@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;
-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;/* padding: 0; */outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;
height:auto;}
.line {font-size:1px;line-height:1px;}
*{
	padding:0;
	margin:0;
}
/*--- default */
body {
	color: #111;
	font-size: 95%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
	letter-spacing:0.05em;
}
body td,body th{
}
table{
	border-collapse:collapse;
}

.float_left {
	display: block;
	float: left;
}
.float_right {
	display: block;
	float: right;
}
.float_left_space {
	display: block;
	float: left;
	margin-right:30px;
}
.float_right_space {
	display: block;
	float: right;
	margin-left:30px;
}
.clear{
	clear:both;}
.w90{
	width:90%;
}
.w80{
	width:80%;
}
.w75{
	width:75%;
}
.w70{
	width:70%;
}
.w65{
	width:65%;
}
.w60{
	width:60%;
}
.w55{
	width:55%;
}.w50{
	width:50%;
}
.w45{
	width:45%;
}.w40{
	width:40%;
}
.w35{
	width:35%;
}
.w30{
	width:30%;
}
.w25{
	width:25%;
}
.w20{
	width:20%;
}
.box{
	overflow:hidden;
}
img {
	-webkit-backface-visibility: hidden;
}
/*****************************************************
	
	基本設定、リンクカラーなど
	
*****************************************************/
#wrap{
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow:hidden;

}
.inner{
	overflow: hidden;
}
a:link {
	color:#333;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#009FE6;
	text-decoration: none;
}

a:active{
	color:#009FE6;
	text-decoration:none;
}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
 

/*****************************************************
	
	ヘッダー
	
*****************************************************/

header{
	
	margin:0 auto 40px;
}
header #rogo{
	float:left;
	margin:60px 0 0 40px;
}
header #rogo h1{
	font-size:200%;
}
header #rogo h1 span{
	font-size:40%;
	font-weight:normal;
	display:block;
}
header nav{
	float:right;
	margin: -50px 100px 0 0;
}




header nav ul{
	overflow:hidden;
}
header nav ul li{
	float:left;
	margin:0 10px;
	font-size:90%;
	padding-top:3px;
}
@media screen and (max-width: 860px) and (min-width: 481px)	{

header nav{
	float:none;
	clear:both;
	margin: 30px auto -20px;
	width:90%;
}
header nav ul li{
	float:left;
	width:16.6%;
	text-align:center;
	padding:0;
	margin:0;
}
header nav ul li a{
	display:block;
}
}
@media screen and (max-width: 480px)	{

header nav{
	float:none;
	clear:both;
	margin: 30px 1% -35px;
	width:99%;

}
header nav ul li{
	float:left;
	width:32%;
	text-align:center;
	padding:0;
	margin:0;
	background:#9c6;
	margin:0.5%;
	border-radius:2px;



}
header nav ul li a{
	display:block;
	padding:5px 0;
	font-size:90%;
	color:#fff!important;

}
}
.matsuura-bt-top{
	width:200px;
	height:120px;
	background-image:url('../image/head-bt-bg.svg');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:220px;
	position:relative;
	top:-40px;
	left:100%;
	margin-left:-100px;
}
.matsuura-bt-top img{
	width:60px;
	position:relative;
	top:-70px;
	left:20px;
	z-index:5;
}


.matsuura-fukidashi{
	position:relative;
	top:-115px;
	left:-175px;
	font-size:85%;
	display: inline-block;
	padding: 7px 10px;
 	color: #fff;
 	opacity:0;
	background: #111;
	 -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}


.matsuura-fukidashi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -7px;
	border: 7px solid transparent;
	border-left: 15px solid #111;
}

.fukidashi{
	left:-165px;
	opacity:1.0;
}
/*****************************************************
	
	フッター
	
*****************************************************/

footer{
	
	text-align:center;
	font-size:85%;
	line-height:1.6em;

}
footer .copyright{
	
	text-align:center;
	border-top:1px solid #ccc;
	padding:50px 0;

}


