@charset "UTF-8";
/* CSS Document */
/*advantage*/
.adv_btn{
	max-width: 1000px;
  margin: 0 auto;
	padding-bottom: 55px;
}
.adv_btn img{
	margin-bottom: 45px;
	width: 477px;
  margin-right: 45px;
}
.adv_btn img.m_r_none{
	margin-right: 0px;
}
#quality #adv{
	padding-top: 40px;
}
#quality .qu_copy{
	max-width: 1000px;
	text-align: center;
	padding-top: 60px;
	margin: 0 auto;
}
#quality .qu_copy p.copy{
	font-size: 38px;
	line-height: 30px;
	font-family: "font2";
	color: #003399; 
	padding-bottom: 30px;
	font-weight: bold;
}
#quality .qu_copy p.adv_copy{
	font-size: 38px;
	line-height: 50px;
	font-family: "font2";
	color: #003399; 
	padding-bottom: 30px;
	font-weight: bold;
}
#quality .qu_copy p{
	font-size: 14px;
	line-height: 26px;
	color: black;
	padding-bottom: 65px;
}
#quality .flow{
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#quality .qu_flow{
	/*background-color: rgba(182,196,238,0.8);*/
	position: relative;
}
#quality .fl_mb{
	margin-bottom: 45px;
}
#quality .fl_mb .fl_txt{
	/*padding-top: 35px !important;*/
}
#quality .fl_mb .fl_p{
	padding-top: 70px !important;
}
/*#quality .fl_mb::after{
	content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: rgba(182,196,238,0.8) transparent transparent transparent;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
 	margin-top: 150px;
}*/
#quality .qu_flow .fl_img{
	display: inline-block;
	width: 30%;
}
#quality .qu_flow .fl_img img{
	width: 100%;
}
#quality .qu_flow .fl_txt{
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	width: 58%;
	margin-right: 70px;
	padding: 57px 0px;
}
#quality #quality_cnt .qu_flow .fl_txt{
	padding: 70px 0px !important;
}
#quality .qu_flow .fl_txt p{
	font-size: 14px;
	line-height: 26px;
}
#quality .qu_flow .fl_txt p.fl_txt_tit{
	font-size: 24px;
	line-height: 30px;
	color: #003399;
	padding-bottom: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#quality .qu_flow .fl_txt p.dev_icon::before{
	content: "";
  width: 10px;
  height: 30px;
  background: #003399;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-top: -5px;
}
#quality #quality_cnt .qu_flow .fl_txt p.qu_cnt_tit1{
	padding: 15px 0px 0px !important;
}
.quas .qu_flow .fl_txt p.fl_txt_tit{
	padding:0px !important;
	margin: 0px !important;
}
.quas .qu_flow .fl_txt{
	padding: 0px !important;
}
#quality .qu_cnt2{
	background-color: rgba(255,255,255,0.4);
	width: 100%;
	padding: 55px 0px 63px;
}
#quality .qu_cnt2 .cnt2{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#quality .qu_cnt2 .cnt2 .cnt2_tit{
	margin-bottom: 40px;
}
#quality .qu_cnt2 .cnt2 .cnt2_tit p:first-child{
	font-size: 26px;
	line-height: 30px;
	color: #003399;
	padding-bottom: 15px;
	font-weight: bold;
}
#quality .qu_cnt2 .cnt2 .cnt2_tit p{
	font-size: 14px;
	line-height: 26px;
}
#quality .qu_cnt2 .cnt2 .cnt2_sokutei{
	display: inline-block;
	width: 28%;
	background-color: #c7d1ee;
}
#quality .qu_cnt2 .cnt2 .cnt2_sokutei .soku_txt{
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	padding: 15px 0px;
}
#quality .qu_cnt2 .cnt2 .soku_ma{
	margin: 0px 80px;
}
#quality .qu_cnt3{
	background-color: rgba(218,226,250,0.4);
}
#quality .qu_cnt2 .cnt2 .cnt3_sokutei{
	background-color: white;
}

/*construction*/
.construction .qu_cnt2{
	padding-bottom: 0px !important;
}
.construction #cmpk_cont #cmpk_tit p.tit1{
	font-size: 62px;
}
.construction .cons_ma{
	margin-top: 60px;
}
.construction .qu_cnt2 .cnt2{
	padding-bottom: 63px;
}
#quality .qu_cnt2 .cnt2 .cnt2_sokutei .soku_img img{
	width: 100%;
}

