@charset "UTF-8";
/* 
	
CSS page.css */


/*
base #333
blue #005188
*/



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


#index


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

/* common */
#index #mainv {min-height: 1000px;height:calc(100vh - 100px);height:calc(100svh - 100px);position: relative;width: 100%;margin-bottom: 140px;margin-top: 100px;}
#index #mainv .txtbox{padding: 0 8% 150px;display: flex;justify-content: flex-end;flex-direction: column;height: 100%;box-sizing: border-box;}
#index #mainv .txtbox .logo{margin-bottom: 70px;}
#index #mainv .txtbox .logo>img{width: 563px;}
#index #mainv .txtbox .maincopy{font-weight: bold;font-size: 8.6rem;line-height: 1.4;color: #fff;letter-spacing: 0;text-align: left;}
#index #mainv .txtbox .subcopy{font-weight: bold;font-size: 3.2rem;line-height: 1.4;color: #fff;}
#index #mainv .scrolldown{position: absolute;right: 4%;bottom: 0;display: flex;align-items: center;flex-direction: column;}
#index #mainv .scrolldown .txt{font-weight: bold;font-size: 1.8rem;color: #fff;letter-spacing: 0;display: block;margin-bottom: 10px;}
#index #mainv .scrolldown .arr{width: 1px;height: 178px;position: relative;overflow: hidden;display: block;}
#index #mainv .scrolldown .arr:before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;background: #fff;margin-left: auto;margin-right: auto; animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite; }
#index #mainv .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;font-family: 'object-fit: cover;';z-index: -1;width: 100%;height: 100%;}
@media screen and (max-width: 1280px) {
	#index #mainv { min-height: inherit; margin-top: 0; height:100vh;height:100svh; }
	#index #mainv .txtbox{ padding-bottom: 100px; }
	#index #mainv .txtbox .logo>img{ width: 450px; }
	#index #mainv .txtbox .maincopy{font-size: 6rem; margin-bottom: 20px; }
	#index #mainv .txtbox .subcopy{font-size: 2.4rem; }
}
@media screen and (max-width: 1040px) {
	#index #mainv{ margin-bottom: 100px; }
	#index #mainv .txtbox .logo{ margin-bottom: 60px; margin-left: -5px; }
	#index #mainv .txtbox .logo>img{ width: 350px; }
	#index #mainv .txtbox .maincopy{font-size: 5rem; }
	#index #mainv .txtbox .subcopy{font-size: 2rem; }
}
@media screen and (max-width: 767px) {
	#index #mainv{margin-bottom: 70px;}
	#index #mainv .txtbox{ padding-bottom: 60px; }
	#index #mainv .txtbox .maincopy{font-size: 3.6rem; }
	#index #mainv .txtbox .subcopy{font-size: 1.8rem; }
	#index #mainv .scrolldown .txt{font-size: 1.4rem;margin-bottom: 5px;}
	#index #mainv .scrolldown .arr{height: 60px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#index #mainv .txtbox .logo>img{ width: 280px; }
	#index #mainv .txtbox .maincopy{font-size: 2.8rem; margin-right: 8%; }
	#index #mainv .txtbox .subcopy{font-size: 1.6rem; }
}
@keyframes sdl {
	0% {
		opacity: 1;
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	30.1%, 70% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}

#index .topsectitle{font-family: 'Inter', sans-serif;font-weight: bold;font-size: 8.4rem;line-height: 1.2;margin-bottom: 35px;color: #1b2b57;}
#index .topsectitlebox{ margin-bottom: 30px; }
#index .topsectitlebox .topsectitle{ margin-bottom: 0; }
#index .topsectitlebox .title{ font-weight: bold; font-size: 1.8rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; margin-top: -5px; letter-spacing: 0.2em; }
@media screen and (max-width: 1280px) {
	#index .topsectitle{ font-size: 6.4rem; }
}
@media screen and (max-width: 1040px) {
	#index .topsectitle{ font-size: 5.4rem; text-align: center; }
	#index .topsectitlebox .title{text-align: center;margin-top: 10px;}
}
@media screen and (max-width: 767px) { 
	#index .topsectitle{ font-size: 4.4rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

/* #sec_1 */
#index #sec_1 .incnt>.inwrap{ display:flex; flex-direction:row-reverse; justify-content:center; align-items:center; }
#index #sec_1 .txtbox{/* display: flex; */flex-direction: column;justify-content: center;}
#index #sec_1 .imgbox{flex-shrink: 0;width: 45%;margin-right: 10%;}
#index #sec_1 .imgbox>img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
@media screen and (max-width: 1040px) {
	#index #sec_1{ margin-bottom: 0; }
	#index #sec_1 .incnt{ max-width: 100%; width: 100%; }
	#index #sec_1 .incnt>.inwrap{ display: block; }
	#index #sec_1 .txtbox{ display: block; padding-left: 8%; padding-right: 8%; }
	#index #sec_1 .imgbox{ width: 100%; margin-right: 0%; height: 500px; margin-top: 60px; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .imgbox{ height: 400px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#index #sec_1 .imgbox{ height: 350px; }
}

#index #sec_2{ position: relative; padding-left: 8%; }
#index #sec_2 .txtbox{background: rgba(27,43,87,.95);padding: 100px 7%;box-sizing: border-box;width: 46%;}
#index #sec_2 .txtbox .topsectitle{ color: #fff; }
#index #sec_2 .txtbox .copy{ color: #fff; }
#index #sec_2 .txtbox .txt{ color: #fff; }
#index #sec_2 .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; z-index: -1; }
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1040px) {
	#index #sec_2{ padding-left: 0%; }
	#index #sec_2 .txtbox{ background: rgba(27,43,87,.4); width: 100%; }
}
@media screen and (max-width: 767px) { 
	#index #sec_2 .txtbox{ padding: 80px 8%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#index #sec_3 .incnt>.titlebox{display: flex;flex-direction: row;margin-bottom: 50px;align-items: center;}
#index #sec_3 .incnt>.titlebox .topsectitlebox{flex-shrink: 0;margin-bottom: 0;margin-right: 40px;margin-top: -10px;display: flex;flex-direction: column;justify-content: center;align-items: baseline;}#index #sec_3 .incnt>.titlebox .topsectitlebox
#index #sec_3 .incnt>.titlebox .topsectitlebox .title{margin-top: -5px;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#index #sec_3 .incnt>.titlebox{display: block;text-align: center;}
	#index #sec_3 .incnt>.titlebox .txt{ text-align: left; }
	#index #sec_3 .incnt>.titlebox .topsectitlebox{ margin-right: 0; margin-top: 0; margin-bottom: 30px; display: block; }
	#index #sec_3 .incnt>.titlebox .topsectitlebox .title{ margin-top: 5px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#index #sec_4{background: #f7f7f7;padding: 90px 0 125px;}
#index #sec_4 .topsectitlebox{ text-align: center; }
#index #sec_4 .incnt{ max-width: 1100px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#index #sec_4{ padding: 60px 0 80px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#index #sec_5{ display: flex; flex-direction: row-reverse; }
#index #sec_5 .txtbox{background: #1b2b57;padding: 100px 4% 120px;box-sizing: border-box;text-align: center;}
#index #sec_5 .txtbox .topsectitle{ color: #fff; }
#index #sec_5 .txtbox .copy{ color: #fff; }
#index #sec_5 .txtbox .txt{ color: #fff; text-align: justify; }
#index #sec_5 .txtbox .link{ margin-top: 30px; }
#index #sec_5 .imgbox{width: 54%;flex-shrink: 0; position: relative;  }
#index #sec_5 .imgbox>img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#index #sec_5{ display: block; }
	#index #sec_5 .imgbox{ width: 100%; height: 400px; }
	#index #sec_5 .txtbox{ padding: 80px 4% 70px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#index #sec_5 .imgbox{ height: 350px; }
}


#index #sec_6{ padding-top: 20px; }
#index #sec_6 .incnt>.inwrap{ display: flex; flex-direction: row; }
#index #sec_6 .titlebox{ flex-shrink: 0; margin-right: 10%; }
#index #sec_6 .titlebox .bottomlink .linkbtn{ min-width: 290px; }
#index #sec_6 .txtbox{ width: 100%; }
@media screen and (max-width: 1280px) {
	#index #sec_6 .titlebox .bottomlink .linkbtn{ min-width: 200px; }
}
@media screen and (max-width: 1040px) {
	#index #sec_6{ padding-top: 0; }
	#index #sec_6 .incnt>.inwrap{ display: block; }
	#index #sec_6 .titlebox{ margin-right: 0%; }
	#index #sec_6 .titlebox .bottomlink .linkbtn{ min-width: inherit; max-width: 330px; width: 100%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#index #sec_7>.incnt>.inwrap { display: flex; flex-direction: row; }
#index #sec_7>.incnt>.inwrap div.topsectitlebox {flex-shrink: 0;padding-right: 6%;}
#index #sec_7>.incnt>.inwrap>ul.esgbcp {width: 100%;justify-content: center;margin-bottom: -25px;}
#index #sec_7>.incnt>.inwrap>ul.esgbcp li{ margin-bottom: 25px; }
#index #sec_7>.incnt>.inwrap>ul.esgbcp li a.inwrap {display: flex;flex-direction: column;text-align: center;}
#index #sec_7>.incnt>.inwrap>ul.esgbcp li a.inwrap div.imgbox {align-items: center;}
#index #sec_7>.incnt>.inwrap>ul.esgbcp li a.inwrap div.txtbox {margin-left: 0;margin-top: 5px;}
@media screen and (max-width: 1040px) {
	#index #sec_7>.incnt>.inwrap { display: block; }
	#index #sec_7>.incnt>.inwrap div.topsectitlebox {padding-right: 0;margin-bottom: 20px;}
}
@media screen and (max-width: 767px) { 
	#index #sec_7>.incnt>.inwrap>ul.esgbcp{ flex-wrap: wrap; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



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


#about.company


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

#about.company #sec_1 .copy{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#about.company #sec_2 .img1 { margin-bottom: 60px; }
#about.company #sec_2 .imgbox { display: flex; margin-bottom: 40px; align-items: flex-start; }
#about.company #sec_2 .imgbox { margin-bottom:0px; }
#about.company #sec_2 .imgbox .inbox:first-child { width: 60%; margin-right:5%; }
#about.company #sec_2 .imgbox .inbox:first-child p {margin-bottom: 20px;}
#about.company #sec_2 .imgbox .inbox:last-child { width:45%; text-align: center; }
#about.company #sec_2 .imgbox .inbox:last-child p { font-weight:bold; margin-bottom:10px; }
#about.company #sec_2 .imgbox .inbox:last-child p span { display:none; }
#about.company #sec_2 .imgbox .inbox:last-child .img2 { width:80%; }
#about.company #sec_2 .imgbox .inbox:last-child .txtsmall { font-weight:normal; margin-top:5px; }
@media screen and (max-width: 767px) { 
	#about.company #sec_2 .img1 { margin-bottom: 40px; }
	#about.company #sec_2 .imgbox { display: block; }
	#about.company #sec_2 .imgbox .img { width: 100%; }
	#about.company #sec_2 .imgbox .inbox p { margin-top:0px;}
	#about.company #sec_2 .imgbox .inbox:first-child { width:100%; margin-right:0%; margin-bottom:0px; }
	#about.company #sec_2 .imgbox .inbox:first-child p {margin-bottom: 10px;}
	#about.company #sec_2 .imgbox .inbox:last-child { width:100%; }
	#about.company #sec_2 .imgbox .inbox:last-child p {text-align:left;line-height: 1.7;}
	#about.company #sec_2 .imgbox .inbox:last-child p span { display:block; }
	#about.company #sec_2 .imgbox .inbox:last-child .txtsmall { display:none; }
}


#about.company #sec_3 .incnt.wider{ max-width: 1340px; }
#about.company #sec_3 .list>li{ text-align: center; margin-bottom: 5px; }
#about.company #sec_3 .list>li:last-child{ margin-bottom: 0; }
#about.company #sec_3 .list>li>dl>dt,
#about.company #sec_3 .list>li>dl>dd{ display: inline-block; vertical-align: middle; font-size: 1.8rem; }
#about.company #sec_3 .list>li>dl>dt{ font-weight: bold; }
#about.company #sec_3 .list>li>dl>dt:after{ content: "："; margin: 0 0 0 5px; }

#about.company #sec_3 .map{ width: 100%; height: 700px; }
#about.company #sec_3 .map iframe{ width: 100%; height: 100%; }
#about.company #sec_3 .link{ text-align: center; margin-top: -30px; }
@media screen and (max-width: 1040px) {
	#about.company #sec_3 .map{ height: 600px; }
}
@media screen and (max-width: 767px) { 
	#about.company #sec_3 .list>li{ margin-bottom: 15px; }
	#about.company #sec_3 .list>li>dl>dt,
	#about.company #sec_3 .list>li>dl>dd{ font-size: 1.6rem; }
	#about.company #sec_3 .map{ height: 500px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#about.company #sec_3 .map{ height: 400px; }
	#about.company #sec_3 .list>li>dl>dd{ text-align: left; }
}



















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


#about.advantage


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



/* #sec_2 */
#about.advantage #sec_2 .copy{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



/* #sec_3 */
#about.advantage #sec_3 .copy{ text-align: center; }
#about.advantage #sec_3 .box1 div.inwrap{position: relative;color: #fff;overflow: hidden;display: block;}
#about.advantage #sec_3 .box1 .txtbox{background: rgba(27, 43, 87, 0.2);padding: 90px 10% 70px;display: flex;flex-direction: column;height: 100%;justify-content: center;width: 100%;box-sizing: border-box;min-height: 480px;}
#about.advantage #sec_3 .box1 .titlebox{margin-bottom: 30px;flex-direction: column;align-items: center; text-align: center;}
#about.advantage #sec_3 .titlebox .subtitle{ text-align: center; }
#about.advantage #sec_3 .titlebox .subtitle>.inwrap{ display: inline-block; padding-left: 25px; padding-right: 25px; position: relative; font-weight: bold; font-size: 1.8rem; }
#about.advantage #sec_3 .titlebox .subtitle>.inwrap:before,
#about.advantage #sec_3 .box1 .titlebox .subtitle>.inwrap:after{content: "";width: 14px;height: 3px;border-radius: 2px;background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;transform: rotate(60deg);top: 0;margin-top: auto;margin-bottom: auto;}
#about.advantage #sec_3 .box1 .titlebox .subtitle>.inwrap:after{right: 0;transform: rotate(-60deg);left: auto;}
#about.advantage #sec_3 .box1 .titlebox .maintitle{font-weight: bold;font-size: 3.2rem;letter-spacing: 0.2em;margin-bottom: 10px;line-height: 1.4;}
#about.advantage #sec_3 .box1 .titlebox .maintitle{ letter-spacing: 0; }
#about.advantage #sec_3 .box1 .txt{ text-align: center; }
#about.advantage #sec_3 .box1 .titlebox .entitle{font-weight: bold;font-size: 2.4rem;letter-spacing: 0;}
#about.advantage #sec_3 .box1 .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;z-index: -1; transition: .4s; }
#about.advantage #sec_3 .box1 div.inwrap+.link{ margin-top: -29px; text-align: center; }

@media screen and (max-width: 1040px) {
	#about.advantage #sec_3 .box1 .titlebox .subtitle{ margin-bottom: 10px; }
	#about.advantage #sec_3 .box1 .titlebox .maintitle{ font-size: 2.6rem; }
	#about.advantage #sec_3 .box1 .titlebox .entitle{ font-size: 2rem; }
}
@media screen and (max-width: 767px) { 
	#about.advantage #sec_3 .box1 .titlebox{display: block;text-align: center;}
	#about.advantage #sec_3 .box1 .titlebox .txt{ text-align: left; }
	#about.advantage #sec_3 .box1 .titlebox .topsectitlebox{ margin-right: 0; margin-top: 0; margin-bottom: 30px; }
	#about.advantage #sec_3 .box1 .list{ display: block; margin-left: 0;}
	#about.advantage #sec_3 .box1 .txtbox{ padding: 70px 6% 80px; min-height: 300px; }
}
@media screen and (max-width: 639px) { 
	#about.advantage #sec_3 .box1 .txt{ text-align: left; }
}
@media screen and (max-width: 500px) { 
	#about.advantage #sec_3 .titlebox .subtitle>.inwrap{ font-size: 1.6rem; }
	#about.advantage #sec_3 .box1 .titlebox .maintitle{ font-size: 2.4rem; margin-bottom: 5px; }
}


/* #sec_4 */
#about.advantage #sec_4 .copy{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}





















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


#business.construction


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



/* #sec_1 */
#business.construction #sec_1 .copy{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}


/* #sec_2 */
#business.construction #sec_2 .copy.s3{font-size:2.8rem;text-align: center;display:flex;align-items:center;margin-bottom: 40px;}
#business.construction #sec_2 .copy.s3:before,
#business.construction #sec_2 .copy.s3:after { content: ""; flex-grow: 1; height: 1px; background: #0d0d0d; display: block; }
#business.construction #sec_2 .copy.s3:before { margin-right: 0.4em; }
#business.construction #sec_2 .copy.s3:after { margin-left: 0.4em; }
#business.construction #sec_2 .box { display:flex; justify-content:space-between; }
#business.construction #sec_2 .box .txtbox{/* display: flex; */flex-direction: column;}
#business.construction #sec_2 .box .imgbox{ flex-shrink:0; width:50%; margin-left:5%; }
#business.construction #sec_2 .box .imgbox>img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
#business.construction #sec_2 .box .box_bgwhite { background:#fff; padding:35px 30px; box-sizing:border-box; }
#business.construction #sec_2 .box .box_bgwhite .arr1 { text-decoration:underline; }
#business.construction #sec_2 .box .box_bgwhite .minilist { text-align:left; }
#business.construction #sec_2 .box .box_bgwhite .minilist li { display: inline-block;  margin-right: 1em; }

@media screen and (max-width: 1040px) {
	#business.construction #sec_2 .box { display:block; }
	#business.construction #sec_2 .box .txtbox{ margin-bottom:60px; }
	#business.construction #sec_2 .box .imgbox{ width:100%; margin-left:0%; }
}
@media screen and (max-width: 767px) {
	#business.construction #sec_2 .copy.s3{font-size: 2.0rem;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}




/* #sec_3 */
#business.construction #sec_3 .copy{ text-align: center; }
#business.construction #sec_3 .imglist { display:flex; justify-content:space-between; margin-bottom:80px; }
#business.construction #sec_3 .imglist>li { width:31%; }
#business.construction #sec_3 .title { text-align:center; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; 
font-weight: bold; font-size: 2.4rem; letter-spacing: 0.1em; color:#1b2b57; }
#business.construction #sec_3 .title span{ font-weight: bold; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.construction #sec_3 .imglist { display:block; margin-bottom:60px; }
	#business.construction #sec_3 .imglist>li { width:100%; }
	#business.construction #sec_3 .title { font-size: 2.0rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#business.construction #sec_3 .title { font-size: 1.8rem; }
}





















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


#business.production


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



/* #sec_1 */
#business.production #sec_1 .copy{ text-align: center; }
#business.production #sec_1 .box { display:flex; justify-content:space-between; }
#business.production #sec_1 .box .txtbox{/* display: flex; */flex-direction: column;}
#business.production #sec_1 .imgbox{ flex-shrink:0; width:50%; margin-left:5%; }
#business.production #sec_1 .box .imgbox>img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
@media screen and (max-width: 1040px) {
	#business.production #sec_1 .box { display:block; }
	#business.production #sec_1 .box .txtbox{ margin-bottom:60px; }
	#business.production #sec_1 .imgbox{ width:100%; margin-left:0%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



/* #sec_2 */
#business.production #sec_2 .servicebox { display: flex; flex-wrap: wrap; margin-bottom: -20px; overflow: hidden; }
#business.production #sec_2 .servicebox .box {width: 22%;margin-right: 4%;margin-bottom: 20px;}
#business.production #sec_2 .servicebox .box:nth-child(4n) { margin-right: 0%; }
#business.production #sec_2 .servicebox .txtbox { margin-bottom:0; text-align:center; }
#business.production #sec_2 .servicebox .imgbox { width: 100%; margin-bottom: 10px;}
@media screen and (max-width: 1040px){
	#business.production #sec_2 .servicebox .box { width: 46%; margin-right: 8%; }
	#business.production #sec_2 .servicebox .box:nth-child(3n) { margin-right: 8%; }
	#business.production #sec_2 .servicebox .box:nth-child(2n) { margin-right: 0%!important; }
	#business.production #sec_2 .servicebox .box:nth-child(5n),
	#business.production #sec_2 .servicebox .box:nth-child(6n) { margin-bottom:0px; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
	#business.production #sec_2 .servicebox .box { margin-bottom: 20px; text-align: left; line-height: 1.6; }
}



/* #sec_3 */
#business.production #sec_3 .title { text-align:center; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; 
font-weight: bold; font-size: 2.4rem; letter-spacing: 0.1em; color:#1b2b57; }
#business.production #sec_3 .title span{ font-weight: bold; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.production #sec_3 .title { font-size: 1.8rem; }
}




















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


#business.glass-wool


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



/* #sec_2 */
#business.glass-wool #sec_2 .copy{ text-align: center; }
#business.glass-wool #sec_2 .box { display:flex; justify-content:space-between; }
#business.glass-wool #sec_2 .box .txtbox{/* display: flex; */flex-direction: column;}
#business.glass-wool #sec_2 .imgbox{ flex-shrink:0; width:30%; margin-left:5%; }
#business.glass-wool #sec_2 .box .imgbox>img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
@media screen and (max-width: 767px){
	#business.glass-wool #sec_2 .box { display:block; }
	#business.glass-wool #sec_2 .box .txtbox{ margin-bottom:40px; }
	#business.glass-wool #sec_2 .imgbox{ width:100%; margin-left:0%; }
}



/* #sec_3 */
#business.glass-wool #sec_3 .boxlist {display:flex;flex-wrap:wrap;justify-content: center;margin-left: -20px;}
#business.glass-wool #sec_3 .boxlist>li {background:#1b2b57;color:#fff;display:flex;flex-direction: column;margin-bottom:20px;margin-left: 20px;width: calc(33.33% - 20px);padding:35px;box-sizing:border-box;}
#business.glass-wool #sec_3 .boxlist>li:nth-child(even) { background:#eaeaea; color:#1b2b57; }
#business.glass-wool #sec_3 .boxlist>li .num { font-family: 'Inter', sans-serif; font-size:3.2rem; text-decoration:underline; text-align:center; }
#business.glass-wool #sec_3 .boxlist>li .title { font-size:2.4rem; font-weight:bold; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; 
text-align:center; margin-bottom:10px; }
@media screen and (max-width: 1040px){
	#business.glass-wool #sec_3 .boxlist{ margin-left: 0; }
	#business.glass-wool #sec_3 .boxlist>li { margin-left:0px; width:100%; }
	#business.glass-wool #sec_3 .boxlist>li:last-child { margin-bottom:0px; }
}
@media screen and (max-width: 767px){
	#business.glass-wool #sec_3 .boxlist>li{ padding:25px 8%; }
	#business.glass-wool #sec_3 .boxlist>li .num{ font-size: 2.4rem; }
	#business.glass-wool #sec_3 .boxlist>li .title{ font-size: 2rem; }
}

/* #sec_4 */
#business.glass-wool #sec_4 .list1>li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; }
#business.glass-wool #sec_4 .list1 li:nth-child(even) { flex-direction: row-reverse; background:#1b2b57; color:#fff; }
#business.glass-wool #sec_4 .list1 li .txtbox { width: 50%; padding: 0 8%; box-sizing: border-box; }
#business.glass-wool #sec_4 .list1 li .txtbox .copy.type2 { text-align:center; }
#business.glass-wool #sec_4 .list1 li .imgbox { width: 50%; height: 590px; }
#business.glass-wool #sec_4 .list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
	#business.glass-wool #sec_4 .list1 li { margin-bottom: 20px; }
	#business.glass-wool #sec_4 .list1 li .txtbox { width: 100%; padding: 40px 8%;}
	#business.glass-wool #sec_4 .list1 li .imgbox { width: 100%; height: 500px; }
}
@media screen and (max-width: 767px){
	#business.glass-wool #sec_4 .list1 li .imgbox { height: 350px; }
}



/* #sec_5 */
#business.glass-wool #sec_5 .usebox { /*display: flex; flex-wrap: wrap;*/ text-align: center; /*margin-left: -20px; margin-bottom: -20px;*/margin-left: -10px; margin-bottom: -10px; }
#business.glass-wool #sec_5 .usebox .box { /*width: calc(33.33% - 20px);*/ width: 180px; display: inline-block;/*margin-left: 20px; margin-bottom: 20px;*/margin-left: 10px; margin-bottom: 10px; position:relative; /*height: 280px;*/}
#business.glass-wool #sec_5 .usebox .box:nth-child(3n) { margin-right: 0%; }
/* #business.glass-wool #sec_5 .usebox .imgbox { width: 100%; margin-bottom: 10px; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
#business.glass-wool #sec_5 .usebox .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#business.glass-wool #sec_5 .usebox .txtbox{padding: 30px 6%;display: flex;align-items: center;justify-content: center;width: 100%;box-sizing: border-box;position: relative;z-index: 2;height: 100%;} */
#business.glass-wool #sec_5 .usebox /*.txtbox p*/ .txt {display: /*inline-*/block;color: #fff;background-color: rgba(0,0,0, 0.8);font-size:1.8rem;text-align: center;padding: 8px 7px;letter-spacing: 0.1em;/*max-width: 180px;*//*width: 80%;*/ width: 100%; box-sizing: border-box;}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#business.glass-wool #sec_5 .usebox { display: block; margin-left: -0; margin-bottom: -10px; }
	#business.glass-wool #sec_5 .usebox .box { width: 100%; margin-left: 0; /*height: 230px;*/ margin-bottom: 10px; }
}
@media screen and (max-width: 639px){
}



