@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp_s-noto.min.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap&subset=japanese";
/* reset
--------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* base
--------------------------------------------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }

body { overflow-y: scroll; min-width: 320px; background-color: #fff; color: #010101; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; font-size: 32px; font-weight: 400; -webkit-font-feature-settings: "pwid" 1; font-feature-settings: "pwid" 1; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; line-height: 1.5; word-wrap: break-word; overflow-wrap: break-word; }
@media screen and (max-width: 750px) { body { font-size: 4.2666666667vw; } }

a { outline: none; color: #f094bc; background: transparent; text-decoration: underline; -webkit-touch-callout: none; }

a:focus, :focus { outline: none; }

a, label, html input[type=button], input[type=reset], input[type=submit], button { cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

audio:not([controls]) { display: none; height: 0; }

img { max-width: 100%; height: auto; vertical-align: top; }
@media screen and (max-width: 750px) { img { display: block; width: 100%; } }

strong { font-weight: 400; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

svg:not(:root) { overflow: hidden; }

address, em { font-style: normal; }

[hidden], template { display: none; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

iframe { display: block; max-width: 100%; }

button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; }

textarea { overflow: auto; resize: vertical; -webkit-appearance: none; border: none; }

button { overflow: visible; padding: 0; vertical-align: middle; border-radius: 0; border: none; background: transparent; cursor: pointer; -webkit-appearance: none; }

/* layout
--------------------------------------------------------- */
.l-wrapper { overflow: hidden; 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; width: 100%; min-height: 100%; }

.l-main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; min-height: 0%; margin-bottom: 100px; }
@media screen and (max-width: 750px) { .l-main { margin-bottom: 13.3333333333%; } }

.l-footer-area { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }

.l-container { width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; }

.l-inner { padding-left: 5.7333333333%; padding-right: 5.7333333333%; }

/* module
--------------------------------------------------------- */
@-webkit-keyframes fade-in { 0% { opacity: 0; }
  20% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  20% { opacity: 0; }
  100% { opacity: 1; } }
