:root {
    --official-logo-header-height: 46px;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ins {
    text-decoration: none
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

html {
    font-size: 16px;
    overflow-y: scroll
}

body,
button,
input,
select,
textarea {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif
}

body {
    height: 100%;
    min-width: 320px;
    width: 100%;
    word-wrap: break-word;
    background: #f5f5f3;
    box-sizing: border-box;
    color: #222;
    line-height: 1.6;
    overflow-wrap: break-word;
    padding-top: calc(56px + var(--official-logo-header-height));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top
}

label {
    cursor: pointer
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

a {
    text-decoration: none;
    transition: opacity .3s
}

.l-container {
    padding-left: 1rem;
    padding-right: 1rem
}

.l-footer {
    background-color: #f5f5f3
}

.l-footer__inner {
    padding-bottom: 23px;
    padding-top: 56px
}

.l-article-list+.l-footer .l-footer__inner {
    padding-bottom: 103px;
    padding-top: 56px
}

.p-footer__copyright {
    color: #a0a0a0;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 160%;
    text-align: center
}

.header-logo-wrap {
    width: 100%;
    position: fixed;
    z-index: 1001;
    background-color: #fff;
    text-align: center;
    top: 0;
    left: 0;
    box-shadow: 0px -4px 4px 3px #C0C0C0;
    transition: all 0.5s ease-out;
}

.header-logo-wrap>div {
    height: var(--official-logo-header-height);
}

.header-logo {
    padding-top: 3px;
    display: block;
    max-width: 180px;
    line-height: 1.0;
    margin: 0 auto;
}

.l-header {
    background-color: #f5f5f3;
    left: 0;
    position: fixed;
    right: 0;
    top: var(--official-logo-header-height);
    z-index: 2
}

.l-header__inner {
    box-sizing: border-box;
    height: 56px;
    justify-content: flex-start;
    padding: 8px 24px
}

.l-header__inner,
.l-header__menu-button {
    align-items: center;
    display: flex;
    position: relative
}

.l-header__menu-button {
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
    z-index: 1001
}

.l-header__menu-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M4.5 7a.48.48 0 0 1-.356-.144A.49.49 0 0 1 4 6.499q0-.213.144-.356A.49.49 0 0 1 4.5 6h15q.212 0 .356.144a.49.49 0 0 1 .144.357q0 .213-.144.356A.48.48 0 0 1 19.5 7zm0 11a.48.48 0 0 1-.356-.144.49.49 0 0 1-.144-.357q0-.212.144-.356A.49.49 0 0 1 4.5 17h15q.212 0 .356.144a.49.49 0 0 1 .144.357q0 .212-.144.356A.48.48 0 0 1 19.5 18zm0-5.5a.48.48 0 0 1-.356-.144.49.49 0 0 1-.144-.357q0-.212.144-.356A.49.49 0 0 1 4.5 11.5h15q.212 0 .356.144a.49.49 0 0 1 .144.357q0 .212-.144.356a.48.48 0 0 1-.356.143z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    transition: background-image .3s ease;
    width: 24px
}

.l-header__menu-button.is-active .l-header__menu-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m12 12.708-5.246 5.246a.5.5 0 0 1-.345.15.47.47 0 0 1-.363-.15.5.5 0 0 1-.16-.354.5.5 0 0 1 .16-.354L11.292 12 6.046 6.754a.5.5 0 0 1-.15-.344.47.47 0 0 1 .15-.364.5.5 0 0 1 .354-.16.5.5 0 0 1 .354.16L12 11.293l5.246-5.247a.5.5 0 0 1 .345-.15.47.47 0 0 1 .363.15.5.5 0 0 1 .16.354.5.5 0 0 1-.16.354L12.708 12l5.246 5.247a.5.5 0 0 1 .15.344.47.47 0 0 1-.15.363.5.5 0 0 1-.354.16.5.5 0 0 1-.354-.16z'/%3E%3C/g%3E%3C/svg%3E")
}

.l-header__menu {
    background-color: rgba(0, 0, 0, .5);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

.l-header__menu.is-active {
    opacity: 1;
    visibility: visible
}

.l-header__menu-inner {
    background-color: #f8f6f3;
    box-sizing: border-box;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding: 0 18px 103px;
    position: absolute;
    top: var(--official-logo-header-height);
    transform: translateX(-100%);
    transition: transform .3s ease;
    width: 100%;
    height: calc(100% - var(--official-logo-header-height));
}

.l-header__menu.is-active .l-header__menu-inner {
    transform: translateX(0)
}

.l-header__menu-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 100vh;
    padding: 0
}

.l-header__menu-header {
    background-color: #f8f6f3;
    height: 56px;
    justify-content: space-between
}

.l-header__menu-close,
.l-header__menu-header {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.l-header__menu-close {
    background: none;
    border: none;
    cursor: pointer;
    justify-content: center;
    padding: 0
}

.l-header__menu-close,
.l-header__menu-close-icon {
    height: 24px;
    width: 24px
}

.l-header__menu-logo {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.l-header__menu-logo-text {
    align-items: center;
    display: flex;
    gap: 0;
    position: relative
}

.l-header__menu-logo-pregnancy {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 16.5466px;
    font-weight: 500;
    line-height: 1
}

.l-header__menu-logo-journey {
    margin-left: 8px;
    position: relative
}

.l-header__menu-logo-journey-main {
    color: #222;
    font-family: Montserrat Alternates, sans-serif;
    font-size: 30.4099px;
    font-weight: 700;
    line-height: 1
}

.l-header__menu-logo-journey-main:after {
    content: attr(data-text);
    font-size: 24.1491px
}

.l-header__menu-logo-journey-sub {
    color: #222;
    font-family: A-OTF Shin Maru Go Pro, sans-serif;
    font-size: 7.15528px;
    font-weight: 700;
    left: -20.6709px;
    letter-spacing: -1.00174px;
    line-height: 1;
    position: absolute;
    top: 2.684px
}

.l-header__menu-all-articles-btn {
    align-items: center;
    background-color: #32c18e;
    border-radius: 999px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 16px 24px;
    text-decoration: none;
    transition: background-color .2s ease
}

.l-header__menu-all-articles-btn .l-header__menu-all-articles-icon {
    fill: #fff
}

.l-header__menu-all-articles-btn:focus {
    background-color: #fff;
    border: 1px solid #32c18e;
    color: #32c18e
}

.l-header__menu-all-articles-btn:focus .l-header__menu-all-articles-icon {
    fill: #32c18e
}

.l-header__menu-all-articles-text {
    flex-grow: 1;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-left: 24px;
    text-align: center
}

.l-header__menu-all-articles-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.l-header__menu-section:last-child {
    margin-bottom: 0;
    margin-top: 33px
}

.l-header__menu-section-title {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 20px
}

.l-header__menu-pregnancy-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 115px
}

.l-header__menu-pregnancy-tag {
    align-items: center;
    border-radius: 4px;
    color: #222;
    display: flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 300;
    justify-content: center;
    line-height: 1.4;
    text-decoration: none;
    transition: opacity .2s ease
}

.l-header__menu-pregnancy-tag:focus,
.l-header__menu-pregnancy-tag:hover {
    opacity: .7
}

.l-header__menu-pregnancy-tag:focus {
    outline: 2px solid #222;
    outline-offset: 2px
}

.l-header__menu-pregnancy-tag--prep {
    background-color: #eca6a6
}

.l-header__menu-pregnancy-tag--month2 {
    background-color: #58c4c6
}

.l-header__menu-pregnancy-tag--month3 {
    background-color: #f2a25c
}

.l-header__menu-pregnancy-tag--month4 {
    background-color: #deaac3
}

.l-header__menu-pregnancy-tag--month5 {
    background-color: #85c86c
}

.l-header__menu-pregnancy-tag--month6 {
    background-color: #84a4c9
}

.l-header__menu-pregnancy-tag--month7 {
    background-color: #f0806b
}

.l-header__menu-pregnancy-tag--month8 {
    background-color: #62b88b
}

.l-header__menu-pregnancy-tag--month9 {
    background-color: #b99fc9
}

.l-header__menu-pregnancy-tag--month10 {
    background-color: #f7c145
}

.l-header__menu-tag-category+.l-header__menu-tag-category {
    margin-top: 48px
}

.l-header__menu-tag-category-header {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin-bottom: 19px;
    max-width: 335px
}

.l-header__menu-tag-category-line {
    border-top: 1.2px solid #222;
    height: 0;
    transform: rotate(90deg);
    width: 32px
}

.l-header__menu-tag-category-label {
    color: #222;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 140%;
    opacity: 1;
    padding: 4px 8px 4px 12px;
    position: relative;
    transition: opacity .3s ease
}

.l-header__menu-tag-category-label:focus {
    opacity: .7
}

.l-header__menu-tag-category-label:before {
    background-color: #222;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1
}

.l-header__menu-tag-category-label span {
    position: relative;
    z-index: 2
}

.l-header__menu-tag-category-label:after {
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: skewX(-30deg);
    transform-origin: 0 100%;
    width: 100%;
    z-index: 1
}

.l-header__menu-tag-category-label.--light-blue {
    background-color: #58c4c6
}

.l-header__menu-tag-category-label.--pink {
    background-color: #eca6a6
}

.l-header__menu-tag-category-label.--yellow {
    background-color: #f7c145
}

.l-header__menu-tag-category-label.--purple {
    background-color: #b99fc9
}

.l-header__menu-tag-category-label.--green {
    background-color: #62b88b
}

.l-header__menu-tag-category-label.--light-green {
    background-color: #85c86c
}

.l-header__menu-tag-category-label.--coral {
    background-color: #f0806b
}

.l-header__menu-tag-category-label.--blue {
    background-color: #84a4c9
}

.l-header__menu-tag-category-label.--orange {
    background-color: #f2a25c
}

.l-header__menu-tag-category-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    padding-bottom: 2px;
    position: relative
}

.l-header__menu-tag-category-more:after {
    background-color: #222;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .2s ease;
    width: 100%
}

.l-header__menu-tag-category-more:focus:after {
    background-color: transparent
}

.l-header__menu-tag-category-more:focus .c-icon-button {
    background: #fff
}

.l-header__menu-tag-category-more:focus .c-icon-button svg {
    fill: #32c18e
}

.l-header__menu-tag-category-more-text {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.l-header__menu-tag-category-more-icon {
    height: 24px;
    width: 24px
}

.l-header__menu-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.l-header__menu-tag {
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
    display: flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    gap: 2px;
    line-height: 1.4;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s ease
}

.l-header__menu-tag:focus {
    background: #f1ece5
}

.l-header__menu-tag-hash {
    font-weight: 600
}

.l-header__menu-tag-hash.--pink {
    color: #eca6a6
}

.l-header__menu-tag-hash.--coral {
    color: #f0806b
}

.l-header__menu-tag-hash.--orange {
    color: #f2a25c
}

.l-header__menu-tag-hash.--yellow {
    color: #f7c145
}

.l-header__menu-tag-hash.--light-green {
    color: #85c86c
}

.l-header__menu-tag-hash.--green {
    color: #62b88b
}

.l-header__menu-tag-hash.--light-blue {
    color: #58c4c6
}

.l-header__menu-tag-hash.--blue {
    color: #84a4c9
}

.l-header__menu-tag-hash.--purple {
    color: #b99fc9
}

.l-header__menu-tag-text {
    color: #222;
    font-weight: 300
}

.l-header__menu-external-links {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.l-header__menu-external-link {
    align-items: flex-start;
    color: #222;
    display: flex;
    gap: 12px;
    text-decoration: none;
    transition: opacity .2s ease
}

.l-header__menu-external-link:focus,
.l-header__menu-external-link:hover {
    opacity: .7
}

.l-header__menu-external-link:focus {
    outline: 2px solid #222;
    outline-offset: 2px
}

.l-header__menu-external-link-text {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.l-header__menu-external-link-icon {
    flex-shrink: 0;
    height: 32px;
    width: 32px
}

body.is-menu-active {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%
}

.l-header__logo {
    display: flex;
    flex-shrink: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 10
}

.l-header__logo-svg {
    display: block;
    height: 100%;
    width: 100%;
    fill: #222
}

.l-header__logo--initial {
    visibility: visible
}

.l-header__menu-section--tags {
    margin-top: 30px
}

.l-header__sticky-filter-container.is-visible {
    opacity: 1;
    visibility: visible
}

.l-header__sticky-filter-container.is-visible .l-header__sticky-filter {
    justify-content: center
}

.l-header__sticky-filter {
    background-color: #fff;
    background: #e7e7e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    left: 0;
    padding: 8px 20px;
    position: fixed;
    right: 0;
    top: calc(56px + var(--official-logo-header-height));
    z-index: 1
}

.l-header__sticky-filter-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1440px;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden
}

.l-header__sticky-filter-container .p-search-area__filter-item:first-child {
    max-width: 144px
}

.l-header__sticky-filter-container .p-search-area__filter-item:nth-child(2) {
    max-width: 158px
}

.l-header__sticky-filter .p-search-area__filter-row {
    max-width: 375px;
    width: 100%
}

button.l-header__search-icon {
    align-items: center;
    background-color: #32c18e;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 40px
}

button.l-header__search-icon svg {
    height: 100%;
    width: 100%
}

.l-main {
    background-color: #f5f5f3
}

.c-icon-button {
    align-items: center;
    background: #32c18e;
    border: 1px solid #32c18e;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 24px
}

.c-icon-button svg {
    height: auto;
    width: 10.47px;
    fill: #fff;
    transition: all .3s ease
}

.c-icon-button--small {
    height: 16px;
    width: 16px
}

.c-icon-button--small svg {
    width: 6.47px
}

.c-icon-button--large {
    height: 32px;
    width: 32px
}

.c-icon-button--large svg {
    width: 14px
}

.p-about {
    overflow: hidden;
    padding: 56px 20px 0
}

.p-about__inner {
    background: #f3efe7;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 144px 56.5px 104px 42px;
    position: relative
}

.p-about__illustration {
    flex-shrink: 0;
    margin-inline: auto;
    max-width: 236.5px;
    position: relative;
    width: 100%
}

.p-about__illustration-logo {
    position: relative;
    z-index: 1
}

.p-about__illustration-main {
    position: absolute;
    right: 0;
    top: -23px
}

.p-about__people {
    display: flex
}

.p-about__illustration-sub {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.p-about__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 .5px 0 14px;
    width: 100%
}

.p-about__title {
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

.p-about__description,
.p-about__title {
    color: #222;
    font-size: 14px;
    line-height: 1.6
}

.p-about__description {
    font-weight: 300
}

.p-about__description p {
    margin: 0
}

.p-about__description p:not(:last-child) {
    margin-bottom: 0
}

.p-about__compass-circle {
    height: 145px;
    position: absolute;
    right: -44px;
    top: -29px;
    width: 145px
}

.p-about__compass-text {
    animation: rotateClockwise 15s linear infinite;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-about__text-circle {
    height: 100%;
    width: 100%
}

.p-about__circular-text {
    fill: #222;
    font-family: Montserrat Alternates, sans-serif;
    font-size: 11.2px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.4
}

.p-about__compass {
    height: 78px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 54px
}

.p-about__compass-needle {
    animation: compassSwingMain 4.2s ease-in-out infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%
}

@keyframes rotateClockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes compassSwingMain {
    0% {
        transform: rotate(-12deg)
    }

    25% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    75% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(-12deg)
    }
}

.p-tag-word__inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 16px
}

.p-tag-word__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.p-tag-word__speech-bubble {
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 8px 8px 8px 0;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    padding: 4px 8px;
    position: relative
}

.p-tag-word__title {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    text-align: center
}

.p-tag-word__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 32px auto;
    max-height: 140px;
    overflow: hidden;
    transition: max-height .3s ease
}

.p-tag-word__tags.is-expanded {
    max-height: none
}

.p-tag-word__tag-item {
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
    display: flex;
    font-size: 12px;
    gap: 2px;
    line-height: 1.4;
    padding: 6px 12px;
    transition: background-color .3s ease;
    white-space: nowrap
}

.p-tag-word__tag-item:focus {
    background: #f1ece5
}

.p-tag-word__tag-hash {
    color: #eca6a6;
    font-weight: 600
}

.p-tag-word__tag-text {
    color: #222;
    font-weight: 300
}

.p-tag-word__tag-hash.--pink {
    color: #eca6a6
}

.p-tag-word__tag-hash.--coral {
    color: #f0806b
}

.p-tag-word__tag-hash.--orange {
    color: #f2a25c
}

.p-tag-word__tag-hash.--yellow {
    color: #f7c145
}

.p-tag-word__tag-hash.--light-green {
    color: #85c86c
}

.p-tag-word__tag-hash.--green {
    color: #62b88b
}

.p-tag-word__tag-hash.--light-blue {
    color: #58c4c6
}

.p-tag-word__tag-hash.--blue {
    color: #84a4c9
}

.p-tag-word__tag-hash.--purple {
    color: #b99fc9
}

.p-tag-word__more-btn {
    align-items: center;
    background: none;
    border: none;
    color: #222;
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: 300;
    gap: 2px;
    line-height: 1.4;
    margin: 0 auto;
    padding: 0;
    transition: opacity .3s ease
}

.p-tag-word__more-btn.is-visible {
    display: flex
}

.p-tag-word__more-btn:hover {
    opacity: .7
}

.p-tag-word__more-btn.is-hidden {
    display: none
}

.p-tag-word__more-text {
    white-space: nowrap
}

.p-tag-word__more-icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.p-tag-word__more-icon-close,
.p-tag-word__more-icon-more {
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease
}

.p-tag-word__more-btn.is-expanded .p-tag-word__more-icon-more,
.p-tag-word__more-icon-close {
    opacity: 0
}

.p-tag-word__more-btn.is-expanded .p-tag-word__more-icon-close {
    opacity: 1
}

.p-top-content-wrapper {
    background: #f8f6f3;
    padding-top: 56px
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.p-top-article-list {
    margin-top: 53px
}

.p-top-article-list__head {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.p-top-article-list__title-label {
    color: #a0a0a0;
    font-size: 12px
}

.p-top-article-list__title-label,
.p-top-article-list__title-text {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%
}

.p-top-article-list__title-text {
    color: #222;
    font-size: 18px;
    margin-top: 1px
}

.p-top-article-list__more-link {
    gap: 2px;
    text-decoration: none
}

.p-top-article-list__more-link,
.p-top-article-list__more-link span {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 14px;
    font-weight: 300
}

.p-top-article-list__more-link span {
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-style: normal;
    letter-spacing: 0;
    line-height: 140%
}

.p-top-article-list__more-link:focus .c-icon-button {
    background: #fff
}

.p-top-article-list__more-link:focus .c-icon-button svg {
    fill: #32c18e
}

.p-top-article-list__body {
    margin-top: 22px
}

.p-top-article-list__item {
    max-width: 264px
}

.p-top-article-list__card-wrapper {
    color: #222;
    display: block;
    text-decoration: none
}

.p-top-article-list__card-link {
    display: block;
    margin-top: 18px;
    opacity: 1;
    transition: opacity .3s ease
}

.p-top-article-list__card-link:focus {
    opacity: .7
}

.p-top-article-list__card-category {
    color: #222;
    display: inline-block;
    font-size: 12px;
    opacity: 1;
    padding: 4px 8px 4px 12px;
    position: relative;
    transition: opacity .3s ease
}

.p-top-article-list__card-category:focus {
    opacity: .7
}

.p-top-article-list__card-category:before {
    background-color: #222;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 2
}

.p-top-article-list__card-category span {
    position: relative;
    z-index: 2
}

.p-top-article-list__card-category:after {
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: skewX(-30deg);
    transform-origin: 0 100%;
    width: 100%;
    z-index: 1
}

.p-top-article-list__card-category.-pink {
    background-color: #eca6a6
}

.p-top-article-list__card-category.-coral {
    background-color: #f0806b
}

.p-top-article-list__card-category.-orange {
    background-color: #f2a25c
}

.p-top-article-list__card-category.-yellow {
    background-color: #f7c145
}

.p-top-article-list__card-category.-light-green {
    background-color: #85c86c
}

.p-top-article-list__card-category.-green {
    background-color: #62b88b
}

.p-top-article-list__card-category.-light-blue {
    background-color: #58c4c6
}

.p-top-article-list__card-category.-blue {
    background-color: #84a4c9
}

.p-top-article-list__card-category.-purple {
    background-color: #b99fc9
}


.p-top-article-list__card-figure {
    border-radius: 8px;
    margin-top: 12px;
    overflow: hidden
}

.p-top-article-list__card-figure img {
    vertical-align: bottom
}

.p-top-article-list__card-body {
    margin-top: 12px
}

.p-top-article-list__card-title {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 12px
}

.p-top-article-list__container {
    margin-top: 22px
}

.p-top-article-list__container+.p-top-article-list__container {
    margin-top: 78px
}

.p-top-article-list__card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.p-top-article-list__card-tag {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 140%;
    opacity: 1;
    transition: opacity .3s ease
}

.p-top-article-list__card-tag:focus {
    opacity: .7
}

.p-top-article-list__card-tag-hash,
.p-top-article-list__card-tag-hash.--pink {
    color: #eca6a6
}

.p-top-article-list__card-tag-hash.--coral {
    color: #f0806b
}

.p-top-article-list__card-tag-hash.--orange {
    color: #f2a25c
}

.p-top-article-list__card-tag-hash.--yellow {
    color: #f7c145
}

.p-top-article-list__card-tag-hash.--light-green {
    color: #85c86c
}

.p-top-article-list__card-tag-hash.--green {
    color: #62b88b
}

.p-top-article-list__card-tag-hash.--light-blue {
    color: #58c4c6
}

.p-top-article-list__card-tag-hash.--blue {
    color: #84a4c9
}

.p-top-article-list__card-tag-hash.--purple {
    color: #b99fc9
}

.p-top-article-list__card-tag-text {
    color: #222
}

.p-journey-list {
    margin-top: 56px;
    padding: 0 20px
}

.p-journey-list__inner {
    background: #fff;
    border-radius: 8px;
    padding: 40px 20px 56px
}

.p-journey-list__headingLv2 {
    color: #222;
    font-family: Montserrat Alternates, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 140%;
    text-align: center
}

.p-journey-list__logo-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    color: #E6000F;
    font-size: 22px;
    font-weight: bold;
}

.p-journey-list__list {
    display: flex;
    flex-direction: column;
    margin-top: 53px;
    row-gap: 53px
}

.p-journey-list__item {
    border: 1px solid #32c18e;
    border-radius: 0 8px 8px 0;
    position: relative
}

.p-journey-list__item-link {
    color: #222;
    display: block;
    opacity: 1;
    padding: 17px;
    text-decoration: none;
    transition: opacity .3s ease
}

.p-journey-list__item-link:focus {
    opacity: .7
}

.p-journey-list__item-body {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.p-journey-list__figure {
    text-align: center;
    width: 100%
}

.p-journey-list__img-mask {
    background-position: 50%;
    background-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    padding-top: 66.16%;
    width: 100%
}

.p-journey-list__text-content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.p-journey-list__title-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.p-journey-list__title {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4
}

.p-journey-list__sub-title {
    color: #a0a0a0;
    font-family: Montserrat Alternates, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    line-height: 140%
}

.p-journey-list__icon {
    height: 32px;
    width: 32px
}

.p-journey-list__description {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 160%
}

.p-journey-list__decorations {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -22px;
    width: 100%
}

.p-journey-list__decoration {
    background-color: #32c18e;
    position: absolute
}

.p-journey-list__decoration.-line-1 {
    height: 1px;
    left: 0;
    top: 13px;
    width: 97.2972972973%
}

.p-journey-list__decoration.-line-2 {
    height: .9px;
    left: 0;
    top: 17px;
    width: 97.2972972973%
}

.p-journey-list__decoration.-dot-gray {
    background-color: #e6e6e6;
    height: 16px;
    left: 30px;
    top: 0;
    width: 16px
}

.p-journey-list__decoration.-dot-green {
    background-color: #c1ecdd;
    height: 16px;
    left: 18px;
    top: 5px;
    width: 16px
}

.p-akachan-links {
    margin-top: 32px
}

.p-akachan-links__inner {
    position: relative
}

.p-akachan-links__icon-people {
    bottom: -70px;
    position: absolute;
    right: -40px;
    z-index: 1
}

.p-akachan-links__icon-people .p-akachan-links__icon-person01 {
    width: 75px
}

.p-akachan-links__icon-people .p-akachan-links__icon-person02 {
    width: 61px
}

.p-akachan-links__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.p-akachan-links__item {
    flex: 1 1
}

.p-akachan-links__link {
    align-items: center;
    background: #f8f6f3;
    border-radius: 8px;
    color: #222;
    display: flex;
    gap: 16px;
    opacity: 1;
    padding: 8px;
    text-decoration: none;
    transition: opacity .3s ease
}

.p-akachan-links__link:focus {
    opacity: .7
}

.p-akachan-links__icon-wrapper {
    flex-shrink: 0;
    height: 56px;
    position: relative;
    width: 56px
}

.p-akachan-links__text {
    align-items: center;
    display: flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-weight: 600;
    gap: 4px;
    line-height: 1.4
}

.p-akachan-links__brand {
    color: #222;
    font-size: 12px
}

.p-akachan-links__service {
    color: #222;
    font-size: 14px
}

.p-akachan-links__icon-person02 {
    animation: sway 2s ease-in-out infinite;
    position: relative;
    right: 10px
}

@keyframes sway {

    0%,
    to {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(8deg)
    }
}

.p-top-mv {
    background: #f8f6f3;
    padding-bottom: 70px;
}

.p-top-mv__grid {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    position: relative
}

.p-top-mv__item {
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.p-top-mv__image {
    width: 100%
}

.p-top-mv__image img {
    display: block;
    opacity: 0;
    transition: opacity .8s ease-in-out;
    width: 100%
}

.p-top-mv__image img.is-visible {
    opacity: 1
}

.p-top-mv__item--large-left {
    grid-area: 2/1/span 2/span 2
}

.p-top-mv__item--small-top-left {
    grid-area: 1/1
}

.p-top-mv__item--small-top-center {
    grid-area: 1/2
}

.p-top-mv__item--large-right {
    grid-area: 1/3/span 2/span 2
}

.p-top-mv__item--small-bottom-left {
    grid-area: 3/3
}

.p-top-mv__item--small-bottom-center {
    grid-area: 3/4
}

.p-top-mv__item--pc-left-large,
.p-top-mv__item--pc-left-small-bottom,
.p-top-mv__item--pc-left-small-top,
.p-top-mv__item--pc-right-large,
.p-top-mv__item--pc-right-small-bottom,
.p-top-mv__item--pc-right-small-top {
    display: none
}

.p-top-mv-illust {
    position: relative;
    z-index: 1
}

.p-top-mv-illust__container {
    align-items: flex-end;
    display: flex;
    position: relative
}

.p-top-mv-illust__item {
    will-change: transform
}

.p-top-mv-illust__item img {
    display: block
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-1 {
    left: 3.333333vw;
    position: absolute;
    top: -117px
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-2 {
    left: 24.666667vw;
    position: absolute;
    top: -100px
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-3-1 {
    left: 54vw;
    position: absolute;
    top: -73px;
    z-index: 1
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-3-1 img {
    width: 52px;
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-3-2 {
    left: 63vw;
    position: absolute;
    top: -94px
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-3-2 img {
    width: 52px;
}

.p-top-mv-illust__item.p-top-mv-illust__item--sp-4 {
    left: 82.6666666667vw;
    position: absolute;
    top: -80px
}

.p-search-area {
    background-color: #f1ece5;
    position: relative
}

.p-search-area__container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    padding: 36px 20px 40px;
    position: relative
}

.p-search-area__container,
.p-search-area__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.p-search-area__inner {
    gap: 18px;
    max-width: 375px;
    padding: 0 20px
}

.p-search-area__header {
    align-items: center;
    color: #222;
    display: flex;
    flex-direction: column;
    text-align: center
}

.p-search-area__title {
    align-items: center;
    display: flex;
    gap: 3px;
    margin-bottom: 0
}

.p-search-area__title-number {
    font-family: Montserrat Alternates, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4
}

.p-search-area__subtitle,
.p-search-area__title-text {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4
}

.p-search-area__subtitle {
    margin: 0
}

.p-search-area__form {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%
}

.p-search-area__filters {
    width: 100%
}

.p-search-area__filter-row {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    width: 100%
}

.p-search-area__filter-item:first-child {
    max-width: 144px;
    min-width: 144px
}

.p-search-area__filter-item:last-child {
    max-width: 158px;
    min-width: 158px
}

.p-search-area__select-wrapper {
    align-items: center;
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    padding: 8px 4px 8px 8px;
    position: relative;
    transition: background-color .3s ease
}

.p-search-area__select-wrapper:focus {
    background-color: #f8f8f8
}

.p-search-area__select-wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m11.565 13.873-2.677-2.677a.5.5 0 0 1-.093-.129.34.34 0 0 1-.037-.157q0-.168.11-.289a.38.38 0 0 1 .294-.121h5.677q.18 0 .292.124a.42.42 0 0 1 .111.288q0 .042-.13.284l-2.677 2.677a.7.7 0 0 1-.2.143.55.55 0 0 1-.235.05.55.55 0 0 1-.235-.05.7.7 0 0 1-.2-.143'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 0
}

.p-search-area__select-wrapper--pregnancy:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M5.616 21q-.69 0-1.153-.462A1.57 1.57 0 0 1 4 19.385V6.615q0-.69.463-1.152A1.57 1.57 0 0 1 5.615 5h1.77V3.308a.523.523 0 0 1 .538-.538.523.523 0 0 1 .538.538V5h7.155V3.27q0-.214.143-.357a.48.48 0 0 1 .357-.143q.212 0 .356.143a.48.48 0 0 1 .143.357V5h1.77q.69 0 1.152.463.463.462.463 1.153v12.769q0 .69-.462 1.153a1.57 1.57 0 0 1-1.154.462zm0-1h12.769a.59.59 0 0 0 .423-.192.59.59 0 0 0 .192-.423v-8.77H5v8.77q0 .231.192.423.193.192.423.192M5 9.616h14v-3a.59.59 0 0 0-.192-.423.59.59 0 0 0-.424-.193H5.616a.59.59 0 0 0-.424.193.59.59 0 0 0-.192.423z'/%3E%3C/g%3E%3C/svg%3E")
}

.p-search-area__select-wrapper--parent:before,
.p-search-area__select-wrapper--pregnancy:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 0
}

.p-search-area__select-wrapper--parent:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M6.196 17.485a11.5 11.5 0 0 1 2.706-1.451Q10.333 15.5 12 15.5t3.098.534 2.706 1.45a8 8 0 0 0 1.593-2.42Q20 13.667 20 12q0-3.325-2.337-5.662Q15.325 4 12 4T6.338 6.338 4 12q0 1.667.603 3.063a8 8 0 0 0 1.593 2.422m5.805-4.985q-1.264 0-2.133-.868Q9 10.765 9 9.501t.868-2.133 2.131-.868q1.265 0 2.133.868T15 9.499q0 1.265-.868 2.133-.867.868-2.131.868M12 21a8.9 8.9 0 0 1-3.525-.701 9 9 0 0 1-2.858-1.916 9 9 0 0 1-1.916-2.858A8.9 8.9 0 0 1 3 12q0-1.883.701-3.525a9 9 0 0 1 1.916-2.858 9 9 0 0 1 2.858-1.916A8.9 8.9 0 0 1 12 3q1.883 0 3.525.701a9 9 0 0 1 2.858 1.916 9 9 0 0 1 1.916 2.858A8.9 8.9 0 0 1 21 12q0 1.883-.701 3.525a9 9 0 0 1-1.916 2.858 9 9 0 0 1-2.858 1.916A8.9 8.9 0 0 1 12 21m0-1q1.383 0 2.721-.484 1.338-.483 2.314-1.324a7.7 7.7 0 0 0-2.256-1.237A8.3 8.3 0 0 0 12 16.5q-1.498 0-2.789.445a7 7 0 0 0-2.246 1.247q.976.84 2.314 1.324T12 20m0-8.5q.843 0 1.421-.579Q14 10.341 14 9.5q0-.843-.579-1.421A1.93 1.93 0 0 0 12 7.5q-.843 0-1.421.579Q10 8.659 10 9.5q0 .843.579 1.421.58.579 1.421.579'/%3E%3C/g%3E%3C/svg%3E")
}

.p-search-area__close-button {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px
}

.p-search-area__close-button .p-search-area__icon,
.p-search-area__icon {
    height: 24px;
    width: 24px
}

.p-search-area__icon {
    flex-shrink: 0;
    fill: #fff;
    pointer-events: none;
    transition: fill 295ms cubic-bezier(.455, .03, .515, .955)
}

.p-search-area__icon--dropdown {
    margin-left: auto
}

.p-search-area__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    color: #a0a0a0;
    cursor: pointer;
    flex: 1 1;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    min-width: 0;
    outline: none;
    padding: 0 24px;
    position: relative;
    text-align: left;
    z-index: 1
}

.p-search-area__select:active,
.p-search-area__select:focus,
.p-search-area__select[selected] {
    color: #222
}

.p-search-area__select option {
    background-color: #fff
}

.p-search-area__select option:active,
.p-search-area__select option:checked,
.p-search-area__select option:focus {
    color: #222
}

.p-search-area__select option[value=""] {
    color: #a0a0a0
}

.p-search-area__pregnancy-link {
    display: inline-flex;
    justify-content: flex-start
}

.p-search-area__link {
    align-items: center;
    background: none;
    border: none;
    color: #222;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    position: relative
}

.p-search-area__link:after {
    background-color: #222;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 100%
}

.p-search-area__link:focus:after {
    background-color: transparent
}

.p-search-area__search-button {
    width: 100%
}

.p-search-area__button {
    align-items: center;
    background-color: #32c18e;
    border: 1px solid transparent;
    border-radius: 999px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    padding: 16px 24px;
    transition: background-color 295ms cubic-bezier(.455, .03, .515, .955), color 295ms cubic-bezier(.455, .03, .515, .955), border 295ms cubic-bezier(.455, .03, .515, .955);
    width: 100%
}

.p-search-area__button:focus {
    background-color: #fff;
    border: 1px solid #32c18e;
    color: #32c18e
}

.p-search-area__button:focus .p-search-area__icon {
    fill: #32c18e
}

.p-search-area__button-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4
}

.p-search-area__all-articles {
    display: flex;
    justify-content: center
}

.p-search-area__all-link {
    align-items: center;
    color: #222;
    display: flex;
    gap: 2px;
    text-decoration: none
}

.p-search-area__all-link:focus .c-icon-button {
    background: #fff
}

.p-search-area__all-link:focus .c-icon-button svg {
    fill: #32c18e
}

.p-search-area__all-text {
    color: #222;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.p-search-area__illustrations {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-search-area__illustration {
    position: absolute
}

.p-search-area__illustration--right {
    height: 71px;
    right: -.196px;
    top: 308px;
    width: 202.196px
}

.p-search-area__illustration--right img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.p-search-area__illustration--left {
    height: 77.797px;
    left: 14px;
    overflow: hidden;
    top: 292px;
    width: 67.261px
}

.p-search-area__illustration--left img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.p-search-area__illustration--02 {
    bottom: -16px;
    left: 16px
}

.p-search-area__illustration--02 img {
    height: auto;
    width: 67px
}

.p-search-area__illustration--03 {
    bottom: -25px;
    right: 0
}

.p-search-area__illustration--03 img {
    height: auto;
    width: 202px
}

.p-search-area__pregnancy-calculator {
    display: none;
    margin-top: 12px;
    width: 100%
}

.p-search-area__pregnancy-calculator.is-active {
    display: block
}

.p-search-area__pregnancy-calculator-content {
    align-items: center;
    background-color: #f8f6f3;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px;
    width: 100%
}

.p-search-area__pregnancy-calculator-description {
    margin: 0
}

.p-search-area__pregnancy-calculator-description-text {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    text-align: left
}

.p-search-area__pregnancy-calculator-description-sub-text {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 160%;
    margin-top: 8px
}

.p-search-area__pregnancy-calculator-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 295px;
    width: 100%
}

.p-search-area__pregnancy-calculator-field {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%
}

.p-search-area__pregnancy-calculator-field.is-disabled {
    opacity: .3
}

.p-search-area__pregnancy-calculator-label {
    color: #222;
    flex-shrink: 0;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    white-space: nowrap
}

.p-search-area__pregnancy-calculator-input-wrapper {
    align-items: center;
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    gap: 4px;
    height: 40px;
    justify-content: space-between;
    min-width: 0;
    padding: 8px 4px 8px 8px;
    position: relative
}

.p-search-area__pregnancy-calculator-input-wrapper:hover {
    background-color: #f8f8f8
}

.p-search-area__pregnancy-calculator-input-wrapper.is-disabled {
    cursor: not-allowed
}

.p-search-area__pregnancy-calculator-input-wrapper.is-disabled:hover {
    background-color: #f5f5f5
}

.p-search-area__pregnancy-calculator-input-wrapper.is-disabled .p-search-area__pregnancy-calculator-input {
    color: silver;
    cursor: not-allowed;
    padding-right: 28px
}

.p-search-area__pregnancy-calculator-input-wrapper.is-disabled .p-search-area__icon {
    fill: silver
}

.p-search-area__pregnancy-calculator-input-wrapper--date:before {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M5.616 21q-.69 0-1.153-.462A1.57 1.57 0 0 1 4 19.385V6.615q0-.69.463-1.152A1.57 1.57 0 0 1 5.615 5h1.77V3.308a.523.523 0 0 1 .538-.538.523.523 0 0 1 .538.538V5h7.155V3.27q0-.214.143-.357a.48.48 0 0 1 .357-.143q.212 0 .356.143a.48.48 0 0 1 .143.357V5h1.77q.69 0 1.152.463.463.462.463 1.153v12.769q0 .69-.462 1.153a1.57 1.57 0 0 1-1.154.462zm0-1h12.769a.59.59 0 0 0 .423-.192.59.59 0 0 0 .192-.423v-8.77H5v8.77q0 .231.192.423.193.192.423.192M5 9.616h14v-3a.59.59 0 0 0-.192-.423.59.59 0 0 0-.424-.193H5.616a.59.59 0 0 0-.424.193.59.59 0 0 0-.192.423z'/%3E%3C/g%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M5.616 21q-.69 0-1.153-.462A1.57 1.57 0 0 1 4 19.385V6.615q0-.69.463-1.152A1.57 1.57 0 0 1 5.615 5h1.77V3.308a.523.523 0 0 1 .538-.538.523.523 0 0 1 .538.538V5h7.155V3.27q0-.214.143-.357a.48.48 0 0 1 .357-.143q.212 0 .356.143a.48.48 0 0 1 .143.357V5h1.77q.69 0 1.152.463.463.462.463 1.153v12.769q0 .69-.462 1.153a1.57 1.57 0 0 1-1.154.462zm0-1h12.769a.59.59 0 0 0 .423-.192.59.59 0 0 0 .192-.423v-8.77H5v8.77q0 .231.192.423.193.192.423.192M5 9.616h14v-3a.59.59 0 0 0-.192-.423.59.59 0 0 0-.424-.193H5.616a.59.59 0 0 0-.424.193.59.59 0 0 0-.192.423z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-search-area__pregnancy-calculator-input-wrapper--date:before,
.p-search-area__pregnancy-calculator-input-wrapper--select:after {
    background-color: #222;
    content: "";
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 0
}

.p-search-area__pregnancy-calculator-input-wrapper--select:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m11.565 13.873-2.677-2.677a.5.5 0 0 1-.093-.129.34.34 0 0 1-.037-.157q0-.168.11-.289a.38.38 0 0 1 .294-.121h5.677q.18 0 .292.124a.42.42 0 0 1 .111.288q0 .042-.13.284l-2.677 2.677a.7.7 0 0 1-.2.143.55.55 0 0 1-.235.05.55.55 0 0 1-.235-.05.7.7 0 0 1-.2-.143'/%3E%3C/g%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m11.565 13.873-2.677-2.677a.5.5 0 0 1-.093-.129.34.34 0 0 1-.037-.157q0-.168.11-.289a.38.38 0 0 1 .294-.121h5.677q.18 0 .292.124a.42.42 0 0 1 .111.288q0 .042-.13.284l-2.677 2.677a.7.7 0 0 1-.2.143.55.55 0 0 1-.235.05.55.55 0 0 1-.235-.05.7.7 0 0 1-.2-.143'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-search-area__pregnancy-calculator-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    flex: 1 1;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    min-width: 0;
    outline: none;
    text-align: left
}

.p-search-area__pregnancy-calculator-input:focus {
    color: #222
}

.p-search-area__pregnancy-calculator-input[type=text] {
    cursor: text
}

.p-search-area__pregnancy-calculator-input[type=date] {
    color: #222;
    cursor: pointer;
    position: relative;
    width: 100%
}

.p-search-area__pregnancy-calculator-input[type=date]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1
}

.p-search-area__pregnancy-calculator-input[type=date]::-moz-calendar-picker-indicator {
    opacity: 0
}

.p-search-area__pregnancy-calculator-input[type=date]::-webkit-date-and-time-value {
    text-align: left
}

.p-search-area__pregnancy-calculator-input option {
    background-color: #fff;
    color: #222
}

.p-search-area__pregnancy-calculator-input option[value=""] {
    color: #a0a0a0
}

.p-search-area__pregnancy-calculator-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.p-search-area__pregnancy-calculator-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    justify-content: center;
    line-height: 1.4;
    padding: 16px 24px;
    transition: background-color 295ms cubic-bezier(.455, .03, .515, .955), color 295ms cubic-bezier(.455, .03, .515, .955), border 295ms cubic-bezier(.455, .03, .515, .955)
}

.p-search-area__pregnancy-calculator-button--clear {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #222;
    font-weight: 300;
    min-width: 112px
}

.p-search-area__pregnancy-calculator-button--clear:focus {
    background-color: #f8f8f8
}

.p-search-area__pregnancy-calculator-button--calculate {
    background-color: #fff;
    border: 1px solid #32c18e;
    color: #27b280;
    font-weight: 600;
    min-width: 175px
}

.p-search-area__pregnancy-calculator-button--calculate:focus {
    background-color: #32c18e;
    color: #fff
}

.p-search-area__pregnancy-calculator-message {
    color: #27b280;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 160%;
    text-align: center
}

.p-search-area__pregnancy-calculator-pregnancy-message {
    border-bottom: 1px solid #27b280;
    padding-bottom: 4px
}

.p-search-area__pregnancy-calculator-pregnancy-message span {
    font-size: 22px
}

.p-pregnancy-month__inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 56px
}

