@charset "UTF-8";


/* sass */
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, caption, th, td, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object, dfn, hr, article, aside, canvas, figure, figcaption, footer, header, nav, section, main, audio, video { margin: 0px; padding: 0px; }

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

audio, progress, video { display: inline-block; }

address, dfn { display: inline; font-style: normal; }

iframe { width: 100%; margin: 0; padding: 0; border: none; }

html { overflow-y: scroll; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

* { box-sizing: border-box; }

body { color: #456E90; font-family: "Zen Kaku Gothic New", sans-serif; background: #FAF8F4; font-size: 1.6rem; line-height: 1.5; font-weight: 500; word-break: break-word; }

em { font-style: normal; }

strong { font-style: normal; font-weight: 700; }

u { text-decoration: underline; }

ul, ol { list-style: none; }

table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

caption, th { text-align: left; }

img { max-width: 100%; height: auto; border: 0; flex-shrink: 0; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a { color: #456E90; cursor: pointer; text-decoration: underline; }

hr { display: block; height: 0; border: none; }

form { font-weight: normal; }

input, button, textarea, select { color: #456E90; font-size: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; outline: none; text-transform: none; font-family: inherit; }

input:disabled, button:disabled, textarea:disabled, select:disabled { cursor: default; pointer-events: none; }

button:hover { cursor: pointer; }

textarea { overflow: auto; width: 100%; }

select::-ms-expand { display: none; }

::-ms-reveal { display: none; }

.l-head { background-color: #456E90; position: fixed; top: 0; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; z-index: 10; min-height: 64px; width: 100%; }

.is-head-scrolled .l-head { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.l-head__inner { position: relative; }

.hdr-main { display: flex; align-items: center; padding: 0 16px; position: relative; height: 64px; }

.hdr-item { margin-left: auto; margin-right: -6px; }

.hdr-logo { z-index: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; text-align: center; font-size: 0; line-height: 1; }

.hdr-logo__lnk { display: inline-block; }

.hdr-logo__core { width: 98px; height: auto; }

.hdr-btn { font-weight: 700; line-height: 1; font-size: 1.8rem; display: inline-block; align-items: center; justify-content: center; color: #FFFFFF; min-height: 40px; min-width: 100px; padding: 8px 12px; border: 2px solid #FFFFFF; border-radius: 40px; }

.hdr-mypage { display: inline-block; position: relative; font-size: 0; line-height: 1; }

.hdr-mypage + .hdr-mypage { margin-left: 10px; }

.hdr-mypage__btn-topics { width: 26px; height: 32px; }

.hdr-mypage__btn-search { width: 40px; height: 32px; }

.hdr-mypage.has-unread::after { background-color: #FC794F; border-radius: 10px; content: ""; display: inline-block; height: 10px; right: -1px; position: absolute; top: 4px; width: 10px; }

.hdr-nav__btn { z-index: 1; top: 12px; left: 16px; position: absolute; width: 40px; height: 40px; overflow: hidden; }

.hdr-nav__btn::before, .hdr-nav__btn::after { content: ''; display: inline-block; width: 24px; height: 2px; background-color: #FFFFFF; border: 2px; position: absolute; left: 0; right: 0; margin: auto; transition: all .2s; }

.is-nav-active .hdr-nav__btn::before, .is-nav-active .hdr-nav__btn::after { top: 0; bottom: 0; }

.hdr-nav__btn::before { top: 14px; bottom: 4px; }

.is-nav-active .hdr-nav__btn::before { -webkit-transform: rotate(24deg); transform: rotate(24deg); }

.hdr-nav__btn::after { top: 4px; bottom: 14px; }

.is-nav-active .hdr-nav__btn::after { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }

.hdr-nav__lst { padding: 14px 16px 52px; display: none; }

.is-nav-active .hdr-nav__lst { display: block; }

.hdr-nav__lst-item { margin-top: 4px; text-align: center; }

.hdr-nav__lst-core { font-size: 2rem; color: #FFFFFF; line-height: 1.45; display: inline-block; text-decoration: none; font-weight: 700; text-align: center; padding: 4px; }

.hdr-nav__lst-core.hdr-nav__lst-core_topics { display: inline-block; position: relative; }

.hdr-nav__lst-core.hdr-nav__lst-core_topics.has-unread::after { background-color: #FC794F; border-radius: 10px; content: ""; display: inline-block; height: 10px; right: -9px; position: absolute; top: 2px; width: 10px; }

.hdr-nav__lst-core.btn-search { background-image: url(/shared/image/ico-search-blue.svg); background-position: 16px 9px; background-repeat: no-repeat; background-size: 30px; padding-left: 36px !important; width: 162px !important; }

.l-body-main { padding: 64px 32px 0; display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }

.l-logo { display: none; }

.pc-logo { text-align: center; }

.pc-logo__inner { display: inline-block; font-size: 0; line-height: 1; }

.pc-logo__core { width: 260px; }

.pc-logo-sub { margin-top: 12px; text-align: center; color: #456E90; font-size: 1.5rem; font-weight: 700; line-height: 1.3; letter-spacing: 0.5em; }

.l-input { display: flex; flex-direction: column; padding-bottom: 40px; padding-top: 32px; }

.l-input__btn { margin-top: auto; }

.l-detail { padding-top: 32px; padding-bottom: 40px; }

.l-detail .gmap-wrap { margin-top: 42px; }

.l-detail .gmap-wrap .media-detail__date { margin-top: 0; text-align: center; }

.l-detail .gmap-wrap .media-detail__date span { display: inline-block; position: relative; }

.l-detail .gmap-wrap .media-detail__date span::before, .l-detail .gmap-wrap .media-detail__date span::after { background-image: url(/shared/image/ico-baby-pt3.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 100%; position: absolute; top: 0; width: 24px; }

.l-detail .gmap-wrap .media-detail__date span::before { left: -32px; }

.l-detail .gmap-wrap .media-detail__date span::after { right: -32px; }

.l-detail .gmap-wrap .gmap-content { margin-top: 24px; }

.l-detail .gmap-wrap .gmap-content iframe { aspect-ratio: 1 / 1; height: 100%; width: 100%; }

.l-detail .gmap-wrap .gmap-address { font-weight: 500; margin-top: 16px; white-space: pre-wrap; }

.loading-indicator { background-color: rgba(255, 255, 255, 0.5); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1000; }

.loading-indicator svg { left: calc(50vw - 19px); position: absolute; top: calc(50vh - 19px); }

.l-foot { background-color: #FFFFFF; margin-left: -32px; margin-right: -32px; margin-top: auto; }

.l-foot__inner { padding: 32px; }

.ftr-nav { text-align: center; margin-top: 6px; margin-bottom: 24px; }

.ftr-nav__lst-item { margin-top: 8px; }

.ftr-nav__lst-core { line-height: 1.2; font-size: 1.2rem; }

.hdg-lv1 { font-size: 2rem; font-weight: 900; line-height: 1.45; text-align: center; margin-bottom: 4px; }

.hdg-lv1--complete { margin-top: auto; }

.login { position: relative; min-height: 160px; }

.login::before { background-image: url(../image/ico-baby-pt3.svg), url(../image/ico-baby-pt1.svg), url(../image/ico-baby-pt2.svg); background-repeat: no-repeat, no-repeat, no-repeat; background-size: contain, contain, contain; background-position: left center, center center, right center; content: ''; height: 28px; left: 0; margin: auto; position: absolute; right: 0; top: 75%; width: 140px; }

.login .hdg-logo { padding-top: 12%; padding-bottom: 31%; }

.login .wrap-about-link { display: none; }

.hdg-logo { text-align: center; font-size: 0; line-height: 1; padding-top: 15vw; }

.hdg-logo__core { width: 72%; display: block; margin: 0 auto; }

.hdg-logo__sub { color: #456E90; font-size: 1.9rem; font-weight: 700; line-height: 1.3; display: block; margin-top: 15px; letter-spacing: 0.5em; }

.hdg-btn { position: relative; padding-bottom: 21.5vw; margin-left: -32px; margin-right: -32px; }

.hdg-btn__lnk { z-index: 1; right: 19px; bottom: -5vw; position: absolute; display: inline-block; width: 24vw; font-size: 0; line-height: 1; }

.hdg-band { margin-left: -32px; margin-right: -32px; background-color: #FFFFFF; line-height: 1.45; border-top: 1px solid #456E90; border-bottom: 1px solid #456E90; }

section:last-of-type .hdg-band { border-bottom: 2px solid #456E90; }

section:only-of-type .hdg-band { border-bottom: 1px solid #456E90; }

.hdg-band--col-pt1 { background-color: #FAD0C0; }

.hdg-band--col-pt2 { background-color: #C2EAF9; }

.hdg-band--col-pt3 { background-color: #FFDC87; }

.hdg-band__core { display: block; padding: 15px 20px; position: relative; background-repeat: no-repeat; text-decoration: none; color: #456E90; font-size: 2rem; font-weight: 700; text-align: left; width: 100%; min-height: 62px; display: flex; flex-direction: column; justify-content: center; }

[class^="hdg-band--ico"] .hdg-band__core, [class*="hdg-band--ico"] .hdg-band__core { padding-left: 67px; }

[class^="hdg-band--ico-month"] .hdg-band__core, [class*="hdg-band--ico-month"] .hdg-band__core { background-position: 24px center; background-size: 30px auto; }

[class^="hdg-band--ico-baby"] .hdg-band__core, [class*="hdg-band--ico-baby"] .hdg-band__core { background-position: 20px center; background-size: 36px auto; }

.hdg-band--ico-month0 .hdg-band__core { background-image: url(../image/ico-month0.svg); }

.hdg-band--ico-month1 .hdg-band__core { background-image: url(../image/ico-month1.svg); }

.hdg-band--ico-month2 .hdg-band__core { background-image: url(../image/ico-month2.svg); }

.hdg-band--ico-month3 .hdg-band__core { background-image: url(../image/ico-month3.svg); }

.hdg-band--ico-month4 .hdg-band__core { background-image: url(../image/ico-month4.svg); }

.hdg-band--ico-month5 .hdg-band__core { background-image: url(../image/ico-month5.svg); }

.hdg-band--ico-month6 .hdg-band__core { background-image: url(../image/ico-month6.svg); }

.hdg-band--ico-month7 .hdg-band__core { background-image: url(../image/ico-month7.svg); }

.hdg-band--ico-month8 .hdg-band__core { background-image: url(../image/ico-month8.svg); }

.hdg-band--ico-month9 .hdg-band__core { background-image: url(../image/ico-month9.svg); }

.hdg-band--ico-month10 .hdg-band__core { background-image: url(../image/ico-month10.svg); }

.hdg-band--ico-month11 .hdg-band__core { background-image: url(../image/ico-month11.svg); }

.hdg-band--ico-month12 .hdg-band__core { background-image: url(../image/ico-month12.svg); }

.hdg-band--ico-baby-pt1 .hdg-band__core { background-image: url(../image/ico-baby-pt1.svg); }

.hdg-band--ico-baby-pt2 .hdg-band__core { background-image: url(../image/ico-baby-pt2.svg); }

.hdg-band--ico-baby-pt3 .hdg-band__core { background-image: url(../image/ico-baby-pt3.svg); }

.hdg-band--acd .hdg-band__core { padding-right: 52px; width: 100%; min-height: 86px; }

.hdg-band--acd .hdg-band__core::after { content: ''; display: inline-block; width: 18px; height: 9px; position: absolute; top: 0; bottom: 0; margin: auto; right: 30px; background: url(../image/ico-arrow-bottom-pt1.svg) no-repeat center/contain; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }

.is-acd-active .hdg-band--acd .hdg-band__core::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.wrap-event-categories > section:first-child .hdg-band { border-top-width: 2px; }

.box-topic { margin-left: -32px; margin-right: -32px; border-bottom: 1px solid #456E90; }

.box-topic__hdg { display: inline-flex; align-items: center; font-weight: 700; font-size: 2.4rem; background-color: #FFFFFF; border-top: 2px solid #456E90; border-right: 2px solid #456E90; line-height: 1; padding: 12px 28px 6px 32px; border-radius: 0 22px 0 0; position: relative; }

.box-topic__hdg-core { margin-left: -4px; }

.box-topic__dtl { margin-top: -2px; background-color: #FFFFFF; border-top: 2px solid #456E90; padding: 10px 32px 16px; }

.lst-news__item { margin-top: 10px; display: flex; }

.lst-news__lnk { display: flex; }

.lst-news__date { width: 7.7em; }

.lst-news__txt { width: calc(100% - 7.7em); padding-left: 1em; }

.box-topic .lst-news__txt { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.lst-elm-vtl__item + .lst-elm-vtl__item { margin-top: 10px; }

.parallel .lst-elm-vtl { -webkit-column-gap: 10px; column-gap: 10px; display: flex; flex-wrap: wrap; row-gap: 10px; }

.parallel .lst-elm-vtl .lst-elm-vtl__item { box-sizing: border-box; flex: 0 0 calc(50% - 5px); margin: 0; overflow: hidden; }

.parallel .lst-elm-vtl .btn-st__core { display: inline-block; min-width: inherit; padding: 0 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.lst-btn-hzl { display: flex; justify-content: center; margin-left: -16px; }

.lst-btn-hzl__item { margin-top: 32px; margin-left: 16px; }

.lst-chk-vtl { margin: 30px auto 0; width: 90%; }

.lst-chk-vtl__item + .lst-chk-vtl__item { margin-top: 10px; }

.lst-chk-hzl { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; -webkit-column-gap: 12px; column-gap: 12px; row-gap: 12px; justify-content: left; }

.lst-chk-hzl__item { display: flex; }

.lst-chk-hzl__item label { background-color: #456E90; border-color: #FFFFFF; border-radius: 24px; border-style: solid; border-width: 2px; color: #FFFFFF; cursor: pointer; font-weight: bold; max-width: 72vw; overflow: hidden; padding: 8px 14px; text-overflow: ellipsis; white-space: nowrap; }

.lst-chk-hzl__item :checked + label { background-color: #FFFFFF; border-color: #456E90; color: #456E90; }

.lst-sns-btn { display: flex; justify-content: flex-end; }

.lnk-more { margin-top: 10px; text-align: right; }

.lnk-more__core { text-decoration: none; padding-right: 23px; position: relative; display: inline-block; background: url(../image/ico-arrow-right-pt2.svg) no-repeat right center/15px auto; }

.lnk-txt-pt1 { margin-top: 32px; text-align: right; font-size: 1.4rem; }

.lnk-txt-pt1__core { font-weight: 700; }

.wrap-box { background-color: #FFFFFF; margin-left: -32px; margin-right: -32px; border-top: 1px solid #456E90; border-bottom: 1px solid #456E90; }

.wrap-box--acd { display: none; }

.is-acd-active .wrap-box--acd { display: block; }

.wrap-box--col-pt1 { background-color: rgba(250, 208, 192, 0.3); }

.wrap-box--col-pt2 { background-color: rgba(194, 234, 249, 0.3); }

.wrap-box--col-pt3 { background-color: rgba(255, 220, 135, 0.3); }

.wrap-box--col-pt4 { background-color: #456E90; }

.wrap-box__inner { padding: 32px; }

.wrap-box__txt { margin: 5px 0 10px; font-weight: 700; line-height: 1.45; text-align: center; }

.media-card { overflow: hidden; border: 2px solid #456E90; border-radius: 20px; display: block; text-decoration: none; position: relative; z-index: 0; }

.media-card__status { margin-top: 4px; display: flex; }

.media-card__status li { padding-left: 5px; }

.media-card__status li:first-child { padding-left: 0; }

.media-card__status img { height: 36px; }

.media-card__img-wrap { background-color: #9CB5CB; position: relative; overflow: hidden; }

.media-card__img-wrap.has-image { background-color: #FFFFFF; }

.media-card__img-wrap.has-image::after { background-image: none; }

.media-card__img-wrap::before { display: block; position: relative; padding-top: 52.0547%; content: ''; }

.media-card__img-wrap::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../image/card-no-img.svg) no-repeat center/contain; width: 108px; height: 16px; }

.media-card__img-wrap.media-card__reception-closed { background-color: #9CB5CB !important; }

.media-card__img-wrap.media-card__reception-closed::after { background-image: url(../image/card-reserve_reception-30.svg) !important; width: 80px; height: 29px; z-index: 10; }

.media-card__img-wrap.media-card__reception-closed img { opacity: .2; }

.media-card__img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; z-index: 1; }

.media-card__dtl-wrap { background-color: #FFFFFF; padding: 6px 20px 8px; border-top: 1px solid #456E90; min-height: 116px; }

.media-card__dtl { font-weight: 700; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; min-height: 62px; }

.media-card__data-wrap { min-height: 40px; padding: 5px 20px 7px; border-top: 1px solid #456E90; }

.media-card--col-pt1 .media-card__data-wrap { background-color: #FAD0C0; }

.media-card--col-pt2 .media-card__data-wrap { background-color: #C2EAF9; }

.media-card--col-pt3 .media-card__data-wrap { background-color: #FFDC87; }

.media-card__data { font-size: 1.8rem; line-height: 1.44; font-weight: 700; }

.media-detail { margin-bottom: 16px; position: relative; }

.media-detail__status { display: flex; margin-top: 12px; }

.media-detail__status:empty { display: none; }

.media-detail__status li { padding-left: 5px; }

.media-detail__status li:first-child { padding-left: 0; }

.media-detail__status img { height: 36px; }

.media-detail__img-wrap { position: relative; overflow: hidden; background-color: #9CB5CB; border: 2px solid #456E90; border-radius: 20px; }

.media-detail__img-wrap.has-image { background-color: #FFFFFF; }

.media-detail__img-wrap.has-image::after { background-image: none; }

.media-detail__img-wrap::before { display: block; position: relative; padding-top: 77.1428%; content: ''; }

.media-detail__img-wrap::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../image/card-no-img.svg) no-repeat center/contain; width: 108px; height: 16px; }

.media-detail__img-wrap.media-card__reception-closed { background-color: #9CB5CB !important; }

.media-detail__img-wrap.media-card__reception-closed::after { background-image: url(../image/card-reserve_reception-30.svg) !important; width: 80px; height: 29px; z-index: 1; }

.media-detail__img-wrap.media-card__reception-closed img { opacity: .2; }

.media-detail__img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; z-index: 1; }

.media-detail__hdg { margin-top: 24px; font-weight: 700; font-size: 2rem; line-height: 1.4; }

.media-detail__date { margin-top: 8px; font-weight: 700; font-size: 2rem; line-height: 1.4; }

.media-detail__txt-wrap { margin-top: 32px; font-weight: 500; }

.slide-media { display: flex; overflow-x: scroll; margin-right: -32px; margin-left: -32px; padding-right: 32px; padding-bottom: 16px; }

.slide-media__item { flex-shrink: 0; width: 83.5%; }

.slide-media__item:first-child { margin-left: 32px; }

.slide-media__item + .slide-media__item { margin-left: 16px; }

.reserved-event-list .slide-media, .tag-filtering-event-list .slide-media { display: inherit; margin: auto 0; overflow-x: auto; padding-bottom: 0; padding-right: 0; }

.reserved-event-list .slide-media__item, .tag-filtering-event-list .slide-media__item { margin: 16px auto 0 auto; width: 91.5%; }

.reserved-event-list .slide-media__item:first-child, .tag-filtering-event-list .slide-media__item:first-child { margin-top: 0; }

.tag-filtering-event-list .tag-filtering-result { line-height: 1; margin-bottom: 16px; }

.tag-filtering-event-list .tag-filtering-result .result-number { margin-bottom: 4px; }

.tag-filtering-event-list .tag-filtering-result .result-number span { color: #FC794F; display: inline-block; font-size: 2.4rem; font-weight: bold; margin-right: 4px; text-decoration: underline; vertical-align: bottom; }

.tag-filtering-event-list .tag-filtering-result .filter-further { text-align: right; }

.tag-filtering-event-list .tag-filtering-result .filter-further a { border-bottom-color: #456E90; border-bottom-style: solid; border-bottom-width: 2px; display: inline-block; text-decoration: none; }

.tag-filtering-event-list .tag-filtering-result .filter-further a::after { content: ">"; display: inline-block; font-size: 2rem; margin-left: .5rem; }

.modal-area__bg { top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; z-index: 11; overflow: hidden; position: fixed; background: transparent; -webkit-backdrop-filter: blur(4.56518px); backdrop-filter: blur(4.56518px); --webkit-backdrop-filter: blur(4.565179824829102px); background-color: rgba(0, 0, 0, 0.05); -webkit-backface-visibility: hidden; }

.modal-area__inner { left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto; position: absolute; width: 84.5%; }

.modal-body { border-radius: 20px; position: relative; background-color: #FFFFFF; padding: 72px 24px 56px; }

.modal-body--theme-pt1 { height: 530px; border: 2px solid #456E90; }

.modal-body--theme-pt2 { background-color: #FC794F; color: #FFFFFF; padding: 70px 53px 32px; }

.modal-body--theme-pt3 { background-color: #456E90; color: #FFFFFF; padding: 86px 45px 84px; }

.modal-body--theme-pt4 { background-color: #456E90; color: #FFFFFF; padding: 48px 16px 88px; }

.modal-body--theme-pt4.modal-agree { padding: 24px 16px; }

.modal-body--theme-pt4.modal-agree .term-set { background-color: #FFFFFF; color: #456E90; height: 50vh; margin-top: 12px; overflow-y: auto; padding: 8px; }

.modal-body--theme-pt4.modal-agree .modal-body__btn-area-pt2 { margin-top: 12px; }

.modal-body--theme-pt4.modal-topics { background-color: #FFFFFF; border-color: #456E90; border-style: solid; border-width: 2px; color: #456E90; padding: 24px 16px; }

.modal-body--theme-pt4.modal-topics .modal-body__close-btn { background-image: url(../image/btn-close1.svg); }

.modal-body--theme-pt4.modal-topics .modal-body__main .modal-body__hdg { margin-bottom: 16px; }

.modal-body--theme-pt4.modal-topics .modal-body__main .wrap-topics-content { max-height: 73vh; overflow: auto; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div { border-top-color: #456E90; border-top-style: solid; border-top-width: 1px; padding: 16px 0 8px 0; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div:first-child { border-top-width: 0; padding-top: 0; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div.is-unread .topics-title a::before { background-color: #FC794F; border-radius: .25em; content: ""; display: inline-block; height: .5em; margin-right: 4px; width: .5em; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div.is-opened dd { margin-top: 12px; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div.is-opened dd .topics-body { display: block; }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div.is-opened dd .btn-acc { background-image: url(/shared/image/btn-topics-acc-opend.svg); }

.modal-body--theme-pt4.modal-topics .modal-body__main dl > div dt .date { font-weight: normal; }

.modal-body--theme-pt4.modal-topics .modal-body__main dt { font-weight: bold; }

.modal-body--theme-pt4.modal-topics .modal-body__main dt a { display: inline-block; text-decoration: none; width: 100%; }

.modal-body--theme-pt4.modal-topics .modal-body__main dd .topics-body { display: none; }

.modal-body--theme-pt4.modal-topics .modal-body__main dd .btn-acc { background-image: url(/shared/image/btn-topics-acc-closed.svg); background-position: center; background-repeat: no-repeat; background-size: 18px 9px; display: inline-block; height: 16px; margin-top: 4px; width: 100%; }

.modal-body.modal-tag-filter { padding: 24px 14px; }

.modal-body.modal-tag-filter .modal-body__hdg { margin-bottom: 16px; padding-left: 16px; text-align: left; }

.modal-body.modal-tag-filter .modal-body__dtl-wrap { margin-top: 0; max-height: 64vh; overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: none; }

.modal-body.modal-tag-filter .modal-body__txt dt { font-size: 2rem; line-height: 1; margin-top: 18px; padding-left: 16px; }

.modal-body.modal-tag-filter .modal-body__txt dt span { font-size: 1.2rem; }

.modal-body.modal-tag-filter .modal-body__txt dd { margin-top: 16px; }

.modal-body__close-btn { position: absolute; width: 41px; height: 41px; display: inline-block; top: 16px; right: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../image/btn-close1.svg); }

.modal-body--theme-pt3 .modal-body__close-btn, .modal-body--theme-pt4 .modal-body__close-btn { background-image: url(../image/btn-close2.svg); }

.modal-body--theme-pt1 .modal-body__main { max-height: 402px; overflow: auto; }

.modal-body__tit { display: flex; font-weight: 700; }

.modal-body__tit-date { width: 7.8em; }

.modal-body__tit-txt { width: calc(100% - 7.8em); padding-left: .5em; }

.modal-body__hdg { text-align: center; font-weight: 700; font-size: 2rem; line-height: 1.45; }

.modal-body__prf { display: flex; justify-content: center; align-items: center; margin-top: 40px; }

.modal-body__prf-icn { width: 63px; }

.modal-body__prf-wrap { font-weight: 700; display: flex; }

.modal-body__prf-name { font-size: 2rem; line-height: 1.45; margin-left: 16px; }

.modal-body__prf-title { font-size: 1.6rem; margin-left: 8px; }

.modal-body__img-wrap { margin-top: 16px; font-size: 0; line-height: 1; }

.modal-body__img { width: 100%; }

.modal-body__dtl-wrap { margin-top: 12px; overflow: auto; max-height: 288px; }

.modal-body__logo { text-align: center; font-size: 0; line-height: 1; }

.modal-body__logo-core { width: 100%; }

.modal-body__concept { margin-top: 45px; margin: 20px -24px 0; }

.modal-body__concept-txt { line-height: 1.8; text-align: center; }

.modal-body__btn-area-pt1 { margin-top: 40px; }

.modal-body__btn-area-pt1.select-area { max-height: calc(100vh - 230px); overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: none; padding-right: 2px; }

.modal-body__btn-area-pt1.select-area.parallel { margin-left: -18px; margin-right: -18px; max-height: calc(100vh - 300px); }

.modal-body__btn-area-pt2 { margin-top: 34px; }

.modal-body__btn-area-pt3 { margin-top: 34px; }

.modal-body__btn-area-pt3 .lst-btn-hzl__item { margin-top: 0; }

.input-txt { display: block; position: relative; }

.input-txt__core { display: flex; align-items: center; width: 100%; border: 2px solid #456E90; background-color: transparent; border-radius: 28px; height: 53px; padding: 12px 20px; font-weight: 700; }

.input-txt__core::-webkit-input-placeholder { color: rgba(69, 110, 144, 0.5); }

.input-txt__core:-ms-input-placeholder { color: rgba(69, 110, 144, 0.5); }

.input-txt__core::-ms-input-placeholder { color: rgba(69, 110, 144, 0.5); }

.input-txt__core::placeholder { color: rgba(69, 110, 144, 0.5); }

.input-txt__core--size-pt1 { padding: 12px; }

.input-txt__core--size-pt1::-webkit-input-placeholder { font-size: 14px; }

.input-txt__core--size-pt1:-ms-input-placeholder { font-size: 14px; }

.input-txt__core--size-pt1::-ms-input-placeholder { font-size: 14px; }

.input-txt__core--size-pt1::placeholder { font-size: 14px; }

.modal-body--theme-pt3 .input-txt__core { border: 2px solid #FFFFFF; color: #FFFFFF; }

.modal-body--theme-pt3 .input-txt__core::-webkit-input-placeholder { color: rgba(250, 248, 244, 0.5); }

.modal-body--theme-pt3 .input-txt__core:-ms-input-placeholder { color: rgba(250, 248, 244, 0.5); }

.modal-body--theme-pt3 .input-txt__core::-ms-input-placeholder { color: rgba(250, 248, 244, 0.5); }

.modal-body--theme-pt3 .input-txt__core::placeholder { color: rgba(250, 248, 244, 0.5); }

.input-txt__password-btn { position: absolute; width: 20px; height: 20px; display: inline-block; right: 16px; top: 0; bottom: 0; margin: auto; background: url(../image/ico-visibillity-on.svg) no-repeat center/contain; z-index: 1; }

.modal-body--theme-pt3 .input-txt__password-btn { background: url(../image/ico-visibillity-w-on.svg) no-repeat center/contain; }

.input-txt__password-btn.is-password-hide { background: url(../image/ico-visibillity-off.svg) no-repeat center/contain; }

.modal-body--theme-pt3 .input-txt__password-btn.is-password-hide { background: url(../image/ico-visibillity-w-off.svg) no-repeat center/contain; }

.about-set { margin-top: 16px; }

.about-set { margin-top: 32px; }

.about-set__inner { text-align: center; line-height: 1.8em; }

.input-set { margin-top: 16px; }

.conf-set + .input-set { margin-top: 24px; }

.input-set__inner { display: block; }

.input-set__hdg { display: flex; font-weight: 700; margin-bottom: 8px; }

.input-set__hdg-req { color: #FC794F; margin-left: 10px; }

.input-set__desc, .input-set__error { font-weight: 700; font-size: 1.2rem; margin-top: 8px; margin-left: 20px; }

.input-set__error { color: #FC794F; white-space: pre-line; }

.input-set__name-group { display: flex; margin-left: -8px; align-items: center; }

.input-set__name-group > * { width: calc(50% - 8px); margin-left: 8px; }

.input-set__tel-group { display: flex; align-items: center; justify-content: space-between; }

.input-set__tel-group > * { width: calc(33.333% - 18px); }

.input-set__tel-group > *:nth-of-type(2) { position: relative; }

.input-set__tel-group > *:nth-of-type(2)::before, .input-set__tel-group > *:nth-of-type(2)::after { content: ''; display: inline-block; width: 8px; height: 2px; background-color: #456E90; position: absolute; top: 0; bottom: 0; margin: auto; }

.input-set__tel-group > *:nth-of-type(2)::before { left: -18px; }

.input-set__tel-group > *:nth-of-type(2)::after { right: -18px; }

.input-chkbox { display: flex; cursor: pointer; }

.input-chkbox__core { margin: 0; opacity: 0; width: 0; }

.input-chkbox__icn { position: relative; display: block; width: 20px; height: 20px; border: 2px solid #456E90; margin-right: .5em; }

.input-chkbox__icn::before, .input-chkbox__icn::after { opacity: 0; }

.input-chkbox__core:checked + .input-chkbox__icn { background-color: #456E90; }

.input-chkbox__core:checked + .input-chkbox__icn::before, .input-chkbox__core:checked + .input-chkbox__icn::after { opacity: 1; }

.input-chkbox__icn::before, .input-chkbox__icn::after { content: ''; display: block; position: absolute; -webkit-transform-origin: 1px 1px; transform-origin: 1px 1px; background-color: #FFFFFF; height: 2px; top: 30%; left: 60%; }

.input-chkbox__icn::before { width: 35%; -webkit-transform: translate(-5px, 6px) rotateZ(-135deg); transform: translate(-5px, 6px) rotateZ(-135deg); }

.input-chkbox__icn::after { width: 70%; -webkit-transform: translate(-5px, 6px) rotateZ(-45deg); transform: translate(-5px, 6px) rotateZ(-45deg); }

.input-chkbox__txt { font-size: 1.4rem; line-height: 1.42; font-weight: 700; margin-left: 8px; width: 275px; }

.wrap-recommend-point-jimoiku .txt-head { font-size: 2.0rem; font-weight: bold; margin-bottom: 30px; margin-top: 40px; position: relative; text-align: center; }

.wrap-recommend-point-jimoiku .txt-head::before, .wrap-recommend-point-jimoiku .txt-head::after { background-color: #456E90; bottom: -4px; content: ""; display: inline-block; height: 22px; position: absolute; width: 2px; }

.wrap-recommend-point-jimoiku .txt-head::before { right: calc(50% + 90px); -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }

.wrap-recommend-point-jimoiku .txt-head::after { left: calc(50% + 90px); -webkit-transform: rotate(24deg); transform: rotate(24deg); }

.wrap-recommend-point-jimoiku .hdg-band__core { padding: 15px; }

.wrap-recommend-point-jimoiku .recommend-point-01 .wrap-box__inner { padding-top: 48px; position: relative; }

.wrap-recommend-point-jimoiku .recommend-point-01 .wrap-box__inner > .notice { font-size: 1.2rem; left: 0; line-height: 48px; position: absolute; top: 0; text-align: center; width: 100%; }

.wrap-recommend-point-jimoiku .recommend-point-01 li { background-color: #FFFFFF; border: 2px solid #456E90; border-radius: 20px; margin-top: 24px; padding: 20px 24px 36px 24px; text-align: center; }

.wrap-recommend-point-jimoiku .recommend-point-01 li:first-child { margin-top: 0; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dt, .wrap-recommend-point-jimoiku .recommend-point-01 li dd { margin: 0 -24px; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dt { font-size: 1.6rem; font-weight: bold; padding-bottom: 14px; position: relative; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dt::before { background-color: #456E90; bottom: 0; content: ""; display: inline-block; height: 2px; left: 20px; position: absolute; width: calc(100% - 40px); }

.wrap-recommend-point-jimoiku .recommend-point-01 li dt span { font-size: 1.2rem; font-weight: normal; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dt span::before, .wrap-recommend-point-jimoiku .recommend-point-01 li dt span::after { content: "-"; margin: 0 .5rem; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dd { font-size: 1.4rem; padding-top: 16px; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dd .thumbnail { margin-top: 32px; }

.wrap-recommend-point-jimoiku .recommend-point-01 li dd .thumbnail img { width: 217px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .wrap-box { margin-left: -32px; margin-right: -32px; padding-bottom: 32px; padding-top: 24px; position: relative; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__arrows [disabled] { display: none; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__arrows .splide__arrow--prev, .wrap-recommend-point-jimoiku .recommend-point-02 .splide__arrows .splide__arrow--next { background-image: url("/shared/image/arrow_splide-prev.png"); background-size: 10px 18px; background-position: 5px 5px; background-repeat: no-repeat; height: 28px; position: absolute; top: calc((518px / 2) - (18px / 2)); width: 20px; z-index: 1; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__arrows .splide__arrow--prev { left: 20px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__arrows .splide__arrow--next { background-image: url("/shared/image/arrow_splide-next.png"); right: 20px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li { text-align: center; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dl { background-color: #FFFFFF; border: 2px solid #456E90; border-radius: 20px; height: 100%; padding: 0 15px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dt { font-size: 1.6rem; font-weight: bold; padding: 16px 0 14px 0; position: relative; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dt::before { background-color: #456E90; bottom: 0; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dd { font-size: 1.4rem; padding-bottom: 40px; padding-top: 16px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dd .link { color: #FC794F; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dd .thumbnail { margin-top: 32px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__track li dd .thumbnail img { width: 217px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__pagination { padding-top: 16px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__pagination li { padding: 0 4px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__pagination .splide__pagination__page { background-color: #456E90; border-radius: 4px; display: inline-block; height: 8px; opacity: .5; width: 8px; }

.wrap-recommend-point-jimoiku .recommend-point-02 .splide__pagination .splide__pagination__page.is-active { opacity: 1; }

.wrap-recommend-point-jimoiku .recommend-point-03 .wrap-box { border-top: 0 none !important; }

.wrap-recommend-point-jimoiku .recommend-point-03 li { margin-top: 16px; }

.wrap-recommend-point-jimoiku .recommend-point-03 li:first-child { margin-top: 0; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-left, .wrap-recommend-point-jimoiku .recommend-point-03 .balloon-right { background-position: 10px 50%; background-repeat: no-repeat; background-size: 40px 40px; padding: 0 14px 0 68px; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-left p, .wrap-recommend-point-jimoiku .recommend-point-03 .balloon-right p { background-color: #FFFFFF; border-color: #456E90; border-radius: 20px; border-style: solid; border-width: 2px; font-size: 1.4rem; position: relative; padding: 12px 14px; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-left p::before { border: 6px solid transparent; border-right: 10px solid #FFFFFF; content: ''; left: -14px; position: absolute; top: calc(50% - 6px); z-index: 2; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-left p::after { border: 7px solid transparent; border-right: 10px solid #456E90; content: ''; left: -18px; position: absolute; top: calc(50% - 7px); z-index: 1; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-right { padding: 0 68px 0 14px; background-position: right 10px top 50%; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-right p::before { border: 6px solid transparent; border-left: 10px solid #FFFFFF; content: ''; position: absolute; right: -14px; top: calc(50% - 6px); z-index: 2; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-right p::after { border: 7px solid transparent; border-left: 10px solid #456E90; content: ''; position: absolute; right: -18px; top: calc(50% - 7px); z-index: 1; }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-pt1 { background-image: url("/shared/image/ico-about-balloon-01.png"); }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-pt2 { background-image: url("/shared/image/ico-about-balloon-02.png"); }

.wrap-recommend-point-jimoiku .recommend-point-03 .balloon-pt3 { background-image: url("/shared/image/ico-about-balloon-03.png"); }

.wrap-recommend-add-home-screen .wrap-box__inner { color: #FFFFFF; }

.wrap-recommend-add-home-screen h2 { font-size: 2rem; text-align: center; }

.wrap-recommend-add-home-screen .txt-copy { font-size: 1.6rem; margin-top: 20px; position: relative; text-align: center; }

.wrap-recommend-add-home-screen .txt-copy::before, .wrap-recommend-add-home-screen .txt-copy::after { content: ""; background-color: #FFFFFF; bottom: -5px; display: inline-block; height: 40px; position: absolute; width: 2px; }

.wrap-recommend-add-home-screen .txt-copy::before { right: calc(50% + 120px); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }

.wrap-recommend-add-home-screen .txt-copy::after { left: calc(50% + 120px); -webkit-transform: rotate(20deg); transform: rotate(20deg); }

.wrap-recommend-add-home-screen .wrap-manual-a2hs { margin-top: 20px; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs dt { font-size: 2.0rem; font-weight: bold; text-align: center; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs dt::before, .wrap-recommend-add-home-screen .wrap-manual-a2hs dt::after { content: "-"; padding: 0 .5em; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs dd { margin-top: 16px; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs ul { display: flex; justify-content: space-between; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs .manual-a2hs-ios button, .wrap-recommend-add-home-screen .wrap-manual-a2hs .manual-a2hs-android button { background-color: #FFFFFF; background-image: url(/shared/image/btn-topics-acc-closed.svg); background-position: bottom 10px center; background-repeat: no-repeat; border-radius: 20px; font-size: 1.6rem; display: inline-block; padding: 18px 0 34px 0; text-align: center; width: 100%; }

.wrap-recommend-add-home-screen .wrap-manual-a2hs .manual-a2hs-ios { width: calc(155 / 350 * 100%); }

.wrap-recommend-add-home-screen .wrap-manual-a2hs .manual-a2hs-android { width: calc(187 / 350 * 100%); }

.modal-body.modal-add-home-screen { padding: 0; overflow: hidden; }

.modal-body.modal-add-home-screen .modal-body__close-btn { z-index: 1; }

.modal-body.modal-add-home-screen .modal-body__main { padding: 22px 0 38px 0; max-height: 100%; }

.modal-body.modal-add-home-screen .modal-body__main dt, .modal-body.modal-add-home-screen .modal-body__main dd { text-align: center; }

.modal-body.modal-add-home-screen .modal-body__main dt { font-size: 2.0rem; font-weight: bold; padding-bottom: 16px; position: relative; }

.modal-body.modal-add-home-screen .modal-body__main dt::before { background-color: #456E90; bottom: 0; content: ""; height: 1px; left: 20px; position: absolute; width: calc(100% - 40px); }

.modal-body.modal-add-home-screen .modal-body__main dt span { display: inline-block; font-size: 1rem; font-weight: normal; margin-top: 16px; }

.modal-body.modal-add-home-screen .modal-body__main dd { font-size: 1.6rem; padding-top: 16px; }

.modal-body.modal-add-home-screen .modal-body__main dd li { margin-top: 40px; }

.modal-body.modal-add-home-screen .modal-body__main dd li:first-child { margin-top: 0; }

.modal-body.modal-add-home-screen .modal-body__main dd .step-number { display: inline-block; font-size: 2.8rem; line-height: 1; margin-bottom: 8px; }

.modal-body.modal-add-home-screen .modal-body__main dd .notice { font-size: 1.2rem; }

.modal-body.modal-add-home-screen .modal-body__main dd img { margin-top: 24px; }

.modal-body.modal-add-home-screen.ios .modal-body__main dd li.step1 img, .modal-body.modal-add-home-screen.ios .modal-body__main dd li.step2 img, .modal-body.modal-add-home-screen.ios .modal-body__main dd li.step3 img { width: 260px; }

.modal-body.modal-add-home-screen.ios .modal-body__main dd li.step4 img { width: 150px; }

.modal-body.modal-add-home-screen.android .modal-body__main dd li.step1 img, .modal-body.modal-add-home-screen.android .modal-body__main dd li.step3 img { width: 260px; }

.modal-body.modal-add-home-screen.android .modal-body__main dd li.step2 img { width: 198px; }

.modal-body.modal-add-home-screen.android .modal-body__main dd li.step3 .step3-2 { margin-top: 32px; }

.modal-body.modal-add-home-screen.android .modal-body__main dd li.step3 .step3-2 img { width: 194px; }

.modal-body.modal-add-home-screen.android .modal-body__main dd li.step4 img { width: 150px; }

.cta-area.about .cta-body { padding: 12px 24px; }

.signup-term-wrap { border: 2px solid #456E90; height: 25rem; margin-top: 32px; overflow-y: auto; padding: 4px; }

.term-set { margin-top: 16px; }

.term-set { margin-top: 32px; }

.term-set__inner dt { font-weight: bold; }

.term-set__inner dd + dt { margin-top: 1em; }

.term-set__inner ol.term-numeric-list-type1 { list-style-type: decimal; padding-left: 1.5em; }

.term-set__inner ol.term-numeric-list-type2 li { list-style-type: none; counter-increment: cnt; margin-left: 1.5em; }

.term-set__inner ol.term-numeric-list-type2 li::before { content: "(" counter(cnt) ") "; margin-left: -1.5em; }

.term-set .term-update__inner { margin-top: 32px; }

.term-set .term-update__inner li { text-align: right; }

.faq-set { margin-top: 16px; }

.faq-set { margin-top: 32px; }

.faq-set__inner .faq-content { margin-top: 32px; }

.faq-set__inner dt { font-weight: bold; }

.faq-set__inner dd + dt { margin-top: 1em; }

.faq-set__inner .faq-numeric-list th { padding-right: .5em; vertical-align: top; white-space: nowrap; }

.faq-set__inner .faq-disc-list-type1, .faq-set__inner .faq-disc-list-type2, .faq-set__inner .faq-disc-list-type3, .faq-set__inner .faq-disc-list-type1 { padding-left: 1em; }

.faq-set__inner .faq-disc-list-type1 { list-style-type: circle; }

.faq-set__inner .faq-disc-list-type2 { list-style-type: disc; }

.faq-set__inner .faq-disc-list-type3, .faq-set__inner .faq-disc-list-type4 { list-style-type: square; }

.add-home-set { margin-top: 16px; }

.add-home-set { margin-top: 32px; }

.add-home-set__inner .add-home-content { margin-top: 32px; }

.add-home-set__inner dt { font-weight: bold; }

.add-home-set__inner dt::before { content: "■"; font-size: .5em; margin-right: .5em; }

.add-home-set__inner dd + dt { margin-top: 1em; }

.add-home-set__inner .add-home-numeric-list { list-style-type: decimal; margin-left: 1em; }

.download-link-app { margin-left: 11%; padding: 50px 0 40px 0; width: 78%; }

.download-link-app + .local-government-link { margin-top: 0; }

.download-link-app_title { font-size: 2rem; font-weight: bold; margin-bottom: 18px; text-align: center; }

.download-link-app_spacification { display: flex; margin-bottom: 18px; }

.download-link-app_spacification .icon img { border-radius: 16px; box-shadow: 0 0 8px #456E90; max-width: inherit; width: 80px; }

.download-link-app_spacification .text { padding-left: 16px; }

.download-link-app_banners dt { background-image: url(../image/arrow_download-link-app.png); background-position: center bottom 12px; background-size: 6% auto; background-repeat: no-repeat; font-weight: bold; padding-bottom: 24px; text-align: center; }

.download-link-app_banners dd ul { display: flex; justify-content: space-between; }

.download-link-app_banners dd ul > :only-child { flex: 1; }

.download-link-app_banners dd ul > .banner_app-store:only-child, .download-link-app_banners dd ul > .banner_google-play:only-child { text-align: center; }

.download-link-app_banners dd ul > .banner_app-store:only-child img { width: 43%; }

.download-link-app_banners dd ul > .banner_google-play:only-child img { width: 53%; }

.download-link-app_banners dd ul .banner_app-store { width: 43%; }

.download-link-app_banners dd ul .banner_google-play { width: 53%; }

.local-government-link { margin-bottom: 40px; margin-top: 40px; }

.local-government-link_wrap > a { display: flex; align-items: center; justify-content: center; }

.local-government-link_icon { margin-right: 8px; width: 24px; }

.local-government-link_name { font-size: 2rem; font-weight: bold; }

.txt-note--ctr { display: flex; justify-content: center; }

.modal-body__input-area .txt-note { margin-top: 8px; font-weight: 700; }

.modal-body--theme-pt3 .txt-note a { color: #FFFFFF; }

.txt-note__core { padding-left: 1.2em; position: relative; }

.txt-note__core::before { content: '※'; position: absolute; left: 0; }

.txt-conf-mes { text-align: center; font-weight: 700; margin-top: 20px; margin-bottom: 64px; }

.txt-auth-notice { font-size: 1.4rem; margin-top: 16px; }

.txt-auth-notice ul { text-indent: -1.5em; padding-left: 1.5em; }

.txt-underline { text-decoration: underline; }

.btn-st { text-align: center; }

.btn-st__core { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.45; padding: 10px 36px; border-radius: 28px; font-size: 2rem; margin: 0 auto; min-height: 49px; border: 2px solid transparent; text-decoration: none; min-width: 27.53623vw; }

.btn-st__core--size-pt1 { font-size: 1.8rem; }

.btn-st--col-pt1 .btn-st__core { background-color: #FC794F; color: #FFFFFF; border: 2px solid #FC794F; }

.btn-st--col-pt2 .btn-st__core { background-color: #456E90; color: #FFFFFF; border: 2px solid #456E90; }

.btn-st--col-pt3 .btn-st__core { background-color: #C2EAF9; color: #456E90; border: 2px solid #C2EAF9; }

.btn-st--col-pt4 .btn-st__core { background-color: #456E90; color: #FFFFFF; border: 2px solid #FFFFFF; }

.modal-body__btn-area-pt1 .btn-st--col-pt1 .btn-st__core { color: #456E90; }

.btn-edit-my-info .btn-st__core { background-color: #FC794F; color: #FFFFFF; font-size: 16px; height: 36px; min-height: auto; min-width: auto; padding: 0; width: 60px; }

.modal-body__btn-area-pt1 .btn-st__core, .cta-body__btn-area .btn-st__core { min-width: 180px; padding-left: 28px; padding-right: 28px; }

.modal-body__btn-area-pt2 .btn-st__core { min-width: 220px; }

.btn-st__note, .btn-st__error { font-weight: 700; display: block; margin-top: 8px; line-height: 1.4; }

.btn-st__note { font-size: 1.4rem; }

.btn-st__error { font-size: 1.2rem; color: #FC794F; }

.cta-area { transition: bottom, 1s; bottom: -100%; position: fixed; z-index: 10; width: 100%; left: 0; right: 0; margin: auto; }

.is-cta-active .cta-area { bottom: 0; }

.cta-body { border-radius: 20px 20px 0 0; background-color: #456E90; position: relative; padding: 48px 24px 54px; color: #FFFFFF; }

.cta-body__close-btn { position: absolute; width: 41px; height: 41px; display: inline-block; top: 24px; right: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../image/btn-close2.svg); }

.cta-body__hdg { text-align: center; font-weight: 700; font-size: 2rem; line-height: 1.45; }

.cta-body__btn-area { margin-top: 21px; }

.conf-wrap--mail { margin-bottom: 8px; }

.conf-wrap--profile { text-align: left; margin-top: 28px; }

.conf-wrap--profile section { margin-left: -32px; margin-right: -32px; padding-bottom: 3rem; padding-left: 32px; padding-right: 32px; }

.conf-wrap--profile section:last-child { margin-top: 0; }

.conf-wrap--profile h2 { background-color: #C2EAF9; border-color: #456E90; border-style: solid; border-width: 2px 0; color: #456E90; font-size: 2rem; font-weight: bold; margin: 0 -32px 16px -32px; padding: 16px; }

.conf-wrap--profile-details { background-color: rgba(250, 208, 192, 0.3); }

.conf-wrap--profile-details h2 { background-color: #FAD0C0; }

.conf-wrap--profile-details dl > div { position: relative; }

.conf-wrap--profile-details dl > div:first-child dt { margin-top: 0; }

.conf-wrap--profile-details dt { font-size: 1.2rem; font-weight: bold; margin-top: 2rem; opacity: .7; }

.conf-wrap--profile-details dd { font-size: 1.6rem; font-weight: bold; }

.conf-wrap--profile-details dd.btn-edit-my-info { padding-right: 70px; }

.conf-wrap--profile-details dd.btn-edit-my-info button { position: absolute; right: 0; top: 4px; }

.conf-wrap--profile-confirm { text-align: center; margin-top: 28px; }

.conf-wrap--subscription-mailmagazine { background-color: rgba(194, 234, 249, 0.3); }

.conf-wrap--subscription-mailmagazine h2 { background-color: #C2EAF9; }

.conf-wrap--subscription-mailmagazine table { width: 100%; }

.conf-wrap--subscription-mailmagazine tr:first-child th, .conf-wrap--subscription-mailmagazine tr:first-child td { padding-top: 0; }

.conf-wrap--subscription-mailmagazine th, .conf-wrap--subscription-mailmagazine td { padding-top: 2rem; vertical-align: top; }

.conf-wrap--subscription-mailmagazine th { line-height: 1.2; }

.conf-wrap--subscription-mailmagazine th .description { font-size: 1.2rem; font-weight: bold; opacity: .7; }

.conf-wrap--subscription-mailmagazine td { padding-left: .5em; }

.conf-wrap--subscription-mailmagazine .important { font-size: 1.2rem; margin-top: 2rem; text-align: center; }

.conf-wrap--withdraw { background-color: rgba(255, 220, 135, 0.3); }

.conf-wrap--withdraw h2 { background-color: #FFDC87; }

.conf-wrap--withdraw .conf-wrap { text-align: center; }

.conf-wrap--withdraw a { font-weight: bold; }

.conf-set { margin-top: 16px; }

.conf-set__core { font-weight: 700; }

.toggle-switch { font-size: 24px; margin-top: .2em; width: 56px; }

.toggle-switch input[type=checkbox] { opacity: 0; position: absolute; }

.toggle-switch input[type=checkbox]:checked + label:before { background-color: #FC794F; border-color: #FC794F; }

.toggle-switch input[type=checkbox]:checked + label:after { -webkit-animation: switch-on .2s ease-out; animation: switch-on .2s ease-out; background-color: #FAF8F4; left: 30px; }

.toggle-switch label { cursor: pointer; display: block; height: 28px; position: relative; width: 58px; }

.toggle-switch label:before { content: ''; position: absolute; width: 50px; height: 24px; left: 2px; transition: background-color 0.1s ease; background-color: #456E90; border-radius: 50px; border: 2px solid #456E90; }

.toggle-switch label:after { content: ''; position: absolute; width: 24px; height: 24px; border-radius: 50px; left: 4px; top: 2px; transition: all 0.2s ease; background-color: #FAF8F4; -webkit-animation: swich-off .2s ease-out; animation: swich-off .2s ease-out; z-index: 2; }

.u-mgt-24 { margin-top: 24px !important; }

.u-mgb-16 { margin-bottom: 16px !important; }

.u-pdb-0 { padding-bottom: 0px !important; }

.u-mgt-0 { margin-top: 0px !important; }

.is-disabled, :disabled { pointer-events: none; opacity: .4; }

.white-space-pre-wrap { white-space: pre-wrap; }

@media print, all and (min-width: 768px) { a:hover { text-decoration: none; } .l-head { position: fixed; background-color: transparent; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: 220px; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; left: 0; min-height: 1px; width: calc(50% - (414px / 2)); } .is-head-scrolled .l-head { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hdr-main { display: none; } .hdr-nav { padding-top: 28px; position: relative; }
  .hdr-nav::before { content: ''; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 140px; height: 28px; background-image: url(../image/ico-baby-pt3.svg), url(../image/ico-baby-pt1.svg), url(../image/ico-baby-pt2.svg); background-repeat: no-repeat, no-repeat, no-repeat; background-size: contain, contain, contain; background-position: left center, center center, right center; } .hdr-nav__btn { display: none; } .hdr-nav__lst { display: block; padding: 0; } .hdr-nav__lst-item { margin-top: 16px; } .hdr-nav__lst-item--btn { margin-top: 40px; text-align: center; }
  .hdr-nav__lst-item--btn + .hdr-nav__lst-item--btn { margin-top: 10px; } .hdr-nav__lst-core { color: #456E90; padding: 0; transition: opacity, .2s; }
  .hdr-nav__lst-core:hover { opacity: .7; } .hdr-nav__lst-item--btn .hdr-nav__lst-core { width: 176px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.45; padding: 10px 12px; border-radius: 28px; font-size: 2rem; margin: 0 auto; min-height: 49px; } .hdr-nav__lst-item--col-pt1 .hdr-nav__lst-core { background-color: #FC794F; color: #FFFFFF; border: 2px solid #FC794F; } .hdr-nav__lst-item--col-pt2 .hdr-nav__lst-core { background-color: transparent; color: #456E90; border: 2px solid #456E90; } .l-body-main { padding-top: 0; width: 414px; margin: 0 auto; border-left: 2px solid #456E90; border-right: 2px solid #456E90; } .l-logo { display: block; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: calc(50% - (414px / 2)); } .login::before { top: 198px; } .login .hdg-logo { padding-top: 38px; padding-bottom: 100px; } .hdg-logo { padding-top: 56px; } .hdg-btn { padding-bottom: 80px; } .hdg-btn__lnk { bottom: -20px; width: 88px; } .lst-news__lnk:hover { text-decoration: none; } .lst-chk-hzl__item label { max-width: 295px; } .modal-area__inner { width: 346px; } .btn-st__core { min-width: 114px; } .modal-body__btn-area-pt1 .btn-st__core, .cta-body__btn-area .btn-st__core { min-width: 176px; } .modal-body__btn-area-pt2 .btn-st__core { min-width: 214px; } .cta-area { width: 414px; } .u-disp-n-pc { display: none !important; } }

@media print, all and (max-width: 1100px) and (min-width: 768px) { .l-head { position: absolute; top: 50vh; } .l-body { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; } .l-logo { position: absolute; top: 50vh; } .modal-area__inner { top: 50vh; } .cta-area { position: absolute; } }

@media print, all and (max-width: 768px) { .modal-body__btn-area-pt3 .lst-btn-hzl__item .btn-st__core { padding-left: 30px; padding-right: 30px; } .u-disp-n-sp { display: none !important; } }