@charset "UTF-8";
:root {
--font-family-base: 'Montserrat', 'Zen Kaku Gothic New', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
--font-family-zen-kaku-gothic-new: 'Zen Kaku Gothic New', 'Montserrat', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}
:root {
--font-weight-base: 400;
}
:root {
--color-base: #000;
--color-placeholder: #BEBDB9;
--color-green-dark: #1F4039;
--color-green-light: #94B428;
}
:root {
--z-index-level-top: 2147483647;
}
:root {
--leading-trim: calc((1em - 1lh) / 2);
}
/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
--leading-trim: calc((1cap - 1lh) / 2);
}
/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
:root {
--leading-trim: 0px;
}
}
:root {
--width-pc-design: 1440;
--width-pc-design-content: 1280;
--width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100%);
--width-pc-design-content-vw: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100vw);
--width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
--width-sp-design: 375;
--width-sp-design-content: 343;
--width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
--width-sp-design-content-vw: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100vw);
--width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}
:root {
--border-radius-infinity: calc(1px / 0);
}
:root {
--opacity-base: .5;
}
:root {
--transition-base: .4s;
--transition-sub: .6s;
}
/*--------------- under-mv ---------------*/
.c-under-mv {
padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
.c-under-mv {
padding-bottom: 9.6rem;
}
}
.c-under-mv .page-title-en {
color: #1F4039;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.28;
}
@media screen and (max-width: 767px) {
.c-under-mv .page-title-en {
font-size: 1rem;
line-height: 1.2;
}
}
.c-under-mv .page-title-en + .c-title-type01 {
margin-top: 0.4rem;
}
/*--------------- under-page -----------*/
.c-under-page .c-wrap {
max-width: 102.4rem;
}
@media screen and (max-width: 767px) {
.c-under-page .c-wrap {
max-width: 89.3333333333%;
}
}
@media screen and (min-width: 768px) {
.c-under-page .c-wrap.-wide {
max-width: 119rem;
}
}
.c-under-page strong {
font-weight: bold;
}
.c-under-page .m-bold {
font-weight: bold;
}
.c-under-page .m-fw500 {
font-weight: 500;
}
.c-under-page .m-tac {
text-align: center;
}
.c-under-page .m-tar {
text-align: right;
}
.c-under-page .mt-0 {
margin-top: 0 !important;
}
.c-under-page {
/*------------------------ text ---------------------*/
}
.c-under-page p:not([class]),
.c-under-page .c-text {
color: #000;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.75;
margin: 1em 0;
}
@media screen and (max-width: 767px) {
.c-under-page p:not([class]),
.c-under-page .c-text {
font-size: 1.4rem;
line-height: 1.71;
letter-spacing: 0.03em;
}
}
.c-under-page p.small {
color: #000;
font-weight: 400;
margin: 1em 0;
font-size: 1.4rem;
line-height: 1.71;
}
@media screen and (max-width: 767px) {
.c-under-page p.small {
font-size: 1.3rem;
line-height: 1.7;
letter-spacing: 0.03em;
}
}
.c-under-page a:not([class]) {
color: var(--color-green-dark);
font-weight: 500;
text-decoration: underline;
}
.c-under-page a:not([class]) > img {
display: inline-block;
}
@media screen and (min-width: 768px) {
.c-under-page a[href*="tel:"] {
color: inherit;
font-weight: inherit;
text-decoration: inherit;
}
}
.c-under-page ol:not([class]), .c-under-page ul:not([class]) {
margin: 1em 0;
}
.c-under-page ol:not([class]) li, .c-under-page ul:not([class]) li {
color: #000;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.75;
}
@media screen and (max-width: 767px) {
.c-under-page ol:not([class]) li, .c-under-page ul:not([class]) li {
font-size: 1.4rem;
line-height: 1.5;
}
.c-under-page ol:not([class]) li + li, .c-under-page ul:not([class]) li + li {
margin-top: 0.5em;
}
}
.c-under-page ul:not([class]) > li {
padding-left: 1em;
position: relative;
}
.c-under-page ul:not([class]) > li::before {
content: "・";
display: inline-block;
width: 1em;
position: absolute;
left: 0;
}
.c-under-page ol:not([class]) {
counter-reset: listnum;
list-style: none;
}
.c-under-page ol:not([class]) > li {
padding-left: 1.8em;
position: relative;
}
.c-under-page ol:not([class]) > li::before {
counter-increment: listnum;
content: counter(listnum) ".";
width: 1.5em;
position: absolute;
left: 0;
text-align: right;
}
.c-under-page *:first-child {
margin-top: 0 !important;
}
.c-under-page *:last-child {
margin-bottom: 0 !important;
}
.c-under-section {
margin: 12rem 0;
}
@media screen and (max-width: 767px) {
.c-under-section {
margin: 8rem 0;
}
}
.c-under-section:first-of-type {
margin-top: 0;
}
.c-under-section:last-of-type {
margin-bottom: 0;
}
.c-under-section > *:first-child {
margin-top: 0;
}
.c-under-section > *:last-child {
margin-bottom: 0;
}
.c-under-section::after {
content: "";
display: block;
clear: both;
}
.c-under-section__box {
margin: 5.6rem 0;
}
@media screen and (max-width: 767px) {
.c-under-section__box {
margin: 4.8rem 0;
}
}
.c-under-section__box::after {
content: "";
display: block;
clear: both;
}
/*------------------- btn ---------------*/
.c-btn {
display: inline-block;
font-size: 1.6rem;
margin-top: 2em;
margin-right: 1em;
}
@media screen and (max-width: 767px) {
.c-btn {
font-size: 1.4rem;
display: block;
margin-right: 0;
}
.c-btn + .c-btn {
margin-top: 1.6rem;
}
}
.c-btn:last-child {
margin-right: 0;
}
.c-btn__inn {
font-weight: 500;
line-height: 150%; /* 24px */
color: var(--color-green-dark);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
min-height: 5.4rem;
padding: 0 5.2rem 0 2.4rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-radius: var(--border-radius-infinity);
border: 1px solid var(--color-green-dark);
background: #FBFDFA;
-webkit-transition: color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
transition: color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
.c-btn__inn {
font-size: 1.4rem;
line-height: 1.5;
min-height: 3.7rem;
padding: 0.8rem 4.5rem 0.7rem 2.4rem;
}
}
.c-btn__inn::before, .c-btn__inn::after {
content: "";
position: absolute;
top: 50%;
translate: 0 -50%;
-webkit-transition: background-color var(--transition-base);
transition: background-color var(--transition-base);
}
.c-btn__inn::before {
right: 0.7rem;
width: 3.6rem;
height: 3.6rem;
border-radius: 50%;
background-color: var(--color-green-dark);
-webkit-transition: var(--transition-base) background-color;
transition: var(--transition-base) background-color;
}
@media screen and (max-width: 767px) {
.c-btn__inn::before {
width: 2rem;
height: 2rem;
right: 0.8rem;
}
}
.c-btn__inn::after {
right: 2.1rem;
width: 0.7rem;
height: 1.3rem;
z-index: 1;
-webkit-mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
background-color: #fff;
-webkit-transition: var(--transition-base) background-color;
transition: var(--transition-base) background-color;
}
@media screen and (max-width: 767px) {
.c-btn__inn::after {
right: 1.5rem;
width: 0.4rem;
height: 0.6rem;
-webkit-mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
}
}
.c-btn__inn._not-border {
border: none;
}
.c-btn__inn:active, .c-btn__inn:focus-visible {
color: #fff;
background: var(--color-green-dark);
opacity: 1;
}
.c-btn__inn:active::before, .c-btn__inn:focus-visible::before {
background-color: #fff;
}
.c-btn__inn:active::after, .c-btn__inn:focus-visible::after {
background-color: var(--color-green-dark);
}
@media (any-hover: hover) {
.c-btn__inn:hover {
color: #fff;
background: var(--color-green-dark);
opacity: 1;
}
.c-btn__inn:hover::before {
background-color: #fff;
}
.c-btn__inn:hover::after {
background-color: var(--color-green-dark);
}
}
.c-btn.-yellow .c-btn__inn {
border-color: #EFCD52;
background: #EFCD52;
}
.c-btn.-yellow .c-btn__inn:active, .c-btn.-yellow .c-btn__inn:focus-visible {
color: #EFCD52;
}
.c-btn.-yellow .c-btn__inn:active::before, .c-btn.-yellow .c-btn__inn:focus-visible::before {
background-color: #EFCD52;
}
@media (any-hover: hover) {
.c-btn.-yellow .c-btn__inn:hover {
color: #EFCD52;
background: var(--color-green-dark);
}
.c-btn.-yellow .c-btn__inn:hover::before {
background-color: #EFCD52;
}
}
.c-btn.-green {
font-size: 1.4rem;
}
.c-btn.-green .c-btn__inn {
background: var(--color-green-dark);
color: #ffffff;
width: 25.2rem;
padding: 0 5.4rem 0 2.4rem;
}
@media screen and (max-width: 767px) {
.c-btn.-green .c-btn__inn {
padding: 0.8rem 4.5rem 0.7rem 2.4rem;
height: 5.4rem;
}
}
.c-btn.-green .c-btn__inn::before {
right: 2.4rem;
width: 2rem;
height: 2rem;
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.c-btn.-green .c-btn__inn::before {
width: 2rem;
height: 2rem;
}
}
.c-btn.-green .c-btn__inn::after {
right: 3.1rem;
width: 0.5rem;
height: 1rem;
-webkit-mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf-8,') center/contain no-repeat;
background-color: var(--color-green-dark);
}
.c-btn.-green .c-btn__inn:active, .c-btn.-green .c-btn__inn:focus-visible {
color: #EFCD52;
}
.c-btn.-green .c-btn__inn:active::before, .c-btn.-green .c-btn__inn:focus-visible::before {
background-color: #EFCD52;
}
@media (any-hover: hover) {
.c-btn.-green .c-btn__inn:hover {
color: var(--color-green-dark);
background: #ffffff;
}
.c-btn.-green .c-btn__inn:hover::before {
background-color: var(--color-green-dark);
}
.c-btn.-green .c-btn__inn:hover::after {
background-color: #ffffff;
}
}
.c-btn.-green2 .c-btn__inn {
border-color: var(--color-green-dark);
background: var(--color-green-dark);
color: #ffffff;
}
.c-btn.-green2 .c-btn__inn::before {
background-color: #ffffff;
}
.c-btn.-green2 .c-btn__inn::after {
background-color: var(--color-green-dark);
}
.c-btn.-green2 .c-btn__inn:active, .c-btn.-green2 .c-btn__inn:focus-visible {
color: var(--color-green-dark);
}
.c-btn.-green2 .c-btn__inn:active::before, .c-btn.-green2 .c-btn__inn:focus-visible::before {
background-color: var(--color-green-dark);
}
@media (any-hover: hover) {
.c-btn.-green2 .c-btn__inn:hover {
color: var(--color-green-dark);
background: #ffffff;
}
.c-btn.-green2 .c-btn__inn:hover::before {
background-color: var(--color-green-dark);
}
.c-btn.-green2 .c-btn__inn:hover::after {
background-color: #ffffff;
}
}
.c-btn.-ma {
display: block;
text-align: center;
}
.c-btn.upper .c-btn__inn {
text-transform: uppercase;
}
/*----------------------- 外部サイト埋め込み -------------------------*/
.c-ggmap,
.c-movie,
.c-youtube {
margin: 5.6rem 0;
border-radius: 1.6rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.c-ggmap,
.c-movie,
.c-youtube {
margin: 4rem 0;
}
}
.c-ggmap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
}
.c-ggmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-movie,
.c-youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.c-movie iframe,
.c-movie video,
.c-youtube iframe,
.c-youtube video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-embed {
margin: 5.6rem 0;
border-radius: 1.6rem;
overflow: hidden;
position: relative;
width: 100%;
padding-top: 56.25%;
}
@media screen and (max-width: 767px) {
.c-embed {
margin: 4rem 0;
}
}
.c-embed iframe,
.c-embed video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/*---------------------- table --------------------*/
.c-table-type01,
.wp-block-table,
.wp-block-flexible-table-block-table {
margin: 5.6rem 0;
border-radius: 0.8rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.c-table-type01,
.wp-block-table,
.wp-block-flexible-table-block-table {
overflow-x: scroll;
margin: 4.8rem 0;
}
}
.c-table-type01 table,
.wp-block-table table,
.wp-block-flexible-table-block-table table {
width: calc(100% + 3px);
table-layout: fixed;
}
@media screen and (max-width: 767px) {
.c-table-type01 table,
.wp-block-table table,
.wp-block-flexible-table-block-table table {
min-width: 100%;
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
}
}
.c-table-type01 table th, .c-table-type01 table td,
.wp-block-table table th,
.wp-block-table table td,
.wp-block-flexible-table-block-table table th,
.wp-block-flexible-table-block-table table td {
vertical-align: middle;
text-align: center;
font-size: 1.6rem;
line-height: 1.5;
width: auto !important;
padding: 1.1rem 1rem;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
@media screen and (max-width: 767px) {
.c-table-type01 table th, .c-table-type01 table td,
.wp-block-table table th,
.wp-block-table table td,
.wp-block-flexible-table-block-table table th,
.wp-block-flexible-table-block-table table td {
padding: 0.8rem 1.6rem;
font-size: 1.4rem;
}
}
.c-table-type01 table tr:last-of-type th, .c-table-type01 table tr:last-of-type td,
.wp-block-table table tr:last-of-type th,
.wp-block-table table tr:last-of-type td,
.wp-block-flexible-table-block-table table tr:last-of-type th,
.wp-block-flexible-table-block-table table tr:last-of-type td {
border-bottom: none;
}
.c-table-type01 table th,
.wp-block-table table th,
.wp-block-flexible-table-block-table table th {
font-weight: 500;
background-color: var(--color-green-dark);
color: #ffffff;
}
.c-table-type01 table th a:not([class]),
.wp-block-table table th a:not([class]),
.wp-block-flexible-table-block-table table th a:not([class]) {
color: #ffffff;
}
.c-table-type01 table td,
.wp-block-table table td,
.wp-block-flexible-table-block-table table td {
background: rgba(95, 135, 134, 0.1);
}
.c-table-type01 table a:not([class]),
.wp-block-table table a:not([class]),
.wp-block-flexible-table-block-table table a:not([class]) {
text-decoration: underline;
}
.c-table-type01 table .nobdr,
.wp-block-table table .nobdr,
.wp-block-flexible-table-block-table table .nobdr {
border-bottom: none;
}
.c-table-type01 table th {
width: 24.5rem !important;
}
.c-table-type01 table td {
text-align: left;
width: auto !important;
}
.c-status-table__heading {
background-color: var(--color-green-dark);
margin-bottom: 0.3rem;
padding: 0.7rem 3.2rem;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.c-status-table__heading {
min-width: 73rem;
}
}
.c-status-table__title {
color: #ffffff;
font-size: 1.8rem;
font-weight: 500;
line-height: 1.45;
}
.c-status-table__update {
margin-top: 0.4rem;
color: #ffffff;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.2;
}
.c-status-table table th:last-child, .c-status-table table td:last-child {
width: 28rem !important;
}
.c-status-table table td {
text-align: center;
font-size: 1.4rem;
line-height: 1.5;
}
.c-status-table table .status {
color: #ffffff;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5;
border-radius: 0.8rem;
background-color: #5F8786;
display: inline-block;
padding: 0.6rem 1.1rem 0.5rem;
}
.c-status-table table .status.-yellow {
color: var(--color-green-dark);
background-color: #EFCD52;
}
.c-status-table table .status.-ivory {
background-color: #FCF5E5;
color: var(--color-green-dark);
}
/*------------------------ title -----------------------*/
.c-title-type01 {
color: #000;
font-size: 5.2rem;
font-weight: 500;
line-height: 1.35;
}
@media screen and (max-width: 767px) {
.c-title-type01 {
font-size: 2.6rem;
line-height: 1.5;
}
}
.c-title-type02 {
color: #000;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.6;
margin-top: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.c-title-type02 {
font-size: 2.2rem;
line-height: 1.5;
}
}
.c-title-type03 {
color: #000;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.7;
margin-top: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.c-title-type03 {
font-size: 1.8rem;
line-height: 1.5;
}
}
.c-title-type04 {
color: #000;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.67;
margin-top: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.c-title-type04 {
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.03em;
}
}
.c-title-type05 {
color: var(--color-green-dark);
font-size: 1.6rem;
font-weight: 700;
line-height: 1.75;
margin: 1em 0;
}
@media screen and (max-width: 767px) {
.c-title-type05 {
font-size: 1.4rem;
line-height: 1.71;
letter-spacing: 0.03em;
}
}
.c-title-type03.-deco, .c-title-type03.-bdr,
.c-title-type04.-deco,
.c-title-type04.-bdr {
position: relative;
padding-top: 3.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 2.4rem;
}
@media screen and (max-width: 767px) {
.c-title-type03.-deco, .c-title-type03.-bdr,
.c-title-type04.-deco,
.c-title-type04.-bdr {
padding-top: 0;
gap: 1.2rem;
}
}
.c-title-type03.-deco::before, .c-title-type03.-bdr::before,
.c-title-type04.-deco::before,
.c-title-type04.-bdr::before {
content: "";
width: 2rem;
height: 2rem;
background-image: url(../img/common/img_title-deco.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.c-title-type03.-deco::before, .c-title-type03.-bdr::before,
.c-title-type04.-deco::before,
.c-title-type04.-bdr::before {
content: none;
}
}
.c-title-type03.-deco::after, .c-title-type03.-bdr::after,
.c-title-type04.-deco::after,
.c-title-type04.-bdr::after {
content: "";
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background: #BEBDB9;
}
.c-title-type03.-nodeco,
.c-title-type04.-nodeco {
padding-top: 0;
}
.c-title-type03.-nodeco::before,
.c-title-type04.-nodeco::before {
content: none;
}
@media screen and (max-width: 767px) {
.c-title-type03.-sp-deco,
.c-title-type04.-sp-deco {
padding-top: 3.2rem;
}
.c-title-type03.-sp-deco::before,
.c-title-type04.-sp-deco::before {
content: "";
}
}
@media screen and (max-width: 767px) {
.c-title-type03.-deco,
.c-title-type04.-deco {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 0;
}
.c-title-type03.-deco::before,
.c-title-type04.-deco::before {
content: "";
position: relative;
}
}
.c-title-type03.-deco::after,
.c-title-type04.-deco::after {
content: none;
}
[class^=c-title-type] + * {
margin-top: 0;
}
[class^=c-title-type].-green {
color: var(--color-green-dark);
}
[class^=c-title-type].-black {
color: #000;
}
[class^=c-title-type].-tac {
text-align: center;
}
/*------------------ img ---------------*/
.c-full-image {
margin: 4.8rem auto;
width: 100%;
height: 53.5rem;
border-radius: 1.5rem;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.c-full-image {
margin: 4rem auto;
height: auto;
padding-top: 53.7313432836%;
position: relative;
}
}
.c-full-image > img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.c-full-image > img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}
.c-full-image.-icon .icon {
display: inline-block;
background-color: var(--color-green-dark);
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
font-weight: 500;
line-height: 150%; /* 24px */
position: absolute;
left: 2.4rem;
top: 2.4rem;
border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
.c-full-image.-icon .icon {
font-size: 1.4rem;
left: 1.5rem;
top: 1.5rem;
}
}
.c-full-image.-icon .icon.-close {
background-color: #EFCD52;
color: var(--color-green-dark);
}
.wp-block-image img {
border-radius: 1.6rem;
display: block;
position: relative;
}
.caption,
.wp-element-caption {
color: #000;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.71;
margin-top: 1em;
}
@media screen and (max-width: 767px) {
.caption,
.wp-element-caption {
font-size: 1.3rem;
line-height: 1.7;
letter-spacing: 0.03em;
}
}
/*--------------- column -------------*/
.wp-block-columns.is-layout-flex,
.c-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 5.6rem 0;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex,
.c-column {
gap: 3.2rem;
}
}
.wp-block-columns.is-layout-flex:last-of-type,
.c-column:last-of-type {
margin-bottom: 0;
}
* + .wp-block-columns.is-layout-flex,
* + .c-column {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column, .wp-block-columns.is-layout-flex__item,
.c-column .wp-block-column,
.c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex .wp-block-column .icon, .wp-block-columns.is-layout-flex__item .icon,
.c-column .wp-block-column .icon,
.c-column__item .icon {
margin: 0;
display: inline-block;
background-color: var(--color-green-dark);
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
font-weight: 500;
line-height: 150%; /* 24px */
position: absolute;
left: 2.4rem;
top: 2.4rem;
border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column .icon, .wp-block-columns.is-layout-flex__item .icon,
.c-column .wp-block-column .icon,
.c-column__item .icon {
font-size: 1.4rem;
left: 1.5rem;
top: 1.5rem;
}
}
.wp-block-columns.is-layout-flex .wp-block-column .icon.-close, .wp-block-columns.is-layout-flex__item .icon.-close,
.c-column .wp-block-column .icon.-close,
.c-column__item .icon.-close {
background-color: #EFCD52;
color: var(--color-green-dark);
}
.wp-block-columns.is-layout-flex .wp-block-column .img, .wp-block-columns.is-layout-flex__item .img,
.c-column .wp-block-column .img,
.c-column__item .img {
width: 100%;
border-radius: 1.6rem;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column .img, .wp-block-columns.is-layout-flex__item .img,
.c-column .wp-block-column .img,
.c-column__item .img {
position: relative;
}
}
.wp-block-columns.is-layout-flex .wp-block-column .img img, .wp-block-columns.is-layout-flex__item .img img,
.c-column .wp-block-column .img img,
.c-column__item .img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column .img img, .wp-block-columns.is-layout-flex__item .img img,
.c-column .wp-block-column .img img,
.c-column__item .img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}
.wp-block-columns.is-layout-flex .wp-block-column [class^=c-title-type]:first-of-type, .wp-block-columns.is-layout-flex__item [class^=c-title-type]:first-of-type,
.c-column .wp-block-column [class^=c-title-type]:first-of-type,
.c-column__item [class^=c-title-type]:first-of-type {
margin-top: 0;
}
.wp-block-columns.is-layout-flex .wp-block-column [class^=c-title-type], .wp-block-columns.is-layout-flex__item [class^=c-title-type],
.c-column .wp-block-column [class^=c-title-type],
.c-column__item [class^=c-title-type] {
margin-bottom: 0;
}
.wp-block-columns.is-layout-flex .wp-block-column .c-title-type04, .wp-block-columns.is-layout-flex__item .c-title-type04,
.c-column .wp-block-column .c-title-type04,
.c-column__item .c-title-type04 {
margin: 0.6rem 0 0;
}
.wp-block-columns.is-layout-flex .wp-block-column .c-text, .wp-block-columns.is-layout-flex__item .c-text,
.c-column .wp-block-column .c-text,
.c-column__item .c-text {
margin: 0.4rem 0 0;
}
.wp-block-columns.is-layout-flex .wp-block-column .cnt, .wp-block-columns.is-layout-flex__item .cnt,
.c-column .wp-block-column .cnt,
.c-column__item .cnt {
padding-top: 1.6rem;
}
.wp-block-columns.is-layout-flex .wp-block-column .cnt .category, .wp-block-columns.is-layout-flex__item .cnt .category,
.c-column .wp-block-column .cnt .category,
.c-column__item .cnt .category {
color: #1F4039;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.26px;
}
.wp-block-columns.is-layout-flex .wp-block-column .cnt .c-text, .wp-block-columns.is-layout-flex__item .cnt .c-text,
.c-column .wp-block-column .cnt .c-text,
.c-column__item .cnt .c-text {
margin-top: 0;
color: #000;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.71;
}
.wp-block-columns.is-layout-flex .wp-block-column .c-embed,
.wp-block-columns.is-layout-flex .wp-block-column .c-movie,
.wp-block-columns.is-layout-flex .wp-block-column .c-youtube, .wp-block-columns.is-layout-flex__item .c-embed,
.wp-block-columns.is-layout-flex__item .c-movie,
.wp-block-columns.is-layout-flex__item .c-youtube,
.c-column .wp-block-column .c-embed,
.c-column .wp-block-column .c-movie,
.c-column .wp-block-column .c-youtube,
.c-column__item .c-embed,
.c-column__item .c-movie,
.c-column__item .c-youtube {
margin: 0;
}
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider, .wp-block-columns.is-layout-flex__item.-img .c-slider,
.c-column .wp-block-column.-img .c-slider,
.c-column__item.-img .c-slider {
width: 47rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider, .wp-block-columns.is-layout-flex__item.-img .c-slider,
.c-column .wp-block-column.-img .c-slider,
.c-column__item.-img .c-slider {
width: 100%;
height: auto;
}
}
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider-wrap, .wp-block-columns.is-layout-flex__item.-img .c-slider-wrap,
.c-column .wp-block-column.-img .c-slider-wrap,
.c-column__item.-img .c-slider-wrap {
width: 47rem;
margin: 0;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider-wrap, .wp-block-columns.is-layout-flex__item.-img .c-slider-wrap,
.c-column .wp-block-column.-img .c-slider-wrap,
.c-column__item.-img .c-slider-wrap {
width: 100%;
}
}
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider .slide .img, .wp-block-columns.is-layout-flex__item.-img .c-slider .slide .img,
.c-column .wp-block-column.-img .c-slider .slide .img,
.c-column__item.-img .c-slider .slide .img {
width: 47rem;
height: 32.5rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider .slide .img, .wp-block-columns.is-layout-flex__item.-img .c-slider .slide .img,
.c-column .wp-block-column.-img .c-slider .slide .img,
.c-column__item.-img .c-slider .slide .img {
width: 89.3333333333vw;
height: auto;
padding-top: 68.9552238806vw;
position: relative;
}
}
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider .slide .caption, .wp-block-columns.is-layout-flex__item.-img .c-slider .slide .caption,
.c-column .wp-block-column.-img .c-slider .slide .caption,
.c-column__item.-img .c-slider .slide .caption {
margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider .slide .caption, .wp-block-columns.is-layout-flex__item.-img .c-slider .slide .caption,
.c-column .wp-block-column.-img .c-slider .slide .caption,
.c-column__item.-img .c-slider .slide .caption {
margin-top: 1rem;
}
}
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider__pager, .wp-block-columns.is-layout-flex__item.-img .c-slider__pager,
.c-column .wp-block-column.-img .c-slider__pager,
.c-column__item.-img .c-slider__pager {
top: 29.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column.-img .c-slider__pager, .wp-block-columns.is-layout-flex__item.-img .c-slider__pager,
.c-column .wp-block-column.-img .c-slider__pager,
.c-column__item.-img .c-slider__pager {
top: 23.5rem;
top: 62.6666666667vw;
}
}
.wp-block-columns.is-layout-flex .wp-block-column .c-btn, .wp-block-columns.is-layout-flex__item .c-btn,
.c-column .wp-block-column .c-btn,
.c-column__item .c-btn {
margin-top: 4rem;
text-align: right;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex .wp-block-column .c-btn, .wp-block-columns.is-layout-flex__item .c-btn,
.c-column .wp-block-column .c-btn,
.c-column__item .c-btn {
text-align: center;
margin-top: 2.4rem;
}
}
.wp-block-columns.is-layout-flex .wp-block-column p,
.wp-block-columns.is-layout-flex .wp-block-column .c-text, .wp-block-columns.is-layout-flex__item p,
.wp-block-columns.is-layout-flex__item .c-text,
.c-column .wp-block-column p,
.c-column .wp-block-column .c-text,
.c-column__item p,
.c-column__item .c-text {
margin-top: 2.4rem;
}
.wp-block-columns.is-layout-flex.-col1,
.c-column.-col1 {
gap: 4.8rem;
}
.wp-block-columns.is-layout-flex.-col1 .wp-block-column,
.wp-block-columns.is-layout-flex.-col1 .c-column__item,
.c-column.-col1 .wp-block-column,
.c-column.-col1 .c-column__item {
width: 100%;
}
.wp-block-columns.is-layout-flex.-col1 .img,
.c-column.-col1 .img {
height: 53.5rem;
position: relative;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col1 .img,
.c-column.-col1 .img {
height: auto;
padding-top: 53.7313432836%;
}
}
.wp-block-columns.is-layout-flex.-col2,
.c-column.-col2 {
gap: 8.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2,
.c-column.-col2 {
gap: 3.2rem;
}
}
.wp-block-columns.is-layout-flex.-col2 .wp-block-column,
.wp-block-columns.is-layout-flex.-col2 .c-column__item,
.c-column.-col2 .wp-block-column,
.c-column.-col2 .c-column__item {
width: 47rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2 .wp-block-column,
.wp-block-columns.is-layout-flex.-col2 .c-column__item,
.c-column.-col2 .wp-block-column,
.c-column.-col2 .c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex.-col2 .wp-block-column .icon,
.wp-block-columns.is-layout-flex.-col2 .c-column__item .icon,
.c-column.-col2 .wp-block-column .icon,
.c-column.-col2 .c-column__item .icon {
top: 1.6rem;
left: 1.6rem;
}
.wp-block-columns.is-layout-flex.-col2 .img,
.c-column.-col2 .img {
height: 42.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2 .img,
.c-column.-col2 .img {
height: auto;
padding-top: 68.9552238806%;
}
}
.wp-block-columns.is-layout-flex.-col2 .c-embed:not(.-default),
.c-column.-col2 .c-embed:not(.-default) {
padding-top: 90.2127659574%;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2 .c-embed:not(.-default),
.c-column.-col2 .c-embed:not(.-default) {
padding-top: 56.25%;
}
}
.wp-block-columns.is-layout-flex.-col2.-full,
.c-column.-col2.-full {
gap: 5.6rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2.-full,
.c-column.-col2.-full {
gap: 4rem;
}
}
.wp-block-columns.is-layout-flex.-col2.-full .c-column__item,
.c-column.-col2.-full .c-column__item {
width: calc((100% - 5.6rem) / 2);
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col2.-full .c-column__item,
.c-column.-col2.-full .c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex.-col2.-reverse,
.c-column.-col2.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.wp-block-columns.is-layout-flex.-col3,
.c-column.-col3 {
gap: 4.8rem;
}
.wp-block-columns.is-layout-flex.-col3 .wp-block-column,
.wp-block-columns.is-layout-flex.-col3 .c-column__item,
.c-column.-col3 .wp-block-column,
.c-column.-col3 .c-column__item {
width: 30.9rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col3 .wp-block-column,
.wp-block-columns.is-layout-flex.-col3 .c-column__item,
.c-column.-col3 .wp-block-column,
.c-column.-col3 .c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex.-col3 .wp-block-column .img,
.wp-block-columns.is-layout-flex.-col3 .c-column__item .img,
.c-column.-col3 .wp-block-column .img,
.c-column.-col3 .c-column__item .img {
height: 32.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col3 .wp-block-column .img,
.wp-block-columns.is-layout-flex.-col3 .c-column__item .img,
.c-column.-col3 .wp-block-column .img,
.c-column.-col3 .c-column__item .img {
height: auto;
padding-top: 68.9552238806%;
}
}
.wp-block-columns.is-layout-flex.-col3 .wp-block-column .c-embed,
.wp-block-columns.is-layout-flex.-col3 .c-column__item .c-embed,
.c-column.-col3 .wp-block-column .c-embed,
.c-column.-col3 .c-column__item .c-embed {
padding-top: 104.854368932%;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col3 .wp-block-column .c-embed,
.wp-block-columns.is-layout-flex.-col3 .c-column__item .c-embed,
.c-column.-col3 .wp-block-column .c-embed,
.c-column.-col3 .c-column__item .c-embed {
padding-top: 56.25%;
}
}
.wp-block-columns.is-layout-flex.-col4,
.c-column.-col4 {
gap: 3.65rem;
}
.wp-block-columns.is-layout-flex.-col4 .wp-block-column,
.wp-block-columns.is-layout-flex.-col4 .c-column__item,
.c-column.-col4 .wp-block-column,
.c-column.-col4 .c-column__item {
width: 27rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col4 .wp-block-column,
.wp-block-columns.is-layout-flex.-col4 .c-column__item,
.c-column.-col4 .wp-block-column,
.c-column.-col4 .c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex.-col4 .wp-block-column .img,
.wp-block-columns.is-layout-flex.-col4 .c-column__item .img,
.c-column.-col4 .wp-block-column .img,
.c-column.-col4 .c-column__item .img {
height: 24.9rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-col4 .wp-block-column .img,
.wp-block-columns.is-layout-flex.-col4 .c-column__item .img,
.c-column.-col4 .wp-block-column .img,
.c-column.-col4 .c-column__item .img {
height: auto;
padding-top: 68.9552238806%;
}
}
.wp-block-columns.is-layout-flex.-img-text-col,
.c-column.-img-text-col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col,
.c-column.-img-text-col {
gap: 2.4rem;
}
}
.wp-block-columns.is-layout-flex.-img-text-col:nth-of-type(even),
.c-column.-img-text-col:nth-of-type(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.wp-block-columns.is-layout-flex.-img-text-col.-align-top,
.c-column.-img-text-col.-align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-columns.is-layout-flex.-img-text-col .c-column__item,
.c-column.-img-text-col .c-column__item {
width: 47rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col .c-column__item,
.c-column.-img-text-col .c-column__item {
width: 100%;
}
}
.wp-block-columns.is-layout-flex.-img-text-col .img,
.c-column.-img-text-col .img {
height: 42.4rem;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col .img,
.c-column.-img-text-col .img {
height: auto;
padding-top: 68.9552238806%;
}
}
.wp-block-columns.is-layout-flex.-img-text-col .c-embed:not(.-default),
.c-column.-img-text-col .c-embed:not(.-default) {
padding-top: 90.2127659574%;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col .c-embed:not(.-default),
.c-column.-img-text-col .c-embed:not(.-default) {
padding-top: 56.25%;
}
}
.wp-block-columns.is-layout-flex.-img-text-col.-full,
.c-column.-img-text-col.-full {
gap: 0;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col.-full,
.c-column.-img-text-col.-full {
gap: 4rem;
}
}
.wp-block-columns.is-layout-flex.-img-text-col.-full .c-column__item,
.c-column.-img-text-col.-full .c-column__item {
width: 50%;
}
@media screen and (max-width: 767px) {
.wp-block-columns.is-layout-flex.-img-text-col.-full .c-column__item,
.c-column.-img-text-col.-full .c-column__item {
width: 100%;
}
}
.c-column-wrap.-reverse .c-column.-img-text-col {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.c-column-wrap.-reverse .c-column.-img-text-col:nth-of-type(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
/*-------------------- slider --------------------*/
.c-slider-wrap {
position: relative;
width: 85.6rem;
max-width: 100%;
margin: 4.8rem auto;
}
@media screen and (max-width: 767px) {
.c-slider-wrap {
margin: 4rem auto;
}
}
.c-slider {
width: 85.6rem;
max-width: 100%;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.c-slider {
width: 100%;
height: auto;
}
}
.c-slider .slide .img {
border-radius: 1.6rem;
width: 85.6rem;
height: 48rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.c-slider .slide .img {
width: 89.3333333333vw;
height: auto;
padding-top: 68.9552238806vw;
position: relative;
}
}
.c-slider .slide .img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.c-slider .slide .img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}
.c-slider .slide .caption {
max-width: 85.6rem;
color: #000;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.71;
margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
.c-slider .slide .caption {
max-width: 89.3333333333vw;
margin-top: 1.4rem;
font-size: 1.3rem;
line-height: 1.7;
letter-spacing: 0.03em;
}
}
.c-slider__pager {
position: absolute;
left: 50%;
top: 45rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.c-slider__pager {
top: 62.6666666667vw;
}
}
.c-slider__pager .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.6rem;
}
.c-slider__pager .slick-dots li {
width: 0.6rem;
height: 0.6rem;
font-size: 0;
}
.c-slider__pager .slick-dots li::before {
content: none;
}
.c-slider__pager .slick-dots li button {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #ffffff;
}
.c-slider__pager .slick-dots li.slick-active button {
background-color: var(--color-green-dark);
}
/*------------- 囲みテキスト -------------*/
.c-bgbox {
margin: 5.6rem 0;
padding: 2.4rem 3.2rem;
border-radius: 1.6rem;
background: rgba(95, 135, 134, 0.1);
}
@media screen and (max-width: 767px) {
.c-bgbox {
margin: 4rem 0;
padding: 1.8rem 1.6rem;
}
}
.c-bgbox [class^=c-title-type] {
margin-bottom: 0;
}
.c-bgbox [class^=c-title-type] + p {
margin-top: 0.8rem;
}
.c-bgbox [class^=c-title-type]:first-child {
margin-top: 0;
}
.c-bgbox.-yellow {
background-color: #F9F3D8;
}
.c-bgbox.-yellow p {
color: var(--color-green-dark);
}
.c-bgbox.-infobox {
position: relative;
padding: 1.6rem 2.4rem 1.6rem 6.4rem;
}
@media screen and (max-width: 767px) {
.c-bgbox.-infobox {
padding: 1.6rem 1.6rem 1.6rem 4.4rem;
}
}
.c-bgbox.-infobox::before {
content: "";
width: 2.4rem;
height: 2.4rem;
display: block;
background-image: url(../img/common/icn_info.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
left: 2.4rem;
}
@media screen and (max-width: 767px) {
.c-bgbox.-infobox::before {
width: 2rem;
height: 2rem;
left: 1.6rem;
}
}
.c-bgbox.-infobox [class^=c-title-type] {
font-weight: 500;
}
.c-bgbox.-infobox [class^=c-title-type] + p {
margin-top: 0.4rem;
}
.c-bgbox.-infobox p, .c-bgbox.-infobox ul li, .c-bgbox.-infobox ol li {
color: var(--color-green-dark);
}
/*-------------- c-others ページ下部の下層ページリンク -----------*/
.c-others {
background: rgba(95, 135, 134, 0.1);
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.c-others {
padding: 9.6rem 0;
}
}
.c-others__title {
text-align: center;
color: var(--color-green-dark);
font-size: 4.7rem;
font-weight: 500;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.c-others__title {
font-size: 2.6rem;
line-height: 1.5;
}
}
.c-others__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.6rem;
max-width: 105.6rem;
margin: 6.8rem auto auto;
}
@media screen and (max-width: 767px) {
.c-others__btns {
max-width: 25.2rem;
margin-top: 3.2rem;
}
}
.c-others__btns.-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-others__btns .c-btn {
margin: 0;
}
@media screen and (max-width: 767px) {
.c-spscroll {
overflow-x: scroll;
}
}
/*--------------- tab -------------------*/
.c-tab-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-tab-list .tab-item {
width: calc((100% - 1.6rem) / 2);
text-align: center;
font-size: 2.4rem;
line-height: 1.5;
color: #8E8E8E;
font-weight: 500;
padding-bottom: 1.6rem;
border-bottom: 1px solid rgba(31, 64, 57, 0.2);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
@media screen and (max-width: 767px) {
.c-tab-list .tab-item {
font-size: 1.8rem;
padding-bottom: 1.4rem;
}
}
.c-tab-list .tab-item.is-active {
color: var(--color-green-dark);
font-weight: 700;
border-bottom: 3px solid var(--color-green-dark);
}
.c-tab-content {
padding-top: 8rem;
}
@media screen and (max-width: 767px) {
.c-tab-content {
padding-top: 6.4rem;
}
}
.c-acc {
margin-top: 2.4rem;
padding: 2rem;
border-radius: 1.6rem;
border: 1px solid #BEBDB9;
}
@media screen and (max-width: 767px) {
.c-acc {
padding: 1.6rem;
margin-top: 2rem;
}
}
.c-acc:first-of-type {
margin-top: 0;
}
.c-acc .c-acbtn {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-right: 4rem;
}
.c-acc .c-acbtn .icon,
.c-acc .c-acbtn .title {
color: var(--color-green-dark);
font-size: 1.8rem;
font-weight: 700;
line-height: 1.67;
}
@media screen and (max-width: 767px) {
.c-acc .c-acbtn .icon,
.c-acc .c-acbtn .title {
font-size: 1.6rem;
line-height: 1.5;
}
}
.c-acc .c-acbtn .icon {
position: absolute;
left: 0;
}
.c-acc .c-acbtn .title {
padding-left: 2.4rem;
}
@media screen and (max-width: 767px) {
.c-acc .c-acbtn .title {
padding-left: 2rem;
}
}
.c-acc .c-acbtn .toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
border: 1.5px solid var(--color-green-dark);
position: absolute;
right: 0;
top: 0;
}
.c-acc .c-acbtn .toggle::after {
content: "";
width: 1rem;
height: 1rem;
display: block;
background-image: url(../img/common/arrow_acc.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.c-acc .c-acbtn.ac .toggle::after {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.c-acc .c-accnt {
padding: 1.6rem 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
.c-acc .c-accnt {
padding-top: 1.2rem;
padding-left: 2rem;
}
}
.c-acc .c-accnt p {
margin: 0;
}
/*----------------- セクションの余白 ----------------*/
.c-margin-top {
margin: 12rem 0 0;
}
@media screen and (max-width: 767px) {
.c-margin-top {
margin-top: 8rem;
}
}
.l-all-wrap {
background-color: rgba(177, 208, 162, 0.05);
}
.l-all-wrap.is-summer {
background-color: rgba(239, 205, 82, 0.05);
}
.l-all-wrap.is-summer .c-button-01__link:not(._bg-yellow):not(:hover) {
background-color: transparent;
}
.p-index-fv {
position: relative;
padding-block: 33.6683417085svh 8.4rem;
height: 100svh;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-index-fv {
padding-block: 25.652173913svh 14.8rem;
}
}
.p-index-fv__bg {
position: absolute;
inset: 0;
z-index: -1;
}
.p-index-fv__bg-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-index-fv__inner {
margin-inline: auto;
width: 88.8888888889%;
}
@media screen and (max-width: 767px) {
.p-index-fv__inner {
width: 89.3333333333%;
}
}
.p-index-fv__title-sub {
font-size: 6.4rem;
line-height: 1.203125;
letter-spacing: -0.02em;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-index-fv__title-sub {
font-size: 3.6rem;
line-height: 1.0833333333;
}
}
.p-index-fv__title-main {
font-size: 10rem;
line-height: 1.08;
letter-spacing: 0.05em;
font-weight: 500;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-index-fv__title-main {
font-size: 4.8rem;
line-height: 1.0416666667;
}
}
.p-index-fv .c-button-01 {
margin-top: 4.0201005025svh;
}
@media screen and (max-width: 767px) {
.p-index-fv .c-button-01 {
margin-top: 4.6376811594svh;
}
}
.p-index-fv .c-button-01 + .c-button-01 {
margin-top: 3.0150753769svh;
}
@media screen and (max-width: 767px) {
.p-index-fv .c-button-01 + .c-button-01 {
margin-top: 2.8985507246svh;
}
}
.p-index-fv__news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding-inline: 2rem;
width: 37.5rem;
height: 7.4rem;
background: rgba(31, 64, 57, 0.2); /* Safari（古いバージョン対応） */
backdrop-filter: blur(10px);
}
@media screen and (max-width: 767px) {
.p-index-fv__news {
bottom: 7.4rem;
width: 100%;
height: 5.5rem;
}
}
.p-index-fv__news-text {
font-size: 1.2rem;
line-height: 1.5;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
position: relative;
padding-left: 3.6rem;
overflow: hidden;
}
.p-index-fv__news-text::before {
content: "";
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
width: 2rem;
height: 2rem;
background: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.p-index-fv__weather {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
display: inline-block;
}
@media screen and (max-width: 767px) {
.p-index-fv__weather {
width: 100%;
}
}
.p-index-fv__weather-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 1.5rem 2rem;
height: 7.4rem;
background: var(--color-green-dark);
}
@media screen and (max-width: 767px) {
.p-index-fv__weather-link {
padding: 1.5rem 1.4rem;
}
}
.p-index-fv__weather-link::after {
content: "";
position: absolute;
top: 50%;
right: 2rem;
translate: 0 -50%;
width: 1.1rem;
height: 2.2rem;
background: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
.p-index-fv__weather-link::after {
right: 1.4rem;
}
}
.p-index-fv__weather .weather-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-right: 3.2rem;
gap: 1.6rem;
}
@media screen and (max-width: 767px) {
.p-index-fv__weather .weather-list {
gap: 1rem;
padding-right: 2rem;
}
}
.p-index-fv__weather .weather-list .bar {
width: 1px;
height: 100%;
background-color: #ffffff;
}
.p-index-fv__weather .weather-list .item {
padding-right: 1.6rem;
border-right: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
.p-index-fv__weather .weather-list .item {
padding-right: 1rem;
}
}
.p-index-fv__weather .weather-list .item * {
color: #ffffff;
}
.p-index-fv__weather .weather-list .item:first-of-type {
padding-left: 0;
}
.p-index-fv__weather .weather-list .item:last-of-type {
padding-right: 0;
border-right: none;
}
.p-index-fv__weather .weather-list .pos {
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
white-space: nowrap;
}
.p-index-fv__weather .weather-list .inn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.6rem;
margin-top: 0.6rem;
}
.p-index-fv__weather .weather-list .data dt, .p-index-fv__weather .weather-list .data dd {
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
white-space: nowrap;
}
.p-index-fv__weather .weather-list .data .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0.4rem;
}
.p-index-fv__weather .weather-list .data .col:first-of-type {
margin-top: 0;
}
.p-index-fv__weather .weather-list .icon {
width: 2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-section-media {
margin-top: 12rem;
}
@media screen and (max-width: 767px) {
.c-section-media {
margin-top: 9.6rem;
}
}
.p-index-live-camera {
margin-top: 10.8rem;
}
@media screen and (max-width: 767px) {
.p-index-live-camera {
margin-top: 9.5rem;
}
}
@media screen and (min-width: 768px) {
.p-index-live-camera .c-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.p-index-live-camera__title {
font-size: 5.6rem;
line-height: 1.5;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-index-live-camera__title {
font-size: 3.2rem;
line-height: 1.21875;
}
}
@media screen and (max-width: 767px) {
.p-index-live-camera .c-button-01 {
margin-top: 2.4rem;
}
}
.p-index-live-camera__list {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4.2rem 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 4.2rem;
margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
.p-index-live-camera__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2.4rem;
margin-top: 3.2rem;
}
}
.p-index-live-camera__list-item .c-embed {
margin: 0;
padding-top: 56.25%;
}
.p-index-mountain-first {
margin-top: 12rem;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first {
margin-top: 9.6rem;
}
}
@media screen and (min-width: 768px) {
.p-index-mountain-first .c-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem 2.4rem;
}
}
.p-index-mountain-first__block {
position: relative;
padding-block: 13.7rem 13.6rem;
min-height: 50rem;
border-radius: 1.6rem;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-index-mountain-first__block {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__block {
padding-block: 8.8rem 6rem;
min-height: 36rem;
}
}
.p-index-mountain-first__block-bg {
position: absolute;
inset: 0;
z-index: -1;
}
.p-index-mountain-first__block-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-index-mountain-first__block-hgroup-title {
font-size: 5.6rem;
line-height: 1.5;
font-weight: 500;
color: #fff;
text-align: center;
position: relative;
padding-top: 4rem;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__block-hgroup-title {
font-size: 3.2rem;
line-height: 1.21875;
padding-top: 3.6rem;
}
}
.p-index-mountain-first__block-hgroup-title::before {
content: "";
position: absolute;
top: 0;
left: 50%;
translate: -50% 0;
width: 2.8rem;
height: 2.8rem;
background: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__block-hgroup-title::before {
width: 2.4rem;
height: 2.4rem;
}
}
.p-index-mountain-first__block-hgroup-text {
font-size: 1.6rem;
line-height: 1.625;
color: #fff;
margin: 2.4rem auto 0;
max-width: 48rem;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__block-hgroup-text {
font-size: 1.4rem;
line-height: 1.7142857143;
margin-top: 1.7rem;
max-width: 81.6326530612%;
}
}
.p-index-mountain-first__block-hgroup-text.-en {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-index-mountain-first__block-hgroup-text.-en {
max-width: 54rem;
}
}
.p-index-mountain-first__logo {
width: 12rem;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__logo {
margin-top: 1.6rem;
}
}
.p-index-mountain-first__text {
font-size: 1.4rem;
line-height: 1.7142857143;
max-width: 74.3rem;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first__text {
margin-top: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.p-index-mountain-first__text.-en {
max-width: 102rem;
}
.p-index-mountain-first__text.-en.-summer {
max-width: 89rem;
}
}
.p-index-mountain-first .c-button-02 {
margin: 0.9rem 0 0 auto;
}
@media screen and (max-width: 767px) {
.p-index-mountain-first .c-button-02 {
margin: 3.2rem 0 0;
}
}
.p-index-list {
margin-top: 12rem;
}
@media screen and (max-width: 767px) {
.p-index-list {
margin-top: 9.6rem;
}
}
.p-index-list .c-wrap {
max-width: 106.4rem;
}
@media screen and (min-width: 768px) {
.p-index-list__blocks-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-index-list__blocks-item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.p-index-list__blocks-item:nth-child(n+2) {
margin-top: 9.6rem;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-item:nth-child(n+2) {
margin-top: 8rem;
}
}
.p-index-list__blocks-image {
border-radius: 1.6rem;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-index-list__blocks-image {
width: 47.8rem;
}
}
@media screen and (min-width: 768px) {
.p-index-list__blocks-box {
width: 49.8rem;
}
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box {
margin-top: 2.4rem;
}
}
.p-index-list__blocks-box-title {
font-size: 2.4rem;
line-height: 1.2083333333;
font-weight: 700;
position: relative;
padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box-title {
font-size: 1.8rem;
line-height: 1.2222222222;
}
}
.p-index-list__blocks-box-title::before {
content: "";
position: absolute;
top: 0.4rem;
left: 0;
width: 2rem;
height: 2rem;
background: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box-title::before {
top: 0;
}
}
.p-index-list__blocks-box-text {
font-size: 1.6rem;
line-height: 1.75;
margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box-text {
font-size: 1.4rem;
line-height: 1.7142857143;
}
}
.p-index-list__blocks-box .c-button-01 {
margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box .c-button-01 {
margin-top: 3.2rem;
}
}
.p-index-list__blocks-box .c-button-01 + .c-button-01 {
margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
.p-index-list__blocks-box .c-button-01 + .c-button-01 {
margin-top: 2rem;
}
}
.p-only {
padding-top: 12rem;
}
.p-only__title {
font-size: 5.6rem;
font-weight: 500;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-only__title {
font-size: 3.2rem;
line-height: 1.2;
}
}
.p-only__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 119rem;
max-width: 100%;
margin: 4.8rem auto auto;
gap: 6.7rem;
}
@media screen and (max-width: 767px) {
.p-only__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2.4rem;
gap: 4.8rem;
}
}
.p-only__list .item {
width: 100%;
}
.p-only__list .item .img {
border-radius: 1.6rem;
overflow: hidden;
}
.p-only__list .item .img img {
display: block;
}
.p-only__list .item .title {
margin-top: 1.6rem;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.67;
}
@media screen and (max-width: 767px) {
.p-only__list .item .title {
margin-top: 1.4rem;
}
}
.p-only__list .item .text {
margin-top: 0.4rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.68;
}
@media screen and (max-width: 767px) {
.p-only__list .item .text {
margin-top: 1.2rem;
line-height: 1.71;
font-size: 1.4rem;
}
}
.p-only__list .item .c-button-01 {
margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
.p-only__list .item .c-button-01 {
margin-top: 2.4rem;
}
}
.p-index-facility {
margin-top: 12rem;
padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
.p-index-facility {
margin-top: 9.6rem;
padding-bottom: 9.6rem;
}
}
.p-index-facility__inner {
padding: 10rem 11.2rem;
border-radius: 1.6rem;
background: url(../img/index/facility_winter_bg_pc.svg) center top/100% auto no-repeat rgba(95, 135, 134, 0.8);
}
@media screen and (max-width: 767px) {
.p-index-facility__inner {
padding: 4rem 2.4rem;
background-image: url(../img/index/facility_winter_bg_sp.svg);
}
}
.p-index-facility__title {
font-size: 5.6rem;
line-height: 1.5;
font-weight: 500;
color: #fff;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-facility__title {
font-size: 3.2rem;
line-height: 1.21875;
}
}
.p-index-facility__trigger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
.p-index-facility__trigger {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.8rem;
margin-top: 2.4rem;
}
}
.p-index-facility__trigger-button {
font-size: 1.8rem;
line-height: 1.4444444444;
font-weight: 500;
color: #fff;
padding: 0.5rem 1.5rem;
border: 1px solid #fff;
border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
.p-index-facility__trigger-button {
font-size: 1.4rem;
line-height: 1.7142857143;
line-height: 1.3;
padding: 0.8rem 1.5rem;
}
}
.p-index-facility__trigger-button.is-checked {
border-color: var(--color-green-dark);
background: var(--color-green-dark);
}
.p-index-facility__list {
margin-top: 5.6rem;
}
.p-index-facility__list-detail {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4.8rem 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 3.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
.p-index-facility__list-detail {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2rem;
}
}
.p-index-facility__list-detail-link {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 14rem 3.2rem 1fr;
grid-template-columns: 14rem 1fr;
-webkit-column-gap: 3.2rem;
-moz-column-gap: 3.2rem;
column-gap: 3.2rem;
padding: 2.4rem;
border-radius: 1.6rem;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-index-facility__list-detail-link {
-ms-grid-columns: 8rem 1.6rem 1fr;
grid-template-columns: 8rem 1fr;
-webkit-column-gap: 1.6rem;
-moz-column-gap: 1.6rem;
column-gap: 1.6rem;
padding: 2rem 1.8rem;
}
}
.p-index-facility__list-detail-image {
border-radius: 0.8rem;
aspect-ratio: 140/100;
overflow: hidden;
}
.p-index-facility__list-detail-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-index-facility__list-detail-title {
font-size: 1.6rem;
line-height: 1.5;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.p-index-facility__list-detail-title {
font-size: 1.4rem;
line-height: 1.5;
}
}
.p-index-sdgs {
margin-top: 12rem;
padding-block: 10rem;
background: url(../img/index/sdgs_winter_bg_pc.jpg) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
.p-index-sdgs {
margin-top: 9.6rem;
padding-block: 12.2rem;
background: url(../img/index/sdgs_winter_bg_sp.jpg) center/cover no-repeat;
}
}
.p-index-sdgs__title {
font-size: 5.6rem;
line-height: 1.5;
font-weight: 500;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-index-sdgs__title {
font-size: 3.2rem;
line-height: 1.1875;
}
}
.p-index-sdgs__text {
font-size: 1.6rem;
line-height: 1.625;
color: #fff;
margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
.p-index-sdgs__text {
font-size: 1.4rem;
line-height: 1.7142857143;
margin-top: 2rem;
max-width: 100%;
}
}
.p-index-sdgs .c-button-01 {
margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
.p-index-sdgs .c-button-01 {
margin-top: 3.2rem;
}
}
/*# sourceMappingURL=index.css.map */