@charset "UTF-8";
@charset "UTF-8";

  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
clear: both;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} input, button, textarea, select {
margin: 0;
padding: 0;
outline: none;
border: none;
box-shadow: none;
border-radius: 0;
background: none;
text-indent: 0.01px;
text-overflow: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Zen Kaku Gothic New", sans-serif;
}
button {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
textarea {
display: block;
overflow: auto;
resize: none;
}@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}*, *::before, *::after {
box-sizing: border-box;
} html,
body {
color: #000;
font-size: 16px;
font-family: "Zen Kaku Gothic New", sans-serif;
-moz-text-size-adjust: none;
text-size-adjust: none;
-webkit-text-size-adjust: none;
overscroll-behavior-y: none;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
html,
body {
font-size: 1rem;
}
}
body {
line-height: 1.5;
min-width: 1024px;
}
@media screen and (max-width: 767px) {
body {
line-height: 1.5;
min-width: 320px;
}
} a {
color: inherit;
text-decoration: none;
outline: none;
} img {
max-width: 100%;
width: auto;
height: auto;
vertical-align: bottom;
} sup {
vertical-align: 30%;
font-size: 65%;
} hr[id^=anchor-] {
display: block;
width: auto;
height: 0;
padding: 110px 0 0 0;
border: 0;
margin: -110px 0 0 0;
background: 0;
pointer-events: none;
}
@media screen and (max-width: 767px) {
hr[id^=anchor-] {
padding-top: 80px;
margin-top: -80px;
}
}
 .l-breadcrumb {
position: relative;
z-index: 2;
width: 863.5783308931px;
margin: 35.2327964861px auto 0;
padding-top: 11.9941434846px;
border-top: 1.4992679356px solid;
-o-border-image: linear-gradient(to right, #c45888 0%, #cc8938 15%, #0d6261 32%, #2aaacf 52%, #906188 70%, #573ab5 85%, #1530c4 100%);
border-image: linear-gradient(to right, #c45888 0%, #cc8938 15%, #0d6261 32%, #2aaacf 52%, #906188 70%, #573ab5 85%, #1530c4 100%);
border-image-slice: 1;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb {
width: 84.3338213763vw;
border-top: 0.1464128843vw solid;
margin: 3.4407027818vw auto 0;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb {
width: 92vw;
border-top: 0.5333333333vw solid;
margin: 13.8666666667vw auto 0;
overflow-x: scroll;
scrollbar-width: none;
}
.l-breadcrumb::-webkit-scrollbar {
display: none;
}
}
.l-breadcrumb--noborder {
position: absolute;
top: 29.9853587116px;
left: 79.4612005857px;
border-top: none;
margin: 0;
padding-top: 0;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb--noborder {
top: 2.9282576867vw;
left: 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--noborder {
width: 92vw;
margin: 0 auto 8.8vw;
position: static;
}
}
.l-breadcrumb--coactive {
top: 90.7057101025px;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb--coactive {
top: 8.8579795022vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--coactive {
position: absolute;
top: 24vw;
left: 5.3333333333vw;
}
}
.l-breadcrumb--l {
margin: 59.9707174231px auto 0;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb--l {
margin: 5.8565153734vw auto 0;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--l {
margin: 25.6vw auto 0;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--mt {
margin-top: 4vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--mt80 {
margin-top: 21.3333333333vw;
}
}
.l-breadcrumb--mt90 {
margin: 67.467057101px auto 0;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb--mt90 {
margin: 6.588579795vw auto 0;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb--mt90 {
margin: 33.0666666667vw auto 0;
}
}
.l-breadcrumb__list {
display: flex;
gap: 18.7408491947px;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb__list {
gap: 1.8301610542vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb__list {
gap: 6.6666666667vw;
}
}
.l-breadcrumb__item {
position: relative;
}
.l-breadcrumb__item::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_breadcrumb.svg) 0 0 no-repeat;
background-size: 100% auto;
width: 3.7481698389px;
height: 8.9956076135px;
top: 62%;
right: -11.2445095168px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.l-breadcrumb__item::before {
width: 0.3660322108vw;
height: 0.878477306vw;
right: -1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb__item::before {
width: 1.3333333333vw;
height: 3.2vw;
right: -4.2666666667vw;
}
}
.l-breadcrumb__item:not(:last-of-type) .l-breadcrumb__txt {
font-weight: bold;
}
.l-breadcrumb__item:last-of-type .l-breadcrumb__txt {
text-decoration: none;
}
.l-breadcrumb__item:last-of-type::before {
content: none;
}
.l-breadcrumb__txt {
display: block;
width: -moz-max-content;
width: max-content;
font-feature-settings: "palt" 1;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 8.9956076135px;
font-weight: 500;
color: #fff;
line-height: 1.6666666667;
text-decoration: underline;
}
@media screen and (min-width: 1025px) {
.l-breadcrumb__txt {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.l-breadcrumb__txt {
font-size: 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.l-breadcrumb__txt:hover {
text-decoration: none;
}
} .l-contents {
position: relative;
} .l-footer {
position: relative;
color: #fff;
background: linear-gradient(-90deg, #000 0%, #0f2e5d 100%);
}
.l-footer__container {
width: 863.5783308931px;
margin-inline: auto;
padding: 50.9751098097px 0 32.2342606149px;
}
@media screen and (min-width: 1025px) {
.l-footer__container {
width: 84.3338213763vw;
padding: 4.9780380673vw 0 3.1478770132vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__container {
width: auto;
padding: 17.0666666667vw 4% 6.4vw;
}
}
.l-footer__inner {
position: relative;
}
.l-footer__upper {
display: flex;
align-items: flex-start;
-moz-column-gap: 123.6896046852px;
column-gap: 123.6896046852px;
}
@media screen and (min-width: 1025px) {
.l-footer__upper {
-moz-column-gap: 12.0790629575vw;
column-gap: 12.0790629575vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__upper {
display: block;
}
}
.l-footer__info {
width: 196.4040995608px;
}
@media screen and (min-width: 1025px) {
.l-footer__info {
width: 19.1800878477vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__info {
width: 100%;
}
}
.l-footer__logo {
width: 100%;
margin-left: -8.9956076135px;
}
@media screen and (min-width: 1025px) {
.l-footer__logo {
margin-left: -0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__logo {
width: 69.8666666667vw;
margin-left: 0;
}
}
.l-footer__logo img {
width: 100%;
}
.l-footer__logo-link {
display: block;
}
@media (hover: hover) and (pointer: fine) {
.l-footer__logo-link {
transition: opacity 300ms;
}
.l-footer__logo-link:hover {
opacity: 0.8;
}
}
.l-footer__company {
margin-top: 35.2327964861px;
}
@media screen and (min-width: 1025px) {
.l-footer__company {
margin-top: 3.4407027818vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__company {
margin-top: 10.6666666667vw;
}
}
.l-footer__name {
font-size: 22.4890190337px;
font-weight: 500;
font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1025px) {
.l-footer__name {
font-size: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__name {
font-size: 8vw;
}
}
.l-footer__management {
font-size: 8.9956076135px;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.l-footer__management {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__management {
font-size: 3.2vw;
}
}
.l-footer__address {
margin-top: 11.2445095168px;
font-size: 8.9956076135px;
font-weight: 500;
line-height: 2;
}
@media screen and (min-width: 1025px) {
.l-footer__address {
margin-top: 1.0980966325vw;
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__address {
margin-top: 1.6vw;
font-size: 3.2vw;
}
}
.l-footer__time {
margin-top: 11.2445095168px;
font-size: 8.9956076135px;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.l-footer__time {
margin-top: 1.0980966325vw;
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__time {
margin-top: 1.6vw;
font-size: 3.2vw;
}
}
.l-footer__btn-wrap {
margin-top: 153.6749633968px;
display: flex;
-moz-column-gap: 11.9941434846px;
column-gap: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.l-footer__btn-wrap {
margin-top: 15.0073206442vw;
-moz-column-gap: 1.1713030747vw;
column-gap: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__btn-wrap {
margin-top: 12.8vw;
flex-direction: column;
row-gap: 2.1333333333vw;
-moz-column-gap: 0;
column-gap: 0;
}
}
.l-footer__lower {
display: flex;
align-items: center;
margin-top: 23.2386530015px;
padding-top: 20.9897510981px;
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1025px) {
.l-footer__lower {
margin-top: 2.2693997072vw;
padding-top: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__lower {
display: block;
margin-top: 12.8vw;
padding-top: 12.8vw;
}
}
.l-footer__copyright {
margin-left: 59.9707174231px;
font-size: 8.2459736457px;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.l-footer__copyright {
margin-left: 5.8565153734vw;
font-size: 0.8052708638vw;
}
}
@media screen and (max-width: 767px) {
.l-footer__copyright {
margin-top: 27.7333333333vw;
margin-left: 0;
font-size: 2.9333333333vw;
}
}
.l-footer__copyright sup {
vertical-align: text-top;
} .l-footer-nav {
width: 534.4890190337px;
display: flex;
align-items: flex-start;
-moz-column-gap: 41.9795021962px;
column-gap: 41.9795021962px;
margin-top: 22.4890190337px;
}
@media screen and (min-width: 1025px) {
.l-footer-nav {
width: 52.196193265vw;
-moz-column-gap: 4.0995607613vw;
column-gap: 4.0995607613vw;
margin-top: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav {
width: 100%;
margin-top: 12.8vw;
flex-wrap: wrap;
row-gap: 12.8vw;
-moz-column-gap: 0;
column-gap: 0;
}
}
.l-footer-nav__unit {
min-width: 86.2079062958px;
}
@media screen and (min-width: 1025px) {
.l-footer-nav__unit {
min-width: 8.4187408492vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__unit {
min-width: none;
width: 50%;
}
}
.l-footer-nav__head-link {
font-size: 11.9941434846px;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
.l-footer-nav__head-link {
transition: opacity 300ms;
}
.l-footer-nav__head-link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-footer-nav__head-link {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__head-link {
font-size: 4.2666666667vw;
}
}
.l-footer-nav__item {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-nav__item {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__item {
margin-top: 2.1333333333vw;
}
}
.l-footer-nav__link {
position: relative;
font-size: 10.494875549px;
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
.l-footer-nav__link {
transition: opacity 300ms;
}
.l-footer-nav__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-footer-nav__link {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__link {
font-size: 3.7333333333vw;
}
}
.l-footer-nav__link--blank {
padding-right: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-nav__link--blank {
padding-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__link--blank {
padding-right: 5.3333333333vw;
}
}
.l-footer-nav__link--blank::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_thin.svg) 0 0 no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
.l-footer-nav__link--blank::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-nav__link--blank::before {
width: 3.4666666667vw;
height: 3.4666666667vw;
}
} .l-footer-sns__list {
display: flex;
align-items: center;
-moz-column-gap: 14.9926793558px;
column-gap: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__list {
-moz-column-gap: 1.4641288433vw;
column-gap: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__list {
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
}
}
.l-footer-sns__link {
display: block;
}
@media (hover: hover) and (pointer: fine) {
.l-footer-sns__link {
transition: opacity 300ms;
}
.l-footer-sns__link:hover {
opacity: 0.8;
}
}
.l-footer-sns__link--x {
width: 14.243045388px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--x {
width: 1.3909224012vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--x {
width: 5.0666666667vw;
}
}
.l-footer-sns__link--facebook {
width: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--facebook {
width: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--facebook {
width: 5.8666666667vw;
}
}
.l-footer-sns__link--youtube {
width: 17.2415812592px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--youtube {
width: 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--youtube {
width: 6.1333333333vw;
}
}
.l-footer-sns__link--instagram {
width: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--instagram {
width: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--instagram {
width: 5.3333333333vw;
}
}
.l-footer-sns__link--note {
width: 14.243045388px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--note {
width: 1.3909224012vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--note {
width: 5.0666666667vw;
}
}
.l-footer-sns__link--linkedin {
width: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-sns__link--linkedin {
width: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sns__link--linkedin {
width: 5.3333333333vw;
}
}
.l-footer-sns__link img {
display: block;
width: 100%;
} .l-footer-sub-nav {
margin-left: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.l-footer-sub-nav {
margin-left: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sub-nav {
margin-top: 6.4vw;
margin-left: 0;
}
}
.l-footer-sub-nav__list {
display: flex;
align-items: center;
-moz-column-gap: 14.9926793558px;
column-gap: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-footer-sub-nav__list {
-moz-column-gap: 1.4641288433vw;
column-gap: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sub-nav__list {
display: block;
}
}
@media screen and (max-width: 767px) {
.l-footer-sub-nav__item {
margin-top: 4.2666666667vw;
}
.l-footer-sub-nav__item:first-of-type {
margin-top: 0;
}
}
.l-footer-sub-nav__link {
position: relative;
display: block;
padding-right: 14.243045388px;
font-size: 10.494875549px;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
.l-footer-sub-nav__link {
transition: opacity 300ms;
}
.l-footer-sub-nav__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-footer-sub-nav__link {
padding-right: 1.3909224012vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sub-nav__link {
width: -moz-fit-content;
width: fit-content;
padding-right: 5.3333333333vw;
font-size: 3.7333333333vw;
}
}
.l-footer-sub-nav__link::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -40%;
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_thin.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-footer-sub-nav__link::after {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-sub-nav__link::after {
width: 3.2vw;
height: 3.2vw;
}
} .l-footer-pagetop {
position: absolute;
bottom: 71.21522694px;
right: 0;
}
@media screen and (min-width: 1025px) {
.l-footer-pagetop {
bottom: 6.9546120059vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-pagetop {
bottom: 14.9333333333vw;
}
}
.l-footer-pagetop__link {
display: block;
width: 53.9736456808px;
height: 0;
padding-top: 53.9736456808px;
background-color: rgba(255, 255, 255, 0.1);
overflow: hidden;
border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
.l-footer-pagetop__link {
transition: opacity 300ms;
}
.l-footer-pagetop__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-footer-pagetop__link {
width: 5.270863836vw;
padding-top: 5.270863836vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-pagetop__link {
width: 14.9333333333vw;
padding-top: 14.9333333333vw;
}
}
.l-footer-pagetop__link::after {
position: absolute;
display: block;
content: "";
top: 50%;
left: 50%;
translate: -50% -50%;
rotate: -90deg;
width: 8.2459736457px;
height: 10.494875549px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-footer-pagetop__link::after {
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.l-footer-pagetop__link::after {
width: 2.4vw;
height: 2.9333333333vw;
}
} .l-global-nav {
display: none;
} .wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
-moz-column-gap: 36.7320644217px;
column-gap: 36.7320644217px;
}
@media screen and (min-width: 1025px) {
.wp-pagenavi {
-moz-column-gap: 3.5871156662vw;
column-gap: 3.5871156662vw;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi {
-moz-column-gap: 8vw;
column-gap: 8vw;
}
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
position: relative;
display: block;
width: 6.7467057101px;
height: 12.7437774524px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
width: 0.6588579795vw;
height: 1.2445095168vw;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
width: 2.4vw;
height: 4.5333333333vw;
margin-left: 4vw;
}
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 6.7467057101px;
height: 12.7437774524px;
background: url(//www.thecoaches.co.jp/img/news/img_pagenation.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
width: 0.6588579795vw;
height: 1.2445095168vw;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
width: 2.4vw;
height: 4.5333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
transition: opacity 300ms;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
opacity: 0.8;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi .previouspostslink {
margin-left: 0;
margin-right: 4vw;
}
}
.wp-pagenavi .previouspostslink:before {
transform: rotate(-180deg);
}
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .current {
font-family: "Poppins", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.2;
color: #fff;
cursor: pointer;
z-index: 1;
}
@media screen and (min-width: 1025px) {
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .current {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .current {
font-size: 4.2666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .current {
transition: opacity 300ms;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .extend:hover,
.wp-pagenavi .current:hover {
opacity: 0.8;
}
}
.wp-pagenavi .current {
position: relative;
color: #1A1A1A;
}
.wp-pagenavi .current:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 22.4890190337px;
height: 22.4890190337px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
@media screen and (min-width: 1025px) {
.wp-pagenavi .current:before {
width: 2.196193265vw;
height: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.wp-pagenavi .current:before {
width: 8vw;
height: 8vw;
}
} .l-header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
min-width: 1024px;
height: 82.4597364568px;
translate: 0 0;
transition: translate 0.3s;
transition: translate 0.3s, transform 0.8s 0.8s, opacity 1s 0.8s;
}
@media screen and (min-width: 1025px) {
.l-header {
height: 8.0527086384vw;
}
}
@media screen and (max-width: 767px) {
.l-header {
min-width: auto;
height: 21.3333333333vw;
background: linear-gradient(rgba(17, 29, 47, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
}
@media screen and (min-width: 768px) {
.in-kv-area .l-header {
translate: 0 -100%;
}
}
.is-change .l-header {
background: linear-gradient(rgba(17, 29, 47, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.l-header__container {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
max-width: 1024px;
margin: 0 auto;
height: 100%;
padding-top: 5.9970717423px;
padding-inline: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.l-header__container {
max-width: 100vw;
padding-top: 0.5856515373vw;
padding-inline: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.l-header__container {
max-width: none;
padding-top: 0;
padding-inline: 4%;
}
}
.l-header__logo {
position: relative;
width: 196.4040995608px;
z-index: 1;
}
@media screen and (min-width: 1025px) {
.l-header__logo {
width: 19.1800878477vw;
}
}
@media screen and (max-width: 767px) {
.l-header__logo {
width: 55.2vw;
}
}
.l-header__logo img {
width: 100%;
}
.l-header__logo-link {
display: block;
}
@media (hover: hover) and (pointer: fine) {
.l-header__logo-link {
transition: opacity 300ms;
}
.l-header__logo-link:hover {
opacity: 0.8;
}
} @media screen and (max-width: 767px) {
.l-header-nav {
position: fixed;
inset: 0;
opacity: 0;
visibility: hidden;
height: 100vh;
background: linear-gradient(90deg, #573ab5, #2aaacf);
padding-top: 21.3333333333vw;
}
.l-header-nav.is-animating {
transition: opacity 0.3s, visibility 0.3s;
}
.is-menu-opened .l-header-nav {
visibility: visible;
opacity: 1;
}
}
@media screen and (min-width: 1025px) {
.l-header-nav__container {
-moz-column-gap: 2.3426061493vw;
column-gap: 2.3426061493vw;
}
}
@media screen and (min-width: 768px) {
.l-header-nav__container {
display: flex !important;
align-items: center;
-moz-column-gap: 23.9882869693px;
column-gap: 23.9882869693px;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__container {
overflow-y: auto;
height: calc(100% + 1px);
overscroll-behavior-y: none;
scrollbar-width: none;
}
.l-header-nav__container::-webkit-scrollbar {
display: none;
}
}
.l-header-nav__inner {
display: flex;
align-items: center;
-moz-column-gap: 23.9882869693px;
column-gap: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__inner {
-moz-column-gap: 2.3426061493vw;
column-gap: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__inner {
display: block;
width: 100%;
padding: 0 6.6666666667% 35.4666666667vw;
}
}
.l-header-nav__list {
display: flex;
align-items: center;
-moz-column-gap: 16.4919472914px;
column-gap: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__list {
-moz-column-gap: 1.6105417277vw;
column-gap: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__list {
display: block;
}
}
.l-header-nav__item {
position: relative;
}
@media screen and (max-width: 767px) {
.l-header-nav__item {
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
}
}
.l-header-nav__item:last-of-type {
border-left: 2px solid #fff;
padding-left: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__item:last-of-type {
padding-left: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__item:last-of-type {
border-bottom: none;
border-left: none;
padding-left: 0;
}
}
.l-header-nav__link {
position: relative;
display: block;
font-size: 9.7452415813px;
font-weight: 700;
color: #fff;
line-height: 1;
z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
.l-header-nav__link:hover::after {
scale: 1 1.5;
transform-origin: top left;
}
}
@media screen and (min-width: 1025px) {
.l-header-nav__link {
font-size: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link {
width: 100%;
padding: 9.6vw 0;
font-size: 4.2666666667vw;
text-align: left;
}
.l-header-nav__link::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 2.4vw;
height: 2.9333333333vw;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
}
.l-header-nav__link::after {
display: block;
content: "";
position: absolute;
bottom: -5.2474377745px;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
scale: 0 1.5;
transition: scale 0.3s;
transform-origin: top right;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link::after {
bottom: -0.5124450952vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link::after {
content: none;
}
}
.is-open .l-header-nav__link::after {
scale: 1 1.5;
}
.l-header-nav__link--trigger {
padding-right: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--trigger {
padding-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--trigger {
padding-right: 4.2666666667vw;
}
}
.l-header-nav__link--trigger::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 2.2489019034px;
translate: 0 -30%;
width: 6.7467057101px;
height: 4.4978038067px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_symbol_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--trigger::before {
right: 0.2196193265vw;
translate: 0 -50%;
width: 0.6588579795vw;
height: 0.439238653vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--trigger::before {
content: none;
}
}
.l-header-nav__link--blank {
padding-right: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--blank {
padding-right: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--blank {
padding-right: 5.8666666667vw;
}
}
.l-header-nav__link--blank::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -40%;
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--blank::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--blank::before {
translate: 0 -50%;
width: 3.2vw;
height: 3.2vw;
}
}
.l-header-nav__link--mypage {
padding-right: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--mypage {
padding-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--mypage {
padding-right: 0;
}
}
.l-header-nav__link--mypage::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -60%;
width: 10.494875549px;
height: 11.2445095168px;
background: url(//www.thecoaches.co.jp/img/common/icn_mypage.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-nav__link--mypage::before {
width: 1.0248901903vw;
height: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__link--mypage::before {
translate: 0 -50%;
width: 3.2vw;
height: 3.2vw;
background-image: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg);
}
}
@media screen and (max-width: 767px) {
.l-header-nav__trigger-icn {
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
display: block;
width: 5.3333333333vw;
height: 5.3333333333vw;
border-radius: 50%;
background-color: rgba(17, 29, 47, 0.3);
transition: background-color 0.3s;
}
.l-header-nav__trigger-icn::before, .l-header-nav__trigger-icn::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 1.6vw;
translate: 0 -50%;
scale: 1 1.5;
width: 2.1333333333vw;
height: 0.2666666667vw;
background-color: #fff;
transition: background-color 0.3s, rotate 0.3s;
}
.l-header-nav__trigger-icn::before {
rotate: 90deg;
}
.is-open .l-header-nav__trigger-icn {
background-color: rgba(255, 255, 255, 0.2);
}
.is-open .l-header-nav__trigger-icn::before {
rotate: 0deg;
}
.is-open .l-header-nav__trigger-icn::after {
background-color: #1A1A1A;
}
}
.l-header-nav__join {
position: relative;
display: none;
color: #fff;
line-height: 1;
text-align: center;
}
@media (hover: hover) and (pointer: fine) {
.l-header-nav__join {
transition: opacity 300ms;
}
.l-header-nav__join:hover {
opacity: 0.8;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__join {
display: none;
}
}
@media screen and (min-width: 768px) {
.is-change .l-header-nav__join {
display: block;
}
}
.l-header-nav__join-main {
display: block;
font-size: 22.4890190337px;
font-weight: 500;
font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1025px) {
.l-header-nav__join-main {
font-size: 2.196193265vw;
}
}
.l-header-nav__join-sub {
display: block;
font-size: 8.9956076135px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.l-header-nav__join-sub {
font-size: 0.878477306vw;
}
}
.l-header-nav__apply {
display: none;
}
@media screen and (max-width: 767px) {
.l-header-nav__apply {
display: flex;
flex-direction: column;
row-gap: 5.3333333333vw;
margin-top: 6.4vw;
}
} .l-header-menu {
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
color: #fff;
background: linear-gradient(90deg, #573ab5, #2aaacf);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
overflow-y: auto;
overscroll-behavior-y: none;
scrollbar-width: none;
}
@media screen and (max-width: 767px) {
.l-header-menu {
position: static;
height: auto;
background: none;
opacity: 1;
visibility: visible;
}
}
.l-header-menu::-webkit-scrollbar {
display: none;
}
.is-open .l-header-menu {
opacity: 1;
visibility: visible;
}
.l-header-menu__container {
max-width: 1024px;
margin-inline: auto;
height: calc(100% + 1px);
padding: 131.1859443631px 29.9853587116px 141.6808199122px;
display: flex;
align-items: flex-start;
justify-content: center;
-moz-column-gap: 56.972181552px;
column-gap: 56.972181552px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__container {
max-width: 100vw;
padding: 12.8111273792vw 2.9282576867vw 13.8360175695vw;
-moz-column-gap: 5.5636896047vw;
column-gap: 5.5636896047vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__container {
height: auto;
padding: 0 8.8vw;
display: block;
}
}
.is-animating .l-header-menu__container {
scrollbar-width: none;
}
.is-animating .l-header-menu__container::-webkit-scrollbar {
display: none;
}
.l-header-menu__head {
width: 278.8638360176px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__head {
width: 27.2327964861vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__head {
display: none;
}
}
.l-header-menu__head-ttl {
font-size: 47.9765739385px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 1.1;
}
@media screen and (min-width: 1025px) {
.l-header-menu__head-ttl {
font-size: 4.6852122987vw;
}
}
.l-header-menu__head-link {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-top: 12.7437774524px;
padding-right: 16.4919472914px;
font-size: 13.4934114202px;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
.l-header-menu__head-link {
transition: opacity 300ms;
}
.l-header-menu__head-link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-header-menu__head-link {
margin-top: 1.2445095168vw;
padding-right: 1.6105417277vw;
font-size: 1.317715959vw;
}
}
.l-header-menu__head-link::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 8.2459736457px;
height: 10.494875549px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-menu__head-link::before {
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
.l-header-menu__apply {
margin-top: 35.9824304539px;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.l-header-menu__apply {
margin-top: 3.513909224vw;
}
}
.l-header-menu__body {
width: 527.7423133236px;
margin-top: 3.7481698389px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__body {
width: 51.5373352855vw;
margin-top: 0.3660322108vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__body {
width: 100%;
margin-top: 0;
}
}
.l-header-menu__list {
display: flex;
flex-wrap: wrap;
gap: 35.9824304539px 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__list {
gap: 3.513909224vw 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__list {
display: block;
}
}
.l-header-menu__item {
width: 239.8828696925px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__item {
width: 23.4260614934vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__item {
width: 100%;
padding-bottom: 9.6vw;
}
}
.l-header-menu__link {
position: relative;
display: block;
padding-bottom: 11.9941434846px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
font-size: 11.9941434846px;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
.l-header-menu__link {
transition: opacity 300ms;
}
.l-header-menu__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-header-menu__link {
padding-bottom: 1.1713030747vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__link {
border-bottom: none;
padding-bottom: 0;
font-size: 3.7333333333vw;
}
}
.l-header-menu__link::before {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 23.9882869693px;
height: 1px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.l-header-menu__link::before {
width: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__link::before {
content: none;
}
}
.l-header-menu__link::after {
display: block;
content: "";
position: absolute;
top: 15%;
right: 0;
width: 8.2459736457px;
height: 10.494875549px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-menu__link::after {
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__link::after {
width: 2.4vw;
height: 2.9333333333vw;
}
}
.l-header-menu__link sup {
font-size: 75%;
vertical-align: 15%;
}
@media screen and (max-width: 767px) {
.l-header-menu__link sup {
font-size: 60%;
vertical-align: super;
}
}
.l-header-menu__sub-list {
margin-top: 35.9824304539px;
display: flex;
align-items: center;
flex-wrap: wrap;
-moz-column-gap: 14.9926793558px;
column-gap: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.l-header-menu__sub-list {
margin-top: 3.513909224vw;
-moz-column-gap: 1.4641288433vw;
column-gap: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.l-header-menu__sub-list {
display: none;
}
}
.l-header-menu__sub-link {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
padding-right: 14.9926793558px;
font-size: 10.494875549px;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
.l-header-menu__sub-link {
transition: opacity 300ms;
}
.l-header-menu__sub-link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.l-header-menu__sub-link {
padding-right: 1.4641288433vw;
font-size: 1.0248901903vw;
}
}
.l-header-menu__sub-link::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_thin.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.l-header-menu__sub-link::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
} @media (hover: hover) and (pointer: fine) {
.l-header-menu-button {
transition: opacity 300ms;
}
.l-header-menu-button:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 768px) {
.l-header-menu-button {
display: none;
}
}
@media screen and (max-width: 767px) {
.l-header-menu-button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
margin: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
touch-action: manipulation;
cursor: pointer;
}
}
.l-header-menu-button__lines {
position: relative;
display: block;
width: 6.4vw;
height: 3.7333333333vw;
transition: width 0.3s, height 0.3s;
}
.is-menu-opened .l-header-menu-button__lines {
width: 9.0666666667vw;
height: 6.4vw;
}
.l-header-menu-button__line {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 0;
padding-top: 2px;
background-color: #fff;
transition: 0.3s;
}
.l-header-menu-button__line--top {
top: 0;
}
.is-menu-opened .l-header-menu-button__line--top {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.l-header-menu-button__line--center {
top: 50%;
margin-top: -1px;
}
.is-menu-opened .l-header-menu-button__line--center {
background-color: transparent;
}
.l-header-menu-button__line--bottom {
bottom: 0;
}
.is-menu-opened .l-header-menu-button__line--bottom {
bottom: 50%;
transform: translateY(50%) rotate(-45deg);
}
.l-header-menu-button__txt {
position: relative;
display: block;
line-height: 1;
}
.l-header-menu-button__txt::before {
content: attr(data-closed-txt);
font-size: 2.1333333333vw;
font-weight: 500;
font-family: "Poppins", sans-serif;
color: #fff;
}
.is-menu-opened .l-header-menu-button__txt::before {
content: attr(data-opened-txt);
}  .c-box {
position: fixed;
inset: 0;
animation-duration: 25s;
animation-timing-function: ease-in-out;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
will-change: animation;
}
.c-box--color01 {
animation-name: background-color-change1;
background-color: #2aaacf;
}
.c-box--color02 {
animation-name: background-color-change2;
background-color: #906188;
}
.c-box--color03 {
animation-name: background-color-change3;
background-color: #0d6261;
}
@keyframes background-color-change1 {
0% {
background-color: #2aaacf;
}
15% {
background-color: #1530c4;
}
30% {
background-color: #573ab5;
}
45% {
background-color: #906188;
}
60% {
background-color: #c45888;
}
75% {
background-color: #cc8938;
}
90% {
background-color: #0d6261;
}
100% {
background-color: #2aaacf;
}
}
@keyframes background-color-change2 {
0% {
background-color: #906188;
}
15% {
background-color: #c45888;
}
30% {
background-color: #cc8938;
}
45% {
background-color: #0d6261;
}
60% {
background-color: #2aaacf;
}
75% {
background-color: #1530c4;
}
90% {
background-color: #573ab5;
}
100% {
background-color: #906188;
}
}
@keyframes background-color-change3 {
0% {
background-color: #0d6261;
}
15% {
background-color: #2aaacf;
}
30% {
background-color: #1530c4;
}
45% {
background-color: #573ab5;
}
60% {
background-color: #906188;
}
75% {
background-color: #c45888;
}
90% {
background-color: #cc8938;
}
100% {
background-color: #0d6261;
}
} .c-box-tab01__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-box-tab01__container {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.c-box-tab01__container {
width: auto;
}
} .c-btn {
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
min-width: 215.8945827233px;
min-height: 53.9736456808px;
font-size: 13.4934114202px;
font-weight: 700;
color: #fff;
background-color: rgba(17, 29, 47, 0.3);
}
@media screen and (min-width: 1025px) {
.c-btn {
min-width: 21.0834553441vw;
min-height: 5.270863836vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-btn {
min-width: 68.8vw;
min-height: 14.9333333333vw;
font-size: 4.2666666667vw;
}
}
.c-btn:is(button) {
display: block;
}
.c-btn::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 29.9853587116px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn::before {
right: 6.4vw;
width: 2.4vw;
height: 2.6666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--small {
min-width: 208.3982430454px;
background: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 1025px) {
.c-btn--small {
min-width: 20.3513909224vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--small {
min-width: 68.8vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--small + .c-btn--small {
margin-top: 4vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--radius {
border-radius: 8vw;
}
}
.c-btn--white {
background-color: rgba(255, 255, 255, 0.1);
}
.c-btn--blank::before {
width: 9.7452415813px;
height: 9.7452415813px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg);
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-btn--blank::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--blank::before {
width: 3.2vw;
height: 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--blank.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--blank.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--blank.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--document::before {
width: 8.9956076135px;
height: 11.2445095168px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_document.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_document.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn--document::before {
width: 0.878477306vw;
height: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--document::before {
width: 2.6666666667vw;
height: 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--document.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--document.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--document.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--application::before {
top: 52%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn--application::before {
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--application::before {
width: 2.9333333333vw;
height: 4.2666666667vw;
top: 55%;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--application.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--application.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--application.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--download::before {
right: 29.2357247438px;
width: 8.9956076135px;
height: 8.9956076135px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_download_white.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_download_white.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn--download::before {
right: 2.8550512445vw;
width: 0.878477306vw;
height: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--download::before {
right: 6.1333333333vw;
width: 3.4666666667vw;
height: 3.4666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--download.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--download.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--download.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--edit::before {
right: 26.9868228404px;
width: 14.243045388px;
height: 12.7437774524px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/contact/icn_edit.svg);
mask-image: url(//www.thecoaches.co.jp/img/contact/icn_edit.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn--edit::before {
right: 2.635431918vw;
width: 1.3909224012vw;
height: 1.2445095168vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--edit::before {
right: 6.1333333333vw;
width: 3.2vw;
height: 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--edit.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--edit.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--edit.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn--search {
width: 100%;
}
@media screen and (max-width: 767px) {
.c-btn--search {
width: 68.8vw;
}
}
.c-btn--search::before {
right: 28.486090776px;
width: 11.9941434846px;
height: 11.2445095168px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_search.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_search.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn--search::before {
right: 2.7818448023vw;
width: 1.0980966325vw;
height: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--search::before {
right: 6.6666666667vw;
width: 3.7333333333vw;
height: 3.7333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn--search.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
.c-btn--txt-small {
font-size: 11.9941434846px;
line-height: 1.375;
}
@media screen and (min-width: 1025px) {
.c-btn--txt-small {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--txt-small {
font-size: 3.4666666667vw;
line-height: 1.4;
}
}
.c-btn--long {
width: 239.8828696925px;
}
@media screen and (min-width: 1025px) {
.c-btn--long {
width: 23.4260614934vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--long {
width: 68.8vw;
}
}
.c-btn--more::before {
rotate: 90deg;
}
.c-btn__txt {
position: relative;
pointer-events: none;
z-index: 2;
}
.c-btn__hover {
position: relative;
display: flex;
align-items: center;
min-height: 100%;
min-width: 100%;
padding: 8.9956076135px 29.9853587116px;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.c-btn__hover {
padding: 0.878477306vw 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-btn__hover {
padding: 2.4vw 6.4vw;
}
}
.c-btn__hover::before {
content: "";
position: absolute;
top: 50%;
right: 18.5909224012px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn__hover::before {
right: 1.8155197657vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-btn__hover::before {
right: 4vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.c-btn--search .c-btn__hover::before {
right: 4.5333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn:hover .c-btn__hover::before {
transform: scale(1);
}
} .c-btn-wrap {
margin-top: 113.1947291362px;
}
@media screen and (min-width: 1025px) {
.c-btn-wrap {
margin-top: 11.0541727672vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-wrap {
margin: 18.1333333333vw 0 0 4.2666666667vw;
}
}
.c-btn-wrap--2 {
margin-top: 14.9926793558px;
padding-bottom: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.c-btn-wrap--2 {
margin-top: 1.4641288433vw;
padding-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-wrap--2 {
margin: 18.1333333333vw 0 0 4.2666666667vw;
padding-bottom: 25.6vw;
}
}
.c-btn-wrap--3 {
margin-top: 14.9926793558px;
padding-bottom: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.c-btn-wrap--3 {
margin-top: 1.4641288433vw;
padding-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-wrap--3 {
margin: 0 0 0 4.2666666667vw;
padding-bottom: 25.6vw;
}
}
.c-btn-wrap--4 {
margin-top: 67.467057101px;
}
@media screen and (min-width: 1025px) {
.c-btn-wrap--4 {
margin-top: 6.588579795vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-wrap--4 {
margin: 18.1333333333vw 0 0 4.2666666667vw;
}
} .c-btn-02 {
position: relative;
width: -moz-fit-content;
width: fit-content;
display: block;
align-items: center;
min-width: 449.7803806735px;
margin: 0 auto;
font-size: 14.9926793558px;
font-weight: bold;
color: #fff;
background: linear-gradient(-20deg, #CC79DF, #8075C8);
}
@media screen and (min-width: 1025px) {
.c-btn-02 {
width: 43.9238653001vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02 {
min-width: initial;
width: 68.8vw;
margin: 0;
font-size: 4.2666666667vw;
}
}
.c-btn-02--yellow {
background: linear-gradient(-357deg, #ECCE6C, #B36F4C);
}
.c-btn-02--blue {
background: linear-gradient(-20deg, #74B9DD, #55ABA4);
}
.c-btn-02--icon-none {
text-align: center;
}
.c-btn-02::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 29.9853587116px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-02::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02::before {
right: 6.4vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn-02--application::before {
top: 52%;
right: 29.9853587116px;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn-02--application::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02--application::before {
right: 6.4vw;
width: 2.9333333333vw;
height: 4.2666666667vw;
top: 55%;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02--application.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02--application.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02--application.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn-02--icon-none::before {
content: none;
}
.c-btn-02__hover {
position: relative;
pointer-events: none;
padding: 26.2371888726px 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-btn-02__hover {
padding: 2.5622254758vw 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02__hover {
padding: 4.2666666667vw 6.4vw;
}
}
.c-btn-02__hover::before {
content: "";
position: absolute;
top: 50%;
right: 18.5909224012px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-02__hover::before {
right: 1.8155197657vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02__hover::before {
right: 3.7333333333vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-02--search .c-btn-02__hover::before {
right: 4.5333333333vw;
}
}
.c-btn-02--icon-none .c-btn-02__hover::before {
content: none;
}
@media (hover: hover) and (pointer: fine) {
.c-btn-02:hover .c-btn-02__hover::before {
transform: scale(1);
}
}
.c-btn-02__txt {
position: relative;
pointer-events: none;
z-index: 2;
} .c-btn-03 {
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
min-width: 215.8945827233px;
font-size: 13.4934114202px;
font-weight: 700;
color: #fff;
background-color: rgba(17, 29, 47, 0.3);
}
@media screen and (min-width: 1025px) {
.c-btn-03 {
min-width: 21.0834553441vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-03 {
min-width: initial;
width: 68.5333333333vw;
font-size: 4.2666666667vw;
font-weight: 700;
}
}
.c-btn-03::before {
content: "";
display: block;
position: absolute;
top: 52%;
right: 29.9853587116px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-btn-03::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-03::before {
top: 55%;
width: 2.9333333333vw;
height: 4.2666666667vw;
right: 5.8666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-03.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-03.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-03.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-btn-03__hover {
position: relative;
display: flex;
min-width: 100%;
pointer-events: none;
padding: 17.9912152269px 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-btn-03__hover {
padding: 1.6105417277vw 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-03__hover {
padding: 4.2666666667vw 6.4vw;
}
}
.c-btn-03__hover::before {
content: "";
position: absolute;
top: 50%;
right: 18.5909224012px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-03__hover::before {
right: 1.8155197657vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-03__hover::before {
right: 4vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-03:hover .c-btn-03__hover::before {
transform: scale(1);
}
}
.c-btn-03__txt {
position: relative;
z-index: 3;
}
.c-btn-03__icn {
position: relative;
width: 13.4934114202px;
height: 13.4934114202px;
margin-top: -2.9985358712px;
margin-right: 9.7452415813px;
z-index: 3;
}
@media screen and (min-width: 1025px) {
.c-btn-03__icn {
width: 1.317715959vw;
height: 1.317715959vw;
margin-top: -0.2928257687vw;
margin-right: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-03__icn {
width: 4.8vw;
height: 4.8vw;
margin-top: -1.0666666667vw;
margin-right: 2.6666666667vw;
}
} .c-btn-04 {
position: relative;
width: -moz-fit-content;
width: fit-content;
display: block;
align-items: center;
width: 100%;
margin: 0 auto;
font-size: 13.4934114202px;
font-weight: bold;
color: #fff;
background: linear-gradient(20deg, #74B9DD, #55ABA4);
}
@media screen and (min-width: 1025px) {
.c-btn-04 {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-04 {
width: 68.8vw;
margin: 0;
font-size: 4.2666666667vw;
}
}
.c-btn-04::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 29.9853587116px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-04::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-04::before {
right: 6.4vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-04:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
.c-btn-04__hover {
position: relative;
pointer-events: none;
padding: 17.9912152269px 62.9692532943px;
}
@media screen and (min-width: 1025px) {
.c-btn-04__hover {
padding: 1.756954612vw 6.149341142vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-04__hover {
padding: 4.2666666667vw 6.4vw 4.2666666667vw 18.6666666667vw;
}
}
.c-btn-04__hover::before {
content: "";
position: absolute;
top: 50%;
right: 18.5909224012px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-04__hover::before {
right: 1.8155197657vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-04__hover::before {
right: 3.7333333333vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
.c-btn-04__hover::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 20.9897510981px;
translate: 0 -50%;
width: 29.9853587116px;
height: 29.9853587116px;
background: url(//www.thecoaches.co.jp/img/common/icn_omikuji.svg) 0 0 no-repeat;
background-size: contain;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-btn-04__hover::after {
left: 2.0497803807vw;
width: 2.9282576867vw;
height: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-btn-04__hover::after {
left: 5.3333333333vw;
width: 8.5333333333vw;
height: 8.5333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-btn-04:hover .c-btn-04__hover::before {
transform: scale(1);
}
}
.c-btn-04__txt {
position: relative;
pointer-events: none;
z-index: 2;
} .c-card {
position: relative;
margin-right: 23.9882869693px;
width: 418.2957540264px;
padding: 35.9824304539px;
color: #fff;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-card {
width: 40.8491947291vw;
margin-right: 2.3426061493vw;
padding: 3.513909224vw;
}
}
@media screen and (max-width: 767px) {
.c-card {
width: 86.9333333333vw;
margin-right: 4.2666666667vw;
padding: 5.3333333333vw;
}
}
.c-card__price {
position: absolute;
top: 14.9926793558px;
right: 14.9926793558px;
width: 47.9765739385px;
height: 47.9765739385px;
border-radius: 50%;
}
@media screen and (min-width: 1025px) {
.c-card__price {
top: 1.4641288433vw;
right: 1.4641288433vw;
width: 4.6852122987vw;
height: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-card__price {
top: 2.1333333333vw;
right: 2.1333333333vw;
width: 9.6vw;
height: 9.6vw;
}
}
.c-card__price img {
width: 100%;
}
.c-card__head {
position: relative;
display: flex;
align-items: flex-start;
-moz-column-gap: 11.9941434846px;
column-gap: 11.9941434846px;
border-bottom: 0.7496339678px solid rgba(255, 255, 255, 0.4);
padding-bottom: 17.9912152269px;
padding-right: 37.4816983895px;
}
@media screen and (min-width: 1025px) {
.c-card__head {
-moz-column-gap: 1.1713030747vw;
column-gap: 1.1713030747vw;
border-bottom-width: 0.0732064422vw;
padding-bottom: 1.756954612vw;
padding-right: 3.6603221083vw;
}
}
@media screen and (max-width: 767px) {
.c-card__head {
-moz-column-gap: 1.8666666667vw;
column-gap: 1.8666666667vw;
border-bottom-width: 0.2666666667vw;
padding-bottom: 4.2666666667vw;
padding-right: 8vw;
}
}
.c-card__head::before {
display: block;
content: "";
position: absolute;
bottom: -0.7496339678px;
left: 0;
width: 47.9765739385px;
height: 0.7496339678px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-card__head::before {
bottom: -0.0732064422vw;
width: 4.6852122987vw;
height: 0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.c-card__head::before {
bottom: -0.2666666667vw;
width: 11.4666666667vw;
height: 0.2666666667vw;
}
}
.c-card__icn {
width: 18.7408491947px;
margin-top: 2.2489019034px;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
.c-card__icn {
width: 1.8301610542vw;
margin-top: 0.2196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-card__icn {
width: 6.1333333333vw;
margin-top: 0.8vw;
}
}
.c-card__icn img {
width: 100%;
}
.c-card__ttl {
font-size: 17.9912152269px;
font-weight: 700;
line-height: 1.4;
}
@media screen and (min-width: 1025px) {
.c-card__ttl {
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-card__ttl {
font-size: 4.2666666667vw;
}
}
.c-card__body {
padding-top: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-card__body {
padding-top: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-card__body {
padding-top: 5.3333333333vw;
}
}
.c-card__txt {
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-card__txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-card__txt {
font-size: 3.7333333333vw;
}
}
.c-card__unit {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-card__unit {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-card__unit {
margin-top: 5.3333333333vw;
}
}
.c-card__box {
margin-top: 1.4992679356px;
padding: 9.7452415813px 11.9941434846px;
background-color: rgba(255, 255, 255, 0.9);
font-size: 10.494875549px;
line-height: 1.8;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-card__box {
margin-top: 0.1464128843vw;
padding: 0.9516837482vw 1.1713030747vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-card__box {
margin-top: 0.5333333333vw;
padding: 3.4666666667vw 4.2666666667vw;
font-size: 3.2vw;
}
}
.c-card__box:first-of-type {
margin-top: 0;
}
.c-card__box .c-txt-strong {
font-weight: 700;
}
.c-card__schedule {
display: flex;
align-items: center;
font-weight: 700;
}
.c-card__date .sat {
color: #2F8EE0;
}
.c-card__date .sun {
color: #D62634;
}
.c-card__fee {
font-weight: 500;
}
.c-card__place {
font-weight: 500;
}
.c-card__link-wrap {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-card__link-wrap {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-card__link-wrap {
margin-top: 3.2vw;
}
} .c-card-2 {
position: relative;
width: 383.8125915081px;
margin-right: 23.9882869693px;
padding: 29.9853587116px;
color: #fff;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-card-2 {
width: 37.4816983895vw;
margin-right: 2.3426061493vw;
padding: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2 {
width: 86.9333333333vw;
margin-right: 4.2666666667vw;
padding: 5.3333333333vw;
}
}
.c-card-2__txt {
position: relative;
padding-inline: 40.4802342606px 25.4875549048px;
font-size: 14.9926793558px;
font-weight: 700;
color: #fff;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-card-2__txt {
padding-inline: 3.953147877vw 2.4890190337vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__txt {
padding-inline: 7.4666666667vw;
font-size: 3.7333333333vw;
}
}
.c-card-2__txt::before, .c-card-2__txt::after {
display: block;
content: "";
position: absolute;
top: 7.4963396779px;
width: 22.4890190337px;
height: 20.2401171303px;
background: url(//www.thecoaches.co.jp/img/common/icn_quotation.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.c-card-2__txt::before, .c-card-2__txt::after {
top: 0.7320644217vw;
width: 2.196193265vw;
height: 1.9765739385vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__txt::before, .c-card-2__txt::after {
top: 1.3333333333vw;
width: 5.3333333333vw;
height: 3.7333333333vw;
}
}
.c-card-2__txt::before {
left: 0;
}
.c-card-2__txt::after {
right: 0;
rotate: 180deg;
}
.c-card-2__person {
margin-top: 29.9853587116px;
display: flex;
align-items: center;
-moz-column-gap: 5.9970717423px;
column-gap: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.c-card-2__person {
margin-top: 2.9282576867vw;
-moz-column-gap: 0.5856515373vw;
column-gap: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__person {
margin-top: 3.2vw;
-moz-column-gap: 2.9333333333vw;
column-gap: 2.9333333333vw;
}
}
.c-card-2__icn {
width: 29.9853587116px;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
.c-card-2__icn {
width: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__icn {
width: 8.5333333333vw;
}
}
.c-card-2__icn img {
width: 100%;
}
.c-card-2__post {
font-size: 7.4963396779px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.c-card-2__post {
font-size: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__post {
font-size: 3.2vw;
}
}
.c-card-2__info {
font-size: 11.2445095168px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.c-card-2__info {
font-size: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-card-2__info {
font-size: 3.7333333333vw;
}
} .c-card-3 {
position: relative;
width: 311.8477306003px;
margin-right: 23.9882869693px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-card-3 {
width: 30.4538799414vw;
margin-right: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3 {
width: 86.9333333333vw;
margin-right: 4.2666666667vw;
}
}
.c-card-3__move {
width: 100%;
height: 188.1581259151px;
}
@media screen and (min-width: 1025px) {
.c-card-3__move {
height: 18.3748169839vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3__move {
height: 52vw;
}
}
.c-card-3__move img {
width: 100%;
height: 100%;
}
.c-card-3__person {
font-family: "Zen Kaku Gothic New", sans-serif;
color: #fff;
padding: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-card-3__person {
padding: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3__person {
padding: 5.3333333333vw;
}
}
.c-card-3__post {
font-size: 13.4934114202px;
font-weight: bold;
line-height: 1.4444444444;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-card-3__post {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3__post {
font-size: 4.2666666667vw;
line-height: 1.625;
}
}
.c-card-3__name {
display: block;
margin: 8.9956076135px 0;
font-size: 10.494875549px;
font-weight: bold;
line-height: 1.7142857143;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-card-3__name {
margin: 0.878477306vw 0;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3__name {
margin: 3.2vw 0;
font-size: 3.2vw;
line-height: 1.7142857143;
}
}
.c-card-3__txt {
font-size: 11.9941434846px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-card-3__txt {
margin: 0.878477306vw 0;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-card-3__txt {
font-size: 3.7333333333vw;
line-height: 1.8;
}
} .c-card-4 {
padding: 0 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-card-4 {
padding: 0 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4 {
padding: 0 4.8vw 0 0;
}
}
@media screen and (min-width: 768px) {
.is-ready .c-card-4 {
transition: transform 0.5s;
}
}
.c-card-4__link {
display: block;
width: 100%;
height: 100%;
}
@media (hover: hover) and (pointer: fine) {
.c-card-4__link {
transition: opacity 300ms;
}
.c-card-4__link:hover {
opacity: 0.8;
}
}
.c-card-4__container {
width: 230.8872620791px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-card-4__container {
width: 22.5475841874vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__container {
width: 86.9333333333vw;
}
}
.c-card-4__head {
position: relative;
}
.c-card-4__end {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(17, 29, 47, 0.8);
}
.c-card-4__end-txt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 17.9912152269px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-card-4__end-txt {
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__end-txt {
font-size: 6.4vw;
}
}
.c-card-4__img {
width: 100%;
height: 100%;
aspect-ratio: 308/174;
}
@media screen and (max-width: 767px) {
.c-card-4__img {
aspect-ratio: 326/183;
}
}
.c-card-4__body {
font-family: "Zen Kaku Gothic New", sans-serif;
color: #fff;
padding: 15.7423133236px 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-card-4__body {
padding: 1.5373352855vw 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__body {
padding: 5.3333333333vw;
}
}
.c-card-4__ttl {
font-weight: bold;
padding-bottom: 9.7452415813px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 1025px) {
.c-card-4__ttl {
padding-bottom: 0.9516837482vw;
border-bottom: 0.0732064422vw solid rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 767px) {
.c-card-4__ttl {
padding-bottom: 3.4666666667vw;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.2);
}
}
.c-card-4__ttl-sub {
display: block;
font-size: 10.494875549px;
line-height: 1.7142857143;
margin-bottom: 2.9985358712px;
}
@media screen and (min-width: 1025px) {
.c-card-4__ttl-sub {
font-size: 1.0248901903vw;
margin-bottom: 0.2928257687vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__ttl-sub {
font-size: 3.7333333333vw;
margin-bottom: 1.0666666667vw;
}
}
.c-card-4__ttl-main {
font-size: 11.9941434846px;
line-height: 1.5;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-card-4__ttl-main {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__ttl-main {
font-size: 4.2666666667vw;
}
}
.c-card-4__detail {
padding-top: 9.7452415813px;
}
@media screen and (min-width: 1025px) {
.c-card-4__detail {
padding-top: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__detail {
padding-top: 3.4666666667vw;
}
}
.c-card-4__detail__box {
display: flex;
}
.c-card-4__detail-txt {
font-size: 8.9956076135px;
line-height: 2;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.c-card-4__detail-txt {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__detail-txt {
font-size: 3.2vw;
}
}
.c-card-4__detail-txt--l {
display: block;
flex-shrink: 0;
width: 26.9868228404px;
margin-right: 14.9926793558px;
font-weight: bold;
}
@media screen and (min-width: 1025px) {
.c-card-4__detail-txt--l {
width: 2.635431918vw;
margin-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-card-4__detail-txt--l {
width: 9.6vw;
margin-right: 9.8666666667vw;
}
} .c-card-5 {
display: flex;
justify-content: center;
}
.c-card-5:nth-of-type(n+2) {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-card-5:nth-of-type(n+2) {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-card-5:nth-of-type(n+2) {
margin-top: 3.2vw;
}
}
.c-card-5 iframe {
width: 700px !important;
margin: 0 !important;
} .c-card-6__container {
display: flex;
}
@media screen and (max-width: 767px) {
.c-card-6__container {
display: block;
}
}
.c-card-6__box {
width: 33.3333333333%;
height: 487.262079063px;
}
@media screen and (min-width: 1025px) {
.c-card-6__box {
height: 47.5841874085vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__box {
width: 100%;
height: 143.2vw;
}
}
.c-card-6__box-inner {
position: relative;
z-index: 2;
}
.c-card-6__link-area {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 44.9780380673px 40.4802342606px;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 1025px) {
.c-card-6__link-area {
padding: 4.39238653vw 3.953147877vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__link-area {
padding: 12vw 4vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-card-6__link-area {
transition: opacity 300ms;
}
.c-card-6__link-area:hover {
opacity: 0.8;
}
}
.c-card-6__link-area--1 {
background-image: url(//www.thecoaches.co.jp/img/common/img_card01.jpg);
}
.c-card-6__link-area--2 {
background-image: url(//www.thecoaches.co.jp/img/common/img_card02.jpg);
}
.c-card-6__link-area--3 {
background-image: url(//www.thecoaches.co.jp/img/common/img_card03.jpg);
}
.c-card-6__ttl {
color: #fff;
}
.c-card-6__ttl-main {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 38.980966325px;
line-height: 1.1923076923;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-card-6__ttl-main {
font-size: 3.8067349927vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__ttl-main {
font-size: 12.5333333333vw;
}
}
.c-card-6__ttl-sub {
display: block;
margin-top: 9.7452415813px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
font-size: 13.4934114202px;
letter-spacing: 0.01em;
line-height: 1.7777777778;
}
@media screen and (min-width: 1025px) {
.c-card-6__ttl-sub {
margin-top: 0.9516837482vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__ttl-sub {
margin-top: 2.4vw;
font-size: 4.2666666667vw;
}
}
.c-card-6__sup {
font-size: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-card-6__sup {
font-size: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__sup {
font-size: 1.8666666667vw;
}
}
.c-card-6__link {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
font-size: 13.4934114202px;
line-height: 1.3333333333;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-card-6__link {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__link {
font-size: 4.2666666667vw;
}
}
.c-card-6__link::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
width: 7.4963396779px;
height: 8.2459736457px;
top: 54%;
right: -15.7423133236px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-card-6__link::before {
width: 0.7320644217vw;
height: 0.8052708638vw;
right: -1.5373352855vw;
}
}
@media screen and (max-width: 767px) {
.c-card-6__link::before {
width: 2.4vw;
height: 2.6666666667vw;
right: -4vw;
}
} .c-card-7 {
position: relative;
width: 488.0117130307px;
height: 361.3235724744px;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.c-card-7 {
width: 47.6573938507vw;
height: 35.2855051245vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7 {
width: 100vw;
height: 117.8666666667vw;
margin: 25.6vw calc(50% - 50vw) 0;
}
}
.c-card-7__container {
position: relative;
width: 100%;
height: 100%;
padding: 50.2254758419px 0 50.2254758419px 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-card-7__container {
padding: 4.9048316252vw 0 4.9048316252vw 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7__container {
padding: 16vw 4vw 16vw;
}
}
.c-card-7__head {
position: relative;
z-index: 2;
}
.c-card-7__body {
position: relative;
z-index: 2;
margin-bottom: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-card-7__body {
margin-bottom: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7__body {
margin-bottom: 6.4vw;
}
}
.c-card-7__btn {
position: relative;
z-index: 2;
}
.c-card-7__detail {
display: flex;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
letter-spacing: 0.01em;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-card-7__detail {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7__detail {
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-card-7__detail:nth-of-type(n+2) {
margin-top: 10.494875549px;
}
@media screen and (min-width: 1025px) {
.c-card-7__detail:nth-of-type(n+2) {
margin-top: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7__detail:nth-of-type(n+2) {
margin-top: 1.8666666667vw;
}
}
.c-card-7__detail-ttl {
display: block;
width: 67.467057101px;
margin-right: 5.9970717423px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.c-card-7__detail-ttl {
width: 6.588579795vw;
margin-right: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-card-7__detail-ttl {
flex-shrink: 0;
width: 20vw;
margin-right: 2.6666666667vw;
}
} .c-card-8 {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-card-8 {
display: block;
height: 142.9333333333vw;
}
}
.c-card-8__link {
display: block;
height: 100%;
padding-block: 25.4875549048px 37.4816983895px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-inline: 71.9648609078px 59.9707174231px;
}
@media (hover: hover) and (pointer: fine) {
.c-card-8__link {
transition: opacity 300ms;
}
.c-card-8__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-card-8__link {
padding-block: 2.4890190337vw 3.6603221083vw;
padding-inline: 7.027818448vw 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8__link {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-block: 8.8vw 12.5333333333%;
padding-inline: 4% 1.8666666667%;
}
}
.c-card-8--co-active .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/img_co-active.jpg);
}
@media screen and (max-width: 767px) {
.c-card-8--co-active .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/sp/img_co-active.jpg);
}
}
.c-card-8--our-story .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/img_our-story.jpg);
}
@media screen and (max-width: 767px) {
.c-card-8--our-story .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/sp/img_our-story.jpg);
}
}
.c-card-8--community .c-card-8__link {
padding-inline: 79.4612005857px;
background-image: url(//www.thecoaches.co.jp/img/about/img_community.jpg);
}
@media screen and (min-width: 1025px) {
.c-card-8--community .c-card-8__link {
padding-inline: 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8--community .c-card-8__link {
padding-inline: 4% 1.8666666667%;
background-image: url(//www.thecoaches.co.jp/img/about/sp/img_community.jpg);
}
}
.c-card-8--books .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/img_book.jpg);
}
@media screen and (max-width: 767px) {
.c-card-8--books .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/about/sp/img_book.jpg);
}
}
.c-card-8--coaching .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/img_coaching.jpg);
}
@media screen and (max-width: 767px) {
.c-card-8--coaching .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/sp/img_coaching.jpg);
}
}
.c-card-8--leadership .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/img_leadership.jpg);
}
@media screen and (max-width: 767px) {
.c-card-8--leadership .c-card-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/sp/img_leadership.jpg);
}
}
.c-card-8__ttl {
font-size: 41.9795021962px;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.c-card-8__ttl {
font-size: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8__ttl {
font-size: 12.8vw;
line-height: 1;
}
}
.c-card-8__ttl .js-fadein-up {
display: inline-block;
}
.c-card-8__ttl--l {
line-height: 1.1;
margin-bottom: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-card-8__ttl--l {
margin-bottom: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8__ttl--l {
margin-bottom: 2.6666666667vw;
}
}
.c-card-8__lead {
font-size: 13.4934114202px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.c-card-8__lead {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8__lead {
margin-top: 4vw;
font-size: 4.2666666667vw;
}
}
.c-card-8__link-wrap {
margin-top: 134.934114202px;
}
@media screen and (min-width: 1025px) {
.c-card-8__link-wrap {
margin-top: 13.17715959vw;
}
}
@media screen and (max-width: 767px) {
.c-card-8__link-wrap {
margin-top: auto;
}
}
.c-card-8 sup {
vertical-align: 30%;
font-size: 65%;
} .c-cassette {
position: relative;
color: #fff;
overflow: hidden;
}
.c-cassette__link {
display: flex;
align-items: center;
justify-content: space-between;
height: 299.8535871157px;
-moz-column-gap: 3.6603221083%;
column-gap: 3.6603221083%;
padding: 59.9707174231px 80.2108345534px 59.9707174231px 73.4641288433px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
.c-cassette__link {
transition: opacity 300ms;
}
.c-cassette__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-cassette__link {
height: 29.2825768668vw;
padding: 5.8565153734vw 7.8330893119vw 5.8565153734vw 7.1742313324vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette__link {
display: block;
height: auto;
padding: 9.8666666667vw 4% 12.8vw;
}
}
.c-cassette--find-coach .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/img_find-coach.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette--find-coach .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/sp/img_find-coach.jpg);
}
}
.c-cassette--learn-coach .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/img_learn-coach.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette--learn-coach .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/sp/img_learn-coach.jpg);
}
}
.c-cassette--learn-leadership .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/img_learn-leadership.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette--learn-leadership .c-cassette__link {
background-image: url(//www.thecoaches.co.jp/img/top/sp/img_learn-leadership.jpg);
}
}
.c-cassette__head {
position: relative;
z-index: 2;
}
.c-cassette__ttl {
font-size: 53.9736456808px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 1.1;
}
@media screen and (min-width: 1025px) {
.c-cassette__ttl {
font-size: 5.270863836vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette__ttl {
font-size: 12.8vw;
}
}
.c-cassette__ttl span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.c-cassette__ttl span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.c-cassette__ttl span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .c-cassette__ttl span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .c-cassette__ttl span:nth-child(1) {
transition-delay: 0s;
}
.is-active .c-cassette__ttl span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .c-cassette__ttl span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .c-cassette__ttl span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .c-cassette__ttl span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .c-cassette__ttl span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .c-cassette__ttl span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .c-cassette__ttl span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .c-cassette__ttl span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .c-cassette__ttl span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .c-cassette__ttl span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .c-cassette__ttl span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .c-cassette__ttl span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .c-cassette__ttl span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .c-cassette__ttl span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .c-cassette__ttl span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .c-cassette__ttl span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .c-cassette__ttl span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .c-cassette__ttl span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .c-cassette__ttl span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .c-cassette__ttl span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .c-cassette__ttl span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .c-cassette__ttl span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .c-cassette__ttl span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .c-cassette__ttl span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .c-cassette__ttl span:nth-child(26) {
transition-delay: 2s;
}
.is-active .c-cassette__ttl span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .c-cassette__ttl span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .c-cassette__ttl span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .c-cassette__ttl span:nth-child(30) {
transition-delay: 2.32s;
}
.c-cassette__txt {
margin-top: 2.9985358712px;
font-size: 17.9912152269px;
font-weight: 700;
line-height: 2.3333;
}
@media screen and (min-width: 1025px) {
.c-cassette__txt {
margin-top: 0.2928257687vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette__txt {
margin-top: 2.1333333333vw;
font-size: 4.2666666667vw;
}
}
.c-cassette__txt sup {
vertical-align: 25%;
font-size: 65%;
}
.c-cassette__body {
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.c-cassette__body {
margin-top: 72vw;
}
} .c-cassette-2:nth-of-type(n+2) {
margin-top: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.c-cassette-2:nth-of-type(n+2) {
margin-top: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2:nth-of-type(n+2) {
margin-top: 16.8vw;
}
}
.c-cassette-2__head {
position: relative;
display: flex;
align-items: center;
padding: 76.4626647145px 33.7335285505px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
@media screen and (min-width: 1025px) {
.c-cassette-2__head {
padding: 7.467057101vw 3.2942898975vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__head {
height: 86.6666666667vw;
flex-direction: column-reverse;
align-items: unset;
justify-content: space-between;
padding: 9.3333333333vw 4vw 4.2666666667vw;
}
}
.c-cassette-2__head--base {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_base.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--base {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_base.jpg);
}
}
.c-cassette-2__head--fulfillment {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_fulfillment.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--fulfillment {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_fulfillment.jpg);
}
}
.c-cassette-2__head--balance {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_balance.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--balance {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_balance.jpg);
}
}
.c-cassette-2__head--process {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_process.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--process {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_process.jpg);
}
}
.c-cassette-2__head--synergy {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_synergy.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--synergy {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_synergy.jpg);
}
}
.c-cassette-2__head--highclass {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/img_highclass.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--highclass {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_highclass.jpg);
}
}
.c-cassette-2__head--experience {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/img_experience.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--experience {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/sp/img_experience.jpg);
}
}
.c-cassette-2__head--retreat {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/img_retreat.jpg);
}
@media screen and (max-width: 767px) {
.c-cassette-2__head--retreat {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/sp/img_retreat.jpg);
}
}
.c-cassette-2__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-cassette-2__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
}
.c-cassette-2__body {
background-color: rgba(255, 255, 255, 0.9);
padding: 43.4787701318px 47.9765739385px 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-cassette-2__body {
padding: 4.2459736457vw 4.6852122987vw 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__body {
padding: 8.6666666667vw 4vw;
}
}
.c-cassette-2__body--bg {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.c-cassette-2__body--bg {
padding: 11.4666666667vw 4vw 9.0666666667vw;
}
}
.c-cassette-2__body--bgnone {
background-color: unset;
padding: 0;
}
.c-cassette-2__icn {
position: relative;
width: 65.9677891654px;
height: 65.9677891654px;
margin-right: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-cassette-2__icn {
width: 6.4421669107vw;
height: 6.4421669107vw;
margin-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__icn {
width: 23.4666666667vw;
height: 23.4666666667vw;
margin-right: 0;
}
}
.c-cassette-2__icn img {
width: 100%;
}
.c-cassette-2__ttl {
position: relative;
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
}
.c-cassette-2__ttl--sub {
font-size: 14.9926793558px;
line-height: 2.1;
}
@media screen and (min-width: 1025px) {
.c-cassette-2__ttl--sub {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__ttl--sub {
font-size: 3.7333333333vw;
line-height: 1.48;
margin-bottom: 1.6vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__ttl--sub-mt {
margin-top: 1.6vw;
margin-bottom: 0;
}
}
.c-cassette-2__ttl--main {
font-size: 22.4890190337px;
line-height: 1.6;
}
@media screen and (min-width: 1025px) {
.c-cassette-2__ttl--main {
font-size: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-2__ttl--main {
font-size: 7.4666666667vw;
line-height: 1.2;
}
}
.c-cassette-2__ttl--leader {
font-family: "Poppins", sans-serif;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.c-cassette-2__ttl--leader {
line-height: 1.4;
}
} .c-cassette-3:nth-of-type(n+2) {
margin-top: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.c-cassette-3:nth-of-type(n+2) {
margin-top: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3:nth-of-type(n+2) {
margin-top: 8.2666666667vw;
}
}
.c-cassette-3__inner:nth-of-type(n+2) {
margin-top: 14.243045388px;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__inner:nth-of-type(n+2) {
margin-top: 1.3909224012vw;
}
}
.c-cassette-3__anno {
margin-top: 15.7423133236px;
padding: 14.9926793558px 17.9912152269px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__anno {
margin-top: 1.5373352855vw;
padding: 1.4641288433vw 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__anno {
margin-top: 5.3333333333vw;
padding: 4.2666666667vw 5.6vw;
}
}
.c-cassette-3__anno-ttl {
display: block;
margin-bottom: 3.7481698389px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
line-height: 2;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__anno-ttl {
margin-bottom: 0.3660322108vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__anno-ttl {
margin-bottom: 0.8vw;
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-cassette-3__anno-txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__anno-txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__anno-txt {
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-cassette-3__move {
width: 431.7891654466px;
height: 221.1420204978px;
margin: 17.9912152269px auto 0;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__move {
width: 42.1669106881vw;
height: 21.5959004392vw;
margin: 1.756954612vw auto 0;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__move {
width: 100%;
height: auto;
margin: 5.3333333333vw auto 0;
}
}
.c-cassette-3__retreat {
display: flex;
align-items: center;
margin-bottom: 11.2445095168px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__retreat {
margin-bottom: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__retreat {
margin-top: 4.5333333333vw;
margin-bottom: 2.6666666667vw;
}
}
.c-cassette-3__retreat-data {
padding: 3.7481698389px 11.9941434846px 4.4978038067px;
font-size: 10.494875549px;
line-height: 1.5714285714;
background-color: #F8E5C1;
color: #7E5A16;
border-radius: 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__retreat-data {
padding: 0.3660322108vw 1.1713030747vw 0.439238653vw;
font-size: 1.0248901903vw;
border-radius: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__retreat-data {
padding: 0.8vw 2.9333333333vw 0.8vw;
font-size: 3.7333333333vw;
border-radius: 4.8vw;
}
}
.c-cassette-3__retreat-ttl {
font-size: 17.9912152269px;
line-height: 1.358333;
padding-left: 4.4978038067px;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__retreat-ttl {
font-size: 1.756954612vw;
padding-left: 0.439238653vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-3__retreat-ttl {
font-size: 5.3333333333vw;
line-height: 1.25;
padding-left: 1.0666666667vw;
}
}
.c-cassette-3__txt {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-cassette-3__txt {
margin-top: 1.4641288433vw;
}
} .c-cassette-4__inner:nth-of-type(n+2) {
margin-top: 26.9868228404px;
}
@media screen and (min-width: 1025px) {
.c-cassette-4__inner:nth-of-type(n+2) {
margin-top: 2.635431918vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-4__inner:nth-of-type(n+2) {
margin-top: 7.7333333333vw;
}
} .c-cassette-5 {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.c-cassette-5 {
display: block;
}
}
.c-cassette-5:nth-of-type(n+2) {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5:nth-of-type(n+2) {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5:nth-of-type(n+2) {
margin-top: 16.5333333333vw;
}
}
.c-cassette-5--mt:nth-of-type(n+2) {
margin-top: 0;
}
.c-cassette-5--mt .c-cassette-5__body {
margin-bottom: 29.9853587116px;
padding-bottom: 29.9853587116px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 1025px) {
.c-cassette-5--mt .c-cassette-5__body {
margin-bottom: 2.9282576867vw;
padding-bottom: 2.9282576867vw;
border-bottom: 0.0732064422vw solid rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 767px) {
.c-cassette-5--mt .c-cassette-5__body {
margin-top: 8vw;
margin-bottom: 10.6666666667vw;
padding-bottom: 10.6666666667vw;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.2);
}
}
.c-cassette-5--mt .c-cassette-5__body--last {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.c-cassette-5__head {
width: 273.616398243px;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__head {
width: 26.7203513909vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__head--mb {
margin-bottom: 10.6666666667vw;
}
}
.c-cassette-5__body {
width: 528.4919472914px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__body {
width: 51.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__body {
width: 100%;
}
}
.c-cassette-5__link {
position: relative;
margin-right: 14.9926793558px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__link {
margin-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__link {
margin-right: 4.8vw;
}
}
.c-cassette-5__link::after {
content: "";
position: absolute;
width: 7.4963396779px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_pdf.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_pdf.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
bottom: 16%;
right: -11.2445095168px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__link::after {
width: 0.7320644217vw;
height: 0.9516837482vw;
right: -1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__link::after {
width: 2.6666666667vw;
height: 3.4666666667vw;
right: -4vw;
bottom: 5%;
}
}
.c-cassette-5__link--noicn {
display: inline-block;
margin-right: 0;
color: #fff;
line-height: 1.2;
}
.c-cassette-5__link--noicn:after {
content: none;
}
.c-cassette-5__txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__txt {
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-cassette-5__txt--s {
display: block;
margin-top: 17.9912152269px;
font-size: 10.494875549px;
line-height: 2.0571428571;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__txt--s {
margin-top: 1.756954612vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__txt--s {
margin-top: 10.6666666667vw;
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-cassette-5__txt--bold {
margin-top: 0;
font-weight: 700;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
.c-cassette-5__txt--bold:hover {
text-decoration: none;
}
}
.c-cassette-5__txt--link {
position: relative;
margin-right: 4.4978038067px;
font-weight: bold;
color: #fff;
cursor: pointer;
text-decoration: underline;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__txt--link {
margin-right: 0.439238653vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__txt--link {
margin-right: 1.6vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-cassette-5__txt--link:hover {
text-decoration: none;
}
}
.c-cassette-5__txt--link::after {
content: "";
position: relative;
top: 1.4992679356px;
display: inline-block;
width: 8.2459736457px;
height: 8.2459736457px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
margin-left: 5.2474377745px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__txt--link::after {
top: 0.1464128843vw;
width: 0.8052708638vw;
height: 0.8052708638vw;
margin-left: 0.5124450952vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__txt--link::after {
top: 0.5333333333vw;
width: 2.6666666667vw;
height: 2.6666666667vw;
margin-left: 1.8666666667vw;
}
}
.c-cassette-5__txt--mtb {
margin-top: 14.9926793558px;
margin-bottom: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__txt--mtb {
margin-top: 1.4641288433vw;
margin-bottom: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__txt--mtb {
margin-top: 5.3333333333vw;
margin-bottom: 5.3333333333vw;
}
}
.c-cassette-5__btn {
margin-top: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__btn {
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__btn {
margin-top: 10.6666666667vw;
}
}
.c-cassette-5__form:nth-of-type(n+2) {
margin-top: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form:nth-of-type(n+2) {
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form:nth-of-type(n+2) {
margin-top: 9.3333333333vw;
}
}
.c-cassette-5__form-txt {
display: inline-block;
margin-bottom: 11.2445095168px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-txt {
margin-bottom: 1.0980966325vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-txt {
margin-bottom: 2.9333333333vw;
font-size: 4.2666666667vw;
}
}
.c-cassette-5__form-txt--required {
font-size: 11.9941434846px;
line-height: 0.01em;
color: #F24747;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-txt--required {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-txt--required {
font-size: 3.2vw;
}
}
.c-cassette-5__form-area-flex {
display: flex;
-moz-column-gap: 25.4875549048px;
column-gap: 25.4875549048px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-area-flex {
-moz-column-gap: 2.4890190337vw;
column-gap: 2.4890190337vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-area-flex {
-moz-column-gap: 0;
column-gap: 0;
justify-content: space-between;
}
}
.c-cassette-5__form-area {
background-color: rgba(255, 255, 255, 0.9);
padding: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-area {
padding: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-area {
padding: 3.7333333333vw 4.2666666667vw;
}
}
.c-cassette-5__form-area--l {
width: 100%;
height: 158.9224011713px;
padding: 20.2401171303px 17.2415812592px;
overflow: scroll;
scrollbar-width: none;
}
.c-cassette-5__form-area--l::-webkit-scrollbar {
display: none;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-area--l {
padding: 1.9765739385vw 1.6837481698vw;
height: 15.5197657394vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-area--l {
height: 56.5333333333vw;
padding: 4.2666666667vw;
}
}
.c-cassette-5__form-area--name {
width: 191.906295754px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-area--name {
width: 18.7408491947vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-area--name {
width: 44.8vw;
}
}
.c-cassette-5__form-area--tell {
width: 136.4333821376px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__form-area--tell {
width: 13.3235724744vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__form-area--tell {
width: 91.7333333333vw;
}
}
.c-cassette-5__inpt-txt {
width: 100%;
height: 100%;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #000;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__inpt-txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__inpt-txt {
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.c-cassette-5__inpt-txt::-moz-placeholder {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #8692A3;
}
.c-cassette-5__inpt-txt::placeholder {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #8692A3;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__inpt-txt::-moz-placeholder {
font-size: 1.1713030747vw;
}
.c-cassette-5__inpt-txt::placeholder {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__inpt-txt::-moz-placeholder {
font-size: 3.7333333333vw;
letter-spacing: 0;
}
.c-cassette-5__inpt-txt::placeholder {
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.c-cassette-5__confirmation {
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 2;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__confirmation {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__confirmation {
font-size: 4.2666666667vw;
}
}
.c-cassette-5__btn-flex {
display: flex;
-moz-column-gap: 11.9941434846px;
column-gap: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.c-cassette-5__btn-flex {
-moz-column-gap: 1.1713030747vw;
column-gap: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-cassette-5__btn-flex {
flex-direction: column-reverse;
row-gap: 3.4666666667vw;
}
} .c-circle {
position: absolute;
width: 50%;
height: 50%;
border-radius: 50%;
scale: 1;
z-index: -1;
will-change: animation;
}
.c-box--color01 .c-circle {
background-color: #573ab5;
}
.c-box--color02 .c-circle {
background-color: #cc8938;
}
.c-box--color03 .c-circle {
background-color: #1530c4;
}
.c-circle--01 {
bottom: 0;
right: 0;
translate: 0 0;
}
.c-box--color01 .c-circle--01 {
animation: vertical 7s ease-in-out 2s infinite alternate, circle-color-change1 25s ease-in-out 2s infinite forwards;
}
.c-box--color02 .c-circle--01 {
animation: vertical 7s ease-in-out 2s infinite alternate, circle-color-change2 25s ease-in-out 2s infinite forwards;
}
.c-box--color03 .c-circle--01 {
animation: vertical 7s ease-in-out 2s infinite alternate, circle-color-change3 25s ease-in-out 2s infinite forwards;
}
.c-circle--02 {
bottom: 0;
left: 0;
translate: 0 0;
}
.c-box--color01 .c-circle--02 {
animation: horizontal 5s ease-in-out 2s infinite alternate, circle-color-change1 25s ease-in-out 2s infinite forwards;
}
.c-box--color02 .c-circle--02 {
animation: horizontal 5s ease-in-out 2s infinite alternate, circle-color-change2 25s ease-in-out 2s infinite forwards;
}
.c-box--color03 .c-circle--02 {
animation: horizontal 5s ease-in-out 2s infinite alternate, circle-color-change3 25s ease-in-out 2s infinite forwards;
}
.c-circle--03 {
top: 20%;
left: 40%;
transform-origin: 0 0;
}
.c-box--color01 .c-circle--03 {
animation: circle 10s ease-in 2s infinite forwards, circle-color-change1 25s ease-in-out 2s infinite forwards;
}
.c-box--color02 .c-circle--03 {
animation: circle 10s ease-in 2s infinite forwards, circle-color-change2 25s ease-in-out 2s infinite forwards;
}
.c-box--color03 .c-circle--03 {
animation: circle 10s ease-in 2s infinite forwards, circle-color-change3 25s ease-in-out 2s infinite forwards;
}
@keyframes circle-color-change1 {
0% {
background-color: #573ab5;
}
15% {
background-color: #906188;
}
30% {
background-color: #c45888;
}
45% {
background-color: #cc8938;
}
60% {
background-color: #0d6261;
}
75% {
background-color: #2aaacf;
}
90% {
background-color: #1530c4;
}
100% {
background-color: #573ab5;
}
}
@keyframes circle-color-change2 {
0% {
background-color: #cc8938;
}
15% {
background-color: #0d6261;
}
30% {
background-color: #2aaacf;
}
45% {
background-color: #1530c4;
}
60% {
background-color: #573ab5;
}
75% {
background-color: #906188;
}
90% {
background-color: #c45888;
}
100% {
background-color: #cc8938;
}
}
@keyframes circle-color-change3 {
0% {
background-color: #1530c4;
}
15% {
background-color: #573ab5;
}
30% {
background-color: #906188;
}
45% {
background-color: #c45888;
}
60% {
background-color: #cc8938;
}
75% {
background-color: #0d6261;
}
90% {
background-color: #2aaacf;
}
100% {
background-color: #1530c4;
}
}
@keyframes vertical {
0% {
scale: 1;
translate: 0 0;
}
25% {
scale: 1.4;
}
50% {
scale: 1.1;
}
75% {
scale: 1.3;
}
100% {
scale: 1;
translate: 0 -50%;
}
}
@keyframes horizontal {
0% {
scale: 1;
translate: 0 0;
}
50% {
scale: 1.3;
}
100% {
scale: 1;
translate: 20% 0;
}
}
@keyframes circle {
0% {
scale: 1;
rotate: 0deg;
}
25% {
scale: 1.5;
}
50% {
scale: 1.2;
}
75% {
scale: 1.4;
}
100% {
scale: 1;
rotate: 360deg;
}
}
.c-circle-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
inset: 0;
-webkit-backdrop-filter: blur(200px);
backdrop-filter: blur(200px);
will-change: backdrop-filter;
} .c-img {
width: 100%;
}
.c-img img {
position: relative;
z-index: 1;
width: 100%;
} .c-kv {
position: relative;
padding-top: 117.6925329429px;
}
@media screen and (min-width: 1025px) {
.c-kv {
padding-top: 11.4934114202vw;
}
}
@media screen and (max-width: 767px) {
.c-kv {
padding-top: 41.6vw;
}
}
.c-kv__bg {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
aspect-ratio: 2732/1536;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.c-kv__bg {
aspect-ratio: 750/642;
}
}
.c-kv__bg--coactive-coach {
background: url(//www.thecoaches.co.jp/img/program/coaching/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--coactive-coach {
background-image: url(//www.thecoaches.co.jp/img/program/coaching/sp/img_kv.png);
}
}
.c-kv__bg--coactive-leader {
background: url(//www.thecoaches.co.jp/img/program/leadership/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--coactive-leader {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/sp/img_kv.png);
}
}
.c-kv__bg--community {
background: url(//www.thecoaches.co.jp/img/about/community/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--community {
background-image: url(//www.thecoaches.co.jp/img/about/community/sp/img_kv.png);
}
}
.c-kv__bg--journeey {
background: url(//www.thecoaches.co.jp/img/program/begin_your_journey/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
.c-kv__bg--faq {
background: url(//www.thecoaches.co.jp/img/faq/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--faq {
background-image: url(//www.thecoaches.co.jp/img/faq/sp/img_kv.png);
}
}
.c-kv__bg--events {
background: url(//www.thecoaches.co.jp/img/program/events/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--events {
background-image: url(//www.thecoaches.co.jp/img/program/events/sp/img_kv.png);
}
}
.c-kv__bg--news {
background: url(//www.thecoaches.co.jp/img/news/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--news {
background-image: url(//www.thecoaches.co.jp/img/news/sp/img_kv.png);
}
}
.c-kv__bg--contact {
background: url(//www.thecoaches.co.jp/img/contact/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--contact {
background-image: url(//www.thecoaches.co.jp/img/contact/sp/img_kv.png);
}
}
.c-kv__bg--sitemap {
background: url(//www.thecoaches.co.jp/img/sitemap/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--sitemap {
background-image: url(//www.thecoaches.co.jp/img/sitemap/sp/img_kv.png);
}
}
.c-kv__bg--find-coach {
background: url(//www.thecoaches.co.jp/img/coaching/find_coach/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.c-kv__bg--find-coach {
background-image: url(//www.thecoaches.co.jp/img/coaching/find_coach/sp/img_kv.png);
}
}
@media screen and (min-width: 768px) {
.c-kv--about {
padding-top: 0;
}
}
@media screen and (min-width: 768px) {
.c-kv--about .c-kv__container {
display: block;
width: 100%;
padding-left: 75.7130307467px;
}
}
@media screen and (min-width: 1025px) {
.c-kv--about .c-kv__container {
padding-left: 7.3938506589vw;
}
}
.c-kv__container {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-kv__container {
width: 84.3338213763vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.c-kv__container {
display: block;
width: 91.4666666667vw;
}
}
.c-kv__container--center {
align-items: center;
}
.c-kv__body {
width: 415.2972181552px;
}
@media screen and (min-width: 1025px) {
.c-kv__body {
width: 39.8243045388vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__body {
width: auto;
}
}
.c-kv__link-area {
display: flex;
}
@media screen and (min-width: 768px) {
.c-kv__link-area {
position: absolute;
left: 80.2108345534px;
bottom: -205.3997071742px;
-moz-column-gap: 29.9853587116px;
column-gap: 29.9853587116px;
}
}
@media screen and (min-width: 1025px) {
.c-kv__link-area {
left: 7.8330893119vw;
bottom: -20.0585651537vw;
-moz-column-gap: 2.9282576867vw;
column-gap: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__link-area {
margin-top: 18.6666666667vw;
-moz-column-gap: 9.3333333333vw;
column-gap: 9.3333333333vw;
}
}
.c-kv__link {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-kv__link {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__link {
font-size: 3.7333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-kv__link {
transition: opacity 300ms;
}
.c-kv__link:hover {
opacity: 0.8;
}
}
.c-kv__link::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg) 0 0 no-repeat;
background-size: contain;
width: 8.2459736457px;
height: 8.2459736457px;
right: -14.243045388px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-kv__link::before {
width: 0.8052708638vw;
height: 0.8052708638vw;
right: -1.3909224012vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__link::before {
width: 2.9333333333vw;
height: 2.9333333333vw;
right: -5.0666666667vw;
}
}
.c-kv__inner {
margin-top: -7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-kv__inner {
margin-top: -0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__inner {
margin-top: 13.8666666667vw;
}
}
.c-kv__txt {
display: block;
margin-bottom: 11.2445095168px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 2;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-kv__txt {
margin-bottom: 1.0980966325vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__txt {
margin-bottom: 3.2vw;
font-size: 3.7333333333vw;
white-space: nowrap;
}
}
.c-kv__btn {
width: 215.8945827233px;
margin: 0 0 0 auto;
}
@media screen and (min-width: 1025px) {
.c-kv__btn {
width: 21.0834553441vw;
margin: 0 0 0 auto;
}
}
@media screen and (max-width: 767px) {
.c-kv__btn {
width: auto;
margin: 0 auto;
}
}
.c-kv__btn + .c-kv__btn {
margin: 5.9970717423px 0 0 auto;
}
@media screen and (min-width: 1025px) {
.c-kv__btn + .c-kv__btn {
margin: 0.5856515373vw 0 0 auto;
}
}
@media screen and (max-width: 767px) {
.c-kv__btn + .c-kv__btn {
margin: 1.6vw auto;
}
}
.c-kv__btn--large {
width: 239.8828696925px;
}
@media screen and (min-width: 1025px) {
.c-kv__btn--large {
width: 23.4260614934vw;
}
}
@media screen and (max-width: 767px) {
.c-kv__btn--large {
width: auto;
}
} .c-link {
position: relative;
width: -moz-fit-content;
width: fit-content;
min-width: 212.8960468521px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-link {
min-width: 20.7906295754vw;
}
}
@media screen and (max-width: 767px) {
.c-link {
min-width: 60vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link {
min-width: 61.6vw;
}
}
.c-link__inner {
display: flex;
align-items: center;
-moz-column-gap: 8.9956076135px;
column-gap: 8.9956076135px;
}
@media screen and (min-width: 1025px) {
.c-link__inner {
-moz-column-gap: 0.878477306vw;
column-gap: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-link__inner {
-moz-column-gap: 2.1333333333vw;
column-gap: 2.1333333333vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link__inner {
-moz-column-gap: 2.1333333333vw;
column-gap: 2.1333333333vw;
}
}
.c-link__main {
font-size: 28.486090776px;
font-weight: 500;
font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1025px) {
.c-link__main {
font-size: 2.7818448023vw;
}
}
@media screen and (max-width: 767px) {
.c-link__main {
font-size: 7.4666666667vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link__main {
font-size: 7.4666666667vw;
}
}
.c-link__sub {
font-size: 10.494875549px;
font-weight: 700;
letter-spacing: 0.04em;
}
@media screen and (min-width: 1025px) {
.c-link__sub {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-link__sub {
font-size: 3.4666666667vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link__sub {
font-size: 3.4666666667vw;
}
}
.c-link__icn {
display: block;
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 31.4846266471px;
height: 31.4846266471px;
background-color: #fff;
border-radius: 50%;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.c-link__icn {
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-link__icn {
width: 10.1333333333vw;
height: 10.1333333333vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link__icn {
width: 10.1333333333vw;
height: 10.1333333333vw;
}
}
.c-link__icn::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 11.9941434846px;
translate: 0 -50%;
width: 8.2459736457px;
height: 10.494875549px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_gray.svg) 0 0 no-repeat;
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_gray.svg) 0 0 no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #728A8D;
z-index: 1;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-link__icn::before {
right: 1.1713030747vw;
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-link__icn::before {
right: 4vw;
width: 2.4vw;
height: 2.9333333333vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link__icn::before {
right: 4vw;
width: 2.4vw;
height: 2.9333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-link:hover .c-link__icn::before {
background-color: #fff;
}
}
.c-link__icn::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
scale: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #728A8D;
transition: scale 0.5s;
}
@media (hover: hover) and (pointer: fine) {
.c-link:hover .c-link__icn::after {
scale: 1.5;
}
} .c-link-2 {
position: relative;
width: -moz-fit-content;
width: fit-content;
padding-right: 46.4773060029px;
font-size: 13.4934114202px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-link-2 {
padding-right: 4.5387994143vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-link-2 {
padding-right: 13.3333333333vw;
font-size: 4.2666666667vw;
}
}
.c-link-2__icn {
display: block;
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 31.4846266471px;
height: 31.4846266471px;
background-color: #fff;
border-radius: 50%;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.c-link-2__icn {
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-link-2__icn {
width: 10.1333333333vw;
height: 10.1333333333vw;
}
}
@media screen and (max-width: 767px) {
.l-header-nav__apply .c-link-2__icn {
width: 10.1333333333vw;
height: 10.1333333333vw;
}
}
.c-link-2__icn::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 11.2445095168px;
translate: 0 -50%;
width: 8.2459736457px;
height: 10.494875549px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_gray.svg) 0 0 no-repeat;
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_gray.svg) 0 0 no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #728A8D;
z-index: 1;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-link-2__icn::before {
right: 1.0980966325vw;
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-link-2__icn::before {
right: 4vw;
width: 2.4vw;
height: 2.9333333333vw;
}
}
.c-link-2--blue .c-link-2__icn::before {
background-color: #5BA3BE;
}
.c-link-2--purple .c-link-2__icn::before {
background-color: #A378D2;
}
.c-link-2--yellow .c-link-2__icn::before {
background-color: #CD985A;
}
@media (hover: hover) and (pointer: fine) {
.c-cassette__link:hover .c-link-2__icn::before {
background-color: #fff;
}
}
.c-link-2__icn::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
scale: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transition: scale 0.5s;
}
.c-link-2--blue .c-link-2__icn::after {
background-color: #5BA3BE;
}
.c-link-2--purple .c-link-2__icn::after {
background-color: #A378D2;
}
.c-link-2--yellow .c-link-2__icn::after {
background-color: #CD985A;
}
@media (hover: hover) and (pointer: fine) {
.c-cassette__link:hover .c-link-2__icn::after {
scale: 1.5;
}
} .c-link-3 {
position: relative;
padding-right: 15.7423133236px;
padding-bottom: 1.4992679356px;
border-bottom: 1.1244509517px solid #fff;
font-size: 11.9941434846px;
font-weight: 700;
color: #fff;
transition: opacity 0.3s, border-color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-link-3:hover {
opacity: 0.8;
border-color: transparent;
}
}
@media screen and (min-width: 1025px) {
.c-link-3 {
padding-right: 1.5373352855vw;
padding-bottom: 0.1464128843vw;
border-bottom-width: 0.1098096633vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-link-3 {
padding-right: 4.8vw;
padding-bottom: 0.5333333333vw;
border-bottom-width: 0.4vw;
font-size: 3.7333333333vw;
}
}
.c-link-3::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.c-link-3::before {
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-link-3::before {
width: 2.6666666667vw;
height: 2.9333333333vw;
}
} .c-link-4 {
position: relative;
width: -moz-fit-content;
width: fit-content;
padding-right: 17.2415812592px;
font-size: 13.4934114202px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-link-4 {
padding-right: 1.6837481698vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-link-4 {
padding-right: 5.8666666667vw;
font-size: 4.2666666667vw;
}
}
.c-link-4::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.c-link-4::before {
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-link-4::before {
width: 2.4vw;
height: 2.9333333333vw;
}
}
.c-link-4--blank::before {
translate: 0 -40%;
width: 9.7452415813px;
height: 9.7452415813px;
background-image: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg);
}
@media screen and (min-width: 1025px) {
.c-link-4--blank::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-link-4--blank::before {
width: 3.2vw;
height: 3.2vw;
}
}
.c-link-4--application::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
top: 58%;
}
@media screen and (min-width: 1025px) {
.c-link-4--application::before {
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-link-4--application::before {
width: 2.9333333333vw;
height: 2.9333333333vw;
top: 53%;
}
} .c-list {
color: #fff;
}
.c-list__item {
display: flex;
align-items: flex-start;
border-bottom: 0.7496339678px solid rgba(255, 255, 255, 0.2);
padding-block: 22.4890190337px;
}
@media screen and (min-width: 1025px) {
.c-list__item {
border-bottom-width: 0.0732064422vw;
padding-block: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-list__item {
position: relative;
display: block;
border-bottom-width: 0.2666666667vw;
padding-block: 8vw;
}
}
.c-list__item:last-of-type {
border-bottom: none;
}
.c-list__head {
width: 100%;
margin-left: 18.7408491947px;
}
@media screen and (min-width: 1025px) {
.c-list__head {
margin-left: 1.8301610542vw;
}
}
@media screen and (max-width: 767px) {
.c-list__head {
margin-left: 0;
}
}
.c-list__head--news {
margin-left: 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-list__head--news {
margin-left: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list__head--news {
margin-left: 0;
}
}
.c-list__trigger {
position: relative;
display: block;
width: 100%;
padding-right: 29.9853587116px;
text-align: left;
font-size: 11.9941434846px;
font-weight: 700;
color: #fff;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-list__trigger {
padding-right: 2.9282576867vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list__trigger {
position: static;
padding-right: 12vw;
font-size: 3.7333333333vw;
line-height: 1.4;
}
}
.c-list__trigger--pr {
padding-right: 41.2298682284px;
}
@media screen and (min-width: 1025px) {
.c-list__trigger--pr {
padding-right: 4.0263543192vw;
}
}
@media screen and (max-width: 767px) {
.c-list__trigger--pr {
padding-right: 12vw;
}
}
.c-list__date {
font-size: 13.4934114202px;
font-family: "Poppins", sans-serif;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-list__date {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list__date {
font-size: 3.7333333333vw;
line-height: 1.5;
}
}
.c-list__question {
font-size: 13.4934114202px;
font-family: "Poppins", sans-serif;
font-weight: 600;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-list__question {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list__question {
display: none;
}
}
.c-list__question--year {
letter-spacing: 0.04em;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.c-list__question--year {
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 4.2666666667vw;
line-height: 1.575;
}
}
.c-list__icn {
position: absolute;
top: 2.2489019034px;
right: 3.7481698389px;
display: block;
width: 17.9912152269px;
height: 17.9912152269px;
border-radius: 50%;
background-color: rgba(17, 29, 47, 0.3);
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-list__icn {
top: 0.2196193265vw;
right: 0.3660322108vw;
width: 1.756954612vw;
height: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-list__icn {
top: 8.5333333333vw;
right: 0;
width: 5.3333333333vw;
height: 5.3333333333vw;
}
}
.c-list__icn::before, .c-list__icn::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5.9970717423px;
translate: 0 -50%;
width: 5.9970717423px;
height: 1.4992679356px;
background-color: #fff;
transition: background-color 0.3s, rotate 0.3s;
}
@media screen and (min-width: 1025px) {
.c-list__icn::before, .c-list__icn::after {
right: 0.5856515373vw;
width: 0.5856515373vw;
height: 0.1464128843vw;
}
}
@media screen and (max-width: 767px) {
.c-list__icn::before, .c-list__icn::after {
right: 1.6vw;
width: 2.1333333333vw;
height: 0.4vw;
}
}
.c-list__icn::before {
rotate: 90deg;
}
@media (hover: hover) and (pointer: fine) {
.c-list__trigger:hover .c-list__icn {
background-color: rgba(255, 255, 255, 0.2);
}
.c-list__trigger:hover .c-list__icn::before, .c-list__trigger:hover .c-list__icn::after {
background-color: #1A1A1A;
}
}
.is-acc-open .c-list__icn {
background-color: rgba(255, 255, 255, 0.2);
}
.is-acc-open .c-list__icn::before {
rotate: 0deg;
}
.is-acc-open .c-list__icn::before, .is-acc-open .c-list__icn::after {
background-color: #1A1A1A;
}
.c-list__inner {
display: none;
}
.c-list__detail, .c-list__answer {
width: 100%;
margin-top: 14.9926793558px;
margin-left: auto;
padding: 23.9882869693px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-list__detail, .c-list__answer {
margin-top: 1.4641288433vw;
padding: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-list__detail, .c-list__answer {
margin-top: 5.3333333333vw;
padding: 5.3333333333vw;
}
}
.c-list__answer {
display: flex;
align-items: flex-start;
-moz-column-gap: 14.243045388px;
column-gap: 14.243045388px;
}
@media screen and (min-width: 1025px) {
.c-list__answer {
-moz-column-gap: 1.3909224012vw;
column-gap: 1.3909224012vw;
}
}
@media screen and (max-width: 767px) {
.c-list__answer {
-moz-column-gap: 3.2vw;
column-gap: 3.2vw;
}
}
.c-list__answer-icn {
font-size: 11.9941434846px;
font-weight: 600;
font-family: "Poppins", sans-serif;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-list__answer-icn {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list__answer-icn {
font-size: 4.8vw;
}
}
.c-list__content {
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-list__content {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list__content {
font-size: 3.7333333333vw;
}
}
.c-list__content a {
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2.2489019034px;
}
@media (hover: hover) and (pointer: fine) {
.c-list__content a:hover {
text-decoration: none;
}
}
@media screen and (min-width: 1025px) {
.c-list__content a {
text-underline-offset: 0.2196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-list__content a {
text-underline-offset: 0.5333333333vw;
}
} .c-list-card {
display: flex;
gap: 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-list-card {
gap: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card {
display: block;
}
}
.c-list-card--leader .c-list-card__item {
width: 425.0424597365px;
}
@media screen and (min-width: 1025px) {
.c-list-card--leader .c-list-card__item {
width: 41.5080527086vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card--leader .c-list-card__item {
width: 100%;
}
}
.c-list-card--leader .c-list-card__ttl {
display: block;
margin-bottom: 5.9970717423px;
font-family: "Poppins", sans-serif;
font-size: 17.2415812592px;
font-weight: bold;
line-height: 1.3043478261;
letter-spacing: 0;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-list-card--leader .c-list-card__ttl {
font-size: 1.6837481698vw;
margin-bottom: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card--leader .c-list-card__ttl {
margin-bottom: 1.0666666667vw;
font-size: 6.4vw;
letter-spacing: 0.01em;
line-height: 1.375;
}
}
.c-list-card--leader .c-list-card__ttl--sup {
display: inline;
font-size: 14.9926793558px;
line-height: 0;
margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
.c-list-card--leader .c-list-card__ttl--sup {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card--leader .c-list-card__ttl--sup {
font-size: 5.3333333333vw;
}
}
.c-list-card__item {
display: flex;
flex-direction: column;
width: 278.8638360176px;
}
@media screen and (min-width: 1025px) {
.c-list-card__item {
width: 27.2327964861vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__item {
width: 100%;
}
.c-list-card__item:nth-of-type(n+2) {
margin-top: 4.2666666667vw;
}
}
.c-list-card__head {
position: relative;
}
.c-list-card__head::before {
content: "";
position: absolute;
width: 65.9677891654px;
height: 65.9677891654px;
top: 11.9941434846px;
left: 11.9941434846px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
.c-list-card__head::before {
width: 6.4421669107vw;
height: 6.4421669107vw;
top: 1.1713030747vw;
left: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__head::before {
width: 23.4666666667vw;
height: 23.4666666667vw;
top: 2.6666666667vw;
left: 2.6666666667vw;
}
}
.c-list-card__head--course01::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_day_2.5.svg);
}
.c-list-card__head--course02::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_days_3.svg);
}
.c-list-card__head--course03::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_month_6.svg);
}
.c-list-card__head--leader01::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_day_3_yellow.svg);
}
.c-list-card__head--leader02::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_month_10_yellow.svg);
}
.c-list-card__body {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 21.7393850659px 21.7393850659px 23.9882869693px 25.4875549048px;
background-color: rgba(255, 255, 255, 0.9);
height: 100%;
}
@media screen and (min-width: 1025px) {
.c-list-card__body {
padding: 2.1229868228vw 2.1229868228vw 2.3426061493vw 2.4890190337vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__body {
padding: 4.2666666667vw 5.3333333333vw 5.3333333333vw;
}
}
.c-list-card__lead {
display: block;
margin-bottom: 5.9970717423px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
line-height: 2;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-list-card__lead {
font-size: 1.1713030747vw;
margin-bottom: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__lead {
margin-bottom: 1.0666666667vw;
font-size: 3.7333333333vw;
line-height: 1.785714;
}
}
.c-list-card__ttl {
display: block;
margin-bottom: 5.9970717423px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 20.9897510981px;
font-weight: bold;
line-height: 1.1428571429;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-list-card__ttl {
font-size: 2.0497803807vw;
margin-bottom: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__ttl {
margin-bottom: 1.0666666667vw;
font-size: 6.4vw;
line-height: 1.3333333333;
}
}
.c-list-card__txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-list-card__txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__txt {
font-size: 3.7333333333vw;
line-height: 1.78;
}
}
.c-list-card__anchor {
position: relative;
display: inline-block;
padding-right: 17.2415812592px;
margin-top: 16.4919472914px;
border-bottom: 1.4992679356px solid #1A1A1A;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
line-height: 1.375;
letter-spacing: 0.01em;
color: #1A1A1A;
transition: opcity 0.3s;
}
@media screen and (min-width: 1025px) {
.c-list-card__anchor {
font-size: 1.1713030747vw;
padding-right: 1.6837481698vw;
margin-top: 1.6105417277vw;
border-bottom: 0.1464128843vw solid #1A1A1A;
}
}
@media screen and (max-width: 767px) {
.c-list-card__anchor {
padding-right: 4.2666666667vw;
margin-top: 3.7333333333vw;
border-bottom: 0.5333333333vw solid #1A1A1A;
font-size: 3.7333333333vw;
line-height: 1.5714285714;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-card__anchor:hover {
transition: opacity 300ms;
}
.c-list-card__anchor:hover:hover {
opacity: 0.8;
}
}
.c-list-card__anchor::after {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_under_black.svg) 0 0 no-repeat;
background-size: contain;
width: 9.5203513909px;
height: 9.5203513909px;
top: 60%;
right: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-list-card__anchor::after {
width: 0.9297218155vw;
height: 0.9297218155vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card__anchor::after {
width: 2.1333333333vw;
height: 2.1333333333vw;
}
} .c-list-card-2 {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-list-card-2 {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2 {
margin-top: 4.5333333333vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2--retreat .c-list-card-2__head {
align-items: start;
}
}
.c-list-card-2__item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13.4934114202px 17.9912152269px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__item {
padding: 1.317715959vw 1.756954612vw;
}
}
.c-list-card-2__item:nth-of-type(n+2) {
margin-top: 11.2445095168px;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__item:nth-of-type(n+2) {
margin-top: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__item:nth-of-type(n+2) {
margin-top: 2.4vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__item {
display: block;
padding: 3.2vw;
}
}
.c-list-card-2__head {
display: flex;
align-items: center;
}
.c-list-card-2__label {
display: flex;
align-items: center;
margin-right: 17.9912152269px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__label {
margin-right: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__label {
display: block;
margin-right: 5.0666666667vw;
}
}
.c-list-card-2__place {
width: 107.9472913616px;
padding-top: 3.7481698389px;
padding-bottom: 5.2474377745px;
margin-right: 11.9941434846px;
border-radius: 16.4919472914px;
text-align: center;
background-color: #7C8593;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__place {
width: 10.541727672vw;
margin-right: 1.1713030747vw;
padding-top: 0.3660322108vw;
padding-bottom: 0.5124450952vw;
border-radius: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__place {
display: block;
width: 30.9333333333vw;
padding-top: 0.2666666667vw;
padding-bottom: 0.5333333333vw;
margin-right: 0;
margin-bottom: 0.8vw;
border-radius: 5.8666666667vw;
font-size: 3.7333333333vw;
line-height: 1.5714285714;
letter-spacing: 0.01em;
}
}
.c-list-card-2__place--retreat {
background-color: #7E5A16;
margin-right: 0;
}
.c-list-card-2__status {
width: 107.9472913616px;
padding-top: 3.7481698389px;
padding-bottom: 5.2474377745px;
border-radius: 16.4919472914px;
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__status {
width: 10.541727672vw;
padding-top: 0.3660322108vw;
padding-bottom: 0.5124450952vw;
border-radius: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__status {
display: block;
width: 30.9333333333vw;
padding-top: 0.2666666667vw;
padding-bottom: 0.5333333333vw;
margin-right: 0;
border-radius: 5.8666666667vw;
font-size: 3.7333333333vw;
line-height: 1.5714285714;
letter-spacing: 0.01em;
}
}
.c-list-card-2__status--before_reception {
color: #393F48;
background-color: #E9EDF4;
}
.c-list-card-2__status--accepting {
background-color: #57A857;
}
.c-list-card-2__status--little {
background-color: #E79028;
}
.c-list-card-2__status--full {
background-color: #F24747;
}
.c-list-card-2__status--end {
color: #FFFFFF;
background-color: #393F48;
}
@media screen and (max-width: 767px) {
.c-list-card-2__status {
display: block;
}
}
.c-list-card-2__date {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.95;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__date {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__date {
font-size: 4.8vw;
line-height: 1.4;
}
}
.c-list-card-2__date--full {
position: relative;
}
@media screen and (max-width: 767px) {
.c-list-card-2__date--full {
text-decoration: line-through;
}
}
.c-list-card-2__date--full::before {
content: "";
position: absolute;
border-top: 2px solid #1A1A1A;
top: 50%;
width: 100%;
height: 100%;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__date--full::before {
border-top: 0.19vw solid #1A1A1A;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__date--full::before {
content: none;
}
}
.c-list-card-2__link {
position: relative;
display: block;
padding: 1.4992679356px 11.9941434846px 4.4978038067px 26.9868228404px;
border-radius: 16.4919472914px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: bold;
color: #fff;
background-color: rgba(17, 29, 47, 0.29);
transition: opacity 0.3s;
}
@media screen and (min-width: 1025px) {
.c-list-card-2__link {
padding: 0.1464128843vw 1.1713030747vw 0.439238653vw 2.635431918vw;
font-size: 1.0248901903vw;
border-radius: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__link {
font-size: 3.7333333333vw;
padding: 1.0666666667vw 0 1.8666666667vw;
text-align: center;
margin-top: 2.6666666667vw;
border-radius: 4.8vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-card-2__link:hover {
opacity: 0.8;
}
}
.c-list-card-2__link-txt {
position: relative;
}
@media screen and (max-width: 767px) {
.c-list-card-2__link-txt {
margin-left: 4.8vw;
}
}
.c-list-card-2__link-txt::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_map.svg) 0 0 no-repeat;
background-size: contain;
width: 7.4963396779px;
height: 10.494875549px;
top: 65%;
left: -13.4934114202px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-list-card-2__link-txt::before {
width: 0.7320644217vw;
height: 1.0248901903vw;
left: -1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__link-txt::before {
width: 3.2vw;
height: 4.2666666667vw;
left: -4.2666666667vw;
}
}
.c-list-card-2__link-txt--pdf::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_pdf_white.svg) 0 0 no-repeat;
background-size: contain;
width: 7.4963396779px;
height: 8.9956076135px;
top: 65%;
left: -13.4934114202px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-list-card-2__link-txt--pdf::before {
width: 0.7320644217vw;
height: 0.878477306vw;
left: -1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-2__link-txt--pdf::before {
width: 2.1333333333vw;
height: 2.6666666667vw;
left: -3.2vw;
}
} .c-list-card-3__item {
margin-top: 16.4919472914px;
padding: 24.737920937px 28.486090776px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-list-card-3__item {
margin-top: 1.6105417277vw;
padding: 2.4158125915vw 2.7818448023vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__item {
margin-top: 4.2666666667vw;
padding: 6.4vw 4vw;
}
}
.c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body {
width: 329.8389458272px;
margin-left: -7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body {
width: 32.2108345534vw;
margin-left: -0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body {
width: 100%;
margin-left: 0;
}
}
.safari .c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body--l {
width: 337.3352855051px;
margin-left: -7.4963396779px;
}
@media screen and (min-width: 1025px) {
.safari .c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body--l {
width: 32.9428989751vw;
margin-left: -0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.safari .c-list-card-3__item:nth-of-type(n+2) .c-list-card-3__body--l {
width: 100%;
margin-left: 0;
}
}
.c-list-card-3__inner {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.c-list-card-3__inner {
display: block;
}
}
.c-list-card-3__head {
width: 161.9209370425px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__head {
width: 15.8125915081vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__head {
width: auto;
}
}
.c-list-card-3__step {
padding-bottom: 2.9985358712px;
border-bottom: 1px solid #fff;
font-family: "Poppins", sans-serif;
font-size: 10.494875549px;
line-height: 2.5714285714;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__step {
padding-bottom: 0.2928257687vw;
font-size: 1.0248901903vw;
border-bottom: 0.0732064422vw solid #fff;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__step {
padding-bottom: 1.0666666667vw;
font-size: 3.7333333333vw;
border-bottom: 0.2666666667vw solid #fff;
}
}
.c-list-card-3__ttl {
display: block;
margin-top: 6.7467057101px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 17.9912152269px;
font-weight: 700;
line-height: 1.5;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__ttl {
margin-top: 0.6588579795vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__ttl {
margin-top: 2.1333333333vw;
font-size: 5.3333333333vw;
}
}
.c-list-card-3__body {
width: 344.831625183px;
margin-top: 4.4978038067px;
margin-left: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__body {
width: 33.6749633968vw;
margin-top: 0.439238653vw;
margin-left: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__body {
width: 100%;
margin-top: 4.8vw;
margin-left: 0;
}
}
.c-list-card-3__img {
width: 259.3733528551px;
height: 161.9209370425px;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__img {
width: 25.3294289898vw;
height: 15.8125915081vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__img {
width: 100%;
height: auto;
margin-top: 5.3333333333vw;
}
}
.c-list-card-3__img img {
width: 100%;
height: 100%;
}
.c-list-card-3__box {
margin-top: 14.9926793558px;
padding: 23.9882869693px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__box {
margin-top: 1.4641288433vw;
padding: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__box {
margin-top: 5.3333333333vw;
padding: 5.3333333333vw;
}
}
.c-list-card-3__box + .c-list-card-3__box {
margin-top: 2.9985358712px;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__box + .c-list-card-3__box {
margin-top: 0.2928257687vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__box + .c-list-card-3__box {
margin-top: 2.1333333333vw;
}
}
.c-list-card-3__box--mt {
margin-top: 44.9780380673px;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__box--mt {
margin-top: 4.39238653vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__box--mt {
margin-top: 5.3333333333vw;
}
}
.c-list-card-3__box-ttl {
display: block;
margin-bottom: 0.7496339678px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
line-height: 2;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__box-ttl {
margin-bottom: 0.0732064422vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__box-ttl {
margin-bottom: 0.8vw;
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-list-card-3__box-txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-list-card-3__box-txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-card-3__box-txt {
font-size: 3.7333333333vw;
line-height: 1.8;
}
} .c-list-table {
display: flex;
width: 767.6251830161px;
margin-top: 16.4919472914px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-list-table {
width: 74.9633967789vw;
margin-top: 1.6105417277vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table {
display: block;
width: 100%;
margin-top: 3.2vw;
font-size: 3.7333333333vw;
}
}
.c-list-table--yellow {
margin-bottom: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-list-table--yellow {
margin-bottom: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table--yellow {
margin-bottom: 4.2666666667vw;
}
}
.c-list-table--yellow .c-list-table__head {
display: flex;
justify-content: center;
align-items: center;
height: 41.9795021962px;
background-color: #F8E5C1;
font-size: 10.494875549px;
color: #7E5A16;
padding: 5.9970717423px 0;
}
@media screen and (min-width: 1025px) {
.c-list-table--yellow .c-list-table__head {
height: 4.0995607613vw;
padding: 0.5856515373vw 0;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table--yellow .c-list-table__head {
height: auto;
padding: 2.1333333333vw 0;
font-size: 3.7333333333vw;
}
}
.c-list-table--wrap {
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.c-list-table--wrap .c-list-table__item:nth-of-type(3) .c-list-table__head {
border-right: unset;
}
.c-list-table--wrap .c-list-table__item:nth-of-type(3) .c-list-table__body {
border-right: unset;
}
}
@media screen and (max-width: 767px) {
.c-list-table--wrap {
display: block;
}
}
.c-list-table__item {
width: 255.8750610054px;
text-align: center;
}
.c-list-table__item:not(:last-of-type) .c-list-table__head {
border-right: 1px solid #fff;
}
.c-list-table__item:not(:last-of-type) .c-list-table__body {
border-right: 1px solid #B1BED1;
}
@media screen and (min-width: 1025px) {
.c-list-table__item {
width: 24.9877989263vw;
}
.c-list-table__item:not(:last-of-type) .c-list-table__head {
border-right: 0.0732064422vw solid #fff;
}
.c-list-table__item:not(:last-of-type) .c-list-table__body {
border-right: 0.0732064422vw solid #B1BED1;
}
}
@media screen and (max-width: 767px) {
.c-list-table__item {
width: 100%;
}
.c-list-table__item:not(:last-of-type) {
border-bottom: 1px solid #B1BED1;
}
.c-list-table__item:not(:last-of-type) .c-list-table__head {
border-right: none;
}
.c-list-table__item:not(:last-of-type) .c-list-table__body {
border-right: none;
}
}
.c-list-table__item--2 {
width: 512px;
}
@media screen and (min-width: 1025px) {
.c-list-table__item--2 {
width: 37.4816983895vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table__item--2 {
width: 100%;
}
}
.c-list-table__head {
padding: 11.2445095168px 0 11.9941434846px 0;
color: #640566;
background-color: #F3DEF0;
}
@media screen and (min-width: 1025px) {
.c-list-table__head {
padding: 1.0980966325vw 0 1.1713030747vw 0;
}
}
@media screen and (max-width: 767px) {
.c-list-table__head {
padding: 1.8666666667vw 0 1.8666666667vw 0;
}
}
.c-list-table__body {
padding: 11.2445095168px 0 11.9941434846px 0;
color: #1A1A1A;
background-color: #F0F0F0;
}
@media screen and (min-width: 1025px) {
.c-list-table__body {
padding: 1.0980966325vw 0 1.1713030747vw 0;
}
}
@media screen and (max-width: 767px) {
.c-list-table__body {
padding: 2.1333333333vw 0 2.1333333333vw 0;
}
} .c-list-trainers {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 47.9765739385px;
column-gap: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-list-trainers {
-moz-column-gap: 4.6852122987vw;
column-gap: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers {
flex-wrap: wrap;
-moz-column-gap: 0;
column-gap: 0;
justify-content: space-between;
}
}
.c-list-trainers__item {
width: 179.9121522694px;
}
@media screen and (min-width: 1025px) {
.c-list-trainers__item {
width: 17.5695461201vw;
}
}
@media screen and (min-width: 768px) {
.c-list-trainers__item:nth-of-type(n+5) {
margin-top: 24.737920937px;
}
}
@media screen and (min-width: 1025px) {
.c-list-trainers__item:nth-of-type(n+5) {
margin-top: 2.4158125915vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__item {
width: 45.3333333333vw;
}
.c-list-trainers__item:nth-of-type(n+3) {
margin-top: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__btn {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__img {
width: 17.0666666667vw;
margin-right: 1.0666666667vw;
}
}
.c-list-trainers__person {
margin-top: 11.2445095168px;
}
@media screen and (min-width: 1025px) {
.c-list-trainers__person {
margin-top: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__person {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__person {
margin-top: 2.4vw;
}
}
.c-list-trainers__name {
position: relative;
display: inline-block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 500;
letter-spacing: 0.01em;
text-decoration: underline;
color: #fff;
transform: translateX(-8.9956076135px);
}
@media screen and (min-width: 1025px) {
.c-list-trainers__name {
font-size: 1.4641288433vw;
transform: translateX(-0.878477306vw);
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__name {
font-size: 3.7333333333vw;
line-height: 1.185714;
transform: translateX(0);
}
}
.c-list-trainers__name::after {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_modal.svg) 0 0 no-repeat;
background-size: contain;
width: 11.9941434846px;
height: 8.9956076135px;
top: 50%;
right: -16.4919472914px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-list-trainers__name::after {
width: 1.1713030747vw;
height: 0.878477306vw;
right: -1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__name::after {
width: 3.2vw;
height: 2.4vw;
right: -4.2666666667vw;
}
}
.c-list-trainers__name-en {
display: block;
font-family: "Poppins", sans-serif;
font-size: 10.494875549px;
font-weight: 500;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-trainers__name-en {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-list-trainers__name-en {
font-size: 3.2vw;
transform: translateX(0);
}
} .c-list-btn {
display: flex;
flex-wrap: wrap;
width: 351.5783308931px;
gap: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.c-list-btn {
width: 34.3338213763vw;
gap: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn {
display: block;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(n+2) {
margin-top: 2.1333333333vw;
}
}
.c-list-btn__item:nth-of-type(1) .c-list-btn__icn {
width: 14.243045388px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(1) .c-list-btn__icn {
width: 1.3909224012vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(1) .c-list-btn__icn {
width: 5.0666666667vw;
}
}
.c-list-btn__item:nth-of-type(2) .c-list-btn__icn {
width: 17.2415812592px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(2) .c-list-btn__icn {
width: 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(2) .c-list-btn__icn {
width: 6.1333333333vw;
}
}
.c-list-btn__item:nth-of-type(3) .c-list-btn__icn {
width: 17.2415812592px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(3) .c-list-btn__icn {
width: 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(3) .c-list-btn__icn {
width: 6.1333333333vw;
}
}
.c-list-btn__item:nth-of-type(4) .c-list-btn__icn {
width: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(4) .c-list-btn__icn {
width: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(4) .c-list-btn__icn {
width: 5.8666666667vw;
}
}
.c-list-btn__item:nth-of-type(5) .c-list-btn__icn {
width: 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(5) .c-list-btn__icn {
width: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(5) .c-list-btn__icn {
width: 4.8vw;
}
}
.c-list-btn__item:nth-of-type(6) .c-list-btn__icn {
width: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(6) .c-list-btn__icn {
width: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(6) .c-list-btn__icn {
width: 5.3333333333vw;
}
}
.c-list-btn__item:nth-of-type(7) .c-list-btn__icn {
width: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.c-list-btn__item:nth-of-type(7) .c-list-btn__icn {
width: 1.6105417277vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__item:nth-of-type(7) .c-list-btn__icn {
width: 5.8666666667vw;
}
}
.c-list-btn__link {
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
min-width: 167.168374817px;
padding: 9.7452415813px 23.9882869693px;
font-size: 11.9941434846px;
font-weight: 700;
color: #fff;
background-color: rgba(17, 29, 47, 0.3);
}
@media screen and (min-width: 1025px) {
.c-list-btn__link {
min-width: 16.3250366032vw;
padding: 0.9516837482vw 2.3426061493vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__link {
min-width: initial;
width: 68.5333333333vw;
padding: 4.2666666667vw 6.4vw;
font-size: 4.2666666667vw;
font-weight: 700;
}
}
.c-list-btn__link::before {
content: "";
display: block;
position: absolute;
top: 52%;
right: 23.9882869693px;
translate: 0 -50%;
width: 8.2459736457px;
height: 8.2459736457px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-list-btn__link::before {
right: 2.3426061493vw;
width: 0.8052708638vw;
height: 0.8052708638vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__link::before {
width: 3.2vw;
height: 2.6666666667vw;
right: 5.8666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-btn__link.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-btn__link.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-btn__link.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-btn__link:hover .c-list-btn__hover::before {
transform: scale(1);
}
}
.c-list-btn__hover {
position: relative;
display: flex;
width: 89.9560761347px;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.c-list-btn__hover {
width: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__hover {
width: 32vw;
}
}
.c-list-btn__hover::before {
content: "";
position: absolute;
top: 50%;
right: -34.4831625183px;
width: 18.7408491947px;
height: 18.7408491947px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-list-btn__hover::before {
right: -3.3674963397vw;
width: 1.8301610542vw;
height: 1.8301610542vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__hover::before {
right: -25.8666666667vw;
width: 6.6666666667vw;
height: 6.6666666667vw;
}
}
.c-list-btn__icn {
position: relative;
width: 13.4934114202px;
height: 13.4934114202px;
margin-top: -1.4992679356px;
margin-right: 6.7467057101px;
z-index: 3;
}
@media screen and (min-width: 1025px) {
.c-list-btn__icn {
width: 1.317715959vw;
height: 1.317715959vw;
margin-top: -0.1464128843vw;
margin-right: 0.6588579795vw;
}
}
@media screen and (max-width: 767px) {
.c-list-btn__icn {
width: 4.8vw;
height: 4.8vw;
margin-top: -0.5333333333vw;
margin-right: 2.1333333333vw;
}
}
.c-list-btn__icn img {
width: 100%;
height: 100%;
}
.c-list-btn__txt {
position: relative;
z-index: 3;
} .c-list-link {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
translate: 0 100%;
opacity: 1;
transition: opacity 0.3s, translate 0.3s;
z-index: 2;
}
.c-list-link.is-hide {
opacity: 0;
pointer-events: none;
}
.is-change .c-list-link {
translate: 0 0;
}
.c-list-link__item {
width: 33.3333333333%;
}
.c-list-link__link {
position: relative;
display: block;
padding: 16.4919472914px 29.9853587116px;
font-size: 13.4934114202px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-link__link {
padding: 1.6105417277vw 2.9282576867vw;
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-list-link__link {
padding: 1.6vw 3.2vw;
font-size: 3.7333333333vw;
line-height: 1.33;
}
}
.c-list-link__link::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 29.9853587116px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-list-link__link::before {
right: 2.9282576867vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-list-link__link::before {
right: 3.2vw;
width: 2.4vw;
height: 2.6666666667vw;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-link__link.js-hover-purple:hover::before {
background-color: #A378D2;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-link__link.js-hover-blue:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
@media (hover: hover) and (pointer: fine) {
.c-list-link__link.js-hover-yellow:hover::before {
background-color: #CD985A;
z-index: 3;
}
}
.c-list-link__link--find-coach {
background: linear-gradient(90deg, #74B9DD 0%, #55ABA4 100%);
}
.c-list-link__link--learn-coach {
background: linear-gradient(90deg, #CC79DF 0%, #8075C8 100%);
}
.c-list-link__link--learn-leadership {
background: linear-gradient(90deg, #ECCE6C 0%, #B36F4C 100%);
}
@media (hover: hover) and (pointer: fine) {
.c-list-link__link:hover .c-list-link__hover::before {
transform: scale(1);
}
}
.c-list-link__hover {
position: relative;
display: flex;
align-items: center;
min-height: 100%;
min-width: 100%;
pointer-events: none;
}
.c-list-link__hover::before {
content: "";
position: absolute;
top: 50%;
right: -11.2445095168px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
transform: scale(0);
border-radius: 50%;
background-color: #fff;
transition: transform 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-list-link__hover::before {
right: -1.0980966325vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-list-link__hover::before {
right: -2.6666666667vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
.c-list-link__txt {
position: relative;
pointer-events: none;
z-index: 2;
}
@media screen and (max-width: 767px) {
.c-list-link__txt-small {
display: block;
font-size: 2.6666666667vw;
}
} .c-list-table2 {
display: flex;
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-list-table2 {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table2 {
flex-wrap: wrap;
margin-top: 5.3333333333vw;
}
}
.c-list-table2__item {
width: 25%;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 700;
line-height: 2.4375;
letter-spacing: 0.01em;
text-align: center;
}
@media screen and (min-width: 1025px) {
.c-list-table2__item {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item {
width: 50%;
font-size: 3.7333333333vw;
line-height: 2.55;
}
}
.c-list-table2__item:not(:last-of-type) .c-list-table2__head::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_brown.svg) 0 0 no-repeat;
background-size: contain;
width: 5.9970717423px;
height: 11.9941434846px;
top: 50%;
right: -2%;
transform: translateY(-50%);
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-list-table2__item:not(:last-of-type) .c-list-table2__head::before {
width: 0.5856515373vw;
height: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item:not(:last-of-type) .c-list-table2__head::before {
content: none;
}
}
@media screen and (min-width: 768px) {
.c-list-table2__item:not(:last-of-type) .c-list-table2__body {
border-right: 1px solid #B1BED1;
}
}
@media screen and (min-width: 1025px) {
.c-list-table2__item:not(:last-of-type) .c-list-table2__body {
border-right: 0.0732064422vw solid #B1BED1;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item:nth-of-type(1) {
border-bottom: 0.1098096633vw solid #B1BED1;
font-size: 100%; width: 100%; }
}
@media screen and (max-width: 767px) {
.c-list-table2__item:nth-of-type(2),
.c-list-table2__item:nth-of-type(4) {
border-bottom: 0.1098096633vw solid #B1BED1;
background-size: 0.2666666667vw 1.0666666667vw;
background-image: linear-gradient(to bottom, #B1BED1 0.5333333333vw, transparent 0.5333333333vw);
background-repeat: repeat-y;
background-position: right top;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item:nth-of-type(1),
.c-list-table2__item:nth-of-type(3),
.c-list-table2__item:nth-of-type(5) {
border-bottom: 0.1098096633vw solid #B1BED1;
background: none;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__head:nth-child(1) {
border-right: none !important;
}
}
@media screen and (min-width: 1025px) {
.c-list-table2__head {
padding: 0.6588579795vw 0;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item:nth-of-type(even) .c-list-table2__head {
background-size: 0.2666666667vw 1.0666666667vw;
background-image: linear-gradient(to bottom, #B1BED1 0.5333333333vw, transparent 0.5333333333vw);
background-repeat: repeat-y;
background-position: right top;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__item:nth-of-type(even) .c-list-table2__body {
background-size: 0.2666666667vw 1.0666666667vw;
background-image: linear-gradient(to bottom, #B1BED1 0.5333333333vw, transparent 0.5333333333vw);
background-repeat: repeat-y;
background-position: right top;
}
}
.c-list-table2__head {
position: relative;
padding: 6.7467057101px 0;
background-color: #F8E5C1;
}
@media screen and (min-width: 1025px) {
.c-list-table2__head {
padding: 0.6588579795vw 0;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__head {
padding: 0;
}
}
.c-list-table2__ttl {
color: #7E5A16;
}
.c-list-table2__body {
padding: 6.7467057101px 0;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-list-table2__body {
padding: 0.6588579795vw 0;
}
}
@media screen and (max-width: 767px) {
.c-list-table2__body {
padding: 0;
}
} .c-list-flag {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 35.9824304539px;
column-gap: 35.9824304539px;
width: 407.8008784773px;
}
@media screen and (min-width: 1025px) {
.c-list-flag {
-moz-column-gap: 3.513909224vw;
column-gap: 3.513909224vw;
width: 39.8243045388vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag {
width: 100%;
margin-top: 8.2666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
}
.c-list-flag__item {
width: 74.9633967789px;
}
@media screen and (min-width: 1025px) {
.c-list-flag__item {
width: 7.3206442167vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag__item {
width: 28.8vw;
}
}
@media screen and (min-width: 768px) {
.c-list-flag__item:nth-of-type(n+5) {
margin-top: 9.7452415813px;
}
}
@media screen and (min-width: 1025px) {
.c-list-flag__item:nth-of-type(n+5) {
margin-top: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag__item:nth-of-type(n+4) {
margin-top: 3.4666666667vw;
}
}
.c-list-flag__img {
position: relative;
}
.c-list-flag__img::before {
content: "";
position: absolute;
width: 8.9956076135px;
height: 11.2445095168px;
-webkit-mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
top: 50%;
left: 50%;
translate: -50% -50%;
background-color: #fff;
transition: all 0.3s;
opacity: 0;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-list-flag__img::before {
width: 0.878477306vw;
height: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag__img::before {
width: 2.6666666667vw;
height: 3.2vw;
}
}
.c-list-flag__img::after {
content: "";
position: absolute;
inset: 0;
width: 74.9633967789px;
height: 49.4758418741px;
background-color: rgba(17, 29, 47, 0.6);
transition: opacity 0.3s;
opacity: 0;
z-index: 1;
}
@media screen and (min-width: 1025px) {
.c-list-flag__img::after {
width: 7.3206442167vw;
height: 4.831625183vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag__img::after {
width: 28.8vw;
height: 18.9333333333vw;
}
}
.c-list-flag__link {
display: block;
width: 100%;
height: 100%;
}
@media (hover: hover) and (pointer: fine) {
.c-list-flag__link .c-list-flag__img:hover::after {
opacity: 1;
}
.c-list-flag__link .c-list-flag__img:hover::before {
opacity: 1;
}
}
.c-list-flag__name {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 8.9956076135px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 2.6666666667;
text-decoration: underline;
}
@media screen and (min-width: 1025px) {
.c-list-flag__name {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-list-flag__name {
font-size: 3.2vw;
}
} .c-section {
position: relative;
z-index: 2;
color: #fff;
}
.c-section--co-active {
padding: 77.9619326501px 0 77.9619326501px 77.2122986823px;
background: linear-gradient(-90deg, #000 0%, #0f2e5d 100%);
}
@media screen and (min-width: 1025px) {
.c-section--co-active {
padding: 7.6134699854vw 0 7.6134699854vw 7.5402635432vw;
}
}
@media screen and (max-width: 767px) {
.c-section--co-active {
padding: 17.0666666667vw 4% 17.0666666667vw;
}
}
.c-section + .c-section {
margin-top: 187.4084919473px;
}
@media screen and (min-width: 1025px) {
.c-section + .c-section {
margin-top: 18.3016105417vw;
}
}
@media screen and (max-width: 767px) {
.c-section + .c-section {
margin-top: 25.6vw;
}
}
.c-section__container {
display: flex;
align-items: flex-start;
-moz-column-gap: 5.0592885375%;
column-gap: 5.0592885375%;
}
@media screen and (max-width: 767px) {
.c-section__container {
display: block;
}
}
.c-section__container--center {
align-items: center;
-moz-column-gap: 4.959289%;
column-gap: 4.959289%;
}
.c-section__main {
width: 43.4782608696%;
}
@media screen and (max-width: 767px) {
.c-section__main {
width: 100%;
}
}
.c-section__main--l {
width: 419.7950219619px;
}
@media screen and (min-width: 1025px) {
.c-section__main--l {
width: 40.9956076135vw;
}
}
@media screen and (max-width: 767px) {
.c-section__main--l {
width: 100%;
}
}
.c-section__img {
width: 51.4624505929%;
aspect-ratio: 651/710;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.c-section__img {
width: 100%;
margin-top: 12.8vw;
}
}
.c-section__img img {
width: 100%;
}
.c-section__btn-wrap {
margin-top: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-section__btn-wrap {
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-section__btn-wrap {
margin-top: 8.5333333333vw;
}
}
.c-section__movie {
position: relative;
width: 407.8008784773px;
height: 407.8008784773px;
border-radius: 50%;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
.c-section__movie {
transition: opacity 300ms;
}
.c-section__movie:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-section__movie {
width: 39.8243045388vw;
height: 39.8243045388vw;
}
}
@media screen and (max-width: 767px) {
.c-section__movie {
width: 91.7333333333vw;
height: 91.7333333333vw;
margin-top: 8.5333333333vw;
}
}
.c-section__movie::before {
display: block;
content: "";
position: absolute;
inset: 0;
background: url(//www.thecoaches.co.jp/img/top/bg_movie.png) 0 0 no-repeat;
background-size: contain;
border-radius: 50%;
z-index: 1;
}
.c-section__movie-inner {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: 815.6017569546px;
height: 815.6017569546px;
pointer-events: none;
opacity: 0.2;
}
@media screen and (min-width: 1025px) {
.c-section__movie-inner {
width: 79.6486090776vw;
height: 79.6486090776vw;
}
}
@media screen and (max-width: 767px) {
.c-section__movie-inner {
width: 183.4666666667vw;
height: 183.4666666667vw;
}
}
.c-section__movie-play {
position: absolute;
bottom: 40%;
left: 0;
right: 0;
margin-inline: auto;
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 13.4934114202px;
font-weight: 600;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section__movie-play {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-section__movie-play {
bottom: 35%;
font-size: 4.8vw;
}
}
.c-section__movie-play::before {
display: block;
content: "";
position: absolute;
top: -38.2313323572px;
left: 50%;
translate: -50% 0;
width: 34.4831625183px;
height: 28.486090776px;
-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
clip-path: polygon(0 0, 100% 50%, 0 100%);
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section__movie-play::before {
top: -3.7335285505vw;
width: 3.3674963397vw;
height: 2.7818448023vw;
}
}
@media screen and (max-width: 767px) {
.c-section__movie-play::before {
top: -13.6vw;
width: 14.1333333333vw;
height: 12.2666666667vw;
}
}
.c-section__img-area {
width: 488.0117130307px;
height: 413.7979502196px;
padding: 33.7335285505px;
background: url(//www.thecoaches.co.jp/img/about/community/img_graduates.jpg) 0 0 no-repeat;
background-size: cover;
}
@media screen and (min-width: 1025px) {
.c-section__img-area {
width: 47.6573938507vw;
height: 40.4099560761vw;
padding: 3.2942898975vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area {
width: 100%;
height: 77.6vw;
margin-top: 4.5333333333vw;
padding: 5.8666666667vw 6.6666666667vw;
}
}
.c-section__img-area-txt {
color: #fff;
}
.c-section__img-area-txt:nth-of-type(n+2) {
margin-top: 8.9956076135px;
}
@media screen and (min-width: 1025px) {
.c-section__img-area-txt:nth-of-type(n+2) {
margin-top: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area-txt:nth-of-type(n+2) {
margin-top: 1.0666666667vw;
}
}
.c-section__img-area-txt-sub {
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 11.9941434846px;
line-height: 1.5;
}
@media screen and (min-width: 1025px) {
.c-section__img-area-txt-sub {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area-txt-sub {
font-size: 3.2vw;
line-height: 1.4166666667;
}
}
.c-section__img-area-txt-main {
position: relative;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 41.9795021962px;
line-height: 1.5178571429;
}
@media screen and (min-width: 1025px) {
.c-section__img-area-txt-main {
font-size: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area-txt-main {
font-size: 7.4666666667vw;
line-height: 1.5;
}
}
.c-section__img-area-txt-main--s {
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-size: 35.9824304539px;
line-height: 1.4583333333;
}
@media screen and (min-width: 1025px) {
.c-section__img-area-txt-main--s {
font-size: 3.513909224vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area-txt-main--s {
font-size: 6.4vw;
line-height: 1.4583333333;
}
}
.c-section__img-area-txt-main--s::before {
position: absolute;
content: "+";
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-size: 29.9853587116px;
top: 50%;
right: -29.9853587116px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-section__img-area-txt-main--s::before {
font-size: 2.9282576867vw;
right: -2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-section__img-area-txt-main--s::before {
font-size: 4.2666666667vw;
right: -4vw;
}
} .c-section-2 {
padding-top: 187.4084919473px;
padding-left: 74.9633967789px;
}
@media screen and (min-width: 1025px) {
.c-section-2 {
padding-top: 18.3016105417vw;
padding-left: 7.3206442167vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2 {
padding-top: 25.3333333333vw;
padding-left: 0;
}
}
.c-section-2 + .c-section-2 {
padding-top: 89.9560761347px;
padding-bottom: 187.4084919473px;
}
@media screen and (min-width: 1025px) {
.c-section-2 + .c-section-2 {
padding-top: 8.78477306vw;
padding-bottom: 18.3016105417vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2 + .c-section-2 {
padding-top: 25.6vw;
padding-bottom: 25.6vw;
}
}
.c-section-2 + .c-section-2--pb {
padding-bottom: 89.9560761347px;
}
@media screen and (min-width: 1025px) {
.c-section-2 + .c-section-2--pb {
padding-bottom: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2 + .c-section-2--pb {
padding-bottom: 0;
}
}
.c-section-2--pt0 {
padding-top: 0;
}
.c-section-2--pt-aboutcoactive {
padding-top: 166.4187408492px;
}
@media screen and (min-width: 1025px) {
.c-section-2--pt-aboutcoactive {
padding-top: 16.2518301611vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2--pt-aboutcoactive {
padding-top: 25.6vw;
}
}
.c-section-2__container {
display: flex;
align-items: flex-start;
-moz-column-gap: 7.5829383886%;
column-gap: 7.5829383886%;
}
@media screen and (max-width: 767px) {
.c-section-2__container {
display: block;
}
}
.c-section-2__head {
width: 28.9099526066%;
}
@media screen and (max-width: 767px) {
.c-section-2__head {
width: 100%;
padding-inline: 4%;
}
}
.c-section-2__body {
width: 63.981042654%;
}
@media screen and (max-width: 767px) {
.c-section-2__body {
width: 100%;
margin-top: 8.5333333333vw;
padding-left: 4%;
}
}
.c-section-2__body--pb-aboutcoactive {
padding-bottom: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.c-section-2__body--pb-aboutcoactive {
padding-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2__body--pb-aboutcoactive {
margin-bottom: 29.3333333333vw;
padding-bottom: 0;
}
}
.c-section-2__btn-list {
margin-top: 22.4890190337px;
}
@media screen and (min-width: 1025px) {
.c-section-2__btn-list {
margin-top: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2__btn-list {
margin-top: 8.5333333333vw;
}
}
.c-section-2__btn-item {
margin-top: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.c-section-2__btn-item {
margin-top: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-section-2__btn-item {
margin-top: 2.1333333333vw;
}
}
.c-section-2__btn-item:first-of-type {
margin-top: 0;
} .c-section-3 {
position: relative;
background: url(//www.thecoaches.co.jp/img/top/img_books.jpg) 0 0 no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.c-section-3 {
height: 142.9333333333vw;
}
}
@media screen and (min-width: 768px) {
.c-section-3--program {
background-image: url(//www.thecoaches.co.jp/img/program/img_books.jpg);
}
}
@media screen and (min-width: 768px) {
.c-section-3--leader {
background-image: url(//www.thecoaches.co.jp/img/program/leadership/img_books02.jpg);
}
}
.c-section-3--bgnone {
background: unset;
}
.c-section-3__link {
display: block;
height: 100%;
padding: 52.4743777452px 74.9633967789px 44.9780380673px;
}
@media (hover: hover) and (pointer: fine) {
.c-section-3__link {
transition: opacity 300ms;
}
.c-section-3__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-section-3__link {
padding: 5.1244509517vw 7.3206442167vw 4.39238653vw;
}
}
@media screen and (max-width: 767px) {
.c-section-3__link {
padding: 10.6666666667vw 4% 12.5333333333vw;
background: url(//www.thecoaches.co.jp/img/program/sp/img_books.jpg) 0 0 no-repeat;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.c-section-3--leader .c-section-3__link {
background: url(//www.thecoaches.co.jp/img/program/leadership/sp/img_books02.jpg) 0 0 no-repeat;
background-size: cover;
padding: 8.8vw 4% 12.5333333333vw;
}
}
.c-section-3__container {
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.c-section-3__container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
}
.c-section-3__link-wrap {
margin-top: 58.4714494876px;
}
@media screen and (min-width: 1025px) {
.c-section-3__link-wrap {
margin-top: 5.710102489vw;
}
}
@media screen and (max-width: 767px) {
.c-section-3__link-wrap {
margin-top: auto;
}
} .c-section-4 {
position: relative;
z-index: 2;
}
@media screen and (min-width: 768px) {
.c-section-4--pmt133 {
margin-top: 99.701317716px;
}
}
@media screen and (min-width: 1025px) {
.c-section-4--pmt133 {
margin-top: 9.7364568082vw;
}
}
@media screen and (min-width: 768px) {
.c-section-4--pmt151 {
margin-top: 113.1947291362px;
}
}
@media screen and (min-width: 1025px) {
.c-section-4--pmt151 {
margin-top: 11.0541727672vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4--smt168 {
margin-top: 44.8vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4--smt96 {
margin-top: 25.6vw;
}
}
@media screen and (min-width: 768px) {
.c-section-4--ppb220 {
padding-bottom: 164.9194729136px;
}
}
@media screen and (min-width: 1025px) {
.c-section-4--ppb220 {
padding-bottom: 16.1054172767vw;
}
}
.c-section-4__container {
display: flex;
align-items: center;
width: 944.5387994143px;
margin: 0 0 0 auto;
}
@media screen and (min-width: 1025px) {
.c-section-4__container {
width: 92.2401171303vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.c-section-4__container {
display: block;
width: 91.7333333333vw;
margin: 0 auto;
}
}
.c-section-4__body {
flex-shrink: 0;
width: 487.262079063px;
margin-left: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-section-4__body {
width: 47.5841874085vw;
margin-left: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__body {
width: 91.7333333333vw;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.c-section-4__body {
margin-top: 5.3333333333vw;
}
}
.c-section-4__img {
display: flex;
width: 100%;
height: 100%;
}
.c-section-4__img--bg {
position: relative;
height: 359.8243045388px;
}
@media screen and (min-width: 1025px) {
.c-section-4__img--bg {
height: 35.1390922401vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__img--bg {
height: 68vw;
}
}
.c-section-4__img--bg::before {
content: "&";
position: absolute;
font-family: "Poppins", sans-serif;
font-weight: 500;
line-height: 2.265625;
color: #fff;
font-size: 47.9765739385px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1025px) {
.c-section-4__img--bg::before {
font-size: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__img--bg::before {
font-size: 8.8vw;
}
}
.c-section-4__img-area {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
}
.c-section-4__img-area--1 {
background: url(//www.thecoaches.co.jp/img/program/coaching/img_being.jpg) 0 0 no-repeat;
background-size: 100% auto;
}
.c-section-4__img-area--2 {
background: url(//www.thecoaches.co.jp/img/program/coaching/img_doing.jpg) 0 0 no-repeat;
background-size: 100% auto;
}
.c-section-4__img-txt {
display: block;
text-align: center;
font-family: "Poppins", sans-serif;
font-weight: 500;
color: #fff;
}
.c-section-4__img-txt--main {
font-size: 47.9765739385px;
margin-bottom: -15.7423133236px;
line-height: 1.865625;
}
@media screen and (min-width: 1025px) {
.c-section-4__img-txt--main {
font-size: 4.6852122987vw;
margin-bottom: -1.5373352855vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__img-txt--main {
font-size: 8.8vw;
line-height: 1.472727;
margin-bottom: 0.8vw;
}
}
.c-section-4__img-txt--sub {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
line-height: 3.1875;
}
@media screen and (min-width: 1025px) {
.c-section-4__img-txt--sub {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__img-txt--sub {
font-size: 3.2vw;
line-height: 2.1666666667;
}
}
.c-section-4__btn {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-section-4__btn {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-section-4__btn {
margin-top: 5.3333333333vw;
}
} .c-section-6 {
position: relative;
padding: 89.9560761347px 0;
z-index: 2;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-section-6 {
padding: 8.78477306vw 0;
}
}
@media screen and (max-width: 767px) {
.c-section-6 {
padding: 25.6vw 0;
background-color: unset;
}
}
.c-section-6--2 {
background-color: unset;
}
.c-section-6--2 .c-section-6__container {
width: auto;
}
.c-section-6--2 .c-section-6__head {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-section-6--2 .c-section-6__head {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.c-section-6--2 .c-section-6__head {
width: 92vw;
margin: 0 auto;
}
}
.c-section-6--pt {
padding: 11.2445095168px 0 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.c-section-6--pt {
padding: 1.0980966325vw 0 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.c-section-6--pt {
padding: 16vw 0 40vw;
}
}
.c-section-6__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-section-6__container {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.c-section-6__container {
width: auto;
}
}
@media screen and (max-width: 767px) {
.c-section-6__head {
width: 92vw;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.c-section-6__body {
width: 100%;
}
} .c-section-7 {
position: relative;
margin: 164.9194729136px 0;
}
@media screen and (min-width: 1025px) {
.c-section-7 {
margin: 16.1054172767vw 0;
}
}
@media screen and (max-width: 767px) {
.c-section-7 {
margin: 0 0 25.6vw;
}
}
.c-section-7__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-section-7__container {
width: 84.3338213763vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.c-section-7__container {
width: 92vw;
}
}
.c-section-7__head {
display: flex;
justify-content: space-between;
margin-bottom: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.c-section-7__head {
margin-bottom: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-section-7__head {
display: block;
margin-bottom: 5.3333333333vw;
}
}
@media screen and (max-width: 767px) {
.c-section-7__inner {
margin-bottom: 10.6666666667vw;
}
}
.c-section-7__inner--width {
width: 529.9912152269px;
margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
.c-section-7__inner--width {
width: 51.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-section-7__inner--width {
width: 100%;
}
}
.c-section-7__lead {
display: inline-block;
margin-bottom: 8.2459736457px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 20.2401171303px;
font-weight: bold;
line-height: 1.7037037037;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section-7__lead {
margin-bottom: 0.8052708638vw;
font-size: 1.9765739385vw;
}
}
@media screen and (max-width: 767px) {
.c-section-7__lead {
margin-bottom: 4.5333333333vw;
font-size: 4.8vw;
line-height: 1.4;
}
}
@media screen and (max-width: 767px) {
.c-section-7__body {
margin-top: 5.3333333333vw;
}
} .c-section-8 {
margin-top: 124.439238653px;
}
@media screen and (min-width: 1025px) {
.c-section-8 {
margin-top: 12.1522693997vw;
}
}
@media screen and (max-width: 767px) {
.c-section-8 {
margin-top: 25.6vw;
}
}
.c-section-8--mt0 {
margin-top: 0;
}
.c-section-8__link {
display: block;
height: 100%;
padding: 45.7276720351px 74.9633967789px 44.2284040996px 76.4626647145px;
background: url(//www.thecoaches.co.jp/img/common/img_join.jpg) center no-repeat;
background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
.c-section-8__link {
transition: opacity 300ms;
}
.c-section-8__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-section-8__link {
padding: 4.4655929722vw 7.3206442167vw 4.3191800878vw 7.467057101vw;
}
}
@media screen and (max-width: 767px) {
.c-section-8__link {
height: 142.9333333333vw;
padding: 8.8vw 4% 12.5333333333vw;
background-image: url(//www.thecoaches.co.jp/img/common/sp/img_join.jpg);
}
}
.c-section-8--organizations .c-section-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/begin_your_journey/img_organizations.jpg);
}
@media screen and (max-width: 767px) {
.c-section-8--organizations .c-section-8__link {
background-image: url(//www.thecoaches.co.jp/img/program/begin_your_journey/sp/img_organizations.jpg);
}
}
@media screen and (max-width: 767px) {
.c-section-8__container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
}
.c-section-8__container__link-wrap {
margin-top: 58.4714494876px;
}
@media screen and (min-width: 1025px) {
.c-section-8__container__link-wrap {
margin-top: 5.710102489vw;
}
}
@media screen and (max-width: 767px) {
.c-section-8__container__link-wrap {
margin-top: auto;
}
} .c-section-faq {
width: 864.3279648609px;
margin: 0 auto;
padding: 164.9194729136px 0;
}
@media screen and (min-width: 1025px) {
.c-section-faq {
width: 84.4070278184vw;
padding: 16.1054172767vw 0;
}
}
@media screen and (max-width: 767px) {
.c-section-faq {
width: 92vw;
padding: 25.6vw 0;
}
}
.c-section-faq--p0 {
padding: 0;
}
.c-section-faq__container {
display: flex;
align-items: flex-start;
justify-content: space-between;
-moz-column-gap: 7.5829383886%;
column-gap: 7.5829383886%;
}
@media screen and (max-width: 767px) {
.c-section-faq__container {
display: block;
}
}
.c-section-faq__body {
width: 527.7423133236px;
margin-top: -23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-section-faq__body {
width: 51.5373352855vw;
margin-top: -2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-section-faq__body {
width: auto;
margin-top: 0;
}
}
.c-section-faq__btn-list {
margin-top: 2.3426061493vw;
}
@media screen and (min-width: 1025px) {
.c-section-faq__btn-list {
margin-top: 23.9882869693px;
}
}
@media screen and (max-width: 767px) {
.c-section-faq__btn-list {
margin-top: 0;
}
}
.c-section-faq__btn-item {
margin-top: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.c-section-faq__btn-item {
margin-top: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-section-faq__btn-item {
margin-top: 2.1333333333vw;
}
}
.c-section-faq__btn-item:first-of-type {
margin-top: 0;
} .c-section-term {
background: linear-gradient(to right, rgb(15, 46, 93) 0%, rgb(0, 0, 0) 100%);
padding: 56.972181552px 80.9604685212px 59.9707174231px 79.4612005857px;
}
@media screen and (min-width: 1025px) {
.c-section-term {
padding: 5.5636896047vw 7.906295754vw 5.8565153734vw 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term {
padding: 14.6666666667vw 0;
}
}
.c-section-term__container {
width: 864.3279648609px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.c-section-term__container {
width: 84.4070278184vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__container {
width: 92vw;
}
}
.c-section-term__list {
width: 100%;
}
.c-section-term__list-item {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.c-section-term__list-item {
display: block;
}
}
.c-section-term__list-item:not(:last-of-type) {
margin-bottom: 44.9780380673px;
}
@media screen and (min-width: 1025px) {
.c-section-term__list-item:not(:last-of-type) {
margin-bottom: 4.39238653vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__list-item:not(:last-of-type) {
margin-bottom: 8.5333333333vw;
padding-bottom: 8.5333333333vw;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
}
}
.c-section-term__ttl {
position: relative;
margin-bottom: 38.2313323572px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 17.9912152269px;
line-height: 2;
padding-left: 26.9868228404px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section-term__ttl {
margin-bottom: 3.7335285505vw;
font-size: 1.756954612vw;
padding-left: 2.635431918vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__ttl {
font-size: 5.3333333333vw;
line-height: 1.4;
padding-left: 9.6vw;
margin-bottom: 10.9333333333vw;
}
}
.c-section-term__ttl::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_check.svg) 0 0 no-repeat;
background-size: contain;
width: 20.9897510981px;
height: 19.4904831625px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-section-term__ttl::before {
width: 2.0497803807vw;
height: 1.9033674963vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__ttl::before {
width: 7.4666666667vw;
height: 6.9333333333vw;
top: 1.9vw;
transform: translateY(0);
}
}
@media screen and (max-width: 767px) {
.c-section-term__list-item-head {
margin-bottom: 4vw;
}
}
.c-section-term__list-item-body {
width: 539.7364568082px;
}
@media screen and (min-width: 1025px) {
.c-section-term__list-item-body {
width: 52.7086383602vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__list-item-body {
width: 100%;
}
}
.c-section-term__list-item-body--s {
width: 526.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-section-term__list-item-body--s {
width: 51.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__list-item-body--s {
width: 100%;
}
}
.c-section-term__btn {
margin-top: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-section-term__btn {
margin-top: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-section-term__btn {
margin-top: 10.6666666667vw;
}
} .c-section-9 {
position: relative;
z-index: 2;
}
.c-section-9 + .c-section-9 .c-section-9__container {
margin: 0 auto;
}
.c-section-9__container {
width: 867.3265007321px;
margin: 0 auto;
margin: 101.2005856515px auto 0;
}
@media screen and (min-width: 1025px) {
.c-section-9__container {
width: 84.6998535871vw;
margin: 9.8828696925vw auto 0;
}
}
@media screen and (max-width: 767px) {
.c-section-9__container {
width: 91.7333333333vw;
margin: 28.8vw auto 0;
}
}
.c-section-9__container--contact {
margin: 70.4655929722px auto 0;
}
@media screen and (min-width: 1025px) {
.c-section-9__container--contact {
margin: 6.8814055637vw auto 0;
}
}
@media screen and (max-width: 767px) {
.c-section-9__container--contact {
margin-top: 10.6666666667vw;
}
}
.c-section-9__lead {
display: block;
margin-bottom: 74.9633967789px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
line-height: cacl(28.8/16);
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section-9__lead {
margin-bottom: 7.3206442167vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-section-9__lead {
margin-bottom: 11.7333333333vw;
font-size: 4.2666666667vw;
}
}
.c-section-9--important .c-section-9__container {
margin-top: 67.467057101px;
margin-bottom: 67.467057101px;
padding-bottom: 67.467057101px;
border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1025px) {
.c-section-9--important .c-section-9__container {
margin-top: 6.588579795vw;
margin-bottom: 6.588579795vw;
padding-bottom: 6.588579795vw;
border-bottom: 0.0732064422vw solid #fff;
}
}
@media screen and (max-width: 767px) {
.c-section-9--important .c-section-9__container {
margin-top: 29.3333333333vw;
margin-bottom: 21.3333333333vw;
padding-bottom: 13.3333333333vw;
border-bottom: 0.2666666667vw solid #fff;
}
}
.c-section-9__ttl {
padding-top: 20.2401171303px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 20.9897510981px;
line-height: 1.4;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-section-9__ttl {
padding-top: 1.9765739385vw;
font-size: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.c-section-9__ttl {
padding-top: 0;
font-size: 6.4vw;
line-height: 1.4;
}
}
.c-section-9__ttl--pt {
padding-top: 0;
}
.c-section-9__ttl--lih {
line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
.c-section-9__ttl--lih {
line-height: 1.4;
}
}
.c-section-9__ttl--year {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-section-9__ttl--year {
font-size: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-section-9__ttl--year {
font-size: 8.5333333333vw;
font-weight: 700;
}
} .c-slider-community__wrapper {
position: relative;
width: 776.6207906296px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.c-slider-community__wrapper {
width: 75.8418740849vw;
}
}
.c-slider-community__wrapper .splide__track {
overflow: visible;
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrows {
display: flex;
align-items: center;
-moz-column-gap: 1.0666666667vw;
column-gap: 1.0666666667vw;
}
}
.c-slider-community .splide__arrow {
position: absolute;
top: 50%;
z-index: 1;
translate: 0 -50%;
display: grid;
place-items: center;
width: 37.4816983895px;
height: 149.9267935578px;
box-sizing: border-box;
touch-action: manipulation;
cursor: pointer;
overflow: hidden;
background: rgba(17, 29, 47, 0.3);
transition: background 0.5s ease;
}
@media screen and (min-width: 1025px) {
.c-slider-community .splide__arrow {
width: 3.6603221083vw;
height: 14.6412884334vw;
}
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrow {
position: relative;
width: 8.5333333333vw;
height: 8.5333333333vw;
border-radius: 50%;
translate: 0;
}
}
.c-slider-community .splide__arrow::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: 100% auto;
width: 7.4963396779px;
height: 8.2459736457px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-slider-community .splide__arrow::before {
width: 0.7320644217vw;
height: 0.8052708638vw;
}
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrow::before {
width: 2.6666666667vw;
height: 2.9333333333vw;
}
}
.c-slider-community .splide__arrow--prev {
left: 79.4612005857px;
}
@media screen and (min-width: 1025px) {
.c-slider-community .splide__arrow--prev {
left: 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrow--prev {
left: auto;
}
}
.c-slider-community .splide__arrow--prev::before {
top: 46%;
left: 30%;
rotate: 180deg;
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrow--prev::before {
top: 14%;
left: 20%;
height: 3.2vw;
}
}
.c-slider-community .splide__arrow--next {
right: 79.4612005857px;
}
@media screen and (min-width: 1025px) {
.c-slider-community .splide__arrow--next {
right: 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.c-slider-community .splide__arrow--next {
right: auto;
}
}
@media screen and (max-width: 767px) {
.c-slider-community__control {
display: flex;
align-items: center;
-moz-column-gap: 4.8vw;
column-gap: 4.8vw;
margin-top: 4vw;
}
}
.c-slider-community__pagination {
position: relative;
width: 863.5783308931px;
height: 1.4992679356px;
margin: 41.9795021962px auto 0;
background: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%);
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.c-slider-community__pagination {
width: 84.3338213763vw;
height: 0.1464128843vw;
margin: 4.0995607613vw auto 0;
}
}
@media screen and (max-width: 767px) {
.c-slider-community__pagination {
width: 68.8vw;
height: 0.4vw;
margin: 0;
}
}
.c-slider-community__pagination-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: transform 0.3s;
}
.c-slider-community__img img {
width: 100%;
height: auto;
vertical-align: bottom;
} .c-slider:nth-of-type(n+2) {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.c-slider:nth-of-type(n+2) {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-slider:nth-of-type(n+2) {
margin-top: 8.5333333333vw;
}
}
.c-slider__control {
display: flex;
align-items: center;
-moz-column-gap: 16.4919472914px;
column-gap: 16.4919472914px;
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-slider__control {
-moz-column-gap: 1.6105417277vw;
column-gap: 1.6105417277vw;
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-slider__control {
-moz-column-gap: 4.8vw;
column-gap: 4.8vw;
margin-top: 5.3333333333vw;
}
}
.c-slider__pagination {
position: relative;
width: 431.7891654466px;
height: 1.1244509517px;
background: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%);
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.c-slider__pagination {
width: 42.1669106881vw;
height: 0.1098096633vw;
}
}
@media screen and (max-width: 767px) {
.c-slider__pagination {
width: 68.8vw;
height: 0.4vw;
}
}
.c-slider__pagination-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: transform 0.3s;
}
.c-slider .splide__arrows {
display: flex;
align-items: center;
-moz-column-gap: 5.9970717423px;
column-gap: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.c-slider .splide__arrows {
-moz-column-gap: 0.5856515373vw;
column-gap: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-slider .splide__arrows {
-moz-column-gap: 1.0666666667vw;
column-gap: 1.0666666667vw;
}
}
.c-slider .splide__arrow {
position: relative;
width: 35.9824304539px;
height: 35.9824304539px;
border-radius: 50%;
background-color: rgba(17, 29, 47, 0.3);
}
@media (hover: hover) and (pointer: fine) {
.c-slider .splide__arrow {
transition: opacity 300ms;
}
.c-slider .splide__arrow:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.c-slider .splide__arrow {
width: 3.513909224vw;
height: 3.513909224vw;
}
}
@media screen and (max-width: 767px) {
.c-slider .splide__arrow {
width: 8.5333333333vw;
height: 8.5333333333vw;
}
}
.c-slider .splide__arrow::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: 8.2459736457px;
height: 10.494875549px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.c-slider .splide__arrow::before {
width: 0.8052708638vw;
height: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-slider .splide__arrow::before {
width: 2.6666666667vw;
height: 2.6666666667vw;
}
}
.c-slider .splide__arrow--prev {
rotate: 180deg;
} .c-table {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-table {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-table {
margin-top: 4.5333333333vw;
}
}
.c-table th,
.c-table td {
width: 191.906295754px;
padding: 11.9941434846px 0;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: bold;
letter-spacing: 0.01em;
text-align: center;
}
@media screen and (min-width: 1025px) {
.c-table th,
.c-table td {
width: 18.7408491947vw;
padding: 1.1713030747vw 0;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-table th,
.c-table td {
font-size: 3.7333333333vw;
width: 45.8666666667vw;
padding: 2.1333333333vw 0;
}
}
.c-table td.column3 {
width: 575.7188872621px;
}
@media screen and (min-width: 1025px) {
.c-table td.column3 {
width: 56.2225475842vw;
}
}
@media screen and (max-width: 767px) {
.c-table th.c-table__th {
font-size: 4.2666666667vw;
padding: 1.6666666667vw 0;
}
}
.c-table__bg1 {
background-color: #640566;
color: #fff;
}
.c-table__bg2 {
background-color: #F3DEF0;
color: #640566;
}
@media screen and (max-width: 767px) {
.c-table__bg2 {
font-size: 3.7333333333vw;
padding: 2.1333333333vw 0;
}
}
.c-table--leader .c-table__bg1 {
background-color: #7E5A16;
}
.c-table--leader .c-table__bg2 {
color: #7E5A16;
background-color: #F8E5C1;
}
@media screen and (max-width: 767px) {
.c-table th.c-table__bg2 {
padding: 2.1333333333vw 0;
}
}
.c-table__bg3 {
background-color: #fff;
color: #1A1A1A;
}
.c-table .solid {
border-right: 1px solid #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table .solid {
border-right: 0.0732064422vw solid #B1BED1;
}
}
.c-table .solid--white {
border-right: 1px solid #fff;
}
@media screen and (max-width: 767px) {
.c-table .solid--white {
border-right: 0.0732064422vw solid #fff;
}
}
@media screen and (min-width: 768px) {
.c-table .dashed {
background-size: 4px 1px;
background-image: linear-gradient(to right, #B1BED1 2px, transparent 2px);
background-repeat: repeat-x;
background-position: left top;
}
}
@media screen and (min-width: 1025px) {
.c-table .dashed {
background-size: 0.2928257687vw 0.0732064422vw;
background-image: linear-gradient(to right, #B1BED1 0.1464128843vw, transparent 0.1464128843vw);
background-repeat: repeat-x;
background-position: left top;
}
}
@media screen and (max-width: 767px) {
.c-table .dashed {
background-size: 0.2666666667vw 1.0666666667vw;
background-image: linear-gradient(to bottom, #B1BED1 0.5333333333vw, transparent 0.5333333333vw);
background-repeat: repeat-y;
background-position: right top;
}
}
@media screen and (min-width: 768px) {
.c-table .dashed--white {
background-image: linear-gradient(to right, #fff 2px, transparent 2px);
}
}
@media screen and (min-width: 1025px) {
.c-table .dashed--white {
background-image: linear-gradient(to right, #fff 0.1464128843vw, transparent 0.1464128843vw);
}
}
@media screen and (max-width: 767px) {
.c-table .dashed--white {
background-image: linear-gradient(to bottom, #fff 0.5333333333vw, transparent 0.5333333333vw);
}
} .c-table-2 {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
letter-spacing: 0.01em;  }
@media screen and (min-width: 1025px) {
.c-table-2 {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2 {
width: 91.4666666667vw;
font-size: 3.7333333333vw;
line-height: 1.58;
}
}
.c-table-2 th,
.c-table-2 td {
padding: 12.7437774524px 8.9956076135px;
text-align: center;
}
@media screen and (min-width: 1025px) {
.c-table-2 th,
.c-table-2 td {
padding: 1.2445095168vw 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2 th,
.c-table-2 td {
width: 30.4888888889vw;
padding: 2.6666666667vw 1.0666666667vw 2.6666666667vw;
}
}
.c-table-2 th {
background-color: #F3DEF0;
color: #640566;
}
@media screen and (max-width: 767px) {
.c-table-2 th {
font-size: 4.2666666667vw;
font-weight: bold;
}
}
.c-table-2 td {
background-color: #fff;
color: #1A1A1A;
}
@media screen and (max-width: 767px) {
.c-table-2 td {
font-size: 3.2vw;
padding: 3.066667vw 1.0666666667vw 3.266667vw;
}
}
@media screen and (min-width: 768px) {
.c-table-2__width1 {
width: 157.4231332357px;
font-size: 13.4934114202px;
font-weight: bold;
line-height: 1.2222222222;
}
}
@media screen and (min-width: 1025px) {
.c-table-2__width1 {
width: 15.3733528551vw;
font-size: 1.317715959vw;
}
}
@media screen and (min-width: 768px) {
.c-table-2__width2 {
width: 35.9824304539px;
height: -moz-max-content;
height: max-content;
font-size: 13.4934114202px;
font-weight: bold;
line-height: 1.1111111111;
}
}
@media screen and (min-width: 1025px) {
.c-table-2__width2 {
width: 3.513909224vw;
font-size: 1.317715959vw;
}
}
@media screen and (min-width: 768px) {
.c-table-2__width3 {
width: 121.4407027818px;
font-size: 1rem;
font-weight: bold;
line-height: 1.375;
}
}
@media screen and (min-width: 1025px) {
.c-table-2__width3 {
width: 11.859443631vw;
font-size: 1.1713030747vw;
}
}
.c-table-2 th.c-table-2__width3 {
text-align: left;
}
@media screen and (min-width: 768px) {
.c-table-2__width4 {
width: 305.1010248902px;
}
}
@media screen and (min-width: 1025px) {
.c-table-2__width4 {
width: 29.7950219619vw;
}
}
@media screen and (min-width: 768px) {
.c-table-2__width5 {
width: 152.1756954612px;
}
}
@media screen and (min-width: 1025px) {
.c-table-2__width5 {
width: 14.8609077599vw;
}
}
.c-table-2__price {
font-size: 17.9912152269px;
font-weight: bold;
line-height: 1.3333333333;
color: #640566;
}
@media screen and (min-width: 1025px) {
.c-table-2__price {
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2__price {
font-size: 4.8vw;
line-height: 1.1111111111;
}
}
.c-table-2__price--s {
font-size: 10.494875549px;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-table-2__price--s {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2__price--s {
font-size: 3.2vw;
line-height: 1.6666666667;
}
}
.c-table-2__category {
display: inline-block;
font-weight: bold;
margin-top: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-table-2__category {
margin-top: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2__category {
font-size: 3.2vw;
margin-top: 1.8666666667vw;
}
}
.c-table-2__category--mt {
margin-top: 5.2474377745px;
}
@media screen and (max-width: 767px) {
.c-table-2__category--mt {
margin-top: 0.5124450952vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2__category--mt {
margin-top: 1.8666666667vw;
}
}
.c-table-2__course {
color: #fff;
background-color: #640566;
padding: 1.4992679356px 7.4963396779px 2.2489019034px 7.4963396779px;
border-radius: 16.4919472914px;
}
@media screen and (min-width: 1025px) {
.c-table-2__course {
padding: 0.1464128843vw 0.7320644217vw 0.2928257687vw 0.7320644217vw;
border-radius: 1.6105417277vw;
}
}
.c-table-2__course--mt {
display: inline-block;
margin-top: 48.7262079063px;
}
@media screen and (min-width: 1025px) {
.c-table-2__course--mt {
margin-top: 4.7584187408vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2__course {
font-size: 2.6666666667vw;
letter-spacing: 0.01em;
padding: 0.5333333333vw 1.8666666667vw 1.0666666667vw 1.8666666667vw;
}
}
@media screen and (max-width: 767px) {
.c-table-2 th.c-table-2__small {
font-size: 3.2vw;
line-height: 1.4;
}
}
.c-table-2 .vertical {
display: inline-block;
writing-mode: vertical-rl;
}
.c-table-2 .dashed-right {
border-right: 1px dashed #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table-2 .dashed-right {
border-right: 0.2666666667vw dashed #B1BED1;
}
}
.c-table-2 .dashed-bottom {
border-bottom: 1px dashed #B1BED1;
}
@media screen and (min-width: 1025px) {
.c-table-2 .dashed-bottom {
border-bottom: 0.0732064422vw dashed #B1BED1;
}
}
@media screen and (max-width: 767px) {
.c-table-2 .dashed-bottom {
border-bottom: none;
background-size: 1.0666666667vw 0.2666666667vw;
background-image: linear-gradient(to right, #B1BED1 0.5333333333vw, transparent 0.5333333333vw);
background-repeat: repeat-x;
background-position: left bottom;
}
}
.c-table-2 .solid-top {
border-top: 1px solid #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table-2 .solid-top {
border-top: 0.2666666667vw solid #B1BED1;
}
}
.c-table-2 .solid-right {
border-right: 1px solid #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table-2 .solid-right {
border-right: 0.2666666667vw solid #B1BED1;
}
}
.c-table-2 .solid-bottom {
border-bottom: 1px solid #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table-2 .solid-bottom {
border-bottom: 0.2666666667vw solid #B1BED1;
}
}
.c-table-2 .solid-left {
border-left: 1px solid #B1BED1;
}
@media screen and (max-width: 767px) {
.c-table-2 .solid-left {
border-left: 0.2666666667vw solid #B1BED1;
}
} .c-table-price {
width: 100%;
}
.c-table-price__container {
display: flex;
}
@media screen and (max-width: 767px) {
.c-table-price__container {
display: block;
}
}
.c-table-price__head {
display: flex;
align-items: center; width: 50%;
padding: 22.4890190337px 17.2415812592px;
background-color: #F8E5C1;
}
@media screen and (min-width: 1025px) {
.c-table-price__head { width: 50%;
text-align: center;
padding: 2.196193265vw 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__head {
justify-content: center;
width: 100%;
padding: 8vw 0 5.8666666667vw;
}
}
.c-table-price__head--s {
width: 262.3718887262px;
}
@media screen and (min-width: 1025px) {
.c-table-price__head--s {
width: 25.6222547584vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__head--s {
justify-content: unset;
padding: 8.5333333333vw 5.3333333333vw 6.1333333333vw;
width: 100%;
}
}
.c-table-price__ttl {
font-family: "Poppins", sans-serif;
font-size: 11.9941434846px;
font-weight: 700;
line-height: 1.375;
letter-spacing: 0.01em;
color: #7E5A16;
}
@media screen and (min-width: 1025px) {
.c-table-price__ttl {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__ttl { font-size: 95%;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.newline {
display: none;
}
}
@media screen and (max-width: 767px) {
.newline {
display: block;
}
}
.c-table-price__body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: calc(100% - 299.8535871157px);
padding: 16.4919472914px 14.243045388px 12.7437774524px 27.7364568082px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-table-price__body { width: 50%;
padding: 1.6105417277vw 1.3909224012vw 1.2445095168vw 2.7086383602vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__body {
justify-content: center;
width: 100%;
padding: 7.2vw 0 6.6666666667vw;
}
}
.c-table-price__body--l {
width: calc(100% - 262.3718887262px);
}
@media screen and (min-width: 1025px) {
.c-table-price__body--l {
width: calc(100% - 25.6222547584vw);
}
}
@media screen and (max-width: 767px) {
.c-table-price__body--l {
justify-content: unset;
padding: 5.0666666667vw 5.3333333333vw 6.4vw;
width: 100%;
}
}
.c-table-price__inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 767px) {
.c-table-price__inner {
display: block;
}
}
.c-table-price__lead {
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 13.4934114202px;
font-weight: bold;
line-height: 1.7777777778;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.c-table-price__lead {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__lead {
font-size: 4.2666666667vw;
line-height: 2;
}
}
.c-table-price__price {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
line-height: 2.2857142857;
letter-spacing: 0.01em;
font-weight: 500;
}
@media screen and (min-width: 1025px) {
.c-table-price__price {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__price {
font-size: 3.2vw;
line-height: 1.5;
}
}
.c-table-price__price--l {
font-size: 20.9897510981px;
font-weight: 700;
color: #7E5A16;
}
@media screen and (min-width: 1025px) {
.c-table-price__price--l {
font-size: 2.0497803807vw;
line-height: 1.1428571429;
}
}
@media screen and (max-width: 767px) {
.c-table-price__price--l {
font-size: 4.8vw;
line-height: 1.1111111111;
}
}
.c-table-price__price--pr {
padding-right: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-table-price__price--pr {
padding-right: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-table-price__price--pr {
padding-right: 0;
}
}
.c-table-price__price--bold {
font-weight: 700;
} .c-parts-serect {
position: relative;
width: 368.8199121523px;
}
@media screen and (min-width: 1025px) {
.c-parts-serect {
width: 36.0175695461vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect {
width: 100%;
}
}
.c-parts-serect__serect-head {
position: relative;
padding: 11.9941434846px 49.4758418741px 11.9941434846px 11.9941434846px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #8692A3;
background-color: rgba(255, 255, 255, 0.9);
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.c-parts-serect__serect-head {
padding: 1.1713030747vw 4.831625183vw 1.1713030747vw 1.1713030747vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect__serect-head {
padding: 3.8666666667vw 11.7333333333vw 3.8666666667vw 4.2666666667vw;
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.c-parts-serect__serect-head.is-selected {
color: #1A1A1A;
}
.c-parts-serect__serect-head::before {
content: "";
position: absolute;
width: 1px;
height: 17.9912152269px;
background-color: #8692A3;
right: 48.7262079063px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-parts-serect__serect-head::before {
width: 0.0732064422vw;
height: 1.756954612vw;
right: 4.7584187408vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect__serect-head::before {
width: 0.2666666667vw;
height: 5.3333333333vw;
right: 11.7333333333vw;
}
}
.c-parts-serect__serect-head::after {
content: "";
position: absolute;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_select.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_select.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #000;
width: 6.3718887262px;
height: 4.7226939971px;
top: 50%;
right: 21.7393850659px;
transform: translateY(-50%);
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.c-parts-serect__serect-head::after {
width: 0.6222547584vw;
height: 0.4612005857vw;
right: 2.1229868228vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect__serect-head::after {
width: 2.6666666667vw;
height: 1.6vw;
right: 4.5333333333vw;
}
}
.c-parts-serect__serect-body {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
box-sizing: border-box;
width: 100%;
visibility: hidden;
opacity: 0;
transition: top 0.2s, visibility 0.2s, opacity 0.2s;
}
.c-parts-serect__serect-body.is-show {
top: 100%;
visibility: visible;
opacity: 1;
}
.c-parts-serect__serect-body input[type=radio] {
display: none;
}
.c-parts-serect__serect-list {
height: 131.1859443631px;
overflow: scroll;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.c-parts-serect__serect-list {
height: 12.8111273792vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect__serect-list {
height: 53.3333333333vw;
}
}
.c-parts-serect__serect-item:first-child {
border-top: 0;
}
.c-parts-serect__serect-item label {
display: block;
padding: 11.9941434846px 49.4758418741px 11.9941434846px 11.9941434846px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #1A1A1A;
cursor: pointer;
transition: color 0.2s, background-color 0.2s;
}
@media screen and (min-width: 1025px) {
.c-parts-serect__serect-item label {
padding: 1.1713030747vw 4.831625183vw 1.1713030747vw 1.1713030747vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-parts-serect__serect-item label {
padding: 3.8666666667vw 11.7333333333vw 3.8666666667vw 4.2666666667vw;
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.c-parts-serect__serect-item label:hover, .c-parts-serect__serect-item label.is-current {
color: #fff;
background-color: #B9C2CB;
} .c-ttl {
color: #fff;
}
.c-ttl__sub {
display: block;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 4.4978038067px;
border-bottom: 1.4992679356px solid;
-o-border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
font-size: 14.9926793558px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.c-ttl__sub {
padding-bottom: 0.439238653vw;
border-bottom-width: 0.1464128843vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__sub {
padding-bottom: 0.8vw;
border-bottom-width: 0.4vw;
font-size: 3.7333333333vw;
}
}
.c-ttl__sub sup {
vertical-align: 30%;
font-size: 65%;
}
.c-ttl__main {
display: block;
font-size: 71.9648609078px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 1;
}
@media screen and (min-width: 1025px) {
.c-ttl__main {
font-size: 7.027818448vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__main {
font-size: 13.9vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__main--s {
font-size: 12.8vw;
}
}
.c-ttl__sub + .c-ttl__main {
margin-top: 22.4890190337px;
}
@media screen and (min-width: 1025px) {
.c-ttl__sub + .c-ttl__main {
margin-top: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__sub + .c-ttl__main {
margin-top: 5.3333333333vw;
}
}
.c-ttl__main--nowrap {
margin-bottom: 29.9853587116px;
line-height: 1;
}
@media screen and (min-width: 768px) {
.c-ttl__main--nowrap {
white-space: nowrap;
}
}
@media screen and (min-width: 1025px) {
.c-ttl__main--nowrap {
margin-bottom: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__main--nowrap {
margin-bottom: 6.4vw;
}
}
.c-ttl__main--spacing {
letter-spacing: 0.07em;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.c-ttl__main--spacing {
font-size: 16.2666666667vw;
}
.windows .c-ttl__main--spacing {
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 767px) {
.c-section-3 .c-ttl__main {
font-size: 12.8vw;
}
}
.c-ttl__main span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.c-ttl__main span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.c-ttl__main span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .c-ttl__main span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .c-ttl__main span:nth-child(1) {
transition-delay: 0s;
}
.is-active .c-ttl__main span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .c-ttl__main span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .c-ttl__main span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .c-ttl__main span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .c-ttl__main span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .c-ttl__main span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .c-ttl__main span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .c-ttl__main span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .c-ttl__main span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .c-ttl__main span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .c-ttl__main span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .c-ttl__main span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .c-ttl__main span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .c-ttl__main span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .c-ttl__main span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .c-ttl__main span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .c-ttl__main span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .c-ttl__main span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .c-ttl__main span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .c-ttl__main span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .c-ttl__main span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .c-ttl__main span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .c-ttl__main span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .c-ttl__main span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .c-ttl__main span:nth-child(26) {
transition-delay: 2s;
}
.is-active .c-ttl__main span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .c-ttl__main span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .c-ttl__main span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .c-ttl__main span:nth-child(30) {
transition-delay: 2.32s;
}
.c-ttl__lower {
display: block;
width: 407.8008784773px;
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-ttl__lower {
width: 39.8243045388vw;
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__lower {
width: 100%;
margin-top: 4.2666666667vw;
}
}
.c-ttl__lower img {
width: 100%;
}
.c-ttl__img {
display: block;
width: 407.8008784773px;
margin-top: 29.9853587116px;
font-size: 0;
}
@media screen and (min-width: 1025px) {
.c-ttl__img {
width: 39.8243045388vw;
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl__img {
width: 100%;
margin-top: 8.5333333333vw;
}
}
.c-ttl__img img {
width: 100%;
} .c-ttl-2 {
color: #fff;
}
@media screen and (max-width: 767px) {
.c-ttl-2 {
overflow: hidden;
}
}
.c-ttl-2--l .c-ttl-2__main {
font-size: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.c-ttl-2--l .c-ttl-2__main {
font-size: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2--l .c-ttl-2__main {
font-size: 14.9333333333vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2--l .c-ttl-2__main--s {
font-size: 12.8vw;
line-height: 1;
}
}
.c-ttl-2__main {
font-family: "Poppins", sans-serif;
font-size: 47.9765739385px;
font-weight: 500;
line-height: 1.0625;
}
@media screen and (min-width: 1025px) {
.c-ttl-2__main {
font-size: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__main {
font-size: 14.9333333333vw;
line-height: 1;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__main--s {
font-size: 12.8vw;
line-height: 1;
}
}
.c-ttl-2__main--m {
font-size: 53.9736456808px;
}
@media screen and (min-width: 1025px) {
.c-ttl-2__main--m {
font-size: 5.270863836vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__main--m {
display: block;
font-size: 14.9333333333vw;
line-height: 1;
margin-bottom: 8vw;
}
}
.c-ttl-2__main span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.c-ttl-2__main span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__main span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .c-ttl-2__main span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .c-ttl-2__main span:nth-child(1) {
transition-delay: 0s;
}
.is-active .c-ttl-2__main span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .c-ttl-2__main span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .c-ttl-2__main span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .c-ttl-2__main span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .c-ttl-2__main span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .c-ttl-2__main span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .c-ttl-2__main span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .c-ttl-2__main span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .c-ttl-2__main span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .c-ttl-2__main span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .c-ttl-2__main span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .c-ttl-2__main span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .c-ttl-2__main span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .c-ttl-2__main span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .c-ttl-2__main span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .c-ttl-2__main span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .c-ttl-2__main span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .c-ttl-2__main span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .c-ttl-2__main span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .c-ttl-2__main span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .c-ttl-2__main span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .c-ttl-2__main span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .c-ttl-2__main span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .c-ttl-2__main span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .c-ttl-2__main span:nth-child(26) {
transition-delay: 2s;
}
.is-active .c-ttl-2__main span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .c-ttl-2__main span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .c-ttl-2__main span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .c-ttl-2__main span:nth-child(30) {
transition-delay: 2.32s;
}
.c-ttl-2__sub {
display: block;
margin-top: 13.4934114202px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: bold;
line-height: 1.3;
white-space: nowrap;
opacity: 0;
will-change: transform;
transform: translate(0, 37.4816983895px) skewX(-60deg);
}
@media screen and (min-width: 1025px) {
.c-ttl-2__sub {
font-size: 1.4641288433vw;
margin-top: 1.317715959vw;
transform: translate(0, 3.6603221083vw) skewX(-60deg);
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__sub {
font-size: 4.2666666667vw;
line-height: 1.8;
transform: translate(0, 13.3333333333vw) skewX(-60deg);
}
}
.c-ttl-2__sub--l {
font-family: "Poppins", sans-serif;
font-size: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-ttl-2__sub--l {
font-size: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-2__sub--l {
font-size: 6.4vw;
}
}
.c-ttl-2__sub--s {
line-height: 1.3;
}
.is-active .c-ttl-2__sub {
transition: opacity 0.3s ease-in-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
transform: translate(0, 0) skewX(0deg);
opacity: 1;
}
.c-ttl-2 sup {
vertical-align: 30%;
font-size: 65%;
} .c-ttl-3 {
position: relative;
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 20.9897510981px;
font-weight: 700;
line-height: 1.5;
color: #fff;
padding-bottom: 14.9926793558px;
margin-bottom: 15.7423133236px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1025px) {
.c-ttl-3 {
font-size: 2.0497803807vw;
padding-bottom: 1.4641288433vw;
margin-bottom: 1.5373352855vw;
border-bottom: 0.0732064422vw solid rgba(255, 255, 255, 0.4);
}
}
@media screen and (max-width: 767px) {
.c-ttl-3 {
width: 92vw;
margin: 0 auto;
font-size: 6.4vw;
line-height: 1.42;
padding-bottom: 4.8vw;
margin-bottom: 5.0666666667vw;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
}
}
.c-ttl-3--l {
font-size: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.c-ttl-3--l {
font-size: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-3--l {
font-size: 9.6vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-3--s {
font-size: 5.6vw;
}
}
.c-ttl-3--en {
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.c-ttl-3--lih {
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.c-ttl-3--lih {
line-height: 1.1;
}
}
.safari .c-ttl-3--lts {
letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
.safari .c-ttl-3--lts {
letter-spacing: 0;
}
}
.c-ttl-3 sup {
vertical-align: 30%;
font-size: 65%;
}
.c-ttl-3__sub {
display: block;
font-size: 10.494875549px;
}
@media screen and (min-width: 1025px) {
.c-ttl-3__sub {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-3__sub {
font-size: 3.7333333333vw;
}
}
.c-ttl-3__main {
font-size: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.c-ttl-3__main {
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-3__main {
font-size: 5.3333333333vw;
}
}
.c-ttl-3::before {
content: "";
position: absolute;
width: 71.9648609078px;
height: 0.7496339678px;
background-color: #fff;
bottom: -0.7496339678px;
left: 0;
}
@media screen and (min-width: 1025px) {
.c-ttl-3::before {
width: 7.027818448vw;
height: 0.0732064422vw;
bottom: -0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-3::before {
width: 11.4666666667vw;
height: 0.16vw;
bottom: -0.16vw;
}
} .c-ttl-4 {
padding-bottom: 12.7437774524px;
margin-bottom: 14.9926793558px;
border-bottom: 0.7496339678px solid rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.c-ttl-4 {
padding-bottom: 1.2445095168vw;
margin-bottom: 1.4641288433vw;
border-bottom: 0.0732064422vw solid rgba(17, 29, 47, 0.1);
}
}
@media screen and (max-width: 767px) {
.c-ttl-4 {
padding-bottom: 2.4vw;
margin-bottom: 4.5333333333vw;
border-bottom: 0.2666666667vw solid rgba(17, 29, 47, 0.1);
}
}
.c-ttl-4__txt {
position: relative;
padding-left: 18.7408491947px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 17.9912152269px;
font-weight: bold;
line-height: 2;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-ttl-4__txt {
padding-left: 1.8301610542vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-4__txt {
padding-left: 4vw;
font-size: 5.3333333333vw;
line-height: 2.4;
}
}
.c-ttl-4__txt::before {
content: "";
position: absolute;
width: 4.4978038067px;
height: 17.9912152269px;
background-color: #640466;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-ttl-4__txt::before {
width: 0.439238653vw;
height: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-4__txt::before {
width: 1.6vw;
height: 5.3333333333vw;
}
}
.c-ttl-4--leader .c-ttl-4__txt::before {
background-color: #7E5A16;
} .c-ttl-5 {
margin-bottom: 14.243045388px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 17.9912152269px;
font-weight: bold;
line-height: 1.4166666667;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-ttl-5 {
margin-bottom: 1.3909224012vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-5 {
margin-bottom: 4.2666666667vw;
font-size: 5.3333333333vw;
line-height: 1.7;
}
} .c-ttl-6 {
font-family: "Poppins", sans-serif;
font-size: 41.9795021962px;
font-weight: 500;
line-height: 1.3214285714;
margin-bottom: 5.9970717423px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-ttl-6 {
font-size: 4.0995607613vw;
margin-bottom: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl-6 {
line-height: 1;
font-size: 12.5333333333vw;
margin-bottom: 2.1333333333vw;
}
} .c-txt {
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-txt {
font-size: 3.7333333333vw;
}
}
.c-txt-lead + .c-txt {
margin-top: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-txt-lead + .c-txt {
margin-top: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead + .c-txt {
margin-top: 4vw;
}
}
.c-txt__sup {
font-size: 7.4963396779px;
margin-top: 1.4992679356px;
margin-left: -3.7481698389px;
}
@media screen and (min-width: 1025px) {
.c-txt__sup {
font-size: 0.7320644217vw;
margin-top: 0.1464128843vw;
margin-left: -0.3660322108vw;
}
}
@media screen and (max-width: 767px) {
.c-txt__sup {
font-size: 2.1333333333vw;
margin-top: 0;
margin-left: -1.3333333333vw;
}
} .c-txt-2 {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-txt-2 {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2 {
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
.c-txt-2--black {
color: #1A1A1A;
}
.c-txt-2--bold {
font-weight: bold;
}
.c-txt-2--space {
letter-spacing: 0.01em;
}
.c-txt-2--space-l {
letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
.c-txt-2--space-l {
letter-spacing: 0.02em;
}
}
.c-txt-2--anno {
margin-top: 14.9926793558px;
font-size: 10.494875549px;
line-height: 1.8;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (min-width: 1025px) {
.c-txt-2--anno {
margin-top: 1.4641288433vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2--anno {
font-size: 3.2vw;
}
}
.c-txt-2--anno2 {
margin-top: 14.9926793558px;
font-size: 10.494875549px;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-txt-2--anno2 {
margin-top: 1.4641288433vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2--anno2 {
font-size: 3.2vw;
}
}
.c-txt-2--anno-noindent {
margin-top: 2.9985358712px;
font-size: 10.494875549px;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.c-txt-2--anno-noindent {
margin-top: 0.2928257687vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2--anno-noindent {
font-size: 3.2vw;
}
}
@media screen and (min-width: 768px) {
.c-txt-2--space-pconly {
letter-spacing: 0.01em;
}
}
@media screen and (max-width: 767px) {
.c-txt-2--space-sponly {
letter-spacing: 0.01em;
}
}
.c-txt-2--indent {
display: block;
text-indent: -1em;
padding-left: 1em;
}
.c-txt-2--indent-s {
display: block;
text-indent: -1em;
padding-left: 1em;
font-size: 10.494875549px;
}
@media screen and (min-width: 1025px) {
.c-txt-2--indent-s {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2--indent-s {
font-size: 3.2vw;
}
}
.c-txt-2__sup {
font-size: 8.2459736457px;
}
@media screen and (min-width: 1025px) {
.c-txt-2__sup {
font-size: 0.8052708638vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2__sup {
font-size: 2.9333333333vw;
}
}
.c-txt-2__link {
display: inline-block;
position: relative;
margin-right: 14.9926793558px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
border-bottom: 1px solid #1A1A1A;
color: #1A1A1A;
cursor: pointer;
line-height: 1.2;
}
@media screen and (min-width: 1025px) {
.c-txt-2__link {
margin-right: 1.4641288433vw;
border-bottom: 0.0732064422vw solid #1A1A1A;
}
}
@media screen and (max-width: 767px) {
.c-txt-2__link {
margin-right: 4.8vw;
border-bottom: 0.2666666667vw solid #1A1A1A;
}
}
@media (hover: hover) and (pointer: fine) {
.c-txt-2__link:hover {
border-bottom: none;
}
}
.c-txt-2__link::after {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_pdf.svg) 0 0 no-repeat;
background-size: 100% auto;
width: 7.4963396779px;
height: 9.7452415813px;
top: 52%;
right: -11.2445095168px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-txt-2__link::after {
width: 0.7320644217vw;
height: 0.9516837482vw;
right: -1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2__link::after {
width: 2.6666666667vw;
height: 3.4666666667vw;
right: -4vw;
}
}
.c-txt-2__link--our-story {
color: #fff;
border-color: #fff;
}
.c-txt-2__link--our-story::after {
background-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
top: 70%;
}
.c-txt-2__link--white {
color: #fff;
border-color: #fff;
}
.c-txt-2__link--white::after {
background-image: url(//www.thecoaches.co.jp/img/common/icn_pdf_white.svg);
}
.c-txt-2__link--application {
color: #fff;
border-color: #fff;
}
.c-txt-2__link--application::after {
background-image: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
top: 65%;
}
.c-txt-2__link--application-bk::after {
background-image: url(//www.thecoaches.co.jp/img/common/icn_link.svg);
top: 65%;
}
.c-txt-2__link--noicn {
display: inline;
margin-right: 0;
color: #fff;
border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1025px) {
.c-txt-2__link--noicn {
border-bottom: 0.0732064422vw solid #fff;
}
}
@media screen and (max-width: 767px) {
.c-txt-2__link--noicn {
border-bottom: 0.2666666667vw solid #fff;
}
}
@media (hover: hover) and (pointer: fine) {
.c-txt-2__link--noicn:hover {
border-bottom: none;
}
}
.c-txt-2__link--noicn:after {
content: none;
}
.c-txt-2__link--noicn-bk {
display: inline;
margin-right: 0;
}
.c-txt-2__link--noicn-bk:after {
content: none;
}
.c-txt-2.mt20 {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-txt-2.mt20 {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-2.mt20 {
margin-top: 4vw;
}
}
.c-txt-2 sup {
vertical-align: 30%;
font-size: 65%;
} .c-txt-3 {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.75;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-txt-3 {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-3 {
font-size: 4.2666666667vw;
}
}
.c-txt-3--white {
color: #fff;
} .c-txt-lead {
font-size: 20.9897510981px;
font-weight: 700;
line-height: 1.4;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-txt-lead {
font-size: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead {
font-size: 4.8vw;
}
}
.c-ttl + .c-txt-lead {
margin-top: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-ttl + .c-txt-lead {
margin-top: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl + .c-txt-lead {
margin-top: 5.3333333333vw;
}
}
.c-ttl + .c-txt-lead--s {
margin-top: 6.7467057101px;
}
@media screen and (min-width: 1025px) {
.c-ttl + .c-txt-lead--s {
margin-top: 0.6588579795vw;
}
}
@media screen and (max-width: 767px) {
.c-ttl + .c-txt-lead--s {
margin-top: 4.2666666667vw;
}
}
.c-section-3 .c-ttl + .c-txt-lead {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.c-section-3 .c-ttl + .c-txt-lead {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-section-3 .c-ttl + .c-txt-lead {
margin-top: 4vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead--s {
font-size: 4.2666666667vw;
line-height: 2;
}
}
.c-txt-lead--sub {
font-size: 10.494875549px;
margin-top: 8.2459736457px;
margin-bottom: 31.4846266471px;
}
@media screen and (min-width: 1025px) {
.c-txt-lead--sub {
font-size: 1.0248901903vw;
margin-top: 0.8052708638vw;
margin-bottom: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead--sub {
font-size: 3.7333333333vw;
line-height: 1.7857142857;
margin-top: 5.3333333333vw;
margin-bottom: 0;
}
} .c-txt-lead-2 {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.01em;
color: #fff;
margin-bottom: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.c-txt-lead-2 {
font-size: 1.4641288433vw;
margin-bottom: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead-2 {
font-size: 4.2666666667vw;
margin-top: 9.0666666667vw;
margin-bottom: 3.7333333333vw;
line-height: 1.575;
}
} .c-txt-lead-3 {
position: relative;
display: block;
margin-bottom: 13.4934114202px;
padding-left: 20.9897510981px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: bold;
line-height: 1.75;
letter-spacing: 0.01em;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-txt-lead-3 {
margin-bottom: 1.317715959vw;
padding-left: 2.0497803807vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead-3 {
margin-bottom: 4.2666666667vw;
padding-left: 5.3333333333vw;
font-size: 4.2666666667vw;
line-height: 1.4;
}
}
.c-txt-lead-3::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_bang.svg) 0 0 no-repeat;
background-size: 100% auto;
width: 14.9926793558px;
height: 17.2415812592px;
top: 55%;
left: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-txt-lead-3::before {
width: 1.4641288433vw;
height: 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead-3::before {
width: 4.2666666667vw;
height: 4.5333333333vw;
top: 1vw;
transform: unset;
}
}
.c-txt-lead-3--yellow::before {
background-image: url(//www.thecoaches.co.jp/img/common/icn_bang_yellow.svg);
} .c-txt-lead-4 {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 13.4934114202px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.7777777778;
color: #fff;
}
@media screen and (min-width: 1025px) {
.c-txt-lead-4 {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead-4 {
font-size: 4.2666666667vw;
line-height: 2;
}
}
.c-txt-lead-4--sub {
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
margin-top: 17.9912152269px;
margin-bottom: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.c-txt-lead-4--sub {
font-size: 1.1713030747vw;
margin-top: 1.756954612vw;
margin-bottom: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-txt-lead-4--sub {
font-size: 3.7333333333vw;
line-height: 1.8;
margin-top: 5.3333333333vw;
margin-bottom: 0;
}
} .c-modal {
display: none;
}
.c-modal.is-open {
display: block;
}
.c-modal__overlay {
position: fixed;
inset: 0;
display: grid;
place-items: center;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 1000000;
}
.c-modal__inner {
position: relative;
}
.c-modal__container {
position: relative;
width: 767.6251830161px;
max-height: 100vh;
padding: 47.9765739385px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.8);
overflow-y: auto;
}
@media screen and (min-width: 1025px) {
.c-modal__container {
width: 74.9633967789vw;
padding: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__container {
width: 91.7333333333vw;
padding: 6.4vw 4.2666666667vw;
max-height: 65svh;
}
}
.c-modal__btn-inner {
position: absolute;
top: 0;
right: -97.4524158126px;
width: 71.9648609078px;
height: 71.9648609078px;
background-color: rgba(17, 29, 47, 0.3);
border-radius: 50%;
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.c-modal__btn-inner {
width: 7.027818448vw;
height: 7.027818448vw;
right: -9.5168374817vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__btn-inner {
width: 11.7333333333vw;
height: 11.7333333333vw;
top: -14.9333333333vw;
right: 0;
}
}
.c-modal__btn-inner::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_close_modal.svg) 0 0 no-repeat;
background-size: contain;
width: 10.1200585652px;
height: 10.1200585652px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 4;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.c-modal__btn-inner::before {
width: 0.9882869693vw;
height: 0.9882869693vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__btn-inner::before {
width: 3.6vw;
height: 3.6vw;
}
}
.c-modal__close-btn {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: 3;
}
.c-modal__head {
display: flex;
}
@media screen and (max-width: 767px) {
.c-modal__head {
display: block;
}
}
.c-modal__move {
width: 143.9297218155px;
height: 91.4553440703px;
}
@media screen and (min-width: 1025px) {
.c-modal__move {
width: 14.055636896vw;
height: 8.9311859444vw;
margin-right: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__move {
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 4.2666666667vw;
}
}
.c-modal__move img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-modal__move-trigger {
position: relative;
}
@media screen and (max-width: 767px) {
.c-modal__move-trigger {
width: 100%;
}
}
.c-modal__move-trigger::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_move.svg) 0 0 no-repeat;
background-size: contain;
width: 35.9824304539px;
height: 35.9824304539px;
bottom: 7.4963396779px;
left: 7.4963396779px;
}
@media screen and (min-width: 1025px) {
.c-modal__move-trigger::before {
width: 3.513909224vw;
height: 3.513909224vw;
bottom: 0.7320644217vw;
left: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__move-trigger::before {
width: 8.5333333333vw;
height: 8.5333333333vw;
bottom: 6.9333333333vw;
left: 2.6666666667vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__move-trigger--l::before {
width: 13.3333333333vw;
height: 13.3333333333vw;
bottom: 2.6666666667vw;
}
}
.c-modal__txt-area {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.c-modal__txt-area {
display: block;
}
}
@media screen and (max-width: 767px) {
.c-modal__person {
margin-bottom: 2.4vw;
}
}
.c-modal__name {
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 20.9897510981px;
font-weight: bold;
line-height: 1.4285714286;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-modal__name {
font-size: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__name {
font-size: 6.4vw;
line-height: 1.4583333333;
}
}
.c-modal__name--en {
font-family: "Poppins", sans-serif;
font-size: 8.9956076135px;
font-weight: 500;
line-height: 1.4166666667;
}
@media screen and (min-width: 1025px) {
.c-modal__name--en {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__name--en {
font-size: 3.2vw;
}
}
.c-modal__post-txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: bold;
line-height: 1.8;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-modal__post-txt {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__post-txt {
font-size: 3.2vw;
line-height: 1.8;
}
}
.c-modal__body {
margin-top: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.c-modal__body {
margin-top: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__body {
margin-top: 2.6666666667vw;
}
}
.c-modal__txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: 500;
line-height: 1.8;
color: #1A1A1A;
}
@media screen and (min-width: 1025px) {
.c-modal__txt {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__txt {
font-size: 3.2vw;
line-height: 1.8;
}
}
.c-modal__txt:nth-of-type(n+2) {
margin-top: 17.2415812592px;
}
@media screen and (min-width: 1025px) {
.c-modal__txt:nth-of-type(n+2) {
margin-top: 1.6837481698vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__txt:nth-of-type(n+2) {
margin-top: 2.4vw;
}
}
@media screen and (min-width: 768px) {
.c-modal__txt--space {
letter-spacing: -0.01em;
}
.safari .c-modal__txt--space {
letter-spacing: -0.02em;
}
}
.c-modal__link {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: bold;
line-height: 1.8;
color: #1A1A1A;
text-decoration: underline;
}
@media screen and (min-width: 1025px) {
.c-modal__link {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__link {
font-size: 3.2vw;
line-height: 1.8;
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 767px) {
.c-modal__link:hover {
text-decoration: none;
}
}
.c-modal__link::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_link.svg) 0 0 no-repeat;
background-size: contain;
width: 8.2459736457px;
height: 8.2459736457px;
top: 58%;
right: -14.9926793558px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.c-modal__link::before {
width: 0.8052708638vw;
height: 0.8052708638vw;
right: -1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.c-modal__link::before {
width: 2.9333333333vw;
height: 2.9333333333vw;
top: auto;
bottom: -0.8533333333vw;
right: -5.3333333333vw;
}
} .c-modal[aria-hidden=false] .c-modal__overlay {
animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=false] .c-modal__container {
animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal__overlay, .c-modal__container {
will-change: transform;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(15%);
}
} .c-modal-move {
display: none;
}
.c-modal-move.is-open {
display: block;
}
.c-modal-move__overlay {
position: fixed;
inset: 0;
display: grid;
place-items: center;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 1000001;
}
.c-modal-move__inner {
position: relative;
}
.c-modal-move__container {
position: relative;
width: 815.6017569546px;
height: 458.775988287px;
box-sizing: border-box;
border-radius: 4px;
background-color: #fff;
overflow-y: auto;
}
@media screen and (min-width: 1025px) {
.c-modal-move__container {
width: 79.6486090776vw;
height: 44.8023426061vw;
}
}
@media screen and (max-width: 767px) {
.c-modal-move__container {
max-height: 70vh;
width: 91.7333333333vw;
height: 51.4666666667vw;
}
}
.c-modal-move__container--radius-none {
border-radius: 0;
background: transparent;
}
.c-modal-move__move {
width: 100%;
height: 100%;
}
.c-modal-move__move iframe {
display: block;
width: 100%;
height: 100%;
border: none;
}
.c-modal-move__btn-inner {
position: absolute;
top: 0;
right: -97.4524158126px;
width: 71.9648609078px;
height: 71.9648609078px;
background-color: rgba(17, 29, 47, 0.3);
border-radius: 50%;
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.c-modal-move__btn-inner {
width: 7.027818448vw;
height: 7.027818448vw;
right: -9.5168374817vw;
}
}
@media screen and (max-width: 767px) {
.c-modal-move__btn-inner {
width: 11.7333333333vw;
height: 11.7333333333vw;
top: -14.9333333333vw;
right: 0;
}
}
.c-modal-move__btn-inner::before {
content: "";
position: absolute;
background: url(//www.thecoaches.co.jp/img/common/icn_close_modal.svg) 0 0 no-repeat;
background-size: contain;
width: 10.1200585652px;
height: 10.1200585652px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 4;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.c-modal-move__btn-inner::before {
width: 0.9882869693vw;
height: 0.9882869693vw;
}
}
@media screen and (max-width: 767px) {
.c-modal-move__btn-inner::before {
width: 3.6vw;
height: 3.6vw;
}
}
.c-modal-move__close-btn {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: 3;
} .c-modal-move[aria-hidden=false] .c-modal-move__overlay {
animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal-move[aria-hidden=false] .c-modal-move__container {
animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal-move[aria-hidden=true] .c-modal-move__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal-move[aria-hidden=true] .c-modal-move__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal-move__overlay, .c-modal-move__container {
will-change: transform;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(15%);
}
} .c-wysiwyg {
overflow: hidden;
}
.c-wysiwyg::after {
content: "";
display: block;
clear: both;
} .c-list__content > :last-child {
margin-bottom: 0 !important;
}
.c-list__content i,
.c-list__content strong {
font-weight: bold;
}
.c-list__content sup {
vertical-align: 30%;
font-size: 65%;
}
.c-list__content a {
position: relative;
margin-right: 0;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.c-list__content a[target=_blank] {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.c-list__content a[target=_blank]::after {
content: "";
position: relative;
top: 2.2489019034px;
display: inline-block;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
mask: url(//www.thecoaches.co.jp/img/common/icn_link_white.svg);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
margin-left: 5.2474377745px;
}
@media screen and (min-width: 1025px) {
.c-list__content a[target=_blank]::after {
top: 0.2196193265vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
margin-left: 0.5124450952vw;
}
}
@media screen and (max-width: 767px) {
.c-list__content a[target=_blank]::after {
top: 0.8vw;
width: 2.9333333333vw;
height: 3.4666666667vw;
margin-left: 1.8666666667vw;
}
}
.c-list__content blockquote {
padding: 1em;
background-color: #eaeaea;
margin-top: 1rem;
margin-bottom: 1rem;
}
.c-list__content pre {
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.c-list__content del {
text-decoration: line-through;
}
.c-list__content .aligncenter {
display: block;
max-width: 100%;
margin: 1rem auto;
}
.c-list__content .alignright {
float: right;
max-width: 100%;
margin-top: 0.5rem;
margin-left: 1rem;
}
.c-list__content .alignleft {
float: left;
max-width: 100%;
margin-top: 0.5rem;
margin-right: 1rem;
}
.c-list__content img[class*=wp-image-],
.c-list__content img[class*=attachment-] {
height: auto;
max-width: 100%;
}
.c-list__content .wp-caption {
max-width: 100%;
text-align: left;
}
.c-list__content .wp-caption img {
width: 100%;
}
.c-list__content .wp-caption-text {
display: block;
padding: 0.5em 1rem 0;
text-align: left;
color: #8a8a8a;
font-size: 0.875em;
margin: 0;
}
.c-list__content table {
margin-top: 1em;
margin-bottom: 1em;
border-top: 1px solid #000;
border-right: 1px solid #000;
}
.c-list__content table th,
.c-list__content table td {
padding: 0.5em;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
word-break: break-all;
}
.c-list__content table th {
background-color: #eee;
} .p-top-kv {
position: relative;
padding: 0 29.9853587116px 0 76.4626647145px;
height: 100svh;
transition: opacity 1s;
}
@media screen and (min-width: 1025px) {
.p-top-kv {
padding: 0 2.9282576867vw 0 7.467057101vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv {
padding: 30.1333333333vw 5.3333333333% 6.6666666667vw 4%;
}
}
.p-top-kv__main {
position: relative;
z-index: 2;
}
.p-top-kv__container {
position: relative;
display: flex;
align-items: center;
height: 100%;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-top-kv__container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.p-top-kv__lead {
font-size: 20.9897510981px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-top-kv__lead {
font-size: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__lead {
font-size: 3.7333333333vw;
}
}
.p-top-kv__catchphrase {
margin-top: 11.2445095168px;
font-size: 83.9590043924px;
font-family: "Poppins", sans-serif;
font-weight: 500;
line-height: 1.0982;
}
@media screen and (min-width: 1025px) {
.p-top-kv__catchphrase {
margin-top: 1.0980966325vw;
font-size: 8.1991215227vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__catchphrase {
margin-top: 4vw;
font-size: 12.8vw;
}
}
.p-top-kv__catchphrase span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-top-kv__catchphrase span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-top-kv__catchphrase span {
transform: translate(0, 13.3333333333vw);
}
}
.p-top-kv__catchphrase.is-active span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.p-top-kv__catchphrase.is-active span:nth-child(1) {
transition-delay: 0s;
}
.p-top-kv__catchphrase.is-active span:nth-child(2) {
transition-delay: 0.08s;
}
.p-top-kv__catchphrase.is-active span:nth-child(3) {
transition-delay: 0.16s;
}
.p-top-kv__catchphrase.is-active span:nth-child(4) {
transition-delay: 0.24s;
}
.p-top-kv__catchphrase.is-active span:nth-child(5) {
transition-delay: 0.32s;
}
.p-top-kv__catchphrase.is-active span:nth-child(6) {
transition-delay: 0.4s;
}
.p-top-kv__catchphrase.is-active span:nth-child(7) {
transition-delay: 0.48s;
}
.p-top-kv__catchphrase.is-active span:nth-child(8) {
transition-delay: 0.56s;
}
.p-top-kv__catchphrase.is-active span:nth-child(9) {
transition-delay: 0.64s;
}
.p-top-kv__catchphrase.is-active span:nth-child(10) {
transition-delay: 0.72s;
}
.p-top-kv__catchphrase.is-active span:nth-child(11) {
transition-delay: 0.8s;
}
.p-top-kv__catchphrase.is-active span:nth-child(12) {
transition-delay: 0.88s;
}
.p-top-kv__catchphrase.is-active span:nth-child(13) {
transition-delay: 0.96s;
}
.p-top-kv__catchphrase.is-active span:nth-child(14) {
transition-delay: 1.04s;
}
.p-top-kv__catchphrase.is-active span:nth-child(15) {
transition-delay: 1.12s;
}
.p-top-kv__catchphrase.is-active span:nth-child(16) {
transition-delay: 1.2s;
}
.p-top-kv__catchphrase.is-active span:nth-child(17) {
transition-delay: 1.28s;
}
.p-top-kv__catchphrase.is-active span:nth-child(18) {
transition-delay: 1.36s;
}
.p-top-kv__catchphrase.is-active span:nth-child(19) {
transition-delay: 1.44s;
}
.p-top-kv__catchphrase.is-active span:nth-child(20) {
transition-delay: 1.52s;
}
.p-top-kv__catchphrase.is-active span:nth-child(21) {
transition-delay: 1.6s;
}
.p-top-kv__catchphrase.is-active span:nth-child(22) {
transition-delay: 1.68s;
}
.p-top-kv__catchphrase.is-active span:nth-child(23) {
transition-delay: 1.76s;
}
.p-top-kv__catchphrase.is-active span:nth-child(24) {
transition-delay: 1.84s;
}
.p-top-kv__catchphrase.is-active span:nth-child(25) {
transition-delay: 1.92s;
}
.p-top-kv__catchphrase.is-active span:nth-child(26) {
transition-delay: 2s;
}
.p-top-kv__catchphrase.is-active span:nth-child(27) {
transition-delay: 2.08s;
}
.p-top-kv__catchphrase.is-active span:nth-child(28) {
transition-delay: 2.16s;
}
.p-top-kv__catchphrase.is-active span:nth-child(29) {
transition-delay: 2.24s;
}
.p-top-kv__catchphrase.is-active span:nth-child(30) {
transition-delay: 2.32s;
}
.p-top-kv__txt {
margin-top: 14.9926793558px;
font-size: 10.494875549px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 1.8;
transition-delay: 0.2s;
}
@media screen and (min-width: 1025px) {
.p-top-kv__txt {
margin-top: 1.4641288433vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__txt {
margin-top: 4vw;
font-size: 3.2vw;
line-height: 1.4;
}
}
.p-top-kv__apply {
position: absolute;
bottom: 26.2371888726px;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
opacity: 0;
transform: translateY(100%);
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-top-kv__apply {
bottom: 2.5622254758vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__apply {
position: static;
margin-top: auto;
margin-left: auto;
row-gap: 2.1333333333vw;
}
}
.is-load .p-top-kv__apply {
transform: translateY(0);
opacity: 1;
transition: transform 0.8s 0.8s, opacity 1s 0.8s;
}
.p-top-kv__scroll {
position: absolute;
padding-left: 14.9926793558px;
bottom: 44.9780380673px;
left: 0;
font-size: 11.9941434846px;
font-weight: 500;
font-family: "Poppins", sans-serif;
color: #fff;
writing-mode: tb-rl;
opacity: 0;
z-index: 2;
transform: translateY(100%);
}
@media screen and (min-width: 1025px) {
.p-top-kv__scroll {
bottom: 4.39238653vw;
padding-left: 1.4641288433vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__scroll {
bottom: 10.6666666667vw;
left: -1.3333333333vw;
padding-left: 2.6666666667vw;
font-size: 3.7333333333vw;
}
}
.is-load .p-top-kv__scroll {
transform: translateY(0);
opacity: 1;
transition: transform 0.8s 0.8s, opacity 1s 0.8s;
}
.p-top-kv__scroll::before, .p-top-kv__scroll::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 2.9985358712px;
width: 1.4992679356px;
height: 149.9267935578px;
}
@media screen and (min-width: 1025px) {
.p-top-kv__scroll::before, .p-top-kv__scroll::after {
left: 0.2928257687vw;
width: 0.1464128843vw;
height: 14.6412884334vw;
}
}
@media screen and (max-width: 767px) {
.p-top-kv__scroll::before, .p-top-kv__scroll::after {
left: 1.3333333333vw;
width: 0.4vw;
height: 53.3333333333vw;
}
}
.p-top-kv__scroll::before {
background: linear-gradient(#c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%);
}
.p-top-kv__scroll::after {
background-color: #fff;
animation: shrink-line 2s ease-out infinite forwards;
}
@keyframes shrink-line {
0% {
scale: 1 0;
transform-origin: top;
}
40% {
scale: 1 1;
transform-origin: top;
}
50% {
scale: 1 1;
}
60% {
scale: 1 1;
transform-origin: bottom;
}
100% {
scale: 1 0;
transform-origin: bottom;
}
} .p-top-about-block {
padding: 184.4099560761px 0 521.7452415813px 73.4641288433px;
background: url(//www.thecoaches.co.jp/img/top/img_about_section.png) bottom left no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
.p-top-about-block {
padding: 18.0087847731vw 0 50.9516837482vw 7.1742313324vw;
}
}
@media screen and (max-width: 767px) {
.p-top-about-block {
padding: 32vw 4% 80.8vw;
background-position: bottom right;
background-size: 133.0666666667% auto;
}
} .p-top-section {
padding-top: 187.4084919473px;
}
@media screen and (min-width: 1025px) {
.p-top-section {
padding-top: 18.3016105417vw;
}
}
@media screen and (max-width: 767px) {
.p-top-section {
padding-top: 25.6vw;
}
}
.p-top-section__main {
display: flex;
align-items: flex-start;
-moz-column-gap: 77.2122986823px;
column-gap: 77.2122986823px;
padding: 0 83.2093704246px 112.4450951684px 71.9648609078px;
}
@media screen and (min-width: 1025px) {
.p-top-section__main {
-moz-column-gap: 7.5402635432vw;
column-gap: 7.5402635432vw;
padding: 0 8.1259150805vw 10.980966325vw 7.027818448vw;
}
}
@media screen and (max-width: 767px) {
.p-top-section__main {
display: block;
padding: 0 4% 25.6vw;
}
}
.p-top-section__head {
flex-shrink: 0;
}
.p-top-section__ttl {
color: #fff;
}
.p-top-section__ttl-sub {
display: block;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 4.4978038067px;
border-bottom: 1.4992679356px solid;
-o-border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
font-size: 14.9926793558px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-top-section__ttl-sub {
padding-bottom: 0.439238653vw;
border-bottom-width: 0.1464128843vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-top-section__ttl-sub {
padding-bottom: 0.8vw;
border-bottom-width: 0.4vw;
font-size: 3.7333333333vw;
}
}
.p-top-section__ttl-main {
display: block;
margin-top: 22.4890190337px;
font-size: 65.9677891654px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 1.1;
}
@media screen and (min-width: 1025px) {
.p-top-section__ttl-main {
margin-top: 2.196193265vw;
font-size: 6.4421669107vw;
}
}
@media screen and (max-width: 767px) {
.p-top-section__ttl-main {
margin-top: 5.3333333333vw;
font-size: 14.9333333333vw;
}
}
.p-top-section__ttl-main span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-top-section__ttl-main span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-top-section__ttl-main span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .p-top-section__ttl-main span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .p-top-section__ttl-main span:nth-child(1) {
transition-delay: 0s;
}
.is-active .p-top-section__ttl-main span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .p-top-section__ttl-main span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .p-top-section__ttl-main span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .p-top-section__ttl-main span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .p-top-section__ttl-main span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .p-top-section__ttl-main span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .p-top-section__ttl-main span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .p-top-section__ttl-main span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .p-top-section__ttl-main span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .p-top-section__ttl-main span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .p-top-section__ttl-main span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .p-top-section__ttl-main span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .p-top-section__ttl-main span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .p-top-section__ttl-main span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .p-top-section__ttl-main span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .p-top-section__ttl-main span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .p-top-section__ttl-main span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .p-top-section__ttl-main span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .p-top-section__ttl-main span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .p-top-section__ttl-main span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .p-top-section__ttl-main span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .p-top-section__ttl-main span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .p-top-section__ttl-main span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .p-top-section__ttl-main span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .p-top-section__ttl-main span:nth-child(26) {
transition-delay: 2s;
}
.is-active .p-top-section__ttl-main span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .p-top-section__ttl-main span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .p-top-section__ttl-main span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .p-top-section__ttl-main span:nth-child(30) {
transition-delay: 2.32s;
}
@media screen and (max-width: 767px) {
.p-top-section__desc {
margin-top: 5.3333333333vw;
}
} .p-top-link-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
.p-top-link-block {
display: block;
}
} .p-top-link-section {
position: relative;
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
color: #fff;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-top-link-section {
display: block;
height: 142.9333333333vw;
}
}
.p-top-link-section__head {
position: relative;
z-index: 2;
}
.p-top-link-section__link {
display: block;
height: 100%;
padding-block: 25.4875549048px 37.4816983895px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
.p-top-link-section__link {
transition: opacity 300ms;
}
.p-top-link-section__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.p-top-link-section__link {
padding-block: 2.4890190337vw 3.6603221083vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section__link {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-block: 8.8vw 12.5333333333%;
}
}
.p-top-link-section--community .p-top-link-section__link {
padding-inline: 79.4612005857px;
}
@media screen and (min-width: 1025px) {
.p-top-link-section--community .p-top-link-section__link {
padding-inline: 7.7598828697vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section--community .p-top-link-section__link {
padding-inline: 4% 1.8666666667%;
}
}
.p-top-link-section--organizations .p-top-link-section__link {
padding-inline: 71.9648609078px 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.p-top-link-section--organizations .p-top-link-section__link {
padding-inline: 7.027818448vw 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section--organizations .p-top-link-section__link {
padding-inline: 4% 1.8666666667%;
}
}
.p-top-link-section__ttl {
font-size: 41.9795021962px;
font-weight: 500;
font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1025px) {
.p-top-link-section__ttl {
font-size: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section__ttl {
font-size: 12.8vw;
line-height: 1;
}
}
.p-top-link-section__ttl span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-top-link-section__ttl span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-top-link-section__ttl span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .p-top-link-section__ttl span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .p-top-link-section__ttl span:nth-child(1) {
transition-delay: 0s;
}
.is-active .p-top-link-section__ttl span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .p-top-link-section__ttl span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .p-top-link-section__ttl span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .p-top-link-section__ttl span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .p-top-link-section__ttl span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .p-top-link-section__ttl span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .p-top-link-section__ttl span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .p-top-link-section__ttl span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .p-top-link-section__ttl span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .p-top-link-section__ttl span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .p-top-link-section__ttl span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .p-top-link-section__ttl span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .p-top-link-section__ttl span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .p-top-link-section__ttl span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .p-top-link-section__ttl span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .p-top-link-section__ttl span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .p-top-link-section__ttl span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .p-top-link-section__ttl span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .p-top-link-section__ttl span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .p-top-link-section__ttl span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .p-top-link-section__ttl span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .p-top-link-section__ttl span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .p-top-link-section__ttl span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .p-top-link-section__ttl span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .p-top-link-section__ttl span:nth-child(26) {
transition-delay: 2s;
}
.is-active .p-top-link-section__ttl span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .p-top-link-section__ttl span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .p-top-link-section__ttl span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .p-top-link-section__ttl span:nth-child(30) {
transition-delay: 2.32s;
}
.p-top-link-section__lead {
font-size: 13.4934114202px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-top-link-section__lead {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section__lead {
margin-top: 4vw;
font-size: 4.2666666667vw;
}
}
.p-top-link-section__link-wrap {
position: relative;
z-index: 2;
margin-top: 134.934114202px;
}
@media screen and (min-width: 1025px) {
.p-top-link-section__link-wrap {
margin-top: 13.17715959vw;
}
}
@media screen and (max-width: 767px) {
.p-top-link-section__link-wrap {
margin-top: auto;
}
} .p-top-post-block {
padding: 194.9048316252px 7.3206442167% 187.4084919473px;
}
@media screen and (min-width: 1025px) {
.p-top-post-block {
padding-block: 19.0336749634vw 18.3016105417vw;
}
}
@media screen and (max-width: 767px) {
.p-top-post-block {
padding: 25.7333333333vw 4% 32vw;
}
}
.p-top-post-block__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto-fit);
-moz-column-gap: 5.4888507719%;
column-gap: 5.4888507719%;
}
@media screen and (max-width: 767px) {
.p-top-post-block__container {
display: block;
}
} .p-top-post-section {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
}
@media screen and (max-width: 767px) {
.p-top-post-section {
display: block;
}
}
@media screen and (max-width: 767px) {
.p-top-post-section + .p-top-post-section {
margin-top: 25.8666666667vw;
}
}
.p-top-post-section__body {
margin-top: 11.2445095168px;
}
@media screen and (min-width: 1025px) {
.p-top-post-section__body {
margin-top: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-top-post-section__body {
margin-top: 0;
}
}
.p-top-post-section__btn-wrap {
margin-top: 27.7364568082px;
}
@media screen and (min-width: 1025px) {
.p-top-post-section__btn-wrap {
margin-top: 2.7086383602vw;
}
}
@media screen and (max-width: 767px) {
.p-top-post-section__btn-wrap {
margin-top: 2.1333333333vw;
}
} .p-coach-section {
position: relative;
padding-top: 85.458272328px;
padding-bottom: 96.7027818448px;
margin-top: 164.9194729136px;
margin-bottom: 164.9194729136px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.p-coach-section {
padding-top: 8.345534407vw;
padding-bottom: 9.4436310395vw;
margin-top: 16.1054172767vw;
margin-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-section {
padding-top: 6.6666666667vw;
padding-bottom: 6.4vw;
margin-top: 25.0666666667vw;
margin-bottom: 25.6vw;
}
}
.p-coach-section__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-coach-section__container {
width: 84.3338213763vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.p-coach-section__container {
width: 92vw;
}
}
.p-coach-section__body {
margin-top: 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.p-coach-section__body {
margin-top: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-section__body {
margin-top: 4.5333333333vw;
}
} .p-community-about-block {
position: relative;
z-index: 2;
padding: 121.4407027818px 0 0 73.4641288433px;
}
@media screen and (min-width: 1025px) {
.p-community-about-block {
padding: 11.859443631vw 0 0 7.1742313324vw;
}
}
@media screen and (max-width: 767px) {
.p-community-about-block {
width: 92vw;
margin: 27.2vw auto 0;
padding: 0;
}
} .p-community-section--mb {
margin-bottom: 167.168374817px;
}
@media screen and (min-width: 1025px) {
.p-community-section--mb {
margin-bottom: 16.3250366032vw;
}
}
@media screen and (max-width: 767px) {
.p-community-section--mb {
margin-bottom: 31.2vw;
}
}
.p-community-section__body {
margin: 41.9795021962px auto 0;
}
@media screen and (min-width: 1025px) {
.p-community-section__body {
margin: 4.0995607613vw auto 0;
}
}
@media screen and (max-width: 767px) {
.p-community-section__body {
margin: 5.3333333333vw auto 0;
}
}
.p-community-section__body--width {
width: 866.5768667643px;
}
@media screen and (min-width: 1025px) {
.p-community-section__body--width {
width: 84.6266471449vw;
}
}
@media screen and (max-width: 767px) {
.p-community-section__body--width {
width: 92vw;
}
}
.p-community-section__head {
width: 866.5768667643px;
margin: 164.9194729136px auto 0;
}
@media screen and (min-width: 1025px) {
.p-community-section__head {
width: 84.6266471449vw;
margin: 16.1054172767vw auto 0;
}
}
@media screen and (max-width: 767px) {
.p-community-section__head {
width: 92vw;
margin: 25.6vw auto 0;
}
} .p-community-cassette__head {
width: 866.5768667643px;
margin: 89.9560761347px auto 0;
}
@media screen and (min-width: 1025px) {
.p-community-cassette__head {
width: 84.6266471449vw;
margin: 8.78477306vw auto 0;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette__head {
margin: 17.0666666667vw auto 0;
width: 92vw;
}
}
.p-community-cassette__body {
margin-top: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.p-community-cassette__body {
margin-top: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette__body {
width: 100%;
margin-top: 5.3333333333vw;
padding-left: 4%;
}
}
.p-community-cassette__body--mb {
margin-bottom: 166.4187408492px;
}
@media screen and (min-width: 1025px) {
.p-community-cassette__body--mb {
margin-bottom: 16.2518301611vw;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette__body--mb {
margin-bottom: 24.8vw;
}
}
.p-community-cassette__slider {
overflow: hidden;
} .p-community-cassette-2--pmt120 {
margin-top: 89.9560761347px;
}
@media screen and (min-width: 1025px) {
.p-community-cassette-2--pmt120 {
margin-top: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2--pmt120 {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2--smt72 {
margin-top: 19.2vw;
}
}
.p-community-cassette-2__container {
display: flex;
align-items: center;
width: 944.5387994143px;
margin: 0 0 0 auto;
}
@media screen and (min-width: 1025px) {
.p-community-cassette-2__container {
width: 92.2401171303vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2__container {
display: block;
width: 91.7333333333vw;
margin: 0 auto;
}
}
.p-community-cassette-2__container--l {
justify-content: space-between;
}
.p-community-cassette-2__head-inner {
margin-bottom: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-community-cassette-2__head-inner {
margin-bottom: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2__head-inner {
margin-bottom: 5.3333333333vw;
}
}
.p-community-cassette-2__body {
flex-shrink: 0;
width: 487.262079063px;
margin-left: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.p-community-cassette-2__body {
width: 47.5841874085vw;
margin-left: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2__body {
width: 91.7333333333vw;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.p-community-cassette-2__body {
margin-top: 5.3333333333vw;
}
} .p-community-section-2__head {
width: 866.5768667643px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-community-section-2__head {
width: 84.6266471449vw;
}
}
@media screen and (max-width: 767px) {
.p-community-section-2__head {
width: 92vw;
}
}
.p-community-section-2__body {
width: 866.5768667643px;
padding: 80.9604685212px;
margin: 41.9795021962px auto 0;
}
@media screen and (min-width: 1025px) {
.p-community-section-2__body {
width: 84.6266471449vw;
padding: 7.906295754vw;
margin: 4.0995607613vw auto 0;
background-color: rgba(17, 29, 47, 0.1);
}
}
@media screen and (max-width: 767px) {
.p-community-section-2__body {
width: 92vw;
padding: 0;
margin: 5.3333333333vw auto 0;
}
}
.p-community-section-2__btn {
margin-top: 43.4787701318px;
}
@media screen and (min-width: 1025px) {
.p-community-section-2__btn {
margin-top: 4.2459736457vw;
}
}
@media screen and (max-width: 767px) {
.p-community-section-2__btn {
margin-top: 5.3333333333vw;
}
} .p-coactive-main__container {
position: relative;
}
.p-coactive-main__bg {
position: relative;
display: flex;
width: 100%;
height: 575.7188872621px;
}
@media screen and (min-width: 1025px) {
.p-coactive-main__bg {
height: 56.2225475842vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-main__bg {
display: block;
height: auto;
}
}
.p-coactive-main__bg::before {
content: "&";
position: absolute;
font-family: "Poppins", sans-serif;
font-weight: 500;
line-height: 1.4;
color: #fff;
font-size: 89.9560761347px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
transition: opacity 0.3s;
}
@media screen and (min-width: 1025px) {
.p-coactive-main__bg::before {
font-size: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-main__bg::before {
font-size: 17.0666666667vw;
}
}
.p-coactive-main__bg-area {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-coactive-main__bg-area {
width: 100%;
height: 117.3333333333vw;
}
}
.p-coactive-main__img-txt {
position: relative;
z-index: 2;
display: block;
text-align: center;
font-family: "Poppins", sans-serif;
font-weight: 500;
color: #fff;
}
.p-coactive-main__img-txt--main {
font-size: 89.9560761347px;
letter-spacing: 0.01em;
line-height: 1.4;
transition: opacity 0.3s;
}
@media screen and (min-width: 1025px) {
.p-coactive-main__img-txt--main {
font-size: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-main__img-txt--main {
font-size: 17.0666666667vw;
line-height: 1.425;
}
}
.p-coactive-main__img-txt--main span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-coactive-main__img-txt--main span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-coactive-main__img-txt--main span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .p-coactive-main__img-txt--main span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(1) {
transition-delay: 0s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(26) {
transition-delay: 2s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .p-coactive-main__img-txt--main span:nth-child(30) {
transition-delay: 2.32s;
}
.p-coactive-main__img-txt--sub {
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 14.9926793558px;
line-height: 1.5;
transition: opacity 0.3s;
opacity: 0;
will-change: transform;
transform: translate(0, 37.4816983895px) skewX(-60deg);
}
@media screen and (min-width: 1025px) {
.p-coactive-main__img-txt--sub {
font-size: 1.4641288433vw;
transform: translate(0, 3.6603221083vw) skewX(-60deg);
}
}
@media screen and (max-width: 767px) {
.p-coactive-main__img-txt--sub {
font-size: 4.8vw;
line-height: 1.533333;
transform: translate(0, 13.3333333333vw) skewX(-60deg);
}
}
.is-active .p-coactive-main__img-txt--sub {
transition: opacity 0.3s ease-in-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.5s;
transform: translate(0, 0) skewX(0deg);
opacity: 1;
} .p-coactive-about {
position: relative;
}
@media screen and (max-width: 767px) {
.p-coactive-about {
background: url(//www.thecoaches.co.jp/img/about/co-active/sp/bg_story.jpg) 0 0 no-repeat;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about {
padding-top: 8.8vw;
padding-bottom: 7.2vw;
}
}
.p-coactive-about__column {
display: flex;
}
@media screen and (max-width: 767px) {
.p-coactive-about__column {
display: block;
width: 92vw;
margin: 0 auto;
}
}
.p-coactive-about__box {
width: 50%;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
}
.p-coactive-about__box:nth-of-type(2) {
position: sticky;
top: 0;
right: 0;
height: 100vh;
}
@media screen and (max-width: 767px) {
.p-coactive-about__box {
width: 100%;
}
.p-coactive-about__box:nth-of-type(2) {
position: static;
height: auto;
}
}
.p-coactive-about__desc {
min-height: 575.7188872621px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__desc {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
min-height: 56.2225475842vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__desc {
margin-top: 6.4vw;
min-height: initial;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__desc--mt {
margin-top: 4vw;
}
}
.p-coactive-about__ttl {
font-size: 29.9853587116px;
line-height: 1.95;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__ttl {
font-size: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__ttl {
font-size: 6.4vw;
line-height: 1.8;
}
}
.p-coactive-about__ttl--mt {
margin-top: 27.7364568082px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__ttl--mt {
margin-top: 2.7086383602vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__ttl--mt {
margin-top: 4.2666666667vw;
}
}
.p-coactive-about__sup {
font-size: 18.7408491947px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__sup {
font-size: 1.8301610542vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__sup {
font-size: 3.2vw;
}
}
.p-coactive-about__txt-flex {
display: flex;
}
.p-coactive-about__txt {
font-size: 20.9897510981px;
line-height: 2;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__txt {
font-size: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__txt {
font-size: 3.7333333333vw;
line-height: 1.8;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__txt {
margin-top: 4vw;
}
}
.p-coactive-about__txt--mt {
margin-top: 22.4890190337px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__txt--mt {
margin-top: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__txt--mt {
margin-top: 4vw;
}
}
.p-coactive-about__txt--left {
width: 58.4714494876px;
margin-right: 8.9956076135px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__txt--left {
width: 5.710102489vw;
margin-right: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__txt--left {
width: 10.6666666667vw;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__txt--right {
margin-top: 0;
}
}
.p-coactive-about__item-outer {
width: 100%;
height: 100%;
}
.p-coactive-about__item {
position: absolute;
width: 100%;
height: 100%;
transition: opacity 0.5s;
opacity: 0;
}
.p-coactive-about__item:nth-of-type(1) {
opacity: 1;
}
.p-coactive-about__item.is-current {
opacity: 1;
}
.p-coactive-about__item img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.p-coactive-about__card {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-coactive-about__card {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 575.7188872621px;
}
}
@media screen and (min-width: 1025px) {
.p-coactive-about__card {
height: 56.2225475842vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__card {
display: block;
width: 93.3333333333vw;
margin: 6.1333333333vw auto;
}
}
.p-coactive-about__card-txt {
position: relative;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 125.9385065886px;
margin-top: 30.7349926794px;
color: #fff;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__card-txt {
font-size: 12.298682284vw;
margin-top: 3.0014641288vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__card-txt {
font-size: 18.1333333333vw;
}
}
.p-coactive-about__card-txt span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__card-txt span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__card-txt span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .p-coactive-about__card-txt span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .p-coactive-about__card-txt span:nth-child(1) {
transition-delay: 0s;
}
.is-active .p-coactive-about__card-txt span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .p-coactive-about__card-txt span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .p-coactive-about__card-txt span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .p-coactive-about__card-txt span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .p-coactive-about__card-txt span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .p-coactive-about__card-txt span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .p-coactive-about__card-txt span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .p-coactive-about__card-txt span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .p-coactive-about__card-txt span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .p-coactive-about__card-txt span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .p-coactive-about__card-txt span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .p-coactive-about__card-txt span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .p-coactive-about__card-txt span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .p-coactive-about__card-txt span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .p-coactive-about__card-txt span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .p-coactive-about__card-txt span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .p-coactive-about__card-txt span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .p-coactive-about__card-txt span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .p-coactive-about__card-txt span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .p-coactive-about__card-txt span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .p-coactive-about__card-txt span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .p-coactive-about__card-txt span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .p-coactive-about__card-txt span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .p-coactive-about__card-txt span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .p-coactive-about__card-txt span:nth-child(26) {
transition-delay: 2s;
}
.is-active .p-coactive-about__card-txt span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .p-coactive-about__card-txt span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .p-coactive-about__card-txt span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .p-coactive-about__card-txt span:nth-child(30) {
transition-delay: 2.32s;
}
.p-coactive-about__card-sup {
position: absolute;
font-size: 43.4787701318px;
top: -120.6910688141px;
right: -5.2474377745px;
}
@media screen and (min-width: 1025px) {
.p-coactive-about__card-sup {
font-size: 4.2459736457vw;
top: -11.7862371889vw;
right: -0.5124450952vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-about__card-sup {
font-size: 5.8666666667vw;
top: -17.0666666667vw;
right: 0;
}
} .p-coactive-event {
padding-top: 149.9267935578px;
padding-bottom: 149.9267935578px;
}
@media screen and (min-width: 1025px) {
.p-coactive-event {
padding-top: 14.6412884334vw;
padding-bottom: 14.6412884334vw;
}
}
@media screen and (max-width: 767px) {
.p-coactive-event {
padding-top: 23.7333333333vw;
padding-bottom: 23.7333333333vw;
}
} .p-journeey-coaching-term {
width: 100%;
margin: 164.9194729136px 0 90.7057101025px;
}
@media screen and (min-width: 1025px) {
.p-journeey-coaching-term {
margin: 16.1054172767vw 0 8.8579795022vw;
}
}
@media screen and (max-width: 767px) {
.p-journeey-coaching-term {
margin: 0;
}
} .p-journeey-section {
position: relative;
margin-top: 58.4714494876px;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-journeey-section {
margin-top: 5.710102489vw;
}
}
@media screen and (max-width: 767px) {
.p-journeey-section {
margin-top: 8vw;
}
}
.p-journeey-section__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
.p-journeey-section__container {
display: block;
}
} .p-story-ttl {
position: relative;
margin-top: 140.1815519766px;
text-align: center;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-story-ttl {
margin-top: 13.6896046852vw;
}
}
@media screen and (max-width: 767px) {
.p-story-ttl {
width: 93.3333333333vw;
margin: 29.3333333333vw auto 0;
text-align: left;
}
}
.p-story-ttl__txt {
font-family: "Poppins", sans-serif;
font-weight: 500;
color: #fff;
font-size: 71.9648609078px;
line-height: 1.09375;
}
@media screen and (min-width: 1025px) {
.p-story-ttl__txt {
font-size: 7.027818448vw;
}
}
@media screen and (max-width: 767px) {
.p-story-ttl__txt {
font-size: 13.9vw;
}
}
.p-story-ttl__txt span {
display: inline-block;
transform: translate(0, 37.4816983895px);
opacity: 0;
will-change: transform;
}
@media screen and (min-width: 1025px) {
.p-story-ttl__txt span {
transform: translate(0, 3.6603221083vw);
}
}
@media screen and (max-width: 767px) {
.p-story-ttl__txt span {
transform: translate(0, 13.3333333333vw);
}
}
.is-active .p-story-ttl__txt span {
transition: opacity 0.3s ease-in-out, transform 0.6s;
transform: translate(0, 0);
opacity: 1;
}
.is-active .p-story-ttl__txt span:nth-child(1) {
transition-delay: 0s;
}
.is-active .p-story-ttl__txt span:nth-child(2) {
transition-delay: 0.08s;
}
.is-active .p-story-ttl__txt span:nth-child(3) {
transition-delay: 0.16s;
}
.is-active .p-story-ttl__txt span:nth-child(4) {
transition-delay: 0.24s;
}
.is-active .p-story-ttl__txt span:nth-child(5) {
transition-delay: 0.32s;
}
.is-active .p-story-ttl__txt span:nth-child(6) {
transition-delay: 0.4s;
}
.is-active .p-story-ttl__txt span:nth-child(7) {
transition-delay: 0.48s;
}
.is-active .p-story-ttl__txt span:nth-child(8) {
transition-delay: 0.56s;
}
.is-active .p-story-ttl__txt span:nth-child(9) {
transition-delay: 0.64s;
}
.is-active .p-story-ttl__txt span:nth-child(10) {
transition-delay: 0.72s;
}
.is-active .p-story-ttl__txt span:nth-child(11) {
transition-delay: 0.8s;
}
.is-active .p-story-ttl__txt span:nth-child(12) {
transition-delay: 0.88s;
}
.is-active .p-story-ttl__txt span:nth-child(13) {
transition-delay: 0.96s;
}
.is-active .p-story-ttl__txt span:nth-child(14) {
transition-delay: 1.04s;
}
.is-active .p-story-ttl__txt span:nth-child(15) {
transition-delay: 1.12s;
}
.is-active .p-story-ttl__txt span:nth-child(16) {
transition-delay: 1.2s;
}
.is-active .p-story-ttl__txt span:nth-child(17) {
transition-delay: 1.28s;
}
.is-active .p-story-ttl__txt span:nth-child(18) {
transition-delay: 1.36s;
}
.is-active .p-story-ttl__txt span:nth-child(19) {
transition-delay: 1.44s;
}
.is-active .p-story-ttl__txt span:nth-child(20) {
transition-delay: 1.52s;
}
.is-active .p-story-ttl__txt span:nth-child(21) {
transition-delay: 1.6s;
}
.is-active .p-story-ttl__txt span:nth-child(22) {
transition-delay: 1.68s;
}
.is-active .p-story-ttl__txt span:nth-child(23) {
transition-delay: 1.76s;
}
.is-active .p-story-ttl__txt span:nth-child(24) {
transition-delay: 1.84s;
}
.is-active .p-story-ttl__txt span:nth-child(25) {
transition-delay: 1.92s;
}
.is-active .p-story-ttl__txt span:nth-child(26) {
transition-delay: 2s;
}
.is-active .p-story-ttl__txt span:nth-child(27) {
transition-delay: 2.08s;
}
.is-active .p-story-ttl__txt span:nth-child(28) {
transition-delay: 2.16s;
}
.is-active .p-story-ttl__txt span:nth-child(29) {
transition-delay: 2.24s;
}
.is-active .p-story-ttl__txt span:nth-child(30) {
transition-delay: 2.32s;
} .p-story-section {
margin-top: 103.4494875549px;
}
@media screen and (min-width: 1025px) {
.p-story-section {
margin-top: 10.102489019vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section {
margin-top: 12.8vw;
}
}
.p-story-section__container {
display: flex;
justify-content: space-between;
width: 947.5373352855px;
margin: 0 auto 0 0;
}
@media screen and (min-width: 1025px) {
.p-story-section__container {
width: 92.532942899vw;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.p-story-section__container {
display: block;
width: 100%;
}
}
.p-story-section__img {
width: 488.0117130307px;
}
@media screen and (min-width: 1025px) {
.p-story-section__img {
width: 47.6573938507vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section__img {
width: 100%;
}
}
.p-story-section__body {
width: 412.298682284px;
}
@media screen and (min-width: 1025px) {
.p-story-section__body {
width: 40.2635431918vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section__body {
width: 91.7333333333vw;
margin: 23.4666666667vw auto 0;
}
} .p-story-section-2 {
display: flex;
align-items: center;
width: 947.5373352855px;
margin: 149.9267935578px 0 0 auto;
}
@media screen and (min-width: 1025px) {
.p-story-section-2 {
width: 92.532942899vw;
margin: 14.6412884334vw 0 0 auto;
padding-inline: 0;
}
}
@media screen and (max-width: 767px) {
.p-story-section-2 {
display: block;
width: 91.7333333333vw;
margin: 25.6vw auto 0;
}
} .p-story-section-3 {
margin-top: 143.9297218155px;
}
@media screen and (min-width: 1025px) {
.p-story-section-3 {
margin-top: 14.055636896vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3 {
margin-top: 25.6vw;
}
}
.p-story-section-3__container {
width: 874.0732064422px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__container {
width: 85.3587115666vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__container {
width: 92.8vw;
}
}
.p-story-section-3__body {
margin-top: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__body {
margin-top: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__body {
margin-top: 8.5333333333vw;
}
}
.p-story-section-3__inner {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-story-section-3__inner {
display: block;
}
}
.p-story-section-3__inner:nth-of-type(n+2) {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__inner:nth-of-type(n+2) {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__inner:nth-of-type(n+2) {
margin-top: 12.8vw;
}
}
.p-story-section-3__img {
width: 239.8828696925px;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__img {
width: 23.4260614934vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__img {
width: 91.7333333333vw;
}
}
.p-story-section-3__person {
width: 577.2181551977px;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__person {
width: 56.3689604685vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__person {
width: 100%;
margin-top: 5.3333333333vw;
}
}
.p-story-section-3__ttl {
font-family: "Zen Kaku Gothic New", sans-serif;
color: #fff;
margin-bottom: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__ttl {
margin-bottom: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__ttl {
margin-bottom: 5.3333333333vw;
}
}
.p-story-section-3__ttl-sub {
display: block;
font-size: 10.494875549px;
font-weight: 500;
line-height: 1.7142857143;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__ttl-sub {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__ttl-sub {
font-size: 3.7333333333vw;
}
}
.p-story-section-3__ttl-main {
display: block;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.p-story-section-3__ttl-main {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-3__ttl-main {
font-size: 5.3333333333vw;
}
} .p-story-cassette {
margin-top: 149.9267935578px;
}
@media screen and (min-width: 1025px) {
.p-story-cassette {
margin-top: 14.6412884334vw;
}
}
@media screen and (max-width: 767px) {
.p-story-cassette {
width: 100vw;
margin: 20.8vw calc(50% - 50vw) 0;
}
} .p-story-card {
position: relative;
background-color: rgba(17, 29, 47, 0.1);
padding: 53.9736456808px;
}
@media screen and (min-width: 1025px) {
.p-story-card {
padding: 5.270863836vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card {
padding: 8.5333333333vw 0 6.4vw;
}
}
.p-story-card + .p-story-card {
margin-top: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.p-story-card + .p-story-card {
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card + .p-story-card {
margin-top: 12.8vw;
}
}
.p-story-card__container {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-story-card__container {
display: block;
width: 91.7333333333vw;
margin: 0 auto;
}
}
.p-story-card__founder {
position: absolute;
top: 21.7393850659px;
right: 29.9853587116px;
font-family: "Poppins", sans-serif;
font-size: 23.9882869693px;
font-weight: 500;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-story-card__founder {
top: 2.1229868228vw;
right: 2.9282576867vw;
font-size: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__founder {
position: static;
font-size: 8.5333333333vw;
}
}
.p-story-card__img {
flex-shrink: 0;
width: 209.897510981px;
}
@media screen and (min-width: 1025px) {
.p-story-card__img {
width: 20.4978038067vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__img {
width: 100%;
margin-top: 5.3333333333vw;
margin-bottom: 6.6666666667vw;
}
}
.p-story-card__img img {
width: 100%;
height: 100%;
}
.p-story-card__body {
width: 527.7423133236px;
}
@media screen and (min-width: 1025px) {
.p-story-card__body {
width: 51.5373352855vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__body {
width: 100%;
}
}
.p-story-card__ttl-sub {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-story-card__ttl-sub {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__ttl-sub {
font-size: 3.7333333333vw;
letter-spacing: 0.01em;
line-height: 0.4666666667;
}
}
.p-story-card__ttl-main {
position: relative;
display: block;
padding-bottom: 17.9912152269px;
margin-top: 3.7481698389px;
margin-bottom: 14.9926793558px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
font-family: "Poppins", sans-serif;
font-size: 26.9868228404px;
font-weight: 700;
line-height: 1.455556;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-story-card__ttl-main {
padding-bottom: 1.756954612vw;
margin-top: 0.3660322108vw;
margin-bottom: 1.4641288433vw;
border-bottom: 0.0732064422vw solid rgba(255, 255, 255, 0.4);
font-size: 2.635431918vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__ttl-main {
padding-bottom: 4vw;
margin-top: 0;
margin-bottom: 4vw;
font-size: 7.4666666667vw;
line-height: 1.383333;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
}
}
.p-story-card__ttl-main::before {
content: "";
position: absolute;
width: 71.9648609078px;
height: 0.7496339678px;
background-color: #fff;
bottom: -0.7496339678px;
left: 0;
}
@media screen and (min-width: 1025px) {
.p-story-card__ttl-main::before {
width: 7.027818448vw;
height: 0.0732064422vw;
bottom: -0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__ttl-main::before {
width: 11.4666666667vw;
height: 0.16vw;
bottom: -0.16vw;
}
}
.p-story-card__ttl-main--en {
font-weight: 500;
}
.p-story-card__ttl-main--s {
font-family: "Zen Kaku Gothic New", sans-serif;
position: static;
display: inline;
font-size: 14.9926793558px;
border-bottom: none;
padding-bottom: none;
}
@media screen and (min-width: 1025px) {
.p-story-card__ttl-main--s {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-story-card__ttl-main--s {
font-size: 3.7333333333vw;
}
} .p-story-section-4 {
position: relative;
overflow: hidden;
width: 100%;
height: 575.7188872621px;
margin-top: 149.9267935578px;
}
@media screen and (min-width: 1025px) {
.p-story-section-4 {
height: 56.2225475842vw;
margin-top: 14.6412884334vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-4 {
width: 100vw;
height: auto;
margin-top: 23.4666666667vw;
}
}
.p-story-section-4__container {
padding: 86.9575402635px 74.9633967789px;
}
@media screen and (min-width: 1025px) {
.p-story-section-4__container {
padding: 8.4919472914vw 7.3206442167vw;
}
}
@media screen and (max-width: 767px) {
.p-story-section-4__container {
width: 92vw;
margin: 0 auto;
padding: 21.3333333333vw 0;
}
}
@media screen and (max-width: 767px) {
.p-story-section-4__txt {
margin-top: 5.3333333333vw;
}
} .p-book-section {
position: relative;
z-index: 2;
margin-top: 125.9385065886px;
}
@media screen and (min-width: 1025px) {
.p-book-section {
margin-top: 12.298682284vw;
}
}
@media screen and (max-width: 767px) {
.p-book-section {
margin-top: 30.9333333333vw;
margin-bottom: 32vw;
}
}
.p-book-section__container {
width: 864.3279648609px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-book-section__container {
width: 84.4070278184vw;
}
}
@media screen and (max-width: 767px) {
.p-book-section__container {
width: 91.7333333333vw;
}
} .p-book-cassette:nth-of-type(n+2) {
margin-top: 112.4450951684px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette:nth-of-type(n+2) {
margin-top: 10.980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette:nth-of-type(n+2) {
margin-top: 25.6vw;
}
}
.p-book-cassette__container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-book-cassette__container {
display: block;
}
}
.p-book-cassette__img {
width: 192.6559297218px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__img {
width: 18.8140556369vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__img {
margin: 0 auto;
width: 69.3333333333vw;
}
}
.p-book-cassette__body {
width: 623.6954612006px;
margin-top: -7.4963396779px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__body {
width: 60.9077598829vw;
margin-top: -0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__body {
width: 100%;
margin-top: 8.5333333333vw;
}
}
.p-book-cassette__ttl {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: bold;
color: #fff;
padding-bottom: 14.9926793558px;
margin-bottom: 15.7423133236px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1025px) {
.p-book-cassette__ttl {
padding-bottom: 1.4641288433vw;
margin-bottom: 1.5373352855vw;
border-bottom: 0.0732064422vw solid rgba(255, 255, 255, 0.4);
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__ttl {
padding-bottom: 4.8vw;
margin-bottom: 5.0666666667vw;
border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
}
}
.p-book-cassette__ttl::before {
content: "";
position: absolute;
width: 71.9648609078px;
height: 0.7496339678px;
background-color: #fff;
bottom: -0.7496339678px;
left: 0;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__ttl::before {
width: 7.027818448vw;
height: 0.0732064422vw;
bottom: -0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__ttl::before {
width: 11.4666666667vw;
height: 0.16vw;
bottom: -0.16vw;
}
}
.p-book-cassette__ttl-main {
display: block;
font-size: 22.4890190337px;
line-height: 1.6;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__ttl-main {
font-size: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__ttl-main {
font-size: 6.4vw;
line-height: 1.2;
}
}
.p-book-cassette__ttl-main--en {
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.p-book-cassette__ttl-sub {
font-size: 11.9941434846px;
letter-spacing: 0.01em;
line-height: 2;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__ttl-sub {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__ttl-sub {
font-size: 3.7333333333vw;
line-height: 2.2857142857;
}
}
.p-book-cassette__ttl-sub--en {
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.p-book-cassette__inner {
display: flex;
justify-content: space-between;
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__inner {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__inner {
display: block;
margin-top: 5.3333333333vw;
}
}
.p-book-cassette__txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 10.494875549px;
font-weight: 500;
line-height: 1.8;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__txt {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__txt {
font-size: 3.2vw;
line-height: 1.8;
}
}
@media screen and (min-width: 768px) {
.p-book-cassette__txt--indent {
display: inline-block;
text-indent: -3em;
padding-left: 3em;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__btn-area {
margin-top: 5.3333333333vw;
}
}
.p-book-cassette__btn-item {
margin-top: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette__btn-item {
margin-top: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette__btn-item {
margin-top: 2.1333333333vw;
}
}
.p-book-cassette__btn-item:first-of-type {
margin-top: 0;
} .p-book-section-2 {
margin-top: 187.4084919473px;
}
@media screen and (min-width: 1025px) {
.p-book-section-2 {
margin-top: 18.3016105417vw;
}
}
.p-book-section-2__container {
display: flex;
}
@media screen and (max-width: 767px) {
.p-book-section-2__container {
display: block;
}
} .p-book-cassette-2 {
width: 50%;
height: 256.3748169839px;
background: url(//www.thecoaches.co.jp/img/about/books/img_bg_brain.jpg) 0 0 no-repeat;
background-size: cover;
}
@media screen and (min-width: 1025px) {
.p-book-cassette-2 {
height: 25.0366032211vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette-2 {
width: 100%;
height: 88.2666666667vw;
padding: 10.6666666667vw 6.6666666667vw;
background-image: url(//www.thecoaches.co.jp/img/about/books/sp/img_bg_brain.jpg);
}
}
.p-book-cassette-2--2 {
background-image: url(//www.thecoaches.co.jp/img/about/books/img_bg_rule.jpg);
}
@media screen and (max-width: 767px) {
.p-book-cassette-2--2 {
background-image: url(//www.thecoaches.co.jp/img/about/books/sp/img_bg_rule.jpg);
height: 79.2vw;
}
}
.p-book-cassette-2__container {
padding: 35.9824304539px 52.4743777452px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette-2__container {
padding: 3.513909224vw 5.1244509517vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette-2__container {
padding: 0;
}
}
.p-book-cassette-2__ttl {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 22.4890190337px;
line-height: 1.6;
font-weight: bold;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-book-cassette-2__ttl {
font-size: 2.196193265vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette-2__ttl {
font-size: 6.4vw;
}
}
.p-book-cassette-2__txt {
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-size: 11.9941434846px;
line-height: 2;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-book-cassette-2__txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette-2__txt {
font-size: 4.2666666667vw;
margin-top: 3.7333333333vw;
}
}
.p-book-cassette-2__btn {
margin-top: 44.9780380673px;
}
@media screen and (min-width: 1025px) {
.p-book-cassette-2__btn {
margin-top: 4.39238653vw;
}
}
@media screen and (max-width: 767px) {
.p-book-cassette-2__btn {
margin-top: 6.4vw;
}
} .p-find-section {
margin-top: 95.2035139092px;
}
@media screen and (min-width: 1025px) {
.p-find-section {
margin-top: 9.2972181552vw;
}
}
@media screen and (max-width: 767px) {
.p-find-section {
margin-top: 26.6666666667vw;
}
}
.p-find-section + .p-find-section {
margin-top: 164.9194729136px;
margin-bottom: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.p-find-section + .p-find-section {
margin-top: 16.1054172767vw;
margin-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.p-find-section + .p-find-section {
margin-top: 25.6vw;
margin-bottom: 25.6vw;
}
} .p-find-section-2 {
width: 864.3279648609px;
margin: 0 auto 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.p-find-section-2 {
width: 84.4070278184vw;
margin: 0 auto 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.p-find-section-2 {
width: 100%;
margin: 0 auto 25.6vw;
}
}
@media screen and (max-width: 767px) {
.p-find-section-2__head {
width: 92vw;
margin: 0 auto;
}
} .p-find-term {
margin-bottom: 89.9560761347px;
}
@media screen and (min-width: 1025px) {
.p-find-term {
margin-bottom: 8.78477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-term {
margin-bottom: 25.6vw;
}
} .p-about-kv {
margin-top: 112.4450951684px;
}
@media screen and (min-width: 1025px) {
.p-about-kv {
margin-top: 10.980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-about-kv {
margin-top: 0;
}
}
.p-about-kv__container {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-about-kv__container {
display: block;
}
}
.p-about-kv__head {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-about-kv__head {
width: 100%;
}
}
.p-about-kv__body {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-about-kv__body {
width: 100%;
margin-top: 28vw;
}
} .p-about-section__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
.p-about-section__container {
display: block;
}
} .p-program-kv {
margin-top: 112.4450951684px;
}
@media screen and (min-width: 1025px) {
.p-program-kv {
margin-top: 10.980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-program-kv {
margin-top: 0;
}
}
.p-program-kv__container {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-program-kv__container {
display: block;
}
}
.p-program-kv__head {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-program-kv__head {
width: 100%;
}
}
.p-program-kv__body {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-program-kv__body {
width: 100%;
margin-top: 18.6666666667vw;
}
} .p-event-section {
position: relative;
z-index: 2;
margin-bottom: 164.9194729136px;
}
@media screen and (min-width: 1025px) {
.p-event-section {
margin-bottom: 16.1054172767vw;
}
}
@media screen and (max-width: 767px) {
.p-event-section {
margin-top: 24vw;
margin-bottom: 26.6666666667vw;
}
}
.p-event-section__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-event-section__container {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.p-event-section__container {
width: 92vw;
}
} .p-event-cassete {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.p-event-cassete {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-event-cassete {
margin-top: 25.6vw;
}
}
@media screen and (min-width: 768px) {
.p-event-cassete:nth-of-type(n+3) {
margin-top: 112.4450951684px;
}
}
@media screen and (min-width: 1025px) {
.p-event-cassete:nth-of-type(n+3) {
margin-top: 10.980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-event-cassete:nth-of-type(n+2) {
margin-top: 25.6vw;
}
}
.p-event-cassete__body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
@media screen and (max-width: 767px) {
.p-event-cassete__body {
display: block;
}
}
.p-event-cassete__body .c-card {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.p-event-cassete__body .c-card {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.p-event-cassete__body .c-card:nth-of-type(n+3) {
margin-top: 29.9853587116px;
}
}
@media screen and (min-width: 1025px) {
.p-event-cassete__body .c-card:nth-of-type(n+3) {
margin-top: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-event-cassete__body .c-card:nth-of-type(n+2) {
margin-top: 3.2vw;
}
} @media screen and (max-width: 767px) {
.p-faq-section {
margin-top: 8vw;
}
}
.p-faq-section__container {
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-faq-section__container {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.p-faq-section__container {
width: 92vw;
}
} .p-list-anchor {
display: flex;
flex-wrap: wrap;
gap: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.p-list-anchor {
gap: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.p-list-anchor {
gap: 2.1333333333vw;
}
}
.p-list-anchor__link {
display: block;
background-color: rgba(17, 29, 47, 0.3);
padding: 9.7452415813px 41.9795021962px 11.2445095168px 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.p-list-anchor__link {
padding: 0.9516837482vw 4.0995607613vw 1.0980966325vw 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.p-list-anchor__link {
padding: 1.8666666667vw 7.4666666667vw 2.4vw 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.p-list-anchor__link {
transition: opacity 300ms;
}
.p-list-anchor__link:hover {
opacity: 0.8;
}
}
.p-list-anchor__txt {
position: relative;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 700;
line-height: 1.375;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-list-anchor__txt {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-list-anchor__txt {
font-size: 3.2vw;
line-height: 1.8333333333;
}
}
.p-list-anchor__txt::before {
content: "";
position: absolute;
top: 50%;
right: -17.9912152269px;
background: url(//www.thecoaches.co.jp/img/faq/icn_arrow_under.svg) 0 0 no-repeat;
background-size: contain;
width: 8.2459736457px;
height: 6.7467057101px;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.p-list-anchor__txt::before {
right: -1.756954612vw;
width: 0.8052708638vw;
height: 0.6588579795vw;
}
}
@media screen and (max-width: 767px) {
.p-list-anchor__txt::before {
right: -4.2666666667vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
}
} .p-send-wrap {
position: relative;
padding-bottom: 146.1786237189px;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-send-wrap {
padding-bottom: 14.2752562225vw;
}
}
@media screen and (max-width: 767px) {
.p-send-wrap {
padding-bottom: 32vw;
}
} .p-sitemap-section {
position: relative;
color: #fff;
padding-block: 74.9633967789px 107.1976573939px;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-sitemap-section {
padding-block: 7.3206442167vw 10.4685212299vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-section {
padding-block: 26.6666666667vw 32vw;
}
}
.p-sitemap-section__container {
display: flex;
justify-content: space-between;
width: 863.5783308931px;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.p-sitemap-section__container {
width: 84.3338213763vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-section__container {
display: block;
width: 91.7333333333vw;
}
}
.p-sitemap-section__ttl {
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 14.9926793558px;
font-weight: 700;
line-height: 1.5;
}
@media screen and (min-width: 1025px) {
.p-sitemap-section__ttl {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-section__ttl {
font-size: 5.3333333333vw;
}
} .p-sitemap-nav {
width: 534.4890190337px;
display: flex;
align-items: flex-start;
-moz-column-gap: 41.9795021962px;
column-gap: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav {
width: 52.196193265vw;
-moz-column-gap: 4.0995607613vw;
column-gap: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav {
width: 100%;
display: block;
}
}
.p-sitemap-nav__unit {
min-width: 86.2079062958px;
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__unit {
min-width: 8.4187408492vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__unit {
min-width: none;
margin-top: 9.6vw;
}
.p-sitemap-nav__unit:nth-of-type(n+2) {
margin-top: 10.6666666667vw;
}
}
.p-sitemap-nav__head-link {
font-size: 11.9941434846px;
font-weight: 900;
}
@media (hover: hover) and (pointer: fine) {
.p-sitemap-nav__head-link {
transition: opacity 300ms;
}
.p-sitemap-nav__head-link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__head-link {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__head-link {
font-size: 4.2666666667vw;
}
}
.p-sitemap-nav__item {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__item {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__item {
margin-top: 2.6666666667vw;
}
}
.p-sitemap-nav__link {
position: relative;
font-size: 10.494875549px;
}
@media (hover: hover) and (pointer: fine) {
.p-sitemap-nav__link {
transition: opacity 300ms;
}
.p-sitemap-nav__link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__link {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__link {
font-size: 3.7333333333vw;
}
}
.p-sitemap-nav__link--blank {
padding-right: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__link--blank {
padding-right: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__link--blank {
padding-right: 5.3333333333vw;
}
}
.p-sitemap-nav__link--blank::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
translate: 0 -50%;
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_thin.svg) 0 0 no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
.p-sitemap-nav__link--blank::before {
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.p-sitemap-nav__link--blank::before {
width: 3.4666666667vw;
height: 3.4666666667vw;
}
} .p-find-coach-cassette {
position: relative;
z-index: 2;
padding-top: 56.2225475842px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-cassette {
padding-top: 5.4904831625vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-cassette {
padding-top: 17.3333333333vw;
}
}
.p-find-coach-cassette__num {
font-size: 10.494875549px;
font-weight: 500;
color: #fff;
padding-inline: 80.2108345534px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-cassette__num {
font-size: 1.0248901903vw;
padding-inline: 7.8330893119vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-cassette__num {
font-size: 3.7333333333vw;
padding-inline: 4vw;
}
}
.p-find-coach-cassette__content {
display: flex;
align-items: flex-start;
justify-content: space-between;
-moz-column-gap: 71.9648609078px;
column-gap: 71.9648609078px;
margin-top: 22.4890190337px;
padding: 0 81.710102489px 164.9194729136px 80.2108345534px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-cassette__content {
-moz-column-gap: 7.027818448vw;
column-gap: 7.027818448vw;
margin-top: 2.196193265vw;
padding: 0 7.9795021962vw 16.1054172767vw 7.8330893119vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-cassette__content {
display: block;
margin-top: 5.3333333333vw;
padding: 0 4vw 32vw;
}
} .p-find-coach-main {
width: 551.7306002928px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main {
width: 53.8799414348vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main {
width: 100%;
}
}
.p-find-coach-main__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
gap: 37.4816983895px 23.9882869693px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__list {
gap: 3.6603221083vw 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__list {
grid-template-columns: repeat(2, 1fr);
gap: 9.6vw 4.2666666667vw;
}
}
.p-find-coach-main__link {
display: block;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-main__link {
transition: opacity 300ms;
}
.p-find-coach-main__link:hover {
opacity: 0.8;
}
}
.p-find-coach-main__img {
width: 167.9180087848px;
height: 167.9180087848px;
border-radius: 50%;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__img {
width: 16.3982430454vw;
height: 16.3982430454vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__img {
width: 43.7333333333vw;
height: 43.7333333333vw;
}
}
.p-find-coach-main__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
}
.p-find-coach-main__name {
margin-top: 8.9956076135px;
text-align: center;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__name {
margin-top: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__name {
margin-top: 2.1333333333vw;
}
}
.p-find-coach-main__name-ja {
display: block;
font-size: 13.4934114202px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 1.4992679356px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__name-ja {
font-size: 1.317715959vw;
text-underline-offset: 0.1464128843vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__name-ja {
font-size: 4.8vw;
text-underline-offset: 0.5333333333vw;
}
}
.p-find-coach-main__name-en {
display: block;
font-size: 8.9956076135px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__name-en {
font-size: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__name-en {
font-size: 3.2vw;
}
}
.p-find-coach-main__tag-list {
display: flex;
flex-wrap: wrap;
gap: 4.4978038067px 5.9970717423px;
margin-top: 8.9956076135px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__tag-list {
gap: 0.439238653vw 0.5856515373vw;
margin-top: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__tag-list {
gap: 0.5333333333vw 1.0666666667vw;
margin-top: 2.1333333333vw;
}
}
.p-find-coach-main__tag-link {
display: block;
font-size: 9.7452415813px;
font-weight: 500;
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-main__tag-link {
transition: opacity 300ms;
}
.p-find-coach-main__tag-link:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__tag-link {
font-size: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__tag-link {
font-size: 2.6666666667vw;
}
}
.p-find-coach-main__tag-hash {
color: #A6B8D1;
}
.p-find-coach-main__btn-wrap {
margin-top: 44.9780380673px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-main__btn-wrap {
margin-top: 4.39238653vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-main__btn-wrap {
margin-top: 10.6666666667vw;
}
} .p-find-coach-side {
width: 239.8828696925px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side {
width: 23.4260614934vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side {
width: 100%;
}
}
.p-find-coach-side__form {
margin-top: 41.9795021962px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__form {
margin-top: 4.0995607613vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__form {
margin-top: 10.6666666667vw;
}
}
.p-find-coach-side__form--top {
margin-top: 0;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-side__trigger {
transition: opacity 300ms;
}
.p-find-coach-side__trigger:hover {
opacity: 0.8;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__trigger {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 19.2vw;
height: 19.2vw;
background-color: rgba(17, 29, 47, 0.29);
border-radius: 50%;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
touch-action: manipulation;
transition: opacity 0.3s, visibility 0.3s;
}
.is-search-menu-opened .p-find-coach-side__trigger {
visibility: hidden;
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__trigger-icn {
width: 6vw;
margin-inline: auto;
}
}
.p-find-coach-side__trigger-icn img {
width: 100%;
}
@media screen and (max-width: 767px) {
.p-find-coach-side__trigger-txt {
margin-top: 0.8vw;
font-size: 2.6666666667vw;
color: #fff;
font-weight: 700;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__inner {
position: fixed;
inset: 0;
padding-top: 37.3333333333vw;
padding: 37.3333333333vw 4vw 24vw;
background: linear-gradient(90deg, #573ab5, #2aaacf);
overflow-y: auto;
height: calc(100% + 1px);
overscroll-behavior-y: none;
scrollbar-width: none;
opacity: 0;
visibility: hidden;
z-index: 100;
}
.p-find-coach-side__inner::-webkit-scrollbar {
display: none;
}
.p-find-coach-side__inner.is-animating {
transition: opacity 0.3s, visibility 0.3s;
}
.is-search-menu-opened .p-find-coach-side__inner {
visibility: visible;
opacity: 1;
}
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-side__close {
transition: opacity 300ms;
}
.p-find-coach-side__close:hover {
opacity: 0.8;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__close {
position: absolute;
top: 37.3333333333vw;
right: 4vw;
width: 8.5333333333vw;
height: 8.5333333333vw;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
touch-action: manipulation;
}
.p-find-coach-side__close::before, .p-find-coach-side__close::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: 3.2vw;
height: 0.5333333333vw;
background-color: #1A1A1A;
}
.p-find-coach-side__close::before {
rotate: 45deg;
}
.p-find-coach-side__close::after {
rotate: -45deg;
}
}
.p-find-coach-side__unit {
margin-top: 41.2298682284px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__unit {
margin-top: 4.0263543192vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__unit {
margin-top: 10.6666666667vw;
}
}
.p-find-coach-side__unit:first-of-type {
margin-top: 0;
}
.p-find-coach-side__head {
font-size: 14.9926793558px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__head {
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__head {
font-size: 4.2666666667vw;
}
}
.p-find-coach-side__body {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__body {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__body {
margin-top: 4.2666666667vw;
}
}
.p-find-coach-side__btn-wrap {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__btn-wrap {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__btn-wrap {
margin-top: 6.4vw;
}
}
.p-find-coach-side__reset {
position: relative;
display: flex;
align-items: center;
margin-top: 11.9941434846px;
font-size: 10.494875549px;
font-weight: 700;
color: #fff;
text-decoration: underline;
text-underline-offset: 2.2489019034px;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-side__reset:hover {
text-decoration: none;
}
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__reset {
margin-top: 1.1713030747vw;
font-size: 1.0248901903vw;
text-underline-offset: 0.2196193265vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__reset {
margin-top: 4.2666666667vw;
font-size: 3.7333333333vw;
text-underline-offset: 0.8vw;
}
}
.p-find-coach-side__reset::after {
display: block;
content: "";
margin-top: 1.4992679356px;
margin-left: 2.9985358712px;
width: 11.9941434846px;
height: 11.9941434846px;
background: url(//www.thecoaches.co.jp/img/common/icn_cancel.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__reset::after {
margin-top: 0.1464128843vw;
margin-left: 0.2928257687vw;
width: 1.1713030747vw;
height: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__reset::after {
margin-top: 0.5333333333vw;
margin-left: 1.0666666667vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
}
}
.p-find-coach-side__more {
position: relative;
display: flex;
align-items: center;
margin-top: 17.9912152269px;
font-size: 10.494875549px;
font-weight: 700;
color: #fff;
text-decoration: underline;
text-underline-offset: 2.2489019034px;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-side__more:hover {
text-decoration: none;
}
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__more {
margin-top: 1.756954612vw;
font-size: 1.0248901903vw;
text-underline-offset: 0.2196193265vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__more {
margin-top: 6.4vw;
font-size: 3.7333333333vw;
text-underline-offset: 0.8vw;
}
}
.p-find-coach-side__more::after {
display: block;
content: "";
margin-top: 2.9985358712px;
margin-left: 2.9985358712px;
width: 8.9956076135px;
height: 8.9956076135px;
background: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
background-size: contain;
rotate: 90deg;
}
@media screen and (min-width: 1025px) {
.p-find-coach-side__more::after {
margin-top: 0.2928257687vw;
margin-left: 0.2928257687vw;
width: 0.878477306vw;
height: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-side__more::after {
margin-top: 1.0666666667vw;
margin-left: 1.0666666667vw;
width: 3.2vw;
height: 3.2vw;
}
} .p-find-coach-select__unit {
position: relative;
margin-top: 10.494875549px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__unit {
margin-top: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__unit {
margin-top: 3.2vw;
}
}
.p-find-coach-select__unit:first-of-type {
margin-top: 0;
}
.p-find-coach-select__ttl {
display: flex;
align-items: center;
width: -moz-fit-content;
width: fit-content;
font-size: 10.494875549px;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__ttl {
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__ttl {
font-size: 3.2vw;
}
}
.p-find-coach-select__select {
margin-top: 8.9956076135px;
position: relative;
width: 100%;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__select {
margin-top: 0.878477306vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__select {
margin-top: 2.1333333333vw;
}
}
.p-find-coach-select__term {
position: relative;
padding: 11.9941434846px 30.7349926794px 11.9941434846px 11.9941434846px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #1A1A1A;
background-color: rgba(255, 255, 255, 0.9);
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__term {
padding: 1.1713030747vw 3.0014641288vw 1.1713030747vw 1.1713030747vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__term {
padding: 3.4666666667vw 10.9333333333vw 3.4666666667vw 4.2666666667vw;
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.p-find-coach-select__term::before {
content: "";
position: absolute;
width: 1px;
height: 17.9912152269px;
background-color: #8692A3;
right: 30.7349926794px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__term::before {
width: 0.0732064422vw;
height: 1.756954612vw;
right: 3.0014641288vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__term::before {
width: 0.2666666667vw;
height: 6.4vw;
right: 10.9333333333vw;
}
}
.p-find-coach-select__term::after {
content: "";
position: absolute;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_select.svg) 0 0 no-repeat;
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_select.svg) 0 0 no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #000;
width: 8.2459736457px;
height: 5.9970717423px;
top: 50%;
right: 11.2445095168px;
transform: translateY(-50%);
transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__term::after {
width: 0.8052708638vw;
height: 0.5856515373vw;
right: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__term::after {
width: 2.6666666667vw;
height: 1.6vw;
right: 4.5333333333vw;
}
}
.p-find-coach-select__desc {
position: absolute;
top: 50%;
left: 0;
z-index: 3;
box-sizing: border-box;
width: 100%;
visibility: hidden;
opacity: 0;
transition: top 0.2s, visibility 0.2s, opacity 0.2s;
}
.p-find-coach-select__desc.is-show {
top: 100%;
visibility: visible;
opacity: 1;
}
.p-find-coach-select__desc input[type=radio] {
display: none;
}
.p-find-coach-select__list {
max-height: 187.4084919473px;
overflow-y: auto;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__list {
max-height: 18.3016105417vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__list {
max-height: 53.3333333333vw;
}
}
.p-find-coach-select__item:first-child {
border-top: 0;
}
.p-find-coach-select__item label {
display: block;
padding: 11.9941434846px 49.4758418741px 11.9941434846px 11.9941434846px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
color: #1A1A1A;
cursor: pointer;
transition: color 0.2s, background-color 0.2s;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__item label {
padding: 1.1713030747vw 4.831625183vw 1.1713030747vw 1.1713030747vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__item label {
padding: 3.8666666667vw 11.7333333333vw 3.8666666667vw 4.2666666667vw;
font-size: 3.7333333333vw;
letter-spacing: 0;
}
}
.p-find-coach-select__item label:hover, .p-find-coach-select__item label.is-current {
color: #fff;
background-color: #B9C2CB;
}
.p-find-coach-select__tooltip-trigger {
position: relative;
display: block;
width: 14.9926793558px;
margin-top: 0.7496339678px;
margin-left: 7.4963396779px;
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-select__tooltip-trigger {
transition: opacity 300ms;
}
.p-find-coach-select__tooltip-trigger:hover {
opacity: 0.8;
}
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__tooltip-trigger {
width: 1.4641288433vw;
margin-top: 0.0732064422vw;
margin-left: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__tooltip-trigger {
width: 4.2666666667vw;
margin-top: 0.2666666667vw;
margin-left: 1.6vw;
}
}
.p-find-coach-select__tooltip-trigger::before {
display: block;
content: "";
position: absolute;
bottom: -26.9868228404px;
left: 0;
width: 14.9926793558px;
height: 13.4934114202px;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
background-color: rgba(255, 255, 255, 0.9);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (min-width: 1025px) {
.p-find-coach-select__tooltip-trigger::before {
bottom: -2.635431918vw;
width: 1.4641288433vw;
height: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-select__tooltip-trigger::before {
bottom: -5.3333333333vw;
width: 4.2666666667vw;
height: 3.7333333333vw;
}
}
.is-tooltip-opened .p-find-coach-select__tooltip-trigger::before {
visibility: visible;
opacity: 1;
}
.p-find-coach-select__tooltip-trigger img {
display: block;
width: 100%;
} .p-find-coach-tag {
display: flex;
flex-wrap: wrap;
gap: 2.9985358712px;
width: 215.8945827233px;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tag {
gap: 0.2928257687vw;
width: 21.0834553441vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tag {
gap: 1.0666666667vw;
width: 100%;
}
}
.p-find-coach-tag__btn {
position: relative;
display: flex;
align-items: center;
text-align: center;
font-weight: 700;
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
transition: background-color 0.3s, color 0.3s;
border-radius: 20.2401171303px;
padding: 5.2474377745px 8.9956076135px 6.7467057101px;
font-size: 10.494875549px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tag__btn {
padding: 0.5124450952vw 0.878477306vw 0.6588579795vw;
font-size: 1.0248901903vw;
border-radius: 1.9765739385vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tag__btn {
padding: 1.8666666667vw 3.2vw 2.4vw;
font-size: 3.2vw;
border-radius: 7.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.p-find-coach-tag__btn:hover {
background-color: #fff;
color: #1A1A1A;
}
}
.p-find-coach-tag__hash {
color: #A6B8D1;
} .p-find-coach-word {
position: relative;
border: 1px solid rgba(255, 255, 255, 0.6);
}
.p-find-coach-word::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 11.9941434846px;
translate: 0 -50%;
width: 11.2445095168px;
height: 11.2445095168px;
background: url(//www.thecoaches.co.jp/img/common/icn_search.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.p-find-coach-word::before {
left: 1.1713030747vw;
width: 1.0980966325vw;
height: 1.0980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-word::before {
left: 4.2666666667vw;
width: 3.7333333333vw;
height: 3.7333333333vw;
}
}
.p-find-coach-word__input {
display: block;
width: 100%;
padding: 11.2445095168px 11.2445095168px 11.2445095168px 29.9853587116px;
font-size: 11.9941434846px;
font-weight: 500;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-find-coach-word__input {
padding: 1.0980966325vw 1.0980966325vw 1.0980966325vw 2.9282576867vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-word__input {
padding: 4vw 4vw 4vw 10.6666666667vw;
font-size: 3.7333333333vw;
}
}
.p-find-coach-word__input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-find-coach-word__input::placeholder {
color: rgba(255, 255, 255, 0.6);
} .p-find-coach-tooltip {
position: absolute;
top: 41.2298682284px;
right: -15.7423133236px;
width: 455.7774524158px;
padding: 20.9897510981px;
background-color: rgba(255, 255, 255, 0.9);
z-index: 100;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tooltip {
top: 4.0263543192vw;
right: -1.5373352855vw;
width: 44.5095168375vw;
padding: 2.0497803807vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tooltip {
top: 9.6vw;
right: 0;
left: 0;
width: 100%;
padding: 5.3333333333vw;
}
}
.is-tooltip-opened .p-find-coach-tooltip {
visibility: visible;
opacity: 1;
}
.p-find-coach-tooltip__ttl {
font-size: 11.9941434846px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tooltip__ttl {
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tooltip__ttl {
font-size: 3.7333333333vw;
}
}
.p-find-coach-tooltip__txt {
margin-top: 5.9970717423px;
font-size: 10.494875549px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tooltip__txt {
margin-top: 0.5856515373vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tooltip__txt {
margin-top: 2.1333333333vw;
font-size: 3.2vw;
}
}
.p-find-coach-tooltip__box {
margin-top: 17.9912152269px;
padding: 14.9926793558px;
background-color: #fff;
font-size: 10.494875549px;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tooltip__box {
margin-top: 1.756954612vw;
padding: 1.4641288433vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tooltip__box {
margin-top: 5.3333333333vw;
padding: 5.3333333333vw;
font-size: 3.2vw;
}
}
.p-find-coach-tooltip__box + .p-find-coach-tooltip__box {
margin-top: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.p-find-coach-tooltip__box + .p-find-coach-tooltip__box {
margin-top: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-find-coach-tooltip__box + .p-find-coach-tooltip__box {
margin-top: 3.2vw;
}
}
.p-find-coach-tooltip__inner-ttl {
font-weight: 700;
}
.p-find-coach-tooltip__inner-txt {
font-weight: 500;
}
.p-find-coach-tooltip__inner-txt span {
font-weight: 700;
} .p-coach-detail {
position: relative;
margin-top: 59.9707174231px;
padding-top: 95.2035139092px;
padding-bottom: 157.4231332357px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail {
margin-top: 5.8565153734vw;
padding-top: 9.2972181552vw;
padding-bottom: 15.3733528551vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail {
margin-top: 0;
padding-top: 28.8vw;
padding-bottom: 0;
}
}
.p-coach-detail::before {
display: block;
content: "";
position: absolute;
top: -59.9707174231px;
left: 0;
width: 100%;
aspect-ratio: 2732/1536;
background: url(//www.thecoaches.co.jp/img/coaching/find_coach/img_kv.png) top center no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
.p-coach-detail::before {
top: -5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail::before {
top: 0;
aspect-ratio: 750/642;
background-image: url(//www.thecoaches.co.jp/img/coaching/find_coach/sp/img_kv.png);
}
}
.p-coach-detail__content {
position: relative;
width: 863.5783308931px;
margin-inline: auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
-moz-column-gap: 47.9765739385px;
column-gap: 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__content {
width: 84.3338213763vw;
-moz-column-gap: 4.6852122987vw;
column-gap: 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__content {
display: block;
width: 100%;
}
}
.p-coach-detail__img {
position: sticky;
top: 155.1742313324px;
left: 0;
width: 215.8945827233px;
height: 215.8945827233px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__img {
top: 15.1537335286vw;
width: 21.0834553441vw;
height: 21.0834553441vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__img {
position: static;
width: 91.7333333333vw;
height: 91.7333333333vw;
margin-inline: auto;
}
}
.p-coach-detail__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
}
.p-coach-detail__main {
width: 599.7071742313px;
color: #fff;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__main {
width: 58.5651537335vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__main {
width: 100%;
margin-top: 12.2666666667vw;
}
}
.p-coach-detail__ttl {
padding-bottom: 17.9912152269px;
border-bottom: 1.4992679356px solid;
-o-border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__ttl {
padding-bottom: 1.756954612vw;
border-width: 0.1464128843vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__ttl {
width: 91.7333333333vw;
margin-inline: auto;
padding-bottom: 4.2666666667vw;
border-width: 0.5333333333vw;
}
}
.p-coach-detail__ttl-ja {
display: inline-block;
font-size: 38.980966325px;
font-weight: 700;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__ttl-ja {
font-size: 3.8067349927vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__ttl-ja {
display: block;
font-size: 9.6vw;
}
}
.p-coach-detail__ttl-en {
display: inline-block;
margin-left: 14.9926793558px;
font-size: 14.9926793558px;
font-weight: 500;
font-family: "Poppins", sans-serif;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__ttl-en {
margin-left: 1.4641288433vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__ttl-en {
display: block;
margin-left: 0;
font-size: 3.7333333333vw;
}
}
.p-coach-detail__tag-list {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__tag-list {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__tag-list {
width: 91.7333333333vw;
margin-top: 4.2666666667vw;
margin-inline: auto;
}
}
.p-coach-detail__profile {
margin-top: 59.9707174231px;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__profile {
margin-top: 5.8565153734vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__profile {
width: 91.7333333333vw;
margin-top: 14.9333333333vw;
margin-inline: auto;
font-size: 3.7333333333vw;
}
}
.p-coach-detail__tag-bottom {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__tag-bottom {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__tag-bottom {
width: 91.7333333333vw;
margin-top: 14.9333333333vw;
margin-inline: auto;
}
}
.p-coach-detail__tag-bottom-ttl {
margin-bottom: 22.4890190337px;
font-size: 17.9912152269px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-coach-detail__tag-bottom-ttl {
margin-bottom: 2.196193265vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail__tag-bottom-ttl {
margin-bottom: 5.3333333333vw;
font-size: 5.3333333333vw;
}
} .p-coach-detail-tag {
display: flex;
flex-wrap: wrap;
gap: 5.9970717423px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-tag {
gap: 0.5856515373vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-tag {
gap: 1.0666666667vw;
}
}
.p-coach-detail-tag__link {
display: flex;
align-items: center;
border-radius: 20.2401171303px;
padding: 5.2474377745px 8.9956076135px 6.7467057101px;
font-size: 10.494875549px;
text-align: center;
font-weight: 700;
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
transition: background-color 0.3s, color 0.3s;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-tag__link {
border-radius: 1.9765739385vw;
padding: 0.5124450952vw 0.878477306vw 0.6588579795vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-tag__link {
border-radius: 7.2vw;
padding: 1.8666666667vw 3.7333333333vw 2.4vw;
font-size: 3.2vw;
}
}
@media (hover: hover) and (pointer: fine) {
.p-coach-detail-tag__link:hover {
background-color: #fff;
color: #1A1A1A;
}
}
.p-coach-detail-tag__hash {
color: #A6B8D1;
} .p-coach-detail-box {
margin-top: 59.9707174231px;
padding: 23.9882869693px;
background-color: rgba(17, 29, 47, 0.1);
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box {
margin-top: 5.8565153734vw;
padding: 2.3426061493vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box {
margin-top: 14.9333333333vw;
padding: 6.4vw 4vw;
}
}
.p-coach-detail-box + .p-coach-detail-box {
margin-top: 14.9926793558px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box + .p-coach-detail-box {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box + .p-coach-detail-box {
margin-top: 4.2666666667vw;
}
}
.p-coach-detail-box + .p-coach-detail-box--mgt-large {
margin-top: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box + .p-coach-detail-box--mgt-large {
margin-top: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box + .p-coach-detail-box--mgt-large {
margin-top: 4.2666666667vw;
}
}
.p-coach-detail-box__ttl-wrap {
position: relative;
padding-bottom: 7.4963396779px;
border-bottom: 0.7496339678px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 1025px) {
.p-coach-detail-box__ttl-wrap {
padding-bottom: 0.7320644217vw;
border-width: 0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-wrap {
padding-bottom: 3.2vw;
border-width: 0.2666666667vw;
}
}
.p-coach-detail-box__ttl-wrap::before {
display: block;
content: "";
position: absolute;
bottom: -0.7496339678px;
left: 0;
width: 71.9648609078px;
height: 0.7496339678px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-wrap::before {
bottom: -0.0732064422vw;
width: 7.027818448vw;
height: 0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-wrap::before {
bottom: -0.2666666667vw;
width: 11.4666666667vw;
height: 0.2666666667vw;
}
}
.p-coach-detail-box__ttl {
position: relative;
display: flex;
align-items: center;
-moz-column-gap: 8.9956076135px;
column-gap: 8.9956076135px;
padding-bottom: 17.9912152269px;
border-bottom: 0.7496339678px solid rgba(255, 255, 255, 0.4);
font-size: 17.9912152269px;
font-weight: 700;
letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl {
-moz-column-gap: 0.878477306vw;
column-gap: 0.878477306vw;
padding-bottom: 1.756954612vw;
border-width: 0.0732064422vw;
font-size: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl {
-moz-column-gap: 2.1333333333vw;
column-gap: 2.1333333333vw;
padding-bottom: 3.2vw;
border-width: 0.2666666667vw;
font-size: 5.3333333333vw;
}
}
.p-coach-detail-box__ttl::before {
display: block;
content: "";
position: absolute;
bottom: -0.7496339678px;
left: 0;
width: 71.9648609078px;
height: 0.7496339678px;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl::before {
bottom: -0.0732064422vw;
width: 7.027818448vw;
height: 0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl::before {
bottom: -0.2666666667vw;
width: 11.4666666667vw;
height: 0.2666666667vw;
}
}
.p-coach-detail-box__ttl--border-none {
border-bottom: none;
padding-bottom: 0;
}
.p-coach-detail-box__ttl--border-none::before {
content: none;
}
.p-coach-detail-box__ttl-icn--profile {
width: 18.7408491947px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-icn--profile {
width: 1.8301610542vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-icn--profile {
width: 4.8vw;
}
}
.p-coach-detail-box__ttl-icn--achievement {
width: 15.7423133236px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-icn--achievement {
width: 1.5373352855vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-icn--achievement {
width: 5.0666666667vw;
}
}
.p-coach-detail-box__ttl-icn--balloon {
width: 20.2401171303px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-icn--balloon {
width: 1.9765739385vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-icn--balloon {
width: 4.8vw;
}
}
.p-coach-detail-box__ttl-icn--link {
width: 19.4904831625px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-icn--link {
width: 1.9033674963vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-icn--link {
width: 5.3333333333vw;
}
}
.p-coach-detail-box__ttl-icn--mail {
width: 19.4904831625px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__ttl-icn--mail {
width: 1.9033674963vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-icn--mail {
width: 6.1333333333vw;
}
}
.p-coach-detail-box__ttl-icn img {
display: block;
width: 100%;
}
.p-coach-detail-box__content {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__content {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__content {
margin-top: 3.2vw;
}
}
.p-coach-detail-box__list {
display: flex;
align-items: flex-start;
margin-top: 11.2445095168px;
font-size: 11.9941434846px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__list {
margin-top: 1.0980966325vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__list {
display: block;
margin-top: 2.1333333333vw;
font-size: 3.7333333333vw;
}
}
.p-coach-detail-box__list:first-of-type {
margin-top: 0;
}
.p-coach-detail-box__list--block {
display: block;
}
.p-coach-detail-box__term {
width: 47%;
padding-right: 1em;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__term {
width: 100%;
padding-right: 0;
}
}
.p-coach-detail-box__desc {
width: 53%;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__desc {
width: 100%;
margin-top: 1.0666666667vw;
}
}
.p-coach-detail-box__list--block .p-coach-detail-box__desc {
width: 100%;
margin-top: 14.9926793558px;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__list--block .p-coach-detail-box__desc {
margin-top: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__list--block .p-coach-detail-box__desc {
margin-top: 1.0666666667vw;
}
}
.p-coach-detail-box__txt {
margin-top: 14.9926793558px;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__txt {
margin-top: 1.4641288433vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__txt {
margin-top: 1.0666666667vw;
font-size: 3.7333333333vw;
}
}
.p-coach-detail-box__ttl-wrap .p-coach-detail-box__txt {
margin-top: 7.4963396779px;
}
@media screen and (max-width: 1025px) {
.p-coach-detail-box__ttl-wrap .p-coach-detail-box__txt {
margin-top: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__ttl-wrap .p-coach-detail-box__txt {
margin-top: 0.5333333333vw;
}
}
.p-coach-detail-box__txt a {
text-decoration: underline;
text-underline-offset: 1.4992679356px;
word-break: break-all;
}
@media (hover: hover) and (pointer: fine) {
.p-coach-detail-box__txt a:hover {
text-decoration: none;
}
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__txt a {
text-underline-offset: 0.1464128843vw;
}
}
.p-coach-detail-box__txt a::after {
display: inline-block;
content: "";
width: 9.7452415813px;
height: 9.7452415813px;
margin-left: 2.9985358712px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_thin.svg) 0 0 no-repeat;
background-size: contain;
translate: 0 14%;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__txt a::after {
width: 0.9516837482vw;
height: 0.9516837482vw;
margin-left: 0.2928257687vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__txt a::after {
width: 3.4666666667vw;
height: 3.4666666667vw;
margin-left: 1.0666666667vw;
}
}
.p-coach-detail-box__txt strong {
font-weight: 700;
}
.p-coach-detail-box__link-list {
margin-top: 19.4904831625px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__link-list {
margin-top: 1.9033674963vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__link-list {
margin-top: 4.2666666667vw;
}
}
.p-coach-detail-box__link-list:first-of-type {
margin-top: 0;
}
.p-coach-detail-box__link {
font-size: 14.9926793558px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2.2489019034px;
text-decoration-thickness: 0.7496339678px;
}
@media (hover: hover) and (pointer: fine) {
.p-coach-detail-box__link:hover {
text-decoration: none;
}
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__link {
font-size: 1.4641288433vw;
text-underline-offset: 0.2196193265vw;
text-decoration-thickness: 0.0732064422vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__link {
font-size: 4.2666666667vw;
text-underline-offset: 0.8vw;
text-decoration-thickness: 0.2666666667vw;
}
}
.p-coach-detail-box__link::after {
display: inline-block;
margin-left: 7.4963396779px;
content: "";
width: 9.7452415813px;
height: 9.7452415813px;
background: url(//www.thecoaches.co.jp/img/common/icn_blank_bold.svg) 0 0 no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__link::after {
margin-left: 0.7320644217vw;
width: 0.9516837482vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__link::after {
margin-left: 2.6666666667vw;
width: 3.4666666667vw;
height: 3.4666666667vw;
}
}
.p-coach-detail-box__link-desc {
margin-top: 8.9956076135px;
font-size: 11.9941434846px;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-box__link-desc {
margin-top: 0.878477306vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-box__link-desc {
margin-top: 2.1333333333vw;
font-size: 3.7333333333vw;
}
} .p-coach-detail-section {
margin-top: 56.2225475842px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section {
margin-top: 5.4904831625vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section {
width: 91.7333333333vw;
margin-top: 14.9333333333vw;
margin-inline: auto;
}
}
.p-coach-detail-section__ttl {
width: -moz-fit-content;
width: fit-content;
padding-bottom: 4.4978038067px;
font-size: 14.9926793558px;
font-weight: 700;
border-bottom: 1.4992679356px solid;
-o-border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
border-image: linear-gradient(90deg, #c45888 0%, #cc8938 30.54%, rgba(21, 94, 93, 0.98) 63.55%, #2baed5 100%) 1;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__ttl {
padding-bottom: 0.439238653vw;
font-size: 1.4641288433vw;
border-width: 0.1464128843vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__ttl {
padding-bottom: 0.8vw;
font-size: 3.7333333333vw;
border-width: 0.4vw;
}
}
.p-coach-detail-section__lead {
margin-top: 14.9926793558px;
font-size: 29.9853587116px;
font-weight: 700;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__lead {
margin-top: 1.4641288433vw;
font-size: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__lead {
margin-top: 2.1333333333vw;
font-size: 6.4vw;
}
}
.p-coach-detail-section__txt {
margin-top: 35.9824304539px;
font-size: 11.9941434846px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__txt {
margin-top: 3.513909224vw;
font-size: 1.1713030747vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__txt {
margin-top: 5.3333333333vw;
font-size: 3.7333333333vw;
}
}
.p-coach-detail-section__img {
margin-top: 35.9824304539px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__img {
margin-top: 3.513909224vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__img {
margin-top: 5.3333333333vw;
}
}
.p-coach-detail-section__img--large {
width: 100%;
}
.p-coach-detail-section__img--medium {
width: 337.3352855051px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__img--medium {
width: 32.9428989751vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__img--medium {
width: 80vw;
}
}
.p-coach-detail-section__img--small {
width: 134.934114202px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__img--small {
width: 13.17715959vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__img--small {
width: 48vw;
}
}
.p-coach-detail-section__img img {
display: block;
width: 100%;
}
.p-coach-detail-section__caption {
margin-top: 11.9941434846px;
font-size: 10.494875549px;
font-weight: 500;
line-height: 1.7143;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-section__caption {
margin-top: 1.1713030747vw;
font-size: 1.0248901903vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-section__caption {
margin-top: 2.1333333333vw;
font-size: 3.2vw;
}
} .p-coach-detail-btn {
position: relative;
width: -moz-fit-content;
width: fit-content;
display: block;
width: 100%;
margin-top: 59.9707174231px;
font-size: 14.9926793558px;
font-weight: 700;
color: #fff;
background: linear-gradient(20deg, #74B9DD, #55ABA4);
}
@media screen and (min-width: 1025px) {
.p-coach-detail-btn {
margin-top: 5.8565153734vw;
font-size: 1.4641288433vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-btn {
width: 68.8vw;
margin-top: 14.9333333333vw;
margin-left: 4vw;
font-size: 4.2666666667vw;
}
}
.p-coach-detail-btn::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 46.4773060029px;
translate: 0 -50%;
width: 8.2459736457px;
height: 9.7452415813px;
-webkit-mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
mask: url(//www.thecoaches.co.jp/img/common/icn_arrow_white.svg) 0 0 no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
transition: background-color 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-btn::before {
right: 4.5387994143vw;
width: 0.8052708638vw;
height: 0.9516837482vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-btn::before {
right: 6.4vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.p-coach-detail-btn:hover::before {
background-color: #5BA3BE;
z-index: 3;
}
}
.p-coach-detail-btn__hover {
position: relative;
pointer-events: none;
padding: 26.2371888726px 47.9765739385px;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-btn__hover {
padding: 2.5622254758vw 4.6852122987vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-btn__hover {
padding: 4.2666666667vw 6.4vw;
}
}
.p-coach-detail-btn__hover::before {
content: "";
position: absolute;
top: 50%;
right: 35.2327964861px;
width: 31.4846266471px;
height: 31.4846266471px;
translate: 0 -50%;
scale: 0;
border-radius: 50%;
background-color: #fff;
transition: scale 0.3s;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.p-coach-detail-btn__hover::before {
right: 3.4407027818vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.p-coach-detail-btn__hover::before {
right: 3.7333333333vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
@media (hover: hover) and (pointer: fine) {
.p-coach-detail-btn:hover .p-coach-detail-btn__hover::before {
scale: 1;
}
}
.p-coach-detail-btn__txt {
position: relative;
pointer-events: none;
z-index: 2;
} .p-contact-wrap {
margin-bottom: 144.6793557833px;
}
@media screen and (min-width: 1025px) {
.p-contact-wrap {
margin-bottom: 14.1288433382vw;
}
}
@media screen and (max-width: 767px) {
.p-contact-wrap {
margin-bottom: 32vw;
}
} .p-contact-input-list {
width: 100%;
padding: 17.9912152269px;
background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 1025px) {
.p-contact-input-list {
padding: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list {
padding: 5.3333333333vw;
}
}
.p-contact-input-list--privacy {
background-color: unset;
padding: 0;
margin-bottom: 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.p-contact-input-list--privacy {
margin-bottom: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list--privacy {
margin-bottom: 14.9333333333vw;
}
}
.p-contact-input-list--privacy .p-contact-input-list__txt {
color: #fff;
font-weight: 700;
}
.p-contact-input-list--privacy .p-contact-input-list__txt::before {
border: 1px solid #fff;
background-color: unset;
}
.p-contact-input-list--privacy .p-contact-input-list__txt::after {
border-color: #fff;
}
.p-contact-input-list__input:checked + .p-contact-input-list--privacy .p-contact-input-list__txt::before {
border: 1px solid #fff;
}
.p-contact-input-list__input:checked + .p-contact-input-list--privacy .p-contact-input-list__txt::after {
opacity: 1;
}
.p-contact-input-list--privacy .p-contact-input-list__link {
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
.p-contact-input-list--privacy .p-contact-input-list__link:hover {
text-decoration: none;
}
}
.p-contact-input-list__item label {
position: relative;
display: inline-block;
cursor: pointer;
}
.p-contact-input-list__item:nth-of-type(n+2) {
margin-top: 17.9912152269px;
}
@media screen and (min-width: 1025px) {
.p-contact-input-list__item:nth-of-type(n+2) {
margin-top: 1.756954612vw;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list__item:nth-of-type(n+2) {
margin-top: 1.8666666667vw;
}
}
.p-contact-input-list__input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.p-contact-input-list__txt {
position: relative;
display: block;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 11.9941434846px;
font-weight: 500;
letter-spacing: 0.01em;
padding-left: 29.9853587116px;
color: #000;
cursor: pointer;
}
@media screen and (min-width: 1025px) {
.p-contact-input-list__txt {
font-size: 1.1713030747vw;
padding-left: 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list__txt {
font-size: 3.7333333333vw;
letter-spacing: 0;
padding-left: 7.4666666667vw;
}
}
.p-contact-input-list__txt::before, .p-contact-input-list__txt::after {
content: "";
position: absolute;
box-sizing: border-box;
display: inline-block;
}
.p-contact-input-list__txt::before {
top: 0;
left: 0;
width: 7.4963396779px;
height: 7.4963396779px;
border: 1px solid #8692A3;
background-color: #fff;
}
@media screen and (min-width: 1025px) {
.p-contact-input-list__txt::before {
width: 1.756954612vw;
height: 1.756954612vw;
border: 0.0732064422vw solid #8692A3;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list__txt::before {
width: 5.3333333333vw;
height: 5.3333333333vw;
}
}
.p-contact-input-list__txt::after {
top: 1.4992679356px;
left: 5.2474377745px;
width: 5.2474377745px;
height: 8.9956076135px;
border-right: 1.4992679356px solid #000;
border-bottom: 1.4992679356px solid #000;
transform: rotateZ(45deg);
opacity: 0;
}
@media screen and (min-width: 1025px) {
.p-contact-input-list__txt::after {
top: 0.1464128843vw;
left: 0.5124450952vw;
width: 0.6588579795vw;
height: 1.0248901903vw;
border-right: 0.1464128843vw solid #000;
border-bottom: 0.1464128843vw solid #000;
}
}
@media screen and (max-width: 767px) {
.p-contact-input-list__txt::after {
top: 0.4vw;
left: 1.6vw;
width: 2.1333333333vw;
height: 3.7333333333vw;
border-right: 0.5333333333vw solid #000;
border-bottom: 0.5333333333vw solid #000;
}
}
.p-contact-input-list__input:checked + .p-contact-input-list__txt::before {
border: none;
}
.p-contact-input-list__input:checked + .p-contact-input-list__txt::after {
opacity: 1;
} .p-about-kv {
margin-top: 112.4450951684px;
}
@media screen and (min-width: 1025px) {
.p-about-kv {
margin-top: 10.980966325vw;
}
}
@media screen and (max-width: 767px) {
.p-about-kv {
margin-top: 0;
}
}
.p-about-kv__container {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-about-kv__container {
display: block;
}
}
.p-about-kv__head {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-about-kv__head {
width: 100%;
}
}
.p-about-kv__body {
width: 50%;
}
@media screen and (max-width: 767px) {
.p-about-kv__body {
width: 100%;
margin-top: 28vw;
}
} .p-about-section__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
.p-about-section__container {
display: block;
}
} .p-news-pagenation {
margin-top: 71.21522694px;
margin-bottom: 206.149341142px;
}
@media screen and (min-width: 1025px) {
.p-news-pagenation {
margin-top: 6.9546120059vw;
margin-bottom: 20.1317715959vw;
}
}
@media screen and (max-width: 767px) {
.p-news-pagenation {
margin-top: 10.6666666667vw;
margin-bottom: 24vw;
}
} .bg-white {
background-color: #fff !important;
} .fw-normal {
font-weight: 500 !important;
}
.fw-bold {
font-weight: 700 !important;
} .txt-al-center {
text-align: center !important;
}
.txt-al-right {
text-align: right !important;
}
.txt-al-left {
text-align: left !important;
} .js-tab-target {
display: none;
visibility: hidden;
}
.js-tab-target.is-current {
display: block;
visibility: visible;
} .c-tab-selector {
display: flex;
justify-content: center;
}
@media screen and (min-width: 1025px) {
.c-tab-selector {
margin-top: 6.2225475842vw;
}
}
.c-tab-selector--column2 .c-tab-selector__item {
flex: unset;
width: 283.3616398243px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column2 .c-tab-selector__item {
width: 27.6720351391vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column2 .c-tab-selector__item {
width: 45.8666666667vw;
}
}
.c-tab-selector__item {
flex: 1;
margin-bottom: 59.9707174231px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector__item {
margin-bottom: 5.8565153734vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector__item {
margin-bottom: 8vw;
}
}
.c-tab-selector__trigger {
display: block;
position: relative;
width: 100%;
padding: 17.9912152269px 0;
background: rgba(255, 255, 255, 0.7);
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 13.4934114202px;
font-weight: bold;
letter-spacing: 0.01em;
color: #1A1A1A;
text-align: center;
cursor: pointer;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.c-tab-selector__trigger {
font-size: 1.317715959vw;
padding: 1.756954612vw 0;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector__trigger {
font-size: 3.7333333333vw;
padding: 3.2vw 0;
letter-spacing: 0;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector__trigger--s {
font-size: 3.2vw;
line-height: 1.1;
padding: 2.1333333333vw 0;
}
}
.c-tab-selector__trigger.is-current {
background: linear-gradient(90deg, #CC79DF, #8075C8);
color: #fff;
font-weight: bold;
}
.c-tab-selector__trigger.is-current.js-hover-yellow {
background: linear-gradient(90deg, #ECCE6C, #B36F4C);
color: #fff;
font-weight: bold;
}
.c-tab-selector--yellow .c-tab-selector__trigger.is-current {
background: linear-gradient(90deg, #ECCE6C, #B36F4C);
color: #fff;
font-weight: bold;
}
.c-tab-selector__trigger-txt {
position: relative;
z-index: 2;
} .c-tab-contents-wrapper {
width: 100%;
margin-inline: auto;
} .c-tab-selector-fix {
position: sticky;
bottom: 0;
opacity: 1;
z-index: 99;
transition: opacity 0.8s;
}
.c-tab-selector-fix.is-active {
opacity: 0;
pointer-events: none;
}
.c-tab-selector-fix__container {
width: 100vw;
}
.c-tab-selector--fix {
position: absolute;
bottom: 0;
width: 100%;
left: 50%;
z-index: 99;
transform: translateX(-50%);
background: linear-gradient(to bottom, rgba(17, 29, 47, 0) 0%, rgba(17, 29, 47, 0) 1%, rgba(17, 29, 47, 0.4) 100%);
}
.c-tab-selector--fix .c-tab-selector__item {
width: 384px;
margin-bottom: 26.9868228404px;
flex: unset;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--fix .c-tab-selector__item {
width: 28.1112737921vw;
margin-bottom: 2.635431918vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--fix .c-tab-selector__item {
width: 30.6666666667vw;
margin-bottom: 4.2666666667vw;
}
}
.is-active .c-tab-selector--fix .c-tab-selector__item {
pointer-events: none;
}
.c-tab-selector--column1 .c-tab-selector__item {
flex: unset;
width: 283.3616398243px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column1 .c-tab-selector__item {
width: 27.6720351391vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column1 .c-tab-selector__item {
width: 68.8vw;
}
}
.c-tab-selector--column1 .c-btn-02 {
width: 100%;
min-width: auto;
font-size: 13.4934114202px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column1 .c-btn-02 {
font-size: 1.317715959vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column1 .c-btn-02 {
font-size: 4.2666666667vw;
}
}
.c-tab-selector--column1 .c-btn-02__hover {
padding: 17.9912152269px 29.9853587116px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column1 .c-btn-02__hover {
padding: 1.756954612vw 2.9282576867vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column1 .c-btn-02__hover {
padding: 4.2666666667vw 6.4vw;
}
}
.c-tab-selector--column1 .c-btn-02__hover::before {
right: 18.5909224012px;
width: 31.4846266471px;
height: 31.4846266471px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column1 .c-btn-02__hover::before {
right: 1.8155197657vw;
width: 3.074670571vw;
height: 3.074670571vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column1 .c-btn-02__hover::before {
right: 3.7333333333vw;
width: 7.7333333333vw;
height: 7.7333333333vw;
}
}
.c-tab-selector--column2 .c-tab-selector__item {
flex: unset;
width: 283.3616398243px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--column2 .c-tab-selector__item {
width: 27.6720351391vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--column2 .c-tab-selector__item {
width: 45.8666666667vw;
}
}
.c-tab-selector--search {
width: auto;
background: none;
}
.c-tab-selector--search .c-tab-selector__item {
width: 283.3616398243px;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--search .c-tab-selector__item {
width: 27.6720351391vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--search .c-tab-selector__item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
-moz-column-gap: 3.7333333333vw;
column-gap: 3.7333333333vw;
}
} .c-tab-selector-fix-application {
position: sticky;
bottom: 0;
opacity: 0;
z-index: 0;
transition: opacity 0.8s;
pointer-events: none;
}
.c-tab-selector-fix-application.is-show {
opacity: 1;
z-index: 99;
pointer-events: auto;
}
.c-tab-selector-fix-application__container {
width: 100vw;
}
.c-tab-selector--fix-application {
position: absolute;
bottom: 0;
width: 100%;
left: 50%;
z-index: 99;
transform: translateX(-50%);
background: linear-gradient(rgba(53, 76, 126, 0) 0%, rgba(53, 76, 126, 0.4) 100%);
}
@media screen and (max-width: 767px) {
.c-tab-selector--fix-application {
flex-wrap: wrap;
}
}
.c-tab-selector--fix-application .c-tab-selector__item {
width: 224px;
margin-bottom: 26.9868228404px;
flex: unset;
}
@media screen and (min-width: 1025px) {
.c-tab-selector--fix-application .c-tab-selector__item {
width: 16.3982430454vw;
margin-bottom: 2.635431918vw;
}
}
@media screen and (max-width: 767px) {
.c-tab-selector--fix-application .c-tab-selector__item {
width: 46vw;
margin-bottom: 0;
}
.c-tab-selector--fix-application .c-tab-selector__item:nth-of-type(n+3) {
margin-bottom: 4.2666666667vw;
}
} @media screen and (max-width: 767px) {
.js-nav-acc-target {
--acc-body-height: 0px;
height: 0;
overflow: hidden;
}
.js-nav-acc-scope.is-close .js-nav-acc-target {
animation: closeAccAnim 0.5s forwards;
}
.js-nav-acc-scope.is-open .js-nav-acc-target {
animation: openAccAnim 0.5s forwards;
}
@keyframes openAccAnim {
0% {
height: 0px;
}
99% {
height: var(--acc-body-height);
}
100% {
height: auto;
}
}
@keyframes closeAccAnim {
0% {
height: var(--acc-body-height);
}
100% {
height: 0px;
}
}
}  .js-fadein {
opacity: 0;
}
.js-fadein.is-active {
opacity: 1;
transition: opacity 1s;
} .js-fadein-up {
opacity: 0;
transform: translateY(50px);
}
.js-fadein-up.is-active {
transform: translateY(0);
opacity: 1;
transition: transform 0.8s, opacity 1s;
} .js-slidein-to-left {
opacity: 0;
transform: translateX(50px);
}
.js-slidein-to-left.is-active {
transform: translateX(0);
opacity: 1;
transition: transform 0.8s, opacity 1s;
} .js-slidein-to-right {
opacity: 0;
transform: translateX(-50px);
}
.js-slidein-to-right.is-active {
transform: translateX(0);
opacity: 1;
transition: transform 0.8s, opacity 1s;
} .js-hover-purple {
position: relative;
overflow: hidden;
}
.js-hover-purple::after {
--size: 0;
content: "";
position: absolute;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
background: radial-gradient(circle closest-side, #C479DD, transparent);
transform: translate(-50%, -50%);
transition: width 0.2s ease, height 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-hover-purple:hover::after {
--size: 524px;
}
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 1025px) {
.js-hover-purple:hover::after {
--size: 51vw;
}
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.js-hover-purple:hover::after {
--size: 60vw;
}
}
.js-hover-blue {
position: relative;
overflow: hidden;
}
.js-hover-blue::after {
--size: 0;
content: "";
position: absolute;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
background: radial-gradient(circle closest-side, #74B9DD, transparent);
transform: translate(-50%, -50%);
transition: width 0.2s ease, height 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-hover-blue:hover::after {
--size: 524px;
}
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 1025px) {
.js-hover-blue:hover::after {
--size: 51vw;
}
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.js-hover-blue:hover::after {
--size: 60vw;
}
}
.js-hover-yellow {
position: relative;
overflow: hidden;
}
.js-hover-yellow::after {
--size: 0;
content: "";
position: absolute;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
background: radial-gradient(circle closest-side, #ECCE6C, transparent);
transform: translate(-50%, -50%);
transition: width 0.2s ease, height 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-hover-yellow:hover::after {
--size: 524px;
}
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 1025px) {
.js-hover-yellow:hover::after {
--size: 51vw;
}
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.js-hover-yellow:hover::after {
--size: 60vw;
}
} .js-kv-fade {
opacity: 0;
transform: translateY(50px);
}
.is-load .js-kv-fade {
transform: translateY(0);
opacity: 1;
transition-property: transform, opacity;
transition-duration: 0.8s, 1s;
} .js-more-scope .is-hide {
display: none;
} .c-parallax-img {
position: absolute;
inset: 0;
z-index: 1;
}
.c-parallax-img .simpleParallax {
width: 100%;
height: 100%;
}
.c-parallax-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} @media screen and (max-width: 767px) {
.js-fix-tab-hide-area--pb {
padding-bottom: 31.4666666667vw;
}
}
@media print and (min-width: 768px), screen and (min-width: 768px) {
.pc-hide {
display: none !important;
}
}
@media print and (max-width: 767px), screen and (max-width: 767px) {
.sp-hide {
display: none !important;
}
} .mgt-pc--0 {
margin-top: 0 !important;
}
.mgt-pc--5 {
margin-top: 5px !important;
}
.mgt-pc--10 {
margin-top: 10px !important;
}
.mgt-pc--15 {
margin-top: 15px !important;
}
.mgt-pc--20 {
margin-top: 20px !important;
}
.mgt-pc--25 {
margin-top: 25px !important;
}
.mgt-pc--30 {
margin-top: 30px !important;
}
.mgt-pc--35 {
margin-top: 35px !important;
}
.mgt-pc--40 {
margin-top: 40px !important;
}
.mgt-pc--45 {
margin-top: 45px !important;
}
.mgt-pc--50 {
margin-top: 50px !important;
}
.mgt-pc--55 {
margin-top: 55px !important;
}
.mgt-pc--60 {
margin-top: 60px !important;
}
.mgt-pc--65 {
margin-top: 65px !important;
}
.mgt-pc--70 {
margin-top: 70px !important;
}
.mgt-pc--75 {
margin-top: 75px !important;
}
.mgt-pc--80 {
margin-top: 80px !important;
}
.mgt-pc--85 {
margin-top: 85px !important;
}
.mgt-pc--90 {
margin-top: 90px !important;
}
.mgt-pc--95 {
margin-top: 95px !important;
}
.mgt-pc--100 {
margin-top: 100px !important;
}
.mgt-pc--105 {
margin-top: 105px !important;
}
.mgt-pc--110 {
margin-top: 110px !important;
}
.mgt-pc--115 {
margin-top: 115px !important;
}
.mgt-pc--120 {
margin-top: 120px !important;
}
.mgt-pc--125 {
margin-top: 125px !important;
}
.mgt-pc--130 {
margin-top: 130px !important;
}
.mgt-pc--135 {
margin-top: 135px !important;
}
.mgt-pc--140 {
margin-top: 140px !important;
}
.mgt-pc--145 {
margin-top: 145px !important;
}
.mgt-pc--150 {
margin-top: 150px !important;
}
.mgt-pc--155 {
margin-top: 155px !important;
}
.mgt-pc--160 {
margin-top: 160px !important;
}
.mgt-pc--165 {
margin-top: 165px !important;
}
.mgt-pc--170 {
margin-top: 170px !important;
}
.mgt-pc--175 {
margin-top: 175px !important;
}
.mgt-pc--180 {
margin-top: 180px !important;
}
.mgt-pc--185 {
margin-top: 185px !important;
}
.mgt-pc--190 {
margin-top: 190px !important;
}
.mgt-pc--195 {
margin-top: 195px !important;
}
.mgt-pc--200 {
margin-top: 200px !important;
}
.mgt-pc--205 {
margin-top: 205px !important;
}
.mgt-pc--210 {
margin-top: 210px !important;
}
.mgt-pc--215 {
margin-top: 215px !important;
}
.mgt-pc--220 {
margin-top: 220px !important;
}
.mgt-pc--225 {
margin-top: 225px !important;
}
.mgt-pc--230 {
margin-top: 230px !important;
}
.mgt-pc--235 {
margin-top: 235px !important;
}
.mgt-pc--240 {
margin-top: 240px !important;
}
.mgt-pc--245 {
margin-top: 245px !important;
}
.mgt-pc--250 {
margin-top: 250px !important;
}
@media screen and (max-width: 767px) {
.mgt-sp--0 {
margin-top: 0 !important;
}
.mgt-sp--5 {
margin-top: 1.3333333333vw !important;
}
.mgt-sp--10 {
margin-top: 2.6666666667vw !important;
}
.mgt-sp--15 {
margin-top: 4vw !important;
}
.mgt-sp--20 {
margin-top: 5.3333333333vw !important;
}
.mgt-sp--25 {
margin-top: 6.6666666667vw !important;
}
.mgt-sp--30 {
margin-top: 8vw !important;
}
.mgt-sp--35 {
margin-top: 9.3333333333vw !important;
}
.mgt-sp--40 {
margin-top: 10.6666666667vw !important;
}
.mgt-sp--45 {
margin-top: 12vw !important;
}
.mgt-sp--50 {
margin-top: 13.3333333333vw !important;
}
.mgt-sp--55 {
margin-top: 14.6666666667vw !important;
}
.mgt-sp--60 {
margin-top: 16vw !important;
}
.mgt-sp--65 {
margin-top: 17.3333333333vw !important;
}
.mgt-sp--70 {
margin-top: 18.6666666667vw !important;
}
.mgt-sp--75 {
margin-top: 20vw !important;
}
.mgt-sp--80 {
margin-top: 21.3333333333vw !important;
}
.mgt-sp--85 {
margin-top: 22.6666666667vw !important;
}
.mgt-sp--90 {
margin-top: 24vw !important;
}
.mgt-sp--95 {
margin-top: 25.3333333333vw !important;
}
.mgt-sp--100 {
margin-top: 26.6666666667vw !important;
}
.mgt-sp--105 {
margin-top: 28vw !important;
}
.mgt-sp--110 {
margin-top: 29.3333333333vw !important;
}
.mgt-sp--115 {
margin-top: 30.6666666667vw !important;
}
.mgt-sp--120 {
margin-top: 32vw !important;
}
.mgt-sp--125 {
margin-top: 33.3333333333vw !important;
}
.mgt-sp--130 {
margin-top: 34.6666666667vw !important;
}
.mgt-sp--135 {
margin-top: 36vw !important;
}
.mgt-sp--140 {
margin-top: 37.3333333333vw !important;
}
.mgt-sp--145 {
margin-top: 38.6666666667vw !important;
}
.mgt-sp--150 {
margin-top: 40vw !important;
}
.mgt-sp--155 {
margin-top: 41.3333333333vw !important;
}
.mgt-sp--160 {
margin-top: 42.6666666667vw !important;
}
.mgt-sp--165 {
margin-top: 44vw !important;
}
.mgt-sp--170 {
margin-top: 45.3333333333vw !important;
}
.mgt-sp--175 {
margin-top: 46.6666666667vw !important;
}
.mgt-sp--180 {
margin-top: 48vw !important;
}
.mgt-sp--185 {
margin-top: 49.3333333333vw !important;
}
.mgt-sp--190 {
margin-top: 50.6666666667vw !important;
}
.mgt-sp--195 {
margin-top: 52vw !important;
}
.mgt-sp--200 {
margin-top: 53.3333333333vw !important;
}
.mgt-sp--205 {
margin-top: 54.6666666667vw !important;
}
.mgt-sp--210 {
margin-top: 56vw !important;
}
.mgt-sp--215 {
margin-top: 57.3333333333vw !important;
}
.mgt-sp--220 {
margin-top: 58.6666666667vw !important;
}
.mgt-sp--225 {
margin-top: 60vw !important;
}
.mgt-sp--230 {
margin-top: 61.3333333333vw !important;
}
.mgt-sp--235 {
margin-top: 62.6666666667vw !important;
}
.mgt-sp--240 {
margin-top: 64vw !important;
}
.mgt-sp--245 {
margin-top: 65.3333333333vw !important;
}
.mgt-sp--250 {
margin-top: 66.6666666667vw !important;
}
} .mgb-pc--0 {
margin-bottom: 0 !important;
}
.mgb-pc--5 {
margin-bottom: 5px !important;
}
.mgb-pc--10 {
margin-bottom: 10px !important;
}
.mgb-pc--15 {
margin-bottom: 15px !important;
}
.mgb-pc--20 {
margin-bottom: 20px !important;
}
.mgb-pc--25 {
margin-bottom: 25px !important;
}
.mgb-pc--30 {
margin-bottom: 30px !important;
}
.mgb-pc--35 {
margin-bottom: 35px !important;
}
.mgb-pc--40 {
margin-bottom: 40px !important;
}
.mgb-pc--45 {
margin-bottom: 45px !important;
}
.mgb-pc--50 {
margin-bottom: 50px !important;
}
.mgb-pc--55 {
margin-bottom: 55px !important;
}
.mgb-pc--60 {
margin-bottom: 60px !important;
}
.mgb-pc--65 {
margin-bottom: 65px !important;
}
.mgb-pc--70 {
margin-bottom: 70px !important;
}
.mgb-pc--75 {
margin-bottom: 75px !important;
}
.mgb-pc--80 {
margin-bottom: 80px !important;
}
.mgb-pc--85 {
margin-bottom: 85px !important;
}
.mgb-pc--90 {
margin-bottom: 90px !important;
}
.mgb-pc--95 {
margin-bottom: 95px !important;
}
.mgb-pc--100 {
margin-bottom: 100px !important;
}
.mgb-pc--105 {
margin-bottom: 105px !important;
}
.mgb-pc--110 {
margin-bottom: 110px !important;
}
.mgb-pc--115 {
margin-bottom: 115px !important;
}
.mgb-pc--120 {
margin-bottom: 120px !important;
}
.mgb-pc--125 {
margin-bottom: 125px !important;
}
.mgb-pc--130 {
margin-bottom: 130px !important;
}
.mgb-pc--135 {
margin-bottom: 135px !important;
}
.mgb-pc--140 {
margin-bottom: 140px !important;
}
.mgb-pc--145 {
margin-bottom: 145px !important;
}
.mgb-pc--150 {
margin-bottom: 150px !important;
}
.mgb-pc--155 {
margin-bottom: 155px !important;
}
.mgb-pc--160 {
margin-bottom: 160px !important;
}
.mgb-pc--165 {
margin-bottom: 165px !important;
}
.mgb-pc--170 {
margin-bottom: 170px !important;
}
.mgb-pc--175 {
margin-bottom: 175px !important;
}
.mgb-pc--180 {
margin-bottom: 180px !important;
}
.mgb-pc--185 {
margin-bottom: 185px !important;
}
.mgb-pc--190 {
margin-bottom: 190px !important;
}
.mgb-pc--195 {
margin-bottom: 195px !important;
}
.mgb-pc--200 {
margin-bottom: 200px !important;
}
.mgb-pc--205 {
margin-bottom: 205px !important;
}
.mgb-pc--210 {
margin-bottom: 210px !important;
}
.mgb-pc--215 {
margin-bottom: 215px !important;
}
.mgb-pc--220 {
margin-bottom: 220px !important;
}
.mgb-pc--225 {
margin-bottom: 225px !important;
}
.mgb-pc--230 {
margin-bottom: 230px !important;
}
.mgb-pc--235 {
margin-bottom: 235px !important;
}
.mgb-pc--240 {
margin-bottom: 240px !important;
}
.mgb-pc--245 {
margin-bottom: 245px !important;
}
.mgb-pc--250 {
margin-bottom: 250px !important;
}
@media screen and (max-width: 767px) {
.mgb-sp--0 {
margin-bottom: 0 !important;
}
.mgb-sp--5 {
margin-bottom: 1.3333333333vw !important;
}
.mgb-sp--10 {
margin-bottom: 2.6666666667vw !important;
}
.mgb-sp--15 {
margin-bottom: 4vw !important;
}
.mgb-sp--20 {
margin-bottom: 5.3333333333vw !important;
}
.mgb-sp--25 {
margin-bottom: 6.6666666667vw !important;
}
.mgb-sp--30 {
margin-bottom: 8vw !important;
}
.mgb-sp--35 {
margin-bottom: 9.3333333333vw !important;
}
.mgb-sp--40 {
margin-bottom: 10.6666666667vw !important;
}
.mgb-sp--45 {
margin-bottom: 12vw !important;
}
.mgb-sp--50 {
margin-bottom: 13.3333333333vw !important;
}
.mgb-sp--55 {
margin-bottom: 14.6666666667vw !important;
}
.mgb-sp--60 {
margin-bottom: 16vw !important;
}
.mgb-sp--65 {
margin-bottom: 17.3333333333vw !important;
}
.mgb-sp--70 {
margin-bottom: 18.6666666667vw !important;
}
.mgb-sp--75 {
margin-bottom: 20vw !important;
}
.mgb-sp--80 {
margin-bottom: 21.3333333333vw !important;
}
.mgb-sp--85 {
margin-bottom: 22.6666666667vw !important;
}
.mgb-sp--90 {
margin-bottom: 24vw !important;
}
.mgb-sp--95 {
margin-bottom: 25.3333333333vw !important;
}
.mgb-sp--100 {
margin-bottom: 26.6666666667vw !important;
}
.mgb-sp--105 {
margin-bottom: 28vw !important;
}
.mgb-sp--110 {
margin-bottom: 29.3333333333vw !important;
}
.mgb-sp--115 {
margin-bottom: 30.6666666667vw !important;
}
.mgb-sp--120 {
margin-bottom: 32vw !important;
}
.mgb-sp--125 {
margin-bottom: 33.3333333333vw !important;
}
.mgb-sp--130 {
margin-bottom: 34.6666666667vw !important;
}
.mgb-sp--135 {
margin-bottom: 36vw !important;
}
.mgb-sp--140 {
margin-bottom: 37.3333333333vw !important;
}
.mgb-sp--145 {
margin-bottom: 38.6666666667vw !important;
}
.mgb-sp--150 {
margin-bottom: 40vw !important;
}
.mgb-sp--155 {
margin-bottom: 41.3333333333vw !important;
}
.mgb-sp--160 {
margin-bottom: 42.6666666667vw !important;
}
.mgb-sp--165 {
margin-bottom: 44vw !important;
}
.mgb-sp--170 {
margin-bottom: 45.3333333333vw !important;
}
.mgb-sp--175 {
margin-bottom: 46.6666666667vw !important;
}
.mgb-sp--180 {
margin-bottom: 48vw !important;
}
.mgb-sp--185 {
margin-bottom: 49.3333333333vw !important;
}
.mgb-sp--190 {
margin-bottom: 50.6666666667vw !important;
}
.mgb-sp--195 {
margin-bottom: 52vw !important;
}
.mgb-sp--200 {
margin-bottom: 53.3333333333vw !important;
}
.mgb-sp--205 {
margin-bottom: 54.6666666667vw !important;
}
.mgb-sp--210 {
margin-bottom: 56vw !important;
}
.mgb-sp--215 {
margin-bottom: 57.3333333333vw !important;
}
.mgb-sp--220 {
margin-bottom: 58.6666666667vw !important;
}
.mgb-sp--225 {
margin-bottom: 60vw !important;
}
.mgb-sp--230 {
margin-bottom: 61.3333333333vw !important;
}
.mgb-sp--235 {
margin-bottom: 62.6666666667vw !important;
}
.mgb-sp--240 {
margin-bottom: 64vw !important;
}
.mgb-sp--245 {
margin-bottom: 65.3333333333vw !important;
}
.mgb-sp--250 {
margin-bottom: 66.6666666667vw !important;
}
}