@charset "UTF-8";
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}

*,
::before,
::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
::-moz-selection {
background: #e7e7e7;
}
::selection {
background: #e7e7e7;
}
html {
font-size: 62.5%;
height: 100%;
line-height: 1.15;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
width: 100%;
}
body {
background: #fafafa;
color: #797976;
-ms-content-zooming: none;
font: normal normal normal 1.35em/1 Quicksand, '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
-webkit-font-smoothing: antialiased;
height: 100%;
letter-spacing: 0;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
word-wrap: break-word;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
body[data-fixed='true'] {
left: 0;
position: fixed;
}
body.ua-ie {
font-family: Quicksand, 'メイリオ', Meiryo, sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font: inherit;
}
a {
color: currentColor;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
small {
font-size: inherit;
}
ul,
ol {
list-style: none;
}
img,
picture,
video {
height: auto;
max-width: 100%;
}
img {
border-style: none;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
address {
font: inherit;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
}
textarea {
overflow-y: auto;
resize: vertical;
}
[type='submit'],
[type='button'],
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
[hidden] {
display: none;
}
[disabled] {
cursor: not-allowed;
}
:focus:not(.focus-visible) {
outline: 0;
}
.l-container {
margin-top: 2.4rem;
}
.l-contents-header {
display: flex; }
.l-drawer-menu {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 30;
}
.l-drawer-menu[aria-hidden='true'] {
display: none;
}
.l-footer {
background: #d6d4e6;
padding: 6.4rem 5%;
}
.l-gnav {
display: none;
height: 8rem;
position: relative;
z-index: 10;
}
.l-header {
height: 5.6rem;
position: relative;
z-index: 20;
}
.l-home {
padding-bottom: 6.4rem;
}
.l-loader {
position: relative;
z-index: 40;
}
.l-main {
overflow: hidden;
position: relative;
z-index: 0;
}
.l-subpage {
padding-bottom: 6.4rem;
}
.c-button {
display: block;
letter-spacing: .16em;
line-height: 1.5;
padding: 1em 1.5em;
position: relative;
text-align: center;
z-index: 0;
}
.c-button[target='_blank']::after {
background: url(//sugiyama-tatami.com/wp-content/themes/sg091/img/common/icon_window-icon.svg) no-repeat center center/contain;
content: '';
display: inline-block;
height: 1.6rem;
transition: background .5s cubic-bezier(.19, 1, .22, 1);
width: 1.6rem;
}
.c-button[target='_blank'][data-hover='true']::after {
background: url(//sugiyama-tatami.com/wp-content/themes/sg091/img/common/icon_window-icon-white.svg) no-repeat center center/contain;
}
.c-button.fa-instagram::after,
.c-button.fa-instagram[data-hover='true']::after {
content: "\f16d";
background: none;
}
.c-button.-primary,
.c-button.-submit {
border: 1px solid #2a2750;
color: #2a2750;
transition: color .5s cubic-bezier(.19, 1, .22, 1);
}
.c-button.-primary::before,
.c-button.-submit::before {
background: #2a2750;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
.c-button.-primary[data-hover='true'],
.c-button.-submit[data-hover='true'] {
color: #fafafa;
}
.c-button.-primary[data-hover='true']::before,
.c-button.-submit[data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.c-button.-secondary {
background: #2a2750;
border: 1px solid transparent;
color: #fafafa;
}
.c-button.-tertiary {
background: #2a2750;
border: 1px solid #fafafa;
color: #fafafa;
}
.c-button.-submit {
padding: 0;
}
.c-button.-tabstyle {
padding: 1.5em 1em;
}
.c-button__input {
color: inherit;
display: inline-block;
height: 100%;
letter-spacing: .1em;
padding: 1em 1.5em;
width: 100%;
}
.c-category-block {
border: 1px solid;
color: #2a2750;
display: table;
letter-spacing: .16em;
line-height: 1.5;
padding: .2em .8em;
}
.c-column-list__item:not(:first-child) {
margin-top: 1em;
}
.c-date {
color: #797976;
letter-spacing: .1em;
line-height: 1.5;
}
.c-figure {
background: #ddd;
overflow: hidden;
position: relative;
}
.c-figure::after {
content: '';
display: block;
padding-top: 100%;
}
.c-figure.-wide::after {
padding-top: 61.8%;
}
.c-figure__img {
font-family: 'object-fit: cover;', sans-serif;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.c-grid {
margin-top: -1.6rem;
}
.c-grid__item {
margin-top: 1.6rem;
}
.c-large-title {
color: #2a2750;
font-size: 1.8rem;
letter-spacing: .1em;
line-height: 1.8;
}
.c-paragraph {
letter-spacing: .1em;
line-height: 2;
text-align: left;
text-justify: inter-ideograph;
}
.c-paragraph p:not([class]):not(:first-child) {
margin-top: 1em;
}
.c-price,
.c-price__body {
display: block;
}
.c-price__row {
display: block;
padding-bottom: 1.6rem;
}
.c-price__row:not(:first-child) {
border-top: 1px solid #b5b5b5;
padding-top: 1.6rem;
}
.c-price__title {
color: #606060;
display: block;
font-weight: bold;
-ms-grid-column: 1;
grid-column: 1/2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-row: 1/2;
-ms-grid-row-span: 1;
letter-spacing: .1em;
line-height: 1.5;
text-align: left;
}
.c-price__desc {
display: block;
-ms-grid-column: 1;
grid-column: 1/2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
grid-row: 2/3;
-ms-grid-row-span: 1;
letter-spacing: .1em;
line-height: 1.8;
}
.c-price__title + .c-price__desc {
margin-top: .8em;
}
.c-price__money {
color: #2a2750;
display: block;
font-weight: bold;
-ms-grid-column: 3;
grid-column: 3/4;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-row: 1/3;
-ms-grid-row-span: 2;
letter-spacing: .1em;
line-height: 1.5;
}
.c-price__title + .c-price__money,
.c-price__desc + .c-price__money {
margin-top: .8em;
}
.c-price__note {
color: #888;
font-size: .8em;
letter-spacing: .1em;
line-height: 1.5;
}
.c-price__text + .c-price__note {
margin-top: 1em;
}
.c-table__row:not(:first-child) {
border-top: 1px solid #b5b5b5;
margin-top: 1.6rem;
padding-top: 1.6rem;
}
.c-table__title,
.c-table__desc {
letter-spacing: .1em;
line-height: 1.8;
}
.c-table__title {
color: #2a2750;
flex-basis: 20%;
font-weight: bold;
min-width: 18rem;
}
.c-table.-price-table .c-table__title {
color: #606060;
flex-basis: 75%;
font-weight: normal;
}
.c-table__desc {
flex-basis: 80%;
}
.c-table.-price-table .c-table__desc {
color: #2a2750;
flex-basis: 25%;
font-weight: bold;
text-align: right;
}
.c-text-block {
background: #2a2750;
color: #fafafa;
display: table;
letter-spacing: .1em;
padding: .8em 1em;
}
.c-border-headline {
border-bottom: 2px solid;
display: block;
padding-bottom: .8rem;
}
.c-border-headline.-theme-color {
color: #2a2750;
}
.c-border-headline__maintitle,
.c-border-headline__subtitle {
display: inline-block;
line-height: 1.5;
vertical-align: middle;
}
.c-border-headline__maintitle {
font-size: 1.5rem;
font-weight: bold;
letter-spacing: .25em;
}
.c-border-headline__subtitle {
letter-spacing: .16em;
}
.c-border-headline__maintitle + .c-border-headline__subtitle {
margin-left: .8em;
}
.c-hgroup__title {
color: #606060;
font-size: 1.6rem;
letter-spacing: .18em;
line-height: 1.6;
}
.c-hgroup__subtitle {
color: #2a2750;
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 1.6rem;
letter-spacing: .15em;
line-height: 1.5;
}
.c-hgroup__title + .c-hgroup__subtitle {
margin-top: .8rem;
}
.c-slash-headline {
display: block;
}
.c-slash-headline__en-title,
.c-slash-headline__jp-title {
color: #2a2750;
display: inline-block;
letter-spacing: .1em;
}
.c-slash-headline__en-title {
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 2.4rem;
}
.c-slash-headline__jp-title {
font-size: 1.5rem;
position: relative;
}
.c-slash-headline__en-title + .c-slash-headline__jp-title {
margin-left: 1.6rem;
padding-left: 1.6rem;
}
.c-slash-headline__en-title + .c-slash-headline__jp-title::before {
background: #2a2750;
content: '';
display: inline-block;
height: 3.2rem;
left: 0;
position: absolute;
top: calc(50% - 1.6rem);
transform: rotate(25deg);
width: 1px;
}
.c-sns-link {
color: #606060;
position: relative;
z-index: 0;
}
.c-sns-link::before {
border-radius: 50%;
content: '';
display: inline-block;
height: 2em;
left: calc(50% - 1em);
opacity: 0;
position: absolute;
top: calc(50% - 1em);
transform: scale3d(.9, .9, 1);
transition: opacity .5s, transform .5s;
width: 2em;
z-index: -1;
}
.c-sns-link.-primary::before {
background: rgba(212, 232, 232, .8);
}
.c-sns-link.-secondary::before {
background: rgba(250, 250, 250, .8);
}
.c-sns-link[data-hover='true']::before {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.c-text-link {
display: inline-block;
letter-spacing: .1em;
line-height: 1.5;
padding: 0 .5em;
position: relative;
white-space: nowrap;
z-index: 0;
}
.c-text-link::after {
bottom: 0;
content: '';
display: inline-block;
height: .5em;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.c-text-link.-primary::after {
background: #d6d4e6;
}
.c-text-link.-secondary::after {
background: rgba(250, 250, 250, .8);
} .c-text-link:not([aria-current])::after {
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
}
.c-text-link[data-hover='true']:not([aria-current])::after {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.st-loader {
align-items: center;
background: #2a2750;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
@-webkit-keyframes loader-completed {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, 100%, 0);
}
}
@keyframes loader-completed {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, 100%, 0);
}
}
.st-loader__bar {
background: rgba(250, 250, 250, .1);
height: 2px;
position: relative;
width: 16rem;
z-index: 0;
}
.st-loader__bar::before {
-webkit-animation: loader-bar 1.5s cubic-bezier(.645, .045, .355, 1) infinite;
animation: loader-bar 1.5s cubic-bezier(.645, .045, .355, 1) infinite;
background: #fafafa;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@-webkit-keyframes loader-bar {
0% {
transform: scale3d(1, 1, 1);
transform-origin: right;
}
50% {
transform: scale3d(0, 1, 1);
transform-origin: right;
}
51% {
transform: scale3d(0, 1, 1);
transform-origin: left;
}
100% {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
}
@keyframes loader-bar {
0% {
transform: scale3d(1, 1, 1);
transform-origin: right;
}
50% {
transform: scale3d(0, 1, 1);
transform-origin: right;
}
51% {
transform: scale3d(0, 1, 1);
transform-origin: left;
}
100% {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
} .archive-contents {
padding: 6.4rem 5% 0;
}
.archive-contents__headline {
text-align: center;
}
.archive-contents__headline + .archive-contents__nav {
margin-top: 4rem;
}
.archive-contents__headline + .archive-contents__body,
.archive-contents__nav + .archive-contents__body {
margin-top: 6.4rem;
}
.archive-tab {
display: flex;
margin: -.4rem 0 0 -.4rem;
flex-wrap: wrap;
}
.archive-tab__item {
flex-basis: calc(50% - .4rem);
margin: .4rem 0 0 .4rem;
}
.archive-tab__button {
border: 1px solid #2a2750;
color: #2a2750;
display: block;
letter-spacing: .05em;
line-height: 1.5;
padding: .6em 1.2em;
position: relative;
text-align: center;
transition: color .5s cubic-bezier(.19, 1, .22, 1);
z-index: 0;
}
.archive-tab__button::before {
background: #2a2750;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
.archive-tab__button[data-hover='true'] {
color: #fafafa;
}
.archive-tab__button[data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.archive-tab__button[aria-current] {
background: #2a2750;
color: #fafafa;
opacity: 1;
pointer-events: none;
}
.home-access {
margin-top: 6.4rem;
padding: 0 5%;
}
.home-access__title-en {
color: rgba(0, 90, 36, .8);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 4.8rem;
letter-spacing: .1em;
}
.home-access__title-jp {
color: #2a2750;
font-size: 1.8rem;
}
.home-access__title-en + .home-access__title-jp {
margin-left: .8rem;
}
.home-access__table {
margin-top: 3.2rem;
}
.home-access__headline + .home-access__image {
margin-top: 1.6rem;
}
.home-blog-list {
justify-content: center;
}
.home-blog-list__item:nth-child(n+3) {
display: none;
}
#faq.home-sub-section.-background-green {
overflow: hidden;
}
#faq .home-section__container-list {
background: rgba(250,250,250,.7);
margin-bottom: 20px;
}
#faq .home-section__container-header {
display: -webkit-box;
display: flex;
padding: 25px;
border-bottom: 1px solid #2a2750;
cursor: pointer;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
#faq .home-section__container-ttl {
display: -webkit-box;
display: flex;
max-width: calc(100% - 66px);
margin-left: 10px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
#faq .home-section__container-ttl:before {
margin-right: 25px;
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W2, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 2rem;
font-weight: 400;
color: #2a2750;
word-break: break-all;
content: 'Q';
}
#faq .home-section__container-txtbox {
overflow: hidden;
}
#faq .home-section__container-txt {
display: none;
padding: 25px 75px;
}
#faq .home-accordion-button {
position: relative;
width: 16px;
height: 16px;
margin-right: 10px;
}
#faq .home-accordion-button-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #2a2750;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#faq .home-accordion-button-line:nth-child(1) {
-webkit-animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
#faq .home-section__container-list[data-status="active"] .home-accordion-button-line:nth-child(1) {
-webkit-animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
#faq .home-accordion-button-line:nth-child(2) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
#faq .home-section__container-list[data-status="active"] .home-accordion-button-line:nth-child(2) {
-webkit-animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.l-subpage-contents #faq.home-sub-section {
padding: 0 5% 8rem 6vw;
}
@keyframes plusanime_col {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@keyframes plusanime_col_reverse {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_row {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_row_reverse {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
} #sb_instagram {
float: none !important; padding: 0 !important; width: calc(100% + 1.2rem) !important; }
#sbi_images {
display: flex;
flex-wrap: wrap;
float: none !important; margin: -1.2rem 0 0 -1.2rem;
padding: 0 !important; }
#sb_instagram #sbi_images .sbi_item {
flex-basis: calc(50% - 1.2rem) !important; margin: 1.2rem 0 0 1.2rem !important; }
.sbi_photo_wrap {
overflow: hidden;
}
.sbi_photo {
transition: transform .5s;
}
.ua-pc .sbi_photo:hover {
transform: scale3d(1.1, 1.1, 1);
}
.home-kv {
position: relative;
width: 100%; z-index: 0;
}
.home-kv__desc {
margin: -3.2rem 0 0 auto;
position: relative;
width: calc(100% - 3.2rem);
}
.home-kv__desc-container {
border: 1px solid #b5b5b5;
border-right: 0;
padding: 8%;
position: relative;
}
.home-kv__desc-container::after {
background: rgba(250, 250, 250, .8);
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: translate(-1.2rem, 1.2rem);
width: 100%;
z-index: -1;
}
.home-kv__title {
color: #797976;
font-size: 1.8rem;
letter-spacing: .2em;
line-height: 1.5;
}
.home-kv__subtitle {
color: #2a2750;
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 1.6rem;
letter-spacing: .15em;
line-height: 1.5;
}
.home-kv__title + .home-kv__subtitle {
margin-top: .8rem;
}
.home-kv__headline + .home-kv__paragraph {
margin-top: 2.4rem;
}
.home-kv__background {
background: #ddd no-repeat center center / cover;
padding-top: 61.8%;
position: relative;
width: 95%;
z-index: -1;
}
.home-kv__button {
margin-top: 3.2rem;
max-width: 40rem;
}
.home-kv__button-item + .home-kv__button-item {
margin-top: 1.6rem;
}
.home-lead-block__title + .home-lead-block__text {
margin-top: 2.4rem;
}
.home-lead-block__button {
margin-top: 4rem;
max-width: 260px;
}
.home-main-section {
margin-top: 6.4rem;
position: relative;
}
.home-main-section::before {
background: #b5b5b5;
content: '';
display: inline-block;
height: 100%;
left: 3.2rem;
position: absolute;
top: 0;
width: 1px;
}
.home-main-section__desc {
padding-top: 4rem;
}
.home-main-section__desc-container {
border-top: 1px solid #b5b5b5;
padding: 4.8rem 0 3.2rem 4.8rem;
position: relative;
}
.home-main-section__desc-headline {
left: 4.8rem;
position: absolute;
top: 0;
transform: translateY(-50%);
}
.home-main-section__desc-lead {
padding-right: 5%;
}
.home-main-section__desc-en-title {
color: rgba(0, 90, 36, .5);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 5.6rem;
left: -1.4rem;
letter-spacing: .16em;
line-height: 1;
padding: .8em 0;
position: absolute;
top: 0;
}
.home-main-section__desc-en-text {
display: inline-block;
position: relative;
text-align: right;
transform: rotate(180deg);
white-space: nowrap;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
letter-spacing: .16em;
}
.home-main-section__picture {
z-index: 0;
}
.home-main-section:nth-of-type(odd) .home-main-section__picture {
justify-content: flex-end;
}
.home-main-section__picture.-narrow-screen {
padding-bottom: 1.6rem;
}
.home-main-section__picture.-wide-screen {
display: none;
}
.home-main-section__picture-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
.home-main-section__picture-item {
position: relative;
}
.home-main-section__picture-item:first-child {
-ms-grid-column: 2;
grid-column: 2 / 5;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
z-index: 1;
}
.home-main-section__picture-item:nth-child(2) {
-ms-grid-column: 1;
grid-column: 1 / 4;
-ms-grid-column-span: 3;
-ms-grid-row: 2;
grid-row: 2 / 4;
-ms-grid-row-span: 2;
}
.home-main-section__picture-item:only-child {
-ms-grid-column: 1;
grid-column: 1 / 5;
-ms-grid-column-span: 4;
-ms-grid-row: 1;
grid-row: 1 / 4;
-ms-grid-row-span: 3;
}
.home-main-section__picture-en-text {
color: rgba(0, 90, 36, .8);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 5.6rem;
letter-spacing: .16em;
margin-top: -2.8rem;
position: relative;
text-align: right;
z-index: 2;
}
.home-main-section:nth-child(2n+1) .home-main-section__desc-container {
border-left: 0;
}
.home-main-section:nth-child(2n) .home-main-section__desc-container {
border-right: 0;
}
.home-map {
background: #d6d4e6;
margin-top: 6.4rem;
overflow: hidden;
position: relative;
}
.home-map::after {
content: '';
display: block;
padding-top: 75%;
}
.home-map iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.home-sub-section {
margin-top: 8rem;
padding: 4rem 0 0 3.2rem;
position: relative;
z-index: 0;
}
.home-sub-section__container {
padding: 11.2rem 5% 4rem 1.6rem;
position: relative;
}
.l-subpage-contents #faq .home-sub-section__container{
padding: 5rem 5% 4rem;
}
.home-sub-section__container::before,
.home-sub-section__container::after {
content: '';
display: inline-block;
position: absolute;
}
.home-sub-section__container::before {
background: #b5b5b5;
height: 1px;
right: 0;
top: 0;
width: 100vw;
}
.home-sub-section__container::after {
background: #2a2750;
bottom: 0;
height: calc(100% + 4rem);
left: 0;
width: 1px;
}
.l-subpage-contents .home-sub-section__container::before,
.l-subpage-contents .home-sub-section__container::after {
content: none;
}
.home-sub-section.-background-green .home-sub-section__container {
background: linear-gradient(180deg, transparent 6.4rem, #d6d4e6 6.4rem);
}
.home-sub-section__headline {
left: 1.6rem;
position: absolute;
top: 0;
transform: translateY(-50%);
}
.home-sub-section__button {
margin: 4rem auto 0;
max-width: 260px;
}
.home-sub-section__en-title {
color: rgba(0, 90, 36, .8);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 5.6rem;
letter-spacing: .16em;
position: absolute;
right: 0;
text-align: right;
top: 2.8rem;
}
.home-sub-section__side-en-title {
color: rgba(0, 90, 36, .5);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 5.6rem;
left: -.24em;
letter-spacing: .1em;
line-height: 1;
position: absolute;
top: 8rem;
}
.home-sub-section__side-en-text {
display: inline-block;
position: relative;
text-align: right;
transform: rotate(180deg);
white-space: nowrap;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
letter-spacing: .16em;
}
.post-article {
padding: 2.4rem 0 6.4rem;
position: relative;
line-height: 2;
}
.post-article > :first-child {
margin-top: 0;
}
.post-article > [class|="wp"] {
margin: 40px 0 0;
}
.post-article p:not([class]) {
letter-spacing: .1em;
line-height: 1.8;
margin-top: 4rem;
}
.post-article p:not([class]) + p:not([class]) {
margin-top: 1em;
}
.post-article h2:not([class]) {
border-bottom: 2px solid #2a2750;
color: #2a2750;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: .1em;
line-height: 1.5;
margin-top: 4rem;
padding-bottom: .8rem;
position: relative;
text-align: left;
}
.post-article h3:not([class]) {
border-bottom: 1px solid #2a2750;
color: #2a2750;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: .1em;
line-height: 1.5;
margin-top: 4rem;
padding-bottom: .8rem;
position: relative;
text-align: left;
}
.post-article h4:not([class]) {
border-left: 4px solid #2a2750;
color: #2a2750;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: .1em;
margin-top: 4rem;
padding: .5em 1em;
text-align: left;
}
.post-article b:not([class]),
.post-article em:not([class]),
.post-article strong:not([class]) {
background: linear-gradient(transparent 55%, rgba(42, 39, 80, .5) 45%);
}
.post-article > ul:not([class]),
.post-article .wp-block-categories {
margin: 4rem 0 0;
padding-left: 1em;
}
.post-article > ul:not([class]) > li,
.post-article .wp-block-categories > li {
display: flex;
line-height: 1.5;
}
.post-article > ul:not([class]) > li + li,
.post-article .wp-block-categories > li + li {
margin-top: 1em;
}
.post-article > ul:not([class]) > li::before,
.post-article .wp-block-categories > li::before {
align-self: center;
background: #2a2750;
content: '';
display: inline-block;
-ms-grid-row-align: center;
height: 6px;
margin-right: 1em;
transform: rotate(45deg);
width: 6px;
}
.post-article > ol:not([class]) {
counter-reset: order 0;
margin: 4rem 0 0;
padding-left: 1em;
}
.post-article > ol:not([class]) > li {
display: flex;
line-height: 1.5;
}
.post-article > ol:not([class]) > li + li {
margin-top: 1em;
}
.post-article > ol:not([class]) > li::before {
align-self: center;
color: #2a2750;
content: counter(order, decimal-leading-zero) '';
counter-increment: order 1;
display: inline-block;
font-size: 1.6rem;
-ms-grid-row-align: center;
margin-right: 1em;
}
.post-article > ul:not(.wp-block-gallery) {
margin: 40px 0 0;
padding: 0 0 0 1em;
}
.post-article > ul:not(.wp-block-gallery) > li:not([class]) {
display: flex;
line-height: 1.5;
}
.post-article > ul:not(.wp-block-gallery) > li:not([class])::before {
display: inline-block;
width: 4px;
height: 4px;
margin: 0 .5em 0 0;
border-radius: 50%;
background: #111;
content: "";
-ms-grid-row-align: center;
align-self: center;
}
.post-article > ul:not(.wp-block-gallery) > li:not([class]) + li:not([class]) {
margin: .5em 0 0;
}
.post-article .wp-block-image {
position: relative;
}
.post-article .wp-block-image figcaption {
background: #2a2750;
color: #fafafa;
font-size: 1.4rem;
left: 0;
line-height: 1.5;
margin: 0;
padding: 1em 1.5em;
position: absolute;
top: 0;
z-index: 1;
}
.post-article .wp-block-quote {
border: 2px solid rgba(0, 90, 36, .8);
border-radius: 4px;
margin: 4rem 0 0;
padding: 2em;
}
.post-article .wp-block-audio {
margin: 4rem 0 0;
}
.post-article .wp-block-audio figcaption {
color: #fafafa;
font-size: 1em;
margin: 1em 0 0;
}
.post-article .wp-block-file {
margin: 4rem 0 0;
}
.post-article .wp-block-file .wp-block-file__button {
background: rgba(0, 90, 36, .8);
display: inline-block;
}
.post-article .wp-block-code {
background: #333;
border: 0;
border-radius: 0;
color: #fafafa;
margin: 4rem 0 0;
overflow: hidden;
padding: 2em;
width: 100%;
}
.post-article .wp-block-code code {
width: 100%;
}
.post-article .wp-block-pullquote {
border-color: #2a2750;
color: #2a2750;
margin: 4rem 0 0;
}
.post-article .wp-block-pullquote cite {
color: #333;
}
.post-article .wp-block-button {
margin: 4rem 0 0;
}
.post-article .wp-block-button__link {
background: #2a2750;
color: #fafafa;
}
.post-article .wp-block-separator {
border-color: #2a2750;
margin: 4rem 0 0;
margin-left: auto;
margin-right: auto;
}
.post-article .wp-block-calendar {
margin: 4rem 0 0;
}
.post-article .wp-block-calendar caption {
color: #2a2750;
}
.post-article .wp-block-calendar th {
background: #2a2750;
color: #fafafa;
}
.post-article .wp-block-calendar td {
color: #2a2750;
}
.post-article .wp-block-embed-twitter {
text-align: center;
}
.post-article .wp-block-embed-youtube {
margin: 4rem 0 0;
}
.post-article .wp-block-embed-youtube .wp-block-embed__wrapper {
overflow: hidden;
position: relative;
}
.post-article .wp-block-embed-youtube .wp-block-embed__wrapper::after {
content: '';
display: block;
padding-top: 56.25%;
}
.post-article .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.wp-embed-aspect-4-3 .post-article .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 75%;
}
.wp-embed-aspect-16-9 .post-article .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 56.25%;
}
.seo-links {
margin-top: .5em;
padding-bottom: 2em;
}
.post-categories {
display: flex;
}
.post-categories li:not([class]):not(:last-child) {
margin-right: 1em;
}
.post-categories a:not([class]) {
border: 1px solid #2a2750;
color: #2a2750;
display: block;
line-height: 1.5;
padding: .4em .8em;
position: relative;
transition: color .5s cubic-bezier(.19, 1, .22, 1);
}
.post-categories a:not([class])::before {
background: #2a2750;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
.post-categories a:not([class])[data-hover='true'] {
color: #fafafa;
}
.post-categories a:not([class])[data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.post-contents {
margin: auto;
max-width: 1280px;
padding: 6.4rem 5% 0;
}
.post-contents__headline {
font-size: 1.8rem;
letter-spacing: .1em;
line-height: 1.8;
}
.post-contents__meta + .post-contents__headline {
margin-top: 2rem;
}
.post-contents__eyecatch {
margin-top: 3.2rem;
}
.post-contents__button {
margin: 4.8rem auto 0;
max-width: 260px;
}
.post-nav {
border: 1px solid #2a2750;
margin-top: 6.4rem;
padding: 2.4rem;
}
.post-nav__headline {
color: #2a2750;
font-size: 3.2rem;
letter-spacing: .1em;
}
.post-nav__table {
margin-top: 3.2rem;
}
.post-nav__table-item + .post-nav__table-item {
margin-top: 2rem;
}
.post-nav__table-item.-child {
list-style: disc;
margin-left: 2.4rem;
padding-left: 1em;
}
.post-nav__table-link {
font-weight: bold;
line-height: 1.5;
position: relative;
z-index: 0;
}
.post-nav__table-link::after {
background: #2a2750;
bottom: 0;
content: '';
display: inline-block;
height: 2px;
left: 0;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 100%;
z-index: -1;
}
.post-nav__table-link[data-hover='true']::after {
opacity: 1;
}
.post-nav + .post-temp {
padding-top: 3.2rem;
}
.sw-article-card {
background: #fafafa;
display: flex;
flex-direction: column;
height: 100%;
padding-bottom: 4rem;
position: relative;
}
.sw-article-card::after {
background: rgba(250, 250, 250, .3);
content: '';
display: inline-block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .5s;
width: 100%;
z-index: 1;
}
.sw-article-card[data-hover='true']::after {
opacity: 1;
}
.sw-article-card.-background-green {
background: #d6d4e6;
}
.sw-article-card__thumb {
overflow: hidden;
position: relative;
}
.sw-article-card__thumb::before {
border: 1px solid rgba(250, 250, 250, .8);
border-bottom: 0;
bottom: 0;
content: '';
display: inline-block;
left: 1.6rem;
position: absolute;
right: 1.6rem;
top: 1.6rem;
z-index: 1;
}
.sw-article-card__thumb-figure {
transition: transform .5s;
}
.sw-article-card[data-hover='true'] .sw-article-card__thumb-figure {
transform: scale3d(1.1, 1.1, 1);
}
.sw-article-card__category-wrap{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin-top: -10px;
}
.sw-article-card__category{
margin-top: 10px;
}
.sw-article-card__category:not(:first-of-type){
margin-left: 10px;
}
.sw-article-card__lead {
padding: 4rem 1.6rem;
}
.sw-article-card__title {
color: #606060;
line-height: 2;
margin-top: 1.6rem;
}
.sw-article-card__date {
align-self: center;
border-top: 1px solid #2a2750;
-ms-grid-row-align: center;
margin-top: auto;
padding-top: .8rem;
text-align: right;
width: calc(100% - 3.2rem);
}
.sw-card {
border: 1px solid #b5b5b5;
padding: 7.5vw;
position: relative;
}
.sw-card::after {
background: rgba(250, 250, 250, .8);
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.sw-card.-primary {
border-left: 0;
}
.sw-card.-primary::after {
transform: translate(1.6rem, -1.6rem);
}
.sw-card.-secondary {
border-right: 0;
}
.sw-card.-secondary::after {
transform: translate(-1.6rem, -1.6rem);
}
.sw-card__contents + .sw-card__headline {
margin-top: 1.6rem;
}
.sw-card__headline + .sw-card__contents {
margin-top: 2.4rem;
}
.sw-card__headline + .sw-card__button,
.sw-card__paragraph + .sw-card__button {
margin-top: 2.4rem;
}
.sw-card__en-text {
color: rgba(0, 90, 36, .8);
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 4rem;
letter-spacing: .16em;
position: absolute;
right: 0;
top: .18em;
transform: translateY(-100%);
}
.st-breadcrumbs {
padding: 0 5%;
}
.st-breadcrumbs__list {
border-top: 1px solid #2a2750;
display: flex;
flex-wrap: wrap;
padding: 2rem 0;
}
.st-breadcrumbs__item {
color: #606060;
letter-spacing: .1em;
line-height: 1.5;
}
.st-breadcrumbs__item:not(:last-child) {
margin-right: 1em;
}
.st-breadcrumbs__item:not(:last-child)::after {
content: '\03e';
display: inline-block;
padding-left: 1em;
}
.st-breadcrumbs__link--home:hover,
.st-breadcrumbs__link:hover {
border-bottom: 1px solid rgb(42, 39, 80);
}
.st-breadcrumbs__link--home,
.st-breadcrumbs__link {
border-bottom: 1px solid rgba(255, 255, 255, 0);
transition: .2s;
}
.st-drawer-menu-close {
height: 3.2rem;
position: fixed;
right: 2rem;
top: 2rem;
width: 3.2rem;
z-index: 100;
}
.st-drawer-menu-close__line {
display: inline-block;
height: 2px;
left: 50%;
position: absolute;
top: 50%;
width: 100%;
}
.st-drawer-menu-close__line::before {
background: #fafafa;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform-origin: left;
width: 100%;
}
.st-drawer-menu-close__line:first-child {
transform: translate(-50%, -50%) rotate(135deg);
}
.st-drawer-menu-close__line:first-child::before {
-webkit-animation: menuButtonIn .5s cubic-bezier(.19, 1, .22, 1) .5s both;
animation: menuButtonIn .5s cubic-bezier(.19, 1, .22, 1) .5s both;
}
.st-drawer-menu-close__line:nth-child(2) {
transform: translate(-50%, -50%) rotate(45deg);
}
.st-drawer-menu-close__line:nth-child(2)::before {
-webkit-animation: menuButtonIn .5s cubic-bezier(.19, 1, .22, 1) .8s both;
animation: menuButtonIn .5s cubic-bezier(.19, 1, .22, 1) .8s both;
}
.l-drawer-menu[aria-hidden='true'] .st-drawer-menu-close__line::before {
transform-origin: right;
}
.l-drawer-menu[aria-hidden='true'] .st-drawer-menu-close__line:first-child::before {
-webkit-animation: menuButtonOut .5s cubic-bezier(.19, 1, .22, 1) both;
animation: menuButtonOut .5s cubic-bezier(.19, 1, .22, 1) both;
}
.l-drawer-menu[aria-hidden='true'] .st-drawer-menu-close__line:nth-child(2)::before {
-webkit-animation: menuButtonOut .5s cubic-bezier(.19, 1, .22, 1) both;
animation: menuButtonOut .5s cubic-bezier(.19, 1, .22, 1) both;
}
@-webkit-keyframes menuButtonIn {
0% {
transform: scale3d(0, 1, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes menuButtonIn {
0% {
transform: scale3d(0, 1, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes menuButtonOut {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(0, 1, 1);
}
}
@keyframes menuButtonOut {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(0, 1, 1);
}
}
.st-drawer-menu-list__item {
text-align: center;
}
.st-drawer-menu-list__item:not(:first-child) {
margin-top: 1.6rem;
}
.st-drawer-menu-list__link {
color: #fafafa;
display: inline-block;
font-size: 2rem;
letter-spacing: .1em;
line-height: 1.5;
overflow: hidden;
position: relative;
} .st-drawer-menu-list__link-text,
.st-drawer-menu-contact__item .c-button{
-webkit-animation: drawerLinkAppearPrimary .5s cubic-bezier(.075, .82, .165, 1) .5s both;
animation: drawerLinkAppearPrimary .5s cubic-bezier(.075, .82, .165, 1) .5s both;
display: inline-block;
padding: 0 .2em;
position: relative;
z-index: 0;
}
.st-drawer-menu-contact__item .c-button {
padding: 1em 1.4em;
}
.st-drawer-menu-contact__item .c-button.-shopname{
padding: .39em 1.5em;
}
.st-drawer-menu-list__link-text::after,
.st-drawer-menu-contact__item .c-button::after {
-webkit-animation: drawerLinkAppearSecondary .5s cubic-bezier(.075, .82, .165, 1) .8s both;
animation: drawerLinkAppearSecondary .5s cubic-bezier(.075, .82, .165, 1) .8s both;
background: #fafafa;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform-origin: bottom;
width: 100%;
z-index: 2;
}
.st-drawer-menu-list__link[aria-current] .st-drawer-menu-list__link-text::before {
background: #fafafa;
bottom: 0;
content: '';
display: inline-block;
height: 2px;
left: 0;
position: absolute;
transform-origin: bottom;
width: 100%;
z-index: 1;
}
.st-drawer-menu-contact__item {
margin-top: 2em;
overflow: hidden;
display: inline-table;
}
.st-drawer-menu-contanct__ttl{
font-size: 1rem;
display: block;
}
@-webkit-keyframes drawerLinkAppearPrimary {
0% {
transform: translate3d(0, -100%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes drawerLinkAppearPrimary {
0% {
transform: translate3d(0, -100%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes drawerLinkAppearSecondary {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1, 0, 1);
}
}
@keyframes drawerLinkAppearSecondary {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1, 0, 1);
}
}
@-webkit-keyframes drawerLinkAppearTertiary {
0% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
@keyframes drawerLinkAppearTertiary {
0% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
.st-drawer-menu-sns {
align-items: center;
-webkit-animation: drawerSnsFadeIn .8s cubic-bezier(.215, .61, .355, 1) .5s both;
animation: drawerSnsFadeIn .8s cubic-bezier(.215, .61, .355, 1) .5s both;
display: flex;
justify-content: center;
margin-top: 4rem;
}
.st-drawer-menu-sns__item:not(:first-child) {
margin-left: 2.4rem;
}
.st-drawer-menu-sns__link {
color: #fafafa;
font-size: 2rem;
}
@-webkit-keyframes drawerSnsFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes drawerSnsFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.st-drawer-menu {
-webkit-animation: drawerOpen .5s cubic-bezier(.215, .61, .355, 1) forwards;
animation: drawerOpen .5s cubic-bezier(.215, .61, .355, 1) forwards;
background: #2a2750;
height: 100%;
left: 0;
overflow: hidden;
padding: 4rem;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.l-drawer-menu[aria-hidden='true'] .st-drawer-menu {
-webkit-animation: drawerClose .5s cubic-bezier(.215, .61, .355, 1) forwards;
animation: drawerClose .5s cubic-bezier(.215, .61, .355, 1) forwards;
}
.st-drawer-menu__container {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
overflow-y: auto;
}
.l-drawer-menu[aria-hidden='true'] .st-drawer-menu__container {
visibility: hidden;
}
@-webkit-keyframes drawerOpen {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes drawerOpen {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes drawerClose {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
}
}
@keyframes drawerClose {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
}
}
.st-footer-address__title {
margin: auto;
max-width: 124px;
}
.st-footer-address__logo {
display: block;
width: 100%;
}
.st-footer-address__desc {
color: #2a2750;
letter-spacing: .1em;
line-height: 1.8;
text-align: center;
}
.st-footer-address__title + .st-footer-address__desc {
margin-top: 2.4rem;
}
.st-footer-address__desc > p:not([class]):not(:first-child) {
margin-top: 1em;
}
.st-footer-contact {
margin: auto;
max-width: 540px;
}
.st-footer-address + .st-footer-contact {
margin-top: 4rem;
}
.st-footer-contact__item {
flex-basis: 320px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.st-footer-contact__item .c-button{
height: 100%;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
}
.st-footer-contact__item .c-button.-shopname{
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.st-footer-contact__item:not(:first-child) {
margin-top: 1.6rem;
}
.st-footer-contact__ttl{
display: block;
font-size: 1.2rem;
}
.st-footer-copyright {
text-align: center;
}
.st-footer-address + .st-footer-copyright,
.st-footer-contact + .st-footer-copyright,
.st-footer-nav + .st-footer-copyright,
.c-ft-bnr + .st-footer-copyright {
margin-top: 4.8rem;
}
.st-footer-copyright__text {
color: #2a2750;
font-size: 1.2rem;
letter-spacing: .1em;
line-height: 1.5;
}
.st-footer-nav-menu {
display: none;
}
.st-footer-nav-menu__item {
color: #2a2750;
}
.st-footer-nav-menu__item:not(:last-child) {
margin-right: 2rem;
}
.st-footer-nav-sns {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.st-footer-nav-menu + .st-footer-nav-sns {
margin-top: 2.4rem;
}
.st-footer-nav-sns__item:not(:first-child) {
margin-left: 2.8rem;
}
.st-footer-nav-sns__link {
color: #2a2750;
font-size: 2rem;
}
.st-footer-address + .st-footer-nav,
.st-footer-contact + .st-footer-nav {
margin-top: 4rem;
}
.st-global-footer {
margin: auto;
max-width: 1000px;
}
.st-gnav-logo {
-webkit-filter: blur(0);
filter: blur(0);
height: 4.8rem;
transition: opacity .4s, visibility .4s, -webkit-filter .4s;
transition: filter .4s, opacity .4s, visibility .4s;
transition: filter .4s, opacity .4s, visibility .4s, -webkit-filter .4s;
}
.st-gnav-logo[aria-hidden='true'] {
-webkit-filter: blur(5px);
filter: blur(5px);
opacity: 0;
visibility: hidden;
}
.st-gnav-logo__link {
display: inline-block;
height: 100%;
transition: -webkit-filter .3s;
transition: filter .3s;
transition: filter .3s, -webkit-filter .3s;
}
.st-gnav-logo__link[data-hover='true'] {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 90, 36, .8));
filter: drop-shadow(0 0 2px rgba(0, 90, 36, .8));
}
.st-gnav-logo__img {
display: block;
height: 100%;
width: auto;
}
.st-gnav-menu {
display: flex;
}
.st-gnav-menu__item:not(:first-child) {
margin-left: 2.4rem;
}
.st-gnav-menu__link {
color: #606060;
font-size: 1.6rem;
}
.st-gnav-sns {
display: flex;
margin-left: 3.2rem;
}
.st-gnav-sns__item:not(:first-child) {
margin-left: 2rem;
}
.st-gnav-sns__link {
font-size: 1.8rem;
}
.st-gnav {
align-items: center;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background: #fafafa;
display: flex;
height: 8rem;
justify-content: space-between;
left: 0;
padding: 0 2.5%;
position: relative;
top: 0;
transition: background .4s, box-shadow .4s;
width: 100%;
}
.st-gnav[data-sticky='true'] {
background: rgba(250, 250, 250, .9);
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
position: fixed;
}
.st-gnav__contents {
align-items: center;
display: flex;
justify-content: flex-end;
}
.c-sp-teltap {
color: #2a2750;
font-size: 20px;
position: absolute;
width: 2.4rem;
z-index: 0;
right: calc(5.5% + 30px);
top: calc(50% - 10px);
}
.c-sp-teltap__link {
display: inline-block;
height: 100%;
}
@media screen and (min-width: 1200px) {
.c-sp-teltap {
display: none;
}
}
.st-burger-button {
display: inline-block;
height: 100%;
position: relative;
width: 2.4rem;
z-index: 0;
}
.st-burger-button__line {
background: #2a2750;
display: inline-block;
height: 2px;
left: calc(50% - 1.2rem);
position: absolute;
top: calc(50% - 1px);
transition: background .5s, transform .5s, opacity .5s;
width: 100%;
}
.st-burger-button__line:first-child {
transform: translateY(-.8rem);
}
.st-burger-button__line:last-child {
transform: translateY(.8rem);
}
.st-global-header {
align-items: center;
background: #fafafa;
box-shadow: 0 0 8px rgba(0, 0, 0, .1);
display: flex;
height: 5.6rem;
justify-content: space-between;
left: 0;
padding: 0 5%;
position: fixed;
top: 0;
width: 100%;
}
.st-header-contact {
display: none;
}
.st-header-contact__item {
position: relative;
}
.st-header-contact__item:not(:first-child) {
padding-left: 4.8rem;
}
.st-header-contact__item:not(:first-child)::before {
background: #2a2750;
content: '';
display: inline-block;
height: 3.2rem;
left: 2.2rem;
position: absolute;
top: calc(50% - 1.6rem);
width: 1px;
}
.st-header-contact__link {
color: #2a2750;
display: inline-block;
font-size: 2rem;
letter-spacing: .16em;
position: relative;
z-index: 0;
}
.st-header-contact__link::before {
background: #d6d4e6;
content: '';
display: inline-block;
height: .5em;
left: 0;
position: absolute;
top: calc(50% - .25em);
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
.st-header-contact__link[data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.st-header-contact__icon {
display: inline-block;
font-size: 1.8rem;
letter-spacing: 0;
margin-right: 1.2rem;
}
.st-header-logo {
height: 4.2rem;
}
.st-header-logo__link {
display: inline-block;
height: 100%;
transition: -webkit-filter .3s;
transition: filter .3s;
transition: filter .3s, -webkit-filter .3s;
}
.st-header-logo__link[data-hover='true'] {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 90, 36, .8));
filter: drop-shadow(0 0 2px rgba(0, 90, 36, .8));
}
.st-header-logo__img {
display: block;
height: 100%;
width: auto;
}
.st-pagetop {
bottom: .8rem;
height: 3.6rem;
position: fixed;
right: .8rem;
width: 3.6rem;
z-index: 10;
}
.st-pagetop__button {
align-items: center;
background: #2a2750;
border-radius: 4px;
display: inline-flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
transition: background .3s, transform .5s, opacity .5s, visibility .5s;
width: 100%;
}
.st-pagetop__button::after {
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3B%7D.cls-2%7Bstroke%3A%23fafafa%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2226%2011%2039%2024%2026%2037.25%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%229%22%20y1%3D%2224%22%20x2%3D%2228%22%20y2%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center/contain no-repeat;
content: '';
display: inline-block;
height: 2rem;
opacity: .8;
transform: rotate(-90deg);
width: 2rem;
}
.st-pagetop__button[data-hover='true'] {
background: rgba(42, 39, 80, .8);
}
.st-pagetop[aria-hidden] {
display: none;
}
.st-pagetop[aria-hidden] .st-pagetop__button {
opacity: 0;
transform: scale3d(.9, .9, 1);
visibility: hidden;
}
.st-pagination {
margin-top: 6.4rem;
}
.st-pagination__list {
display: flex;
justify-content: center;
}
.st-pagination__item:not(:first-child) {
margin-left: 1.2rem;
}
.st-pagination__button {
align-items: center;
border: 1px solid #2a2750;
color: #2a2750;
display: inline-flex;
height: 4rem;
justify-content: center;
position: relative;
width: 4rem;
}
.st-pagination__button::before {
background: #2a2750;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
.st-pagination__button[data-hover='true'] {
color: #fafafa;
}
.st-pagination__button[data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
.st-pagination__button[aria-current] {
background: #2a2750;
color: #fafafa;
opacity: .8;
}
.st-subpage-header {
display: -ms-grid;
display: grid;
-ms-grid-columns: 12rem 1fr;
-ms-grid-rows: 1fr;
grid-template-columns: 12rem 1fr;
grid-template-rows: 1fr;
width: 100%; }
.st-subpage-header__title {
-ms-grid-column: 1;
grid-column: 1 / 3;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
padding: 5.6rem 8%;
z-index: 1;
}
.st-subpage-header__title-en-text,
.st-subpage-header__title-jp-text {
color: #fafafa;
display: block;
letter-spacing: .1em;
}
.st-subpage-header__title-en-text {
font-family: 'Cormorant Garamond', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
font-size: 4.8rem;
letter-spacing: .1em;
}
.st-subpage-header__title-jp-text {
line-height: 1.5;
}
.st-subpage-header__title-en-text + .st-subpage-header__title-jp-text {
margin-top: .4em;
}
.st-subpage-header__background {
background: #ddd no-repeat center center / cover;
-ms-grid-column: 1;
grid-column: 1 / 3;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
position: relative;
z-index: -1;
}
.st-subpage-header__background::after {
background: rgba(42, 39, 80, .7);
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.sub-404 {
letter-spacing: .1em;
line-height: 2;
padding: 6.4rem 5% 0;
}
.sub-404 p:not([class]) + p:not([class]) {
margin-top: 1em;
}
.sub-contact-form {
background: #d6d4e6;
margin: 6.4rem auto 0;
max-width: 960px;
padding: 2.4rem;
}
.sub-contact-form label {
cursor: pointer;
display: inline-block;
position: relative;
}
.sub-contact-form .error {
color: #f3798f;
font-weight: bold;
margin-top: .5em;
}
.sub-contact-form__item:not(:first-child) {
margin-top: 2rem;
}
.sub-contact-form__title {
line-height: 2;
}
.sub-contact-form__val {
background: #2a2750;
color: #fafafa;
display: inline-block;
margin-right: .8em;
padding: 0 .8em;
}
.sub-contact-form__val.-any {
background: #999;
}
.sub-contact-form__desc {
margin-top: 1.6rem;
}
.sub-contact-form__memo {
font-size: 1.2rem;
letter-spacing: .1em;
padding-top: 15px;
}
.sub-contact-form__textarea {
min-height: 32rem;
resize: vertical;
}
.sub-contact-form__text,
.sub-contact-form__textarea {
background: rgba(250, 250, 250, .8);
color: #333;
padding: .8em;
transition: box-shadow .5s cubic-bezier(.075, .82, .165, 1);
width: 100%;
}
.sub-contact-form__text:focus,
.sub-contact-form__textarea:focus {
box-shadow: inset 0 0 0 2px #2a2750;
outline: 0;
}
.sub-contact-form__consent {
margin-top: 4.8rem;
text-align: center;
}
.sub-contact-form__submit {
align-items: center;
display: flex;
justify-content: center;
margin-top: 4.8rem;
padding: 0 2.4%;
}
.sub-contact-guidance {
padding-top: 1.2em;
}
.sub-contact-guidance__title {
padding-bottom: 1.2em;
}
.sub-contact-form__submit-item {
flex-basis: 48%;
max-width: 260px;
}
.mw_wp_form_input .sub-contact-form__submit-item {
flex-basis: 100%;
}
.mw_wp_form_confirm .sub-contact-form__submit-item:not(:first-child) {
margin-left: 4%;
}
.mw_wp_form_input .sub-contact-form__submit-item.-back {
display: none;
}
.mw_wp_form_confirm .sub-contact-form__submit-item.-back {
display: block;
}
.mwform-checkbox-field-text {
cursor: pointer;
display: inline-block;
line-height: 1.5;
padding-left: 40px;
position: relative;
}
.mwform-checkbox-field-text::before,
.mwform-checkbox-field-text::after {
content: '';
display: inline-block;
position: absolute;
}
.mwform-checkbox-field-text::before {
border: 2px solid #2a2750;
border-radius: 0;
height: 24px;
left: 0;
top: calc(50% - 12px);
transition: opacity .5s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(.19, 1, .22, 1);
width: 24px;
}
.mwform-checkbox-field-text::after {
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
height: 16px;
left: 8px;
opacity: 0;
top: calc(50% - 10px);
transform: rotate(-225deg);
transition: border-color .5s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(.19, 1, .22, 1);
width: 8px;
}
input[type='checkbox']:checked ~ .mwform-checkbox-field-text::before {
opacity: 0;
transform: scale3d(2, 2, 1) rotate(45deg);
}
input[type='checkbox']:checked ~ .mwform-checkbox-field-text::after {
border-color: #2a2750;
opacity: 1;
transform: rotate(45deg);
}
.mw_wp_form_input .-input-none {
display: none;
}
.mw_wp_form_confirm .-confirm-none {
display: none;
}
.mwform-radio-field input[type="radio"], .mwform-checkbox-field input[type="checkbox"] {
display: none;
}
.mwform-radio-field input[type="radio"] + span, .mwform-checkbox-field input[type="checkbox"] + span {
position: relative;
display: inline-block;
margin: 0 30px 0 0;
padding: 0 0 0 28px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.3;
text-align: left;
cursor: pointer;
}
.mwform-radio-field input[type="radio"] + span::before, .mwform-checkbox-field input[type="checkbox"] + span::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #2a2750;
background: #fff;
vertical-align: sub;
content: "";
}
.mwform-radio-field input[type="radio"] + span::after, .mwform-checkbox-field input[type="checkbox"] + span::after {
position: absolute;
top: 5px;
left: 5px;
display: inline-block;
width: 10px;
height: 10px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.mwform-radio-field input[type="radio"]:checked + span::after, .mwform-checkbox-field input[type="checkbox"]:checked + span::after {
opacity: 1;
}
.mwform-radio-field input[type="radio"] + span::before {
border-radius: 50%;
}
.mwform-radio-field input[type="radio"] + span::after {
border-radius: 50%;
background: #2a2750;
}
.mwform-checkbox-field input[type="checkbox"] + span::before {
border-width: 2px;
border-radius: 1px;
}
.mwform-checkbox-field input[type="checkbox"] + span::after {
top: 2px;
left: 6px;
width: 5px;
border: solid #2a2750;
border-width: 0 3px 3px 0;
color: #2a2750;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.mwform-radio-field.horizontal-item {
display: block;
margin: 0 0 1em 0;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin: 0 0 1em 0;
}
}
.sub-contact-lead {
letter-spacing: .1em;
line-height: 1.8;
}
.sub-contact-lead > p:not([class]):not(:first-child) {
margin-top: 1em;
}
.sub-contact {
margin: auto;
max-width: 1280px;
padding: 6.4rem 5% 0;
}
.sub-detail__desc {
margin-top: -2.4rem;
padding-left: calc(5% + 1.6rem);
position: relative;
z-index: 1;
}
.sub-detail__picture {
-ms-grid-column: 1;
grid-column: 1 / 7;
-ms-grid-column-span: 6;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
position: relative;
z-index: 0;
}
.sub-feature__desc {
margin-top: -2.4rem;
padding-right: calc(5% + 1.6rem);
position: relative;
z-index: 1;
}
.sub-privacy {
font-size: 1.4rem;
height: 36rem;
margin-top: 6.4rem;
overflow-y: auto;
padding: 0 0 3.2rem;
}
.sub-privacy::-webkit-scrollbar {
background: rgba(250, 250, 250, .1);
border-radius: 0;
overflow: hidden;
width: 4px;
}
.sub-privacy::-webkit-scrollbar-button {
display: none;
}
.sub-privacy::-webkit-scrollbar-thumb {
background: #2a2750;
border-radius: 0;
overflow: hidden;
}
.sub-privacy__title {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.sub-privacy__text {
letter-spacing: .1em;
line-height: 1.5;
margin-top: 3.2rem;
}
.sub-privacy__list {
margin-top: 3.2rem;
}
.sub-privacy__list-item:not(:first-child) {
margin-top: 3.2rem;
}
.sub-privacy__list-title {
border-bottom: 2px solid #2a2750;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: .1em;
line-height: 1.5;
margin-bottom: 16px;
padding-bottom: 16px;
}
.sub-privacy__order {
counter-reset: order 0;
margin-top: 1.6rem;
}
.sub-privacy__order-item {
letter-spacing: .05em;
line-height: 1.5;
padding-left: 3.2rem;
position: relative;
}
.sub-privacy__order-item::before {
content: counter(order) '.';
counter-increment: order 1;
display: inline-block;
left: 0;
position: absolute;
top: 0;
}
.c-privacy__order.md-brackets .sub-privacy__order-item::before {
content: '(' counter(order) ')';
}
.c-privacy__order.md-child .sub-privacy__order-item::before {
content: counter(order, lower-roman) '';
}
.sub-privacy__order-item:not(:first-child) {
margin-top: 1.6rem;
}
.sub-privacy__order-text {
letter-spacing: .05em;
line-height: 1.5;
margin-top: 1.6rem;
}
.sub-section {
margin-top: 6.4rem;
}
.sub-section__headline {
text-align: center;
}
.sub-section__headline + .sub-section__contents {
margin-top: 4.8rem;
}
.sub-section__contents + .sub-section__contents {
margin-top: 4.8rem;
}
.u-gothic {
font-family: Quicksand, '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.ua-ie .u-gothic {
font-family: Quicksand, 'メイリオ', Meiryo, sans-serif;
}
.u-readonly {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.pc,
.u-pc {
display: none;
}
@media screen and (min-width: 321px) {
.c-hgroup__title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 768px) {
body {
font-size: 1.5em;
}
.l-footer {
padding: 8rem 5%;
}
.l-header {
height: 6rem;
}
.l-home {
padding-bottom: 8rem;
}
.l-subpage {
padding-bottom: 8rem;
}
.c-grid {
display: flex;
flex-wrap: wrap;
}
.c-grid.-medium,
.c-grid.-large {
margin-left: -1.6rem;
}
.c-grid.-medium .c-grid__item,
.c-grid.-large .c-grid__item {
flex-basis: calc(50% - 1.6rem);
margin-left: 1.6rem;
}
.c-large-title {
font-size: 2.1rem;
}
.c-price__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4rem auto;
-ms-grid-rows: 1fr auto;
grid-template-columns: 1fr 4rem auto;
grid-template-rows: 1fr auto;
padding-bottom: 2rem;
}
.c-price__row:not(:first-child) {
padding-top: 2rem;
}
.c-price__title + .c-price__money,
.c-price__desc + .c-price__money {
margin: 0;
text-align: right;
}
.c-border-headline__maintitle {
font-size: 1.6rem;
}
.c-hgroup__title {
font-size: 2.2rem;
}
.c-hgroup__subtitle {
font-size: 2.1rem;
}
.c-slash-headline__en-title {
font-size: 3.2rem;
}
.c-slash-headline__jp-title {
font-size: 1.6rem;
}
.c-slash-headline__en-title + .c-slash-headline__jp-title {
margin-left: 1.8rem;
padding-left: 2.2rem;
}
.c-slash-headline__en-title + .c-slash-headline__jp-title::before {
height: 4rem;
top: calc(50% - 2rem);
}
.archive-contents {
padding: 8rem 5% 0;
}
.archive-contents__headline {
text-align: left;
}
.archive-tab {
margin: -.8rem 0 0 -.8rem;
}
.archive-tab__item {
flex-basis: auto;
margin: .8rem 0 0 .8rem;
}
.home-access {
margin-top: 8rem;
}
.home-access__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3.2rem 45%;
-ms-grid-rows: auto 1fr;
grid-template-columns: 1fr 3.2rem 45%;
grid-template-rows: auto 1fr;
margin: auto;
max-width: 1280px;
}
.home-access__headline {
-ms-grid-column: 1;
grid-column: 1/2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-row: 1/2;
-ms-grid-row-span: 1;
}
.home-access__title-jp {
font-size: 2.1rem;
}
.home-access__table {
-ms-grid-column: 1;
grid-column: 1/2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
grid-row: 2/3;
-ms-grid-row-span: 1;
}
.home-access__headline + .home-access__image {
margin: 0;
}
.home-access__image {
-ms-grid-column: 3;
grid-column: 3/4;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-row: 1/3;
-ms-grid-row-span: 2;
}
.home-blog-list__item:nth-child(n+3) {
display: block;
}
#sb_instagram #sbi_images .sbi_item {
flex-basis: calc((100% / 3) - 1.2rem) !important; }
.home-kv__desc {
width: calc(100% - 5.6rem);
}
.home-kv__subtitle {
font-size: 2.8rem;
}
.home-kv__headline + .home-kv__paragraph {
margin-top: 3.2rem;
}
.home-main-section {
margin-top: 8rem;
}
.home-main-section::before {
left: 5.6rem;
}
.home-main-section__desc-container {
padding: 4.8rem 0 3.2rem 8rem;
}
.home-main-section__desc-headline {
left: 8rem;
}
.home-main-section__desc-en-title {
font-size: 8rem;
left: -1rem;
}
.home-main-section__picture-en-text {
font-size: 8rem;
}
.home-map {
margin-top: 8rem;
}
.home-map::after {
padding-top: 50%;
}
.home-sub-section {
margin-top: 8rem;
padding: 4rem 0 0 5.6rem;
}
.l-subpage-contents #faq .home-sub-section { 
margin-top: 3rem;
}
.home-sub-section__container {
padding: 11.6rem 5% 4rem 2.4rem;
}
.l-subpage-contents #faq .home-sub-section__container{
padding: 5rem 5% 4rem 3.2rem;
}
.home-sub-section.-background-green .home-sub-section__container {
background: linear-gradient(180deg, transparent 8rem, #d6d4e6 8rem);
}
.home-sub-section__headline {
left: 2.4rem;
}
.home-sub-section__en-title {
font-size: 8rem;
}
.home-sub-section__side-en-title {
font-size: 8rem;
left: -.12em;
}
.post-article h2:not([class]) {
font-size: 2rem;
}
.post-article h3:not([class]) {
font-size: 1.8rem;
}
.post-article h4:not([class]) {
font-size: 1.8rem;
}
.post-contents {
padding: 8rem 5% 0;
}
.post-contents__headline {
font-size: 2rem;
}
.post-contents__meta + .post-contents__headline {
margin-top: 2.4rem;
}
.post-article > [class|="wp"] {
margin: 24px 0 0;
}
.post-article > p:not([class]) {
margin: 24px 0 0;
}
.post-article h2:not([class]) {
margin-top: 40px;
font-size: 22px;
font-size: 2.2rem;
}
.post-article h3:not([class]) {
margin: 24px 0 0;
font-size: 18px;
font-size: 1.8rem;
}
.post-article h4:not([class]) {
margin: 24px 0 0;
font-size: 16px;
font-size: 1.6rem;
}
.post-article > ol:not([class]) {
margin: 24px 0 0;
}
.post-article > ul:not(.wp-block-gallery) {
margin: 24px 0 0;
}
.post-article .wp-block-quote {
padding: 2em 1em 2em 2em;
}
.post-article .wp-block-audio audio {
min-width: 100%;
}
.post-article .wp-block-file .wp-block-file__button {
width: 100%;
margin: 10px 0 0;
}
.post-article .wp-block-pullquote p:not([class]) {
font-size: 22px;
font-size: 2.2rem;
}
.post-article .wp-block-button__link {
width: 100%;
margin: 10px 0 0;
}
.p-post-section__txt {
margin: 24px 0 0;
}
.p-post-section__eyecatch {
margin: 24px 0 0;
}
.post-nav {
padding: 3.2rem;
}
.post-nav__table-item + .post-nav__table-item {
margin-top: 2.4rem;
}
.sw-card__en-text {
font-size: 5.6rem;
}
.st-drawer-menu-close {
right: 3.2rem;
top: 3.2rem;
}
.st-footer-address__title {
max-width: 124px;
}
.st-global-header {
height: 6rem;
}
.st-loader__bar {
width: 20rem;
}
.st-pagetop {
height: 4.8rem;
width: 4.8rem;
}
.st-pagetop__button::after {
height: 2.4rem;
width: 2.4rem;
}
.st-subpage-header__title {
color: #2a2750;
padding: 9.6rem 5%;
}
.st-subpage-header__title-en-text,
.st-subpage-header__title-jp-text {
color: #2a2750;
}
.st-subpage-header__title-en-text {
font-size: 6.4rem;
}
.st-subpage-header__background {
-ms-grid-column: 2;
grid-column: 2 / 3;
-ms-grid-column-span: 1;
}
.st-subpage-header__background::after {
background: rgba(250, 250, 250, .3);
}
.sub-404 {
padding-top: 8rem;
}
.sub-contact-form {
padding: 4.8rem;
}
.sub-contact-form__consent {
margin-top: 6.4rem;
}
.sub-contact-form__submit {
margin-top: 6.4rem;
}
.sub-contact-guidance {
padding-top: 1.2em;
}
.sub-contact-guidance__title {
padding-bottom: 1.2em;
}
.sub-contact {
padding: 8rem 5% 0;
}
.sub-privacy {
padding: 0 3.2rem 3.2rem;
}
.sub-privacy__title {
font-size: 2.4rem;
}
.sub-privacy__list-title {
font-size: 1.6rem;
}
.sub-section {
margin-top: 8rem;
}
.sub-section__headline + .sub-section__contents {
margin-top: 6.4rem;
}
.sub-section__contents + .sub-section__contents {
margin-top: 6.4rem;
}
.pc,
.u-pc {
display: block;
}
.sp,
.u-sp {
display: none;
}
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
.home-access__container {
-ms-grid-columns: 1fr 3.2rem 1fr;
grid-template-columns: 1fr 3.2rem 1fr;
}
}
@media screen and (min-width: 992px) {
.l-footer {
padding: 6.4rem 5%;
}
.l-header {
height: 7.4rem;
}
.l-home {
padding-bottom: 12rem;
}
.l-subpage {
padding-bottom: 12rem;
}
.c-column-list {
align-items: center;
display: flex;
}
.c-column-list__item:not(:first-child) {
margin: 0 0 0 1em;
}
.c-grid {
margin: -2.4rem 0 0 -2.4rem;
}
.c-grid.-medium {
margin: -2.4rem 0 0 -2.4rem;
}
.c-grid.-large {
margin: -1.6rem 0 0 -1.6rem;
}
.c-grid.-medium .c-grid__item {
flex-basis: calc(50% - 2.4rem);
margin: 2.4rem 0 0 2.4rem;
}
.c-grid.-large .c-grid__item {
flex-basis: calc((100% / 3) - 1.6rem);
margin: 1.6rem 0 0 1.6rem;
}
.c-large-title {
font-size: 2.6rem;
}
.c-table__row {
display: flex;
}
.c-border-headline__maintitle {
font-size: 1.8rem;
}
.c-hgroup__title {
font-size: 3.6rem;
}
.c-hgroup__subtitle {
font-size: 3.2rem;
}
.c-slash-headline__en-title {
font-size: 4rem;
}
.c-slash-headline__jp-title {
font-size: 1.8rem;
}
.archive-contents {
padding: 12rem 5% 0;
}
.home-access {
margin-top: 12rem;
}
.home-access__title-jp {
font-size: 2.6rem;
}
.home-kv__desc {
margin-top: -4.8rem;
width: calc(100% - 8rem);
}
.home-lead-block__title + .home-lead-block__text {
margin-top: 3.2rem;
}
.home-lead-block__button {
margin-top: 4.8rem;
}
.home-main-section {
margin-top: 12rem;
}
.home-main-section::before {
left: 8rem;
}
.home-main-section__desc-container {
padding: 4.8rem 0 3.2rem 11.2rem;
}
.home-main-section__desc-headline {
left: 11.2rem;
}
.home-main-section__desc-en-title {
font-size: 10.4rem;
left: -.4rem;
}
.home-main-section__picture-en-text {
font-size: 10.4rem;
}
.home-map {
margin-top: 12rem;
}
.home-sub-section {
margin-top: 12rem;
padding: 4rem 0 0 8rem;
}
#faq.home-sub-section {
margin-top: 5rem;
}
.home-sub-section__container {
padding: 12.4rem 5% 4rem 3.2rem;
}
.l-subpage-contents #faq .home-sub-section__container{
padding: 5rem 5% 4rem 3.2rem;
}
.home-sub-section__headline {
left: 3.2rem;
}
.home-sub-section__button {
margin-top: 6.4rem;
}
.home-sub-section__en-title {
font-size: 10.4rem;
}
.home-sub-section__side-en-title {
font-size: 10.4rem;
left: -.05em;
}
.post-article {
padding-bottom: 8rem;
}
.post-contents {
padding: 12rem 5% 0;
}
.sw-card.-primary::after {
transform: translate(-1.4vw, -1.4vw);
}
.sw-card.-secondary::after {
transform: translate(1.4vw, -1.4vw);
}
.sw-card__contents + .sw-card__headline {
margin-top: 2.4rem;
}
.sw-card__headline + .sw-card__contents {
margin-top: 3.2rem;
}
.sw-card__headline + .sw-card__button,
.sw-card__paragraph + .sw-card__button {
margin-top: 3.2rem;
}
.sw-card__en-text {
font-size: 8rem;
}
.st-drawer-menu-list__link {
font-size: 2.4rem;
}
.st-footer-address + .st-footer-contact {
margin-top: 4.8rem;
max-width: 100%;
}
.st-footer-contact__container {
display: flex;
justify-content: center;
}
.st-footer-contact__item:not(:first-child) {
margin: 0 0 0 1.6rem;
}
.st-footer-address + .st-footer-copyright,
.st-footer-contact + .st-footer-copyright,
.st-footer-nav + .st-footer-copyright,
.c-ft-bnr + .st-footer-copyright {
margin-top: 6.4rem;
}
.st-footer-nav-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.st-footer-address + .st-footer-nav,
.st-footer-contact + .st-footer-nav {
margin-top: 4.8rem;
}
.st-global-header {
height: 7.4rem;
}
.st-header-logo {
height: 4.8rem;
}
.st-pagetop {
height: 5.6rem;
width: 5.6rem;
}
.st-pagetop__button::after {
height: 3.2rem;
width: 3.2rem;
}
.st-subpage-header__title-en-text {
font-size: 8rem;
}
.sub-404 {
padding-top: 12rem;
text-align: center;
}
.sub-contact-form {
padding: 6.4rem;
}
.sub-contact-guidance {
padding-top: 1.2em;
}
.sub-contact-guidance__title {
padding-bottom: 1.2em;
}
.sub-contact {
padding: 12rem 5% 0;
}
.sub-detail__desc {
margin-top: -3.2rem;
}
.sub-feature__desc {
margin-top: -3.2rem;
}
.sub-section {
margin-top: 12rem;
}
.sub-section__headline + .sub-section__contents {
margin-top: 8rem;
}
.sub-section__contents + .sub-section__contents {
margin-top: 8.8rem;
}
}
@media screen and (min-width: 1200px) {
body {
font-size: 1.6em;
}
.l-gnav {
display: block;
}
.l-subpage-contents {
padding: 0 5%;
}
.c-button {
font-size: 2rem;
}
.c-button.-tabstyle {
align-items: center;
display: block;
font-size: 1.5rem;
height: 100%;
}
.c-grid {
margin: -1.6rem 0 0 -1.6rem;
}
.c-grid.-medium,
.c-grid.-large {
margin: -1.6rem 0 0 -1.6rem;
}
.c-grid.-medium .c-grid__item,
.c-grid.-large .c-grid__item {
flex-basis: calc(25% - 1.6rem);
margin: 1.6rem 0 0 1.6rem;
}
.c-border-headline__maintitle {
font-size: 2.4rem;
}
.c-hgroup__title {
font-size: 3.8rem;
}
.c-hgroup__subtitle {
font-size: 3.4rem;
}
.c-slash-headline__en-title {
font-size: 4.8rem;
}
.archive-contents {
padding: 12rem 0 0;
}
#sb_instagram {
width: calc(100% + 1.6rem) !important; }
#sbi_images {
margin: -1.6rem 0 0 -1.6rem;
}
#sb_instagram #sbi_images .sbi_item {
flex-basis: calc((100% / 6) - 1.6rem) !important; margin: 1.6rem 0 0 1.6rem !important; }
.home-kv {
align-items: center;
display: flex;
justify-content: flex-end;
min-height: calc(100vh - 15.4rem);
padding: 2rem 0;
}
.home-kv__desc {
margin: 0;
min-width: 704px;
width: 43.125%;
}
.home-kv__desc-container::after {
transform: translate(-3.2rem, 3.2rem);
}
.home-kv__title {
font-size: 3.2rem;
}
.home-kv__background {
height: 100%;
left: 5%;
padding: 0;
position: absolute;
top: 0;
width: 78.125%;
}
.home-kv__button {
display: flex;
max-width: 64rem;
}
.home-kv__button-item {
flex-basis: calc(50% - 1.6rem);
}
.home-kv__button-item + .home-kv__button-item {
margin-left: 3.2rem;
margin-top: 0;
}
.home-main-section {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.home-main-section::before {
display: none;
}
.home-main-section__desc,
.home-main-section__picture {
align-items: flex-start;
display: flex;
-ms-grid-column: 1;
grid-column: 1/2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-row: 1/2;
-ms-grid-row-span: 1;
position: relative;
}
.home-main-section__desc {
padding-top: 5vw;
z-index: 1;
}
.home-main-section:nth-of-type(even) .home-main-section__desc {
justify-content: flex-end;
}
.home-main-section__desc-container {
border: 1px solid #b5b5b5;
padding: 4vw 6vw 4vw 8vw;
width: 50%;
}
.home-main-section__desc-container::after {
background: rgba(250, 250, 250, .7);
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: translate(3.2rem, 3.2rem);
width: 100%;
z-index: -1;
}
.home-main-section:nth-of-type(even) .home-main-section__desc-container::after {
transform: translate(-3.2rem, 3.2rem);
}
.home-main-section__desc-headline {
left: 8vw;
}
.home-main-section__desc-lead {
padding-right: 0;
}
.home-main-section__desc-en-title {
border-right: 1px solid #2a2750;
font-size: 5.2vw;
left: 0;
padding: 1em 0;
top: -2.5vw;
width: 1em;
}
.home-main-section__desc-en-text {
left: .18em;
}
.home-main-section__picture.-narrow-screen {
display: none;
}
.home-main-section__picture.-wide-screen {
display: flex;
}
.home-main-section__picture-container {
width: 55%;
}
.home-main-section__picture-en-text {
font-size: 6.4vw;
margin-top: -3.2vw;
padding: 0 2.4rem;
}
.home-main-section:nth-of-type(even) .home-main-section__picture-en-text {
text-align: left;
}
.home-map::after {
padding-top: 25%;
}
.home-sub-section {
padding: 6.4vw 5% 8rem 6vw;
}
.home-sub-section.-background-green::before {
background: #d6d4e6;
bottom: 0;
content: '';
display: inline-block;
height: 64%;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
#faq.home-sub-section.-background-green::before {
bottom: auto;
content: '';
height: 200%;
top: calc(6.8vw + 5rem);
}
.home-sub-section__container {
padding: 5.6rem 0 0 4.8rem;
}
#faq .home-sub-section__container {
padding: 9.8rem 0 0 4.8rem;
}
.home-sub-section__container::after {
height: calc(100% + 2.5vw);
}
.home-sub-section.-background-green .home-sub-section__container {
background: transparent;
}
.home-sub-section__headline {
left: 4.8rem;
}
.home-sub-section__en-title {
font-size: 6.4vw;
top: .2em;
transform: translateY(-100%);
}
.home-sub-section__side-en-title {
font-size: 5.2vw;
left: .15em;
padding: 1em 0;
top: 2.5vw;
}
.home-sub-section__side-en-text {
left: .18em;
}
.post-contents__headline {
font-size: 2.4rem;
}
.sw-card {
padding: 4.4vw;
}
.sw-card.-primary {
border: 1px solid #b5b5b5;
}
.sw-card.-secondary {
border: 1px solid #b5b5b5;
}
.sw-card__en-text {
font-size: 4.8vw;
}
.st-burger-button {
display: none;
}
.st-global-header {
box-shadow: none;
height: 100%;
padding: 0 2.5%;
position: relative;
}
.st-header-contact {
display: flex;
-ms-align-items: center;
align-items: center;
} .st-header-contanct__ttl{
font-size: 1.1rem;
display: block;
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.st-header-contanct__ttl + .st-header-contact__icon{
font-size: 1.6rem;
margin-right: 0rem;
}
.st-header-contanct__ttl + .st-header-contact__icon + .st-header-contant__tel{
font-size: 1.8rem;
} .st-subpage-header {
padding: 0 5%;
}
.st-subpage-header__title {
padding: 9.6rem 0;
}
.sub-contact-lead {
text-align: center;
}
.sub-contact-guidance {
padding-top: 1.2em;
}
.sub-contact-guidance__title {
padding-bottom: 1.2em;
}
.sub-contact-guidance__desc .c-button {
max-width: 320px;
margin: 0 auto;
}
.sub-detail {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
}
.sub-detail__desc {
-ms-grid-column: 6;
grid-column: 6 / 13;
-ms-grid-column-span: 7;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
margin: 0;
padding: 8vw 0 0;
}
.sub-feature {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
}
.sub-feature__desc {
-ms-grid-column: 1;
grid-column: 1 / 4;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
margin: 0;
padding: 8vw 0 0;
}
.sub-feature__picture {
-ms-grid-column: 3;
grid-column: 3 / 6;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
grid-row: 1 / 2;
-ms-grid-row-span: 1;
position: relative;
z-index: 0;
}
}
@media screen and (max-width: 767px) {
.home-access__headline {
text-align: center;
}
#faq .home-section__container-header {
padding: 25px 0;
}
#faq .home-section__container-ttl {
font-size: 1.5rem;
max-width: calc(100% - 50px);
}
#faq .home-section__container-ttl:before {
margin-right: 20px;
}
#faq .home-section__container-txt {
display: none;
padding: 25px 10px;
}
.l-subpage #faq.home-sub-section {
margin-top: 3rem;
padding: 0 5% 0 6vw;
}
.l-subpage-contents #faq .home-sub-section__container {
padding: 0 5%;
}
}
.st-footer-address__link {
display: inline-block;
transition: .2s;
}
.st-footer-address__link:hover {
opacity: .7;
}
.c-ft-bnr {
max-width: 200px;
margin: 4.8rem auto 0;
}
.c-ft-bnr + .c-ft-bnr {
margin: 2.4rem auto 0;
}
@media screen and (min-width: 992px) {
.c-ft-bnr {
margin: 6.4rem auto 0;
}
.c-ft-bnr + .c-ft-bnr {
margin: 3.2rem auto 0;
}
.c-ft-bnr__link {
transition: .2s;
}
.c-ft-bnr__link:hover {
opacity: .7;
}
}
.st-global-header__wrap {
display: flex;
justify-content: space-between;
width: 100%;
} #gallery #sb_instagram #sbi_load {
font-family: Quicksand, '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-all;
letter-spacing: 0.1em;
font-weight: 400;
margin-top: 30px;
}
#gallery #sb_instagram #sbi_load .sbi_follow_btn {
width: 100%;
max-width: 260px;
margin: 4rem auto 0;
text-align: center;
}
#gallery #sb_instagram #sbi_load .sbi_follow_btn a {
display: flex;
justify-content: center;
align-items:center;
letter-spacing: .16em;
line-height: 1.5;
padding: 1em 1.5em;
position: relative;
text-align: center;
z-index: 0;
border: 1px solid #2a2750;
color: #2a2750;
transition: color .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
font-size: 1.5rem;
font-weight: normal;
text-decoration: none;
border-radius: 0;
cursor: pointer;
background-color: transparent;
box-shadow: none;
}
#gallery #sb_instagram #sbi_load .sbi_follow_btn a::before {
background: #2a2750;
content: '';
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(0, 1, 1);
transform-origin: right;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
width: 100%;
z-index: -1;
}
#gallery #sb_instagram #sbi_load .sbi_follow_btn a[data-hover='true'] {
color: #fafafa;
}
#gallery #sb_instagram #sbi_load .sbi_follow_btn [data-hover='true']::before {
transform: scale3d(1, 1, 1);
transform-origin: left;
}
#gallery #sb_instagram svg:not(:root).svg-inline--fa {
width: 1.3em;
height: 1.3em;
order: 1;
margin-right: 0;
margin-left: 7px;
}
@media screen and (min-width: 1200px) {
#gallery #sb_instagram #sbi_load .sbi_follow_btn a {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
} .refusal {
text-align: right;
margin-top: 30px;
}
.refusal img {
width: 100%;
max-width: 300px;
margin-left: auto;
}
@media screen and (max-width: 770px) {
.refusal {
margin-top: 10px;
margin-bottom: 10px;
}
.refusal img {
max-width: 270px;
}
}
img[src$="reloclub_logo.jpg"] ,
img[src$="fukuri_logo.jpg"] {
max-width:200px;
}
.sub-contact-form__item select {
color: #333;
padding: .8em;
transition: box-shadow .5s cubic-bezier(.075, .82, .165, 1);
width: 100%;
display: block;
line-height: 1.3;
box-sizing: border-box;
margin: 0;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: rgba(250, 250, 250, .8);
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: right .7em top 50%;
background-size: .65em auto;
}
.sub-contact-form__item select:focus {
box-shadow: inset 0 0 0 2px #2a2750;
outline: 0;
}
.sub-contact-form__item select::-ms-expand {
display: none;
}
.sub-contact-form__item select:focus {
outline: none;
}
.sub-contact-form__item select option {
font-weight:normal;
}
@media screen and (max-width:767px) {
.sw-card__en-text {
text-shadow:#fff 2px 0px 6px, #fff -2px 0px 6px, #fff 0px -2px 6px, #fff -2px 0px 6px, #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px;
}
}