@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: -webkit-box !important;
  display: -ms-flexbox !important;
  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;
  -webkit-box-shadow: 0.911vw 0.911vw 0px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0.911vw 0.911vw 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          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%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-icn a .svg-cart {
  width: 6.25vw;
  height: 5.599vw;
  position: static;
  -webkit-transform: none;
          transform: none;
  margin-right: 3.255vw;
  margin-top: -0.5vw;
}

.btn-icn a .svg-store {
  width: 5.469vw;
  height: 5.469vw;
  position: static;
  -webkit-transform: none;
          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%;
  -webkit-transform: translate(-39%, -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;
  -webkit-box-sizing: border-box;
          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: 2.742vw;
  line-height: 1.75;
}

.section-lineup .lineup-btnlist {
  margin-top: 10.547vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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(../../../images/product-detail/dotest/2504/information_bg01.jpg) no-repeat top left/100%;
  overflow: hidden;
  padding: 6.901vw 5.339vw;
  -webkit-box-sizing: border-box;
          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(../../../images/product-detail/dotest/2504/information_bg02.jpg) no-repeat top left/100%;
  overflow: hidden;
  padding: 6.901vw 5.339vw;
  -webkit-box-sizing: border-box;
          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%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-information .information-lst-02 .information-lnk .stripe-cnt {
  padding: 3.255vw;
}

.section-information .information-lnk .information-lnk-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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);
} */
/* ----------------------------------------
		タブレット
        ----------------------------------------- */
/* ----------------------------------------
		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: -webkit-box !important;
    display: -ms-flexbox !important;
    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;
    -webkit-box-shadow: 3.536px 3.536px 0px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 3.536px 3.536px 0px 0px rgba(0, 0, 0, 0.1);
    border-width: 2px;
  }
  /* ----------------------------------------
    hover がある端末のみ
    ----------------------------------------- */
  .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.043em;
  }
  /*角丸枠線 アイコン横並び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-02 {
    background: repeating-linear-gradient(-45deg, #f98bd2 0 2px, #fff 2px 4px);
  }
  /* 運動精子濃度テストキット */
  .stripe.cor-03 {
    background: repeating-linear-gradient(-45deg, #8ad7ed 0 2px, #fff 2px 4px);
  }
  /* はじめてガイド */
  .stripe.cor-04 {
    background: repeating-linear-gradient(-45deg, #ffdcb7 0 2px, #fff 2px 4px);
  }
  /* からだナビ */
  .stripe.cor-05 {
    background: repeating-linear-gradient(-45deg, #f6d9dd 0 2px, #fff 2px 4px);
  }
  /* 妊活白書 */
  .stripe.cor-06 {
    background: repeating-linear-gradient(-45deg, #fce0d2 0 2px, #fff 2px 4px);
    padding: 5px;
  }
  /* 用語集 */
  .stripe.cor-07 {
    background: repeating-linear-gradient(-45deg, #e0e8d8 0 2px, #fff 2px 4px);
    padding: 5px;
  }
  /* インスタグラム */
  .stripe.cor-08 {
    background: repeating-linear-gradient(-45deg, #fdf1be 0 2px, #fff 2px 4px);
    padding: 5px;
  }
  /* フェムケア */
  .stripe.cor-09 {
    background: repeating-linear-gradient(-45deg, #4370b1 0 2px, #fff 2px 4px);
  }
  /* セルアライブ */
  .stripe.cor-10 {
    background: repeating-linear-gradient(-45deg, #ce3961 0 2px, #fff 2px 4px);
  }
  /* 商品ラインナップ (PC) 
    -----------------------------------------------------------------*/
  .section-lineup .stripe-cnt {
    padding-bottom: 55px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-lineup .stripe-cnt h3 {
    display: contents;
  }
  .section-lineup .stripe + .stripe {
    margin-top: 60px;
  }
  .section-lineup .lineup-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 31px 0 32px;
    font-size: 30px;
    letter-spacing: initial;
    margin-bottom: 36px;
  }
  .section-lineup .lineup-img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 42px 0 1.302vw 75px;
  }
  .section-lineup .brandname {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            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 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            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: 12px;
  }
  .section-lineup .lineup-btnlist {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            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%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .section-lineup .lineup-atnt {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    font-size: 13px;
    letter-spacing: initial;
    margin: 21px 74px 0 0;
    text-align: right;
  }
  /* バリエーション */
  .section-lineup .stripe.cor-01 .lineup-img {
    max-width: 380px;
    width: 40.86%;
    margin-bottom: 6px;
    margin-inline: auto;
  }
  .section-lineup .stripe.cor-01 .brandname {
    max-width: 680px;
    width: 100%;
    margin-left: 8.065%;
    text-align: center;
  }
  .section-lineup .stripe.cor-02 > .stripe-cnt {
    padding-bottom: 44px;
  }
  .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-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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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 .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 .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 .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-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;
  }
}
@media screen and (min-width: 769px) and (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;
  }
}