/* --------------- kv ---------------*/
.kv{
	background-color: #65ADEA;
	color: #fff;
	text-shadow: 0 0.53vw 1.0vw rgba(0, 92, 231, 0.60);
	text-align: center;
	font-weight: bold;
}
.kv .lead-wrap{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_kv.png) no-repeat top center / 100%;
	padding: 35.6vw 0 0 1.4vw;
	margin-top: -51.4vw;
	position: relative;
	z-index: 1;
	line-height: 1.6;
	font-size: 4.267vw;
}
.kv .lead-wrap p + p{
	margin-top: 1.06vw;
}
.kv .text-wrap{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_kv2.png) no-repeat top 2vw center / 100%;
	line-height: 1.9;
	font-size: 3.73vw;
	padding: 6.2vw 0 2vw 1vw;
}
.kv .text-wrap .img{
	width: 51.8vw;
	margin: 5.9vw auto 4.27vw;
}
.kv .btn-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2.26vw 9.57vw 4.36vw 9.36vw;
	gap: 4vw 0;
}
.kv .btn-wrap > li{
	width: calc(38.5vw - var(--sbw));
}
@media print, screen and (min-width: 768px) {
	.kv{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/kv_bg_pc.jpg) no-repeat top center / 100%;
		padding: 48px 0 0;
	}
	.kv .ttl{
		width: 100%;
		max-width: 1040px;
		margin: 0 auto;
	}
	.kv .kv-btm{
		position: relative;
		z-index: 1;
		margin-top: -45px;
		padding: 180px 0 70px;
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_kv2_pc.png) no-repeat top 177px center / 895px, url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_kv_pc.png) no-repeat top center / 100%, linear-gradient(180deg, rgba(221, 247, 247, 0) 25vw, #65ADEA 25vw);
	}
	.kv .lead-wrap{
		font-size: 20px;
		margin: 0;
		background: none;
		padding: 93px 0 0;
	}
	.kv .lead-wrap .txt-big{
		font-size: 28px;
	}
	.kv .lead-wrap p + p{
		margin-top: 12px;
	}
	.kv .text-wrap{
		background: none;
		font-size: 18px;
		padding: 16px 0 8px;
	}
	.kv .text-wrap .img{
		width: 310px;
		margin: 32px auto 40px;
	}
	.kv .btn-wrap{
		flex-wrap: nowrap;
		padding: 0;
		gap: 0 24px;
		width: 100%;
		max-width: 1048px;
		margin: auto;
	}
	.kv .btn-wrap > li{
		width: 244px;
	}
}
/* --------------- common ---------------*/

.btn-blue{
	border-radius: 50px;
	background: #009CE5;
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.25);
	font-size: 4.26vw;
	color: #fff;
	padding: 0 14vw 0 11.4vw;
	margin-top: 4.2vw;
	border: none;
}
.btn-blue::before, .btn-blue::after {
	content: "";
	display: block;
	position: absolute;
}
.btn-blue::before {
	width: 10.6vw;
	height: 10.6vw;
	border-radius: 50%;
	top: calc(50% - 5.3vw);
	right: 2.1vw;
	background: #fff;
}
.btn-blue::after {
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/arw_blue.png) no-repeat center / contain;
	width: 4.26vw;
	height: 4.26vw;
	right: 4.7vw;
	top: calc(50% - 2.13vw);
}
.ttl-section{
	position: absolute;
	width: 35.57vw;
}
@media print, screen and (min-width: 768px) {
	.btn-blue{
		font-size: 1.125rem;
		padding: 0 40px;
		margin-top: 30px;
		height: 66px;
		max-width: 460px;
	}
	.btn-blue::before {
		width: 50px;
		height: 50px;
		top: calc(50% - 25px);
		right: 8px;
	}
	.btn-blue::after {
		width: 20px;
		height: 20px;
		right:23px;
		top: calc(50% - 10px);
	}
	.ttl-section{
		width: 200px
	}
	.wrap-inner{
		width: 100%;
		max-width: 892px;
		margin: auto;
		position: relative;
	}
	.dialogue{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		padding: 42px 13px 0 0;
	}
	.c-bg.c-bg--blue_gradation{
		margin-top: 0;
		padding-left: 16px;
		padding-right: 16px;
	}
}
@media screen and (min-width: 1040px) {
	.ttl-section{
		width: 220px
	}
}
/* --------------- dialogue ---------------*/
.dialogue__question,
.dialogue__answer{
	position: relative;
}