/*development*/
.development .qu_flow .fl_txt p.fl_txt_tit{
	padding-bottom: 0px !important;
}
.development .fl_sub .fl_txt{
  padding: 0px;
  margin-top: 25px;	
}
#quality .fl_sub{
	margin-top: 10px;
}

/*production*/
#quality .production .production_cont1{
	background: rgba(255,255,255,0.4);
	padding: 55px 0px 65px;
}
#quality .production .production_cont1 .produ_cnt{
	width: 1000px;
	margin: 0 auto;
}
#quality .production .production_cont1 .produ_cnt .pro_cnt_tit{
	text-align: center;
	font-size: 26px;
	line-height: 30px;
	color: #003399;
	padding-bottom: 50px;
	font-weight: bold
}
#quality .production .production_cont1 .produ_cnt .pro_cont_tit{
	font-size: 14px;
	line-height: 26px;
	text-align: left;
}
#quality .production .production_cont1 .produ_cnt .pro_cont_tit p.tit_color{
	color: #003399;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
	font-weight: bold;
}
#quality .production .production_cont1 .produ_cnt .sessaku{
	margin: 30px 0px 50px;
}
#quality .production .production_cont1 .produ_cnt .sessaku2{
	margin: 12px 0px 0px;
}
#quality .production .production_cont1 .se_koustei{
	margin-top: 50px;
}
#quality .production .production_cont1 .se_koustei .pro_cont_tit{
	margin-bottom: 30px;
}
#quality .production .production_cont1 .produ_cnt .sesaku_img{
	display:inline-block;
	vertical-align: top;
	width: 28%;
}
#quality .production .production_cont1 .produ_cnt .sesaku_img img:last-child{
	/*margin-top: 12px;*/
}
#quality .production .production_cont1 .produ_cnt .sesaku_img img.ses_ma{
	margin-top: 12px;
}
#quality .production .production_cont1 .produ_cnt .sesaku_txt{
	display: inline-block;
	width: 68%;
	margin-left: 40px;
	font-size: 14px;
	line-height: 26px;
	vertical-align: top;
}
#quality .production .production_cont1 .produ_cnt .se_aki{
	padding: 30px 0px;
}
#quality .production .production_cont1 .produ_cnt .se_txt{
	margin-top: -2px;
}
#quality .production .production_cont1 .produ_cnt .sesaku_txt p.se_bold{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#quality .production .qu_copy p.copy{
	line-height: 52px;
}
#quality .production .qu_cnt2 .cnt2 .pro_ma{
	margin-top: 30px;
}
#quality .production .production_cont1 .produ_cnt .sesaku_img img{
	width: 100%;
}

