@charset "UTF-8";
/* ----------------------------------------
		スマートフォン
----------------------------------------- */

/* common
-----------------------------------------------------------------*/
.pc-mode-01 {
    display: none !important;
}
.pc-mode-02 {
    display: none !important;
}
.pc-mode-03 {
    display: none !important;
}
.pc-mode-05 {
    display: none !important;
}
.sp-mode-01 {
    display: block !important;
}
.sp-mode-02 {
    display: inline !important;
}
.sp-mode-03 {
    display: inline-block !important;
}
.sp-mode-04 {
    display: table !important;
}
.sp-mode-05 {
    display: flex !important;
}
/* フォーマット設定*/
.inner {
    /* width: 90%; */
    width: 94.792vw;
    margin: 0 auto;
}
/* ボタン向け少し小さいinner */
.inner-02{
    width: 89.583vw;
    margin: 0 auto;
}
.inner-03 {
    width: 84.375vw;
    margin: 0 auto;
}
.toolBox01 {
    background-color: #faae5c;
    /* padding: 3% 0; */
}
.ul_function01.type01 li.print01>a{
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 18 18' viewBox='0 0 18 18'%3E%3Cpath d='M15 5H3C1.3 5 0 6.3 0 8v6h3v4h12v-4h3V8c0-1.7-1.3-3-3-3zm-2 11H5v-5h8v5zm2-7c-.5 0-1-.4-1-1s.5-1 1-1 1 .4 1 1-.5 1-1 1zm0-9H3v4h12V0z' style='fill:%23000'/%3E%3C/svg%3E");
}


/* ボタン (SP) 
-----------------------------------------------------------------*/
/*角丸枠線　基本ver*/
.btn-01 a ,
.btn-01 .dlog-btn-01{
    color: #c94f00;
    font-size: 4.167vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
    border-radius: 999px;
    border: 0.521vw solid #c94f00;
    box-shadow: 0.911vw 0.911vw 0px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    display: block;
    width: 100%;
    max-width: 80.729vw;
    height: 13.021vw;
    margin: 0 auto;
}
.btn-01 a span,
.btn-01 .dlog-btn-01 span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}
.btn-01 a svg ,
.btn-01 .dlog-btn-01 svg{
    fill: currentColor;
    display: block;
    width: 2.083vw;
    height: 2.604vw;
    position: absolute;
    right: 5.208vw;
    top: 50%;
    transform: translateY(-50%);
}
/*角丸塗りつぶしver*/
.btn-fill a,
button.btn-01 span{
    color: #fff;
    background-color: #c94f00;
}
/*角丸枠線 btn-pk*/
.btn-pk a{
    color: #b13037;
    border-color: #b13037;
}
/*角丸枠線 btn-yl*/
.btn-yl a{
    color: #8c730e;
    border-color: #8c730e;
}
/*角丸枠線 btn-yl*/
.btnorl a{
    color: #c94f00;
    border-color: #c94f00;
}
/*角丸枠線 ダウンロードver*/
.btn-dl a svg{
    width: 4.818vw;
    height: 4.557vw;
    right: 3.646vw;
}
/*角丸枠線 横並びver*/
.btn-cnt{
    width: 80.729vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 0 1.693vw;
}
.btn-cnt .btn-01{
    width: calc((100% - 1.693vw) / 2);
}
.btn-cnt a{
    font-size: 3.646vw;
    width: 100%;
}
/*角丸枠線 アイコン横並びver*/
.btn-icn a span{
    display: flex;
    align-items: center;
}
.btn-icn a .svg-cart{
    width: 6.25vw;
    height: 5.599vw;
    position: static;
    transform: none;
    margin-right: 3.255vw;
    margin-top: -0.5vw;
}
.btn-icn a .svg-store{
    width: 5.469vw;
    height: 5.469vw;
    position: static;
    transform: none;
    margin-right: 3.255vw;
    margin-top: -0.5vw;
}
.btn-icn a .svg-open{
    width: 3.906vw;
    height: 3.906vw;
}
/* バナー内 丸背景白矢印 */
.svg-rt{
    width: 6.51vw;
    height: 6.51vw;
    display: block;
    background-color: #ad6518;
    border-radius: 50%;
    position: absolute;
    right: 3.906vw;
    bottom: 2.604vw;
}
.svg-rt svg{
    fill: #fff;
    width: 2.083vw;
    height: 2.604vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-39%, -50%);
}
.cor-04 .svg-rt{
    background-color: #ad6518;
}
.cor-05 .svg-rt{
    background-color: #a72f39;
}
.cor-06 .svg-rt{
    background-color: #b55d31;
}
.cor-07 .svg-rt{
    background-color: #598230;
}
.cor-08 .svg-rt{
    background-color: #8c730e;
}
.cor-010 .svg-rt{
    background-color: #ce3961;
}

