/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	/* ==============================================================
     *
     * common
     *
     * ============================================================== */
    
    #sec_main_wrap{
		background:url("../../img/mv_bg2_sp.jpg") no-repeat top center;
		background-size: cover;
	}

	
    
	/* ==============================================================
     *
     * philosophy
     *
     * ============================================================== */
     
     
	
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	.philosophy #sec01{
		width: 100%;
		padding: 80px 0 80px;
		margin:0 0 100px;
		background: linear-gradient( to right,  #0096D7 10%, #005292 100% );
		position:relative;
	}

	.philosophy #sec01 .wrapper{
		padding: 0 10%;
	}
	
	.philosophy #sec01 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 220%;
		font-size: 1.6rem;
		color: #fff;
		letter-spacing: 0.15rem;
		font-feature-settings: 'palt';
	}

	.philosophy #sec01 p.body_txt span{
		font-weight: 800;
	}
	
	/* --------------------------------------------------------------
 	   section 02
	----------------------------------------------------------------- */
	
	.philosophy #sec02{
		width: 100%;
		padding: 0 0 100px;
		position:relative;
	}

	.philosophy #sec02:before{
		content: "";
		display: block;
		width: 100%;
		height: 150px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 36px;
		right: 5%;
	}

	.philosophy #sec02 .wrapper{
	padding: 0 10%;
	}

	.philosophy #sec02 .bg_line{
		position:absolute;
		bottom: 0;
		left:5%;
	}
	
	.philosophy #sec02 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 6.6rem;
		letter-spacing: 3px;
		color:#005292;
		line-height:1;
		padding: 0 0 8px;
	}

	.philosophy #sec02 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		line-height:1.6;
		font-size: 2.4rem;
		color: #005292;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		padding: 0 0 26px;
	}

	.philosophy #sec02 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 220%;
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
		font-feature-settings: 'palt';
	}

	.philosophy #sec02 .img_box{
		width:95vw;
		margin: 0 0 20px -10vw;
		line-height:0;
	}

	/* --------------------------------------------------------------
 	   section 03
	----------------------------------------------------------------- */
	
	.philosophy #sec03{
		width: 100%;
		padding: 0 0 120px;
		position:relative;
	}

	.philosophy #sec03:before{
		content: "";
		display: block;
		width: 100%;
		height: 147px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 27px;
		left: 5%;
	}

	.philosophy #sec03 .wrapper{
		padding: 0 10%;
	}

	.philosophy #sec03 .bg_line{
		width: 90vw;
		position:absolute;
		bottom: 0;
		right: 0;
	}
	
	.philosophy #sec03 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 6.6rem;
		letter-spacing: 3px;
		color:#005292;
		line-height:1;
		padding: 0 0 8px;
	}

	.philosophy #sec03 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		line-height:1.6;
		font-size: 2.25rem;
		color: #005292;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		padding: 0 0 23px;
	}

	.philosophy #sec03 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 220%;
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
		font-feature-settings: 'palt';
	}

	.philosophy #sec03 .img_box{
		width:95vw;
		margin: 0 0 20px -5vw;
		line-height:0;
	}

	/* --------------------------------------------------------------
 	   section 04
	----------------------------------------------------------------- */
	
	.philosophy #sec04{
		width: 100%;
		padding: 0 0 160px;
		position:relative;
	}

	.philosophy #sec04:before{
		content: "";
		display: block;
		width: 100%;
		height: 418px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 43px;
		right: 5%;
	}

	.philosophy #sec04 .wrapper{
		padding: 0 10%;
	}

	.philosophy #sec04 .bg_line{
		width: 231px;
		position:absolute;
		bottom: 258px;
		left: calc(50% + 134px);
	}

	.philosophy #sec04 li{
		display:flex;
		margin: 0 0 34px;
		justify-content: space-between;
	}

	.philosophy #sec04 li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		line-height: 1.4;
		font-size: 1.4rem;
		color: #005292;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		box-sizing: border-box;
		width: 65%;
		padding: 0 20px;
		border-left:1px solid #005292;
		border-right:1px solid #005292;
	}
	
	.philosophy #sec04 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 6.6rem;
		letter-spacing: 3px;
		color:#005292;
		line-height:1;
		padding: 0 0 24px;
	}

	.philosophy #sec04 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		line-height: 1;
		font-size: 2.0rem;
		color: #005292;
		letter-spacing: 0.1rem;
		width: 35%;
		padding: 8px 5% 0 0;
		box-sizing:border-box;
	}

	.philosophy #sec04 h3 span{
		display:inline-block;
		padding: 0 43px 0 0;
	}

	.philosophy #sec04 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 220%;
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
		font-feature-settings: 'palt';
		padding: 24px 0 0;
	}

	.philosophy #sec04 .img_box{
		width:95vw;
		margin: -5px 0 20px -10vw;
		line-height:0;
	}

	

	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}