/* #sec_6 */
#business.glass-wool #sec_6 .imglist { display:flex; justify-content:space-between;}
#business.glass-wool #sec_6 .imglist>li { width:32%;}
#business.glass-wool #sec_6 .bottomlink { text-align:center; }
@media screen and (max-width: 767px){
	#business.glass-wool #sec_6 .imglist { display:block;}
	#business.glass-wool #sec_6 .imglist>li { width:100%; }
}


/* #sec_7 */
#business.glass-wool #sec_7 .flowlist>li { background:#1b2b57; color:#fff; margin-bottom:20px; padding:30px 60px; box-sizing:border-box; display:flex; }
#business.glass-wool #sec_7 .flowlist>li:nth-child(even) { background:#eaeaea; color:#1b2b57; }
#business.glass-wool #sec_7 .flowlist>li>dl { display:flex; }
#business.glass-wool #sec_7 .flowlist>li>dl>dt{ flex-shrink:0; display:flex; align-items:center; }
#business.glass-wool #sec_7 .flowlist>li>dl>dt .num {font-family: 'Inter', sans-serif;font-size:3.2rem;text-decoration:underline;margin-right:20px;padding-bottom: 10px;position: relative;line-height: 1.4;}
#business.glass-wool #sec_7 .flowlist>li>dl>dt .num:after{ content: ""; background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top right/50% 100%; width: 12px; height: 6px;display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#business.glass-wool #sec_7 .flowlist>li:nth-child(even)>dl>dt .num:after{ background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #1b2b57 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #1b2b57 50.5%) no-repeat top right/50% 100%; }
#business.glass-wool #sec_7 .flowlist>li:last-child>dl>dt .num:after{ content: none; }
#business.glass-wool #sec_7 .flowlist>li>dl>dt .title { font-size:2.4rem; font-weight:bold; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
#business.glass-wool #sec_7 .flowlist>li>dl>dd { margin-left:40px; }
@media screen and (max-width: 1040px){
	#business.glass-wool #sec_7 .flowlist>li { padding:30px 4%; }
	#business.glass-wool #sec_7 .flowlist>li>dl{ display: block; padding-left: 6%; padding-right: 6%; }
	#business.glass-wool #sec_7 .flowlist>li>dl>dd{ margin-left: 0; margin-top: 10px; }
}
@media screen and (max-width: 767px){
	#business.glass-wool #sec_7 .flowlist>li>dl>dt .num{ font-size: 2.6rem; }
	#business.glass-wool #sec_7 .flowlist>li>dl>dt .title{ font-size: 2rem; line-height: 1.8; }
}
@media screen and (max-width:500px){
	#business.glass-wool #sec_7 .flowlist>li>dl>dt{ display: block; }
	#business.glass-wool #sec_7 .flowlist>li>dl>dt .num{ text-align: center; margin-bottom: 10px; margin-right: 0; }
	#business.glass-wool #sec_7 .flowlist>li>dl>dt .title{ text-align: center; }
}