/* --------------- radius ---------------*/
.radius-box{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/cmn_bg_btm.png) no-repeat left bottom / 100%, linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 80%);
	border-radius: 0 30px 0 0;
	margin: -6.1vw 8.53vw 0 0;
	padding: 6.4vw 4.26vw 0;
	font-size: 3.73vw;
	line-height: 1.6;
	position: relative;
	z-index: 1;
	filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.15));
}
.radius-box .ttl{
	margin: 0 auto 4.26vw;
}
.radius-box .btn-more{
	position: relative;
	background-color: #009CE5;
	color: #fff;
	font-size: 4.8vw;
	font-weight: bold;
	height: 14.93vw;
	display: flex;
	align-items: center;
	padding: 0 14vw 0 6.4vw;
	border-radius: 8vw;
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.25);
	width: 48.2vw;
	margin: 6.4vw -4.26vw 0 auto;
}
.radius-box .btn-more::before,
.radius-box .btn-more::after{
	content: "";
	display: block;
	position: absolute;
}
.radius-box .btn-more::before{
	width: 10.6vw;
	height: 10.6vw;
	border-radius: 50%;
	top: calc(50% - 5.3vw);
	right: 2.1vw;
	background: #fff;
}
.radius-box .btn-more::after{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/arw_blue.png) no-repeat center /contain;
	width: 4.26vw;
	height: 4.26vw;
	right: 4.7vw;
	top: calc(50% - 2.13vw);
}
.radius-box .radius-box-inner{
	border-radius: 20px;
	padding: 4.26vw;
}
@media print, screen and (min-width: 768px) {
	.radius-box{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/cmn_bg_btm_pc.png) no-repeat left bottom / 100%, linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) calc(100% - 170px), rgba(255, 255, 255, 0) calc(100% - 170px));
		border-radius: 30px 30px 0 0;
		margin:0 auto;
		width: 100%;
		max-width: 892px;
		padding: 60px 56px 106px 56px;
		font-size: 3.73vw;
		line-height: 1.6;
		position: relative;
		z-index: 1;
		filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.15));
	}
	.radius-box .ttl{
		margin: 0 auto 40px;
	}
	.radius-box .btn-more{
		justify-content: center;
		font-size: 20px;
		height: 8vw;
		padding: 0 56px 0 48px;
		border-radius: 40px;
		width: 31.3vw;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
	}
	.radius-box .btn-more::before{
		width: 50px;
		height: 50px;
		top: calc(50% - 25px);
		right: 8px;
	}
	.radius-box .btn-more::after{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/arw_blue.png) no-repeat center /contain;
		width: 20px;
		height: 20px;
		right: 22px;
		top: calc(50% - 10px);
	}
	.radius-box .radius-box-inner{
		border-radius: 20px;
		padding: 4.26vw;
	}
}
@media screen and (min-width: 893px) {
	.radius-box .btn-more{
		font-size: 20px;
		height: 66px;
		padding: 0 56px 0 48px;
		border-radius: 40px;
		width: 290px;
	}
}
/* --------------- know ---------------*/
#know{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_yellow.jpg) no-repeat top center / 100%;
	position: relative;
	padding: 14.5vw 0 14.9vw;
}
#know .ttl-section{
	top: 35.5vw;
	left: 4.9vw;
}
#know .dialogue__question{
	display: flex;
	justify-content: flex-end;
	margin-right: 6.4vw;
}
#know .dialogue__question .dialogue__inner{
	width: 51.16vw;
}
#know .dialogue__answer{
	margin: -7.5vw 3.2vw 0 2.5vw;
}
#know .radius-box .ttl{
	width: 63.47vw;
}
#know .radius-box .chart{
	margin: 3.76vw 0 1.93vw;
}
@media print, screen and (min-width: 768px) {
	#know{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_yellow_pc.jpg) no-repeat top center / cover;
		padding: 48px 0 96px;
		overflow: hidden;
	}
	#know .ttl-section{
		top: 0;
		left: 0;
	}
	#know .dialogue{
		padding: 40px 12px 0px 5px;
	}
	#know .dialogue__question{
		display: block;
		width: 304px;
		min-width: 304px;
		order: 2;
		margin: 0 0 0 13px;
	}
	#know .dialogue__question .dialogue__inner{
		width: 100%;
	}
	#know .dialogue__answer{
		width: 492px;
		min-width: 492px;
		order: 1;
		margin: 0;
	}
	#know .radius-box .ttl{
		width: 489px;
	}
	#know .chart-wrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 48px;
	}
	#know .radius-box .txt{
		order: 2;
		width: 368px;
		font-size: 16px;
		margin-bottom: 48px;
	}
	#know .radius-box .img{
		width: 362px;
		order: 1;
	}
	#know .radius-box .chart{
		margin: 0 0 16px;
	}
}
@media screen and (min-width: 1040px) {
	#know .ttl-section{
		left: -46px;
	}
}
/* --------------- choose ---------------*/
#choose{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_blue.jpg) no-repeat top center / 100%;
	position: relative;
	padding: 15.4vw 0 15.3vw;
}
#choose .ttl-section{
	top: 20vw;
	right: 5.3vw;
}
#choose .dialogue__question{
	margin-left: 4vw;
}
#choose .dialogue__question .dialogue__inner{
	width: 56.27vw;
}
#choose .dialogue__answer{
	margin: 1.8vw 6.6vw 0 4vw;
}
#choose .radius-box{
	margin-top: -6.7vw;
}
#choose .radius-box .ttl{
	width: 52.5vw;
	margin-bottom: 6vw;
}
#choose .radius-box .radius-box-inner{
	background-color: #DDF7F7;
	position: relative;
	padding: 15.13vw 6.4vw 4.26vw;
	line-height: 1.5;
}
#choose .radius-box .radius-box-inner + .radius-box-inner{
	margin-top: 5.73vw;
}
#choose .radius-box .radius-box-inner .sub-ttl{
	width: 77.6vw;
	position: absolute;
	top: -4vw;
	left: 2.1vw;
}
@media print, screen and (min-width: 768px) {
	#choose{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_blue_pc.jpg) no-repeat top center / cover;
		padding: 48px 0 96px;
		overflow: hidden;
	}
	#choose .ttl-section{
		top: 0;
		right: -15px;
	}
	#choose .dialogue{
		padding: 60px 0 0 0;
		margin: 0 0 0 0;
	}
	#choose .dialogue__question{
		margin: 0;
		width: 440px;
		min-width: 440px;
	}
	#choose .dialogue__question .dialogue__inner{
		width: 100%;
		margin-left: 10px;
	}
	#choose .dialogue__answer{
		width: 431px;
		min-width: 431px;
		margin: 0 0 0 -45px;
	}
	#choose .radius-box{
		margin-top: 0;
		padding-top: 56px;
	}
	#choose .radius-box .ttl{
		width: 401px;
		margin-bottom: 48px;
	}
	#choose .radius-box .order-list{
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
		padding-bottom: 10px;
	}
	#choose .radius-box .radius-box-inner{
		width: calc(50% - 20px);
		padding: 14% 24px 24px;
		font-size: 18px;
		line-height: 1.5;
	}
	#choose .radius-box .radius-box-inner + .radius-box-inner{
		margin-top: 0;
	}
	#choose .radius-box .radius-box-inner .sub-ttl{
		width: 90%;
		max-width: 330px;
		top: -25px;
		left: 16px;
	}
}
@media screen and (min-width: 1040px) {
	#choose .ttl-section{
		top: -2px;
		right: -51px;
	}
	#choose .dialogue{
		padding: 56px 0 0 0;
		margin: 0 0 0 -70px;
	}
	#choose .dialogue__answer{
		margin: 0 0 0 32px;
	}
	#choose .dialogue__question .dialogue__inner{
		margin-left: 0;
	}
}
/* --------------- use ---------------*/
#use{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_yellow.jpg) no-repeat top -5.1vw center / 100%;
	position: relative;
	padding: 13.1vw 0 14.93vw;
}
#use .ttl-section{
	top: 30.2vw;
	left: 5vw;
}
#use .dialogue__question{
	display: flex;
	justify-content: flex-end;
	margin-right: 6.76vw;
}
#use .dialogue__question .dialogue__inner{
	width: 56vw;
}
#use .dialogue__answer{
	margin: -12.9vw 3.2vw 0 2.4vw;
}
#use .radius-box{
	margin-top: -0.4vw;
}
#use .radius-box .ttl{
	width: 65.6vw;
}
#use .radius-box-inner{
	background-color: #FFF7D2;
}
#use .radius-box-inner .list{
	display: flex;
	flex-direction: column;
	gap: 2.13vw;
}
@media print, screen and (min-width: 768px) {
	#use{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_yellow_pc.jpg) no-repeat top center / cover;
		padding: 40px 0 96px;
		overflow: hidden;
	}
	#use .ttl-section{
		top: 0;
		left: 0;
	}
	#use .dialogue{
		padding: 41px 40px 0 0;
	}
	#use .dialogue__question{
		display: block;
		width: 278px;
		min-width: 278px;
		order: 2;
		margin: 0;
	}
	#use .dialogue__question .dialogue__inner{
		width: 100%;
	}
	#use .dialogue__answer{
		width: 495px;
		min-width: 495px;
		order: 1;
		margin: 0 40px 0 0;
	}
	#use .radius-box{
		margin-top: 0;
		padding: 56px clamp(16px, 12vw, 146px) 90px;
	}
	#use .radius-box .ttl{
		width: 406px;
		margin-bottom: 24px;
	}
	#use .radius-box-inner{
		border-radius: 20px;
		padding: 24px 80px;
	}
	#use .radius-box-inner .list{
		gap:8px;
	}
}
@media screen and (min-width: 1040px) {
	#use .ttl-section{
		top: -4px;
		left: -50px;
	}
	#use .radius-box{
		margin-top: 0;
		padding: 56px 146px 112px;
	}
}
/* --------------- buy ---------------*/
#buy{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_blue.jpg) no-repeat top center / 100%;
	position: relative;
	padding: 15.7vw 0 14.93vw;
	overflow: hidden;
}
#buy .ttl-section{
	top: 20.5vw;
	right: 5.3vw;
}
#buy .dialogue__question{
	margin-left: 4vw;
}
#buy .dialogue__question .dialogue__inner{
	width: 56.27vw;
}
#buy .dialogue__answer{
	margin: -10.2vw 6.1vw 0 4vw;
}
#buy .radius-box .ttl{
	width: 57.6vw;
}
#buy .radius-box-inner{
	background-color: #EBFDFF;
}
#buy .radius-box-inner .list{
	display: flex;
	flex-direction: column;
	gap: 2.13vw;
}
@media print, screen and (min-width: 768px) {
	#buy{
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_blue_pc.jpg) no-repeat top center / cover;
		padding: 48px 0 96px
	}
	#buy .ttl-section{
		top: 0;
		right: -15px;
	}
	#buy .dialogue{
		padding: 60px 0 0 0;
    margin: 0;
	}
	#buy .dialogue__question{
		margin: 0;
		width: 340px;
		min-width: 340px;
	}
	#buy .dialogue__question .dialogue__inner{
		width: 100%;
	}
	#buy .dialogue__answer{
    margin: 0;
		width: 438px;
		min-width: 438px;
	}
	#buy .radius-box{
		margin-top: 0;
		padding: 60px clamp(16px, 12vw, 146px) 90px;
	}
	#buy .radius-box .ttl{
		width: 451px;
		margin-bottom: 24px;
	}
	#buy .radius-box-inner{
		padding: 24px 48px;
	}
	#buy .radius-box-inner .list{
		gap: 8px;
	}
}
@media screen and (min-width: 1040px) {
	#buy .ttl-section{
		right: -54px
	}
	#buy .radius-box{
		margin-top: 0;
		padding: 60px 146px 98px;
	}
	#buy .dialogue{
		padding: 58px 0 0 0;
    margin: 0 0 0 -107px;
	}
	#buy .dialogue__question{
		margin: 0 40px 0 0;
	}
	#buy .dialogue__answer{
    margin: 0 0 0 55px;
	}
}
/* --------------- debut /coupon ---------------*/
#flow .c-bg__inner{
	padding-bottom: 7.2vw;
}
#debut .title{
	margin-bottom: 5.2vw;
}
#coupon{
	margin: 15.07vw 6.4vw 15vw;
}
@media print, screen and (min-width: 768px) {
	#flow .c-bg__inner{
		padding-bottom: 0;
	}
	#debut .title{
		margin-bottom: 18px;
	}
	#coupon{
		margin: 60px 0;
	}
}
/* --------------- faq ---------------*/

#faq{
	padding: 14vw 4.2vw 10.6vw;
	background: #DDF7F7 url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_faq.jpg) no-repeat top center / 100%;
}
#faq .ttl{
	width: 73.06vw;
	margin: 0 auto 6.4vw;
}
@media print, screen and (min-width: 768px) {
	#faq{
		padding: 75px 0 80px;
		background: #DDF7F7 url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_faq_pc.jpg) no-repeat top center / 1440px;
	}
	#coupon .wrap-inner,
	.c-bg.c-bg--blue_gradation .wrap-inner,
	#faq .wrap-inner{
		max-width: 780px;
	}
	#faq .ttl{
		padding-left: 44px;
    width: 620px;
		margin: 0 auto 48px;
	}
}
@media screen and (min-width: 1440px) {
	#faq{
		background: #DDF7F7 url(/sites/default/files/media/intro/juniorcontact_navi/img/bg_faq_pc.jpg) no-repeat top center / 100%;
	}
}