/*****************************************************
	
	ページコンテンツ
	
*****************************************************/
.img-section{
	/* background-image:url('../image/karatsukounyu_main-img.jpg'); */
	/* background-repeat:no-repeat; */
	/* background-position:center; */
	/* background-size:cover; */
	/* min-height:740px; */
}

.img-section ul{
	/* position:relative; */
	/* top:40px; */
	/* left:30px; */
	overflow:hidden;
	margin:-20px 0 0px;
}

.img-section ul li{
	width:40%;
	padding:40px 5%;
	margin:20px 0 0 0;
	float:left;
    

}
.pc-space{
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.img-section .blue-bg{
	background:rgb(51,153,0,0.3);

}
.img-section .orange-bg{
	background:rgb(153,204,51,0.3);

}
.img-section ul li .en{
	font-size:70%;
	font-weight:bold;
	position:relative;
	margin-left:30px;

}
.img-section ul li .en:before{
	content:"";
	width:20px;
	height:3px;
	background:#9c6;
	position:absolute;
	top:45%;
    left:-30px;
}
.img-section ul li h2{
	font-size:180%;
	margin:20px 0 10px;
	

}
.img-section ul li p{
	line-height:1.6em;
	

}
.img-section ul li p span{
	display:block;
	

}
.sub-rinen{
	background:#555;
	color:#fff;
	padding:40px;
	margin:0 auto 60px;
}
.sub-rinen .box{
	width:100%;
	max-width:960px;
	margin:0 auto;
	overflow:hidden;
}
.sub-rinen .maru-box{
	overflow:hidden;
	width:400px;
	float:left;
}
.sub-rinen .maru-box li{
	float:left;
	background:#fff;
	color:#555;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	font-size:115%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:30px 10px 0;
}
.sub-rinen .sub-rinen-txt{
	overflow:hidden;
	font-size:90%;
}
.sub-rinen .sub-rinen-txt:before{
	content:'● ● ● ●';
	display:block;
	font-size:70%;
	color:#9c6;
}

.sp-img{
	display:block;
}
.sp-img img{
	width:100%;
}
.greething-title{
	font-size: 700%;
	line-height:2.5em;
	color: #d4e0dc;
	letter-spacing:0.1em;
	position:relative;
	left:2%;
}
.greething-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:1em 1px 0.5em;
	position:relative;
	letter-spacing:0.5em;
	z-index:2;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          left:4.0%;
          top:-220px;
}

.greething-box{
	width:100%;
	max-width:960px;
	margin:-70px auto 0;
	overflow:hidden;
}
.greething-box .bunmen{
	width:60%;
    float:left;
}
.greething-box h3{
	text-align:center;
	font-size:180%;
	padding:0 0 40px;
	margin:20px 0 30px;
	background-image:url('../image/fukidashi-bar.svg');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:200px;
}
.greething-box .jinbutsu{
	width:35%;
    float:right;    text-align:center;

}
.greething-box .jinbutsu img{
	width:90%;
	height:auto;
	position:relative;
	z-index:2;
    
}
.greething-box .squea{
	width:100px;
	height:100px;
	background:#d4e0dc;
	position:relative;
	top:-80px;
	left:-100px;
	margin-left:100%;
    
}
.greething-box .daihyo{
	text-align:center;
	margin:-20% 0 0 -10%;
	font-size:90%;
    
}

.greething-box .daihyo span{
	font-size:120%;
    
}
#works{
	margin:220px auto 150px;
}
.works-title{
	font-size: 700%;
	line-height:2.5em;
	color:#d4e0dc;
	letter-spacing:0.1em;
	position:absolute;
	right:5%;
	margin-top:-150px;

}
.works-title-jp{
	width:300px;
	margin:0 auto 50px;
	text-align:center;
	border:double 3px #333;
	font-weight:bold;
	padding:9px 0 5px;
}
#works dl{
	width:95%;
	max-width:700px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#works dt{
	width:20%;
	background:#555;
	color:#fff;
	text-align:center;
	float:left;
	padding:0;
	clear:both;
	margin:0 0 40px 0;
}
#works dd{
	width:75%;
	margin:0 0 40px 25%;
	padding:0;
}

