@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');
           
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.white{color:#ffffff;}
.sec_ttl{font-size: 4em;text-align: center;}
.barlow{font-family: 'Barlow', sans-serif;}
.tex_blue{color:#009ede;}
.tex_white{color:#ffffff;}

.sec_p{line-height: 1.6;text-align: justify;}
.tbonly{display: none;}
.ttl_black{margin-top: 6%; font-size: 1em;display: block;font-weight: bold;}
.ttl_black02{margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.ttl_wihte{color:#ffffff;margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.center{text-align: center;}



/* section_01 */
.section_01{background-image: url("../img/sec_01_back_pc.webp");background-repeat: no-repeat;background-size: cover;background-position: bottom;}



.title_box{width: 7%;}
.title_box img{width: 70px;}
.contents_box{width: 85%;}
.page_btn img{height: 50px;margin: 1em 0;}
.img-left{float: left;}
.mt-ss{margin-top: 1.0em;}
.mt-s{margin-top: 1.4em;}
.mt-m{margin-top: 2em;}
.mtb-m{margin: 3em 0;}
.mr-s{margin-right: 1em;}
/* section_02 */
.section_02{background-image: url("../img/sec_02_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
.section_02_box {
background-image: url("../img/sec_02_box_pc.svg");background-repeat: no-repeat;background-size: cover;padding: 5em 0 30em;
}
.page_ttl{font-size: 1.2em;font-weight: normal;margin-bottom: 0.6em;}
.page_h3{font-size: 1.3em;line-height: 1.3em; font-weight: normal;}



/* section_03 */
.section_03{}
.yokogata_ttl{height: 70px;}


/* section_04 */
/* news */
#news{width: 100%;clear: both;padding-top: 1em;}
#news dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
	margin-top: 1em;
	color: #000000;
}
#news dl:last-of-type {
    margin-bottom: 0;
}

#news dl dt span.cat_01 ,#news dl dt span.cat_02 ,#news dl dt span.cat_name{
    position: relative;
    display: inline-block;
    text-align: center;
    align-items: center;
    margin-right: 1em;
	padding: 0.2em 0;
	width: 9em;
}
#news dl dt span.cat_01,#news dl dt span.cat_1{background-color: #065696;color: #ffffff;}
#news dl dt span.cat_02,#news dl dt span.cat_2{background-color: #0e9b94;color: #ffffff;}
#news dl dd {
    font-size: 1.0em;
    line-height: 1.5;
	    display: block;
    transition:all 0.3s;
}
#news dl dt span.date{padding-right: 1em;}

#news dl a:hover {
    color: #003894;
}

/* section_05 */
.section_05{background-image: url("../img/sec_05_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
.project-left{width: 70%;float: left;}
.project-right{width: 30%;float: right;}
.project-right img{float: right;}

/* section_06 */
.section_06{background-image: url("../img/sec_06_back_pc.webp");background-repeat: no-repeat;background-size: contain;background-position: bottom;}
#wrapper03 {
	flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 0%;
  overflow: hidden;
}
.content_area_3colum{
  max-width: 86%;
	display: flex;
	gap: 3%;
	box-sizing: border-box;
  padding: 0px;
  margin: 0;
}

/* section_07 */
.recruit-f-right{width: 48%;float:right;margin-inline: auto;}
.recruit_img{margin-right: calc(100% - 48vw);}
img.sns-left,img.sns-right{width: 50px;margin: 1em 0.6em 1em 0;float: left;}

/* section_08 */
.section_08{background-image: url("../img/sec_08_back_pc.webp");background-repeat: no-repeat;background-size: contain;background-position: top;}
.housing-left{width: 40%;float: left;}
.housing-right{width: 55%;float: right;}
.mincyou{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.mincyou-copy{font-size: 2.4em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

.slick-slide img {
  width: 100%;
  height: 220px;
	object-fit: cover;
}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.tbonly{display: block;}
.sponly{display: none;}




	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.tbonly{display: none;}
.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	
.lh_l {line-height:1.8 !important;}
.mt-ss{margin-top: 0.5em;}
.mt-s{margin-top: 0.7em;}
.mt-m{margin-top: 1em;}
.mtb-m{margin: 1.6em 0;}
.mr-s{margin-right: 0em;}
.page_btn img{height: 50px;margin: 0.6em 0;}
.page_ttl{font-size: 1.0em;font-weight: normal;margin-bottom: 0.6em;}
.page_h3{font-size: 1.0em;line-height: 1.3em; font-weight: normal;}
.sec_p{line-height: 1.5;text-align: justify;}
	
.contents_box{width: 100%;}
.title_box{width: 100%;}
.title_box img{width: auto;height: 50px;}
.yokogata_ttl{height: 50px;}

/* news */
.news_ttl{width:100%;float:none;}
#news{width: 100%;float: none;}
#news dl a {
	display: block;}
#news dl dd {
    font-size: 0.9em;
	margin-top: 0.6em;
}


/* section_01 */
.section_01{background-image: url("../img/sec_01_back_pc.webp");background-repeat: no-repeat;background-size: cover;background-position: bottom;padding: 3em 0;}
/* section_02 */
.section_02{background-image: url("../img/sec_02_back_sp.webp");background-position: top right;}	
/* section_03 */
.sustainable{width: 100vw;
   margin: 0 calc(50% - 50vw);}
/* section_05 */
.section_05{background-image: url("../img/sec_05_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
.project-left{width: 100%;float: none;}
.project-right{width: 100%;float: none;}
.project-right img{float: left;}

/* section_06 */
.section_06{background-image: url("../img/sec_06_back_sp.webp");background-repeat: no-repeat;background-size: contain;background-position: bottom;}
#wrapper03 {
	flex: 1;
    margin-right: 0;
    margin-left: 0%;
  overflow: hidden;
}
.content_area_3colum{
  max-width: 100%;
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 0 auto;
  padding: 20px;
}

/* section_07 */
.recruit-f-right{width: 100%;float:none;margin-inline: auto;}
.recruit_img{margin-right: 0;}
img.sns-right{position: absolute;top:30px;right:0; width: 50px;margin: 1em 0.6em 1em 0;float: left;}
img.sns-left{position: absolute;top:30px;right:60px; width: 50px;margin: 1em 0.6em 1em 0;float: left;}
/* section_08 */
.section_08{background-image: url("../img/sec_08_back_pc.webp");background-repeat: no-repeat;background-size: contain;background-position: top;}
.housing-left{width: 100%;float: none;}
.housing-right{width: 100%;float: none;}
.housing-right p{font-size: 0.94em;}
.mincyou{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
p.mincyou-copy{font-size: 1.8em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

}