.p-pregnancy-month__header {
    margin-bottom: 48px;
    text-align: center
}

.p-pregnancy-month__speech-bubble {
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 8px 8px 8px 0;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    padding: 4px 8px;
    position: relative
}

.p-pregnancy-month__speech-bubble p {
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.p-pregnancy-month__title {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.p-pregnancy-month__row {
    margin-bottom: 24px
}

.p-pregnancy-month__row:last-child {
    margin-bottom: 0
}

.p-pregnancy-month__row--first {
    border-bottom: 2px solid #222;
    display: flex;
    padding-bottom: 0
}

.p-pregnancy-month__row--second {
    align-items: flex-end;
    border-bottom: 2px solid #222;
    display: flex;
    padding-left: 16px;
    padding-right: 111px;
    position: relative
}

.p-pregnancy-month__months-wrapper {
    display: flex;
    width: 100%
}

.p-pregnancy-month__item {
    flex-grow: 1
}

.p-pregnancy-month__item img {
    width: 100%
}

.p-pregnancy-month__item02 {
    flex-grow: 1
}

.p-pregnancy-month__item02 img {
    width: 100%
}

.p-pregnancy-month__item--preparation {
    bottom: -4px;
    position: relative
}

.p-pregnancy-month__link {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.p-pregnancy-month__link:focus {
    transition: all .3s ease
}

.p-pregnancy-month__link:focus .p-pregnancy-month__arrow {
    background: #222;
    border: 1px solid #fff
}

.p-pregnancy-month__link:focus .p-pregnancy-month__arrow svg {
    fill: #fff
}

.p-pregnancy-month__image {
    display: block;
    height: auto;
    width: 100%
}

.p-pregnancy-month__illustration {
    height: 223px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 104px
}

.p-pregnancy-month__illust-img {
    height: 100%;
    width: 100%
}

.p-pregnancy-month__footer {
    display: inline-block;
    margin-top: 24px
}

.p-pregnancy-month__footer-link {
    color: #222;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    text-decoration: underline;
    text-underline-offset: 2px
}

.p-pregnancy-month__row .p-pregnancy-month__item02:last-child,
.p-pregnancy-month__row .p-pregnancy-month__item:last-child {
    border-right: 1px solid #222
}

.p-pregnancy-month__box {
    align-items: center;
    background-color: #58c4c6;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px 6px;
    position: relative;
    text-decoration: none
}

.p-pregnancy-month__label {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1
}

.p-pregnancy-month__number-wrapper {
    align-items: center;
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 0;
    width: 100%
}

.p-pregnancy-month__number {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4
}

.p-pregnancy-month__number,
.p-pregnancy-month__unit {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif
}

.p-pregnancy-month__unit {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.1;
    margin-top: -4px;
    writing-mode: vertical-rl
}

.p-pregnancy-month__arrow {
    align-items: center;
    background: #fff;
    border: 1px solid #222;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-top: auto;
    transition: all .3s ease;
    width: 24px
}

.p-pregnancy-month__arrow svg {
    height: auto;
    width: 10.47px;
    fill: #222;
    transition: all .3s ease
}

.p-pregnancy-month__item--month1 {
    height: auto;
    padding: 0 16px;
    transform: rotate(10deg)
}

.p-pregnancy-month__item--month1 .p-pregnancy-month__number {
    writing-mode: vertical-rl
}

.p-pregnancy-month__item--month1 .p-pregnancy-month__box {
    background-color: #eca6a6;
    border-bottom: 1px solid #222;
    border-right: 1px solid #222
}

.p-pregnancy-month__item--month2 .p-pregnancy-month__box {
    background-color: #58c4c6
}

.p-pregnancy-month__item--month3 .p-pregnancy-month__box {
    background-color: #f2a25c
}

.p-pregnancy-month__item--month4 .p-pregnancy-month__box {
    background-color: #deaac3
}

.p-pregnancy-month__item--month5 .p-pregnancy-month__box {
    background-color: #85c86c
}

.p-pregnancy-month__item--month6 .p-pregnancy-month__box {
    background-color: #84a4c9
}

.p-pregnancy-month__item--month7 .p-pregnancy-month__box {
    background-color: #f0806b
}

.p-pregnancy-month__item--month8 .p-pregnancy-month__box {
    background-color: #62b88b
}

.p-pregnancy-month__item--month9 .p-pregnancy-month__box {
    background-color: #b99fc9
}

.p-pregnancy-month__item--month10 .p-pregnancy-month__box {
    background-color: #f7c145
}

.p-pregnancy-month__content-wrapper {
    margin-top: 22px
}

#article-list .l-header__sticky-filter-container {
    display: none
}

.p-article-list {
    margin-top: 40px;
    padding: 0 20px
}

.p-article-list__list {
    -moz-column-gap: 21px;
    column-gap: 21px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px
}

.p-article-list__link {
    color: inherit;
    display: block;
    text-decoration: none;
    transition: opacity .3s ease
}

.p-article-list__link:focus {
    opacity: .7
}

.p-article-list__image-wrapper {
    position: relative;
    width: 100%
}

.p-article-list__image {
    border-radius: 8px;
    overflow: hidden
}

.p-article-list__image img {
    width: 100%
}

.p-article-list__content {
    display: flex;
    flex-direction: column;
    margin-top: 12px
}

.p-article-list__subtitle {
    font-size: 12px;
    font-weight: 300
}

.p-article-list__subtitle,
.p-article-list__title {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    line-height: 1.6
}

.p-article-list__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px
}

.p-article-list__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px
}

