/*===============================================
　SP
===============================================*/
@media (max-width:761px) {
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_wrap_sec {
		width: 100%;
		height: calc(100vw * 1.1);
		position: relative;
	}

	#main_wrap_sec:after{
		content: "";
		display: block;
		width: 100%;
		height: calc(100vw * 1.4);
		background: linear-gradient( to top,  #fff 1%, #fff0 26% );
		position: absolute;
		top: 2px;
		left:0;
	}

	#main_wrap_sec:before{
		content: "";
		display: block;
		width: 100%;
		height: calc(100vw * 1.4);
		background:url(../img/mv_bg_sp.jpg) no-repeat top center;
		background-size:100% auto;
		position: absolute;
		top:0;
		left:0;
	}

	
	
	/* ============================================================
 	bg_img
	==============================================================*/
	.bg_img01, .bg_img02, .bg_img03, .bg_img04, .bg_img05, .bg_img06, .bg_img07, .bg_img08, .bg_img09, .bg_img10, .bg_img11, .bg_img12, .bg_img13 {
		position: absolute;
		z-index: 0;
	}
	.bg_img01 {
		top: 546px;
		left: 0;
		display: none;
	}
	.bg_img02 {
		top: 72px;
		right: -13px;
		width: 71px;
	}
	.bg_img03 {
		top: 430px;
		left: 0;
	}
	.bg_img04 {
		top: 490px;
		right: 115px;
	}
	.bg_img05 {
		top: 700px;
		left: -100px;
	}
	
	
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		background-size:180% auto;
		padding: 0 0 100px;
	}
	
	#sec01 .wrapper {
		width: 94vw;
		box-sizing:border-box;
		border-radius:10px 10px 0 0;
		padding: 40px 5% 0;
		background: #fff;
		margin: 0 auto;
	}
	
	#sec01 h2 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		color: #0858A3;
		padding: 0 0 26px;
	}

	#sec01 h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		padding: 20px 0 10px;
	}

	#sec01 p {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		text-align:left;
		padding: 0 0 24px;
	}

	#sec01 p.note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.4;
		text-indent:-1em;
		padding: 0 0 10px 1em;
	}

	#sec01 p a{
		color: #3b82c5;
		font-size: 1.1rem;
		text-decoration: underline !important;
	}

	#sec01 .t_block{
		padding: 0 0 80px;
	}

	#sec01 ul{
		padding: 0 0 20px;
	}

	#sec01 li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		padding: 0 0 10px 20px;
		position:relative;
	}

	#sec01 li:before{
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		background:#0858A3;
		position: absolute;
		border-radius:50%;
		top: 9px;
		left: 3px;
	}
}