#staff{
	background:#D7E8E6;
	position:relative;
	overflow:hidden;
}
.staff-box{
	width:960px;
	margin:0 auto;
	position:relative;
}
.staff-title{
	font-size: 800%;
	color: #fff;
	letter-spacing:0.1em;
	position:absolute;
	left:4%;
	top:50px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.staff-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:5px 40px 5px;
	position:relative;
	z-index:2;
	top:550px;
}
.staff-head{
	max-width:750px;
	width:85%;
	margin:120px auto 0;
	padding-left:15%;
	overflow:hidden;
	position:relative;
}
.staff-img{
	max-width:600px;
	width:90%;
	position:relative;
	margin:0 auto;
}
.staff-img img{
	width:100%;
}
.staff-pickup{
	overflow:hidden;
	position:relative;
	top:-100px;
}
.staff-pickup img{
	border:5px solid #fff;
	box-shadow:0px 0px 6px -1px #000000;
	max-width:140px;
	width:80%;
	z-index:5;
	float:right;
	position:relative;
	margin:10px;
}
.staff-name{
	background:rgb(255,255,255,0.9);
	position:relative;
	padding:15px 50px;
	z-index:4;
	top:75px;
	width:50%;
	float:right;
	left:70px;
	
}
.staff-name span{
	font-size: 140%;
}

#staff dl{
	max-width:750px;
	width:85%;
	margin:0px auto 150px;
	padding-left:15%;
	overflow:hidden;
	clear:both;

}
#staff dt{
	font-size:120%;
	position: relative;
	display: inline-block;
	padding: 20px 30px 15px;
	background: #fff;
	border-radius: 10px;

}
#staff dt:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 40%;
 	margin-left: -15px;
	border: 8px solid transparent;
	border-top: 15px solid #fff;
}
.fukidashi-r{
	float:right;

}

#staff dd{
padding:5%;
margin:0 0 5%;
clear:both;

}
.info-title{
	font-size: 700%;
	line-height:2.5em;
	color:#d4e0dc;
	letter-spacing:0.1em;
	position:relative;
	left:2%;
}
.info-box{
	max-width:960px;
	width:95%;
	margin:0 auto 150px;
	overflow:hidden;
}
.info-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:1em 1px 1em;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          float:left;
}
.company{
	width:40%;
	float:left;
	margin:0 3%;
}
.map-box{
	float:right;
	width:45%;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.matsuura-bt a{
	display:block;
	color:#000;background:#fff;
	display:inline-block;
	margin:50px auto 100px;
	padding:20px 20px;
	position:relative;
	z-index:10;
	font-size:1.2rem;
	border:solid 2px #000;
}
.matsuura-bt a:before {
  content: "";
  background-color: #111;
  height: 2px;
  position: absolute;
  width:100%;
  bottom:-10px;
  left:10px;
}
.matsuura-bt a:after {
  content: "";
  background-color: #111;
  height: 110%;
  position: absolute;
  width:2px;
  bottom:-10px;
  right:-10px;
}
.matsuura-bt a:hover{
	color:#fff;
	background:#333;
	position:relative;
	z-index:10;
}
.matsuura-bt span img{
	width:70px;
	margin:0 10px;
}
/*****************************************************
	
	タブレットコンテンツ

*****************************************************/

@media screen and (max-width: 768px) and (min-width: 481px)	{
.img-section{
	background-image:none;
	min-height:100%;
	position:relative;
}

.img-section ul{
	position:relative;
	top:auto;
	bottom:0;
	left:0;
	overflow:hidden;
	width: 100%;
}

.img-section ul li{
	width:42%;
	padding:4%;
	margin:0px 0 0 0;
	float:left;
	display:inline-block;

}
.img-section .blue-bg{
	background:rgb(40,128,191);

}
.img-section .orange-bg{
	background:rgb(235,97,87);

}
.sp-img{
	display:block;
}
.sp-img img{
	width:100%;
}
.sub-rinen .maru-box{
	overflow:hidden;
	width:360px;
	margin:0 auto 30px;
	float:none;
}

.greething-title{
	font-size: 310%;
	line-height:2.4em;
	color:#eee;
	letter-spacing:0.1em;
	position:relative;
	left:70px;
}
.greething-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:1em 1px 0.5em;
	position:relative;
	letter-spacing:0.5em;
	z-index:2;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          left:20px;
          top:-90px;
}

.greething-box{
	width:95%;
	margin:-70px auto 0;
	overflow:hidden;
}
.greething-box .bunmen{
	width:80%;
	margin:0 auto 50px;
    float:none;
}
.greething-box h3{
	text-align:center;
	font-size:160%;
	padding:0 0 40px;
	margin:20px 0 30px;
	background-image:url('../image/fukidashi-bar.svg');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:200px;
}
.greething-box .jinbutsu{
	width:35%;
    float:right;
    text-align:center;
    margin:0 5% 0 0;

}
#works{
	margin:100px auto 200px;
	padding-top:170px;
}
.works-title{
	font-size: 500%;
	line-height:2.5em;
	color:#EFF7F4;
	letter-spacing:0.1em;
	position:absolute;
	right:5%;
	margin-top:-200px;

}
.works-title-jp{
	width:300px;
	margin:0 auto 50px;
	text-align:center;
	border:double 3px #333;
	font-weight:bold;
	padding:9px 0 5px;
}
#works dl{
	width:75%;
	max-width:700px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#works dt{
	width:50%;
	background:#555;
	color:#fff;
	text-align:center;
	float:none;
	padding:0;
	clear:both;
	margin:0 auto 40px;
}
#works dd{
	width:100%;
	margin:0 auto 40px;
	padding:0;
}