.p-article-list__tag-link {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    opacity: 1;
    transition: opacity .3s ease;
    white-space: nowrap
}

.p-article-list__tag-link:focus {
    opacity: .7
}

.p-article-list__tag-hash,
.p-article-list__tag-hash.--pink {
    color: #eca6a6
}

.p-article-list__tag-hash.--coral {
    color: #f0806b
}

.p-article-list__tag-hash.--orange {
    color: #f2a25c
}

.p-article-list__tag-hash.--yellow {
    color: #f7c145
}

.p-article-list__tag-hash.--light-green {
    color: #85c86c
}

.p-article-list__tag-hash.--green {
    color: #62b88b
}

.p-article-list__tag-hash.--light-blue {
    color: #58c4c6
}

.p-article-list__tag-hash.--blue {
    color: #84a4c9
}

.p-article-list__tag-hash.--purple {
    color: #b99fc9
}

.p-article-list__tag-text {
    color: #222
}

.p-article-list__headingLv1 {
    font-size: 18px;
    margin-top: 16px;
    padding: 0 20px
}

.p-article-list__headingLv1,
.p-article-list__headingLv1 span {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%
}

.p-article-list__headingLv1 span {
    font-size: 12px
}

.p-pagination {
    gap: 16px
}

.p-pagination,
.p-pagination__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0
}

