@charset "UTF-8";
@font-face {
font-family: "YuGothicStd";
src: url("../fonts/YuGothicStd-B.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "YuGothicStd";
src: url("../fonts/YuGothicStd-L.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "YuGothicStd";
src: url("../fonts/YuGothicStd-M.otf") format("opentype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "TA-mayuminwalk";
src: url("../fonts/TA-mayuminwalk.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
/* -----------------------
unity
----------------------- */
@media screen and (min-width: 480px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 479px) {
.pc {
display: none !important;
}
}
html {
scroll-behavior: smooth;
scroll-padding-top: 10%;
}
body {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.5;
background-color: #fff3ed;
}
a {
color: #000000;
}
.whopper {
overflow: hidden;
}
.fot-tsukubrdgothic-std {
font-family: "fot-tsukubrdgothic-std", sans-serif;
font-weight: 700;
font-style: normal;
}
/* -----------------------
header
----------------------- */
.header {
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
backdrop-filter: blur(3px);
transition: opacity 0.3s;
opacity: 1;
}
.header.header-top {
opacity: 0;
pointer-events: none;
}
.header.active {
opacity: 1;
pointer-events: auto;
}
.header__inner {
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.header__inner {
padding: min(0.878477306vw, 12px) min(2.0497803807vw, 28px) min(1.3909224012vw, 19px) min(3.1478770132vw, 43px);
gap: min(2.5622254758vw, 35px);
}
}
@media screen and (max-width: 479px) {
.header__inner {
padding: 3.2vw 5.8666666667vw 5.0666666667vw 5.6vw;
justify-content: space-between;
}
}
.header__inner .TL {
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.header__inner .TL {
width: min(22.3279648609vw, 305px);
}
}
@media screen and (max-width: 479px) {
.header__inner .TL {
width: 51.2vw;
}
}
.header__inner .TL a {
display: block;
width: 100%;
}
.header__inner .TL a img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
object-fit: contain;
}
.header__inner .nav-display {
margin-left: auto;
}
.header__inner .nav-display ul {
display: flex;
gap: min(2.196193265vw, 30px);
}
.header__inner .nav-display ul li a {
display: flex;
align-items: center;
gap: min(0.2196193265vw, 3px);
}
.header__inner .nav-display ul li a .icon {
aspect-ratio: 28/31;
flex-shrink: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(2.0497803807vw, 28px);
}
.header__inner .nav-display ul li a .TX {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
line-height: 2.4;
letter-spacing: 0.08em;
font-size: min(1.1713030747vw, 16px);
}
.header__inner .nav-display ul li:nth-child(1) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-display ul li:nth-child(2) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-display ul li:nth-child(3) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-display ul li:nth-child(4) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-display ul li:nth-child(5) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .burger-open {
cursor: pointer;
position: relative;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.header__inner .burger-open {
width: min(2.5622254758vw, 35px);
height: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.header__inner .burger-open {
width: 7.2vw;
height: 4vw;
}
}
.header__inner .nav-invisible {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible {
background-image: url("../img/header-nav-bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible {
background-color: rgba(219, 171, 150, 0.7);
}
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
background-image: url("../img/header-nav-bg-icon.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.header__inner .nav-invisible .burger-close {
cursor: pointer;
position: absolute;
z-index: 3;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 1;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible .burger-close {
width: min(1.756954612vw, 24px);
top: min(2.4890190337vw, 34px);
right: min(2.8550512445vw, 39px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible .burger-close {
width: 5.3333333333vw;
top: 8vw;
right: 6.6666666667vw;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible::before {
content: "";
position: absolute;
top: 5.0666666667vw;
left: 0;
right: 0;
margin-inline: auto;
z-index: 1;
display: block;
width: 94.6666666667vw;
height: 12.2666666667vw;
background-image: url("../img/nav-bg-close-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.header__inner .nav-invisible-inner {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2;
overflow-y: scroll;
display: flex;
box-sizing: border-box;
-ms-overflow-style: none;
scrollbar-width: none;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner {
top: 50%;
width: min(63.6896046852vw, 870px);
height: 90%;
max-height: min(51.2445095168vw, 700px);
padding-block: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner {
background-image: url("../img/nav-bg-sp.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
top: 16vw;
transform: translateX(-50%) translateY(0);
width: 94.6666666667vw;
height: fit-content;
max-height: calc(100% - 20vw);
padding: 6.9333333333vw 8.2666666667vw 5.6vw;
}
}
.header__inner .nav-invisible-inner .nav-area {
display: flex;
height: fit-content;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area {
gap: min(8.4919472914vw, 116px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area {
flex-direction: column;
width: 100%;
}
}
.header__inner .nav-invisible-inner .nav-area .lists {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists {
gap: min(3.7335285505vw, 51px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item {
padding: 1.3333333333vw;
background-position: bottom;
position: relative;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item::before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 0.5333333333vw;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.header__inner .nav-invisible-inner .nav-area .lists-item > a {
display: flex;
align-items: center;
width: fit-content;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a {
gap: min(0.9516837482vw, 13px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a {
width: 100%;
gap: 4.5333333333vw;
position: relative;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a::before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
aspect-ratio: 20/14;
width: 5.3333333333vw;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.header__inner .nav-invisible-inner .nav-area .lists-item > a .icon {
aspect-ratio: 43/46;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a .icon {
width: min(3.1478770132vw, 43px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a .icon {
width: 8vw;
}
}
.header__inner .nav-invisible-inner .nav-area .lists-item > a .TX {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.5;
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a .TX {
font-size: min(1.9765739385vw, 27px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists-item > a .TX {
font-size: 4vw;
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(1) .lists-item:nth-child(1) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(1) .lists-item:nth-child(2) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(1) .lists-item:nth-child(3) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(1) .lists-item:nth-child(4) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(1) .lists-item:nth-child(5) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-child(1) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-child(2) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-child(3) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-child(4) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(3) {
margin-top: min(4.9048316252vw, 67px);
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(3) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(2) {
margin-top: max(-2.196193265vw, -30px);
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(2) .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(3) .icon, .header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(2) .icon {
width: min(2.196193265vw, 30px);
}
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(3) .TX, .header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:nth-last-child(2) .TX {
font-size: min(1.4641288433vw, 20px);
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child {
display: flex;
position: relative;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child {
gap: min(1.8301610542vw, 25px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child {
gap: 4vw;
margin-top: 8vw;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child::before {
content: "";
display: none;
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a {
aspect-ratio: 1;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a {
width: min(3.1478770132vw, 43px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a {
width: 9.0666666667vw;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a::before {
display: none;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a:last-child {
position: absolute;
top: -13.3333333333vw;
right: -6.6666666667vw;
aspect-ratio: 182/127;
width: 48.5333333333vw;
}
}
.header__inner .nav-invisible-inner .nav-area .lists:nth-child(2) .lists-item:last-child a img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
object-fit: contain;
}
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists {
gap: min(0.5124450952vw, 7px);
margin-top: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists {
gap: 0.5333333333vw;
margin-top: 1.3333333333vw;
}
}
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a {
display: block;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a {
margin-left: min(4.0263543192vw, 55px);
width: fit-content;
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a {
margin-left: 12vw;
width: 80%;
}
}
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a .TX {
letter-spacing: 0.05em;
line-height: 2;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
position: relative;
}
@media screen and (min-width: 480px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a .TX {
font-size: min(1.3909224012vw, 19px);
padding-left: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a .TX {
font-size: 3.2vw;
padding-left: 2.6666666667vw;
}
}
.header__inner .nav-invisible-inner .nav-area .lists .lists-in-lists-item > a .TX::before {
content: "-";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
body.active {
overflow: hidden;
}
body.active .header .nav-invisible {
opacity: 1;
pointer-events: auto;
transition: opacity 0.3s ease-in-out;
}
/* -----------------------
KV
----------------------- */
.KV {
position: relative;
}
.KV-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
@media screen and (min-width: 480px) {
.KV-inner {
height: min(56.2957540264vw, 769px);
}
}
@media screen and (max-width: 479px) {
.KV-inner {
height: 152.8vw;
}
}
.KV-inner .KV-curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: scale(1.01);
transform-origin: center;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-curtain {
height: min(56.2957540264vw, 769px);
z-index: 1;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-curtain {
height: 152.8vw;
z-index: 2;
}
}
.KV-inner .KV-curtain .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-curtain .img {
background-image: url("../img/KV/KV-curtain-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: top center;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-curtain .img {
background-image: url("../img/KV/KV-curtain-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: top center;
}
}
.KV-inner .KV-char {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
height: 100%;
z-index: 2;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-char {
width: min(100vw, 1366px);
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-char {
width: 100%;
}
}
.KV-inner .KV-char .KV-char_left {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.KV-inner .KV-char .KV-char_left .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-char .KV-char_left .img {
background-image: url("../img/KV/KV-char_left-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-char .KV-char_left .img {
background-image: url("../img/KV/KV-char_left-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV-inner .KV-char .KV-char_right {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.KV-inner .KV-char .KV-char_right .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-char .KV-char_right .img {
background-image: url("../img/KV/KV-char_right-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-char .KV-char_right .img {
background-image: url("../img/KV/KV-char_right-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV-inner .KV-spot {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
@media screen and (min-width: 480px) {
.KV-inner .KV-spot {
width: min(24.1581259151vw, 330px);
height: 95%;
background-image: url("../img/KV/KV-spot-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
z-index: 3;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-spot {
width: 35.2vw;
height: 65%;
background-image: url("../img/KV/KV-spot-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
z-index: 1;
}
}
.KV-inner .KV-mom {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
width: 100%;
height: 100%;
z-index: 4;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-mom {
width: min(100vw, 1366px);
}
}
.KV-inner .KV-mom .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-mom .img {
background-image: url("../img/KV/KV-mom-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-mom .img {
background-image: url("../img/KV/KV-mom-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV-inner .KV-note {
position: absolute;
left: 0;
right: 0;
margin-inline: auto;
z-index: 5;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-note {
top: 0;
bottom: 0;
margin-block: auto;
width: min(105.1976573939vw, 1437px);
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-note {
top: -15%;
width: 109.0666666667vw;
}
}
.KV-inner .KV-note .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-note .img {
background-image: url("../img/KV/KV-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-note .img {
background-image: url("../img/KV/KV-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV-inner .KV-ttl {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 6;
}
@media screen and (min-width: 480px) {
.KV-inner .KV-ttl {
top: 15%;
width: min(46.9985358712vw, 642px);
}
}
@media screen and (max-width: 479px) {
.KV-inner .KV-ttl {
width: 89.3333333333vw;
bottom: 8%;
}
}
.KV-inner .KV-ttl .TL {
width: 100%;
}
.KV-inner .KV-ttl .TL img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.KV .KV-bg_top {
background-color: #ffded6;
background-image: url("../img/KV/KV-bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.KV .KV-bg_top {
height: min(31.2591508053vw, 427px);
}
}
@media screen and (max-width: 479px) {
.KV .KV-bg_top {
height: 65.3333333333vw;
}
}
.KV .KV-bg_bottom {
background-color: #ffeae6;
background-image: url("../img/KV/KV-bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.KV .KV-bg_bottom {
height: min(25.0366032211vw, 342px);
}
}
@media screen and (max-width: 479px) {
.KV .KV-bg_bottom {
height: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-inner .KV-spot {
width: min(43.9238653001vw, 600px);
height: min(143.4846266471vw, 1960px);
background-image: url("../img/KV/KV-about-spot-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom center;
z-index: 3;
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-inner .KV-spot {
width: 89.3333333333vw;
height: 477.3333333333vw;
background-image: url("../img/KV/KV-about-spot-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom center;
z-index: 1;
}
}
.KV.KV-about .KV-inner .KV-ttl {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 6;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-inner .KV-ttl {
top: 5%;
width: min(53.7335285505vw, 734px);
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-inner .KV-ttl {
width: 91.7333333333vw;
top: 80%;
}
}
.KV.KV-about .KV-bg_bottom {
position: relative;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-bg_bottom {
height: unset;
padding: min(29.2825768668vw, 400px) 0 min(8.9311859444vw, 122px);
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-bg_bottom {
height: unset;
padding: 141.3333333333vw 0 22.6666666667vw;
}
}
.KV.KV-about .KV-bg_bottom::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-bg_bottom::before {
background-image: url("../img/KV/KV-bg_bottom-bg-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-bg_bottom::before {
background-image: url("../img/KV/KV-bg_bottom-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV.KV-about .KV-bg_bottom-inner {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-bg_bottom-inner {
width: min(100vw, 1366px);
gap: min(10.0292825769vw, 137px);
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-bg_bottom-inner {
gap: 12.8vw;
}
}
.KV.KV-about .KV-bg_bottom-inner .txt {
text-align: center;
}
.KV.KV-about .KV-bg_bottom-inner .txt .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 3;
letter-spacing: 0.1em;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-bg_bottom-inner .txt .TX {
font-size: min(1.756954612vw, 24px);
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-bg_bottom-inner .txt .TX {
font-size: 4.8vw;
}
}
.KV.KV-about .KV-bg_bottom-inner .logo {
position: relative;
}
@media screen and (min-width: 480px) {
.KV.KV-about .KV-bg_bottom-inner .logo {
width: min(27.8916544656vw, 381px);
}
}
@media screen and (max-width: 479px) {
.KV.KV-about .KV-bg_bottom-inner .logo {
width: 61.0666666667vw;
}
}
.KV.KV-about .KV-bg_bottom-inner .logo .note {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url("../img/KV/KV-about-note.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.KV.KV-about .KV-bg_bottom-inner .logo img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
KV-other
----------------------- */
.KV-other {
position: relative;
z-index: 50;
}
@media screen and (min-width: 480px) {
.KV-other {
height: min(30.7467057101vw, 420px);
}
}
@media screen and (max-width: 479px) {
.KV-other {
height: 117.3333333333vw;
}
}
.KV-other::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.KV-other::before {
background-image: url("../img/KV-other-bg-pc.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (max-width: 479px) {
.KV-other::before {
background-image: url("../img/KV-other-bg-sp.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
.KV-other .C_KV-title {
position: absolute;
left: 0;
right: 0;
margin-inline: auto;
z-index: 10;
}
@media screen and (min-width: 480px) {
.KV-other .C_KV-title {
bottom: 32%;
}
}
@media screen and (max-width: 479px) {
.KV-other .C_KV-title {
bottom: 50%;
}
}
.KV-other .decoration {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
width: 100%;
height: 100%;
z-index: 2;
max-width: min(100vw, 1366px);
}
.KV-other .decoration .note,
.KV-other .decoration .char {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.KV-other .decoration .char {
z-index: 2;
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-gynecology .note {
background-image: url("../img/KV/gynecology-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-gynecology .note {
background-image: url("../img/KV/gynecology-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-gynecology .char {
background-image: url("../img/KV/gynecology-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-gynecology .char {
background-image: url("../img/KV/gynecology-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.KV-other .decoration.deco-gynecology .char .txt {
position: absolute;
top: 52%;
left: 14%;
white-space: nowrap;
}
.KV-other .decoration.deco-gynecology .char .txt .TX {
text-align: center;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 2;
letter-spacing: 0.08em;
font-size: min(1.0980966325vw, 15px);
}
.KV-other .decoration.deco-gynecology .char .txt .TX a {
border-bottom: solid #000000;
border-bottom-width: min(0.0732064422vw, 1px);
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-obstetrics .note {
background-image: url("../img/KV/obstetrics-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-obstetrics .note {
background-image: url("../img/KV/obstetrics-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-obstetrics .char {
background-image: url("../img/KV/obstetrics-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-obstetrics .char {
background-image: url("../img/KV/obstetrics-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-delivery .note {
background-image: url("../img/KV/delivery-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-delivery .note {
background-image: url("../img/KV/delivery-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-delivery .char {
background-image: url("../img/KV/delivery-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-delivery .char {
background-image: url("../img/KV/delivery-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-guidance .note {
background-image: url("../img/KV/guidance-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-guidance .note {
background-image: url("../img/KV/guidance-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-guidance .char {
background-image: url("../img/KV/guidance-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-guidance .char {
background-image: url("../img/KV/guidance-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-news .note {
background-image: url("../img/KV/news-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-news .note {
background-image: url("../img/KV/news-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-news .char {
background-image: url("../img/KV/news-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-news .char {
background-image: url("../img/KV/news-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-faq .note {
background-image: url("../img/KV/faq-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-faq .note {
background-image: url("../img/KV/faq-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-faq .char {
background-image: url("../img/KV/faq-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-faq .char {
background-image: url("../img/KV/faq-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-recruitment .note {
background-image: url("../img/KV/recruitment-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-recruitment .note {
background-image: url("../img/KV/recruitment-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-recruitment .char {
background-image: url("../img/KV/recruitment-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-recruitment .char {
background-image: url("../img/KV/recruitment-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-contact .note {
background-image: url("../img/KV/contact-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-contact .note {
background-image: url("../img/KV/contact-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-contact .char {
background-image: url("../img/KV/contact-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-contact .char {
background-image: url("../img/KV/contact-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-standard .note {
background-image: url("../img/KV/standard-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-standard .note {
background-image: url("../img/KV/standard-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-standard .char {
background-image: url("../img/KV/standard-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-standard .char {
background-image: url("../img/KV/standard-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-policy .note {
background-image: url("../img/KV/policy-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-policy .note {
background-image: url("../img/KV/policy-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.KV-other .decoration.deco-policy .char {
background-image: url("../img/KV/policy-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.KV-other .decoration.deco-policy .char {
background-image: url("../img/KV/policy-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* -----------------------
footer
----------------------- */
.footer {
background-color: #ffffff;
overflow: hidden;
position: relative;
z-index: 3;
}
@media screen and (min-width: 480px) {
.footer-inner {
width: min(100vw, 1366px);
margin: 0 auto;
}
}
.footer-inner .footer-content {
display: flex;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-content {
padding: min(6.7349926794vw, 92px) min(11.3469985359vw, 155px) 0;
gap: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content {
padding: 10.6666666667vw 5.3333333333vw 0;
flex-direction: column;
}
}
@media screen and (min-width: 480px) {
.footer-inner .footer-content .info {
width: min(33.3089311859vw, 455px);
flex-shrink: 0;
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .info {
display: contents;
}
}
@media screen and (min-width: 480px) {
.footer-inner .footer-content .info .logo {
width: min(22.2547584187vw, 304px);
margin-bottom: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .info .logo {
order: 1;
width: 76.2666666667vw;
margin-bottom: 6.6666666667vw;
}
}
.footer-inner .footer-content .info .logo img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-content .info .address {
margin-bottom: min(2.8550512445vw, 39px);
display: flex;
flex-direction: column;
gap: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .info .address {
order: 2;
margin-bottom: 4.8vw;
}
}
.footer-inner .footer-content .info .address .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
display: block;
width: fit-content;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-content .info .address .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .info .address .TX {
font-size: 4.2666666667vw;
}
}
.footer-inner .footer-content .info .working {
width: 100%;
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .info .working {
order: 4;
}
}
.footer-inner .footer-content .info .working img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.footer-inner .footer-content .map {
width: 100%;
}
@media screen and (max-width: 479px) {
.footer-inner .footer-content .map {
order: 3;
height: 67.2vw;
margin-bottom: 6.6666666667vw;
}
}
.footer-inner .footer-content .map iframe {
width: 100%;
height: 100%;
}
.footer-inner .footer-nav {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav {
width: min(63.9824304539vw, 874px);
margin-top: min(7.3206442167vw, 100px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav {
width: 100%;
padding-inline: 5.3333333333vw;
margin-top: 6.6666666667vw;
}
}
.footer-inner .footer-nav-menu {
display: flex;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu {
margin-bottom: min(3.4407027818vw, 47px);
justify-content: space-between;
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu {
margin-bottom: 8.5333333333vw;
flex-direction: column;
gap: 2.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists {
display: flex;
flex-direction: column;
gap: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists {
display: flex;
flex-direction: column;
gap: 2.6666666667vw;
}
}
.footer-inner .footer-nav-menu .lists > li > a {
display: flex;
align-items: center;
width: fit-content;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists > li > a {
gap: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists > li > a {
gap: 5.3333333333vw;
}
}
.footer-inner .footer-nav-menu .lists > li > a .icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists > li > a .icon {
width: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists > li > a .icon {
width: 8vw;
}
}
.footer-inner .footer-nav-menu .lists > li > a > .TX {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.08em;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists > li > a > .TX {
font-size: min(1.1713030747vw, 16px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists > li > a > .TX {
font-size: 4.2666666667vw;
}
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists > li ul {
display: flex;
flex-direction: column;
gap: min(0.3660322108vw, 5px);
margin: min(0.7320644217vw, 10px) 0 0 min(3.2942898975vw, 45px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists > li ul {
margin: 2.6666666667vw 0 0 13.3333333333vw;
display: flex;
flex-wrap: wrap;
gap: 1.3333333333vw 5.3333333333vw;
padding-right: 5.3333333333vw;
}
}
.footer-inner .footer-nav-menu .lists > li ul li a {
width: fit-content;
}
.footer-inner .footer-nav-menu .lists > li ul li a .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.08em;
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-menu .lists > li ul li a .TX {
font-size: min(0.878477306vw, 12px);
gap: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-menu .lists > li ul li a .TX {
font-size: 2.9333333333vw;
gap: 1.3333333333vw;
}
}
.footer-inner .footer-nav-menu .lists > li ul li a .TX::before {
content: "-";
}
.footer-inner .footer-nav-menu .lists > li ul li:nth-child(1) {
order: 1;
}
.footer-inner .footer-nav-menu .lists > li ul li:nth-child(2) {
order: 4;
}
.footer-inner .footer-nav-menu .lists > li ul li:nth-child(3) {
order: 2;
}
.footer-inner .footer-nav-menu .lists > li ul li:nth-child(4) {
order: 5;
}
.footer-inner .footer-nav-menu .lists > li ul li:nth-child(5) {
order: 3;
}
.footer-inner .footer-nav-menu .lists:nth-child(1) li a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(2) li:nth-child(1) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(2) li:nth-child(2) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(2) li:nth-child(3) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(2) li:nth-child(4) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(3) li:nth-child(1) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(3) li:nth-child(2) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(3) li:nth-child(3) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-menu .lists:nth-child(3) li:nth-child(4) a .icon {
background-image: url('data:image/svg+xml;utf-8,');
}
.footer-inner .footer-nav-sns ul {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-sns ul {
gap: min(4.5387994143vw, 62px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-sns ul {
gap: 2.9333333333vw;
}
}
.footer-inner .footer-nav-sns ul li {
aspect-ratio: 1;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-nav-sns ul li {
width: min(3.1478770132vw, 43px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-nav-sns ul li {
width: 9.8666666667vw;
}
}
.footer-inner .footer-nav-sns ul li a {
display: block;
width: 100%;
}
.footer-inner .footer-nav-sns ul li a img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.footer-inner .footer-txt {
position: relative;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-txt {
padding: min(2.7818448023vw, 38px) 0 min(10.7613469985vw, 147px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-txt {
padding: 9.8666666667vw 0 33.0666666667vw;
}
}
.footer-inner .footer-txt .TX {
text-align: center;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
opacity: 0.4;
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-txt .TX {
font-size: min(1.1713030747vw, 16px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-txt .TX {
font-size: 2.9333333333vw;
}
}
.footer-inner .footer-txt .img {
position: absolute;
left: 0;
right: 0;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.footer-inner .footer-txt .img {
background-image: url("../img/footer-txt-img-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 1242/296;
width: min(90.9224011713vw, 1242px);
top: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.footer-inner .footer-txt .img {
background-image: url("../img/footer-txt-img-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 375/100;
width: 100%;
bottom: 0;
}
}
.footer .top-back-btn {
display: block;
aspect-ratio: 1;
background-image: url("../img/top-back-btn.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: fixed;
z-index: 100;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
@media screen and (min-width: 480px) {
.footer .top-back-btn {
width: min(7.3938506589vw, 101px);
bottom: min(17.9355783309vw, 245px);
right: min(6.8814055637vw, 94px);
}
}
@media screen and (max-width: 479px) {
.footer .top-back-btn {
width: 19.4666666667vw;
bottom: 62.6666666667vw;
right: 1.3333333333vw;
}
}
.footer .top-back-btn.active {
opacity: 1;
pointer-events: auto;
}
.footer .reserve-btn {
display: block;
aspect-ratio: 283/207;
position: fixed;
z-index: 100;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
@media screen and (min-width: 480px) {
.footer .reserve-btn {
width: min(20.7174231332vw, 283px);
right: -1.8301610542vw;
top: calc(100% - min(13.9092240117vw, 190px));
}
}
@media screen and (max-width: 479px) {
.footer .reserve-btn {
width: 42.6666666667vw;
right: -4vw;
top: calc(100% - 29.0666666667vw);
}
}
.footer .reserve-btn.active {
opacity: 1;
pointer-events: auto;
}
.footer .reserve-btn img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
C_KV-title
----------------------- */
.C_KV-title {
width: fit-content;
white-space: nowrap;
display: flex;
align-items: center;
}
@media screen and (max-width: 479px) {
.C_KV-title {
flex-direction: column;
gap: 2.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_KV-title.type-01 {
gap: min(1.0980966325vw, 15px);
}
}
.C_KV-title.type-02 {
flex-direction: column;
}
.C_KV-title .icon {
aspect-ratio: 1;
flex-shrink: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_KV-title .icon {
width: min(5.1244509517vw, 70px);
}
}
@media screen and (max-width: 479px) {
.C_KV-title .icon {
width: 14.1333333333vw;
}
}
.C_KV-title .icon.icon-01 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-02 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-03 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-04 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-05 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-06 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-07 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-08 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-09 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .icon.icon-10 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_KV-title .TL {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.C_KV-title .TL {
font-size: min(4.5387994143vw, 62px);
}
}
@media screen and (max-width: 479px) {
.C_KV-title .TL {
font-size: 11.2vw;
}
}
@media screen and (max-width: 479px) {
.C_KV-title .TL.TL-small {
font-size: 8.8vw;
}
}
@media screen and (max-width: 479px) {
.C_KV-title .TL.space-s {
letter-spacing: -0.1em;
}
}
@media screen and (min-width: 480px) {
.C_KV-title .TL.TL-img {
width: min(35.6515373353vw, 487px);
}
}
@media screen and (max-width: 479px) {
.C_KV-title .TL.TL-img {
width: 91.4666666667vw;
}
}
.C_KV-title .TL.TL-img img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
C_sec_ttl
----------------------- */
.C_sec_ttl {
display: flex;
align-items: center;
flex-direction: column;
width: fit-content;
}
@media screen and (min-width: 480px) {
.C_sec_ttl {
gap: min(0.7320644217vw, 10px);
}
}
.C_sec_ttl .icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_sec_ttl .icon {
width: min(3.6603221083vw, 50px);
}
}
@media screen and (max-width: 479px) {
.C_sec_ttl .icon {
width: 10.6666666667vw;
}
}
.C_sec_ttl .icon.icon-01 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-02 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-03 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-04 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-05 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-06 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-07 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-08 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-09 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-10 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-11 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-12 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-13 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .icon.icon-14 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C_sec_ttl .TL {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
line-height: 1.3;
text-align: center;
}
@media screen and (min-width: 480px) {
.C_sec_ttl .TL {
font-size: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.C_sec_ttl .TL {
font-size: 8vw;
}
}
/* -----------------------
C-title-v02
----------------------- */
.C-title-v02 {
display: flex;
}
@media screen and (min-width: 480px) {
.C-title-v02 {
gap: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.C-title-v02 {
gap: 0.8vw;
}
}
.C-title-v02 .icon {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.C-title-v02 .icon {
width: min(2.4158125915vw, 33px);
height: min(2.4158125915vw, 33px);
margin-top: min(0.2196193265vw, 3px);
}
}
@media screen and (max-width: 479px) {
.C-title-v02 .icon {
width: 7.4666666667vw;
height: 7.4666666667vw;
}
}
.C-title-v02 .icon.icon-01 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C-title-v02 .icon.icon-02 {
background-image: url('data:image/svg+xml;utf-8,');
}
.C-title-v02 .TL {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
line-height: 1.3;
}
@media screen and (min-width: 480px) {
.C-title-v02 .TL {
font-size: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C-title-v02 .TL {
font-size: 6.6666666667vw;
}
}
/* -----------------------
C_btn
----------------------- */
.C_btn {
display: block;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5019607843);
background-color: #000;
}
@media screen and (min-width: 480px) {
.C_btn {
border-radius: min(3.6603221083vw, 50px);
min-width: min(20.4245973646vw, 279px);
}
}
@media screen and (max-width: 479px) {
.C_btn {
border-radius: 13.3333333333vw;
min-width: 45.8666666667vw;
}
}
@media screen and (max-width: 479px) {
.C_btn.type-02 {
width: 55.7333333333vw;
}
}
.C_btn-inner {
position: relative;
}
@media screen and (min-width: 480px) {
.C_btn-inner {
padding: min(1.4641288433vw, 20px) min(5.1244509517vw, 70px);
}
}
@media screen and (max-width: 479px) {
.C_btn-inner {
padding: 4vw 10.6666666667vw;
}
}
.C_btn-inner .TX {
text-align: center;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
color: #ffffff;
}
@media screen and (min-width: 480px) {
.C_btn-inner .TX {
font-size: min(1.3909224012vw, 19px);
}
}
@media screen and (max-width: 479px) {
.C_btn-inner .TX {
font-size: 3.7333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_btn-inner .TX.en {
font-size: min(1.756954612vw, 24px);
}
}
.C_btn-inner .img {
aspect-ratio: 19/26;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 480px) {
.C_btn-inner .img {
width: min(1.9765739385vw, 27px);
right: min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.C_btn-inner .img {
width: 4.5333333333vw;
right: 4.5333333333vw;
}
}
/* -----------------------
C_top_about
----------------------- */
.C_top_about {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_about {
width: min(77.4524158126vw, 1058px);
padding: min(4.2459736457vw, 58px) 0 min(4.9048316252vw, 67px);
transform: translateX(min(0.8052708638vw, 11px));
}
}
@media screen and (max-width: 479px) {
.C_top_about {
width: 85.3333333333vw;
padding: 12.5333333333vw 0 26.6666666667vw;
transform: translateX(-1.3333333333vw);
}
}
.C_top_about::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_top_about::before {
background-image: url("../img/TOP/top_about-bg-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@media screen and (max-width: 479px) {
.C_top_about::before {
background-image: url("../img/TOP/top_about-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.C_top_about::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_top_about::after {
background-image: url("../img/TOP/top_about-bg-bk-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
top: min(0.8052708638vw, 11px);
left: min(0.8052708638vw, 11px);
}
}
@media screen and (max-width: 479px) {
.C_top_about::after {
background-image: url("../img/TOP/top_about-bg-bk-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
top: 2.9333333333vw;
left: 2.9333333333vw;
}
}
.C_top_about-inner {
position: relative;
z-index: 4;
}
.C_top_about-inner .ttl {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_about-inner .ttl {
width: min(35.5783308931vw, 486px);
}
}
@media screen and (max-width: 479px) {
.C_top_about-inner .ttl {
width: 58.1333333333vw;
}
}
.C_top_about-inner .ttl img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.C_top_about-inner .txt {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_about-inner .txt {
margin-top: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.C_top_about-inner .txt {
margin-top: 8.5333333333vw;
width: 76.5333333333vw;
}
}
.C_top_about-inner .txt .TX {
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.C_top_about-inner .txt .TX {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_top_about-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_top_about-inner .btn {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_about-inner .btn {
margin-top: min(2.9282576867vw, 40px);
}
}
@media screen and (max-width: 479px) {
.C_top_about-inner .btn {
margin-top: 8vw;
}
}
.C_top_about .decoration {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
width: 100%;
height: 100%;
z-index: 3;
}
.C_top_about .decoration .deco {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_top_about .decoration .deco.char {
background-image: url("../img/TOP/top_about-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (max-width: 479px) {
.C_top_about .decoration .deco.char {
background-image: url("../img/TOP/top_about-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (min-width: 480px) {
.C_top_about .decoration .deco.note {
background-image: url("../img/TOP/top_about-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (max-width: 479px) {
.C_top_about .decoration .deco.note {
background-image: url("../img/TOP/top_about-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
/* -----------------------
C_top_guidance
----------------------- */
.C_top_guidance {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_guidance {
width: min(71.1566617862vw, 972px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance {
width: 85.3333333333vw;
transform: translateX(-1.3333333333vw);
}
}
.C_top_guidance-inner {
display: flex;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner {
flex-wrap: wrap;
gap: min(2.4158125915vw, 33px) min(2.5622254758vw, 35px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner {
flex-direction: column;
gap: 10.1333333333vw;
}
}
.C_top_guidance-inner .item {
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item {
flex: 1 1 33.3333333333%;
padding: min(3.0014641288vw, 41px) min(3.5871156662vw, 49px) min(3.5871156662vw, 49px);
min-height: min(44.9487554905vw, 614px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item {
width: 100%;
padding: 10.6666666667vw 0 7.4666666667vw;
}
}
.C_top_guidance-inner .item::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item::before {
background-image: url("../img/TOP/top_guidance-bg-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item::before {
background-image: url("../img/TOP/top_guidance-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
}
.C_top_guidance-inner .item::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item::after {
background-image: url("../img/TOP/top_guidance-bg-bk-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
top: min(0.8052708638vw, 11px);
left: min(0.8052708638vw, 11px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item::after {
background-image: url("../img/TOP/top_guidance-bg-bk-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
top: 2.9333333333vw;
left: 2.9333333333vw;
}
}
.C_top_guidance-inner .item-inner {
position: relative;
z-index: 4;
}
.C_top_guidance-inner .item-inner .ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item-inner .ttl {
margin-bottom: min(2.0497803807vw, 28px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item-inner .ttl {
margin-bottom: 7.2vw;
}
}
.C_top_guidance-inner .item-inner .ttl img {
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item-inner .ttl img {
width: min(18.5944363104vw, 254px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item-inner .ttl img {
width: 58.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item-inner .txt {
margin-bottom: min(20.7174231332vw, 283px);
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item-inner .txt {
margin-bottom: 51.7333333333vw;
padding-inline: 4.8vw;
}
}
.C_top_guidance-inner .item-inner .txt .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item-inner .txt .TX {
line-height: 2;
font-size: min(1.2445095168vw, 17px);
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item-inner .txt .TX {
line-height: 1.8;
font-size: 4.5333333333vw;
letter-spacing: 0.01em;
}
}
.C_top_guidance-inner .item-inner .btn {
width: fit-content;
margin-inline: auto;
}
.C_top_guidance-inner .item .decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.C_top_guidance-inner .item .decoration .char {
position: absolute;
left: 0;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item .decoration .char {
top: 0;
height: 100%;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item .decoration .char {
bottom: 0;
height: 71.7333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(1) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: top 100% center;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item:nth-child(1) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(2) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: top 100% center;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item:nth-child(2) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3) {
padding-block: min(4.1727672035vw, 57px) min(3.8067349927vw, 52px);
min-height: min(29.5021961933vw, 403px);
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3)::before {
background-image: url("../img/TOP/top_guidance-bg-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3)::after {
background-image: url("../img/TOP/top_guidance-bg-bk-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.C_top_guidance-inner .item:nth-child(3) .item-inner {
position: relative;
z-index: 4;
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3) .item-inner .ttl {
margin-bottom: min(3.074670571vw, 42px);
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3) .item-inner .txt {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (min-width: 480px) {
.C_top_guidance-inner .item:nth-child(3) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: top 100% center;
}
}
@media screen and (max-width: 479px) {
.C_top_guidance-inner .item:nth-child(3) .decoration .char {
background-image: url("../img/TOP/top_guidance-char-03-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* -----------------------
C_top_schedule
----------------------- */
.C_top_schedule {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_schedule {
width: min(70.7174231332vw, 966px);
}
}
@media screen and (max-width: 479px) {
.C_top_schedule {
width: 100%;
}
}
.C_top_schedule .schedule-table-wrap {
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_top_schedule .schedule-table-wrap {
display: contents;
}
}
@media screen and (max-width: 479px) {
.C_top_schedule .schedule-table-wrap {
width: 93.3333333333vw;
margin-inline: auto;
padding: 5.6vw 5.6vw 2.9333333333vw;
background-image: url("../img/TOP/top_schedule-table-sp-bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@media screen and (max-width: 479px) {
.C_top_schedule .schedule-table-wrap::before {
content: "";
position: absolute;
bottom: calc(100% + 1.8666666667vw);
left: 5.8666666667vw;
aspect-ratio: 87/16;
width: 23.2vw;
background-image: url("../img/TOP/top_schedule-table-sp-sl.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_top_schedule .schedule-table {
width: 100%;
}
@media screen and (max-width: 479px) {
.C_top_schedule .schedule-table {
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
}
.C_top_schedule .schedule-table .img-wrap {
position: relative;
}
@media screen and (max-width: 479px) {
.C_top_schedule .schedule-table .img-wrap {
width: 209.6vw;
}
}
.C_top_schedule .schedule-table .img-wrap img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.C_top_schedule .schedule-table .img-wrap .char {
aspect-ratio: 155/178;
width: min(11.3469985359vw, 155px);
position: absolute;
background-image: url("../img/TOP/top_schedule-table-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -15%;
left: 6%;
}
@media screen and (min-width: 480px) {
.C_top_schedule .txt {
margin-top: min(2.7818448023vw, 38px);
}
}
@media screen and (max-width: 479px) {
.C_top_schedule .txt {
margin-top: 4.5333333333vw;
}
}
.C_top_schedule .txt .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
text-align: center;
}
@media screen and (min-width: 480px) {
.C_top_schedule .txt .TX {
font-size: min(1.6105417277vw, 22px);
}
}
@media screen and (max-width: 479px) {
.C_top_schedule .txt .TX {
font-size: 4.5333333333vw;
}
}
/* -----------------------
C_top_reserve
----------------------- */
.C_top_reserve {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_reserve {
width: min(100vw, 1366px);
padding-bottom: min(7.027818448vw, 96px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve {
width: 100%;
padding: 0 5.3333333333vw 49.6vw;
}
}
.C_top_reserve .reserve-inner {
position: relative;
z-index: 3;
}
.C_top_reserve .reserve-inner .txt .TX {
line-height: 2.3;
}
@media screen and (min-width: 480px) {
.C_top_reserve .reserve-inner .txt .TX {
text-align: center;
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .reserve-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_top_reserve .reserve-inner .txt .TX span {
background: linear-gradient(to bottom, transparent 0%, transparent 70%, #f4d7c2 70%, #f4d7c2 100%);
}
.C_top_reserve .reserve-inner .btn {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_reserve .reserve-inner .btn {
margin-top: min(2.9282576867vw, 40px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .reserve-inner .btn {
margin-top: 12.2666666667vw;
}
}
.C_top_reserve .reserve-inner .tel-btn {
position: relative;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_reserve .reserve-inner .tel-btn {
margin-top: min(4.39238653vw, 60px);
width: min(34.1874084919vw, 467px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .reserve-inner .tel-btn {
margin-top: 9.8666666667vw;
width: 75.4666666667vw;
}
}
.C_top_reserve .reserve-inner .tel-btn .note {
aspect-ratio: 73/65;
position: absolute;
background-image: url("../img/TOP/top_tel-img-01-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -20%;
right: -5%;
}
@media screen and (min-width: 480px) {
.C_top_reserve .reserve-inner .tel-btn .note {
width: min(5.3440702782vw, 73px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .reserve-inner .tel-btn .note {
width: 13.3333333333vw;
}
}
.C_top_reserve .reserve-inner .tel-btn a img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.C_top_reserve .decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.C_top_reserve .decoration .char {
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.C_top_reserve .decoration .char {
background-image: url("../img/TOP/top_reserve-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 2%;
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .decoration .char {
background-image: url("../img/TOP/top_reserve-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
top: 1.5%;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve .decoration .char.top_contact-char-01 {
top: 1%;
}
}
@media screen and (max-width: 479px) {
.C_top_reserve .decoration .char.top_contact-char-01 {
top: 0.5%;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve.C_top_contact {
padding-bottom: min(12.1522693997vw, 166px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve.C_top_contact {
padding-bottom: 61.6vw;
}
}
@media screen and (max-width: 479px) {
.C_top_reserve.C_top_contact .reserve-inner .txt .TX {
text-align: center;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve.C_top_contact .reserve-inner .btn {
margin-top: min(4.3191800878vw, 59px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve.C_top_contact .reserve-inner .btn {
margin-top: 10.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve.C_top_contact .reserve-inner .tel-btn {
margin-top: min(5.7833089312vw, 79px);
}
}
@media screen and (max-width: 479px) {
.C_top_reserve.C_top_contact .reserve-inner .tel-btn {
margin-top: 9.0666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve.C_top_contact .decoration .char {
background-image: url("../img/TOP/top_reserve-char-02-1-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (max-width: 479px) {
.C_top_reserve.C_top_contact .decoration .char {
background-image: url("../img/TOP/top_reserve-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media screen and (min-width: 480px) {
.C_top_reserve.C_top_contact .decoration .char:nth-child(2) {
background-image: url("../img/TOP/top_reserve-char-02-2-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 142/152;
width: min(10.3953147877vw, 142px);
bottom: -37%;
top: unset;
left: 83%;
}
}
/* -----------------------
C_top_first-users
----------------------- */
.C_top_first-users {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_first-users {
width: min(100vw, 1366px);
padding-bottom: min(11.420204978vw, 156px);
}
}
@media screen and (max-width: 479px) {
.C_top_first-users {
width: 100%;
padding: 0 5.3333333333vw 49.6vw;
}
}
.C_top_first-users .first-users-inner {
position: relative;
z-index: 3;
}
@media screen and (max-width: 479px) {
.C_top_first-users .first-users-inner .txt {
padding-inline: 1.3333333333vw;
}
}
.C_top_first-users .first-users-inner .txt .TX {
line-height: 2.3;
}
@media screen and (min-width: 480px) {
.C_top_first-users .first-users-inner .txt .TX {
text-align: center;
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_top_first-users .first-users-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_top_first-users .first-users-inner .btn {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_first-users .first-users-inner .btn {
margin-top: min(3.2942898975vw, 45px);
}
}
@media screen and (max-width: 479px) {
.C_top_first-users .first-users-inner .btn {
margin-top: 9.0666666667vw;
}
}
/* -----------------------
C_top_recruitment
----------------------- */
.C_top_recruitment {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_recruitment {
padding-bottom: min(2.8550512445vw, 39px);
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment {
width: 100%;
padding: 0 0 10.1333333333vw;
}
}
.C_top_recruitment .recruitment-inner {
position: relative;
z-index: 3;
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .txt {
padding-inline: 5.3333333333vw;
}
}
.C_top_recruitment .recruitment-inner .txt .TX {
line-height: 2.3;
}
@media screen and (min-width: 480px) {
.C_top_recruitment .recruitment-inner .txt .TX {
text-align: center;
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_top_recruitment .recruitment-inner .btn {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_top_recruitment .recruitment-inner .btn {
margin-top: min(3.2942898975vw, 45px);
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .btn {
margin-top: 9.0666666667vw;
}
}
.C_top_recruitment .recruitment-inner .decoration {
overflow: hidden;
width: 100%;
max-width: 2000px;
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_recruitment .recruitment-inner .decoration {
margin: min(3.2942898975vw, 45px) auto 0;
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .decoration {
margin-top: 11.4666666667vw;
}
}
@media screen and (min-width: 2000px) {
.C_top_recruitment .recruitment-inner .decoration::before, .C_top_recruitment .recruitment-inner .decoration::after {
--gradient: transparent 0%, #ffffff84 50%, #fff 100%;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
background: linear-gradient(to left, var(--gradient));
z-index: 3;
width: 3.6603221083vw;
}
.C_top_recruitment .recruitment-inner .decoration::after {
right: 0;
left: unset;
background: linear-gradient(to right, var(--gradient));
}
}
.C_top_recruitment .recruitment-inner .decoration .characters {
display: flex;
justify-content: flex-end;
position: relative;
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_top_recruitment .recruitment-inner .decoration .characters {
gap: min(1.8301610542vw, 25px);
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .decoration .characters {
gap: 4vw;
}
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs {
display: flex;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img {
position: relative;
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img {
height: min(14.934114202vw, 204px);
}
}
@media screen and (max-width: 479px) {
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img {
height: 24vw;
}
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img .char,
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img .note,
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img .shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img .note {
z-index: 2;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img .shadow {
z-index: 1;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-01 {
aspect-ratio: 174/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-01 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-01 .note {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-01-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-01 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-01-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-02 {
aspect-ratio: 128/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-02 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-02 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-02-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-03 {
aspect-ratio: 172/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-03 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-03.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-03 .note {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-03-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-03 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-03-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-04 {
aspect-ratio: 158/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-04 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-04.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-04 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-04-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-05 {
aspect-ratio: 172/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-05 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-05.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-05 .note {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-05-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-05 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-05-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-06 {
aspect-ratio: 179/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-06 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-06.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-06 .note {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-06-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-06 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-06-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-07 {
aspect-ratio: 147/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-07 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-07.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-07 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-07-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-08 {
aspect-ratio: 158/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-08 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-08.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-08 .note {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-08-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-08 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-08-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-09 {
aspect-ratio: 134/204;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-09 .char {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-09.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_top_recruitment .recruitment-inner .decoration .characters .imgs .img.img-09 .shadow {
background-image: url("../img/TOP/TOP_recruitment/top_recruitment-09-shadow.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* -----------------------
C_top_news
----------------------- */
.C_top_news {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_news {
width: min(85.4319180088vw, 1167px);
}
}
@media screen and (max-width: 479px) {
.C_top_news {
width: 85.8666666667vw;
}
}
.C_top_news .news-contents {
position: relative;
z-index: 2;
}
.C_top_news .news-contents .news-contents-inner {
position: relative;
z-index: 3;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner {
padding: min(3.0014641288vw, 41px) min(7.5402635432vw, 103px) min(3.0014641288vw, 41px) min(7.1010248902vw, 97px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner {
padding: 10.9333333333vw 5.8666666667vw 9.0666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul {
display: flex;
flex-direction: column;
gap: min(2.0497803807vw, 28px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li {
padding: 5.8666666667vw 0;
position: relative;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.8vw;
background-image: url("../img/TOP/top_news-border-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom center;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li:first-child {
padding-top: 0;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li:first-child::before {
display: none;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li:last-child {
padding-bottom: 0;
}
}
.C_top_news .news-contents .news-contents-inner ul li a {
display: flex;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li a {
align-items: center;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li a {
flex-wrap: wrap;
}
}
.C_top_news .news-contents .news-contents-inner ul li .time {
flex-shrink: 0;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .time {
width: min(8.7115666179vw, 119px);
margin-right: min(2.1229868228vw, 29px);
align-items: center;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .time {
width: 26.6666666667vw;
margin-right: 4vw;
align-items: flex-end;
}
}
.C_top_news .news-contents .news-contents-inner ul li .time .icon {
aspect-ratio: 1;
flex-shrink: 0;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .time .icon {
width: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .time .icon {
width: 6.1333333333vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .time .TX {
white-space: nowrap;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.08em;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .time .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .time .TX {
font-size: 3.7333333333vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .category {
flex-shrink: 0;
background-color: #f9e1d5;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .category {
border-radius: min(3.6603221083vw, 50px);
width: min(9.9560761347vw, 136px);
margin-right: min(2.2693997072vw, 31px);
padding-block: min(0.5856515373vw, 8px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .category {
border-radius: 13.3333333333vw;
width: 26.6666666667vw;
padding-block: 1.6vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .category .TX {
white-space: nowrap;
text-align: center;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.08em;
line-height: 1;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .category .TX {
font-size: min(0.9516837482vw, 13px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .category .TX {
font-size: 3.2vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .ttl {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .ttl {
margin-right: min(2.2693997072vw, 31px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .ttl {
margin-block: 5.3333333333vw 5.8666666667vw;
padding-left: 5.3333333333vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .ttl .TL {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.08em;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .ttl .TL {
font-size: min(1.1713030747vw, 16px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .ttl .TL {
font-size: 4.2666666667vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .more-btn {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn {
width: min(5.710102489vw, 78px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn {
width: 13.8666666667vw;
margin-left: auto;
margin-right: 5.3333333333vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .more-btn .TX {
white-space: nowrap;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.08em;
line-height: 1;
height: fit-content;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn .TX {
font-size: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn .TX {
font-size: 2.9333333333vw;
}
}
.C_top_news .news-contents .news-contents-inner ul li .more-btn .img {
flex-shrink: 0;
aspect-ratio: 9/16;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn .img {
width: min(0.6588579795vw, 9px);
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-inner ul li .more-btn .img {
width: 1.8666666667vw;
}
}
.C_top_news .news-contents .news-contents-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.C_top_news .news-contents .news-contents-bg .bg-z {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100% 100% !important;
}
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02 {
background-position: center;
background-repeat: no-repeat;
z-index: 2;
overflow: hidden;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02 {
background-image: url("../img/TOP/top_news-bg-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02 {
background-image: url("../img/TOP/top_news-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02::before {
background-image: url("../img/TOP/top_news-bg-note-pc.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-02::before {
background-image: url("../img/TOP/top_news-bg-note-sp.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-01 {
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-01 {
top: 3%;
left: 1%;
background-image: url("../img/TOP/top_news-bg-bk-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_top_news .news-contents .news-contents-bg .bg-z.bg-z-01 {
top: 2%;
left: 2%;
background-image: url("../img/TOP/top_news-bg-bk-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_top_news .decoration {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.C_top_news .decoration .deco {
position: absolute;
}
@media screen and (min-width: 480px) {
.C_top_news .decoration .deco.char-01 {
aspect-ratio: 335/174;
background-image: url("../img/TOP/top_news-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(24.5241581259vw, 335px);
bottom: calc(100% + max(-1.8301610542vw, -25px));
right: -3%;
}
}
@media screen and (max-width: 479px) {
.C_top_news .decoration .deco.char-01 {
aspect-ratio: 167/158;
background-image: url("../img/TOP/top_news-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 44.5333333333vw;
top: calc(100% + 5.3333333333vw);
right: 10%;
}
}
.C_top_news .decoration .deco.char-02 {
aspect-ratio: 305/202;
background-image: url("../img/TOP/top_news-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(22.3279648609vw, 305px);
top: calc(100% + max(0.7320644217vw, 10px));
left: -2%;
transform: rotate(2deg);
}
/* -----------------------
C_top_access
----------------------- */
.C_top_access {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_access {
width: min(64.2752562225vw, 878px);
}
}
@media screen and (max-width: 479px) {
.C_top_access {
width: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_top_access .access-info {
margin-bottom: min(2.7818448023vw, 38px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-info {
margin-bottom: 4.8vw;
}
}
.C_top_access .access-info .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_top_access .access-info .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-info .TX {
font-size: 4.2666666667vw;
}
}
.C_top_access .access-contents-wrap {
position: relative;
}
.C_top_access .access-contents-wrap .access-contents {
position: relative;
}
@media screen and (min-width: 480px) {
.C_top_access .access-contents-wrap .access-contents .bg-z {
border-radius: min(0.878477306vw, 12px);
width: calc(100% - min(0.878477306vw, 12px));
height: min(27.4524158126vw, 375px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-contents-wrap .access-contents .bg-z {
border-radius: 3.2vw;
width: calc(100% - 1.6vw);
height: 67.2vw;
}
}
.C_top_access .access-contents-wrap .access-contents .bg-z.bg-z-02 {
overflow: hidden;
position: relative;
z-index: 2;
}
.C_top_access .access-contents-wrap .access-contents .bg-z.bg-z-02 iframe {
width: 100%;
height: 100%;
}
.C_top_access .access-contents-wrap .access-contents .bg-z.bg-z-01 {
background-color: #fae3d8;
position: absolute;
z-index: 1;
right: 0;
}
@media screen and (min-width: 480px) {
.C_top_access .access-contents-wrap .access-contents .bg-z.bg-z-01 {
top: min(0.878477306vw, 12px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-contents-wrap .access-contents .bg-z.bg-z-01 {
top: 1.6vw;
}
}
.C_top_access .access-contents-wrap .decoration {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.C_top_access .access-contents-wrap .decoration .deco {
position: absolute;
}
.C_top_access .access-contents-wrap .decoration .deco.char-01 {
aspect-ratio: 348/244;
background-image: url("../img/TOP/top_access-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(25.4758418741vw, 348px);
bottom: calc(100% + max(-0.7320644217vw, -10px));
right: -18%;
}
.C_top_access .access-contents-wrap .decoration .deco.char-02 {
aspect-ratio: 161/130;
background-image: url("../img/TOP/top_access-char-02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_top_access .access-contents-wrap .decoration .deco.char-02 {
width: min(11.7862371889vw, 161px);
top: 100%;
left: -22%;
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-contents-wrap .decoration .deco.char-02 {
width: 34.6666666667vw;
top: 125%;
left: 2%;
}
}
.C_top_access .access-link-wrap {
width: fit-content;
margin-left: auto;
}
@media screen and (min-width: 480px) {
.C_top_access .access-link-wrap {
margin-top: min(1.9765739385vw, 27px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-link-wrap {
margin-top: 4.8vw;
padding-right: 1.6vw;
}
}
.C_top_access .access-link-wrap a {
display: flex;
align-items: center;
border-bottom: solid #000;
width: fit-content;
}
@media screen and (min-width: 480px) {
.C_top_access .access-link-wrap a {
border-bottom-width: min(0.0732064422vw, 1px);
gap: min(0.439238653vw, 6px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-link-wrap a {
border-bottom-width: 0.2666666667vw;
gap: 2.1333333333vw;
}
}
.C_top_access .access-link-wrap a .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_top_access .access-link-wrap a .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-link-wrap a .TX {
font-size: 4.2666666667vw;
}
}
.C_top_access .access-link-wrap a .arrow {
aspect-ratio: 21/5;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.C_top_access .access-link-wrap a .arrow {
width: min(1.5373352855vw, 21px);
}
}
@media screen and (max-width: 479px) {
.C_top_access .access-link-wrap a .arrow {
width: 5.3333333333vw;
}
}
/* -----------------------
C_about_greet
----------------------- */
.C_about_greet {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_about_greet {
width: min(85.4319180088vw, 1167px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet {
width: 89.3333333333vw;
}
}
.C_about_greet-main {
position: relative;
}
.C_about_greet-main::before {
content: "";
position: absolute;
aspect-ratio: 755/575;
z-index: 1;
background-image: url("../img/about/about_greet-bg-char.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_greet-main::before {
width: min(55.270863836vw, 755px);
top: 43%;
right: -4%;
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main::before {
width: 160vw;
top: 41%;
right: -40%;
}
}
.C_about_greet-main .main-hero {
position: relative;
z-index: 2;
width: 100%;
background-image: url("../img/about/about_greet-hero.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_greet-main .main-hero {
height: min(40.336749634vw, 551px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main .main-hero {
height: 89.3333333333vw;
background-position: bottom left 47%;
}
}
.C_about_greet-main-contents {
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents {
margin-top: min(5.3440702782vw, 73px);
padding-inline: min(3.6603221083vw, 50px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents {
margin-top: 13.0666666667vw;
}
}
.C_about_greet-main-contents .ttl {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents .ttl {
width: min(63.9824304539vw, 874px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents .ttl {
width: 76.2666666667vw;
}
}
.C_about_greet-main-contents .ttl .TL {
display: block;
width: 100%;
}
.C_about_greet-main-contents .ttl .TL img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents .txt {
margin-top: min(4.6852122987vw, 64px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents .txt {
margin-top: 13.3333333333vw;
}
}
.C_about_greet-main-contents .txt .TX,
.C_about_greet-main-contents .txt .name {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 2.2;
letter-spacing: 0.14em;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents .txt .TX,
.C_about_greet-main-contents .txt .name {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents .txt .TX,
.C_about_greet-main-contents .txt .name {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0em;
font-size: 4.5333333333vw;
}
}
.C_about_greet-main-contents .txt .name {
text-align: end;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents .txt .name {
font-size: min(1.756954612vw, 24px);
transform: translateY(-50%);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents .txt .name {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.14em;
font-size: 5.3333333333vw;
margin-top: 4.8vw;
padding-right: 2.6666666667vw;
}
}
.C_about_greet-main-contents .items {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_greet-main-contents .items {
margin-top: min(4.9048316252vw, 67px);
display: flex;
flex-direction: column;
gap: min(2.2693997072vw, 31px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-main-contents .items {
margin-top: 16.2666666667vw;
display: flex;
flex-direction: column;
gap: 8.5333333333vw;
}
}
.C_about_greet-main-contents .items .item {
width: 100%;
}
.C_about_greet-main-contents .items .item img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub {
margin-top: min(18.8872620791vw, 258px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub {
margin-top: 27.4666666667vw;
}
}
.C_about_greet-sub-inner {
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner {
gap: min(5.1244509517vw, 70px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner {
flex-direction: column;
gap: 12vw;
}
}
.C_about_greet-sub-inner .sub-hero {
background-image: url("../img/about/about_greet-sub.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-hero {
width: min(30.4538799414vw, 416px);
height: min(27.8184480234vw, 380px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-hero {
width: 65.6vw;
height: 60vw;
margin-inline: auto;
}
}
.C_about_greet-sub-inner .sub-contents {
width: 100%;
}
.C_about_greet-sub-inner .sub-contents .name {
width: 100%;
position: relative;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .name {
padding-bottom: min(1.0248901903vw, 14px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .name {
padding-bottom: 4.2666666667vw;
}
}
.C_about_greet-sub-inner .sub-contents .name::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-image: url('data:image/svg+xml;utf-8,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .name::before {
height: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .name::before {
height: 0.8vw;
}
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .name-img {
width: min(21.6691068814vw, 296px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .name-img {
width: 65.6vw;
margin-inline: auto;
}
}
.C_about_greet-sub-inner .sub-contents .name-img img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .txt {
margin-top: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .txt {
margin-top: 5.6vw;
}
}
.C_about_greet-sub-inner .sub-contents .txt .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_about_greet-sub-inner .sub-contents .item {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_greet-sub-inner .sub-contents .item {
margin-top: min(3.513909224vw, 48px);
}
}
@media screen and (max-width: 479px) {
.C_about_greet-sub-inner .sub-contents .item {
margin-top: 11.7333333333vw;
}
}
.C_about_greet-sub-inner .sub-contents .item img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
C_about_introduction
----------------------- */
.C_about_introduction img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_about_introduction-txt {
margin-bottom: min(11.1273792094vw, 152px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-txt {
margin-bottom: 16.2666666667vw;
padding-inline: 5.3333333333vw;
}
}
.C_about_introduction-txt .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_about_introduction-txt .TX {
text-align: center;
font-size: min(1.2445095168vw, 17px);
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-txt .TX {
font-size: 4.5333333333vw;
}
}
.C_about_introduction-contents {
position: relative;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents {
display: flex;
flex-direction: column;
gap: min(10.6149341142vw, 145px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents {
display: flex;
flex-direction: column;
gap: 13.6vw;
padding-inline: 2.6666666667vw;
}
}
.C_about_introduction-contents-inner {
position: relative;
}
.C_about_introduction-contents-inner .decoration {
position: absolute;
bottom: 0%;
left: 50%;
transform: translateX(-135%);
}
.C_about_introduction-contents-inner .decoration.deco-01 {
aspect-ratio: 956/847;
width: min(34.9926793558vw, 478px);
background-image: url("../img/about/about_introduction-bg-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_about_introduction-contents-inner .decoration.deco-02 {
aspect-ratio: 843/861;
width: min(30.8931185944vw, 422px);
background-image: url("../img/about/about_introduction-bg-02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.C_about_introduction-contents-inner .items-wrap {
width: 100%;
position: relative;
z-index: 2;
}
.C_about_introduction-contents-inner .items-wrap .items-inner {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner {
width: min(84.1874084919vw, 1150px);
display: flex;
justify-content: space-between;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu {
width: fit-content;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu {
padding-top: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu {
margin-inline: auto;
margin-bottom: 8vw;
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .ttl {
width: 53.3333333333vw;
margin-inline: auto;
transform: translateX(-10%);
}
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .ttl.type-01 {
width: min(14.5680819912vw, 199px);
}
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .ttl.type-02 {
width: min(14.7877013177vw, 202px);
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .ttl .TL {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists {
margin-top: min(3.0014641288vw, 41px);
padding-left: min(2.5622254758vw, 35px);
display: flex;
flex-direction: column;
gap: min(1.8301610542vw, 25px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists {
margin-top: 9.8666666667vw;
display: flex;
gap: 6.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists .menu-lists-inner {
display: contents;
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists .menu-lists-inner {
display: flex;
flex-direction: column;
gap: 2.6666666667vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists li a {
display: block;
width: fit-content;
line-height: 1;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists li a {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists li a {
font-size: 4.5333333333vw;
line-height: 1.5;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .sticky-menu .menu-lists li a::before {
content: "-";
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap {
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap {
width: min(59.8096632504vw, 817px);
padding: min(2.196193265vw, 30px) min(2.7086383602vw, 37px);
flex-shrink: 0;
background-image: url("../img/about/about_introduction-bg-pc.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap {
background-image: url("../img/about/about_introduction-bg-sp.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 16.2666666667vw 5.6vw 9.3333333333vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap::before {
content: "";
position: absolute;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap::before {
top: min(0.7320644217vw, 10px);
right: calc(100% + min(1.0980966325vw, 15px));
aspect-ratio: 16/143;
width: min(1.1713030747vw, 16px);
background-image: url("../img/about/about_introduction-sl-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap::before {
top: 5.3333333333vw;
left: 0;
right: 0;
margin-inline: auto;
aspect-ratio: 62/32;
width: 16.5333333333vw;
background-image: url("../img/about/about_introduction-sl-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists {
scroll-behavior: smooth;
scroll-padding-top: 15%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists {
height: min(43.9238653001vw, 600px);
display: flex;
flex-direction: column;
gap: min(6.2225475842vw, 85px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists {
height: 89.8666666667vw;
display: flex;
flex-direction: column;
gap: 8vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .ttl {
position: relative;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .ttl {
margin-bottom: min(1.6105417277vw, 22px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .ttl {
margin-bottom: 2.4vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .ttl .TL {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .txt {
margin-bottom: min(2.4158125915vw, 33px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .txt {
margin-bottom: 5.3333333333vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .txt .TX {
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_about_introduction-contents-inner .items-wrap .items-inner .items-lists-wrap .items-lists li .img {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_introduction-btn {
margin-top: min(9.5168374817vw, 130px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-btn {
margin-top: 7.4666666667vw;
}
}
.C_about_introduction-btn a {
display: block;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_about_introduction-btn a {
width: min(25.1830161054vw, 344px);
}
}
@media screen and (max-width: 479px) {
.C_about_introduction-btn a {
width: 63.7333333333vw;
}
}
.C_about_introduction-btn a img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
C_about_photo
----------------------- */
.C_about_photo {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_about_photo {
width: min(100vw, 1366px);
}
}
.C_about_photo-ttl {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_about_photo-ttl {
margin-bottom: min(6.7349926794vw, 92px);
}
}
@media screen and (max-width: 479px) {
.C_about_photo-ttl {
margin-bottom: 10.6666666667vw;
}
}
.C_about_photo-ttl .TL {
display: flex;
width: 100%;
}
.C_about_photo-ttl .TL img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents {
padding-inline: min(7.3206442167vw, 100px);
display: flex;
flex-direction: column;
gap: min(0.9516837482vw, 13px);
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents {
padding-inline: 5.3333333333vw;
display: flex;
flex-direction: column;
gap: 1.3333333333vw;
}
}
.C_about_photo .photo-contents .img-item {
display: flex;
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item {
gap: min(0.9516837482vw, 13px);
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item {
gap: 1.3333333333vw;
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item:nth-child(odd) {
flex-direction: column;
}
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item:nth-child(odd) .img {
height: min(28.9897510981vw, 396px);
}
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item:nth-child(odd) .img:nth-child(odd) {
width: min(46.2664714495vw, 632px);
}
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item:nth-child(odd) .img:nth-child(even) {
width: min(38.3601756955vw, 524px);
}
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item:nth-child(even) .img {
width: min(27.8184480234vw, 380px);
height: min(23.2064421669vw, 317px);
}
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item:nth-child(2) {
justify-content: flex-end;
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item:nth-child(2) .img, .C_about_photo .photo-contents .img-item:nth-child(4) .img {
flex: 1;
}
}
.C_about_photo .photo-contents .img-item .img {
position: relative;
}
.C_about_photo .photo-contents .img-item .img.img-01 {
background-image: url("../img/about/about_photo-img-01.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-01 {
height: 55.7333333333vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-02 {
background-image: url("../img/about/about_photo-img-02.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-02 {
height: 67.4666666667vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-03 {
background-image: url("../img/about/about_photo-img-03.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-03 {
height: 36.2666666667vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-04 {
background-image: url("../img/about/about_photo-img-04.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-04 {
height: 36.2666666667vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-05 {
background-image: url("../img/about/about_photo-img-05.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-05 {
width: 59.2vw;
height: 37.6vw;
margin-left: auto;
}
}
.C_about_photo .photo-contents .img-item .img.img-05 .char {
position: absolute;
aspect-ratio: 312/250;
background-image: url("../img/about/about_photo-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item .img.img-05 .char {
width: min(22.8404099561vw, 312px);
bottom: 100%;
left: 16%;
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-05 .char {
width: 32.5333333333vw;
bottom: -5%;
left: -50%;
}
}
.C_about_photo .photo-contents .img-item .img.img-06 {
background-image: url("../img/about/about_photo-img-06.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-06 {
height: 74.4vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-07 {
background-image: url("../img/about/about_photo-img-07.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-07 {
height: 36.2666666667vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-08 {
background-image: url("../img/about/about_photo-img-08.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-08 {
height: 36.2666666667vw;
}
}
.C_about_photo .photo-contents .img-item .img.img-09 {
background-image: url("../img/about/about_photo-img-09.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-09 {
height: 44.5333333333vw;
order: 2;
}
}
.C_about_photo .photo-contents .img-item .img.img-09 .char {
position: absolute;
aspect-ratio: 333/308;
background-image: url("../img/about/about_photo-char-03.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item .img.img-09 .char {
width: min(24.3777452416vw, 333px);
top: 97%;
left: 20%;
}
}
.C_about_photo .photo-contents .img-item .img.img-10 {
background-image: url("../img/about/about_photo-img-10.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-10 {
width: 59.7333333333vw;
height: 56.5333333333vw;
order: 1;
}
}
.C_about_photo .photo-contents .img-item .img.img-10 .char {
position: absolute;
aspect-ratio: 303/288;
background-image: url("../img/about/about_photo-char-02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_about_photo .photo-contents .img-item .img.img-10 .char {
width: min(22.1815519766vw, 303px);
bottom: 98%;
right: 10%;
}
}
@media screen and (max-width: 479px) {
.C_about_photo .photo-contents .img-item .img.img-10 .char {
width: 34.1333333333vw;
bottom: -5%;
right: -50%;
}
}
.C_about_photo .photo-contents .img-item .img.img-10 .char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../img/about/about_photo-char-02-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* -----------------------
C_about_overview
----------------------- */
.C_about_overview {
margin-inline: auto;
position: relative;
}
@media screen and (min-width: 480px) {
.C_about_overview {
width: min(86.2371888726vw, 1178px);
}
}
@media screen and (max-width: 479px) {
.C_about_overview {
width: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_about_overview::before {
content: "";
position: absolute;
background-image: url("../img/about/about_overview-img-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 341/177;
width: min(24.9633967789vw, 341px);
bottom: 105%;
left: 10%;
}
}
.C_about_overview img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
/* -----------------------
C_gynecology_contents
----------------------- */
.C_gynecology_contents {
margin-inline: auto;
}
.C_gynecology_contents img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents {
width: min(86.82284041vw, 1186px);
display: flex;
flex-direction: column;
gap: min(8.4187408492vw, 115px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents {
width: 89.3333333333vw;
display: flex;
flex-direction: column;
gap: 40.8vw;
}
}
.C_gynecology_contents .item {
background-size: 100% 100% !important;
position: relative;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item {
width: min(75.1098096633vw, 1026px);
background-image: url("../img/gynecology/gynecology_contents-bg-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: min(6.588579795vw, 90px) min(6.588579795vw, 90px) min(4.1727672035vw, 57px) min(6.2957540264vw, 86px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item {
background-image: url("../img/gynecology/gynecology_contents-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: 12.5333333333vw 7.4666666667vw 7.2vw;
}
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item:nth-child(even) {
margin-left: auto;
background-image: url("../img/gynecology/gynecology_contents-bg-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_gynecology_contents .item-inner .ttl {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item-inner .ttl {
margin-bottom: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item-inner .ttl {
margin-bottom: 8vw;
}
}
.C_gynecology_contents .item-inner .txt .TX {
letter-spacing: 0.05em;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item-inner .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_gynecology_contents .item-inner .sub-TL {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item-inner .sub-TL {
margin: min(4.7584187408vw, 65px) 0 min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item-inner .sub-TL {
margin: 7.7333333333vw 0 4vw;
}
}
.C_gynecology_contents .item-inner .img {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item-inner .img {
margin-bottom: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item-inner .img {
margin-bottom: 8.5333333333vw;
}
}
.C_gynecology_contents .item .char {
position: absolute;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item .char {
top: -18%;
}
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item .char.type-01 {
background-image: url("../img/gynecology/gynecology_contents-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 180/164;
width: min(13.17715959vw, 180px);
left: 5%;
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item .char.type-01 {
background-image: url("../img/gynecology/gynecology_contents-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 291/208;
width: 77.6vw;
right: 0;
bottom: 99.7%;
}
}
.C_gynecology_contents .item .char.type-01 a {
display: block;
position: absolute;
width: 60%;
height: 40%;
top: 10%;
right: 14%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.C_gynecology_contents .item .char.type-02 {
background-image: url("../img/gynecology/gynecology_contents-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 270/143;
width: min(19.7657393851vw, 270px);
right: 5%;
}
}
@media screen and (max-width: 479px) {
.C_gynecology_contents .item .char.type-02 {
background-image: url("../img/gynecology/gynecology_contents-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 203/150;
width: 54.1333333333vw;
right: 0;
top: -15%;
}
}
/* -----------------------
C_obstetrics_detail
----------------------- */
.C_obstetrics_detail {
margin-inline: auto;
}
.C_obstetrics_detail img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail {
width: min(86.82284041vw, 1186px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail {
width: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-btns {
width: min(80.9663250366vw, 1106px);
margin-inline: auto;
margin-bottom: min(9.224011713vw, 126px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-btns {
margin-bottom: 32.8vw;
}
}
.C_obstetrics_detail .detail-btns ul {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-btns ul {
flex-wrap: wrap;
}
}
.C_obstetrics_detail .detail-btns ul li a {
display: block;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-btns ul li a {
width: min(15.8125915081vw, 216px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-btns ul li a {
width: 42.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items {
display: flex;
flex-direction: column;
gap: min(4.831625183vw, 66px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items {
display: flex;
flex-direction: column;
gap: 46.4vw;
}
}
.C_obstetrics_detail .detail-items .item {
position: relative;
background-size: 100% 100% !important;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item {
width: min(75.4026354319vw, 1030px);
padding: min(5.1976573939vw, 71px) min(6.588579795vw, 90px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item {
width: 100%;
padding: 12.2666666667vw 8.2666666667vw 6.4vw;
background-image: url("../img/gynecology/obstetrics_detail-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(odd) {
margin-left: auto;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(1) {
background-image: url("../img/gynecology/obstetrics_detail-bg-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(1) .char {
aspect-ratio: 112/332;
background-image: url("../img/gynecology/obstetrics_detail-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(8.1991215227vw, 112px);
top: 23%;
left: -12%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(1) .char {
aspect-ratio: 131/151;
background-image: url("../img/gynecology/obstetrics_detail-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 34.9333333333vw;
top: -37%;
right: 0%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(2) {
background-image: url("../img/gynecology/obstetrics_detail-bg-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(2) .char {
aspect-ratio: 281/158;
background-image: url("../img/gynecology/obstetrics_detail-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(20.5710102489vw, 281px);
top: -26%;
right: 0%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(2) .char {
aspect-ratio: 188/153;
background-image: url("../img/gynecology/obstetrics_detail-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 50.1333333333vw;
top: -15%;
left: 4%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(3) {
background-image: url("../img/gynecology/obstetrics_detail-bg-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_obstetrics_detail .detail-items .item:nth-child(3) .char {
aspect-ratio: 132/273;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(3) .char {
background-image: url("../img/gynecology/obstetrics_detail-char-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(9.663250366vw, 132px);
top: -49%;
right: 10%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(3) .char {
background-image: url("../img/gynecology/obstetrics_detail-note-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 24.8vw;
top: -22%;
right: 10%;
}
}
.C_obstetrics_detail .detail-items .item:nth-child(3) .char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(3) .char .note {
background-image: url("../img/gynecology/obstetrics_detail-note-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(3) .char .note {
background-image: url("../img/gynecology/obstetrics_detail-char-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(4) {
background-image: url("../img/gynecology/obstetrics_detail-bg-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(4) .char {
aspect-ratio: 323/631;
background-image: url("../img/gynecology/obstetrics_detail-char-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(23.6456808199vw, 323px);
top: -226%;
left: -4%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(4) .char {
aspect-ratio: 230/165;
background-image: url("../img/gynecology/obstetrics_detail-char-04-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 61.3333333333vw;
top: -42%;
left: 0%;
}
}
.C_obstetrics_detail .detail-items .item:nth-child(4) .char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(4) .char .note {
background-image: url("../img/gynecology/obstetrics_detail-note-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(5) {
background-image: url("../img/gynecology/obstetrics_detail-bg-05-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item:nth-child(5) .char {
aspect-ratio: 171/170;
background-image: url("../img/gynecology/obstetrics_detail-char-05-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(12.5183016105vw, 171px);
top: -38%;
right: 0%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(5) .char {
aspect-ratio: 221/149;
background-image: url("../img/gynecology/obstetrics_detail-char-05-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 58.9333333333vw;
top: -31%;
right: 0%;
}
}
.C_obstetrics_detail .detail-items .item:nth-child(5) .char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item:nth-child(5) .char .note {
background-image: url("../img/gynecology/obstetrics_detail-note-05-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_obstetrics_detail .detail-items .item-inner .ttl {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item-inner .txt {
margin-top: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item-inner .txt {
margin-top: 8.5333333333vw;
}
}
.C_obstetrics_detail .detail-items .item-inner .txt .TX {
letter-spacing: 0.05em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_obstetrics_detail .detail-items .item-inner .txt .TX a {
border-bottom: solid #000000;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TX a {
padding-bottom: min(0.2196193265vw, 3px);
border-bottom-width: min(0.0732064422vw, 1px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TX a {
padding-bottom: 0.8vw;
border-bottom-width: 0.2666666667vw;
}
}
.C_obstetrics_detail .detail-items .item-inner .txt .TL {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TL {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item-inner .txt .TL {
font-size: 4.5333333333vw;
}
}
.C_obstetrics_detail .detail-items .item-inner .hr {
background-image: url('data:image/svg+xml;utf-8,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_obstetrics_detail .detail-items .item-inner .hr {
margin-top: min(2.196193265vw, 30px);
height: min(0.439238653vw, 6px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_detail .detail-items .item-inner .hr {
margin-top: 4vw;
height: 0.8vw;
}
}
.C_obstetrics_detail .detail-items .item .char {
position: absolute;
}
/* -----------------------
C_obstetrics_achievement
----------------------- */
.C_obstetrics_achievement {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement {
width: min(65.3733528551vw, 893px);
display: flex;
flex-direction: column;
gap: min(3.3674963397vw, 46px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement {
width: 89.3333333333vw;
display: flex;
flex-direction: column;
gap: 13.3333333333vw;
}
}
.C_obstetrics_achievement .flex-txt {
display: flex;
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .flex-txt.column-txt {
flex-direction: column;
}
}
.C_obstetrics_achievement .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.05em;
white-space: nowrap;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .TX {
font-size: 4.2666666667vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01 {
position: relative;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01 {
height: min(37.4084919473vw, 511px);
background-image: url("../img/gynecology/obstetrics_achievement-bg-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01 {
height: 182.4vw;
background-image: url("../img/gynecology/obstetrics_achievement-bg-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .top-txt {
position: absolute;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .top-txt {
top: 10%;
left: 7%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .top-txt {
top: 6%;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .top-txt .flex-txt {
gap: min(3.513909224vw, 48px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .top-txt .flex-txt {
gap: 9.8666666667vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-top {
position: absolute;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-top {
top: 36%;
left: 7%;
display: flex;
flex-direction: column;
gap: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-top {
top: 18%;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
display: flex;
flex-direction: column;
gap: 1.3333333333vw;
align-items: center;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-top .flex-txt {
gap: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-top .flex-txt {
gap: 3.7333333333vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle {
position: absolute;
display: flex;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle {
gap: min(4.1727672035vw, 57px);
left: 32%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle {
flex-direction: column;
align-items: center;
gap: 1.3333333333vw;
top: 31%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle.middle-01 {
top: 30%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle.middle-01 {
left: 12%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle.middle-02 {
top: 51%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle.middle-02 {
right: 12%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle .flex-txt {
gap: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-middle .flex-txt {
gap: 3.7333333333vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom {
position: absolute;
display: flex;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom {
gap: min(3.5871156662vw, 49px);
left: 63%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom {
flex-direction: column;
align-items: center;
gap: 1.3333333333vw;
top: 45%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-01 {
top: 23%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-01 {
left: 10%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-02 {
top: 34%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-02 {
left: 32%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-03 {
top: 46%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-03 {
right: 32%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-04 {
top: 56%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom.bottom-04 {
right: 10%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom .flex-txt {
gap: min(1.9765739385vw, 27px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .middle-txt-bottom .flex-txt {
gap: 0.5333333333vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-top {
position: absolute;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-top {
top: 70%;
left: 7%;
display: flex;
flex-direction: column;
gap: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-top {
top: 71%;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
display: flex;
flex-direction: column;
gap: 2.1333333333vw;
align-items: center;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-top .flex-txt {
gap: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-top .flex-txt {
gap: 4.5333333333vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom {
position: absolute;
display: flex;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom {
gap: min(4.6120058565vw, 63px);
left: 32%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom {
flex-direction: column;
align-items: center;
gap: 1.3333333333vw;
top: 85%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom.bottom-01 {
top: 68%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom.bottom-01 {
left: 15%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom.bottom-02 {
top: 79%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom.bottom-02 {
right: 15%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom .flex-txt {
gap: min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-01-inner .bottom-txt-bottom .flex-txt {
gap: 4vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-02 {
width: 100%;
position: relative;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02 {
height: min(23.2796486091vw, 318px);
background-image: url("../img/gynecology/obstetrics_achievement-bg-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02 {
height: 82.4vw;
background-image: url("../img/gynecology/obstetrics_achievement-bg-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner h4 {
width: min(18.5212298682vw, 253px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner h4 {
width: 36.2666666667vw;
}
}
.C_obstetrics_achievement .achievement-contents-type-02-inner .top-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt {
position: absolute;
display: flex;
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .top-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt {
gap: min(1.4641288433vw, 20px);
top: 16%;
left: 7%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .top-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt {
gap: 2.6666666667vw;
align-items: center;
top: 10%;
left: 12%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .top-txt .flex-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt .flex-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt .flex-txt {
gap: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .top-txt .flex-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt .flex-txt,
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt .flex-txt {
gap: 3.4666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt {
top: 41%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .middle-txt {
top: 35%;
}
}
@media screen and (min-width: 480px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt {
top: 67%;
}
}
@media screen and (max-width: 479px) {
.C_obstetrics_achievement .achievement-contents-type-02-inner .bottom-txt {
top: 67%;
}
}
/* -----------------------
C_delivery_contents
----------------------- */
.C_delivery_contents {
margin-inline: auto;
}
.C_delivery_contents img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_delivery_contents {
width: min(87.1156661786vw, 1190px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents {
width: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents-btn {
margin-bottom: min(11.6398243045vw, 159px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents-btn {
margin-bottom: 35.4666666667vw;
}
}
.C_delivery_contents .delivery_contents-btn ul {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents-btn ul {
width: 95%;
margin-inline: auto;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents-btn ul {
flex-wrap: wrap;
row-gap: 2.1333333333vw;
}
}
.C_delivery_contents .delivery_contents-btn ul li a {
display: block;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents-btn ul li a {
width: min(15.8125915081vw, 216px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents-btn ul li a {
width: 42.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents {
display: flex;
flex-direction: column;
gap: min(4.9048316252vw, 67px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents {
display: flex;
flex-direction: column;
gap: 37.3333333333vw;
}
}
.C_delivery_contents .delivery_contents .item {
background-size: 100% 100% !important;
position: relative;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item {
background-image: url("../img/delivery/delivery_contents-bg-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(75.1098096633vw, 1026px);
padding: min(6.3689604685vw, 87px) min(6.4421669107vw, 88px) min(5.1244509517vw, 70px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item {
background-image: url("../img/delivery/delivery_contents-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: 12.2666666667vw 8.2666666667vw 9.0666666667vw;
}
}
.C_delivery_contents .delivery_contents .item .item-inner .TL {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item .item-inner .TL {
margin-bottom: min(2.4158125915vw, 33px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item .item-inner .TL {
margin-bottom: 6.1333333333vw;
}
}
.C_delivery_contents .delivery_contents .item .item-inner .img {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item .item-inner .img {
margin-bottom: min(2.4158125915vw, 33px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item .item-inner .img {
margin-bottom: 13.3333333333vw;
}
}
.C_delivery_contents .delivery_contents .item .item-inner .txt .TX {
letter-spacing: 0.06em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item .item-inner .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item .item-inner .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_delivery_contents .delivery_contents .item .item-inner .txt .TX span {
position: relative;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, transparent 70%, #ffffff 70%, #ffffff 100%);
}
.C_delivery_contents .delivery_contents .item .char {
position: absolute;
}
.C_delivery_contents .delivery_contents .item .char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(even) {
margin-left: auto;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(3), .C_delivery_contents .delivery_contents .item:nth-child(4) {
background-image: url("../img/delivery/delivery_contents-bg-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.C_delivery_contents .delivery_contents .item:nth-child(1) .char {
aspect-ratio: 335/232;
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(1) .char {
background-image: url("../img/delivery/delivery_contents-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(24.5241581259vw, 335px);
top: -5.5%;
right: 15%;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(1) .char {
background-image: url("../img/delivery/delivery_contents-char-01-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 61.3333333333vw;
top: -8.8%;
left: 8%;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(2) .char {
aspect-ratio: 341/310;
width: min(24.9633967789vw, 341px);
background-image: url("../img/delivery/delivery_contents-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -17%;
right: 3%;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(2) .char {
aspect-ratio: 162/112;
width: 43.2vw;
background-image: url("../img/delivery/delivery_contents-note-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -7%;
right: 2%;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(2) .char .note {
background-image: url("../img/delivery/delivery_contents-note-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(2) .char .note {
background-image: url("../img/delivery/delivery_contents-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(3) .char {
aspect-ratio: 456/215;
width: min(33.3821376281vw, 456px);
background-image: url("../img/delivery/delivery_contents-char-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -12%;
right: 23%;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(3) .char {
aspect-ratio: 313/169;
width: 83.4666666667vw;
background-image: url("../img/delivery/delivery_contents-char-03-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -26%;
left: 0%;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(4) .char {
aspect-ratio: 167/335;
width: min(12.2254758419vw, 167px);
background-image: url("../img/delivery/delivery_contents-char-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -45.5%;
right: 11%;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(4) .char {
aspect-ratio: 214/153;
width: 57.0666666667vw;
background-image: url("../img/delivery/delivery_contents-char-04-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -30%;
right: 0%;
}
}
@media screen and (min-width: 480px) {
.C_delivery_contents .delivery_contents .item:nth-child(4) .char .note {
background-image: url("../img/delivery/delivery_contents-note-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_delivery_contents .delivery_contents .item:nth-child(4) .char .note {
background-image: url("../img/delivery/delivery_contents-note-04-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* -----------------------
C_delivery_doctor
----------------------- */
.C_delivery_doctor {
margin-inline: auto;
background-size: 100% 100% !important;
}
@media screen and (min-width: 480px) {
.C_delivery_doctor {
width: min(64.055636896vw, 875px);
background-image: url("../img/delivery/delivery_doctor-bg-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: min(3.513909224vw, 48px) min(4.4655929722vw, 61px) min(4.831625183vw, 66px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_doctor {
width: 89.3333333333vw;
background-image: url("../img/delivery/delivery_doctor-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: 12.5333333333vw 8.5333333333vw 8.8vw;
}
}
.C_delivery_doctor .TL {
display: block;
width: 100%;
}
.C_delivery_doctor .TL img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media screen and (min-width: 480px) {
.C_delivery_doctor .txt {
margin-top: min(3.0014641288vw, 41px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_doctor .txt {
margin-top: 6.1333333333vw;
}
}
.C_delivery_doctor .txt .TX {
line-height: 1.8;
}
@media screen and (min-width: 480px) {
.C_delivery_doctor .txt .TX {
letter-spacing: 0.08em;
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_delivery_doctor .txt .TX {
letter-spacing: 0.05em;
font-size: 4.5333333333vw;
}
}
.C_delivery_doctor .txt .TX span {
position: relative;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, transparent 70%, #f4d7c2 70%, #f4d7c2 100%);
}
/* -----------------------
C_guidance-contents
----------------------- */
.C_guidance-contents {
position: relative;
z-index: 2;
}
.C_guidance-contents img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.C_guidance-contents .C_guidance-contents-inner {
position: relative;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner {
width: min(86.9692532943vw, 1188px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner {
width: 89.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu {
position: fixed;
left: 50%;
transform: translateX(max(-43.9238653001vw, -600px));
top: max(9.5168374817vw, 130px);
width: fit-content;
z-index: 3;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu.active .nav {
opacity: 1;
pointer-events: auto;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu::before {
content: "";
position: absolute;
z-index: 1;
top: 70%;
left: -67%;
aspect-ratio: 642/466;
width: min(46.9985358712vw, 642px);
background-image: url("../img/guidance/guidance-contents-bg.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu {
background-image: url("../img/guidance/guidance-nav-bg-cl.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100% !important;
padding: 8vw 8vw 9.8666666667vw;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu.open {
background-image: url("../img/guidance/guidance-nav-bg-op.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu.open .ttl .icon {
transform: translateY(-50%) rotate(180deg);
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu.open .nav {
display: block;
}
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .ttl {
width: 100%;
position: relative;
cursor: pointer;
z-index: 2;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .ttl .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1;
font-size: 4.8vw;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .ttl .icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
aspect-ratio: 1;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 6.4vw;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav {
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav {
display: flex;
flex-direction: column;
gap: 9.6vw;
padding-top: 16vw;
position: relative;
display: none;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav::before {
content: "";
position: absolute;
top: 8vw;
left: 0;
width: 100%;
height: 1.0666666667vw;
background-image: url('data:image/svg+xml;utf-8,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists {
display: flex;
flex-direction: column;
gap: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists {
display: flex;
flex-direction: column;
gap: 9.6vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a {
display: flex;
align-items: center;
width: fit-content;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .icon {
aspect-ratio: 1;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .icon {
width: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .icon {
width: 5.3333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .TX {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item > a .TX {
font-size: 4.8vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul {
margin-top: min(1.6837481698vw, 23px);
display: flex;
flex-direction: column;
gap: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul {
margin-top: 6.1333333333vw;
display: flex;
flex-direction: column;
gap: 4.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul li a {
display: block;
width: fit-content;
}
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul li a .tx {
line-height: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul li a .tx {
font-size: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .sticky-menu .nav-lists .nav-list-item ul li a .tx {
font-size: 4vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area {
margin-left: auto;
width: min(64.494875549vw, 881px);
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
gap: min(16.8374816984vw, 230px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area {
margin-top: 26.6666666667vw;
display: flex;
flex-direction: column;
gap: 26.6666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item {
position: relative;
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item:nth-child(2) {
margin-bottom: 21.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-ttl {
margin-bottom: min(3.2942898975vw, 45px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-ttl {
margin-bottom: 6.6666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-ttl .TL {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt {
display: flex;
flex-direction: column;
gap: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt {
display: flex;
flex-direction: column;
gap: 4vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TL {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TL {
font-size: min(1.6837481698vw, 23px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TL {
font-size: 5.3333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TX {
line-height: 2;
letter-spacing: 0.02em;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TX {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TX {
font-size: 4.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TX span {
position: relative;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, transparent 70%, #F4D7C2 70%, #F4D7C2 100%);
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-common .item-txt .TX a {
text-decoration: underline;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-01 {
margin-top: min(3.2942898975vw, 45px);
display: flex;
flex-direction: column;
gap: min(6.588579795vw, 90px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-01 {
margin-top: 18.1333333333vw;
display: flex;
flex-direction: column;
gap: 21.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-03 {
display: flex;
flex-direction: column;
gap: min(3.8799414348vw, 53px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-03 {
display: flex;
flex-direction: column;
gap: 14.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 {
margin-top: min(5.5636896047vw, 76px);
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 {
margin-top: 13.8666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu {
width: fit-content;
height: fit-content;
position: sticky;
top: 0;
left: 0;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu .ttl {
width: min(10.6149341142vw, 145px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu .ttl {
width: 45.3333333333vw;
margin-inline: auto;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul {
width: fit-content;
padding-left: min(2.5622254758vw, 35px);
margin-top: min(1.9765739385vw, 27px);
display: flex;
flex-direction: column;
gap: min(1.8301610542vw, 25px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul {
margin-top: 9.3333333333vw;
display: flex;
justify-content: space-between;
width: 61.6vw;
margin-inline: auto;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul .menu-lists-inner {
display: contents;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul .menu-lists-inner {
display: flex;
flex-direction: column;
gap: 2.6666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul li a {
display: block;
width: fit-content;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul li a {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul li a {
font-size: 4.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-menu ul li a::before {
content: "−";
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content {
background-size: 100% 100% !important;
position: relative;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content {
width: min(52.4890190337vw, 717px);
padding: min(6.5153733529vw, 89px) min(1.9033674963vw, 26px) min(3.2942898975vw, 45px) min(1.8301610542vw, 25px);
background-image: url("../img/guidance/guidance-contents-room-bg.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content {
margin-top: 8.2666666667vw;
padding: 21.3333333333vw 3.7333333333vw 5.8666666667vw;
background-image: url("../img/guidance/guidance-contents-item-sl-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content::before {
content: "";
position: absolute;
left: 0;
right: 0;
margin-inline: auto;
aspect-ratio: 62/32;
background-image: url("../img/guidance/guidance-contents-room--sl.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content::before {
width: min(4.5387994143vw, 62px);
top: min(1.5373352855vw, 21px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content::before {
top: 2.6666666667vw;
aspect-ratio: 1;
width: 16.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner {
overflow-y: scroll;
scroll-behavior: smooth;
scroll-padding-top: 15%;
-ms-overflow-style: none;
scrollbar-width: none;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner {
height: min(40.4099560761vw, 552px);
display: flex;
flex-direction: column;
gap: min(6.8814055637vw, 94px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner {
height: 80vw;
display: flex;
flex-direction: column;
gap: 11.2vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .ttl {
width: 100%;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .ttl .TL {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .txt {
margin-top: min(1.0248901903vw, 14px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .txt {
margin-top: 2.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .txt .TX {
font-size: 4.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .img {
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .img {
margin-top: min(3.6603221083vw, 50px);
display: flex;
flex-direction: column;
gap: min(1.8301610542vw, 25px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-04 .contents-04-content .contents-04-content-inner .room-item .img {
margin-top: 5.3333333333vw;
display: flex;
flex-direction: column;
gap: 6.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-05 {
margin-top: min(6.588579795vw, 90px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents.contents-05 {
margin-top: 17.0666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item {
background-size: 100% 100% !important;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item {
background-image: url("../img/guidance/guidance-contents-item-bg-pc.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: min(5.4172767204vw, 74px) min(6.2957540264vw, 86px) min(5.1976573939vw, 71px);
display: flex;
flex-direction: column;
gap: min(8.0527086384vw, 110px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item {
background-image: url("../img/guidance/guidance-contents-item-bg-sp.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 14.6666666667vw 8.5333333333vw 11.4666666667vw;
display: flex;
flex-direction: column;
gap: 13.3333333333vw;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item.contents-03-02 {
padding-bottom: 53.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-ttl {
margin-bottom: min(3.074670571vw, 42px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-ttl {
margin-bottom: 4.8vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-ttl .TL {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 {
padding-left: min(0.3660322108vw, 5px);
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul {
display: flex;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul {
flex-wrap: wrap;
gap: min(2.4890190337vw, 34px) min(2.1229868228vw, 29px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul {
flex-direction: column;
gap: 3.7333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul.check-list-ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul.check-list-ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul.check-list-ul {
flex-wrap: wrap;
column-gap: min(2.4158125915vw, 33px);
column-gap: 0;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul.check-list-ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul.check-list-ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul.check-list-ul li {
width: 26%;
margin-right: 0;
white-space: nowrap;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul.check-list-ul li:nth-child(2), .C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul.check-list-ul li:nth-child(5),
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul.check-list-ul li:nth-child(2),
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul.check-list-ul li:nth-child(5),
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul.check-list-ul li:nth-child(2),
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul.check-list-ul li:nth-child(5) {
width: 44%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li {
position: relative;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
line-height: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li {
font-size: min(1.2445095168vw, 17px);
padding-left: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li {
font-size: 4vw;
padding-left: 8vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li a {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 500;
font-style: normal;
border-bottom: solid #000;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li a {
border-bottom-width: min(0.0732064422vw, 1px);
font-size: min(1.2445095168vw, 17px);
margin-left: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li a,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li a {
border-bottom-width: 0.2666666667vw;
font-size: 3.7333333333vw;
margin-top: 2.6666666667vw;
display: block;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li::before {
content: "";
position: absolute;
left: 0;
aspect-ratio: 1;
border: solid #000;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li::before {
top: 50%;
transform: translateY(-50%);
width: min(1.317715959vw, 18px);
border-width: min(0.1464128843vw, 2px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .check-list ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .check-list ul li::before {
top: -14%;
width: 4vw;
border-width: 0.5333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .txt,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .txt,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .txt {
margin-top: min(3.6603221083vw, 50px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .txt,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .txt,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .txt {
margin-top: 7.4666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .txt .TX {
letter-spacing: 0.02em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .txt .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-02 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-03 .txt .TX {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li:nth-child(5) {
order: 6;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-01-01 .check-list ul li:nth-child(6) {
order: 5;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul {
display: flex;
flex-direction: column;
gap: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul {
display: flex;
flex-direction: column;
gap: 5.3333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li {
position: relative;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li {
font-size: min(1.317715959vw, 18px);
padding-left: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li {
font-size: 4vw;
padding-left: 5.6vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li::before {
content: "";
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: -8%;
aspect-ratio: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li::before {
left: 0;
width: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-01-02-01 .request-list ul li::before {
width: 7.2vw;
left: -3%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .txt .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .txt .TX {
letter-spacing: 0.08em;
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .txt .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .txt .TX {
letter-spacing: 0;
font-size: 4.5333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .hr,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .hr {
background-image: url("../img/guidance/about_introduction-line.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
background-size: 100% 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .hr,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .hr {
height: min(0.439238653vw, 6px);
margin-block: min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .hr,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .hr {
height: 1.0666666667vw;
margin-block: 7.2vw 8.5333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .time,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .time {
margin-bottom: min(3.6603221083vw, 50px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .time,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .time {
margin-bottom: 10.6666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .time .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .time .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .time .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .time .TX {
font-size: min(1.756954612vw, 24px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .time .TX,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .time .TX {
font-size: 5.6vw;
text-align: center;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li {
position: relative;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li {
padding-left: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li {
padding-left: 5.6vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li::before {
content: "";
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0%;
aspect-ratio: 1;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li::before {
left: 0;
width: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list.point ul li::before,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list.point ul li::before {
width: 7.2vw;
left: -3%;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list ul,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list ul {
display: flex;
flex-direction: column;
gap: 1.3333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list ul li {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.13em;
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list ul li {
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-01-01 .visitation-list ul li,
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-03-02-01 .visitation-list ul li {
font-size: 4vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul {
display: flex;
flex-direction: column;
gap: min(4.831625183vw, 66px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul {
display: flex;
flex-direction: column;
gap: 9.6vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li {
display: flex;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li {
gap: min(1.6105417277vw, 22px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li {
flex-direction: column;
gap: 4vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL {
display: block;
flex-shrink: 0;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
position: relative;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL {
width: min(7.3206442167vw, 100px);
font-size: min(1.2445095168vw, 17px);
padding-left: min(1.8301610542vw, 25px);
margin-top: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL {
font-size: 4vw;
padding-left: 6.6666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL::before {
content: "";
position: absolute;
left: 0;
aspect-ratio: 1;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL::before {
width: min(1.8301610542vw, 25px);
top: 0;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TL::before {
width: 6.6666666667vw;
top: -10%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TX {
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-contents .item .item-inner .item-05-01 .food-list ul li .TX {
font-size: 4vw;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-02-btn {
margin-top: min(3.1478770132vw, 43px);
width: min(20.7174231332vw, 283px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-02-btn {
margin: 10.6666666667vw auto 0;
width: 75.4666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-02-btn a {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-04-btn {
margin-top: min(5.5636896047vw, 76px);
margin-left: min(11.7130307467vw, 160px);
width: min(20.7174231332vw, 283px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-04-btn {
margin-inline: auto;
margin-top: 6.4vw;
width: 75.4666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-04-btn a {
display: block;
width: 100%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img {
margin-top: min(4.0263543192vw, 55px);
display: flex;
flex-direction: column;
gap: min(0.9516837482vw, 13px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img {
margin-top: 16vw;
display: flex;
flex-direction: column;
gap: 1.3333333333vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img {
display: flex;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img {
gap: min(1.0248901903vw, 14px);
height: min(25.3294289898vw, 346px);
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img {
gap: 1.3333333333vw;
height: 35.4666666667vw;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img .img.img-01 {
background-image: url("../img/guidance/guidance-contents-food-01.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 58.9655172414%;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img .img.img-02 {
background-image: url("../img/guidance/guidance-contents-food-02.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 39.3103448276%;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img .img.img-03 {
background-image: url("../img/guidance/guidance-contents-food-03.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 39.3103448276%;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .item-food-img .food-img .img.img-04 {
background-image: url("../img/guidance/guidance-contents-food-04.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 58.9655172414%;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char {
position: absolute;
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-01 {
background-image: url("../img/guidance/guidance-contents-char-01-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 157/174;
width: min(11.4934114202vw, 157px);
top: -6.5%;
right: 3%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-01 {
top: -6.2%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-02 {
background-image: url("../img/guidance/guidance-contents-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 132/98;
width: min(9.663250366vw, 132px);
top: 32%;
right: 20%;
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-02 {
top: 33.5%;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-03 {
background-image: url("../img/guidance/guidance-contents-char-03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 175/157;
width: min(12.8111273792vw, 175px);
bottom: 30%;
right: 8%;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-03 {
background-image: url("../img/guidance/guidance-contents-note-03-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 122/134;
width: 32.5333333333vw;
bottom: 27%;
right: 0%;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-03 .note {
background-image: url("../img/guidance/guidance-contents-char-03-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-04 {
background-image: url("../img/guidance/guidance-contents-char-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 251/292;
width: min(18.3748169839vw, 251px);
top: -12%;
right: 7%;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-04 {
background-image: url("../img/guidance/guidance-contents-char-04-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 207/111;
width: 55.2vw;
bottom: -50%;
right: 11%;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-04 .note {
background-image: url("../img/guidance/guidance-contents-note-04-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-04 .note {
background-image: url("../img/guidance/guidance-contents-note-04-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-05 {
background-image: url("../img/guidance/guidance-contents-char-05-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 163/219;
width: min(11.9326500732vw, 163px);
top: 37%;
right: 5%;
}
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-05 {
background-image: url("../img/guidance/guidance-contents-char-05-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 149/160;
width: 39.7333333333vw;
bottom: 0.4%;
left: 0;
right: 0;
margin-inline: auto;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-06 {
background-image: url("../img/guidance/guidance-contents-note-06-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 301/210;
width: min(22.0351390922vw, 301px);
top: 0%;
right: 0%;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-06 .note {
background-image: url("../img/guidance/guidance-contents-char-06-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-07 {
background-image: url("../img/guidance/guidance-contents-char-07.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 265/311;
width: min(19.3997071742vw, 265px);
bottom: -8%;
right: -3%;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-07 {
background-image: url("../img/guidance/guidance-contents-char-07.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 265/311;
width: min(19.3997071742vw, 265px);
bottom: -8%;
right: -3%;
}
}
@media screen and (min-width: 480px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-08 {
background-image: url("../img/guidance/guidance-contents-note-06-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 301/209;
width: min(22.0351390922vw, 301px);
top: -5.5%;
right: 0%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-08 .note {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url("../img/guidance/guidance-contents-char-06-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char.char-09 {
background-image: url("../img/guidance/guidance-contents-char-07-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 191/221;
width: 50.9333333333vw;
top: 120%;
left: 15%;
}
}
.C_guidance-contents .C_guidance-contents-inner .contents-area-item .decoration .char .note {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* -----------------------
top-page
----------------------- */
.white-sec-jaggy {
background-color: #ffffff;
}
.white-sec-jaggy::before, .white-sec-jaggy::after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
background-image: url("../img/white-sec-jaggy-top.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100% !important;
bottom: 100%;
}
@media screen and (min-width: 480px) {
.white-sec-jaggy::before, .white-sec-jaggy::after {
height: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.white-sec-jaggy::before, .white-sec-jaggy::after {
height: 2.6666666667vw;
}
}
.white-sec-jaggy::after {
background-image: url("../img/white-sec-jaggy-bottom.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
top: 100%;
bottom: unset;
z-index: -1;
}
.top-page .sec_top_about {
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_about {
padding: min(10.102489019vw, 138px) 0 min(10.9077598829vw, 149px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_about {
padding: 12.8vw 0 17.8666666667vw;
}
}
.top-page .sec_top_about .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_about .C_sec_ttl {
margin-bottom: min(4.4655929722vw, 61px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_about .C_sec_ttl {
margin-bottom: 10.9333333333vw;
}
}
.top-page .sec_top_guidance {
background-color: #ffffff;
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance {
padding: min(7.7598828697vw, 106px) 0 min(8.5651537335vw, 117px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_guidance {
padding: 13.8666666667vw 0 49.8666666667vw;
}
}
.top-page .sec_top_guidance .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .C_sec_ttl {
margin-bottom: min(4.2459736457vw, 58px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_guidance .C_sec_ttl {
margin-bottom: 10.9333333333vw;
}
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .sec_txt {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_guidance .sec_txt {
margin: 0 auto 13.3333333333vw;
width: 89.3333333333vw;
}
}
.top-page .sec_top_guidance .sec_txt .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .sec_txt .TX {
text-align: center;
letter-spacing: 0.05em;
font-size: min(1.2445095168vw, 17px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_guidance .sec_txt .TX {
font-size: 4.5333333333vw;
}
}
.top-page .sec_top_guidance .sec-char .char,
.top-page .sec_top_guidance .sec-char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .sec-char .char-01 {
position: absolute;
aspect-ratio: 200/174;
width: min(14.6412884334vw, 200px);
top: 33.5%;
right: -1%;
}
}
.top-page .sec_top_guidance .sec-char .char-01 .char {
background-image: url("../img/char/top-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_guidance .sec-char .char-01 .note {
background-image: url("../img/char/top-char-01-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .sec-char .char-02 {
position: absolute;
aspect-ratio: 200/273;
width: min(14.6412884334vw, 200px);
top: 48.5%;
left: -2%;
}
}
.top-page .sec_top_guidance .sec-char .char-02 .char {
background-image: url("../img/char/top-char-02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_guidance .sec-char .char-02 .note {
background-image: url("../img/char/top-char-02-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_guidance .sec-char .char-03 {
position: absolute;
z-index: 3;
aspect-ratio: 155/193;
width: min(11.3469985359vw, 155px);
bottom: -2.5%;
left: 15%;
}
}
.top-page .sec_top_guidance .sec-char .char-03 .char {
background-image: url("../img/char/top-char-03.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 479px) {
.top-page .sec_top_guidance .sec-char .char-04 {
position: absolute;
z-index: 3;
aspect-ratio: 316/161;
width: 84.2666666667vw;
bottom: -1%;
left: 7%;
}
}
.top-page .sec_top_guidance .sec-char .char-04 .char {
background-image: url("../img/char/top-char-04.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_guidance .sec-char .char-04 .note {
background-image: url("../img/char/top-char-04-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_schedule {
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_schedule {
padding: min(13.8360175695vw, 189px) 0 min(14.2752562225vw, 195px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_schedule {
padding: 18.1333333333vw 0 55.2vw;
}
}
.top-page .sec_top_schedule .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_schedule .C_sec_ttl {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_schedule .C_sec_ttl {
margin-bottom: 13.3333333333vw;
}
}
.top-page .sec_top_schedule .sec-char .char,
.top-page .sec_top_schedule .sec-char .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.top-page .sec_top_schedule .sec-char .char-01 {
position: absolute;
aspect-ratio: 446/257;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_schedule .sec-char .char-01 {
width: min(32.6500732064vw, 446px);
bottom: -1.5%;
right: 2%;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_schedule .sec-char .char-01 {
width: 82.9333333333vw;
bottom: -1%;
right: 12%;
}
}
.top-page .sec_top_schedule .sec-char .char-01 .char {
background-image: url("../img/char/top-char-05.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_schedule .sec-char .char-01 .note {
background-image: url("../img/char/top-char-05-note.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.top-page .sec_top_reserve {
background-color: #ffffff;
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_reserve {
padding: min(13.8360175695vw, 189px) 0 0;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_reserve {
padding: 18.1333333333vw 0 0;
}
}
.top-page .sec_top_reserve .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_reserve .C_sec_ttl {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_reserve .C_sec_ttl {
margin-bottom: 13.3333333333vw;
}
}
.top-page .sec_top_first-users {
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_first-users {
padding: min(8.1991215227vw, 112px) 0 0;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_first-users {
padding: 19.7333333333vw 0 0;
}
}
.top-page .sec_top_first-users .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_first-users .C_sec_ttl {
margin-bottom: min(3.2210834553vw, 44px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_first-users .C_sec_ttl {
margin-bottom: 9.6vw;
}
}
.top-page .sec_top_first-users .decoration .deco {
position: absolute;
z-index: 1;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_first-users .decoration .deco.char-01 {
aspect-ratio: 370/235;
background-image: url("../img/TOP/top_first-users-contents-char-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(27.0863836018vw, 370px);
bottom: -1.5%;
right: 7%;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_first-users .decoration .deco.char-01 {
aspect-ratio: 181/162;
background-image: url("../img/TOP/top_first-users-contents-char-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 48.2666666667vw;
left: 0;
right: 0;
margin-inline: auto;
bottom: -1%;
}
}
.top-page .sec_top_first-users .decoration .deco.char-01 .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_first-users .decoration .deco.char-01 .note {
background-image: url("../img/TOP/top_first-users-contents-note-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_first-users .decoration .deco.char-01 .note {
background-image: url("../img/TOP/top_first-users-contents-note-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.top-page .sec_top_recruitment {
position: relative;
background-color: #ffffff;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_recruitment {
padding: min(4.7584187408vw, 65px) 0 min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_recruitment {
padding: 16.2666666667vw 0 10.1333333333vw;
}
}
.top-page .sec_top_recruitment .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_recruitment .C_sec_ttl {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_recruitment .C_sec_ttl {
margin-bottom: 13.3333333333vw;
}
}
.top-page .sec_top_news {
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_news {
padding: min(7.3938506589vw, 101px) 0 min(13.5431918009vw, 185px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_news {
padding: 14.6666666667vw 0 45.3333333333vw;
}
}
.top-page .sec_top_news .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_news .C_sec_ttl {
margin-bottom: min(3.7335285505vw, 51px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_news .C_sec_ttl {
margin-bottom: 9.8666666667vw;
}
}
.top-page .sec_top_access {
position: relative;
background-color: #ffffff;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_access {
padding: min(7.2474377745vw, 99px) 0 min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_access {
padding: 16vw 0 29.3333333333vw;
}
}
.top-page .sec_top_access .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_access .C_sec_ttl {
margin-bottom: min(5.710102489vw, 78px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_access .C_sec_ttl {
margin-bottom: 13.3333333333vw;
}
}
.top-page .sec_top_contact {
position: relative;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_contact {
padding: min(13.8360175695vw, 189px) 0 0;
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_contact {
padding: 18.1333333333vw 0 0;
}
}
.top-page .sec_top_contact .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.top-page .sec_top_contact .C_sec_ttl {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.top-page .sec_top_contact .C_sec_ttl {
margin-bottom: 13.3333333333vw;
}
}
/* -----------------------
about-page
----------------------- */
.about-page .sec_about_greet {
position: relative;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_greet {
padding: min(9.8096632504vw, 134px) 0 min(19.3997071742vw, 265px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_greet {
padding: 13.8666666667vw 0 17.8666666667vw;
}
}
.about-page .sec_about_greet .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_greet .C_sec_ttl {
margin-bottom: min(4.4655929722vw, 61px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_greet .C_sec_ttl {
margin-bottom: 14.1333333333vw;
}
}
.about-page .sec_about_introduction {
position: relative;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_introduction {
padding: min(10.980966325vw, 150px) 0 min(11.5666178624vw, 158px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_introduction {
padding: 17.3333333333vw 0 22.1333333333vw;
}
}
.about-page .sec_about_introduction .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_introduction .C_sec_ttl {
margin-bottom: min(4.1727672035vw, 57px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_introduction .C_sec_ttl {
margin-bottom: 10.9333333333vw;
}
}
.about-page .sec_about_photo {
position: relative;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_photo {
padding: 0 0 min(20.4978038067vw, 280px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_photo {
padding: 0 0 13.8666666667vw;
}
}
.about-page .sec_about_overview {
position: relative;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_overview {
padding: min(5.7833089312vw, 79px) 0 min(8.9311859444vw, 122px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_overview {
padding: 13.8666666667vw 0 21.3333333333vw;
}
}
.about-page .sec_about_overview .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.about-page .sec_about_overview .C_sec_ttl {
margin-bottom: min(7.8330893119vw, 107px);
}
}
@media screen and (max-width: 479px) {
.about-page .sec_about_overview .C_sec_ttl {
margin-bottom: 9.3333333333vw;
}
}
/* -----------------------
gynecology-page
----------------------- */
.gynecology-page {
position: relative;
}
@media screen and (min-width: 480px) {
.gynecology-page {
max-width: 1366px;
margin-inline: auto;
}
}
@media screen and (min-width: 480px) {
.gynecology-page .sec_gynecology {
padding: min(6.0029282577vw, 82px) 0 min(12.0790629575vw, 165px);
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec_gynecology {
padding: 27.4666666667vw 0 46.9333333333vw;
}
}
.gynecology-page .sec_gynecology .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.gynecology-page .sec_gynecology .C_sec_ttl {
margin-bottom: min(3.074670571vw, 42px);
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec_gynecology .C_sec_ttl {
margin-bottom: 12vw;
}
}
.gynecology-page .sec_gynecology .sec_txt {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.gynecology-page .sec_gynecology .sec_txt {
margin-bottom: min(12.2254758419vw, 167px);
text-align: center;
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec_gynecology .sec_txt {
margin-bottom: 62.6666666667vw;
padding-inline: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.gynecology-page .sec_gynecology .sec_txt .TX {
letter-spacing: 0.05em;
font-size: min(1.2445095168vw, 17px);
line-height: 2.5;
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec_gynecology .sec_txt .TX {
letter-spacing: 0.1em;
font-size: 4.5333333333vw;
line-height: 1.8;
}
}
.gynecology-page .sec-decoration .img {
position: absolute;
}
.gynecology-page .sec-decoration .img .char,
.gynecology-page .sec-decoration .img .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gynecology-page .sec-decoration .img.img-01 {
aspect-ratio: 167/275;
width: min(12.2254758419vw, 167px);
bottom: -0.7%;
left: 7%;
}
.gynecology-page .sec-decoration .img.img-01 .char {
background-image: url("../img/char/about-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.gynecology-page .sec-decoration .img.img-02 {
aspect-ratio: 134/149;
width: min(9.8096632504vw, 134px);
bottom: -0.5%;
right: 7%;
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec-decoration .img.img-02 {
aspect-ratio: 186/121;
width: 49.6vw;
bottom: -0.3%;
left: 7%;
}
}
@media screen and (min-width: 480px) {
.gynecology-page .sec-decoration .img.img-02 .char {
background-image: url("../img/char/about-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.gynecology-page .sec-decoration .img.img-02 .char {
background-image: url("../img/char/about-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* -----------------------
obstetrics-page
----------------------- */
.obstetrics-page {
position: relative;
}
@media screen and (min-width: 480px) {
.obstetrics-page {
padding: min(6.0029282577vw, 82px) 0 min(10.7613469985vw, 147px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page {
padding: 27.4666666667vw 0 17.0666666667vw;
}
}
.obstetrics-page .sec_obstetrics .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics .C_sec_ttl {
margin-bottom: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics .C_sec_ttl {
margin-bottom: 8.5333333333vw;
}
}
.obstetrics-page .sec_obstetrics .sec_txt {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics .sec_txt {
text-align: center;
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics .sec_txt {
padding-inline: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics .sec_txt .TX {
letter-spacing: 0.05em;
font-size: min(1.2445095168vw, 17px);
line-height: 3;
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics .sec_txt .TX {
font-size: 4.5333333333vw;
line-height: 1.8;
}
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics_detail {
margin-top: min(10.541727672vw, 144px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics_detail {
margin-top: 9.8666666667vw;
}
}
.obstetrics-page .sec_obstetrics_detail .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics_detail .C_sec_ttl {
margin-bottom: min(4.6852122987vw, 64px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics_detail .C_sec_ttl {
margin-bottom: 9.8666666667vw;
}
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics_achievement {
margin-top: min(14.2752562225vw, 195px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics_achievement {
margin-top: 19.2vw;
}
}
.obstetrics-page .sec_obstetrics_achievement .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.obstetrics-page .sec_obstetrics_achievement .C_sec_ttl {
margin-bottom: min(5.3440702782vw, 73px);
}
}
@media screen and (max-width: 479px) {
.obstetrics-page .sec_obstetrics_achievement .C_sec_ttl {
margin-bottom: 11.7333333333vw;
}
}
/* -----------------------
delivery-page
----------------------- */
.delivery-page {
position: relative;
}
@media screen and (min-width: 480px) {
.delivery-page {
padding: min(7.467057101vw, 102px) 0 min(6.7349926794vw, 92px);
}
}
@media screen and (max-width: 479px) {
.delivery-page {
padding: 13.3333333333vw 0 60.5333333333vw;
}
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor {
margin-top: min(12.737920937vw, 174px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor {
margin-top: 19.4666666667vw;
}
}
.delivery-page .sec_delivery_doctor .C_sec_ttl {
width: fit-content;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor .C_sec_ttl {
margin-bottom: min(5.1976573939vw, 71px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor .C_sec_ttl {
margin-bottom: 11.2vw;
}
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor.delivery_info_list {
margin-top: min(8.1259150805vw, 111px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor.delivery_info_list {
margin-top: 22.6666666667vw;
}
}
.delivery-page .sec_delivery_doctor.delivery_info_list img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.delivery-page .sec_delivery_doctor.delivery_info_list .C_sec_ttl .TL {
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_sec_ttl .TL {
width: min(27.9648609078vw, 382px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_sec_ttl .TL {
width: 87.2vw;
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor {
padding: 10.1333333333vw 8vw 12.5333333333vw;
}
}
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .txt {
margin-top: 0;
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .txt {
margin-bottom: min(3.6603221083vw, 50px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .txt {
margin-bottom: 8vw;
}
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .txt .TX {
text-align: center;
}
}
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .info_btn a {
display: block;
margin-inline: auto;
}
@media screen and (min-width: 480px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .info_btn a {
width: min(18.5212298682vw, 253px);
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .info_btn a {
width: 48.2666666667vw;
}
}
.delivery-page .sec_delivery_doctor.delivery_info_list .C_delivery_doctor .info_btn a img {
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.6));
}
.delivery-page .sec-decoration .img {
position: absolute;
}
.delivery-page .sec-decoration .img .char,
.delivery-page .sec-decoration .img .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.delivery-page .sec-decoration .img.img-01 {
aspect-ratio: 267/270;
width: min(19.5461200586vw, 267px);
bottom: 0;
left: 16.5%;
}
@media screen and (min-width: 480px) {
.delivery-page .sec-decoration .img.img-01 {
bottom: -0.1%;
}
}
.delivery-page .sec-decoration .img.img-01 .char {
background-image: url("../img/char/delivery-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.delivery-page .sec-decoration .img.img-02 {
aspect-ratio: 248/167;
width: min(18.1551976574vw, 248px);
bottom: 0;
right: 17.5%;
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec-decoration .img.img-02 {
aspect-ratio: 174/147;
width: 46.4vw;
bottom: 0;
right: 0;
left: 0;
margin-inline: auto;
}
}
@media screen and (min-width: 480px) {
.delivery-page .sec-decoration .img.img-02 .char {
background-image: url("../img/char/delivery-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.delivery-page .sec-decoration .img.img-02 .char {
background-image: url("../img/char/delivery-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* -----------------------
guidance-page
----------------------- */
.guidance-page {
position: relative;
}
@media screen and (min-width: 480px) {
.guidance-page {
padding: min(9.5900439239vw, 131px) 0 min(11.7862371889vw, 161px);
}
}
@media screen and (max-width: 479px) {
.guidance-page {
padding: 16vw 0 69.6vw;
}
}
/* -----------------------
recruit main
----------------------- */
.recruit-page {
position: relative;
}
@media screen and (min-width: 480px) {
.recruit-page {
padding-inline: min(21.9619326501vw, 300px);
}
}
@media screen and (max-width: 479px) {
.recruit-page {
padding-inline: 5.3333333333vw;
}
}
.recruit-inner {
position: relative;
}
@media screen and (min-width: 480px) {
.recruit-inner {
width: min(56.0029282577vw, 765px);
margin: 0 auto;
padding-block: min(10.980966325vw, 150px) min(7.3206442167vw, 100px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner {
padding-block: 21.8666666667vw 26.6666666667vw;
}
}
.recruit-inner .recruit-content .TL-box {
position: relative;
width: fit-content;
margin: 0 auto;
}
.recruit-inner .recruit-content .TL-box .TL {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .TL-box .TL {
font-size: min(2.0497803807vw, 28px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .TL-box .TL {
font-size: 8vw;
}
}
.recruit-inner .recruit-content .TL-box::before, .recruit-inner .recruit-content .TL-box::after {
content: "";
position: absolute;
top: 30%;
transform: translateY(-50%);
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .TL-box::before, .recruit-inner .recruit-content .TL-box::after {
height: min(9.224011713vw, 126px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .TL-box::before {
background-image: url("../img/recruit-TL-left-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 12vw;
height: 18.4vw;
left: -12vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .TL-box::before {
background-image: url("../img/recruit-TL-left.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(33.5285505124vw, 458px);
left: -40.5563689605vw;
}
}
@media screen and (min-width: 1367px) {
.recruit-inner .recruit-content .TL-box::before {
left: -554px;
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .TL-box::after {
background-image: url("../img/recruit-TL-right-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 14.9333333333vw;
height: 19.7333333333vw;
right: -12.2666666667vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .TL-box::after {
background-image: url("../img/recruit-TL-right.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(31.7715959004vw, 434px);
right: -38.5065885798vw;
}
}
@media screen and (min-width: 1367px) {
.recruit-inner .recruit-content .TL-box::after {
right: -526px;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item {
margin-top: min(7.3206442167vw, 100px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item {
margin-top: 13.6vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li {
display: flex;
gap: min(2.5622254758vw, 35px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item li {
position: relative;
padding-block: 8.8vw 8.2666666667vw;
}
}
.recruit-inner .recruit-content .recruit-item li .item-box {
position: relative;
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item li .item-box {
font-size: 4.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li .item-box {
font-size: min(1.2811127379vw, 17.5px);
padding-block: min(3.2210834553vw, 44px);
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li .item-box.label {
width: min(13.1039531479vw, 179px);
padding-left: min(1.0248901903vw, 14px);
}
}
.recruit-inner .recruit-content .recruit-item li .item-box.label h4 {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.recruit-inner .recruit-content .recruit-item li .item-box.label::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li .item-box.label::before {
width: 100%;
height: min(0.3660322108vw, 5px);
}
}
.recruit-inner .recruit-content .recruit-item li .item-box.textbox {
line-height: 1.8;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li .item-box.textbox {
width: min(40.0439238653vw, 547px);
padding-left: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item li .item-box.textbox {
margin-top: 2.6666666667vw;
}
}
.recruit-inner .recruit-content .recruit-item li .item-box.textbox::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li .item-box.textbox::before {
width: 100%;
height: min(0.3660322108vw, 5px);
}
}
.recruit-inner .recruit-content .recruit-item li .item-box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
}
.recruit-inner .recruit-content .recruit-item li:first-child .item-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li:first-child .label {
width: min(13.1039531479vw, 179px);
padding-left: min(1.0248901903vw, 14px);
}
}
.recruit-inner .recruit-content .recruit-item li:first-child .label::after {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li:first-child .label::after {
height: min(0.3660322108vw, 5px);
}
}
.recruit-inner .recruit-content .recruit-item li:first-child .textbox::after {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content .recruit-item li:first-child .textbox::after {
height: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item li:first-child::after {
content: "";
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
width: 100%;
height: 1.3333333333vw;
top: 0;
left: 0;
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content .recruit-item li::before {
content: "";
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
width: 100%;
height: 1.3333333333vw;
bottom: 0;
left: 0;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content:nth-child(2) {
margin-top: min(15.2269399707vw, 208px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content:nth-child(2) {
margin-top: 31.4666666667vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::before, .recruit-inner .recruit-content:nth-child(2) .TL-box::after {
transform: translateY(-50%) scale(-1, 1);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::before, .recruit-inner .recruit-content:nth-child(2) .TL-box::after {
top: 20%;
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::before {
background-image: url("../img/recruit-TL-left-sp02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 16.2666666667vw;
height: 18.6666666667vw;
left: -13.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::before {
background-image: url("../img/recruit-TL-right.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(31.7715959004vw, 434px);
left: -40.5563689605vw;
}
}
@media screen and (min-width: 1367px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::before {
left: -554px;
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::after {
background-image: url("../img/recruit-TL-right-sp02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 15.2vw;
height: 18.1333333333vw;
right: -10.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::after {
background-image: url("../img/recruit-TL-left.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(33.5285505124vw, 458px);
right: -38.5065885798vw;
}
}
@media screen and (min-width: 1367px) {
.recruit-inner .recruit-content:nth-child(2) .TL-box::after {
right: -526px;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-link {
background-image: url("../img/recruit-link-bg.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(44.3631039531vw, 606px);
height: min(19.1800878477vw, 262px);
padding-block: min(3.1478770132vw, 43px);
margin: min(8.4187408492vw, 115px) auto 0;
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-link {
background-image: url("../img/recruit-link-bg-sp.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 81.0666666667vw;
height: 74.4vw;
padding: 10.6666666667vw 10.1333333333vw 12vw 10.4vw;
margin: 24vw auto 0;
}
}
.recruit-inner .recruit-link .TX {
line-height: 2;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-link .TX {
text-align: center;
font-size: min(1.2811127379vw, 17.5px);
letter-spacing: min(0.0951683748vw, 1.3px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-link .TX {
font-size: 4.6666666667vw;
letter-spacing: 0.3466666667vw;
}
}
.recruit-inner .recruit-link .link {
background-color: #000;
border-radius: 999px;
position: relative;
width: fit-content;
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-link .link {
padding: min(1.9033674963vw, 26px) min(1.9546120059vw, 26.7px) min(1.4641288433vw, 20px) min(3.074670571vw, 42px);
margin: min(2.196193265vw, 30px) auto 0;
gap: min(1.3909224012vw, 19px);
box-shadow: 0 min(0.2196193265vw, 3px) min(0.439238653vw, 6px) 0 rgba(0, 0, 0, 0.5);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-link .link {
padding: 4.8vw 5.8666666667vw 4.8vw 7.4666666667vw;
margin: 5.3333333333vw auto 0;
gap: 3.7333333333vw;
box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.5);
}
}
.recruit-inner .recruit-link .link-TX {
color: #fff;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-link .link-TX {
font-size: min(1.5373352855vw, 21px);
letter-spacing: min(0.0585651537vw, 0.8px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-link .link-TX {
font-size: 3.7333333333vw;
letter-spacing: 0.1066666667vw;
}
}
.recruit-inner .recruit-link .link::after {
content: "";
display: block;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-link .link::after {
width: min(1.9765739385vw, 27px);
height: min(1.5373352855vw, 21px);
}
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-link .link::after {
width: 5.0666666667vw;
height: 3.7333333333vw;
}
}
.recruit-inner .recruit-img {
position: absolute;
}
@media screen and (max-width: 479px) {
.recruit-inner .recruit-img {
background-image: url("../img/recruit-img-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 47.7333333333vw;
height: 33.6vw;
bottom: -2.6666666667vw;
left: -2.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.recruit-inner .recruit-img {
background-image: url("../img/recruit-img.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(17.6427525622vw, 241px);
height: min(20.9370424597vw, 286px);
bottom: -0.9516837482vw;
left: -5.8565153734vw;
}
}
@media screen and (min-width: 1367px) {
.recruit-inner .recruit-img {
bottom: -13px;
left: -80px;
}
}
/* -----------------------
faq main
----------------------- */
.faq-page {
position: relative;
}
@media screen and (min-width: 480px) {
.faq-page {
padding: min(8.345534407vw, 114px) min(12.9575402635vw, 177px) min(12.8111273792vw, 175px);
}
}
@media screen and (max-width: 479px) {
.faq-page {
padding: 16vw 5.3333333333vw 65.3333333333vw;
}
}
.faq-page .faq-nav {
margin: 0 auto;
}
.faq-page .faq-nav ul {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 480px) {
.faq-page .faq-nav ul {
gap: min(1.3909224012vw, 19px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-nav ul {
gap: 4.8vw 3.4666666667vw;
flex-wrap: wrap;
}
}
.faq-page .faq-nav ul li {
background: #f9e2d6;
border-radius: 999px;
position: relative;
}
@media screen and (min-width: 480px) {
.faq-page .faq-nav ul li {
box-shadow: 0 min(0.2196193265vw, 3px) min(0.439238653vw, 6px) 0 rgba(0, 0, 0, 0.5);
width: min(15.8125915081vw, 216px);
height: min(3.8067349927vw, 52px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-nav ul li {
box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.5);
width: 42.6666666667vw;
height: 10.1333333333vw;
}
}
.faq-page .faq-nav ul li a {
width: 100%;
height: 100%;
display: grid;
place-items: center;
}
.faq-page .faq-nav ul li .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.faq-page .faq-nav ul li .TX {
font-size: min(1.2445095168vw, 17px);
margin-left: min(-0.7320644217vw, -10px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-nav ul li .TX {
font-size: 3.4666666667vw;
margin-left: -2.6666666667vw;
}
}
.faq-page .faq-nav ul li::before {
content: "";
position: absolute;
top: 43%;
transform: trasnslateY(-50%);
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.faq-page .faq-nav ul li::before {
width: min(1.1713030747vw, 16px);
height: min(0.6588579795vw, 9px);
right: min(1.756954612vw, 24px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-nav ul li::before {
width: 3.2vw;
height: 2.1333333333vw;
right: 4.8vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-main {
margin: min(10.6881405564vw, 146px) auto 0;
width: fit-content;
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-main {
margin-top: 28.5333333333vw;
}
}
.faq-page .faq-section {
position: relative;
}
.faq-page .faq-section .faq-img {
position: absolute;
}
@media screen and (min-width: 480px) {
.faq-page .faq-section .C_KV-title {
gap: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section .C_KV-title {
margin: 0 auto;
gap: 0vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section .C_KV-title .icon {
width: min(4.0263543192vw, 55px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section .C_KV-title .icon {
width: 10.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section .C_KV-title .TL {
font-size: min(2.5622254758vw, 35px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section .C_KV-title .TL {
font-size: 8vw;
text-align: center;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.sanka .faq-img {
background-image: url("../img/faq-img01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(9.0775988287vw, 124px);
height: min(29.7218155198vw, 406px);
top: min(16.1054172767vw, 220px);
left: -10.7613469985vw;
}
}
@media screen and (min-width: 1367px) {
.faq-page .faq-section.sanka .faq-img {
left: -147px;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.fujinka {
margin-top: min(8.5651537335vw, 117px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.fujinka {
margin-top: 91.4666666667vw;
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.fujinka .faq-img {
background-image: url("../img/faq-img-sp01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 48vw;
height: 55.4666666667vw;
top: -83.4666666667vw;
left: 6.9333333333vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.fujinka .faq-img {
background-image: url("../img/faq-img02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(16.4714494876vw, 225px);
height: min(30.0878477306vw, 411px);
top: -22.5475841874vw;
right: -14.6412884334vw;
}
}
@media screen and (min-width: 1367px) {
.faq-page .faq-section.fujinka .faq-img {
top: -308px;
right: -200px;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.fujinka .faq-img:nth-child(2) {
background-image: url("../img/faq-img03.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(17.7891654466vw, 243px);
height: min(29.2093704246vw, 399px);
top: auto;
bottom: min(9.7364568082vw, 133px);
left: -15.3733528551vw;
}
}
@media screen and (min-width: 1367px) {
.faq-page .faq-section.fujinka .faq-img:nth-child(2) {
left: -210px;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.funin {
margin-top: min(6.588579795vw, 90px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.funin {
margin-top: 91.4666666667vw;
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.funin .faq-img {
background-image: url("../img/faq-img-sp02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 54.1333333333vw;
height: 59.7333333333vw;
top: -90.1333333333vw;
right: 9.0666666667vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.other {
margin-top: min(6.0029282577vw, 82px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.other {
margin-top: 36vw;
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section.other .faq-img {
background-image: url("../img/faq-img-sp03.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 54.4vw;
height: 56.2666666667vw;
bottom: -69.3333333333vw;
left: 14.1333333333vw;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section.other .faq-img {
background-image: url("../img/faq-img04.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(9.0775988287vw, 124px);
height: min(29.7218155198vw, 406px);
bottom: -13.1039531479vw;
right: -8.6383601757vw;
}
}
@media screen and (min-width: 1367px) {
.faq-page .faq-section.other .faq-img {
bottom: -179px;
right: -118px;
}
}
@media screen and (min-width: 480px) {
.faq-page .faq-section .faq-content {
margin-top: min(3.1478770132vw, 43px);
}
}
@media screen and (max-width: 479px) {
.faq-page .faq-section .faq-content {
margin-top: 9.0666666667vw;
}
}
/* -----------------------
contact main
----------------------- */
.contact-page {
position: relative;
}
@media screen and (min-width: 480px) {
.contact-page {
padding-inline: min(14.6412884334vw, 200px);
}
}
@media screen and (max-width: 479px) {
.contact-page {
padding-inline: 5.3333333333vw;
}
}
.contact-inner {
position: relative;
}
@media screen and (min-width: 480px) {
.contact-inner {
width: min(60.3221083455vw, 824px);
margin: 0 auto;
padding-block: min(9.2972181552vw, 127px) min(11.3469985359vw, 155px);
}
}
@media screen and (max-width: 479px) {
.contact-inner {
padding-block: 20.5333333333vw 49.6vw;
}
}
.contact-inner .contact-TX {
text-align: center;
line-height: 2;
}
@media screen and (min-width: 480px) {
.contact-inner .contact-TX {
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.contact-inner .contact-TX {
font-size: 4.4vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner form {
width: min(55.7833089312vw, 762px);
margin: min(9.663250366vw, 132px) auto 0;
}
}
@media screen and (max-width: 479px) {
.contact-inner form {
margin-top: 18.6666666667vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .radio-area,
.contact-inner form .label-wrap {
display: flex;
gap: min(2.7818448023vw, 38px);
}
}
.contact-inner form .radio-area {
align-items: center;
}
@media screen and (max-width: 479px) {
.contact-inner form .radio-area p {
margin: 0;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .radio-area .wpcf7-form-control-wrap {
width: min(40.4099560761vw, 552px);
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .radio-area .wpcf7-form-control-wrap {
font-size: 4.4vw;
margin-top: 5.3333333333vw;
display: inline-block;
}
}
.contact-inner form .radio-area .wpcf7-form-control-wrap .wpcf7-list-item {
margin-left: 0;
}
@media screen and (min-width: 480px) {
.contact-inner form .radio-area .wpcf7-form-control-wrap .wpcf7-list-item {
margin-right: min(4.4655929722vw, 61px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .radio-area .wpcf7-form-control-wrap .wpcf7-list-item {
margin-right: 10.1333333333vw;
}
}
.contact-inner form .radio-area label {
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.contact-inner form .radio-area label {
gap: min(0.439238653vw, 6px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .radio-area label {
gap: 0.8vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .radio-area input[type=radio] {
width: min(1.317715959vw, 18px);
height: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .radio-area input[type=radio] {
margin: 0;
width: 4.8vw;
height: 4.8vw;
}
}
@media screen and (max-width: 479px) {
.contact-inner form .form-item {
margin-top: 8vw;
}
}
.contact-inner form .label {
display: inline-block;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.contact-inner form .label {
min-width: min(12.5915080527vw, 172px);
font-size: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .label {
font-size: 4.5333333333vw;
letter-spacing: 0.2133333333vw;
}
}
.contact-inner form br {
display: none;
}
@media screen and (min-width: 480px) {
.contact-inner form .label-wrap {
margin-top: min(2.196193265vw, 30px);
}
}
.contact-inner form .label-wrap input {
cursor: pointer;
border: none;
background-color: transparent;
box-sizing: border-box;
}
@media screen and (min-width: 480px) {
.contact-inner form .label-wrap input {
font-size: min(1.2811127379vw, 17.5px);
padding-inline: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .label-wrap input {
font-size: 4.4vw;
margin-top: 2.6666666667vw;
padding-inline: 4vw;
}
}
.contact-inner form .label-wrap textarea {
box-sizing: border-box;
}
@media screen and (min-width: 480px) {
.contact-inner form .label-wrap textarea {
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .label-wrap textarea {
font-size: 4.4vw;
}
}
.contact-inner form .gb-01 {
align-items: center;
}
.contact-inner form .gb-01 input {
background-image: url("../img/form-bg01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media screen and (min-width: 480px) {
.contact-inner form .gb-01 input {
width: min(40.4758418741vw, 552.9px);
height: min(4.2972181552vw, 58.7px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .gb-01 input {
width: 89.3333333333vw;
height: 13.3333333333vw;
}
}
.contact-inner form .gb-02 {
align-items: center;
}
.contact-inner form .gb-02 input {
background-image: url("../img/form-bg02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media screen and (min-width: 480px) {
.contact-inner form .gb-02 input {
width: min(19.3521229868vw, 264.35px);
height: min(4.2796486091vw, 58.46px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .gb-02 input {
width: 45.8666666667vw;
height: 13.3333333333vw;
display: block;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .gb-03 .label {
margin-top: min(1.1713030747vw, 16px);
}
}
.contact-inner form .gb-03 textarea {
cursor: pointer;
border: none;
background-color: transparent;
resize: none;
background-size: 100% 100% !important;
}
@media screen and (min-width: 480px) {
.contact-inner form .gb-03 textarea {
background-image: url("../img/form-bg03-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(40.3294289898vw, 550.9px);
height: min(19.0117130307vw, 259.7px);
padding: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .gb-03 textarea {
background-image: url("../img/form-bg03-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 89.3333333333vw;
height: 69.0666666667vw;
margin-top: 2.6666666667vw;
padding: 4vw;
}
}
.contact-inner form .policy {
display: flex;
justify-content: center;
}
@media screen and (min-width: 480px) {
.contact-inner form .policy {
margin-top: min(2.9282576867vw, 40px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy {
margin-top: 10.6666666667vw;
}
}
.contact-inner form .policy .wpcf7-list-item {
margin-left: 0;
}
.contact-inner form .policy label {
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.contact-inner form .policy label {
gap: min(0.6588579795vw, 9px);
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy label {
gap: 1.6vw;
font-size: 4.4vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .policy input[type=checkbox] {
width: min(1.3909224012vw, 19px);
height: min(1.3909224012vw, 19px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy input[type=checkbox] {
width: 5.0666666667vw;
height: 5.0666666667vw;
}
}
.contact-inner form .policy-bottom {
text-align: center;
}
@media screen and (min-width: 480px) {
.contact-inner form .policy-bottom {
font-size: min(1.2811127379vw, 17.5px);
margin-top: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy-bottom {
font-size: 4.4vw;
margin-top: 5.3333333333vw;
}
}
.contact-inner form .policy-bottom .policy-link {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.contact-inner form .policy-bottom .policy-link {
padding-bottom: min(0.3660322108vw, 5px);
border-bottom: min(0.1464128843vw, 2px) solid;
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy-bottom .policy-link {
padding-bottom: 1.3333333333vw;
border-bottom: 0.5333333333vw solid;
}
}
@media screen and (min-width: 480px) {
.contact-inner form .policy-bottom .policy-under {
margin-top: min(2.9282576867vw, 40px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy-bottom .policy-under {
margin-top: 13.3333333333vw;
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy-bottom .policy-under span {
display: block;
}
}
@media screen and (max-width: 479px) {
.contact-inner form .policy-bottom .policy-under span:nth-child(2) {
margin-top: 2.6666666667vw;
}
}
.contact-inner form .submit-wrap {
background: #000;
border-radius: 999px;
position: relative;
display: flex;
}
@media screen and (min-width: 480px) {
.contact-inner form .submit-wrap {
width: min(21.8155197657vw, 298px);
margin: min(2.5622254758vw, 35px) auto 0;
box-shadow: 0 min(0.2196193265vw, 3px) min(0.439238653vw, 6px) 0 rgba(0, 0, 0, 0.5);
padding-block: min(1.6105417277vw, 22px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .submit-wrap {
width: 75.4666666667vw;
margin: 9.3333333333vw auto 0;
box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.5);
padding-block: 4.2666666667vw;
}
}
.contact-inner form .submit-wrap input[type=submit] {
border: none;
background-color: transparent;
color: #fff;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.contact-inner form .submit-wrap input[type=submit] {
padding-left: min(9.1508052709vw, 125px);
font-size: min(1.5373352855vw, 21px);
letter-spacing: min(0.0585651537vw, 0.8px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .submit-wrap input[type=submit] {
padding-left: 32.2666666667vw;
font-size: 5.3333333333vw;
letter-spacing: 0.2133333333vw;
}
}
.contact-inner form .submit-wrap:hover {
opacity: 0.7;
}
.contact-inner form .submit-wrap::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.contact-inner form .submit-wrap::after {
width: min(1.9033674963vw, 26px);
height: min(1.4641288433vw, 20px);
right: min(2.3938506589vw, 32.7px);
}
}
@media screen and (max-width: 479px) {
.contact-inner form .submit-wrap::after {
width: 6.9333333333vw;
height: 5.0666666667vw;
right: 6.4vw;
}
}
.contact-inner .contact-img {
position: absolute;
}
.contact-inner .contact-img.contact-chara {
aspect-ratio: 216/200;
}
@media screen and (max-width: 479px) {
.contact-inner .contact-img.contact-chara {
background-image: url("../img/contact-chara.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 38.9333333333vw;
bottom: -9.3333333333vw;
left: -1.8666666667vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner .contact-img.contact-chara {
background-image: url("../img/contact-chara.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(15.8125915081vw, 216px);
height: min(14.6412884334vw, 200px);
bottom: -2.9282576867vw;
left: -16.1054172767vw;
}
}
@media screen and (min-width: 1367px) {
.contact-inner .contact-img.contact-chara {
bottom: -40px;
left: -220px;
}
}
@media screen and (max-width: 479px) {
.contact-inner .contact-img.contact-deco {
background-image: url("../img/contact-deco-sp.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 13.0666666667vw;
height: 12.8vw;
bottom: 19.7333333333vw;
left: 30.9333333333vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner .contact-img.contact-deco {
background-image: url("../img/contact-deco.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(12.1522693997vw, 166px);
height: min(24.5241581259vw, 335px);
bottom: min(7.9795021962vw, 109px);
left: -0.7320644217vw;
}
}
@media screen and (min-width: 1367px) {
.contact-inner .contact-img.contact-deco {
left: -10px;
}
}
@media screen and (max-width: 479px) {
.contact-inner .contact-img.contact-deco02 {
background-image: url("../img/contact-deco02-sp.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 19.7333333333vw;
height: 20.8vw;
bottom: 144vw;
right: -4vw;
}
}
@media screen and (min-width: 480px) {
.contact-inner .contact-img.contact-deco02 {
background-image: url("../img/contact-deco02.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(7.3206442167vw, 100px);
height: min(9.8828696925vw, 135px);
bottom: min(50.5124450952vw, 690px);
right: -2.5622254758vw;
}
}
@media screen and (min-width: 1367px) {
.contact-inner .contact-img.contact-deco02 {
right: -35px;
}
}
.contact-inner .contact-img.contact-anime {
opacity: 0;
transform: translateY(100%);
}
.contact-inner .contact-img.contact-anime.show {
animation: contact-anime 1s ease forwards;
}
@keyframes contact-anime {
0% {
opacity: 0;
transform: translateY(10%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* -----------------------
complete
----------------------- */
.contact-page {
position: relative;
}
@media screen and (min-width: 480px) {
.contact-page {
padding-inline: min(17.5695461201vw, 240px);
}
}
@media screen and (max-width: 479px) {
.contact-page {
padding-inline: 5.3333333333vw;
}
}
.complete-inner {
position: relative;
text-align: center;
}
@media screen and (min-width: 480px) {
.complete-inner {
width: min(64.8609077599vw, 886px);
margin: 0 auto;
padding-block: min(14.6412884334vw, 200px) min(12.4450951684vw, 170px);
}
}
@media screen and (max-width: 479px) {
.complete-inner {
padding-block: 47.2vw 53.3333333333vw;
}
}
.complete-inner .C_KV-title {
margin: 0 auto;
}
.complete-inner .C_KV-title .icon {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.complete-inner .C_KV-title .icon {
width: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .C_KV-title .icon {
width: 8vw;
}
}
.complete-inner .C_KV-title .TL {
font-family: "TA-mayuminwalk", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.complete-inner .C_KV-title .TL {
font-size: min(2.5622254758vw, 35px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .C_KV-title .TL {
font-size: 8vw;
}
}
.complete-inner .TX {
line-height: 2;
}
@media screen and (min-width: 480px) {
.complete-inner .TX {
margin-top: 4.0263543192vw;
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .TX {
margin-top: 14.6666666667vw;
font-size: 4.4vw;
}
}
.complete-inner .link {
background-color: #000;
border-radius: 999px;
position: relative;
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.complete-inner .link {
padding: min(1.756954612vw, 24px) min(0vw, 0px) min(1.317715959vw, 18px) min(9.1727672035vw, 125.3px);
margin: min(6.588579795vw, 90px) auto 0;
box-shadow: 0 min(0.2196193265vw, 3px) min(0.439238653vw, 6px) 0 rgba(0, 0, 0, 0.5);
width: min(21.8155197657vw, 298px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .link {
padding: 4.2666666667vw 0vw 4.2666666667vw 25.3333333333vw;
margin: 10.6666666667vw auto 0;
box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.5);
width: 61.0666666667vw;
}
}
.complete-inner .link-TX {
color: #fff;
margin: 0;
}
@media screen and (min-width: 480px) {
.complete-inner .link-TX {
font-size: min(1.5373352855vw, 21px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .link-TX {
font-size: 4.4vw;
}
}
.complete-inner .link::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.complete-inner .link::after {
width: min(1.9765739385vw, 27px);
height: min(1.5373352855vw, 21px);
right: min(2.3938506589vw, 32.7px);
}
}
@media screen and (max-width: 479px) {
.complete-inner .link::after {
width: 5.0666666667vw;
height: 3.7333333333vw;
right: 6.4vw;
}
}
.complete-inner .complate-img {
background-image: url("../img/complete.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
aspect-ratio: 243/413;
}
@media screen and (max-width: 479px) {
.complete-inner .complate-img {
width: 38.1333333333vw;
bottom: -2.6666666667vw;
left: 0vw;
}
}
@media screen and (min-width: 480px) {
.complete-inner .complate-img {
width: min(17.7891654466vw, 243px);
height: min(30.2342606149vw, 413px);
bottom: -1.4641288433vw;
left: -10.2489019034vw;
}
}
@media screen and (min-width: 1367px) {
.complete-inner .complate-img {
bottom: -20px;
left: -140px;
}
}
/* -----------------------
standard main
----------------------- */
.standard-page {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 480px) {
.standard-page {
padding-inline: min(15.9590043924vw, 218px);
}
}
@media screen and (max-width: 479px) {
.standard-page {
padding-inline: 5.3333333333vw;
}
}
.standard-page .standard-inner {
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner {
width: min(68.0819912152vw, 930px);
padding-block: min(9.8828696925vw, 135px) min(15.6661786237vw, 214px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner {
padding-block: 21.3333333333vw 23.2vw;
}
}
.standard-page .standard-inner::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner::before {
top: min(33.5285505124vw, 458px);
aspect-ratio: 1190/2663;
width: min(87.1156661786vw, 1190px);
background-image: url("../img/standard-bg.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner::before {
top: 65.0666666667vw;
aspect-ratio: 317/2938;
width: 84.5333333333vw;
background-image: url("../img/standard-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.standard-page .standard-inner.policy-inner::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner.policy-inner::before {
top: min(16.4714494876vw, 225px);
aspect-ratio: 1239/2174;
width: min(90.7027818448vw, 1239px);
background-image: url("../img/policy-bg.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner.policy-inner::before {
top: 76vw;
aspect-ratio: 353/2002;
width: 94.1333333333vw;
background-image: url("../img/policy-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.standard-page .standard-inner .top-TX {
position: relative;
z-index: 2;
line-height: 2;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .top-TX {
font-size: min(1.2811127379vw, 17.5px);
letter-spacing: min(0.0439238653vw, 0.6px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .top-TX {
font-size: 4.4vw;
letter-spacing: 0.2133333333vw;
}
}
.standard-page .standard-inner .standard-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content {
gap: min(6.588579795vw, 90px);
margin-top: min(7.7598828697vw, 106px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content {
gap: 16vw;
margin-top: 18.6666666667vw;
}
}
.standard-page .standard-inner .standard-content .C_KV-title {
position: relative;
width: 100%;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .C_KV-title {
padding-bottom: min(1.6837481698vw, 23px);
gap: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .C_KV-title {
flex-direction: row;
align-items: start;
line-height: 1.2;
gap: 1.3333333333vw;
padding-bottom: 6.1333333333vw;
}
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .C_KV-title .icon {
width: min(3.2942898975vw, 45px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .C_KV-title .icon {
width: 9.8666666667vw;
}
}
.standard-page .standard-inner .standard-content .C_KV-title .TL {
margin: 0;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .C_KV-title .TL {
font-size: min(2.196193265vw, 30px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .C_KV-title .TL {
font-size: 6.6666666667vw;
}
}
.standard-page .standard-inner .standard-content .C_KV-title::before {
content: "";
background-size: 100% auto;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .C_KV-title::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: min(0.4238653001vw, 5.79px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .C_KV-title::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 1.816vw;
}
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .textbox {
padding-top: min(1.9765739385vw, 27px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .textbox {
padding-top: 7.2vw;
}
}
.standard-page .standard-inner .standard-content .textbox .TX {
line-height: 2;
margin: 0;
}
@media screen and (min-width: 480px) {
.standard-page .standard-inner .standard-content .textbox .TX {
font-size: min(1.2811127379vw, 17.5px);
letter-spacing: min(0.0732064422vw, 1px);
}
}
@media screen and (max-width: 479px) {
.standard-page .standard-inner .standard-content .textbox .TX {
font-size: 4.4vw;
letter-spacing: 0.2133333333vw;
}
}
/* -----------------------
news main
----------------------- */
.news-archive {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 480px) {
.news-archive {
padding-inline: min(13.0307467057vw, 178px);
}
}
@media screen and (max-width: 479px) {
.news-archive {
padding-inline: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.news-archive .inner {
padding-block: min(8.4919472914vw, 116px) min(9.5900439239vw, 131px);
}
}
@media screen and (max-width: 479px) {
.news-archive .inner {
padding-block: 15.7333333333vw 70.9333333333vw;
}
}
.news-archive .news-tabs .tab-item {
display: flex;
}
@media screen and (min-width: 480px) {
.news-archive .news-tabs .tab-item {
justify-content: center;
gap: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.news-archive .news-tabs .tab-item {
flex-wrap: wrap;
gap: 4.8vw 3.7333333333vw;
}
}
.news-archive .news-tabs .tab-item .tab {
background-color: #fff;
border-radius: 999px;
}
@media screen and (min-width: 480px) {
.news-archive .news-tabs .tab-item .tab {
width: min(14.7144948755vw, 201px);
height: min(3.6603221083vw, 50px);
font-size: min(1.317715959vw, 18px);
}
}
@media screen and (max-width: 479px) {
.news-archive .news-tabs .tab-item .tab {
width: 42.6666666667vw;
height: 10.1333333333vw;
font-size: 3.4666666667vw;
}
}
.news-archive .news-tabs .tab-item .tab.active {
background-color: #f9e1d5;
}
.news-archive .news-tabs .tab-item .tab a {
width: 100%;
height: 100%;
display: grid;
place-items: center;
}
.news-archive .news-list {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 480px) {
.news-archive .news-list {
width: fit-content;
margin: min(4.7877013177vw, 65.4px) auto 0;
gap: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.news-archive .news-list {
margin-top: 35.7333333333vw;
gap: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.news-archive .news-list .news-item {
background-image: url("../img/archive-bg.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: min(73.9385065886vw, 1010px);
height: min(7.8330893119vw, 107px);
padding: min(2.635431918vw, 36px) min(2.9282576867vw, 40px) min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.news-archive .news-list .news-item {
background-image: url("../img/archive-bg-sp.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 89.3333333333vw;
height: 46.1333333333vw;
padding: 7.7333333333vw 5.8666666667vw 6.1333333333vw 6.9333333333vw;
}
}
@media screen and (min-width: 480px) {
.news-archive .pagination {
margin-top: min(6.8081991215vw, 93px);
}
}
@media screen and (max-width: 479px) {
.news-archive .pagination {
margin-top: 35.7333333333vw;
}
}
.news-archive .pagination .nav-links {
position: relative;
display: flex;
justify-content: center;
}
@media screen and (min-width: 480px) {
.news-archive .pagination .nav-links {
gap: min(0.3660322108vw, 5px);
}
}
@media screen and (max-width: 479px) {
.news-archive .pagination .nav-links {
gap: 1.3333333333vw;
}
}
.news-archive .pagination .nav-links span,
.news-archive .pagination .nav-links a {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.news-archive .pagination .nav-links span,
.news-archive .pagination .nav-links a {
font-size: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.news-archive .pagination .nav-links span,
.news-archive .pagination .nav-links a {
font-size: 4.5333333333vw;
}
}
.news-archive .pagination .nav-links .next.page-numbers {
position: absolute;
top: 0;
right: 0;
}
.news-archive .pagination .nav-links .next.page-numbers::before {
content: "";
position: absolute;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 16/9;
top: 23%;
}
@media screen and (min-width: 480px) {
.news-archive .pagination .nav-links .next.page-numbers::before {
width: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.news-archive .pagination .nav-links .next.page-numbers::before {
width: 3.4666666667vw;
}
}
.news-archive .pagination .nav-links .next.page-numbers::before {
transform: rotate(-90deg) translateY(-50%);
right: 0;
}
.news-archive .pagination .nav-links .prev.page-numbers {
position: absolute;
top: 0;
left: 0;
}
.news-archive .pagination .nav-links .prev.page-numbers::before {
content: "";
position: absolute;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 16/9;
top: 23%;
}
@media screen and (min-width: 480px) {
.news-archive .pagination .nav-links .prev.page-numbers::before {
width: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.news-archive .pagination .nav-links .prev.page-numbers::before {
width: 3.4666666667vw;
}
}
.news-archive .pagination .nav-links .prev.page-numbers::before {
transform: rotate(90deg) translateY(-50%);
left: 0;
}
.news-archive .sec-decoration .img {
position: absolute;
}
.news-archive .sec-decoration .img .char,
.news-archive .sec-decoration .img .note {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-archive .sec-decoration .img.img-01 {
aspect-ratio: 105/430;
width: min(7.6866764275vw, 105px);
bottom: 60%;
left: 4%;
}
.news-archive .sec-decoration .img.img-01 .char {
background-image: url("../img/char/archive-char-01.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.news-archive .sec-decoration .img.img-02 {
aspect-ratio: 165/372;
width: min(12.0790629575vw, 165px);
bottom: 30%;
right: 3%;
}
}
@media screen and (max-width: 479px) {
.news-archive .sec-decoration .img.img-02 {
aspect-ratio: 192/181;
width: 51.2vw;
bottom: -0.6%;
right: 20%;
}
}
@media screen and (min-width: 480px) {
.news-archive .sec-decoration .img.img-02 .char {
background-image: url("../img/char/archive-char-02-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 479px) {
.news-archive .sec-decoration .img.img-02 .char {
background-image: url("../img/char/archive-char-02-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
.detail-wrap {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (max-width: 479px) {
.detail-wrap {
height: 100%;
width: 100%;
position: relative;
display: inline-block;
}
}
@media screen and (min-width: 480px) {
.detail-wrap.news-link {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 480px) {
.detail-wrap .sp-wrap {
display: contents;
}
}
@media screen and (max-width: 479px) {
.detail-wrap .sp-wrap {
display: flex;
align-items: center;
}
}
.detail-wrap .icon {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.detail-wrap .icon {
width: min(1.2445095168vw, 17px);
height: min(1.3909224012vw, 19px);
margin-right: min(0.7320644217vw, 10px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .icon {
width: 4.8vw;
height: 5.3333333333vw;
margin-right: 2.1333333333vw;
}
}
@media screen and (min-width: 480px) {
.detail-wrap .date {
font-size: min(1.2445095168vw, 17px);
margin-right: min(1.5373352855vw, 21px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .date {
font-size: 3.7333333333vw;
margin-right: 2.6666666667vw;
}
}
.detail-wrap .cat {
background-color: #f9e1d5;
border-radius: 999px;
display: grid;
place-items: center;
}
@media screen and (min-width: 480px) {
.detail-wrap .cat {
width: min(9.9560761347vw, 136px);
height: min(2.4890190337vw, 34px);
font-size: min(0.9516837482vw, 13px);
letter-spacing: min(0.0585651537vw, 0.8px);
margin-right: min(2.0204978038vw, 27.6px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .cat {
width: 26.6666666667vw;
height: 6.6666666667vw;
font-size: 3.2vw;
letter-spacing: 0.2133333333vw;
}
}
@media screen and (min-width: 480px) {
.detail-wrap .TL {
font-size: min(1.2811127379vw, 17.5px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .TL {
font-size: 4.6666666667vw;
margin-top: 7.2vw;
}
}
.detail-wrap .more {
position: relative;
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.detail-wrap .more {
margin-left: auto;
gap: min(1.4641288433vw, 20px);
font-size: min(1.0980966325vw, 15px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .more {
width: fit-content;
margin: auto 0 0 auto;
gap: 1.8666666667vw;
font-size: 2.9333333333vw;
position: absolute;
bottom: 0;
right: 0;
}
}
.detail-wrap .more:after {
content: "";
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: block;
aspect-ratio: 16/9;
transform: rotate(-90deg);
}
@media screen and (min-width: 480px) {
.detail-wrap .more:after {
width: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.detail-wrap .more:after {
width: 3.4666666667vw;
}
}
/* -----------------------
single main
----------------------- */
@media screen and (min-width: 480px) {
.news-single {
padding-inline: min(10.4685212299vw, 143px);
}
}
@media screen and (max-width: 479px) {
.news-single {
padding-inline: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.news-single .inner {
padding-block: min(8.4919472914vw, 116px) min(8.6383601757vw, 118px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner {
padding-block: 15.7333333333vw 22.1333333333vw;
}
}
.news-single .inner .news-detail {
background-image: url("../img/char/single-bg.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
position: relative;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail {
padding: min(5.7833089312vw, 79px) min(7.6866764275vw, 105px) min(5.1244509517vw, 70px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail {
padding: 14.9333333333vw 5.8666666667vw 9.4933333333vw;
}
}
.news-single .inner .news-detail::before {
content: "";
position: absolute;
aspect-ratio: 501/570;
background-image: url("../img/char/single-bg-char.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail::before {
width: min(36.6764275256vw, 501px);
bottom: -9%;
right: -3%;
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail::before {
width: 89.3333333333vw;
bottom: 0%;
right: -15%;
}
}
.news-single .inner .news-detail .title-wrap {
position: relative;
z-index: 2;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail .title-wrap {
padding-bottom: min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail .title-wrap {
padding-bottom: 6.4vw;
}
}
.news-single .inner .news-detail .title-wrap::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail .title-wrap::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
height: min(0.4238653001vw, 5.79px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail .title-wrap::before {
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
height: 1.816vw;
}
}
.news-single .inner .news-detail .title-wrap .top-wrap {
display: flex;
align-items: center;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail .title-wrap .title {
margin-top: min(2.8184480234vw, 38.5px);
font-size: min(1.9765739385vw, 27px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail .title-wrap .title {
margin-top: 6.1333333333vw;
font-size: 5.6vw;
}
}
.news-single .inner .news-detail .content {
position: relative;
z-index: 2;
line-height: 2;
}
@media screen and (min-width: 480px) {
.news-single .inner .news-detail .content {
margin-top: min(3.6603221083vw, 50px);
font-size: min(1.2811127379vw, 17.5px);
letter-spacing: min(0.0585651537vw, 0.8px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .news-detail .content {
margin-top: 6.6666666667vw;
font-size: 4.5333333333vw;
letter-spacing: 0.2133333333vw;
}
}
.news-single .inner .post-nav {
display: flex;
justify-content: space-between;
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav {
margin-top: min(6.0761346999vw, 83px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav {
margin-top: 9.3333333333vw;
align-items: center;
}
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav .arrow {
font-size: min(1.0980966325vw, 15px);
margin-top: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav .arrow {
font-size: 3.2vw;
width: 15.4666666667vw;
}
}
.news-single .inner .post-nav .arrow a {
position: relative;
}
.news-single .inner .post-nav .arrow a::before {
content: "";
position: absolute;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 16/9;
top: 23%;
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav .arrow a::before {
width: min(1.4641288433vw, 20px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav .arrow a::before {
width: 3.4666666667vw;
}
}
.news-single .inner .post-nav .arrow.prev a {
position: relative;
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav .arrow.prev a {
padding-left: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav .arrow.prev a {
padding-left: 4.2666666667vw;
}
}
.news-single .inner .post-nav .arrow.prev a::before {
transform: rotate(90deg) translateY(-50%);
left: 0;
}
.news-single .inner .post-nav .arrow.next a {
position: relative;
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav .arrow.next a {
padding-right: min(4.39238653vw, 60px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav .arrow.next a {
padding-right: 4.2666666667vw;
}
}
.news-single .inner .post-nav .arrow.next a::before {
transform: rotate(-90deg) translateY(-50%);
right: 0;
}
.news-single .inner .post-nav .archive {
background-color: #fff;
border-radius: 999px;
display: grid;
place-items: center;
}
@media screen and (min-width: 480px) {
.news-single .inner .post-nav .archive {
width: min(14.7144948755vw, 201px);
height: min(3.6603221083vw, 50px);
font-size: min(1.317715959vw, 18px);
letter-spacing: min(0.0585651537vw, 0.8px);
}
}
@media screen and (max-width: 479px) {
.news-single .inner .post-nav .archive {
width: 38.4vw;
height: 9.6vw;
font-size: 3.2vw;
letter-spacing: 0.2133333333vw;
}
}
/* -----------------------
C_example
----------------------- */
/* -----------------------
C_faq
----------------------- */
@media screen and (min-width: 480px) {
#C_faq {
width: min(73.9385065886vw, 1010px);
}
}
@media screen and (max-width: 479px) {
#C_faq {
padding-inline: 5.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_faq {
width: min(73.9385065886vw, 1010px);
}
}
.C_faq .C_faq_item {
background-size: 100% 100% !important;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item {
background-image: url("../img/faq-item-bg-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding-inline: min(3.0014641288vw, 41px) min(4.39238653vw, 60px);
margin-top: min(3.3674963397vw, 46px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item {
background-image: url("../img/faq-item-bg-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding-inline: 5.6vw;
margin-top: 5.6vw;
}
}
.C_faq .C_faq_item .C_faq_item_content {
width: 100%;
}
.C_faq .C_faq_item .C_faq_item_content .inner {
display: flex;
width: 100%;
}
.C_faq .C_faq_item .C_faq_item_content .TX {
font-family: "YuGothicStd", "Yu Gothic", "YuGothic", sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content .TX {
font-size: min(1.2811127379vw, 17.5px);
line-height: 1.6;
letter-spacing: min(0.0732064422vw, 1px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content .TX {
font-size: 4.2666666667vw;
line-height: 1.8;
letter-spacing: 0.1066666667vw;
}
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content .TX a {
border-bottom: min(0.0732064422vw, 1px) solid #000;
padding-bottom: min(0.5124450952vw, 7px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content .TX a {
border-bottom: 0.2666666667vw solid #000;
padding-bottom: 1.3333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.question {
padding-block: min(2.7086383602vw, 37px) min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.question {
padding-block: 7.4666666667vw 6.1333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.question .inner {
gap: min(1.9765739385vw, 27px);
align-items: center;
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.question .inner {
gap: 3.7333333333vw;
}
}
.C_faq .C_faq_item .C_faq_item_content.question .inner::after {
content: "";
display: block;
margin-left: auto;
background-image: url("../img/plus.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 1/1;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.question .inner::after {
min-width: min(1.9033674963vw, 26px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.question .inner::after {
min-width: 4.2666666667vw;
}
}
.C_faq .C_faq_item .C_faq_item_content.question .icon {
background-image: url("../img/q-icon.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 1/1;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.question .icon {
min-width: min(2.635431918vw, 36px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.question .icon {
min-width: 7.2vw;
}
}
.C_faq .C_faq_item .C_faq_item_content.answer {
position: relative;
display: none;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.answer {
padding-block: min(2.7086383602vw, 37px) min(2.3426061493vw, 32px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.answer {
padding-block: 7.4666666667vw 6.1333333333vw;
}
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.answer .inner {
gap: min(2.4158125915vw, 33px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.answer .inner {
gap: 5.6vw;
}
}
.C_faq .C_faq_item .C_faq_item_content.answer .line {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-size: 100% 100% !important;
width: 100%;
transition: all 0.3s ease-in;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.answer .line {
background-image: url("../img/a-line-pc.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: min(0.439238653vw, 6px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.answer .line {
background-image: url("../img/a-line-sp.webp");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 1.1333333333vw;
}
}
.C_faq .C_faq_item .C_faq_item_content.answer .icon {
background-image: url("../img/a-icon.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item .C_faq_item_content.answer .icon {
min-width: min(2.196193265vw, 30px);
height: min(2.4158125915vw, 33px);
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item .C_faq_item_content.answer .icon {
min-width: 6.1333333333vw;
height: 6.9333333333vw;
}
}
.C_faq .C_faq_item.active .C_faq_item_content.question .inner::after {
background-image: url("../img/minus.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 480px) {
.C_faq .C_faq_item.active .C_faq_item_content.question .inner::after {
aspect-ratio: 26/3;
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item.active .C_faq_item_content.question .inner::after {
aspect-ratio: 16/2;
}
}
@media screen and (max-width: 479px) {
.C_faq .C_faq_item:first-child {
margin-top: 0;
}
}
/* -----------------------
anime
----------------------- */
.hover-opa {
transition: opacity 0.3s;
}
.hover-opa:hover {
opacity: 0.6;
}
.op-anime-left {
opacity: 0;
transform: translateX(-20px);
}
.op-anime-left.show {
animation: KV-char-left-animation 1s linear 0.5s forwards;
}
@keyframes KV-char-left-animation {
0% {
transform: translateX(-20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.op-anime-right {
opacity: 0;
transform: translateX(20px);
}
.op-anime-right.show {
animation: KV-char-right-animation 1s linear 0.5s forwards;
}
@keyframes KV-char-right-animation {
0% {
transform: translateX(20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.op-anime-note {
opacity: 0;
transform: translateY(20px);
}
.op-anime-note.show {
animation: KV-note-animation 1s linear 1s forwards;
}
@keyframes KV-note-animation {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-note {
opacity: 0;
transform: translateY(20px);
}
.fade-note.show {
animation: fade-note 1s linear 1s forwards;
}
@keyframes fade-note {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-note-op {
opacity: 0;
transform: translateY(20px);
}
.fade-note-op.show {
animation: fade-note 1s linear 1s forwards;
}
@keyframes fade-note {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.walker-char {
animation: walker-char 8s step-end 1s infinite;
}
@keyframes walker-char {
0% {
transform: rotate(5deg);
}
10% {
transform: rotate(-5deg);
}
20% {
transform: rotate(5deg);
}
30% {
transform: rotate(-5deg);
}
40% {
transform: rotate(5deg);
}
50% {
transform: rotate(-5deg);
}
60% {
transform: rotate(5deg);
}
70% {
transform: rotate(-5deg);
}
80% {
transform: rotate(5deg);
}
90% {
transform: rotate(-5deg);
}
100% {
transform: rotate(5deg);
}
}
.walker-char-recruit-01 {
animation: walker-char-recruit-01 2s step-end infinite;
transform-origin: center center;
}
@keyframes walker-char-recruit-01 {
0% {
transform: rotate(-10deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}
.walker-char-recruit-02 {
animation: walker-char-recruit-02 2s step-end infinite;
transform-origin: center center;
}
@keyframes walker-char-recruit-02 {
0% {
transform: rotate(10deg);
}
50% {
transform: rotate(-10deg);
}
100% {
transform: rotate(10deg);
}
}
.wokimg-char {
animation: wokimg-char 90s steps(90) infinite;
transform-origin: bottom center;
}
@keyframes wokimg-char {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
.hover-scale {
transition: 0.3s;
}
.hover-scale:hover {
transform: scale(1.05);
}
.up {
opacity: 0;
transform: translateY(100%);
}
.up.show {
animation: up 0.5s ease forwards;
}
@keyframes up {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.down {
opacity: 0;
transform: translateY(-100%);
}
.down.show {
animation: down ease forwards;
}
@keyframes down {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.left {
opacity: 0;
transform: translateX(100%);
}
.left.show {
animation: left ease forwards;
}
@keyframes left {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.right {
opacity: 0;
transform: translateX(-100%);
}
.right.show {
animation: right ease forwards;
}
@keyframes right {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.pop {
opacity: 0;
transform: scale(0.5);
}
.pop.show {
animation: pop ease forwards;
}
@keyframes pop {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.loadUp {
opacity: 0;
transform: translateY(100%);
}
.loadUp.show {
animation: loadUp ease forwards;
}
@keyframes loadUp {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.loadDown {
opacity: 0;
transform: translateY(-100%);
}
.loadDown.show {
animation: loadDown ease forwards;
}
@keyframes loadDown {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.loadLeft {
opacity: 0;
transform: translateX(100%);
}
.loadLeft.show {
animation: loadLeft ease forwards;
}
@keyframes loadLeft {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.loadRight {
opacity: 0;
transform: translateX(-100%);
}
.loadRight.show {
animation: loadRight ease forwards;
}
@keyframes loadRight {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.loadPop {
opacity: 0;
transform: scale(0.5);
}
.loadPop.show {
animation: loadPop ease forwards;
}
@keyframes loadPop {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.delay-01 {
animation-delay: 0.1s !important;
}
.delay-02 {
animation-delay: 0.2s !important;
}
.delay-03 {
animation-delay: 0.3s !important;
}
.delay-04 {
animation-delay: 0.4s !important;
}
.delay-05 {
animation-delay: 0.5s !important;
}
.delay-06 {
animation-delay: 0.6s !important;
}
.delay-07 {
animation-delay: 0.7s !important;
}
.delay-08 {
animation-delay: 0.8s !important;
}
.delay-09 {
animation-delay: 0.9s !important;
}
.delay-10 {
animation-delay: 1s !important;
}
.delay-15 {
animation-delay: 1.5s !important;
}
.duration-01 {
animation-duration: 0.1s !important;
}
.duration-02 {
animation-duration: 0.2s !important;
}
.duration-03 {
animation-duration: 0.3s !important;
}
.duration-04 {
animation-duration: 0.4s !important;
}
.duration-05 {
animation-duration: 0.5s !important;
}
.duration-06 {
animation-duration: 0.6s !important;
}
.duration-07 {
animation-duration: 0.7s !important;
}
.duration-08 {
animation-duration: 0.8s !important;
}
.duration-09 {
animation-duration: 0.9s !important;
}
.duration-10 {
animation-duration: 1s !important;
}
.duration-15 {
animation-duration: 1.5s !important;
}
/*# sourceMappingURL=main.css.map */