.staff-box{
	width:100%;
	
}
.staff-title{
	font-size: 400%;
	color: #fff;
	letter-spacing:0.1em;
	position:absolute;
	left:4%;
	top:110px;
	-webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
    	-webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;      
       	-webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit; 
}
.staff-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:5px 40px 5px;
	position:relative;
	z-index:2;
	top:40px;
}
.staff-head{
	max-width:750px;
	width:85%;
	margin:180px auto 0;
	padding-left:0;
	overflow:hidden;
	position:relative;
}
.staff-img{
	max-width:600px;
	width:100%;
	position:relative;
	margin:0 auto;
}
.staff-img img{
	width:100%;
}
.staff-pickup{
	overflow:initial;
	position:relative;
	top:-100px;
}
.staff-pickup img{
	border:5px solid #fff;
	box-shadow:0px 0px 6px -1px #000000;
	max-width:100px;
	width:80%;
	z-index:5;
	float:right;
	position:relative;
	margin:10px;
	top:30px;
}
.staff-name{
	background:rgb(255,255,255,1);
	position:relative;
	padding:15px 4%;
	z-index:4;
	top:140px;
	width:92%;
	float:none;
	left:0px;
	border-radius: 10px;
	font-size:95%;
	
}
.staff-name span{
	font-size: 110%;

}

#staff dl{
	max-width:750px;
	width:80%;
	margin:30px auto 150px;
	padding-left:0;
	overflow:hidden;
	clear:both;

}
#staff dt{
	font-size:120%;
	position: relative;
	display: inline-block;
	padding: 20px 30px 15px;
	background: #fff;
	border-radius: 10px;

}
#staff dt:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 40%;
 	margin-left: -15px;
	border: 8px solid transparent;
	border-top: 15px solid #fff;
}
.fukidashi-r{
	float:right;

}

#staff dd{
padding:5%;
margin:0 0 5%;
clear:both;

}


