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

@media (max-width:761px){
	
	/* ==============================================================
     *
     * common
     *
     * ============================================================== */

	#sec_main_wrap{
		background:url("../img/mv_bg_sp.jpg") no-repeat top center;
		background-size:cover;
	}
	
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
    
    
    #sec01{
		width: 100%;
		padding: 80px 0;
	}
	
	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		line-height:160%;
		padding: 0 0 30px;
		color:#005292;
		position:relative;
	}

	#sec01 h2:before{
		width:50px;
		 height: 1px;
		content: "";
        display: block;
        background:#005292;
        position: absolute;
        bottom: 0;
        left:0;
	}

	#sec01 h3{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		padding:0 10px 2px;
		margin:40px 0 10px;
		line-height:160%;
		color:#fff;
		background: linear-gradient( to right,  #005292 10%, #0096D7 100% );
	}

	#sec01 p.m_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height: 220%;
		color:#005292;
	}

	#sec01 p.name_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 200%;
		font-size: 1.3rem;
		letter-spacing: 2px;
		text-align: right;
		padding: 30px 0 0;
		margin: 0 0 0 auto;
		width: 110px;
	}

	#sec01 p.name_txt span{
		display:block;
		margin:5px 0 0;
		font-size: 2.25rem;
		text-align: center;
	}

	#sec01 .line_bg{
		width:220px;
		position:absolute;
		left: 0;
		bottom: 0;
	}




	/* --------------------------------------------------------------
 	   section 02
	----------------------------------------------------------------- */

	#sec02{
		width: 100%;
		padding: 0;
		position:relative;
	}

	#sec02:before{
    	content: "";
		display: block;
		width: 96vw;
		height:100%;
		background:rgb(140 156 175 / 0.15);
		position: absolute;
		right:0;
		top: 47px;
		z-index:-1;
    }

	 #sec02 .line_bg{
		width:734px;
		position:absolute;
		right: -444px;
		top: -13px;
	}

	#sec02 .img_box{
		width: 110%;
		line-height:0;
		margin: 0 -5% 30px;/* position:absolute; */
		/* right: 0; */
		/* top: 31px; */
		filter: drop-shadow(0 0 16px rgba(0,0,0,0.1));
	}
	
	#sec02 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 5.2rem;
		letter-spacing: 0.3rem;
		text-indent: -9px;
		padding: 0;
		color:#005292;
	}

	#sec02 li{
		/* width:466px; */
		margin:0 0 38px;
	}



	#sec02 li h3{
		background:#92bbb4;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		line-height: 140%;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		color:#fff;
		padding: 2px 0 4px 14px;
		margin: 0 0 18px;
	}

	#sec02 li h3 span{
		display: inline-block;
		font-weight: 500;
		line-height: 140%;
		font-size: 1.6rem;
		padding: 0 10px 0 0;
	}

	#sec02 li h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 140%;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		color:#457c7d;
		padding: 0 0 8px 6px;
	}

	#sec02 li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		line-height: 170%;
		font-size: 1.4rem;
		letter-spacing: 0rem;
		padding: 0 6px 16px;
	}

	#sec02 li:nth-child(2) h3{
		background:#8fa2c3;
	}

	#sec02 li:nth-child(3) h3{
		background:#a9a9a8;
	}

	#sec02 li:nth-child(2) h4{
		color:#005293;
	}

	#sec02 li:nth-child(3) h4{
		color:#616161;
	}


	/* --------------------------------------------------------------
 	   section 03
	----------------------------------------------------------------- */

	#sec03{
		width: 100%;
		padding: 100px 0 2px;
		position:relative;
	}

	#sec03:before{
    	content: "";
		display: block;
		width: 100%;
		height: calc(100% - 138px);
		background:rgb(140 156 175 / 0.15);
		position: absolute;
		left:0;
		top: 138px;
		z-index:-1;
    }

	 #sec03 .line_bg{
		width: 476px;
		position:absolute;
		left: -323px;
		top: -95px;
	}

	#sec03 .img_box{
		
		line-height:0;
		margin: 0 0 66px;
	}
	
	#sec03 h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 4.4rem;
		letter-spacing: 0.1rem;
		text-indent: 0px;
		color:#005292;
	}

	#sec03 .w_wrap{
		width: 96%;
		background:#fff;
		padding: 70px 5% 50px;
		margin: 0 -3% 100px;
		position:relative;
	}

	#sec03 .w_wrap .img_box_r{
		/* width: 460px; */
		line-height:0;
		margin: 0 0 30px;
	}

	#sec03 .w_wrap .img_box_l{
		/* width: 460px; */
		line-height:0;
		margin: 0 0 30px;
	}

	#sec03 .w_wrap .txt_box_l{
		/* width: 480px; */
		/* float:left; */
	}

	#sec03 .w_wrap .txt_box_r{
		/* width:480px; */
		/* float:right; */
	}

	#sec03 .w_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		line-height: 140%;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		padding: 0 0 12px;
		color:#005293;
	}
	#sec03 .w_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		line-height: 170%;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		padding: 0 0 40px;
	}

	#sec03 .icon1,
	#sec03 .icon3{
		position:absolute;
		height: 70px;
		top:-40px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#sec03 .icon2,
	#sec03 .icon4{
		position:absolute;
		height: 70px;
		top:-40px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#sec03 .icon1 img,
	#sec03 .icon2 img,
	#sec03 .icon3 img,
	#sec03 .icon4 img{
		width:auto;
		height:100%;
	}


	#sec03 .btn_list a{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.3rem;
         line-height:160%;
         color: #fff;
         letter-spacing: 0rem;
         padding: 12px 56px 14px 10px;
         box-sizing: border-box;
         width: 100%;
         position: relative;
    }

    #sec03 .btn_list a:after{
    	content: "";
		display: block;
		width: 34px;
		height:10px;
		background:url("../img/arrow_w.svg") no-repeat;
		background-size:100% auto;
		border-right:none;
		border-bottom:none;
		position: absolute;
		top: 52%;
		left: 86%;
		transform:translate(0, -50%) rotate(0);
		transition: all 0.25s ease-out 0s;
    }

    
    #sec03 .btn_list li{
    	width: 100%;
    	 background: #0096d7;
		margin:0 0 10px;
    	 position:relative;
    	 transition: all 0.5s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }

