/* --------------- common ---------------*/
.wrap-inner{
	padding: 0 4.26vw;
}
.radius-box{
	background: #fff;
	border-radius: 16px;
}
.c-text-link{
	font-size: 3.73vw;
}
@media screen and (min-width: 769px){
	.c-text-link{
		font-size: 1rem;
	}
}
/* --------------- navi kv ---------------*/
.navi .kv{
	padding-bottom: 0;
}
.navi .dialogue__question .dialogue__inner{
	border: 4px solid #FFA924;
}
.navi .dialogue__answer .dialogue__inner{
	border: 4px solid #009CE5;
}
.navi .dialogue__question .img{
	bottom: 3.6vw;
}
@media screen and (min-width: 769px){
	.navi .kv{
		padding-bottom: 100px;
	}
	.navi .dialogue__question .dialogue__inner{
		padding-right: 30px;
	}
	.navi .dialogue__question .img{
		bottom:-22px;
	}
}
/* --------------- juniorcontact kv ---------------*/
.juniorcontact{
	background-color: #DDF7F7;
}
.juniorcontact .dialogue__question{
	width: 95.2vw;
	margin: 1.1vw 0 0 4.2vw;
}
.juniorcontact .dialogue__question .dialogue__inner{
	top: 9vw;
	right: 11.2vw;
}
.juniorcontact .dialogue__answer{
	width: 85.86vw;
	margin: 4.3vw 0 0 4.3vw;
}
.juniorcontact .dialogue__answer .dialogue__inner{
	top: 8vw;
	left: 10.2vw;
}
.juniorcontact .kv .normal-txt{
	margin: 16.1vw 4.26vw 0;
}
@media screen and (min-width: 769px){
	.juniorcontact .dialogue{
		max-width: 938px;
		margin: 102px auto 0 auto;
		padding-right: 18px;
	}
	.juniorcontact .dialogue__question{
		width: 441px;
		margin:0 12px 0 0;
	}
	.juniorcontact .dialogue__question .dialogue__inner{
		top: 35px;
		right: auto;
		left: 50px;
	}
	.juniorcontact .dialogue__answer{
		width: 403px;
		margin: 45px 0 0;
	}
	.juniorcontact .dialogue__answer .dialogue__inner{
		top: 25px;
		left: 148px;
	}
	.juniorcontact .kv .normal-txt{
		max-width: 660px;
		margin: 0 auto 0;
		background: #fff;
		padding: 16px;
		border-radius: 16px;
	}
}
@media screen and (min-width: 769px) and (max-width: 870px){
	.juniorcontact .kv .ttl{
		width: 256px;
		top: 26px;
		left: calc(50% - 117px);
	}
	.juniorcontact .dialogue{
		padding-right: 0;
	}
	.juniorcontact .dialogue__question .dialogue__inner {
		font-size: 1.92vw;
		top: 35px;
		left: 12.5%;
	}
	.juniorcontact .dialogue__inner span{
		font-size:2.13vw;
	}
	.juniorcontact .dialogue__answer .dialogue__inner{
			font-size: 1.92vw;
			top: 27px;
			left: 39.1%;
	}
}
/* --------------- #type ---------------*/
.navi #type{
	background: url(/sites/default/files/media/intro/navi/img/step2/type_bg.jpg) no-repeat top -10vw center / 100%;
	padding: 21.5vw 4.26vw 16.4vw;
}
#type .radius-box{
	padding: 0;
	overflow: hidden;
	border-radius: 16px;
}
#type .radius-box + .radius-box{
	margin-top:11.2vw;
}
#type .radius-box > .ttl{
	background: #015CAE;
	color: #fff;
	padding: 5vw 11vw;
}
#type .radius-box .type-wrap{
	padding: 6.4vw 0 8vw;
	margin: 0 4.26vw;
}
#type .radius-box .type-wrap + .type-wrap{
	padding-top: 8vw;
	border-top: 1.06vw dotted #D9F1FF;
}
#type .radius-box .type-wrap .dtl{
	margin: 5.06vw 3.6vw 12vw;
}
#type .radius-box .type-wrap .btn-blue{
	margin-top: 8vw;
	padding-left: 8vw;
}
#type .radius-box .type-wrap .btn-blue + .btn-blue{
	margin-top: 4.2vw;
}
#type .radius-box .text-link{
	margin-top: 4.2vw;
	display: flex;
	justify-content: center;
}
#type .radius-box-inner{
	position: relative;
	border-radius: 8px;
	padding: 6.4vw 4.26vw 4.26vw;
}
#type .radius-box-inner.point{
	background: #FFEFA2;
	margin-bottom: 8.46vw;
}
#type .radius-box-inner.cost{
	background: #D9F1FF;
	padding-top: 5.8vw;
}
#type .radius-box-inner > .ttl{
	position: absolute;
	top: -7vw;
	left: 4.1vw;
	width: 37vw;
}
#type .radius-box-inner .point-list > li{
	position: relative;
	padding-left: 1.5em;
}
#type .radius-box-inner .point-list > li::before {
	content: "・";
	position: absolute;
	top: 0.1vw;
	left: 1.1vw;
}
#type .cost .cost-text{
	font-weight: bold;
	margin-bottom: 1.4vw;
	padding-left: 2.2vw;
}
#type .cost .cost-text .one{
	font-size: 4.8vw;
}
#type .cost .cost-text .per{
	font-size: 3.73vw;
}
#type .cost .cost-text .dot{
	font-size: 4.26vw;
	padding: 0 1vw;
}
#type .cost .cost-text em{
	font-style: normal;
	color: #009CE5;
	font-size: 3.73vw;
	text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px -0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
}
#type .cost .cost-text em .price{
	font-size: 5.33vw;
}
#type .cost .cost-text .year{
	font-weight: normal;
	font-size: 3.2vw;
}
.juniorcontact #type{
	background: #DDF7F7;
	padding: 6.2vw 4.26vw 6.6vw;
}
.juniorcontact #type .radius-box .type-wrap .btn-blue + .btn-blue{
  margin-top: 5.4vw;
}
.juniorcontact #kids{
	padding: 3.6vw 4.26vw 7vw;
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/kids_bg.png) no-repeat top left / 97.58vw;
}
.juniorcontact #kids .ttl{
	width: 85.06vw;
	margin: auto;
	position: relative;
}
.juniorcontact #kids .ttl .txt{
	position: absolute;
	text-align: center;
	font-size: 3.73vw;
	font-weight: bold;
	top: 9.1vw;
	right: 9vw;
}
.juniorcontact #kids .radius-box{
	padding: 4.26vw 4.26vw 3vw;
	border: 0.5vw solid #009CE5;
	margin: 0;
}
.juniorcontact #kids .radius-box .flex-wrap{
	display: flex;
	gap: 2.13vw;
	align-items: flex-end;
	margin-top: 1.73vw;
}
.juniorcontact #kids .radius-box .bg-yellow{
	background: #FFFAE0;
	border-radius: 16px;
	padding: 2.13vw;
	width: 53.3vw;
	min-width: 53.3vw;
}
.juniorcontact #kids .radius-box .img{
	margin-bottom: 1.3vw;
}
@media screen and (min-width: 769px){
	.navi #type{
		background: url(/sites/default/files/media/intro/navi/img/step2/type_bg_pc.jpg) no-repeat top 70px center / 1440px;
		padding: 0 16px 100px;
		margin-top: -52px;
	}
	#type > .normal-txt{
		max-width: 704px;
		margin: 0 auto;
	}
	#type .radius-box{
		width: 100%;
		max-width: 1040px;
		border-radius: 16px;
		margin: 80px auto 0;
	}
	#type .radius-box + .radius-box{
		margin-top: 64px;
	}
	#type .radius-box > .ttl{
		padding: 28px 16px 28px;
	}
	#type .radius-box > .ttl img{
		width: auto;
		height: 28px;
		margin: auto;
	}
	#type .radius-box .type-wrap{
		padding: 53px 16px;
		margin: 0 auto;
		width: 100%;
		max-width: 976px;
	}
	#type .radius-box .type-wrap + .type-wrap{
		padding-top: 50px;
		padding-bottom: 58px;
		border-top: 4px dotted #D9F1FF;
	}
	#type .radius-box .type-wrap .dtl{
		margin: 10px auto 36px;
	}
	#type .radius-box .type-wrap .btn-blue{
		margin-top: 32px;
		padding-left: 24px;
	}
	#type .radius-box .type-wrap .btn-blue + .btn-blue{
		margin-top: 32px;
	}
	#type .flex-wrap{
		display: flex;
		gap: 24px;
	}
	#type .radius-box .text-link{
		margin-top: 16px;
	}
	#type .radius-box-inner{
		width: calc(50% - 12px);
		border-radius: 16px;
		padding: 40px 32px 30px;
	}
	#type .radius-box-inner.point{
		margin-bottom: 0;
	}
	#type .radius-box-inner.cost{
		padding-top: 22px;
	}
	#type .radius-box-inner > .ttl{
		top: -28px;
		left: 32px;
		width: 158px;
	}
	#type .radius-box-inner .point-list > li::before {
		top: 3px;
		left: 4px;
	}
	#type .cost .cost-text{
		margin-bottom: 8px;
		padding-left: 0;
	}
	#type .cost .cost-text .one{
		font-size: 1.5rem;
	}
	#type .cost .cost-text .per{
		font-size: 1rem;
	}
	#type .cost .cost-text .dot{
		font-size: 1rem;
		padding: 0 4px;
	}
	#type .cost .cost-text em{
		font-size: 1.125rem;
	}
	#type .cost .cost-text em .price{
		font-size: 1.875rem;
	}
	#type .cost .cost-text .year{
		font-size: 0.875rem;
	}
	#type .flex-wrap .btn-blue{
		margin: 0;
		flex: 1;
	}
	.juniorcontact #type{
		padding: 0 16px 35px;
		margin: -10px 0 0 0;
    position: relative;
	}
	.juniorcontact #type .radius-box{
		margin-top: 0;
	}
	.juniorcontact #type .radius-box + .radius-box{
		margin-top: 64px;
	}
	#type .radius-box .type-wrap .btn-blue{
		padding-left: 50px;
	}
	.juniorcontact #type .radius-box .type-wrap .btn-blue + .btn-blue{
		margin-top: 32px;
	}
	.juniorcontact #kids{
		padding: 0 16px 0;
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/kids_bg_pc.png) no-repeat top center / 766px;
	}
	.juniorcontact #kids .ttl{
		width: 561px;
	}
	.juniorcontact #kids .ttl .txt{
		font-size: 1.125rem;
		top: 63px;
		right: calc(50% - 237px);
	}
	.juniorcontact #kids .ttl .txt .txt_blue{
		font-size: 1.25rem;
	}
	.juniorcontact #kids .radius-box{
		padding: 28px 45px 0;
		max-width: 832px;
		border: 4px solid #009CE5;
		margin: 0 auto;
		border-radius: 32px;
	}
	.juniorcontact #kids .radius-box .flex-wrap{
		gap: 16px;
		margin-top: 16px;
		align-items: flex-start;
	}
	.juniorcontact #kids .radius-box .bg-yellow{
		padding: 24px;
		width: calc(100% - 156px);
		min-width: calc(100% - 156px);
		margin-top: 20px;
	}
	.juniorcontact #kids .radius-box .img{
		margin-bottom: 0;
		width: 140px;
		min-width: 140px;
		max-width: 140px;
	}
}
/* --------------- #know ---------------*/
.navi #know{
	background: url(/sites/default/files/media/intro/navi/img/step2/know_bg.jpg) no-repeat top -3.5vw center / 100%;
	padding: 5.5vw 4.26vw 1.4vw;
}
#know .ttl{
	width: 74.9vw;
	margin: 0 auto 6.4vw;
}
#know .radius-box{
	margin: 6.4vw 0 0;
	padding: 8.53vw 4.26vw;
}
#know .radius-box .flex-wrap .img{
	width: 71.4vw;
	margin: auto;
}
#know .radius-box .flex-wrap .top-bdr{
	margin-top: 5.7vw;
	padding-top: 5.9vw;
	border-top: 1.06vw dotted #D9F1FF;
}
#know .detail-list{
	margin-bottom: 5.56vw;
}
#know .detail-list .radius-box-blue{
	border-radius: 8px;
	padding: 6.4vw 4.26vw 4.26vw;
	background: #D9F1FF;
	margin-top: 9.2vw;
}
#know .detail-list .radius-box-blue dt{
	margin: -9.5vw 0 2vw;
}
#know .blue-text{
	margin: 11.1vw auto 4.26vw;
	width: 77.6vw;
}
.juniorcontact #know{
	background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/know_bg.jpg) no-repeat top center / 100%;
	padding:29.1vw 4.26vw 1.4vw;
}
@media screen and (min-width: 769px){
	.navi #know{
		background: url(/sites/default/files/media/intro/navi/img/step2/know_bg_pc.jpg) no-repeat top 60px center / 1440px;
		padding: 64px 16px 180px;
	}
	#know > .normal-txt{
		max-width: 704px;
		margin: 0 auto;
	}
	#know .ttl{
		width: 100%;
		max-width: 781px;
		margin: 0 auto 24px;
	}
	#know .radius-box{
		margin: 56px auto 0;
		max-width: 1040px;
		padding: 40px 48px 40px;
	}
	#know .radius-box .flex-wrap{
		display: flex;
		max-width: 680px;
		margin: 0 auto 40px;
		gap: 24px;
		justify-content: center;
	}
	#know .radius-box .flex-wrap .img{
		width: 310px;
		margin: 0;
		padding-top: 8px;
	}
	#know .radius-box .flex-wrap .top-bdr{
		width: 346px;
		margin: 0;
		padding: 0 0 0 20px;
		border-top: none;
		border-left: 4px dotted #D9F1FF;
	}
	#know .detail-list{
		display: flex;
		gap: 16px;
		margin-bottom: 36px;
		justify-content: center;
	}
	#know .detail-list .radius-box-blue{
		border-radius: 16px;
		width: calc((100% - 32px) / 3);
		max-width: 304px;
		padding: 32px 24px 24px 24px;
		margin-top: 0;
		position: relative;
	}
	#know .detail-list .radius-box-blue dt{
		position: absolute;
		margin: 0;
		width: 92%;
		top: -10px;
		left: 22px;
	}
	#know .detail-list .radius-box-blue .normal-txt{
		font-size: 0.875rem;
	}
	#know .blue-text{
		margin: 0 auto 28px;
		width: 565px;
	}
	#know .radius-box > .normal-txt{
		text-align: center;
		font-size: 0.875rem;
		max-width: 732px;
		margin: auto;
	}
	.juniorcontact #know{
		background: #FFF7D2 url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/know_bg_pc.jpg) no-repeat top center / 1440px;
		padding:160px 16px 60px;
	}
}
/* --------------- #scene ---------------*/
.navi #scene{
	background: url(/sites/default/files/media/intro/navi/img/step2/scene_bg.png) no-repeat top -20.5vw center / 100%;
	padding: 14.7vw 4.26vw 10vw;
}
#scene .ttl{
	width: 77.3vw;
	margin: 0 auto 19.2vw;
}
#scene .radius-box{
	margin: 6.4vw 0 0;
	padding: 8.53vw 3.96vw;
	position: relative;
}
#scene .radius-box + .radius-box{
	margin-top: 17.6vw;
}
.navi #scene .radius-box .sub-ttl{
	width: 55.2vw;
	margin: -20.9vw 0 5.3vw;
}
.navi #scene .radius-box.box02 .sub-ttl{
	margin: -20.9vw -1.4vw 5.3vw auto;
}
.navi #scene .radius-box.box04 .sub-ttl{
	margin: -20.9vw -3.6vw 5.3vw auto;
}
#scene .radius-box::after{
	content: "";
	position: absolute;
	display: block;
	top: -13vw;
	width: 40.5vw;
	height: 26.6vw;
	background-repeat: no-repeat;
	background-size: contain;
}
.navi #scene .radius-box.box01::after{
	background-image: url(/sites/default/files/media/intro/navi/img/step2/scene_img01.jpg);
	right: -4.26vw;
}
.navi #scene .radius-box.box02::after{
	background-image: url(/sites/default/files/media/intro/navi/img/step2/scene_img02.jpg);
	left: -4.26vw;
}
.navi #scene .radius-box.box03::after{
	background-image: url(/sites/default/files/media/intro/navi/img/step2/scene_img03.jpg);
	right: -4.26vw;
}
.navi #scene .radius-box.box04::after{
	background-image: url(/sites/default/files/media/intro/navi/img/step2/scene_img04.jpg);
	left: -4.26vw;
}
#scene .product-wrap{
	display: flex;
	gap: 4.2vw;
	margin: 3.96vw 0 4.9vw;
}
#scene .product-wrap .box{
	width: calc(50% - 2.1vw);
	border-radius: 8px;
	border: 1px solid #85D1FA;
	box-shadow: 0 2px 8px 0 rgba(133, 209, 250, 0.45);
	overflow: hidden;
	background: #F0F8FF;
}
#scene .product-wrap .img{
	width: 100%;
	background: #fff;
}
#scene .product-wrap .txt-wrap{
	padding: 4.26vw 2.13vw 6.4vw;
	display: flex;
	flex-direction: column;
	min-height: 43.7vw;
}
#scene .box01 .product-wrap .txt-wrap{
	min-height: 38.1vw;
}
#scene .product-wrap .name{
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 2.13vw;
}
#scene .product-wrap .maker{
	color: #333;
	font-size: 2.6vw;
	line-height: 1.5;
	margin-bottom: 2.53vw;
}
#scene .product-wrap .btn{
	text-align: center;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 9.3vw;
	border-radius: 5vw;
	background: #fff;
	border: 1px solid #015CAE;
	color: #015CAE;;
}
.juniorcontact #scene{
	background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/scene_bg.jpg) no-repeat bottom center / 100%;
	padding: 13vw 4.26vw 38vw;
}
.juniorcontact #scene .radius-box.box01{
	padding-bottom: 2.6vw;
}
.juniorcontact #scene .radius-box .sub-ttl{
	width: 58.1vw;
	margin: -21vw 0 5.3vw -7.3vw;
}
.juniorcontact #scene .radius-box.box02 .sub-ttl{
	margin: -21.7vw -7.6vw 5.3vw auto;
}
.juniorcontact #scene .radius-box.box03 .sub-ttl{
	margin-top: -22.8vw;
}
.juniorcontact #scene .radius-box.box01::after{
	background-image: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/scene_img01.jpg);
	right: -4.26vw;
}
.juniorcontact #scene .radius-box.box02::after{
	background-image: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/scene_img02.jpg);
	left: -4.26vw;
}
.juniorcontact #scene .radius-box.box03::after{
	background-image: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/scene_img03.jpg);
	right: -4.26vw;
}
@media screen and (min-width: 769px){
	.navi #scene{
		background: url(/sites/default/files/media/intro/navi/img/step2/scene_bg_pc.png) no-repeat top center / 1440px;
		padding: 57px 16px 84px;
		margin-top: -75px;
		position: relative;
		overflow: hidden;
	}
	#scene .ttl{
		width: 573px;
		margin: 0 auto;
	}
	#scene .radius-box{
		max-width: 1040px;
		margin: 120px auto 0;
		padding: 160px 16px 45px;
	}
	#scene .radius-box .inner{
		max-width: 688px;
		margin: 0 auto;
		position: relative;
	}
	#scene .radius-box .inner > .normal-txt{
		text-align: center;
	}
	#scene .radius-box + .radius-box{
		margin-top: 120px;
	}
	.navi #scene .radius-box .sub-ttl,
	.juniorcontact #scene .radius-box .sub-ttl{
		position: absolute;
		top: -228px;
		margin: 0;
		width: 100%;
	}
	.navi #scene .radius-box.box02 .sub-ttl{
		margin: 0;
	}
	.navi #scene .radius-box.box04 .sub-ttl{
		width: 760px;
		margin-top: 0;
	}
	#scene .radius-box::after{
		display: none;
	}
	#scene .product-wrap{
		gap: 24px;
		margin: 32px 0;
	}
	#scene .product-wrap .box{
		width: calc(50% - 12px);
	}
	#scene .product-wrap .txt-wrap{
		padding: 8px 16px;
		min-height: 182px
	}
	#scene .box01 .product-wrap .txt-wrap{
		min-height: 182px
	}
	#scene .product-wrap .name{
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 8px;
	}
	#scene .product-wrap .maker{
		font-size: 0.75rem;
		margin-bottom: 16px;
	}
	#scene .product-wrap .btn{
		font-size: 1rem;
		line-height: 54px;
		border-radius: 30px;
	}
	.juniorcontact #scene{
		background: #FFF7D2 url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/scene_bg_pc.jpg) no-repeat bottom -3px center / 1440px;
		padding: 0 16px 242px;
		margin: 0;
	}
	.juniorcontact #scene .ttl{
		width: 727px;
	}
	.juniorcontact #scene .radius-box.box01{
		padding-bottom: 12px;
	}
	.juniorcontact #scene .radius-box .sub-ttl{
		width: 688px;
		margin: 0 auto;
	}
	.juniorcontact #scene .radius-box.box02 .sub-ttl{
		width: 704px;
		margin: 0 auto;
	}
	.juniorcontact #scene .radius-box.box03 .sub-ttl{
		margin: 0 auto;
	}
}
/* --------------- #debut / #check ---------------*/
#debut{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/debut_bg.png) no-repeat top 2vw center / 100%;
	padding: 12.7vw 4.26vw 16.4vw;
}
#debut .ttl,
#check .ttl{
	width: 91.46vw;
	margin: 0 auto;
}
#debut .radius-box,
#check .radius-box{
	background: #fff;
	border-radius: 16px;
	padding: 6.4vw 4.26vw 8.53vw;
}
#debut .radius-box + .radius-box{
	margin-top: 6.4vw;
}
#debut .radius-box .sub-ttl{
	margin-bottom: 6.66vw;
}
#check{
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/check_bg.png) no-repeat top 2vw center / 100%;
	padding: 11.2vw 4.26vw 16.4vw;
	margin-top: -5vw;
}
#check .radius-box .img{
	margin-bottom: 4.5vw;
}
#check .c-annotation{
	margin-top: 2vw;
}
@media screen and (min-width: 769px){
	#debut{
		background: #F0F8FF url(/sites/default/files/media/intro/navi/img/step2/debut_bg_pc.png) no-repeat top center / 1440px;
		padding: 80px 16px 40px;
	}
	#debut .ttl,
	#check .ttl{
		width: 100%;
		max-width: 832px;
		margin: 0 auto;
	}
	#debut .radius-box,
	#check .radius-box{
		padding: 36px 48px;
		max-width: 832px;
		margin: auto;
	}
	#debut .radius-box + .radius-box{
		margin-top: 24px;
	}
	#debut .radius-box .sub-ttl{
		width: 432px;
		margin: 0 auto 22px;
	}
	#check{
		background: #D9F1FF url(/sites/default/files/media/intro/navi/img/step2/check_bg_pc.png) no-repeat top -45px center / 1440px;
		padding: 80px 16px 40px;
		margin-top: 0;
	}
	#check .radius-box{
		display: flex;
		gap: 32px;
		padding-top: 30px;
	}
	#check .radius-box .img{
		width: 312px;
		min-width: 312px;
		margin-bottom: 0;
	}
	#check .c-annotation{
		margin-top: 8px;
	}
	.juniorcontact #debut{
		padding: 0 16px 40px;
		background:#ddf6f7;
	}
	.juniorcontact #check{
		background:  url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/check_bg_pc.png) no-repeat top center / 787px;
		padding:55px 16px 40px;
	}
}
/* --------------- #shop ---------------*/
#shop{
	background: url(/sites/default/files/media/intro/common/img/step2/shop_bg.jpg) no-repeat top 6vw center / 100%;
	padding: 4vw 4.26vw 10vw;
}
#shop .radius-box{
	background: #fff;
	border-radius: 16px;
	padding: 6.4vw 4.26vw 4vw;
	margin-bottom: 25.6vw;
}
#shop .ttl{
	width: 80.2vw;
	margin: 0 auto 6.4vw;
}
#shop .sub-ttl{
	width: 63.73vw;
	margin: 0 auto 5vw;
}
#shop .radius-box .img{
	margin-bottom: 2vw;
}
.juniorcontact #shop{
	background: #fff url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/shop_bg.jpg) no-repeat top  center / 100%;
	padding-top: 14.5vw;
}
.juniorcontact #shop .radius-box{
	margin-bottom: 29.4vw;
}
.juniorcontact #shop .radius-box p + p{
	margin-top: 2.1vw;
}
@media screen and (min-width: 769px){
	#shop{
		background: url(/sites/default/files/media/intro/common/img/step2/shop_bg_pc.jpg) no-repeat top  center / 1440px;
		padding: 56px 16px 80px;
	}
	#shop .radius-box{
		max-width: 832px;
		padding: 36px 48px;
		margin: 0 auto 40px;
	}
	#shop .ttl{
		width: 478px;
		margin: 0 auto 40px;
	}
	#shop .sub-ttl{
		width: 547px;
		margin: 0 auto 32px;
	}
	#shop .radius-box .flex-wrap{
		display: flex;
		gap: 32px;
	}
	#shop .radius-box .img{
		margin-bottom: 0;
		width: 312px;
		min-width: 312px;
	}
	.juniorcontact #shop{
		background: #fff url(/sites/default/files/media/intro/juniorcontact_navi/img/step2/shop_bg_pc.jpg) no-repeat top  center / 1440px calc(100% - 186px);
		padding-top: 57px;
	}
	.juniorcontact #shop .radius-box{
		margin-bottom: 120px;
	}
	.juniorcontact #shop .radius-box p + p{
		margin-top: 16px;
	}
}
@media screen and (min-width: 1441px) {
	.navi #type,
	.navi #know,
	.navi #scene,
	#shop,
	.juniorcontact #know,
	.juniorcontact #scene,
	.juniorcontact #shop{
		background-size: 100%;
	}
	.navi #know,
	.navi #type{
		position: relative;
	}
	.juniorcontact #shop{
		background-size: 100% 686px;
	}
	.navi #know::after,
	.navi #type::after{
		content: "";
		width: 100%;
		background: linear-gradient(180deg, transparent 0, #FFF 100%);
		height: 80px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}