@charset "utf-8";

/**
 *
 *  ものづくりへのこだわり共通
 *　beliefs-detail
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
#Page .cat-nav .cont-list li img{
	width: auto;
	height: 68px;
}
.cat-nav .cont-list li a {
	padding-left: 0;
	background:url(../images/common/arw_btn_w01_sp.png) no-repeat right 10px center #3D3D3D;
	background-size:6px auto;
	font-size: 115%;
	color:#FFF;
}
.cat-nav .cont-list li a:hover,
.cat-nav .cont-list li.current a{
	background:url(../images/common/arw_nav_sp.png) no-repeat right 10px center #F4F4F7;
	background-size:6px auto;
	color:#4573B9;
}
.cat-nav .cont-list li a span{
	padding-right: 15px;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用スタイル
-----------------------------------------------------------------*/
.belief-hd .kv{
	height: 540px;
	padding-top: 190px;	
	overflow:hidden;
}
.belief-hd .kv h2{
	position: relative;	
}
.belief-hd .kv h2:before{
	position: absolute;
	left:-1000px;
	top:0;	
	display:block;
	content:"";
	width: 1000px;
	height: 160px;
	background:#4574BA;
}
.belief-hd .kv .num{
	position: absolute;
	left:-10px;
	top:-40px;
}
.belief-hd .intro{
	padding: 65px 0 70px;
	background:#4574BA;
	color:#FFF;	
}
.belief-hd .intro .lead{
	margin-bottom: 30px;	
}

/* Belief01
-----------------------------------------------------------------*/
.belief-hd.belief01 .kv{
	background:url(../images/beliefs/belief01/bg_mv.jpg) no-repeat center center;
	background-size:cover;
	
}
#Belief01{
	padding: 118px 0 90px;	
}

/* sec01 */
#Belief01 .sec01 h3{
	margin-bottom: 60px;
	text-align:center;	
}
#Belief01 .sec01 .merit-list{
	display:flex;
	justify-content:space-between;
	width: 1080px;
	margin: 0 auto 125px;	
}
#Belief01 .sec01 .merit-list li{
	width: 326px;
	padding: 52px 34px 44px;
	background:#F4F4F7;
	border:1px solid #DFE7F2;	
}
#Belief01 .sec01 .merit-list h4{
	margin-bottom: 35px;	
}
#Belief01 .sec01 .merit-list .pict{
	margin-bottom: 30px;
	text-align:center;
}
#Belief01 .sec01 .merit-list .txt{
	line-height:2;
}
#Belief01 .sec01 .merit-list .txt strong{
	color:#4574BA;
}

/* sec02 */
#Belief01 .sec02{
	padding-bottom: 50px;	
}
#Belief01 .sec02 h3{
	margin-bottom: 40px;
	text-align:center;		
}
#Belief01 .sec02 > .txt{
	margin-bottom: 40px;
	line-height:1.8;
	text-align:center;	
}
#Belief01 .sec02 .step > li{
	position: relative;
	padding: 80px 100px 65px;
	margin-bottom: 60px;
	background:#DAE7F8;
}
#Belief01 .sec02 .step > li:after{
	position: absolute;
	left:50%;
	bottom:-48px;
	display:block;
	content:"";	
	width: 0;
	height: 0;
	transform:translateX(-50%);
	border:59px solid transparent;
	border-bottom:48px;
	border-top:48px solid #DAE7F8;
}
#Belief01 .sec02 .step > li:last-child:after{
	display:none;	
}
#Belief01 .sec02 .step .ico{
	position: absolute;
	left:0;
	top: 0;
}
#Belief01 .sec02 .step h4{
	margin-bottom: 35px;	
}
#Belief01 .sec02 .step .layout-box{
	flex-direction:row-reverse;	
}
#Belief01 .sec02 .step .pic{
	margin-left: 35px;	
}
#Belief01 .sec02 .step .txt-area .txt-lead{
	margin-bottom: 10px;
	font-size:139%;
	font-weight:bold;	
}
#Belief01 .sec02 .step .txt-area .txt{
	margin-bottom: 35px;
	line-height:1.8;
}
#Belief01 .sec02 .step .point-box{
	position: relative;
	padding: 45px 30px 40px;
	background:#FFF;
	color:#4574BA;
}
#Belief01 .sec02 .step .point-box h5{
	position: absolute;
	left:25px;
	top:-11px;	
}
#Belief01 .sec02 .step .point-box li{
	text-indent:-1.5em;
	padding-left: 1.5em;
	font-weight:bold;	
}
#Belief01 .sec02 .step .point-box li span{
	padding-right: 0.5em;	
}

