@charset "UTF-8";


/* sass */
.wrap-image img { max-width: 100%; width: auto; height: auto; }

/* トップに戻る
==========================================*/
.wrap-btn-pagetop { position: relative; }

.wrap-btn-pagetop .btn-pagetop { width: 50px; height: 50px; position: absolute; z-index: 8; margin: 0; right: 13px; top: -100px; }

.wrap-btn-pagetop .btn-pagetop li { width: 50px; height: 50px; }

.wrap-btn-pagetop .btn-pagetop li a { width: 50px; height: 50px; display: block; border: 1px solid #fff; background-color: #3f312b; opacity: 0.8; text-indent: -999px; white-space: nowrap; overflow: hidden; background: #3f312b url(/net/common/image/arw-gotop.png) center no-repeat; background-size: 12px 12px; }

.gdpr .wrap-btn-pagetop { top: 156px; }

.gdpr .wrap-btn-pagetop .btn-pagetop { top: -260px; }

.wrap-btn-pagetop.poswatchBottomDw .btn-pagetop { position: fixed; top: auto; right: 13px; bottom: 50px; }

.gdpr .wrap-btn-pagetop.poswatchBottomDw .btn-pagetop { bottom: 210px; }

/* フッター
==========================================*/

.footer {margin-top:80px; color:#ffffff;}

.l-foot { background-color: #000000;}

.l-foot a:link, .l-foot a:visited, .l-foot a:hover, .l-foot a:active { color: #fff; text-decoration: none; }

.l-foot .l-foot-inner { padding: 40px 13px; }

.l-foot .hdg-lv2-footer { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.8rem; line-height: 1.5; text-align: center; }

.l-foot .hdg-lv2-footer a { display: block; padding: 20px 0; border-top: 1px solid #a19b95; }

.l-foot .hdg-lv2-footer-pt2 { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.4rem; line-height: 1.5; margin-top: 35px; text-align: center; }

.l-foot .link-footer-pt1 { display: none; margin-top: 16px; }

.l-foot .link-footer-pt1 + .hdg-footer { margin-top: 30px; }

.l-foot .link-footer-pt1 dt, .l-foot .link-footer-pt1 dd { line-height: 1.5; }

.l-foot .link-footer-pt1 dt { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.6rem; }

.l-foot .link-footer-pt1 dt::before { content: ""; display: inline-block; width: 10px; height: 2px; vertical-align: middle; background-color: #fff; margin-right: 10px; }

.l-foot .link-footer-pt1 dd { font-size: 1.2rem; padding-left: 20px; margin-top: 8px; }

.l-foot .link-footer-pt1 dd + dt { margin-top: 16px; }

.l-foot .link-add { display: flex; flex-wrap: wrap; border-top: 1px solid #a19b95; border-bottom: 1px solid #a19b95; }

.l-foot .link-add > li { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.4rem; line-height: 1.5; width: calc(50% - 8px); text-align: center; }

.l-foot .link-add > li a { display: block; padding: 14px 0; border-top: 1px solid #a19b95; }

.l-foot .link-add > li:nth-child(2n) { margin-left: 15px; }

.l-foot .link-add > li:nth-child(2n+1):last-child { width: 100%; }

.l-foot .link-add > li:nth-child(-n+2) a { border-top-style: none; }

.l-foot .link-footer-bnr { display: flex; flex-wrap: wrap; margin-top: 30px; margin-left: -16px; }

.l-foot .link-footer-bnr li { margin-left: 16px; width: calc(50% - 16px); }

.l-foot .link-footer-bnr li img { width: 100%; height: auto; }

.l-foot .btn-living { padding-bottom: 32px; position: relative; display: inline-block; }

.l-foot .btn-living::after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #a19b95; border-left: 2px solid #a19b95; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: 0 auto; bottom: 15px; left: 0; right: 0; transition: 0s; }

.l-foot .btn-living.accordionActive::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-foot .wrap-accordion { border-top: 1px solid #a19b95; }

.l-foot .wrap-accordion .inner { display: none; }

.l-foot .wrap-accordion .inner.accordionActive { display: block; }

.l-foot .link-living { display: flex; flex-wrap: wrap; border-bottom: 1px solid #a19b95; }

.l-foot .link-living > li { font-size: 1.4rem; line-height: 1.5; width: calc(50% - 8px); text-align: center; }

.l-foot .link-living > li a { display: block; padding: 14px 0; border-top: 1px solid #a19b95; }

.l-foot .link-living > li:nth-child(2n) { margin-left: 15px; }

.l-foot .link-living > li:nth-child(2n+1):last-child { width: 100%; }

.l-foot .link-living > li:nth-child(-n+2) a { border-top-style: none; }

.l-foot .link-footer-pt2 { margin-top: 40px; text-align: center; font-size: 0; }

.l-foot .link-footer-pt2 li { line-height: 36px; display: inline; font-size: 1.4rem; margin-right: 7px; padding-right: 7px; border-right: 1px solid #fff; }

.l-foot .link-footer-pt2 li:nth-child(2n) { margin-right: 0; padding-right: 0; border-right-style: none; }

.l-foot .link-footer-pt2 li:nth-child(3)::before { content: "\000A"; white-space: pre; font-size: 1px; width: 1px; height: 1px; display: block; }

.l-foot .inner-footer-pt2 { margin-top: 40px; }

.l-foot .inner-footer-pt2 .footer-logo { margin-top: 40px; text-align: center; }

.l-foot .inner-footer-pt2 .footer-logo img.homes { width: 248px; height: auto; }

.l-foot .inner-footer-pt2 .copyright { margin-top: 10px; color: #fff; font-size: 1rem; text-align: center; }

.box-bg { background-color: #eae8e1; }

.l-body .l-body-main .l-inner { padding: 0 13px; }

.l-body .l-body-main .l-inner.box-bg { margin-top: 60px; padding-top: 1px; padding-bottom: 60px; }

.l-body .l-body-sub .l-inner { padding: 60px 13px 60px; }

.l-body.row1 .l-body-main > .l-inner.box-bg { padding-top: 1px; }

.l-body.row1 .l-body-main > .l-inner:last-child { padding-bottom: 120px; }

.l-body.row2 { display: flex; flex-wrap: wrap; }

.l-body.row2 .l-body-main { width: 100%; order: 1; }

.l-body.row2 .l-body-main > .l-inner:last-child { padding-bottom: 60px; }

.l-body.row2 .l-body-sub { width: 100%; order: 3; }

.l-body.row2 .l-body-foot { width: 100%; order: 2; }

.l-body.row2 .l-body-foot .l-inner.box-bg:first-child { padding-top: 1px; }

.l-body.row2 .l-body-foot .l-inner.box-bg:last-child { padding-bottom: 60px; }

.wrap-breadcrumb { display: none; }

.lnk-anchor { display: flex; flex-wrap: wrap; justify-content: center; width: calc(100% - 14px); margin: 0 auto 0; }

.lnk-anchor.no-wrap { flex-wrap: nowrap; }

.lnk-anchor.no-wrap > li { min-width: 4em; }

.lnk-anchor > li { display: flex; margin: 30px 0 0 -1px; min-width: 33.33%; border-right: 1px solid #dddcd6; border-left: 1px solid #dddcd6; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.6rem; line-height: 1.5; }

.lnk-anchor > li:first-child { border-left: 1px solid #dddcd6; }

.lnk-anchor > li a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; padding: 0 10px 16px; }

.lnk-anchor > li a:link, .lnk-anchor > li a:visited, .lnk-anchor > li a:hover, .lnk-anchor > li a:active { color: #3f312b; text-decoration: none; }

.lnk-anchor > li a::after { content: ''; display: inline-block; position: absolute; width: 12px; height: 12px; border-top: 1px solid #e94a23; border-left: 1px solid #e94a23; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: auto auto 0; left: 0; right: 0; bottom: 3px; }

/* x03
==========================================*/
.mov-filter { display: flex; margin: 30px 0 0 -4px; }

.mov-filter div { display: flex; width: calc(25% - 4px); margin-left: 4px; }

.mov-filter div p { display: flex; width: 100%; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.2rem; line-height: 1.5; padding-bottom: 9px; }

.mov-filter div p a { display: flex; justify-content: center; width: 100%; text-align: center; border: 1px solid #dddcd6; border-radius: 8px; padding: 42px 10px 8px; background-color: #fff; position: relative; }

.mov-filter div p a:link, .mov-filter div p a:visited, .mov-filter div p a:hover, .mov-filter div p a:active { color: #3f312b; text-decoration: none; }

.mov-filter div p a::before { position: absolute; content: ""; display: inline-block; width: 32px; height: 32px; margin: 0 auto; left: 0; right: 0; top: 5px; background: transparent url(/net/common/image/bg-filter.png) 0 0 no-repeat; background-size: 128px 128px; }

.mov-filter div p a::after { position: absolute; content: ""; display: inline-block; width: 34px; height: 9px; margin: 0 auto; left: 0; right: 0; bottom: -9px; }

.mov-filter div p a.active { background-color: #a19b95; border-color: #a19b95; }

.mov-filter div p a.active:link, .mov-filter div p a.active:visited, .mov-filter div p a.active:hover, .mov-filter div p a.active:active { color: #fff; }

.mov-filter div p a.active::after { background: transparent url(/net/common/image/bg-filter.png) center bottom no-repeat; background-size: 128px 128px; }

.mov-filter div.all p a.active::before { background-position: 0 -32px; }

.mov-filter div.floor p a.active::before { background-position: -32px -32px; }

.mov-filter div.season p a.active::before { background-position: -64px -32px; }

.mov-filter div.disaster p a.active::before { background-position: -96px -32px; }

.mov-filter div.floor p a::before { background-position: -32px 0; }

.mov-filter div.season p a::before { background-position: -64px 0; }

.mov-filter div.disaster p a::before { background-position: -96px 0; }

/* x03
------------------------------------------*/

/* x04
==========================================*/
.pagefeed { margin-top: 60px; display: flex; }

.pagefeed li { display: flex; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1.5; color: #3f312b; width: 50%; }

.pagefeed li.prev { border-right: 1px solid #dddcd6; }

.pagefeed li.prev + li { border-left-style: none; }

.pagefeed li.next { border-left: 1px solid #dddcd6; }

.pagefeed li a { display: flex; min-height: 1.5em; padding: 0 25px; }

.pagefeed li a:link, .pagefeed li a:visited, .pagefeed li a:hover, .pagefeed li a:active { color: #3f312b; text-decoration: none; }

.pagefeed .prev { margin-right: auto; }

.pagefeed .prev a { background: transparent url(../img/arw-left.svg) 0% 0.25em no-repeat; background-size: 12px 12px; }

.pagefeed .next { margin-left: auto; justify-content: flex-end; }

.pagefeed .next a { background: transparent url(../img/arw-right.svg) 100% 0.25em no-repeat; background-size: 12px 12px; }

/* x04
------------------------------------------*/

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

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

.bold { font-weight: bold; }

.font-normal { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

.col-red { color: #cc0000; }

.col-orange { color: #e94a23; }

.u-w10p { width: 10%; }

.u-w15p { width: 15%; }

.u-w20p { width: 20%; }

.u-w24p { width: 24%; }

.u-w25p { width: 25%; }

.u-w30p { width: 30%; }

.u-w35p { width: 35%; }

.u-w38p { width: 38%; }

.u-w40p { width: 40%; }

.hdg-lv1-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 3rem; margin: 25px 0 0; line-height: 1.5; }

.hdg-lv2-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 2.4rem; margin: 60px 0 0; padding: 0 5px 8px; line-height: 1.5; border-bottom: 2px solid #e94a23; }

.hdg-lv2-pt1-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 2rem; margin: 60px 0 0; padding: 12px 15px; color: #fff; background-color: #543f32; line-height: 1.5; }

.hdg-lv2-pt2-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 500; font-size: 2.4rem; margin: 30px 0 0; color: #e94a23; text-align: center; line-height: 1.5; }

.box-bg .hdg-lv2-pt2-dynamic { margin: 60px 0 0; }

.hdg-lv3-pt1-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 2rem; margin: 25px 0 0; line-height: 1.5; }

.hdg-lv3-pt2-dynamic { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 2.4rem; margin: 60px 0 0; line-height: 1.5; }

.hdg-lv3-pt2-dynamic.ico1, .hdg-lv3-pt2-dynamic.ico2 { padding: 0.3em 0 0 60px; position: relative; min-height: 50px; }

.hdg-lv3-pt2-dynamic.ico1::before, .hdg-lv3-pt2-dynamic.ico2::before { content: ""; display: block; height: 48px; width: 48px; position: absolute; left: 0; top: 0; background: transparent url(/net/common/image/ico-dynamic-mypage-hdg.png) no-repeat 0 0; background-size: auto 48px; }

.hdg-lv3-pt2-dynamic.ico2::before { background-position: -48px 0; }

.txt-hdg-caption { margin-top: 38px; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; color: #e94a23; font-size: 2rem; line-height: 1.4; }

.txt-hdg-caption + .hdg-lv1-dynamic { margin-top: 10px; }

.txt-date { color: #333333; margin-top: 10px; font-size: 1.4rem; }

.txt-date.irr { margin-top: 20px; text-align: right; }

.txt-date.irr + .hdg-lv2-pt1-dynamic { margin-top: 10px; }

.txt-st { margin-top: 20px; line-height: 1.8; }

.txt-lead-full { margin-top: 30px; line-height: 1.8; color: #3f312b; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; }

.txt-exp { margin-top: 10px; color: #999999; line-height: 1.5; font-size: 1.4rem; }

.txt-note { margin-top: 5px; line-height: 1.5; font-size: 1.4rem; }

.txt-server-err { margin-top: 5px; color: #cc0000; line-height: 1.8; font-weight: bold; }

.txt-conf { font-size: 1.8rem; line-height: 1.8; }

.txt-thanks, .txt-attend { font-size: 2rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; line-height: 1.8; margin-top: 40px; }

.txt-attend { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 500; color: #e94a23; }

.txt-l { font-size: 1.8rem; }

.txt-login-date { margin-top: 10px; text-align: right; color: #999999; font-size: 1.4rem; line-height: 1.5; }

.txt-master { display: inline-block; border: 1px solid #e94a23; color: #e94a23; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1; padding: 5px 10px; }

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

.link-pt1, .btn-more { margin-top: 20px; text-align: center; }

.link-pt1 a, .btn-more a { display: inline-block; text-decoration: none; border-bottom: 1px solid #a19b95; padding: 0 40px 10px 10px; position: relative; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; color: #3f312b; }

.link-pt1 a:before, .btn-more a:before { content: ""; display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px; width: 12px; height: 12px; background: transparent url(../img/arw-right-of.svg) no-repeat center center; background-size: 12px 12px; }

.link-arrow-pt1 { margin-top: 20px; }

.link-arrow-pt1 a { display: inline-block; text-decoration: none; padding: 0 30px 0 0; position: relative; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; }

.link-arrow-pt1 a:before { content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: transparent url(../img/arw-right.svg) no-repeat center center; background-size: 12px 12px; }

.link-anchor-dynamic { display: flex; flex-wrap: wrap; justify-content: center; }

.link-anchor-dynamic > li { display: flex; margin-top: 30px; margin-left: -1px; border-right: 1px solid #dddcd6; border-left: 1px solid #dddcd6; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.6rem; line-height: 1.5; }

.link-anchor-dynamic > li a { position: relative; display: block; width: 100%; text-align: center; padding: 0 15px 16px; }

.link-anchor-dynamic > li a:link, .link-anchor-dynamic > li a:visited, .link-anchor-dynamic > li a:hover, .link-anchor-dynamic > li a:active { color: #3f312b; text-decoration: none; }

.link-anchor-dynamic > li a::after { content: ''; display: inline-block; position: absolute; width: 12px; height: 12px; border-top: 1px solid #e94a23; border-left: 1px solid #e94a23; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: 0 auto; left: 0; right: 0; bottom: 3px; }

.link-contents-dynamic { margin-top: 30px; }

.link-contents-dynamic .item { margin-top: 20px; }

.link-contents-dynamic .item a { display: block; width: 100%; border: 1px solid #dddcd6; background-color: #fff; padding: 10px 10px 25px; text-decoration: none; font-size: 1.4rem; line-height: 1.6; }

.link-contents-dynamic .item a.new { position: relative; }

.link-contents-dynamic .item a.new:after { content: "\004e\0045\0057"; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.2rem; color: #fff; background-color: #e94a23; display: inline-block; line-height: 1.1; padding: 5px 10px; position: absolute; right: 0; top: 20px; }

.link-contents-dynamic .item .wrap-image img { width: 100%; height: auto; }

.link-contents-dynamic .item .wrap-text { padding: 0 10px; }

.link-contents-dynamic .item .txt { margin-top: 15px; }

.link-contents-dynamic .item .txt + .txt-title { margin-top: 5px; }

.link-contents-dynamic .item .txt-title { margin-top: 15px; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.8rem; position: relative; }

.link-contents-dynamic .item .txt-title::after { content: ""; display: inline-block; width: 12px; height: 12px; vertical-align: 0.05em; background: transparent url(../img/arw-right.svg) 0 0 no-repeat; background-size: 12px 12px; margin-left: 5px; }

.link-contents-dynamic .item .txt-date { color: #e94a23; margin-top: 10px; font-size: 1.2rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; }

.link-contents-dynamic .item .txt-lead { margin-top: 10px; font-size: 1.4rem; }

.link-contents-dynamic .item .txt-category { text-align: center; margin-top: 12px; padding-bottom: 3px; font-size: 1.2rem; color: #e94a23; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; position: relative; }

.link-contents-dynamic .item .txt-category:after { position: absolute; content: ""; display: inline-block; width: 50px; height: 1px; margin: 0 auto; left: 0; right: 0; bottom: 0; background-color: #e94a23; border-radius: 1px; }

.mov-filter-dynamic { display: flex; margin: 30px 0 0 -10px; align-items: center; justify-content: center; }

.mov-filter-dynamic li { display: flex; width: calc(33.333333% - 10px); margin-left: 10px; }

.mov-filter-dynamic li p { display: flex; width: 100%; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.2rem; line-height: 1.5; padding-bottom: 9px; }

.mov-filter-dynamic li p a { display: flex; justify-content: center; width: 100%; text-align: center; border: 1px solid #dddcd6; border-radius: 8px; padding: 42px 10px 8px; background-color: #fff; position: relative; }

.mov-filter-dynamic li p a:link, .mov-filter-dynamic li p a:visited, .mov-filter-dynamic li p a:hover, .mov-filter-dynamic li p a:active { color: #3f312b; text-decoration: none; }

.mov-filter-dynamic li p a::before { position: absolute; content: ""; display: inline-block; width: 32px; height: 32px; margin: 0 auto; left: 0; right: 0; top: 5px; background: transparent url(/net/common/image/bg-filter-dynamic.png) 0 0 no-repeat; background-size: 128px 128px; }

.mov-filter-dynamic li p a::after { position: absolute; content: ""; display: inline-block; width: 34px; height: 9px; margin: 0 auto; left: 0; right: 0; bottom: -9px; }

.mov-filter-dynamic li p a.active { background-color: #a19b95; border-color: #a19b95; }

.mov-filter-dynamic li p a.active:link, .mov-filter-dynamic li p a.active:visited, .mov-filter-dynamic li p a.active:hover, .mov-filter-dynamic li p a.active:active { color: #fff; }

.mov-filter-dynamic li p a.active::after { background: transparent url(/net/common/image/bg-filter-dynamic.png) center bottom no-repeat; background-size: 128px 128px; }

.mov-filter-dynamic li.disaster1 p a.active::before { background-position: 0 -32px; }

.mov-filter-dynamic li.disaster2 p a.active::before { background-position: -32px -32px; }

.mov-filter-dynamic li.disaster3 p a.active::before { background-position: -64px -32px; }

.mov-filter-dynamic li.disaster1 p a::before { background-position: 0 0; }

.mov-filter-dynamic li.disaster2 p a::before { background-position: -32px 0; }

.mov-filter-dynamic li.disaster3 p a::before { background-position: -64px 0; }

.list-normal { margin-top: 20px; }

.list-normal li { position: relative; line-height: 1.6; margin-top: 10px; padding-left: 20px; }

.list-normal li:before { content: ""; width: 8px; height: 8px; background-color: #543f32; position: absolute; left: 0; top: 0.5em; display: block; border-radius: 50%; }

.list-attention { margin-top: 10px; }

.list-attention li { color: #999999; font-size: 1.4rem; line-height: 1.6; display: table; }

.list-attention li div { display: table-cell; vertical-align: top; }

.list-attention li div.nowrap { white-space: nowrap; }

.list-flow-pt1 { margin-top: 30px; }

.list-flow-pt1 li { margin-top: 30px; }

.list-flow-pt1 .txt { line-height: 1.8; margin-top: 30px; }

.list-link-dynamic > li { line-height: 1.5; margin-top: 30px; position: relative; }

.list-link-dynamic > li a { display: block; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 2rem; color: #3f312b; line-height: 1.5; position: relative; text-decoration: none; background-color: #eae8e1; padding: 20px 40px 20px 20px; }

.list-link-dynamic > li a span { display: inline-block; vertical-align: middle; position: relative; }

.list-link-dynamic > li a.disabled { background-color: #dddcd6; pointer-events: none; color: #a19b95; }

.list-link-dynamic > li a.disabled:before { background-image: url(/net/common/image/arw-right-of.png); }

.list-link-dynamic > li a.disabled:after { content: ""; opacity: .3; }

.list-link-dynamic > li a:before { content: ""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -6px; width: 11px; height: 11px; background: transparent url(../img/arw-right.svg) no-repeat center center; background-size: contain; }

.list-link-dynamic > li a.link-blank span:after { content: ""; display: inline-block; margin-left: 10px; width: 10px; height: 10px; background: transparent url(../img/ico-blank.svg) no-repeat center center; background-size: contain; }

.list-link-dynamic > li a[class^="menu"] { padding: 20px 40px 20px 85px; }

.list-link-dynamic > li a[class^="menu"]::after { content: ""; display: block; position: absolute; left: 30px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: transparent url(/net/common/image/ico-dynamic-mypage-menu.png) no-repeat 0 0; background-size: auto 32px; }

.list-link-dynamic > li a.menu01:after { background-position: 0 0; }

.list-link-dynamic > li a.menu02:after { background-position: -32px 0; }

.list-link-dynamic > li a.menu03:after { background-position: -64px 0; }

.list-link-dynamic > li a.menu04:after { background-position: -96px 0; }

.list-link-dynamic > li a.menu05:after { background-position: -128px 0; }

.list-link-dynamic > li a.menu06:after { background-position: -160px 0; }

.list-link-dynamic > li a.menu07:after { background-position: -192px 0; }

.list-link-dynamic > li a.menu08:after { background-position: -224px 0; }

.list-link-dynamic > li a.menu09:after { background-position: -256px 0; }

.list-link-dynamic > li a.menu10:after { background-position: -288px 0; }

.list-link-dynamic > li a.menu11:after { background-position: -320px 0; }

.list-link-dynamic > li a.menu12:after { background-position: -352px 0; }

.list-link-dynamic > li a.menu13:after { background-position: -384px 0; }

.list-link-dynamic > li a.menu14:after { background-position: -416px 0; }

.list-link-dynamic > li a.menu15:after { background-position: -448px 0; }

.list-link-dynamic > li a.menu16:after { background-position: -480px 0; }

.list-link-dynamic > li a.menu17:after { background-position: -512px 0; }

.list-link-dynamic > li a.menu18:after { background-position: -544px 0; }

.list-link-dynamic > li a.menu19:after { background-position: -576px 0; }

.list-link-dynamic > li a.menu20:after { background-position: -608px 0; }

.list-link-dynamic > li .txt { font-size: 1.4rem; line-height: 1.5; margin-top: 15px; }

.list-link-dynamic > li .txt-alert { font-size: 1.4rem; line-height: 1.5; margin-top: 0; background-color: #e94a23; color: #fff; padding: 10px 40px 10px 10px; position: absolute; left: -10px; bottom: calc(100% - 10px); width: 100%; display: none; }

.list-link-dynamic > li .txt-alert:after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(233, 74, 35, 0); border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-right-width: 10px; margin-left: -10px; border-top-color: #e94a23; top: 100%; left: 40px; }

.list-link-dynamic > li .txt-alert .btn-close { width: 36px; height: 36px; padding: 8px; display: block; position: absolute; right: 0; top: 0; font-size: 0; cursor: pointer; }

.list-link-dynamic > li .txt-alert .btn-close span { position: relative; display: block; height: 18px; width: 18px; }

.list-link-dynamic > li .txt-alert .btn-close span:before { content: ""; background: #fff; border-radius: 4px; content: ""; display: block; width: 100%; height: 2px; left: 50%; margin-left: -50%; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.list-link-dynamic > li .txt-alert .btn-close span:after { content: ""; background: #fff; border-radius: 4px; content: ""; display: block; height: 2px; left: 50%; margin-left: -50%; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 100%; }

.list-link-dynamic > li .txt-alert.visible { display: block; }

.list-contents-dynamic .wrap-image { font-size: 0; line-height: 0; }

.list-contents-dynamic .wrap-image img { width: 100%; height: auto; }

.list-contents-dynamic .txt-caption { margin-top: 15px; line-height: 1.6; font-size: 1.2rem; }

.list-contents-dynamic li { margin-top: 30px; }

.list-contents-dynamic.row2-3 { display: flex; flex-wrap: wrap; margin-left: -10px; }

.list-contents-dynamic.row2-3 li { width: calc(50% - 10px); margin-left: 10px; margin-top: 30px; }

.list-content-pt1 { margin-top: 30px; border: 1px solid #dddcd6; }

.list-content-pt1 > li { border-top: 1px solid #dddcd6; background-color: #fff; padding: 20px; }

.list-content-pt1 > li .hdg { font-size: 1.8rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1.6; color: #3f312b; }

.list-content-pt1 > li .hdg .txt-date { margin-top: 5px; display: block; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }

.list-content-pt1 > li:first-child { border-top: none; }

.list-content-pt2 { margin-top: 30px; }

.list-content-pt2 > li { background-color: #ede4cd; padding: 20px; margin-top: 10px; }

.list-content-pt2 > li .hdg { font-size: 1.8rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1.6; color: #3f312b; }

.list-content-pt2 > li .hdg .txt-date { font-size: 1.6rem; margin-top: 5px; display: block; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }

.list-content-pt3 { margin-top: 30px; border-bottom: 1px solid #dddcd6; }

.list-content-pt3 > li { border-top: 1px solid #dddcd6; background-color: #fff; }

.list-content-pt3 > li a { display: block; padding: 20px; text-decoration: none; }

.list-content-pt3 > li .hdg { font-size: 1.8rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1.6; color: #3f312b; position: relative; }

.list-content-pt3 > li .hdg:after { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: -0.05em; background: transparent url(../img/arw-right-l.svg) 0 0 no-repeat; background-size: 18px 18px; margin-left: 10px; }

.list-content-pt3 > li .txt-add { font-size: 1.2rem; line-height: 1.6; margin-top: 10px; color: #333333; }

.list-content-pt3 > li:nth-child(even) { background-color: #eae8e1; }

.list-content-pt3 a { opacity: 1; transition: opacity 0.5s ease; }

.list-content-pt3 a:hover { opacity: 0.5; }

.nav-flow { margin: 26px 0 0; display: flex; justify-content: space-between; counter-reset: number; }

.nav-flow.row5 li { width: 20%; }

.nav-flow.row4 li { width: 25%; }

.nav-flow.row3 li { width: 33.333333333%; }

.nav-flow.row2 li { width: 50%; }

.nav-flow .txt { display: block; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1.5; color: #a19b95; text-align: center; position: relative; padding-top: 35px; }

.nav-flow .txt:before { content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 0; background-color: #dddcd6; border-radius: 50%; margin-left: -15px; }

.nav-flow li { position: relative; }

.nav-flow li:before { content: ""; display: block; height: 4px; background-color: #dddcd6; top: 17px; position: relative; left: 50%; }

.nav-flow li:after { counter-increment: number; content: counter(number); font-family: "Roboto Slab", sans-serif; font-weight: 700; font-size: 1.3rem; color: #fff; margin: auto; position: absolute; text-align: center; display: block; left: 50%; top: 1em; margin-left: -15px; width: 30px; }

.nav-flow li:last-child:before { visibility: hidden; width: 0; }

.nav-flow li.current .txt { color: #3f312b; }

.nav-flow li.current .txt:before { background-color: #e94a23; }

.nav-flow li.past:before { background-color: #e94a23; }

.nav-flow li.past:after { content: ""; display: block; border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 10px; height: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: calc(50% - 6px); top: 15px; margin-left: 0; }

.nav-flow li.past .txt:before { background-color: #e94a23; }

.nav-flow.start2 { counter-reset: number 1; }

.nav-flow.start2 { counter-reset: number 2; }

.nav-flow.start4 { counter-reset: number 3; }

.nav-flow.start5 { counter-reset: number 4; }

.nav-flow.start6 { counter-reset: number 5; }

.wrap-hdg { position: relative; }

.wrap-img img { max-width: 100%; height: auto; }

.wrap-err { margin-top: 30px; border-radius: 4px; border: 1px solid #E28B8B; color: #cc0000; background-color: #FFF4F4; padding: 20px 20px 18px; font-weight: bold; }

.wrap-err .txt { line-height: 1.5; }

.wrap-err .list-err li { font-size: 1.4rem; line-height: 1.5; margin-top: 8px; position: relative; padding-left: 1em; }

.wrap-err .list-err li:before { content: "\0030fb"; font-size: 1.4rem; position: absolute; left: 0; top: 0; line-height: 1.5; }

.wrap-terms { border: 1px solid #dddcd6; background: #fff; padding: 0 30px; height: 315px; overflow-x: auto; }

.wrap-terms > p:first-child { margin-top: 0; }

.wrap-terms p { line-height: 1.8; }

.wrap-terms .inner { padding-bottom: 40px; }

.wrap-terms .hdg { padding-top: 40px; }

.wrap-terms ul { list-style-type: disc; padding-left: 20px; }

.wrap-terms ul li { line-height: 1.8; }

.wrap-column1 { background-color: #eae8e1; margin-top: 40px; padding: 30px; }

.wrap-column1 .txt { line-height: 1.8; }

.wrap-column1 .txt + .txt { margin-top: 20px; }

.wrap-column1.inner-search { margin-left: -13px; margin-right: -13px; padding: 20px; }

.wrap-column1.inner-search .wrap-area-select li { margin-top: 15px; }

.wrap-column1.inner-search .wrap-area-select .wrap-select select { font-size: 2rem; padding: 13px 40px 13px 20px; min-height: 60px; }

.wrap-column1.inner-search .wrap-area-select .btn-search { background-color: #e94a23; padding-top: 18px; padding-bottom: 18px; background-position: 25px center; font-size: 1.8rem; display: block; width: 100%; min-height: 60px; }

.map-frame { margin-top: 30px; border: 1px solid #dddcd6; }

.map-frame iframe { height: 250px; border: 0; }

.wrap-fee .wrap-select { margin-top: 20px; }

.wrap-service-content { margin: 30px -13px 0; }

.wrap-service-content dl { border: 4px solid #dddcd6; background-color: #fff; padding: 30px; }

.wrap-service-content dl .inner + .inner { margin-top: 30px; }

.wrap-service-content dl dt { font-size: 1.8rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1.5; }

.wrap-service-content dl dd { line-height: 1.6; margin-top: 15px; }

.wrap-service-content dl .list-link li { margin-top: 15px; }

.wrap-service-content dl .list-link li a { position: relative; padding-left: 20px; display: inline-block; }

.wrap-service-content dl .list-link li a:before { content: ""; position: absolute; display: block; width: 12px; height: 12px; left: 0; top: 0.3em; _top: 7px; background: transparent url(../img/arw-right.svg) no-repeat 0 0; background-size: 12px 12px; }

.wrap-service-content dl .list-link li a.link-pdf:after, .wrap-service-content dl .list-link li a.link-pic:after { content: ""; width: 24px; height: 24px; display: inline-block; margin-left: 10px; vertical-align: middle; background: transparent url(/net/common/image/ico-pdf.png) no-repeat center center; background-size: contain; }

.wrap-service-content dl .list-link li a.link-pic:after { background-image: url(/net/common/image/ico-pic.png); }

.wrap-service-content dl .wrap-form-btn { display: none; }

.wrap-customer-info { margin-top: 30px; background-color: #ede4cd; padding: 20px; }

.wrap-customer-info dt { font-weight: bold; font-size: 1.8rem; line-height: 1.6; }

.wrap-customer-info dd { font-size: 1.8rem; line-height: 1.6; }

.wrap-customer-info .inner + .inner { margin-top: 20px; }

.wrap-customer-info .txt-authority { margin-top: 10px; font-size: 1.4rem; }

.wrap-customer-info .txt-authority span { display: inline-block; padding: 8px 12px; color: #fff; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; }

.wrap-customer-info .txt-authority.admin span { background-color: #e94a23; }

.wrap-customer-info .txt-authority.viewer span { background-color: #3f312b; }

.wrap-customer-info .link-arrow { display: inline-block; margin-left: 30px; padding-left: 20px; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; color: #3f312b; text-decoration: none; vertical-align: middle; background: transparent url(../img/arw-right-of.svg) no-repeat 0 center; }

.wrap-customer-info .list-custom li { margin-top: 20px; font-size: 1.4rem; }

.wrap-customer-info .list-custom li a { display: inline-block; padding: 3px 0px 3px 30px; line-height: 1.4; position: relative; text-decoration: none; min-height: 25px; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; color: #3f312b; }

.wrap-customer-info .list-custom li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: transparent url(/net/common/image/ico-dynamic-mypage-user.png) no-repeat 0 0; background-size: auto 25px; }

.wrap-customer-info .list-custom li a.change::before { background-position: 0 0; }

.wrap-customer-info .list-custom li a.add-info::before { background-position: -25px 0; }

.wrap-customer-info .list-custom li a.add-viewer::before { background-position: -50px 0; }

.wrap-customer-info.ver-list dt { font-size: 1.6rem; }

.wrap-customer-info.ver-list dd { font-size: 1.6rem; }

.wrap-customer-info.ver-list .inner + .inner { margin-top: 10px; }

.wrap-customer-info.ver-only dt { font-size: 2.4rem; }

.wrap-customer-info.ver-only dd { font-size: 2.4rem; }

.wrap-customer-info.ver-event { background-color: #eae8e1; }

.wrap-customer-info.inner-form { padding: 0; margin-top: 0; margin-left: 0; }

.wrap-customer-info.inner-form .wrap-radio { position: relative; padding: 20px; }

.wrap-customer-info.inner-form .wrap-radio label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.wrap-customer-info.inner-form .wrap-radio label span { margin-top: 20px; margin-left: 20px; }

.wrap-customer-info.inner-form dl { margin-left: 40px; }

.wrap-customer-info.inner-form dl dt, .wrap-customer-info.inner-form dl dd { font-size: 1.6rem; }

.wrap-customer-info.inner-form .txt-authority { margin-left: 40px; }

.wrap-customer-info.inner-form + .inner-form { margin-top: 20px; }

.wrap-customer-info.inner-list-form { padding: 20px; margin-top: 30px; }

.wrap-customer-info.inner-list-form .wrap-radio { position: relative; }

.wrap-customer-info.inner-list-form .wrap-radio label span { font-weight: bold; color: #3f312b; }

.wrap-customer-info.inner-list-form .wrap-radio label span.txt { display: block; margin-top: 5px; font-weight: normal; }

.wrap-customer-info.inner-list-form .wrap-radio label span.txt:before { display: none; }

.wrap-customer-info.inner-list-form .wrap-radio input[type="radio"] + span:before { top: 17px; }

.wrap-customer-info.inner-list-form .wrap-radio input[type="radio"]:checked + span:after { top: 9px; }

.wrap-customer-info.inner-list-form dl dt { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; }

.wrap-customer-info.inner-list-form dl dd { margin-top: 20px; font-size: 1.6rem; }

.wrap-maison { margin-top: 30px; border-bottom: 1px solid #dddcd6; background-color: #fff; }

.wrap-maison dt { background: #eae8e1; padding: 18px 20px; font-weight: bold; line-height: 1.5; }

.wrap-maison dd { padding: 18px 20px; line-height: 1.5; }

.wrap-maison .inner { border-top: 1px solid #dddcd6; }

.wrap-maison a { display: inline-block; padding-left: 25px; background: transparent url(../img/arw-right.svg) no-repeat 0 0.2em; }

.wrap-no-maison { margin-top: 30px; border-top: 1px solid #dddcd6; border-bottom: 1px solid #dddcd6; background-color: #fff; text-align: center; padding: 30px; }

.wrap-no-maison .txt { color: #999999; line-height: 1.4; }

.wrap-comment { margin-top: 30px; padding-left: 75px; background: transparent url(/net/common/image/ico-dynamic-person.png) no-repeat 0 0; background-size: 48px 48px; }

.wrap-comment dl { background-color: #eae8e1; padding: 20px 30px; border-radius: 10px; line-height: 1.6; position: relative; }

.wrap-comment dl::before { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(234, 232, 225, 0); border-top-width: 10px; border-bottom-width: 10px; border-left-width: 20px; border-right-width: 20px; margin-top: -10px; border-right-color: #eae8e1; right: 100%; top: 25px; }

.wrap-comment dl dt { font-weight: bold; }

.wrap-comment dl dd { font-size: 1.4rem; margin-top: 10px; }

.wrap-service-column { margin-top: 60px; background-color: #eae8e1; padding: 20px; text-align: center; }

.wrap-service-column .txt-service { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; line-height: 1.6; font-size: 1.8rem; color: #3f312b; }

.wrap-service-column .txt-service span { display: block; font-size: 3.6rem; }

.wrap-service-column .wrap-form-btn { margin-top: 10px; }

.wrap-service-column .wrap-form-btn li { margin-top: 0; }

.wrap-dl { margin-top: 30px; border-bottom: 1px solid #dddcd6; background-color: #fff; }

.wrap-dl dt { background: #eae8e1; padding: 16px 20px; font-weight: bold; line-height: 1.8; font-size: 1.8rem; }

.wrap-dl dd { font-size: 1.8rem; padding: 16px 20px; line-height: 1.8; }

.wrap-dl .inner { border-top: 1px solid #dddcd6; }

.wrap-map { margin: 15px -20px 0; }

.wrap-map iframe { max-width: 100%; height: 300px; }

.wrap-gmap-api { margin: 15px -20px 0; }

.wrap-gmap-api .gmap-api { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; }

.wrap-inq { margin-top: 60px; }

.wrap-inq .txt-inq { font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 1.8rem; line-height: 1.6; }

.wrap-inq .wrap-form-btn li { margin-top: 20px; }

.wrap-tbl-overflow { overflow-x: auto; overflow-y: hidden; border-top: 1px solid #dddcd6; border-bottom: 1px solid #dddcd6; margin-left: -13px; margin-right: -13px; padding: 20px 13px; margin-top: 30px; }

.wrap-tbl-overflow.inner-tbl { padding-top: 60px; }

.wrap-tbl-overflow .inner { width: 1100px; }

.wrap-tbl-overflow .txt-overflow { text-align: right; font-size: 1.2rem; line-height: 1.8; color: #9E8B57; font-weight: bold; padding-right: 48px; background: transparent url(/net/common/image/ico-scroll-sp.png) no-repeat right center; background-size: contain; position: absolute; right: 13px; }

.wrap-tbl-overflow .wrap-txt-add { position: absolute; right: 13px; margin-top: -40px; }

.wrap-tbl-overflow .wrap-txt-add .txt-add { font-size: 1.4rem; }

.wrap-tbl-overflow .txt-add { display: flex; align-items: center; }

.wrap-tbl-overflow .txt-add img { width: 36px; height: auto; }

.wrap-tbl-overflow .txt-add span + span { padding-left: 10px; }

.wrap-tbl-overflow .txt-add + .txt-add { margin-top: 10px; }

.wrap-tbl-overflow .tbl-overflow { width: 100%; background: #fff; margin-top: calc(1.5em + 10px); border-bottom: 1px solid #dddcd6; border-right: 1px solid #dddcd6; }

.wrap-tbl-overflow .tbl-overflow th, .wrap-tbl-overflow .tbl-overflow td { padding: 15px 18px; border-top: 1px solid #dddcd6; border-left: 1px solid #dddcd6; line-height: 1.5; }

.wrap-tbl-overflow .tbl-overflow thead th { background-color: #a19b95; color: #fff; }

.wrap-tbl-overflow .tbl-overflow tr:nth-child(even) th, .wrap-tbl-overflow .tbl-overflow tr:nth-child(even) td { background-color: #f8f7f4; }

.wrap-tbl-overflow .tbl-overflow .wrap-year { display: flex; justify-content: space-around; font-weight: bold; }

.wrap-tbl-overflow .tbl-overflow .link { font-size: 1.6rem; display: inline-block; padding-left: 20px; background: transparent url(../img/arw-right.svg) no-repeat 0 center; background-image: 12px 12px; color: #3f312b; }

.wrap-tbl-overflow .tbl-overflow .link-q { display: inline-block; padding-right: 30px; color: #fff; position: relative; text-decoration: none; }

.wrap-tbl-overflow .tbl-overflow .link-q:after { content: ""; width: 25px; height: 25px; background: transparent url(../img/ico-dynamic-mypage-info.png) no-repeat right center; background-size: auto 25px; position: absolute; right: 0; top: -1px; }

.wrap-tbl-overflow .tbl-overflow .link-close { display: inline-block; padding-right: 30px; position: relative; text-decoration: none; }

.wrap-tbl-overflow .tbl-overflow .link-close:after { content: ""; width: 25px; height: 25px; background: transparent url(../img/ico-dynamic-mypage-info.png) no-repeat left center; background-size: auto 25px; position: absolute; right: 0; top: -1px; }

.wrap-tbl-overflow .tbl-overflow th .wrap-year { margin-left: -15px; }

.wrap-tbl-overflow .tbl-overflow .cell1 { width: 20%; text-align: center; font-weight: bold; }

.wrap-tbl-overflow .tbl-overflow .cell1-1 { width: 10%; text-align: center; font-weight: bold; }

.wrap-tbl-overflow .tbl-overflow .cell1-2 { width: 10%; text-align: center; font-weight: bold; }

.wrap-tbl-overflow .tbl-overflow .cell2 { width: 28%; }

.wrap-tbl-overflow .tbl-overflow .cell3 { width: 26%; }

.wrap-tbl-overflow .tbl-overflow .cell4 { width: 26%; }

.wrap-tbl-overflow .tbl-overflow.irr1 .inner { padding: 22px 18px; border-top: 1px solid #dddcd6; border-left: 1px solid #dddcd6; line-height: 1.5; }

.wrap-tbl-overflow .tbl-overflow.irr1 .wrap-th, .wrap-tbl-overflow .tbl-overflow.irr1 .wrap-td { display: flex; }

.wrap-tbl-overflow .tbl-overflow.irr1 .wrap-th { background-color: #a19b95; color: #fff; }

.wrap-tbl-overflow .tbl-overflow.irr1 .wrap-td:nth-child(odd) .inner { background-color: #f8f7f4; }

.wrap-tbl-overflow .tbl-overflow.irr1 .cell1 { width: 17%; text-align: left; font-weight: normal; }

.wrap-tbl-overflow .tbl-overflow.irr1 .cell2 { width: 25%; }

.wrap-tbl-overflow .tbl-overflow.irr1 .cell3 { width: 58%; }

.wrap-tbl-overflow .tbl-overflow.irr1 .link-arrow { display: inline-block; position: relative; padding-left: 20px; background: transparent url(../img/arw-right.svg) no-repeat 0 center; background-image: 12px 12px; }

.wrap-tbl-overflow.inner-tbl.no-even { padding-top: 20px; }

.wrap-tbl-overflow.inner-tbl.no-even .tbl-overflow tr:nth-child(even) th, .wrap-tbl-overflow.inner-tbl.no-even .tbl-overflow tr:nth-child(even) td { background-color: #fff; }

.wrap-tbl-overflow.inner-tbl.no-even .tbl-overflow tbody th { background-color: #f8f7f4 !important; }

.wrap-add-renovation { margin-top: 30px; background-color: #eae8e1; padding: 20px; }

.wrap-add-renovation .inner li + li { margin-top: 20px; }

.wrap-add-renovation .inner label { font-weight: bold; color: #543f32; font-size: 1.8rem; display: block; margin-bottom: 10px; line-height: 1.6; }

.wrap-add-renovation .inner .wrap-select select { width: auto; max-width: 100%; }

.wrap-add-renovation .inner .wrap-select.year select { min-width: 60%; }

.wrap-add-renovation .inner .wrap-select.content select { min-width: 80%; }

.wrap-add-renovation .inner .wrap-text textarea { min-height: 4em; }

.wrap-add-renovation .btn-add { width: 100%; display: block; padding: 18px 18px 18px 40px; min-height: 54px; color: #fff; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-weight: 700; background: #543f32 url(/net/common/image/ico-plus.png) 20px center no-repeat; background-size: 24px 24px; border: none; outline: none; opacity: 1; cursor: pointer; }

.wrap-inspection-reservation .step1, .wrap-inspection-reservation .step2 { margin-top: 50px; }

.wrap-inspection-reservation .txt { font-size: 1.8rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 900; color: #3f312b; }

.wrap-inspection-reservation .txt.disabled { opacity: .3; }

.wrap-inspection-reservation .wrap-cal { margin-top: 20px; border: 1px solid #dddcd6; background-color: #fff; padding: 10px; }

.wrap-inspection-reservation .wrap-radio label input:checked + span { font-weight: bold; }

.wrap-inspection-reservation .select-month { display: flex; justify-content: space-between; align-items: center; background: #a19b95; padding: 2px 18px; color: #fff; }

.wrap-inspection-reservation .select-month .view { font-size: 1.4rem; }

.wrap-inspection-reservation .select-month .view span { font-weight: bold; font-size: 1.6rem; line-height: 2; }

.wrap-inspection-reservation .select-month .prev, .wrap-inspection-reservation .select-month .next { display: block; font-size: 0; line-height: 0; position: relative; width: 20px; height: 20px; }

.wrap-inspection-reservation .select-month .prev.disabled, .wrap-inspection-reservation .select-month .next.disabled { pointer-events: none; visibility: hidden; }

.wrap-inspection-reservation .select-month .prev:before, .wrap-inspection-reservation .select-month .next:before { content: ""; display: block; width: 8px; height: 8px; top: 5px; margin: 0; position: absolute; margin-top: 0; border-top: 2px solid; border-right: 2px solid; border-top-color: #fff; border-right-color: #fff; }

.wrap-inspection-reservation .select-month .prev:before { left: 2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.wrap-inspection-reservation .select-month .next:before { right: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.wrap-inspection-reservation .tbl-cal { table-layout: fixed; width: calc(100% + 4px); margin: 0 -2px; background: #f8f7f4; border-bottom: 2px solid #fff; border-right: 2px solid #fff; text-align: center; font-weight: bold; }

.wrap-inspection-reservation .tbl-cal th, .wrap-inspection-reservation .tbl-cal td { padding: 12px 8px 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; line-height: 1; text-align: center; font-size: 1.4rem; }

.wrap-inspection-reservation .tbl-cal th.no, .wrap-inspection-reservation .tbl-cal td.no { background-color: #999999; color: #fff; pointer-events: none; }

.wrap-inspection-reservation .tbl-cal th.part, .wrap-inspection-reservation .tbl-cal td.part { background-color: #ede4cd; cursor: pointer; }

.wrap-inspection-reservation .tbl-cal th.full, .wrap-inspection-reservation .tbl-cal td.full { background-color: #eae8e1; cursor: pointer; }

.wrap-inspection-reservation .tbl-cal th.reserved, .wrap-inspection-reservation .tbl-cal td.reserved { background-color: #e94a23; color: #fff; cursor: pointer; }

.wrap-inspection-reservation .tbl-cal th.select, .wrap-inspection-reservation .tbl-cal td.select { box-shadow: 0 0 0 3px #e94a23 inset; cursor: pointer; }

.wrap-inspection-reservation .tbl-cal thead th { background-color: #fff; color: #333333; font-weight: normal; }

.wrap-inspection-reservation .color-info { margin-top: 20px; display: table; width: 100%; table-layout: fixed; font-weight: bold; text-align: center; font-size: 1.1rem; line-height: 1.1; }

.wrap-inspection-reservation .color-info li { display: table-cell; padding: 12px 0 10px; }

.wrap-inspection-reservation .color-info li.no { background-color: #999999; color: #fff; }

.wrap-inspection-reservation .color-info li.part { background-color: #ede4cd; }

.wrap-inspection-reservation .color-info li.full { background-color: #eae8e1; }

.wrap-inspection-reservation .color-info li.reserved { background-color: #e94a23; color: #fff; }

.wrap-inspection-reservation .color-info li + li { border-left: 1px solid #fff; }

.wrap-inspection-reservation .select-timezone { margin-top: 20px; }

.wrap-inspection-reservation .select-timezone dt { background-color: #eae8e1; padding: 28px 20px; font-size: 1.8rem; font-weight: bold; }

.wrap-inspection-reservation .select-timezone dd { background-color: #fff; padding: 1px 20px 20px; }

.wrap-inspection-reservation .select-timezone li { margin-top: 20px; }

.wrap-inspection-reservation.reserved .tbl-cal th, .wrap-inspection-reservation.reserved .tbl-cal td { cursor: default !important; }

.wrap-members-contents { margin-top: 30px; }

.wrap-members-contents + .wrap-members-contents { margin-top: 40px; }

.wrap-members-contents .wrap-customer-info { margin-top: 0; }

.wrap-members-contents .wrap-members { background-color: #fff; padding: 20px; }

.wrap-members-contents .hdg-lv2-dynamic { margin-top: 0; }

.wrap-members-contents section + section .hdg-lv2-dynamic { margin-top: 20px; }

.wrap-members-contents .members { margin-top: 20px; border-bottom: 1px solid #dddcd6; padding-bottom: 15px; }

.wrap-members-contents .members .inner { display: flex; align-items: center; line-height: 1.5; }

.wrap-members-contents .members .inner + .inner { border-top: 1px solid #dddcd6; padding-top: 15px; margin-top: 15px; }

.wrap-members-contents .members dt { font-weight: bold; font-size: 1.6rem; width: 40%; padding-right: 10px; }

.wrap-members-contents .members dd { width: 60%; }

.wrap-members-contents .list-row { display: flex; flex-wrap: wrap; margin-left: -15px; }

.wrap-members-contents .list-row li { margin-left: 15px; font-size: 1.4rem; }

.wrap-members-contents .list-row li a { color: #3f312b; }

.wrap-members-contents .list-row .arrow, .wrap-members-contents .list-row .del { display: inline-block; position: relative; line-height: 1.8; }

.wrap-members-contents .list-row .arrow:before, .wrap-members-contents .list-row .del:before { content: ""; display: block; position: absolute; left: 0; }

.wrap-members-contents .list-row .arrow { padding-left: 20px; }

.wrap-members-contents .list-row .arrow:before { top: 0.3em; width: 14px; height: 14px; background: transparent no-repeat 0 0; background-image: url(../img/arw-right.svg); }

.wrap-members-contents .list-row .del { padding-left: 28px; }

.wrap-members-contents .list-row .del:before { top: 0; width: 24px; height: 24px; background-image: url(/net/common/image/ico-dynamic-mypage-info.png); background-size: auto 24px; }

.wrap-message-pt1 { margin-top: 30px; background-color: #eae8e1; padding: 25px; }

.wrap-message-pt1 .txt { line-height: 1.8; }

.tbl-forecast { width: 100%; background: #fff; margin-top: 30px; border-bottom: 1px solid #dddcd6; border-right: 1px solid #dddcd6; text-align: center; }

.tbl-forecast caption { text-align: right; margin-bottom: 10px; font-size: 1.4rem; }

.tbl-forecast th, .tbl-forecast td { padding: 22px 5px; border-top: 1px solid #dddcd6; border-left: 1px solid #dddcd6; line-height: 1.5; text-align: center; }

.tbl-forecast th { background-color: #eae8e1; font-weight: bold; }

.tbl-forecast thead th { background-color: #a19b95; color: #fff; }

.tbl-forecast p { display: inline-block; }

.tbl-forecast .heavy-rain, .tbl-forecast .thunder { margin: 0 5px; position: relative; }

.tbl-forecast .heavy-rain:before, .tbl-forecast .thunder:before { content: ""; display: block; width: 40px; height: 40px; background: transparent url(/net/common/image/ico-dynamic-weather02.png) no-repeat top center; background-size: contain; padding-bottom: 20px; }

.tbl-forecast .thunder:before { background-image: url(/net/common/image/ico-dynamic-weather03.png); }

.tbl-weather { width: 100%; background: #fff; margin-top: 30px; text-align: center; table-layout: fixed; }

.tbl-weather th, .tbl-weather td { padding: 10px 0; border-top: 1px solid #fff; border-left: 1px solid #fff; line-height: 1.5; text-align: center; font-weight: bold; font-size: 1.4rem; }

.tbl-weather th { background-color: #eae8e1; }

.tbl-weather td { background-color: #eae8e1; }

.tbl-weather td:nth-child(even) { background-color: #dddcd6; }

.tbl-weather thead th { text-align: center; background-color: #a19b95; color: #fff; padding: 20px; font-size: 1.6rem; font-weight: normal; }

.tbl-weather thead th span { font-size: 2.2rem; padding-right: 10px; display: inline-block; vertical-align: middle; font-weight: bold; }

.tbl-weather thead th.today { background-color: #543f32; }

.tbl-weather p { display: inline-block; }

.tbl-weather .wrap-weather td { background-color: #fff; }

.tbl-weather .wrap-temp td { background-color: #eae8e1; font-size: 1.8rem; }

.tbl-weather .wrap-hour th, .tbl-weather .wrap-hour td { padding: 25px 0; }

.tbl-weather .high { color: #cc0000; }

.tbl-weather .low { color: #1968FF; }

.tbl-weather .weather1 { margin: 0; position: relative; }

.tbl-weather .weather1:before { content: ""; display: block; width: 64px; height: 64px; background: transparent url(/net/common/image/ico-dynamic-weather01.png) no-repeat top center; background-size: contain; }

.tbl-pollen { width: 100%; background: #fff; margin-top: 30px; text-align: center; table-layout: fixed; border-bottom: 1px solid #dddcd6; border-right: 1px solid #dddcd6; }

.tbl-pollen th, .tbl-pollen td { padding: 15px 10px; border-top: 1px solid #dddcd6; border-left: 1px solid #dddcd6; line-height: 1.5; text-align: center; font-size: 1.4rem; }

.tbl-pollen th { background-color: #a19b95; }

.tbl-pollen td { background-color: #eae8e1; }

.tbl-pollen thead th { background-color: #a19b95; color: #fff; font-size: 1.2rem; font-weight: normal; }

.tbl-pollen thead th span { display: block; font-size: 1.6rem; font-weight: bold; }

.tbl-pollen thead th.today { background-color: #543f32; }

.tbl-pollen p { display: inline-block; }

.tbl-pollen .wrap-pollen td { background-color: #fff; }

.tbl-pollen .wrap-txt td { padding: 25px 10px; font-weight: bold; }

.tbl-pollen .pollen1 { margin: 0; position: relative; color: #1E561F; }

.tbl-pollen .pollen1:before { content: ""; display: block; width: 64px; height: 64px; background: transparent url(/net/common/image/ico-dynamic-pollen01.png) no-repeat top center; background-size: contain; padding-bottom: 10px; }

.tbl-fee { width: 100%; background: #fff; margin-top: 20px; border-bottom: 1px solid #dddcd6; border-right: 1px solid #dddcd6; }

.tbl-fee caption { text-align: right; margin-bottom: 10px; font-size: 1.4rem; }

.tbl-fee th, .tbl-fee td { padding: 18px 15px; border-top: 1px solid #dddcd6; border-left: 1px solid #dddcd6; line-height: 1.5; font-weight: bold; }

.tbl-fee th.price, .tbl-fee td.price { font-weight: normal; text-align: right; }

.tbl-fee th { background-color: #eae8e1; font-weight: bold; text-align: left; }

.tbl-fee .total td { background-color: #eae8e1; text-align: right; }

.tbl-fee .total-price { font-size: 2.4rem; }

.tbl-fee thead th { background-color: #a19b95; color: #fff; text-align: left; width: 55%; }

.tbl-fee thead th + th { width: 45%; }

.mfp-container { padding: 0 !important; }

.mordal-pt1 { position: relative; text-align: left; border: 1px solid #dddcd6; padding: 60px 13px; background-color: #fff; }

.mordal-pt1 .btn-close { position: absolute; right: 20px; top: 20px; width: 24px; height: 24px; }

.mordal-pt1 .btn-close a { display: block; height: 24px; text-indent: -9999px; overflow: hidden; background: transparent url(/net/common/image/ico-close.png) center no-repeat; background-size: contain; }

.mordal-pt1 .txt-st { font-size: 1.4rem; }

.wrap-form { margin: 30px 0 0; }

.wrap-form .wrap { border-top: 1px solid #dddcd6; border-bottom: 1px solid #dddcd6; background-color: #fff; }

.wrap-form .wrap.hidden { display: none; }

.wrap-form .wrap.visible { display: block; }

.wrap-form .wrap + .wrap { border-top: none; }

.wrap-form .wrap .inner { display: block; }

.wrap-form .wrap .inner .wrap-element, .wrap-form .wrap .inner .wrap-legend { display: block; padding: 20px; width: 100%; }

.wrap-form .wrap .inner .wrap-legend { width: 100%; background: #eae8e1; font-weight: bold; }

.wrap-form .wrap .inner .wrap-legend.required { position: relative; padding-right: 60px; }

.wrap-form .wrap .inner .wrap-element { padding: 20px; border-top: 1px solid #dddcd6; }

.wrap-form .wrap .inner .wrap-element > *:first-child { margin-top: 0; }

.wrap-form .wrap .required-mark { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; margin: auto; line-height: 0; }

.wrap-form .wrap .required-mark span { display: inline-block; line-height: 1.2; font-size: 1.2rem; background-color: #fff; border: 1px solid #cc0000; color: #cc0000; padding: 2px 7px; }

.wrap-form .wrap fieldset { border: none; }

.wrap-form .wrap .txt-legend { line-height: 1.8; font-size: 1.8rem; }

.wrap-form .wrap label.conf { margin: 10px 0 5px; }

.wrap-form .wrap .txt-attention { display: inline-block; margin-top: 10px; border: 1px solid #CCBEA0; color: #7A4D05; background-color: #FFFAF3; padding: 8px; line-height: 1.6; font-size: 1.4rem; font-weight: bold; }

.wrap-form.bg-pt1 { background-color: #eae8e1; padding: 0 30px 30px; }

.wrap-form.bg-pt1 .wrap { border-top: none; background: transparent; border-bottom: none; padding-top: 30px; }

.wrap-form.bg-pt1 .wrap + .wrap { padding-top: 50px; }

.wrap-form.bg-pt1 .wrap .inner .wrap-element, .wrap-form.bg-pt1 .wrap .inner .wrap-legend { padding: 0; }

.wrap-form.bg-pt1 .wrap .inner .wrap-legend { font-weight: normal; }

.wrap-form.bg-pt1 .wrap .inner .wrap-legend.required { padding-right: 0; }

.wrap-form.bg-pt1 .wrap .inner .wrap-element { padding: 5px 0 0; border-top: none; }

.wrap-form.bg-pt1 .wrap .required-mark { -webkit-transform: none; transform: none; vertical-align: middle; margin: 0 0 0 10px; position: static; display: inline-block; }

.wrap-form.bg-pt1 .wrap fieldset { border: none; }

.wrap-form.bg-pt1 .wrap .txt-legend { font-size: 2.4rem; }

.wrap-form.bg-pt1 .wrap legend { vertical-align: middle; line-height: 1.4; font-size: 2.4rem; display: inline-block; }

.wrap-form .txt { margin-top: 20px; }

.wrap-form .done { display: block; margin: 5px 0 0 40px; }

.wrap-form .done span { display: inline-block; vertical-align: middle; color: #a19b95; background-color: #dddcd6; font-size: 1.4rem; font-weight: bold; padding: 5px 10px; }

.wrap-form-btn { margin-top: 20px; text-align: center; }

.wrap-form-btn a, .wrap-form-btn button { display: block; width: 100%; padding: 20px 30px; cursor: pointer; font-size: 2rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center; }

.wrap-form-btn a.forward-pt1, .wrap-form-btn a.forward-pt2, .wrap-form-btn a.forward-pt3, .wrap-form-btn button.forward-pt1, .wrap-form-btn button.forward-pt2, .wrap-form-btn button.forward-pt3 { position: relative; background-color: #e94a23; color: #fff; border: 1px solid #e94a23; }

.wrap-form-btn a.forward-pt1:before, .wrap-form-btn a.forward-pt2:before, .wrap-form-btn a.forward-pt3:before, .wrap-form-btn button.forward-pt1:before, .wrap-form-btn button.forward-pt2:before, .wrap-form-btn button.forward-pt3:before { content: ""; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: transparent url(../img/arw-right-wh.svg) no-repeat center center; background-size: 12px 12px; }

.wrap-form-btn a.forward-pt2, .wrap-form-btn button.forward-pt2 { background-color: #543f32; border: 1px solid #543f32; }

.wrap-form-btn a.forward-pt3, .wrap-form-btn button.forward-pt3 { background-color: #543f32; border: 1px solid #543f32; }

.wrap-form-btn a.forward-pt3:before, .wrap-form-btn button.forward-pt3:before { content: ""; display: block; position: absolute; right: 25px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: transparent url(/net/common/image/ico-download.png) no-repeat center center; background-size: 24px 24px; }

.wrap-form-btn a.normal, .wrap-form-btn a.prev, .wrap-form-btn a.next, .wrap-form-btn button.normal, .wrap-form-btn button.prev, .wrap-form-btn button.next { text-align: center; position: relative; color: #000000; border: 1px solid #000000;background-color: #ffffff; }

.wrap-form-btn a.prev:before, .wrap-form-btn a.next:before, .wrap-form-btn button.prev:before, .wrap-form-btn button.next:before { content: ""; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: transparent url(/net/common/image/arw-right.svg) no-repeat center center; background-size: 12px 12px; }

.wrap-form-btn a.prev:before, .wrap-form-btn button.prev:before { left: 15px; right: auto; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.wrap-form-btn a.disabled, .wrap-form-btn a:disabled, .wrap-form-btn button.disabled, .wrap-form-btn button:disabled { background-color: #dddcd6 !important; border-color: #dddcd6 !important; color: #a19b95; pointer-events: none; }

.wrap-form-btn a.disabled.forward-pt1:before, .wrap-form-btn a.disabled.forward-pt2:before, .wrap-form-btn a.disabled.forward-pt3:before, .wrap-form-btn a.disabled.forward:before, .wrap-form-btn a.disabled.prev:before, .wrap-form-btn a:disabled.forward-pt1:before, .wrap-form-btn a:disabled.forward-pt2:before, .wrap-form-btn a:disabled.forward-pt3:before, .wrap-form-btn a:disabled.forward:before, .wrap-form-btn a:disabled.prev:before, .wrap-form-btn button.disabled.forward-pt1:before, .wrap-form-btn button.disabled.forward-pt2:before, .wrap-form-btn button.disabled.forward-pt3:before, .wrap-form-btn button.disabled.forward:before, .wrap-form-btn button.disabled.prev:before, .wrap-form-btn button:disabled.forward-pt1:before, .wrap-form-btn button:disabled.forward-pt2:before, .wrap-form-btn button:disabled.forward-pt3:before, .wrap-form-btn button:disabled.forward:before, .wrap-form-btn button:disabled.prev:before { background-image: url(../img/arw-right-of.svg) !important; }

.wrap-form-btn a:focus, .wrap-form-btn button:focus { outline: none; }

.wrap-form-btn li { margin-top: 30px; }

.wrap-form-btn.ft-s li { padding-left: 20px; padding-right: 20px; }

.wrap-form-btn.ft-s li a, .wrap-form-btn.ft-s li button { font-size: 1.4rem; padding-top: 15px; padding-bottom: 15px; }

.form-row { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; }

.form-row li { margin-left: 20px; margin-top: 10px; }

.form-row li.txt-add { margin-left: 10px; }

.form-col li { margin-top: 15px; }

.form-col.irr1 li { border-top: 1px solid #dddcd6; padding-top: 20px; margin-top: 20px; }

.form-col.irr1 li:first-child { border-top: none; padding-top: 0; margin-top: 0; }

.txt-label { font-weight: bold; display: block; margin-top: 30px; line-height: 1.6; }

.txt-label + .wrap-text { margin-top: 10px; }

.wrap-birth .wrap-select { display: inline-block; vertical-align: middle; }

.wrap-birth .wrap-select.year { min-width: 160px; }

.wrap-birth .wrap-select.month { min-width: 100px; }

.wrap-birth .inner-txt { display: inline-block; vertical-align: middle; margin-left: 5px; }

.wrap-birth li + li { margin-top: 20px; }

.wrap-zip { margin-top: 10px; }

.wrap-zip li + li { margin-top: 20px; }

.wrap-del { display: flex; align-items: center; justify-content: space-between; }

.wrap-del li { width: 73%; }

.wrap-del li.inner-btn { text-align: right; width: 28%; padding-left: 5px; }

.wrap-del li .btn-del { width: 100%; }

.btn-search { display: inline-block; padding: 18px 18px 18px 40px; min-height: 50px; color: #fff; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; background: #543f32 url(/net/common/image/ico-lupe.png) 12px center no-repeat; background-size: 18px 18px; border: none; outline: none; opacity: 1; cursor: pointer; }

.btn-del { display: inline-block; padding: 18px; min-height: 50px; color: #fff; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; background: #543f32; border: none; outline: none; opacity: 1; cursor: pointer; }

.default .inner-btn button { visibility: hidden; }

.add { margin-top: 20px; }

.wrap-valid .ng-txt { display: none; }

.wrap-valid.ng { position: relative; }

.wrap-valid.ng .ng-txt { position: absolute; left: 0; bottom: calc(100% + 6px); display: inline-block; background-color: #3f312b; border-radius: 4px; color: #fff; padding: 8px 10px; font-size: 1.4rem; line-height: 1.4; z-index: 1; }

.wrap-valid.ng .ng-txt span { display: block; position: relative; }

.wrap-valid.ng .ng-txt span:before { content: ""; position: absolute; bottom: -18px; left: 8px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #3f312b transparent transparent transparent; }

.wrap-valid.ver-center.ng .ng-txt span:before { left: 50%; margin-left: -5px; }

.inner-form { margin: 10px 0 0 40px; padding: 20px; background-color: #f8f7f4; }

.inner-form dt { font-weight: bold; }

.inner-email { margin: 20px 0 0 0; }

.inner-email dt { font-size: 1.4rem; line-height: 1.5; }

.inner-email dd { margin-top: 10px; }

input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #fff inset !important; }

.wrap-text input[type=text], .wrap-text input[type=tel], .wrap-text input[type=email], .wrap-text input[type=password], .wrap-text textarea, .wrap-add-text input[type=text], .wrap-add-text input[type=tel], .wrap-add-text input[type=email], .wrap-add-text input[type=password], .wrap-add-text textarea, .wrap-textarea input[type=text], .wrap-textarea input[type=tel], .wrap-textarea input[type=email], .wrap-textarea input[type=password], .wrap-textarea textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid #dddcd6; box-sizing: border-box; padding: 10px; border-radius: 0; background-color: #fff; resize: none; width: 100%; max-width: 100%; font-size: 1.6rem; background-color: #fff; border-radius: 4px; line-height: normal; min-height: 50px; }

.wrap-text input[type=text]:focus, .wrap-text input[type=text]:active, .wrap-text input[type=tel]:focus, .wrap-text input[type=tel]:active, .wrap-text input[type=email]:focus, .wrap-text input[type=email]:active, .wrap-text input[type=password]:focus, .wrap-text input[type=password]:active, .wrap-text textarea:focus, .wrap-text textarea:active, .wrap-add-text input[type=text]:focus, .wrap-add-text input[type=text]:active, .wrap-add-text input[type=tel]:focus, .wrap-add-text input[type=tel]:active, .wrap-add-text input[type=email]:focus, .wrap-add-text input[type=email]:active, .wrap-add-text input[type=password]:focus, .wrap-add-text input[type=password]:active, .wrap-add-text textarea:focus, .wrap-add-text textarea:active, .wrap-textarea input[type=text]:focus, .wrap-textarea input[type=text]:active, .wrap-textarea input[type=tel]:focus, .wrap-textarea input[type=tel]:active, .wrap-textarea input[type=email]:focus, .wrap-textarea input[type=email]:active, .wrap-textarea input[type=password]:focus, .wrap-textarea input[type=password]:active, .wrap-textarea textarea:focus, .wrap-textarea textarea:active { border-color: #a19b95; outline: none; }

.wrap-text input[type=email], .wrap-add-text input[type=email], .wrap-textarea input[type=email] { width: 100%; }

.wrap-text input[type=tel], .wrap-add-text input[type=tel], .wrap-textarea input[type=tel] { width: 100%; }

.wrap-text .ng-txt, .wrap-add-text .ng-txt, .wrap-textarea .ng-txt { display: none; }

.wrap-text.ng, .wrap-add-text.ng, .wrap-textarea.ng { position: relative; }

.wrap-text.ng .ng-txt, .wrap-add-text.ng .ng-txt, .wrap-textarea.ng .ng-txt { position: absolute; left: 0; bottom: calc(100% + 6px); display: inline-block; background-color: #3f312b; border-radius: 4px; color: #fff; padding: 8px 10px; font-size: 1.4rem; line-height: 1.4; z-index: 1; }

.wrap-text.ng .ng-txt span, .wrap-add-text.ng .ng-txt span, .wrap-textarea.ng .ng-txt span { display: block; position: relative; }

.wrap-text.ng .ng-txt span:before, .wrap-add-text.ng .ng-txt span:before, .wrap-textarea.ng .ng-txt span:before { content: ""; position: absolute; bottom: -18px; left: 8px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #3f312b transparent transparent transparent; }

.wrap-text.ng input[type=text], .wrap-text.ng input[type=tel], .wrap-text.ng input[type=email], .wrap-text.ng input[type=password], .wrap-text.ng textarea, .wrap-add-text.ng input[type=text], .wrap-add-text.ng input[type=tel], .wrap-add-text.ng input[type=email], .wrap-add-text.ng input[type=password], .wrap-add-text.ng textarea, .wrap-textarea.ng input[type=text], .wrap-textarea.ng input[type=tel], .wrap-textarea.ng input[type=email], .wrap-textarea.ng input[type=password], .wrap-textarea.ng textarea { background-color: #FFF4F4; border-color: #E28B8B; }

.wrap-text.ng input[type=text]:disabled + .ng-txt, .wrap-text.ng input[type=tel]:disabled + .ng-txt, .wrap-text.ng input[type=email]:disabled + .ng-txt, .wrap-text.ng input[type=password]:disabled + .ng-txt, .wrap-text.ng textarea:disabled + .ng-txt, .wrap-add-text.ng input[type=text]:disabled + .ng-txt, .wrap-add-text.ng input[type=tel]:disabled + .ng-txt, .wrap-add-text.ng input[type=email]:disabled + .ng-txt, .wrap-add-text.ng input[type=password]:disabled + .ng-txt, .wrap-add-text.ng textarea:disabled + .ng-txt, .wrap-textarea.ng input[type=text]:disabled + .ng-txt, .wrap-textarea.ng input[type=tel]:disabled + .ng-txt, .wrap-textarea.ng input[type=email]:disabled + .ng-txt, .wrap-textarea.ng input[type=password]:disabled + .ng-txt, .wrap-textarea.ng textarea:disabled + .ng-txt { display: none; }

.wrap-text.ng input:-webkit-autofill, .wrap-text.ng textarea:-webkit-autofill, .wrap-add-text.ng input:-webkit-autofill, .wrap-add-text.ng textarea:-webkit-autofill, .wrap-textarea.ng input:-webkit-autofill, .wrap-textarea.ng textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FFF4F4 inset !important; }

.wrap-text.ok, .wrap-add-text.ok, .wrap-textarea.ok { position: relative; }

.wrap-text.ok input[type=text], .wrap-text.ok input[type=tel], .wrap-text.ok input[type=email], .wrap-text.ok input[type=password], .wrap-text.ok textarea, .wrap-add-text.ok input[type=text], .wrap-add-text.ok input[type=tel], .wrap-add-text.ok input[type=email], .wrap-add-text.ok input[type=password], .wrap-add-text.ok textarea, .wrap-textarea.ok input[type=text], .wrap-textarea.ok input[type=tel], .wrap-textarea.ok input[type=email], .wrap-textarea.ok input[type=password], .wrap-textarea.ok textarea { background-color: #FCFFF5; border-color: #A8C599; padding-right: 30px; }

.wrap-text.ok input:-webkit-autofill, .wrap-text.ok textarea:-webkit-autofill, .wrap-add-text.ok input:-webkit-autofill, .wrap-add-text.ok textarea:-webkit-autofill, .wrap-textarea.ok input:-webkit-autofill, .wrap-textarea.ok textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FCFFF5 inset !important; }

.wrap-text.ok:after, .wrap-add-text.ok:after, .wrap-textarea.ok:after { content: ""; position: absolute; display: block; border-left: 2px solid #A8C599; border-bottom: 2px solid #A8C599; width: 10px; height: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 10px; top: 50%; margin-top: -5px; }

.wrap-text.inner-password, .wrap-add-text.inner-password, .wrap-textarea.inner-password { position: relative; }

.wrap-text.inner-password input[type=password], .wrap-text.inner-password input[type=text], .wrap-add-text.inner-password input[type=password], .wrap-add-text.inner-password input[type=text], .wrap-textarea.inner-password input[type=password], .wrap-textarea.inner-password input[type=text] { padding-right: 75px; }

.wrap-text.inner-password .view, .wrap-add-text.inner-password .view, .wrap-textarea.inner-password .view { position: absolute; right: 1px; top: 1px; color: #999999; font-size: 1.4rem; line-height: 1; padding: 18px 16px; cursor: pointer; color: #999999; }

.wrap-text.inner-password.ok:after, .wrap-add-text.inner-password.ok:after, .wrap-textarea.inner-password.ok:after { right: 55px; }

.wrap-textarea textarea { min-height: 150px; }

/*wrap-select*/
.wrap-select { position: relative; display: block; }

.wrap-select select { width: 100%; display: block; border: 2px solid #dddcd6; padding: 10px 35px 10px 10px; background: #fff url(/net/common/image/bg-form-sel.png) no-repeat right center; background-size: auto 16px; font-size: 1.6rem; position: relative; line-height: normal; border-radius: 4px; }

.wrap-select select:focus, .wrap-select select:active { border-color: #a19b95; outline: none; }

.wrap-select select:disabled { opacity: 1; }

.wrap-name { display: flex; flex-wrap: wrap; align-items: center; margin-top: -20px !important; }

.wrap-name li { margin-top: 20px; width: calc(100% - 4.5em); }

.wrap-name li.inner-txt { width: 4.5em; }

/*wrap-radio*/
.wrap-radio > label { cursor: pointer; position: relative; padding-left: 0; margin-right: 0; overflow: hidden; display: inline-block; min-height: 28px; line-height: 1.8; padding-top: 2px; }

.wrap-radio > label input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; z-index: 2; width: 18px; height: 18px; left: -20px; top: 50%; margin: 0px; margin-top: -8px; border-radius: 50%; }

@-moz-document url-prefix() { .wrap-radio > label input[type="radio"] { left: -18px; } }

.wrap-radio > label span { display: inline-block; cursor: pointer; position: relative; padding-left: 0; margin-right: 0; padding-left: 40px; min-height: 30px; }

.wrap-radio > label span:before { position: absolute; width: 26px; height: 26px; border: 2px solid #dddcd6; background: linear-gradient(to bottom, white 1%, #f2f2f2 100%); border-radius: 50%; left: 0; top: 50%; margin-top: -17px; content: ""; z-index: 1; }

.wrap-radio > label input[type="radio"]:checked + span:before { border-color: #e94a23 !important; background: #e94a23; }

.wrap-radio > label input[type="radio"]:checked + span:after { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 9px; top: 7px; z-index: 1; background: #fff; }

.wrap-radio > label input[type="radio"]:focus + span:before { border-color: #a19b95; }

/*checkTxt */
.wrap-check > label { cursor: pointer; position: relative; padding-left: 0; margin-right: 0; overflow: hidden; position: relative; display: inline-block; box-sizing: border-box; line-height: normal; min-height: 28px; padding-top: 2px; line-height: 1.8; }

.wrap-check > label span { display: inline-block; padding-left: 40px; position: relative; min-height: 30px; }

.wrap-check > label span:before { content: ""; position: absolute; width: 26px; height: 26px; left: 0px; top: 0; border: 2px solid #dddcd6; background: linear-gradient(to bottom, white 1%, #f2f2f2 100%); z-index: 1; border-radius: 2px; }

.wrap-check > label input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; position: absolute; border-radius: 0; left: -40px; width: 20px; height: 20px; display: block; z-index: 2; margin: 0px; padding: 0px; }

.wrap-check > label input[type="checkbox"]:checked + span:before { border-color: #e94a23 !important; background: #e94a23; }

.wrap-check > label input[type="checkbox"]:checked + span:after { content: ''; position: absolute; top: 8px; left: 12px; display: block; width: 4px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(40deg); transform: rotate(40deg); z-index: 2; }

.wrap-check > label input[type="checkbox"]:focus + span:before { border-color: #a19b95; }

.wrap-radio > label input[type="radio"]:disabled, .wrap-radio > label input[type="radio"]:disabled + span, .wrap-check > label input[type="checkbox"]:disabled, .wrap-check > label input[type="checkbox"]:disabled + span { opacity: .3; cursor: default; }

.wrap-check > label input[type="checkbox"]:checked:disabled + span:before, .wrap-radio > label input[type="radio"]:checked:disabled + span:before { border-color: #333 !important; background: #333; }

input:disabled, select:disabled { background-color: #dddcd6 !important; border-color: #a19b95 !important; z-index: 0; }

.wrap-file input[type="file"] { width: 100%; }

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

input::-ms-clear { visibility: hidden !important; }

input::-ms-reveal { visibility: hidden !important; }

input::-moz-focus-inner, select::-moz-focus-inner, button::-moz-focus-inner { border: none; }

.header.simple .l-head { padding-top: 0; }

.header.simple .l-head .l-head-inner { position: static; }

.footer .l-foot .l-foot-inner { padding: 20px; }

.footer .txt-legal-copyright { text-align: center; font-size: 1rem; line-height: 1.4; }

.footer .txt-legal-copyright small { font-size: 1rem; }

[data-selectfilterjs-content] { display: none !important; }

[data-selectfilterjs-content].filtered { display: flex !important; }

.file-download-overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }

.file-download-overlay .cv-spinner { align-items: center; display: flex; height: 100%; justify-content: center; }

.file-download-overlay .cv-spinner .spinner { -webkit-animation: sp-anime 0.8s infinite linear; animation: sp-anime 0.8s infinite linear; border: 4px #ddd solid; border-top: 4px #999 solid; border-radius: 50%; height: 80px; width: 80px; }

@-webkit-keyframes sp-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes sp-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@media print, all and (min-width: 768px) { .l-head { padding-top: 165px; min-width: 1190px; /* GLOBAL NAV ---------------------------------*/ }
  .l-head .scroll-position { position: absolute; top: 100%; }
  .l-head .l-head-inner { min-width: 1190px; padding: 40px 0 0; position: absolute; left: 0; width: 100%; top: 0; height: 16.5rem; }
  .l-head .wrap-infolink { position: static; width: 1110px; margin: 0 auto; height: auto; display: flex; justify-content: flex-end; align-items: center; }
  .l-head .wrap-infolink .logo-site { position: relative; width: 313px; height: 33px; padding: 0; margin: 0; }
  .l-head .wrap-infolink .logo-site img { width: 313px; height: 33px; }
  .l-head .wrap-infolink .lnk-head { display: flex; justify-content: flex-end; align-items: center; margin-left: 35px; }
  .l-head .wrap-infolink .lnk-head > li { position: static; text-align: center; width: auto; min-width: 6.45em; height: auto; font-size: 1.4rem; }
  .l-head .wrap-infolink .lnk-head > li > a { transition: opacity 0.5s ease; }
  .l-head .wrap-infolink .lnk-head > li > a:link, .l-head .wrap-infolink .lnk-head > li > a:visited, .l-head .wrap-infolink .lnk-head > li > a:hover, .l-head .wrap-infolink .lnk-head > li > a:active { color: #fff; text-decoration: none; }
  .l-head .wrap-infolink .lnk-head > li > a:hover { opacity: 0.5; }
  .l-head .wrap-infolink .lnk-head > li > a span { padding-top: 35px; text-indent: 0; overflow: visible; }
  .l-head .wrap-infolink .lnk-head > li.logout-pc { display: block; }
  .l-head .wrap-infolink .lnk-head > li.logout-pc a { background: transparent url(/net/common/image/ico-logout-pc.png) top center no-repeat; background-size: 24px 24px; }
  .l-head .wrap-infolink .lnk-head > li.information { width: auto; }
  .l-head .wrap-infolink .lnk-head > li.information > a { background: transparent url(/net/common/image/ico-headinfo.png) top center no-repeat; background-size: 24px 24px; }
  .l-head .wrap-infolink .lnk-head > li.information.notify a > span::after { top: 14px; left: 50%; margin-left: 4px; right: -3px; }
  .l-head .btn-logout-sp { display: none; }
  .l-head .wrap-gnav { position: static; width: auto; height: auto; background-color: transparent; left: auto; }
  .l-head .wrap-gnav .box-slide { position: static; width: auto; height: auto; overflow: visible; background-color: transparent; }
  .l-head .wrap-gnav .box-slide .return-slide-sp { display: none; }
  .l-head .wrap-gnav .box-slide .scroll { margin-top: 0; overflow-y: visible; overflow-x: visible; height: auto; border-top-style: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav { position: static; padding-bottom: 0; left: auto; transition: left 0s ease; -webkit-transform: none; transform: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav { margin-top: 23px; display: flex; justify-content: center; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li { min-height: auto; min-height: initial; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li a { transition: opacity 0.5s ease; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li a:hover { opacity: 0.5; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li a span { border-style: none; padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li:first-child > a { padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li:first-child > a::after { display: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li:first-child > a span { padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a { padding: 0 0 0 60px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a:link, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a:visited, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a:hover, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a:active { color: #fff; text-decoration: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a::after { width: 1px; height: 40px; -webkit-transform: rotate(30deg); transform: rotate(30deg); background-color: #fff; right: auto; left: 32px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a.active + .menu-layer { display: flex; visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer { margin: 0 auto; top: 16.5rem; left: 0; right: 0; width: 1190px; padding: 30px 40px; box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.8); visibility: hidden; display: flex; opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .return-slide-pc { display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .return-slide-pc a { display: block; height: 44px; text-indent: -9999px; overflow: hidden; background: transparent url(/net/common/image/ico-close.png) left bottom no-repeat; transition: opacity 0.5s ease; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .return-slide-pc a:hover { opacity: 0.5; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .return-slide-pc a::after { display: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .inner { width: 285px; padding-left: 30px; padding-right: 20px; border-left: 1px solid #dddcd6; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .inner.box-title { width: 300px; text-align: center; border-left-style: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .inner.box-title a { padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .top-menu { padding: 0 0 82px; margin-top: 0; text-align: center; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .top-menu .txt-subtext { font-size: 1.4rem; margin-bottom: 10px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .top-menu .txt-title { font-size: 2.4rem; display: inline-block; margin-right: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .top-menu .txt-link { margin-top: 15px; display: block; font-size: 1.8rem; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer .top-menu .txt-link::after { content: ""; display: inline-block; width: 11px; height: 11px; vertical-align: 0.05em; background: transparent url(../img/arw-right.svg) 0 0 no-repeat; background-size: 11px 11px; margin-left: 9px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer a:link, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer a:visited, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer a:hover, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer a:active { color: #3f312b; text-decoration: none; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd { line-height: 1.5; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt span, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd span { border-bottom-style: none; padding: 0; margin: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt a, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd a { transition: opacity 0.5s ease; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt a:hover, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd a:hover { opacity: 0.5; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt a::after, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd a::after { right: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt a span, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd a span { border-bottom-style: none; padding: 0; margin: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt .txt-add, .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd .txt-add { margin-left: 10px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt { font-size: 1.8rem; margin: 0; padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt span { vertical-align: 0.2em; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dt a { padding: 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd { margin-top: 16px; font-size: 1.4rem; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer dl dd a { padding: 0 16px 0 0; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer::before { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fbfaf5; top: -10px; left: 226px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.communication .menu-layer { background: #fbfaf5 url(/net/common/image/img-top-communication.jpg) 0 0 no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.communication .menu-layer::before { left: 180px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.communication .top-menu { background: transparent url(/net/common/image/ico-communication.png) center bottom no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.maintenance .menu-layer { background: #fbfaf5 url(/net/common/image/img-top-maintenance.jpg) 0 0 no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.maintenance .menu-layer::before { left: 390px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.maintenance .top-menu { background: transparent url(/net/common/image/ico-maintenance.png) center bottom no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.living .menu-layer { background: #fbfaf5 url(/net/common/image/img-top-living.jpg) 0 0 no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.living .menu-layer::before { left: 582px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.living .top-menu { background: transparent url(/net/common/image/ico-living.png) center bottom no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.asset .menu-layer { background: #fbfaf5 url(/net/common/image/img-top-asset.jpg) 0 0 no-repeat; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.asset .menu-layer::before { left: 810px; }
  .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.asset .top-menu { background: transparent url(/net/common/image/ico-asset.png) center bottom no-repeat; }
  .l-head .search-container { position: absolute; z-index: 390; left: calc(50% - 540px); top: 47px; width: 256px; }
  .l-head .search-container .search-box { margin: 0; }
  .l-head .search-container .search-box .search-field { color: #fff; }
  .l-head .search-container .search-box .search-submit { background: transparent url(/net/common/image/ico-lupe.png) 0 3px no-repeat; background-size: 24px 24px; }
  .l-head .spmenu { display: none; }
  .l-head .spmenu.active ~ .bglayer { display: none; }
  .l-head .spmenu.active ~ .box-slide { position: static; left: auto; }
  .compact-header .l-head .l-head-inner { -webkit-animation-name: header-down; animation-name: header-down; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; height: 6rem; position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0 0 0; }
  .compact-header .l-head .search-container { display: none; }
  .compact-header .l-head .wrap-infolink { justify-content: flex-start; height: auto; }
  .compact-header .l-head .wrap-infolink .logo-site { width: 164px; height: 18px; margin-right: auto; background: transparent url(../img/hhp-logo-s.svg) 0 0 no-repeat; background-size: 200px 36px; z-index: 390; }
  .compact-header .l-head .wrap-infolink .logo-site img { width: 164px; height: 18px; visibility: hidden; }
  .compact-header .l-head .wrap-infolink .lnk-head { padding: 0; }
  .compact-header .l-head .wrap-infolink .lnk-head > li { width: 24px; min-width: initial; min-width: auto; height: 24px; margin-left: 20px; }
  .compact-header .l-head .wrap-infolink .lnk-head > li:first-child { margin-left: 0; }
  .compact-header .l-head .wrap-infolink .lnk-head > li > a span { padding: 0; text-indent: -9999px; overflow: hidden; }
  .compact-header .l-head .wrap-infolink .lnk-head > li.information { width: 27px; font-size: 0; }
  .compact-header .l-head .wrap-infolink .lnk-head > li.information > a { background: transparent url(/net/common/image/ico-headinfo.png) top left no-repeat; background-size: 24px 24px; }
  .compact-header .l-head .wrap-infolink .lnk-head > li.information > a span { overflow: visible; }
  .compact-header .l-head .wrap-infolink .lnk-head > li.information > a span::after { right: 0; }
  .compact-header .l-head .wrap-gnav { padding: 0 0 9px 0; }
  .compact-header .l-head .wrap-gnav .box-slide .return-slide-sp { top: 6rem; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav { position: absolute; top: 18px; padding-left: 266px; width: 1190px; margin: 0 auto 0; left: 0; right: 0; justify-content: flex-start; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a { font-size: 1.6rem; padding: 0 0 0 24px; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li > a::after { height: 30px; left: 14px; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li:first-child a { padding: 0; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li .menu-layer { top: calc(6rem - 18px); }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.communication .menu-layer::before { left: 334px; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.maintenance .menu-layer::before { left: 478px; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.living .menu-layer::before { left: 604px; }
  .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav > li.asset .menu-layer::before { left: 762px; }
  .compact-header .l-head .btn-logout { left: auto; right: calc(50% - 422px); top: 20px; }
  .compact-header .l-head .btn-logout li { width: 24px; min-width: initial; min-width: auto; height: 24px; overflow: hidden; text-indent: -9999px; }
  .compact-header .l-head .btn-logout li a { padding: 0; width: 24px; height: 24px; } .header-info { z-index: 390; left: auto; top: auto; margin-top: 5px; margin-left: -160px; max-width: none; max-width: initial; width: 415px; }
  .header-info .inner-header-info { max-width: none; max-width: initial; width: auto; margin: -10px auto 0; padding: 10px 20px 30px; border-top: 10px solid transparent; z-index: 370; }
  .header-info .inner-header-info::before { top: 0px; left: auto; right: 198px; }
  .header-info .inner-header-info .shadow-header-info { position: static; max-width: none; max-width: initial; overflow-y: visible; height: auto; }
  .header-info.active { height: auto; }
  .header-info.active .inner-header-info { -webkit-transform: translateY(0%); transform: translateY(0%); }
  .header-info.active .inner-header-info .shadow-header-info { overflow-y: visible; max-height: none; max-height: initial; }
  .compact-header .header-info { margin-left: -284px; }
  .compact-header .header-info .inner-header-info::before { right: 108px; }
  .inner-header-info .list-info-reserve { padding-bottom: 30px; }
  .inner-header-info .return-info { top: 10px; right: 20px; }
  .inner-header-info .return-info a, .inner-header-info .list-info-reserve li a, .inner-header-info .hdg-header-lv3 a { transition: opacity 0.5s ease; }
  .inner-header-info .return-info a:hover, .inner-header-info .list-info-reserve li a:hover, .inner-header-info .hdg-header-lv3 a:hover { opacity: 0.5; } .wrap-btn-pagetop .btn-pagetop { right: 45px; }
  .gdpr .wrap-btn-pagetop { top: 80px; }
  .gdpr .wrap-btn-pagetop .btn-pagetop { top: -184px; }
  .wrap-btn-pagetop.poswatchBottomDw .btn-pagetop { right: 45px; }
  .gdpr .wrap-btn-pagetop.poswatchBottomDw .btn-pagetop { top: auto; bottom: 122px; }
  .l-foot { min-width: 1190px; background-color: #000000; }
  .footer {margin-top:50px;}
  .l-foot .hdg-footer { text-align: left; }
  .l-foot .l-foot-inner { min-width: 1190px; width: 1190px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; padding-top: 10px; padding-bottom: 55px; }
  .l-foot .link-footer-pt1 { display: block; }
  .l-foot .footer-link { display: flex; flex-wrap: wrap; margin-left: -30px; }
  .l-foot .footer-link > .inner { width: 255px; margin-left: 30px; }
  .l-foot .hdg-lv2-footer { text-align: left; margin-top: 25px; font-size: 1.8rem; }
  .l-foot .hdg-lv2-footer a { display: inline; padding: 0; border-top-style: none; }
  .l-foot .hdg-lv2-footer-pt2 { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; margin-top: 40px; padding-top: 35px; border-top: 1px solid #a19b95; text-align: left; }
  .l-foot .link-add { display: block; border-style: none; margin-top: 30px; }
  .l-foot .link-add > li { width: auto; margin-top: 15px; padding: 0; font-size: 1.6rem; text-align: left; }
  .l-foot .link-add > li:nth-child(2n) { margin: 15px 0 0 0; }
  .l-foot .link-add > li a { display: inline; padding: 0; border-top-style: none; }
  .l-foot .link-footer-bnr { display: block; margin-top: 40px; margin-left: 0; }
  .l-foot .link-footer-bnr li { margin-left: 0; width: auto; }
  .l-foot .link-footer-bnr li + li { margin-top: 20px; }
  .l-foot .btn-living { padding-bottom: 0; display: inline; }
  .l-foot .btn-living::after { display: none; }
  .l-foot .btn-living.accordionActive::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .l-foot .wrap-accordion { display: block; border-top-style: none; }
  .l-foot .wrap-accordion .inner { display: block; }
  .l-foot .wrap-accordion .inner.accordionActive { display: block; }
  .l-foot .link-living { margin-top: 2px; display: flex; flex-wrap: wrap; border-bottom-style: none; }
  .l-foot .link-living > li { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.2rem; line-height: 1.2; width: auto; text-align: left; padding-right: 6px; border-right: 2px solid #a19b95; margin-top: 8px; margin-right: 6px; }
  .l-foot .link-living > li a { display: inline; padding: 0; border-top-style: none; }
  .l-foot .link-living > li:nth-child(2n) { margin-left: 0; }
  .l-foot .link-living > li:nth-child(2n+1):last-child { width: auto; }
  .l-foot .wrap-footer-pt2 { display: flex; align-items: flex-end; }
  .l-foot .link-footer-pt2 { margin-top: 0; text-align: left; }
  .l-foot .link-footer-pt2 li { font-size: 1.2rem; line-height: 1.2; }
  .l-foot .link-footer-pt2 li:nth-child(2n) { margin-right: 7px; padding-right: 7px; border-right: 1px solid #fff; }
  .l-foot .link-footer-pt2 li:last-child { margin-right: 0; padding-right: 0; border-right-style: none; }
  .l-foot .link-footer-pt2 li:nth-child(3)::before { display: none; }
  .l-foot .inner-footer-pt2 { margin: 20px 0 0 auto; }
  .l-foot .inner-footer-pt2 .footer-logo { margin-top: 0; text-align: right; }
  .l-foot .inner-footer-pt2 .copyright { margin-top: 15px; font-size: 1.2rem; text-align: right; }
  #j-koho-footer.footer-area { min-width: 1190px; } .l-body { display: flex; flex-wrap: wrap; min-width: 1190px; position: relative; justify-content: center; }
  .l-body .l-body-main .l-inner { width: 920px; padding: 0; margin-left: 85px; margin-right: 275px; color: #000; }
  .l-body .l-body-sub .l-inner { padding: 0; }
  .l-body.row1 { display: block; width: auto; margin: 0; padding: 0; }
  .l-body.row1 .l-body-main { min-width: 1190px; width: auto; }
  .l-body.row1 .l-body-main > .l-inner { display: block; width: 1190px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
  .l-body.row1 .l-body-main > .l-inner.box-bg { width: auto; min-width: 1190px; margin-top: 60px; padding-top: 1px; padding-bottom: 60px; padding-left: calc(50% - 555px); padding-right: calc(50% - 555px); }
  .l-body.row1 .l-body-main > .l-inner.gtop-navi { width: auto; padding: 0; }
  .l-body.row1 .l-body-main > .l-inner:last-child { padding-bottom: 120px; }
  .l-body.row2 .l-body-main { width: 920px; }
  .l-body.row2 .l-body-main > .l-inner { margin: 0; }
  .l-body.row2 .l-body-main > .l-inner:last-child { padding-bottom: 120px; }
  .l-body.row2 .l-body-sub { width: 160px; order: 2; padding: 0; margin-left: 30px; align-self: stretch; position: relative; }
  .l-body.row2 .l-body-sub > .l-inner { width: 160px; overflow-y: auto; padding: 0; }
  .l-body.row2 .l-body-sub > .l-inner.layout01 { height: calc(100vh - 60px); position: fixed; top: 60px; }
  .l-body.row2 .l-body-sub > .l-inner.layout02 { position: fixed; top: 60px; }
  .l-body.row2 .l-body-sub > .l-inner.layout03 { position: absolute; bottom: 0; }
  .l-body.row2 .l-body-foot { order: 3; }
  .l-body.row2 .l-body-foot > .l-inner { padding-top: 1px; min-width: 1190px; padding-left: calc(50% - 555px); padding-right: calc(50% - 555px); }
  .l-body.row2 .l-body-foot > .l-inner:last-child { padding-bottom: 120px; } .lnk-anchor { width: auto; }
  .lnk-anchor.no-wrap { flex-wrap: wrap; }
  .lnk-anchor > li { display: block; width: auto; min-width: auto; min-width: initial; font-size: 1.8rem; }
  .lnk-anchor > li a { display: block; padding: 0 20px 0 43px; text-align: left; transition: opacity 0.5s ease; }
  .lnk-anchor > li a:hover { opacity: 0.5; }
  .lnk-anchor > li a::after { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-top: 1px solid #e94a23; border-left: 1px solid #e94a23; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: 0; top: 0.5em; left: 20px; bottom: auto; } .wrap-breadcrumb { width: 1190px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; display: block; }
  .wrap-breadcrumb.pt-a { position: absolute; left: 0; right: 0; z-index: 1; }
  .wrap-breadcrumb.pt-a .breadcrumb { margin-bottom: 0; }
  .wrap-breadcrumb.pt-a .breadcrumb li { color: #fff; }
  .wrap-breadcrumb.pt-a .breadcrumb li a:link, .wrap-breadcrumb.pt-a .breadcrumb li a:visited, .wrap-breadcrumb.pt-a .breadcrumb li a:hover, .wrap-breadcrumb.pt-a .breadcrumb li a:active { color: #fff; }
  .wrap-breadcrumb .breadcrumb { margin-top: 17px; margin-bottom: 15px; font-size: 0; }
  .wrap-breadcrumb .breadcrumb li { font-size: 1.2rem; line-height: 1.5; display: inline-block; color: #a19b95; }
  .wrap-breadcrumb .breadcrumb li a:link { color: #a19b95; text-decoration: none; }
  .wrap-breadcrumb .breadcrumb li a:visited { color: #a19b95; } .wrap-breadcrumb .breadcrumb li::before { content: "\2f"; padding-right: 0.5em; }
  .wrap-breadcrumb .breadcrumb li:first-child::before { display: none; }
  .wrap-breadcrumb .breadcrumb li + li { padding-left: 0.5em; } .mov-filter { margin: 30px 0 0 -30px; }
  .mov-filter div { width: calc(25% - 30px); margin-left: 30px; }
  .mov-filter div P { font-size: 1.8rem; }
  .mov-filter div P a { padding: 56px 10px 15px; }
  .mov-filter div P a::before { top: 12px; } .pagefeed li { font-size: 1.4rem; }
  .pagefeed li a { transition: opacity 0.5s ease; }
  .pagefeed li a:hover { opacity: 0.5; } .u-mgt-40 { margin-top: 40px; } .u-mgt-60 { margin-top: 60px; } .hdg-lv1-dynamic { font-size: 3.6rem; margin: 20px 0 0; } .hdg-lv2-dynamic { font-size: 3rem; } .hdg-lv2-pt1-dynamic { font-size: 2.4rem; } .hdg-lv3-pt1-dynamic { margin: 35px 0 0; } .hdg-lv3-pt2-dynamic { margin: 60px 0 0; } .txt-hdg-caption { margin-top: 0; } .txt-st { margin-top: 25px; } .txt-lead-full { font-size: 1.8rem; } .txt-thanks, .txt-attend { font-size: 2.4rem; margin-top: 60px; } .txt-attend { margin-top: 30px; } .txt-login-date { margin-top: 0; } .link-pt1, .btn-more { margin-top: 30px; }
  .link-pt1 a, .btn-more a { opacity: 1; transition: opacity 0.5s ease; }
  .link-pt1 a:hover, .btn-more a:hover { opacity: 0.5; } .link-anchor-dynamic > li { font-size: 1.8rem; }
  .link-anchor-dynamic > li a { padding: 0 20px 0 43px; text-align: left; transition: opacity 0.5s ease; }
  .link-anchor-dynamic > li a:hover { opacity: 0.5; }
  .link-anchor-dynamic > li a::after { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-top: 1px solid #e94a23; border-left: 1px solid #e94a23; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: 0; top: 0.5em; left: 20px; bottom: none; } .link-contents-dynamic.row1-3 { margin-top: 0; display: flex; flex-wrap: wrap; margin-left: -30px; }
  .link-contents-dynamic.row1-3 .item { display: flex; flex-wrap: wrap; width: calc(33.33333% - 30px); margin-left: 30px; }
  .link-contents-dynamic.row1-3 .item a { display: flex; flex-wrap: wrap; opacity: 1; transition: opacity 0.5s ease; }
  .link-contents-dynamic.row1-3 .item a:hover { opacity: 0.5; }
  .link-contents-dynamic.row1-3 .wrap-image img { width: 100%; } .mov-filter-dynamic { margin: 30px 0 0 -30px; }
  .mov-filter-dynamic li { width: calc(25% - 30px); margin-left: 30px; }
  .mov-filter-dynamic li P { font-size: 1.8rem; }
  .mov-filter-dynamic li P a { padding: 56px 10px 15px; }
  .mov-filter-dynamic li P a::before { top: 12px; } .list-flow-pt1 { margin-top: 0; margin-left: -30px; font-size: 0; }
  .list-flow-pt1 li { width: calc(33.33333% - 30px); display: inline-block; vertical-align: top; margin: 30px 0 0 30px; }
  .list-flow-pt1 li .txt { font-size: 1.6rem; } .list-link-dynamic.row2-1 { display: flex; flex-wrap: wrap; margin-left: -30px; }
  .list-link-dynamic.row2-1 li { width: calc(50% - 30px); margin-left: 30px; }
  .list-link-dynamic > li .txt-alert { padding: 8px 40px 8px 8px; bottom: calc(100% - 15px); }
  .list-link-dynamic a { opacity: 1; transition: opacity 0.5s ease; }
  .list-link-dynamic a:hover { opacity: 0.5; } .list-contents-dynamic .txt-caption { font-size: 1.6rem; }
  .list-contents-dynamic.row2-3 { margin-left: -30px; }
  .list-contents-dynamic.row2-3 li { width: calc(33.33333333% - 30px); margin-left: 30px; } .list-content-pt2 > li { display: flex; padding: 30px; justify-content: space-between; align-items: center; }
  .list-content-pt2 .wrap-form-btn.ft-s { margin-top: 0; padding: 0; }
  .list-content-pt2 .wrap-form-btn.ft-s > li { margin: 0; min-width: 310px; } .nav-flow .txt { font-size: 1.6rem; padding-top: 45px; }
  .nav-flow .txt:before { width: 40px; height: 40px; margin-left: -20px; }
  .nav-flow li:before { height: 6px; top: 25px; }
  .nav-flow li:after { font-size: 1.8rem; top: 0.94em; }
  .nav-flow li.past:after { width: 12px; height: 5px; top: 21px; } .wrap-hdg .hdg-lv2-dynamic { padding-right: 120px; }
  .wrap-hdg .link-arrow-pt1 { position: absolute; margin-top: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .wrap-hdg .link-arrow-pt1 a { opacity: 1; transition: opacity 0.5s ease; }
  .wrap-hdg .link-arrow-pt1 a:hover { opacity: 0.5; } .wrap-terms { height: 480px; } .wrap-column1 { width: 65.8%; margin-left: auto; margin-right: auto; } .wrap-column1.inner-search { margin-left: 0; margin-right: 0; margin-top: 30px; padding: 30px; width: 100%; }
  .wrap-column1.inner-search .wrap-area-select { display: flex; justify-content: center; }
  .wrap-column1.inner-search .wrap-area-select li { margin-top: 15px; margin-left: 20px; }
  .wrap-column1.inner-search .wrap-area-select .wrap-select { width: 67.62%; }
  .wrap-column1.inner-search .wrap-area-select .btn-search { padding-left: 55px; padding-right: 30px; } .map-frame { width: 82.9%; margin: 30px auto 0; }
  .map-frame iframe { height: 920px; } .wrap-fee { display: flex; justify-content: space-between; align-items: center; }
  .wrap-fee .wrap-select { margin-top: 60px; min-width: 350px; } .wrap-service-content { margin-left: 0; margin-right: 0; }
  .wrap-service-content dl .list-link li { margin-top: 20px; }
  .wrap-service-content dl .list-link.row1-3 { margin-left: -30px; display: flex; flex-wrap: wrap; }
  .wrap-service-content dl .list-link.row1-3 li { width: calc(33.333333% - 30px); margin-left: 30px; }
  .wrap-service-content dl .wrap-form-btn { display: block; text-align: left; }
  .wrap-service-content dl .wrap-form-btn a { text-align: center; max-width: 310px; font-size: 1.4rem; }
  .wrap-service-content dl .wrap-form-btn a.forward-pt3 { padding: 15px 50px; }
  .wrap-service-content dl .wrap-form-btn a.forward-pt3:before { right: 15px; } .wrap-customer-info { padding: 30px; }
  .wrap-customer-info dt, .wrap-customer-info dd { display: table-cell; vertical-align: top; }
  .wrap-customer-info dt { width: 10em; padding-right: 0.5em; }
  .wrap-customer-info .inner { display: table; width: 100%; }
  .wrap-customer-info .inner + .inner { margin-top: 10px; }
  .wrap-customer-info .list-custom { margin-top: 20px; display: flex; flex-wrap: wrap; margin-left: -17px; }
  .wrap-customer-info .list-custom li { margin-top: 10px; margin-left: 17px; }
  .wrap-customer-info a { opacity: 1; transition: opacity 0.5s ease; }
  .wrap-customer-info a:hover { opacity: 0.5; } .wrap-customer-info.ver-list dt { width: 12em; padding-right: 0.5em; }
  .wrap-customer-info.ver-list .inner + .inner { margin-top: 0; } .wrap-customer-info.ver-only { padding-top: 24px; padding-bottom: 24px; }
  .wrap-customer-info.ver-only .inner { display: flex; width: auto; }
  .wrap-customer-info.ver-only dt { width: auto; padding-right: 50px; } .wrap-customer-info.inner-form .wrap-radio { padding: 30px; }
  .wrap-customer-info.inner-form .wrap-radio label span { margin-top: 30px; margin-left: 30px; }
  .wrap-customer-info.inner-form dl { margin-left: 50px; }
  .wrap-customer-info.inner-form .txt-authority { margin-left: 50px; }
  .wrap-customer-info.inner-form + .inner-form { margin-top: 30px; } .wrap-customer-info.inner-list-form { padding: 30px; }
  .wrap-customer-info.inner-list-form .wrap-radio { position: relative; }
  .wrap-customer-info.inner-list-form .wrap-radio label { display: flex; width: auto; }
  .wrap-customer-info.inner-list-form .wrap-radio label span { vertical-align: top; font-weight: bold; color: #3f312b; white-space: nowrap; min-width: 12em; }
  .wrap-customer-info.inner-list-form .wrap-radio label span.txt { margin-top: 0; white-space: normal; padding-top: 2px; padding-left: 10px; font-weight: normal; }
  .wrap-customer-info.inner-list-form .wrap-radio label span.txt:before { display: none; }
  .wrap-customer-info.inner-list-form .inner { display: block; }
  .wrap-customer-info.inner-list-form dl dt { display: block; margin-bottom: 20px; }
  .wrap-customer-info.inner-list-form dl dd { display: block; margin-top: 10px; font-size: 1.8rem; } .wrap-maison .inner { display: flex; }
  .wrap-maison .inner dt { width: 30%; padding: 25px; }
  .wrap-maison .inner dd { padding: 25px; } .wrap-comment { padding-left: 130px; background-size: 96px 96px; background-position: 0 10px; }
  .wrap-comment dl { padding: 30px; }
  .wrap-comment dl::before { top: 35px; }
  .wrap-comment dl dt { font-size: 1.8rem; }
  .wrap-comment dl dd { margin-top: 5px; font-size: 1.6rem; } .wrap-service-column { padding: 30px; }
  .wrap-service-column .wrap-form-btn { margin-top: 20px; } .wrap-dl .inner { display: flex; }
  .wrap-dl dt { width: 22%; padding: 20px; }
  .wrap-dl dd { width: 78%; padding: 20px; } .wrap-map { margin: 20px 0 0; }
  .wrap-map iframe { width: 400px; height: 300px; } .wrap-gmap-api { margin: 20px 0 0; }
  .wrap-gmap-api .gmap-api { padding-bottom: 0; width: 400px; height: 300px; } .wrap-inq { margin-top: 80px; } .wrap-tbl-overflow { overflow: hidden; border: none; margin-left: 0; margin-right: 0; padding: 0; }
  .wrap-tbl-overflow.inner-tbl { padding-top: 0; }
  .wrap-tbl-overflow .wrap-txt-add { display: block; position: static; margin: 0 0 10px; }
  .wrap-tbl-overflow .wrap-txt-add .txt-add { justify-content: flex-end; }
  .wrap-tbl-overflow .inner { width: 100%; }
  .wrap-tbl-overflow .txt-overflow { display: none; }
  .wrap-tbl-overflow .tbl-overflow { margin-top: 0; }
  .wrap-tbl-overflow .tbl-overflow .link a:hover { text-decoration: none; }
  .wrap-tbl-overflow .tbl-overflow .link-q, .wrap-tbl-overflow .tbl-overflow .link-close { opacity: 1; transition: opacity 0.5s ease; }
  .wrap-tbl-overflow .tbl-overflow .link-q:hover, .wrap-tbl-overflow .tbl-overflow .link-close:hover { opacity: 0.5; }
  .wrap-tbl-overflow .tbl-overflow.irr1 .cell1 { order: 1; }
  .wrap-tbl-overflow .tbl-overflow.irr1 .cell2 { order: 2; }
  .wrap-tbl-overflow .tbl-overflow.irr1 .cell3 { order: 3; }
  .wrap-tbl-overflow .tbl-overflow.irr1 .link-arrow { font-size: 1.6rem; padding-left: 20px; background: transparent url(../img/arw-right.svg) no-repeat 0 center; background-image: 12px 12px; color: #3f312b; opacity: 1; }
  .wrap-tbl-overflow .tbl-overflow.irr1 .link-arrow:hover { text-decoration: none; } .wrap-selecter { border: 1px solid #dddcd6; height: 600px; padding: 30px; overflow: auto; } .wrap-add-renovation { padding: 30px; }
  .wrap-add-renovation .inner { display: flex; align-items: flex-end; justify-content: space-between; }
  .wrap-add-renovation .inner li + li { margin-top: 0; padding-left: 20px; }
  .wrap-add-renovation .inner .wrap-select select { width: auto; max-width: 100%; }
  .wrap-add-renovation .inner .wrap-select.year { width: 15%; min-width: 15%; }
  .wrap-add-renovation .inner .wrap-select.year select { width: 100%; }
  .wrap-add-renovation .inner .wrap-select.content { width: 25%; min-width: 25%; }
  .wrap-add-renovation .inner .wrap-select.content select { width: 100%; }
  .wrap-add-renovation .inner .wrap-text { width: 40%; }
  .wrap-add-renovation .inner .wrap-text textarea { min-height: 1em; height: 50px; margin-bottom: -2px; }
  .wrap-add-renovation .inner .inner-btn { width: 20%; }
  .wrap-add-renovation .btn-add { width: 100%; display: block; padding: 18px 18px 18px 40px; min-height: 50px; color: #fff; font-size: 1.4rem; font-family: "Roboto Slab", "Noto Sans JP", sans-serif; font-weight: 700; font-weight: 700; background: #543f32 url(/net/common/image/ico-plus.png) 20px center no-repeat; background-size: 24px 24px; border: none; outline: none; opacity: 1; cursor: pointer; } .wrap-inspection-reservation { display: flex; justify-content: space-between; }
  .wrap-inspection-reservation .step1, .wrap-inspection-reservation .step2 { width: 48.65%; margin-top: 30px; }
  .wrap-inspection-reservation .select-month { padding: 12px 15px; }
  .wrap-inspection-reservation .select-month .view { font-size: 1.8rem; }
  .wrap-inspection-reservation .select-month .view span { font-size: 2.4rem; line-height: 1.5; }
  .wrap-inspection-reservation .select-month .prev, .wrap-inspection-reservation .select-month .next { width: 40px; height: 40px; }
  .wrap-inspection-reservation .select-month .prev:before, .wrap-inspection-reservation .select-month .next:before { width: 12px; height: 12px; top: 12px; border-top: 3px solid; border-right: 3px solid; border-top-color: #fff; border-right-color: #fff; }
  .wrap-inspection-reservation .select-month .prev:before { left: 12px; }
  .wrap-inspection-reservation .select-month .next:before { right: 12px; }
  .wrap-inspection-reservation .tbl-cal th, .wrap-inspection-reservation .tbl-cal td { padding: 22px 8px 20px; font-size: 1.8rem; }
  .wrap-inspection-reservation .color-info { margin-top: 20px; display: flex; font-size: 1.6rem; }
  .wrap-inspection-reservation .color-info li { width: 25%; }
  .wrap-inspection-reservation .select-timezone { margin-top: 20px; }
  .wrap-inspection-reservation .select-timezone dt { background-color: #eae8e1; padding: 28px 20px; font-size: 1.8rem; font-weight: bold; }
  .wrap-inspection-reservation .select-timezone dd { background-color: #fff; padding: 1px 20px 20px; }
  .wrap-inspection-reservation .select-timezone li { margin-top: 20px; } .wrap-members-contents + .wrap-members-contents { margin-top: 60px; }
  .wrap-members-contents .wrap-members { padding: 30px; }
  .wrap-members-contents section + section .hdg-lv2-dynamic { margin-top: 30px; }
  .wrap-members-contents .members dt { width: 16%; }
  .wrap-members-contents .members dd { width: 84%; }
  .wrap-members-contents .list-row { margin-left: -50px; }
  .wrap-members-contents .list-row li { margin-left: 50px; font-size: 1.6rem; }
  .wrap-members-contents .list-row li a:hover { text-decoration: none; }
  .wrap-members-contents .list-row .arrow:before { top: 0.4em; } .tbl-forecast { table-layout: fixed; }
  .tbl-forecast .heavy-rain:before, .tbl-forecast .thunder:before { width: 64px; height: 64px; padding-bottom: 5px; } .tbl-weather th, .tbl-weather td { padding: 25px 0; font-size: 1.6rem; } .tbl-pollen { background: transparent; border-bottom: none; border-right: none; }
  .tbl-pollen th, .tbl-pollen td { padding: 25px 10px; border-top: none; border-left: none; font-size: 1.6rem; }
  .tbl-pollen th + th, .tbl-pollen th + td, .tbl-pollen td + th, .tbl-pollen td + td { border-left: 30px solid #fbfaf5; width: 33.3333%; }
  .tbl-pollen thead th { font-size: 1.6rem; padding: 15px 10px; }
  .tbl-pollen thead th span { vertical-align: middle; display: inline-block; font-size: 2.4rem; padding-right: 10px; }
  .tbl-pollen .pollen1:before { width: 82px; height: 82px; padding-bottom: 10px; } .tbl-fee thead th { width: 75%; }
  .tbl-fee thead th + th { width: 25%; } .row1-2-dynamic { display: flex; margin-left: -30px; }
  .row1-2-dynamic > .wrap { width: calc(50% - 30px); margin-left: 30px; } .mfp-container { padding: 30px !important; } .mordal-pt1 { max-width: 1100px; border: none; padding: 60px 65px; border-radius: 10px; margin: 0 auto; }
  .mordal-pt1 .btn-close { right: 30px; top: 30px; }
  .mordal-pt1 .txt-st { font-size: 1.6rem; } .wrap-form .wrap .required-mark { position: static; display: block; transition: none; margin-top: 15px; } .wrap-form .wrap .inner { display: table; width: 100%; border: none; }
  .wrap-form .wrap .inner .wrap-element, .wrap-form .wrap .inner .wrap-legend { display: table-cell; vertical-align: top; width: 78%; border: none; padding: 20px; }
  .wrap-form .wrap .inner .wrap-legend { border: none; border-right: 1px solid #eae8e1; width: 22%; }
  .wrap-form .wrap .inner .wrap-legend.required { padding-right: 20px; }
  .wrap-form .wrap .inner.separate > .wrap-legend { border-bottom: none; background: #eae8e1; width: 8%; }
  .wrap-form .wrap .inner.separate .inner .wrap-legend { width: 20%; }
  .wrap-form .wrap .inner.separate .inner + .inner .wrap-legend { width: 20%; }
  .wrap-form .wrap .inner.separate .inner + .inner .wrap-element { border-top: 1px solid #eae8e1; }
  .wrap-form .wrap .inner .inner-add input[type=text], .wrap-form .wrap .inner .inner-add input[type=tel], .wrap-form .wrap .inner .inner-add input[type=email], .wrap-form .wrap .inner .inner-add input[type=password] { width: calc(100% - 8em); display: inline-block; vertical-align: middle; }
  .wrap-form .wrap .inner .inner-add .txt-add { display: inline-block; vertical-align: middle; margin-top: 0; }
  .wrap-form.bg-pt1 { width: 65.8%; margin-left: auto; margin-right: auto; }
  .wrap-form.bg-pt1 .wrap .inner { display: block; }
  .wrap-form.bg-pt1 .wrap .inner .wrap-element, .wrap-form.bg-pt1 .wrap .inner .wrap-legend { display: block; width: 100%; }
  .wrap-form.bg-pt1 .wrap .inner .wrap-element .wrap-text input, .wrap-form.bg-pt1 .wrap .inner .wrap-legend .wrap-text input { max-width: 100%; }
  .wrap-form.bg-pt1 .wrap .required-mark { margin-left: 30px; }
  .wrap-form.bg-pt1 .wrap-text.inner-password { max-width: 100%; }
  .wrap-form.bg-pt1 .wrap-text.inner-password input { max-width: 100%; }
  .wrap-form.bg-pt1 .wrap-text.ok { width: 100%; } .wrap-form .txt { margin-top: 30px; } .wrap-form .done { display: inline-block; margin: 5px 0 0 10px; vertical-align: top; } .wrap-form-btn a, .wrap-form-btn button { display: inline-block; max-width: 445px; opacity: 1; transition: opacity 0.5s ease; }
  .wrap-form-btn a:hover, .wrap-form-btn button:hover { opacity: 0.5; }
  .wrap-form-btn.ft-s li { padding-left: 0; padding-right: 0; }
  .wrap-form-btn.ft-s li a, .wrap-form-btn.ft-s li button { max-width: 310px; } .form-col.pc-row { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; }
  .form-col.pc-row li { margin-top: 10px; margin-left: 20px; } .wrap-birth li { display: inline-block; vertical-align: middle; }
  .wrap-birth li + li { margin-top: 0; margin-left: 30px; } .wrap-zip { display: flex; align-items: center; }
  .wrap-zip li { width: 46%; }
  .wrap-zip li + li { margin: 0 0 0 20px; width: auto; }
  .wrap-zip .wrap-text.ok { width: 100%; }
  .wrap-zip .wrap-text input[type=tel], .wrap-zip .wrap-text input[type=email] { max-width: 100%; } .wrap-del { justify-content: flex-start; }
  .wrap-del li { width: 46%; }
  .wrap-del li.inner-btn { width: 16%; padding-left: 20px; }
  .wrap-del .wrap-text.ok { width: 100%; }
  .wrap-del .wrap-text input[type=tel] { max-width: 100%; } .btn-search { transition: opacity 0.5s ease; }
  .btn-search:hover { opacity: 0.5; } .btn-del { transition: opacity 0.5s ease; padding: 18px 40px; display: inline-block; }
  .btn-del:hover { opacity: 0.5; } .inner-form { padding: 30px; }
  .inner-form dt { font-weight: bold; margin-bottom: 10px; } .inner-email { margin: 10px 0 0 40px; }
  .inner-email dl { display: flex; }
  .inner-email dt { width: 13%; padding-top: 1em; }
  .inner-email dd { width: 87%; margin-top: 0; padding-left: 20px; }
  .inner-email dd .wrap-text input[type=email] { max-width: 70%; }
  .inner-email dd .wrap-text.ok { width: 70%; }
  .inner-email dd .wrap-text.ok input[type=email] { width: 100%; max-width: 100%; } .wrap-text.full, .wrap-add-text.full, .wrap-textarea.full { max-width: 100%; }
  .wrap-text.full input[type=text], .wrap-text.full input[type=tel], .wrap-text.full input[type=email], .wrap-text.full input[type=password], .wrap-add-text.full input[type=text], .wrap-add-text.full input[type=tel], .wrap-add-text.full input[type=email], .wrap-add-text.full input[type=password], .wrap-textarea.full input[type=text], .wrap-textarea.full input[type=tel], .wrap-textarea.full input[type=email], .wrap-textarea.full input[type=password] { max-width: 100%; }
  .wrap-text.full.ok, .wrap-add-text.full.ok, .wrap-textarea.full.ok { width: 100%; }
  .wrap-text input[type=text], .wrap-text input[type=tel], .wrap-text input[type=email], .wrap-text input[type=password], .wrap-add-text input[type=text], .wrap-add-text input[type=tel], .wrap-add-text input[type=email], .wrap-add-text input[type=password], .wrap-textarea input[type=text], .wrap-textarea input[type=tel], .wrap-textarea input[type=email], .wrap-textarea input[type=password] { max-width: 60%; }
  .wrap-text.inner-password, .wrap-add-text.inner-password, .wrap-textarea.inner-password { max-width: 60%; }
  .wrap-text.inner-password input, .wrap-add-text.inner-password input, .wrap-textarea.inner-password input { max-width: 100%; }
  .wrap-text.ok, .wrap-add-text.ok, .wrap-textarea.ok { width: 60%; }
  .wrap-text.ok input[type=text], .wrap-text.ok input[type=tel], .wrap-text.ok input[type=email], .wrap-text.ok input[type=password], .wrap-add-text.ok input[type=text], .wrap-add-text.ok input[type=tel], .wrap-add-text.ok input[type=email], .wrap-add-text.ok input[type=password], .wrap-textarea.ok input[type=text], .wrap-textarea.ok input[type=tel], .wrap-textarea.ok input[type=email], .wrap-textarea.ok input[type=password] { max-width: 100%; } .wrap-textarea textarea { min-height: 250px; } .wrap-select { display: inline-block; min-width: 380px; } .wrap-name { margin-top: 0 !important; flex-wrap: nowrap; }
  .wrap-name li { margin-top: 0; width: calc(50% - 4.5em); padding-right: 30px; }
  .wrap-name li.inner-txt { width: 4.5em; padding-right: 0; }
  .wrap-name li .wrap-text { width: 310px; }
  .wrap-name li .wrap-text.ok { width: 310px; }
  .wrap-name li .wrap-text input { max-width: 100%; } .header.simple .l-head { padding-top: 0; }
  .header.simple .l-head .l-head-inner { position: static; height: 115px; }
  .header.simple .l-head .wrap-infolink { justify-content: center; } .footer .l-foot .l-foot-inner { padding: 15px 40px; }
  .footer .txt-legal-copyright { text-align: center; font-size: 1.2rem; }
  .footer .txt-legal-copyright small { font-size: 1.2rem; } }

@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { _::-webkit-full-page-media, _:future, :root .compact-header .l-head .wrap-gnav .box-slide .scroll .box-gnav .gnav li > a { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; font-size: 1.2rem; } }

@media print, all and (max-width: 320px) { .l-head .wrap-infolink .logo-site, .l-head .wrap-infolink .logo-site img { width: 120px; height: auto; } }

@media screen and (min-width: 768px), print { .add-gdpr-wrap-all { display: flex; flex-wrap: nowrap; background: #49484d; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; }
  .add-gdpr-wrap-btn { margin-top: 0; }
  .add-gdpr-message { margin-right: 1em; }
  .add-gdpr-message a:hover { text-decoration: underline; }
  .add-gdpr-btn-n, .add-gdpr-btn-y { transition: background-color .3s,-webkit-text-decoration .3s; transition: background-color .3s,text-decoration .3s; transition: background-color .3s,text-decoration .3s,-webkit-text-decoration .3s; }
  .add-gdpr-btn-n:hover { background-color: #49484d; text-decoration: underline; }
  .add-gdpr-btn-y:hover { background-color: #ff6600; text-decoration: underline; color: #fff; }
  .add-gdpr-btn { width: auto; }
  .add-gdpr-btn + .add-gdpr-btn { margin-left: 0.5em; } }

@media print { .add-gdpr-revoke, .add-gdpr-wrap-all { display: none; } }

@media all and (min-width: 1600px) { .l-foot { background-size: cover; } }

@media all and (min-width: 768px) and (-ms-high-contrast: none) { .lnk-anchor > li a { transition: opacity 0s ease; } }

@media print, all and (min-width: 768px) and (min-width: 768px) { .wrap-breadcrumb .breadcrumb li a:hover { color: #a19b95; text-decoration: underline; }
  .wrap-breadcrumb .breadcrumb li a:active, .wrap-breadcrumb .breadcrumb li a:focus { color: #a19b95; } }

/* ====================================================
header
==================================================== */

.header-head {
  height:70px;
  border-bottom:solid 1px #dddddd;
}

@media screen and (max-width: 990px) {
  .header-head_logo img {
    margin-top: 10px;
  }
}

.header-head_logo:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header-head_logo-right {
  margin: 0 13px 0 auto;
}

@media screen and (max-width: 990px) {
  .header-head_logo-right {
    margin: 0px 0 0 auto;
  }
  .header-head_logo-right img {
    width: 124px!important;
  }
}

.header-head_inner {
  padding-top: 7px;
  padding-bottom: 4px;
  min-width: 1190px;
    width: 1190px;
  margin:0 auto;

}

@media screen and (max-width: 990px) {
  .header-head_inner {
    padding: 7px 13px 6px 7px;
  width: 100%;
  min-width: 100%;

  }
}

.header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}