.p-pagination__list {
    gap: 8px;
    list-style: none;
    margin: 0
}

.p-pagination__item {
    flex-shrink: 0
}

.p-pagination__item--next,
.p-pagination__item--prev {
    height: 24px;
    width: 24px
}

.p-pagination__item--next .p-pagination__link,
.p-pagination__item--prev .p-pagination__link {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 24px
}

.p-pagination__link {
    align-items: center;
    background-color: transparent;
    border-radius: 999px;
    box-sizing: border-box;
    color: #222;
    display: flex;
    flex-direction: column;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 11.5px 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 40px
}

.p-pagination__link.is-active {
    background-color: #fff;
    color: #222
}

.p-pagination__arrow {
    height: 24px;
    width: 24px
}

.p-article-list__pagination {
    margin-top: 40px;
    text-align: center
}

.p-pagination__next-button,
.p-pagination__prev-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.p-pagination__next-button.is-disabled,
.p-pagination__prev-button.is-disabled {
    cursor: not-allowed;
    opacity: .3
}

.p-pagination__item--all-next,
.p-pagination__item--all-prev {
    height: 24px;
    width: 24px
}

.p-pagination__all-next-button,
.p-pagination__all-prev-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.p-pagination__all-next-button.is-disabled,
.p-pagination__all-prev-button.is-disabled {
    cursor: not-allowed;
    opacity: .3
}

.p-breadcrumb {
    padding: 0 20px
}

.p-breadcrumb__list {
    align-items: center;
    color: #a0a0a0;
    display: flex;
    flex-direction: row;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 10px;
    font-weight: 300;
    gap: 4px;
    justify-content: flex-start;
    line-height: 1.4;
    list-style: none;
    margin: 0;
    padding: 0
}

.p-breadcrumb__item {
    flex-shrink: 0
}

.p-breadcrumb__link {
    color: #a0a0a0;
    text-decoration: none
}

.p-breadcrumb__link:hover {
    text-decoration: underline
}

.p-breadcrumb__separator {
    color: #a0a0a0;
    flex-shrink: 0
}

.p-filter-modal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    transition: all .3s ease;
    z-index: 1000
}

.p-filter-modal.is-active .p-filter-modal__content {
    transform: translateY(0)
}

.p-filter-modal.is-active .p-filter-modal__backdrop {
    opacity: .5;
    pointer-events: all
}

.p-filter-modal.is-active .p-filter-modal__trigger-container {
    display: none
}

.p-filter-modal__trigger {
    bottom: 24px;
    left: 20px;
    position: fixed;
    right: 20px;
    z-index: 1001
}

.p-filter-modal__trigger-container {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0 auto;
    max-width: 335px;
    width: 100%
}

.p-filter-modal__trigger-button {
    align-items: center;
    background-color: #32c18e;
    border: none;
    border-radius: 50%;
    box-shadow: 0 -8px 16px rgba(0, 0, 0, .16);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 64px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 64px
}

.p-filter-modal__trigger-button:hover {
    background-color: #27b280
}

.p-filter-modal__trigger-icon {
    display: flex
}

.p-filter-modal__trigger-icon svg {
    height: 100%;
    width: 100%;
    fill: #fff
}

.p-filter-modal__trigger-text {
    color: #fff;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap
}

.p-filter-modal__selected-filters-wrapper {
    background-color: #32c18e;
    border-radius: 999px;
    flex: 1 1;
    padding: 8px 0
}

.p-filter-modal__selected-filters {
    margin-inline: auto
}

.p-filter-modal__selected-filters .splide__arrows {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.p-filter-modal__selected-filters .splide__arrow {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    pointer-events: all;
    position: absolute;
    width: 24px
}

.p-filter-modal__selected-filters .splide__arrow svg {
    height: 100%;
    width: 100%;
    fill: #fff
}

.p-filter-modal__selected-filters .splide__arrow--prev {
    left: -28px
}

.p-filter-modal__selected-filters .splide__arrow--next {
    right: -28px
}

.p-filter-modal__selected-filter-item {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font: inherit;
    height: 100%;
    padding: 6px 0;
    width: 61px
}

.p-filter-modal__selected-filter-item--selected,
.p-filter-modal__selected-filter-item[aria-pressed=true] {
    background-color: #e0f5ee
}

.p-filter-modal__selected-filter-item--selected .p-filter-modal__selected-filter-label,
.p-filter-modal__selected-filter-item--selected .p-filter-modal__selected-filter-number,
.p-filter-modal__selected-filter-item--selected .p-filter-modal__selected-filter-unit,
.p-filter-modal__selected-filter-item[aria-pressed=true] .p-filter-modal__selected-filter-label,
.p-filter-modal__selected-filter-item[aria-pressed=true] .p-filter-modal__selected-filter-number,
.p-filter-modal__selected-filter-item[aria-pressed=true] .p-filter-modal__selected-filter-unit {
    color: #27b280;
    font-weight: 600
}

.p-filter-modal__selected-filter-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    width: 100%
}