/* タイトル (SP) 
-----------------------------------------------------------------*/
.ttl-01{
    color: #555;
    font-size: 7.031vw;
    letter-spacing: 0.352vw;
    font-weight: bold;
    text-align: center;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQ2cHgiIGhlaWdodD0iMjBweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ2LCAyMTksIDc3KSIgZD0iTTEzOS4zMjMsMTkuOTk5IEMxMzYuMDM0LDE5Ljk5OSAxMzMuMzY4LDE3LjMzNiAxMzMuMzY4LDE0LjA1MCBDMTMzLjM2OCwxMC43NjQgMTM2LjAzNCw4LjEwMSAxMzkuMzIzLDguMTAxIEMxNDIuNjEyLDguMTAxIDE0NS4yNzgsMTAuNzY0IDE0NS4yNzgsMTQuMDUwIEMxNDUuMjc4LDE3LjMzNiAxNDIuNjEyLDE5Ljk5OSAxMzkuMzIzLDE5Ljk5OSBaTTEyNy4wMTUsMTkuMjg5IEMxMjUuMjc1LDE5LjI4OSAxMjMuODY2LDE3Ljg4MiAxMjMuODY2LDE2LjE0NSBDMTIzLjg2NiwxNC40MDYgMTI1LjI3NSwxMi45OTkgMTI3LjAxNSwxMi45OTkgQzEyOC43NTQsMTIuOTk5IDEzMC4xNjMsMTQuNDA2IDEzMC4xNjMsMTYuMTQ1IEMxMzAuMTYzLDE3Ljg4MiAxMjguNzU0LDE5LjI4OSAxMjcuMDE1LDE5LjI4OSBaTTExNi4wODMsMTguNjA5IEMxMTQuMzQ0LDE4LjYwOSAxMTIuOTM0LDE3LjIwMSAxMTIuOTM0LDE1LjQ2MyBDMTEyLjkzNCwxMy43MjYgMTE0LjM0NCwxMi4zMTcgMTE2LjA4MywxMi4zMTcgQzExNy44MjIsMTIuMzE3IDExOS4yMzIsMTMuNzI2IDExOS4yMzIsMTUuNDYzIEMxMTkuMjMyLDE3LjIwMSAxMTcuODIyLDE4LjYwOSAxMTYuMDgzLDE4LjYwOSBaTTEwMy4wOTAsMTUuMTkzIEMxMDAuMTM4LDE1LjE5MyA5Ny43NDUsMTIuODAxIDk3Ljc0NSw5Ljg1MiBDOTcuNzQ1LDYuOTAzIDEwMC4xMzgsNC41MTIgMTAzLjA5MCw0LjUxMiBDMTA2LjA0Miw0LjUxMiAxMDguNDM1LDYuOTAzIDEwOC40MzUsOS44NTIgQzEwOC40MzUsMTIuODAxIDEwNi4wNDIsMTUuMTkzIDEwMy4wOTAsMTUuMTkzIFpNOTAuMTY1LDkuMTk3IEM4Ny43NTAsOS4xOTcgODUuNzkyLDcuMjQyIDg1Ljc5Miw0LjgyOSBDODUuNzkyLDIuNDE1IDg3Ljc1MCwwLjQ2MCA5MC4xNjUsMC40NjAgQzkyLjU4MSwwLjQ2MCA5NC41MzksMi40MTUgOTQuNTM5LDQuODI5IEM5NC41MzksNy4yNDIgOTIuNTgxLDkuMTk3IDkwLjE2NSw5LjE5NyBaTTc3LjEzNiw3Ljk3NCBDNzUuMzk3LDcuOTc0IDczLjk4Nyw2LjU2NiA3My45ODcsNC44MjkgQzczLjk4NywzLjA5MSA3NS4zOTcsMS42ODMgNzcuMTM2LDEuNjgzIEM3OC44NzUsMS42ODMgODAuMjg1LDMuMDkxIDgwLjI4NSw0LjgyOSBDODAuMjg1LDYuNTY2IDc4Ljg3NSw3Ljk3NCA3Ny4xMzYsNy45NzQgWk02NC41NzUsMTIuODI2IEM2Mi4xNTksMTIuODI2IDYwLjIwMSwxMC44NzEgNjAuMjAxLDguNDU4IEM2MC4yMDEsNi4wNDQgNjIuMTU5LDQuMDg5IDY0LjU3NSw0LjA4OSBDNjYuOTkwLDQuMDg5IDY4Ljk0OCw2LjA0NCA2OC45NDgsOC40NTggQzY4Ljk0OCwxMC44NzEgNjYuOTkwLDEyLjgyNiA2NC41NzUsMTIuODI2IFpNNTQuMjI4LDE2LjE0NSBDNTIuNDg5LDE2LjE0NSA1MS4wNzksMTQuNzM2IDUxLjA3OSwxMi45OTkgQzUxLjA3OSwxMS4yNjAgNTIuNDg5LDkuODUyIDU0LjIyOCw5Ljg1MiBDNTUuOTY3LDkuODUyIDU3LjM3NywxMS4yNjAgNTcuMzc3LDEyLjk5OSBDNTcuMzc3LDE0LjczNiA1NS45NjcsMTYuMTQ1IDU0LjIyOCwxNi4xNDUgWk00Mi4zMDAsMTkuOTk5IEMzOS4wMTEsMTkuOTk5IDM2LjM0NSwxNy4zMzYgMzYuMzQ1LDE0LjA1MCBDMzYuMzQ1LDEwLjc2NCAzOS4wMTEsOC4xMDEgNDIuMzAwLDguMTAxIEM0NS41ODksOC4xMDEgNDguMjU1LDEwLjc2NCA0OC4yNTUsMTQuMDUwIEM0OC4yNTUsMTcuMzM2IDQ1LjU4OSwxOS45OTkgNDIuMzAwLDE5Ljk5OSBaTTI5Ljk5MiwxOS4yODkgQzI4LjI1MywxOS4yODkgMjYuODQzLDE3Ljg4MiAyNi44NDMsMTYuMTQ1IEMyNi44NDMsMTQuNDA2IDI4LjI1MywxMi45OTkgMjkuOTkyLDEyLjk5OSBDMzEuNzMxLDEyLjk5OSAzMy4xNDAsMTQuNDA2IDMzLjE0MCwxNi4xNDUgQzMzLjE0MCwxNy44ODIgMzEuNzMxLDE5LjI4OSAyOS45OTIsMTkuMjg5IFpNMTkuMDYwLDE4LjYwOSBDMTcuMzIxLDE4LjYwOSAxNS45MTEsMTcuMjAxIDE1LjkxMSwxNS40NjMgQzE1LjkxMSwxMy43MjYgMTcuMzIxLDEyLjMxNyAxOS4wNjAsMTIuMzE3IEMyMC43OTksMTIuMzE3IDIyLjIwOSwxMy43MjYgMjIuMjA5LDE1LjQ2MyBDMjIuMjA5LDE3LjIwMSAyMC43OTksMTguNjA5IDE5LjA2MCwxOC42MDkgWk02LjA2NywxNS4xOTMgQzMuMTE1LDE1LjE5MyAwLjcyMiwxMi44MDEgMC43MjIsOS44NTIgQzAuNzIyLDYuOTAzIDMuMTE1LDQuNTEyIDYuMDY3LDQuNTEyIEM5LjAxOSw0LjUxMiAxMS40MTIsNi45MDMgMTEuNDEyLDkuODUyIEMxMS40MTIsMTIuODAxIDkuMDE5LDE1LjE5MyA2LjA2NywxNS4xOTMgWiIvPjwvc3ZnPg==") no-repeat bottom center / 19.01vw;
    padding-bottom: 4.036vw;
    margin-bottom: 13.021vw;
}
.ttl-02{
    color: #555;
    font-size: 5.469vw;
    font-weight: bold;
    line-height: 1.5;
}
.ttl-03{
    background: #fefabd;
    color: #555;
    text-align: center;
    font-size: 8.334vw;
    font-weight: bold;
    line-height: 0.75;
    letter-spacing: 0.417vw;
    padding: 14.714vw 0 10.678vw;
}

