/*===============================================
　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:0;
		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: 124px;
		right: 8px;
		width: 22vw;
	}
	.bg_img02 {
		top: 210px;
		right: 76px;
		width: 26vw;
	}
	.bg_img03 {
		top: 430px;
		left: 0;
	}
	.bg_img04 {
		top: 490px;
		right: 115px;
	}
	.bg_img05 {
		top: 723px;
		left: 0;
		width: 16vw;
	}
	.bg_img06 {
		top: 1700px;
		right: 0;
	}
	.bg_img07 {
		top: 1000px;
		left: 1px;
		width: 30vw;
	}
	.bg_img08 {
		top: 1044px;
		left: 191px;
		width: 30vw;
	}
	
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		background: url(../img/img_bg.jpg) no-repeat center bottom;
		background-size:180% auto;
		padding: 0 0 400px;
	}
	
	#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', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		letter-spacing: 0rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		color: #0858A3;
		padding: 0 0 50px;
		position: relative;
	}

	#sec01 p {
		font-family: 'Noto Sans', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0rem;
		font-feature-settings: 'palt';
		line-height: 2.0;
		padding: 0 0 80px;
	}

	#sec01 .txt_block3 p{
		padding: 0 0 5px;
	}

	#sec01 .txt_block3 p.name_txt{
		font-size: 2.0rem;
		line-height: 1.4;
		text-align:right;
		padding: 14px 0 0;
	}

	#sec01 .txt_block3 p.name_txt .s1{
		display:block;
		font-size: 1.2rem;
	}
	#sec01 .txt_block3 p.name_txt .s2{
		display:block;
		font-size: 1.0rem;
		padding: 1px 1px 0 0;
		letter-spacing: 0rem;
	}

	#sec01 span.p1,#sec01 span.p2,#sec01 span.p3,#sec01 span.p4{
		display:inline-block;
		font-family: 'Noto Sans', sans-serif;
		font-weight: 500;
		font-size: 3.0rem;
		letter-spacing: 0rem;
		line-height: 1;
	}

	#sec01 span.p1{
		color:#BECF00;
	}
	#sec01 span.p2{
		color:#0858A3;
	}
	#sec01 span.p3{
		color:#DC8181;
	}
	#sec01 span.p4{
		color:#00B0FF;
	}

	#sec01 .txt_block1{
		position:relative;
		padding: 0;
	}
	#sec01 .txt_block2{
	}
	#sec01 .txt_block3{
		position:relative;
	}

	#sec01 .img_box1,#sec01 .img_box2{
		margin: 0 -10% 40px;
	}
	
}