.p-filter-modal__selected-filter-label {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: -3px
}

.p-filter-modal__selected-filter-value {
    align-items: baseline;
    display: flex;
    gap: 0;
    justify-content: center;
    margin-bottom: -3px
}

.p-filter-modal__selected-filter-number {
    font-size: 18px
}

.p-filter-modal__selected-filter-number,
.p-filter-modal__selected-filter-unit {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-weight: 300;
    line-height: 1.4
}

.p-filter-modal__selected-filter-unit {
    font-size: 12px
}

.p-filter-modal__backdrop {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    z-index: 999
}

.p-filter-modal__content {
    background-color: #fff;
    border-radius: 24px 24px 0 0;
    bottom: 0;
    box-shadow: 0 -8px 16px rgba(0, 0, 0, .16);
    left: 0;
    max-height: 80vh;
    overflow-y: auto;
    position: fixed;
    right: 0;
    transform: translateY(100%);
    transition: transform .3s ease;
    z-index: 1000
}

.p-filter-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0;
    position: relative
}

.p-filter-modal__close-button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px
}

.p-filter-modal__close-button svg {
    height: 32px;
    width: 32px;
    fill: #222
}

.p-filter-modal__title {
    color: #222;
    flex: 1 1;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    margin-right: 32px;
    text-align: center
}

.p-filter-modal__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px
}

.p-filter-modal__section {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.p-filter-modal__section-title {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4
}

.p-filter-modal__pregnancy-selector {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 32px
}

.p-filter-modal__pregnancy-slider {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    position: relative;
    width: 100%
}

.p-filter-modal__pregnancy-slider .splide__arrow {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 24px;
    padding: 0;
    width: 24px
}

.p-filter-modal__pregnancy-slider .splide__arrow svg {
    height: 100%;
    width: 100%;
    fill: #222
}

.p-filter-modal__pregnancy-slider .splide__arrow--prev {
    left: -32px
}

.p-filter-modal__pregnancy-slider .splide__arrow--next {
    right: -32px
}

.p-filter-modal__pregnancy-month-slide {
    max-width: 91px;
    min-width: 91px
}

.p-filter-modal__pregnancy-month {
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    padding: 11px;
    transition: background-color .3s ease, border .3s ease
}

.p-filter-modal__pregnancy-month:hover {
    background-color: #e8e8e8
}

.p-filter-modal__pregnancy-month.is-selected {
    background-color: #e0f5ee;
    border: 1px solid #32c18e
}

.p-filter-modal__pregnancy-month.is-selected .p-filter-modal__pregnancy-month-label,
.p-filter-modal__pregnancy-month.is-selected .p-filter-modal__pregnancy-month-number,
.p-filter-modal__pregnancy-month.is-selected .p-filter-modal__pregnancy-month-unit {
    color: #27b280;
    font-weight: 600
}

.p-filter-modal__pregnancy-month-label {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.4
}

.p-filter-modal__pregnancy-month-value {
    align-items: baseline;
    display: flex;
    gap: 0;
    justify-content: center;
    margin-bottom: -3px
}

.p-filter-modal__pregnancy-month-number {
    font-size: 18px
}

.p-filter-modal__pregnancy-month-number,
.p-filter-modal__pregnancy-month-unit {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-weight: 300;
    line-height: 1.4
}

.p-filter-modal__pregnancy-month-unit {
    font-size: 12px
}

.p-filter-modal__pregnancy-calculator-link {
    border-top: 1px solid #222;
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.p-filter-modal__calculator-link {
    align-items: center;
    background: none;
    border: none;
    color: #222;
    cursor: pointer;
    display: flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    justify-content: space-between;
    line-height: 1.4;
    padding: 0;
    position: relative;
    width: 100%
}

.p-filter-modal__calculator-link:after {
    background-color: #222;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.p-filter-modal__accordion-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px;
    fill: #222
}

.p-filter-modal__pregnancy-calculator {
    display: none;
    margin-top: 12px;
    width: 100%
}

.p-filter-modal__pregnancy-calculator.is-active {
    display: block
}

.p-filter-modal__pregnancy-calculator-content {
    align-items: center;
    background-color: #f8f6f3;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    width: 100%
}

.p-filter-modal__pregnancy-calculator-description {
    margin: 0;
    text-align: center
}

.p-filter-modal__pregnancy-calculator-description p {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    margin: 0
}

.p-filter-modal__pregnancy-calculator-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 295px;
    width: 100%
}

.p-filter-modal__pregnancy-calculator-field {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%
}

.p-filter-modal__pregnancy-calculator-field.is-disabled {
    opacity: .3
}

.p-filter-modal__pregnancy-calculator-label {
    color: #222;
    flex-shrink: 0;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    white-space: nowrap
}

.p-filter-modal__pregnancy-calculator-input-wrapper {
    align-items: center;
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    gap: 4px;
    min-width: 0;
    padding: 8px 4px 8px 8px;
    position: relative
}

.p-filter-modal__pregnancy-calculator-input-wrapper:hover {
    background-color: #f8f8f8
}

.p-filter-modal__pregnancy-calculator-input-wrapper.is-disabled {
    cursor: not-allowed
}

.p-filter-modal__pregnancy-calculator-input-wrapper.is-disabled:hover {
    background-color: #f5f5f5
}

.p-filter-modal__pregnancy-calculator-input-wrapper.is-disabled .p-filter-modal__pregnancy-calculator-input {
    color: silver;
    cursor: not-allowed;
    padding-right: 28px
}

.p-filter-modal__pregnancy-calculator-input-wrapper--date:before {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M5.616 21q-.69 0-1.153-.462A1.57 1.57 0 0 1 4 19.385V6.615q0-.69.463-1.152A1.57 1.57 0 0 1 5.615 5h1.77V3.308a.523.523 0 0 1 .538-.538.523.523 0 0 1 .538.538V5h7.155V3.27q0-.214.143-.357a.48.48 0 0 1 .357-.143q.212 0 .356.143a.48.48 0 0 1 .143.357V5h1.77q.69 0 1.152.463.463.462.463 1.153v12.769q0 .69-.462 1.153a1.57 1.57 0 0 1-1.154.462zm0-1h12.769a.59.59 0 0 0 .423-.192.59.59 0 0 0 .192-.423v-8.77H5v8.77q0 .231.192.423.193.192.423.192M5 9.616h14v-3a.59.59 0 0 0-.192-.423.59.59 0 0 0-.424-.193H5.616a.59.59 0 0 0-.424.193.59.59 0 0 0-.192.423z'/%3E%3C/g%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='M5.616 21q-.69 0-1.153-.462A1.57 1.57 0 0 1 4 19.385V6.615q0-.69.463-1.152A1.57 1.57 0 0 1 5.615 5h1.77V3.308a.523.523 0 0 1 .538-.538.523.523 0 0 1 .538.538V5h7.155V3.27q0-.214.143-.357a.48.48 0 0 1 .357-.143q.212 0 .356.143a.48.48 0 0 1 .143.357V5h1.77q.69 0 1.152.463.463.462.463 1.153v12.769q0 .69-.462 1.153a1.57 1.57 0 0 1-1.154.462zm0-1h12.769a.59.59 0 0 0 .423-.192.59.59 0 0 0 .192-.423v-8.77H5v8.77q0 .231.192.423.193.192.423.192M5 9.616h14v-3a.59.59 0 0 0-.192-.423.59.59 0 0 0-.424-.193H5.616a.59.59 0 0 0-.424.193.59.59 0 0 0-.192.423z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-filter-modal__pregnancy-calculator-input-wrapper--date:before,
.p-filter-modal__pregnancy-calculator-input-wrapper--select:after {
    background-color: #222;
    content: "";
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 0
}

.p-filter-modal__pregnancy-calculator-input-wrapper--select:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m11.565 13.873-2.677-2.677a.5.5 0 0 1-.093-.129.34.34 0 0 1-.037-.157q0-.168.11-.289a.38.38 0 0 1 .294-.121h5.677q.18 0 .292.124a.42.42 0 0 1 .111.288q0 .042-.13.284l-2.677 2.677a.7.7 0 0 1-.2.143.55.55 0 0 1-.235.05.55.55 0 0 1-.235-.05.7.7 0 0 1-.2-.143'/%3E%3C/g%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23222' d='m11.565 13.873-2.677-2.677a.5.5 0 0 1-.093-.129.34.34 0 0 1-.037-.157q0-.168.11-.289a.38.38 0 0 1 .294-.121h5.677q.18 0 .292.124a.42.42 0 0 1 .111.288q0 .042-.13.284l-2.677 2.677a.7.7 0 0 1-.2.143.55.55 0 0 1-.235.05.55.55 0 0 1-.235-.05.7.7 0 0 1-.2-.143'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-filter-modal__pregnancy-calculator-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    flex: 1 1;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    min-width: 0;
    outline: none;
    text-align: left
}

.p-filter-modal__pregnancy-calculator-input:focus {
    color: #222
}

.p-filter-modal__pregnancy-calculator-input[type=text] {
    cursor: text
}

.p-filter-modal__pregnancy-calculator-input[type=date] {
    color: #222;
    cursor: pointer;
    position: relative;
    width: 100%
}

.p-filter-modal__pregnancy-calculator-input[type=date]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1
}

.p-filter-modal__pregnancy-calculator-input[type=date]::-moz-calendar-picker-indicator {
    opacity: 0
}

.p-filter-modal__pregnancy-calculator-input option {
    background-color: #fff;
    color: #222
}

.p-filter-modal__pregnancy-calculator-input option[value=""] {
    color: #a0a0a0
}

.p-filter-modal__pregnancy-calculator-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.p-filter-modal__pregnancy-calculator-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    justify-content: center;
    line-height: 1.4;
    padding: 16px 24px;
    transition: background-color 295ms cubic-bezier(.455, .03, .515, .955), color 295ms cubic-bezier(.455, .03, .515, .955), border 295ms cubic-bezier(.455, .03, .515, .955)
}

.p-filter-modal__pregnancy-calculator-button--clear {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #222;
    font-weight: 300;
    min-width: 112px
}

.p-filter-modal__pregnancy-calculator-button--clear:hover {
    background-color: #f8f8f8
}

.p-filter-modal__pregnancy-calculator-button--calculate {
    background-color: #fff;
    border: 1px solid #32c18e;
    color: #27b280;
    font-weight: 600;
    min-width: 175px
}

.p-filter-modal__pregnancy-calculator-button--calculate:hover {
    background-color: #32c18e;
    color: #fff
}

.p-filter-modal__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.p-filter-modal__tag {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 6px 12px;
    transition: all .3s ease
}

.p-filter-modal__tag:hover {
    background-color: #e8e8e8
}

.p-filter-modal__tag.is-selected {
    background-color: #e0f5ee;
    outline: 1px solid #32c18e
}

.p-filter-modal__tag.is-selected .p-filter-modal__tag-text {
    color: #27b280;
    font-weight: 600
}

.p-filter-modal__tag-text {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap
}

.p-filter-modal__footer {
    border-top: 1px solid #f4f4f4;
    display: flex;
    gap: 8px;
    margin: 0 auto;
    max-width: 335px;
    padding: 20px
}

.p-filter-modal__reset-button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 112px;
    padding: 16px 24px;
    transition: background-color .3s ease
}

.p-filter-modal__reset-button:hover {
    background-color: #f8f8f8
}

.p-filter-modal__apply-button {
    align-items: center;
    background-color: #32c18e;
    border: 1px solid #32c18e;
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    justify-content: center;
    padding: 16px 24px;
    transition: background-color .3s ease
}

.p-filter-modal__apply-button:hover {
    background-color: #27b280
}

.p-filter-modal__apply-button,
.p-filter-modal__reset-button {
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 14px;
    line-height: 1.4
}

.p-filter-modal__apply-button:focus,
.p-filter-modal__reset-button:focus {
    outline: none
}

.p-filter-modal__reset-button {
    color: #222;
    font-weight: 300
}

.p-filter-modal__apply-button {
    color: #fff;
    font-weight: 600
}

.p-topic-links {
    margin-top: 16px
}

.p-topic-links__inner {
    padding: 0 20px
}

.p-topic-links__section-title {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4
}

.p-topic-links__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

.p-topic-links__tag {
    align-items: center;
    background-color: #e6e6e6;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 6px 12px;
    text-decoration: none;
    transition: all .3s ease
}

.p-topic-links__tag:hover {
    background-color: #d9d9d9
}

.p-topic-links__tag.p-topic-links__tag--selected {
    background-color: #e0f5ee;
    border-color: #32c18e
}

.p-topic-links__tag.p-topic-links__tag--selected .p-topic-links__tag-text {
    color: #27b280;
    font-weight: 600
}

.p-topic-links__tag-text {
    color: #222;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, Yu Gothic, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap
}

.u-dsp-block {
    display: block
}

.u-dsp-none {
    display: none
}

.u-dsp-inline {
    display: inline
}

.u-dsp-ib {
    display: inline-block
}

.u-dsp-sp {
    display: block
}

.u-dsp-pc {
    display: none
}

.u-sr-only {
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important
}

.u-mt0 {
    margin-top: 0
}

.u-mt5 {
    margin-top: 5px
}

.u-mt10 {
    margin-top: 10px
}

.u-mt15 {
    margin-top: 15px
}

.u-mt20 {
    margin-top: 20px
}

.u-mt25 {
    margin-top: 25px
}

.u-mt30 {
    margin-top: 30px
}

.u-mt35 {
    margin-top: 35px
}

.u-mt40 {
    margin-top: 40px
}

.u-mt45 {
    margin-top: 45px
}

