@charset "UTF-8";
                                          .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;
}
.a2a_svg svg,
.a2a_svg path,
.a2a_svg g {
fill: #000;
}
.a2a_full {
height: 340px !important;
}
.a2a_full_footer {
padding: 18px 14px !important;
}
.a2a_menu a {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif !important;
color: #000 !important;
}
.a2a_mini_services {
overflow: hidden;
padding: 6px !important;
}
.a2a_menu_show_more_less span {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif !important;
font-size: 14px;
font-size: 1.4rem;
} @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;
}
.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;
}
.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-linear-gradient(right, rgba(0, 0, 0, 0.5), 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-linear-gradient(left, rgba(0, 0, 0, 0.5), 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-linear-gradient(bottom, rgba(0, 0, 0, 0.5), 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-linear-gradient(top, rgba(0, 0, 0, 0.5), 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 {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-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;
} * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 62.5%;
}
body {
position: relative;
background: #fff;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 15px;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.85;
color: #000;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
word-break: normal;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
font-size: 1.4rem;
}
}
a {
color: #000;
text-decoration: none;
}
a:not(.u-nothover):hover {
opacity: .7;
}
a.u-hover {
display: block;
}
select,
input,
textarea {
padding: 0;
border: 0;
border-radius: 0;
outline: none;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 15px;
font-size: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button:focus {
outline: none;
}
select::-ms-expand {
display: none;
}
img {
max-width: 100%;
height: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
border-radius: 15px;
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
border-radius: 15px;
background: #c1c1c1;
}
::-moz-selection {
background-color: #7ac3b7;
color: #fff;
}
::selection {
background-color: #7ac3b7;
color: #fff;
}
.alignleft {
float: right;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
}
.p-svg_hide {
position: absolute;
width: 0;
height: 0;
}
.is-link-none {
pointer-events: none;
cursor: default;
} .is-pc,
.pc {
display: block;
}
@media screen and (max-width: 767px) {
.is-pc,
.pc {
display: none;
}
}
.is-sp,
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.is-sp,
.sp {
display: block;
}
}
@media screen and (max-width: 1024px) {
.is-laptop,
.laptop {
display: none;
}
}
.is-tablet,
.tablet {
display: none;
}
@media screen and (max-width: 1024px) {
.is-tablet,
.tablet {
display: block;
}
} .l-subpage {
margin: 0 auto;
padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
.l-subpage {
padding: 50px 0 0;
}
}
.refusal {
margin-top: 30px;
text-align: right;
vertical-align: middle;
}
.refusal img {
width: 100%;
max-width: 285px;
margin-left: auto;
}
.is-display-none {
display: none;
} .l-footer {
display: block;
padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
.l-footer {
padding: 50px 0 0;
}
}
.p-cta + .l-footer {
padding-top: 0;
}
.p-global-footer {
margin: auto;
padding: 35px 5% 12px;
background-color: #7ac3b7;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-global-footer {
padding: 2px 3.75% 12px;
font-size: 13px;
font-size: 1.3rem;
}
}
.p-global-footer-nav {
display: -webkit-box;
display: flex;
max-width: 850px;
margin: auto;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-global-footer-nav {
display: none;
}
}
.p-global-footer-nav-item {
position: relative;
}
.p-global-footer-nav-item-link {
padding: 5px 0;
font-size: 13px;
font-size: 1.3rem;
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.p-global-footer-nav-item:not(:last-child) {
padding-right: 2em;
}
.p-global-footer-nav-item:not(:last-child)::after {
position: absolute;
right: .7em;
content: "/";
}
.p-global-footer-sns {
max-width: 1200px;
margin: auto;
padding-top: 27px;
}
.p-global-footer-sns-wrap {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.p-global-footer-sns-item {
padding: 0 10px;
}
.p-global-footer-sns-link {
font-size: 20px;
font-size: 2rem;
font-weight: 400;
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.p-global-footer-copy {
display: block;
max-width: 1200px;
margin: auto;
padding-top: 28px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-global-footer-copy {
font-size: 10px;
font-size: 1rem;
}
} .l-header {
position: fixed;
z-index: 15;
top: 0;
right: 0;
left: 0;
}
.l-header::after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: .7s;
transition: .7s;
}
@media screen and (max-width: 767px) {
.l-header::after {
height: 50px;
}
}
.l-header.is-bgcolor::after {
opacity: .65;
}
.p-global-header-container.is-fixed {
background-color: #ddd;
}
.p-global-header-inner {
display: -webkit-box;
display: flex;
height: 100px;
padding: 0 30px 0 46px;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-global-header-inner {
height: 50px;
padding: 0 3.125% 0 6.25%;
}
}
.p-global-header-info {
-webkit-box-flex: 2;
flex-grow: 2;
}
.p-global-header-logo {
width: 100%;
}
.p-global-header-logo a {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.p-global-header-logo-item {
max-width: 220px;
max-height: 70px;
}
@media screen and (max-width: 767px) {
.p-global-header-logo-item {
max-width: 170px;
max-height: 45px;
}
}
.p-global-header-btn {
position: relative;
width: 60px;
height: 60px;
border: 0;
border-radius: 50%;
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.p-global-header-btn {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
}
}
@media screen and (min-width: 1025px) {
.p-global-header-btn:hover {
background-color: #e4f3f1;
}
}
.p-global-header-btn + .p-global-header-btn {
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.p-global-header-btn + .p-global-header-btn {
margin-left: 5px;
}
}
.p-global-header-btn.-tel {
width: auto;
border-radius: 0;
background-color: transparent;
}
@media screen and (max-width: 767px) {
.p-global-header-btn.-tel {
border-radius: 50%;
background-color: #f7f7f7;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/icon_phone.png);
background-size: auto 13px;
}
}
.p-global-header-btn.-contact {
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/icon_mail.png);
background-size: auto 18px;
}
@media screen and (max-width: 767px) {
.p-global-header-btn.-contact {
background-size: auto 10px;
}
}
.p-global-header-btn-link {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-global-header-btn-line {
position: absolute;
left: 50%;
display: block;
width: 25px;
height: 3px;
background: #000;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.p-global-header-btn-line {
width: 14px;
height: 2px;
}
}
.p-global-header-btn-line:nth-child(1) {
top: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
.p-global-header-btn-line:nth-child(1) {
top: calc(50% + 3px);
}
}
.p-global-header-btn-line:nth-child(2) {
top: calc(50% + 3px);
}
@media screen and (max-width: 767px) {
.p-global-header-btn-line:nth-child(2) {
top: calc(50% - 3px);
}
}
.p-global-header-tel-num {
padding-left: 26px;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/icon_phone.png);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: auto 23px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 23px;
font-size: 2.3rem;
}
@media screen and (max-width: 910px) {
.p-global-header-tel-num {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.p-global-header-tel-num {
display: none;
}
}
.p-global-header-tel-txt {
padding-left: 20px;
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.p-global-header-tel-txt {
display: none;
}
}
[data-menu="active"] .p-global-header-btn-line:nth-child(1) {
top: calc(50% - 2px);
left: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
[data-menu="active"] .p-global-header-btn-line:nth-child(1) {
top: calc(50% - 1px);
left: 9px;
}
}
[data-menu="active"] .p-global-header-btn-line:nth-child(2) {
top: calc(50% - 2px);
left: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
[data-menu="active"] .p-global-header-btn-line:nth-child(2) {
top: calc(50% - 1px);
left: 9px;
}
}
@media screen and (min-width: 1025px) {
[data-menu="active"] .p-global-header-inner {
margin-right: 10px;
}
} body[data-menu=""] .p-sp-menu-bg-color, body[data-menu="active"] .p-sp-menu-bg-color {
display: block;
}
body[data-menu="active"] {
position: fixed;
width: calc(100% - 10px);
}
body[data-menu="active"] .p-global-header-nav {
pointer-events: auto;
opacity: 1;
}
.p-global-header-nav {
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: hidden;
width: 100%;
min-height: 100vh;
background: rgba(0, 0, 0, 0.4);
color: #fff;
pointer-events: none;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.p-global-header-nav::before {
position: fixed;
z-index: 1;
right: 0;
width: 100%;
max-width: 460px;
height: 100px;
border-bottom: 1px solid #e5e5e5;
background: #f7f7f7;
content: "";
}
@media screen and (max-width: 767px) {
.p-global-header-nav::before {
display: block;
width: 100%;
min-width: 100%;
height: 50px;
}
}
.p-global-header-nav-wrap {
position: absolute;
right: 0;
display: -webkit-box;
display: flex;
overflow-y: auto;
width: 100%;
max-width: 460px;
height: 100vh;
padding: 0;
background: #f7f7f7;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-global-header-nav-wrap {
display: block;
max-width: 100%;
padding: 60px 0 0;
}
}
.p-gnav {
width: 100%;
padding: 130px 30px 100px;
list-style: none;
}
@media screen and (max-width: 767px) {
.p-gnav {
padding: 15px 30px 30px;
}
}
.p-gnav-item {
text-align: center;
}
.p-gnav-item-link {
display: inline-block;
padding: 15px 20px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-gnav-item-link {
padding: 12px 20px;
font-size: 14px;
font-size: 1.4rem;
}
} .c-pagetop {
position: fixed;
z-index: 10;
right: 7.5%;
bottom: 15px;
width: 50px;
height: 50px;
line-height: 60px;
text-align: center;
pointer-events: none;
cursor: pointer;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
.c-pagetop {
right: 5px;
bottom: 5px;
width: 40px;
height: 40px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
.c-pagetop.is-active {
pointer-events: auto;
opacity: 1 !important;
}
.c-pagetop-btn {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
border: 0;
outline: none;
cursor: pointer;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.is-active .c-pagetop-btn {
opacity: 1;
}
.c-pagetop-btn::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 8px;
content: "";
}
.c-pagetop-btn::after {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #7ac3b7;
content: "";
opacity: .5;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center;
transform-origin: center;
}
@media screen and (min-width: 1025px) {
.c-pagetop-btn:hover::after {
opacity: .8;
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
} .js-accrodion-btn {
cursor: pointer;
}
.js-accrodion + .js-accrodion-target {
display: none;
}
.js-accrodion.is-open + .js-accrodion-target {
display: block;
} .js-animate-fade-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.js-animate-fade-in.is-active {
opacity: 1;
}
.js-animate-zoom-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.js-animate-zoom-in.is-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.js-animate-focus-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.js-animate-focus-in.is-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.js-animate-fly-in-top {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.js-animate-fly-in-top.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-bottom {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-animate-fly-in-bottom.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-left {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
_:-ms-fullscreen, :root .js-animate-fly-in-left {
opacity: 1;
}
.js-animate-fly-in-left.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-right {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.js-animate-fly-in-right.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@-webkit-keyframes nav-link-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes nav-link-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes nav-link-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(130%);
transform: translateX(130%);
}
}
@keyframes nav-link-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(130%);
transform: translateX(130%);
}
}
@-webkit-keyframes line-link-after-enter {
0% {
-webkit-transform: translateX(-130%);
transform: translateX(-130%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes line-link-after-enter {
0% {
-webkit-transform: translateX(-130%);
transform: translateX(-130%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes line-link-after-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes line-link-after-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes circle-open {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes circle-open {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes line-move {
0% {
-webkit-transform: translateX(-10px) skewX(48deg);
transform: translateX(-10px) skewX(48deg);
}
100% {
-webkit-transform: translateX(0) skewX(48deg);
transform: translateX(0) skewX(48deg);
}
}
@keyframes line-move {
0% {
-webkit-transform: translateX(-10px) skewX(48deg);
transform: translateX(-10px) skewX(48deg);
}
100% {
-webkit-transform: translateX(0) skewX(48deg);
transform: translateX(0) skewX(48deg);
}
}
@-webkit-keyframes line-move-rev {
0% {
-webkit-transform: translateX(10px) skewX(-48deg);
transform: translateX(10px) skewX(-48deg);
}
100% {
-webkit-transform: translateX(0) skewX(-48deg);
transform: translateX(0) skewX(-48deg);
}
}
@keyframes line-move-rev {
0% {
-webkit-transform: translateX(10px) skewX(-48deg);
transform: translateX(10px) skewX(-48deg);
}
100% {
-webkit-transform: translateX(0) skewX(-48deg);
transform: translateX(0) skewX(-48deg);
}
} .c-breadlist {
display: -webkit-box;
display: flex;
overflow: hidden;
width: 100%;
list-style: none;
font-size: 12px;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.c-breadlist {
font-size: 10px;
}
}
.c-breadlist-container {
max-width: 1240px;
margin: 0 auto 65px;
padding: 40px 20px;
}
@media screen and (max-width: 767px) {
.c-breadlist-container {
width: 100%;
max-width: 100%;
margin: 0 auto 40px;
padding: 15px 20px;
}
}
.c-breadlist-item {
position: relative;
color: #000;
white-space: nowrap;
word-break: keep-all;
}
.c-breadlist-item:not(:last-child) {
padding-right: 30px;
}
.c-breadlist-item:not(:last-child)::after {
position: absolute;
top: 50%;
right: 9px;
width: 16px;
height: .5px;
background-color: #000;
content: "";
-webkit-transform: rotate(-60deg) translateY(-50%);
transform: rotate(-60deg) translateY(-50%);
}
.c-breadlist-item:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
.c-breadlist-link {
color: #a9a9a9;
} .c-btn-link, .c-post-content .wp-block-file .wp-block-file__button, .c-post-content .wp-block-button__link {
display: inline-block;
width: auto;
min-width: 250px;
padding: 12px 30px;
border: 1px solid #7ac3b7;
border-radius: 0;
background-color: #7ac3b7;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 10px auto;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.c-btn-link, .c-post-content .wp-block-file .wp-block-file__button, .c-post-content .wp-block-button__link {
min-width: 220px;
padding: 12px 30px 12px 20px;
}
}
@media screen and (min-width: 1025px) {
.c-btn-link:hover, .c-post-content .wp-block-file .wp-block-file__button:hover, .c-post-content .wp-block-button__link:hover {
background-color: transparent;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow_primary.svg);
color: #7ac3b7;
opacity: 1 !important;
}
}
.c-btn02-link {
position: relative;
display: inline-block;
padding: 2px 20px 2px 0;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow_black.svg);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 10px auto;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 200;
line-height: 1.75;
color: #010101;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
} .p-cta-wrap {
padding: 92px 0 100px;
background: #f7f7f7;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-cta-wrap {
padding: 72px 7.5% 100px;
}
}
@media screen and (max-width: 767px) {
.p-cta-wrap {
padding: 42px 7.5% 50px;
}
}
.p-cta-ttl {
position: relative;
display: inline-block;
padding: 0 0 6px;
font-size: 23px;
font-size: 2.3rem;
font-weight: 700;
letter-spacing: 3.6px;
letter-spacing: 0.36rem;
}
@media screen and (max-width: 767px) {
.p-cta-ttl {
display: inline;
border-bottom: 3px solid #7ac3b7;
font-size: 20px;
font-size: 2rem;
line-height: 2;
}
}
.p-cta-ttl::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #7ac3b7;
content: "";
}
@media screen and (max-width: 767px) {
.p-cta-ttl::after {
display: none;
}
}
.p-cta-ttl + .p-cta-items {
padding-top: 75px;
}
@media screen and (max-width: 767px) {
.p-cta-ttl + .p-cta-items {
padding-top: 50px;
}
}
.p-cta-items {
display: -webkit-box;
display: flex;
max-width: 1240px;
margin: 0 auto;
flex-wrap: nowrap;
}
.p-cta-item {
width: calc(33% - 40px);
margin: 0 20px;
background: #fff;
}
@media screen and (max-width: 1060px) {
.p-cta-item {
width: calc(33% - 20px);
margin: 0 10px;
}
}
@media screen and (max-width: 1024px) {
.p-cta-item {
width: 100%;
margin: 0;
}
.p-cta-item + .p-cta-item {
margin-top: 20px;
}
.p-cta-items {
flex-wrap: wrap;
}
} .p-cta-item-link {
min-height: 150px;
padding: 26px 20px;
-webkit-transition: .3s;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-cta-item-link {
height: auto;
min-height: 120px;
}
}
.p-cta-item-link:hover {
background: rgba(122, 195, 183, 0.2);
opacity: 1 !important;
}
.p-cta-item-ttl {
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-cta-item-ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
.p-cta-item-tel-num {
display: inline-block;
padding-left: 40px;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/icon_phone_primary.png);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 28px auto;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 25px;
font-size: 2.5rem;
font-weight: 500;
color: #7ac3b7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
margin: 6px 0 0;
}
@media screen and (max-width: 767px) {
.p-cta-item-tel-num {
margin-top: 5px;
padding-left: 25px;
background-size: 16px auto;
font-size: 24px;
font-size: 2.4rem;
}
}
.p-cta-item-tel-desc {
font-size: 14px;
font-size: 1.4rem;
}
.p-cta-item-mail-txt {
display: inline-block;
margin: 6px 0 0;
padding-left: 46px;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/icon_mail_primary.svg);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 30px auto;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
color: #7ac3b7;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-cta-item-mail-txt {
margin-top: 10px;
padding-left: 35px;
background-size: 23px auto;
font-size: 16px;
font-size: 1.6rem;
}
}
.p-cta-item-txt {
display: inline-block;
max-width: 600px;
margin: 20px 0 8px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
color: #7ac3b7;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-cta-item-txt {
margin-top: 10px;
font-size: 16px;
font-size: 1.6rem;
}
}
.p-cta + .p-cta .p-cta-wrap {
padding-top: 0;
} .p-global-footer-bnr-container {
width: 100%;
}
.p-global-footer-bnr-item {
max-width: 200px;
line-height: 0;
}
.p-global-footer-bnr-item:first-child {
margin: 40px auto 0;
}
.p-global-footer-bnr-item + .p-global-footer-bnr-item {
margin: 20px auto 0;
} .c-map {
position: relative;
overflow: hidden;
width: 100%;
}
.c-map::after {
display: block;
padding-top: 56.25%;
content: "";
}
.c-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .c-pager-list {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.c-pager-list-container {
display: -webkit-box;
display: flex;
padding-top: 56px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
flex-wrap: wrap;
}
.c-pager-list-link {
position: relative;
z-index: 1;
display: inline-block;
min-width: 30px;
height: 30px;
padding: 4px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 14.5px;
font-size: 1.45rem;
line-height: 30px;
color: #a9a9a9;
text-align: center;
letter-spacing: 0px;
letter-spacing: 0rem;
-webkit-transition: .3s;
transition: .3s;
}
.c-pager-list-link::after {
position: absolute;
z-index: -1;
left: calc(50% - 15px);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(228, 243, 241, 0);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 10px auto;
content: "";
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.c-pager-list-link::after {
display: none;
}
}
.c-pager-list-link:hover::after {
background-color: #e4f3f1;
}
.c-pager-list-link.is-current {
color: #000;
pointer-events: none;
}
.is-next .c-pager-list-link {
margin-left: 24px;
padding-right: 18px;
color: #000;
}
@media screen and (max-width: 767px) {
.is-next .c-pager-list-link {
margin-left: 10px;
padding-right: 0;
}
}
.is-next .c-pager-list-link::after {
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow_black.svg);
}
.is-prev .c-pager-list-link {
margin-right: 24px;
padding-left: 18px;
color: #000;
}
@media screen and (max-width: 767px) {
.is-prev .c-pager-list-link {
margin-right: 10px;
padding-left: 0;
}
}
.is-prev .c-pager-list-link::after {
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow_black.svg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
} .p-blog-side-block + .p-blog-side-block {
margin-top: 50px;
}
.p-blog-side-ttl {
margin: -4px 0 10px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 1.3;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
.p-blog-side-search-form {
display: -webkit-box;
display: flex;
border: 1px solid #e1e1e1;
}
.p-blog-side-search-input {
width: calc(100% - 38px);
padding: 0 16px;
font-size: 15px;
font-size: 1.5rem;
}
.p-blog-side-search-input::-webkit-input-placeholder {
color: #e1e1e1;
}
.p-blog-side-search-input::-moz-placeholder {
color: #e1e1e1;
}
.p-blog-side-search-input:-ms-input-placeholder {
color: #e1e1e1;
}
.p-blog-side-search-input::-ms-input-placeholder {
color: #e1e1e1;
}
.p-blog-side-search-input::placeholder {
color: #e1e1e1;
}
.p-blog-side-search-button {
width: 38px;
height: 38px;
font-size: 16px;
font-size: 1.6rem;
}
.p-blog-side-item {
border-top: 1px solid #e1e1e1;
}
.p-blog-side-item:last-child {
border-bottom: 1px solid #e1e1e1;
}
.p-blog-side-item-link {
display: block;
padding: 16px 28px 16px 0;
background-image: url(//tm-nishinippon.net/wp-content/themes/sg102/img/common/arrow_black.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 10px auto;
line-height: 1.75;
}
.p-blog-side-item-child-item {
position: relative;
padding-left: 1em;
}
.p-blog-side-item-child-item::before {
position: absolute;
left: 0;
padding: 3px 0 0;
content: "-";
}
.p-blog-side-item-child-item .p-blog-side-item-link {
padding: 5px 28px 10px 0;
background-position: calc(100% - 10px) 1em;
}
.p-blog-side-item-child-item:last-child .p-blog-side-item-link {
padding-bottom: 20px;
}
.p-blog-side-late-item {
border-top: 1px solid #e1e1e1;
}
.p-blog-side-late-item:last-child {
border-bottom: 1px solid #e1e1e1;
}
.p-blog-side-late-link {
display: block;
padding: 18px 0;
}
.p-blog-side-late-time {
display: block;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
color: #7ac3b7;
}
.p-blog-side-late-ttl {
margin-top: 4px;
font-size: 14px;
font-size: 1.4rem;
} .p-article-nav {
position: relative;
display: block;
margin: 50px 0 0;
padding: 15px 4.70588% 35px;
background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
.p-article-nav {
margin: 22px 0 0;
padding: 5px 11.11111% 25px;
}
}
.p-article-nav__headline {
margin-top: 20px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.7;
}
.p-article-nav__table {
list-style: none;
}
.p-article-nav__table > :last-child {
padding-bottom: 0;
}
.p-article-nav__table-item {
padding: 15px 0 12px;
font-weight: 700;
line-height: 1.5;
}
.p-article-nav__table-item-child {
position: relative;
padding-left: 1em;
}
.p-article-nav__table-item-child::before {
position: absolute;
left: 0;
display: block;
width: 1em;
text-align: center;
content: "・";
} .c-single-pager-container {
padding-top: 45px;
}
@media screen and (max-width: 767px) {
.c-single-pager-container {
padding-top: 15px;
-webkit-box-pack: justify;
justify-content: space-between;
}
}
.c-single-pager-item {
padding: 0 6.75%;
}
.c-single-pager-item.is-prev, .c-single-pager-item.is-next {
padding: 0;
}
.c-single-pager-item.is-none {
background: transparent;
color: transparent;
pointer-events: none;
opacity: 0;
}
.c-single-pager-link-inner {
color: #000;
}
.c-single-pager-link:hover::after {
background-color: transparent;
} .c-post-eyecatch-bg {
display: block;
width: 100%;
padding-top: 56.23529%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.c-post-content > [class|="wp"] {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.c-post-content > [class|="wp"] {
margin: 14px 0 0;
}
}
.c-post-content > p:not([class]) {
margin: 20px 0 0;
line-height: 2;
}
@media screen and (max-width: 767px) {
.c-post-content > p:not([class]) {
margin: 24px 0 0;
}
}
.c-post-content p + p:not([class]) {
margin: 2em 0 0;
}
.c-post-content h2:not([class]) {
position: relative;
margin: 80px 0 0;
padding: 4px 0 4px 22px;
border-bottom: 1px solid #e1e1e1;
font-size: 23px;
font-size: 2.3rem;
font-weight: 700;
text-align: left;
}
@media screen and (max-width: 767px) {
.c-post-content h2:not([class]) {
margin: 35px 0 0;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.6;
}
}
.c-post-content h2:not([class])::before {
position: absolute;
top: 15px;
left: 0;
width: 5px;
height: calc(100% - 30px);
background-color: #7ac3b7;
content: "";
}
@media screen and (max-width: 767px) {
.c-post-content h2:not([class])::before {
top: 10px;
height: calc(100% - 20px);
}
}
.c-post-content h3:not([class]) {
display: block;
margin: 70px 0 0;
padding: 0 0 12px;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1.5;
text-align: left;
}
@media screen and (max-width: 767px) {
.c-post-content h3:not([class]) {
margin: 35px 0 0;
}
}
.c-post-content h4:not([class]) {
display: inline-block;
margin: 40px 0 0;
border-bottom: 4px solid rgba(122, 195, 183, 0.2);
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.5;
text-align: left;
}
.c-post-content > ol:not([class]) {
margin: 40px 0 0;
padding: 0 0 0 1em;
counter-reset: order 0;
}
@media screen and (max-width: 767px) {
.c-post-content > ol:not([class]) {
margin: 24px 0 0;
}
}
.c-post-content > ol:not([class]) > li:not([class]) {
position: relative;
display: -webkit-box;
display: flex;
padding-left: 2em;
line-height: 1.5;
}
.c-post-content > ol:not([class]) > li:not([class])::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin: 0 .5em 0 0;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 1.6rem;
color: #000;
content: counter(order, decimal-leading-zero) "";
counter-increment: order 1;
-ms-grid-row-align: center;
align-self: center;
}
.c-post-content > ol:not([class]) > li:not([class]) + li:not([class]) {
margin: .5em 0 0;
}
.c-post-content > ul:not(.wp-block-gallery) {
margin: 40px 0 0;
padding: 0 0 0 1em;
}
@media screen and (max-width: 767px) {
.c-post-content > ul:not(.wp-block-gallery) {
margin: 24px 0 0;
}
}
.c-post-content > ul:not(.wp-block-gallery) > li:not([class]) {
position: relative;
display: -webkit-box;
display: flex;
padding-left: 1em;
line-height: 1.5;
}
.c-post-content > ul:not(.wp-block-gallery) > li:not([class])::before {
position: absolute;
top: .5em;
left: 0;
display: inline-block;
width: 4px;
height: 4px;
margin: 0 .5em 0 0;
border-radius: 50%;
background: #000;
content: "";
-ms-grid-row-align: center;
align-self: center;
}
.c-post-content > ul:not(.wp-block-gallery) > li:not([class]) + li:not([class]) {
margin: .5em 0 0;
}
.c-post-content b:not([class]),
.c-post-content strong:not([class]) {
background: -webkit-linear-gradient(transparent 55%, rgba(122, 195, 183, 0.3) 45%);
background: linear-gradient(transparent 55%, rgba(122, 195, 183, 0.3) 45%);
}
.c-post-content em:not([class]) {
font-style: italic;
}
.c-post-content .wp-block-image {
position: relative;
overflow: hidden;
}
.c-post-content .wp-block-image::after {
display: block;
padding-top: 60%;
content: "";
}
.c-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;
}
.c-post-content .wp-block-image figcaption {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 1em 1.5em;
background: rgba(0, 0, 0, 0.3);
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
}
.c-post-content .wp-block-quote {
padding: 2em 2em 2em 3em;
border-color: #e4f3f1;
background: #f7f7f7;
}
@media screen and (max-width: 767px) {
.c-post-content .wp-block-quote {
padding: 2em 1em 2em 2em;
}
}
@media screen and (max-width: 767px) {
.c-post-content .wp-block-audio audio {
min-width: 100%;
}
}
.c-post-content .wp-block-audio figcaption {
margin: .5em 0 0;
}
.c-post-content .wp-block-code {
padding: 2em;
border: 0;
border-radius: 0;
background: #000;
color: #f7f7f7;
}
.c-post-content .wp-block-pullquote {
border-color: #000;
color: #000;
}
@media screen and (max-width: 767px) {
.c-post-content .wp-block-pullquote p:not([class]) {
font-size: 22px;
font-size: 2.2rem;
}
}
.c-post-content .wp-block-pullquote cite:not([class]) {
color: #7ac3b7;
}
.c-post-content .wp-block-separator {
margin-right: auto;
margin-left: auto;
border-color: #7ac3b7;
}
.c-post-content .wp-block-separator::before {
color: #7ac3b7;
}
.c-post-content .wp-block-calendar caption {
color: #000;
}
.c-post-content .wp-block-calendar th:not([class]) {
background: #f7f7f7;
}
.c-post-content .wp-block-calendar a {
display: block;
padding: 5px 0;
color: #000;
}
.c-post-content .wp-block-embed__wrapper {
text-align: center;
}
.c-post-content .wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
overflow: hidden;
}
.c-post-content .wp-block-embed-youtube .wp-block-embed__wrapper::after {
display: block;
padding-top: 56.25%;
content: "";
}
.c-post-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-post-content .wp-embed-aspect-4-3 .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 75%;
}
.c-post-content .wp-embed-aspect-16-9 .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 56.25%;
}
.c-post-content .wp-block-embed-twitter {
text-align: center;
}
.c-post-content .wp-block-embed-twitter .wp-block-embed__wrapper {
display: inline-block;
border: 1px solid #ddd;
}
.c-post-content .c-post-eyecatch,
.c-post-content .c-post-section__eyecatch,
.c-post-content .c-post-section__txt {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.c-post-content .c-post-eyecatch,
.c-post-content .c-post-section__eyecatch,
.c-post-content .c-post-section__txt {
margin: 24px 0 0;
}
} .addtoany_share_save_container {
padding: 95px 0 115px;
border-bottom: 1px solid #cccccc;
text-align: center;
}
@media screen and (max-width: 767px) {
.addtoany_share_save_container {
padding: 18px 0 36px;
}
}
.addtoany_list {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.addtoany_list {
display: block;
}
}
.addtoany_list::before {
padding-right: 16px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.6;
letter-spacing: 0px;
letter-spacing: 0rem;
content: "Share";
}
@media screen and (max-width: 767px) {
.addtoany_list::before {
display: block;
width: 100%;
padding: 0 0 18px;
}
} .c-subpage-header {
position: relative;
padding: 0;
}
.c-subpage-header-inner {
position: relative;
z-index: 2;
display: -webkit-box;
display: flex;
width: 100%;
height: 450px;
min-height: 450px;
margin: auto;
text-align: center;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.c-subpage-header-inner {
height: 222px;
min-height: 222px;
-webkit-box-align: end;
align-items: flex-end;
}
}
.c-subpage-header-bg {
position: absolute;
z-index: -1;
top: 0;
right: 0;
overflow: hidden;
width: 50%;
height: 100%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
content: "";
}
@media screen and (max-width: 1024px) {
.c-subpage-header-bg {
width: 92.1875%;
height: calc(100% - 56px);
}
}
.c-subpage-header-bg-img {
display: none;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.c-subpage-header-bg-img {
display: block;
}
}
.c-subpage-header-ttl {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 61.25%;
height: 270px;
background: #f7f7f7;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.c-subpage-header-ttl {
width: 92.1875%;
height: 120px;
min-height: 120px;
}
}
.c-subpage-header-ttl .c-ttl-01-en {
width: 100%;
font-size: 70px;
font-size: 7rem;
}
@media screen and (max-width: 1024px) {
.c-subpage-header-ttl .c-ttl-01-en {
font-size: 40px;
font-size: 4rem;
}
}
.c-subpage-header-ttl .c-ttl-01-ja {
width: 100%;
padding-top: 12px;
}
@media screen and (max-width: 1024px) {
.c-subpage-header-ttl .c-ttl-01-ja {
padding-top: 0;
font-size: 13px;
font-size: 1.3rem;
}
}
.l-content-wrap {
width: 92.5%;
max-width: 1200px;
margin: auto;
}
@media screen and (max-width: 767px) {
.l-content-wrap {
width: 84.375%;
}
}
.l-content-wrap + .l-content-wrap {
margin-top: 100px;
}
@media screen and (max-width: 767px) {
.l-content-wrap + .l-content-wrap {
margin-top: 50px;
}
}
.l-content-wrap.-wide {
width: 100%;
max-width: 100%;
}
.l-content-wrap.-narrow {
max-width: 900px;
}
@media screen and (max-width: 767px) {
.l-content-wrap.-spwide {
width: 100%;
max-width: 100%;
}
}
.p-subpage-topcontent {
text-align: center;
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-subpage-topcontent-ttl {
display: inline-block;
border-bottom: 3px solid #7ac3b7;
font-size: 23px;
font-size: 2.3rem;
font-weight: 700;
line-height: 2;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 767px) {
.p-subpage-topcontent-ttl {
font-size: 20px;
font-size: 2rem;
}
}
.p-subpage-topcontent-txt {
display: block;
margin: 45px auto 0;
}
@media screen and (max-width: 767px) {
.p-subpage-topcontent-txt {
text-align: left;
}
}
.p-subpage-topcontent-btn{
margin: 40px 0;
}
.p-subpage-topcontent-btn-item:not(:first-child){
margin-top: 20px;
} .is-tel-link {
pointer-events: none;
cursor: default;
}
@media screen and (max-width: 1024px) {
.is-tel-link {
pointer-events: all;
cursor: pointer;
}
} .c-ttl-01 {
-webkit-box-align: center;
align-items: center;
}
.c-ttl-01-en {
margin: 0 0 0 -.45em;
font-family: "Meie Script", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 55px;
font-size: 5.5rem;
font-weight: 400;
line-height: 1;
color: #7ac3b7;
letter-spacing: 0px;
letter-spacing: 0rem;
}
.c-ttl-01-ja {
display: block;
font-weight: 700;
} .p-404 .c-btn {
padding-top: 40px;
} .p-about-point {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-about-point {
display: block;
}
}
.p-about-point-img {
width: 41.66667%;
min-width: 41.66667%;
padding-top: 60%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-about-point-img {
width: 92.1875%;
margin: 0 auto -25px 0;
padding-top: 51.875%;
}
}
.p-about-point-box {
width: 66.66667%;
margin-top: 50px;
margin-left: -5%;
padding: 1.25% 6.66667%;
background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
.p-about-point-box {
width: 92.1875%;
margin: 0 0 0 auto;
padding: 0 6.25% 6.25%;
}
}
.p-about-point-item {
position: relative;
display: -webkit-box;
display: flex;
padding: 11.66667% 0;
}
@media screen and (max-width: 767px) {
.p-about-point-item {
padding: 6.25% 0;
}
}
.p-about-point-item + .p-about-point-item {
border-top: 1px solid #e1e1e1;
}
.p-about-point-label {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 130px;
min-width: 130px;
height: 130px;
border-radius: 50%;
background-color: #fff;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-weight: 200;
color: #7ac3b7;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.p-about-point-label {
width: 83px;
min-width: 83px;
height: 83px;
}
}
@media screen and (max-width: 767px) {
.p-about-point-label {
position: absolute;
left: 0;
}
}
.p-about-point-label-en {
display: block;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
.p-about-point-label-en {
font-size: 12px;
font-size: 1.2rem;
}
}
.p-about-point-label-num {
display: block;
font-size: 53px;
font-size: 5.3rem;
line-height: 1;
}
@media screen and (max-width: 1024px) {
.p-about-point-label-num {
font-size: 33px;
font-size: 3.3rem;
}
}
.p-about-point-text {
padding: 5px 0 0 5.46875%;
}
@media screen and (max-width: 767px) {
.p-about-point-text {
padding: 0;
}
}
.p-about-point-ttl {
margin-bottom: 6px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-about-point-ttl {
display: -webkit-box;
display: flex;
min-height: 83px;
margin-bottom: 15px;
padding-left: 103px;
-webkit-box-align: center;
align-items: center;
}
}
.p-about-point-desc {
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-about-staff-item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-about-staff-item {
display: block;
}
}
.p-about-staff-item + .p-about-staff-item {
margin-top: 50px;
}
.p-about-staff-item:nth-child(2n+1) .p-about-staff-img {
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 767px) {
.p-about-staff-item:nth-child(2n+1) .p-about-staff-img {
margin: 0 0 0 auto;
}
}
.p-about-staff-item:nth-child(2n+1) .p-about-staff-img + .p-about-staff-box {
margin-right: -12.5%;
padding: 8.125% 16.66667% 11.25% 6.66667%;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media screen and (max-width: 767px) {
.p-about-staff-item:nth-child(2n+1) .p-about-staff-img + .p-about-staff-box {
margin-right: 0;
padding: 35.15625% 7.8125% 14.0625%;
}
}
.p-about-staff-item:nth-child(2n) .p-about-staff-img {
-webkit-box-ordinal-group: 2;
order: 1;
}
@media screen and (max-width: 767px) {
.p-about-staff-item:nth-child(2n) .p-about-staff-img {
margin: 0 auto 0 0;
}
}
.p-about-staff-item:nth-child(2n) .p-about-staff-img + .p-about-staff-box {
margin-left: -12.5%;
padding: 8.125% 6.66667% 11.25% 16.66667%;
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 767px) {
.p-about-staff-item:nth-child(2n) .p-about-staff-img + .p-about-staff-box {
margin-left: 0;
padding: 35.15625% 7.8125% 14.0625%;
}
}
.p-about-staff-img {
position: relative;
z-index: 2;
width: 51.66667%;
min-width: 51.66667%;
padding-top: 34.5%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-about-staff-img {
width: 76.5625%;
padding-top: 57.1875%;
}
}
.p-about-staff-img + .p-about-staff-box {
width: 66.66667%;
}
@media screen and (max-width: 767px) {
.p-about-staff-img + .p-about-staff-box {
width: 100%;
margin-top: -28.59375%;
}
}
.p-about-staff-box {
z-index: 1;
width: 100%;
padding: 8.125% 6.66667% 11.25%;
background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
.p-about-staff-box {
width: 100%;
padding: 14.0625% 7.8125%;
}
}
.p-about-staff-sub {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
color: #7ac3b7;
}
@media screen and (max-width: 767px) {
.p-about-staff-sub {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-about-staff-name {
display: -webkit-box;
display: flex;
margin-bottom: 28px;
font-weight: 700;
flex-wrap: wrap;
-webkit-box-align: baseline;
align-items: baseline;
}
@media screen and (max-width: 767px) {
.p-about-staff-name {
margin-bottom: 12px;
}
}
.p-about-staff-name-main {
margin-right: .5em;
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.p-about-staff-name-main {
margin-right: 1em;
font-size: 17px;
font-size: 1.7rem;
}
}
@media screen and (max-width: 767px) {
.p-about-staff-name-kana {
font-size: 12px;
font-size: 1.2rem;
}
}
.p-about-staff-text + .p-about-staff-text {
margin-top: 15px;
}
.p-about-staff-text-ttl {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 19px;
font-size: 1.9rem;
font-weight: 200;
color: #7ac3b7;
}
@media screen and (max-width: 767px) {
.p-about-staff-text-ttl {
font-size: 17px;
font-size: 1.7rem;
}
}
.p-about-staff-text-desc {
padding-top: 5px;
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-about-access-content {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.p-about-access-content {
display: block;
}
}
.p-about-access-content + .p-about-access-content {
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.p-about-access-content + .p-about-access-content {
margin-top: 25px;
padding-top: 35px;
border-top: 1px solid #e1e1e1;
}
}
.p-about-access-map {
width: 56.66667%;
min-width: 56.66667%;
}
@media screen and (max-width: 767px) {
.p-about-access-map {
width: 100%;
}
}
.p-about-access-box {
width: 41.66667%;
min-width: 41.66667%;
padding: 0 3.75%;
}
@media screen and (max-width: 767px) {
.p-about-access-box {
width: 100%;
padding: 25px 0 0;
}
}
.p-about-access-name {
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-about-access-name {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-about-access-list {
margin-top: 20px;
padding: 35px 22px;
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
}
@media screen and (max-width: 767px) {
.p-about-access-list {
padding: 20px 0;
}
}
.p-about-access-list-dl {
display: -webkit-box;
display: flex;
padding: 2px 0;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.p-about-access-list-dl {
padding: 0;
font-size: 13px;
font-size: 1.3rem;
}
}
.p-about-access-list-dt {
width: 85px;
min-width: 85px;
padding-right: 1em;
font-weight: 700;
}
.p-about-access-list-dd {
width: 100%;
} .p-admission-ttl {
margin: -12px 0 32px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
color: #7ac3b7;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-admission-ttl {
margin: -5px 0 22px;
font-size: 17px;
font-size: 1.7rem;
}
}
.p-admission-table-name {
position: relative;
margin-top: -5px;
padding: 0 0 6px;
font-size: 19px;
font-size: 1.9rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-admission-table-name {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-admission-table-name::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e1e1e1;
content: "";
}
.p-admission-table-desc {
padding-top: 20px;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-admission-table-desc {
padding-top: 10px;
}
}
.p-admission-table-caption {
margin-bottom: 8px;
font-weight: 700;
line-height: 2;
text-align: left;
}
.p-admission-table-wrap {
width: 100%;
margin-top: 20px;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap {
margin-top: 12px;
}
}
.p-admission-table-wrap.-clm .p-admission-table-th, .p-admission-table-wrap.-sprow .p-admission-table-th {
width: 215px;
background-color: #f7f7f7;
}
.p-admission-table-wrap.-clm .p-admission-table-th,
.p-admission-table-wrap.-clm .p-admission-table-td, .p-admission-table-wrap.-sprow .p-admission-table-th,
.p-admission-table-wrap.-sprow .p-admission-table-td {
padding: 20px 25px;
}
.p-admission-table-wrap.-row .p-admission-table-row {
display: block;
padding: 30px 5px;
}
.p-admission-table-wrap.-row .p-admission-table-th,
.p-admission-table-wrap.-row .p-admission-table-td {
display: block;
}
.p-admission-table-wrap.-row .p-admission-table-th {
font-size: 16px;
font-size: 1.6rem;
}
.p-admission-table-wrap.-row .p-admission-table-td {
padding-top: 5px;
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-clm .p-admission-table-row, .p-admission-table-wrap.-row .p-admission-table-row, .p-admission-table-wrap.-sprow .p-admission-table-row {
display: block;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-clm .p-admission-table-th,
.p-admission-table-wrap.-clm .p-admission-table-td, .p-admission-table-wrap.-row .p-admission-table-th,
.p-admission-table-wrap.-row .p-admission-table-td, .p-admission-table-wrap.-sprow .p-admission-table-th,
.p-admission-table-wrap.-sprow .p-admission-table-td {
display: block;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-clm .p-admission-table-th,
.p-admission-table-wrap.-clm .p-admission-table-td {
padding: 10px 15px;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-row .p-admission-table-row, .p-admission-table-wrap.-sprow .p-admission-table-row {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-row .p-admission-table-th,
.p-admission-table-wrap.-row .p-admission-table-td, .p-admission-table-wrap.-sprow .p-admission-table-th,
.p-admission-table-wrap.-sprow .p-admission-table-td {
padding: 0;
background-color: transparent;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-row .p-admission-table-th, .p-admission-table-wrap.-sprow .p-admission-table-th {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.p-admission-table-wrap.-row .p-admission-table-td, .p-admission-table-wrap.-sprow .p-admission-table-td {
padding: 10px 0 0;
}
}
.p-admission-table-row {
border-bottom: 1px solid #e1e1e1;
}
.p-admission-table-row:first-child {
border-top: 1px solid #e1e1e1;
}
.p-admission-table-th {
font-weight: 700;
text-align: left;
}
.p-admission-table-td {
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-admission-table-small {
margin-top: 16px;
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-admission-table-small {
margin-top: 12px;
font-size: 12px;
font-size: 1.2rem;
}
}
.p-admission-table + .p-admission-table {
padding-top: 50px;
}
@media screen and (max-width: 767px) {
.p-admission-table + .p-admission-table {
padding-top: 35px;
}
}
.p-admission-table + .p-admission-table .p-admission-ttl {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.p-admission-table + .p-admission-table .p-admission-ttl {
margin-top: 8px;
}
}
.p-admission-list-wrap + .p-admission-list-wrap {
margin-top: 25px;
}
.p-admission-list-name {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-admission-list-name {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-admission-list-data {
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.p-admission-list-data {
margin-top: 8px;
}
}
.p-admission-list-data > ol > li:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.p-admission-list-data > ol > li:not(:last-child) {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.p-admission-list-data > ol > li {
margin-top: 0;
}
}
.p-admission-list ol:not([class]) {
list-style: none;
counter-reset: count 0;
}
.p-admission-list li {
position: relative;
padding-left: 1.65em;
}
@media screen and (max-width: 767px) {
.p-admission-list li {
margin-top: 15px;
}
}
.p-admission-list li::before {
position: absolute;
top: 0;
left: 0;
content: counter(count, decimal) ")";
counter-increment: count;
}
.p-admission-list li ol li::before {
content: counter(count, upper-alpha) ")";
}
.p-admission-list li ol ol li {
padding-left: 2.35em;
}
.p-admission-list li ol ol li::before {
content: "･･･";
}
.p-admission-list li ol ol li:nth-child(1)::before {
content: "(ア)";
}
.p-admission-list li ol ol li:nth-child(2)::before {
content: "(イ)";
}
.p-admission-list li ol ol li:nth-child(3)::before {
content: "(ウ)";
}
.p-admission-list li ol ol li:nth-child(4)::before {
content: "(エ)";
}
.p-admission-list li ol ol li:nth-child(5)::before {
content: "(オ)";
}
.p-admission-list li ol ol li:nth-child(6)::before {
content: "(カ)";
}
.p-admission-list li ol ol li:nth-child(7)::before {
content: "(キ)";
}
.p-admission-list li ol ol li:nth-child(8)::before {
content: "(ク)";
}
.p-admission-list li ol ol li:nth-child(9)::before {
content: "(ケ)";
}
.p-admission-list li ol ol li:nth-child(10)::before {
content: "(コ)";
}
.p-admission-list li ol ol li:nth-child(11)::before {
content: "(サ)";
}
.p-admission-list li ol ol li:nth-child(12)::before {
content: "(シ)";
}
.p-admission-list li ol ol li:nth-child(13)::before {
content: "(ス)";
}
.p-admission-list li ol ol li:nth-child(14)::before {
content: "(セ)";
}
.p-admission-list li ol ol li:nth-child(15)::before {
content: "(ソ)";
}
.p-admission-list li ol ol li:nth-child(16)::before {
content: "(タ)";
}
.p-admission-list li ol ol li:nth-child(17)::before {
content: "(チ)";
}
.p-admission-list li ol ol li:nth-child(18)::before {
content: "(ツ)";
}
.p-admission-list li ol ol li:nth-child(19)::before {
content: "(テ)";
}
.p-admission-list li ol ol li:nth-child(20)::before {
content: "(ト)";
} .l-blog-content-wrap {
display: -webkit-box;
display: flex;
}
@media screen and (max-width: 1024px) {
.l-blog-content-wrap {
display: block;
}
}
.l-blog-content-main {
width: calc(100% - 300px);
padding-right: 4.16667%;
}
@media screen and (max-width: 1024px) {
.l-blog-content-main {
width: 100%;
padding-right: 0;
}
}
.l-blog-content-side {
width: 300px;
}
@media screen and (max-width: 1024px) {
.l-blog-content-side {
width: 100%;
padding-top: 80px;
}
}
.p-blog-item + .p-blog-item {
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.p-blog-item + .p-blog-item {
margin-top: 25px;
}
}
.p-blog-search-title {
margin-bottom: 30px;
padding: 3% 0;
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
}
@media screen and (max-width: 767px) {
.p-blog-search-title {
margin-top: 25px;
}
}
.p-blog .c-btn02 {
display: none;
}
.c-article-wrap {
display: -webkit-box;
display: flex;
background: #f7f7f7;
-webkit-transition: .3s;
transition: .3s;
-webkit-box-align: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.c-article-wrap {
display: block;
padding: 7.40741%;
}
}
.c-article-link:hover .c-article-wrap {
background-color: rgba(122, 195, 183, 0.2);
}
.c-article-figure {
overflow: hidden;
width: 42%;
min-width: 42%;
padding-top: 23.64706%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
line-height: 0;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.c-article-figure {
width: 100%;
min-width: 100%;
padding-top: 56.08696%;
}
}
.c-article-img {
display: none;
}
.c-article-box {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 58%;
min-width: 58%;
min-height: 201px;
padding: 2.05882% 4.70588%;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.c-article-box {
width: 100%;
min-width: 100%;
min-height: auto;
padding: 20px 0 0;
}
} .c-article-meta-item {
display: -webkit-box;
display: flex;
min-width: 106px;
white-space: nowrap;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.c-article-meta-time {
margin-right: 15px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
color: #bdbdbd;
}
@media screen and (max-width: 767px) {
.c-article-meta-time {
width: 100%;
}
}
.c-article-meta-cat {
display: inline-block;
margin: 2px 5px 2px 0;
padding: 2px 8px;
border-width: 1px;
border-style: solid;
border-color: #bdbdbd;
background-color: #bdbdbd;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.2;
color: #fff;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
}
.c-article-meta-cat.-child {
background-color: transparent;
color: #bdbdbd;
}
.c-article-ttl {
margin-top: 10px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: 0px;
letter-spacing: 0rem;
}
.c-article-txt {
margin-top: 8px;
line-height: 2;
}
.c-post-eyecatch {
margin-bottom: 35px;
line-height: 0;
}
@media screen and (max-width: 767px) {
.c-post-eyecatch {
margin-bottom: 25px;
}
}
.c-post-meta {
padding: 0 0 25px;
}
@media screen and (max-width: 767px) {
.c-post-meta {
padding: 0 0 15px;
}
}
.c-post-meta-time {
color: #7ac3b7;
}
.c-post-meta-cat {
height: auto;
margin: 3px 5px 3px 0;
padding: 0;
}
.c-post-meta-cat-link {
display: block;
padding: 2px 8px;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.-child .c-post-meta-cat-link {
background-color: transparent;
color: #bdbdbd;
}
.c-post-ttl {
font-size: 25px;
font-size: 2.5rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.c-post-ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
.c-post-content {
line-height: 2;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
} .p-contact-section + .p-contact-section {
margin-top: 75px;
}
@media screen and (max-width: 767px) {
.p-contact-section + .p-contact-section {
margin-top: 25px;
}
}
.p-contact-lead {
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-contact-lead + .p-contact-lead {
margin-top: 2rem;
}
.p-contact-telnum {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 40px;
font-size: 4rem;
font-weight: 500;
color: #7ac3b7;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-contact-telnum {
font-size: 33px;
font-size: 3.3rem;
letter-spacing: 0px;
letter-spacing: 0rem;
}
}
.p-contact-telnum a {
color: #7ac3b7;
}
.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: #ef0b00;
}
.p-contact-form-item:not(:last-child) {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.p-contact-form-item:not(:last-child) {
margin-bottom: 22px;
}
}
.p-contact-form-ttl {
margin-bottom: 12px;
font-weight: 700;
}
.p-contact-form-ttl::before {
margin-right: 12px;
padding: 4px;
background-color: #e88f2f;
font-size: 13px;
font-size: 1.3rem;
color: #fff;
content: "必須";
}
.p-contact-form-ttl.is-any::before {
background-color: #a9a9a9;
content: "任意";
}
.p-contact-form-val {
display: inline-block;
margin-right: 8px;
padding: 0 8px;
background: #7ac3b7;
color: #fff;
}
.p-contact-form-val.is-any {
background: #a2a1a1;
}
.p-contact-form-select {
position: relative;
width: 100%;
padding: 18px 30px;
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
}
.p-contact-form-txtarea {
width: 100%;
height: 260px;
padding: 18px 30px;
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
color: #727070;
resize: vertical;
-webkit-transition: box-shadow .2s linear;
transition: box-shadow .2s linear;
}
.p-contact-form-txtarea:focus {
outline: 0;
box-shadow: inset 0 0 0 2px #7ac3b7;
}
.p-contact-form-txt {
width: 100%;
padding: 18px 30px;
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
color: #727070;
-webkit-transition: box-shadow .2s linear;
transition: box-shadow .2s linear;
}
.p-contact-form-txt:focus {
outline: 0;
box-shadow: inset 0 0 0 2px #7ac3b7;
}
.p-contact-form-consent {
text-align: center;
}
.p-contact-form-submit {
display: -webkit-box;
display: flex;
margin-top: 60px;
-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: 25px;
}
}
.p-contact-form-submit-item {
display: -webkit-box;
display: flex;
width: 100%;
margin: 0 10px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.p-contact-form-submit-item + .p-contact-form-submit-item {
margin-top: 20px;
}
.p-contact-form-desc.-select {
position: relative;
}
.p-contact-form-desc.-select::before {
position: absolute;
z-index: 1;
top: 50%;
right: 30px;
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 900;
pointer-events: none;
content: "\f0d7";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-contact-form-desc.-select::before {
right: 10px;
}
}
.mw_wp_form_preview .p-contact-form-desc.-select::before {
display: none;
}
.p-contact-form ::-webkit-input-placeholder {
color: #cccccc;
}
.p-contact-form ::-moz-placeholder {
color: #cccccc;
}
.p-contact-form :-ms-input-placeholder {
color: #cccccc;
}
.p-contact-form ::-ms-input-placeholder {
color: #cccccc;
}
.p-contact-form ::placeholder {
color: #cccccc;
}
.p-contact-form .mwform-checkbox-field-text {
position: relative;
display: inline-block;
padding-left: 30px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0px;
letter-spacing: 0rem;
}
.p-contact-form .mwform-checkbox-field-text::before {
position: absolute;
top: 2px;
left: 0;
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #ccc;
border-radius: 0;
background: #fff;
content: "";
}
.p-contact-form .mwform-checkbox-field-text::after {
position: absolute;
top: 5px;
left: 7px;
display: inline-block;
width: 4px;
height: 8px;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
content: "";
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-contact-form .mwform-radio-field {
display: inline-block;
padding-right: 16px;
}
.p-contact-form .mwform-radio-field-text {
position: relative;
display: inline-block;
padding-left: 32px;
line-height: 1.5;
}
.p-contact-form .mwform-radio-field-text::before {
position: absolute;
top: calc(50% - 12px);
left: 0;
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid #ddd;
border-radius: 50%;
background: #fff;
content: "";
}
.p-contact-form .mwform-radio-field-text::after {
position: absolute;
top: calc(50% - 6px);
left: 6px;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #7ac3b7;
content: "";
opacity: 0;
-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);
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
input[type="radio"]:checked + .mwform-radio-field-text::after {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input:checked + .mwform-checkbox-field-text::before {
opacity: 1;
}
input:checked + .mwform-checkbox-field-text::after {
opacity: 1;
}
.mw_wp_form_input .p-contact-form-submit-item .is-back,
.mw_wp_form_input .p-contact-form-submit-item .is-send {
display: none;
}
.mw_wp_form_input .p-contact-input-text {
display: block;
}
.mw_wp_form_input .p-contact-preview-text {
display: none;
}
.mw_wp_form_confirm .p-contact-form-select-parent::before {
display: none;
}
.mw_wp_form_confirm .p-contact-form-select-parent::after {
display: none;
}
.mw_wp_form_confirm .p-contact-input-text {
display: none;
}
.mw_wp_form_confirm .p-contact-preview-text {
display: block;
}
.mw_wp_form_confirm .is-confirm-none {
display: none;
}
.mw_wp_form_confirm .is-confirm {
display: none;
}
.mw_wp_form_preview .is-submit {
display: none;
}
.mw_wp_form_send_error {
position: relative;
z-index: 5;
margin: 0 auto;
padding: 30px;
text-align: center;
} .p-privacy {
position: relative;
margin: 90px 0 48px;
padding: 16px;
border: 1px solid #e1e1e1;
background: #fff;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.p-privacy {
margin: 25px 0 30px;
padding: 8px;
}
}
.p-privacy-wrap {
overflow-y: auto;
height: 385px;
padding: 0 15px 0 10px;
}
@media screen and (max-width: 767px) {
.p-privacy-wrap {
height: 365px;
padding: 0 8px;
}
}
.p-privacy ::-webkit-scrollbar {
width: 2px;
}
.p-privacy ::-webkit-scrollbar-track {
border-radius: 0;
background: #f1f1f1;
}
.p-privacy ::-webkit-scrollbar-thumb {
border-radius: 0;
background: #bababa;
}
.p-privacy-ttl {
margin-bottom: 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
.p-privacy-txt {
margin-bottom: 32px;
font-size: 14px;
font-size: 1.4rem;
}
.p-privacy-list-item:not(:last-child) {
margin-bottom: 32px;
}
.p-privacy-list-ttl {
font-weight: 700;
}
.p-privacy-order {
counter-reset: order 0;
}
.p-privacy-order-item {
position: relative;
padding-left: 1.5em;
}
.p-privacy-order-item::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: counter(order) ".";
counter-increment: order 1;
} .p-privacy-order.is-brackets .p-privacy-order-item::before {
content: "(" counter(order) ")";
}
.p-privacy-order.is-child .p-privacy-order-item::before {
content: counter(order, lower-roman) "";
} .p-flow .l-content-wrap + .l-content-wrap {
margin-top: 45px;
}
.p-flow-item {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.p-flow-item {
position: relative;
display: block;
}
}
.p-flow-item + .p-flow-item {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.p-flow-item + .p-flow-item {
margin-top: 0;
}
}
.p-flow-item-img {
z-index: 1;
width: 41.66667%;
max-height: 31.25%;
margin-bottom: 60px;
padding-bottom: 31.25%;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-flow-item-img {
position: absolute;
top: 0;
left: 0;
width: 70.3125%;
max-height: 51.5625%;
padding-bottom: 51.5625%;
}
}
.p-flow-item-img + .p-flow-item-content {
width: 65%;
margin-top: 80px;
margin-left: -6.66667%;
padding: 7.5% 6.25% 6.66667% 13.33333%;
}
@media screen and (max-width: 767px) {
.p-flow-item-img + .p-flow-item-content {
width: 92.1875%;
margin: 0 0 0 auto;
padding: 62.5% 7.8125% 15.625%;
}
}
.p-flow-item-content {
display: -webkit-box;
display: flex;
width: 100%;
padding: 7.5% 6.25% 6.66667%;
background-color: #f7f7f7;
flex-wrap: wrap;
-webkit-box-align: baseline;
align-items: baseline;
}
@media screen and (max-width: 767px) {
.p-flow-item-content {
width: 92.1875%;
margin: 0 0 0 auto;
padding: 7.8125% 7.8125% 15.625%;
}
}
.p-flow-item-content-txt {
width: 100%;
margin-top: 20px;
}
.p-flow-item-content .c-btn {
width: 100%;
margin-top: 25px;
}
.p-flow-item-num {
padding-right: 30px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 40px;
font-size: 4rem;
font-weight: 200;
line-height: 1;
color: #7ac3b7;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
}
.p-flow-item-lead {
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
.p-flow-item:first-child .p-flow-item-img + .p-flow-item-content::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
padding-top: 17.1875%;
background: #fff;
content: "";
} .p-main-visual {
position: relative;
z-index: 2;
display: -webkit-box;
display: flex;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-main-visual {
display: block;
}
}
.p-main-visual-slide {
width: 46.875%;
height: calc(100vh + 100px);
min-height: 768px;
}
@media screen and (max-width: 1024px) {
.p-main-visual-slide {
width: 92.1875%;
height: calc(34.38vw + 100px);
min-height: 220px;
margin: 100px auto 0 0;
}
}
@media screen and (max-width: 767px) {
.p-main-visual-slide {
height: calc(34.38vw + 50px);
margin-top: 50px;
}
}
.p-main-visual-content {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 53.125%;
height: calc(100vh + 100px);
min-height: 768px;
padding: 100px 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.p-main-visual-content {
display: block;
width: 100%;
height: auto;
min-height: auto;
margin: 0;
padding: 0;
}
}
.p-main-visual-img {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.p-main-visual-img-slide-img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.p-main-visual-copy {
z-index: 1;
display: -webkit-box;
display: flex;
flex-direction: column;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy {
overflow: hidden;
}
}
.p-main-visual-copy-main {
margin-left: -50%;
font-family: "Meie Script", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 10vw;
line-height: 1.25;
color: #7ac3b7;
text-align: right;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-main {
max-width: 80%;
margin: 0;
margin: auto;
padding-top: 18px;
}
}
@media screen and (max-width: 767px) {
.p-main-visual-copy-main {
font-size: 48px;
font-size: 4.8rem;
}
}
.p-main-visual-copy-main-txt {
position: relative;
display: inline-block;
padding-right: 6.5%;
letter-spacing: 0px;
letter-spacing: 0rem;
word-break: break-all;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-main-txt {
margin-left: -1.5rem;
padding: 0;
}
}
.p-main-visual-copy-main-txt::after {
position: absolute;
right: 0;
bottom: .37em;
width: 94%;
height: 1px;
background: #7ac3b7;
content: "";
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-main-txt::after {
left: 1.8rem;
width: 400%;
}
}
.p-main-visual-copy-sub {
padding: 0 5%;
font-size: 1.56vw;
font-weight: 700;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-sub {
padding-top: 4px;
font-size: 17px;
font-size: 1.7rem;
}
}
.p-main-visual-post {
padding: 6% 11.76471% 75px;
}
@media screen and (max-width: 1024px) {
.p-main-visual-post {
padding: 40px 7.8125% 0;
}
}
.p-main-visual-post-item {
border-top: 1px solid #e1e1e1;
}
.p-main-visual-post-item:last-child {
border-bottom: 1px solid #e1e1e1;
}
.p-main-visual-post-type {
min-width: 105px;
margin-right: 15px;
padding: 1px 8px;
background: #7ac3b7;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
color: #fff;
}
@media screen and (max-width: 767px) {
.p-main-visual-post-type {
font-size: 13px;
font-size: 1.3rem;
}
}
.is-campaign .p-main-visual-post-type {
background-color: #ccbd9e;
}
.is-news .p-main-visual-post-type {
background-color: #b7c2c6;
}
.p-main-visual-post-link {
display: -webkit-box;
display: flex;
padding: 12px 0;
letter-spacing: 0px;
letter-spacing: 0rem;
-webkit-transition: .3s;
transition: .3s;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-main-visual-post-link {
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 1025px) {
.p-main-visual-post-link:hover {
background-color: rgba(122, 195, 183, 0.1);
}
}
.p-main-visual-post-time {
min-width: 100px;
padding-right: 18px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
color: #bdbdbd;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-main-visual-post-time {
width: calc(100% - 120px);
font-size: 13px;
font-size: 1.3rem;
}
}
.p-main-visual-post-ttl {
overflow: hidden;
padding-right: 30px;
text-align: left;
white-space: pre;
text-overflow: ellipsis;
-webkit-box-flex: 2;
flex-grow: 2;
}
@media screen and (max-width: 767px) {
.p-main-visual-post-ttl {
width: calc(100% - 70px);
margin-top: 4px;
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
.p-main-visual-post .c-btn02-link {
font-size: 13px;
font-size: 1.3rem;
}
}
.l-home .c-ttl-01 {
text-align: center;
}
@media screen and (max-width: 767px) {
.l-home .c-ttl-01-en {
font-size: 35px;
font-size: 3.5rem;
}
}
.l-home .c-ttl-01-ja {
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.l-home .c-ttl-01-ja {
padding-top: 8px;
font-size: 13px;
font-size: 1.3rem;
}
}
.l-home .c-btn {
margin: 60px auto 0;
text-align: center;
}
.l-home .swiper-pagination {
position: relative;
display: none;
margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
.l-home .swiper-pagination {
display: block;
}
}
.l-home .swiper-pagination-bullet {
width: 4px;
height: 4px;
margin: 0 3px !important;
border: 1px solid #7ac3b7;
background-color: #fff;
opacity: 1;
}
.l-home .swiper-pagination-bullet-active {
border: 1px solid #7ac3b7;
background-color: #7ac3b7;
} .p-index-message {
position: relative;
overflow: hidden;
margin: -100px auto 0;
padding: 100px 0 0;
}
@media screen and (max-width: 1024px) {
.p-index-message {
margin-top: 50px;
padding: 0;
}
}
.p-index-message::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
width: 81.25%;
height: 100%;
background-color: #f7f7f7;
content: "";
}
@media screen and (max-width: 767px) {
.p-index-message::before {
width: 100%;
}
}
.p-index-message-inner {
display: -webkit-box;
display: flex;
padding: 70px 0 100px;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.p-index-message-inner {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.p-index-message-inner {
display: block;
padding: 0;
}
}
.p-index-message-img {
width: 45.83333%;
padding-top: 34.33333%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 767px) {
.p-index-message-img {
position: relative;
width: 76.5625%;
margin-left: auto;
padding-top: 57.1875%;
}
}
@media screen and (max-width: 767px) {
.p-index-message-img::before {
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 50%;
background-color: #fff;
content: "";
}
}
.p-index-message-box {
width: 45.83333%;
}
@media screen and (max-width: 767px) {
.p-index-message-box {
width: 100%;
padding: 40px 7.8125% 50px;
}
}
.p-index-message-desc {
padding-top: 32px;
}
@media screen and (max-width: 767px) {
.p-index-message .c-btn {
margin-top: 40px;
}
} .p-index-blog-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.p-index-blog-inner {
display: block;
}
}
.p-index-blog-box {
width: calc(50% - 25px);
padding: 32px 0 0;
border-top: 5px solid #ddd;
background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
.p-index-blog-box {
width: 100%;
padding: 8px 0 0;
}
}
.p-index-blog-box.-campaign {
border-color: #ccbd9e;
}
.p-index-blog-box.-event {
border-color: #7ac3b7;
}
.p-index-blog-box:only-child {
margin: auto;
}
@media screen and (max-width: 767px) {
.p-index-blog-box + .p-index-blog-box {
margin-top: 25px;
}
}
.p-index-blog .c-article-wrap {
padding: 32px 5.56522% 35px;
background-color: transparent !important;
}
@media screen and (max-width: 767px) {
.p-index-blog .c-article-wrap {
padding: 10px 9.25926% 16px;
}
}
.p-index-blog .c-article-figure {
width: 50%;
min-width: 50%;
padding-top: 28.13725%;
}
@media screen and (max-width: 767px) {
.p-index-blog .c-article-figure {
width: 100%;
padding-top: 56.81818%;
}
}
.p-index-blog .c-article-box {
width: 50%;
min-width: 50%;
min-height: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.p-index-blog .c-article-box {
width: 100%;
padding-top: 8px;
}
}
.p-index-blog .c-article-link {
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.p-index-blog .c-article-link:hover {
background-color: transparent;
opacity: .7;
}
.p-index-blog .c-article-meta-cat {
display: none;
}
.p-index-blog .c-article-ttl {
margin-top: 4px;
-webkit-box-flex: 2;
flex-grow: 2;
}
.p-index-blog .c-article-txt {
display: none;
}
.p-index-blog .c-article-btn {
text-align: right;
}
.p-index-blog-ttl {
padding: 0 5%;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 26px;
font-size: 2.6rem;
color: #ddd;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-blog-ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
.-event .p-index-blog-ttl {
color: #7ac3b7;
}
.-campaign .p-index-blog-ttl {
color: #ccbd9e;
} .p-index-point {
position: relative;
}
.p-index-point.l-content-wrap {
margin-top: 0;
padding: 100px 0;
}
@media screen and (max-width: 767px) {
.p-index-point.l-content-wrap {
padding: 40px 0 50px;
}
}
.p-index-point-inner {
width: 100%;
max-width: 1275px;
}
@media screen and (max-width: 767px) {
.p-index-point-inner {
width: 84.375%;
}
}
.p-index-point-img {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
width: 76.5625%;
height: 50%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
content: "";
}
@media screen and (max-width: 767px) {
.p-index-point-img {
width: 100%;
height: 59.375vw;
background-position: 100% 50%;
}
}
.p-index-point-box {
display: -webkit-box;
display: flex;
width: 100%;
padding-top: 50px;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: nowrap;
-webkit-box-align: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.p-index-point-box {
margin: 0;
padding-top: 22px;
flex-wrap: wrap;
}
}
.p-index-point-item {
width: 33.33%;
margin: 0 3.125%;
}
@media screen and (max-width: 767px) {
.p-index-point-item {
width: 100%;
margin: 0;
}
}
.p-index-point-item:only-child {
margin: auto;
}
@media screen and (max-width: 767px) {
.p-index-point-item + .p-index-point-item {
margin-top: 15px;
}
}
.p-index-point-item-link {
display: block;
height: 100%;
padding: 11.42857%;
background-color: #f7f7f7;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.p-index-point-item-link {
padding: 30px 9.25926% 24px;
}
}
.p-index-point-item-link:hover {
background-color: #f7f7f7;
}
.p-index-point-item-box {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-weight: 200;
color: #7ac3b7;
text-align: center;
}
.p-index-point-item-before {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.p-index-point-item-before {
font-size: 16px;
font-size: 1.6rem;
}
}
.p-index-point-item-num {
font-size: 56px;
font-size: 5.6rem;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.p-index-point-item-num {
font-size: 45px;
font-size: 4.5rem;
}
}
.p-index-point-item-ttl {
display: -webkit-box;
display: flex;
padding-top: 4px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
text-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-index-point-item-ttl {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-index-point-item-desc {
padding-top: 20px;
}
@media screen and (max-width: 767px) {
.p-index-point-item-desc {
padding-top: 15px;
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
.p-index-point .c-btn {
margin-top: 40px;
}
} .p-index-service {
position: relative;
}
@media screen and (max-width: 767px) {
.p-index-service.l-content-wrap {
margin-top: 40px;
}
}
.p-index-service-inner {
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
.p-index-service-inner {
padding-bottom: 0;
}
}
.p-index-service-box {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-index-service-box {
flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start;
justify-content: flex-start;
flex-wrap: nowrap;
}
}
.p-index-service-item {
width: 25%;
min-width: 25%;
padding-top: 55px;
}
@media screen and (max-width: 767px) {
.p-index-service-item {
width: 100%;
min-width: 100%;
padding-top: 24px;
}
}
.p-index-service-item-link {
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.p-index-service-item-link:hover {
opacity: .7;
}
.p-index-service-item-img {
padding-top: 133.33333%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-index-service-item-img {
padding-top: 74.81481%;
}
}
.p-index-service-item-ttl {
padding: 30px 5% 12px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-service-item-ttl {
padding: 8px 5% 12px;
font-size: 14px;
font-size: 1.4rem;
}
}
.p-index-service .swiper-pagination {
margin: 4px 0 0;
}
@media screen and (max-width: 767px) {
.p-index-service .c-btn {
margin: 8px auto 0;
}
} .p-index-voice {
position: relative;
}
.p-index-voice.l-content-wrap {
margin-top: 0;
padding: 90px 0 0;
}
@media screen and (max-width: 767px) {
.p-index-voice.l-content-wrap {
margin-top: 48px;
padding-top: 50px;
}
}
.p-index-voice-inner {
width: 100%;
max-width: 1275px;
}
@media screen and (max-width: 767px) {
.p-index-voice-inner {
width: 84.375%;
}
}
.p-index-voice-img {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 76.5625%;
height: 50%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
content: "";
}
@media screen and (max-width: 767px) {
.p-index-voice-img {
width: 100%;
height: 59.38vw;
background-position: 0% 50%;
}
}
.p-index-voice-box {
display: -webkit-box;
display: flex;
width: 100%;
padding-top: 50px;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.p-index-voice-box {
margin: 0;
padding-top: 20px;
-webkit-box-pack: start;
justify-content: flex-start;
}
}
.p-index-voice-item {
display: block;
width: 33.33%;
height: auto;
padding: 0 3.125%;
}
@media screen and (max-width: 767px) {
.p-index-voice-item {
width: 100%;
margin: 0;
padding: 0;
}
}
.p-index-voice-item:only-child {
margin: auto;
}
.p-index-voice-item-link {
display: block;
width: 100%;
height: 100%;
padding: 11.42857%;
background-color: #f7f7f7;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.p-index-voice-item-link {
display: block;
padding: 30px 9.25926% 24px;
}
}
.p-index-voice-item-link:hover {
background-color: #e4f3f1;
opacity: 1 !important;
}
.p-index-voice-item-num {
padding-bottom: 22px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 200;
line-height: 1.3;
color: #7ac3b7;
}
@media screen and (max-width: 767px) {
.p-index-voice-item-num {
font-size: 16px;
font-size: 1.6rem;
}
}
.p-index-voice-item-ttl {
display: block;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.6;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-index-voice-item-ttl {
font-size: 14px;
font-size: 1.4rem;
}
}
.p-index-voice-item-ttl-txt {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.p-index-voice-item-txt {
padding: 20px 0 0;
}
@media screen and (max-width: 767px) {
.p-index-voice-item-txt {
font-size: 13px;
font-size: 1.3rem;
}
}
.p-index-voice .swiper-pagination {
margin: 12px 0 0;
}
@media screen and (max-width: 767px) {
.p-index-voice .c-btn {
margin: 8px auto 0;
}
} .p-index-flow {
position: relative;
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.p-index-flow {
margin-top: 50px;
padding: 0;
}
}
.p-index-flow::before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
display: block;
width: 59.375%;
height: 100%;
background-color: #f7f7f7;
content: "";
}
@media screen and (max-width: 767px) {
.p-index-flow::before {
width: 100%;
}
}
.p-index-flow-inner {
padding: 70px 0 100px;
}
@media screen and (max-width: 1024px) {
.p-index-flow-inner {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.p-index-flow-inner {
display: block;
padding: 0;
}
}
.p-index-flow-img {
position: absolute;
top: 50%;
left: 0;
width: 45.83333%;
padding-top: 34.33333%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-index-flow-img {
position: relative;
width: 76.5625%;
margin-right: auto;
padding-top: 57.1875%;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 767px) {
.p-index-flow-img::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 50%;
background-color: #fff;
content: "";
}
}
.p-index-flow-box {
width: 45.83333%;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.p-index-flow-box {
width: 100%;
padding: 50px 0;
}
}
.p-index-flow-list {
padding-top: 40px;
}
@media screen and (max-width: 767px) {
.p-index-flow-list {
padding-top: 35px;
}
}
.p-index-flow-item {
border-top: 1px solid #ddd;
}
.p-index-flow-item:last-child {
border-bottom: 1px solid #ddd;
}
.p-index-flow-item-link {
display: -webkit-box;
display: flex;
height: 125px;
min-height: 125px;
-webkit-transition: .3s;
transition: .3s;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-index-flow-item-link {
height: 92px;
min-height: 92px;
}
}
.p-index-flow-item-link:hover {
background-color: #e4f3f1;
}
.p-index-flow-num {
width: 117px;
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 60px;
font-size: 6rem;
font-weight: 200;
color: #7ac3b7;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-flow-num {
width: 54px;
font-size: 40px;
font-size: 4rem;
}
}
.p-index-flow-ttl {
width: calc(100% - 117px);
font-size: 17px;
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.p-index-flow-ttl {
width: calc(100% - 54px);
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
.p-index-flow .c-btn {
margin-top: 50px;
}
} .p-index-access .c-ttl-01 {
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
.p-index-access .c-ttl-01 {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.p-index-access.l-content-wrap {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.p-index-access .c-btn {
margin-top: 24px;
}
} .p-index-content-inner {
display: -webkit-box;
display: flex;
margin-top: 50px;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-index-content-inner {
margin-top: 24px;
-webkit-box-pack: justify;
justify-content: space-between;
}
}
.p-index-content .p-blog-item {
width: 21.25%;
margin: 0 2.5%;
}
@media screen and (max-width: 767px) {
.p-index-content .p-blog-item {
margin: 0;
}
}
.p-index-content .c-article-link {
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.p-index-content .c-article-link:hover .c-article-wrap {
background-color: transparent;
}
.p-index-content .c-article-wrap {
display: block;
background: transparent;
}
@media screen and (max-width: 767px) {
.p-index-content .c-article-wrap {
padding: 0;
}
}
.p-index-content .c-article-figure {
width: 100%;
padding-top: 66.60988%;
}
@media screen and (max-width: 767px) {
.p-index-content .c-article-figure {
width: 100%;
padding-top: 56.2963%;
}
}
.p-index-content .c-article-box {
display: block;
width: 100%;
min-height: auto;
padding: 12px 0 0;
}
@media screen and (max-width: 767px) {
.p-index-content .c-article-meta-time {
font-size: 12px;
font-size: 1.2rem;
}
}
.p-index-content .c-article-ttl {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.p-index-content .c-article-ttl {
margin-top: 4px;
font-size: 12px;
font-size: 1.2rem;
}
}
.p-index-content .c-article-txt {
display: none;
}
.p-index-content .c-article-btn {
display: none;
}
@media screen and (max-width: 767px) {
.p-index-content .c-btn {
margin-top: 8px;
}
} .p-service-section {
position: relative;
display: -webkit-box;
display: flex;
overflow: hidden;
-webkit-box-align: center;
align-items: center;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.p-service-section + .p-service-section {
margin-top: 40px;
}
}
.p-service-section:nth-child(2n+1) .p-service-image {
-webkit-box-ordinal-group: 2;
order: 1;
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n+1) .p-service-image {
left: 0;
}
}
.p-service-section:nth-child(2n+1) .p-service-box {
margin-right: 12.5%;
margin-left: -22.5%;
padding-left: 22.5%;
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n+1) .p-service-box {
margin: 30px 7.8125% 0 auto;
padding: 0;
}
}
@media screen and (max-width: 374px) {
.p-service-section:nth-child(2n+1) .p-service-box {
margin: 30px 4.8125% 0 auto;
}
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n+1) .p-service-ttl {
margin-left: auto;
text-align: right;
}
}
.p-service-section:nth-child(2n) .p-service-image {
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n) .p-service-image {
right: 0;
}
}
.p-service-section:nth-child(2n) .p-service-box {
margin-right: -22.5%;
margin-left: 12.5%;
padding-right: 22.5%;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n) .p-service-box {
margin: 30px auto 0 7.8125%;
padding: 0;
}
}
@media screen and (max-width: 374px) {
.p-service-section:nth-child(2n) .p-service-box {
margin: 30px auto 0 4.8125%;
}
}
@media screen and (max-width: 767px) {
.p-service-section:nth-child(2n) .p-service-ttl {
margin-right: auto;
text-align: left;
}
}
@media screen and (max-width: 374px) {
.p-service-section:nth-child(2n) .p-service-ttl {
width: 56%;
}
}
.p-service-box {
z-index: 1;
margin-top: 80px;
margin-bottom: 60px;
background-color: #f7f7f7;
}
.p-service-box-inner {
position: relative;
padding: 55px 50px 45px;
}
@media screen and (max-width: 767px) {
.p-service-box-inner {
padding: 0 7.8125% 7.8125%;
}
}
@media screen and (max-width: 374px) {
.p-service-box-inner {
padding: 0 4.8125% 4.8125%;
}
}
.p-service-image {
z-index: 2;
width: 35%;
min-width: 35%;
padding-top: 46.66667%;
background-color: #7ac3b7;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-service-image {
position: absolute;
top: 0;
width: 39.0625%;
min-width: 39.0625%;
padding-top: 52.5%;
}
}
.p-service-ttl {
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-service-ttl {
display: -webkit-box;
display: flex;
flex-direction: column;
width: 55%;
padding: 15.625% 0 18.75%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
justify-content: flex-end;
}
}
.p-service-ttl-ja {
font-size: 17px;
font-size: 1.7rem;
}
.p-service-ttl-en {
position: absolute;
top: -.6em;
left: 2.5%;
font-family: "Meie Script", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 55px;
font-size: 5.5rem;
font-weight: 400;
line-height: 1;
color: #7ac3b7;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-service-ttl-en {
position: relative;
top: 0;
left: 0;
display: block;
font-size: 20px;
font-size: 2rem;
}
}
.p-service-txt {
margin-top: 15px;
line-height: 2;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-service-txt {
margin-top: 0;
}
}
.p-service-small {
margin-top: 28px;
font-weight: bold;
color: #7ac3b7;
}
@media screen and (max-width: 767px) {
.p-service-small {
margin-top: 12px;
}
}
.p-service-note {
margin-top: 5px;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-service-note {
margin-top: 0;
}
}
.p-service .c-btn {
text-align: center;
} .p-voice {
padding: 0 0 40px;
}
@media screen and (max-width: 767px) {
.p-voice {
padding: 0;
}
}
.p-voice-item {
position: relative;
background: #f7f7f7;
}
.p-voice-item + .p-voice-item {
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.p-voice-item + .p-voice-item {
margin-top: 20px;
}
}
.p-voice-item-ttl {
position: relative;
padding: 40px 190px 40px 50px;
}
@media screen and (max-width: 767px) {
.p-voice-item-ttl {
padding: 28px 58px 28px 20px;
}
}
.p-voice-item-btn {
position: absolute;
top: 50%;
right: 50px;
width: 20px;
height: 20px;
background-color: #e1e1e1;
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-voice-item-btn {
right: 20px;
}
}
.p-voice-item-btn::before, .p-voice-item-btn::after {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 1px;
background: #000;
content: "";
opacity: 1;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.p-voice-item-btn::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.is-open .p-voice-item-btn::before {
opacity: 0;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
.p-voice-item-num {
font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, Helvetica, sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 200;
color: #7ac3b7;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
}
@media screen and (max-width: 767px) {
.p-voice-item-num {
font-size: 18px;
font-size: 1.8rem;
}
}
.p-voice-item-lead {
padding-top: 10px;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: 0px;
letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
.p-voice-item-lead {
font-size: 16px;
font-size: 1.6rem;
}
}
.p-voice-item-content {
display: none;
padding: 0 50px 40px;
}
@media screen and (max-width: 767px) {
.p-voice-item-content {
padding: 0 20px 28px;
}
}
.p-voice-item-content-wrap::after {
display: block;
clear: both;
content: "";
}
.p-voice-item-content-img {
float: left;
width: 165px;
min-width: 165px;
height: 165px;
margin: 0 40px 40px 0;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-voice-item-content-img {
width: 123px;
min-width: 123px;
height: 123px;
margin: 5px 25px 10px 0;
}
}
.p-voice-item-content-txt {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.p-voice-item-content-txt {
overflow: visible;
}
}
.p-voice-item-content-txt-age {
margin-top: .8em;
text-align: right;
}
strong {
font-weight: bold;
}
img.is-pc,
img.pc {
display: inline-block;
}
@media screen and (max-width: 767px) {
img.is-pc,
img.pc {
display: none;
}
}
img.is-sp,
img.sp {
display: none;
}
@media screen and (max-width: 767px) {
img.is-sp,
img.sp {
display: inline-block;
}
}
@media screen and (max-width: 1024px) {
img.is-laptop,
img.laptop {
display: none;
}
}
img.is-tablet,
img.tablet {
display: none;
}
@media screen and (max-width: 1024px) {
img.is-tablet,
img.tablet {
display: inline-block;
}
} @media screen and (max-width: 767px) {
.p-flow-item-lead {
width: 100%;
}
} @media screen and (max-width: 767px) {
.p-global-footer-copy {
padding-top: 12px;
}
.p-global-footer-sns-item {
padding-top: 2em;
}
.p-global-footer-sns {
padding-top: 0;
}
.p-cta-item-tel-num {
letter-spacing: 0;
}
}
.p-cta-item-tel-num,
.p-cta-item-mail-txt,
.p-global-header-tel-num {
background: none;
padding-left: 0;
}
.p-global-header-btn.-contact,
.p-global-header-btn.-tel {
background-image: none;
}
.p-global-header-btn.-contact .p-global-header-btn-link{
flex-direction: inherit;
align-items: center;
justify-content: center;
font-size: 2.3rem;
}
.p-cta-item-tel-num .fas.fa-phone-alt {
transform: rotate(15deg) scale(.7, .7);
}
.p-global-header-btn-link .fas.fa-phone-alt {
transform: rotate(15deg) scale(.7, .7);
}
.p-cta-item-mail-txt .far.fa-envelope {
padding-right: .5em;
transform: scale(1.1, 1.1);
}
.p-global-header-btn {
min-width: 60px;
}
@media screen and (max-width: 767px) {
.p-global-header-btn {
min-width: 32px;
}
.p-global-header-btn.-contact .p-global-header-btn-link {
font-size: 1.6rem;
}
.p-global-header-tel-num span.-telnum {
display: none;
}
.p-global-header-btn-link .fas.fa-phone-alt {
font-size: 23px;
transform: rotate(15deg) scale(.6, .6);
}
.p-global-header-btn.-tel .p-global-header-btn-link {
display: block;
}
.p-global-header-tel-num {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}
.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: 770px) {
.refusal img {
max-width: 285px;
}
} .p-voice {
padding: 100px 0 40px;
}
@media screen and (max-width: 767px) {
.p-voice {
padding: 50px 0 0;
}
}
.p-main-visual-content .p-main-visual-btn{
margin-top: 40px;
}
.p-main-visual-content .c-btn{
margin: 0 auto;
}
.p-main-visual-content .c-btn:not(:first-child){
margin-top: 15px;
}
@media screen and (max-width: 1024px) {
.p-main-visual-content .p-main-visual-btn{
margin-top: 20px;
}
}
@media screen and (max-width: 500px){
.p-main-visual-copy-main {
max-width: 90%;
font-size: 12vw;
}
.p-service-ttl-ja {
font-size: 4.5vw;
}
.p-global-header-nav-wrap {
padding: 50px 0 0;
}
.p-gnav {
padding: 0px 30px 30px;
}
.p-gnav-item-link {
padding: 10px 20px;
}
}
.p-about-access-content+.p-about-access-content,
.p-about-access-content+.p-about-access-content {
border-top: none;
}
[data-menu="active"] .p-global-header-btn.-tel.is-tel-link.is-pc,
[data-menu="active"] .p-global-header-tel-num span.-telnum,
[data-menu="active"] .p-global-header-tel-txt {
display: none;
}
[data-menu="active"] .p-global-header-btn.-tel.is-tel-link.is-sp {
display: block;
}
.p-global-footer-sns-wrap {
display: block;
text-align: center;
}
.snsTitle {
display: inline-block;
padding-left: .5em;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.p-global-footer-sns-item+.p-global-footer-sns-item {
padding: 0 10px;
}
}
*::-ms-backdrop, .c-article-meta-cat {
padding: 5px 8px 2px;
}