/* テキスト (SP) 
-----------------------------------------------------------------*/
.txt-01{
    font-size: 3.646vw;
    line-height: 2;
    letter-spacing: 0.182vw;
    text-align: left;
    color: #555;
    margin-bottom: 9.375vw;
}
.txt-02{
    color: #c95100;
    font-size: 4.167vw;
    font-weight: bold;
    line-height: 2;
}
.reg{
    font-size: 60%;
    vertical-align: top;
}

/* ストライプの枠線 (SP) 
-----------------------------------------------------------------*/
/* ベース */
.stripe{
    display: block;
    background: repeating-linear-gradient(-45deg,
                #f6db4d 0 0.326vw,
                #fff 0.326vw 0.586vw);
    padding: 1.302vw;
    border-radius: 6.51vw;
    box-sizing: border-box;
}
.stripe > .stripe-cnt{
    background: #fefbeb;
    border-radius: 5.469vw;
    overflow: hidden;
    position: relative;
}
/* 以下、バリエーション */
/* 排卵日予測検査薬 */
.stripe.cor-01{
    background: repeating-linear-gradient(-45deg,
            #f6db4d 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-01>.stripe-cnt {
    background: #fefbeb;
}
/* 妊娠検査薬 */
.stripe.cor-02 {
    background: repeating-linear-gradient(-45deg,
            #f98bd2 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-02>.stripe-cnt {
    background: #fff8fc;
}
/* 運動精子濃度テストキット */
.stripe.cor-03 {
    background: repeating-linear-gradient(-45deg,
            #8ad7ed 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-03>.stripe-cnt {
    background: #f4fbfd;
}
/* はじめてガイド */
.stripe.cor-04 {
    background: repeating-linear-gradient(-45deg,
            #ffdcb7 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-04>.stripe-cnt {
    background: #fff;
}
/* からだナビ */
.stripe.cor-05 {
    background: repeating-linear-gradient(-45deg,
            #f6d9dd 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-05>.stripe-cnt {
    background: #fff;
}
/* 妊活白書 */
.stripe.cor-06 {
    background: repeating-linear-gradient(-45deg,
            #fce0d2 0 0.326vw,
            #fff 0.326vw 0.586vw);
    padding: 0.651vw;
}
.stripe.cor-06>.stripe-cnt {
    background: #fff;
}
/* 用語集 */
.stripe.cor-07 {
    background: repeating-linear-gradient(-45deg,
            #e0e8d8 0 0.326vw,
            #fff 0.326vw 0.586vw);
    padding: 0.651vw;
}
.stripe.cor-07>.stripe-cnt {
    background: #fff;
}
/* インスタグラム */
.stripe.cor-08 {
    background: repeating-linear-gradient(-45deg,
            #fdf1be 0 0.326vw,
            #fff 0.326vw 0.586vw);
    padding: 0.651vw;
}
.stripe.cor-08>.stripe-cnt {
    background: #fff;
}
/* フェムケア */
.stripe.cor-09 {
    background: repeating-linear-gradient(-45deg,
            #4370b1 0 0.326vw,
            #fff 0.326vw 0.586vw);
    padding: 0.651vw;
}
.stripe.cor-09>.stripe-cnt {
    background: #fff;
}
/* セルアライブ */
.stripe.cor-10 {
    background: repeating-linear-gradient(-45deg,
            #ce3961 0 0.326vw,
            #fff 0.326vw 0.586vw);
}
.stripe.cor-10>.stripe-cnt {
    background: #fff6f5;
}

/* 商品ラインナップ (SP) 
-----------------------------------------------------------------*/
.section-lineup .stripe-cnt{
    padding-bottom: 11.719vw;
}
.section-lineup .stripe + .stripe{
    margin-top: 19.531vw;
}
.section-lineup .lineup-title{
    display: block;
    padding: 8.333vw 0 6.12vw;
    background-color: #fefabd;
    color: #555;
    font-size: 5.99vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.37;
    letter-spacing: 0.299vw;
}
.section-lineup .lineup-img{
    display: block;
    margin: 13.021vw auto 1.302vw;
}
.section-lineup .brandname{
    display: block;
    color: #707070;
    font-size: 2.604vw;
    text-align: center;
    margin-bottom: 7.422vw;
}
.section-lineup .brandname > .category{
    margin-left: 1.953vw;
    border: solid 0.26vw #888;
    background: #fff;
    padding: 0.391vw 2.083vw 0.13vw;
}
.section-lineup .lineup-lead{
    display: block;
    color: #555;
    font-size: 4.948vw;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.247vw;
    text-align: center;
}
.section-lineup .stripe-cnt:has(.lineup-atnt){
    padding-bottom: 0;
}
/* 波線 */
.section-lineup .lineup-lead > .lineup-wavy{
    color: #c95100;
    /* background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzMuMDQ1cHgiIGhlaWdodD0iMTMuMzg4cHgiIHZpZXdCb3g9IjM2Ljk1MiAxLjkwNSAzMy4wNDUgMTMuMzg4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDM2Ljk1MiAxLjkwNSAzMy4wNDUgMTMuMzg4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRjM5ODAwIiBkPSJNNTkuNjQzLDYuMTExYy0xLjg3LDEuNTYyLTMuMjIsMi42OS02LjE2OSwyLjY5Yy0yLjk0OSwwLTQuMy0xLjEyOC02LjE3LTIuNjkxCWMtMi4yNDUtMS44NzQtNS4wMzgtNC4yMDYtMTAuMzUyLTQuMjA2djYuNDkxYzIuOTQ2LDAsNC4yOTgsMS4xMjksNi4xNzEsMi42OTNjMi4yNDUsMS44NzMsNS4wMzgsNC4yMDQsMTAuMzUxLDQuMjA0CXM4LjEwNS0yLjMzMSwxMC4zNTUtNC4yMDhjMS44NzEtMS41NjEsMy4yMjItMi42ODksNi4xNjgtMi42ODlWMS45MDVDNjQuNjgyLDEuOTA1LDYxLjg4OCw0LjIzNyw1OS42NDMsNi4xMTF6Ii8+PC9zdmc+"); */
    /* 0.8 */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9Ii0xLjI1IDEzLjc1IDI4IDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjI1IDEzLjc1IDI4IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRjM5ODAwY2MiIGQ9Ik0yNy4wNDcsMTMuNzVjLTQuNTc5LDAtNy4yNzQsMi4wNDItOS4yMDUsMy42ODVjLTEuNjA5LDEuMzcyLTIuNjcxLDIuMjc2LTUuMDkyLDIuMjc2IGMtMi40MjEsMC0zLjQ4NC0wLjkwNC01LjA5Ni0yLjI4Yy0xLjkyOC0xLjY0LTQuNTE1LTMuNjgxLTkuMDkxLTMuNjgxYy0xLjI5MiwwLjc3MS0wLjQ2Nyw1Ljc2NywwLDYuMDM5IGMyLjQyLDAsMy42NywwLjkwNCw1LjI4LDIuMjc1YzEuOTI3LDEuNjQzLDQuMzI1LDMuNjg2LDguOTA3LDMuNjg2YzQuNTgsMCw2Ljk3OS0yLjA0Myw4LjkxLTMuNjg4IGMxLjYwOC0xLjM2OSwyLjk2Ny0yLjI3Myw1LjM4Ny0yLjI3M0MyNy41NjgsMTkuMTQ2LDI3LjYzLDE1LjM5NiwyNy4wNDcsMTMuNzV6Ii8+PC9zdmc+");
    background-repeat: repeat-x;
    background-position-y: 100%;
    background-size: 4.4vw;
    /* padding-bottom: 1.042vw; */
    padding-bottom: 1.742vw;
    line-height: 1.75;
}
.section-lineup .lineup-btnlist{
    margin-top: 10.547vw;
    display: flex;
    flex-direction: column;
    gap: 2.604vw;
}
.section-lineup .lineup-atnt{
    color: #707070;
    font-size: 2.604vw;
    letter-spacing: 1px;
    margin: 7.161vw 0 2.995vw 3.516vw;
}
/* バリエーション */
.section-lineup .stripe.cor-01 .lineup-title {
    background-color: #fefabd;
}
.section-lineup .stripe.cor-01 .lineup-img{
    width: 84.375vw;
    margin-bottom: 1.953vw;
}
.section-lineup .stripe.cor-02 .lineup-title {
    background-color: #fee2f4;
}
.section-lineup .stripe.cor-02 .lineup-img {
    width: 84.375vw;
    margin-bottom: 2.083vw;
}
.section-lineup .stripe.cor-02 .brandname{
    text-align: right;
    margin-right: 3.906vw;
}
.section-lineup .stripe.cor-03 .lineup-title {
    background-color: #d9f7ff;
}
.section-lineup .stripe.cor-03 .lineup-img {
    width: 56.51vw;
    margin-bottom: -10.547vw;
}
/* 下部ラインナップ（セルアライブ） (SP) 
-----------------------------------------------------------------*/
.section-ftr-lineup{
    margin-top: 13.021vw;
}
.section-ftr-lineup .stripe-cnt{
    padding: 6.12vw 3.906vw 5.99vw 5.208vw;
}
.section-ftr-lineup .cellalive-img{
    width: 20.313vw;
    float: right;
    margin-top: 0.391vw;
}
.section-ftr-lineup .cellalive-brandname{
    font-size: 4.688vw;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.234vw;
    color: #ce3961;
    margin-bottom: 2.083vw;
}
.section-ftr-lineup .cellalive-copy{
    font-size: 3.125vw;
    line-height: 1.5;
    letter-spacing: 0.156vw;
    color: #555;
    margin-bottom: 4.948vw;
}
.section-ftr-lineup .cellalive-copy .category{
    font-size: 2.604vw;
    letter-spacing: 0.13vw;
    color: #707070;
    display: inline-block;
    background: #fff;
    border: 0.26vw solid #888;
    padding: 0.521vw 2.148vw 0.13vw;
}
.section-ftr-lineup .cellalive-atnt{
    font-size: 2.604vw;
    line-height: 1.25;
    color: #707070;
}
.section-ftr-lineup .svg-rt{
    background-color: #ce3961;
    bottom: 1.302vw;
    right: 2.604vw;
}
/* お役立ち情報 (SP) 
-----------------------------------------------------------------*/
.section-information .information-lst-01,
.section-information .information-lst-02{
    display: flex;
    flex-direction: column;
    gap: 2.604vw;
}
.section-information .information-lst-01{
    margin-bottom: 7.813vw;
}

.section-information .information-guide {
    height: 39.063vw;
}
.section-information .information-guide a,
.section-information .information-guide .stripe-cnt{
    height: 100%;
}
.section-information .information-guide .stripe-cnt{
    background: url(/-/Media/com/dotest/top/images/250304/information_bg01.jpg) no-repeat top left / 100%;
    overflow: hidden;
    padding: 6.901vw 5.339vw;
    box-sizing: border-box;
}
.section-information .information-guide .information-guide-ttl{
    width: 42.318vw;
    margin-bottom: 3.255vw;
}
.section-information .information-guide .information-guide-txt{
    font-size: 3.125vw;
    line-height: 1.5;
    letter-spacing: 0.156vw;
    color: #555;
}

.section-information .information-womenshealth {
    height: 39.063vw;
}
.section-information .information-womenshealth a,
.section-information .information-womenshealth .stripe-cnt {
    height: 100%;
}
.section-information .information-womenshealth .stripe-cnt {
    background: url(/-/Media/com/dotest/top/images/250304/information_bg02.jpg) no-repeat top left / 100%;
    overflow: hidden;
    padding: 6.901vw 5.339vw;
    box-sizing: border-box;
}
.section-information .information-womenshealth .information-womenshealth-ttl {
    margin-top: -2.344vw;
    margin-left: -1.042vw;
    font-size: 5.469vw;
    font-weight: bold;
    line-height: 1.26;
    letter-spacing: 0.273vw;
    color: #a72f39;
    margin-bottom: 3.255vw;
}
.section-information .information-womenshealth .information-womenshealth-ttl .gray{
    font-size: 80%;
    color: #555;
}
.section-information .information-womenshealth .information-womenshealth-ttl .ttl-bg1 {
    background-color: #fff;
    display: inline-block;
    padding: 1.432vw 1.823vw 0 2.344vw;
    z-index: 1;
    position: relative;
}
.section-information .information-womenshealth .information-womenshealth-ttl .ttl-bg2 {
    background-color: #fff;
    display: inline-block;
    padding: 2.214vw 2.214vw 0.391vw 2.344vw;
    margin-top: -2.083vw;
}
.section-information .information-womenshealth .information-womenshealth-txt {
    font-size: 3.125vw;
    line-height: 1.5;
    letter-spacing: 0.156vw;
    color: #555;
}

.section-information .information-lst-02 .information-lnk{
    height: 32.552vw;
}
.section-information .information-lst-02 .information-lnk .stripe,
.section-information .information-lst-02 .information-lnk .stripe-cnt{
    height: 100%;
    box-sizing: border-box;
}
.section-information .information-lst-02 .information-lnk .stripe-cnt{
    padding: 3.255vw;
}
.section-information .information-lnk .information-lnk-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 1.302vw;
}
.section-information .information-lnk .information-lnk-img{
    width: 29.688vw;
    border-radius: 3.906vw;
    float: left;
    margin-right: 5.208vw;
    overflow: hidden;
}
.section-information .information-lnk .information-lnk-ttl{
    font-size: 4.688vw;
    font-weight: bold;
    color: #555;
}
.section-information .information-lnk .information-lnk-txt{
    font-size: 3.125vw;
    line-height: 1.5;
    letter-spacing: 0.156vw;
    color: #555;
}
/* 横並び２つパターン（青） */
.section-information .wd-02 .information-lnk .stripe.cor-03{
    padding: 0.651vw;
}
.section-information .wd-02 .information-lnk .stripe.cor-03 > .stripe-cnt{
    background-color: #fafeff;
}
.section-information .wd-02 .information-lnk .stripe.cor-03 > .stripe-cnt .svg-rt{
    background-color: #0078d7;
}
/* コンテンツ境界：楕円 (SP) 
-----------------------------------------------------------------*/
/* 黄色楕円 */
.container-circle{
    position: relative;
    background: #fdf7d8;
    margin-bottom: 33.073vw;
    padding: 19.531vw 0 17.578vw;
}
.container-circle::after {
    content: "";
    display: block;
    width: 100%;
    height: 8.594vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzY4cHgiIGhlaWdodD0iNjZweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjUzLCAyNDcsIDIxNikiIGQ9Ik03NjguMDAwLC0wLjAwMCBDNjY0LjAyOSw0MS4yOTIgNTMwLjEyOSw2NS4xMDAwIDM4NC4wMDAsNjUuMTAwMCBDMjM3Ljg2NSw2NS4xMDAwIDEwMy45NzMsNDEuMjk1IC0wLjAwMCwtMC4wMDAgQzAuNzY2LC0wLjAwOCA3NjcuOTM1LC0wLjAxNSA3NjguMDAwLC0wLjAwMCBaIi8+PC9zdmc+) no-repeat top center / contain;
    position: absolute;
    bottom: -8.594vw;
}
/* 白楕円 */
.container-circle-02{
    position: relative;
    background: #fff;
    margin-bottom: 33.073vw;
    padding: 19.531vw 0 17.578vw;
}
.container-circle-02::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 10.417vw;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 80' preserveAspectRatio='none'%3E%3Cpath d='M983-209.864c0 157.125-268.182 284.5-599 284.5s-599-127.374-599-284.5V163H986s-3-529.989-3-372.864Z' style='fill:%23fdf7d8;fill-rule:evenodd'/%3E%3C/svg%3E") no-repeat top center/contain;
    bottom: -1px;
}
/* スライダー (SP) 
-----------------------------------------------------------------*/


/* 一時停止 */
/* .splide__toggle{
    width: 25px;
    height: 20px;
    border: 0;
    cursor: pointer;
    padding: 0;
} */
/* 矢印 */
/* .splide__arrows{
    
} */
/* .splide__arrow{
    background: inherit;
    border-radius: unset;
    height: inherit;
    opacity: 1;
    width: 25px;
    height: 20px;
    position: static;
    transform: none;
} */
/* .splide__arrow--prev {
    transform: scale(-1, 1);
} */

/* ----------------------------------------
		タブレット
        ----------------------------------------- */
        @media screen and (min-width: 769px) and (max-width: 980px) {

}


/* ----------------------------------------
		PC
----------------------------------------- */
@media screen and (min-width:769px) {

    /* common
    -----------------------------------------------------------------*/
    .pc-mode-01 {
        display: block !important;
    }
    .pc-mode-02 {
        display: inline !important;
    }
    .pc-mode-03 {
        display: inline-block !important;
    }
    .pc-mode-05 {
        display: flex !important;
    }
    .sp-mode-01 {
        display: none !important;
    }
    .sp-mode-02 {
        display: none !important;
    }
    .sp-mode-03 {
        display: none !important;
    }
    .sp-mode-04 {
        display: none !important;
    }
    .sp-mode-05 {
        display: none !important;
    }

    /* フォーマット設定*/
    .inner,
    .inner-02,
    .inner-03 {
        max-width: 940px;
    }




    /* ボタン (PC) 
    -----------------------------------------------------------------*/
    /*右矢印*/
    .btn-01 a,
    .btn-01 .dlog-btn-01{
        font-size: 1.286em;
        padding: 16px 60px;
        max-width: 400px;
        min-height: 50px;
        height: auto;
        box-shadow: 3.536px 3.536px 0px 0px rgba(0, 0, 0, 0.1);
        border-width: 2px;
    }
    /* ----------------------------------------
    hover がある端末のみ
    ----------------------------------------- */
    @media (hover: hover) {
        .btn-01 a:hover,
        .btn-01 .dlog-btn-01:hover,
        .btn-01 .js-dialog-open:hover{
            opacity: 0.7;
            cursor: pointer;
        }
        a.stripe:hover {
            opacity: 0.7;
        }
    }
    .btn-01 a svg ,
    .btn-01 .dlog-btn-01 svg{
        width: 11px;
        height: 13px;
        right: 20px;
    }
    /*角丸枠線 ダウンロードver*/
    .btn-dl a svg{
        width: 25px;
        height: 23px;
        right: 21px;
    }
    /*角丸枠線 横並びver*/
    .btn-cnt{
        max-width: 400px;
        gap: 0 6px;
    }
    .btn-cnt .btn-01{
        width: calc((100% - 6px) / 2);
    }
    .btn-cnt a{
        font-size: 1.143em;
    }
    /*角丸枠線 アイコン横並びver*/
    .btn-icn a .svg-cart{
        width: 26px;
        height: 24px;
        margin-right: 15px;
        margin-top: -5px;
    }
    .btn-icn a .svg-store{
        width: 22px;
        height: 24px;
        margin-right: 15px;
        margin-top: -5px;
    }
    .btn-icn a .svg-open{
        width: 16px;
        height: 16px;
    }
    /* バナー内 丸背景白矢印 */
    .svg-rt{
        width: 30px;
        height: 30px;
        background-color: #ad6518;
        right: 20px;
        bottom: 20px;
    }
    .svg-rt svg{
        width: 11px;
        height: 13px;
    }
    
    /* タイトル (PC) 
    -----------------------------------------------------------------*/
    .ttl-01 {
        font-size: 36px;
        letter-spacing: initial;
        background-size: 94px;
        padding-bottom: 19px;
        margin-bottom: 60px;
    }
    .ttl-02{
        font-size: 2em;
    }
    .ttl-03{
        font-size: 42px;
        letter-spacing: initial;
        padding: 48px 0 41px;
    }

    /* テキスト (PC) 
    -----------------------------------------------------------------*/
    .txt-01 {
        font-size: 16px;
        letter-spacing: 0.8px;
        margin-bottom: 36px;
    }
    .txt-02{
        font-size: 1.429em;
    }


    /* ストライプの枠線 (PC) 
    -----------------------------------------------------------------*/
    /* ベース */
    .stripe {
        background: repeating-linear-gradient(-45deg,
                #f6db4d 0 2px,
                #fff 2px 4px);
        padding: 5px;
        border-radius: 30px;
    }
    .stripe>.stripe-cnt {
        border-radius: 28px;
    }
    /* 以下、バリエーション */
    /* 排卵日予測検査薬 */
    .stripe.cor-01 {
        background: repeating-linear-gradient(-45deg,
                #f6db4d 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-01>.stripe-cnt {
    }
    /* 妊娠検査薬 */
    .stripe.cor-02 {
        background: repeating-linear-gradient(-45deg,
                #f98bd2 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-02>.stripe-cnt {
    }
    /* 運動精子濃度テストキット */
    .stripe.cor-03 {
        background: repeating-linear-gradient(-45deg,
                #8ad7ed 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-03>.stripe-cnt {
    }
    /* はじめてガイド */
    .stripe.cor-04 {
        background: repeating-linear-gradient(-45deg,
                #ffdcb7 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-04>.stripe-cnt {
    }
    /* からだナビ */
    .stripe.cor-05 {
        background: repeating-linear-gradient(-45deg,
                #f6d9dd 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-05>.stripe-cnt {
    }
    /* 妊活白書 */
    .stripe.cor-06 {
        background: repeating-linear-gradient(-45deg,
                #fce0d2 0 2px,
                #fff 2px 4px);
        padding: 5px;
    }
    .stripe.cor-06>.stripe-cnt {
    }
    /* 用語集 */
    .stripe.cor-07 {
        background: repeating-linear-gradient(-45deg,
                #e0e8d8 0 2px,
                #fff 2px 4px);
        padding: 5px;
    }
    .stripe.cor-07>.stripe-cnt {
    }
    /* インスタグラム */
    .stripe.cor-08 {
        background: repeating-linear-gradient(-45deg,
                #fdf1be 0 2px,
                #fff 2px 4px);
        padding: 5px;
    }
    .stripe.cor-08>.stripe-cnt {
    }
    /* フェムケア */
    .stripe.cor-09 {
        background: repeating-linear-gradient(-45deg,
                #4370b1 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-09>.stripe-cnt {
    }
    /* セルアライブ */
    .stripe.cor-10 {
        background: repeating-linear-gradient(-45deg,
                #ce3961 0 2px,
                #fff 2px 4px);
    }
    .stripe.cor-10>.stripe-cnt {
    }

    /* 商品ラインナップ (PC) 
    -----------------------------------------------------------------*/
    .section-lineup .stripe-cnt {
        padding-bottom: 55px;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .section-lineup .stripe-cnt h3{
        display: contents;
    }
    .section-lineup .stripe+.stripe {
        margin-top: 60px;
    }
    .section-lineup .lineup-title {
        order: 1;
        padding: 31px 0 32px;
        font-size: 30px;
        letter-spacing: initial;
        margin-bottom: 36px;
    }
    .section-lineup .lineup-img {
        order: 3;
        margin: 42px 0 1.302vw 75px;
    }
    .section-lineup .brandname {
        order: 4;
        font-size: 10px;
        text-align: right;
        width: 380px;
        margin-left: 75px;
        margin-bottom: 0;
    }
    .section-lineup .brandname>.category {
        margin-left: 10px;
        border-width: 1px;
        padding: 1px 4px 0px;
    }
    .section-lineup .lineup-lead {
        order: 2;
        font-size: 24px;
        letter-spacing: initial;
    }
    .section-lineup .stripe-cnt:has(.lineup-atnt) {
        padding-bottom: 11px;
    }
    /* 波線 */
    .section-lineup .lineup-lead>.lineup-wavy {
            background-size: 27px;
            padding-bottom: 4px;
    }
    .section-lineup .lineup-btnlist {
        order: 5;
        margin-top: 0;
        gap: 15px;
        max-width: 350px;
        position: absolute;
        right: 85px;
        top: 227px;
        width: 37.634%;
    }
    .section-lineup .lineup-btnlist .btn-cnt{
        max-width: 100%;
        justify-content: flex-end;
    }
    .section-lineup .lineup-atnt {
        order: 6;
        font-size: 13px;
        letter-spacing: initial;
        margin: 21px 74px 0 0;
        text-align: right;
    }
    /* バリエーション */
    .section-lineup .stripe.cor-01 .lineup-title {
    }
    .section-lineup .stripe.cor-01 .lineup-img {
        max-width: 380px;
        width: 40.86%;
        margin-bottom: 6px;
        margin-left: 8.065%;
    }
    .section-lineup .stripe.cor-01 .brandname{
        max-width: 380px;
        width: 40.86%;
        margin-left: 8.065%;
    }
    .section-lineup .stripe.cor-02 >.stripe-cnt{
        padding-bottom: 44px;
    }
    .section-lineup .stripe.cor-02 .lineup-title {
    }
    .section-lineup .stripe.cor-02 .lineup-img {
        margin-bottom: 5px;
        margin-top: 52px;
        max-width: 391px;
        width: 42.043%;
        margin-left: 8.065%;
    }
    .section-lineup .stripe.cor-02 .brandname {
        margin-right: initial;
        width: 42.043%;
        margin-left: 8.065%;
    }
    .section-lineup .stripe.cor-02 .lineup-btnlist{
        top: 218px;
    }
    .section-lineup .stripe.cor-03 .lineup-title {
    }
    .section-lineup .stripe.cor-03 .lineup-img {
        max-width: 230px;
        width: 24.731%;
        margin-bottom: -4.731%;
        margin-left: 16.667%;
    }
    .section-lineup .stripe.cor-03 .brandname {
        max-width: 311px;
        width: 33.441%;
        margin-left: 8.065%;
    }
    .section-lineup .stripe.cor-03 .lineup-btnlist {
        top: 281px;
    }
    /* 下部ラインナップ（セルアライブ） (PC) 
    -----------------------------------------------------------------*/
    .section-ftr-lineup {
        margin-top: 80px;
    }
    .section-ftr-lineup .stripe{
        width: 617px;
        margin: 0 auto;
    }
    .section-ftr-lineup .stripe-cnt {
        padding: 15px 55px 16px 34px;
    }
    .section-ftr-lineup .cellalive-img {
        width: 127px;
        margin-top: 0;
    }
    .section-ftr-lineup .cellalive-brandname {
        font-size: 24px;
        letter-spacing: initial;
        margin-top: 18px;
    }
    .section-ftr-lineup .cellalive-copy {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: initial;
        margin-bottom: 19px;
    }
    .section-ftr-lineup .cellalive-copy .category {
        font-size: 10px;
        letter-spacing: initial;
        border-width: 1px;
        padding: 0px 6px 0px 6px;
    }
    .section-ftr-lineup .cellalive-atnt {
        font-size: 10px;
    }
    .section-ftr-lineup .svg-rt {
        bottom: 15px;
        right: 15px;
    }
    /* お役立ち情報 (PC) 
    -----------------------------------------------------------------*/
    .section-information .information-lst-01,
    .section-information .information-lst-02 {
        flex-direction: row;
        gap: 20px;
    }
    .section-information .information-lst-01 {
        margin-bottom: 20px;
    }

    .section-information .information-guide {
        height: 200px;
        width: 460px;
    }
    .section-information .information-guide a,
    .section-information .information-guide .stripe-cnt {
    }
    .section-information .information-guide .stripe-cnt {
        padding: 40px 36px 20px;
        background-size: cover;
        background-position-x: center;
    }
    .section-information .information-guide .information-guide-ttl {
        width: 211px;
        margin-bottom: 18px;
    }
    .section-information .information-guide .information-guide-txt {
        font-size: 14px;
        line-height: 1.45;
        letter-spacing: initial;
    }

    .section-information .information-womenshealth {
        height: 200px;
        width: 460px;
        }
    .section-information .information-womenshealth a,
    .section-information .information-womenshealth .stripe-cnt {
    }
    .section-information .information-womenshealth .stripe-cnt {
        padding: 40px 36px 20px;
        background-size: cover;
        background-position-x: center;
    }
    .section-information .information-womenshealth .information-womenshealth-ttl {
        margin-top: -12px;
        margin-left: -1px;
        font-size: 26px;
        line-height: 1.33;
        letter-spacing: initial;
        margin-bottom: 18px;
    }
    .section-information .information-womenshealth .information-womenshealth-ttl .gray {
    }
    .section-information .information-womenshealth .information-womenshealth-ttl .ttl-bg1 {
        padding: 7px 6px 0 13px;
    }
    .section-information .information-womenshealth .information-womenshealth-ttl .ttl-bg2 {
        padding: 10px 8px 3px 12px;
        margin-top: -10px;
    }
    .section-information .information-womenshealth .information-womenshealth-txt {
        font-size: 14px;
        line-height: 1.45;
        letter-spacing: initial;
    }

    .section-information .information-lst-02 .information-lnk {
        height: initial;
        min-height: 125px;
        width: 300px;
    }
    .section-information .information-lst-02 .information-lnk .stripe,
    .section-information .information-lst-02 .information-lnk .stripe-cnt {
    }
    .section-information .information-lst-02 .information-lnk .stripe-cnt {
        padding: 10px;
    }
    .section-information .information-lnk .information-lnk-box {
        gap: 4px;
    }
    .section-information .information-lnk .information-lnk-img {
        width: 95px;
        height: 95px;
        border-radius: 15px;
        margin-right: 14px;
        overflow: hidden;
    }
    .section-information .information-lnk .information-lnk-ttl {
        font-size: 20px;
        line-height: 1.23;
    }
    .section-information .information-lnk .information-lnk-txt {
        font-size: 14px;
        line-height: 1.45;
        letter-spacing: initial;
    }
    .section-information .information-lst-02 .information-lnk-txt{
        font-size: 12px;
    }
    .section-information .information-lst-02 .cor-06 .svg-rt,
    .section-information .information-lst-02 .cor-07 .svg-rt,
    .section-information .information-lst-02 .cor-08 .svg-rt{
        background-color: initial;
        bottom: 41px;
        right: 6px;
    }
    .section-information .information-lst-02 .cor-06 .svg-rt svg{
        fill: #b55d31;
    }
    .section-information .information-lst-02 .cor-07 .svg-rt svg {
        fill: #598230;
    }
    .section-information .information-lst-02 .cor-08 .svg-rt svg {
        fill: #8c730e;
    }
    /* 横並び２つパターン（青） */
    .section-information .wd-02 .information-lnk{
        width: 460px;
    }
    .section-information .wd-02 .information-lnk .stripe.cor-03{
        padding: 5px;
    }
    .section-information .wd-02 .information-lnk .stripe-cnt {
        padding: 23px 10px 23px 25px;
    }
    .section-information .wd-02 .information-lnk .stripe-cnt .information-lnk-img{
        margin-right: 20px;
    }
    .section-information .wd-02 .information-lnk .stripe-cnt .svg-rt{
        right: 16px;
        bottom: 15px;
    }


    /* コンテンツ境界：楕円 (PC) 
    -----------------------------------------------------------------*/
    /* 黄色楕円 */
    .container-circle {
        /* position: relative; */
        /* background: #fdf7d8; */
        margin-bottom: 261px;
        padding: 60px 0 0;
    }
    .container-circle::after {
        /* content: ""; */
        /* display: block; */
        /* width: 100%; */
        height: 9.313vw;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYwMXB4IiBoZWlnaHQ9IjE0OXB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTMsIDI0NywgMjE2KSIgZD0iTTE2MDAuMDM4LDEuMjc5IEMxMzg5LjUwNyw5Mi45ODUgMTEwOC43NzYsMTQ4Ljk2MiA4MDAuNTAwLDE0OC45NjIgQzQ5MS43NTAsMTQ4Ljk2MiAyMTAuNjMwLDkyLjgxMyAtMC4wMDgsMC44NTYgQzMxLjE4NCwwLjg1NiAxNDc3LjczNSwxLjI3OSAxNjAwLjAzOCwxLjI3OSBaIi8+PC9zdmc+) no-repeat top center / contain;
        /* position: absolute; */
        bottom: calc(-9.313vw + 1px);
    }
    /* 白楕円 */
    .container-circle-02{
        margin-bottom: 261px;
        padding: 60px 0 0;
    }
    .container-circle-02::after{
        height: 9.417vw;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 80' preserveAspectRatio='none'%3E%3Cpath d='M983-209.864c0 157.125-268.182 284.5-599 284.5s-599-127.374-599-284.5V163H986s-3-529.989-3-372.864Z' style='fill:%23fdf7d8;fill-rule:evenodd'/%3E%3C/svg%3E") no-repeat top center/contain;
        bottom: -1px;
    }

}