.info-title{
	font-size: 300%;
	line-height:2.5em;
	color:#eee;
	letter-spacing:0.1em;
	position:relative;
	left:4%;
	margin:50px 0 20px;
}
.info-box{
	max-width:960px;
	width:90%;
	margin:0 auto 150px;
	overflow:hidden;
}
.info-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:1em 1px 1em;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          float:left;
}
.company{
	width:80%;
	float:left;
	margin:0 5% 50px;
}
.map-box{
	float:none;
	width:100%;
	clear:both;
	margin:50px auto 0;
}


}
/*****************************************************
	
	スマホコンテンツ

*****************************************************/

@media screen and (max-width:480px)	{
.matsuura-bt-top{
	display:none;
}

header #rogo{
	float:left;
	margin:30px 0 20px 20px;
}
header #rogo h1{
	font-size:150%;
	line-height:1em;
}

.img-section{
	background-image:none;
	background-position:center;
	background-size:cover;
	min-height:auto;
	position:relative;
}

.img-section ul{
	position:relative;
	top:auto;
	bottom:0;
	left:0;
	overflow:hidden;
	width: 100%;
	margin:0 auto;
}

.img-section ul li{
	width:70%;
	padding:30px 15%;
	margin:0 auto;
	float:none;
	display:inline-block;

}
.img-section ul li p span{
	display:inline;
	

}
.img-section ul li h2{
	font-size:160%;
	margin:20px 0 10px;
	

}
.img-section .blue-bg{
	background:rgb(51,153,0,0.3);

}
.img-section .orange-bg{
	background:rgb(153,204,51,0.3);

}
.sp-img{
	display:block;
}
.sp-img img{
	width:100%;
}
.sub-rinen{
	background:#555;
	color:#fff;
	padding:30px 25px 45px;
	margin:0 auto 60px;
}

.sub-rinen .maru-box{
	overflow:hidden;
	width:240px;
	margin:0 auto 30px;
	float:none;
}
.sub-rinen .maru-box li{
	float:left;
	background:#fff;
	color:#555;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width:70px;
	height:70px;
	text-align:center;
	line-height:75px;
	font-size:95%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:30px 5px 0;
}
.greething-title{
	font-size: 200%;
	line-height:3em;
	letter-spacing:0.1em;
	position:relative;
	left:20px;
}
.greething-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:7px 20px 5px 25px;
	position:relative;
	letter-spacing:0.5em;
	z-index:2;
	-webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
    	-webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;      
       	-webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit; 
          left:-5px;
          top:0px;
}

.greething-box{
	width:95%;
	margin:-70px auto 0;
	overflow:hidden;
}
.greething-box .bunmen{
	width:90%;
	margin:0 auto 50px;
    float:none;
}
.greething-box h3{
	text-align:center;
	font-size:130%;
	padding:0 0 40px;
	margin:110px 0 30px;
	background-image:url('../image/fukidashi-bar.svg');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:200px;
}
.greething-box .jinbutsu{
	width:55%;
    float:none;
    text-align:center;
    margin:0 auto 0;

}
#works{
	margin:100px auto 200px;
	padding-top:170px;
}
.works-title{
	font-size: 350%;
	line-height:2.5em;
	letter-spacing:0.1em;
	position:absolute;
	right:5%;
	margin-top:-150px;

}
.works-title-jp{
	width:200px;
	margin:0 auto 50px;
	text-align:center;
	border:double 3px #333;
	font-weight:bold;
	padding:9px 0 5px;
}
#works dl{
	width:75%;
	max-width:700px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#works dt{
	width:50%;
	background:#555;
	color:#fff;
	text-align:center;
	float:none;
	padding:0;
	clear:both;
	margin:0 auto 40px;
}
#works dd{
	width:100%;
	margin:0 auto 40px;
	padding:0;
}