/* #sec_8 */
#business.glass-wool #sec_8 .title { text-align:center; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; font-size: 2.4rem; letter-spacing: 0.1em; color:#1b2b57; }
#business.glass-wool #sec_8 .title span{ font-weight: bold; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.glass-wool #sec_8 .title { font-size: 1.8rem; }
}





















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


#recruit


//////////////////*/
#recruit .incnt.wider{ max-width: 1340px; }
@media screen and (max-width: 767px) {
	body:not(#index)#recruit #mainv .bg{object-position: 23% center;}
}

/* #sec_1 */
#recruit #sec_1 .copy.type2{ text-align: center; } 
#recruit #sec_1 .imglist { display:flex; justify-content:space-between; }
#recruit #sec_1 .imglist>li { width:31%;}
@media screen and (max-width: 767px) {
	#recruit #sec_1 .imglist { display:block; }
	#recruit #sec_1 .imglist>li { width:100%; margin-bottom:20px;}
	#recruit #sec_1 .imglist>li:last-child { margin-bottom:0px; }
}



/* #sec_2 */
#recruit #sec_2 .list { display:flex; flex-wrap:wrap; justify-content:space-between; }
#recruit #sec_2 .list>li { background:#fff; color:#1b2b57; border:1px solid #1b2b57; padding:40px; box-sizing:border-box; width:49%; text-align:center; 
margin-bottom:20px; font-size:2.0rem; }
#recruit #sec_2 .list>li:nth-child(2) { display:flex; justify-content:center; align-items:center; }
#recruit #sec_2 .list>li p>span { font-size:2.2rem; }
@media screen and (max-width: 767px) {
	#recruit #sec_2 .list>li { width:100%; font-size:1.8rem; padding:30px 8%; }
	#recruit #sec_2 .list>li:last-child { margin-bottom:0px; }
	#recruit #sec_2 .list>li p>span { font-size:2.0rem; }
}




