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

body { color: #444444; background: #ffffff; font-size: 1.4vw; letter-spacing: .06em; line-height: 1.6; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-optical-sizing: auto; font-style: normal; font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (min-width: 1600px) { body { font-size: 22px; } }
@media screen and (max-width: 599px) { body { font-size: 2.8vw; } }

_:lang(x)::-ms-backdrop, .selector { font-family: "Segoe UI", Meiryo, sans-serif; }

.fnt-bcc { font-family: "big-caslon-fb", serif; font-weight: 400; font-style: normal; letter-spacing: normal; }

.fnt-nsj6 { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; }

.fnt-nsj8 { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 800; font-style: normal; }

p { line-height: 1.8; }

img { border: 0; vertical-align: top; }

input, select { position: relative; top: 1px; }

table, th, td { border-collapse: collapse; border-spacing: 0; }

ul, li { list-style: none; }

a:link, a:visited { color: #444444; text-decoration: none; transition: opacity 0.5s; }
a:hover, a:active { opacity: .6; }

#cover { width: 100%; height: 100%; position: fixed; background: #ffffff; top: 0; left: 0; z-index: 10000; }

#loader { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 300px; height: 250px; }
#loader img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { #loader { width: 210px; height: 175px; } }

#wrapper { overflow: hidden; position: relative; }

#page-top { opacity: 0; position: fixed; bottom: 20px; right: 20px; z-index: 9000; width: 40px; pointer-events: none; }
@media screen and (max-width: 599px) { #page-top { bottom: 8.6em; right: 15px; } }
#page-top img { width: 100%; height: auto; }
#page-top.fade { opacity: 1; transition: opacity .5s; pointer-events: auto; }

.dd599 { display: none; }
@media screen and (max-width: 599px) { .dd599 { display: block !important; } }

@media screen and (max-width: 599px) { .nn599 { display: none !important; } }

.fadeinS, .fadein1, .fadein2, .fadein3, .fadein4, .fadein5, .fadein6, .fadeinF { opacity: 0; transform: translateY(30px); transition: opacity 1s ease-in, transform 1s ease-out; }
.fadeinS.active, .fadein1.active, .fadein2.active, .fadein3.active, .fadein4.active, .fadein5.active, .fadein6.active, .fadeinF.active { opacity: 1; transform: translateY(0); }

#header { position: relative; }
#header h1 { position: fixed; z-index: 900; left: 3%; top: 1.6em; }
@media screen and (max-width: 599px) { #header h1 { top: 1.4em; } }
#header h1 a { display: block; width: 17em; padding: .3em; }
@media screen and (max-width: 599px) { #header h1 a { width: 13em; } }
#header h1 a img { position: relative; width: 100%; height: auto; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3)); }
#header .sideMenu { position: fixed; z-index: 900; left: 0; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 599px) { #header .sideMenu { top: inherit; bottom: 0; transform: none; width: 100%; } }
@media screen and (max-width: 599px) { #header .sideMenu ul { display: flex; justify-content: space-between; } }
#header .sideMenu ul li { margin-bottom: .7em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li { margin-bottom: 0; width: 24%; } }
#header .sideMenu ul li a { position: relative; display: inline-block; background: #ffffff; font-size: 80%; font-weight: 600; letter-spacing: normal; text-align: center; padding: 5em 0 1em; width: 7.4em; box-shadow: inset 0 0 7px 3px #f29e9e, 0 0 3px 1px rgba(0, 0, 0, 0.2); border-top-right-radius: 1em; border-bottom-right-radius: 1em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li a { border-top-left-radius: 1em; border-bottom-right-radius: 0; box-shadow: none; color: #ffffff; font-size: 100%; background: #f4a8a8; width: 100%; } }
#header .sideMenu ul li:nth-child(1) a { background: #ffffff url("../img26/icn_ticket.svg") no-repeat center 30%/4.8em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li:nth-child(1) a { background: #f4a8a8 url("../img26/icn_ticket_w.svg") no-repeat center 30%/4.8em; } }
#header .sideMenu ul li:nth-child(2) a { background: #ffffff url("../img26/icn_tel.svg") no-repeat center 30%/4.8em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li:nth-child(2) a { background: #f4a8a8 url("../img26/icn_tel_w.svg") no-repeat center 30%/4.8em; } }
#header .sideMenu ul li:nth-child(3) a { background: #ffffff url("../img26/icn_line.svg") no-repeat center 30%/4.8em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li:nth-child(3) a { background: #f4a8a8 url("../img26/icn_line.svg") no-repeat center 30%/4.8em; } }
#header .sideMenu ul li:nth-child(4) a { background: #ffffff url("../img26/icn_price.svg") no-repeat center 30%/4.8em; }
@media screen and (max-width: 599px) { #header .sideMenu ul li:nth-child(4) a { background: #f4a8a8 url("../img26/icn_price_w.svg") no-repeat center 30%/4.8em; } }
#header nav .gMenu { position: fixed; display: flex; top: 0; left: 0; width: 100%; margin: 0 auto; z-index: 999; opacity: 0; height: 0; max-height: 0; overflow: hidden; transition: max-height 0s, opacity .4s; }
@media screen and (max-width: 599px) { #header nav .gMenu { display: block; padding-bottom: 5em; } }
#header nav .gMenu.active { opacity: 1; height: 100%; max-height: 100%; overflow-y: scroll; background: rgba(255, 255, 255, 0.9) url("../img26/menu_bg.png") no-repeat -5% 105%/40vw; -ms-overflow-style: none; scrollbar-width: none; }
#header nav .gMenu.active::-webkit-scrollbar { display: none; }
#header nav .gMenu .glbBox { position: relative; padding: 1.3em 1em; width: 38%; }
@media screen and (max-width: 599px) { #header nav .gMenu .glbBox { width: 100%; } }
#header nav .gMenu .glbBox .mLogo { width: 17vw; }
@media screen and (max-width: 599px) { #header nav .gMenu .glbBox .mLogo { width: 45vw; } }
#header nav .gMenu .glbBox .mLogo img { width: 100%; height: auto; }
#header nav .gMenu .glbBox ul { position: relative; padding: 3em 1em 0 1.5em; }
#header nav .gMenu .glbBox ul li { padding: 1em 0 .3em; border-bottom: 1px solid #444444; }
#header nav .gMenu .glbBox ul li a { display: block; text-align: center; }
#header nav .gMenu .glbBox ul li a small { letter-spacing: .05em; padding-right: 1em; }
#header nav .gMenu .glbBox ul li a span { font-size: 160%; letter-spacing: 0; }
#header nav .gMenu .forBox { position: relative; padding-top: 5em; width: 62%; }
@media screen and (max-width: 599px) { #header nav .gMenu .forBox { width: 100%; padding-top: 1em; } }
#header nav .gMenu .forBox .tabB { position: relative; display: flex; justify-content: space-between; }
#header nav .gMenu .forBox .tabB li { width: 49%; }
#header nav .gMenu .forBox .tabB li div { position: relative; display: block; border-top-left-radius: .7em; border-top-right-radius: .7em; padding: 1em 1em .6em 4em; cursor: pointer; }
#header nav .gMenu .forBox .tabB li div.woman { background: #eae2ba; }
#header nav .gMenu .forBox .tabB li div.man { background: #666666; color: #ffffff; }
#header nav .gMenu .forBox .tabB li div::before { content: ""; position: absolute; left: 2em; top: 25%; width: 1.5em; height: 1.5em; background: url("../img/icn_logo.svg") no-repeat center center/contain; }
#header nav .gMenu .forBox .tabB li div:hover { opacity: .9; }
#header nav .gMenu .forBox .tabB li div span { display: block; font-size: 200%; line-height: 1; }
@media screen and (max-width: 599px) { #header nav .gMenu .forBox .tabB li div span { font-size: 160%; } }
#header nav .gMenu .forBox .tabB li div small { display: block; }
#header nav .gMenu .forBox .menuB { position: relative; }
#header nav .gMenu .forBox .menuB ul { position: relative; display: flex; width: 100%; flex-wrap: wrap; padding: 2em 10% 3em; border-bottom-left-radius: .7em; border-bottom-right-radius: .7em; }
#header nav .gMenu .forBox .menuB ul.wMenu { position: relative; z-index: 5; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.8), #eae2ba); }
#header nav .gMenu .forBox .menuB ul.mMenu { position: absolute; z-index: 1; top: 0; left: 0; background-image: linear-gradient(0deg, rgba(200, 200, 200, 0.8), #666666); }
#header nav .gMenu .forBox .menuB ul.mMenu li a { color: #ffffff; }
#header nav .gMenu .forBox .menuB ul li { width: 50%; padding: .5em 0; }
@media screen and (max-width: 599px) { #header nav .gMenu .forBox .menuB ul li a { font-size: 90%; } }
#header nav .menu-trigger { display: inline-block; transition: all .4s; position: fixed; z-index: 9999; width: 40px; height: 34px; top: 20px; right: 20px; }
#header nav .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; width: 100%; height: 2px; background-color: #444444; border-radius: 2px; }
#header nav .menu-trigger span:nth-of-type(1) { top: 0; }
#header nav .menu-trigger span:nth-of-type(2) { top: 16px; }
#header nav .menu-trigger span:nth-of-type(3) { bottom: 0; }
#header nav .menu-trigger.active span:nth-of-type(1) { transform: translateY(16px) rotate(-45deg); }
#header nav .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
#header nav .menu-trigger.active span:nth-of-type(3) { transform: translateY(-16px) rotate(45deg); }

main { position: relative; }
main section { position: relative; max-width: 2050px; margin: 0 auto; }
main section .inner { position: relative; max-width: 1600px; margin: 0 auto; }
main section#topMainSct { background: url("../img26/top_main_pic.webp") no-repeat center top/128%; padding: 12.5em 0 5em; }
@media screen and (min-width: 1600px) { main section#topMainSct { background-size: 2050px; } }
@media screen and (max-width: 599px) { main section#topMainSct { background: url("../img26/top_main_pic-sp.webp") no-repeat center top/100%; padding: 13em 0 5em; } }
main section#topMainSct::after { content: ""; position: absolute; z-index: 0; left: -14%; bottom: 0; width: 22em; height: 30em; background: url("../img26/bg_patan1.svg") no-repeat center center/contain; }
main section#topMainSct .txtB { position: relative; padding-left: 45%; text-align: center; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB { padding-bottom: 13.5em; } }
main section#topMainSct .txtB .copy { display: inline-block; text-align: left; font-size: 90%; letter-spacing: .15em; line-height: 1.6; padding-left: 8em; margin-bottom: 3.8em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .copy { display: block; text-align: center; font-size: 120%; padding-left: 0; margin-bottom: 1em; } }
main section#topMainSct .txtB .copy span { display: block; padding-left: 1.5em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .copy span { padding-left: 0; } }
main section#topMainSct .txtB .name { position: relative; padding: 0 2% 0 3.5%; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .name { position: absolute; left: 0; bottom: 0; } }
main section#topMainSct .txtB .name .t1 { display: block; text-align: left; color: #ffffff; font-size: 720%; line-height: .9; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
main section#topMainSct .txtB .name .t2 { display: block; text-align: right; color: #d69fa3; font-size: 250%; line-height: .8; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .name .t2 { font-size: 220%; } }
main section#topMainSct .txtB .name .t3 { position: absolute; left: 3em; bottom: .1em; color: #d69fa3; letter-spacing: .4em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .name .t3 { font-size: 90%; } }
main section#topMainSct .txtB .policy { position: relative; color: #d69fa3; background: url("../img26/bg_ball.svg") no-repeat 46% center/contain; letter-spacing: .2em; padding-right: 5%; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .policy { font-size: 140%; background-position: 34% center; margin-bottom: .8em; } }
main section#topMainSct .txtB .policy::before { content: ""; position: absolute; left: 0; top: 50%; width: 9.5em; height: 2px; background: #ffffff; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .policy::before { display: none; } }
main section#topMainSct .txtB .policy::after { content: ""; position: absolute; right: 5%; top: 50%; width: 9.5em; height: 2px; background: #ffffff; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .policy::after { display: none; } }
main section#topMainSct .txtB .head { font-size: 130%; font-weight: 500; letter-spacing: .15em; padding-right: 4%; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .head { font-size: 120%; line-height: 1.4; } }
main section#topMainSct .txtB .head strong { color: #d69fa3; font-size: 190%; letter-spacing: .12em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .head strong { display: block; font-size: 240%; letter-spacing: .03em; margin-bottom: .1em; } }
main section#topMainSct .txtB .txt { font-size: 90%; line-height: 1.5; letter-spacing: .1em; }
@media screen and (max-width: 599px) { main section#topMainSct .txtB .txt { display: none; } }
main section#topMainSct .sliderB { position: relative; width: 100%; padding: 5.5em 0 3.5em; }
@media screen and (min-width: 1600px) { main section#topMainSct .sliderB { padding: 6em 0 3em; } }
@media screen and (max-width: 599px) { main section#topMainSct .sliderB { padding: 1.5em 0 4em; } }
main section#topMainSct .sliderB .slickS { position: relative; max-width: 2050px; width: 100%; }
main section#topMainSct .sliderB .slickS li { padding: .5em; }
main section#topMainSct .sliderB .slickS li a { display: block; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); }
main section#topMainSct .sliderB .slickS li a img { width: 100%; height: auto; }
main section#topMainSct nav .gMenu2 { position: relative; z-index: 5; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#topMainSct nav .gMenu2 { margin-bottom: 2.5em; } }
main section#topMainSct nav .gMenu2 ul { position: relative; display: flex; justify-content: center; }
@media screen and (max-width: 599px) { main section#topMainSct nav .gMenu2 ul { flex-wrap: wrap; justify-content: flex-start; padding: 0 3%; } }
main section#topMainSct nav .gMenu2 ul li { padding: 0 .4em; }
@media screen and (max-width: 599px) { main section#topMainSct nav .gMenu2 ul li { width: 50%; padding: 0 .6em; margin-bottom: 1em; } }
main section#topMainSct nav .gMenu2 ul li a { display: block; position: relative; background: #ffffff; font-size: 80%; font-weight: 600; letter-spacing: .2em; text-align: center; padding: 1.1em; width: 11.5em; box-shadow: inset 0 0 7px 3px #f29e9e, 0 0 3px 1px rgba(0, 0, 0, 0.2); border-radius: 1.6em; }
@media screen and (max-width: 599px) { main section#topMainSct nav .gMenu2 ul li a { width: 100%; font-size: 120%; } }
main section#topMainSct .bnrB { position: relative; z-index: 5; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#topMainSct .bnrB { margin-bottom: 5em; } }
main section#topMainSct .bnrB a { display: block; width: 70%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#topMainSct .bnrB a { width: 90%; } }
main section#topMainSct .bnrB a img { width: 100%; height: auto; }
main section#topMainSct .infoB { position: relative; z-index: 5; text-align: center; }
main section#topMainSct .infoB h2 { display: block; font-size: 150%; font-weight: 600; letter-spacing: .2em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB h2 { font-size: 180%; margin-bottom: .2em; } }
main section#topMainSct .infoB h2 strong { color: #d69fa3; font-size: 200%; letter-spacing: normal; padding-right: .2em; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
main section#topMainSct .infoB .cp { display: block; font-size: 85%; letter-spacing: .15em; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB .cp { width: 86%; font-size: 130%; text-align: left; margin: 0 auto 2.8em; } }
main section#topMainSct .infoB ul { position: relative; width: 66%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul { width: 88%; justify-content: center; } }
main section#topMainSct .infoB ul li { position: relative; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
main section#topMainSct .infoB ul li.haf { overflow: hidden; border-radius: 1em; width: 48.5%; height: 20.5em; text-align: left; padding: 5em 0 0 22.5%; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf { width: 100%; margin-bottom: 3em; padding: 4em 0 0 47.5%; height: 28.3em; } }
main section#topMainSct .infoB ul li.haf .sub { font-size: 70%; font-weight: 500; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf .sub { font-size: 140%; letter-spacing: .1em; line-height: 1.3; margin-bottom: 1em; } }
main section#topMainSct .infoB ul li.haf .ttl { font-size: 125%; margin-bottom: .4em; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf .ttl { font-size: 225%; line-height: 1.1; white-space: nowrap; margin-bottom: .8em; } }
main section#topMainSct .infoB ul li.haf .txt { font-size: 70%; font-weight: 500; line-height: 1.4; white-space: nowrap; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf .txt { font-size: 120%; letter-spacing: .2em; white-space: normal; padding-right: .5em; } }
main section#topMainSct .infoB ul li.haf .btn { position: absolute; right: 1.8em; bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf .btn { width: 68%; right: 16%; bottom: 2em; } }
main section#topMainSct .infoB ul li.haf .btn a { display: inline-block; background: #ffffff; padding: .5em 3.2em; font-size: 80%; font-weight: 800; border-radius: 2em; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li.haf .btn a { width: 100%; text-align: center; font-size: 140%; letter-spacing: .15em; } }
main section#topMainSct .infoB ul li:nth-child(1) { background: url("../img26/top_info_bg1.webp") no-repeat center center/cover; }
main section#topMainSct .infoB ul li:nth-child(2) { background: url("../img26/top_info_bg2.webp") no-repeat center center/cover; }
main section#topMainSct .infoB ul li:nth-child(3) { background: url("../img26/top_info_bg3.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li:nth-child(3).haf { padding: 3em 0 0 47.5%; }
  main section#topMainSct .infoB ul li:nth-child(3).haf .txt { line-height: 1.2; } }
main section#topMainSct .infoB ul li:nth-child(4) { background: url("../img26/top_info_bg4.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#topMainSct .infoB ul li:nth-child(4).haf { padding: 5em 0 0 47.5%; } }
main section#topMainSct .infoB ul li.bnr { width: 100%; }
main section#topMainSct .infoB ul li.bnr img { width: 100%; height: auto; }
main section#topInstaSct { background: #fff2ec url("../img26/bg_insta.webp") no-repeat center top/128%; padding: 4.5em 0 12em; text-align: center; }
@media screen and (min-width: 1600px) { main section#topInstaSct { background-size: 2050px; } }
@media screen and (max-width: 599px) { main section#topInstaSct { padding: 5em 0 13em; background: #fff2ec url("../img26/bg_insta-sp.webp") no-repeat center top/100%; } }
main section#topInstaSct h2 { display: block; font-size: 150%; font-weight: 600; letter-spacing: .2em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#topInstaSct h2 { display: flex; justify-content: center; align-items: center; margin-bottom: .76em; } }
main section#topInstaSct h2 strong { font-size: 200%; letter-spacing: normal; padding-right: .2em; }
@media screen and (max-width: 599px) { main section#topInstaSct h2 strong { font-size: 230%; line-height: 1; padding-right: .3em; } }
@media screen and (max-width: 599px) { main section#topInstaSct h2 > span { display: block; text-align: left; font-size: 95%; line-height: 1; } }
@media screen and (max-width: 599px) { main section#topInstaSct h2 > span > span { display: none; } }
main section#topInstaSct .follow { display: block; font-size: 85%; letter-spacing: .15em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#topInstaSct .follow { font-size: 140%; } }
main section#topInstaSct .link { display: block; font-size: 150%; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#topInstaSct .link { font-size: 220%; margin-bottom: 1.2em; } }
main section#topInstaSct .ist_gallery { position: relative; display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: space-between; width: 60%; }
@media screen and (max-width: 599px) { main section#topInstaSct .ist_gallery { width: 88%; } }
main section#topInstaSct .ist_gallery li { aspect-ratio: 1 / 1; width: 32.5%; overflow: hidden; padding-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topInstaSct .ist_gallery li { width: 49%; }
  main section#topInstaSct .ist_gallery li:nth-child(9) { display: none; } }
main section#topInstaSct .ist_gallery li a { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; }
main section#topInstaSct .ist_gallery li a:hover { opacity: 1; }
main section#topInstaSct .ist_gallery li a img, main section#topInstaSct .ist_gallery li a video { position: relative; width: 100%; height: 100%; object-fit: cover; transition: all .5s 0s ease; }
main section#topInstaSct .ist_gallery li a:hover img, main section#topInstaSct .ist_gallery li a:hover video { transform: scale(1.1); transition: all 1s 0s ease; }
main section#topNewsSct { top: -8em; margin-bottom: -8em; z-index: 3; background: linear-gradient(180deg, transparent 8em, #e5dcdc 8em); display: flex; }
@media screen and (max-width: 599px) { main section#topNewsSct { display: block; } }
main section#topNewsSct .newsB { position: relative; width: 50%; height: 20.8em; background: #ffffff; padding: 2em 2em 2em 12%; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB { width: 100%; height: auto; padding: 4em 2em; border-radius: 0; border-top: 1px solid #e5dcdc; } }
main section#topNewsSct .newsB .head { display: block; padding-left: 9%; font-size: 150%; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .head { padding: 0; text-align: center; font-size: 250%; } }
main section#topNewsSct .newsB .postB { position: relative; border-top: 2px dotted #d69fa3; border-bottom: 2px dotted #d69fa3; padding: 1.5em 3% 1.5em 9%; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .postB { padding: 2.5em 3%; margin-bottom: 3em; } }
main section#topNewsSct .newsB .postB .date { font-size: 80%; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .postB .date { font-size: 120%; } }
main section#topNewsSct .newsB .postB .ttl { font-size: 80%; line-height: 1.5; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .postB .ttl { font-size: 120%; } }
main section#topNewsSct .newsB .btn { position: absolute; right: 2em; bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .btn { position: relative; right: inherit; bottom: inherit; text-align: center; } }
main section#topNewsSct .newsB .btn a { display: inline-block; background: #fff2ec; padding: .5em 3.5em; font-size: 80%; font-weight: 800; border-radius: 2em; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 599px) { main section#topNewsSct .newsB .btn a { font-size: 120%; letter-spacing: .15em; } }
main section#topNewsSct .cosmeB { position: relative; width: 50%; background: url("../img26/cosme_bg.webp") no-repeat left center/112%; padding: 3em 2em 2em 25%; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }
@media screen and (min-width: 1600px) { main section#topNewsSct .cosmeB { background-size: cover; } }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB { width: 100%; padding: 9em 2em 4em; border-radius: 0; background: url("../img26/cosme_bg-sp.webp") no-repeat left center/cover; } }
main section#topNewsSct .cosmeB .name { font-size: 150%; letter-spacing: -.02em; line-height: 1.5; }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB .name { font-size: 265%; padding-left: 35%; line-height: 1.1; } }
main section#topNewsSct .cosmeB .jp { font-size: 90%; line-height: 1.5; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB .jp { font-size: 120%; padding-left: 35%; line-height: 1.3; margin-bottom: 3em; } }
main section#topNewsSct .cosmeB .txt { font-size: 80%; }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB .txt { font-size: 145%; letter-spacing: .2em; line-height: 1.5; padding-left: 35%; margin-bottom: 6em; } }
main section#topNewsSct .cosmeB .btn { position: absolute; right: 4em; bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB .btn { position: relative; right: inherit; bottom: inherit; text-align: center; } }
main section#topNewsSct .cosmeB .btn a { display: inline-block; background: #ffffff; padding: .5em 3.5em; font-size: 80%; font-weight: 800; border-radius: 2em; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 599px) { main section#topNewsSct .cosmeB .btn a { font-size: 120%; letter-spacing: .15em; } }
main section#topPolicySct { z-index: 1; padding: 6em 0; background: #e5dcdc; }
@media screen and (max-width: 599px) { main section#topPolicySct { padding: 5em 0 7em; } }
main section#topPolicySct h2 { display: block; text-align: center; font-size: 150%; letter-spacing: .1em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#topPolicySct h2 { font-size: 180%; line-height: 1.5; margin-bottom: 1em; } }
main section#topPolicySct .inBox { position: relative; background: #ffffff; padding: .1em 2.5em 3em; border-radius: 1em; width: 75%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#topPolicySct .inBox { width: 90%; padding: .1em 2em 3em; } }
main section#topPolicySct .inBox .ttl { display: block; text-align: center; font-size: 130%; padding-bottom: .8em; border-bottom: 2px dotted #d69fa3; margin: 2.5em 0 .8em; }
@media screen and (max-width: 599px) { main section#topPolicySct .inBox .ttl { font-size: 160%; letter-spacing: .1em; } }
main section#topPolicySct .inBox .txt { display: block; font-size: 90%; margin: 1em 0; }
@media screen and (max-width: 599px) { main section#topPolicySct .inBox .txt { font-size: 120%; } }
main section#topPolicySct .inBox ul { font-size: 90%; }
@media screen and (max-width: 599px) { main section#topPolicySct .inBox ul { font-size: 120%; } }
main section#cmnClinicSct { z-index: 10; padding: 4em 0 3.5em; background: #ffffff; }
@media screen and (max-width: 599px) { main section#cmnClinicSct { padding: 6.8em 0 4.5em; } }
main section#cmnClinicSct::before { content: ""; position: absolute; z-index: 1; top: -3em; left: -7%; width: 27em; height: 24em; background: url("../img26/ribbon.webp") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#cmnClinicSct::before { left: -11%; width: 20em; height: 16em; } }
main section#cmnClinicSct .name { position: relative; z-index: 10; width: 58%; padding: 0; margin: 0 auto 2em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .name { width: 84%; margin: 0 auto 2.8em; } }
main section#cmnClinicSct .name .t1 { display: block; text-align: center; color: #d69fa3; font-size: 720%; line-height: .9; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 599px) { main section#cmnClinicSct .name .t1 { font-size: 670%; } }
main section#cmnClinicSct .name .t2 { display: block; text-align: right; color: #d69fa3; font-size: 250%; line-height: .8; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 599px) { main section#cmnClinicSct .name .t2 { font-size: 215%; margin-right: -.2em; } }
main section#cmnClinicSct .name .t3 { position: absolute; left: 5.5em; bottom: .1em; letter-spacing: .4em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .name .t3 { left: .5em; font-size: 85%; } }
main section#cmnClinicSct .box { position: relative; display: grid; grid-template-columns: 54% 46%; width: 68%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box { width: 88%; grid-template-columns: 100%; } }
main section#cmnClinicSct .box .infoB1 { grid-area: 1/1/2/2; text-align: center; padding-top: 2em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB1 { grid-area: 1/1/2/2; } }
main section#cmnClinicSct .box .infoB1 table { background: #fff2f2; border-collapse: separate; border-spacing: 2px; margin-bottom: 1.3em; width: 100%; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB1 table { font-size: 110%; } }
main section#cmnClinicSct .box .infoB1 table tr th { background: #ffdddd; text-align: center; vertical-align: middle; font-size: 80%; font-weight: 600; line-height: 1.2; padding: .3em 0; }
main section#cmnClinicSct .box .infoB1 table tr td { width: 10%; background: #ffffff; text-align: center; vertical-align: middle; font-size: 90%; line-height: 1.2; padding: .3em 0; }
main section#cmnClinicSct .box .infoB1 table tr:first-child th { padding: .6em 0; }
main section#cmnClinicSct .box .infoB1 .add { display: block; font-size: 110%; font-weight: 600; line-height: 1.1; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB1 .add { font-size: 130%; } }
main section#cmnClinicSct .box .infoB1 .tel { position: relative; display: inline-block; font-size: 250%; font-weight: 600; line-height: 1.3; padding-left: 1.3em; background: url("../img26/icn_tel2.webp") no-repeat left center/1em; margin-bottom: .6em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB1 .tel { font-size: 280%; padding: .2em 0 .3em 1.4em; margin-bottom: .1em; } }
main section#cmnClinicSct .box .infoB2 { grid-area: 2/1/3/2; text-align: center; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB2 { grid-area: 3/1/4/2; } }
main section#cmnClinicSct .box .infoB2 .btn { display: block; }
main section#cmnClinicSct .box .infoB2 .btn a { display: block; padding: 1.3em 0; background: #fff2f2; box-shadow: inset 0 0 7px 3px #f29e9e, 0 0 3px 1px rgba(0, 0, 0, 0.2); border-radius: 1em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .infoB2 .btn a { padding: 1em 0; font-size: 150%; letter-spacing: .03em; } }
main section#cmnClinicSct .box .mapB { grid-area: 1/2/3/3; padding-left: 6%; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .mapB { padding-left: 0; grid-area: 2/1/3/2; margin-bottom: 3em; } }
main section#cmnClinicSct .box .mapB iframe { width: 100%; height: 20em; }
@media screen and (max-width: 599px) { main section#cmnClinicSct .box .mapB iframe { display: block; width: 80%; height: 25em; margin: 0 auto; } }

#footer { position: relative; background: #fff2ec; padding: 2.5em 6% 1.8em; }
@media screen and (max-width: 599px) { #footer { padding: 3em 5% 9.4em; } }
#footer .inner { position: relative; max-width: 1600px; margin: 0 auto; }
#footer .inner .box { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em; }
@media screen and (max-width: 599px) { #footer .inner .box { display: block; } }
#footer .inner .box .logo { width: 25%; }
@media screen and (max-width: 599px) { #footer .inner .box .logo { width: 80%; margin: 0 auto 1.5em; } }
#footer .inner .box .logo img { width: 100%; height: auto; }
#footer .inner .box ul { display: flex; }
@media screen and (max-width: 599px) { #footer .inner .box ul { display: block; margin-bottom: 3em; } }
#footer .inner .box ul li { padding: 0 1em; border-right: 1px solid #444444; line-height: 1.2; }
@media screen and (max-width: 599px) { #footer .inner .box ul li { padding: 0 1.5em; border-right: none; border-bottom: 2px dotted #f4a8a8; } }
#footer .inner .box ul li:last-child { padding-right: 0; border-right: none; }
@media screen and (max-width: 599px) { #footer .inner .box ul li:last-child { padding: 0 1.5em; } }
#footer .inner .box ul li a { display: inline-block; font-size: 80%; font-weight: 500; }
@media screen and (max-width: 599px) { #footer .inner .box ul li a { position: relative; display: block; font-size: 140%; letter-spacing: .2em; padding: 1em 0; }
  #footer .inner .box ul li a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-45%); width: 1.5em; height: 1.5em; background: url("../img26/icn_arrow.svg") no-repeat center center/cover; } }
#footer .cpr { text-align: right; font-size: 60%; }
@media screen and (max-width: 599px) { #footer .cpr { text-align: center; font-size: 90%; } }