.staff-box{
	width:100%;
	
}
.staff-title{
	font-size: 400%;
	color: #fff;
	letter-spacing:0.1em;
	position:absolute;
	left:4%;
	top:110px;
	-webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
    	-webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;      
       	-webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit; 
}
.staff-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:5px 40px 5px;
	position:relative;
	z-index:2;
	top:40px;
}
.staff-head{
	max-width:750px;
	width:85%;
	margin:180px auto 0;
	padding-left:0;
	overflow:initial;
	position:relative;
}
.staff-img{
	max-width:600px;
	width:100%;
	position:relative;
	margin:0 auto;
}
.staff-img img{
	width:100%;
}
.staff-pickup{
	overflow:initial;
	position:relative;
	top:-70px;
}
.staff-pickup img{
	border:4px solid #fff;
	box-shadow:0px 0px 6px -1px #000000;
	max-width:75px;
	width:80%;
	z-index:5;
	float:right;
	position:relative;
	margin:10px;
	top:15px;
}
.staff-name{
	background:rgb(255,255,255,1);
	position:relative;
	padding:10px 4%;
	z-index:4;
	top:0;
	width:92%;
	float:none;
	left:0px;
	border-radius: 10px;
	font-size:80%;
	clear:both;
}
.staff-name span{
	font-size: 115%;

}

#staff dl{
	max-width:750px;
	width:85%;
	margin:0 auto 150px;
	padding-left:0;
	overflow:hidden;
	clear:both;

}
#staff dt{
	font-size:105%;
	position: relative;
	display: inline-block;
	padding: 20px 10% 15px;
	background: #fff;
	border-radius: 10px;
	margin-bottom:15px;

}
#staff dt:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 40%;
 	margin-left: -15px;
	border: 8px solid transparent;
	border-top: 15px solid #fff;
}
.fukidashi-r{
	float:right;

}

#staff dd{
padding:5%;
margin:10px 0 40px;
clear:both;

}

.info-title{
	font-size: 200%;
	line-height:2.5em;
	letter-spacing:0.1em;
	position:relative;
	left:4%;
	margin:50px 0 20px;
}
.info-box{
	max-width:960px;
	width:90%;
	margin:0 auto 150px;
	overflow:hidden;
}
.info-title-jp{
	background:#555;
	color:#fff;
	font-size:90%;
	padding:0.5em 20px;
	-webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
    	-webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;      
       	-webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit; 
          float:left;
}
.company{
	clear:both;
	width:90%;
	float:none;
	margin:80px auto 50px;
}
.map-box{
	float:none;
	width:100%;
	clear:both;
	margin:50px auto 0;
}
.matsuura-bt a{
	display:block;
	color:#fff;background:#111;
	width:200px;
	margin:50px auto 100px;
	padding:15px 5%;
	position:relative;
	z-index:10;
	font-size:100%;
}
.matsuura-bt a:before {
  content: "";
  background-color: #111;
  height: 2px;
  position: absolute;
  width:100%;
  bottom:-10px;
  left:10px;
}
.matsuura-bt a:after {
  content: "";
  background-color: #111;
  height: 110%;
  position: absolute;
  width:2px;
  bottom:-10px;
  right:-10px;
}
.matsuura-bt a:hover{
	padding:22px 7%;
	position:relative;
	z-index:10;
}
.matsuura-bt span img{
	width:50px;
	margin:0 10px;
}
footer .copyright{
	
font-size:80%;
}
}


/*202510追記*/
#works .newworks{display:flex;gap:20px;max-width:1000px;margin:auto;}
#works .newworks dl{flex-direction:column;}
#works .newworks dt img{width:100%;height:auto;}
#works .newworks dt{
  width:100%;
  background: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0 0 0 ;
  margin:0 0 10px 0;
  font-size:1.2rem;
}
#works .newworks dd{
  width:100%;
  margin: 0 0 30px 0;
  padding: 0;
 line-height:150%;
}
.files a{display:inline-block;background:#555;color:#fff;text-decoration:none;padding:0 10px;margin:2px;border:solid 1px #555;}
.files a:hover{color:#333;background:#eee;}
@media screen and (max-width:480px){
#works .newworks{flex-direction:column;}
#works .newworks dt{width:100%;}
#works .newworks dd{width:100%;}
}