@media screen and (max-width: 750px){
	#header .hd_list{
		position: static;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:0;
    border-color:none ;
    padding-top: 0px;
    padding:0px 0px;
    background-color: none;
    opacity: 1;
		box-shadow: none;
	}
	#header .sp_hd_menu{
		background-color: rgba(255,255,255,0.8);
		position: fixed;
	}
	#header .hd_logo{
		top: 26px;
    left: 0px;
		width: 425px;
		position: fixed;
	}
	header#header{
		background-image: url(../image/sp/bg_sp.png);
    height: 559px;
	}
	#header .hd_tit{
		top: 37.5%;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 382px 0 0 450px;
    border-color: transparent transparent transparent #011751;
	}
	#header .hd_tit .hd_t_txt, #header .hd_tit .hd_t_txt_sub{
		display: block;
	}
	#header .hd_t_txt_sub{
		top: -143px;
    left: -430px;
    z-index: 9;
	}
	
	#cmpk_cont #cmpk_tit{
		padding: 40px 20px 0px;
	}
	#cmpk_cont #cmpk_tit p.tit1{
		padding-right: 0px;
	}
	#quality .qu_copy p.adv_copy{
		line-height: 70px;
    margin-bottom: 50px;
    font-size: 48px;
	}
	.adv_btn{
		max-width: 750px;
    padding: 0px 20px 55px;
	}
	.adv_btn img{
		 width: 100%;
    margin-right: 0px
	}
	
	#quality .qu_copy p.copy{
		font-size: 48px;
		line-height: 60px;
	}
	#quality .qu_copy p{
		font-size: 28px;
    line-height: 50px;
	}
	#quality .qu_copy{
		padding: 60px 20px 0px;
	}
	#quality .qu_cnt2 .cnt2 .cnt2_tit p:first-child{
		font-size: 36px;
		line-height: 40px;
	}
	#quality .qu_cnt2 .cnt2 .cnt2_sokutei{
		width: 48%;
	}
	#quality .qu_cnt2 .cnt2 .cnt2_sokutei .soku_txt{
		font-size: 22px;
	}
	#quality .qu_cnt2 .cnt2 .soku_ma{
		margin: 0px 0px 20px 20px;
	}
	#quality .qu_cnt2 .cnt2{
		padding: 0px 20px 100px;
	}
	.construction .cons_ma{
		margin-top: 0px;
	}
	
	#quality .fl_mb{
		padding: 0px 20px;
	}
	#quality .qu_flow .fl_img{
		width: 100%;
		margin-bottom: 20px;
	}
	#quality .qu_flow .fl_txt{
		display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px;
	}
	#quality .qu_flow .fl_txt p.fl_txt_tit{
		font-size: 32px;
    line-height: 50px;
	}
	#quality .qu_flow .fl_txt p{
		font-size: 28px;
    line-height: 50px;
		margin-bottom: 20px;
	}
	#quality .qu_flow{
		padding: 0px 20px;
		margin-bottom: 65px;
	}
	#quality .fl_mb .fl_p{
		padding-top: 0px !important;
	}
	#quality .fl_mb .fl_txt{
		padding-top: 0px !important;
	}
	.development .fl_sub .fl_txt{
		margin-top: 0px;
	}
	#quality .flow{
		padding-bottom: 100px;
	}
	
	#quality .production .production_cont1 .produ_cnt{
		width: 750px;
	}
	#quality .production .production_cont1 .produ_cnt .pro_cnt_tit{
		font-size: 36px;
    line-height: 30px;
		padding: 0px 20px 50px;
	}
	#quality .production .production_cont1 .produ_cnt .pro_cont_tit{
		font-size: 28px;
    line-height: 50px;
    padding: 0px 20px;
	}
	#quality .production .production_cont1 .produ_cnt .pro_cont_tit p.tit_color{
		font-size: 32px;
    line-height: 42px;
	}
	#quality .production .production_cont1 .produ_cnt .sessaku{
		padding: 0px 20px;
		margin: 30px 0px 110px;
	}
	#quality .production .production_cont1 .produ_cnt .sesaku_img{
		width: 100%;
	}
	#quality .production .production_cont1 .produ_cnt .sesaku_img img{
		width: 48%;
    display: inline-block;
	}
	#quality .production .production_cont1 .produ_cnt .sesaku_img img.cnt1_sp_ma{
		margin-right: 20px;
	}
	#quality .production .production_cont1 .produ_cnt .sesaku_txt{
		display: inline-block;
    width: 100%;
    margin-left: 0px;
    font-size: 28px;
    line-height: 50px;
    vertical-align: top;
    margin-top: 20px;
	}
	#quality .production .production_cont1 .produ_cnt .se_txt{
		margin-top: 0px;
	}
	#quality .production .production_cont1 .produ_cnt .sesaku_txt p.se_bold{
		font-size: 32px;
    line-height: 50px;
	}
	#quality .production .production_cont1 .produ_cnt .sessaku2{
		width: 100%;
		padding: 0px;
	}
	#quality .production .production_cont1 .produ_cnt .sessaku2 .sesaku_img{
		width: 46%;
    padding-left: 20px;
	}
	#quality .production .production_cont1 .produ_cnt .sessaku2 .sesaku_img img {
		width: 100%;
	}
	#quality .production .production_cont1 .produ_cnt .sessaku2 .sesaku_txt{
		display: inline-block;
    width: 46%;
    margin-left: 0px;
    font-size: 28px;
    line-height: 38px;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 20px;
    margin-top: -2px;
    padding-right: 20px;
	}
	#quality .qu_cnt2 .cnt2 .cnt2_tit p{
		font-size: 28px;
    line-height: 50px;
	}
	
	#quality #quality_cnt .qu_flow .fl_txt{
		padding: 0px 0px !important;
	}
	#quality #quality_cnt .qu_flow .fl_txt p.qu_cnt_tit1{
		padding: 0px 0px 0px !important;
	}
	#quality .qu_cnt2{
		padding: 55px 0px 0px;
	}
	#quality .qu_cnt2 .cnt2 .q_cnt_ma{
		/*margin-right: 20px !important;*/
	}
	
	#quality .qu_cnt2 .cnt2 .produ_ma{
		margin: 0px 20px 20px 0px;
	}
	
	#quality .production .qu_copy p.copy{
		line-height: 60px;
	}
}