@charset "utf-8";

/* 妊娠・出産を考えているご夫婦（カップル）へ
------------------------------------------------------------*/
.couple_box{
	max-width: 1705px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 100px;
}
.couple_box::before{
	content: '';
	width: 400px;
	aspect-ratio: 4 / 5;
	background: url("../images/pre_check/pre_check_img02.webp") no-repeat center / contain;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.couple_box .bg_text span{padding: 5px 40px 10px;}
.couple_box .img_box_r > img{margin-left: 130px;}
.check_li .fs16{font-size: clamp(15px, 1.1vw, 16px)!important;}
.impl_day dd{
	width: calc(100% - 140px);
	padding-left: 25px;
}
.consul_day_li > li{
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 8px;
}
.consul_day_li > li:not(:last-child){margin-bottom: 10px;}
.consul_day_li > li p{
	position: relative;
	padding-left: 55px;
}
.consul_day_li > li p::before{
	content: '';
	width: 38px;
	aspect-ratio: 19 / 21;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.consul_day_li > li:first-child p::before{background: url("../images/pre_check/woman_icon.webp") no-repeat center / contain;}
.consul_day_li > li:nth-child(2) p::before{background: url("../images/pre_check/men_icon.webp") no-repeat center / contain;}
.bring_box{margin-top: 45px;}
.bring_box > li{
	background-color: #fff;
	padding: 30px 30px 40px;
	border-radius: 8px;
}
.bring_box > li > ul li:not(:last-child){margin-right: 25px;}

/* 健診の流れ
------------------------------------------------------------*/
.br_square{
	max-width: 1035px;
	width: 100%;
	margin: 0 auto;
}
.br_square > li{width: 23%;}

/* 検査結果
------------------------------------------------------------*/
.result_box{
	position: relative;
	padding: 30px 0 140px;
}
.result_con{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
}
.result_img > figure{
	position: absolute;
	z-index: -1;
}
.result_img > figure:first-child,.result_img > figure:nth-child(3){top: 0;}
.result_img > figure:nth-child(2),.result_img > figure:nth-child(4){bottom: 0;}
.result_img > figure:first-child,.result_img > figure:nth-child(2){left: 0;}
.result_img > figure:nth-child(3),.result_img > figure:nth-child(4){right: 0;}
.result_img > figure:first-child img,.result_img > figure:nth-child(2) img{border-radius: 0 8px 8px 0;}
.result_img > figure:nth-child(3) img,.result_img > figure:nth-child(4) img{border-radius: 8px 0 0 8px;}
.result_img > figure:first-child,.result_img > figure:nth-child(4){width: clamp(120px, 14vw, 270px);}
.result_img > figure:nth-child(2),.result_img > figure:nth-child(3){width: clamp(250px, 25vw, 415px);}

/* 検査内容と費用
------------------------------------------------------------*/
.sticky_title h3.woman_icon::before,.sticky_title h3.men_icon::before{
	width: 57px;
	aspect-ratio: 19 / 21;
}
.sticky_title h3.woman_icon::before{background: url("../images/pre_check/woman_icon.webp") no-repeat center / contain;}
.sticky_title h3.men_icon::before{background: url("../images/pre_check/men_icon.webp") no-repeat center / contain;}
.breakdown_li{padding: 40px;}
.fee_dl > div:not(:last-child){
	border-bottom: 1px #b484bc dashed;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.fee_dl > div,.flex_fee > li{
	display: flex;
	align-items: center;
}
.fee_dl > div dd{text-align: right;}
.fee_dl > div dd,.flex_fee{margin: 0 0 0 auto;}
.flex_fee > li p.bgb_dark{
	width: 200px;
	border-radius: 4px;
	padding: 5px 0 8px;
	text-align: center;
}
.flex_fee > li p.fs20{
	width: calc(100% - 200px);
	padding-left: 20px;
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 妊娠・出産を考えているご夫婦（カップル）へ
	--------------------------------------*/
	.couple_box{padding-bottom: 0;}
	.couple_box::before{width: 280px;}
	.couple_box .bg_text.mb50{margin-bottom: 30px!important;}
	.couple_box .bg_text span{padding: 5px 25px 10px;}
	.couple_box .img_box_r > img{
		width: 300px;
		margin-left: 60px;
	}
	.check_li .fs16{font-size: 13px!important;}	
	.impl_day dd{
		width: calc(100% - 100px);
		padding-left: 15px;
	}
	.consul_day_li > li{
		padding: 25px 20px;
		border-radius: 5px;
	}
	.bring_box{margin-top: 30px;}
	.bring_box > li{
		padding: 20px 20px 30px;
		border-radius: 5px;
	}
	.bring_box > li > ul li:not(:last-child){margin-right: 20px;}
	
	/* 検査結果
	--------------------------------------*/
	.result_box{padding: 20px 0 60px;}
	.result_con{max-width: 600px;}
	.result_img > figure:first-child img,.result_img > figure:nth-child(2) img{border-radius: 0 5px 5px 0;}
	.result_img > figure:nth-child(3) img,.result_img > figure:nth-child(4) img{border-radius: 5px 0 0 5px;}
	.result_img > figure:first-child,.result_img > figure:nth-child(4){width: 100px;}
	.result_img > figure:nth-child(2),.result_img > figure:nth-child(3){width: 200px;}
	
	/* 検査内容と費用
	--------------------------------------*/
	.sticky_title h3.woman_icon::before,.sticky_title h3.men_icon::before{width: 40px;}
	.breakdown_li{padding: 25px 20px 25px 15px;}
	.breakdown_li > li:not(:last-child){margin-bottom: 10px;}
	.breakdown_li.c2 > li{width: 100%;}
	.fee_dl > div:not(:last-child){
		padding-bottom: 35px;
		margin-bottom: 35px;
	}
	.flex_fee > li p.bgb_dark{width: 150px;}
	.flex_fee > li p.fs20{
		width: calc(100% - 150px);
		padding-left: 15px;
	}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 妊娠・出産を考えているご夫婦（カップル）へ
	--------------------------------------*/
	.couple_box .img_box_r > img{
		width: 240px;
		margin: 0 auto 35px;
	}
	.couple_box::before{
		width: 280px;
		bottom: inherit;
		top: 100px;
	}
	.bring_box > li:not(:last-child){margin-bottom: 20px;}
	.bring_box .fs18.mb20{margin-bottom: 20px!important;}
	
	/* 健診の流れ
	--------------------------------------*/
	.br_square{max-width: 400px;}
	.br_square > li{width: 48%;}
	.br_square > li:not(:nth-last-child(-n+2)){margin-bottom: 20px;}
	
	/* 検査結果
	--------------------------------------*/
	.result_con{max-width: 450px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* 妊娠・出産を考えているご夫婦（カップル）へ
	--------------------------------------*/
	.couple_box::before{
		width: 180px;
		top: 180px;
	}
	.impl_day.mb30{margin-bottom: 25px!important;}
	.impl_day dt{margin-bottom: 10px;}
	.impl_day dd{
		width: 100%;
		padding-left: 0;
	}
	
	.bring_box > li > ul li{width: 100%;}
	.bring_box > li > ul li:not(:last-child){margin: 0 0 20px 0;}
	.consul_day_li > li{padding-top: 20px;}
	.consul_day_li > li p{padding-left: 0;}
	.consul_day_li > li p::before{
		position: static;
		display: block;
		transform: none;
		margin: 0 auto 10px;
	}
	
	/* 検査結果
	--------------------------------------*/
	.result_box{padding: 110px 0 80px;}
	.result_img > figure:first-child,.result_img > figure:nth-child(4){width: 80px;}
	.result_img > figure:nth-child(2),.result_img > figure:nth-child(3){width: 150px;}
	.result_img > figure:nth-child(3){top: 8%;}
	.result_img > figure:nth-child(4){bottom: 8%;}
	
	/* 検査内容と費用
	--------------------------------------*/
	.fee_dl > div,.flex_fee > li{flex-wrap: wrap;}
	.fee_dl > div dt,.fee_dl > div dd{width: 100%;}
	.fee_dl > div dt{
		margin-bottom: 10px;
		font-family: 'ZenKakuGothicNew-Medium';
		font-weight: 500;
	}
	.fee_dl > div dd{text-align: inherit;}
	.flex_fee > li p.fs20{
		width: 100%;
		padding-left: 0;
		margin-top: 8px;
	}

}