/*===============================================
　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;
	}

    
    
	/* ==============================================================
     *
     * busi
     *
     * ============================================================== */
     
     
		
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	#sec01{
		width: 100%;
		padding: 80px 0 60px;
		position:relative;
	}


	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.9rem;
		letter-spacing: 0rem;
		line-height:1;
		margin: 0 -2vw;
		text-align:center;
		color:#fff;
	}

	#sec01 h2 span{
		display:inline-block;
		background: linear-gradient( to right,  #005292 25%, #0096D7 75% );
		margin:0 0 10px;
		padding: 8px 9px 10px;
	}

	#sec01 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.2rem;
		line-height: 1.6;
		padding: 20px 0 0;
	}
    
    
    
    /* --------------------------------------------------------------
 	   section 02
	----------------------------------------------------------------- */
	
	#sec02{
		width: 100%;
		padding: 80px 0 60px;
		background:#f5f6f7;
		position: relative;
	}

	#sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		background: linear-gradient( to right,  #005292 25%, #0096D7 75% );
		-webkit-background-clip: text;
		color: transparent;
		font-feature-settings: 'palt';
		padding:0 0 30px;
	}

	#sec02 li{
		/* display:flex; */
		background:#fff;
		margin: 0 0 20px;
		border-radius:10px;
		overflow:hidden;
		/* gap: 0 44px; */
	}

	#sec02 li .strong_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.6rem;
		letter-spacing: 0rem;
		line-height:100%;
		color:#fff;
		padding: 10px 0 6px 92px;
		box-sizing:border-box;
		background: linear-gradient( to bottom right,  #005292 0%, #0096D7 100% );
		position:relative;
	}

	#sec02 li .strong_txt span{
		display:block;
		position:absolute;
		left: 14px;
		top: 13px;
		font-size: 2.0rem;
		line-height: 1;
		padding: 10px 10px;
		border-right: 1px solid #fff;
	}

	#sec02 li .txt_box{
		padding: 30px 5vw;
	}

	#sec02 li .txt_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		letter-spacing: 0rem;
		line-height:1.4;
		background: linear-gradient( to right,  #005292 25%, #0096D7 100% );
		-webkit-background-clip: text;
		color: transparent;
		padding:0 0 14px;
	}

	#sec02 li .txt_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height:1.6;
		color:#005292;
	}
	


	
    
    
    /* --------------------------------------------------------------
 	   section 03
	----------------------------------------------------------------- */
	
	#sec03{
		width: 100%;
		padding: 100px 0 6vw;
		position:relative;
	}
    
    #sec03:before{
    	content: "";
    	display: block;
    	width: 94vw;
    	height: calc(100% - 302px);
    	background:#005292;
    	border-radius: 10px 0 0 10px;
    	position: absolute;
    	top: 302px;
    	left: 6vw;
    }

	#sec03 .ttl_wrap{
		margin:0 0 30px;
	}

	#sec03 .ttl_wrap .icon_box{
		height: 70px;
		line-height:0;
		padding: 0 0 13px;
	}

	#sec03 .ttl_wrap .icon_box img{
		width:auto;
		height:100%;
	}

    #sec03 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 3.0rem;
		letter-spacing: 0rem;
		line-height:100%;
		background: linear-gradient( to right,  #005292 25%, #0096D7 75% );
		-webkit-background-clip: text;
		color: transparent;
		padding:0 0 10px;
	}

	#sec03 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		color:#000;
		padding:0 0 0 10px;
	}

	#sec03 .point_wrap{
		padding: 12vw 0vw 10px 7vw;
		position: relative;
	}

	#sec03 .point_wrap .img_box{
	margin: 0 auto 40px;
	width: 80%;
	line-height: 0;
	}

	#sec03 .point_wrap ul{
	}

	#sec03 .point_wrap ul li{
		padding: 0 0 36px;
	}

	#sec03 .point_wrap .t_box{
		padding: 0 0 12px;
	}

	#sec03 .point_wrap .t_box .p_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0rem;
		line-height:1;
		color: #fff;
		padding: 0px 12px 0 15px;
		border-radius: 16px;
		background: linear-gradient( to right,  #3F72BA 0%, #97D7F0 100% );
	}

	#sec03 .point_wrap .t_box .p_txt span{
		display:inline-block;
		box-sizing:border-box;
		font-weight: 500;
		width: 15px;
		height: 15px;
		padding: 1px 0 0 4px;
		font-size: 1.2rem;
		color: #5887c9;
		background:#fff;
		border-radius:50%;
		margin: 3px 0 0 5px;
		vertical-align: text-top;
	}

	#sec03 .point_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		color: #fff;
	}

	#sec03 .point_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		color: #cddaed;
	}

	#sec03 .point_wrap p.note_txt{
		font-weight:300;
		font-size: 1.2rem;
		letter-spacing: 0.1rem;
		text-indent: -1em;
		padding: 10px 0 0 1em;
	}

	#sec03 .check_wrap{
		/* display:flex; */
		justify-content:space-between;
		margin: 0 0 6vw 7vw;
		border-radius: 10px;
		padding: 30px;
		background:#EDF3FC;
		position: relative;
	}

	#sec03 .check_wrap .img_box{
		/* width:440px; */
		line-height:0;
	}

	#sec03 .check_wrap .txt_wrap{
		/* width: 409px; */
	}

	#sec03 .check_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.9rem;
		letter-spacing: 0rem;
		line-height:1.4;
		color: #005292;
		padding: 0 0 17px;
	}

	#sec03 .check_wrap h3 span{
		display:inline-block;
		color: #fff;
		background:#005292;
		font-size: 1.6rem;
		letter-spacing: 0rem;
		line-height:1;
		padding:2px 10px 4px;
		margin: 4px 7px 0 0;
		vertical-align: text-top;
	}

	#sec03 .check_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		padding: 0 0 23px;
	}

	/* --------------------------------------------------------------
 	   section 04
	----------------------------------------------------------------- */
	
	#sec04{
		width: 100%;
		padding: 100px 0 9vw;
		position:relative;
	}
    
    #sec04:before{
    	content: "";
    	display: block;
    	width: 94vw;
    	height: calc(100% - 302px);
    	background:#005292;
    	border-radius: 0 10px 10px 0;
    	position: absolute;
    	top: 302px;
    	right: 6vw;
    }

	#sec04 .ttl_wrap{
		margin:0 0 30px;
	}

	#sec04 .ttl_wrap .icon_box{
		height: 70px;
		line-height:0;
		text-align: right;
		margin: 0 0 11px;
	}

	#sec04 .ttl_wrap .icon_box img{
		width:auto;
		height:100%;
	}

    #sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 3.0rem;
		letter-spacing: 0rem;
		line-height:100%;
		background: linear-gradient( to right,  #005292 25%, #0096D7 75% );
		-webkit-background-clip: text;
		color: transparent;
		padding:0 0 10px;
	}

	#sec04 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		text-align: right;
		color:#000;
		padding:0 0 0 10px;
	}

	#sec04 .point_wrap{
		padding: 12vw 7vw 10px 0;
		position: relative;
	}

	#sec04 .point_wrap .case_wrap{
		width: 70vw;
		margin: 0 auto;
		order:2;
		position:relative;
	}

	#sec04 .point_wrap .case_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		background:url("../img/arrow_w.svg") no-repeat center;
		background-size: auto 100%;
		position: absolute;
		top: 55%;
		left:0;
		transform:translate(0, -50%);
	}

	#sec04 .point_wrap .case_wrap h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		color:#fff;
		text-align:center;
		padding:0 0 10px;
	}

	#sec04 .point_wrap .case_wrap .img_box_a{
		line-height:0;
		position:relative;
		margin:0 0 30px;
	}
	#sec04 .point_wrap .case_wrap .img_box_b{
		line-height:0;
		position:relative;
		margin:0 0 30px;
	}

	#sec04 .point_wrap .case_wrap .img_box_a span,
	#sec04 .point_wrap .case_wrap .img_box_b span{
		width: 62px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		padding: 0px 0 1px;
		color:#fff;
		text-align:center;
		background:#000;
		position:absolute;
		left:0;
		bottom:0;
	}

	#sec04 .point_wrap ul{
		padding: 14px 0 0;
	}

	#sec04 .point_wrap ul li{
		padding: 0 0 46px;
	}

	#sec04 .point_wrap .t_box{
		padding: 0 0 12px;
	}

	#sec04 .point_wrap .t_box .p_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0rem;
		line-height:1;
		color: #fff;
		padding: 0px 12px 0 15px;
		border-radius: 16px;
		background: linear-gradient( to right,  #3F72BA 0%, #97D7F0 100% );
	}

	#sec04 .point_wrap .t_box .p_txt span{
		display:inline-block;
		box-sizing:border-box;
		font-weight: 500;
		width: 15px;
		height: 15px;
		padding: 1px 0 0 4px;
		font-size: 1.2rem;
		color: #5887c9;
		background:#fff;
		border-radius:50%;
		margin: 3px 0 0 5px;
		vertical-align: text-top;
	}

	#sec04 .point_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		color: #fff;
	}

	#sec04 .point_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #cddaed;
	}

	#sec04 .point_wrap p.note_txt{
		font-weight:300;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		padding:10px 0 0;
	}

	#sec04 .check_wrap{
		/* display:flex; */
		/* justify-content:space-between; */
		margin: 0 7vw 0 0;
		border-radius: 10px;
		padding: 30px;
		background:#EDF3FC;
		position: relative;
	}

	#sec04 .check_wrap .img_box{
		width:440px;
		line-height:0;
	}

	#sec04 .check_wrap .txt_wrap{
		/* width: 409px; */
	}

	#sec04 .check_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.9rem;
		letter-spacing: 0rem;
		line-height:1.4;
		color: #005292;
		padding: 0 0 17px;
	}

	#sec04 .check_wrap h3 span{
		display:inline-block;
		color: #fff;
		background:#005292;
		font-size: 1.6rem;
		letter-spacing: 0rem;
		line-height:1;
		padding:2px 10px 4px;
		margin: 4px 7px 0 0;
		vertical-align: text-top;
	}

	#sec04 .check_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		padding: 0 0 20px;
	}

	#sec04 .check_wrap .case_wrap2{
		/* width:440px; */
		/* height:140px; */
		padding:10px 0 0;
		position:relative;
		/* display:flex; */
		/* justify-content:space-between; */
	}

	#sec04 .check_wrap .case_wrap2:before{
		content: "";
		display: block;
		width: 100%;
		height: 20px;
		background:url("../img/arrow_b.svg") no-repeat center;
		background-size: auto 100%;
		position: absolute;
		top: 52%;
		left: 0;
		transform: translate(0, -50%) rotate(90deg);
	}

	

	#sec04 .check_wrap .case_wrap2 .img_box_a{
		line-height:0;
		position:relative;
		margin: 0 0 31px;
		/* width: 48%; */
	}
	#sec04 .check_wrap .case_wrap2 .img_box_b{
		line-height:0;
		position:relative;
		/* width: 48%; */
	}

	#sec04 .check_wrap .case_wrap2 .img_box_a span,
	#sec04 .check_wrap .case_wrap2 .img_box_b span{
		width: 62px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height:1.4;
		padding: 0px 0 1px;
		color:#fff;
		text-align:center;
		background:#000;
		position:absolute;
		left:0;
		bottom:0;
	}


	/* --------------------------------------------------------------
 	   section 05
	----------------------------------------------------------------- */
	
	#sec05{
		width: 100%;
		padding: 80px 0 180px;
		position:relative;
		background:url("../img/sec_bg.jpg") no-repeat center bottom;
		background-size:auto 300px;
	}

	#sec05 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.0rem;
		letter-spacing: 0rem;
		line-height: 1.4;
		color:#005292;
		text-align:center;
		padding:0 0 20px;
	}


	#sec05 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		color:#005292;
		padding: 0 0 49px;
	}


	.btn_list li{
    	width: 100%;
    	background: linear-gradient( to right,  #005292 25%, #0096D7 75% );
    	margin:0 auto;
    	border-radius:50px;
    	overflow:hidden;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0.13, 0.36, 0.22, 0.96) 0s;
    }

	#sec05 .btn_list a{
         display: block;
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
         font-size: 1.8rem;
         color: #fff;
         letter-spacing: 2px;
         padding: 18px 44px;
         box-sizing:border-box;
         width:100%;
         position: relative;
    }

	
}



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

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

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

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