/* import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/* common */
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {position:relative; margin:0; padding:0; padding-right:0 !important; color:#000; -webkit-text-size-adjust:none; font-family:'Red Hat Display', 'Zen Maru Gothic', sans-serif; font-weight:400; font-size:1.0416666666666665vw; line-height:1.75; letter-spacing:0; word-wrap:break-word;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.5; font-weight:500; font-family:'Red Hat Display', 'Zen Maru Gothic', sans-serif; color:#30416b; letter-spacing:0;}
p {margin:0;}
p:not(:last-child) {margin-bottom:1.5625vw;}
ul, ol {margin:0; padding:0; list-style:none;}
a {color:#000; transition:all .2s ease-in-out;}
a:link, a:visited {text-decoration:none;}
a:hover:not(.button) {text-decoration:none; color:#000;}
figure {margin:0;}
img {vertical-align:middle;}
button {background:none; border:none; color:inherit; transition:all .2s ease-in-out; cursor:pointer;}

.breadcrumbs > span:not(:last-child) {position:relative; padding-right:4.6875vw;}
.breadcrumbs > span:not(:last-child)::before {position:absolute; content:''; top:50%; right:0.78125vw; width:3.125vw; height:1px; background-color:#9ca1ae;}
.breadcrumbs > span:nth-child(2) > a {pointer-events:none;}
.breadcrumbs > span > a {color:#9ba0ad;}
.breadcrumbs > span > a:hover {color:#f1bd19;}
.breadcrumbs > span > span {color:#f1bd19;}

/* util */
.wrapper {}
.container {min-width:71.14583333333333vw; max-width:71.14583333333333vw; width:100%; margin:auto;}
.img-fluid {max-width:100%; height:auto;}
.img-full {width:100%; height:auto;}
.button {position:relative; display:inline-flex; justify-content:flex-start; align-items:center; width:15.625vw; height:3.3854166666666665vw; padding:0 1.5625vw; border-radius:3.3854166666666665vw; background-color:#f8f3ec; border:none;}
.button.wi {padding-right:3.125vw;}
.button.wi::before {position:absolute; content:''; top:50%; right:1.0416666666666665vw; width:1.0416666666666665vw; height:1.0416666666666665vw; background:url(../images/arrow.svg) 0 0 / 100% auto no-repeat; transform:translateY(-50%);}
.button.wi:hover,
.button.wi.active {background-color:#f1bd19; color:#fff;}
.button.wi.gold {background-color:#c8a064; color:#fff; padding-right:3.125vw;}
.button.wi.gold::before {position:absolute; content:''; top:50%; right:1.0416666666666665vw; width:1.0416666666666665vw; height:1.0416666666666665vw; background:url(../images/arrow-w.svg) 0 0 / 100% auto no-repeat; transform:translateY(-50%);}
.button.wi.gold:hover {background-color:#f8f3ec; color:#c8a064;}
.button.sm {width:13.229166666666666vw; height:3.125vw; border-radius:3.125vw; font-size:0.9375vw;}
.button.lg {width:17.708333333333336vw; font-size:0.9375vw}
.button.fluid {width:100%;}
.bg-line {background-color:#20c92f; color:#fff;}
.bg-line:hover {transform:scale(1.1);}
.bg-primary {background-color:#f1bd19; color:#fff;}
.bg-primary:hover {transform:scale(1.1);}
.bg-white {background-color:#fff;}
.floating-text {position:absolute; top:0; left:0; width:200%; z-index:-10; display:flex; gap:2.604166666666667vw; transform:translateY(-50%);}
.floating-text-inner {color:#f8f3ec; font-size:10.416666666666668vw; font-weight:200; flex-shrink:0; animation:wave 30s linear infinite; line-height:1;}
@keyframes wave {0% {transform:translateX(0);} 100% {transform:translateX(-100%);}}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-muted {color:#a3adb9 !important;}

/* header */
.header {position:relative; width:100%; height:17.708333333333336vw; z-index:9999; background-color:#fff; transition:all .3s ease-in-out;}
.header-inner {display:flex; justify-content:space-between; align-items:flex-end; height:12.395833333333334vw; padding:0 2.604166666666667vw;}
.header-brand {width:23.697916666666664vw; line-height:0; margin:auto auto auto 0; z-index:100;}
.button-hamburger {display:none;}
.header-nav {display:flex; flex-direction:column; align-items:flex-end; gap:1.3020833333333335vw;}
.header-nav-cta {display:flex; align-items:center; gap:2.083333333333333vw;}
.header-nav-cta-button {display:flex; gap:1.0416666666666665vw;}
.header-nav-cta-button > li > a {justify-content:center;}
.header-nav-cta-bh {display:flex; flex-direction:column; align-items:center; gap:0.5208333333333333vw; color:#f1bd19; line-height:1;}
.header-nav-cta-bh div:nth-child(1) {font-size:0.8333333333333334vw;}
.header-nav-cta-bh div:nth-child(2) {font-size:1.5625vw; font-weight:700;}
.header-nav-cta-bh div:nth-child(2) i {margin-right:0.4166666666666667vw;}
.header-nav-cta-bh div:nth-child(3) {font-size:0.7291666666666666vw;}
.header-nav-cta-bh div:nth-child(3) span {display:inline-block; padding:0.4166666666666667vw 1.0416666666666665vw; background-color:#f6f7f8; border-radius:2.604166666666667vw;}
.header-nav-global {display:flex; gap:2.604166666666667vw; height:3.6458333333333335vw; padding:0 2.604166666666667vw; background-color:#f8f3ec; border-radius:3.6458333333333335vw;}
.header-nav-global > li > a {display:flex; justify-content:center; align-items:center; height:100%; font-size:0.9375vw;}
.header-nav-global > li > a:hover {color:#f1bd19;}
.header-nav-global > li.has-child > a {position:relative; padding-right:1.5625vw; pointer-events:none;}
.header-nav-global > li.has-child > a::before {position:absolute; content:''; top:50%; right:0; width:1.0416666666666665vw; height:1.0416666666666665vw; background:url(../images/arrow.svg) 0 0 / 100% auto no-repeat; transform:translateY(-50%);}
.header-nav-global-child {display:none; position:absolute; padding:1.0416666666666665vw;}
.header-nav-global-child-list {width:18.229166666666664vw; padding:1.0416666666666665vw; background-color:#fff; border-radius:0.5208333333333333vw; box-shadow:0 0 1.0416666666666665vw rgba(0, 0, 0, .175);}
.header-nav-global-child-list > li:not(:last-child) {margin-bottom:0.5208333333333333vw;}
.header-nav-global-child-list > li > a {display:block; padding:0.26041666666666663vw 1.0416666666666665vw; background-color:#f8f3ec; border-radius:0.5208333333333333vw;}
.header-nav-global-child-list > li > a:hover {background-color:#f1bd19; color:#fff; box-shadow:0 0 1.0416666666666665vw rgba(0, 0, 0, .175);}
.header.scrolling .header-wrap {position:fixed; top:0; left:0; width:100%; background-color:#fff; transform:translateY(0);}
.header.scrolling .header-inner {align-items:center; height:7.8125vw;}
.header.scrolling .header-brand {width:13.541666666666666vw;}
.header.scrolling .header-nav-cta {display:none;}

/* mod */
.section {position:relative; padding-top:5.208333333333334vw; padding-bottom:5.208333333333334vw; overflow:hidden;}
.heading {position:relative; margin-bottom:3.6458333333333335vw; text-align:center; line-height:1;}
.heading > span {display:block;}
.heading-ja {margin-bottom:0.5208333333333333vw; font-size:2.083333333333333vw;}
.heading-en {font-size:1.0416666666666665vw; color:#c8a064;}
.description {font-size:1.25vw;}
.description span {color:#f1bd19; font-weight:500;}
.content {position:relative;}
.content:not(:last-child) {margin-bottom:4.166666666666666vw;}
.content-pt {padding-top:2.604166666666667vw;}
.more {display:flex; justify-content:center; gap:2.083333333333333vw; margin-top:3.125vw;}
.qa {margin-bottom:1.5625vw;}
.qa > .q {display:flex; align-items:center; padding:1.5625vw; background-color:#f8f3ec; border-radius:1.0416666666666665vw 1.0416666666666665vw 0 0; color:#30416b; font-size:1.1458333333333333vw;}
.qa > .q > .meta {display:flex; justify-content:center; align-items:center; gap:1.3020833333333335vw; margin-right:1.3020833333333335vw;}
.qa > .q > .meta .cat {display:inline-flex; justify-content:center; align-items:center; padding:0 0.5208333333333333vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; font-size:1.0416666666666665vw;}
.qa > .q > .meta .date {display:inline-flex; justify-content:center; align-items:center; color:#9ba0ad; font-size:1.25vw;}
.qa > .q > span {display:inline-flex; justify-content:center; align-items:center; width:2.5vw; height:2.5vw; margin-right:1.3020833333333335vw; background-color:#f1bd19; border-radius:2.5vw; color:#fff; font-size:1.25vw;}
.qa.case > .q > span {font-size:0.9375vw;}
.qa > .a {padding:1.5625vw; border:1px solid #f8f3ec; border-radius:0 0 1.0416666666666665vw 1.0416666666666665vw;}
.qa > .a > span {color:#f1bd19; font-weight:500;}
.pu-list {padding:1.5625vw; background-color:#f8f3ec; border-radius:0.5208333333333333vw; margin-bottom:1.5625vw;}
.pu-list > li {position:relative; padding-left:1.3020833333333335vw;}
.pu-list > li::before {position:absolute; content:''; top:0.3645833333333333vw; left:0; width:1.0416666666666665vw; height:1.0416666666666665vw; background:url(../images/icon-check.png) 0 0 / 100% auto no-repeat;}
.grid-list {display:grid; grid-template-columns:repeat(3,1fr); gap:1.5625vw;}
.grid-list.cols-2 {grid-template-columns:repeat(2,1fr);}
.grid-list__item figure {margin-bottom:1.0416666666666665vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.grid-list__item h5 {margin-bottom:0.5208333333333333vw; text-align:center; color:#30416b; font-size:1.25vw;}
.grid-list__item p + dl {margin:0;}
.grid-list__item dl {display:flex; align-items:center; margin:0; padding:0;}
.grid-list__item dl:not(:last-child) {border-bottom:1px solid #d2d9e2;}
.grid-list__item dl dt {flex:0 0 6.770833333333333vw; padding:0.3645833333333333vw 1.0416666666666665vw; font-size:1.1458333333333333vw;}
.grid-list__item dl dd {flex:1; margin:0; padding:0.3645833333333333vw 0;}
.aside {display:flex; align-items:center; gap:1.5625vw; margin-top:2.083333333333333vw; padding:1.5625vw; background-color:#f8f3ec; border-radius:1.0416666666666665vw 1.0416666666666665vw;}
.aside > figure {flex:0 0 18.854166666666668vw;}
.aside > p {flex:1; padding:1.5625vw; background-color:#fff; border-radius:1.0416666666666665vw;}
.basic-title {margin-bottom:1.5625vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}
.basic-title.gray {background-color:#989898;}
.basic-text span {color:#f1bd19; font-weight:500;}
.flow-list {display:flex; flex-direction:column; gap:1.5625vw; margin-bottom:2.083333333333333vw;}
.flow-list__item {display:flex;}
.flow-list__item > span {flex:0 0 18.75vw; display:flex; justify-content:center; align-items:center; background-color:#f1bd19; border-radius:1.0416666666666665vw 0 0 1.0416666666666665vw; color:#fff; font-size:1.1458333333333333vw;}
.flow-list__item h5 {flex:1; padding:2.083333333333333vw; border:1px solid #f8f3ec; border-radius:0 1.0416666666666665vw 1.0416666666666665vw 0; font-size:1.0416666666666665vw;}
.flow-list__item h5 span {color:#f1bd19; font-weight:500;}
.price-table {width:100%; border-collapse:collapse; margin-bottom:1.0416666666666665vw;}
.price-row {display:flex; border-bottom:1px solid #30416b;}
.price-row:last-child {border-bottom:none;}
.price-cell {padding:1.5625vw; flex:1; text-align:left; border-right:1px solid #30416b;}
.price-cell:last-child {border-right:none;}
.price-cell:nth-child(2) {flex:2;}
.price-cell:nth-child(3) {flex:3;}

/* content */
.hero {position:relative; overflow:hidden;}
.hero-slider {margin-left:2.604166666666667vw;}
.heroSwiper {overflow:visible;}
.hero-slider .swiper-slide {height:39.0625vw; background-position:center center; background-size:cover; border-radius:7.291666666666667vw 0 0 0;}
.hero-slider .swiper-pagination {position:absolute; bottom:2.604166666666667vw; left:-2.604166666666667vw; width:2.604166666666667vw; background:none; height:auto !important; border-radius:0; display:flex; flex-direction:column; align-items:center; gap:0.5208333333333333vw;}
.hero-slider .swiper-pagination-bullet {margin:0;}
.hero-overlay {position:absolute; top:50%; left:calc(50% - 2.604166666666667vw); transform:translate(-50%, -50%); color:#fff; text-align:center; z-index:10;}
.hero-overlay h3 {margin-bottom:0.5208333333333333vw; font-size:3.125vw; font-family:'Red Hat Display', 'Zen Maru Gothic'; font-weight:500; letter-spacing:.25em; color:#fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);}
.hero-overlay p {font-size:1.5625vw; font-weight:400; letter-spacing:.25em;}
.hero-news {position:absolute; bottom:3.125vw; left:50%; display:flex; width:54.53125vw; height:5.208333333333334vw; padding:1.0416666666666665vw 3.125vw; background-color:rgba(255, 255, 255, .9); border-radius:0.5208333333333333vw; transform:translate(-50%, -50%); z-index:10;}
.hero-news-notice {flex:1; display:flex; align-items:center; gap:2.604166666666667vw;}
.hero-news-notice span:nth-child(1) {font-size:0.9375vw;}
.hero-news-notice span:nth-child(2) {font-size:0.8333333333333334vw; color:#1a57b1;}
.hero-news-notice span:nth-child(3) {font-size:0.9375vw;}
.hero-news-button {flex:0 0 auto; margin-left:2.604166666666667vw; padding-left:2.604166666666667vw; border-left:1px solid #30416b;}
.hero-banner {position:absolute; bottom:20px; left:150px; width:500px; z-index:10;}
.hero-banner:hover {opacity:0.7;}
.hero-banner2 {position:absolute; bottom:20px; right:437px; width:267px; z-index:10;}
.hero-banner2:hover {opacity:0.7;}
.hero-banner3 {position:absolute; bottom:20px; right:150px; width:267px; z-index:10;}
.hero-banner3:hover {opacity:0.7;}
.recommend h2 {margin-bottom:20px; font-size:2.604166666666667vw;}
.recommend h2 span {color:#f1bd19; font-weight:500;}
.recommend ul li {position:relative; padding-left:30px; font-size:1.0416666666666665vw;}
.recommend ul li::before {position:absolute; top:0; left:0; content:''; font-family:'Font Awesome 6 Free'; font-weight:900; content:'\f14a'; color:#f1bd19;}
.recommend .row {display:flex; align-items:center; gap:1.5625vw;}
.recommend .row figure {flex:1; border-radius:2.604166666666667vw; overflow:hidden;}
.recommend .row .text {flex:1;}
.about {padding-top:10.416666666666668vw;}
.about .floating-text {top:8.854166666666668vw;}
.about .text {position:relative; display:flex; gap:1.8229166666666667vw;}
.about .text::before {position:absolute; content:''; top:7.8125vw; left:-7.8125vw; width:20.833333333333336vw; height:20.3125vw; background:url(../images/bg-about.png) 0 0 / 100% auto no-repeat; z-index:-1; animation:fuwafuwa 3s ease-in-out infinite alternate;}
@keyframes fuwafuwa {
    0% {
        transform:translate(0, 0) rotate(-7deg);
    }
    50% {
        transform:translate(0, -2.604166666666667vw) rotate(0deg);
    }
    100% {
        transform:translate(0, 0) rotate(7deg);
    }
}
.about .text > h2 {flex:0 0 auto; font-size:2.604166666666667vw;}
.about .text > h2 span {color:#f1bd19; font-weight:500;}
.about .text > p {flex:1; margin-top:10.416666666666668vw; line-height:2.5;}
.about .text.reverse::before {left:inherit; right:-7.8125vw; background-image:url(../images/bg-about-reverse.png);}
.about .text.reverse > h2 {order:1;}
.about .text.reverse > p {order:0;}
.about-slider {margin-left:calc((100% - 71.14583333333333vw) / 2);}
.original-list {display:flex; justify-content:center; gap:2.083333333333333vw; margin-bottom:2.604166666666667vw;}
.original-grid {display:none; grid-template-columns:repeat(3,1fr); gap:1.5625vw}
.original-grid.show {display:grid;}
.original-grid__item a {display:block;}
.original-grid__item figure {position:relative; border-radius:0.5208333333333333vw; overflow:hidden; margin-bottom:1.5625vw;}
.original-grid__item figure .overlay {position:absolute; content:''; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); color:#fff; opacity:0; transition:all .2s ease-in-out;}
.original-grid__item figure .overlay span {position:relative; padding-right:2.604166666666667vw; font-size:1.25vw;}
.original-grid__item figure .overlay span::before {position:absolute; content:''; top:50%; right:0; width:1.25vw; height:1.25vw; background:url(../images/arrow.svg) 0 0 / 100% auto no-repeat; transform:translateY(-50%);}
.original-grid__item a:hover figure .overlay {opacity:1;}
.original-grid__item a figure img {transition:all .2s ease-in-out;}
.original-grid__item a:hover figure img {transform:scale(1.2);}
.original-grid__item h3 {font-size:1.25vw; text-align:center; margin-bottom:1.0416666666666665vw;}
.original-grid__item p {margin-top:5px}
.feature-text {text-align:center;}
.feature-text p {display:inline-block; text-align:left; margin-bottom:1.0416666666666665vw; font-size:1.25vw;}
.feature-text p span {color:#f1bd19; font-weight:500;}
.feature-list__item {display:flex; align-items:center; gap:3.125vw;}
.feature-list__item:not(:last-child) {margin-bottom:1.5625vw; padding-bottom:1.5625vw; border-bottom:1px solid #f8f3ec}
.feature-list__item .thumbnail {position:relative; flex:0 0 300px; border-radius:1.0416666666666665vw; overflow:hidden;}
.feature-list__item .text {flex:1; display:flex; gap:1.0416666666666665vw;}
.feature-list__item .text figure {flex:0 0 5.208333333333334vw;}
.feature-list__item .text h3 {margin-bottom:0.5208333333333333vw;}
.feature-list__item .text h3 span {color:#f1bd19;}
.feature-list__item .cta {}
.feature-list__item:nth-child(even) .thumbnail {order:1;}
.feature-list__item:nth-child(even) .text {order:0;}
.feature-list__item:nth-child(even) .cta {order:2;}
.feature-content .map {color:#f1bd19;}
.pickup-list {display:flex; flex-direction:column; gap:3.125vw;}
.pickup-list__item {padding:2.083333333333333vw; border-radius:1.0416666666666665vw; background-color:#f8f3ec;}
.pickup-list__item .row {display:flex; align-items:flex-start; gap:1.5625vw;}
.pickup-list__item .row figure {flex:1; border-radius:1.0416666666666665vw; overflow:hidden;}
.pickup-list__item .row .text {flex:1;}
.pickup-list__item .row .text h3 {margin-bottom:1.0416666666666665vw; font-size:1.5625vw;}
.pickup-list__item .row .text .text-icon {display:flex; flex-direction:column; align-items:flex-start; gap:0.5208333333333333vw; margin-bottom:1.0416666666666665vw;}
.pickup-list__item .row .text .text-icon span {padding:0.26041666666666663vw 1.0416666666666665vw; border:1px solid #30416b; border-radius:2.083333333333333vw; font-size:0.9375vw; line-height:1;}
.pickup-list__item .row .text h4 {margin-bottom:0.5208333333333333vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}
.pickup-list__item .row .text h4.gray {background-color:#989898;}
.pickup-list__item .row .text p {padding:0.26041666666666663vw 1.0416666666666665vw; background-color:#fff; border-radius:0.5208333333333333vw;}
.pickup-list__item .cta {display:flex; justify-content:center; gap:1.5625vw; margin-top:1.5625vw;}
.pickup-list__item .cta > div {flex:1; display:flex; flex-direction:column; align-items:center; gap:0.5208333333333333vw;}
.t-flow-list {display:flex; flex-direction:column; gap:3.125vw;}
.t-flow-list__item {display:flex; align-items:center; gap:3.125vw;}
.t-flow-list__item figure {position:relative; flex:1; border-radius:1.0416666666666665vw; overflow:hidden;}
.t-flow-list__item .text {flex:1;}
.t-flow-list__item .text h3 {position:relative; margin-bottom:1.0416666666666665vw; padding-left:140px; font-size:20px; font-size:1.25vw;}
.t-flow-list__item .text h3 span {position:absolute; top:0; left:0; width:120px; text-align:center; background-color:#f1bd19; color:#fff; font-size:20px; padding:8px;}
.t-flow-list__item .text h3 span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px; /* spanの外側に配置 */
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 10px solid #f1bd19; /* ← 右向き */
}
.price-text {text-align:center;}
.price-text p {display:inline-block; text-align:left; margin-bottom:4.166666666666666vw; font-size:1.5625vw;}
.floating {}
.floating .floating-text {position:relative; top:5.208333333333334vw;}
.greeting-row {display:flex; gap:2.604166666666667vw;}
.greeting-row figure {flex:0 0 31.25vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.greeting-row .text {flex:1;}
.greeting-row .text p {font-size:0.9375vw;}
.greeting-row .text p:nth-child(2) {text-align:right;}
.greeting-row .text p span {margin-left:0.5208333333333333vw; font-size:1.3541666666666667vw;}
.greeting-row .text .more {justify-content:flex-end;}

.information {background-color:#f8f3ec;}
.information-row__col figure {width:26.614583333333336vw; margin-bottom:2.083333333333333vw;}
.information-row {display:flex; gap:2.604166666666667vw;}
.information-row__col:nth-child(1) {flex:0 0 auto;}
.information-row__col:nth-child(2) {flex:1;}
.information-contact {display:flex; flex-direction:column; gap:1.0416666666666665vw; margin-bottom:1.5625vw;}
.information-contact span {display:inline-flex; justify-content:center; align-items:center; width:5.989583333333334vw; height:2.604166666666667vw; margin-right:1.5625vw; background-color:#c8a064; border-radius:2.604166666666667vw; color:#fff;}
.information-contact .number {font-size:1.5625vw; font-weight:700;}
.information-contact .map {margin-left:1.5625vw; color:#f1bd19;}
.information-bh table {width:100%; border-collapse:collapse; margin-bottom:0.5208333333333333vw;}
.information-bh table th,
.information-bh table td {padding:0.5208333333333333vw 1.5625vw; background-color:#fff; border:1px solid #f8f3ec; font-size:0.9375vw;}
.information-bh table tbody td {color:#f1bd19;}
.embed {position:relative; padding-top:100%; border-radius:1.0416666666666665vw; overflow:hidden;}
.embed iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.footer-row {display:flex; justify-content:space-between; padding:4.166666666666666vw 0;}
.footer-row a:hover {color:#f1bd19;}
.footer-about {}
.footer-nav {display:flex; gap:2.604166666666667vw;}
.footer-nav-list {list-style:none; padding:0; margin:0;}
.footer-nav-list li a {text-decoration:none; color:inherit;}
.footer-nav-list .menu-item-has-children > a {pointer-events:none;}
.footer-nav-list li ul {list-style:none; padding:0 0 0 1.0416666666666665vw; margin:0;}
.footer-copyright {padding:1.5625vw 0; text-align:center;}

.-pc {display:block;}
.-sp {display:none;}

.floating-nav {position:fixed; display:flex; transform:translateX(110%); flex-direction:column; gap:1.8229166666666667vw; top:15.625vw; right:0; width:4.166666666666666vw; z-index:10000; transition:all .2s ease-in-out;}
.floating-nav > a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0.5208333333333333vw; height:17.708333333333336vw; border-radius:0.5208333333333333vw 0 0 0.5208333333333333vw; color:#fff !important; box-shadow:0 0 1.0416666666666665vw rgba(0, 0, 0, .175);}
.floating-nav > a img {width:1.40625vw;}
.floating-nav > a span {writing-mode:vertical-rl; margin-left:-4px; letter-spacing:.1em;}
.floating-nav.active {transform:translateX(0);}

/* page */
.page-header {padding-top:5.208333333333334vw; background-color:#f8f3ec;}
.page-header .row {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2.604166666666667vw;}
.page-header .row > .col:nth-child(1) {flex:1;}
.page-header .row > .col:nth-child(2) {flex:0 0 auto;}
.page-header-title {}
.page-header-title > span {display:block;}
.page-header figure {margin-right:calc((100% - 71.14583333333333vw) / 2); border-radius:0 7.291666666666667vw 0 0; overflow:hidden;}

/* doctor */
.doctor-row {display:flex; gap:2.604166666666667vw; margin-bottom:2.604166666666667vw;}
.doctor-row figure {flex:0 0 31.25vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.doctor-row .text {flex:1;}
.doctor-row .text h3 {margin-bottom:1.0416666666666665vw; font-size:1.5625vw;}
.doctor-row .text p {font-size:1.0416666666666665vw;}
.doctor-history {margin-bottom:3.125vw;}
.doctor-history dl {display:flex; align-items:center; margin:0; padding:0 6.770833333333333vw; border-bottom:1px solid #d2d9e2;}
.doctor-history dl:first-child {border-top:1px solid #d2d9e2;}
.doctor-history dl dt {flex:0 0 auto; padding:1.0416666666666665vw 6.770833333333333vw 1.0416666666666665vw 0; font-size:1.1458333333333333vw;}
.doctor-history dl dd {flex:1; padding:1.0416666666666665vw 0;}
.doctor-seminar {}
.doctor-seminar h3 {margin-bottom:1.5625vw; text-align:center; font-size:1.5625vw;}
.doctor-seminar-banner {display:flex; gap:2.083333333333333vw;}
.doctor-seminar-banner figcaption {margin:10px 0; text-align:center; font-size:0.8999999999999999vw;}

/* feature */
.feature-nav-list {display:grid; grid-template-columns:repeat(3,1fr); gap:2.083333333333333vw; margin-bottom:3.125vw;}
.feature-heading {margin-bottom:2.083333333333333vw; text-align:center; font-size:1.5625vw;}
.feature-content .row {display:flex; align-items:flex-start; gap:1.5625vw;}
.feature-content .row figure {flex:0 0 28.020833333333332vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.feature-content .row .text {flex:1;}
.feature-content .row .text h3 {margin-bottom:1.0416666666666665vw; font-size:1.5625vw;}
.feature-content .row .text .text-icon {display:flex; flex-direction:column; align-items:flex-start; gap:0.5208333333333333vw; margin-bottom:1.0416666666666665vw;}
.feature-content .row .text .text-icon span {padding:0.26041666666666663vw 1.0416666666666665vw; border:1px solid #30416b; border-radius:2.083333333333333vw; font-size:0.9375vw; line-height:1;}
.feature-content .row .text h4 {margin-bottom:1.5625vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}
.feature-content .row .text p span {color:#3b4a71; font-size:1.25vw;}
.feature-content .row .text p:not(:last-child) {margin-bottom:1.5625vw;}
.feature-content-title {margin-bottom:1.5625vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}

/* about */
.about-box {margin-bottom:1.5625vw; padding:1.5625vw; background-color:#f8f3ec; border-radius:1.0416666666666665vw;}
.about-box-inner {position:relative; padding:1.5625vw; background-color:#fff; border-radius:1.0416666666666665vw;}
.about-box-inner.wi::before {position:absolute; content:''; bottom:1.5625vw; right:1.5625vw; width:16.71875vw; height:17.083333333333332vw; background:url(../images/about/about-1.png) 0 0 / 100% auto no-repeat;}
.about-box .row {display:flex; align-items:flex-start; gap:1.5625vw;}
.about-box .row figure {flex:0 0 23.489583333333332vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.about-box .row .text {flex:1;}
.about-box .row .text h4 {margin-bottom:0.5208333333333333vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}
.about-box .row .text p {padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#fff; border-radius:0.5208333333333333vw;}
.about-box .row .text p span {color:#f1bd19; font-weight:500;}

/* iv */
.iv-box {margin-bottom:1.5625vw; padding:1.5625vw; background-color:#f8f3ec; border-radius:1.0416666666666665vw;}
.iv-box-inner {position:relative; padding:1.5625vw; background-color:#fff; border-radius:1.0416666666666665vw;}
.iv-box-inner.wi::before {position:absolute; content:''; bottom:1.5625vw; right:1.5625vw; width:16.71875vw; height:17.083333333333332vw; background:url(../images/about/about-1.png) 0 0 / 100% auto no-repeat;}
.iv-box .row {display:flex; align-items:flex-start; gap:1.5625vw;}
.iv-box .row figure {flex:0 0 31.510416666666668vw; border-radius:1.0416666666666665vw; overflow:hidden;}
.iv-box .row .text {flex:1;}
.iv-box .row .text h4 {margin-bottom:0.5208333333333333vw; padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#f1bd19; border-radius:0.5208333333333333vw; color:#fff; line-height:1;}
.iv-box .row .text p {padding:0.3645833333333333vw 1.0416666666666665vw; background-color:#fff; border-radius:0.5208333333333333vw;}
.iv-box .row .text p span {color:#f1bd19; font-weight:500;}
.iv-youtube {margin-bottom:1.5625vw; padding:1.5625vw; background-color:#f8f3ec; border-radius:1.0416666666666665vw;}
.iv-youtube iframe {display:block; width:100%; height:auto; aspect-ratio: 16 / 9; border-radius:1.0416666666666665vw;}

@media (max-width:767px) {
    /* common */
    body {min-width:inherit; font-size:14px;}
    .breadcrumbs > span {font-size:12px;}
    .breadcrumbs > span:not(:last-child) {padding-right:30px;}
    .breadcrumbs > span:not(:last-child)::before {right:5px; width:20px;}

    /* util */
    .container {min-width:inherit; max-width:inherit; padding-left:20px; padding-right:20px;}
    .button {width:100%; height:auto; padding:8px 20px; border-radius:30px; font-size:14px;}
    .button.wi {padding-right:35px;}
    .button.wi::before {right:10px; width:15px; height:15px;}
    .button.sm,
    .button.lg {width:100%; height:auto; border-radius:30px; font-size:14px;}
    .floating-text {gap:20px;}
    .floating-text-inner {font-size:50px;}

    /* header */
    .header {min-width:inherit;}
    .header-inner {align-items:center; height:60px; padding:0 20px;}
    .header-brand {width:150px; margin:0 auto 0 0;}
    .button-hamburger {position:relative; display:block; width:35px; height:35px; margin:0; padding:0; background:none; border:1px solid #30416b; border-radius:5px; cursor:pointer; z-index:100;}
    .button-hamburger-bar {position:absolute; content:''; left:50%; width:15px; height:2px; background-color:#30416b; border-radius:2px; transition:all .2s ease-in-out; transform:translateX(-50%);}
    .button-hamburger .button-hamburger-bar:nth-child(1) {top:calc(50% - 7px);}
    .button-hamburger .button-hamburger-bar:nth-child(2) {top:calc(50% - 1px);}
    .button-hamburger .button-hamburger-bar:nth-child(3) {top:calc(50% + 5px);}
    .button-hamburger.open .button-hamburger-bar:nth-child(1) {transform:rotate(45deg); top:calc(50% - 1px); width:15px; left:calc(50% - 7.5px); height:2px;}
    .button-hamburger.open .button-hamburger-bar:nth-child(2) {opacity:0;}
    .button-hamburger.open .button-hamburger-bar:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px); width:15px; left:calc(50% - 7.5px); height:2px;}
    .header-nav {display:none; position:absolute; top:60px; left:0; width:100%; padding:20px; background-color:#fff;}
    .header-nav-cta {display:none;}
    .header-nav-global {flex-direction:column; gap:10px; height:auto; padding:20px 0; border-radius:10px;}
    .header-nav-global > li > a {justify-content:flex-start; padding:0 20px; font-size:14px;}
    .header-nav-global > li.has-child > a {padding-right:0;}
    .header-nav-global > li.has-child > a::before {right:20px; width:15px; height:15px;}
    .header-nav-global-child {position:static; padding:10px 20px;}
    .header-nav-global-child-list {width:100%; padding:10px; border-radius:10px;}
    .header-nav-global-child-list > li > a {padding:5px 10px; border-radius:5px;}
    .header-nav-global-child-list > li:not(:last-child) {margin-bottom:10px;}
    .header.scrolling .header-inner {height:60px;}
    .header.scrolling .header-brand {width:150px;}

    /* mod */
    .section {padding-top:50px; padding-bottom:50px;}
    .page-section {padding-top:80px; padding-bottom:30px;}
    .heading {margin-bottom:30px;}
    .heading-ja {margin-bottom:10px; font-size:18px; line-height:1.5;}
    .heading-en {font-size:14px;}
    .description {margin-bottom:20px !important; font-size:14px;}
    .content:not(:last-child) {margin-bottom:30px;}
    .content-pt {padding-top:30px;}
    .qa {margin-bottom:10px;}
    .qa.news > .q {flex-direction:column; align-items:flex-start;}
    .qa > .q {padding:10px; border-radius:5px 0 0; font-size:16px;}
    .qa > .q > .meta {gap:10px; margin-right:0; margin-bottom:5px;}
    .qa > .q > .meta .cat {padding:0 5px; border-radius:5px; font-size:12px;}
    .qa > .q > .meta .date {font-size:16px;}
    .qa > .q > span {width:25px; height:25px; margin-right:5px; border-radius:25px; font-size:16px;}
    .qa.case > .q > span {font-size:10px;}
    .qa > .a {padding:10px; border-radius:0 0 5px 5px;}
    .pu-list {padding:10px; border-radius:5px;}
    .pu-list > li {padding-left:20px;}
    .pu-list > li::before {top:5px; width:14px; height:14px;}
    .grid-list {grid-template-columns:repeat(1,1fr); gap:20px;}
    .grid-list.cols-2 {grid-template-columns:repeat(1,1fr);}
    .grid-list__item figure {margin-bottom:20px; border-radius:10px;}
    .grid-list__item h5 {margin-bottom:10px; font-size:16px;}
    .grid-list__item dl dt,
    .grid-list__item dl dd {padding:5px 10px;}
    .grid-list__item dl dt {flex:0 0 100px; font-size:14px;}
    .aside {flex-direction:column; gap:10px; margin-top:30px; padding:10px; border-radius:10px;}
    .aside > figure {flex:1;}
    .aside > figure img {max-width:200px;}
    .aside > p {padding:10px; border-radius:10px;}
    .basic-title {margin-bottom:10px; padding:5px 10px; border-radius:5px; line-height:1.5;}
    .basic-text span {font-size:16px;}
    .flow-list {gap:10px; margin-bottom:20px;}
    .flow-list__item {}
    .flow-list__item > span {flex:0 0 100px; border-radius:5px 0 0 5px; color:#fff; font-size:16px;}
    .flow-list__item h5 {padding:10px; border-radius:0 5px 5px 0; font-size:14px;}
    .price-cell {padding:10px; font-size:12px;}
    .hero-slider {margin-left:20px;}
    .hero-slider .swiper-slide {height:250px; border-radius:20px 0 0 0;}
    .hero-slider .swiper-pagination {bottom:10px; left:-15px; width:10px; gap:5px;}
    .hero-overlay {left:20px; top:100px; transform:none; width:calc(100% - 20px); padding:0 20px;}
    .hero-overlay h3 {margin-bottom:10px; font-size:20px;}
    .hero-overlay p {font-size:14px;}
    .hero-news {position:static; flex-direction:column; gap:10px; transform:none; width:auto; height:auto; margin:20px; padding:10px 20px; border-radius:5px; background-color:#f8f3ec;}
    .hero-news-notice {flex-wrap:wrap; gap:5px 10px;}
    .hero-news-notice span:nth-child(1) {font-size:12px;}
    .hero-news-notice span:nth-child(2) {font-size:12px;}
    .hero-news-notice span:nth-child(3) {width:100%; font-size:12px;}
    .hero-news-button {margin-left:0; padding-left:0; border-left:none;}
    .hero-banner {position:static; width:auto; padding:20px 20px 0;}
    .hero-banner2 {bottom:10px; right:170px; width:150px;}
    .hero-banner3 {bottom:10px; right:10px; width:150px;}
	.recommend h2 {font-size:20px;}
    .recommend .row {flex-direction:column; gap:10px;}
	.recommend ul li {padding-left:20px; font-size:14px;}
    .about .floating-text {top:40px;}
    .about .text {gap:10px; flex-direction:column;}
    .about .text h2 {order:1;}
    .about .text figure {order:0;}
    .about .text::before {left:inherit; right:0; width:150px; height:146px;}
    .about .text > h2 {font-size:18px;}
    .about .text > p {margin-top:0; line-height:2;}
    .about .text.reverse > h2,
    .about .text.reverse > p {order:inherit;}
    .original-list {flex-direction:column; gap:10px; margin-bottom:20px;}
    .original-grid {grid-template-columns:repeat(1, 1fr); gap:20px;}
	.original-grid__item h3 {font-size:20px;}
	.original-grid__item figure {margin-bottom:12px;}
    .feature-text p {margin-bottom:20px; font-size:14px;}
    .feature-list__item {flex-direction:column; align-items:stretch; gap:20px;}
    .feature-list__item:not(:last-child) {margin-bottom:20px; padding-bottom:20px;}
    .feature-list__item .thumbnail {order:1 !important;}
    .feature-list__item .text {order:0 !important;}
    .feature-list__item .thumbnail,
    .feature-list__item .cta {flex:1;}
    .feature-list__item .thumbnail {border-radius:10px;}
    .feature-list__item .text {flex-direction:column; gap:10px;}
    .feature-list__item .text figure {max-width:70px;}
    .feature-list__item .text h3 {margin-bottom:10px; font-size:16px;}
    .pickup-list {gap:20px;}
    .pickup-list__item {padding:10px; border-radius:5px;}
    .pickup-list__item .row {flex-direction:column; align-items:stretch; gap:10px;}
    .pickup-list__item .row figure {border-radius:5px;}
    .pickup-list__item .row .text h3 {margin-bottom:10px; font-size:16px;}
    .pickup-list__item .row .text .text-icon {gap:5px; margin-bottom:10px;}
    .pickup-list__item .row .text .text-icon span {padding:5px 10px; border-radius:30px; font-size:10px;}
    .pickup-list__item .row .text h4 {margin-bottom:5px; padding:5px 10px; border-radius:5px;}
    .pickup-list__item .row .text p {padding:10px; border-radius:5px; font-size:12px;}
    .pickup-list__item .cta {gap:20px; margin-top:20px; flex-direction:column;}
    .pickup-list__item .cta > div {align-items:flex-start; gap:10px;}
    .pickup-list__item .cta > div > p {padding:0 10px;}
    .t-flow-list {gap:30px;}
    .t-flow-list__item {flex-direction:column; gap:20px;}
    .t-flow-list__item .text h3 {padding-left:112px; font-size:16px; margin-bottom:10px;}
    .t-flow-list__item .text h3 span {width:94px; font-size:16px; padding:0;}
    .t-flow-list__item .text h3 span::before {border-top:12px solid transparent; border-bottom:12px solid transparent;}
    .price-text p {margin-bottom:20px; font-size:14px;}
    .greeting-row {flex-direction:column; align-items:stretch; gap:10px;}
    .greeting-row figure {flex:1; border-radius:10px;}
    .greeting-row .text p {font-size:12px;}
    .greeting-row .text p span {font-size:16px;}
    .information-row__col figure {width:150px; margin-bottom:10px;}
    .information-contact {gap:10px; margin-bottom:20px;}
    .information-contact span {width:55px; height:25px; margin-right:10px; border-radius:30px;}
    .information-contact .number {font-size:20px;}
    .information-contact .map {display:block; margin-left:65px;}
    .information-row {flex-direction:column; gap:20px;}
    .information-bh table {margin-bottom:10px;}
    .information-bh table th,
    .information-bh table td {padding:5px; font-size:14px;}

    .footer-row {flex-direction:column; gap:20px;}
    .footer-nav {flex-wrap:wrap; gap:20px;}
    .footer-nav-list {flex:0 0 calc(50% - 10px);}
    .footer-nav-list li ul {padding-left:10px;}

    .-pc {display:none;}
    .-sp {display:block;}

    .floating-nav {position:fixed; display:flex; flex-direction:row; justify-content:center; transform:translate(0, 110%); gap:10px; top:inherit; right:inherit; bottom:0; left:0; width:100%; padding:0;}
    .floating-nav > a {flex:0 0 calc(50% - 25px); display:flex; flex-direction:row; gap:5px; height:40px; border-radius:5px 5px 0 0; box-shadow:0 0 10px rgba(0, 0, 0, .175);}
    .floating-nav > a img {width:20px;}
    .floating-nav > a span {writing-mode:inherit; margin-left:0; letter-spacing:0; font-size:12px;}
    .floating-nav.active {transform:translate(0, 0);}

    /* page */
    .page-header {padding-top:30px;}
    .page-header .row {flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:20px;}
    .page-header .row > .col:nth-child(1) {flex:1;}
    .page-header .row > .col:nth-child(2) {flex:0 0 auto;}
    .page-header-title {}
    .page-header-title > span {display:block;}
    .page-header figure {margin-right:20px; border-radius:0 20px 0 0;}

    /* doctor */
    .doctor-row {flex-direction:column; align-items:stretch; gap:10px; margin-bottom:20px;}
    .doctor-row figure {flex:1; margin-bottom:10px; border-radius:10px;}
    .doctor-row .text p {font-size:12px;}
    .doctor-row .text h3 {margin-bottom:10px; font-size:16px;}
    .doctor-history {margin-bottom:20px;}
    .doctor-history dl {flex-direction:column; align-items:flex-start; gap:0 10px; padding:0 10px;}
    .doctor-history dl dt {flex:1; padding:10px 0 0; font-size:16px;}
    .doctor-history dl dd {flex:1; margin-left:0; padding:0 0 10px 0;}
    .doctor-seminar h3 {margin-bottom:10px; font-size:16px;}
    .doctor-seminar-banner {flex-direction:column; gap:10px;}

    /* feature */
    .feature-nav-list {grid-template-columns:repeat(1,1fr); gap:10px; margin-bottom:20px;}
    .feature-heading {margin-bottom:10px; font-size:16px;}
    .feature-content .row {flex-direction:column; gap:20px;}
    .feature-content .row figure {flex:1; border-radius:10px;}
    .feature-content .row .text h4 {margin-bottom:10px; padding:5px 10px; border-radius:5px; line-height:1.5;}
    .feature-content .row .text p span {font-size:16px;}
    .feature-content .row .text p:not(:last-child) {margin-bottom:10px;}
    .feature-content-title {margin-bottom:10px; padding:5px 20px; border-radius:5px; line-height:1.5;}

    /* about */
    .about-box {margin-bottom:20px; padding:10px; border-radius:10px;}
    .about-box-inner {padding:10px; border-radius:10px;}
    .about-box-inner.wi {padding-bottom:120px;}
    .about-box-inner.wi::before {bottom:10px; left:calc(50% - 50px); right:inherit; width:100px; height:102px;}
    .about-box .row {flex-direction:column; gap:20px;}
    .about-box .row figure {flex:1; border-radius:10px;}
    .about-box .row .text {}
    .about-box .row .text h4 {margin-bottom:5px; padding:5px 10px; border-radius:5px;}
    .about-box .row .text p {padding:5px 10px; border-radius:5px;}

    /* iv */
    .iv-box {margin-bottom:20px; padding:10px; border-radius:10px;}
    .iv-box-inner {padding:10px; border-radius:10px;}
    .iv-box-inner.wi {padding-bottom:120px;}
    .iv-box-inner.wi::before {bottom:10px; left:calc(50% - 50px); right:inherit; width:100px; height:102px;}
    .iv-box .row {flex-direction:column; gap:20px;}
    .iv-box .row figure {flex:1; border-radius:10px;}
    .iv-box .row .text {}
    .iv-box .row .text h4 {margin-bottom:5px; padding:5px 10px; border-radius:5px;}
    .iv-box .row .text p {padding:5px 10px; border-radius:5px;}
}


/* about slider */
.swiper_nav {
  max-width: 35.5rem;
  margin-bottom: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 48rem) {
  .swiper_nav {
    max-width: 21rem;
  }
}

.scrollbar_container {
  max-width: 12rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scrollbar_container::before, .scrollbar_container::after {
  content: "";
  color: #f1bd19;
  font-size: clamp(1rem, 0.847rem + 0.65vw, 1.5rem);
}
.scrollbar_container::before {
  content: "01";
}
.scrollbar_container::after {
  content: "05";
}

.scrollbar_inner {
  margin: 0 1.25rem;
  width: 100%;
}

.swiper-pagination {
  background: #EDEDED;
  width: 100%;
  height: 0.125rem !important;
  z-index: 50;
  border-radius: 0.625rem;
  position: static;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #f1bd19;
}

.nav_button_container {
  max-width: 7rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav_button {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  display: block;
  padding: 0 0 0 2.5rem;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav_button::before, .nav_button::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.nav_button::before {
  left: -0.125rem;
  width: 0.75rem;
  height: 0.125rem;
  background: #f1bd19;
}
.nav_button::after {
  left: 0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  border-top: 0.125rem solid #f1bd19;
  border-right: 0.125rem solid #f1bd19;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav_button:hover {
  background-color: #f1bd19;
}
.nav_button:hover::before {
  background-color: #fff;
}
.nav_button:hover::after {
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
}

.swiper_button_prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper_button_prev img {
  vertical-align: top;
}
.swiper_button_prev:hover {
  -webkit-transform: scale(1.2) rotate(180deg);
          transform: scale(1.2) rotate(180deg);
}

.swiper_button_next:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.swiper_container {
  position: relative;
  overflow: hidden;
  padding: 1.25rem 0;
  min-height: 28.125rem;
}
@media (max-width: 48rem) {
  .swiper_container {
    min-height: 18.75rem;
  }
}
@media (max-width: 40.625rem) {
  .swiper_container {
    min-height: 12rem;
  }
}

.topSwiper {
  max-width: 37.5rem;
  overflow: visible;
  position: absolute;
  top: 3%;
  left: 0;
}
@media (max-width: 48rem) {
  .topSwiper {
    max-width: 22rem;
  }
}
@media (max-width: 40.625rem) {
  .topSwiper {
    max-width: 15rem;
  }
}

.swiper-slide {
  padding-right: 4%;
  will-change: transform, opacity;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: transform;
}
.swiper-slide span {
  display: block;
  overflow: hidden;
  border-radius: 0.75rem;
  will-change: transform;
}