@charset "utf-8";

/* ページ内リンク
------------------------------------------------------------*/
.br_square_link > li{width: 19%;}

/* コンテンツ
------------------------------------------------------------*/
.ivf_box > div{
	background-color: #f7f3f2;
	padding: 80px 50px 120px;
	border-radius: 30px;
	scroll-margin-top: 95px;
}
.ivf_box > div:not(:last-child){margin-bottom: 80px;}
.ivf_box > div > div{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}
.title_icon{
	display: flex;
	align-items: center;
	border-bottom: 1px #2d2924 solid;
	padding-bottom: 30px;
	margin-bottom: 45px;
}
.title_icon::before{
	content: '';
	width: 85px;
	aspect-ratio: 1 / 1;
	margin-right: 25px;
}
#fph .title_icon::before{background: url("../images/art-ochi_ivf/title_icon01.webp") no-repeat center / contain;}
#er .title_icon::before{background: url("../images/art-ochi_ivf/title_icon02.webp") no-repeat center / contain;}
#fert .title_icon::before{background: url("../images/art-ochi_ivf/title_icon03.webp") no-repeat center / contain;}
#et .title_icon::before{background: url("../images/art-ochi_ivf/title_icon04.webp") no-repeat center / contain;}
#transfer .title_icon::before{background: url("../images/art-ochi_ivf/title_icon05.webp") no-repeat center / contain;}
.title_icon h2{margin-bottom: 8px;}
.title_icon p{letter-spacing: 0.1rem;}

/* 共通
----------------------------------------------*/
.img_box_l > img{margin-right: 90px; border-radius: 8px;/*追加*/}
.img_box_r > img{margin-left: 90px; border-radius: 8px;/*追加*/}

/* 卵胞期の管理
----------------------------------------------*/
.variations_box ol{
	border-top: 2px #eae3dc solid;
	border-bottom: 2px #eae3dc solid;
	padding: 50px 0;
}
.variations_box ol > li{
	list-style: none;
	position: relative;
	padding-left: 35px;
}
.variations_box ol > li:not(:last-child){margin-bottom: 25px;}
.variations_box ol > li::before{
	content: '';
	width: 25px;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 0;
	left: 0;
}
.variations_box ol > li:first-child::before{background: url("../images/art-ochi_ivf/num01.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(2)::before{background: url("../images/art-ochi_ivf/num02.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(3)::before{background: url("../images/art-ochi_ivf/num03.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(4)::before{background: url("../images/art-ochi_ivf/num04.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(5)::before{background: url("../images/art-ochi_ivf/num05.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(6)::before{background: url("../images/art-ochi_ivf/num06.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(7)::before{background: url("../images/art-ochi_ivf/num07.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(8)::before{background: url("../images/art-ochi_ivf/num08.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(9)::before{background: url("../images/art-ochi_ivf/num09.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(10)::before{background: url("../images/art-ochi_ivf/num10.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(11)::before{background: url("../images/art-ochi_ivf/num11.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(12)::before{background: url("../images/art-ochi_ivf/num12.webp") no-repeat center / contain;}
.variations_box ol > li:nth-child(13)::before{background: url("../images/art-ochi_ivf/num13.webp") no-repeat center / contain;}

/* 受精・培養
----------------------------------------------*/
.fert_li > li{width: 23%;}
.fert_li img,.et_li img{
	display: block;
	width: 100%;
	margin: 0 auto 20px;
    border-radius: 8px;/*追加*/
}

/* 胚移植・凍結保存
----------------------------------------------*/
.et_li > li{width: 30%;}
.et_li > li:not(:last-child){margin-right: 3.5%;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* ページ内リンク
	--------------------------------------*/
	.br_square_link{
		max-width: 680px;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
	}
	.br_square_link > li{
		width: 30%;
		margin: 0 1.5%;
	}
	.br_square_link > li:not(:nth-last-child(-n+2)){margin-bottom: 30px;}
	
	/* コンテンツ
	--------------------------------------*/
	.ivf_box > div{
		padding: 40px 35px 70px;
		border-radius: 20px;
		scroll-margin-top: 50px;
	}
	.ivf_box > div:not(:last-child){margin-bottom: 50px;}
	.title_icon{
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.title_icon::before{
		width: 55px;
		margin-right: 15px;
	}
	.title_icon p{font-size: 12px;}

	/* 共通
	-------------------------------*/
	.img_box_l > img{margin-right: 40px;}
	.img_box_r > img{margin-left: 40px;}

	/* 卵胞期の管理
	-------------------------------*/
	.variations_box.img_box_l > img{width: 400px;}
	.variations_box ol{padding: 35px 0;}
	.variations_box ol > li{padding-left: 25px;}
	.variations_box ol > li:not(:last-child){margin-bottom: 20px;}
	.variations_box ol > li::before{width: 19px;}

	/* 採卵・採精
	-------------------------------*/
	#er .img_box_r > img{width: 300px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* コンテンツ
	--------------------------------------*/
	/* 共通
	-------------------------------*/
	.img_box_l > img,.img_box_r > img{margin: 0 auto 30px;}
	
	/* 受精・培養
	-------------------------------*/
	.fert_li > li,.et_li > li{width: 48%;}
	.fert_li > li:not(:nth-last-child(-n+2)){margin-bottom: 30px;}
	
	/* 胚移植・凍結保存
	-------------------------------*/
	.et_li.flex_start{justify-content: space-between;}
	.et_li > li:not(:last-child){margin-right: 0;}

}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* ページ内リンク
	--------------------------------------*/
	.br_square_link{justify-content: space-between;}
	.br_square_link > li{
		width: 48%;
		margin: 0;
	}
	.br_square_link > li:not(:last-child){margin-bottom: 30px;}
	
	/* コンテンツ
	--------------------------------------*/
	.ivf_box.inner_box02{width: 100%;}
	.ivf_box > div{padding: 40px 0 60px;}
	.ivf_box > div > div{width: 90%;}
	
	/* 受精・培養 / 胚移植・凍結保存
	-------------------------------*/
	.fert_li > li,.et_li > li{width: 100%;}
	.fert_li > li:not(:last-child),.et_li > li:not(:last-child){margin-bottom: 35px;}

}