/* sec03 */
#Belief01 .sec03{
	padding: 98px 0 92px;
	background:url(../images/beliefs/belief01/bg_section03.jpg) no-repeat center center; 	
}
#Belief01 .sec03 .inner div{
	width: 450px;
	height: 450px;
	padding: 70px 35px 0;
	margin: 0 auto;
	background:#FFF;
	text-align:center;	
}
#Belief01 .sec03 .logo{
	margin-bottom: 30px;
}
#Belief01 .sec03 h3{
	margin-bottom: 15px;
	color:#FFFFA4;
	line-height:2.2;
}
#Belief01 .sec03 h3 span{
	background:#4574BA;
	padding: 2px 10px;
}
#Belief01 .sec03 .txt{
	lline-height:1.8;
}





/* Belief02
-----------------------------------------------------------------*/
.belief-hd.belief02 .kv{
	background:url(../images/beliefs/belief02/bg_mv.jpg) no-repeat center center;
	background-size:cover;
	
}
#Belief02{
	padding: 85px 0 30px;	
}

/* sec01 */
#Belief02 .sec01 h3{
	margin-bottom: 60px;
	text-align:center;	
}
#Belief02 .sec01 .check-list ul{
	display:flex;
	justify-content:space-between;
	margin-bottom: 100px;	
}
#Belief02 .sec01 .check-list li{
	position: relative;	
}
#Belief02 .sec01 .check-list li+li:after{
	position: absolute;
	left:-33px;
	top:50%;
	transform:translateY(-150%);
	display:block;
	content:"";
	width: 33px;
	height: 18px;
	background:url(../images/beliefs/belief02/ico_arw_nav.png) no-repeat;
}
#Belief02 .sec01 .check-box{
	display:flex;
	flex-wrap:wrap;	
}
#Belief02 .sec01 .check-box li{
	width: 580px;
	margin-bottom: 70px;	
}
#Belief02 .sec01 .check-box li:nth-child(even){
	margin-left: 40px;
}
#Belief02 .sec01 .check-box div{
	display:flex;
	flex-direction:row-reverse;
	padding: 45px 50px 40px;
	background:#F4F4F7;	
}
#Belief02 .sec01 .check-box .pic{
	margin-left: 25px;	
}
#Belief02 .sec01 .check-box .caption{
	display:block;
	padding-top: 3px;
	font-size:79%;
	text-align:center;	
}

/* Belief03
-----------------------------------------------------------------*/
.belief-hd.belief03 .kv{
	background:url(../images/beliefs/belief03/bg_mv.jpg) no-repeat center center;
	background-size:cover;
	
}
#Belief03{
	padding: 80px 0 110px;	
}
#Belief03 .sec01 h3{
	position: relative;	
}
#Belief03 .sec01 .pc-lead{
	position: absolute;
	width: 100%;
	bottom:35px;
	color:#FFF;	
	font-size:115%;
	text-align:center;
}
#Belief03 .sec01 .layout-box  div{
	width: 50%;
	padding: 60px 90px 70px 35px;
	background:#FDF8E6;
}
#Belief03 .sec01 .layout-box  div+div{
	background:#E2EBF9;	
}
#Belief03 .sec01 h4{
	margin-bottom: 40px;
}
#Belief03 .sec01 li{
	font-size:115%;
	margin-bottom: 25px;
	text-indent:-1.2em;
	padding-left: 1.2em;
}
#Belief03 .sec01 li span{
	padding-right: 0.5em;
	color:#F1CD52;
	font-size:76%;
}
#Belief03 .sec01 div+div li span{
	color:#5B84C3;	
}