/* #sec_3 */
#recruit #sec_3 .boxlist { display:flex; flex-wrap:wrap; margin-left: -20px; }
#recruit #sec_3 .boxlist>li { background:#1b2b57; color:#fff; width:calc(33.33% - 20px); margin-left: 20px; padding:20px 6%; box-sizing:border-box; display:flex; text-align:center; align-items:center; justify-content:center; font-size:2.0rem; margin-bottom:20px; min-height: 145px; }
#recruit #sec_3 .boxlist>li._1{ width:calc(66.66% - 20px); }
#recruit #sec_3 .boxlist>li:nth-child(even) { background:#eaeaea; color:#1b2b57; }
#recruit #sec_3 .img1 { width: 400px; margin: 30px auto 0px; padding: 15px; border: 2px solid #eaeaea; }
@media screen and (max-width: 767px) {
	#recruit #sec_3 .boxlist>li {width:calc(50% - 20px); font-size:1.8rem; min-height: 145px; }
	#recruit #sec_3 .boxlist>li._1{ width:calc(100% - 20px); }
	#recruit #sec_3 .img1 { max-width: 320px; margin-top: 30px; padding: 0px; border:none; }
}
@media screen and (max-width: 500px) {
	#recruit #sec_3 .boxlist { display:block; margin-left: 0; }
	#recruit #sec_3 .boxlist>li { width:100%; margin-left: 0; min-height: auto; }
	#recruit #sec_3 .boxlist>li._1{ width:100%; }
}