.u-mt50 {
    margin-top: 50px
}

.u-mt55 {
    margin-top: 55px
}

.u-mt60 {
    margin-top: 60px
}

.u-mt65 {
    margin-top: 65px
}

.u-mt70 {
    margin-top: 70px
}

.u-mt75 {
    margin-top: 75px
}

.u-mt80 {
    margin-top: 80px
}

.u-mt85 {
    margin-top: 85px
}

.u-mt90 {
    margin-top: 90px
}

.u-mt95 {
    margin-top: 95px
}

.u-mt100 {
    margin-top: 100px
}

.u-mt105 {
    margin-top: 105px
}

.u-mt110 {
    margin-top: 110px
}

.u-mt115 {
    margin-top: 115px
}

.u-mt120 {
    margin-top: 120px
}

.u-mt125 {
    margin-top: 125px
}

.u-mt130 {
    margin-top: 130px
}

.u-mt135 {
    margin-top: 135px
}

.u-mt140 {
    margin-top: 140px
}

.u-mt145 {
    margin-top: 145px
}

.u-mt150 {
    margin-top: 150px
}

.u-mt155 {
    margin-top: 155px
}

.u-mt160 {
    margin-top: 160px
}

.u-mt165 {
    margin-top: 165px
}

.u-mt170 {
    margin-top: 170px
}

.u-mt175 {
    margin-top: 175px
}

.u-mt180 {
    margin-top: 180px
}

.u-mt185 {
    margin-top: 185px
}

.u-mt190 {
    margin-top: 190px
}

.u-mt195 {
    margin-top: 195px
}

.u-mt200 {
    margin-top: 200px
}

.u-mt205 {
    margin-top: 205px
}

.u-mt210 {
    margin-top: 210px
}

.u-mt215 {
    margin-top: 215px
}

.u-mt220 {
    margin-top: 220px
}

.u-mt225 {
    margin-top: 225px
}

.u-mt230 {
    margin-top: 230px
}

.u-mt235 {
    margin-top: 235px
}

.u-mt240 {
    margin-top: 240px
}

.u-mt245 {
    margin-top: 245px
}

.u-mt250 {
    margin-top: 250px
}

.u-mt255 {
    margin-top: 255px
}

.u-mt260 {
    margin-top: 260px
}

.u-mt265 {
    margin-top: 265px
}

.u-mt270 {
    margin-top: 270px
}

.u-mt275 {
    margin-top: 275px
}

.u-mt280 {
    margin-top: 280px
}

.u-mt285 {
    margin-top: 285px
}

.u-mt290 {
    margin-top: 290px
}

.u-mt295 {
    margin-top: 295px
}

.u-mt300 {
    margin-top: 300px
}

.u-mb0 {
    margin-bottom: 0
}

.u-mb5 {
    margin-bottom: 5px
}

.u-mb10 {
    margin-bottom: 10px
}

.u-mb15 {
    margin-bottom: 15px
}

.u-mb20 {
    margin-bottom: 20px
}

.u-mb25 {
    margin-bottom: 25px
}

.u-mb30 {
    margin-bottom: 30px
}

.u-mb35 {
    margin-bottom: 35px
}

.u-mb40 {
    margin-bottom: 40px
}

.u-mb45 {
    margin-bottom: 45px
}

.u-mb50 {
    margin-bottom: 50px
}

.u-mb55 {
    margin-bottom: 55px
}

.u-mb60 {
    margin-bottom: 60px
}

.u-mb65 {
    margin-bottom: 65px
}

.u-mb70 {
    margin-bottom: 70px
}

.u-mb75 {
    margin-bottom: 75px
}

.u-mb80 {
    margin-bottom: 80px
}

.u-mb85 {
    margin-bottom: 85px
}

.u-mb90 {
    margin-bottom: 90px
}

.u-mb95 {
    margin-bottom: 95px
}

.u-mb100 {
    margin-bottom: 100px
}

.u-mb105 {
    margin-bottom: 105px
}

.u-mb110 {
    margin-bottom: 110px
}

.u-mb115 {
    margin-bottom: 115px
}

.u-mb120 {
    margin-bottom: 120px
}

.u-mb125 {
    margin-bottom: 125px
}

.u-mb130 {
    margin-bottom: 130px
}

.u-mb135 {
    margin-bottom: 135px
}

.u-mb140 {
    margin-bottom: 140px
}

.u-mb145 {
    margin-bottom: 145px
}

.u-mb150 {
    margin-bottom: 150px
}

.u-mb155 {
    margin-bottom: 155px
}

.u-mb160 {
    margin-bottom: 160px
}

.u-mb165 {
    margin-bottom: 165px
}

.u-mb170 {
    margin-bottom: 170px
}

.u-mb175 {
    margin-bottom: 175px
}

.u-mb180 {
    margin-bottom: 180px
}

.u-mb185 {
    margin-bottom: 185px
}

.u-mb190 {
    margin-bottom: 190px
}

.u-mb195 {
    margin-bottom: 195px
}

.u-mb200 {
    margin-bottom: 200px
}

.u-mb205 {
    margin-bottom: 205px
}

.u-mb210 {
    margin-bottom: 210px
}

.u-mb215 {
    margin-bottom: 215px
}

.u-mb220 {
    margin-bottom: 220px
}

.u-mb225 {
    margin-bottom: 225px
}

.u-mb230 {
    margin-bottom: 230px
}

.u-mb235 {
    margin-bottom: 235px
}

.u-mb240 {
    margin-bottom: 240px
}

.u-mb245 {
    margin-bottom: 245px
}

.u-mb250 {
    margin-bottom: 250px
}

.u-mb255 {
    margin-bottom: 255px
}

.u-mb260 {
    margin-bottom: 260px
}

.u-mb265 {
    margin-bottom: 265px
}

.u-mb270 {
    margin-bottom: 270px
}

.u-mb275 {
    margin-bottom: 275px
}

.u-mb280 {
    margin-bottom: 280px
}

.u-mb285 {
    margin-bottom: 285px
}

.u-mb290 {
    margin-bottom: 290px
}

.u-mb295 {
    margin-bottom: 295px
}

.u-mb300 {
    margin-bottom: 300px
}

.u-ml0 {
    margin-left: 0
}

.u-ml5 {
    margin-left: 5px
}

.u-ml10 {
    margin-left: 10px
}

.u-ml15 {
    margin-left: 15px
}

.u-ml20 {
    margin-left: 20px
}

.u-ml25 {
    margin-left: 25px
}

.u-ml30 {
    margin-left: 30px
}

.u-ml35 {
    margin-left: 35px
}

.u-ml40 {
    margin-left: 40px
}

.u-ml45 {
    margin-left: 45px
}

.u-ml50 {
    margin-left: 50px
}

.u-ml55 {
    margin-left: 55px
}

.u-ml60 {
    margin-left: 60px
}

.u-ml65 {
    margin-left: 65px
}

.u-ml70 {
    margin-left: 70px
}

.u-ml75 {
    margin-left: 75px
}

.u-ml80 {
    margin-left: 80px
}

.u-ml85 {
    margin-left: 85px
}

.u-ml90 {
    margin-left: 90px
}

.u-ml95 {
    margin-left: 95px
}

.u-ml100 {
    margin-left: 100px
}

.u-ml105 {
    margin-left: 105px
}

.u-ml110 {
    margin-left: 110px
}

.u-ml115 {
    margin-left: 115px
}

.u-ml120 {
    margin-left: 120px
}

.u-ml125 {
    margin-left: 125px
}

.u-ml130 {
    margin-left: 130px
}

.u-ml135 {
    margin-left: 135px
}

.u-ml140 {
    margin-left: 140px
}

.u-ml145 {
    margin-left: 145px
}

.u-ml150 {
    margin-left: 150px
}

.u-ml155 {
    margin-left: 155px
}

.u-ml160 {
    margin-left: 160px
}

.u-ml165 {
    margin-left: 165px
}

.u-ml170 {
    margin-left: 170px
}

.u-ml175 {
    margin-left: 175px
}

.u-ml180 {
    margin-left: 180px
}

.u-ml185 {
    margin-left: 185px
}

.u-ml190 {
    margin-left: 190px
}

.u-ml195 {
    margin-left: 195px
}

.u-ml200 {
    margin-left: 200px
}

.u-ml205 {
    margin-left: 205px
}

.u-ml210 {
    margin-left: 210px
}

.u-ml215 {
    margin-left: 215px
}

.u-ml220 {
    margin-left: 220px
}

.u-ml225 {
    margin-left: 225px
}

.u-ml230 {
    margin-left: 230px
}

.u-ml235 {
    margin-left: 235px
}

.u-ml240 {
    margin-left: 240px
}

.u-ml245 {
    margin-left: 245px
}

.u-ml250 {
    margin-left: 250px
}

.u-ml255 {
    margin-left: 255px
}

.u-ml260 {
    margin-left: 260px
}

.u-ml265 {
    margin-left: 265px
}

.u-ml270 {
    margin-left: 270px
}

.u-ml275 {
    margin-left: 275px
}

.u-ml280 {
    margin-left: 280px
}

.u-ml285 {
    margin-left: 285px
}

.u-ml290 {
    margin-left: 290px
}

.u-ml295 {
    margin-left: 295px
}

.u-ml300 {
    margin-left: 300px
}

.u-mr0 {
    margin-right: 0
}

.u-mr5 {
    margin-right: 5px
}

.u-mr10 {
    margin-right: 10px
}

.u-mr15 {
    margin-right: 15px
}

.u-mr20 {
    margin-right: 20px
}

.u-mr25 {
    margin-right: 25px
}

.u-mr30 {
    margin-right: 30px
}

.u-mr35 {
    margin-right: 35px
}

.u-mr40 {
    margin-right: 40px
}

.u-mr45 {
    margin-right: 45px
}

.u-mr50 {
    margin-right: 50px
}

.u-mr55 {
    margin-right: 55px
}

.u-mr60 {
    margin-right: 60px
}

.u-mr65 {
    margin-right: 65px
}

.u-mr70 {
    margin-right: 70px
}

.u-mr75 {
    margin-right: 75px
}

.u-mr80 {
    margin-right: 80px
}

.u-mr85 {
    margin-right: 85px
}

.u-mr90 {
    margin-right: 90px
}

.u-mr95 {
    margin-right: 95px
}

.u-mr100 {
    margin-right: 100px
}

.u-mr105 {
    margin-right: 105px
}

.u-mr110 {
    margin-right: 110px
}

.u-mr115 {
    margin-right: 115px
}

.u-mr120 {
    margin-right: 120px
}

.u-mr125 {
    margin-right: 125px
}

.u-mr130 {
    margin-right: 130px
}

.u-mr135 {
    margin-right: 135px
}

.u-mr140 {
    margin-right: 140px
}

.u-mr145 {
    margin-right: 145px
}

.u-mr150 {
    margin-right: 150px
}

.u-mr155 {
    margin-right: 155px
}

.u-mr160 {
    margin-right: 160px
}

.u-mr165 {
    margin-right: 165px
}

.u-mr170 {
    margin-right: 170px
}

.u-mr175 {
    margin-right: 175px
}

.u-mr180 {
    margin-right: 180px
}

.u-mr185 {
    margin-right: 185px
}

.u-mr190 {
    margin-right: 190px
}

.u-mr195 {
    margin-right: 195px
}

.u-mr200 {
    margin-right: 200px
}

.u-mr205 {
    margin-right: 205px
}

.u-mr210 {
    margin-right: 210px
}

.u-mr215 {
    margin-right: 215px
}

.u-mr220 {
    margin-right: 220px
}

.u-mr225 {
    margin-right: 225px
}

.u-mr230 {
    margin-right: 230px
}

.u-mr235 {
    margin-right: 235px
}

.u-mr240 {
    margin-right: 240px
}

.u-mr245 {
    margin-right: 245px
}

.u-mr250 {
    margin-right: 250px
}

.u-mr255 {
    margin-right: 255px
}

.u-mr260 {
    margin-right: 260px
}

.u-mr265 {
    margin-right: 265px
}

.u-mr270 {
    margin-right: 270px
}

.u-mr275 {
    margin-right: 275px
}

.u-mr280 {
    margin-right: 280px
}

.u-mr285 {
    margin-right: 285px
}

.u-mr290 {
    margin-right: 290px
}

.u-mr295 {
    margin-right: 295px
}

.u-mr300 {
    margin-right: 300px
}

.u-section-margin-top {
    margin-top: 56px
}

.u-pt0 {
    padding-top: 0
}

.u-pt5 {
    padding-top: 5px
}

.u-pt10 {
    padding-top: 10px
}

.u-pt15 {
    padding-top: 15px
}

.u-pt20 {
    padding-top: 20px
}

.u-pt25 {
    padding-top: 25px
}

.u-pt30 {
    padding-top: 30px
}

.u-pt35 {
    padding-top: 35px
}

.u-pt40 {
    padding-top: 40px
}

.u-pt45 {
    padding-top: 45px
}

.u-pt50 {
    padding-top: 50px
}

.u-pt55 {
    padding-top: 55px
}

.u-pt60 {
    padding-top: 60px
}

.u-pt65 {
    padding-top: 65px
}

.u-pt70 {
    padding-top: 70px
}

.u-pt75 {
    padding-top: 75px
}

.u-pt80 {
    padding-top: 80px
}

.u-pt85 {
    padding-top: 85px
}

.u-pt90 {
    padding-top: 90px
}

.u-pt95 {
    padding-top: 95px
}

.u-pt100 {
    padding-top: 100px
}

.u-pt105 {
    padding-top: 105px
}

.u-pt110 {
    padding-top: 110px
}

.u-pt115 {
    padding-top: 115px
}