.marker { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #faf4a4), color-stop(90%, #faf4a4), color-stop(90%, transparent)); background: -o-linear-gradient(transparent 10%, #faf4a4 10%, #faf4a4 90%, transparent 90%); background: linear-gradient(transparent 10%, #faf4a4 10%, #faf4a4 90%, transparent 90%); }

.a-fade-in { -webkit-animation: fade-in 0.7s ease 0s 1 normal; animation: fade-in 0.7s ease 0s 1 normal; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.note:before { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; min-width: 0; content: '\FF0A'; speak: none; }
.note > span { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-width: 0; }

.heading01 { margin-bottom: 0.6666666667em; font-size: 1.40625em; color: #666a98; line-height: 1.4; }

.heading02 { margin-top: 2.6470588235em; margin-bottom: 0.1470588235em; font-size: 1.0625em; color: #666a98; line-height: 1.4; }
.heading02.-fz-n { margin-top: 1.5em; font-size: 1em; font-weight: 700; }
.heading02:before { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; margin-right: 0.1em; content: '\25CF'; speak: none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.heading03 { margin-top: 1.7857142857em; margin-bottom: 0.1785714286em; line-height: 1.4; font-weight: 700; }
.heading03:before { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; content: '\30FB'; speak: none; }
.heading03 > span { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.heading03.-asterisk:before { content: '\FF0A'; }

.heading04 { margin-top: 0.7em; margin-bottom: 0.7em; line-height: 1.4; font-size: 1.40625em; color: #666a98; }

.list > li:before { display: inline-block; speak: none; }
.list.-disc > li:before { content: '\30FB'; }

.link-list > dt { font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; }

.page-ttl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 7.5em; padding: 0 1.34375em; margin-bottom: 12%; background: #fbf7c6 url(../img/common/bg_page-ttl.png) 0 0/contain no-repeat; }
.page-ttl > span { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: block; min-width: 0; line-height: 1.3; font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; font-size: 1.78125em; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
.page-ttl--fz-medium > span { font-size: 1.5em; }

.page-ttl--icon { margin-bottom: 6.6666666667%; }
.page-ttl--icon:after { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; width: 4.78125em; min-width: 0; height: 4.78125em; margin-left: 0.3125em; background: url(../img/common/img_chara02-01.png) 0 0/100% no-repeat; content: ''; }

.indent-txt { text-indent: 1em; }

.line01:after { display: block; width: 97.8787878788%; padding-top: 3.4848484848%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border01.png) 0 0/100% no-repeat; content: ''; }

.line02:after { width: 98.9393939394%; padding-top: 1.5151515152%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border02.png) 0 0/100% no-repeat; content: ''; }

.top-section-box { position: relative; padding-top: 6.0606060606%; padding-bottom: 9.0909090909%; }
.top-section-box:after { position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 97.8787878788%; padding-top: 3.4848484848%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border01.png) 0 0/100% no-repeat; content: ''; }

.page-bottom-area { padding-top: 7.5757575758%; }

.chara-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 12.1212121212%; }
.chara-box:after { position: absolute; bottom: 0; left: 0; right: 0; width: 97.8787878788%; padding-top: 3.4848484848%; background: url(../img/common/img_border01.png) 0 0/100% no-repeat; content: ''; }
.chara-box__txt { -webkit-box-flex: 0; -ms-flex: 0 0 65.1515151515%; flex: 0 0 65.1515151515%; font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; }

.chara-box__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 1.0714285714em; }

.chara-btn { position: relative; display: block; padding-top: 22.7810650888%; background: url(../img/common/btn_chara01.png) 0 0/100% no-repeat; font-weight: 700; font-size: 0.9375em; line-height: 1.2; color: #666a98; }
.chara-btn--large { padding-top: 25.8875739645%; background-image: url(../img/common/btn_chara02.png); line-height: 1.3; }

.chara-btn__inner { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding-top: 6.6568047337%; padding-left: 28.1065088757%; }
.chara-btn--large .chara-btn__inner { padding-top: 0; padding-left: 23.6686390533%; }

.chara-btn__txt { display: block; letter-spacing: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.info-box { padding: .6em 1em; margin: 1em 0; background: #eee; font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; }
.info-box--danger { background-color: #fef1f8; }
.info-box--danger a { color: #666a98; text-decoration: none; }

.info-box__ttl { margin-bottom: 0.2em; text-align: center; font-weight: 700; }
.info-box__ttl:before { margin-right: 0.5em; content: '\3010'; }
.info-box__ttl:after { margin-left: 0.5em; content: '\3011'; }

.toggle-box { position: relative; padding-bottom: 1.5151515152%; }
.toggle-box:after { position: absolute; bottom: 0; left: 0; right: 0; width: 98.9393939394%; padding-top: 1.5151515152%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border02.png) 0 0/100% no-repeat; content: ''; }
.toggle-box__ttl { font-size: 1.34375em; font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; color: #666a98; }

.toggle-box__ttl-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1.0465116279em 0 1.1627906977em; text-align: left; line-height: 1.2; }
.toggle-box__ttl-inner > i { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 1.2558139535em; flex: 0 0 1.2558139535em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.2558139535em; height: 1.2558139535em; border-radius: 50%; background: #f19ec2; }
.toggle-box__ttl-inner > i:before { display: block; width: 64.8148148148%; height: 42.5925925926%; margin-top: 3.7037037037%; background: url(../img/common/icon_arrow01.png) center/100% no-repeat; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; -webkit-transform: rotate3d(0, 0, 0, 0); transform: rotate3d(0, 0, 0, 0); content: ''; }
.toggle-box.is-open .toggle-box__ttl-inner > i:before { margin-top: -3.7037037037%; -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); }
.toggle-box__ttl-inner > span { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: block; padding-left: 0.6976744186em; }

.toggle-box__content { padding-bottom: 6.0606060606%; }
.toggle-box:not(.is-open) .toggle-box__content { display: none; }
.toggle-box__content > *:last-child { margin-bottom: 0; }

.toggle-box__img { margin-top: 9.0909090909%; margin-bottom: 9.0909090909%; margin-left: auto; margin-right: auto; }

.tab-box { margin-top: 6.8181818182%; }
.tab-box__nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 2.9375em; padding-bottom: 1.5151515152%; line-height: 1.2; font-size: 1.03125em; font-weight: 700; }
@media screen\0 { .tab-box__nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.tab-box__nav:after { position: absolute; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; padding-top: 1.6666666667%; background: #f19ec2; pointer-events: none; content: ''; }
.tab-box__nav > li { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0; width: 31.2121212121%; border-radius: 0.3125em 0.3125em 0 0; }
@media screen\0 { .tab-box__nav > li { margin: 0 auto; }
  .tab-box__nav > li:first-of-type { margin-left: 0; }
  .tab-box__nav > li:last-of-type { margin-right: 0; } }

.tab-box__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background: #fcddee; color: #666a98; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; transition: 0.2s all ease; }
.tab-box__btn.-fz-s { font-size: 0.9142857143em; }
.tab-box__btn.is-active { background-color: #f19ec2; color: #fff; }
.tab-box__btn > span { position: relative; display: block; min-width: 0; }

.tab-box__content { position: relative; padding-top: 6.0606060606%; padding-bottom: 8.3333333333%; }
.tab-box__content:after { position: absolute; bottom: 0; left: 0; right: 0; width: 98.9393939394%; padding-top: 1.5151515152%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border02.png) 0 0/100% no-repeat; content: ''; }
.tab-box__content:not(.is-active) { display: none; }
.tab-box__content > *:first-child { margin-top: 0; }
.tab-box__content > *:last-child { margin-bottom: 0; }
.tab-box__content > .tab-content-box:last-child { padding-bottom: 0; }
.tab-box__content > .tab-content-box:last-child:after { display: none; }

.tab-content-box { position: relative; padding-bottom: 8.3333333333%; margin-bottom: 6.0606060606%; }
.tab-content-box:after { position: absolute; bottom: 0; left: 0; right: 0; width: 98.9393939394%; padding-top: 1.5151515152%; margin-left: auto; margin-right: auto; background: url(../img/common/img_border02.png) 0 0/100% no-repeat; content: ''; }
.tab-content-box__ttl { margin-bottom: 0.7em; line-height: 1.4; font-size: 1.40625em; color: #666a98; }

.tab-content-box__content > *:last-child { margin-bottom: 0; }

.tel-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 0.8em; font-size: 0.9375em; font-family: YakuHanJPs_Noto, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif; line-height: 1.4; }
.tel-list__ttl { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0; font-weight: 700; color: #666a98; }
.tel-list__ttl > i { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.tel-list__ttl > i:before { display: inline-block; content: '\25CF'; speak: none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
.tel-list__ttl.-s > i:before { content: '\30FB'; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.tel-list__ttl > span { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: block; padding-left: 0.2em; }

.tel-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; padding-left: 0.5em; min-width: 0; white-space: nowrap; }

.line-browser-message { padding: 0.7em 0; background: #eeeeee; line-height: 1.2; letter-spacing: 0; font-size: 0.84375em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; text-align: center; color: #000; }

/* page
--------------------------------------------------------- */
.page-1-1-1 .section-pregnancy-test .toggle-box__img { width: 60.1515151515%; margin-bottom: 3.0303030303%; }
.page-1-1-1 .section-diagnosis .heading02:first-of-type { margin-top: 3em; }
.page-1-1-1 .section-diagnosis .img01 { position: absolute; right: 0; bottom: 0.2em; width: 34.8484848485%; }
.page-1-1-1 .section-diagnosis .img02 { position: absolute; right: 0; top: 0; width: 30.7575757576%; margin-top: 10.6060606061%; margin-right: 3.0303030303%; }

.page-1-1-2 .page-ttl > span { font-size: 1.34375em; }
.page-1-1-2 .section-after-pill .toggle-box__img { width: 82.2727272727%; }

.page-2-1-1-1 .page-ttl > span { font-size: 1.71875em; }
.page-2-1-1-1 .section-male-female-body .toggle-box__img { margin-top: 6.0606060606%; margin-bottom: 6.0606060606%; }
.page-2-1-1-1 .section-pregnancy .toggle-box__img { margin-top: 6.0606060606%; margin-bottom: 6.0606060606%; }
.page-2-1-1-1 .section-pregnancy .heading02 { margin-top: 1.5625em; font-size: 1em; }

.page-2-1-1-2 .page-ttl > span { font-size: 1.65625em; }

/* utility
--------------------------------------------------------- */
.u-pos-r { position: relative !important; }

.u-ta-c { text-align: center !important; }

.u-ta-l { text-align: left !important; }

.u-ta-r { text-align: right !important; }

.u-lts-0-4em { letter-spacing: 0.4em; margin-right: -0.4em; }

.u-mb-0 { margin-bottom: 0 !important; }

.u-mb-1em { margin-bottom: 1em !important; }

.u-mb-1-5em { margin-bottom: 1.5em !important; }

.u-mb-2em { margin-bottom: 2em !important; }

.u-mb-3em { margin-bottom: 3em !important; }

.u-ws-n { white-space: nowrap !important; }