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

@media (max-width:761px){

	#ci {
		margin: 12px 0 0 3%;
		filter: brightness(0.3);
	}

	/* ============================================================
 	mv_bg 
	==============================================================*/

	#mv_bg{
		position:fixed;
		width:100vw;
		height: 1034px;
		top:0;
		left:0;
		z-index:-2;
		background:#f6f7fc url("../img/mv_bg_sp.jpg") no-repeat center;
		background-size: 100% auto;
	}

	#mv_bg_blur{
		position:fixed;
		width:100vw;
		height:100vh;
		top:0;
		left:0;
		z-index:-1;
		transition: all 0.8s ease 0s;
	}

	#mv_bg_blur.fix{
		backdrop-filter: blur(10px);
		background:#ffffffab;
	}
	
	/* ============================================================
 	main vi 
	==============================================================*/
    
	#main_wrap{
		width: 100%;
		height: 100vh;
		position: relative;
		overflow: hidden;
	}

	#main_wrap .txt_wrap{
		padding: 118px 5vw 0;
	}

	#main_wrap .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight:500;
		font-size: 2.6rem;
		line-height:1;
		letter-spacing: -0.3rem;
		color: #000;
	}

	#main_wrap .eng_txt .sUP_txt{
		display:block;
		overflow:hidden;
		margin:0 0 -18px;
	}

	#main_wrap .img_line {
		width: 88vw;
		margin: 10px 0 15px;
		filter: brightness(0);
	}

	#main_wrap .sUP7{
		margin:0 10px 0 0;
	}

	#main_wrap .sUP10{
		margin:0 10px 0 0;
	}

	#main_wrap .eng_txt .sUP_txt span{
		display:inline-block;
		transform: translate(0,100%);
	}

	#main_wrap .eng_txt .sUP_txt.act span{
		transform: translate(0,0);
	}

	#main_wrap h1.jp_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 4.6rem;
		letter-spacing: 0rem;
		line-height: 1;
		color: #000;
		font-feature-settings: 'palt';
		white-space: nowrap;
		padding: 0 0 19px;
		margin: 0 0 0 -5px;
	}

	#main_wrap h1.jp_txt .l1{
		display:block;
		margin: 0 0 4px;
		background: linear-gradient( to right,  #1e8ff0 25%, #5537a5 75% );
		-webkit-background-clip: text;
		color: transparent;
	}
	#main_wrap h1.jp_txt .l2{
		display:block;
		letter-spacing: 0.28rem;
		background: linear-gradient( to right,  #1e8ff0 25%, #5537a5 75% );
		-webkit-background-clip: text;
		color: transparent;
	}

	#main_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.15rem;
		line-height: 1.6;
		font-feature-settings: 'palt';
		padding: 0 0 40px;
		/* text-shadow: 0 0 10px rgb(7 47 110 / 39%); */
		background: linear-gradient( to right,  #1e8ff0 25%, #5537a5 75% );
		-webkit-background-clip: text;
		color: transparent;
	}
	
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 0 0 80px;
	}
	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 3.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		font-feature-settings: 'palt';
		padding: 30px 0 0;
		background: linear-gradient(to right, #1e8ff0 25%, #5537a5 75%);
		-webkit-background-clip: text;
		color: transparent;
		text-shadow: 0 0 10px rgb(255 255 255 / 39%);
	}

	#sec01 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height:2.4;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		padding:0 0 30px;
		color:#000
	}


	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec02 .wrapper{
		padding: 0 2vw;
	}

	#sec02 .next_c_wrap{
		position:relative;
		width: 271px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec02 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec02 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec02 h2{
		width: 178px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		text-indent: 22px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 16px 0 18px;
		position:relative;
		z-index: 2;
	}

	#sec02 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#e82c2c;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec02 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec02 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -2px;
		top: 15px;
	}

	#sec02 h2 .nn{
		width:60px;
		position:absolute;
		left: -51px;
		top: -30px;
	}

	#sec02 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec02 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec02 .ttl_q span{
		display:block;
		font-size: 2.6rem;
		font-weight: 600;
	}

	#sec02 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec02 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		color: #fff;
		background: linear-gradient( to right,  #e82c2c 25%, #ffa899 75% );
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec02 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec02 .ans_wrap .ttl_a em{
		display: inline-block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec02 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec02 .ans_wrap ul{
		display:flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
		padding: 30px 8vw 0;
		gap: 12px;
	}

	#sec02 .ans_wrap ul li{
		line-height:0;
		overflow:hidden;
		width: 47%;
		border-radius:10px;
	}

	#sec02 .ans_wrap ul li:nth-child(3){
	}

	#sec02 .ans_wrap .img_ill{
		width: 64vw;
		margin: 0 auto;
	}
	
	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec03 .wrapper{
		padding: 0 2vw;
	}

	#sec03 .next_c_wrap{
		position:relative;
		width: 271px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec03 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec03 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec03 h2{
		width: 178px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		text-indent: 22px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 16px 0 18px;
		position:relative;
		z-index: 2;
	}

	#sec03 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#2c95e8;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec03 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec03 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -1px;
		top: 16px;
	}

	#sec03 h2 .nn{
		width:60px;
		position:absolute;
		left: -51px;
		top: -30px;
	}

	#sec03 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec03 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec03 .ttl_q span{
		display:block;
		font-size: 2.6rem;
		font-weight: 600;
	}

	#sec03 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec03 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #fff;
		background: linear-gradient( to right,  #2c95e8 25%, #99dbff 75% );
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec03 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec03 .ans_wrap .ttl_a em{
		display: block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec03 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec03 .ans_wrap .img_ill{
		width: 80vw;
		margin: 0 auto 30px;
	}

	#sec03 .btn_list{
		width:60vw;
		margin:0 auto;
	}

	#sec03 a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.0;
		background:#48474d;
		border-radius:30px;
		padding: 14px 0 16px;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec03 a span{
		display:block;
		position:absolute;
		top: 50%;
		right: 18px;
		transform:translate(0, -50%);
	}
	
	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec04 .wrapper{
		padding: 0 2vw;
	}

	#sec04 .next_c_wrap{
		position:relative;
		width: 271px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec04 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec04 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec04 h2{
		width: 178px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		text-indent: 22px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 16px 0 18px;
		position:relative;
		z-index: 2;
	}

	#sec04 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#fb8514;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec04 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec04 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -2px;
		top: 15px;
	}

	#sec04 h2 .nn{
		width:60px;
		position:absolute;
		left: -51px;
		top: -30px;
	}

	#sec04 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec04 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec04 .ttl_q span{
		display:block;
		font-size: 2.5rem;
		font-weight: 600;
	}

	#sec04 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec04 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #fff;
		background: linear-gradient( to right,  #fb8514 25%, #ffcb6b 75% );
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec04 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec04 .ans_wrap .ttl_a em{
		display: inline-block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec04 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec04 .ans_wrap .note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.2rem;
		line-height:1.4;
		color: #000;
		text-indent:-2em;
		padding:0 8vw 5px 14vw;
		text-align: left;
	}

	#sec04 .ans_wrap .img_ill{
		width: 54vw;
		margin: 0 auto 30px;
	}

	#sec04 .btn_list{
		width:60vw;
		margin:30px auto 0;
	}

	#sec04 a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.0;
		background:#48474d;
		border-radius:30px;
		padding: 14px 0 16px;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec04 a span{
		display:block;
		position:absolute;
		top: 50%;
		right: 18px;
		transform:translate(0, -50%);
	}

	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec05 .wrapper{
		padding: 0 2vw;
	}

	#sec05 .next_c_wrap{
		position:relative;
		width: 303px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec05 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec05 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec05 h2{
		width: 212px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		text-indent: 38px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 18px 0 20px;
		position:relative;
		z-index: 2;
	}

	#sec05 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#2dcc9c;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec05 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec05 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -18px;
		top: 14px;
	}

	#sec05 h2 .nn{
		width:60px;
		position:absolute;
		left: -68px;
		top: -30px;
	}

	#sec05 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		text-indent: -4px;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec05 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec05 .ttl_q span{
		display: inline-block;
		font-size: 2.6rem;
		font-weight: 600;
	}

	#sec05 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec05 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #fff;
		background: linear-gradient( to right,  #2dcc9c 25%, #7ddbde 75% );
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec05 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec05 .ans_wrap .ttl_a em{
		display: inline-block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec05 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec05 .ans_wrap .img_ill{
		width: 80vw;
		margin: 0 auto 30px;
		position:relative;
	}

	#sec05 .ans_wrap .img_ill span{
		width: 20vw;
		position:absolute;
		left: 16px;
		top: 14px;
	}

	#sec05 .btn_list{
		width:60vw;
		margin:0 auto;
	}

	#sec05 a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.0;
		background:#48474d;
		border-radius:30px;
		padding: 14px 0 16px;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec05 a span{
		display:block;
		position:absolute;
		top: 50%;
		right: 18px;
		transform:translate(0, -50%);
	}

	/* ============================================================
 	section 06
	==============================================================*/
	
	#sec06{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec06 .wrapper{
		padding: 0 2vw;
	}

	#sec06 .next_c_wrap{
		position:relative;
		width: 308px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec06 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec06 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec06 h2{
		width: 220px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		text-indent: 38px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 18px 0 20px;
		position:relative;
		z-index: 2;
	}

	#sec06 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#a967e0;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec06 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec06 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -17px;
		top: 16px;
	}

	#sec06 h2 .nn{
		width:60px;
		position:absolute;
		left: -68px;
		top: -30px;
	}

	#sec06 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec06 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec06 .ttl_q span{
		display:block;
		font-size: 2.3rem;
		letter-spacing: 0;
		font-weight: 600;
	}

	#sec06 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec06 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #fff;
		background: linear-gradient( to right,  #a967e0 25%, #e8aff3 75% );
		text-align:center;
		letter-spacing: 0rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec06 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec06 .ans_wrap .ttl_a em{
		display: inline-block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec06 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec06 .ans_wrap .img_ill{
		width: 86vw;
		margin: 0 auto 30px;
		position:relative;
	}

	#sec06 .ans_wrap .img_ill span.s1{
		width: 26vw;
		position:absolute;
		left: 50%;
		bottom: 24%;
		transform:translate(-50%,0);
	}

	#sec06 .ans_wrap .img_ill span.s2{
		width: 26vw;
		position:absolute;
		left: calc(50% - 3px);
		top: 43%;
		transform: translate(-50%,-50%);
	}

	#sec06 .ans_wrap .img_ill span.s3{
		width: 86vw;
		position:absolute;
		left:0;
		top:0;
	}

	#sec06 .btn_list{
		width:60vw;
		margin:0 auto;
	}

	#sec06 a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.0;
		background:#48474d;
		border-radius:30px;
		padding: 14px 0 16px;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec06 a span{
		display:block;
		position:absolute;
		top: 50%;
		right: 18px;
		transform:translate(0, -50%);
	}

	/* ============================================================
 	section 07
	==============================================================*/
	
	#sec07{
		width: 93%;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	#sec07 .wrapper{
		padding: 0 2vw;
	}

	#sec07 .next_c_wrap{
		position:relative;
		width: 271px;
		margin:0 auto;
		padding: 34px 0;
	}

	#sec07 .next_c_wrap .img_face{
		width:110px;
		line-height:0;
		border-radius:50%;
		overflow:hidden;
		border:7px solid #fff;
		position:absolute;
		right: -16px;
		top:0;
	}

	#sec07 .next_c_wrap .img_face img{
		transform:scale(1.3);
	}
	
	#sec07 h2{
		width: 178px;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		text-indent: 22px;
		color: #fff;
		text-align:center;
		background:#48474d;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1;
		border-radius:40px;
		padding: 16px 0 18px;
		position:relative;
		z-index: 2;
	}

	#sec07 h2:before{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:#e8af2e;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 6px;
		transform:translate(0, -50%);
	}

	#sec07 h2:after{
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background:url("../img/arrow.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		top: 50%;
		right: -24px;
		transform:translate(0, -50%);
	}

	#sec07 h2 .num_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		position:absolute;
		left: -2px;
		top: 15px;
	}

	#sec07 h2 .nn{
		width:60px;
		position:absolute;
		left: -51px;
		top: -30px;
	}

	#sec07 .ttl_q{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		text-indent: 20px;
		color: #48474d;
		text-align:center;
		letter-spacing: 0.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 3px 0 32px;
		position:relative;
	}

	#sec07 .ttl_q:before{
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background:url("../img/arrow_down.svg") no-repeat center;
		border-radius:50%;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec07 .ttl_q span{
		display:block;
		font-size: 2.6rem;
		font-weight: 600;
	}

	#sec07 .ans_wrap{
		/* width: 94%; */
		margin: 20px 0;
		padding: 0 0 40px;
		background:#fff;
		overflow:hidden;
		border-radius:30px;
		position:relative;
	}

	#sec07 .ans_wrap .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #fff;
		background: linear-gradient(to right, #e9b62c 25%, #f6ce65 75%);
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 26px 0 26px;
	}

	#sec07 .ans_wrap .ttl_a span{
		font-weight: 400;
		font-size: 2.4rem;
	}

	#sec07 .ans_wrap .ttl_a em{
		display: inline-block;
		font-weight: 800;
		font-size: 2.4rem;
		font-style:normal;
		margin: 0 2px 0 0;
	}

	#sec07 .ans_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #000;
		text-align: left;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 8vw 34px;
	}

	#sec07 .ans_wrap .img_ill{
		width: 72vw;
		margin: 0 auto 30px;
	}

	#sec07 .btn_list{
		width:60vw;
		margin:0 auto;
	}

	#sec07 a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.0;
		background:#48474d;
		border-radius:30px;
		padding: 14px 0 16px;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec07 a span{
		display:block;
		position:absolute;
		top: 50%;
		right: 18px;
		transform:translate(0, -50%);
	}

	/* ============================================================
 	cm
	==============================================================*/
	
	#sec_cm_gallery{
		width: 100%;
		padding: 140px 0 120px;
		background:#000000c9;
	}

	#sec_cm_gallery ul{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* justify-content:space-evenly; */
		/* gap: 90px 40px; */
	}

	#sec_cm_gallery ul li{
	width: 100%;
	margin: 0 0 50px;
	}

	#sec_cm_gallery .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 0 0 5px;
	}

	#sec_cm_gallery h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 4.0rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_cm_gallery p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_cm_gallery p span{
		font-weight: 600;
		/* font-size: 1.4rem; */
		display: inline-block;
		margin: 0 10px 0 0;
	}

	#sec_cm_gallery .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_cm_gallery ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_cm_gallery ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	
	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 94vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win .m_n_box_short{
		width: 60vw;
		top: 40%;
	}

	#modal_win iframe{
		width:calc(94vw);
		height:calc(94vw*315/560);
	}

	#modal_win .m_n_box_short iframe{
		width: calc(60vw);
		height: calc(60vw * 766/430);
	}


	#modal_win .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}
    
    #modal_win .youtube_wrap{
		line-height:0;
	}
	
	#modal_win p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		color:#7d7d7d;
		padding:3px 0 0;
	}
	
	#modal_win ul > li{
		position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, 0);
	}
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.5rem;
		text-align:center;
		color:#fff;
		position: relative;
	}

	#modal_win a.xClose span{
		display:block;
		width:50px;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
	}


	
	
}



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

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

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

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