.u-pt120 {
    padding-top: 120px
}

.u-pt125 {
    padding-top: 125px
}

.u-pt130 {
    padding-top: 130px
}

.u-pt135 {
    padding-top: 135px
}

.u-pt140 {
    padding-top: 140px
}

.u-pt145 {
    padding-top: 145px
}

.u-pt150 {
    padding-top: 150px
}

.u-pt155 {
    padding-top: 155px
}

.u-pt160 {
    padding-top: 160px
}

.u-pt165 {
    padding-top: 165px
}

.u-pt170 {
    padding-top: 170px
}

.u-pt175 {
    padding-top: 175px
}

.u-pt180 {
    padding-top: 180px
}

.u-pt185 {
    padding-top: 185px
}

.u-pt190 {
    padding-top: 190px
}

.u-pt195 {
    padding-top: 195px
}

.u-pt200 {
    padding-top: 200px
}

.u-pt205 {
    padding-top: 205px
}

.u-pt210 {
    padding-top: 210px
}

.u-pt215 {
    padding-top: 215px
}

.u-pt220 {
    padding-top: 220px
}

.u-pt225 {
    padding-top: 225px
}

.u-pt230 {
    padding-top: 230px
}

.u-pt235 {
    padding-top: 235px
}

.u-pt240 {
    padding-top: 240px
}

.u-pt245 {
    padding-top: 245px
}

.u-pt250 {
    padding-top: 250px
}

.u-pt255 {
    padding-top: 255px
}

.u-pt260 {
    padding-top: 260px
}

.u-pt265 {
    padding-top: 265px
}

.u-pt270 {
    padding-top: 270px
}

.u-pt275 {
    padding-top: 275px
}

.u-pt280 {
    padding-top: 280px
}

.u-pt285 {
    padding-top: 285px
}

.u-pt290 {
    padding-top: 290px
}

.u-pt295 {
    padding-top: 295px
}

.u-pt300 {
    padding-top: 300px
}

.u-pb0 {
    padding-bottom: 0
}

.u-pb5 {
    padding-bottom: 5px
}

.u-pb10 {
    padding-bottom: 10px
}

.u-pb15 {
    padding-bottom: 15px
}

.u-pb20 {
    padding-bottom: 20px
}

.u-pb25 {
    padding-bottom: 25px
}

.u-pb30 {
    padding-bottom: 30px
}

.u-pb35 {
    padding-bottom: 35px
}

.u-pb40 {
    padding-bottom: 40px
}

.u-pb45 {
    padding-bottom: 45px
}

.u-pb50 {
    padding-bottom: 50px
}

.u-pb55 {
    padding-bottom: 55px
}

.u-pb60 {
    padding-bottom: 60px
}

.u-pb65 {
    padding-bottom: 65px
}

.u-pb70 {
    padding-bottom: 70px
}

.u-pb75 {
    padding-bottom: 75px
}

.u-pb80 {
    padding-bottom: 80px
}

.u-pb85 {
    padding-bottom: 85px
}

.u-pb90 {
    padding-bottom: 90px
}

.u-pb95 {
    padding-bottom: 95px
}

.u-pb100 {
    padding-bottom: 100px
}

.u-pb105 {
    padding-bottom: 105px
}

.u-pb110 {
    padding-bottom: 110px
}

.u-pb115 {
    padding-bottom: 115px
}

.u-pb120 {
    padding-bottom: 120px
}

.u-pb125 {
    padding-bottom: 125px
}

.u-pb130 {
    padding-bottom: 130px
}

.u-pb135 {
    padding-bottom: 135px
}

.u-pb140 {
    padding-bottom: 140px
}

.u-pb145 {
    padding-bottom: 145px
}

.u-pb150 {
    padding-bottom: 150px
}

.u-pb155 {
    padding-bottom: 155px
}

.u-pb160 {
    padding-bottom: 160px
}

.u-pb165 {
    padding-bottom: 165px
}

.u-pb170 {
    padding-bottom: 170px
}

.u-pb175 {
    padding-bottom: 175px
}

.u-pb180 {
    padding-bottom: 180px
}

.u-pb185 {
    padding-bottom: 185px
}

.u-pb190 {
    padding-bottom: 190px
}

.u-pb195 {
    padding-bottom: 195px
}

.u-pb200 {
    padding-bottom: 200px
}

.u-pb205 {
    padding-bottom: 205px
}

.u-pb210 {
    padding-bottom: 210px
}

.u-pb215 {
    padding-bottom: 215px
}

.u-pb220 {
    padding-bottom: 220px
}

.u-pb225 {
    padding-bottom: 225px
}

.u-pb230 {
    padding-bottom: 230px
}

.u-pb235 {
    padding-bottom: 235px
}

.u-pb240 {
    padding-bottom: 240px
}

.u-pb245 {
    padding-bottom: 245px
}

.u-pb250 {
    padding-bottom: 250px
}

.u-pb255 {
    padding-bottom: 255px
}

.u-pb260 {
    padding-bottom: 260px
}

.u-pb265 {
    padding-bottom: 265px
}

.u-pb270 {
    padding-bottom: 270px
}

.u-pb275 {
    padding-bottom: 275px
}

.u-pb280 {
    padding-bottom: 280px
}

.u-pb285 {
    padding-bottom: 285px
}

.u-pb290 {
    padding-bottom: 290px
}

.u-pb295 {
    padding-bottom: 295px
}

.u-pb300 {
    padding-bottom: 300px
}

.u-pl0 {
    padding-left: 0
}

.u-pl5 {
    padding-left: 5px
}

.u-pl10 {
    padding-left: 10px
}

.u-pl15 {
    padding-left: 15px
}

.u-pl20 {
    padding-left: 20px
}

.u-pl25 {
    padding-left: 25px
}

.u-pl30 {
    padding-left: 30px
}

.u-pl35 {
    padding-left: 35px
}

.u-pl40 {
    padding-left: 40px
}

.u-pl45 {
    padding-left: 45px
}

.u-pl50 {
    padding-left: 50px
}

.u-pl55 {
    padding-left: 55px
}

.u-pl60 {
    padding-left: 60px
}

.u-pl65 {
    padding-left: 65px
}

.u-pl70 {
    padding-left: 70px
}

.u-pl75 {
    padding-left: 75px
}

.u-pl80 {
    padding-left: 80px
}

.u-pl85 {
    padding-left: 85px
}

.u-pl90 {
    padding-left: 90px
}

.u-pl95 {
    padding-left: 95px
}

.u-pl100 {
    padding-left: 100px
}

.u-pl105 {
    padding-left: 105px
}

.u-pl110 {
    padding-left: 110px
}

.u-pl115 {
    padding-left: 115px
}

.u-pl120 {
    padding-left: 120px
}

.u-pl125 {
    padding-left: 125px
}

.u-pl130 {
    padding-left: 130px
}

.u-pl135 {
    padding-left: 135px
}

.u-pl140 {
    padding-left: 140px
}

.u-pl145 {
    padding-left: 145px
}

.u-pl150 {
    padding-left: 150px
}

.u-pl155 {
    padding-left: 155px
}

.u-pl160 {
    padding-left: 160px
}

.u-pl165 {
    padding-left: 165px
}

.u-pl170 {
    padding-left: 170px
}

.u-pl175 {
    padding-left: 175px
}

.u-pl180 {
    padding-left: 180px
}

.u-pl185 {
    padding-left: 185px
}

.u-pl190 {
    padding-left: 190px
}

.u-pl195 {
    padding-left: 195px
}

.u-pl200 {
    padding-left: 200px
}

.u-pl205 {
    padding-left: 205px
}

.u-pl210 {
    padding-left: 210px
}

.u-pl215 {
    padding-left: 215px
}

.u-pl220 {
    padding-left: 220px
}

.u-pl225 {
    padding-left: 225px
}

.u-pl230 {
    padding-left: 230px
}

.u-pl235 {
    padding-left: 235px
}

.u-pl240 {
    padding-left: 240px
}

.u-pl245 {
    padding-left: 245px
}

.u-pl250 {
    padding-left: 250px
}

.u-pl255 {
    padding-left: 255px
}

.u-pl260 {
    padding-left: 260px
}

.u-pl265 {
    padding-left: 265px
}

.u-pl270 {
    padding-left: 270px
}

.u-pl275 {
    padding-left: 275px
}

.u-pl280 {
    padding-left: 280px
}

.u-pl285 {
    padding-left: 285px
}

.u-pl290 {
    padding-left: 290px
}

.u-pl295 {
    padding-left: 295px
}

.u-pl300 {
    padding-left: 300px
}

.u-pr0 {
    padding-right: 0
}

.u-pr5 {
    padding-right: 5px
}

.u-pr10 {
    padding-right: 10px
}

.u-pr15 {
    padding-right: 15px
}

.u-pr20 {
    padding-right: 20px
}

.u-pr25 {
    padding-right: 25px
}

.u-pr30 {
    padding-right: 30px
}

.u-pr35 {
    padding-right: 35px
}

.u-pr40 {
    padding-right: 40px
}

.u-pr45 {
    padding-right: 45px
}

.u-pr50 {
    padding-right: 50px
}

.u-pr55 {
    padding-right: 55px
}

.u-pr60 {
    padding-right: 60px
}

.u-pr65 {
    padding-right: 65px
}

.u-pr70 {
    padding-right: 70px
}

.u-pr75 {
    padding-right: 75px
}

.u-pr80 {
    padding-right: 80px
}

.u-pr85 {
    padding-right: 85px
}

.u-pr90 {
    padding-right: 90px
}

.u-pr95 {
    padding-right: 95px
}

.u-pr100 {
    padding-right: 100px
}

.u-pr105 {
    padding-right: 105px
}

.u-pr110 {
    padding-right: 110px
}

.u-pr115 {
    padding-right: 115px
}

.u-pr120 {
    padding-right: 120px
}

.u-pr125 {
    padding-right: 125px
}

.u-pr130 {
    padding-right: 130px
}

.u-pr135 {
    padding-right: 135px
}

.u-pr140 {
    padding-right: 140px
}

.u-pr145 {
    padding-right: 145px
}

.u-pr150 {
    padding-right: 150px
}

.u-pr155 {
    padding-right: 155px
}

.u-pr160 {
    padding-right: 160px
}

.u-pr165 {
    padding-right: 165px
}

.u-pr170 {
    padding-right: 170px
}

.u-pr175 {
    padding-right: 175px
}

.u-pr180 {
    padding-right: 180px
}

.u-pr185 {
    padding-right: 185px
}

.u-pr190 {
    padding-right: 190px
}

.u-pr195 {
    padding-right: 195px
}

.u-pr200 {
    padding-right: 200px
}

.u-pr205 {
    padding-right: 205px
}

.u-pr210 {
    padding-right: 210px
}

.u-pr215 {
    padding-right: 215px
}

.u-pr220 {
    padding-right: 220px
}

.u-pr225 {
    padding-right: 225px
}

.u-pr230 {
    padding-right: 230px
}

.u-pr235 {
    padding-right: 235px
}

.u-pr240 {
    padding-right: 240px
}

.u-pr245 {
    padding-right: 245px
}

.u-pr250 {
    padding-right: 250px
}

.u-pr255 {
    padding-right: 255px
}

.u-pr260 {
    padding-right: 260px
}

.u-pr265 {
    padding-right: 265px
}

.u-pr270 {
    padding-right: 270px
}

.u-pr275 {
    padding-right: 275px
}

.u-pr280 {
    padding-right: 280px
}

.u-pr285 {
    padding-right: 285px
}

.u-pr290 {
    padding-right: 290px
}

.u-pr295 {
    padding-right: 295px
}

.u-pr300 {
    padding-right: 300px
}

.u-section-padding-top {
    padding-top: 56px
}

