/* --------------- common ---------------*/
.wrap-inner{
	padding: 0 4.26vw;
}
.radius-box{
	background: #fff;
	border-radius: 16px;
	padding: 6.4vw 4.26vw 8.8vw;
}
@media screen and (min-width: 769px) {
	.radius-box{
		padding: 32px 48px 56px;
	}
}
/* --------------- navi kv ---------------*/
.navi .dialogue__question{
	margin: 0 0 15.2vw 0;
}
.navi .dialogue__question .dialogue__inner{
	border: 4px solid #3B75F4;
}
.navi .dialogue__answer .dialogue__inner{
	border: 4px solid #009CE5;
}
.navi .dialogue__question .img{
	bottom: 3.4vw;
}
@media screen and (min-width: 769px) {
	.navi .dialogue__question{
		margin: 0 0 66px 0;
	}
	.navi .dialogue__question .img{
		bottom: 13px;
	}
}
/* --------------- juniorcontact kv ---------------*/
.juniorcontact .dialogue__question{
	width: 87.2%;
	margin: -6vw 0 0 7.4%;
}
.juniorcontact .dialogue__question .dialogue__inner{
	top: 21.4vw;
	left: 9.1%;
}
.juniorcontact .dialogue__answer{
	width: 88.53%;
	margin: 2.4vw 0 0 5.7%;
}
.juniorcontact .dialogue__answer .dialogue__inner{
	top: 8vw;
	left: 43.2%;
	font-size: 3.46vw;
}
.juniorcontact .kv .normal-txt{
	margin: 16.1vw 4.26vw 0;
}
@media screen and (min-width: 769px){
	.juniorcontact .kv-yellow{
		padding-bottom: 0;
	}
	.juniorcontact .dialogue{
		max-width: 920px;
		margin: 104px auto 0 auto;
		padding-left: 13px;
	}
	.juniorcontact .dialogue__question{
		width: 414px;
		margin: 0 0 0 0;
	}
	.juniorcontact .dialogue__question .dialogue__inner{
		top: 36px;
		right: auto;
		left: 169px;
	}
	.juniorcontact .dialogue__answer{
		width: 414px;
		margin: 54px 0 0;
	}
	.juniorcontact .dialogue__answer .dialogue__inner{
		top: 31px;
		left: 33px;
		font-size: 1.125rem;
	}
}
@media screen and (min-width: 769px) and (max-width: 840px){
	.juniorcontact .kv .ttl{
		width: 256px;
		top: 26px;
		left: calc(50% - 128px);
	}
	.juniorcontact .dialogue{
		padding: 0;
	}
	.juniorcontact .dialogue__question .dialogue__inner {
		font-size: 1.92vw;
		top: 4.8vw;
		left: 42.3%;
	}
	.juniorcontact .dialogue__inner span{
		font-size:2.13vw;
	}
	.juniorcontact .dialogue__answer .dialogue__inner{
		font-size: 1.92vw;
		top: 4.5vw;
		left: 8.9%;
	}
}
/* --------------- how ---------------*/
.navi #how{
	padding: 38vw 4.2vw 46.7vw;
	background: url(/sites/default/files/media/intro/navi/img/step3/how_bg.png) no-repeat center top / 100%;
	margin-top: -38vw;
}
#how .ttl{
	width: 64.8vw;
	margin: 0 auto 6.4vw;
}
#how .c-annotation{
	margin-top: 1.9vw;
}
#how > .radius-box{
	padding: 0 0 6.2vw 0;
	margin-top: 7.53vw;
}
#before .ttl{
	width: 86.1vw;
	margin: 0 auto 6.4vw 4.2vw;
}
#before .sub-ttl{
	width: 59.7vw;
	margin: 0 auto 4.2vw;
}
#before .img{
	margin: 4.2vw auto 0;
	width: 66.6vw;
}
.navi #manual{
	margin: 6vw 4.26vw 0;
}
#manual .img{
	width: 57.3vw;
	margin: 2vw auto 0;
}
#how #manual > .ttl{
	margin: 0 -4.26vw;
	width: 91.4vw;
}
#manual .radius-box-blue{
	background: #D9F1FF;
	padding: 4.26vw 4.26vw 4.53vw;
	border-radius: 8px;
}
#take h3{
	width: 63.7vw;
	margin: 0 auto 3.5vw;
}
#take .inner .sub-ttl,
#check .inner .sub-ttl,
#put .inner .sub-ttl,
#off .inner .sub-ttl{
	width: 64vw;
	margin: 0 0 2.4vw;
}
#take .inner + .inner{
	margin-top: 3vw;
}
#check{
	padding: 0 0 8.2vw 0;
	margin-top: 6vw;
}
#check .img{
	margin-top: 2vw;
}
#check .inner + .inner,
#put .inner + .inner{
	margin-top: 6vw;
}
.navi #before > .inner{
	padding-left: 4.26vw;
	padding-right: 4.26vw;
}
#check h3{
	width: 67.7vw;
	margin: 0 auto 6.4vw;
}
#check .inner{
	padding-left: 4.26vw;
	padding-right: 4.26vw;
	margin-top: 5.9vw;
}
#put{
	padding:2.6vw 4.26vw 8.3vw;
	margin-top: 6vw;
}
#put h3{
	width: 49.4vw;
	margin: 0 auto 3.2vw 12.13vw;
}
#put .inner + .inner{
	margin-top: 3vw;
}
#put .img{
	margin-top: 5vw;
}
#off{
	padding: 3.4vw 4.26vw 8.3vw;
	margin-top: 6vw;
}
#off h3{
	width: 65.8vw;
	margin: 0 auto 3.4vw;
}
#off .img{
	margin: 4vw auto 2.2vw;
}
#off .inner + .inner{
	margin-top: 3vw;
}
#off .inner + .mtB{
	margin-top: 7vw;
}
#off .inner + .mtB .sub-ttl{
	margin-bottom: 3.3vw;
}
.juniorcontact #manual .radius-box-blue{
	background-color: #DDF7F7;
}
@media screen and (max-width: 768px) {
	.juniorcontact #how {
		position: relative;
		margin-top: -2.8vw;
		background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_jr.png) no-repeat center top 53vw/ 100%;
		background-repeat: repeat-y;
		z-index: 9;
		padding: 0 4.2vw 0;
	}
	.juniorcontact #care-how > .sub-ttl{
		margin-top: 5.7vw;
	}
	.juniorcontact #care {
		padding:36.3vw 4.26vw 16.7vw;
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_care_top.jpg) no-repeat center top /100%, url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_care_btm.jpg) no-repeat center bottom /100%, #fff ;
	}
	.juniorcontact #how > .radius-box{
		padding: 6.4vw 4vw 9vw;
		margin-top: 0;
	}
	.juniorcontact #before .ttl{
		margin: 2vw auto 6.4vw;
	}
	.juniorcontact #manual{
		margin: 6.5vw 0 0;
	}
	.juniorcontact #how #manual > .ttl {
		margin: 0 auto 0 2.2vw;
		width: 82.93vw;
	}
	.juniorcontact #manual .radius-box-blue{
		padding-bottom: 8.83vw;
	}
	.juniorcontact #care .bg_mid {
    background: #fff;
	}
	.juniorcontact #mps .box-inner {
    padding-bottom: 5.43vw;
		margin-bottom: 2vw;
		border-radius: 16px;
	}
}
@media screen and (min-width: 769px) {
	.navi #how{
		padding: 60px 16px 500px;
		background: url(/sites/default/files/media/intro/navi/img/step3/how_bg_pc.png) no-repeat center top / 1440px;
		margin-top: 0;
	}
	#how .ttl{
		width: 100%;
		max-width: 728px;
		margin: 0 auto 32px;
	}
	#how > .radius-box{
		width: 100%;
		max-width: 1040px;
		margin: 32px auto 0;
		padding: 32px 16px 56px;
		border-radius: 40px;
	}
	#how .c-annotation{
		margin-top: 12px;
	}
	#before .ttl{
		width: 485px;
		margin: 0 auto 32px;
	}
	#before > .inner{
		max-width: 640px;
		width: 100%;
		margin: auto;
		padding: 0;
	}
	#before > .inner:not(.no-flex){
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#before > .inner + .inner{
		margin-top: 40px;
	}
	#before .txt-wrap{
		width: 366px;
	}
	#before .sub-ttl{
		width: 366px;
		margin: 0 0 16px 0;
	}
	#before .img{
		margin: 0;
		width: 250px;
	}
	.navi #manual{
		margin: 56px auto 0;
		max-width: 944px;
	}
	#manual .img{
		width: 57.3vw;
		margin: 2vw auto 0;
	}
	#how #manual > .ttl{
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	#manual .radius-box-blue{
		padding: 32px 16px;
		border-radius: 16px;
	}
	#how .radius-box-blue .radius-box{
		width: 100%;
		max-width: 832px;
		margin: auto;
	}
	#how .radius-box#take{
		margin-top: 0;
		padding: 8px 40px 28px;
	}
	#take h3{
		width: 584px;
		margin: 0 auto 16px;
	}
	#manual .flex-wrap{
		display: flex;
		justify-content: space-between;
		gap: 24px 32px;
		flex-wrap: wrap;
	}
	#manual .flex-wrap .inner{
		width: calc(50% - 16px);
	}
	#take .inner .sub-ttl,
	#put .inner .sub-ttl,
	#off .inner .sub-ttl,
	#off .inner + .mtB .sub-ttl{
		width: 100%;
		max-width: 348px;
		margin: 0 0 16px;
	}
	#off .inner + .mtB .sub-ttl{
		width: calc(50% - 16px);
	}
	#take .inner + .inner{
		margin-top: 0;
	}
	#how #check,
	#how #put,
	#how #off{
		padding: 10px 40px 32px;
		margin-top: 32px;
	}
	#check > .inner{
		text-align: center;
		margin-bottom: 24px;
	}
	#check .img{
		width: 256px;
		margin-top: 30px;
	}
	#check .inner + .inner,
	#put .inner + .inner,
	#off .inner + .inner,
	#off .inner + .mtB{
		margin-top: 0;
	}
	#check h3{
		width: 417px;
		margin: 0 auto 16px;
	}
	#check .inner{
		padding:0;
		margin-top: 0;
	}
	#check .inner.img-btm{
		display: flex;
		flex-direction: column;
	}
	#check .inner.img-btm .img{
		margin-top: auto;
	}
	#check .inner .sub-ttl{
		width: 100%;
		max-width: 310px;
		margin: 0 auto 8px;
	}
	#put h3{
		width: 282px;
		margin: 0 auto 16px;
	}
	#put .img{
		margin-top: 16px;
		width: 256px;
	}
	#off h3{
		width: 315px;
		margin: 0 auto 16px;
	}
	#off .img{
		width: 256px;
		margin: 16px auto 0;
	}
	#off .flex-wrap .inner.mtB{
		width: 100%;
	}
	#off .flex-wrap .flex-wrap .txt-wrap,
	#off .flex-wrap .flex-wrap .c-annotation{
		flex: 1;
		margin: 0;
	}
	.juniorcontact #how {
		padding-top: 0;
    padding-bottom: 0;
    background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_jr_pc.png) no-repeat center 78px / 1440px;
    background-repeat: repeat-y;
	}
	.juniorcontact #how > .radius-box{
		margin-top: 0;
		padding: 58px 16px 44px;
	}
	.juniorcontact #before .ttl{
		margin-top: 14px;
	}
	.juniorcontact #manual{
		max-width: 944px;
		margin: 56px auto 0;
	}
}
/* --------------- care ---------------*/
.navi #care{
	padding: 19.2vw 4.2vw 10vw;
	background: url(/sites/default/files/media/intro/navi/img/step3/care_bg.png) no-repeat center top / 100%;
	margin-top:-44.6vw;
	position: relative;
}
#care .ttl{
	width: 71.2vw;
	margin: 0 auto 6.4vw;
}
#care-how > .sub-ttl{
	width: 91.4vw;
	margin: 8vw auto 0;
}
#care-how .radius-box{
	padding: 0;
	overflow: hidden;
}
#care-how .box-inner{
	padding: 6.4vw 4.26vw;
}
#care-how .radius-box .box-ttl{
	text-align: center;
	padding: 4.26vw;
	color: #fff;
	font-weight: bold;
	font-size: 3.73vw;
	line-height: 1.6;
}
#care-how .radius-box .img{
	width:65.8vw;
	margin: 2.13vw auto;
}
#care-how .radius-box .sub-ttl{
	width: 59.7vw;
	margin: 0 auto 2.2vw;
}
#care-how .radius-box .sub-ttl.mgB-large{
	margin-bottom: 5.2vw;
}
#care-how .radius-box .c-annotation{
	margin-top: 2.13vw;
}
#care-how .radius-box .normal-txt + .inner,
#care-how .radius-box .c-annotation + .inner{
	margin-top: 6.4vw;
}
#care-how .radius-box .inner + .inner{
	margin-top: 7.67vw;
}
#care .order-list{
	margin: 10.13vw 0 4.26vw;
}
#care .order-list .box{
	border-radius: 8px;
	padding: 6.4vw 4.26vw 4.26vw;
	position: relative;
}
#care .order-list .box + .box{
	margin-top: 9.7vw;
}
#care .order-list .ttl{
	width: 49.87vw;
	position: absolute;
	top: -7.7vw;
	left: 0;
}
#care .order-list .dtl{
	display: flex;
	justify-content: space-between;
}
#care .order-list .img-wrap{
	width: 20.53vw;
}
#care .order-list .txt-wrap{
	width: 49.6vw;
	font-size: 3.2vw;
	line-height: 1.5;
}
#care .order-list .txt-wrap .txt{
	color: #fff;
}
#care .order-list .txt-wrap .point{
	background-color: #fff;
	border-radius: 8px;
	padding: 1.06vw;
	text-align: center;
	color: #00555A;
	font-weight: bold;
	margin-top: 1.73vw;
}
#care .order-list .icon img{
	display: inline-block;
}
#care .order-list .icon{
	display: inline-block;
	vertical-align: middle;
	margin: -0.1vw 1vw 0 1vw;
	width: 3.2vw;
	height: auto;
}
#povidone .box-ttl{
	background-color: #00555A;
}
#povidone .box-inner{
	background-color: #E1F4D9;
	padding-bottom: 8.53vw;
}
#povidone .order-list .box{
	background-color: #369E67;
}
#mps{
	margin-top: 6.4vw;
}
#mps .box-ttl{
	background-color: #008D92;
}
#mps .box-inner{
	background-color: #E6F8FB;
	padding-bottom: 8.53vw;
}
#mps .order-list .box{
	background-color: #08A4AC;
}
@media screen and (min-width: 769px) {
	.navi #care{
		padding: 24px 16px 500px;
		background: url(/sites/default/files/media/intro/navi/img/step3/care_bg_pc.png) no-repeat center top -80px / 1440px;
		margin-top:-365px;
	}
	#care .ttl{
		width: 531px;
		margin: 0 auto 35px;
	}
	#care-how {
		width: 100%;
		max-width: 1040px;
		margin: 40px auto 0;
	}
	#care-how > .sub-ttl{
		width: 100%;
		margin: 0;
	}
	#care-how .box-inner{
		padding: 32px 16px;
	}
	#care-how .wrap-inner-752{
		max-width: 752px;
		width: 100%;
		margin: auto;
	}
	#care-how .radius-box .box-ttl{
		padding: 24px 16px;
		font-size: 1.75rem;
		line-height: 1.3;
	}
	#care-how .radius-box .img{
		width:320px;
		margin: 0;
	}
	#care-how .radius-box .sub-ttl,
	#care-how .radius-box .sub-ttl.mgB-large{
		width: 100%;
		margin: 0 0 16px;
	}
	#care-how .radius-box .c-annotation{
		margin-top: 8px;
	}
	#care-how .radius-box .normal-txt + .inner,
	#care-how .radius-box .c-annotation + .inner{
		margin-top: 32px;
	}
	#care-how .radius-box .inner + .inner{
		margin-top: 48px;
	}
	#care .order-list{
		margin: 36px 0 16px;
		display: flex;
		gap: 28px 32px;
		flex-wrap: wrap;
	}
	#care .order-list + .normal-txt{
		font-size: 0.875rem;
	}
	#care .order-list .box{
		width: calc(50% - 16px);
		padding: 56px 24px 16px;
	}
	#care .order-list .box + .box{
		margin-top: 0;
	}
	#care .order-list .ttl{
		width: 274px;
		top: -16px;
		left: 20px;
	}
	#care .order-list .dtl{
		gap: 24px;
		justify-content: flex-start;
	}
	#care .order-list .img-wrap{
		width: 90px;
	}
	#care .order-list .txt-wrap{
		width: 198px;
		font-size: 0.875rem;
		line-height: 1.6;
	}
	#care .order-list .txt-wrap .point{
		padding: 4px 16px;
		text-align: center;
		font-size: 0.875rem;
		line-height: 1.6;
		margin: 16px 0 0 0;
	}
	#care .order-list .icon{
		margin: 3px 8px 0 0;
		width: 16px;
	}
	#care .product{
		display: grid;
		grid-template-columns: auto 320px;
		grid-template-rows: auto;
		gap: 16px 24px;
	}
	#care .product .txt-wrap{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	#care .product .txt-wrap .normal-txt{
		font-size: 1.25rem;
		line-height: 1.4;
	}
	#care .product .img{
		grid-column: 2 / 3;
		grid-row: 1 / 4;
	}
	#care .product .c-annotation{
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin: 0;
	}
	#povidone .box-inner{
		padding-bottom: 40px;
	}
	#mps{
		margin-top: 24px;
	}
	#mps .box-inner{
		padding-bottom: 40px;
	}
	#mps .order-list{
		margin-bottom: 0;
	}
	.juniorcontact #care {
    margin-top: 0;
    padding: 160px 16px 90px;
    background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_care_upper_pc.jpg) no-repeat center top / 1440px, url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_care_lower_pc.jpg) no-repeat center bottom / 1440px, #fff
}
}
/* --------------- habit ---------------*/
.navi #habit{
	padding: 17.4vw 4.2vw 40vw;
	background: url(/sites/default/files/media/intro/navi/img/step3/habit_bg.jpg) no-repeat center top -9vw / 100%;
	margin-top: -8.3vw;
}
#habit .ttl{
	width: 71.7vw;
	margin: 0 auto 6.4vw;
}
#habit .habit-list{
	margin-top: 23.6vw;
}
#habit .habit-list .box{
	background: #fff;
	border: 2px solid #D4F3FF;
	padding: 0 4.26vw 4.26vw;
	border-radius: 0 0 16px 16px;
	position: relative;
}
#habit .habit-list .box::before{
	content: "";
	height: 17.8vw;
	position: absolute;
	top: -17vw;
	left:-2px;
	right: -2px;
	background: url(/sites/default/files/media/intro/common/img/step3/habit_box_bg.png) no-repeat top center / 100%;
}
#habit .habit-list .box::after{
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	height: 11.4vw;
	top: -13.8vw;
}
#habit .habit-list .box01::after{
	background-image: url(/sites/default/files/media/intro/common/img/step3/habit_icon01.png);
	width: 9.73vw;
	left: calc(50% - 4.865vw);
}
#habit .habit-list .box02::after{
	background-image: url(/sites/default/files/media/intro/common/img/step3/habit_icon02.png);
	width: 13.8vw;
	left: calc(50% - 7.9vw);
}
#habit .habit-list .box03::after{
	background-image: url(/sites/default/files/media/intro/common/img/step3/habit_icon03.png);
	width: 15.86vw;
	left: calc(50% - 7.9vw);
}
#habit .habit-list .box04::after{
	background-image: url(/sites/default/files/media/intro/common/img/step3/habit_icon04.png);
	width: 10.6vw;
	height: 13.86vw;
	left: calc(50% - 5.4vw);
	top: -15.8vw;
}
#habit .habit-list .box05::after{
	background-image: url(/sites/default/files/media/intro/common/img/step3/habit_icon05.png);
	width: 9.73vw;
	left: calc(50% - 4.865vw);
}
#habit .habit-list .box + .box{
	margin-top: 21.1vw;
}
#habit .habit-list .box .ttl{
	margin-bottom: 3.76vw;
}
@media screen and (max-width: 768px) {
	.juniorcontact #habit {
		position: relative;
		margin-top: -1px;
		z-index: 9;
		padding: 19.3vw 4.26vw 12vw;
		background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_habit.png) no-repeat center top / 87%;
	}
}
@media screen and (min-width: 769px) {
	.navi #habit{
		padding: 80px 16px 500px;
		background: url(/sites/default/files/media/intro/navi/img/step3/habit_bg_pc.jpg) no-repeat center top 0 / 100%;
		margin-top: -418px;
		position: relative;
	}
	#habit .ttl{
		width: 550px;
		margin: 0 auto 40px;
	}
	#habit .habit-list{
		margin-top: 90px;
		display: flex;
		flex-wrap: wrap;
		gap: 80px 32px;
	}
	#habit .habit-list .box{
		padding: 14px 38px 24px;
		width: calc(50% - 16px);
	}
	#habit .habit-list .box::before{
		height: 78px;
		top: -72px;
		left: -2px;
		right: -2px;
		background-position: center bottom;
	}
	#habit .habit-list .box::after{
		content: "";
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		height: 48px;
		top: -44px;
	}
	#habit .habit-list .box01::after{
		width: 42px;
		left: calc(50% - 19px);
	}
	#habit .habit-list .box02::after{
		width: 58px;
		left: calc(50% - 32px);
	}
	#habit .habit-list .box03::after{
		width: 60px;
		left: calc(50% - 30px);
	}
	#habit .habit-list .box04::after{
		width: 42px;
		height: 54px;
		left: calc(50% - 21px);
		top: -45px;
	}
	#habit .habit-list .box05::after{
		width: 41px;
		left: calc(50% - 21px);
	}
	#habit .habit-list .box + .box{
		margin-top: 0;
	}
	#habit .habit-list .box .ttl{
		margin: 0 auto 6px;
		max-width: 312px;
		width: 100%;
	}
	#habit .habit-list .box03 .ttl{
		margin: 2px auto 6px;
	}
	#habit .habit-list .box04 .ttl{
		margin: 5px auto 12px;
		max-width: 318px;
		width: 100%;
	}
	.juniorcontact #habit {
    margin-top: 0;
    padding: 80px 16px 60px;
    background: #FFFAE0 url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_habit_pc.png) no-repeat center top 6px / 853px;
	}
}