/* Belief04
-----------------------------------------------------------------*/
.belief-hd.belief04 .kv{
	background:url(../images/beliefs/belief04/bg_mv.jpg) no-repeat center center;
	background-size:cover;
	
}
#Belief04{
	padding: 80px 0 40px;	
}
#Belief04 .sec01 ul{
	display:flex;
	flex-wrap:wrap;	
}
#Belief04 .sec01 li{
	width: 580px;
	margin-bottom: 70px;	
}
#Belief04 .sec01 li:nth-child(even){
	margin-left: 40px;
}
#Belief04 .sec01 li div{
	display:flex;
	flex-direction:row-reverse;
	padding: 45px 50px 40px;
	background:#F4F4F7;	
}
#Belief04 .sec01 .pic{
	margin-left: 25px;	
}




/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用スタイル
-----------------------------------------------------------------*/
.belief-hd .kv{
	height: auto;
	padding-top: 135px;	
}
.belief-hd .kv .inner{
	padding: 0;
}
.belief-hd .kv h2{
	position: relative;	
}
.belief-hd .kv h2:before{
	display:none;
}
.belief-hd .kv .num{
	position: absolute;
	left:15px;
	top:-30px;
}
#Page .belief-hd .kv .num img{
	width: auto;
	height: 44px;	
}
.belief-hd .intro{
	padding: 32px 0 35px;
}
.belief-hd .intro .lead{
	margin-bottom: 15px;	
}

/* Belief01
-----------------------------------------------------------------*/
.belief-hd.belief01 .kv{
	background:url(../images/beliefs/belief01/bg_mv_sp.jpg) no-repeat center top;
	background-size:100% auto;
	
}
#Belief01{
	padding: 45px 0 20px;	
}

/* sec01 */
#Belief01 .sec01 h3{
	margin-bottom: 28px;	
}
#Belief01 .sec01 .merit-list{
	display:block;
	width: 100%;
	margin: 0 auto 42px;	
}
#Belief01 .sec01 .merit-list li{
	width: 100%;
	padding: 25px 30px 25px;
	margin-bottom: 15px;	
}
#Belief01 .sec01 .merit-list h4{
	margin-bottom: 15px;	
}
#Belief01 .sec01 .merit-list .pict{
	margin-bottom: 15px;
}
#Belief01 .sec01 .merit-list .pict img{
	width: 70px;	
}

/* sec02 */
#Belief01 .sec02{
	padding-bottom: 20px;	
}
#Belief01 .sec02 h3{
	margin-bottom: 20px;		
}
#Belief01 .sec02 > .txt{
	margin-bottom: 25px;	
}
#Belief01 .sec02 .step > li{
	padding: 32px 15px 35px;
	margin-bottom: 32px;
}
#Belief01 .sec02 .step > li:after{
	bottom:-26px;
	border:33px solid transparent;
	border-bottom:26px;
	border-top:26px solid #DAE7F8;
}
#Belief01 .sec02 .step > li:last-child:after{
	display:none;	
}
#Belief01 .sec02 .step .ico{
	width: 71px;
}
#Belief01 .sec02 .step h4{
	margin-bottom: 26px;	
}
#Belief01 .sec02 .step .pic{
	width: 64%;
	margin: 0 auto 20px;	
}
#Belief01 .sec02 .step .txt-area .txt-lead{
	margin-bottom: 10px;
	font-size:117%;
	line-height:1.5;
}
#Belief01 .sec02 .step .txt-area .txt{
	margin-bottom: 30px;
}
#Belief01 .sec02 .step .point-box{
	padding: 28px 13px 15px;
}
#Belief01 .sec02 .step .point-box h5{
	width: 89px;
	left:13px;
	top:-13px;	
}
#Belief01 .sec02 .step .point-box li{
	margin-bottom: 8px;
}