/* 20230804 LeTech Imai ADD Start */
    #sec03 .btn_list .nonanchor{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.3rem;
         line-height:160%;
         color: #fff;
         letter-spacing: 0.1rem;
         padding: 12px 10px 14px 10px;
         box-sizing: border-box;
         width: 100%;
         position: relative;
    }

/* 20230804 LeTech Imai ADD End */

	/* --------------------------------------------------------------
 	   section 04
	----------------------------------------------------------------- */

	#sec04{
		width: 100%;
		padding: 120px 0;
		background: url("/global/img/body_bg.jpg") no-repeat;
        background-position-x: center;
        background-position-y: -110px;
	}

	#sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		line-height: 140%;
		font-size: 3.0rem;
		letter-spacing: 0.2rem;
		padding: 0 0 6px;
		color:#005293;
		border-bottom:1px solid #005293;
		margin:0 0 20px;
	}

	#sec04 .btn_list a{
         display: block;
         
         padding: 40px 60px 13px 16px;
         box-sizing: border-box;width: 100%;
         position: relative;
    }

	#sec04 .btn_list a h3{
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 600;
		font-size: 1.6rem;
         line-height:160%;
		letter-spacing: 0.1rem;
		color: #005293;
    }

	#sec04 .btn_list a time{
         display: block;
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.3rem;
         line-height: 100%;
         color: #fff;
         background: #005293;
		letter-spacing: 0.1rem;
         padding: 3px 30px 5px;
         position: absolute;
		top: 14px;
		left: 15px;
		/* transform:translate(0, -50%); */
    }

    #sec04 .btn_list a:after{
    	content: "";
		display: block;
		width: 34px;
		height:10px;
		background:url("../img/arrow_b.svg") no-repeat;
		background-size:100% auto;
		border-right:none;
		border-bottom:none;
		position: absolute;
		top: 52%;
		left: 86%;
		transform:translate(0, -50%) rotate(0);
		transition: all 0.25s ease-out 0s;
    }

    

    #sec04 .btn_list li{
    	width: 100%;
    	 background: #eef0f3;
		margin:0 0 10px;
    	 position:relative;
    	 transition: all 0.5s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }


	
	
}



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

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

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

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