@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
.c-drawer__inner {
margin-top: 20%;
}
.c-drawer li {
background: #C3AB92;
margin-bottom: 8px;
padding: 12px;
}
.c-drawer__inner ul li {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.c-hamburger-btn {
color: #C3AB92;
}
.l-header .c-hamburger-btn__bar {
background-color: #C3AB92 !important;
}
.c-hamburger-btn[aria-expanded=true] > .c-hamburger-btn__bars > .c-hamburger-btn__bar:nth-of-type(2) {
background-color: transparent !important;
}
@media screen and (max-width: 519px) {
.is-pc {
display: none;
}
}
@media screen and (min-width: 960px) {
.is-sp {
display: none;
}
}
@media screen and (min-width: 520px) and (max-width: 959px) {
.is-sp {
display: none;
}
}
li.c-meta__item.c-meta__item--author {
display: none;
}
.mt0 {
margin-top: 0 !important;
}
.mt1em {
margin-top: 1em !important;
}
.ff {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
h1.c-page-header__title {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
z-index: 2;
font-size: 1.8rem;
}
@media screen and (max-width: 519px) {
h1.c-page-header__title {
font-size: 1.2rem;
}
}
.c-page-header {
position: relative;
}
.c-page-header::before {
content: "";
width: 100%;
height: 100%;
background: rgba(19, 38, 49, 0.4);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media screen and (max-width: 519px) {
.sp-f12 {
font-size: 12px !important;
}
.sp-f14 {
font-size: 14px !important;
}
.sp-f16 {
font-size: 16px !important;
}
}
.main-btn a {
border-radius: 0 !important;
position: relative;
height: 3rem;
align-items: center;
width: 280px;
}
@media screen and (max-width: 519px) {
.main-btn a {
font-size: 14px;
max-width: 100%;
width: 240px;
}
}
.main-btn a::after {
content: "";
position: absolute;
bottom: 4px;
right: 4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 6px 6px;
border-color: transparent transparent #fff transparent;
transition: 0.3s;
}
.main-btn a:hover {
text-decoration: none;
background-color: #c3ab92;
}
.main-btn a:hover::after {
bottom: 8px;
right: 8px;
}
.c-page-header[data-has-image=true] {
height: clamp(240px, 62.5vw, 500px);
}
@media screen and (max-width: 519px) {
.sp-1.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
margin: 0;
}
} .l-header {
background-color: #132631;
}
:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
background-color: #132631;
}
:not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
display: none;
}
:not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
color: #fff;
}
.p-global-nav .c-navbar__item > a {
color: #fff;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
} @media screen and (max-width: 519px) {
.top {
min-height: 420px !important;
}
}
.top-text-box {
transform: translateY(6rem);
}
@media screen and (max-width: 519px) {
.top-text-box {
transform: translateY(3rem);
}
}
.top-text-box p.top-sub-title {
color: #fff;
font-size: 1.4rem;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
@media screen and (max-width: 519px) {
.top-text-box p.top-sub-title {
font-size: 1.2rem;
}
}
.top-text-box h2.top-title {
background: transparent;
color: #fff;
font-size: 3.2rem;
margin: 0 !important;
line-height: 1.2;
letter-spacing: 0.05em;
font-family: "Noto Serif JP", serif;
border: none !important;
}
@media screen and (max-width: 519px) {
.top-text-box h2.top-title {
font-size: 2.8rem;
}
}
.top-text-box p.top-text {
color: #fff;
font-size: 1.6rem;
letter-spacing: 0.05em;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
@media screen and (max-width: 519px) {
.top-text-box p.top-text {
font-size: 1.4rem;
}
} .news .smb-section__subtitle,
.concept .smb-section__subtitle,
.information .smb-section__subtitle {
margin: 0 !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.concept .smb-section__subtitle {
color: #fff;
}
.news .smb-section__title {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.concept .smb-section__title {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
color: #fff;
}
.information .smb-section__title {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.information .smb-section__subtitle {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
color: #C3AB92;
} p.concept-top {
font-size: 1.4rem;
letter-spacing: 0.08em;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
font-weight: bold;
line-height: 1.5;
}
@media screen and (max-width: 519px) {
p.concept-top {
font-size: 1.2rem;
}
}
@media screen and (max-width: 519px) {
.concept-sub-text {
font-size: 0.8em;
line-height: 1.2;
}
}
p.concept-main-text {
font-size: 1.4rem;
}
@media screen and (max-width: 519px) {
.concept-bottom {
margin-top: 1em !important;
font-size: 14px;
}
} .course .course-panel h3 {
color: #C3AB92;
font-size: 1.4rem !important;
text-align: center;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
line-height: 1.2;
letter-spacing: 0.08em;
}
.course .course-panel .smb-items__item__lede {
font-size: 0.8rem;
text-align: center;
color: #C3AB92;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.course .course-panel .smb-items__item__figure {
height: 280px;
overflow: hidden;
}
@media screen and (max-width: 519px) {
.course .course-panel .smb-items__item__figure {
height: 245px;
}
}
.course .course-panel .smb-items__item__body {
padding: 1em 2em 3em;
}
.course .course-panel .c-row[data-lg-columns="2"] > .c-row__col {
margin-left: 2%;
margin-right: 2%;
background: #242424;
padding: 0 !important;
}
@media screen and (min-width: 960px) {
.course .course-panel .c-row[data-lg-columns="2"] > .c-row__col {
flex: 0 1 46%;
max-width: 50%;
}
}
.course .course-panel .smb-items__item__content {
color: #fff;
} .information .banner .smb-items__banner__figure {
height: 160px;
}
@media screen and (max-width: 519px) {
.information .banner .smb-items__banner__figure {
height: 98px;
}
}
.information .banner .smb-items__banner__action a::before {
content: "";
width: 100%;
height: 85%;
position: absolute;
top: 8%;
left: 0;
right: 0;
background: rgba(53, 72, 86, 0.9);
z-index: 1;
}
.information .banner [data-content-position=center-left] {
align-items: center !important;
justify-content: center !important;
}
.information .banner .smb-items__banner__body-inner {
text-align: center;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
z-index: 2;
}
.information .banner .smb-items__banner__title {
font-size: 1.6rem;
letter-spacing: 0.08em;
}
@media screen and (max-width: 519px) {
.information .banner .smb-items__banner__title {
font-size: 1.3rem;
}
}
.information .banner .smb-items__banner__lede {
font-size: 1rem;
margin-top: 0 !important;
}
@media screen and (max-width: 519px) {
.information .banner .smb-items__banner__lede {
font-size: 0.9em;
}
} h2.border-title {
background: transparent !important;
border-left: none !important;
padding-left: 0 !important;
position: relative;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
h2.border-title::after {
content: "";
width: 40px;
height: 1px;
background: #333;
position: absolute;
bottom: 0;
left: 0;
}
.qa-section .smb-accordion__item__title {
background: transparent !important;
position: relative;
padding-left: 2.5em;
padding-right: 0;
}
.qa-section .smb-accordion__item__title::before {
content: "Q";
background: #132631;
padding: 2px 8px;
color: #fff;
position: absolute;
left: 0;
}
.qa-section .smb-accordion__item__body {
position: relative;
padding-left: 2.5em;
}
.qa-section .smb-accordion__item__body::before {
content: "A";
background: #C3AB92;
padding: 2px 8px;
color: #fff;
position: absolute;
left: 0;
}
.btn-section {
padding-bottom: 0 !important;
}
.btn-section .smb-buttons {
gap: 8px;
}
@media screen and (min-width: 960px) {
.btn-section .smb-buttons {
gap: 16px;
}
}
.btn-section .main-btn a {
border-radius: 0 !important;
position: relative;
height: 64px;
align-items: center;
width: 200px;
}
@media screen and (max-width: 519px) {
.btn-section .main-btn a {
font-size: 14px;
max-width: 168px;
}
}
.btn-section .main-btn a::after {
content: "";
position: absolute;
bottom: 4px;
right: 4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 6px 6px;
border-color: transparent transparent #fff transparent;
transition: 0.3s;
}
.btn-section .main-btn a:hover {
text-decoration: none;
background-color: #c3ab92;
}
.btn-section .main-btn a:hover::after {
bottom: 8px;
right: 8px;
} .flow-img-box img {
height: 280px;
-o-object-fit: cover;
object-fit: cover;
}
.flow-top-text {
color: #132631;
font-size: 1.3rem;
font-weight: bold;
padding: 2em 0 1em;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
@media screen and (max-width: 519px) {
.flow-top-text {
font-size: 1.2em;
}
}
.flow h3.flow-title {
font-weight: normal;
font-size: 1.2rem;
border: none !important;
margin-bottom: 5rem;
position: relative;
}
@media screen and (max-width: 519px) {
.flow h3.flow-title {
font-size: 1rem;
}
}
.flow h3.flow-title::before {
content: "";
width: 1px;
height: 2em;
background: #fff;
position: absolute;
transform: translateX(-50%);
bottom: -3rem;
left: 50%;
}
.flow .flow-sub-title {
border-bottom: 1px solid;
font-size: 1.1rem;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.flow h5 {
margin: 0.5em 0 !important;
}
.flow .flow-panel img {
height: 180px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 519px) {
.flow .flow-panel img {
height: 220px;
}
}
.course-flow {
background: transparent !important;
border: none !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.flow-step span {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
font-size: 1.1rem;
}
.flow-step .smb-step__item__number {
border-radius: 0;
} .plan-title {
background: transparent !important;
border: none !important;
color: #B79977 !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
line-height: 1.3;
font-size: 1.4rem;
}
.plan-title span {
font-size: 1.2rem;
font-weight: normal;
}
@media screen and (max-width: 519px) {
.plan-title span {
font-size: 0.8em;
}
}
.plan-course {
color: #132631 !important;
font-size: 1.2rem;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
font-weight: normal;
border: none !important;
margin-bottom: 0.5em !important;
}
@media screen and (max-width: 519px) {
.plan-course {
font-size: 1.1em;
}
}
@media screen and (max-width: 519px) {
.plan-course-box {
padding: 1em;
}
}
.plan-course-box.box2 {
margin-top: 6rem;
position: relative;
}
@media screen and (max-width: 519px) {
.plan-course-box.box2 {
margin-top: 4rem;
}
}
.plan-course-box.box2::before {
content: "＋";
font-size: 2rem;
font-weight: bold;
color: #B79977;
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 519px) {
.plan-course-box.box2::before {
top: -55%;
}
}
.plan-course-box > div {
border: 0 solid #C3AB92;
border-radius: 0;
text-align: center;
}
.plan-course-time {
font-size: 1.1rem;
font-weight: bold;
color: #B79977 !important;
border-bottom: 1px solid #B79977;
}
@media screen and (max-width: 519px) {
.plan-course-time {
font-size: 1em;
}
}
.plan-course-box.training-box > div {
text-align: left;
}
@media screen and (max-width: 519px) {
p.plan-course-price {
margin-top: 1em !important;
}
}
@media screen and (max-width: 519px) {
.price-list {
font-size: 12px;
}
}
.map iframe {
width: 100%;
}
@media screen and (max-width: 519px) {
.map iframe {
height: 300px;
}
}
.access-title {
background: transparent !important;
border: none !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
font-size: 1.8rem;
line-height: 1.3;
margin: 1em 0 !important;
}
@media screen and (max-width: 519px) {
.access-title {
font-size: 1.4rem;
}
}
.access-title span {
font-size: 0.7em;
font-weight: normal;
}
.information-page .smb-section__subtitle {
color: #fff;
margin-bottom: 0 !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.information-page h2.smb-section__title {
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.information-page .smb-section__body {
margin-top: 1.5em !important;
}
@media screen and (max-width: 519px) {
.flow-box-padding {
padding: 1em;
}
}
@media screen and (max-width: 519px) {
.contact-top {
text-align: left;
}
.contact form#snow-monkey-form-217 {
margin-top: 0 !important;
}
.contact .mt {
margin-top: 0.5em !important;
}
.contact .qr {
margin-top: 0.5em;
}
.contact .qr img {
width: 80px;
}
}
.contact button.smf-button-control__control {
border-radius: 0 !important;
}
p.contact-tel a {
text-decoration: none !important;
color: #333333;
}
p.contact-line a {
text-decoration: none !important;
color: #333333;
}
.footer-box {
padding-top: 3rem;
}
.footer-title {
background: transparent !important;
border: none !important;
font-size: 1.8rem;
margin-bottom: 0 !important;
position: relative;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.footer-title::before {
content: "お問い合わせ";
font-size: 0.4em;
position: absolute;
top: -0.5em;
left: 50%;
transform: translateX(-50%);
font-weight: normal;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
.footer-tel {
font-size: 1.8rem;
font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
letter-spacing: 0.08em;
}
.footer-tel span {
font-size: 0.6em;
}
.footer-tel a {
text-decoration: none !important;
color: #333 !important;
}
.footer-qr {
margin-top: 0 !important;
}
.footer-qr img {
max-width: 100px;
}
.footer-site-title {
border: none !important;
background: transparent !important;
color: #C3AB92 !important;
font-size: 2rem;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
line-height: 1;
}
@media screen and (max-width: 519px) {
.footer-site-title {
font-size: 1.6rem;
margin-bottom: 1em !important;
}
}
.footer-site-title span {
font-size: 0.6em;
font-weight: normal;
}
.widget_nav_menu {
border-top: 1px solid #fff;
padding-top: 1.5em;
margin-top: 3rem;
}
.widget_nav_menu ul {
justify-content: space-around;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 519px) {
.widget_nav_menu ul {
justify-content: flex-start;
}
}
.widget_nav_menu li {
font-size: 14px;
margin-top: 0.5em !important;
color: #fff;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
@media screen and (max-width: 519px) {
.widget_nav_menu li {
flex: 0 0 50%;
}
}
.footer-access {
padding-bottom: 3rem;
}
.l-footer {
border: none !important;
}
.l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-1 {
padding: 0 !important;
margin: 0 !important;
}
@media screen and (max-width: 519px) {
.c-copyright.c-copyright--inverse {
font-size: 10px;
}
}
.name {
text-align: center;
font-size: 1.2rem;
font-weight: 600;
}
.sei {
text-align: center;
margin-top: 0 !important;
}
ul.voice-date {
list-style: none;
padding: 0 !important;
max-width: 400px;
width: 100%;
}
ul.voice-date li {
display: flex;
align-items: center;
gap: 1em;
}
ul.voice-date li p:first-child {
flex: 0 0 25%;
}
ul.voice-date li p:nth-child(2) {
flex: 0 0 45%;
}
ul.voice-date li p:last-child {
flex: 0 0 30%;
font-size: 1.2rem;
font-weight: 600;
color: #B79977;
}
.trainer-comment h2 {
color: #fff !important;
background: transparent !important;
padding-left: 0 !important;
margin-bottom: 0.5em !important;
}
.trainer-comment p {
color: #fff !important;
font-size: 1em !important;
font-weight: normal !important;
}
.single-voices .l-footer-widget-area {
padding-top: 0 !important;
}
.post-type-archive-voices h2.c-entry-summary__title {
display: none;
}
.post-type-archive-voices ul.voice-date {
margin-top: 1em;
}
@media screen and (min-width: 960px) {
.post-type-archive-voices .c-entries__item {
flex: 0 1 50%;
max-width: 50%;
}
}
@media screen and (min-width: 520px) and (max-width: 959px) {
.c-fluid-container {
padding: 0;
}
}
.c-navbar {
gap: 4px;
background: #333;
padding: 4px;
}
.c-navbar li {
background: #C3AB92;
color: #fff;
align-items: center;
}
.c-navbar li:hover a {
transform: translateX(1em);
transition: 0.3s;
}
.p-footer-sticky-nav .c-navbar li:hover a {
transform: translateX(0);
transition: 0.3s;
}
.p-footer-sticky-nav a > svg {
display: inline-block;
margin-right: 4px !important;
}
.p-footer-sticky-nav a {
font-size: 14px !important;
font-family: "Noto Serif JP", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
color: #fff !important;
}
.l-contents__sidebar .c-widget h2 {
background: #132631 !important;
border: none !important;
color: #fff !important;
}
header.l-header.l-header--left.l-header--sticky-sm {
overflow-y: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
header.l-header.l-header--left.l-header--sticky-sm::-webkit-scrollbar {
display: none;
}