/* --------------- attention ---------------*/
.juniorcontact #attention {
	padding: 24.2vw 4.2vw 0;
	background: #fff url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_attention.jpg) no-repeat center top / 100%;
}
.juniorcontact #attention .ttl {
	width: 71vw;
	margin: 0 auto 6.4vw;
}
.juniorcontact #attention .wrap-inner-704 > .normal-txt {
	font-size: 4.26vw;
}
.juniorcontact #attention .attention-list {
	margin-top: 6.8vw;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw 0;
}
.juniorcontact #attention .attention-list .box {
	padding: 4vw;
	width: 100%;
	border-radius: 16px;
	background: #DDF7F7 url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_x.png) no-repeat right 16px top 16px / 80px;
}
.juniorcontact #attention .attention-list .box .ttl {
	width: 100%;
	margin: 0 auto 2.8vw;
}

@media screen and (min-width: 769px) {
	.juniorcontact #attention {
		overflow: hidden;
		padding: 100px 16px 80px;
		background: #fff url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_attention_pc.jpg) no-repeat center top / 1440px;
	}
	.juniorcontact #attention .wrap-inner-704 > .normal-txt{
		font-size: 1rem;
	}
  .juniorcontact #attention .ttl {
    width: 454px;
    margin: 0 auto 30px;
  }
  .juniorcontact #attention .attention-list .box .ttl {
    width: 336px;
    margin: 0 auto 15px;
  }
  .juniorcontact #attention .attention-list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 32px;
  }
  .juniorcontact #attention .attention-list .box {
    padding: 24px 30px;
    width: calc(50% - 16px);
    border-radius: 16px;
  }
}
/* --------------- checkup  ---------------*/

