@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
word-break: normal;
}

*, :after, :before {
background-repeat: no-repeat;
box-sizing: inherit;
}

:after, :before {
text-decoration: inherit;
vertical-align: inherit;
}

* {
margin: 0;
padding: 0;
}

hr {
color: inherit;
height: 0;
overflow: visible;
}

details, main {
display: block;
}

summary {
display: list-item;
}

small {
font-size: 80%;
}

[hidden] {
display: none;
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

a {
background-color: transparent;
}

a:active, a:hover {
outline-width: 0;
}

code, kbd, pre, samp {
font-family: monospace, monospace;
}

pre {
font-size: 1em;
}

b, strong {
font-weight: bolder;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

table {
border-color: inherit;
text-indent: 0;
}

iframe {
border-style: none;
}

input {
border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

textarea {
overflow: auto;
resize: vertical;
}

button, input, optgroup, select, textarea {
font: inherit;
}

optgroup {
font-weight: 700;
}

button {
overflow: visible;
}

button, select {
text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}

button, input, select, textarea {
background-color: transparent;
border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
outline-width: 0;
}

select {
-moz-appearance: none;
-webkit-appearance: none;
}

select::-ms-expand {
display: none;
}

select::-ms-value {
color: currentColor;
}

legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit;
}

[disabled] {
cursor: default;
}

img {
border-style: none;
}

progress {
vertical-align: baseline;
}

[aria-busy=true] {
cursor: progress;
}

[aria-controls] {
cursor: pointer;
}

[aria-disabled=true] {
cursor: default;
}

* {
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
background-repeat: no-repeat;
}

html {
overflow-y: scroll;
font-weight: 400;
font-size: 62.5%;
}
@supports (-webkit-touch-callout: none) {
html {
height: -webkit-fill-available;
}
}

body {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.6rem;font-family: var(--font-jp);font-weight: 400;background-color: var(--color-bg);color: var(--color-text-grey);}
@supports (-webkit-touch-callout: none) {
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
}

ol,
ul {
list-style: none;
}

figure {
margin: 0;
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

select::-ms-expand {
display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}

a,
button {
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
text-decoration: none;
color: inherit;
}

.t-br {
display: block;
}

.t-ib {
display: inline-block;
}

.t-hidden {
display: none;
}

.t-hiddenSp {
display: none;
}

.t-taL {
text-align: left !important;
}

.t-taR {
text-align: right !important;
}

.t-taC {
text-align: center !important;
}
.t-bold {
font-weight: 600 !important;
}

.t-italic {
font-style: italic !important;
}

.t-ttU {
text-transform: uppercase !important;
}

.t-ttL {
text-transform: lowercase !important;
}

.t-caution-color {
color: var(--caution-color);
}

.t-mt0 {
margin-top: 0 !important;
}

.t-visuallyHidden {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
}

:root {--color-main: #264646;--color-black: #000;--color-white: #fff;--color-footer: #264646;--color-grey: #e8e8e8;--color-text-grey: #444;--color-text-under: #f6f6f6;--color-border-list: #d9d9d9;--color-term-bread: #a4a4a4;--color-table-th: #eef7f8;--font-jp: "Noto Sans JP", sans-serif;--font-en: "Roboto", sans-serif;--font-cormo: "Cormorant Garamond", serif;--font-helvetica: "Helvetica", serif;}

main {padding-top: 90px;}

.m-wrapper {
width: 100%;
max-width: 1000px;
padding: 0 20px;
margin-left: auto;
margin-right: auto;
}

.l-container, .l-container__1100 {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.l-container__1100 {
max-width: 1140px;
}

.l-header {display: flex;align-items: flex-start;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;}
.l-header__inner {display: flex;align-items: center;justify-content: space-between;padding: 0 30px;width: calc(100% - 160px);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); /*これを付け足し*/background:#264646;}
.l-header__logo {transition: all 0.3s ease;width: 180px;}
.l-header__nav ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 45px;
background: #264646;
justify-content: flex-end;
}
.l-header__nav ul li a {
display: block;
padding: 45px 0 30px;
font-weight: 500;
color: #fff;
position: relative;
font-family: "Roboto", sans-serif;
}
.l-header__nav ul li a:hover {
color: #889c9c;
}
.l-header__nav ul li a:hover::before {
transform: scale(1, 1);
}
.l-header__nav ul li a::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;transition: transform 0.3s ease;background: #fff;transform-origin: center top;transform: scale(0, 1);}
.l-header__nav ul li a.-current::before {
transform: scale(1, 1) translateX(-50%);
width: 60px;
height: 4px;
left: 50%;
bottom: 14px;
}
.l-header__btn {
width: 160px;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
background: #0d3030;
color: #fff;
position: absolute;
top: 0;
right: 0;
font-family: "Roboto", sans-serif;
transition: all 0.3s;
font-weight: 500;
}
.l-header__btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.3);
transform-origin: left top;
transform: scale(0, 1);
transition: all 0.3s ease;
pointer-events: none;
}
.l-header__btn.-scroll {
height: 100%;
}
.l-header__hamburger {width: 60px;aspect-ratio: 1/1;background: #0d3030;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;padding: 18px 15px;cursor: pointer;}
.l-header__hamburger.-active span:first-child {
transform: rotate(-45deg) translate(-3px, -3px);
}
.l-header__hamburger.-active span:nth-child(2) {
opacity: 0;
}
.l-header__hamburger.-active span:last-child {
transform: rotate(45deg) translate(-3px, 3px);
}
.l-header__hamburger span {
width: 100%;
height: 1px;
display: block;
background: var(--color-white);
transition: all 0.3s;
}
.l-header__hamburger span:first-child {
margin-bottom: 10px;
transform-origin: right;
}
.l-header__hamburger span:last-child {
margin-top: 10px;
transform-origin: right;
}
.l-header__menuSp {
position: absolute;
z-index: 11;
background: var(--color-white);
width: 100vw;
height: calc(100dvh - 60px);
overflow-y: scroll;
top: 60px;
left: 0;
padding: 0 20px 30px;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.l-header__menuSp.-open {
opacity: 1;
visibility: visible;
}
.l-header__menuSp ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.l-header__menuSp ul li {
width: 50%;
border-bottom: 1px solid var(--color-border-list);
}
.l-header__menuSp ul li:first-child {
width: 100%;
}
.l-header__menuSp ul li a {
font-family: var(--font-hiragino);
text-transform: uppercase;
font-style: normal;
font-weight: 300;
line-height: normal;
padding: 20px 10px;
display: block;
}
.l-header__menuSp p {
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 180%; /* 23.4px */
letter-spacing: 0.65px;
font-size: 1.4rem;
text-align: center;
margin-bottom: 20px;
}
.l-header__menuSp > span {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.l-header__menuSp > span span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.l-header__menuSp .-sp {
font-family: var(--font-helvetica);
letter-spacing: 0.8px;
}
.l-header__menuSp .-sp strong {
font-weight: 700;
font-size: 2.4rem;
}
.l-header__menuSp > a {
max-width: 255px;
}
.l-header__menuSp > a:first-of-type {
margin-bottom: 20px;
}

.l-footer {background: #264646;color: var(--color-white);padding: 60px 0 24px;}
.l-footer__inner {
display: flex;
flex-wrap: wrap;
}
.l-footer__inner a {
transition: all 0.3s;
}
.l-footer__logo {font-style: normal;font-weight: 300;line-height: 100%; /* 30px */letter-spacing: 1.5px;font-size: 3rem;margin-bottom: 30px;display: block;width: 220px;}
.l-footer__left, .l-footer__right {width: 40%;}
.l-footer__left p, .l-footer__right p {
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 180%; /* 21.6px */
letter-spacing: 0.6px;
}
.l-footer__right ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 30px 70px;
max-height: 115px;
align-content: flex-end;
}
.l-footer__right ul li {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
}
.l-footer__right ul li a {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
position: relative;
padding: 5px 0;
}
.l-footer__right ul li a::before {
content: "";
width: 0;
height: 1px;
background: var(--color-white);
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.l-footer__right > a {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 12px */
letter-spacing: 0.6px;
font-size: 1.2rem;
text-transform: uppercase;
font-family: var(--font-cormo);
}
.l-footer__right > a::after {
content: "";
width: 10px;
aspect-ratio: 1/1;
display: inline-block;
background: url(../img/top/new-tab.svg) no-repeat;
margin-left: 5px;
}
.l-footer__right > a span {
position: relative;
padding-bottom: 2px;
}
.l-footer__right > a span::before {
content: "";
width: 100%;
height: 2px;
background: var(--color-white);
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.l-footer__right p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 21.6px */
letter-spacing: 0.6px;
margin-right: 50px;
margin-top: 30px;
font-size: 1.4rem;
}
.l-footer__right p::before {
content: "";
width: 48px;
height: 1px;
background: #c0c0c0;
display: inline-block;
vertical-align: 5px;
margin-right: 10px;
}
.l-footer__copy {
text-align: center;
width: 100%;
margin-top: 80px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
letter-spacing: 0.7px;
font-size: 1.4rem;
font-family: var(--font-jp);
}

.js-animation-slide {
display: block;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.js-animation-slide span {
opacity: 0;
transition: all 1.5s ease 0.4s;
transform: translateY(50px);
display: block;
}
.js-animation-slide.-slided span {
opacity: 1;
transform: translateY(0);
}
.wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 40px;
width: 100%;
}

.wp-pagenavi span,
.wp-pagenavi a {
width: 44px;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
font-family: Helvetica;
font-weight: 700;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
font-size: 1.8rem;
color: #264646;
}

.wp-pagenavi a {
background: #f5f5f5;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
background: transparent;
font-size: 0;
position: relative;
}

.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before {
content: "";
width: 16px;
aspect-ratio: 1/1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
border-left: 3px solid #264646;
border-bottom: 3px solid #264646;
}

.wp-pagenavi .nextpostslink::before {
transform: translate(-50%, -50%) rotate(225deg);
}
.c-articleNews strong {
font-size: 4rem;
font-weight: 300;
line-height: normal;
letter-spacing: 2px;
font-family: var(--font-hiragino);
color: var(--color-main);
display: block;
margin-bottom: 20px;
}
.c-articleNews h1 {
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid var(--color-border-list);
margin-bottom: 20px;
}
.c-articleNews h1.-blue-line {
position: relative;
}
.c-articleNews h1.-blue-line::before {
position: absolute;
content: "";
width: 120px;
background: var(--color-main);
height: 1px;
left: 0;
bottom: -1px;
}
.c-articleNews__inner {
padding: 0 20px;
}
.c-articleNews__inner.-no-padding {
padding: 0;
}
.c-articleNews__inner.-no-padding p {
padding: 0 20px;
margin-bottom: 30px;
}
.c-articleNews__inner.-no-padding h3 {
line-height: 1.8;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
border-left: 4px solid var(--color-main);
margin-bottom: 30px;
padding-left: 10px;
font-size: 1.8rem;
}
.c-articleNews__inner.-no-padding h2 {
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid var(--color-border-list);
margin-bottom: 20px;
position: relative;
}
.c-articleNews__inner.-no-padding h2::before {
position: absolute;
content: "";
width: 120px;
background: var(--color-main);
height: 1px;
left: 0;
bottom: -1px;
}
.c-articleNews__inner figure {
margin-bottom: 40px;
}
.c-articleNews__inner time {
font-style: normal;
font-weight: 300;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
margin-bottom: 30px;
display: block;
}
.c-articleNews__inner p {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
margin-bottom: 30px;
}
.c-articleNews__inner .c-btnMain {
max-width: 260px;
}
.c-articleNews__inner .c-btnMain::before {
transform: translateY(-50%) scaleX(-1);
right: unset;
left: 20px;
}

.c-boxScroll {
max-height: 386px;
border: 2px solid var(--color-border-list);
overflow-y: scroll;
padding: 30px 27px 30px 52px;
}
.c-boxScroll h3 {
font-style: normal;
font-weight: 600;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
font-size: 2.4rem;
text-align: center;
font-family: var(--font-hiragino);
margin-bottom: 20px;
}
.c-boxScroll p {
font-style: normal;
font-weight: 500;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
}

.c-bread {
padding: 20px;
margin: 0 auto;
max-width: 1140px;
}
.c-bread_container {
display: flex;
flex-wrap: wrap;
}
.c-bread_item:not(:last-child)::after {
content: "";
width: 14px;
height: 1px;
background: var(--color-text-grey);
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.c-bread_item a {
text-decoration: underline;
}
.c-bread_item span > span {
color: var(--color-term-bread);
}

.c-btn {
max-width: 500px;
width: 100%;
margin: 0 auto;
color: var(--color-main);
background: #fff;
border: 1px solid var(--color-main);
display: block;
text-align: center;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 33px;
position: relative;
z-index: 1;
}
.c-btn.-no-arrow::before {
content: unset;
}
.c-btn::before {
content: "";
width: 10px;
aspect-ratio: 1/2;
top: 50%;
transform: translateY(-50%);
right: 30px;
position: absolute;
z-index: 2;
background: var(--color-main);
-webkit-mask-image: url(../img/top/arrow-btn.svg);
mask-image: url(../img/top/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.3s;
}
.c-btn::after {
content: "";
width: 0;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-main);
position: absolute;
transition: all 0.3s;
}
.c-btn span {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.c-btnTel {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 26px */
letter-spacing: 1.3px;
font-size: 2.6rem;
font-family: var(--font-helvetica);
}
.c-btnTel strong {
font-style: normal;
font-weight: 700;
line-height: 100%;
font-size: 4.8rem;
}
.c-btnMain {max-width: 500px;width: 100%;margin: 0 auto;color: var(--color-white);background: var(--color-main);display: block;text-align: center;font-family: var(--font-hiragino);font-style: normal;font-weight: 300;line-height: 180%; /* 32.4px */letter-spacing: 0.9px;font-size: 1.8rem;padding: 33px;position: relative;z-index: 1;}
.c-btnMain::before {
content: "";
width: 10px;
aspect-ratio: 1/2;
top: 50%;
transform: translateY(-50%);
right: 30px;
position: absolute;
z-index: 2;
background: var(--color-white);
-webkit-mask-image: url(../img/top/arrow-btn.svg);
mask-image: url(../img/top/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.3s;
}
.c-btnMain::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.3);
transform-origin: left top;
transform: scale(0, 1);
transition: all 0.3s ease;
pointer-events: none;
}
.c-btnMain span {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.c-btnMain.-grey {
background: #333;
padding: 14px;
margin-top: 40px;
}

.c-formContact form {
padding: 44px 50px 80px;
background: #fff;
max-width: 1000px;
margin: 0 auto;
}
.c-formContact form .c-txtPrice {
margin-bottom: 18px;
}
.c-formContact form .c-titlePrice__sub {
margin-bottom: 20px;
}
.c-formContact__field input[type=text],
.c-formContact__field input[type=tel],
.c-formContact__field input[type=email],
.c-formContact__field textarea {
border: 2px solid var(--color-border-list);
width: 100%;
padding: 15px;
min-height: 70px;
}
.c-formContact__field textarea {
max-height: 200px;
resize: none;
}
.c-formContact__row {
margin-bottom: 36px;
}
.c-formContact__row label {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 36px */
letter-spacing: 1px;
font-size: 2rem;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.c-formContact__row label::after {
content: "任意";
width: 80px;
border-radius: 20px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
display: inline-block;
text-align: center;
margin-left: 20px;
height: 26px;
border: 1px solid #264646;
color: #264646;
}
.c-formContact__row label.-required::after {
content: "必須";
background: #264646;
color: #fff;
}
.c-formContact__policy {
padding: 0 85px;
margin-bottom: 40px;
}
.c-formContact__check {
display: flex;
justify-content: center;
margin-top: 30px;
}
.c-formContact__check label {
max-width: 400px;
width: 100%;
cursor: pointer;
}
.c-formContact__check label input {
position: absolute;
z-index: -999;
opacity: 0;
}
.c-formContact__check label input:checked ~ span::before {
background: var(--color-main);
border-color: var(--color-main);
}
.c-formContact__check label input:checked ~ span::after {
content: "";
width: 8px;
aspect-ratio: 8/14;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
top: 4px;
left: 9px;
transform: rotate(45deg);
}
.c-formContact__check label span {
position: relative;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
padding-left: 36px;
}
.c-formContact__check label span::before {
content: "";
width: 26px;
aspect-ratio: 1/1;
border: 1px solid var(--color-border-list);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s;
}
.c-formContact__submit {
margin-top: 40px;
}
.c-formContact__submit .c-btnMain {
max-width: 400px;
}

.c-listNews li {
border-bottom: 1px solid var(--color-border-list);
}
.c-listNews li:first-child {
border-top: 1px solid var(--color-border-list);
}
.c-listNews li a {
padding: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.c-listNews li a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f2f2f2;
transform-origin: left top;
transform: scale(0, 1);
pointer-events: none;
transition: all 0.3s ease;
z-index: -1;
}
.c-listNews li a time {
font-style: normal;
font-weight: 300;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-family: var(--font-hiragino);
width: 150px;
}
.c-listNews li a h3 {
width: calc(100% - 150px);
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
}
.c-listUser {
padding: 60px 0 170px;
}
.c-listUser li {
display: flex;
flex-wrap: wrap;
}
.c-listUser li:not(:last-of-type) {
margin-bottom: 160px;
}
.c-listUser li figure {
width: 44.45%;
padding-right: 120px;
position: relative;
z-index: 1;
}
.c-listUser li figure::before {
content: "";
width: 57.25%;
aspect-ratio: 280/380;
background-color: var(--color-user, #eef7f8);
position: absolute;
right: 120px;
top: 60px;
z-index: -1;
}
.c-listUser li figure picture {
width: 75.88%;
display: block;
}
.c-listUser li figure picture img {
width: 100%;
}
.c-listUser li figure figcaption {
width: 66%;
position: relative;
z-index: 1;
padding-left: 73px;
color: var(--color-main);
font-family: var(--font-hiragino);
}
.c-listUser li figure figcaption span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 300;
line-height: normal;
letter-spacing: 0.6px;
font-size: 1.4rem;
}
.c-listUser li figure figcaption span:first-child {
font-size: 1.2rem;
margin-bottom: 20px;
}
.c-listUser li figure figcaption span span {
font-family: var(--font-cormo);
width: 100%;
}
.c-listUser li figure figcaption span strong {
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
margin-bottom: 10px;
}
.c-listUser__info {
width: 55.45%;
}
.c-listUser__info h3 {
color: var(--color-main);
font-family: var(--font-hiragino);
margin-bottom: 40px;
}
.c-listUser__info h3 span {
display: flex;
align-items: center;
font-size: 1.6rem;
}
.c-listUser__info h3 span:first-child {
margin-bottom: 5px;
letter-spacing: 0.8px;
}
.c-listUser__info h3 span span {
font-family: var(--font-cormo);
letter-spacing: 0.9px;
margin-top: 9px;
}
.c-listUser__info h3 span strong {
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.5px;
font-size: 3rem;
margin-right: 40px;
}
.c-listUser__info table {
table-layout: fixed;
width: 100%;
border-spacing: 0;
}
.c-listUser__info table tr:first-child th,
.c-listUser__info table tr:first-child td {
border-top: 1px solid var(--color-border-list);
}
.c-listUser__info table tr th,
.c-listUser__info table tr td {
border-bottom: 1px solid var(--color-border-list);
font-style: normal;
font-weight: 400;
letter-spacing: 0.8px;
vertical-align: top;
}
.c-listUser__info table tr th {
width: 190px;
line-height: 100%; /* 14px */
padding: 20px 40px;
}
.c-listUser__info table tr td {
line-height: 180%; /* 28.8px */
padding: 16px 10px;
}
.c-listUser__info table tr td span {
display: block;
}
.c-listService {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.c-listService li {
width: calc((100% - 60px) / 2);
}
.c-listService li a {
transition: all 0.3s;
}
.c-listService li a figure {
margin-bottom: 20px;
}
.c-listService li a figure picture {
display: block;
}
.c-listService li a figure picture img {
aspect-ratio: 520/220;
}
.c-listService li a h3 {
font-weight: 300;
line-height: normal;
letter-spacing: 1.2px;
font-size: 2.4rem;
font-family: var(--font-hiragino);
color: var(--color-main);
text-align: center;
margin-bottom: 10px;
}
.c-listService li a p {
font-size: 1.6rem;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
}
.c-listService li a p span {
display: block;
}
.c-listService__btn {
margin-top: 30px;
display: flex;
justify-content: flex-end;
}
.c-listService__btn span {
color: var(--color-main);
font-weight: 300;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
font-family: var(--font-hiragino);
}
.c-listService__btn span::after {
content: "";
width: 8px;
aspect-ratio: 8/13;
-webkit-mask-image: url(../img/service/arrow-btn.svg);
mask-image: url(../img/service/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background: var(--color-main);
display: inline-block;
margin-left: 10px;
}

.c-loading span {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--color-white);
animation: fade-out 1.1s ease-in-out 1s 1 normal forwards;
animation-delay: 3.7s;
z-index: 20;
}
.c-loading span:nth-child(2) {
display: flex;
align-items: center;
justify-content: center;
}
.c-loading span:nth-child(2)::before {
content: "";
width: 100%;
height: 100%;
background: var(--color-white);
position: absolute;
z-index: 21;
right: 0;
top: 0;
animation: show-logo 1.5s ease-in-out 1s 1 normal forwards;
}
.c-loading span:nth-child(3) {
animation: kf-load-bg-pc 2.2s ease-in-out 2.5s 1 normal forwards;
background: var(--color-main);
width: 0;
}

@keyframes fade-out {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes kf-load-bg-pc {
0% {
width: 0;
}
25% {
width: 100%;
}
75% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes show-logo {
0% {
width: 100%;
}
100% {
width: 0%;
}
}
.c-mapAccess iframe {
line-height: 0;
width: 100%;
aspect-ratio: 1100/500;
margin-bottom: 30px;
}
.c-mapAccess__info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.c-mapAccess__info p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
width: calc(100% - 360px);
}
.c-mapAccess__info a {
max-width: 330px;
padding: 23px 0;
}
.c-mapAccess__info a::before {
content: "";
width: 20px;
aspect-ratio: 1/1;
-webkit-mask-image: url(../img/top/new-tab.svg);
mask-image: url(../img/top/new-tab.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
right: 20px;
}

.c-tableOutline {
width: 100%;
table-layout: fixed;
max-width: 800px;
margin: 0 auto;
text-align: left;
border-spacing: 0;
}
.c-tableOutline tr,
.c-tableOutline th,
.c-tableOutline td {
border-collapse: collapse;
}
.c-tableOutline th,
.c-tableOutline td {
padding: 30px;
color: #000;
font-size: 1.6rem;
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
}
.c-tableOutline tr:first-of-type th,
.c-tableOutline tr:first-of-type td {
border-top: 1px solid var(--color-border-list);
}
.c-tableOutline tr th,
.c-tableOutline tr td {
border-bottom: 1px solid var(--color-border-list);
}
.c-tableOutline th {
width: 200px;
}
.c-tableAdvice {
max-width: 500px;
width: 100%;
margin: 0 auto;
table-layout: fixed;
border-spacing: 0;
}
.c-tableAdvice.-align-left {
margin: 0;
}
.c-tableAdvice.-align-left th {
width: 195px;
}
.c-tableAdvice tr th,
.c-tableAdvice tr td {
border-top: 1px solid var(--color-border-list);
border-bottom: 1px solid var(--color-border-list);
font-style: normal;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
}
.c-tableAdvice tr th {
background: var(--color-table-th);
font-weight: 600;
width: 150px;
padding: 18px 0;
}
.c-tableAdvice tr td {
padding: 18px 40px;
}
.c-tablePrice {
table-layout: fixed;
width: 100%;
border-spacing: 0;
margin-bottom: 15px;
}
.c-tablePrice.-col-2 {
max-width: 66.6666666667%;
}
.c-tablePrice.-col-2 td {
padding: 18px 23px;
}
.c-tablePrice tr:last-of-type th,
.c-tablePrice tr:last-of-type td {
border-bottom: 1px solid var(--color-border-list);
}
.c-tablePrice tr th,
.c-tablePrice tr td {
font-style: normal;
line-height: normal;
font-family: var(--font-hiragino);
border-top: 1px solid var(--color-border-list);
border-left: 1px solid var(--color-border-list);
}
.c-tablePrice tr th:last-of-type,
.c-tablePrice tr td:last-of-type {
border-right: 1px solid var(--color-border-list);
}
.c-tablePrice tr th {
letter-spacing: 0.9px;
font-size: 1.8rem;
font-weight: 600;
padding: 16px;
background: var(--color-table-th);
width: 33.3333333333%;
}
.c-tablePrice tr td {
letter-spacing: 0.8px;
font-weight: 300;
padding: 18px 30px;
}

.c-titleMain {
margin-bottom: 53px;
}
.c-titleMain.-center {
text-align: center;
}
.c-titleMain span.-ja {
font-size: 2rem;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
margin-bottom: 10px;
}
.c-titleMain span.-en {font-size: 6rem;font-style: normal;font-weight: bold;line-height: 100%; /* 100px */letter-spacing: 5px;color: var(--color-main);
@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
word-break: normal;
}

*, :after, :before {
background-repeat: no-repeat;
box-sizing: inherit;
}

:after, :before {
text-decoration: inherit;
vertical-align: inherit;
}

* {
margin: 0;
padding: 0;
}

hr {
color: inherit;
height: 0;
overflow: visible;
}

details, main {
display: block;
}

summary {
display: list-item;
}

small {
font-size: 80%;
}

[hidden] {
display: none;
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

a {
background-color: transparent;
}

a:active, a:hover {
outline-width: 0;
}

code, kbd, pre, samp {
font-family: monospace, monospace;
}

pre {
font-size: 1em;
}

b, strong {
font-weight: bolder;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

table {
border-color: inherit;
text-indent: 0;
}

iframe {
border-style: none;
}

input {
border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

textarea {
overflow: auto;
resize: vertical;
}

button, input, optgroup, select, textarea {
font: inherit;
}

optgroup {
font-weight: 700;
}

button {
overflow: visible;
}

button, select {
text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}

button, input, select, textarea {
background-color: transparent;
border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
outline-width: 0;
}

select {
-moz-appearance: none;
-webkit-appearance: none;
}

select::-ms-expand {
display: none;
}

select::-ms-value {
color: currentColor;
}

legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit;
}

[disabled] {
cursor: default;
}

img {
border-style: none;
}

progress {
vertical-align: baseline;
}

[aria-busy=true] {
cursor: progress;
}

[aria-controls] {
cursor: pointer;
}

[aria-disabled=true] {
cursor: default;
}

* {
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
background-repeat: no-repeat;
}

html {
overflow-y: scroll;
font-weight: 400;
font-size: 62.5%;
}
@supports (-webkit-touch-callout: none) {
html {
height: -webkit-fill-available;
}
}

body {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6rem;
font-family: var(--font-jp);
font-weight: 400;
background-color: var(--color-bg);
color: var(--color-text-grey);
}
@supports (-webkit-touch-callout: none) {
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
}

ol,
ul {
list-style: none;
}

figure {
margin: 0;
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

select::-ms-expand {
display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}

a,
button {
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
text-decoration: none;
color: inherit;
}

.t-br {
display: block;
}

.t-ib {
display: inline-block;
}

.t-hidden {
display: none;
}

.t-hiddenSp {
display: none;
}

.t-taL {
text-align: left !important;
}

.t-taR {
text-align: right !important;
}

.t-taC {
text-align: center !important;
}
.t-bold {
font-weight: 600 !important;
}

.t-italic {
font-style: italic !important;
}

.t-ttU {
text-transform: uppercase !important;
}

.t-ttL {
text-transform: lowercase !important;
}

.t-caution-color {
color: var(--caution-color);
}

.t-mt0 {
margin-top: 0 !important;
}

.t-visuallyHidden {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
}

:root {--color-main: #264646;--color-black: #000;--color-white: #fff;--color-footer: #264646;--color-grey: #e8e8e8;--color-text-grey: #444;--color-text-under: #f6f6f6;--color-border-list: #d9d9d9;--color-term-bread: #a4a4a4;--color-table-th: #eef7f8;--font-jp: "Noto Sans JP", sans-serif;--font-en: "Roboto", sans-serif;--font-cormo: "Cormorant Garamond", serif;--font-helvetica: "Helvetica", serif;}

main {
padding-top: 100px;
}

.m-wrapper {
width: 100%;
max-width: 1000px;
padding: 0 20px;
margin-left: auto;
margin-right: auto;
}

.l-container, .l-container__1100 {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.l-container__1100 {
max-width: 1140px;
}

.l-header {
display: flex;
align-items: flex-start;
position: fixed;
z-index: 10;
width: 100%;
top: 0;
left: 0;
}
.l-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
width: calc(100% - 160px);
border-bottom: 1px solid var(--color-grey);
background: var(--color-white);
}
.l-header__logo {
transition: all 0.3s ease;
}
.l-header__nav ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 45px;
background: #fff;
justify-content: flex-end;
}
.l-header__nav ul li a {
display: block;
padding: 45px 0 30px;
font-weight: 300;
color: var(--color-text-grey);
position: relative;
font-family: var(--font-hiragino);
}
.l-header__nav ul li a:hover {
color: var(--color-main);
font-weight: bold;
}
.l-header__nav ul li a:hover::before {
transform: scale(1, 1);
}
.l-header__nav ul li a::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
transition: transform 0.3s ease;
background: var(--color-main);
transform-origin: center top;
transform: scale(0, 1);
}
.l-header__nav ul li a.-current::before {
transform: scale(1, 1) translateX(-50%);
width: 60px;
height: 4px;
left: 50%;
bottom: 14px;
}
.l-header__btn {
width: 160px;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
background: #000;
color: #fff;
position: absolute;
top: 0;
right: 0;
font-family: var(--font-hiragino);
transition: all 0.3s;
}
.l-header__btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.3);
transform-origin: left top;
transform: scale(0, 1);
transition: all 0.3s ease;
pointer-events: none;
}
.l-header__btn.-scroll {
height: 100%;
}
.l-header__hamburger {
width: 60px;
aspect-ratio: 1/1;
background: var(--color-main);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 18px 15px;
cursor: pointer;
}
.l-header__hamburger.-active span:first-child {
transform: rotate(-45deg) translate(-3px, -3px);
}
.l-header__hamburger.-active span:nth-child(2) {
opacity: 0;
}
.l-header__hamburger.-active span:last-child {
transform: rotate(45deg) translate(-3px, 3px);
}
.l-header__hamburger span {
width: 100%;
height: 1px;
display: block;
background: var(--color-white);
transition: all 0.3s;
}
.l-header__hamburger span:first-child {
margin-bottom: 10px;
transform-origin: right;
}
.l-header__hamburger span:last-child {
margin-top: 10px;
transform-origin: right;
}
.l-header__menuSp {
position: absolute;
z-index: 11;
background: var(--color-white);
width: 100vw;
height: calc(100dvh - 60px);
overflow-y: scroll;
top: 60px;
left: 0;
padding: 0 20px 30px;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.l-header__menuSp.-open {
opacity: 1;
visibility: visible;
}
.l-header__menuSp ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.l-header__menuSp ul li {
width: 50%;
border-bottom: 1px solid var(--color-border-list);
}
.l-header__menuSp ul li:first-child {
width: 100%;
}
.l-header__menuSp ul li a {
font-family: var(--font-hiragino);
text-transform: uppercase;
font-style: normal;
font-weight: 300;
line-height: normal;
padding: 20px 10px;
display: block;
}
.l-header__menuSp p {
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 180%; /* 23.4px */
letter-spacing: 0.65px;
font-size: 1.4rem;
text-align: center;
margin-bottom: 20px;
}
.l-header__menuSp > span {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.l-header__menuSp > span span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.l-header__menuSp .-sp {
font-family: var(--font-helvetica);
letter-spacing: 0.8px;
}
.l-header__menuSp .-sp strong {
font-weight: 700;
font-size: 2.4rem;
}
.l-header__menuSp > a {
max-width: 255px;
}
.l-header__menuSp > a:first-of-type {
margin-bottom: 20px;
}

.l-footer {
background: #000;
color: var(--color-white);
padding: 60px 0 24px;
}
.l-footer__inner {
display: flex;
flex-wrap: wrap;
}
.l-footer__inner a {
transition: all 0.3s;
}
.l-footer__logo {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 30px */
letter-spacing: 1.5px;
font-size: 3rem;
margin-bottom: 30px;
display: block;
}
.l-footer__left, .l-footer__right {
width: 50%;
}
.l-footer__left p, .l-footer__right p {
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 180%; /* 21.6px */
letter-spacing: 0.6px;
}
.l-footer__right ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 30px 70px;
max-height: 115px;
align-content: flex-end;
}
.l-footer__right ul li {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
}
.l-footer__right ul li a {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
position: relative;
padding: 5px 0;
}
.l-footer__right ul li a::before {
content: "";
width: 0;
height: 1px;
background: var(--color-white);
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.l-footer__right > a {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 12px */
letter-spacing: 0.6px;
font-size: 1.2rem;
text-transform: uppercase;
font-family: var(--font-cormo);
}
.l-footer__right > a::after {
content: "";
width: 10px;
aspect-ratio: 1/1;
display: inline-block;
background: url(../img/top/new-tab.svg) no-repeat;
margin-left: 5px;
}
.l-footer__right > a span {
position: relative;
padding-bottom: 2px;
}
.l-footer__right > a span::before {
content: "";
width: 100%;
height: 2px;
background: var(--color-white);
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.l-footer__right p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 21.6px */
letter-spacing: 0.6px;
margin-right: 50px;
margin-top: 30px;
font-size: 1.4rem;
}
.l-footer__right p::before {
content: "";
width: 48px;
height: 1px;
background: #c0c0c0;
display: inline-block;
vertical-align: 5px;
margin-right: 10px;
}
.l-footer__copy {
text-align: center;
width: 100%;
margin-top: 80px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
letter-spacing: 0.7px;
font-size: 1.4rem;
font-family: var(--font-jp);
}

.js-animation-slide {
display: block;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.js-animation-slide span {
opacity: 0;
transition: all 1.5s ease 0.4s;
transform: translateY(50px);
display: block;
}
.js-animation-slide.-slided span {
opacity: 1;
transform: translateY(0);
}
.wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 40px;
width: 100%;
}

.wp-pagenavi span,
.wp-pagenavi a {
width: 44px;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
font-family: Helvetica;
font-weight: 700;
line-height: 100%; /* 18px */
letter-spacing: 0.9px;
font-size: 1.8rem;
color: #264646;
}

.wp-pagenavi a {
background: #f5f5f5;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
background: transparent;
font-size: 0;
position: relative;
}

.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before {
content: "";
width: 16px;
aspect-ratio: 1/1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
border-left: 3px solid #264646;
border-bottom: 3px solid #264646;
}

.wp-pagenavi .nextpostslink::before {
transform: translate(-50%, -50%) rotate(225deg);
}
.c-articleNews strong {
font-size: 4rem;
font-weight: 300;
line-height: normal;
letter-spacing: 2px;
font-family: var(--font-hiragino);
color: var(--color-main);
display: block;
margin-bottom: 20px;
}
.c-articleNews h1 {
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid var(--color-border-list);
margin-bottom: 20px;
}
.c-articleNews h1.-blue-line {
position: relative;
}
.c-articleNews h1.-blue-line::before {
position: absolute;
content: "";
width: 120px;
background: var(--color-main);
height: 1px;
left: 0;
bottom: -1px;
}
.c-articleNews__inner {
padding: 0 20px;
}
.c-articleNews__inner.-no-padding {
padding: 0;
}
.c-articleNews__inner.-no-padding p {
padding: 0 20px;
margin-bottom: 30px;
}
.c-articleNews__inner.-no-padding h3 {
line-height: 1.8;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
border-left: 4px solid var(--color-main);
margin-bottom: 30px;
padding-left: 10px;
font-size: 1.8rem;
}
.c-articleNews__inner.-no-padding h2 {
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
padding: 20px;
border-bottom: 1px solid var(--color-border-list);
margin-bottom: 20px;
position: relative;
}
.c-articleNews__inner.-no-padding h2::before {
position: absolute;
content: "";
width: 120px;
background: var(--color-main);
height: 1px;
left: 0;
bottom: -1px;
}
.c-articleNews__inner figure {
margin-bottom: 40px;
}
.c-articleNews__inner time {
font-style: normal;
font-weight: 300;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
margin-bottom: 30px;
display: block;
}
.c-articleNews__inner p {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
margin-bottom: 30px;
}
.c-articleNews__inner .c-btnMain {
max-width: 260px;
}
.c-articleNews__inner .c-btnMain::before {
transform: translateY(-50%) scaleX(-1);
right: unset;
left: 20px;
}

.c-boxScroll {
max-height: 386px;
border: 2px solid var(--color-border-list);
overflow-y: scroll;
padding: 30px 27px 30px 52px;
}
.c-boxScroll h3 {
font-style: normal;
font-weight: 600;
line-height: 180%; /* 43.2px */
letter-spacing: 1.2px;
font-size: 2.4rem;
text-align: center;
font-family: var(--font-hiragino);
margin-bottom: 20px;
}
.c-boxScroll p {
font-style: normal;
font-weight: 500;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
}

.c-bread {
padding: 20px;
margin: 0 auto;
max-width: 1140px;
}
.c-bread_container {
display: flex;
flex-wrap: wrap;
}
.c-bread_item:not(:last-child)::after {
content: "";
width: 14px;
height: 1px;
background: var(--color-text-grey);
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.c-bread_item a {
text-decoration: underline;
}
.c-bread_item span > span {
color: var(--color-term-bread);
}

.c-btn {
max-width: 500px;
width: 100%;
margin: 0 auto;
color: var(--color-main);
background: #fff;
border: 1px solid var(--color-main);
display: block;
text-align: center;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 33px;
position: relative;
z-index: 1;
}
.c-btn.-no-arrow::before {
content: unset;
}
.c-btn::before {
content: "";
width: 10px;
aspect-ratio: 1/2;
top: 50%;
transform: translateY(-50%);
right: 30px;
position: absolute;
z-index: 2;
background: var(--color-main);
-webkit-mask-image: url(../img/top/arrow-btn.svg);
mask-image: url(../img/top/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.3s;
}
.c-btn::after {
content: "";
width: 0;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-main);
position: absolute;
transition: all 0.3s;
}
.c-btn span {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.c-btnTel {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 26px */
letter-spacing: 1.3px;
font-size: 2.6rem;
font-family: var(--font-helvetica);
}
.c-btnTel strong {
font-style: normal;
font-weight: 700;
line-height: 100%;
font-size: 4.8rem;
}
.c-btnMain {
max-width: 500px;
width: 100%;
margin: 0 auto;
color: var(--color-white);
background: var(--color-main);
display: block;
text-align: center;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 33px;
position: relative;
z-index: 1;
}
.c-btnMain::before {
content: "";
width: 10px;
aspect-ratio: 1/2;
top: 50%;
transform: translateY(-50%);
right: 30px;
position: absolute;
z-index: 2;
background: var(--color-white);
-webkit-mask-image: url(../img/top/arrow-btn.svg);
mask-image: url(../img/top/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.3s;
}
.c-btnMain::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.3);
transform-origin: left top;
transform: scale(0, 1);
transition: all 0.3s ease;
pointer-events: none;
}
.c-btnMain span {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.c-btnMain.-grey {
background: #333;
padding: 14px;
margin-top: 40px;
}

.c-formContact form {
padding: 44px 50px 80px;
background: #fff;
max-width: 1000px;
margin: 0 auto;
}
.c-formContact form .c-txtPrice {
margin-bottom: 18px;
}
.c-formContact form .c-titlePrice__sub {
margin-bottom: 20px;
}
.c-formContact__field input[type=text],
.c-formContact__field input[type=tel],
.c-formContact__field input[type=email],
.c-formContact__field textarea {
border: 2px solid var(--color-border-list);
width: 100%;
padding: 15px;
min-height: 70px;
}
.c-formContact__field textarea {
max-height: 200px;
resize: none;
}
.c-formContact__row {
margin-bottom: 36px;
}
.c-formContact__row label {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 36px */
letter-spacing: 1px;
font-size: 2rem;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.c-formContact__row label::after {
content: "任意";
width: 80px;
border-radius: 20px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
display: inline-block;
text-align: center;
margin-left: 20px;
height: 26px;
border: 1px solid #264646;
color: #264646;
}
.c-formContact__row label.-required::after {
content: "必須";
background: #264646;
color: #fff;
}
.c-formContact__policy {
padding: 0 85px;
margin-bottom: 40px;
}
.c-formContact__check {
display: flex;
justify-content: center;
margin-top: 30px;
}
.c-formContact__check label {
max-width: 400px;
width: 100%;
cursor: pointer;
}
.c-formContact__check label input {
position: absolute;
z-index: -999;
opacity: 0;
}
.c-formContact__check label input:checked ~ span::before {
background: var(--color-main);
border-color: var(--color-main);
}
.c-formContact__check label input:checked ~ span::after {
content: "";
width: 8px;
aspect-ratio: 8/14;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
top: 4px;
left: 9px;
transform: rotate(45deg);
}
.c-formContact__check label span {
position: relative;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
padding-left: 36px;
}
.c-formContact__check label span::before {
content: "";
width: 26px;
aspect-ratio: 1/1;
border: 1px solid var(--color-border-list);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s;
}
.c-formContact__submit {
margin-top: 40px;
}
.c-formContact__submit .c-btnMain {
max-width: 400px;
}

.c-listNews li {
border-bottom: 1px solid var(--color-border-list);
}
.c-listNews li:first-child {
border-top: 1px solid var(--color-border-list);
}
.c-listNews li a {
padding: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.c-listNews li a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f2f2f2;
transform-origin: left top;
transform: scale(0, 1);
pointer-events: none;
transition: all 0.3s ease;
z-index: -1;
}
.c-listNews li a time {
font-style: normal;
font-weight: 300;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-family: var(--font-hiragino);
width: 150px;
}
.c-listNews li a h3 {
width: calc(100% - 150px);
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
}
.c-listUser {
padding: 60px 0 170px;
}
.c-listUser li {
display: flex;
flex-wrap: wrap;
}
.c-listUser li:not(:last-of-type) {
margin-bottom: 160px;
}
.c-listUser li figure {
width: 44.45%;
padding-right: 120px;
position: relative;
z-index: 1;
}
.c-listUser li figure::before {
content: "";
width: 57.25%;
aspect-ratio: 280/380;
background-color: var(--color-user, #eef7f8);
position: absolute;
right: 120px;
top: 60px;
z-index: -1;
}
.c-listUser li figure picture {
width: 75.88%;
display: block;
}
.c-listUser li figure picture img {
width: 100%;
}
.c-listUser li figure figcaption {
width: 66%;
position: relative;
z-index: 1;
padding-left: 73px;
color: var(--color-main);
font-family: var(--font-hiragino);
}
.c-listUser li figure figcaption span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 300;
line-height: normal;
letter-spacing: 0.6px;
font-size: 1.4rem;
}
.c-listUser li figure figcaption span:first-child {
font-size: 1.2rem;
margin-bottom: 20px;
}
.c-listUser li figure figcaption span span {
font-family: var(--font-cormo);
width: 100%;
}
.c-listUser li figure figcaption span strong {
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
margin-bottom: 10px;
}
.c-listUser__info {
width: 55.45%;
}
.c-listUser__info h3 {
color: var(--color-main);
font-family: var(--font-hiragino);
margin-bottom: 40px;
}
.c-listUser__info h3 span {
display: flex;
align-items: center;
font-size: 1.6rem;
}
.c-listUser__info h3 span:first-child {
margin-bottom: 5px;
letter-spacing: 0.8px;
}
.c-listUser__info h3 span span {
font-family: var(--font-cormo);
letter-spacing: 0.9px;
margin-top: 9px;
}
.c-listUser__info h3 span strong {
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.5px;
font-size: 3rem;
margin-right: 40px;
}
.c-listUser__info table {
table-layout: fixed;
width: 100%;
border-spacing: 0;
}
.c-listUser__info table tr:first-child th,
.c-listUser__info table tr:first-child td {
border-top: 1px solid var(--color-border-list);
}
.c-listUser__info table tr th,
.c-listUser__info table tr td {
border-bottom: 1px solid var(--color-border-list);
font-style: normal;
font-weight: 400;
letter-spacing: 0.8px;
vertical-align: top;
}
.c-listUser__info table tr th {
width: 190px;
line-height: 100%; /* 14px */
padding: 20px 40px;
}
.c-listUser__info table tr td {
line-height: 180%; /* 28.8px */
padding: 16px 10px;
}
.c-listUser__info table tr td span {
display: block;
}
.c-listService {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.c-listService li {
width: calc((100% - 60px) / 2);
}
.c-listService li a {
transition: all 0.3s;
}
.c-listService li a figure {
margin-bottom: 20px;
}
.c-listService li a figure picture {
display: block;
}
.c-listService li a figure picture img {
aspect-ratio: 520/220;
}
.c-listService li a h3 {
font-weight: 300;
line-height: normal;
letter-spacing: 1.2px;
font-size: 2.4rem;
font-family: var(--font-hiragino);
color: var(--color-main);
text-align: center;
margin-bottom: 10px;
}
.c-listService li a p {
font-size: 1.6rem;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
}
.c-listService li a p span {
display: block;
}
.c-listService__btn {
margin-top: 30px;
display: flex;
justify-content: flex-end;
}
.c-listService__btn span {
color: var(--color-main);
font-weight: 300;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
font-family: var(--font-hiragino);
}
.c-listService__btn span::after {
content: "";
width: 8px;
aspect-ratio: 8/13;
-webkit-mask-image: url(../img/service/arrow-btn.svg);
mask-image: url(../img/service/arrow-btn.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background: var(--color-main);
display: inline-block;
margin-left: 10px;
}

.c-loading span {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--color-white);
animation: fade-out 1.1s ease-in-out 1s 1 normal forwards;
animation-delay: 3.7s;
z-index: 20;
}
.c-loading span:nth-child(2) {
display: flex;
align-items: center;
justify-content: center;
}
.c-loading span:nth-child(2)::before {
content: "";
width: 100%;
height: 100%;
background: var(--color-white);
position: absolute;
z-index: 21;
right: 0;
top: 0;
animation: show-logo 1.5s ease-in-out 1s 1 normal forwards;
}
.c-loading span:nth-child(3) {
animation: kf-load-bg-pc 2.2s ease-in-out 2.5s 1 normal forwards;
background: var(--color-main);
width: 0;
}

@keyframes fade-out {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes kf-load-bg-pc {
0% {
width: 0;
}
25% {
width: 100%;
}
75% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes show-logo {
0% {
width: 100%;
}
100% {
width: 0%;
}
}
.c-mapAccess iframe {
line-height: 0;
width: 100%;
aspect-ratio: 1100/500;
margin-bottom: 30px;
}
.c-mapAccess__info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.c-mapAccess__info p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-size: 1.6rem;
width: calc(100% - 360px);
}
.c-mapAccess__info a {
max-width: 330px;
padding: 23px 0;
}
.c-mapAccess__info a::before {
content: "";
width: 20px;
aspect-ratio: 1/1;
-webkit-mask-image: url(../img/top/new-tab.svg);
mask-image: url(../img/top/new-tab.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
right: 20px;
}

.c-tableOutline {
width: 100%;
table-layout: fixed;
max-width: 800px;
margin: 0 auto;
text-align: left;
border-spacing: 0;
}
.c-tableOutline tr,
.c-tableOutline th,
.c-tableOutline td {
border-collapse: collapse;
}
.c-tableOutline th,
.c-tableOutline td {
padding: 30px;
color: #000;
font-size: 1.6rem;
font-family: var(--font-jp);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
}
.c-tableOutline tr:first-of-type th,
.c-tableOutline tr:first-of-type td {
border-top: 1px solid var(--color-border-list);
}
.c-tableOutline tr th,
.c-tableOutline tr td {
border-bottom: 1px solid var(--color-border-list);
}
.c-tableOutline th {
width: 200px;
}
.c-tableAdvice {
max-width: 500px;
width: 100%;
margin: 0 auto;
table-layout: fixed;
border-spacing: 0;
}
.c-tableAdvice.-align-left {
margin: 0;
}
.c-tableAdvice.-align-left th {
width: 195px;
}
.c-tableAdvice tr th,
.c-tableAdvice tr td {
border-top: 1px solid var(--color-border-list);
border-bottom: 1px solid var(--color-border-list);
font-style: normal;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
}
.c-tableAdvice tr th {
background: var(--color-table-th);
font-weight: 600;
width: 150px;
padding: 18px 0;
}
.c-tableAdvice tr td {
padding: 18px 40px;
}
.c-tablePrice {
table-layout: fixed;
width: 100%;
border-spacing: 0;
margin-bottom: 15px;
}
.c-tablePrice.-col-2 {
max-width: 66.6666666667%;
}
.c-tablePrice.-col-2 td {
padding: 18px 23px;
}
.c-tablePrice tr:last-of-type th,
.c-tablePrice tr:last-of-type td {
border-bottom: 1px solid var(--color-border-list);
}
.c-tablePrice tr th,
.c-tablePrice tr td {
font-style: normal;
line-height: normal;
font-family: var(--font-hiragino);
border-top: 1px solid var(--color-border-list);
border-left: 1px solid var(--color-border-list);
}
.c-tablePrice tr th:last-of-type,
.c-tablePrice tr td:last-of-type {
border-right: 1px solid var(--color-border-list);
}
.c-tablePrice tr th {
letter-spacing: 0.9px;
font-size: 1.8rem;
font-weight: 600;
padding: 16px;
background: var(--color-table-th);
width: 33.3333333333%;
}
.c-tablePrice tr td {
letter-spacing: 0.8px;
font-weight: 300;
padding: 18px 30px;
}

.c-titleMain {
margin-bottom: 53px;
}
.c-titleMain.-center {
text-align: center;
}
.c-titleMain span.-ja {
font-size: 2rem;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
margin-bottom: 10px;
}
.c-titleMain span.-en {
font-size: 10rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100px */
letter-spacing: 5px;
color: var(--color-main);
font-family: var(--font-cormo);
}
.c-titleMain span.-en.js-animation-slide {
transition-delay: 0.3s;
}
.c-titleContact {
font-size: 10rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100px */
letter-spacing: 5px;
color: var(--color-main);
font-family: var(--font-cormo);
text-align: center;
margin-bottom: 30px;
}
.c-titlePage {
position: relative;
}
.c-titlePage figure {
position: relative;
}
.c-titlePage figure::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--color-main);
opacity: 0.3;
}
.c-titlePage figure img {
width: 100%;
}
.c-titlePage h1 {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--color-white);
}
.c-titlePage h1 span {
display: block;
}
.c-titlePage h1 span.-ja {
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 2.3px;
font-size: 4.6rem;
margin-bottom: 20px;
}
.c-titlePage h1 span.-en {
font-family: var(--font-cormo);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
letter-spacing: 1.2px;
font-size: 2.4rem;
}
.c-titlePrice {
display: flex;
justify-content: center;
position: relative;
margin-bottom: 54px;
}
.c-titlePrice span {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1.5px;
font-size: 3rem;
font-family: var(--font-hiragino);
}
.c-titlePrice span::before {
content: "";
width: 100px;
height: 2px;
background-color: var(--color-main);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(100% + 10px);
}
.c-titlePrice__sub {
line-height: 1.667;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1.2px;
border-left: 4px solid var(--color-main);
margin-bottom: 36px;
padding-left: 10px;
font-size: 1.8rem;
}

.c-txtUnder {
position: absolute;
display: block;
}
.c-txtPrice {
font-weight: 300;
margin-bottom: 32px;
font-size: 1.4rem;
letter-spacing: 0.65px;
line-height: 180%;
}

.p-aboutMessage {
padding: 50px 0 120px;
position: relative;
z-index: 1;
}
.p-aboutMessage .c-txtUnder {
transform: rotate(180deg);
top: 15px;
}
.p-aboutMessage .c-titleMain {
margin-bottom: 80px;
}
.p-aboutMessage__inner {
display: flex;
flex-wrap: wrap;
}
.p-aboutMessage__img {
width: 37.36%;
}
.p-aboutMessage__img figure {
position: relative;
z-index: 1;
padding-bottom: 47px;
margin-bottom: 20px;
}
.p-aboutMessage__img figure::before {
content: "";
width: calc(100% - 100px);
height: calc(100% - 62px);
position: absolute;
z-index: -1;
background: #eef7f8;
position: absolute;
right: 0;
bottom: 0;
}
.p-aboutMessage__img figure img {
width: calc(100% - 100px);
}
.p-aboutMessage__img p {
text-align: center;
color: #000;
font-family: var(--font-hiragino);
font-size: 2rem;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
}
.p-aboutMessage__desc {
width: 62.64%;
padding-left: 49px;
padding-top: 42px;
}
.p-aboutMessage__desc p {
width: 95%;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
letter-spacing: 1.6px;
font-size: 1.6rem;
margin-top: 20px;
}
.p-aboutMessage__desc p span {
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
display: block;
text-align: right;
margin-top: 20px;
color: var(--color-black);
}
.p-aboutOutline {
padding: 80px 0;
background: var(--bg-outline, #fafafa);
}
.p-aboutAccess {
padding: 80px 0px 100px;
}

.p-contact__info {
padding: 20px 0 60px;
}
.p-contact__border {
border: 1px solid var(--color-border-list);
padding: 40px;
text-align: center;
}
.p-contact__border h2 {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 36px */
letter-spacing: 1px;
font-size: 2rem;
}
.p-contact__border h2 span {
display: flex;
align-items: flex-end;
justify-content: center;
font-style: normal;
font-weight: 400;
letter-spacing: 1.3px;
font-family: var(--font-helvetica);
color: var(--color-main);
margin-top: 10px;
}
.p-contact__border h2 span strong {
line-height: 100%; /* 26px */
font-size: 4.8rem;
margin-bottom: 5px;
}
.p-contact__border p {
margin-bottom: 0;
}
.p-contact__row {
display: flex;
max-width: 390px;
margin: 5px auto 20px;
}
.p-contact__row span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.p-contact__form {
background: #fafafa;
padding: 50px 0 100px;
}

.p-news {
padding: 60px 0 100px;
}
.p-news__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.p-news__category {
width: 270px;
position: sticky;
top: 115px;
}
.p-news__category h3 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
position: relative;
padding-bottom: 20px;
margin-bottom: 15px;
}
.p-news__category h3::before, .p-news__category h3::after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
left: 0;
}
.p-news__category h3::before {
background: var(--color-border-list);
width: 100%;
}
.p-news__category h3::after {
width: 61px;
background-color: var(--color-main);
}
.p-news__category ul li:not(:last-child) {
margin-bottom: 13px;
}
.p-news__category ul li a {
position: relative;
padding-left: 17px;
display: block;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
transition: all 0.3s;
}
.p-news__category ul li a::before {
content: "";
width: 8px;
aspect-ratio: 1/1;
border-right: 2px solid var(--color-border-list);
border-bottom: 2px solid var(--color-border-list);
position: absolute;
left: 0;
top: 50%;
transition: all 0.3s;
transform: rotate(-45deg) translateY(-50%);
}
.p-news__list {
width: calc(100% - 270px);
padding-left: 60px;
}

.p-priceAdvice {
padding: 30px 0 40px;
}
.p-priceFee {
padding: 40px 0;
}
.p-priceFee section :last-child {
margin-bottom: 0;
}
.p-priceFee__inner {
padding: 0 54px;
}
.p-priceFee__inner > section:not(:last-of-type) {
margin-bottom: 20px;
}
.p-priceFee__inner p {
margin: 30px 0;
font-size: 1.4rem;
}
.p-priceFee__inner p.-mt20 {
margin-top: 20px;
}
.p-priceFee__table table {
min-width: 765px;
}
.p-priceFee__table table.-col-2 {
min-width: 510px;
}
.p-priceFee__block:not(:last-of-type) {
margin-bottom: 80px;
}
.p-priceFee__block h4 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
margin-bottom: 10px;
}

.p-service {
padding: 40px 0 120px;
display: block;
}
.p-service .c-txtPrice {
margin-bottom: 60px;
}

.p-support {
padding: 58px 0;
}
.p-support .c-txtPrice {
margin-bottom: 0;
}

.p-contact.-support .p-contact__form {
padding: 60px 0 90px;
}
.p-contact.-support .c-formContact form {
padding-top: 30px;
}
.p-contact.-support .c-formContact__submit {
margin-top: 80px;
}

.p-topMv {
position: relative;
}
.p-topMv__slide {overflow: hidden;width: 100%;}
.p-topMv__slide .swiper-slide video {
height: calc(100vh - 100px);
-o-object-fit: cover;
object-fit: cover;
display: block;
margin-left: auto;
opacity: 1;
transform: scale(1.5);
transition: opacity 1.5s;
}
.p-topMv__slide .swiper-slide-active img {
animation: fadezoom 16s normal forwards;
transition-delay: 2s;
}
.p-topMv__title {
position: absolute;
top: calc(50% - 50px);
left: 80px;
transform: translateY(-50%);
font-family: var(--font-hiragino);
z-index: 5;
}
.p-topMv__title h1 {
font-size: 5.5rem;
font-weight: bold;
margin-bottom: 30px;
line-height: 1.17;
color: #fff;
font-family: "Roboto", sans-serif;
}
.p-topMv__title p {
font-weight: bold;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 1.5px;
color: #fff;
}
.p-topMv__scroll {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
align-items: flex-end;
flex-direction: row-reverse;
z-index: 5;
}
.p-topMv__scroll > span {
margin-left: 20px;
margin-bottom: 5px;
font-family: var(--font-cormo);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
}
.p-topMv__area {
width: 2px;
height: 80px;
overflow: hidden;
}
.p-topMv__area span {
background: var(--color-text-grey);
display: block;
width: 2px;
height: 80px;
animation: scroll-bar-pc 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.p-topMessage {
padding: 80px 0 210px;
position: relative;
}
.p-topMessage .c-txtUnder {
right: 0;
bottom: 25px;
}
.p-topMessage__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.p-topMessage__left {
width: 550px;
}
.p-topMessage__left figure {
width: calc(100% - 100px);
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.p-topMessage__left figure::before {
content: "";
width: 100%;
height: calc(100% - 80px);
bottom: 0;
left: 50px;
background: #eef7f8;
position: absolute;
z-index: -1;
}
.p-topMessage__right {
width: calc(100% - 550px);
padding-top: 50px;
}
.p-topMessage__right.js-animation-slide {
opacity: 0;
transition: all 1.5s ease 0.4s;
transform: translateY(50px);
display: block;
}
.p-topMessage__right.js-animation-slide.-slided {
opacity: 1;
transform: translateY(0);
}
.p-topMessage__right h3 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 2px;
font-size: 4rem;
font-family: var(--font-hiragino);
margin-bottom: 40px;
}
.p-topMessage__right p {
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
letter-spacing: 1.6px;
}
.p-topDouble__inner {
display: flex;
flex-wrap: wrap;
}
.p-topDouble__inner .p-topService,
.p-topDouble__inner .p-topProfess {
width: 50%;
position: relative;
}
.p-topDouble__inner .p-topService::before,
.p-topDouble__inner .p-topProfess::before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
background: #000;
position: absolute;
z-index: 1;
}
.p-topDouble__inner .p-topService > figure,
.p-topDouble__inner .p-topProfess > figure {
overflow: hidden;
}
.p-topDouble__inner .p-topService > figure img,
.p-topDouble__inner .p-topProfess > figure img {
transition: transform 0.4s;
transform: scale(1);
width: 100%;
}
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
position: absolute;
z-index: 1;
color: var(--color-white);
top: 25%;
left: 0;
padding: 0 24px;
}
.p-topDouble__inner .p-topService__inner h2,
.p-topDouble__inner .p-topProfess__inner h2 {
margin-bottom: 120px;
}
.p-topDouble__inner .p-topService__inner h2 span,
.p-topDouble__inner .p-topProfess__inner h2 span {
display: block;
}
.p-topDouble__inner .p-topService__inner h2 span.-ja,
.p-topDouble__inner .p-topProfess__inner h2 span.-ja {
font-family: var(--font-hiragino);
font-size: 2rem;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
margin-bottom: 10px;
}
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-family: var(--font-cormo);
font-size: 6.4rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 64px */
letter-spacing: 3.2px;
}
.p-topDouble__inner .p-topService__inner > span.-underline,
.p-topDouble__inner .p-topProfess__inner > span.-underline {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
display: flex;
justify-content: flex-end;
}
.p-topDouble__inner .p-topService__inner > span.-underline span,
.p-topDouble__inner .p-topProfess__inner > span.-underline span {
padding-bottom: 10px;
position: relative;
}
.p-topDouble__inner .p-topService__inner > span.-underline span::before,
.p-topDouble__inner .p-topProfess__inner > span.-underline span::before {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
transition: width 0.4s;
}
.p-topDouble__inner .p-topService__inner {
max-width: 474px;
width: 100%;
right: 80px;
left: unset;
}
.p-topAbout {
padding: 80px 0;
position: relative;
}
.p-topAbout .c-txtUnder {
right: 18px;
top: 110px;
}
.p-topAbout__inner {
background: url(../img/top/img-about.avif) no-repeat top/100%, #eaf4f9;
padding: 80px 0;
}
.p-topAbout__box {
max-width: 1000px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.9);
padding: 60px 50px 80px;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
}
.p-topAbout__box h3 {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 40px */
letter-spacing: 2px;
font-family: var(--font-hiragino);
font-size: 4rem;
text-align: center;
margin-bottom: 40px;
}
.p-topAbout__box p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-family: var(--font-jp);
margin-bottom: 60px;
}
.p-topPrice__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-topPrice__btn {
width: calc(50% - 20px);
position: relative;
}
.p-topPrice__btn figure {
overflow: hidden;
position: relative;
}
.p-topPrice__btn figure::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0.4;
background: var(--color-black, #000);
top: 0;
left: 0;
}
.p-topPrice__btn figure img {
transform: scale(1);
transition: all 0.3s;
width: 100%;
}
.p-topPrice__txt {
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
border: 1px solid var(--color-white);
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
color: var(--color-white);
padding: 0 20px;
z-index: 3;
}
.p-topPrice__txt .-ja {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
margin-bottom: 10px;
}
.p-topPrice__txt .-en {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 44px */
letter-spacing: 2.2px;
font-family: var(--font-cormo);
font-size: 4.4rem;
}
.p-topNews {
padding: 80px 0;
}
.p-topNews__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.p-topNews__left {
width: 36.37%;
}
.p-topNews__left .c-btn {
max-width: 260px;
margin: 0;
padding: 23px;
}
.p-topNews__right {
width: 63.63%;
}
.p-topNews__right .c-btn {
max-width: 255px;
}
.p-topContact {
padding: 60px 0 100px;
background: url(../img/top/img-contact.avif) no-repeat;
background-size: cover;
}
.p-topContact__box {
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
padding: 0 60px 80px;
}
.p-topContact__box::before {
content: "";
width: 100%;
left: 0;
top: 50px;
bottom: 0;
background: #fff;
position: absolute;
z-index: -1;
}
.p-topContact__box p {
margin-bottom: 60px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 16px */
letter-spacing: 0.8px;
text-align: center;
}
.p-topContact__row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.p-topContact__left a {
display: block;
margin-bottom: 10px;
}
.p-topContact__left span {
display: flex;
align-items: center;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
}
.p-topContact__left span span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.p-topContact__right {
max-width: 400px;
width: calc(100% - 435px);
}
.p-topContact__right .-sp {
font-family: var(--font-helvetica);
letter-spacing: 0.8px;
}
.p-topContact__right .-sp strong {
font-weight: 700;
font-size: 2.4rem;
}

@keyframes fadezoom {
0% {
transform: scale(1.5) rotate(0.1deg);
}
100% {
transform: scale(1.65) rotate(0.1deg);
}
}
@keyframes scroll-bar-pc {
0% {
transform: translate3d(0, -80px, 0);
}
100% {
transform: translate3d(0, 160px, 0);
}
}
@media print, screen and (min-width: 769px){
.t-hiddenSp {
display: block;
}
.t-hiddenPc {
display: none;
}
.t-taL-pc {
text-align: left !important;
}
.t-taR-pc {
text-align: right !important;
}
.t-taC-pc {
text-align: center !important;
}
.l-header__hamburger {
display: none;
}
.l-header__menuSp {
display: none;
}
.l-header__menuSp .-sp {
display: none;
}
.l-footer__right {
padding-right: 80px;
}
.l-footer__right > a {
display: none;
}
.l-footer__right p {
display: none;
}
.sp-only {
display: none;
}
.c-articleNews__inner.-no-padding h3 {
padding-left: 20px;
font-size: 2rem;
border-width: 6px;
margin-bottom: 40px;
}
.c-formContact form .c-txtPrice {
margin-bottom: 36px;
}
.c-listUser li figure figcaption {
display: none;
}
.c-listUser__info table tr td {
padding: 16px 40px;
line-height: 180%;
}
.c-mapAccess__info p .sp-only {
display: none;
}
.c-tableOutline td br.sp-only {
display: none;
}
.c-tablePrice {
margin-bottom: 30px;
}
.c-titlePrice__sub {
padding-left: 20px;
font-size: 2.4rem;
border-width: 6px;
}
.c-txtPrice {
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
margin-bottom: 64px;
}
.p-aboutMessage__desc p span {
display: none;
}
.p-priceFee__inner > section:not(:last-of-type) {
margin-bottom: 40px;
}
.p-priceFee__inner p {
margin-bottom: 30px;
font-size: 1.6rem;
}
.p-priceFee__block h4 {
margin-bottom: 20px;
}
.p-topAbout__box h3 br.-sp {
display: none;
}
.p-topNews__right .c-btn {
display: none;
}
.p-topContact__box p.-sp {
display: none;
}
.p-topContact__right .-sp {
display: none;
}
}
@media screen and (max-width: 1366px){
main {
padding-top: 85px;
}
.l-header__inner {
padding: 0 15px;
width: calc(100% - 120px);
}
.l-header__logo {
max-width: 220px;
}
.l-header__nav ul {
gap: 0 20px;
}
.l-header__nav ul li a {
padding: 30px 0;
}
.l-header__btn {
height: 100px;
width: 120px;
}
}
@media screen and (max-width: 768px){
main {
padding-top: 60px !important;
}
.l-header__inner {
width: 100% !important;
padding: 0 0 0 10px !important;
border: none;
}
.l-header__logo {
max-width: 245px !important;
}
.l-header__nav {
position: absolute;
z-index: 10;
opacity: 0;
visibility: hidden;
}
.l-header__menuSp > span span {
font-size: 1.2rem;
margin-right: 15px;
width: 65px;
margin-bottom: 0;
letter-spacing: 0.6px;
}
.l-footer {
padding: 24px 0;
}
.l-footer__logo {
font-size: 2.2rem;
margin-bottom: 30px;
}
.l-footer__left, .l-footer__right {
width: 100%;
}
.l-footer__left p, .l-footer__right p {
font-size: 1.4rem;
}
.l-footer__left {
margin-bottom: 10px;
text-align: center;
}
.l-footer__right {
text-align: center;
}
.l-footer__right ul {
display: none;
}
.l-footer__right ul li {
font-size: 1.8rem;
}
.l-footer__copy {
font-size: 1rem;
margin-top: 60px;
}
.pc-only {
display: none;
}
.wp-pagenavi {
order: 2;
}
.p-news__list {
order: 3;
}
.wp-pagenavi {
gap: 5px;
}
.wp-pagenavi span,
.wp-pagenavi a {
width: 32px;
font-size: 1.6rem;
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before {
width: 9px;
border-width: 2px;
}
.c-articleNews strong {
font-size: 2rem;
letter-spacing: 1px;
}
.c-articleNews h1 {
font-weight: 700;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.c-articleNews h1.-blue-line::before {
width: 60px;
}
.c-articleNews__inner {
padding: 0;
}
.c-articleNews__inner.-no-padding p {
padding: 0;
margin-bottom: 20px;
font-size: 1.4rem;
}
.c-articleNews__inner.-no-padding h2::before {
width: 60px;
}
.c-articleNews__inner.-no-padding h2 {
font-weight: 700;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.c-articleNews__inner figure {
margin-bottom: 20px;
}
.c-articleNews__inner time {
font-size: 1.4rem;
letter-spacing: 0.7px;
margin-bottom: 20px;
}
.c-articleNews__inner p {letter-spacing: 0.7px;font-size: 1.4rem;margin-bottom: 20px;/* font-weight: 400; */}
.c-articleNews__inner .c-btnMain {
max-width: 210px;
}
.c-boxScroll {
padding: 16px 20px 16px 18px;
max-height: 202px;
}
.c-boxScroll h3 {
font-size: 1.4rem;
}
.c-boxScroll p {
font-size: 1.4rem;
}
.c-bread {
font-size: 1.2rem;
overflow-x: scroll;
}
.c-bread_container.-scrollbar-sp {
min-width: 500px;
}
.c-btn {
font-size: 1.4rem;
letter-spacing: 0.7px;
padding: 21.5px;
}
.c-btnMain {
font-size: 1.4rem;
letter-spacing: 0.7px;
padding: 22.5px;
}
.c-formContact form {
padding: 30px 20px 40px;
}
.c-formContact__field input[type=text],
.c-formContact__field input[type=tel],
.c-formContact__field input[type=email],
.c-formContact__field textarea {
min-height: 60px;
}
.c-formContact__field textarea {
max-height: 120px;
}
.c-formContact__row {
margin-bottom: 30px;
}
.c-formContact__row label {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-formContact__row label::after {
line-height: 180%; /* 19.8px */
letter-spacing: 0.55px;
width: 40px;
font-size: 1.1rem;
line-height: 14px;
height: auto;
margin-left: 10px;
}
.c-formContact__check label input:checked ~ span::after {
width: 6px;
left: -3px;
}
.c-formContact__check label span {
font-size: 1.4rem;
padding-left: 17px;
letter-spacing: 0.7px;
}
.c-formContact__check label span::before {
width: 18px;
top: 1px;
left: -10px;
}
.c-formContact__submit .c-btnMain {
max-width: 255px;
}
.c-listNews li a {
padding: 20px 0 30px;
}
.c-listNews li a time {
width: 100%;
margin-bottom: 10px;
font-size: 1.4rem;
letter-spacing: 0.7px;
line-height: 1.8;
}
.c-listNews li a h3 {
width: 100%;
line-height: 1.8;
font-size: 1.4rem;
}
.c-listUser {
padding: 50px 0 70px;
}
.c-listUser li:not(:last-of-type) {
margin-bottom: 60px;
justify-content: center;
}
.c-listUser li figure {
width: 100%;
padding-right: 0 !important;
display: flex;
align-items: center;
margin-bottom: 55px;
}
.c-listUser li figure::before {
content: unset;
width: 100% !important;
right: -20px !important;
top: -20px !important;
}
.c-listUser li figure picture {
width: 34%;
position: relative;
z-index: 1;
}
.c-listUser li figure picture::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: var(--color-user, #eef7f8);
top: 25px;
left: 37px;
z-index: -1;
}
.c-listUser__info {
width: 100%;
}
.c-listUser__info h3 {
display: none;
}
.c-listUser__info h3 span strong {
font-size: 2rem;
margin-right: 20px;
}
.c-listUser__info table tr th,
.c-listUser__info table tr td {
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-listUser__info table tr th {
padding: 20px 10px;
width: 120px;
}
.c-listService li a figure {
margin-bottom: 10px;
}
.c-listService li a figure picture img {
aspect-ratio: 520/320;
-o-object-fit: cover;
object-fit: cover;
}
.c-listService li a h3 {
font-size: 1.8rem;
letter-spacing: 0.8px;
margin-bottom: 5px;
text-align: left;
}
.c-listService li a p {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.c-listService__btn {
margin-top: 15px;
}
.c-listService__btn span {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.c-mapAccess iframe {
aspect-ratio: 16/9;
margin-bottom: 10px;
}
.c-mapAccess__info p {
width: 100%;
margin-bottom: 40px;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-mapAccess__info a {
max-width: 255px;
}
.c-tableOutline th,
.c-tableOutline td {
padding: 30px 20px;
etter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-tableOutline th {
width: 116px;
}
.c-tableOutline td {
font-weight: 400;
line-height: 180%; /* 25.2px */
}
.c-tableOutline td br.pc-only {
display: none;
}
.c-tableAdvice.-align-left th {
width: 150px;
}
.c-tableAdvice tr th,
.c-tableAdvice tr td {
font-size: 1.4rem;
letter-spacing: 0.7px;
}

.c-tablePrice tr th {
font-size: 1.4rem;
}
.c-tablePrice tr td {
font-size: 1.4rem;
}
.p-priceFee__table table {
min-width: 100%;
}
.p-priceFee__table table.-col-2 {
min-width: 100%;
}
.c-tableAdvice tr th {
width: 110px;
}
.c-tableAdvice tr td {
padding: 18px 18px 18px 30px;
}
.c-titleMain {
margin-bottom: 40px;
}
.c-titleMain span.-ja {
font-size: 1.6rem;
letter-spacing: 0.8px;
}
.c-titleMain span.-en {
font-size: 4rem !important;
}
.c-titleContact {
font-size: 4rem !important;
letter-spacing: 2px;
}
.c-titlePage h1 span.-ja {
letter-spacing: 1.5px;
font-size: 3rem;
margin-bottom: 10px;
}
.c-titlePage h1 span.-en {
letter-spacing: 0.8px;
font-size: 1.6rem;
}
.c-titlePrice {
margin-bottom: 28px;
text-align: center;
}
.c-titlePrice span {
font-size: 2.4rem;
letter-spacing: 1.2px;
}
.c-titlePrice span::before {
width: 60px;
}
.c-txtUnder {
font-size: 1.4rem;
}
.c-txtPrice.-center {
text-align: left;
}
.p-aboutMessage {
padding: 60px 0;
}
.p-aboutMessage .c-txtUnder {
left: 7px;
top: 26%;
}
.p-aboutMessage .c-txtUnder img {
width: 56px;
}
.p-aboutMessage .c-titleMain {
margin-bottom: 30px;
}
.p-aboutMessage__inner {
justify-content: center;
}
.p-aboutMessage__img {
width: 81.5%;
margin-bottom: 20px;
}
.p-aboutMessage__img figure {
padding-bottom: 22px;
padding-right: 34%;
margin-bottom: 0;
}
.p-aboutMessage__img figure::before {
width: 64%;
height: calc(100% - 30px);
}
.p-aboutMessage__img figure img {
width: 100%;
}
.p-aboutMessage__img p {
font-size: 1.4rem;
line-height: 1.8;
}
.p-aboutMessage__img p.pc-only {
display: none;
}
.p-aboutMessage__desc {
width: 100%;
padding: 0 0 0 53px !important;
}
.p-aboutOutline {
padding: 40px 0 60px;
}
.p-aboutOutline .c-titleMain {
margin-bottom: 30px;
}
.p-aboutAccess {
padding: 53px 0 80px;
}
.p-aboutAccess .c-titleMain {
margin-bottom: 20px;
}
.p-contact__info {
padding: 60px 0;
}
.p-contact__border {
padding: 20px;
}
.p-contact__border h2 {
font-size: 1.6rem;
}
.p-contact__border h2 span {
font-size: 2rem;
letter-spacing: 1px;
}
.p-contact__border h2 span strong {
font-size: 3.6rem;
letter-spacing: 0;
}
.p-contact__border p {
font-size: 1.4rem;
}
.p-contact__row {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.p-contact__row span {
font-size: 1.2rem;
letter-spacing: 0.6px;
margin-right: 10px;
}
.p-contact__form {
padding: 30px 0 60px;
}
.p-news {
padding-bottom: 75px;
}
.p-news__inner {
flex-direction: column-reverse;
}
.p-news__category {
width: 100%;
margin-top: 86px;
}
.p-news__category ul li a {
margin-left: 20px;
}
.p-news__list {
width: 100%;
padding-left: 0;
}
.p-priceFee {
padding: 20px 0;
}
.p-priceFee__table {
margin-right: -20px;
}
.p-priceFee__block:not(:last-of-type) {
margin-bottom: 40px;
}
.p-service {
padding: 40px 0 60px;
}
.p-service .c-txtPrice {
margin-bottom: 30px;
}
.p-support {
padding: 60px 0;
}
.p-contact.-support .c-formContact__submit {
margin-top: 40px;
}
.p-topMv__slide {
-webkit-clip-path: unset;
clip-path: unset;
width: 100%;
position: relative;
}
.p-topMv__slide::before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: var(--color-black, #000);
opacity: 0.4;
z-index: 3;
}
.p-topMv__slide .swiper-slide img {
height: calc(100vh - 60px);
}
.p-topMv__title {
left: 0 !important;
text-align: center;
width: 100%;
top: 50%;
}
.p-topMv__title h1,
.p-topMv__title p {
color: var(--color-white);
text-align: center;
}
.p-topMv__title h1 {
font-size: 2rem;
margin-bottom: 15px;
letter-spacing: 1.5px;
}
.p-topMv__title p {
font-size: 1.6rem;
letter-spacing: 0.8px;
}
.p-topMessage {
padding: 40px 0 80px;
}
.p-topMessage .c-txtUnder {
right: 14px;
bottom: 10%;
}
.p-topMessage .c-txtUnder img {
width: 52px !important;
}
.p-topMessage__left {
width: 100% !important;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.p-topMessage__left figure {
width: 30.66vw;
padding-bottom: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translate(7px, -50%);
}
.p-topMessage__left figure::before {
left: 13px;
height: calc(100% - 20px);
}
.p-topMessage__left .c-titleMain {
margin-bottom: 28px;
}
.p-topMessage__right {
width: calc(100% - 50px) !important;
padding-top: 0 !important;
position: relative;
z-index: 1;
}
.p-topMessage__right p {
font-size: 1.4rem;
}
.p-topDouble__inner .p-topService,
.p-topDouble__inner .p-topProfess {
width: 100%;
text-align: center;
}
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
width: 100%;
max-width: 100%;
padding: 0 15px !important;
}
.p-topDouble__inner .p-topService__inner h2 span.-ja,
.p-topDouble__inner .p-topProfess__inner h2 span.-ja {
font-size: 1.6rem;
margin-bottom: 20px;
}
.p-topDouble__inner .p-topService__inner > span.-underline,
.p-topDouble__inner .p-topProfess__inner > span.-underline {
justify-content: center;
font-size: 1.6rem;
}
.p-topAbout {
padding: 34px 0 40px;
}
.p-topAbout .c-txtUnder {
right: 8px;
left: 8px;
top: 80px;
}
.p-topAbout .c-titleMain {
text-align: center;
}
.p-topAbout__inner {
background: url(../img/top/img-about-sp.avif) no-repeat top/100%, #eaf4f9;
padding: 40px 0;
}
.p-topAbout__box {
padding: 30px 30px 40px;
}
.p-topAbout__box h3 {
line-height: 180%; /* 39.6px */
letter-spacing: 1.1px;
font-size: 2.2rem;
margin-bottom: 30px;
}
.p-topAbout__box p {
margin-bottom: 40px;
font-size: 1.4rem;
}
.p-topPrice__inner {
gap: 20px;
}
.p-topPrice__btn {
width: 100% !important;
}
.p-topPrice__txt .-ja {
font-size: 1.8rem;
}
.p-topPrice__txt .-en {
font-size: 4rem;
}
.p-topNews {
padding: 60px 0;
}
.p-topNews__left {
width: 100%;
}
.p-topNews__left .c-titleMain {
text-align: center;
}
.p-topNews__left .c-btn {
display: none;
}
.p-topNews__right {
width: 100%;
}
.p-topNews__right .c-listNews {
margin-bottom: 60px;
}
.p-topContact {
padding: 20px 0 36px;
background: url(../img/top/img-contact-sp.avif) no-repeat, var(--color-footer);
background-size: cover;
}
.p-topContact__box {
padding: 0 20px 40px;
}
.p-topContact__box::before {
top: 20px;
}
.p-topContact__box p {
margin-bottom: 20px;
font-size: 1.4rem;
}
.p-topContact__left {
width: 100%;
}
.p-topContact__left span {
justify-content: center;
margin-bottom: 40px;
font-size: 1.4rem;
}
.p-topContact__left span span {
font-size: 1.2rem;
margin-right: 15px;
width: 65px;
margin-bottom: 0;
}
.p-topContact__left .-pc {
display: none;
}
.p-topContact__right {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
max-width: 100%;
gap: 20px;
width: 100% !important;
}
.p-topContact__right a {
max-width: 255px;
}
}
@media print, screen and (min-width: 1600px){
.m-wrapper {
max-width: 1120px;
}
}
@media (hover: hover) and (pointer: fine){
.l-header__logo:hover {
opacity: 0.7;
}
.l-header__btn:hover::before {
transform: scale(1, 1);
}
.l-footer__inner a:hover {
opacity: 0.7;
}
.l-footer__right ul li a:hover {
opacity: 1;
}
.l-footer__right ul li a:hover::before {
width: 100%;
}
.c-bread_item a:hover {
text-decoration: none;
}
.c-btn:hover span {
color: var(--color-white);
}
.c-btn:hover::before {
background: #fff;
}
.c-btn:hover::after {
width: 100%;
}
.c-btnMain:hover::after {
transform: scale(1, 1);
}
.c-listNews li a:hover::before {
transform: scale(1, 1);
}
.c-listService li a:hover {
opacity: 0.7;
}
.p-news__category ul li a:hover {
opacity: 0.7;
}
.p-topDouble__inner .p-topService:hover figure img,
.p-topDouble__inner .p-topProfess:hover figure img {
transform: scale(1.05);
}
.p-topDouble__inner .p-topService:hover span.-underline span::before,
.p-topDouble__inner .p-topProfess:hover span.-underline span::before {
width: 0;
}
.p-topPrice__btn:hover figure img {
transform: scale(1.05);
}
}
@media screen and (max-width: 991px){
.l-header__logo {
max-width: 280px;
}
.l-header__nav ul {
padding: 5px 0 5px 15px;
}
.l-header__nav ul li a {
padding: 10px 0;
}
.l-header__nav ul li a.-current::before {
bottom: 0;
}
.c-btnTel strong {
font-size: 4rem;
}
.c-formContact__policy {
padding: 0 10px 0 18px;
}
.c-listUser li figure {
padding-right: 30px;
}
.c-listUser li figure::before {
right: 30px;
top: 30px;
width: 70%;
}
.c-listService {
gap: 30px 20px;
}
.c-listService li {
width: calc((100% - 20px) / 2);
}
.c-titleMain span.-en {
font-size: 7rem;
letter-spacing: 2px;
}
.c-titleContact {
font-size: 7rem;
}
.p-aboutMessage__desc {
padding: 15px 0 0 30px;
}
.p-aboutMessage__desc p {
width: 100%;
line-height: 1.8;
font-size: 1.4rem;
}
.p-priceFee__inner {
padding: 0;
}
.p-priceFee__table {

padding-right: 20px;
}
.p-topMv__title {
left: 20px;
}
.p-topMv__scroll > span {
color: var(--color-white);
margin-bottom: 0;
margin-left: 10px;
}
.p-topMv__area span {
background-color: var(--color-white);
}
.p-topMessage .c-txtUnder img {
width: 10vw;
}
.p-topMessage__left {
width: 55%;
}
.p-topMessage__right {
width: 45%;
padding-top: 20px;
}
.p-topMessage__right h3 {
font-size: 2.2rem;
margin-bottom: 20px;
letter-spacing: 1.1px;
}
.p-topPrice__btn {
width: calc(50% - 10px);
}
.p-topContact__right {
width: calc(100% - 365px);
}
}
@media screen and (max-width: 374px){
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-size: 3rem !important;
}
}
@media screen and (max-width: 559px){
.c-listService li {
width: 100%;
}
.p-topMessage__left figure {
top: 0;
transform: translate(7px, 12px);
}
}
@media screen and (max-width: 1200px){
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
}
.p-topDouble__inner .p-topService__inner h2,
.p-topDouble__inner .p-topProfess__inner h2 {
margin-bottom: 57px;
}
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-size: 3.8rem;
}
.p-topDouble__inner .p-topService__inner {
right: unset;
left: 0;
}
}


.c-map-img figure {
padding-top: 30px;
max-width: 600px;
width: 100%;
}

.c-map-img figure p {
padding: 10px 0
}


@media screen and (max-width: 559px){
.c-map-img figure p {
font-size: 1.4rem;
}
.footer-txt {
position: relative;
left: 38px;
}
}

}
.c-titleMain span.-en.js-animation-slide {
transition-delay: 0.3s;
}
.c-titleContact {
font-size: 10rem;
font-style: normal;
font-weight: bold;
line-height: 100%; /* 100px */
letter-spacing: 5px;
color: var(--color-main);
font-family: "Roboto", sans-serif;
text-align: center;
margin-bottom: 30px;
}
.c-titlePage {
position: relative;
}
.c-titlePage figure {
position: relative;
}
.c-titlePage figure::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--color-main);
opacity: 0.3;
}
.c-titlePage figure img {
width: 100%;
}
.c-titlePage h1 {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--color-white);
}
.c-titlePage h1 span {
display: block;
}
.c-titlePage h1 span.-ja {
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 2.3px;
font-size: 4.6rem;
margin-bottom: 20px;
}
.c-titlePage h1 span.-en {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
letter-spacing: 1.2px;
font-size: 2.4rem;
}
.c-titlePrice {
display: flex;
justify-content: center;
position: relative;
margin-bottom: 54px;
}
.c-titlePrice span {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1.5px;
font-size: 3rem;
font-family: var(--font-hiragino);
}
.c-titlePrice span::before {
content: "";
width: 100px;
height: 2px;
background-color: var(--color-main);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(100% + 10px);
}
.c-titlePrice__sub {
line-height: 1.667;
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1.2px;
border-left: 4px solid var(--color-main);
margin-bottom: 36px;
padding-left: 10px;
font-size: 1.8rem;
}

.c-txtUnder {
position: absolute;
display: block;
}
.c-txtPrice {
font-weight: 300;
margin-bottom: 32px;
font-size: 1.4rem;
letter-spacing: 0.65px;
line-height: 180%;
}

.p-aboutMessage {
padding: 50px 0 120px;
position: relative;
z-index: 1;
}
.p-aboutMessage .c-txtUnder {
transform: rotate(180deg);
top: 15px;
}
.p-aboutMessage .c-titleMain {
margin-bottom: 80px;
}
.p-aboutMessage__inner {
display: flex;
flex-wrap: wrap;
}
.p-aboutMessage__img {
width: 37.36%;
}
.p-aboutMessage__img figure {
position: relative;
z-index: 1;
padding-bottom: 47px;
margin-bottom: 20px;
}
.p-aboutMessage__img figure::before {
content: "";
width: calc(100% - 100px);
height: calc(100% - 62px);
position: absolute;
z-index: -1;
background: #eef7f8;
position: absolute;
right: 0;
bottom: 0;
}
.p-aboutMessage__img figure img {
width: calc(100% - 100px);
}
.p-aboutMessage__img p {
text-align: center;
color: #000;
font-family: var(--font-hiragino);
font-size: 2rem;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
}
.p-aboutMessage__desc {width: 100%;padding-left: 49px;padding-top: 42px;}
.p-aboutMessage__desc p {
width: 95%;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
letter-spacing: 1.6px;
font-size: 1.6rem;
margin-top: 20px;
}
.p-aboutMessage__desc p span {
font-family: var(--font-hiragino);
font-style: normal;
font-weight: 300;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
display: block;
text-align: right;
margin-top: 20px;
color: var(--color-black);
}
.p-aboutOutline {
padding: 80px 0;
background: var(--bg-outline, #fafafa);
}
.p-aboutAccess {
padding: 80px 0px 100px;
}

.p-contact__info {
padding: 20px 0 60px;
}
.p-contact__border {
border: 1px solid var(--color-border-list);
padding: 40px;
text-align: center;
}
.p-contact__border h2 {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 36px */
letter-spacing: 1px;
font-size: 2rem;
}
.p-contact__border h2 span {
display: flex;
align-items: flex-end;
justify-content: center;
font-style: normal;
font-weight: 400;
letter-spacing: 1.3px;
font-family: var(--font-helvetica);
color: var(--color-main);
margin-top: 10px;
}
.p-contact__border h2 span strong {
line-height: 100%; /* 26px */
font-size: 4.8rem;
margin-bottom: 5px;
}
.p-contact__border p {
margin-bottom: 0;
}
.p-contact__row {
display: flex;
max-width: 390px;
margin: 5px auto 20px;
}
.p-contact__row span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.p-contact__form {
background: #fafafa;
padding: 50px 0 100px;
}

.p-news {
padding: 60px 0 100px;
}
.p-news__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.p-news__category {
width: 270px;
position: sticky;
top: 115px;
}
.p-news__category h3 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
position: relative;
padding-bottom: 20px;
margin-bottom: 15px;
}
.p-news__category h3::before, .p-news__category h3::after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
left: 0;
}
.p-news__category h3::before {
background: var(--color-border-list);
width: 100%;
}
.p-news__category h3::after {
width: 61px;
background-color: var(--color-main);
}
.p-news__category ul li:not(:last-child) {
margin-bottom: 13px;
}
.p-news__category ul li a {
position: relative;
padding-left: 17px;
display: block;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
font-family: var(--font-hiragino);
transition: all 0.3s;
}
.p-news__category ul li a::before {
content: "";
width: 8px;
aspect-ratio: 1/1;
border-right: 2px solid var(--color-border-list);
border-bottom: 2px solid var(--color-border-list);
position: absolute;
left: 0;
top: 50%;
transition: all 0.3s;
transform: rotate(-45deg) translateY(-50%);
}
.p-news__list {
width: calc(100% - 270px);
padding-left: 60px;
}

.p-priceAdvice {
padding: 30px 0 40px;
}
.p-priceFee {
padding: 40px 0;
}
.p-priceFee section :last-child {
margin-bottom: 0;
}
.p-priceFee__inner {
padding: 0 54px;
}
.p-priceFee__inner > section:not(:last-of-type) {
margin-bottom: 20px;
}
.p-priceFee__inner p {
margin: 30px 0;
font-size: 1.4rem;
}
.p-priceFee__inner p.-mt20 {
margin-top: 20px;
}
.p-priceFee__table table {
min-width: 765px;
}
.p-priceFee__table table.-col-2 {
min-width: 510px;
}
.p-priceFee__block:not(:last-of-type) {
margin-bottom: 80px;
}
.p-priceFee__block h4 {
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
margin-bottom: 10px;
}

.p-service {
padding: 40px 0 120px;
display: block;
}
.p-service .c-txtPrice {
margin-bottom: 60px;
}

.p-support {
padding: 58px 0;
}
.p-support .c-txtPrice {
margin-bottom: 0;
}

.p-contact.-support .p-contact__form {
padding: 60px 0 90px;
}
.p-contact.-support .c-formContact form {
padding-top: 30px;
}
.p-contact.-support .c-formContact__submit {
margin-top: 80px;
}

.p-topMv {
position: relative;
}
.p-topMv__slide img {
object-fit: cover;
}
.p-topMv__slide {overflow: hidden;width: 100%;}
.p-topMv__slide .swiper-slide video {
width: 100%;
height: calc(100vh - 100px);
-o-object-fit: cover;
object-fit: cover;
display: block;
margin-left: auto;
opacity: 1;
}
.p-topMv__slide .swiper-slide-active img {
animation: fadezoom 16s normal forwards;
transition-delay: 2s;
}
.p-topMv__title {
position: absolute;
top: calc(50% - 50px);
left: 80px;
transform: translateY(-50%);
font-family: var(--font-hiragino);
z-index: 5;
}
.p-topMv__title h1 {
font-size: 5.5rem;
font-weight: bold;
margin-bottom: 30px;
line-height: 1.17;
color: #fff;
font-family: "Roboto", sans-serif;
}
.p-topMv__title p {
font-weight: bold;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 1.5px;
color: #fff;
}
.p-topMv__scroll {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
align-items: flex-end;
flex-direction: row-reverse;
z-index: 5;
}
.p-topMv__scroll > span {
margin-left: 20px;
margin-bottom: 5px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
color: #fff;
}
.p-topMv__area {
width: 2px;
height: 80px;
overflow: hidden;
}
.p-topMv__area span {
background: #fff;
display: block;
width: 2px;
height: 80px;
animation: scroll-bar-pc 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.p-topMessage {
padding: 80px 0 210px;
position: relative;
background: #000;
color: #fff!important;
}
.p-topMessage .c-titleMain span.-en{
color: #fff!important;
}
.p-topMessage .c-txtUnder {
right: 0;
bottom: 25px;
display: none;
}
.p-topMessage__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.p-topMessage__left {
width: 550px;
}
.p-topMessage__left figure {
width: calc(100% - 100px);
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.p-topMessage__right {
width: calc(100% - 550px);
padding-top: 50px;
}
.p-topMessage__right.js-animation-slide {
opacity: 0;
transition: all 1.5s ease 0.4s;
transform: translateY(50px);
display: block;
}
.p-topMessage__right.js-animation-slide.-slided {
opacity: 1;
transform: translateY(0);
}
.p-topMessage__right h3 {font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 2px;font-size: 3rem;font-family: var(--font-hiragino);margin-bottom: 40px;}
.p-topMessage__right p {
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
letter-spacing: 1.6px;
}
.p-topDouble__inner {
display: flex;
flex-wrap: wrap;
}
.p-topDouble__inner .p-topService,
.p-topDouble__inner .p-topProfess {
width: 50%;
position: relative;
}
.p-topDouble__inner .p-topService::before,
.p-topDouble__inner .p-topProfess::before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
background: #000;
position: absolute;
z-index: 1;
}
.p-topDouble__inner .p-topService > figure,
.p-topDouble__inner .p-topProfess > figure {
overflow: hidden;
}
.p-topDouble__inner .p-topService > figure img,
.p-topDouble__inner .p-topProfess > figure img {
transition: transform 0.4s;
transform: scale(1);
width: 100%;
}
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
position: absolute;
z-index: 1;
color: var(--color-white);
top: 25%;
left: 0;
padding: 0 24px;
}
.p-topDouble__inner .p-topService__inner h2,
.p-topDouble__inner .p-topProfess__inner h2 {
margin-bottom: 120px;
}
.p-topDouble__inner .p-topService__inner h2 span,
.p-topDouble__inner .p-topProfess__inner h2 span {
display: block;
}
.p-topDouble__inner .p-topService__inner h2 span.-ja,
.p-topDouble__inner .p-topProfess__inner h2 span.-ja {
font-family: var(--font-hiragino);
font-size: 2rem;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
margin-bottom: 10px;
}
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-family: "Roboto", sans-serif;
font-size: 6.4rem;
font-style: normal;
font-weight: bold;
line-height: 100%; /* 64px */
letter-spacing: 3.2px;
}
.p-topDouble__inner .p-topService__inner > span.-underline,
.p-topDouble__inner .p-topProfess__inner > span.-underline {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
display: flex;
justify-content: flex-end;
}
.p-topDouble__inner .p-topService__inner > span.-underline span,
.p-topDouble__inner .p-topProfess__inner > span.-underline span {
padding-bottom: 10px;
position: relative;
}
.p-topDouble__inner .p-topService__inner > span.-underline span::before,
.p-topDouble__inner .p-topProfess__inner > span.-underline span::before {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
transition: width 0.4s;
}
.p-topDouble__inner .p-topProfess__inner {
max-width: 474px;
width: 100%;
left: unset;
}

.p-topDouble__inner .p-Proccess__inner {
max-width: 474px;
width: 100%;
right: 80px;
left: unset;
}
.p-topAbout {
padding: 80px 0 0 0;
position: relative;
}
.p-topAbout .c-txtUnder {
right: 18px;
top: 110px;
display: none;
}
.p-topAbout__inner {background: url(../img/top/img-value.jpg) no-repeat top/100%, #264646;padding: 80px 0;}
.p-topAbout__box {
max-width: 1000px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.9);
padding: 60px 50px 80px;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
}
.p-topAbout__box h3 {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 40px */
letter-spacing: 2px;
font-family: var(--font-hiragino);
font-size: 4rem;
text-align: center;
margin-bottom: 40px;
}
.p-topAbout__box p {
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
letter-spacing: 0.8px;
font-family: var(--font-jp);
margin-bottom: 60px;
}
.p-topPrice__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-topPrice__btn {
width: calc(50% - 20px);
position: relative;
}
.p-topPrice__btn figure {
overflow: hidden;
position: relative;
}
.p-topPrice__btn figure::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0.4;
background: var(--color-black, #000);
top: 0;
left: 0;
}
.p-topPrice__btn figure img {
transform: scale(1);
transition: all 0.3s;
width: 100%;
}
.p-topPrice__txt {
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
border: 1px solid var(--color-white);
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
color: var(--color-white);
padding: 0 20px;
z-index: 3;
}
.p-topPrice__txt .-ja {
font-style: normal;
font-weight: 300;
line-height: 100%; /* 20px */
letter-spacing: 1px;
font-size: 2rem;
font-family: var(--font-hiragino);
margin-bottom: 10px;
}
.p-topPrice__txt .-en {
font-style: normal;
font-weight: 400;
line-height: 100%; /* 44px */
letter-spacing: 2.2px;
font-family: var(--font-cormo);
font-size: 4.4rem;
}
.p-topNews {
padding: 80px 0;
}
.p-topNews__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.p-topNews__left {
width: 36.37%;
}
.p-topNews__left .c-btn {
max-width: 260px;
margin: 0;
padding: 23px;
}
.p-topNews__right {
width: 63.63%;
}
.p-topNews__right .c-btn {
max-width: 255px;
}
.p-topContact {
padding: 60px 0 100px;
background: url(../img/top/img-contact.avif) no-repeat;
background-size: cover;
}
.p-topContact__box {
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
padding: 0 60px 80px;
}
.p-topContact__box::before {
content: "";
width: 100%;
left: 0;
top: 50px;
bottom: 0;
background: #fff;
position: absolute;
z-index: -1;
}
.p-topContact__box p {
margin-bottom: 60px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 16px */
letter-spacing: 0.8px;
text-align: center;
}
.p-topContact__row {
display: block;
width: 100%;
}
.p-topContact__left a {
display: block;
margin-bottom: 10px;
}
.p-topContact__left span {
display: flex;
align-items: center;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
}
.p-topContact__left span span {
border: 1px solid var(--color-text-grey);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.8px;
padding: 5px;
margin-right: 23px;
}
.p-topContact__right {
max-width: 100%;
}
.p-topContact__right .-sp {
font-family: var(--font-helvetica);
letter-spacing: 0.8px;
}
.p-topContact__right .-sp strong {
font-weight: 700;
font-size: 2.4rem;
}

@keyframes fadezoom {
0% {
transform: scale(1.5) rotate(0.1deg);
}
100% {
transform: scale(1.65) rotate(0.1deg);
}
}
@keyframes scroll-bar-pc {
0% {
transform: translate3d(0, -80px, 0);
}
100% {
transform: translate3d(0, 160px, 0);
}
}
@media print, screen and (min-width: 769px){
.t-hiddenSp {
display: block;
}
.t-hiddenPc {
display: none;
}
.t-taL-pc {
text-align: left !important;
}
.t-taR-pc {
text-align: right !important;
}
.t-taC-pc {
text-align: center !important;
}
.l-header__hamburger {
display: none;
}
.l-header__menuSp {
display: none;
}
.l-header__menuSp .-sp {
display: none;
}
.l-footer__right {
padding-right: 80px;
}
.l-footer__right > a {
display: none;
}
.l-footer__right p {
display: none;
}
.sp-only {
display: none;
}
.c-articleNews__inner.-no-padding h3 {
padding-left: 20px;
font-size: 2rem;
border-width: 6px;
margin-bottom: 40px;
}
.c-formContact form .c-txtPrice {
margin-bottom: 36px;
}
.c-listUser li figure figcaption {
display: none;
}
.c-listUser__info table tr td {
padding: 16px 40px;
line-height: 180%;
}
.c-mapAccess__info p .sp-only {
display: none;
}
.c-tableOutline td br.sp-only {
display: none;
}
.c-tablePrice {
margin-bottom: 30px;
}
.c-titlePrice__sub {
padding-left: 20px;
font-size: 2.4rem;
border-width: 6px;
}
.c-txtPrice {
line-height: normal;
letter-spacing: 0.8px;
font-size: 1.6rem;
margin-bottom: 64px;
}

.p-priceFee__inner > section:not(:last-of-type) {
margin-bottom: 40px;
}
.p-priceFee__inner p {
margin-bottom: 30px;
font-size: 1.6rem;
}
.p-priceFee__block h4 {
margin-bottom: 20px;
}
.p-topAbout__box h3 br.-sp {
display: none;
}
.p-topNews__right .c-btn {
display: none;
}
.p-topContact__box p.-sp {
display: none;
}
.p-topContact__right .-sp {
display: none;
}
}
@media screen and (max-width: 1366px){
main {padding-top: 80px;}
.l-header__inner {
padding: 0 15px;
width: calc(100% - 120px);
}
.l-header__logo {max-width: 180px;}
.l-header__nav ul {
gap: 0 20px;
}
.l-header__nav ul li a {
padding: 30px 0;
}
.l-header__btn {
height: 100px;
width: 120px;
}
}
@media screen and (max-width: 992px){
main {padding-top: 50px;}
}
@media screen and (max-width: 768px){
main {
padding-top: 60px !important;
}
.l-header__inner {
width: 100% !important;
padding: 0 0 0 10px !important;
border: none;
}
.l-header__logo {max-width: 145px !important;}
.l-header__nav {
position: absolute;
z-index: 10;
opacity: 0;
visibility: hidden;
}
.l-header__menuSp > span span {
font-size: 1.2rem;
margin-right: 15px;
width: 65px;
margin-bottom: 0;
letter-spacing: 0.6px;
}
.l-footer {
padding: 24px 0;
}
.l-footer__logo {width: 100%;margin-bottom: 30px;padding: 0px 80px}
.l-footer__left, .l-footer__right {
width: 100%;
}
.l-footer__left p, .l-footer__right p {
font-size: 1.4rem;
}
.l-footer__left {
margin-bottom: 10px;
text-align: center;
}
.l-footer__right {
text-align: center;
}
.l-footer__right ul {
display: none;
}
.l-footer__right ul li {
font-size: 1.8rem;
}
.l-footer__copy {
font-size: 1rem;
margin-top: 60px;
}
.pc-only {
display: none;
}
.wp-pagenavi {
order: 2;
}
.p-news__list {
order: 3;
}
.wp-pagenavi {
gap: 5px;
}
.wp-pagenavi span,
.wp-pagenavi a {
width: 32px;
font-size: 1.6rem;
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before {
width: 9px;
border-width: 2px;
}
.c-articleNews strong {
font-size: 2rem;
letter-spacing: 1px;
}
.c-articleNews h1 {
font-weight: 700;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.c-articleNews h1.-blue-line::before {
width: 60px;
}
.c-articleNews__inner {
padding: 0;
}
.c-articleNews__inner.-no-padding p {
padding: 0;
margin-bottom: 20px;
font-size: 1.4rem;
}
.c-articleNews__inner.-no-padding h2::before {
width: 60px;
}
.c-articleNews__inner.-no-padding h2 {
font-weight: 700;
line-height: 180%; /* 32.4px */
letter-spacing: 0.9px;
font-size: 1.8rem;
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.c-articleNews__inner figure {
margin-bottom: 20px;
}
.c-articleNews__inner time {
font-size: 1.4rem;
letter-spacing: 0.7px;
margin-bottom: 20px;
}
.c-articleNews__inner p {letter-spacing: 0.7px;font-size: 1.4rem;margin-bottom: 20px;/* font-weight: 400; */}
.c-articleNews__inner .c-btnMain {
max-width: 210px;
}
.c-boxScroll {
padding: 16px 20px 16px 18px;
max-height: 202px;
}
.c-boxScroll h3 {
font-size: 1.4rem;
}
.c-boxScroll p {
font-size: 1.4rem;
}
.c-bread {
font-size: 1.2rem;
overflow-x: scroll;
}
.c-bread_container.-scrollbar-sp {
min-width: 500px;
}
.c-btn {
font-size: 1.4rem;
letter-spacing: 0.7px;
padding: 21.5px;
}
.c-btnMain {
font-size: 1.4rem;
letter-spacing: 0.7px;
padding: 22.5px;
}
.c-formContact form {
padding: 30px 20px 40px;
}
.c-formContact__field input[type=text],
.c-formContact__field input[type=tel],
.c-formContact__field input[type=email],
.c-formContact__field textarea {
min-height: 60px;
}
.c-formContact__field textarea {
max-height: 120px;
}
.c-formContact__row {
margin-bottom: 30px;
}
.c-formContact__row label {
font-style: normal;
font-weight: 700;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-formContact__row label::after {
line-height: 180%; /* 19.8px */
letter-spacing: 0.55px;
width: 40px;
font-size: 1.1rem;
line-height: 14px;
height: auto;
margin-left: 10px;
}
.c-formContact__check label input:checked ~ span::after {
width: 6px;
left: -3px;
}
.c-formContact__check label span {
font-size: 1.4rem;
padding-left: 17px;
letter-spacing: 0.7px;
}
.c-formContact__check label span::before {
width: 18px;
top: 1px;
left: -10px;
}
.c-formContact__submit .c-btnMain {
max-width: 255px;
}
.c-listNews li a {
padding: 20px 0 30px;
}
.c-listNews li a time {
width: 100%;
margin-bottom: 10px;
font-size: 1.4rem;
letter-spacing: 0.7px;
line-height: 1.8;
}
.c-listNews li a h3 {
width: 100%;
line-height: 1.8;
font-size: 1.4rem;
}
.c-listUser {
padding: 50px 0 70px;
}
.c-listUser li:not(:last-of-type) {
margin-bottom: 60px;
justify-content: center;
}
.c-listUser li figure {
width: 100%;
padding-right: 0 !important;
display: flex;
align-items: center;
margin-bottom: 55px;
}
.c-listUser li figure::before {
content: unset;
width: 100% !important;
right: -20px !important;
top: -20px !important;
}
.c-listUser li figure picture {
width: 34%;
position: relative;
z-index: 1;
}
.c-listUser li figure picture::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: var(--color-user, #eef7f8);
top: 25px;
left: 37px;
z-index: -1;
}
.c-listUser__info {
width: 100%;
}
.c-listUser__info h3 {
display: none;
}
.c-listUser__info h3 span strong {
font-size: 2rem;
margin-right: 20px;
}
.c-listUser__info table tr th,
.c-listUser__info table tr td {
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-listUser__info table tr th {
padding: 20px 10px;
width: 120px;
}
.c-listService li a figure {
margin-bottom: 10px;
}
.c-listService li a figure picture img {
aspect-ratio: 520/320;
-o-object-fit: cover;
object-fit: cover;
}
.c-listService li a h3 {
font-size: 1.8rem;
letter-spacing: 0.8px;
margin-bottom: 5px;
text-align: left;
}
.c-listService li a p {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.c-listService__btn {
margin-top: 15px;
}
.c-listService__btn span {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.c-mapAccess iframe {
aspect-ratio: 16/9;
margin-bottom: 10px;
}
.c-mapAccess__info p {
width: 100%;
margin-bottom: 40px;
line-height: 180%; /* 25.2px */
letter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-mapAccess__info a {
max-width: 255px;
}
.c-tableOutline th,
.c-tableOutline td {
padding: 30px 20px;
etter-spacing: 0.7px;
font-size: 1.4rem;
}
.c-tableOutline th {
width: 116px;
}
.c-tableOutline td {
font-weight: 400;
line-height: 180%; /* 25.2px */
}
.c-tableOutline td br.pc-only {
display: none;
}
.c-tableAdvice.-align-left th {
width: 150px;
}
.c-tableAdvice tr th,
.c-tableAdvice tr td {
font-size: 1.4rem;
letter-spacing: 0.7px;
}

.c-tablePrice tr th {
font-size: 1.4rem;
}
.c-tablePrice tr td {
font-size: 1.4rem;
}
.p-priceFee__table table {
min-width: 100%;
}
.p-priceFee__table table.-col-2 {
min-width: 100%;
}
.c-tableAdvice tr th {
width: 110px;
}
.c-tableAdvice tr td {
padding: 18px 18px 18px 30px;
}
.c-titleMain {
margin-bottom: 40px;
}
.c-titleMain span.-ja {
font-size: 1.6rem;
letter-spacing: 0.8px;
}
.c-titleMain span.-en {font-size: 3rem !important;}
.c-titleContact {
font-size: 4rem !important;
letter-spacing: 2px;
}
.c-titlePage h1 span.-ja {
letter-spacing: 1.5px;
font-size: 3rem;
margin-bottom: 10px;
}
.c-titlePage h1 span.-en {
letter-spacing: 0.8px;
font-size: 1.6rem;
}
.c-titlePrice {
margin-bottom: 28px;
text-align: center;
}
.c-titlePrice span {
font-size: 2.4rem;
letter-spacing: 1.2px;
}
.c-titlePrice span::before {
width: 60px;
}
.c-txtUnder {
font-size: 1.4rem;
}
.c-txtPrice.-center {
text-align: left;
}
.p-aboutMessage {
padding: 60px 0;
}
.p-aboutMessage .c-txtUnder {
left: 7px;
top: 26%;
}
.p-aboutMessage .c-txtUnder img {
width: 56px;
}
.p-aboutMessage .c-titleMain {
margin-bottom: 30px;
}
.p-aboutMessage__inner {
justify-content: center;
}
.p-aboutMessage__img {
width: 81.5%;
margin-bottom: 20px;
}
.p-aboutMessage__img figure {
padding-bottom: 22px;
padding-right: 34%;
margin-bottom: 0;
}
.p-aboutMessage__img figure::before {
width: 64%;
height: calc(100% - 30px);
}
.p-aboutMessage__img figure img {
width: 100%;
}
.p-aboutMessage__img p {
font-size: 1.4rem;
line-height: 1.8;
}
.p-aboutMessage__img p.pc-only {
display: none;
}
.p-aboutMessage__desc {
width: 100%;
padding: 0 0 0 53px !important;
}
.p-aboutOutline {
padding: 40px 0 60px;
}
.p-aboutOutline .c-titleMain {
margin-bottom: 30px;
}
.p-aboutAccess {
padding: 53px 0 80px;
}
.p-aboutAccess .c-titleMain {
margin-bottom: 20px;
}
.p-contact__info {
padding: 60px 0;
}
.p-contact__border {
padding: 20px;
}
.p-contact__border h2 {
font-size: 1.6rem;
}
.p-contact__border h2 span {
font-size: 2rem;
letter-spacing: 1px;
}
.p-contact__border h2 span strong {
font-size: 3.6rem;
letter-spacing: 0;
}
.p-contact__border p {
font-size: 1.4rem;
}
.p-contact__row {
font-size: 1.4rem;
letter-spacing: 0.7px;
}
.p-contact__row span {
font-size: 1.2rem;
letter-spacing: 0.6px;
margin-right: 10px;
}
.p-contact__form {
padding: 30px 0 60px;
}
.p-news {
padding-bottom: 75px;
}
.p-news__inner {
flex-direction: column-reverse;
}
.p-news__category {
width: 100%;
margin-top: 86px;
}
.p-news__category ul li a {
margin-left: 20px;
}
.p-news__list {
width: 100%;
padding-left: 0;
}
.p-priceFee {
padding: 20px 0;
}
.p-priceFee__table {
margin-right: -20px;
}
.p-priceFee__block:not(:last-of-type) {
margin-bottom: 40px;
}
.p-service {
padding: 40px 0 60px;
}
.p-service .c-txtPrice {
margin-bottom: 30px;
}
.p-support {
padding: 60px 0;
}
.p-contact.-support .c-formContact__submit {
margin-top: 40px;
}
.p-topMv__slide {
-webkit-clip-path: unset;
clip-path: unset;
width: 100%;
position: relative;
}
.p-topMv__slide::before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: var(--color-black, #000);
opacity: 0.4;
z-index: 3;
}
.p-topMv__slide .swiper-slide img {
height: calc(100vh - 60px);
}
.p-topMv__title {
left: 0 !important;
text-align: center;
width: 100%;
top: 50%;
}
.p-topMv__title h1,
.p-topMv__title p {
color: var(--color-white);
text-align: center;
}
.p-topMv__title h1 {font-size: 2.8rem;margin-bottom: 15px;letter-spacing: 1.5px;}
.p-topMv__title p {
font-size: 1.6rem;
letter-spacing: 0.8px;
}
.p-topMessage {
padding: 40px 0 80px;
}
.p-topMessage .c-txtUnder {
right: 14px;
bottom: 10%;
}
.p-topMessage .c-txtUnder img {
width: 52px !important;
}
.p-topMessage__left {
width: 100% !important;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.p-topMessage__left figure {
width: 30.66vw;
padding-bottom: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translate(7px, -50%);
}
.p-topMessage__left figure::before {
left: 13px;
height: calc(100% - 20px);
}
.p-topMessage__left .c-titleMain {
margin-bottom: 28px;
}
.p-topMessage__right {
width: calc(100% - 50px) !important;
padding-top: 0 !important;
position: relative;
z-index: 1;
}
.p-topMessage__right p {
font-size: 1.4rem;
}
.p-topDouble__inner .p-topService,
.p-topDouble__inner .p-topProfess {
width: 100%;
text-align: center;
}
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
width: 100%;
max-width: 100%;
padding: 0 15px !important;
}
.p-topDouble__inner .p-topService__inner h2 span.-ja,
.p-topDouble__inner .p-topProfess__inner h2 span.-ja {
font-size: 1.6rem;
margin-bottom: 20px;
}
.p-topDouble__inner .p-topService__inner > span.-underline,
.p-topDouble__inner .p-topProfess__inner > span.-underline {
justify-content: center;
font-size: 1.6rem;
}
.p-topAbout {
padding: 34px 0 0px;
}
.p-topAbout .c-txtUnder {
right: 8px;
left: 8px;
top: 80px;
}
.p-topAbout .c-titleMain {
text-align: center;
}
.p-topAbout__inner {background: url(../img/top/img-value-sp.jpg) no-repeat top/100%, #264646;padding: 40px 0;}
.p-topAbout__box {
padding: 30px 30px 40px;
}
.p-topAbout__box h3 {
line-height: 180%; /* 39.6px */
letter-spacing: 1.1px;
font-size: 2.2rem;
margin-bottom: 30px;
}
.p-topAbout__box p {
margin-bottom: 40px;
font-size: 1.4rem;
}
.p-topPrice__inner {
gap: 20px;
}
.p-topPrice__btn {
width: 100% !important;
}
.p-topPrice__txt .-ja {
font-size: 1.8rem;
}
.p-topPrice__txt .-en {
font-size: 4rem;
}
.p-topNews {
padding: 60px 0;
}
.p-topNews__left {
width: 100%;
}
.p-topNews__left .c-titleMain {
text-align: center;
}
.p-topNews__left .c-btn {
display: none;
}
.p-topNews__right {
width: 100%;
}
.p-topNews__right .c-listNews {
margin-bottom: 60px;
}
.p-topContact {
padding: 20px 0 36px;
background: url(../img/top/img-contact-sp.avif) no-repeat, var(--color-footer);
background-size: cover;
}
.p-topContact__box {
padding: 0 20px 40px;
}
.p-topContact__box::before {
top: 20px;
}
.p-topContact__box p {
margin-bottom: 20px;
font-size: 1.4rem;
}
.p-topContact__left {
width: 100%;
}
.p-topContact__left span {
justify-content: center;
margin-bottom: 40px;
font-size: 1.4rem;
}
.p-topContact__left span span {
font-size: 1.2rem;
margin-right: 15px;
width: 65px;
margin-bottom: 0;
}
.p-topContact__left .-pc {
display: none;
}
.p-topContact__right {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
max-width: 100%;
gap: 20px;
width: 100% !important;
}
.p-topContact__right a {
max-width: 255px;
}
}
@media print, screen and (min-width: 1600px){
.m-wrapper {
max-width: 1120px;
}
}
@media (hover: hover) and (pointer: fine){
.l-header__logo:hover {
opacity: 0.7;
}
.l-header__btn:hover::before {
transform: scale(1, 1);
}
.l-footer__inner a:hover {
opacity: 0.7;
}
.l-footer__right ul li a:hover {
opacity: 1;
}
.l-footer__right ul li a:hover::before {
width: 100%;
}
.c-bread_item a:hover {
text-decoration: none;
}
.c-btn:hover span {
color: var(--color-white);
}
.c-btn:hover::before {
background: #fff;
}
.c-btn:hover::after {
width: 100%;
}
.c-btnMain:hover::after {
transform: scale(1, 1);
}
.c-listNews li a:hover::before {
transform: scale(1, 1);
}
.c-listService li a:hover {
opacity: 0.7;
}
.p-news__category ul li a:hover {
opacity: 0.7;
}
.p-topDouble__inner .p-topService:hover figure img,
.p-topDouble__inner .p-topProfess:hover figure img {
transform: scale(1.05);
}
.p-topDouble__inner .p-topService:hover span.-underline span::before,
.p-topDouble__inner .p-topProfess:hover span.-underline span::before {
width: 0;
}
.p-topPrice__btn:hover figure img {
transform: scale(1.05);
}
}
@media screen and (max-width: 991px){
.l-header__logo {max-width: 200px;}
.l-header__nav ul {
padding: 5px 0 5px 15px;
}
.l-header__nav ul li a {
padding: 10px 0;
}
.l-header__nav ul li a.-current::before {
bottom: 0;
}
.c-btnTel strong {
font-size: 4rem;
}
.c-formContact__policy {
padding: 0 10px 0 18px;
}
.c-listUser li figure {
padding-right: 30px;
}
.c-listUser li figure::before {
right: 30px;
top: 30px;
width: 70%;
}
.c-listService {
gap: 30px 20px;
}
.c-listService li {
width: calc((100% - 20px) / 2);
}
.c-titleMain span.-en {
font-size: 7rem;
letter-spacing: 2px;
}
.c-titleContact {
font-size: 7rem;
}
.p-aboutMessage__desc {
padding: 15px 0 0 30px;
}
.p-aboutMessage__desc p {
width: 100%;
line-height: 1.8;
font-size: 1.4rem;
}
.p-priceFee__inner {
padding: 0;
}
.p-priceFee__table {

padding-right: 20px;
}
.p-topMv__title {
left: 20px;
}
.p-topMv__scroll > span {
color: var(--color-white);
margin-bottom: 0;
margin-left: 10px;
}
.p-topMv__area span {
background-color: var(--color-white);
}
.p-topMessage .c-txtUnder img {
width: 10vw;
}
.p-topMessage__left {
width: 55%;
}
.p-topMessage__right {
width: 45%;
padding-top: 20px;
}
.p-topMessage__right h3 {
font-size: 2.2rem;
margin-bottom: 20px;
letter-spacing: 1.1px;
}
.p-topPrice__btn {
width: calc(50% - 10px);
}
.p-topContact__right {
width: calc(100% - 365px);
}
}
@media screen and (max-width: 374px){
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-size: 3rem !important;
}
}
@media screen and (max-width: 559px){
.c-listService li {
width: 100%;
}
.p-topMessage__left figure {
top: 0;
transform: translate(7px, 12px);
}
}
@media screen and (max-width: 1200px){
.p-topDouble__inner .p-topService__inner,
.p-topDouble__inner .p-topProfess__inner {
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
}
.p-topDouble__inner .p-topService__inner h2,
.p-topDouble__inner .p-topProfess__inner h2 {
margin-bottom: 57px;
}
.p-topDouble__inner .p-topService__inner h2 span.-en,
.p-topDouble__inner .p-topProfess__inner h2 span.-en {
font-size: 3.8rem;
}
.p-topDouble__inner .p-topService__inner {
right: unset;
left: 0;
}
}


.c-map-img figure {
padding-top: 30px;
max-width: 600px;
width: 100%;
}

.c-map-img figure p {
padding: 10px 0
}


@media screen and (max-width: 559px){
.c-map-img figure p {
font-size: 1.4rem;
}
.footer-txt {
position: relative;
left: 38px;
}
}

.p-philosophy {
padding: 80px 0;
}
.sec-philosophy {
text-align: center;
padding: 20px 0;
}

.sec-philosophy  .c-titleMain{
margin: 0;
}
.sec-philosophy h3 {
font-weight:bold;
padding-top: 40px;
}
.sec-philosophy p{
padding: 40px 0;
line-height: 1.8;
font-weight: normal;
}
.sec-philosophy__inner {
text-align: left;
max-width: 400px;
width: 100%;
margin: 0 auto;
}