@charset "utf-8";

img{
max-width: 100%;
height: auto;
}
figure,figcaption{
	display: block;
	margin:0;
	padding:0;
}
input[type="checkbox"],
input[type="radio"]{
transform: scale(1.5);
margin: 0 8px 0 4px;
}
.logo_area img {
display: inline-block;
max-width: 60%;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
vertical-align: text-top;
margin-left: 1%;
}
.logo_area_inner {
margin: 22px 0 0px 0;
}
.btn_map,
.headtel2,
.smpno{
display: none;
}
.mb120,
.mb80{
margin-bottom: 60px;
}
.nav_tel{

}
.navnav {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(../img/face.png);
  background-size: contain;
  vertical-align: middle;

}
.nav_tel a:before{
content: '';/*何も入れない*/
background-image: url(../img/freedial.svg);

background-size: contain; /* 必要 */
background-repeat:no-repeat;
display: inline-block;
width: 2em; /* 必要 */
aspect-ratio: 140 / 80; /* アスペクト比を保持してレスポンシブ */
background-color: #EDEEEE;
}

#headmember{
margin-right: 60px;
}
.footinfo,
.foot_link,
.wrap3,
.wrap,
.toplink,
.top_infoarea2,
.top_infoarea{
width:96%;
margin-inline: auto;
}
.pan2 {
line-height: 1.4;
}
.aarea{
position: relative;
width: 96vw;
}
.top_ownertxt,
.top_performancetxt {
width: 100%;
}

.ttl001 {
font-size: 50px;
}
.top_sdgsinner,
.top_sdgs {
height: inherit;
}
.top_sdgstxt,
.top_sdgsbg ,
.top_sdgstx{
width: 100%;
height: inherit;}

.top_sdgstxt_posi{
padding-block:40px;

}

.top_sdgstxt_posi {
background:rgba(0,0,0,0.6);
width: 100%;
}

.foot_link dl {
width: 50%;}

.footinfo{
 display:flex;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
}

.foottelbox{
order: 2;
width: 100%;
text-align: center;
margin-inline: auto;
display: block;
}
.foottelbox span{
text-align: center;
margin-inline: auto;
display: block;
}
.footlogo{
order: 1;
width: 100%;
text-align: center;
margin-bottom: 0.5em;
margin-inline: auto;
display: block;
}

.toplink ul li{
text-align: center;
}

.btn_contactposi2 {
vertical-align: middle;
background-size: contain; /* 必要 */
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
display: block;
max-width: 380px;
width: 100%;
position: relative;
aspect-ratio: 380 / 80; /* アスペクト比を保持してレスポンシブ */

}

.btnContact{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 254px;
}

.shosai_form td,
.shosai_form th {
width: 100%;
display: inline-block;
box-sizing: border-box;
}

.kouzou_li li {
display: block;
margin-bottom: 20px;
width: 100%; 
}

.madori_li{
margin-bottom: 2em;
}
.madori_li li {
display: inline-block;
width: 48%;
margin-bottom: 20px;
}

.navsecond ul li {
font-size: 14px;
line-height: 1.2;
width: 25%;
margin-bottom: 2em;
}
.navsecond ul > li:nth-child(6){
width: 30%;
}

.txtboxl{
width: 100%;
}

.txtboxl img{
margin-inline: auto;
display: block;
text-align: center;
	}

.sdgs_subttl {
margin-bottom: 30px;
font-size: 20px;
}
.sdgs_li > li{
margin-bottom: 2em;
}

.sdgs_li figure{
width: 100%;
}
.sdgs_li figure img{
display: block;
text-align: center;
margin-inline: auto;
}
.sdgs_li figure figcaption{
text-align: center;
}

.sdgs_li_txt{
margin: 0 auto; /* ブロック要素を中央揃え */
width: max-content; /* 内容に合わせて幅を縮めたい場合 */
}

.mainblock{
height: 250px;
width: 100%;

}

.maininner{
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 100%;
overflow: hidden;

}

.ttlnew{
background:url(../img/main_new.jpg) no-repeat;

}
.ttlstaffblog{
background:url(../img/main_staffblog.jpg) no-repeat;
	
}
.ttlstaff{
background:url(../img/main_staff.jpg) no-repeat;

}
.ttlsitemap{
background:url(../img/main_sitemap.jpg) no-repeat;

}
.ttlprivacy{
background:url(../img/main_privacy.jpg) no-repeat;

}
.ttlstrength{
background:url(../img/main_strength.jpg) no-repeat;

}
.ttlbusiness{
background:url(../img/main_business.jpg) no-repeat;

}
.ttlgreeting{
background:url(../img/main_greeting.jpg) no-repeat;
width:1600px;
height:466px;
text-align:center;		
}
.ttlsdgs{
background:url(../img/main_sdgs.png) no-repeat;

}
.ttlbuy{
background:url(../img/main_buy.jpg) no-repeat;

}
.ttlsell{
background:url(../img/main_sell.jpg) no-repeat;

}	
.ttlrecruit{
background:url(../img/main_recruit.jpg) no-repeat;

}		
.ttlflow{
background:url(../img/main_flow.jpg) no-repeat;

}	
.ttlcomapnay{
background:url(../img/main_comapany.jpg) no-repeat;

}
.ttl_jisseki{background:url(../img/main_performance.jpg) no-repeat;
	}

.ttlsale{
background:url(../img/main_sale.png) no-repeat;

}
.ttlcontact{
background:url(../img/main_contact.jpg) no-repeat;
}


.ttlnew,
.ttlstaffblog,
.ttlstaff,
.ttlsitemap,
.ttlprivacy,
.ttlstrength,
.ttlbusiness,
.ttlgreeting,
.ttlsdgs,
.ttlbuy,
.ttlsell,
.ttlrecruit,
.ttlflow,
.ttlcomapnay,
.ttl_jisseki,
.ttlsale,
.ttlcontact,
.ttlcontact{
background-position: top; /* お好みで */
background-size: cover; /* 必要 */
background-repeat:no-repeat;
width: 100%;
max-width: 760px; /* 必要 */
aspect-ratio: 1600 / 466; /* アスペクト比を保持してレスポンシブ */
margin:0 auto;
height: auto;

}


.h1posi{
height: 190px;
}

.shosai_form td.labelbox label{
display: block;
width: 100%;
}

.p_are{
margin-bottom: 3em;
}

.p_are_l img{
display: block;
margin-inline: auto;
text-align: center;
}