.juniorcontact #checkup {
	padding: 14.7vw 4.2vw 28vw;
	position: relative;
	background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_checkup.png) no-repeat left 4.7vw bottom 4vw / 94vw
}
.juniorcontact #checkup .ttl{
	width: 84.6vw;
	margin: 0 auto 6.6vw;
}
.juniorcontact #checkup p + p{
	margin-top: 3.66vw;
}
@media screen and (min-width: 769px) {
	.juniorcontact #checkup {
		padding: 0 16px 80px;
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_checkup_pc.png) no-repeat center bottom / 801px;
	}
  .juniorcontact #checkup .ttl {
    width: 650px;
    margin: 0 auto 40px;
  }
	.juniorcontact #checkup p + p{
		margin-top: 16px;
	}
}
/* --------------- after-service ---------------*/
.navi #after-service{
	background: url(/sites/default/files/media/intro/common/img/step3/service_bg.png) no-repeat center top / 100%;
	margin-top: -27.3vw;
	padding: 4.7vw 4.2vw 0;
}
#after-service .wrap-inner-832{
	margin-bottom: 22.9vw;
}
#after-service .ttl{
	width: 82.6vw;
	margin: 0 auto 0 2.8vw;
}
#after-service .radius-box{
	padding-bottom: 4.26vw;
	margin-bottom: 2.13vw;
}
#after-service .sub-ttl{
	width: 74.4vw;
	margin: 0 auto 4.26vw;
}
#after-service .img{
	width: 74.4vw;
	margin: 0 auto 2.13vw;
}
#after-service .c-annotation{
	margin-left: 4.26vw;
}
#after-service .c-annotation .c-text-link--line{
	color: #fff;
}
@media screen and (max-width: 768px) {
	.juniorcontact #after-service {
		margin-top: 0;
		padding: 14.6vw 16px 1vw;
		background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_service.png) no-repeat center top / 100%;
	}
	.juniorcontact #after-service .radius-box{
		width: 82.93vw;
		margin: 0 auto 6.4vw;
	}
	.juniorcontact #after-service .wrap-inner-832{
		margin-bottom: 16.4vw;
	}
	.juniorcontact #after-service .ttl{
		width: 82.7vw;
		margin: 0 auto 0 2.7vw;
	}
}
@media screen and (min-width: 769px) {
	.navi #after-service{
		background: url(/sites/default/files/media/intro/common/img/step3/service_bg_pc.png) no-repeat center top / 1440px;
		margin-top: -420px;
		padding: 56px 16px 80px;
		position: relative;
	}
	#after-service .wrap-inner-832{
		margin-bottom: 40px;
	}
	#after-service .ttl{
		width: 634px;
		margin: 0 auto 0 60px;
	}
	#after-service .radius-box{
		padding: 40px 48px 32px;
		margin-bottom: 20px;
	}
	#after-service .sub-ttl{
		width: 585px;
		margin: 0 auto 30px;
	}
	#after-service .flex-wrap{
		display: flex;
		gap: 32px;
	}
	#after-service .img{
		width: 311px;
		min-width: 311px;
		margin: 0;
	}
	.navi #after-service .c-annotation{
		display: flex;
		justify-content: center;
		margin: 0;
	}
	#after-service .c-annotation .c-text-link--line{
		color: #007AC9;
	}
	.juniorcontact #after-service {
    margin-top: 0;
    padding: 55px 16px 60px;
    background: url(/sites/default/files/media/intro/juniorcontact_navi/img/step3/bg_service_pc.png) no-repeat center top / 1440px;
		margin-bottom: 35px;
	}
	.juniorcontact #after-service .c-annotation{
		margin-left: 0;
	}
}
@media screen and (min-width: 1441px) {
	.navi #how,
	.navi #care,
	.juniorcontact #care,
	.juniorcontact #attention,
	.navi #after-service{
		background-size: 100%;
	}
	.juniorcontact #after-service {
		background-size: 100% 100%;
	}
}