
/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {
	
    
    /* ==============================================================
     *
     * common
     *
     * ============================================================== */

	#sec_main_wrap{
		background:url("../../img/mv_bg2_pc.jpg") no-repeat top center;
		background-size:cover;
	}
    
    
	/* ==============================================================
     *
     * philosophy
     *
     * ============================================================== */
     
     
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	.philosophy #sec01{
		width: 100%;
		padding: 60px 0;
		margin: 0 0 140px;
		background: linear-gradient( to right,  #0096D7 10%, #005292 100% );
		position:relative;
	}

	.philosophy #sec01 .wrapper{
	}

	.philosophy #sec01 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 220%;
		font-size: 1.8rem;
		color: #fff;
		letter-spacing: 0.2rem;
		text-align:center;
		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: 188px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 54px;
		right: 50%;
	}

	.philosophy #sec02 .wrapper{
		box-sizing: border-box;
		padding: 0 427px 0 0;
	}

	.philosophy #sec02 .bg_line{
		position:absolute;
		bottom: 205px;
		left: calc(50% + 101px);
	}
	
	.philosophy #sec02 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 9.6rem;
		letter-spacing: 3px;
		color:#005292;
		line-height:1;
		padding: 0 0 18px;
	}

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

	.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{
		position:absolute;
		height:188px;
		left: 496px;
		top: 54px;
		line-height:0;
	}

	.philosophy #sec02 .img_box img{
		width:auto;
		height:100%;
	}

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

	.philosophy #sec03:before{
		content: "";
		display: block;
		width: 100%;
		height: 188px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 54px;
		left: calc(50% - 150px);
	}

	.philosophy #sec03 .wrapper{
		box-sizing: border-box;
		padding: 0 0 0 420px;
	}

	.philosophy #sec03 .bg_line{
		width: 647px;
		position:absolute;
		bottom: 172px;
		right: calc(50% + 134px);
	}
	
	.philosophy #sec03 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 9.6rem;
		letter-spacing: 3px;
		color:#005292;
		line-height:1;
		padding: 0 0 18px;
	}

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

	.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{
		position:absolute;
		height:188px;
		left: -193px;
		top: 54px;
		line-height:0;
	}

	.philosophy #sec03 .img_box img{
		width:auto;
		height:100%;
	}

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

	.philosophy #sec04:before{
		content: "";
		display: block;
		width: 100%;
		height: 412px;
		background:#8c9caf;
		opacity:0.15;
		position: absolute;
		top: 54px;
		right: calc(50% - 160px);
	}

	.philosophy #sec04 .wrapper{
		box-sizing: border-box;
		padding: 0 400px 0 0;
	}

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

	.philosophy #sec04 li{
		display:flex;
		margin: 0 0 34px;
	}

	.philosophy #sec04 li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		line-height:1.6;
		font-size: 1.8rem;
		color: #005292;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		text-align: center;
		width:360px;
		padding: 0;
		box-sizing:border-box;
		border-left:1px solid #005292;
		border-right:1px solid #005292;
	}
	
	.philosophy #sec04 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 9.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: 3.0rem;
		color: #005292;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		width:160px;
		padding:0 20px 0 0;
		box-sizing:border-box;
		text-align: justify;
	}

	.philosophy #sec04 h3 span{
		display:inline-block;
		padding: 0 62px 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: 57px 0 0;
	}

	.philosophy #sec04 .img_box{
		position:absolute;
		height: 412px;
		left: 650px;
		top: 54px;
		line-height:0;
	}

	.philosophy #sec04 .img_box img{
		width:auto;
		height:100%;
	}

    

}