/* #sec_4 */
#recruit #sec_4 .dllist>li a { text-decoration:underline; }



/* #sec_5 */
#recruit #sec_5 .box>.inwrap { background:#1b2b57; border: 1px solid #1b2b57; color:#fff; padding:80px 70px 70px; box-sizing:border-box; display:flex;position: relative;}
#recruit #sec_5 .box .title {font-family: 'Inter', sans-serif;font-size:3.6rem;margin-right: 40px;line-height: 1.4;}
#recruit #sec_5 .box>.inwrap:before,
#recruit #sec_5 .box>.inwrap:after{ content: ""; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; right: 60px; margin-top: auto; margin-bottom: auto; transition: .4s; }
#recruit #sec_5 .box>.inwrap:before{ background: url(../img/common/arr1.svg) no-repeat; background-size: contain; }
#recruit #sec_5 .box>.inwrap:after{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; opacity: 0; }
#recruit #sec_5 .box>.inwrap:hover{ background: #fff; color: #1b2b57; }
#recruit #sec_5 .box>.inwrap:hover:before,
#recruit #sec_5 .box>.inwrap:hover:after{ right: 50px; }
#recruit #sec_5 .box>.inwrap:hover:after{ opacity: 1; }
#recruit #sec_5 .box>.inwrap:hover:before{ opacity: 0; }
@media screen and (max-width: 767px) {
	#recruit #sec_5 .box>.inwrap {display:block;padding:30px 8%;}
	#recruit #sec_5 .box .title {margin-bottom: 15px;position: relative;width: 100%;padding-right: 40px;box-sizing: border-box;margin-right: 0;}
	#recruit #sec_5 .box .title:before,
	#recruit #sec_5 .box .title:after{ content: ""; display: inline-block; width: 30px; height: 6px; position: absolute; top: 0; bottom: 0; right: 12px; margin-top: auto; margin-bottom: auto; transition: .4s; }
	#recruit #sec_5 .box .title:before{ background: url(../img/common/arr1.svg) no-repeat; background-size: contain; }
	#recruit #sec_5 .box .title:after{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; opacity: 0; }
	#recruit #sec_5 .box>.inwrap:hover .title:before,
	#recruit #sec_5 .box>.inwrap:hover .title:after{ right: 10px; }
	#recruit #sec_5 .box>.inwrap:hover .title:after{ opacity: 1; }
	#recruit #sec_5 .box>.inwrap:hover .title:before{ opacity: 0; }
	#recruit #sec_5 .box>.inwrap:before,
	#recruit #sec_5 .box>.inwrap:after{ content: none; }
}