@media screen and (min-width:850px) {
    body {
        padding-top: 72px
    }

    .l-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1000pxpx;
        padding-left: 0;
        padding-right: 0
    }

    .l-footer__inner {
        padding-bottom: 74px
    }

    .l-article-list+.l-footer .l-footer__inner {
        padding-bottom: 123px
    }

    .p-footer__copyright {
        font-size: 12px
    }

    .l-header__inner {
        height: 72px;
        margin: 0 auto;
    }

    .l-header__menu-button,
    .l-header__menu-icon {
        height: 32px;
        width: 32px
    }

    .l-header__menu-button.is-active {
        display: none
    }

    .l-header__menu {
        background-color: rgba(0, 0, 0, .3);
        height: 100vh;
        overflow: hidden;
        width: 100%
    }

    .l-header__menu-inner {
        max-width: 375px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 0;
        width: 375px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin
    }

    .l-header__menu-inner::-webkit-scrollbar {
        width: 4px
    }

    .l-header__menu-inner::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .1)
    }

    .l-header__menu-inner::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .3);
        border-radius: 2px
    }

    .l-header__menu-content {
        gap: 24px;
        min-height: 100vh;
        padding-bottom: 40px
    }

    .l-header__logo {
        top: 50%
    }

    .l-header__logo--initial svg {
        height: 123px;
        width: 400px
    }

    .l-header__sticky-filter {
        top: calc(72px + var(--official-logo-header-height));
    }

    .l-header__sticky-filter .p-search-area__filter-row,
    .l-header__sticky-filter-container {
        max-width: 400px
    }

    .l-main.l-article-list {
        padding-top: 80px
    }

    .p-about {
        padding-bottom: 53px;
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-about__inner {
        align-items: center;
        flex-direction: row;
        gap: 40px;
        justify-content: center;
        padding: 84.5px 128px 64px 113.5px
    }

    .p-about__illustration-sub {
        bottom: -40px
    }

    .p-about__content {
        flex: 1 1;
        padding: 0
    }

    .p-about__compass-circle {
        height: 150px;
        right: 70px;
        top: -55px;
        width: 150px
    }

    .p-about__compass {
        height: 88px;
        width: 64px
    }

    .p-tag-word {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-tag-word__inner {
        padding: 0 20px
    }

    .p-tag-word__header {
        gap: 8px
    }

    .p-tag-word__title {
        font-size: 24px
    }

    .p-tag-word__tags {
        max-height: 66px
    }

    .p-top-article-list {
        margin-top: 9px
    }

    .p-top-article-list__head {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-top-article-list__body {
        margin-top: 29px;
        overflow-x: visible;
        position: relative
    }

    .p-top-article-list__body .splide__arrow {
        background: none;
        border: none;
        cursor: pointer;
        height: 40px;
        margin: 0;
        opacity: 1;
        padding: 0;
        top: 40%;
        width: 40px
    }

    .p-top-article-list__body .splide__arrow svg {
        height: 40px;
        pointer-events: none;
        width: 40px
    }

    .p-top-article-list__body .splide__arrow.splide__arrow--prev {
        left: calc(-20px + 15.27778vw)
    }

    .p-top-article-list__body .splide__arrow:disabled {
        display: none
    }

    .p-top-article-list__item {
        max-width: 232px
    }

    .p-top-article-list__container+.p-top-article-list__container {
        margin-top: 56px
    }

    .p-top-article-list__container {
        margin-top: 31px
    }

    .p-journey-list {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-journey-list__inner {
        box-sizing: content-box;
        margin: 0 auto;
        padding: min(80px, 5.5555555556vw)
    }

    .p-journey-list__content-wrapper {
        margin: 0 auto;
        max-width: 840px
    }

    .p-journey-list__list {
        -moz-column-gap: min(12px, .8333333333vw);
        column-gap: min(12px, .8333333333vw);
        flex-direction: row
    }

    .p-journey-list__list>* {
        flex: 1 1
    }

    .p-journey-list__item-link {
        padding: min(17px, 1.1805555556vw)
    }

    .p-journey-list__title-wrapper {
        gap: min(8px, .5555555556vw)
    }

    .p-journey-list__title {
        font-size: min(14px, .9722222222vw)
    }

    .p-journey-list__sub-title {
        font-size: min(12px, .8333333333vw)
    }

    .p-journey-list__icon {
        height: min(32px, 2.2222222222vw);
        width: min(32px, 2.2222222222vw)
    }

    .p-journey-list__description {
        font-size: min(14px, .9722222222vw)
    }

    .p-akachan-links__icon-people {
        bottom: min(-60px, -4.1666666667vw);
        right: min(-100px, -6.9444444444vw)
    }

    .p-akachan-links__icon-people .p-akachan-links__icon-person01 {
        width: min(95px, 6.5972222222vw)
    }

    .p-akachan-links__icon-people .p-akachan-links__icon-person02 {
        width: min(73px, 5.0694444444vw)
    }

    .p-akachan-links__list {
        flex-direction: row;
        gap: min(4px, .2777777778vw)
    }

    .p-akachan-links__link {
        gap: min(4px, .2777777778vw);
        padding: min(8px, .5555555556vw)
    }

    .p-akachan-links__icon-wrapper {
        height: min(56px, 3.8888888889vw);
        width: min(56px, 3.8888888889vw)
    }

    .p-akachan-links__text {
        gap: min(4px, .2777777778vw)
    }

    .p-akachan-links__brand {
        font-size: min(12px, .8333333333vw)
    }

    .p-akachan-links__service {
        font-size: min(14px, .9722222222vw)
    }

    .p-top-mv {
        padding-bottom: 100px;
        padding-top: var(--official-logo-header-height)
    }

    .p-top-mv__grid {
        grid-template-columns: repeat(8, 1fr)
    }

    .p-top-mv__item {
        border-radius: 14px
    }

    .p-top-mv__item--large-left {
        grid-area: 2/3/span 2/span 2
    }

    .p-top-mv__item--small-top-left {
        grid-area: 1/3
    }

    .p-top-mv__item--small-top-center {
        grid-area: 1/4
    }

    .p-top-mv__item--large-right {
        grid-area: 1/5/span 2/span 2
    }

    .p-top-mv__item--small-bottom-left {
        grid-area: 3/5
    }

    .p-top-mv__item--small-bottom-center {
        grid-area: 3/6
    }

    .p-top-mv__item--pc-left-large,
    .p-top-mv__item--pc-left-small-bottom,
    .p-top-mv__item--pc-left-small-top,
    .p-top-mv__item--pc-right-large,
    .p-top-mv__item--pc-right-small-bottom,
    .p-top-mv__item--pc-right-small-top {
        display: block
    }

    .p-top-mv__item--pc-left-large {
        grid-area: 2/1/span 2/span 2
    }

    .p-top-mv__item--pc-left-small-top {
        grid-area: 1/1
    }

    .p-top-mv__item--pc-left-small-bottom {
        grid-area: 1/2
    }

    .p-top-mv__item--pc-right-large {
        grid-area: 2/7/span 2/span 2
    }

    .p-top-mv__item--pc-right-small-top {
        grid-area: 1/7
    }

    .p-top-mv__item--pc-right-small-bottom {
        grid-area: 1/8
    }

    .p-top-mv-illust__container {
        margin-inline: auto;
        max-width: 1440px
    }

    .p-top-mv-illust__item--pc-left-1 {
        left: min(17px, 1.1805555556vw);
        position: absolute;
        top: -110px
    }

    .p-top-mv-illust__item--pc-left-1 img {
        height: auto;
        width: min(320px, 22.2222222222vw)
    }

    .p-top-mv-illust__item--pc-left-2 {
        left: min(310px, 21.5277777778vw);
        position: absolute;
        top: -124px
    }

    .p-top-mv-illust__item--pc-left-2 img {
        height: auto;
        width: min(127px, 8.8194444444vw)
    }

    .p-top-mv-illust__item--pc-right-1 {
        left: min(1010px, 70.1388888889vw);
        position: absolute;
        top: -116px
    }

    .p-top-mv-illust__item--pc-right-1 img {
        height: auto;
        width: min(154px, 10.6944444444vw)
    }

    .p-top-mv-illust__item--pc-right-2 {
        left: min(1170px, 81.25vw);
        position: absolute;
        top: -115px
    }

    .p-top-mv-illust__item--pc-right-2 img {
        height: auto;
        width: min(105px, 7.2916666667vw)
    }

    .p-top-mv-illust__item--pc-right-3-1 {
        left: min(1290px, 89.5833333333vw);
        position: absolute;
        top: -40px;
        z-index: 1
    }

    .p-top-mv-illust__item--pc-right-3-1 img {
        height: auto;
        width: min(48px, 3.3333333333vw)
    }

    .p-top-mv-illust__item--pc-right-3-2 {
        left: min(1300px, 90.2777777778vw);
        position: absolute;
        top: -140px
    }

    .p-top-mv-illust__item--pc-right-3-2 img {
        height: auto;
        width: min(101px, 7.0138888889vw)
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-1 {
        left: min(460px, 31.9444444444vw);
        position: absolute;
        top: -170px
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-1 img {
        height: auto;
        width: min(103px, 7.1527777778vw)
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-2 {
        left: min(580px, 40.2777777778vw);
        position: absolute;
        top: -150px
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-2 img {
        height: auto;
        width: min(143px, 9.9305555556vw)
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-3-1 {
        left: min(740px, 51.3888888889vw);
        position: absolute;
        top: -118px
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-3-1 img {
        height: auto;
        width: min(77px, 5.3472222222vw)
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-3-2 {
        left: min(790px, 54.8611111111vw);
        position: absolute;
        top: -148px
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-3-2 img {
        height: auto;
        width: min(83px, 5.7638888889vw)
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-4 {
        left: min(900px, 62.5vw);
        position: absolute;
        top: -115px
    }

    .p-top-mv-illust__item.p-top-mv-illust__item--sp-4 img {
        height: auto;
        width: min(87px, 6.0416666667vw)
    }

    .p-search-area__container {
        padding: 50px 0 40px
    }

    .p-search-area__inner {
        max-width: 400px;
        padding: 0
    }

    .p-search-area__title-number {
        font-size: 34px
    }

    .p-search-area__subtitle,
    .p-search-area__title-text {
        font-size: 24px
    }

    .p-search-area__filter-item:first-child,
    .p-search-area__filter-item:last-child {
        flex: 1 1;
        max-width: none;
        min-width: auto
    }

    .p-search-area__illustration--right {
        height: 85.2px;
        right: 80.2px;
        top: 292.2px;
        width: 244.8px
    }

    .p-search-area__illustration--left {
        height: 93.356px;
        left: 1010px;
        top: 280px;
        width: 80.713px
    }

    .p-search-area__illustration--01 {
        bottom: -55px;
        left: 50px
    }

    .p-search-area__illustration--01 img {
        height: auto;
        width: 389px
    }

    .p-search-area__illustration--02 {
        bottom: -8px;
        left: auto;
        right: 350px
    }

    .p-search-area__illustration--02 img {
        height: auto;
        width: 80px
    }

    .p-search-area__illustration--03 {
        bottom: -10px;
        right: 80px
    }

    .p-search-area__illustration--03 img {
        height: auto;
        width: 244px
    }

    .p-search-area__pregnancy-calculator-content {
        padding: 40px 20px
    }

    .p-search-area__pregnancy-calculator-description,
    .p-search-area__pregnancy-calculator-description-text {
        text-align: center
    }

    .p-search-area__pregnancy-calculator-button--calculate {
        min-width: 215px
    }

    .p-pregnancy-month__inner {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-pregnancy-month__header {
        margin-bottom: 60px
    }

    .p-pregnancy-month__speech-bubble {
        margin-bottom: 24px
    }

    .p-pregnancy-month__title {
        font-size: 24px
    }

    .p-pregnancy-month__content {
        align-items: center;
        display: flex;
        position: relative
    }

    .p-pregnancy-month__row {
        margin-bottom: 0;
        padding-left: 37px;
        padding-right: 212px
    }

    .p-pregnancy-month__row--first {
        justify-content: flex-end;
        width: 100%
    }

    .p-pregnancy-month__row--second {
        padding: 0 24px 0 0
    }

    .p-pregnancy-month__months-wrapper {
        gap: 0
    }

    .p-pregnancy-month__illustration {
        height: 240px;
        right: 50px;
        top: 48px;
        width: 112px
    }

    .p-pregnancy-month__number-wrapper {
        padding: 24px 0
    }

    .p-article-list {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-article-list__list {
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: repeat(4, 1fr);
        row-gap: 40px
    }

    .p-article-list__headingLv1,
    .p-breadcrumb {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .p-filter-modal__pregnancy-calculator-content {
        padding: 20px
    }

    .p-filter-modal__trigger {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 375px
    }

    .p-filter-modal__content {
        left: 50%;
        max-width: 80.5555555556vw;
        right: auto;
        transform: translateX(-50%) translateY(100%)
    }

    .p-filter-modal.is-active .p-filter-modal__content {
        transform: translateX(-50%) translateY(0)
    }

    .p-topic-links__inner {
        padding-left: 15.2777777778vw;
        padding-right: 15.2777777778vw
    }

    .u-dsp-sp {
        display: none
    }

    .u-dsp-pc {
        display: block
    }
}

@media (any-hover:hover) and (pointer:fine) {
    .l-header__menu-all-articles-btn:hover {
        background-color: #fff;
        border: 1px solid #32c18e;
        color: #32c18e
    }

    .l-header__menu-all-articles-btn:hover .l-header__menu-all-articles-icon {
        fill: #32c18e
    }

    .l-header__menu-tag-category-label:hover {
        opacity: .7
    }

    .l-header__menu-tag-category-more:hover:after {
        background-color: transparent
    }

    .l-header__menu-tag-category-more:hover .c-icon-button {
        background: #fff
    }

    .l-header__menu-tag-category-more:hover .c-icon-button svg {
        fill: #32c18e
    }

    .l-header__menu-tag:hover,
    .p-tag-word__tag-item:hover {
        background: #f1ece5
    }

    .p-top-article-list__more-link:hover .c-icon-button {
        background: #fff
    }

    .p-top-article-list__more-link:hover .c-icon-button svg {
        fill: #32c18e
    }

    .p-akachan-links__link:hover,
    .p-journey-list__item-link:hover,
    .p-top-article-list__card-category:hover,
    .p-top-article-list__card-link:hover,
    .p-top-article-list__card-tag:hover {
        opacity: .7
    }

    .p-search-area__select-wrapper:hover {
        background-color: #f8f8f8
    }

    .p-search-area__link:hover:after {
        background-color: transparent
    }

    .p-search-area__button:hover {
        background-color: #fff;
        border: 1px solid #32c18e;
        color: #32c18e
    }

    .p-search-area__button:hover .p-search-area__icon {
        fill: #32c18e
    }

    .p-search-area__all-link:hover .c-icon-button {
        background: #fff
    }

    .p-search-area__all-link:hover .c-icon-button svg {
        fill: #32c18e
    }

    .p-search-area__pregnancy-calculator-button--clear:hover {
        background-color: #f8f8f8
    }

    .p-search-area__pregnancy-calculator-button--calculate:hover {
        background-color: #32c18e;
        color: #fff
    }

    .p-pregnancy-month__link:hover {
        transition: all .3s ease
    }

    .p-pregnancy-month__link:hover .p-pregnancy-month__arrow {
        background: #222;
        border: 1px solid #fff
    }

    .p-pregnancy-month__link:hover .p-pregnancy-month__arrow svg {
        fill: #fff
    }

    .p-article-list__link:hover,
    .p-article-list__tag-link:hover {
        opacity: .7
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}