/* sec03 */
#Belief01 .sec03{
	padding: 35px 38px 20px;
	background:url(../images/beliefs/belief01/bg_section03.jpg) no-repeat center center; 
	background-size:auto 100%;	
}
#Belief01 .sec03 .inner{
	padding: 0;	
}
#Belief01 .sec03 .inner div{
	width: 100%;
	height: auto;
	padding: 25px 0 25px;
}
#Belief01 .sec03 .logo{
	width:39px ;
	margin: 0 auto 16px;
}
#Belief01 .sec03 h3{
	margin-bottom: 10px;
}
#Belief01 .sec03 .txt{
	padding: 0 30px;
}





/* Belief02
-----------------------------------------------------------------*/
.belief-hd.belief02 .kv{
	background:url(../images/beliefs/belief02/bg_mv_sp.jpg) no-repeat center top;
	background-size:100% auto;
	
}
#Belief02{
	padding: 40px 0 0;	
}

/* sec01 */
#Belief02 .sec01 h3{
	margin-bottom: 30px;	
}
#Belief02 .sec01 .check-list ul{
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom: 30px;	
}
#Belief02 .sec01 .check-list li{
	width: 30%;
	margin-bottom: 12px;
}
#Belief02 .sec01 .check-list li+li:after{
	position: absolute;
	left:-16%;
	top:50%;
	transform:translateY(-50%);
	display:block;
	content:"";
	width: 15%;
	height: 18px;
	background:url(../images/beliefs/belief02/ico_arw_nav.png) no-repeat;
	background-size:100% auto;
}
#Belief02 .sec01 .check-list li:nth-child(4):after{
	display:none;	
}
#Belief02 .sec01 .check-box{
	display:block;	
}
#Belief02 .sec01 .check-box li{
	width: 100%;
	margin-bottom: 20px;	
}
#Belief02 .sec01 .check-box li:nth-child(even){
	margin-left: 0;
}
#Belief02 .sec01 .check-box div{
	display:block;
	padding: 20px 15px 25px;
}
#Belief02 .sec01 .check-box div:after{
	content:"";
	display:block;
	height: 0;
	clear:both;	
}
#Belief02 .sec01 .check-box .pic{
	float: right;
	width: 84px;
	margin: 0 0 10px 15px;	
}
#Belief02 .sec01 .check-box .caption{
	font-size:84%;
}

/* Belief03
-----------------------------------------------------------------*/
.belief-hd.belief03 .kv{
	background:url(../images/beliefs/belief03/bg_mv_sp.jpg) no-repeat center top;
	background-size:100% auto;
	
}
#Content.belief03-cont{
	padding-bottom: 0;	
}
#Belief03{
	padding: 30px 0 0;	
}
#Belief03 .inner{
	padding: 0;	
}
#Belief03 h3{
	margin-bottom: 10px;	
}
#Belief03 .sp-lead{
	font-size:109%;
	padding: 0 15px;
	margin-bottom: 30px;	
}
#Belief03 .sec01 .layout-box  div{
	width: 100%;
	padding: 25px 15px;
}
#Belief03 .sec01 .layout-box  div+div{
	
}
#Belief03 .sec01 h4{
	margin-bottom: 20px;
}
#Belief03 .sec01 li{
	font-size:100%;
	margin-bottom: 15px;
}

/* Belief04
-----------------------------------------------------------------*/
.belief-hd.belief04 .kv{
	background:url(../images/beliefs/belief04/bg_mv_sp.jpg) no-repeat center top;
	background-size:100% auto;
	
}
#Belief04{
	padding: 40px 0 0;	
}
#Belief04 .sec01 ul{
	display:block;	
}
#Belief04 .sec01 li{
	width: 100%;
	margin-bottom: 20px;	
}
#Belief04 .sec01 li:nth-child(even){
	margin-left: 0;
}
#Belief04 .sec01 li div{
	display:block;
	padding: 20px 15px 25px;
}
#Belief04 .sec01 li div:after{
	content:"";
	display:block;
	height: 0;
	clear:both;	
}
#Belief04 .sec01 li .pic{
	float: right;
	width: 84px;
	margin: 0 0 10px 15px;	
}





}