@charset "UTF-8";
          @import url("https://fonts.googleapis.com/css?family=Parisienne&display=swap");
@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
::-moz-selection {
background: #e7e7e7;
}
::selection {
background: #e7e7e7;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font: inherit;
}
a {
color: currentColor;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
small {
font-size: 1.2rem;
}
ul,
ol {
list-style: none;
}
img,
picture,
video {
max-width: 100%;
height: auto;
}
img {
border-style: none;
vertical-align: middle;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
input,
button,
select,
textarea {
border: none;
border-radius: 0;
background: transparent;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea {
overflow-y: auto;
resize: vertical;
}
input[type='submit'],
input[type='button'],
button,
select {
cursor: pointer;
}
[hidden] {
display: none;
}
[disabled] {
cursor: not-allowed;
}
:focus:not(.focus-visible) {
outline: 0;
}
address {
font: inherit;
} figure {
margin-bottom: 0;
}
html {
width: 100%;
height: 100%; font-size: 66%;
line-height: 1.15;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
height: 100%; font: normal normal 400 1.5rem/2 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP', "メイリオ", sans-serif;
color: #000;
text-align: left;
text-justify: inter-ideograph;
letter-spacing: .1em;
word-wrap: break-word;
-ms-content-zooming: none;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
@media screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
}
input,
textarea,
select {
background: #fff;
}  @font-face {
font-family: 'swiper-icons';
font-weight: 400;
font-style: normal;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
position: relative; z-index: 1;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
list-style: none;
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
box-sizing: content-box;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
@media screen and (min-width: 1200px) {
.is-have-one .swiper-wrapper,
.is-have-two .swiper-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
transform: none !important;
transition-duration: unset !important;
}
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-direction: column;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.swiper-container-free-mode>.swiper-wrapper {
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide {
position: relative;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
.is-have-one .swiper-slide {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.is-have-two .swiper-slide {
width: 33%;
}
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
-webkit-box-align: start;
align-items: flex-start;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
z-index: 10;
top: 50%;
display: -webkit-box;
display: flex;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
pointer-events: none;
cursor: auto;
opacity: 0.35;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: initial;
letter-spacing: 0;
text-transform: none !important;
text-transform: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
right: auto;
left: 10px;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
z-index: 10;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: 1;
}
.swiper-container-vertical>.swiper-pagination-bullets {
top: 50%;
right: 10px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: 6px 0;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
width: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
white-space: nowrap;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
position: absolute;
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
position: relative;
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-ms-touch-action: none;
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
z-index: 50;
bottom: 3px;
left: 1%;
width: 98%;
height: 5px;
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
z-index: 50;
top: 1%;
right: 3px;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, 0.5);
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
display: -webkit-box;
display: flex;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top-color: transparent;
border-radius: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
z-index: -1000;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
z-index: 1;
visibility: hidden;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
visibility: visible;
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
z-index: 0;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
z-index: 1;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} @media screen and (max-width: 767px) {
.c-blog {
width: 100%;
}
}
.c-blog-list {
display: -webkit-box;
display: flex;
margin: 50px 160px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1365px) {
.c-blog-list {
margin: 20px 107px 50px;
}
}
@media screen and (max-width: 767px) {
.c-blog-list {
margin: 40px 16px;
}
}
.c-blog-list-container {
width: 50%;
}
.c-blog-list-container:not(:nth-last-child(-n+2)) {
margin-bottom: 70px;
}
@media screen and (max-width: 1199px) {
.c-blog-list-container {
width: 100%;
}
.c-blog-list-container:not(:last-child) {
margin-bottom: 80px;
}
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
.c-blog-list-container:not(:last-child) {
margin-bottom: 40px;
}
}
.c-blog-list-photo {
width: 100%;
}
.c-blog-list-photo:after {
padding-bottom: 60%;
}
.c-blog-time {
display: block;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.5rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
word-break: break-all;
}
@media screen and (max-width: 767px) {
.c-blog-time {
font-size: 1.1rem;
}
}
.c-blog-txt {
position: relative;
z-index: 2;
display: -webkit-box;
display: flex;
margin: -25px 40px 0;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.c-blog-txt {
margin: -25px 16px 0;
}
}
.c-blog-ttl {
width: 100%;
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.c-blog-ttl {
margin-bottom: 20px;
font-size: 1.4rem;
}
}
.c-blog-category {
display: inline-block;
margin-right: 10px;
margin-bottom: 25px;
padding: 10px 20px;
background: rgba(198, 198, 198, 0.7);
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.5;
color: #000;
letter-spacing: 0.5rem;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.c-blog-category {
margin-bottom: 20px;
padding: 5px 10px;
font-size: 1.3rem;
}
}
.c-blog-arrow {
width: calc(3.5% - 25px);
margin-right: 25px;
}
@media screen and (max-width: 1599px) {
.c-blog-arrow {
width: calc(5.5% - 25px);
}
}
@media screen and (max-width: 991px) {
.c-blog-arrow {
display: none;
}
}
.c-blog-arrow-parts {
fill: #b92929;
}
.c-blog-photo {
margin: 40px 0 50px;
}
.c-blog-photo:after {
padding-bottom: 60%;
}
.c-breadcrumbs {
position: relative;
z-index: 2;
padding: 0px 80px 5px;
}
@media screen and (max-width: 1199px) {
.c-breadcrumbs {
padding: 20px 0 0;
}
}
.c-breadcrumbs-items {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.c-breadcrumbs-items {
flex-wrap: wrap;
-webkit-box-pack: end;
justify-content: flex-end;
}
}
.c-breadcrumbs-item {
font-size: 1.3rem;
color: #000;
}
.c-breadcrumbs-item:not(:last-child):after {
padding: 0 13px;
content: '／';
}
.c-breadcrumbs-link {
-webkit-transition: color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}
@media screen and (min-width: 1199px) {
.c-breadcrumbs-link:hover {
color: #fdede4;
}
}
.c-breadcrumbs-link.-current {
pointer-events: none;
}
.c-btn {
display: inline-block;
text-align: center;
}
.c-btn-container {
position: relative;
display: -webkit-box;
display: flex;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.7rem;
font-weight: 400;
color: #000;
text-align: right;
word-break: break-all;
cursor: pointer;
-webkit-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.c-btn-container {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1199px) {
.c-btn-container:hover {
opacity: .7;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
.c-btn-arrow {
width: 65px;
margin-left: 15px;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: right;
transform-origin: right;
}
@media screen and (min-width: 1199px) {
.c-btn:hover .c-btn-arrow {
-webkit-transform: translateY(-50%) translateX(-6%);
transform: translateY(-50%) translateX(-6%);
}
}
@media screen and (max-width: 1365px) {
.c-btn-arrow {
width: 39px;
}
}
@media screen and (max-width: 767px) {
.c-btn-arrow {
margin-left: 10px;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}
}
.c-btn-arrow-parts {
fill: #000;
}
.c-pagetop {
position: fixed;
z-index: 97;
right: 8px;
bottom: 8px;
width: 56px;
height: 56px;
}
.c-pagetop-btn {
position: absolute;
top: 0;
left: 0;
display: -webkit-inline-box;
display: inline-flex;
display: -webkit-box;
display: flex;
width: 100%;
height: 100%;
border-radius: 4px;
background: rgba(170, 170, 170, 0.9);
color: #fff;
opacity: 0;
-webkit-transition: background .3s, opacity .5s, -webkit-transform .5s;
-webkit-transition: opacity .5s ease;
transition: background .3s, opacity .5s, -webkit-transform .5s;
transition: background .3s, transform .5s, opacity .5s;
transition: background .3s, transform .5s, opacity .5s, -webkit-transform .5s;
transition: opacity .5s ease;
-webkit-box-align: center;
align-items: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.c-pagetop-btn.is-overed {
opacity: 1;
}
.c-gmap {
position: relative;
overflow: hidden;
height: auto;
}
.c-gmap:before {
display: block;
padding-bottom: 50%;
content: "";
}
.c-gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
}
@media screen and (max-width: 1199px) {
.js-match-feature[style],
.js-match-flow[style],
.js-match-about-section01-sub[style],
.js-match-about-section01-ttl[style],
.js-mtach-achieve-section01-name[style] {
height: auto !important;
}
}
@media screen and (max-width: 1365px) {
.js-match-global-header[style] {
height: auto !important;
}
}
.c-photo-container {
position: relative;
overflow: hidden;
}
.c-photo-container:after {
display: block;
content: "";
}
.c-photo-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}
@media screen and (min-width: 1199px) {
a:hover .c-photo-bg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.c-bg-white {
background: #fff;
}
.c-section {
max-width: 1920px;
margin: 0 auto;
}
.c-txt-p:not(:last-child) {
margin-bottom: 1.5rem;
}
.c-subpage-header {
position: relative;
padding: 0 0 120px 20vw;
}
@media screen and (max-width: 1599px) {
.c-subpage-header {
padding: 0 0 120px 27.5vw;
}
}
@media screen and (max-width: 1199px) {
.c-subpage-header {
padding: 0 0 80px 114px;
}
}
@media screen and (max-width: 767px) {
.c-subpage-header {
padding: 0 0 50px 32px;
}
}
.c-subpage-mv {
position: relative;
}
.c-subpage-mv-img {
min-height: 430px;
}
@media screen and (max-width: 1199px) {
.c-subpage-mv-img {
min-height: auto;
}
}
.c-subpage-mv-img:after {
padding-bottom: 32.5%;
}
@media screen and (max-width: 1199px) {
.c-subpage-mv-img:after {
padding-bottom: 50%;
}
}
@media screen and (max-width: 767px) {
.c-subpage-mv-img:after {
padding-bottom: 70%;
}
}
.c-subpage-mv-txt {
position: relative;
z-index: 2;
display: block;
margin-left: 40px;
padding-right: 80px;
padding-left: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.2rem;
font-weight: 600;
line-height: 1.2;
}
@media screen and (max-width: 1199px) {
.c-subpage-mv-txt {
margin-left: 0;
padding-right: 16px;
}
}
@media screen and (max-width: 767px) {
.c-subpage-mv-txt {
font-size: 1.6rem;
}
}
.c-subpage-mv-txt:before {
position: absolute;
top: calc(50% - .5px);
left: 0;
display: block;
width: 20px;
height: 1px;
background: #000;
content: "";
}
.c-subpage-mv-txt-sub {
position: relative;
z-index: 2;
display: block;
margin: -3.9rem 0 30px 40px;
padding-right: 80px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 7.8rem;
font-weight: 400;
line-height: 1.2;
color: #696969;
letter-spacing: .3rem;
word-break: break-all;
}
@media screen and (max-width: 1199px) {
.c-subpage-mv-txt-sub {
margin-left: 0;
padding-right: 16px;
}
}
@media screen and (max-width: 767px) {
.c-subpage-mv-txt-sub {
margin-top: -2.2rem;
margin-bottom: 15px;
font-size: 4.4rem;
}
}
.c-subpage-section {
max-width: 1920px;
margin: 0 auto;
}
.c-subpage-section-container {
margin: 0 160px;
}
@media screen and (max-width: 1365px) {
.c-subpage-section-container {
margin: 0 114px;
}
}
@media screen and (max-width: 767px) {
.c-subpage-section-container {
margin: 0 32px;
}
}
.c-subpage-ttl {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
}
@media all and (-ms-high-contrast: none) {
.c-subpage-mv-txt:before {
top: calc(50% - 5px);
}
}
.c-ttl {
position: relative;
z-index: 1;
font-size: 3.5rem;
line-height: 1;
color: #000;
}
.c-ttl-container {
display: -webkit-box;
display: flex;
padding-right: 16px;
padding-left: 160px;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
align-items: flex-end;
flex-wrap: wrap;
}
@media screen and (max-width: 1365px) {
.c-ttl-container {
padding-left: 114px;
}
}
@media screen and (max-width: 767px) {
.c-ttl-container {
padding-left: 32px;
}
}
.c-ttl-main {
position: relative;
display: block;
margin-right: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 5.4rem;
font-weight: 400;
letter-spacing: 1rem;
word-break: break-all;
}
@media screen and (max-width: 1199px) {
.c-ttl-main {
width: 100%;
margin: 0 0 10px;
letter-spacing: .5rem;
}
}
@media screen and (max-width: 767px) {
.c-ttl-main {
font-size: 2.9rem;
}
}
.c-ttl-main:before {
position: absolute;
top: calc(50% - .5px);
left: 0;
width: 140px;
height: 1px;
background: #000;
content: "";
-webkit-transform: translateX(-100%) translateX(-20px);
transform: translateX(-100%) translateX(-20px);
}
@media screen and (max-width: 1365px) {
.c-ttl-main:before {
width: 87px;
-webkit-transform: translateX(-100%) translateX(-27px);
transform: translateX(-100%) translateX(-27px);
}
}
@media screen and (max-width: 767px) {
.c-ttl-main:before {
width: 22px;
-webkit-transform: translateX(-100%) translateX(-10px);
transform: translateX(-100%) translateX(-10px);
}
}
.c-ttl-sub {
display: block;
margin-bottom: 10px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
line-height: 1.2;
color: #000;
letter-spacing: .5rem;
}
@media screen and (max-width: 1199px) {
.c-ttl-sub {
margin-bottom: 0;
color: rgba(0, 0, 0, 0.8);
}
}
@media screen and (max-width: 767px) {
.c-ttl-sub {
font-size: 1.4rem;
}
}  body[data-menu="active"] .p-burger-icon-line:first-child {
-webkit-transform: rotate(-45deg) translateY(0);
transform: rotate(-45deg) translateY(0);
}
body[data-menu="active"] .p-burger-icon-line:nth-child(2) {
opacity: 0;
}
body[data-menu="active"] .p-burger-icon-line:last-child {
-webkit-transform: rotate(45deg) translateY(0);
transform: rotate(45deg) translateY(0);
}
.p-burger-icon {
position: relative;
display: none;
width: 60px;
height: 100%;
border-left: 1px solid rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1365px) {
.p-burger-icon {
display: block;
}
}
.p-burger-icon-line {
position: absolute;
top: calc(50% - 1px);
left: 30%;
display: inline-block;
width: 40%;
height: 1px;
margin: auto;
background: #000;
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s;
}
.p-burger-icon-line:first-child {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.p-burger-icon-line:nth-child(2) {
width: 30%;
}
.p-burger-icon-line:last-child {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} body[data-menu="active"] .p-sp-menu {
pointer-events: auto;
}
body[data-menu="active"] .p-sp-menu-container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.p-sp-menu {
position: fixed;
z-index: 98;
top: 78px;
right: 0;
bottom: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
color: #000;
pointer-events: none;
}
@media screen and (max-width: 1365px) {
.p-sp-menu {
display: block;
}
}
@media screen and (max-width: 767px) {
.p-sp-menu {
top: 60px;
}
}
.p-sp-menu.is-h1-show {
top: 128px;
}
@media screen and (max-width: 767px) {
.p-sp-menu.is-h1-show {
top: 100px;
}
}
.p-sp-menu-container {
position: relative;
z-index: 1;
overflow-y: auto;
height: 100%;
background-color: rgba(170, 170, 170, 0.9);
-webkit-transition: -webkit-transform cubic-bezier(0.27, 0.22, 0, 1) 0.6s;
transition: -webkit-transform cubic-bezier(0.27, 0.22, 0, 1) 0.6s;
transition: transform cubic-bezier(0.27, 0.22, 0, 1) 0.6s;
transition: transform cubic-bezier(0.27, 0.22, 0, 1) 0.6s, -webkit-transform cubic-bezier(0.27, 0.22, 0, 1) 0.6s;
-webkit-transform: translateX(101%);
transform: translateX(101%);
}
.p-sp-menu-inner {
display: -webkit-box;
display: flex;
height: calc(100% - 78px);
margin: 0 auto;
padding: 0 0;
text-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-sp-menu-inner {
height: calc(100% - 60px);
}
}
.p-sp-menu-items {
padding: 32px;
}
.p-sp-menu-item {
position: relative;
overflow: hidden;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.1;
word-break: break-all;
}
.p-sp-menu-item:not(:last-child) {
margin-bottom: 32px;
}
.p-sp-menu-item-link {
position: relative;
display: inline-block;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-sp-menu-item.is-animated .p-sp-menu-item-link {
opacity: 1;
}
.p-sp-menu-item-link:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
content: "";
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.01, 0, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.01, 0, 1);
transition: transform 0.5s cubic-bezier(0.71, 0.01, 0, 1);
transition: transform 0.5s cubic-bezier(0.71, 0.01, 0, 1), -webkit-transform 0.5s cubic-bezier(0.71, 0.01, 0, 1);
}
.p-sp-menu-item.is-animated .p-sp-menu-item-link:before {
-webkit-transform: translateX(-102%);
transform: translateX(-102%);
}
.p-sp-menu-item-child {
width: calc(50% - 15px);
}
.p-sp-menu-item-child:not(:nth-child(2n)) {
margin-right: 30px;
}
.p-sp-menu-item-child:not(:nth-last-child(-n+2)) {
margin-bottom: 10px;
}
.p-sp-menu-item-child-photo {
margin-bottom: 10px;
font-size: 0;
}
.p-sp-menu-item-child-photo:after {
padding-top: 60%;
} .p-global-footer-cta {
position: relative;
z-index: 2;
margin-bottom: 135px;
padding: 80px 0;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta {
margin-bottom: 40px;
padding: 40px 0;
}
}
.p-global-footer-cta-container {
margin: 0 210px;
background: #fff8f5;
}
@media screen and (max-width: 1199px) {
.p-global-footer-cta-container {
margin: 0 160px;
}
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-container {
margin: 0 32px;
}
}
.p-global-footer-cta-ttl {
margin-bottom: 30px;
text-align: center;
}
.p-global-footer-cta-ttl-main {
margin-bottom: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.8rem;
font-weight: 400;
line-height: 1;
letter-spacing: 1rem;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-ttl-main {
font-size: 2rem;
}
}
.p-global-footer-cta-ttl-sub {
display: block;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.6rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-ttl-sub {
font-size: 1.4rem;
}
}
.p-global-footer-cta-list {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.p-global-footer-cta-item {
position: relative;
width: 50%;
-webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (max-width: 1199px) {
.p-global-footer-cta-item {
width: 100%;
}
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:hover:not(.p-global-footer-cta-tel) {
background: #c6c6c6;
}
}
.p-global-footer-cta-item:not(:last-child):after {
position: absolute;
right: 50%;
bottom: 0;
width: 80%;
height: 1px;
background: #808080;
content: '';
-webkit-transform: translateY(50%) translateX(50%);
transform: translateY(50%) translateX(50%);
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:not(:last-child):after {
top: 50%;
right: 0;
width: 1px;
height: 60%;
-webkit-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
}
}
.p-global-footer-cta-item-ttl {
margin-bottom: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
line-height: 1;
text-align: center;
letter-spacing: .3rem;
-webkit-transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:hover:not(.p-global-footer-cta-tel) .p-global-footer-cta-item-ttl {
color: #000;
}
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-item-ttl {
margin-bottom: 10px;
font-size: 1.3rem;
}
}
.p-global-footer-cta-item-sub-ttl {
display: -webkit-box;
display: flex;
width: 100%;
margin-bottom: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3rem;
font-weight: 400;
line-height: 1.7;
text-align: center;
letter-spacing: .5rem;
word-break: break-all;
-webkit-transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-box-align: end;
align-items: flex-end;
-webkit-box-pack: center;
justify-content: center;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-item-sub-ttl {
margin-bottom: 10px;
font-size: 2.2rem;
line-height: 1.6;
letter-spacing: 0.3rem;
}
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:hover:not(.p-global-footer-cta-tel) .p-global-footer-cta-item-sub-ttl {
color: #000;
}
}
.p-global-footer-cta-item-sub-ttl.is-tel {
font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-item-sub-ttl.is-tel {
font-size: 1.8rem;
}
}
.p-global-footer-cta-item-desc {
display: block;
font-size: 1.4rem;
line-height: 1.2;
color: #000;
text-align: center;
-webkit-transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-item-desc {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:hover:not(.p-global-footer-cta-tel) .p-global-footer-cta-item-desc {
color: #000;
}
}
.p-global-footer-cta-link {
display: -webkit-box;
display: flex;
flex-direction: column;
padding: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-global-footer-cta-link {
padding: 20px;
}
}
.p-global-footer-cta-mail {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
.p-global-footer-cta-arrow {
-webkit-transition: fill 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: fill 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (min-width: 1199px) {
.p-global-footer-cta-item:hover .p-global-footer-cta-arrow {
fill: #000;
}
}
.p-global-footer-sns {
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.p-global-footer-sns-item {
font-size: 1.7rem;
}
}
.p-global-footer-sns-item:not(:last-child) {
margin-right: 20px;
}
.p-global-footer-sns-link {
font-size: 2rem;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
}
@media screen and (max-width: 767px) {
.p-global-footer-sns-link {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1199px) {
.p-global-footer-sns-link:hover {
opacity: .7;
}
}
.p-global-footer-container {
display: -webkit-box;
display: flex;
padding: 0 160px;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1365px) {
.p-global-footer-container {
padding: 0 107px;
}
}
@media screen and (max-width: 1199px) {
.p-global-footer-container {
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.p-global-footer-container {
padding: 0 16px;
}
}
.p-global-footer-information {
position: relative;
z-index: 2;
display: -webkit-box;
display: flex;
flex-direction: column;
width: 20%;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
@media screen and (max-width: 1199px) {
.p-global-footer-information {
width: 100%;
}
}
.p-global-footer-copy {
display: block;
font-family: 'Quicksand', sans-serif;
font-size: 1.2rem;
word-break: break-all;
margin-top: 20px;
}
.p-global-footer-sns+.p-global-footer-copy {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.p-global-footer-sns+.p-global-footer-copy {
margin-top: 30px;
}
}
.p-global-footer-logo {
margin-bottom: 50px;
}
.p-global-footer-logo-item {
max-height: 105px;
}
@media screen and (max-width: 767px) {
.p-global-footer-logo-item {
max-height: 75px;
}
}
.p-global-footer-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.p-global-footer-bg:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(253, 237, 228, 0.9);
}
.p-global-footer-bnr {
position: relative;
z-index: 2;
width: 20%;
}
@media screen and (max-width: 1199px) {
.p-global-footer-bnr {
width: 100%;
margin-top: 32px;
}
}
.p-global-footer-bnr-item {
max-width: 300px;
}
.p-global-footer-bnr-item:not(:last-child) {
margin-bottom: 20px;
}
.p-fnav {
position: relative;
z-index: 2;
display: -webkit-box;
display: flex;
width: calc(80% - 100px);
margin-left: 100px;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1365px) {
.p-fnav {
width: calc(85% - 68px);
margin-left: 68px;
}
}
@media screen and (max-width: 1199px) {
.p-fnav {
width: 100%;
margin-left: 0;
}
}
.p-fnav-txt {
display: -webkit-box;
display: flex;
width: 100%;
padding-right: 32px;
flex-wrap: wrap;
}
@media screen and (max-width: 1199px) {
.p-fnav-txt {
display: none;
}
}
.p-fnav-container {
width: 30%;
padding: 10px 40px;
border-left: 1px solid #c6c6c6;
}
.p-fnav-item {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
word-break: break-all;
}
.p-fnav-item:not(:last-child) {
margin-bottom: 40px;
}
.p-fnav-link {
position: relative;
display: inline-block;
overflow: hidden;
}
@media screen and (min-width: 1199px) {
.p-fnav-link:hover:after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.p-fnav-link:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #808080;
content: "";
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
} .p-global-header-container {
position: relative;
z-index: 1;
width: 20vw;
padding: 0 0 80px;
background: #fdede4;
}
@media screen and (max-width: 1599px) {
.p-global-header-container {
width: 27.5vw;
}
}
@media screen and (max-width: 1199px) {
.p-global-header-container {
width: 100%;
padding: 0;
background: rgba(255, 255, 255, 0.7);
}
}
.p-global-header-inner {
display: -webkit-box;
display: flex;
flex-direction: column;
padding: 45px 80px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
@media screen and (max-width: 1199px) {
.p-global-header-inner {
flex-direction: row;
width: 100%;
min-height: 78px;
padding: 0px 0 0 40px;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
}
@media screen and (max-width: 767px) {
.p-global-header-inner {
min-height: 60px;
padding: 0 0 0 10px;
}
}
.p-global-header-logo {
display: -webkit-box;
display: flex;
height: 90px;
margin-bottom: 50px;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 1199px) {
.p-global-header-logo {
height: 42px;
margin-bottom: 0;
padding: 5px 3.15vw 5px 0;
}
}
.p-global-header-logo-item {
max-height: 90px;
}
@media screen and (max-width: 1199px) {
.p-global-header-logo-item {
max-height: 42px;
}
}
.p-global-header-nav {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.p-global-header-nav-list {
display: -webkit-box;
display: flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
@media screen and (max-width: 1199px) {
.p-global-header-nav-list {
display: none;
}
}
.p-global-header-sp-block {
display: none;
}
@media screen and (max-width: 1199px) {
.p-global-header-sp-block {
display: -webkit-box;
display: flex;
padding: 17px 0;
}
}
.p-global-header-tel {
display: -webkit-box;
display: flex;
padding: 0 20px;
font-size: 1.8rem;
line-height: 1;
color: #000;
-webkit-box-align: center;
align-items: center;
}
.p-gnav-item {
position: relative;
display: -webkit-box;
display: flex;
line-height: 1.2;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-gnav-item:before {
position: absolute;
top: calc(50% - .5px);
right: calc(100% + 15px);
width: 15px;
height: 1px;
background: #808080;
content: "";
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
}
@media screen and (min-width: 1199px) {
.p-gnav-item.is-current:hover {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.p-gnav-item.is-current:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1199px) {
.p-gnav-item:hover {
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
.p-gnav-item:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.p-gnav-item.is-current:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.p-gnav-item:not(:last-child) {
margin-bottom: 30px;
}
.p-gnav-item-link {
position: relative;
z-index: 2;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
word-break: break-all;
color: #000;
}
@media all and (-ms-high-contrast: none) {
.p-gnav-item::before {
top: calc(50% - 5px);
}
} .l-header {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
}
@media screen and (max-width: 1199px) {
.l-header {
position: fixed;
z-index: 99;
}
}
.l-wrapper {
position: relative;
}
.l-main {
position: relative;
overflow: hidden;
}
.l-footer {
position: relative;
padding: 0 0 135px;
}
@media screen and (max-width: 767px) {
.l-footer {
padding: 0 0 80px;
}
}
.l-blog {
display: -webkit-box;
display: flex;
max-width: 1920px;
margin: 0 auto 100px;
padding: 0 160px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1365px) {
.l-blog {
padding: 0 114px;
}
}
@media screen and (max-width: 767px) {
.l-blog {
margin-bottom: 50px;
padding: 0 32px;
}
}
.l-blog-main {
width: 65%;
margin-right: 80px;
}
@media screen and (max-width: 1365px) {
.l-blog-main {
margin-right: 57px;
}
}
@media screen and (max-width: 1199px) {
.l-blog-main {
width: 100%;
margin-right: 0;
}
}
.l-blog-side {
width: calc(35% - 80px);
}
@media screen and (max-width: 1365px) {
.l-blog-side {
width: calc(35% - 57px);
}
}
@media screen and (max-width: 1199px) {
.l-blog-side {
width: 100%;
}
} .p-404-section01 {
width: 52.5vw;
margin-bottom: 80px;
}
@media screen and (max-width: 1365px) {
.p-404-section01 {
width: 62.5vw;
}
}
@media screen and (max-width: 991px) {
.p-404-section01 {
width: 100%;
margin-bottom: 40px;
padding-right: 16px;
padding-left: 16px;
}
}
.p-404-read {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-404-read {
font-size: 1.3rem;
text-align: left;
}
}
.p-404-read:not(:last-child) {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.p-404-read {
font-size: 1.3rem;
text-align: left;
}
}
.p-404-read:not(:last-child) {
margin-bottom: 45px;
}
.p-404-top-btn {
display: -webkit-box;
display: flex;
padding-left: 45px;
-webkit-box-pack: center;
justify-content: center;
}   .p-about-section01 {
position: relative;
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-about-section01 {
margin-bottom: 50px;
}
}
.p-about-section01-container {
display: -webkit-box;
display: flex;
margin-bottom: 100px;
padding-right: 80px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1365px) {
.p-about-section01-container {
padding-right: 57px;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-container {
margin-bottom: 40px;
padding-right: 16px;
}
}
.p-about-section01-ttl {
position: absolute;
top: 0;
left: 0;
max-width: calc(47.5% - 80px);
}
@media screen and (max-width: 1199px) {
.p-about-section01-ttl {
position: relative;
max-width: 100%;
margin-bottom: 40px;
padding-right: 57px;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-ttl {
margin-bottom: 20px;
padding-right: 16px;
}
}
.p-about-section01-ttl-sub {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-about-section01-ttl-sub {
margin-bottom: 30px;
font-size: 1.6rem;
}
}
.p-about-section01-txt {
width: calc(47.5% - 80px);
margin-right: 80px;
}
@media screen and (max-width: 1365px) {
.p-about-section01-txt {
width: calc(47.5% - 57px);
margin-right: 57px;
}
}
@media screen and (max-width: 1199px) {
.p-about-section01-txt {
width: 100%;
margin-right: 0;
-webkit-box-ordinal-group: 3;
order: 2;
}
}
.p-about-section01-txt-block {
margin-left: 160px;
}
@media screen and (max-width: 1365px) {
.p-about-section01-txt-block {
margin-left: 114px;
}
}
@media screen and (max-width: 1199px) {
.p-about-section01-txt-block {
margin: 0 57px 0 114px;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-txt-block {
margin: 0 16px 0 32px;
}
}
.p-about-section01-desc {
color: #000;
}
.p-about-section01-photo {
width: 52.5%;
}
@media screen and (max-width: 1199px) {
.p-about-section01-photo {
width: 100%;
margin: 0 0 60px 57px;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-photo {
margin: 0 0 30px 16px;
}
}
.p-about-section01-photo-item:after {
padding-bottom: 60%;
}
.p-about-section01-sub {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-about-section01-sub {
margin-bottom: 50px;
}
}
.p-about-section01-sub-container {
display: -webkit-box;
display: flex;
margin: 0 80px;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1365px) {
.p-about-section01-sub-container {
margin: 0 57px;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-sub-container {
margin: 0 16px;
}
}
.p-about-section01-sub-item {
width: 31.25%;
padding: 70px 65px 75px;
background: #c6c6c6;
color: #000;
}
.p-about-section01-sub-item:not(:nth-child(3n)) {
margin-right: 3.125%;
}
@media screen and (max-width: 1199px) {
.p-about-section01-sub-item:not(:nth-child(3n)) {
margin-right: 0;
}
}
.p-about-section01-sub-item:not(:nth-last-child(-n+3)) {
margin-bottom: 60px;
}
@media screen and (max-width: 1365px) {
.p-about-section01-sub-item {
padding: 47px 57px 42px;
}
}
@media screen and (max-width: 1199px) {
.p-about-section01-sub-item {
width: 100%;
}
.p-about-section01-sub-item:not(:last-child) {
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-sub-item {
padding: 40px;
}
.p-about-section01-sub-item:not(:last-child) {
margin-bottom: 20px;
}
}
.p-about-section01-sub-item:nth-child(2n) {
background: #fdede4;
color: #000;
}
.p-about-section01-sub-item:nth-child(2n) .p-about-section01-sub-ttl-sub {
border-bottom: 1px solid #000;
color: #000;
}
.p-about-section01-sub-photo-item {
margin-bottom: 45px;
margin-bottom: 30px;
}
.p-about-section01-sub-photo-item:after {
padding-bottom: 112%;
}
.p-about-section01-sub-ttl-sub {
display: -webkit-box;
display: flex;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #000;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.p-about-section01-sub-ttl-sub {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.p-about-section01-sub-ttl-num {
width: 2em;
margin-top: 1px;
margin-right: 1%;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
word-break: break-all;
}
@media screen and (max-width: 1199px) {
.p-about-section01-sub-ttl-num {
width: 6%;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-sub-ttl-num {
width: 12%;
margin-right: 2%;
font-size: 2rem;
}
}
.p-about-section01-sub-ttl {
width: calc(100% - 2em - 1%);
}
@media screen and (max-width: 1199px) {
.p-about-section01-sub-ttl {
width: 93%;
}
}
@media screen and (max-width: 767px) {
.p-about-section01-sub-ttl {
width: 86%;
padding-top: 5px;
font-size: 1.6rem;
}
}
.p-about-section02 {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-about-section02 {
margin-bottom: 50px;
}
}
.p-about-section02-container {
display: -webkit-box;
display: flex;
margin: 0 80px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.p-about-section02-container:not(:last-child) {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-about-section02-container:not(:last-child) {
margin-bottom: 40px;
}
}
@media screen and (max-width: 1365px) {
.p-about-section02-container {
margin: 0 57px;
}
}
@media screen and (max-width: 767px) {
.p-about-section02-container {
margin: 0 16px;
}
}
.p-about-section02-map {
width: 50%;
}
@media screen and (max-width: 1199px) {
.p-about-section02-map {
width: 100%;
}
}
.p-about-section02-txt {
width: 50%;
padding: 60px 80px;
color: #000;
}
@media screen and (max-width: 1365px) {
.p-about-section02-txt {
padding: 60px 57px 0;
}
}
@media screen and (max-width: 1199px) {
.p-about-section02-txt {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-about-section02-txt {
padding: 30px 16px 0;
}
}
.p-about-section02-ttl {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-about-section02-ttl {
margin-bottom: 20px;
}
}
.p-about-section02-info-item {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.p-about-section02-info-item:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
.p-about-section02-info-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.p-about-section02-info-ttl {
width: 28%;
padding: 0 2% 0 5px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
}
@media screen and (max-width: 1199px) {
.p-about-section02-info-ttl {
width: 100%;
padding: 0;
}
}
.p-about-section02-info-txt {
width: 70%;
padding-right: 5px;
}
@media screen and (max-width: 1199px) {
.p-about-section02-info-txt {
width: 100%;
padding: 0;
}
} .p-info-block:not(:last-child) {
margin-bottom: 40px;
}
.p-access-section02 {
padding-top: 40px;
}
.p-access-info-container {
height: 100%;
padding: 0;
border-top: #aaaaaa 1px solid;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 991px) {
.p-access-info-container {
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
order: 2;
}
}
.p-access-info-block {
width: 100%;
margin-bottom: 15px;
}
.p-access-info-photo:after {
padding-bottom: 80%;
}
@media screen and (max-width: 991px) {
.p-access-info-photo {
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.p-access-info-item {
display: -webkit-box;
display: flex;
padding: 12px 0;
border-bottom: #aaaaaa 1px solid;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.p-access-info-ttl {
width: 20%;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.p-access-info-ttl {
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.p-access-info-ttl {
font-size: 1.3rem;
}
}
.p-access-info-txt {
width: calc(80% - 40px);
margin-left: 40px;
font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
.p-access-info-txt {
width: 100%;
margin-left: 0;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.p-access-info-txt {
font-size: 1.3rem;
}
}
.p-access-info-attent {
font-size: 1.4rem;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-access-info-attent {
font-size: 1.3rem;
}
}
.p-access-info-map {
margin: 0 0 0 40px;
}
@media screen and (max-width: 991px) {
.p-access-info-map:before {
padding-bottom: 100%;
}
}
@media screen and (max-width: 991px) {
.p-access-info-map {
margin-left: 0;
}
} .p-achieve-section01 {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-achieve-section01 {
margin-bottom: 30px;
}
}
.p-achieve-section01-container {
display: -webkit-box;
display: flex;
margin: 0 80px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1365px) {
.p-achieve-section01-container {
margin: 0 57px;
}
}
@media screen and (max-width: 767px) {
.p-achieve-section01-container {
margin: 0 16px;
}
}
.p-achieve-section01-item {
width: calc(50% - 20px);
margin-bottom: 40px;
padding: 80px;
background: #c6c6c6;
color: #000;
}
@media screen and (max-width: 1365px) {
.p-achieve-section01-item {
padding: 57px;
}
}
@media screen and (max-width: 1199px) {
.p-achieve-section01-item {
width: 100%;
}
.p-achieve-section01-item:last-child {
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.p-achieve-section01-item {
margin-bottom: 30px;
padding: 30px;
}
}
.p-achieve-section01-item:not(:nth-child(2n)) {
margin-right: 20px;
}
@media screen and (max-width: 1199px) {
.p-achieve-section01-item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.p-achieve-section01-item:nth-child(2n) {
margin-left: 20px;
}
@media screen and (max-width: 1199px) {
.p-achieve-section01-item:nth-child(2n) {
margin-left: 0;
}
}
.p-achieve-section01-item:nth-child(3n) {
background: #fdede4;
color: #696969;
}
.p-achieve-section01-item:nth-child(3n+2) {
background: #b4b4b4;
}
.p-achieve-section01-photo-item {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.p-achieve-section01-photo-item {
margin-bottom: 30px;
}
}
.p-achieve-section01-photo-item:after {
padding-bottom: 60%;
}
.p-achieve-section01-data {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.p-achieve-section01-data {
margin-bottom: 30px;
}
}
.p-achieve-section01-ttl {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.p-achieve-section01-ttl {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
.p-achieve-section01-name {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #fff;
}
.p-achieve-section01-item:nth-child(3n) .p-achieve-section01-name {
border-bottom: 1px solid #808080;
}
.p-achieve-section01-btn {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.p-achieve-section01-btn-container {
color: #000;
}
.p-achieve-section01-item:nth-child(3n) .p-achieve-section01-btn-container {
color: #696969;
}
.p-achieve-section01-btn-arrow {
fill: #000;
}
.p-achieve-section01-item:nth-child(3n) .p-achieve-section01-btn-arrow {
fill: #808080;
} .p-blog-container {
margin: 0;
}
@media screen and (max-width: 1199px) {
.p-blog-container {
margin: 0 0 40px;
}
}
.p-blog-side-block:not(:last-child) {
margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
.p-blog-side-block:not(:last-child) {
margin-bottom: 40px;
}
}
.p-blog-side-ttl {
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.4rem;
font-weight: 400;
word-break: break-all;
}
@media screen and (max-width: 1199px) {
.p-blog-side-ttl {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #c6c6c6;
}
}
.p-blog-side-ttl-mbmin {
margin-bottom: 20px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.4rem;
font-weight: 400;
word-break: break-all;
}
@media screen and (max-width: 1199px) {
.p-blog-side-ttl-mbmin {
margin-bottom: 10px;
}
}
.p-blog-side-new-list-link {
display: block;
padding-bottom: 20px;
border-bottom: 1px solid #000;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
-webkit-transition: background-color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: background-color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}
.p-blog-side-new-list-link:first-child {
padding-top: 20px;
}
@media screen and (min-width: 1199px) {
.p-blog-side-new-list-link:hover {
background: #fdede4;
}
}
.p-blog-side-list-item {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
}
.p-blog-side-list-item:not(:last-child) {
margin-bottom: 20px;
}
.p-blog-side-list-item-article:first-child {
border-top: 1px solid #000;
}
.p-blog-side-list-link {
position: relative;
display: inline-block;
overflow: hidden;
}
@media screen and (min-width: 1199px) {
.p-blog-side-list-link:hover:before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.p-blog-side-list-link:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #808080;
content: '';
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
}
.p-blog-side-list-ttl {
margin-bottom: 10px;
}
.p-blog-side-list-time {
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.8);
}
.p-blog-pager {
width: 100%;
text-align: center;
}
@media screen and (max-width: 1199px) {
.p-blog-pager {
margin-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.p-blog-pager {
margin-bottom: 40px;
}
}
.p-blog-pager-container {
position: relative;
display: inline-block;
margin: 0 auto;
}
.p-blog-pager-block {
display: -webkit-inline-box;
display: inline-flex;
margin: 0 auto;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-blog-pager-block {
width: 100%;
margin: 0;
}
}
.p-blog-pager-item {
width: 30px;
height: 50px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.p-blog-pager-item {
width: 40px;
height: 40px;
}
}
.p-blog-pager-item:not(:last-child) {
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.p-blog-pager-item:not(:last-child) {
margin-right: 5%;
}
}
.p-blog-pager-item-link {
display: -webkit-box;
display: flex;
width: 100%;
height: 100%;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
color: rgba(170, 170, 170, 0.8);
word-break: break-all;
-webkit-transition: border 0.1s cubic-bezier(0.175, 0.585, 0.82, 1), color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: border 0.1s cubic-bezier(0.175, 0.585, 0.82, 1), color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
}
.p-blog-pager-item-link.is-current {
border-bottom: 1px solid #808080;
color: #696969;
}
@media screen and (min-width: 1199px) {
.p-blog-pager-item-link:hover {
border-bottom: 1px solid #808080;
color: #696969;
}
}
.p-blog-pager-link {
display: -webkit-box;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.p-blog-pager-prev {
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 60px;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale(-1, 1) translate3d(200%, -50%, 0);
transform: scale(-1, 1) translate3d(200%, -50%, 0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
@media screen and (min-width: 1199px) {
.p-blog-pager-prev:hover {
opacity: .6;
}
}
@media screen and (max-width: 767px) {
.p-blog-pager-prev {
width: 25px;
height: 40px;
-webkit-transform: scale(-1, 1) translate3d(200%, -60%, 0);
transform: scale(-1, 1) translate3d(200%, -60%, 0);
}
}
.p-blog-pager-next {
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 60px;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: translate3d(200%, -50%, 0);
transform: translate3d(200%, -50%, 0);
}
@media screen and (min-width: 1199px) {
.p-blog-pager-next:hover {
opacity: .5;
}
}
@media screen and (max-width: 767px) {
.p-blog-pager-next {
width: 25px;
height: 40px;
-webkit-transform: translate3d(200%, -60%, 0);
transform: translate3d(200%, -60%, 0);
}
}
.p-blog-pager-arrow {
width: 10px;
height: 12px;
}
@media screen and (max-width: 767px) {
.p-blog-pager-arrow {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
}
.p-blog-btn-arrow-svg {
width: 100%;
margin-left: 0;
}
.p-blog-single-section {
width: 100%;
}
.p-blog-single-pager {
max-width: 60%;
margin: 80px auto 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-blog-single-pager {
margin: 40px auto;
}
}
.p-blog-single-btn {
display: -webkit-box;
display: flex;
height: 60px;
border-bottom: 1px solid #000;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.8rem;
font-weight: 600;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.p-blog-single-btn {
height: 50px;
font-size: 1.4rem;
}
}
@media screen and (min-width: 1199px) {
.p-blog-single-btn:hover {
opacity: .7;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.p-blog-single-section-inner {
margin: 0 60px 0;
padding-top: 50px;
padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
.p-blog-single-section-inner {
padding-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.p-blog-single-section-inner {
margin: 0px 16px 0;
padding-top: 25px;
}
}
.p-blog-single-section-container {
margin: 0 auto;
background: #fff;
}
.p-blog-single-achieve-ttl {
display: inline-block;
margin-top: 0;
padding-bottom: 15px;
border-bottom: 1px solid #808080;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-blog-single-achieve-ttl {
font-size: 1.4rem;
line-height: 1.6;
}
}
.p-blog-section {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.p-blog-section {
margin-top: 16px;
}
}
.p-post-meta {
display: -webkit-box;
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-post-meta {
margin-bottom: 20px;
}
}
.p-post-meta-item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.p-post-meta-item:not(:last-child) {
margin-right: 25px;
}
@media screen and (max-width: 1199px) {
.p-post-meta-item:not(:last-child) {
margin-right: 0;
margin-bottom: 16px;
}
}
@media screen and (max-width: 767px) {
.p-post-meta-item:not(:last-child) {
margin-bottom: 16px;
}
}
@media screen and (max-width: 1199px) {
.p-post-meta-item {
width: 100%;
}
}
.p-post-meta-date {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
word-break: break-all;
}
.p-post-meta-cat {
margin-bottom: 10px;
}
.p-post-ttl {
margin-bottom: 60px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.6rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-post-ttl {
margin-bottom: 30px;
font-size: 1.8rem;
}
}
.p-post-content {
color: #000; }
.p-post-content p:not([class]) {
margin: 2rem 0 0;
}
.p-post-content>[class|='wp'] {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.p-post-content>[class|='wp'] {
margin: 20px 0 0;
}
}
.p-post-content h2 {
margin-top: 80px;
padding-left: 25px;
border-left: 10px solid #fdede4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.4rem;
font-weight: 600;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-post-content h2 {
margin-top: 57px;
padding-left: 15px;
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.p-post-content h2 {
margin-top: 32px;
font-size: 1.8rem;
}
}
.p-post-content h3 {
display: inline-block;
margin-top: 80px;
padding-bottom: 15px;
border-bottom: 1px solid #808080;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-post-content h3 {
margin-top: 57px;
}
}
@media screen and (max-width: 767px) {
.p-post-content h3 {
margin-top: 32px;
font-size: 1.6rem;
}
}
.p-post-content h4 {
margin-top: 40px;
padding: 5px 0 5px 10px;
border-left: 4px solid #fdede4;
font-size: 1.6rem;
line-height: 1.5;
color: #696969;
}
.p-post-content>ol {
margin: 40px 0 0;
padding-left: 1em;
counter-reset: order 0;
}
.p-post-content>ol>li {
display: -webkit-box;
display: flex;
line-height: 1.5;
}
.p-post-content>ol>li+li {
margin-top: 10px;
}
.p-post-content>ol>li:before {
display: inline-block;
margin-right: 1em;
font-family: "Cormorant Garamond", serif;
font-size: 1.6rem;
color: #696969;
content: counter(order, decimal-leading-zero) "";
counter-increment: order 1;
-ms-grid-row-align: center;
align-self: center;
}
.p-post-content>ul:not(.wp-block-gallery) {
margin: 40px 0 0;
padding-left: 1em;
}
.p-post-content>ul:not(.wp-block-gallery)>li {
display: -webkit-box;
display: flex;
line-height: 1.5;
}
.p-post-content>ul:not(.wp-block-gallery)>li+li {
margin-top: 1em;
}
.p-post-content>ul:not(.wp-block-gallery)>li:before {
display: inline-block;
margin-right: 1rem;
font-size: 0.8rem;
color: #696969;
content: '■';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-grid-row-align: center;
align-self: center;
}
.p-post-content .wp-block-image {
position: relative;
overflow: hidden;
}
.p-post-content .wp-block-image:after {
display: block;
padding-top: 61.8%;
content: '';
}
.p-post-content .wp-block-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: "object-fit: cover;", sans-serif;
-o-object-fit: cover;
object-fit: cover;
}
.p-post-content .wp-block-image figcaption {
position: absolute;
z-index: 1;
left: 0;
margin: 0;
padding: 1em 1.5em;
background: #aaaaaa;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
}
.p-post-content .wp-block-separator {
margin-right: auto;
margin-left: auto;
border-color: #808080;
}
.p-post-content .wp-block-separator.is-style-dots:before {
color: #696969;
}
.p-post-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.p-post-content .wp-block-quote {
padding: 20px;
border: 2px solid #808080;
background: #fdede4;
}
.p-post-content .wp-block-quote p:first-child {
margin-top: 0;
}
.p-post-content .wp-block-audio figcaption {
margin: 10px 0 0;
color: #696969;
}
.p-post-content .wp-block-audio audio {
min-width: 210px;
}
.p-post-content .wp-block-file .wp-block-file__button {
display: inline-block;
padding: 10px 50px;
border: 1px solid #808080;
border-radius: 0;
background: transparent;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
color: #696969;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
.p-post-content .wp-block-file .wp-block-file__button:hover {
color: #fff;
background: #808080;
}
}
.p-post-content .wp-block-code {
border: 0;
border-radius: 0;
background: #333;
color: #fff;
}
.p-post-content .wp-block-pullquote {
border-top: 2px solid #808080;
border-bottom: 2px solid #808080;
color: #696969;
}
.p-post-content .wp-block-pullquote cite {
color: #b92929;
}
.p-post-content .wp-block-button__link {
display: inline-block;
padding: 10px 50px;
border: 1px solid #808080;
border-radius: 0;
background: transparent;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
color: #696969;
cursor: pointer;
}
.p-post-content .wp-block-button__link:visited {
color: #696969;
}
@media screen and (min-width: 1024px) {
.p-post-content .wp-block-button__link:hover {
background: #808080;
}
.p-post-content .wp-block-button__link:visited:hover {
color: #fff;
}
}
.p-post-content .wp-block-calendar caption {
color: #555;
}
.p-post-content .wp-block-calendar th {
border-color: #808080;
background: #808080;
color: #fff;
}
.p-post-content .wp-block-calendar td {
border-color: #808080;
color: #555555;
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
overflow: hidden;
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper:after {
display: block;
padding-top: 56.25%;
content: '';
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
.wp-block-table td {
padding: 5px;
border: 1px solid #808080;
word-break: break-all;
}
.wp-block-table th {
padding: 5px;
border: 1px solid #808080;
word-break: break-all;
} .a2a_kit a {
margin: 0 10px;
padding: 0;
}
.a2a_mini {
width: 312px !important;
}
.a2a_svg {
background: none !important;
}
.a2a_svg svg {
width: 28px;
height: 28px;
fill: #808080;
}
.a2a_svg path {
fill: #808080;
}
.a2a_svg g {
fill: #111;
}
.a2a_full {
height: 340px !important;
}
.a2a_full_footer {
padding: 18px 14px !important;
}
.a2a_menu a {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
color: #808080 !important;
word-break: break-all;
}
.a2a_mini_services {
overflow: hidden;
padding: 6px !important;
}
.a2a_menu_show_more_less span {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
word-break: break-all;
}
.addtoany_content.addtoany_share_save_container {
margin: 90px 0 0 0;
text-align: center;
}
@media screen and (max-width: 1199px) {
.addtoany_content.addtoany_share_save_container {
margin: 40px 0 0 0;
}
}
.addtoany_list {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.addtoany_list.a2a_kit_size_32 a {
margin: 0;
}
}
.p-seo-nav {
display: inline-block;
padding: 40px 50px;
border: 1px solid #fdede4;
}
@media screen and (max-width: 767px) {
.p-seo-nav {
padding: 20px 16px;
}
}
.p-seo-nav-ttl {
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
}
.p-seo-nav-list-item {
margin-bottom: 25px;
padding-left: 20px;
border-left: 5px solid #fdede4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
color: #696969;
}
.p-seo-nav-list-item-child {
margin: 0 0 15px 15px;
} input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #696969;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #696969;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #696969;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #696969;
}
input::placeholder,
textarea::placeholder {
color: #696969;
}
@media screen and (max-width: 1199px) {
.mw_wp_form .p-contact-form-desc .horizontal-item+.horizontal-item {
margin-left: 0;
}
}
.p-contact-section01 {
width: 52.5vw;
margin-bottom: 80px;
}
@media screen and (max-width: 1365px) {
.p-contact-section01 {
width: 62.5vw;
}
}
@media screen and (max-width: 991px) {
.p-contact-section01 {
width: 100%;
margin-bottom: 40px;
padding-right: 16px;
padding-left: 16px;
}
}
.p-contact-read {
color: #000;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-contact-read {
font-size: 1.3rem;
}
}
.p-contact-read:not(:last-child) {
margin-bottom: 45px;
}
.p-contact-section02 {
width: 52.5vw;
margin-bottom: 160px;
}
@media screen and (max-width: 1365px) {
.p-contact-section02 {
width: 62.5vw;
}
}
@media screen and (max-width: 1199px) {
.p-contact-section02 {
margin-bottom: 100px;
}
}
@media screen and (max-width: 991px) {
.p-contact-section02 {
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (max-width: 767px) {
.p-contact-section02 {
margin-bottom: 50px;
}
}
.p-contact-form input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.p-contact-form input[type='radio'] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.p-contact-form label {
position: relative;
display: inline-block;
cursor: pointer;
}
.p-contact-form .error {
margin-top: 5px;
font-weight: bold;
color: #b92929;
}
.p-contact-form-item:not(:last-child) {
margin-bottom: 50px;
}
.p-contact-form-ttl {
margin-bottom: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
line-height: 2;
}
.p-contact-form-val {
display: inline-block;
margin-right: 15px;
padding: 6px 10px;
background: #808080;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
}
.p-contact-form-val.is-any {
background: #aaaaaa;
}
.p-contact-form-schedule {
width: 100%;
padding: 5px;
border: 2px solid #aaaaaa;
}
.p-contact-form-select {
position: relative;
width: 100%;
padding: 5px;
border: 2px solid #aaaaaa;
-webkit-appearance: menulist;
}
.p-contact-form-select-parent {
position: relative;
}
.p-contact-form-txtarea {
width: 100%;
height: 320px;
padding: 15px 20px;
background: rgba(198, 198, 198, 0.1);
color: #696969;
resize: vertical;
}
.p-contact-form-txtarea:focus {
outline: 0;
box-shadow: inset 0 0 0 2px #aaaaaa;
}
.p-contact-form-txt {
width: 100%;
padding: 15px 20px;
background: rgba(198, 198, 198, 0.1);
color: #696969;
}
.p-contact-form-txt:focus {
outline: 0;
box-shadow: inset 0 0 0 2px #aaaaaa;
}
.p-contact-form-consent-desc {
text-align: center;
padding: 30px 0 10px;
}
.p-contact-form-consent-desc a {
text-decoration: underline;
transition: color .2s ease;
}
.p-contact-form-consent-desc a:hover {
color: #fdede4;
}
.p-contact-form-consent {
text-align: center;
}
.p-contact-form-submit {
display: -webkit-box;
display: flex;
margin-top: 50px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-contact-form-submit {
margin-top: 30px;
}
}
.p-contact-form-submit-item {
display: -webkit-box;
display: flex;
width: auto;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-contact-form-submit-item {
width: 100%;
}
}
.p-contact-form-submit-btn {
width: 288px;
padding: 25px;
background: #b4b4b4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
text-align: center;
letter-spacing: .25rem;
-webkit-transition: color 1s cubic-bezier(0.175, 0.885, 0.32, 1), background-color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: color 1s cubic-bezier(0.175, 0.885, 0.32, 1), background-color 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}
@media screen and (min-width: 1199px) {
.p-contact-form-submit-btn:hover {
background: #fdede4;
color: #696969;
}
}
.p-contact-form-radio {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.p-contact-form .mwform-checkbox-field-text {
position: relative;
display: inline-block;
padding-left: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
line-height: 1.5;
}
.p-contact-form .mwform-checkbox-field-text:before {
position: absolute;
display: inline-block;
content: '';
}
.p-contact-form .mwform-checkbox-field-text:after {
position: absolute;
display: inline-block;
content: '';
}
.p-contact-form .mwform-checkbox-field-text:before {
top: calc(50% - 7.5px);
left: 0;
width: 15px;
height: 15px;
border: 1px solid rgba(198, 198, 198, 0.8);
border-radius: 0;
background: #fff;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.p-contact-form .mwform-checkbox-field-text::after {
top: 0;
left: 0px;
width: 8px;
height: 15px;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
opacity: 0;
-webkit-transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
.p-contact-form .mwform-radio-field {
display: inline-block;
width: calc(50% - 10px);
}
@media screen and (max-width: 1199px) {
.p-contact-form .mwform-radio-field {
width: 100%;
}
.p-contact-form .mwform-radio-field:not(:last-child) {
margin-bottom: 10px;
}
}
.p-contact-form .mwform-radio-field:nth-child(even) {
margin-left: 10px;
}
@media screen and (max-width: 1199px) {
.p-contact-form .mwform-radio-field:nth-child(even) {
margin-left: 0;
}
}
.p-contact-form .mwform-radio-field:nth-child(odd) {
margin-right: 10px;
}
@media screen and (max-width: 1199px) {
.p-contact-form .mwform-radio-field:nth-child(odd) {
margin-right: 0;
}
}
.p-contact-form .mwform-radio-field label {
width: 100%;
}
.p-contact-form .mwform-radio-field-text {
position: relative;
display: inline-block;
width: 100%;
padding: 15px 30px;
color: #696969;
-webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-contact-form .mwform-radio-field-text:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(198, 198, 198, 0.8);
content: '';
}
.p-contact-form-min {
max-width: 120px;
margin-right: 25px;
}
.p-contact-lead {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-contact-lead {
font-size: 1.3rem;
text-align: left;
}
}
.p-contact-lead:not(:last-child) {
margin-bottom: 45px;
}
.p-contact-top-link {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.8rem;
font-weight: 600;
}
.p-contact-top-btn {
display: -webkit-box;
display: flex;
padding-left: 45px;
-webkit-box-pack: center;
justify-content: center;
}
.p-contact-top-arrow {
width: 45px;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
.mw_wp_form_input .p-contact-form-submit-item {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.mw_wp_form_input .p-contact-form-submit-item.is-back {
display: none;
}
.mw_wp_form_preview .p-contact-form-select-parent:before {
display: none;
}
.mw_wp_form_preview .p-contact-form-select-parent:after {
display: none;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .p-contact-form-submit-item:not(:last-child) {
margin-bottom: 20px;
}
}
.mw_wp_form_confirm .p-contact-form-submit-item:not(:first-child) {
margin-left: 4%;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .p-contact-form-submit-item:not(:first-child) {
margin-left: 0;
}
}
.mw_wp_form_confirm .is-confirm-none {
display: none;
}
.mw_wp_form_send_error {
position: relative;
z-index: 5;
width: 52.5vw;
margin: 0 auto;
padding: 30px;
text-align: center;
}
input[type='radio']:checked+.mwform-radio-field-text {
background: rgba(198, 198, 198, 0.8);
color: white;
}
input:checked+.mwform-checkbox-field-text:before {
opacity: 0;
-webkit-transform: scale3d(2, 2, 1) rotate(45deg);
transform: scale3d(2, 2, 1) rotate(45deg);
}
input:checked+.mwform-checkbox-field-text:after {
border-color: #222;
opacity: 1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.js-open-mens {
display: none;
}
.p-faq-section {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-faq-section {
margin-bottom: 50px;
}
}
.p-faq-section-container:not(:last-child) {
margin-bottom: 50px;
}
.p-faq-section-header {
display: -webkit-box;
display: flex;
padding-bottom: 25px;
border-bottom: 1px solid #808080;
cursor: pointer;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
.p-faq-ttl {
display: -webkit-box;
display: flex;
max-width: calc(100% - 66px);
margin-left: 10px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-faq-ttl {
font-size: 1.5rem;
}
}
.p-faq-ttl:before {
margin-right: 25px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 400;
color: #000;
word-break: break-all;
content: 'Q';
}
.p-faq-txt {
overflow: hidden;
background: #fff;
}
.p-faq-txt-container {
display: none;
padding: 40px 50px;
color: #000;
}
@media screen and (max-width: 767px) {
.p-faq-txt-container {
padding: 20px 25px;
}
}
.p-faq-button {
position: relative;
width: 16px;
height: 16px;
margin-right: 10px;
}
.p-faq-button-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #000;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-faq-button-line:nth-child(1) {
-webkit-animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-faq-section-container[data-status="active"] .p-faq-button-line:nth-child(1) {
-webkit-animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-faq-button-line:nth-child(2) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-faq-section-container[data-status="active"] .p-faq-button-line:nth-child(2) {
-webkit-animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
@-webkit-keyframes plusanime_col {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@keyframes plusanime_col {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@-webkit-keyframes plusanime_col_reverse {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_col_reverse {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-webkit-keyframes plusanime_row {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_row {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-webkit-keyframes plusanime_row_reverse {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@keyframes plusanime_row_reverse {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.p-flow-section01 {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-flow-section01 {
margin-bottom: 50px;
}
}
.p-flow-section01-container {
margin: 0 160px;
}
.p-flow-section01-container:not(:last-child) {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.p-flow-section01-container:not(:last-child) {
margin-bottom: 30px;
}
}
@media screen and (max-width: 1365px) {
.p-flow-section01-container {
margin: 0 114px;
}
}
@media screen and (max-width: 1199px) {
.p-flow-section01-container {
margin: 0;
}
}
.p-flow-section01-ttl {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.p-flow-section01-ttl {
margin-bottom: 30px;
}
}
.p-flow-section01-ttl-container {
font-size: 4rem;
}
@media screen and (max-width: 1199px) {
.p-flow-section01-ttl-container {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.p-flow-section01-ttl-container {
font-size: 2rem;
}
}
.p-flow-section01-block:not(:last-child) {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.p-flow-section01-block:not(:last-child) {
margin-bottom: 30px;
}
}
.p-flow-section01-read {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.p-flow-section01-read {
margin-bottom: 40px;
}
}
.p-flow-section01-img:after {
padding-bottom: 30%;
}
.p-flow-section01-txt {
position: relative;
z-index: 1;
margin: -300px 80px 0;
padding: 40px;
background: rgba(198, 198, 198, 0.7);
}
@media screen and (max-width: 1599px) {
.p-flow-section01-txt {
margin: -200px 80px 0;
}
}
@media screen and (max-width: 1365px) {
.p-flow-section01-txt {
margin: -190px 57px 0;
padding: 57px;
}
}
@media screen and (max-width: 991px) {
.p-flow-section01-txt {
margin: -130px 57px 0;
padding: 57px;
}
}
@media screen and (max-width: 767px) {
.p-flow-section01-txt {
margin: -75px 16px 0;
padding: 16px;
}
}
.p-flow-section01-txt-container {
padding: 50px 55px;
background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 767px) {
.p-flow-section01-txt-container {
padding: 40px 16px;
}
}
.p-flow-section01-sub-ttl {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #000;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-flow-section01-sub-ttl {
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 1.6rem;
}
}
.p-flow-section01-desc {
color: #000;
}
.p-flow-section01-desc-child {
font-size: 1.3rem;
color: rgba(170, 170, 170, 0.7);
}
@media screen and (max-width: 767px) {
.p-flow-section01-desc-child {
font-size: 1.2rem;
}
}
.p-flow-section01-desc-min {
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.p-flow-section01-desc-min {
font-size: 1.2rem;
}
} .p-home-header {
position: relative;
padding: 0 0 125px 20vw;
}
@media screen and (max-width: 1199px) {
.p-home-header:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50vh;
background: #fdede4;
content: "";
}
}
@media screen and (max-width: 1599px) {
.p-home-header {
padding: 0 0 125px 27.5vw;
}
}
@media screen and (max-width: 1199px) {
.p-home-header {
padding: 0 0 125px 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-header {
padding: 0 0 50px 32px;
}
}
@media screen and (max-width: 1199px) {
.p-home-header.on-blog {
padding: 0 0 0 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-header.on-blog {
padding: 0 0 0 32px;
}
}
.p-home-header-ttl {
position: absolute;
z-index: 2;
top: 50%;
right: 0;
left: 0;
margin-top: -2.075vw;
padding: 0 680px 0 80px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
line-height: 1.2;
text-align: left;
word-break: break-all;
word-break: break-word;
}
@media screen and (max-width: 1199px) {
.p-home-header-ttl {
position: static;
margin-top: -3vw;
padding: 0 5px;
line-height: 1.3;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 767px) {
.p-home-header-ttl {
margin-top: -16px;
}
}
.p-home-header-ttl-en {
display: block;
margin-bottom: 16px;
font-size: 4.15vw;
color: #696969;
letter-spacing: 2rem;
}
@media screen and (max-width: 1199px) {
.p-home-header-ttl-en {
letter-spacing: 1rem;
}
}
@media screen and (max-width: 767px) {
.p-home-header-ttl-en {
margin-bottom: 0;
font-size: 2.5rem;
letter-spacing: .5rem;
}
}
.p-home-header-ttl-jp {
display: block;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.25vw;
font-weight: 600;
font-weight: 500;
color: #696969;
}
@media screen and (max-width: 1599px) {
.p-home-header-ttl-jp {
font-size: 1.75vw;
}
}
@media screen and (max-width: 767px) {
.p-home-header-ttl-jp {
font-size: 1.5rem;
line-height: 1.8;
}
}
.p-mainvisual {
min-height: calc(100vh - 125px); }
@media screen and (max-width: 1199px) {
.p-mainvisual {
min-height: calc(70vh - 94px + 3vw); }
}
@media screen and (max-width: 767px) {
.p-mainvisual {
min-height: calc(67vh - 67px + 16px); }
}
@media screen and (max-width: 1199px) {
.p-mainvisual:after {
padding-bottom: 120%;
}
}
.p-mainvisual-blog {
position: absolute;
z-index: 111;
right: 20px;
bottom: 145px;
width: 640px;
padding: 20px;
background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1199px) {
.p-mainvisual-blog {
padding: 20px 16px;
}
}
@media screen and (max-width: 1199px) {
.p-mainvisual-blog {
position: static;
width: 100vw;
min-width: auto;
margin: 30px 0 0 -114px;
}
}
@media screen and (max-width: 767px) {
.p-mainvisual-blog {
margin: 30px 0 0 -32px;
}
}
.p-mainvisual-blog-container:not(:last-child) {
margin-bottom: 20px;
}
.p-mainvisual-blog-info {
display: -webkit-box;
display: flex;
margin-bottom: 15px;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.p-mainvisual-blog-category {
margin: 0 15px 0 0;
padding: 10px 15px;
background: #c6c6c6;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
color: #000;
letter-spacing: 0.5rem;
word-break: break-all;
}
.p-mainvisual-blog-time {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.3rem;
font-weight: 400;
word-break: break-all;
}
.p-mainvisual-blog-ttl {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
-webkit-transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (min-width: 1365px) {
.p-mainvisual-blog-link:hover .p-mainvisual-blog-ttl {
opacity: .6;
}
}
.p-mainvisual-blog-item:not(:last-child) {
margin-bottom: 20px;
}
.p-home-feature {
position: relative;
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.p-home-feature {
margin-bottom: 38px;
}
}
.p-home-feature-ttl {
margin-bottom: 40px;
}
@media screen and (max-width: 1365px) {
.p-home-feature-ttl {
margin-bottom: 20px;
}
}
.p-home-feature-ttl-sub {
margin-right: 15px;
}
@media screen and (max-width: 1199px) {
.p-home-feature-ttl-sub {
margin-right: 0;
}
}
.p-home-feature:before {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
width: 50%;
background: #fdede4;
content: "";
}
.p-home-feature:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background: #fff;
content: "";
}
.p-home-feature-container {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.p-home-feature-photo {
width: 50%;
padding-top: 60px;
}
@media screen and (max-width: 1365px) {
.p-home-feature-photo {
padding-top: 40px;
}
}
@media screen and (max-width: 1199px) {
.p-home-feature-photo {
width: 100%;
background: #fdede4;
}
}
.p-home-feature-photo-container {
padding: 0 160px 160px;
}
@media screen and (max-width: 1365px) {
.p-home-feature-photo-container {
padding: 0 114px 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-feature-photo-container {
padding: 0 32px 75px;
}
}
@media screen and (max-width: 1199px) {
.p-home-feature-photo-item:after {
padding-bottom: 100%;
}
}
.p-home-feature-photo-item-container {
width: 33%;
}
.p-home-feature-photo-item-container:not(:last-child) {
margin-right: 0.5%;
}
.p-home-feature-list-bg {
background-position: left top;
}
.p-home-feature-list-bg:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.2);
content: "";
}
.p-home-feature-point {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 50%;
padding: 160px 80px 60px 160px;
font-size: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
@media screen and (max-width: 1365px) {
.p-home-feature-point {
padding: 114px 57px 20px 114px;
background: #fff;
}
}
@media screen and (max-width: 1199px) {
.p-home-feature-point {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-home-feature-point {
padding: 40px 0 40px 32px;
}
}
.p-home-feature-point-ttl {
display: -webkit-box;
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #808080;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-home-feature-point-ttl {
margin-bottom: 18px;
padding-bottom: 18px;
font-size: 1.6rem;
}
}
.p-home-feature-point-num {
width: 9%;
margin-top: 1px;
margin-right: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 400;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.p-home-feature-point-num {
width: 13%;
}
}
.p-home-feature-point-desc {
width: calc(91% - 15px);
}
@media screen and (max-width: 767px) {
.p-home-feature-point-desc {
width: calc(87% - 15px);
padding-top: 5px;
}
}
.p-home-feature-point-txt {
font-size: 1.5rem;
color: #000;
}
@media screen and (max-width: 767px) {
.p-home-feature-point-txt {
font-size: 1.4rem;
}
}
.p-home-feature-point-list {
margin: 0 80px 45px 0;
}
@media screen and (max-width: 1365px) {
.p-home-feature-point-list {
margin: 0 57px 40px 0;
}
}
@media screen and (max-width: 767px) {
.p-home-feature-point-list {
margin: 0 32px 36px 0;
}
}
.p-home-feature-point-container:not(:last-child) {
margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
.p-home-feature-point-container:not(:last-child) {
margin-bottom: 38px;
}
}
.p-home-feature-btn {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.p-home-feature-btn {
margin-right: 16px;
}
}
.p-home-achive {
position: relative;
}
.p-home-achive-ttl {
max-width: 1920px;
margin: 0 auto 30px;
padding-right: 280px;
}
@media screen and (max-width: 1199px) {
.p-home-achive-ttl {
padding-right: 0;
}
}
.p-home-achive-block {
margin-left: 160px;
padding-bottom: 80px;
}
@media screen and (max-width: 1365px) {
.p-home-achive-block {
margin-left: 114px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 1199px) {
.p-home-achive-block {
margin-left: 0;
}
}
.p-home-achive-block.is-have-one {
margin-left: 80px;
margin-right: 80px;
}
@media screen and (max-width: 1365px) {
.p-home-achive-block.is-have-one {
margin-left: 57px;
margin-right: 57px;
}
}
@media screen and (max-width: 1199px) {
.p-home-achive-block.is-have-one {
margin-left: 0;
margin-right: 0;
}
}
.p-home-achive-block.is-have-two {
margin-left: 80px;
margin-right: 80px;
}
@media screen and (max-width: 1365px) {
.p-home-achive-block.is-have-two {
margin-left: 57px;
margin-right: 57px;
}
}
@media screen and (max-width: 1199px) {
.p-home-achive-block.is-have-two {
margin-left: 0;
margin-right: 0;
}
}
.p-home-achive-wrapper {
width: 100%;
text-align: center;
}
.p-home-achive-section:after {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
left: 0;
height: 70%;
background: #c6c6c6;
content: "";
}
.p-home-achive-container {
position: relative;
}
@media screen and (max-width: 1199px) {
.p-home-achive-item {
width: 84.375%;
}
}
@media screen and (max-width: 1199px) {
.is-have-one .p-home-achive-item {
margin: 0 auto;
}
}
.p-home-achive-item-link {
display: block;
height: 100%;
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.p-home-achive-item-link {
padding-bottom: 50px;
}
}
.p-home-achive-list-img {
width: 100%;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.p-home-achive-list-img {
margin-bottom: 18px;
}
}
.p-home-achive-list-img:after {
padding-top: 62%;
}
.p-home-achive-list-bg {
background-position: top center;
}
.p-home-achive-list-ttl {
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
color: #000;
}
@media screen and (max-width: 767px) {
.p-home-achive-list-ttl {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
.p-home-achive-list-txt {
padding: 0 28px;
color: #000;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-home-achive-list-txt {
padding: 0 16px;
}
}
.p-home-achive-btn {
display: -webkit-box;
display: flex;
margin-top: 30px;
margin-right: 80px;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-achive-btn {
margin-right: 57px;
}
}
@media screen and (max-width: 767px) {
.p-home-achive-btn {
margin-right: 16px;
}
}
.p-home-achive-btn-container {
color: #000;
}
.p-home-achive-btn-arrow {
fill: #000;
}
.p-home-achive-controler {
position: relative;
display: inline-block;
margin: 0 auto;
}
.is-have-one .p-home-achive-controler {
display: none;
}
@media screen and (min-width: 1200px) {
.is-have-two .p-home-achive-controler {
display: none;
}
}
.p-home-achive-controler-container {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-130%);
transform: translateX(-130%);
}
.p-home-achive-controler-container:last-child {
right: 0;
left: auto;
-webkit-transform: translateX(130%);
transform: translateX(130%);
}
.p-home-achive-controler-arrow {
width: 100%;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-home-achive-controler-arrow-parts {
fill: #fff;
}
.p-home-achive-button-next {
position: static;
display: -webkit-box;
display: flex;
width: 35px;
height: 28px;
margin-top: 0;
background-image: none;
line-height: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (min-width: 1199px) {
.p-home-achive-button-next:hover {
opacity: .6;
-webkit-transform: translateX(15%);
transform: translateX(15%);
}
}
.p-home-achive-button-next:after {
content: none;
}
.p-home-achive-button-prev {
position: static;
display: -webkit-box;
display: flex;
width: 35px;
height: 28px;
margin-top: 0;
background-image: none;
line-height: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale(-1, 1) translateX(0);
transform: scale(-1, 1) translateX(0);
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (min-width: 1199px) {
.p-home-achive-button-prev:hover {
opacity: .6;
-webkit-transform: scale(-1, 1) translateX(15%);
transform: scale(-1, 1) translateX(15%);
}
}
.p-home-achive-button-prev:after {
content: none;
}
.p-home-achive-pagination {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.p-home-achive-pagination .swiper-pagination-bullet {
margin: 0 4px;
}
.p-home-achive-pagination .swiper-pagination-bullet-active {
background: #fff;
}
.p-home-service {
padding: 80px 0;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-home-service {
padding: 40px 0;
}
}
.p-home-service-ttl {
margin-bottom: 30px;
}
.p-home-service-read {
margin: 0 160px 60px;
color: #000;
}
@media screen and (max-width: 1365px) {
.p-home-service-read {
margin: 0 114px 60px;
}
}
@media screen and (max-width: 767px) {
.p-home-service-read {
margin: 0 32px 40px;
}
}
.p-home-service-list {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
.p-home-service-list-item {
width: 50%;
margin-bottom: 55px;
}
@media screen and (max-width: 1199px) {
.p-home-service-list-item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-home-service-list-item {
margin-bottom: 40px;
}
}
.p-home-service-list-img {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.p-home-service-list-img {
margin-bottom: 20px;
}
}
.p-home-service-list-img:after {
padding-bottom: 60%;
content: "";
}
.p-home-service-list-ttl {
margin-bottom: 25px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
font-weight: 600;
letter-spacing: 0.5rem;
}
@media screen and (max-width: 767px) {
.p-home-service-list-ttl {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
.p-home-service-list-txt {
color: #000;
}
.p-home-service-txt-block {
padding: 0 80px;
}
@media screen and (max-width: 767px) {
.p-home-service-txt-block {
padding: 0 32px;
}
}
.p-home-service-btn {
display: -webkit-box;
display: flex;
margin: 0 80px;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-service-btn {
margin: 0 57px;
}
}
@media screen and (max-width: 767px) {
.p-home-service-btn {
margin: 0 16px;
}
}
.p-home-service-btn-center {
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1199px) {
.p-home-service-btn-center {
-webkit-box-pack: end;
justify-content: flex-end;
}
}
.p-home-flow {
position: relative;
}
.p-home-flow-ttl {
margin-bottom: 40px;
}
@media screen and (max-width: 1365px) {
.p-home-flow-ttl {
margin-bottom: 20px;
}
}
.p-home-flow-point {
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.3rem;
font-weight: 400;
letter-spacing: 0.5rem;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.p-home-flow-point {
margin-bottom: 15px;
font-size: 1.8rem;
}
}
.p-home-flow-container {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.p-home-flow-block {
position: relative;
z-index: 2;
width: 50%;
padding: 60px 80px 75px 0;
background-color: rgba(253, 237, 228, 0.7);
}
@media screen and (max-width: 1199px) {
.p-home-flow-block {
width: 100%;
padding: 40px 57px 30px 0;
}
}
@media screen and (max-width: 767px) {
.p-home-flow-block {
padding: 40px 16px 30px 0;
}
}
.p-home-flow-slider-container {
position: relative;
margin-bottom: 40px;
}
.p-home-flow-wrapper {
min-height: 580px;
margin: 0 0 0 160px;
}
@media screen and (max-width: 1365px) {
.p-home-flow-wrapper {
margin: 0 0 0 114px;
}
}
@media screen and (max-width: 1199px) {
.p-home-flow-wrapper {
margin: 0 0 0 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-flow-wrapper {
min-height: 308px;
margin: 0 0 0 32px;
}
}
.p-home-flow-item {
padding: 75px 50px 50px;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-home-flow-item {
height: auto;
padding: 40px 16px 50px;
}
}
.p-home-flow-list-ttl {
margin-bottom: 60px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
color: #696969;
}
@media screen and (max-width: 767px) {
.p-home-flow-list-ttl {
margin-bottom: 40px;
font-size: 1.6rem;
}
}
.p-home-flow-list-caption {
color: #000;
}
.p-home-flow-thumb {
position: absolute;
top: 0;
left: calc(100% - 70px);
height: 100%;
}
@media screen and (max-width: 1199px) {
.p-home-flow-thumb {
display: none;
}
}
.p-home-flow-thumb-slide {
width: 70px;
cursor: pointer;
} .p-home-flow-thumb-block:after {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(128, 128, 128, 0.5);
content: '';
-webkit-transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}
@media screen and (min-width: 1199px) {
.p-home-flow-thumb-block:hover:before {
line-height: 0;
color: #696969;
}
.p-home-flow-thumb-block:hover:after {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.4);
content: '';
}
}
.swiper-slide-thumb-active .p-home-flow-thumb-block:before {
line-height: 0;
color: #696969;
}
.swiper-slide-thumb-active .p-home-flow-thumb-block:after {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.4);
content: '';
}
.p-home-flow-pagination {
position: absolute;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translateY(200%) translateX(-50%);
transform: translateY(200%) translateX(-50%);
}
@media screen and (max-width: 1199px) {
.p-home-flow-pagination {
display: -webkit-box;
display: flex;
}
}
.p-home-flow-pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: 1;
}
.p-home-flow-pagination .swiper-pagination-bullet:not(:last-child) {
margin-bottom: 10px;
}
.p-home-flow-pagination .swiper-pagination-bullet-active {
background: #808080;
}
.p-home-flow-btn {
display: -webkit-box;
display: flex;
margin-left: 160px;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1365px) {
.p-home-flow-btn {
margin-left: 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-flow-btn {
margin-left: 32px;
}
}
.p-home-flow-bg.js-flow-bg-swiper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.p-home-flow-bg-list ,.p-home-flow-bg-slide,.p-home-flow-wrapper-list,.p-home-flow-item{
width: 100%;
height: 100%;
}
.p-home-flow-controler {
position: absolute;
z-index: 2;
top: 90px;
right: 60px;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-flow-controler {
top: 100px;
right: 80px;
}
}
@media screen and (max-width: 767px) {
.p-home-flow-controler {
top: 50px;
right: 32px;
}
}
.p-home-flow-controler-arrow {
width: 30px;
margin: 0;
}
.p-home-flow-controler-container {
cursor: pointer;
}
.p-home-flow-controler-container:not(:nth-child(2n)) {
margin-right: 10px;
}
.p-home-flow-button-prev {
display: -webkit-box;
display: flex;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale(-1, 1) translateX(0);
transform: scale(-1, 1) translateX(0);
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (min-width: 1199px) {
.p-home-flow-button-prev:hover {
opacity: .6;
-webkit-transform: scale(-1, 1) translateX(15%);
transform: scale(-1, 1) translateX(15%);
}
}
.p-home-flow-button-next {
display: -webkit-box;
display: flex;
-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (min-width: 1199px) {
.p-home-flow-button-next:hover {
opacity: .6;
-webkit-transform: translateX(15%);
transform: translateX(15%);
}
}
.p-home-flow-pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px;
}
.js-flow-swiper {
position: relative;
z-index: 1;
overflow: hidden;
}
.js-flow-bg-swiper {
position: relative;
z-index: 1;
overflow: hidden;
}
.js-flow-thumb-swiper {
position: relative;
z-index: 1;
overflow: hidden;
}
.p-home-blog {
padding: 80px 0;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-home-blog {
padding: 40px 0;
}
}
.p-home-blog-btn {
display: -webkit-box;
display: flex;
margin: 0 80px;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-blog-btn {
margin: 0 57px;
}
}
@media screen and (max-width: 767px) {
.p-home-blog-btn {
margin: 0 16px;
}
}
.p-home-faq {
padding: 80px 0 50px;
}
@media screen and (max-width: 767px) {
.p-home-faq {
padding: 30px 0;
}
}
.p-home-faq-container {
margin: 0 310px;
}
@media screen and (max-width: 1365px) {
.p-home-faq-container {
margin: 0 160px;
}
}
@media screen and (max-width: 767px) {
.p-home-faq-container {
margin: 0 32px;
}
}
.p-home-faq-ttl {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-home-faq-ttl {
margin-bottom: 40px;
}
}
.p-home-faq-section-container:not(:last-child) {
margin-bottom: 50px;
}
.p-home-faq-section-header {
display: -webkit-box;
display: flex;
padding-bottom: 25px;
border-bottom: 1px solid #808080;
cursor: pointer;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
.p-home-faq-list-ttl {
display: -webkit-box;
display: flex;
max-width: calc(100% - 66px);
margin-left: 10px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-home-faq-list-ttl {
font-size: 1.5rem;
}
}
.p-home-faq-list-ttl:before {
margin-right: 25px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 400;
color: #000;
word-break: break-all;
content: 'Q';
}
.p-home-faq-txt {
overflow: hidden;
}
.p-home-faq-txt-container {
display: none;
padding: 40px 50px;
background: #fff;
color: #000;
}
@media screen and (max-width: 767px) {
.p-home-faq-txt-container {
padding: 20px 25px;
}
}
.p-home-faq-button {
position: relative;
width: 16px;
height: 16px;
margin-right: 10px;
}
.p-home-faq-button-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #000;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.p-home-faq-button-line:nth-child(1) {
-webkit-animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-home-faq-section-container[data-status="active"] .p-home-faq-button-line:nth-child(1) {
-webkit-animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_col 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-home-faq-button-line:nth-child(2) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row_reverse 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-home-faq-section-container[data-status="active"] .p-home-faq-button-line:nth-child(2) {
-webkit-animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: plusanime_row 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.p-home-faq-btn {
display: -webkit-box;
display: flex;
margin: 70px 80px 0;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-faq-btn {
margin: 40px 57px 0;
}
}
@media screen and (max-width: 767px) {
.p-home-faq-btn {
margin: 30px 16px 0;
}
}
@keyframes plusanime_col {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@keyframes plusanime_col_reverse {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_row {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes plusanime_row_reverse {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.p-home-access {
position: relative;
}
.p-home-access-ttl {
margin-bottom: 40px;
}
@media screen and (max-width: 1365px) {
.p-home-access-ttl {
margin-bottom: 20px;
}
}
.p-home-access-ttl-main {
color: #000;
}
.p-home-access-ttl-main:before {
background: #000;
}
.p-home-access-ttl-sub {
color: #000;
}
.p-home-access:before {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
width: 50%;
background: #c6c6c6;
content: "";
}
.p-home-access:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background: #fff;
content: "";
}
.p-home-access-container {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
flex-wrap: wrap;
}
.p-home-access-photo {
width: 50%;
max-width: 960px;
padding-top: 66px;
}
@media screen and (max-width: 1365px) {
.p-home-access-photo {
padding-top: 40px;
}
}
@media screen and (max-width: 1199px) {
.p-home-access-photo {
width: 100%;
max-width: 100%;
background: #c6c6c6;
}
}
.p-home-access-photo-container {
padding: 0 160px 40px;
}
@media screen and (max-width: 1365px) {
.p-home-access-photo-container {
padding: 0 114px 20px;
}
}
@media screen and (max-width: 767px) {
.p-home-access-photo-container {
padding: 0 32px 30px;
}
}
.p-home-access-photo-item:after {
padding-bottom: 120%;
}
.p-home-access-photo-item-container {
width: 33%;
}
.p-home-access-photo-item-container:not(:last-child) {
margin-right: 0.5%;
}
.p-home-access-photo-bg {
background-position-y: center;
}
.p-home-access-photo-bg:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.p-home-access-btn {
display: -webkit-box;
display: flex;
margin: 0 80px 80px 160px;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1365px) {
.p-home-access-btn {
margin: 0 57px 40px 114px;
}
}
@media screen and (max-width: 767px) {
.p-home-access-btn {
margin: 0 16px 30px 32px;
}
}
.p-home-access-btn-container {
color: #000;
}
.p-home-access-btn-arrow {
fill: #000;
}
.p-home-access-map {
width: 50%;
}
@media screen and (max-width: 1199px) {
.p-home-access-map {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-home-access-map:before {
padding-bottom: 100%;
}
}
@media screen and (max-width: 991px) {
.p-home-access-map {
width: 100%;
}
} .p-menu-btn {
margin-top: 40px;
}
@media screen and (max-width: 991px) {
.p-menu-btn {
margin-top: 20px;
}
}
.p-service-section01 {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-service-section01 {
margin-bottom: 50px;
}
}
.p-service-section01-container {
margin: 0 160px;
}
@media screen and (max-width: 1365px) {
.p-service-section01-container {
margin: 0 114px;
}
}
@media screen and (max-width: 1199px) {
.p-service-section01-container {
margin: 0;
}
}
.p-service-section01-ttl {
margin-bottom: 30px;
}
.p-service-section01-block:not(:last-child) {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.p-service-section01-block:not(:last-child) {
margin-bottom: 30px;
}
}
.p-service-section01-read {
margin-bottom: 70px;
color: #000;
}
@media screen and (max-width: 767px) {
.p-service-section01-read {
margin-bottom: 40px;
}
}
.p-service-section01-img:after {
padding-bottom: 40%;
}
.p-service-section01-txt {
position: relative;
z-index: 1;
margin: -300px 80px 0;
padding: 80px;
background: rgba(198, 198, 198, 0.7);
}
@media screen and (max-width: 1599px) {
.p-service-section01-txt {
margin: -250px 80px 0;
}
}
@media screen and (max-width: 1365px) {
.p-service-section01-txt {
margin: -190px 57px 0;
padding: 57px;
}
}
@media screen and (max-width: 991px) {
.p-service-section01-txt {
margin: -130px 57px 0;
padding: 57px;
}
}
@media screen and (max-width: 767px) {
.p-service-section01-txt {
margin: -75px 16px 0;
padding: 16px;
}
}
.p-service-section01-txt-container {
padding: 70px 75px;
background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 767px) {
.p-service-section01-txt-container {
padding: 40px 16px;
}
}
.p-service-section01-sub-ttl {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #000;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.5rem;
font-weight: 600;
}
.p-service-section01-sub-ttl span {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.p-service-section01-sub-ttl {
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 1.4rem;
}
.p-service-section01-sub-ttl span{ 
font-size: 1.6rem;
}
}
.p-service-section01-desc {
color: #000;
}
.p-service-section01-price {
margin-top: 70px;
}
@media screen and (max-width: 767px) {
.p-service-section01-price {
margin-top: 30px;
}
}
.p-service-section01-price-wrapper {
margin-top: 60px;
padding: 50px;
background: #fff;
}
@media screen and (max-width: 1365px) {
.p-service-section01-price-wrapper {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.p-service-section01-price-wrapper {
margin-top: 20px;
padding: 30px 16px;
}
}
.p-service-section01-price-read {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-read {
margin-bottom: 20px;
}
}
.p-service-section01-price-read-ttl {
margin-bottom: 20px;
padding-left: 25px;
border-left: 10px solid #fdede4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
font-weight: 600;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-service-section01-price-read-ttl {
padding-left: 15px;
}
}
@media screen and (max-width: 767px) {
.p-service-section01-price-read-ttl {
font-size: 1.6rem;
}
}
.p-service-section01-price-read-desc {
color: #696969;
}
.p-service-section01-price-list-ttl {
margin-bottom: 40px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
color: #696969;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-list-ttl {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
.p-service-section01-price-item {
display: -webkit-box;
display: flex;
padding-left: 5px;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.p-service-section01-price-item:not(:last-child) {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #808080;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.p-service-section01-price-ttl {
width: 73%;
margin-right: 2%;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-ttl {
width: 100%;
font-size: 1.4rem;
}
}
.p-service-section01-price-desc {
width: 25%;
padding-right: 5px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.7rem;
font-weight: 600;
color: #696969;
text-align: right;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-desc {
width: 100%;
font-size: 1.4rem;
text-align: left;
}
} @media screen and (max-width: 767px) {
.pc {
display: none;
}
}
.tablet {
display: none;
}
@media screen and (max-width: 1199px) {
.tablet {
display: block;
}
}
.sp-l {
display: none;
}
@media screen and (max-width: 991px) {
.sp-l {
display: block;
}
}
.sp {
display: none !important;
}
@media screen and (max-width: 767px) {
.sp {
display: block !important;
}
}
.is-tc {
text-align: center;
}
.is-display-none {
display: none;
width: 0;
height: 0;
} .refusal {
text-align: right;
margin-top: 30px;
}
.refusal img {
width: 100%;
max-width: 300px;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.refusal {
margin-top: 10px;
margin-bottom: 10px;
}
.refusal img {
max-width: 270px;
}
}
img[src$="reloclub_logo.jpg"],
img[src$="fukuri_logo.jpg"] {
max-width: 200px;
}
.p-contact-read.send {
display: none;
}
.mw_wp_form_confirm .p-contact-read {
display: none;
}
.mw_wp_form_confirm .p-contact-read.send {
display: block;
}
.p-contact-form-desc {
position: relative;
}
input[name=age]+.error {
position: absolute;
} .p-seo-nav:not(:first-child) {
margin-top: 60px
}
.p-post-content .addtoany_shortcode {
margin: 90px 0 0 0;
text-align: center;
}
@media screen and (max-width: 1199px) {
.p-seo-nav:not(:first-child) {
margin-top: 30px
}
.p-post-content .addtoany_shortcode {
margin: 40px 0 0 0;
}
}
.p-service-section01-notice {
color: #696969;
margin-top: 20px;
font-size: 1.3rem;
}
.p-global-header-logo a {
width: 100%;
}
.p-global-header-logo-item {
font-family: "object-fit: cover;", sans-serif;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1199px) {
.p-global-header-container {
display: flex;
}
}
.p-sp-menu-inner {
overflow: auto;
}
.p-sp-menu-item {
line-height: 1.5;
}
.p-sp-menu-item:not(:last-child) {
margin-bottom: 27px;
}
@media screen and (max-height: 750px) and (orientation:landscape) {
.p-sp-menu-inner {
display: block;
}
}
.mw_wp_form.mw_wp_form_complete .c-btn-container {
font-size: 2rem;
}
@media screen and (min-width: 1199px) {
.mw_wp_form.mw_wp_form_complete .c-btn-arrow {
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
.mw_wp_form.mw_wp_form_complete .c-btn:hover .c-btn-arrow {
-webkit-transform: translateY(-40%) translateX(-6%);
transform: translateY(-40%) translateX(-6%);
}
.p-contact-top-arrow {
transform: none;
}
}
@media screen and (max-width: 500px) {
.p-contact-top-btn {
padding: 0;
}
.p-contact-top-arrow {
display: none;
}
}
.a2a_kit .a2a_label {
display: none !important;
} .refusal {
line-height: 1;
}
.refusal img {
width: 100%;
max-width: 285px;
max-height: 14px;
vertical-align: top;
}
@media screen and (max-width: 767px) {
.refusal img {
max-width: 285px;
}
} .p-global-footer-cta-item-sub-ttl {
font-family: 'Parisienne', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} .p-contact-form-txt,
.p-contact-form-txtarea {
vertical-align: top;
} .p-service-section01-price-desc,
.p-service-section01-price-ttl {
max-width: 100%;
width: auto;
}
@media screen and (max-width: 767px) {
.p-service-section01-price-desc,
.p-service-section01-price-ttl {
width: 100%;
}
}  .page-title {
font-size: 1.5rem;
line-height: 1.6;
background-color: #151515;
color: #fff;
padding: 13px 24px;
min-height: 50px;
}
@media screen and (max-width: 1330px) {
.page-title {
padding: 13px 50px;
}
}
.page-title h1,
.page-title p {
font-size: 1.5rem;
line-height: 1.6;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
.page-title {
padding: 8px 10px;
min-height: 40px;
white-space: nowrap;
}
.page-title h1,
.page-title p {
font-size: 1.2rem;
line-height: 2;
}
} .c-author-container {
border: 1px solid #e1d4cb;
border-radius: 40px;
padding: 50px;
margin-top: 135px;
display: flex;
flex-wrap: wrap;
position: relative;
}
@media screen and (max-width: 767px) {
.c-author-container {
padding: 30px 15px;
border-radius: 25px;
text-align: center;
}
}
.c-author-container::before {
font-size: 65px;
font-size: 6.5rem;
content: "Writer";
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
position: absolute;
top: 0;
left: 20px;
transform: translateY(-100%) translateY(15px);
line-height: 1;
}
@media screen and (max-width: 1199px) {
.c-author-container::before {
left: 50%;
transform: translateY(-100%) translateY(15px) translateX(-50%);
}
}
@media screen and (max-width: 767px) {
.c-author-container::before {
font-size: 50px;
font-size: 5rem;
left: 50%;
transform: translateY(-100%) translateY(12px) translateX(-50%);
}
}
.c-author-figure {
overflow: hidden;
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 100%;
}
@media screen and (max-width: 1199px) {
.c-author-figure {
height: auto;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.c-author-figure {
width: 200px;
margin: 0 auto;
}
}
.c-author-figure::before {
content: "";
display: block;
padding-bottom: 100%;
}
.c-author-img {
position: absolute;
top: 0;
left: 50%;
width: 110%;
height: 110%;
width: auto;
max-width: initial;
transform: translateX(-50%);
}
.c-author-txt {
width: calc(100% - 200px);
padding-left: 30px;
}
@media screen and (max-width: 1199px) {
.c-author-txt {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
}
.c-author-txt-label {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
color: #fdede4;
display: inline-block;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 1199px) {
.c-author-txt-label {
display: block;
text-align: center;
}
}
@media screen and (max-width: 1199px) {
.c-author-txt-label {
font-size: 12px;
font-size: 1.2rem;
}
}
.c-author-txt-name {
margin-bottom: 15px;
padding-bottom: 15px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22831%22%20height%3D%2210%22%3E%3Cpath%20stroke%3D%22%23fdede4%22%20stroke-width%3D%224%22%20stroke-dasharray%3D%220%2C%2020%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%20d%3D%22M4.918%204h833.509%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
.c-author-txt-name {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.c-author-txt-name {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.c-author-txt-name-main {
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
display: inline-block;
padding-right: 20px;
color: #fff;
color: #696969;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 1199px) {
.c-author-txt-name-main {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.c-author-txt-name-main {
font-size: 18px;
font-size: 1.8rem;
display: block;
padding-right: 0;
}
}
.c-author-txt-name-sub {
font-size: 15px;
font-size: 1.5rem;
display: inline-block;
color: #696969;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 1199px) {
.c-author-txt-name-sub {
display: block;
}
}
@media screen and (max-width: 767px) {
.c-author-txt-name-sub {
font-size: 12px;
font-size: 1.2rem;
}
}
.c-author-txt-desc {
font-size: 14px;
font-size: 1.4rem;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 2;
color: #696969;
text-align: left;
}
@media screen and (max-width: 767px) {
.c-author-txt-desc {
font-size: 13px;
font-size: 1.3rem;
}
}
.c-author-txt-desc:not(:last-child) {
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.c-author-txt-desc:not(:last-child) {
margin-bottom: 20px;
}
}
.c-author-txt-list {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
@media screen and (max-width: 1199px) {
.c-author-txt-list {
display: block;
}
}
.c-author-txt-list:not(:last-child) {
margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
.c-author-txt-list:not(:last-child) {
margin-bottom: 0;
}
}
.c-author-txt-list-item {
margin-right: 15px;
margin-bottom: 15px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: left;
}
@media screen and (max-width: 1199px) {
.c-author-txt-list-item {
display: block;
margin-right: 0;
}
}
@media screen and (max-width: 1199px) {
.c-author-txt-list-item:not(:last-child) {
margin-bottom: 10px;
}
}
.c-author-txt-list-item-link {
font-size: 13px;
font-size: 1.3rem;
color: #fdede4;
padding: 5px 15px;
border: 1px solid #fdede4;
border-radius: 100px;
}
@media screen and (min-width: 1024px) {
.c-author-txt-list-item-link:hover {
opacity: .6;
}
}
.c-author-txt-sns {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.c-author-txt-sns-label {
font-size: 18px;
font-size: 1.8rem;
font-weight: 900;
}
@media screen and (max-width: 767px) {
.c-author-txt-sns-label {
font-size: 16px;
font-size: 1.6rem;
width: 100%;
margin-bottom: 10px;
}
}
.c-author-txt-sns-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -15px;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.c-author-txt-sns-list {
width: 100%;
margin: 0 -12px -12px;
}
}
.c-author-txt-sns-list-item {
margin: 0 5px;
}
@media screen and (max-width: 767px) {
.c-author-txt-sns-list-item {
margin: 0 4px;
}
}
.c-author-txt-sns-list-item-link {
font-size: 23px;
font-size: 2.3rem;
padding: 10px;
transition: opacity .2s ease;
}
@media screen and (min-width: 1024px) {
.c-author-txt-sns-list-item-link:hover {
opacity: .6;
}
}
@media screen and (max-width: 767px) {
.c-author-txt-sns-list-item-link {
font-size: 18px;
font-size: 1.8rem;
padding: 8px;
}
} div#toc_container {
background: none;
display: inline-block;
padding: 40px 50px;
border: 1px solid #fdede4;
}
@media screen and (max-width: 1199px) {
div#toc_container {
padding: 20px 16px;
}
}
#toc_container p.toc_title {
text-align: left;
margin-bottom: 30px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
}
div#toc_container ul li {
margin-bottom: 25px;
}
div#toc_container ul li a {
font-size: 15px;
font-size: 1.5rem;
padding-left: 15px;
border-left: 5px solid #fdede4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
color: #696969;
display: block;
}
@media screen and (max-width: 767px) {
div#toc_container ul li a {
font-size: 14px;
font-size: 1.4rem;
}
}
div#toc_container ul li ul {
margin-top: 10px;
margin-left: 20px;
}
div#toc_container ul li ul li a {
padding-left: 0;
border: 0;
color: #696969;
font-weight: 400;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP', "メイリオ", sans-serif;
} .p-privacy-block {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.p-privacy-block {
margin-bottom: 40px;
}
}
.p-privacy-block:last-child {
margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
.p-privacy-block:last-child {
margin-bottom: 50px;
}
}
.p-privacy__ttl {
margin-bottom: 16px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.8rem;
font-weight: bold;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.p-privacy__ttl {
font-size: 1.6rem;
}
}
.c-o-list,
.c-o-list-child {
counter-reset: order 0;
}
.c-o-list-child {
margin-bottom: 16px;
}
.c-o-list__item,
.c-o-list-child__item {
position: relative;
padding-left: 32px;
}
@media screen and (max-width: 767px) {
.c-o-list__item,
.c-o-list-child__item {
padding-left: 20px;
}
}
.c-o-list__item::before,
.c-o-list-child__item::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: counter(order) ".";
counter-increment: order 1;
}
.c-guid-desc,
.c-o-list__item-txt {
margin-bottom: 16px;
}
.p-global-footer-sns+.p-global-footer-information-subnav {
margin-top: 10px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.p-global-footer-sns+.p-global-footer-information-subnav {
margin-bottom: 30px;
}
}
.p-global-footer-information-subnav {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.4rem;
font-weight: 600;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.p-global-footer-information-subnav {
font-size: 12px;
font-size: 1.2rem;
}
}
.p-global-footer-information-subnav-item {
display: inline-block;
}
.p-global-footer-information-subnav-item:not(:last-child)::after {
content: "|";
padding: 0 10px;
}
.p-global-footer-information-subnav-item-link {
transition: opacity .2s ease;
}
@media screen and (min-width: 1024px) {
.p-global-footer-information-subnav-item-link:hover {
opacity: .7;
}
} .a2a_svg path {
fill: #222 !important;
}
.a2a_s_share1 svg path:first-child {
fill: none !important;
} .p-post-content .post-password-form input[type="password"] {
border: 2px inset;
width: 50%;
max-width: 300px;
}
.p-post-content .post-password-form input[type="submit"] {
border: 1px solid #808080;
padding: 2px;
color: #696969;
font-size: 1.5rem;
line-height: 1.6;
display: inline-block;
} .a2a_s_share1 svg path:first-child {
fill: #222 !important;
}  .wpcf7-form.submitting .wpcf7-submit {
pointer-events: none;
cursor: auto;
}
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 select {
width: 100%;
padding: 15px 20px;
background: rgba(198, 198, 198, 0.1);
color: #696969;
}
.wpcf7 input[type="date"] {
max-width: 100%;
min-height: 3em;
}
.wpcf7 input[type="date"]::-webkit-date-and-time-value {
text-align: left;
color: #696969;
}
.wpcf7 input[type="number"] {
min-height: 3em;
}
.wpcf7 input[type="file"] {
background: transparent;
}
.wpcf7 input[type="file"]::-webkit-file-upload-button {
font-size: 14px;
}
.wpcf7-list-item {
margin: 0 1em 8px 0;
}
.wpcf7-list-item.last {
margin-right: 0;
}
.wpcf7-list-item input[type=radio],
.wpcf7-list-item input[type=checkbox] {
display: none;
}
.wpcf7-list-item label {
display: inline-block;
cursor: pointer;
}
.wpcf7-list-item input[type=radio]+span,
.wpcf7-list-item input[type=checkbox]+span {
position: relative;
display: inline-block;
padding-left: 28px;
line-height: 1.4;
}
.wpcf7-list-item input[type=radio]+span::before,
.wpcf7-list-item input[type=checkbox]+span::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 18px;
height: 18px;
border: 1px solid rgba(198, 198, 198, 0.8);
background-color: #fff;
box-sizing: border-box;
}
.wpcf7-list-item input[type=radio]+span::before {
border-radius: 50%;
}
.wpcf7-list-item input[type=radio]+span::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #b4b4b4;
opacity: 0;
}
.wpcf7-list-item input[type=checkbox]+span::after {
content: "";
position: absolute;
left: 2px;
top: 4px;
display: block;
width: 16px;
height: 8px;
border: 3px solid #b4b4b4;
border-top: none;
border-right: none;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.wpcf7-list-item input[type=radio]:checked+span::after,
.wpcf7-list-item input[type=checkbox]:checked+span::after {
opacity: 1;
}
.wpcf7-acceptance input[type=checkbox]+span::before {
top: calc(50% - 7.5px);
left: 0;
width: 15px;
height: 15px;
border: 1px solid rgba(198, 198, 198, 0.8);
border-radius: 0;
background: #fff;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.wpcf7-acceptance input[type=checkbox]+span::after {
top: 0;
left: 0px;
width: 8px;
height: 15px;
border: 0;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
opacity: 0;
-webkit-transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
.wpcf7-acceptance input[type=checkbox]:checked+span::before {
opacity: 0;
-webkit-transform: scale3d(2, 2, 1) rotate(45deg);
transform: scale3d(2, 2, 1) rotate(45deg);
}
.wpcf7-acceptance input[type=checkbox]:checked+span::after {
border-color: #222;
opacity: 1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-contact-form-min-layout {
position: relative;
}
.p-contact-form-min-layout .p-contact-form-min-label {
position: absolute;
left: 130px;
top: 30px;
}
.p-contact-form-submit {
position: relative;
}
.wpcf7-spinner {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 10px);
margin: 0;
}
.p-contact-form-radiobtn {
display: flex;
flex-wrap: wrap;
}
.p-contact-form-radiobtn .wpcf7-list-item {
flex: 1;
margin: 0 10px 5px;
}
@media screen and (max-width: 767px) {
.p-contact-form-radiobtn .wpcf7-list-item {
flex: none;
width: 100%;
margin: 0 0 10px 0;
}
}
.p-contact-form-radiobtn .wpcf7-list-item.first {
margin-left: 0;
}
.p-contact-form-radiobtn .wpcf7-list-item label {
display: block;
}
.p-contact-form-radiobtn input[type=radio]+span {
position: relative;
display: inline-block;
width: 100%;
padding: 15px 30px;
color: #696969;
-webkit-transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
line-height: 30px;
}
.p-contact-form-radiobtn input[type=radio]+span::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(198, 198, 198, 0.8);
content: '';
background: none;
border-radius: 0;
}
.p-contact-form-radiobtn input[type='radio']:checked+span {
background: rgba(198, 198, 198, 0.8);
color: white;
}
.p-contact-form-radiobtn input[type=radio]+span::after {
display: none;
} .p-post-content h2 {
margin-top: 80px;
padding-left: 25px;
border-left: 10px solid #fdede4;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.4rem;
font-weight: 600;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-post-content h2 {
margin-top: 57px;
padding-left: 15px;
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.p-post-content h2 {
margin-top: 32px;
font-size: 1.8rem;
}
}
.p-post-content h3 {
display: inline-block;
margin-top: 80px;
padding-bottom: 15px;
border-bottom: 1px solid #808080;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
color: #696969;
}
@media screen and (max-width: 1199px) {
.p-post-content h3 {
margin-top: 57px;
}
}
@media screen and (max-width: 767px) {
.p-post-content h3 {
margin-top: 32px;
font-size: 1.6rem;
}
}
.p-post-content h4 {
margin-top: 40px;
padding: 5px 0 5px 10px;
border-left: 4px solid #fdede4;
font-size: 1.6rem;
line-height: 1.5;
color: #696969;
}
.p-post-content .wp-block-image img {
position: relative;
}
.p-post-content .wp-block-image:after {
content: none;
} @media screen and (max-width: 767px) {
.p-sp-menu-inner {
align-items: flex-start;
}
} .a2a_svg.a2a_s__default.a2a_s_share2 svg path {
fill: #222 !important;
}
.a2a_svg.a2a_s__default.a2a_s_share2 svg path:first-child {
fill: none !important;
}
.p-global-header-logo-item {
max-height: 40px;
}
@media screen and (max-width: 1199px) {
.p-global-header-logo-item {
max-height: 40px;
}
}
@media screen and (max-width: 767px) {
.p-global-header-logo-item {
max-height: 30px;
}
}
.p-global-footer-logo-item {
max-height: 40px;
}
@media screen and (max-width: 767px) {
.p-global-footer-logo-item {
max-height: 30px;
}
}
.p-home-header-ttl-en,
.p-home-header-ttl-jp {
text-shadow:0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5),0 0 2px rgba(255, 248, 245, 0.5);
}
.p-global-footer-bg:after {
background: rgba(253, 237, 228, 0.6);
}
.c-subpage-mv-txt-sub {
text-shadow: 
#ffffff 1px 1px 1px, #ffffff -1px 1px 1px,
#ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
}
.p-global-header-logo-item {
max-height: 70px;
}
.p-global-footer-logo-item {
max-height: 70px;
}
@media screen and (max-width: 1199px) {
.p-global-header-logo-item {
max-height: 40px;
}
.p-global-footer-logo-item {
max-height: 50px;
}
}
.p-global-footer-cta-item-sub-ttl {
font-family: "Zen Old Mincho", serif;
}
.c-subpage-mv-txt:only-child {
margin-top: 30px;
}
section[class^="p-home-"] .c-ttl-main {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
section[class^="p-home-"] .c-ttl-main {
font-size: 2rem;
}
}
.p-home-flow-thumb {
display: none;
}
.c-subpage-mv-bg {
background-position: left center;
z-index: 1;
}
.p-mainvisual-img {
background-position: left center;
}
.p-mainvisual-img.c-photo-bg.pc {
background-position: right top;
background-size: contain;
background-repeat: no-repeat;
}
.p-about-section01 .c-ttl-main ,.p-about-section02 .c-ttl-main ,.p-service-section01 .c-ttl-main {
font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
.p-about-section01 .c-ttl-main ,.p-about-section02 .c-ttl-main,.p-service-section01 .c-ttl-main {
font-size: 2.9rem;
}
}
.p-home-flow-bg-body.c-photo-bg {
background-position: center top;
}
@media screen and (min-width: 1200px) {
.l-header::after {
content: "";
background-color: #fdede4;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.p-mainvisual {
z-index: 2;
min-height: auto;
}
.p-mainvisual:after {
display: block;
content: "";
aspect-ratio: 480 / 301;
}
}
.p-home-flow-point {
display: none;
}