.footer > .inner{
padding-top: var(--px-100);
} .page-container {
padding-top: var(--site-header-height);
}
.page-container > .toc {
z-index: 1;
position: relative;
}
.page-container > .fixedToc {
display: none;
}
@media (min-width: 960px) {
.page-container:has(> .second-header) {
padding-top: 0;
}
.page-container > .toc {
margin: calc(var(--font-13) * 4.4 / -2) 0 0 var(--content-gutter);
}
.page-container > .fixedToc {
opacity: 0;
visibility: hidden;
z-index: var(--z-index-page-fixedToc);
position: fixed;
inset: var(--site-header-scrolled-height) 0 auto auto;
display: block;
transition-property: opacity, visibility;
transition-duration: calc(var(--transition-duration) * 2);
pointer-events: none;
}
.page-container > .fixedToc > .inner {
transform: translateX(10%);
transition: transform calc(var(--transition-duration) * 2);
pointer-events: auto;
}
.page-container > .breadcrumb {
margin-right: var(--content-gutter);
}
.page-container > .second-header + .breadcrumb {
margin-top: var(--px-40);
}
.page-container:has(> .toc) > .breadcrumb {
margin-top: var(--px-40);
}
.page-container > .fixedToc.-is-show {
opacity: 1;
visibility: visible;
}
.page-container > .fixedToc.-is-show > .inner {
transform: translateX(0);
}
} .page-header {
z-index: 0;
position: relative;
height: var(--px-400);
}
@media (min-width: 960px) {
.page-header {
height: var(--px-500);
}
}
.c-heading.-page-header {
font-weight: bold;
font-size: var(--font-50);
margin-bottom: 0.24em;
line-height: 1.4;
color: var(--color-black-b);
text-shadow: 0px 0px 10px rgb(255 255 255 / 70%);
}
@media (min-width: 960px) {
.c-heading.-page-header {
font-size: var(--font-50);
}
}
.c-heading.-page-header::after {
content: attr(data-text);
display: block;
width: -moz-fit-content;
width: fit-content;
font-weight: 500;
margin-top: 0.24em;
font-size: var(--font-17);
font-style: italic;
line-height: 0.8;
letter-spacing: 0;
color: var(--color-green-c);
font-family: var(--font-en);
}
@media (min-width: 960px) {
.c-heading.-page-header::after {
font-size: var(--font-19);
}
}
.page-header > .media {
z-index: -1;
position: absolute;
inset: 0;
background: var(--color-offwhite-b);
}
.page-header > .media .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-header > .content {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--px-40);
height: 100%;
margin-inline: auto;
padding: var(--px-80) var(--content-gutter) var(--px-80);
}
@media (min-width: 960px) {
.page-header > .content {
padding: calc(var(--site-header-height) + var(--px-80)) var(--content-gutter) var(--px-90);
}
}
.page-header > .content > .catchphrase {
display: none;
}
@media (min-width: 560px) {
.page-header > .content > .catchphrase {
display: block;
font-weight: 500;
font-size: var(--font-24);
line-height: 1.6;
letter-spacing: -0.01em;
}
}
@media (min-width: 960px) {
.page-header > .content > .catchphrase {
font-size: var(--font-30);
}
}
.page-header > .content > .catchphrase > span {
padding: 0.1em 0.4em;
background: rgba(0, 0, 0, 0.5);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 2;
color: var(--color-white);
}
.page-header.-narrow {
height: calc(var(--px-400) * 0.6666666667);
}
@media (min-width: 960px) {
.page-header.-narrow {
height: calc(var(--px-500) * 0.6666666667);
}
}
.page-header.-narrow > .content {
padding: var(--px-40) var(--content-gutter) var(--px-40);
}
@media (min-width: 960px) {
.page-header.-narrow > .content {
padding: calc(var(--site-header-height) + var(--px-30)) var(--content-gutter) var(--px-50);
}
}
.page-header > .content.-top {
justify-content: flex-start;
}
.page-header > .content > .catchphrase.-noHide {
display: block;
} .other-container {
padding: var(--px-80) 0 var(--px-140);
}
.other-container > .section {
max-width: var(--content-width-medium);
margin-inline: auto;
}
.other-container > .section + .section {
margin-top: var(--px-80);
}
.other-container > .section.-w-small {
max-width: var(--content-width-small);
}
.other-container > .section.-w-large {
max-width: var(--content-width-large);
}
.other-container > .section.-w-fluid {
max-width: none;
}
.other-container > .section.-mt-small {
margin-top: var(--px-40);
}
.other-anchor {
scroll-margin-top: var(--px-50);
}
@media (min-width: 960px) {
.other-anchor {
scroll-margin-top: calc(var(--site-header-scrolled-height) + var(--px-80));
}
}
.other-anchor:focus {
outline: none;
}
.c-article > .c-article__header > .category {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
font-size: var(--font-14);
line-height: 1.4;
}
.c-article > .c-article__header > .category > .item > .link {
display: inline-block;
padding: 0.4em 1.4em;
background: var(--color-green);
color: var(--color-white);
}
.c-article > .c-article__header > .title {
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid var(--color-black-b);
font-weight: 500;
font-size: var(--font-30);
line-height: 1.6;
}
.c-article > .c-article__header > .date {
margin-top: 1.2em;
font-size: var(--font-14);
font-family: var(--font-en);
letter-spacing: 0.04em;
text-align: right;
}
.c-article > .body {
margin-top: var(--px-50);
}
.c-article__footer {
margin-top: var(--px-80);
max-width: var(--content-width-small);
margin-inline: auto;
}
.c-article__footer > .item + .item {
margin-top: var(--px-30);
}
.c-article__footer > .item > .date {
font-size: var(--font-14);
font-family: var(--font-en);
letter-spacing: 0.04em;
text-align: right;
}
.c-article__header > .date.-single-works {
text-align: left;
}
.c-archive {
font-size: var(--font-14);
line-height: 1.4;
text-align: justify;
word-break: break-all;
color: var(--color-black-c);
}
.c-archive > .item {
border-bottom: 1px solid var(--color-gray);
}
.c-archive > .item > .article {
display: flex;
flex-direction: column;
gap: 0.4em 1.6em;
padding-block: 1em;
transition-property: background-color, color;
transition-duration: var(--transition-duration);
}
@media (min-width: 960px) {
.c-archive > .item > .article {
flex-direction: row;
align-items: center;
padding: 1em 2.4em;
}
}
.c-archive > .item > .article > .data {
display: flex;
align-items: center;
}
.c-archive > .item > .article > .data > .date {
flex: 0 0 auto;
width: 6.8em;
font-family: var(--font-en);
letter-spacing: 0.04em;
}
.c-archive > .item > .article > .data > .category {
flex: 0 0 auto;
width: 9em;
padding-inline: 0.6em;
background: var(--color-white);
border: 1px solid currentColor;
border-radius: 999px;
line-height: 2;
font-size: var(--font-14);
text-align: center;
color: var(--color-green);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-archive > .item > .article > .title {
flex: 1 1 0%;
}
.c-archive.-home-news {
padding: 0.2em 1.2em;
background: rgba(255, 255, 255, 0.8);
border: 2px solid var(--color-gray);
}
.c-archive.-home-news > .item:last-child {
border: none;
}
@media (min-width: 960px) {
.c-archive.-home-news > .item > .article > .title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
}
.c-archive.-home-news > .item > .article:hover {
background: var(--color-white);
color: var(--color-green);
}
.c-termList {
display: flex;
justify-content: center;
align-items: center;
gap: 2.8em;
font-size: var(--font-18);
line-height: 1.4;
}
.c-termList > .heading {
flex: 0 0 auto;
font-size: var(--font-26);
font-family: var(--font-en);
font-style: italic;
line-height: 1;
color: var(--color-green);
}
.c-termList > .body {
flex: 0 1 auto;
}
.c-termList > .body > .list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.8em 0;
min-height: 4em;
padding: 1em 2.6em;
background: var(--color-green-light);
color: var(--color-green-dark-b);
}
.c-termList > .body > .list > .item:not(:last-child)::after {
opacity: 0.3;
margin-inline: 1.2em;
content: "|";
}
.c-termList > .body > .list > .item > .link {
transition: color var(--transition-duration) ease;
}
.c-termList.-gradient > .body > .list {
background: var(--color-gradient);
}
.c-termList > .body > .list.-child {
position: relative;
padding-left: 6em;
background: var(--color-gray);
color: var(--color-black-c);
}
.c-termList > .body > .list.-child::before {
content: "";
position: absolute;
inset: 50% auto auto 2.8em;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-d-right) no-repeat 50%/contain;
mask: var(--icon-arrow-d-right) no-repeat 50%/contain;
transform: translateY(-50%);
}
.c-termList > .body > .list > .item > .link:is(:hover, .-current) {
color: var(--color-green-dark);
}
.c-termList > .body > .list.-child > .item > .link:is(:hover, .-current) {
color: var(--color-green-dark);
}
.section.-archive > .grid{
display: grid;
grid-template-columns: 1fr;
}
.section.-archive > .grid > .col{
border-bottom: 1px solid var(--color-gray);
} .c-gutenberg {
--c-gutenberg-elem-gap: 1lh;
--c-gutenberg-a-color: var(--color-green);
--c-gutenberg-wp-element-caption-margin-top: .8em;
--c-gutenberg-wp-element-caption-font-size: var(--font-14);
--c-gutenberg-wp-element-caption-line-height: 1.6;
--c-gutenberg-wp-element-caption-color: var(--color-gray-dark-b);
}
.c-gutenberg {
display: block;
margin: 0;
padding: 0;
font: inherit;
line-height: 1;
text-align: justify;
word-break: break-all;
overflow-wrap: break-word;
color: inherit;
}
.c-gutenberg :where(hr) {
border: none;
border-top: 1px solid currentColor;
color: inherit;
}
.c-gutenberg :where(h1, h2, h3, h4, h5, h6) {
margin: 0;
font: inherit;
line-height: inherit;
color: inherit;
}
.c-gutenberg :where(ul:not(.c-list, .c-row), ol:not(.c-list, .c-row)) {
padding-left: 1.25em;
list-style: revert;
}
.c-gutenberg strong {
font-weight: bolder;
}
.c-gutenberg :where(a:-moz-any-link) {
text-decoration: underline;
color: var(--c-gutenberg-a-color);
}
.c-gutenberg :where(a:any-link) {
text-decoration: underline;
color: var(--c-gutenberg-a-color);
}
.c-gutenberg .wp-element-caption {
margin-top: var(--c-gutenberg-wp-element-caption-margin-top);
margin-bottom: 0;
font-size: var(--c-gutenberg-wp-element-caption-font-size);
line-height: var(--c-gutenberg-wp-element-caption-line-height);
color: var(--c-gutenberg-wp-element-caption-color);
}
.c-gutenberg .wp-block-embed-youtube > .wp-block-embed__wrapper {
position: relative;
display: block;
width: 100%;
padding: 0;
}
.c-gutenberg .wp-block-embed-youtube > .wp-block-embed__wrapper::before {
content: "";
display: block;
aspect-ratio: 16/9;
}
.c-gutenberg .wp-block-embed-youtube > .wp-block-embed__wrapper > iframe {
position: absolute;
inset: 0 auto auto 0;
width: 100%;
height: 100%;
border: none;
}
.c-gutenberg :where(div, hr, dl, ol, ul, p, blockquote, figure, table),
.c-gutenberg .pdfemb-viewer {
margin-bottom: var(--c-gutenberg-elem-gap);
}
.c-gutenberg :where(div, hr, dl, ol, ul, p, blockquote, figure, table):last-child,
.c-gutenberg .pdfemb-viewer:last-child {
margin-bottom: 0;
}
.c-gutenberg :where(h1, h2, h3, h4, h5, h6) :first-child {
margin-top: 0;
}
.c-gutenberg .wp-block-embed__wrapper,
.c-gutenberg .pdfemb-pagescontainer, .c-gutenberg .pdfemb-inner-div {
margin: 0;
}
.c-gutenberg {
font-size: var(--font-18);
line-height: 2;
}
.c-gutenberg :is(h1, h2, h3, h4, h5, h6) {
margin: 2em 0 1em;
font-weight: 500;
line-height: 1.6;
}
.c-gutenberg :is(h1, h2, h3, h4, h5, h6):first-child {
margin-top: 0;
}
.c-gutenberg h1 + :is(h2, h3, h4, h5, h6),
.c-gutenberg h2 + :is(h3, h4, h5, h6),
.c-gutenberg h3 + :is(h4, h5, h6),
.c-gutenberg h4 + :is(h5, h6),
.c-gutenberg h5 + h6 {
margin-top: 0;
}
.c-gutenberg h2 {
font-size: 1.5em;
}
.c-gutenberg h3 {
font-size: 1.3em;
}
.c-gutenberg h4 {
font-size: 1.1em;
}
.c-gutenberg hr {
border-color: var(--color-gray-pale-b);
}
.c-gutenberg .c-dataList > .item {
margin: 0;
}
.c-gutenberg strong {
font-weight: 600;
}
.c-gutenberg > .section {
margin-block: calc(var(--c-gutenberg-elem-gap) * 2);
}
.c-gutenberg > .section:first-child {
margin-top: 0;
}
.c-gutenberg > .section:last-child {
margin-bottom: 0;
}
.c-gutenberg > .section.-singleInterview-c-card-typeTalk {
margin-inline: calc((var(--content-width-small) - var(--content-width-medium)) / 2);
}   .content-link{
margin-top: var(--px-80);
width: var(--content-width-large);
margin-inline: auto;
}
.content-link > .item{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
.content-link > .item > .link{
padding-block: var(--px-40) var(--px-80);
padding-inline: .5em;
border-top: 4px solid var(--color-green);
background: var(--rgr_color-offwhite);
box-shadow: 0px 3px 0px 0px var(--color-gray-light);
border-radius: 0 0 10px 10px;
}
.content-link > .item > .link > .list{
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
position: relative;
}
.content-link > .item > .link > .list > .icon{
background: var(--color-white);
padding: 1em;
border-radius: 50%;
}
.content-link > .item > .link > .list::after{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
width: 28px;
height: 28px;
background: var(--icon-content-arrow);
background-repeat: no-repeat;
background-size: cover;
transition: all var(--transition-duration) ease;
}
.content-link > .item > .link:hover > .list::after{
bottom: -55px;
}
.content-link > .item > .link > .list > p{
text-align: center;
line-height: 1.4;
color: var(--color-green);
font-weight: 700;
font-size: var(--font-20);
}
.tlb-txt{
margin-bottom: var(--rgr_size-32);
line-height: 2;
font-size: var(--font-17);
text-align: justify;
word-break: break-all;
}
.tlb-txt.-first{
margin-bottom: 17px;
}
.tlb-txt.-sub-txt{
font-size: var(--font-17);
font-weight: 700;
line-height: 2;
text-decoration: underline;
text-underline-offset: 20%;
text-decoration-thickness: 20%;
text-decoration-skip-ink: auto;
text-decoration-color: #8FC31F;
margin-bottom: var(--rgr_size-48);
}
.tlb_c-info + .tlb_c-info{
margin-top: var(--rgr_size-48);
}
.tlb-grid{
margin-top: 1em;
display: grid;
}
.tlb-grid.-col-4{
grid-template-columns: repeat(4, 1fr);
}
.tlb-grid.-col-3{
grid-template-columns: repeat(3, 1fr);
}
.tlb-grid.-col-2{
grid-template-columns: repeat(2, 1fr);
}
.tlb-grid.-col-1{
grid-template-columns: repeat(1, 1fr);
}
.tlb_c-info > .-ttl > .sub-ttl{
margin-top: 1em;
font-size: var(--font-20);
line-height: 1.4;
font-weight: 700;
}
.tlb-grid > .tlb_item{
background: var(--color-white);
border: 1px solid #E5E5E3;
border-radius: 5px;
text-align: center;
font-size: var(--font-17);
font-weight: 700;
color: #605540;
padding-block: 17px;
padding-inline: 1em;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 5px;
}
.tlb-grid > .tlb_item.tlb_check-item{
color: #303932;
font-size: var(--font-18);
font-weight: 700;
flex-direction: row;
justify-content: flex-start;
gap: var(--px-30);
text-align: left;
line-height: 1.4;
}
.tlb-grid > .tlb_item.tlb_check-item>p>span{
font-size: var(--font-15);
line-height: 1.6;
color: #53574E;
font-weight: 400;
padding-top: 8px;
display: block;
}
.tlb-grid > .tlb_item > span{
font-size: var(--font-14);
font-weight: 400;
line-height: 1.4;
color: #53574E;
}
.tlb_c-info > .-ttl > .etc{
text-align: right;
font-size: var(--font-14);
line-height: 1.4;
font-weight: 500;
margin-top: 7px;
}
.tlb-second_header{
margin-top: var(--rgr_size-48);
margin-bottom: var(--rgr_size-32);
}
.tlb-grid{
gap: 16px;
}
.tlb-grid>.item{
display: flex;
flex-direction: column;
align-items: center;
background: var(--rgr_color-offwhite);
border-radius: 8px;
padding: var(--rgr_size-32);
}
.tlb-grid>.item>.ttl{
font-size: var(--font-20);
line-height: 1.4;
font-weight: 700;
color: var(--color-green);
padding-bottom: 20px;
position: relative;
text-align: center;
}
.tlb-grid>.item>.ttl::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border: 1px solid #B0B1AA;
width: 22px;
height: 1px;
}
.tlb-grid>.item>.icon{
background: var(--color-white);
padding: 1em;
border-radius: 50%;
margin-bottom: 15px;
}
.tlb-grid>.item>.txt{
padding-top: 17.5px;
font-size: var(--font-14);
line-height: 2;
text-align: justify;
word-break: break-all;
}
.tlb-content>.tlb-txt{
margin-bottom: 0;
margin-top: var(--rgr_size-32);
}
@media (max-width:1400px) {
.content-link > .item{
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:959px) {
.content-link > .item > .link > .list::after{
bottom: -35px;
}
}
@media (max-width:767px) {
.content-link > .item{
grid-template-columns: repeat(2, 1fr);
gap: 10px 5px;
}
.tlb-grid.-col-3{
grid-template-columns: repeat(2, 1fr);
}
.tlb-grid.-col-4{
grid-template-columns: repeat(2, 1fr);
}
.tlb-grid.-col-2{
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width:560px) {
.tlb-grid.-col-3{
grid-template-columns: repeat(1, 1fr);
}
} .recruit-hero{
margin-top: var(--px-150);
}
.recruit-hero > .inner{
position: relative;
padding-inline: clamp(20px, 6.25vw, 120px);
}
.recruit-hero > .inner::after{
content: url(//yotsuba-naika.jp/wp-content/themes/yotsuba-naika/assets/img/recruit-hero-bg.svg);
position: absolute;
bottom: 0;
right: 0;
aspect-ratio: 1 / 1;
width: 560px;
}
.recruit-hero > .inner > .hero{
display: flex; justify-content: center;
margin-bottom: var(--px-80);
}
.recruit-hero > .inner > .hero > .img_box{
position: relative;
width: 50%;
} .recruit-hero > .inner > .hero > .img_box > picture > .img{
width: 100%;
height: 100%;
object-fit: cover;
}
.recruit-hero > .inner > .hero > .txt_box{
width: 50%;
padding-left: clamp(0px, 4.1666666667vw, 80px);
}
.recruit-hero > .inner > .hero > .txt_box > .ttl{
font-size: var(--font-48);
line-height: 1.4;
font-weight: 700;
background: linear-gradient(236.45deg, #3BA84E 9.96%, #008742 90.04%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
margin-bottom: var(--px-80);
position: relative;
}
.recruit-hero > .inner > .hero > .txt_box > .ttl::before{
content: "";
position: absolute;
top: -15px;
left: -50px;
background: var(--rgr_icon-clover-color) no-repeat center/contain;
aspect-ratio: 1 / 1;
width: 40px;
}
.recruit-hero > .inner > .hero > .txt_box > p{
font-size: var(--font-17);
line-height: 2.4;
}
.recruit-hero > .inner > .hero > .txt_box > p + p{
padding-top: var(--px-30);
}
.recruit-content > .inner{
padding-top: var(--px-100);
margin-bottom: var(--px-80);
width: var(--content-width-medium);
margin-inline: auto;
}
.recruit-content > .inner > .content > .list{
display: flex;
flex-direction: column;
gap: 8px;
}
.recruit-content > .inner > .content > .list > .item{
position: relative;
background-color: #F8F9F4;
font-size: var(--font-24);
font-weight: 500;
line-height: 1.4;
padding: 1em;
width: 100%;
text-align: center;
}
.recruit-content > .inner > .content > .list > .item::before{
content: "";
position: absolute;
top: 50%;
left: var(--px-30);
transform: translateY(-50%);
background-color: #8FC31F;
border-radius: 50%;
aspect-ratio: 1 / 1;
width: 8px;
}
.recruit-content > .inner > .content > .list > .item::after{
content: "";
position: absolute;
top: 50%;
right: var(--px-30);
transform: translateY(-50%);
background-color: #8FC31F;
border-radius: 50%;
aspect-ratio: 1 / 1;
width: 8px;
}
.recruit-content > .inner > .content > .txt{
font-size: var(--font-18);
font-weight: 500;
line-height: 2;
margin-top: var(--px-30);
text-align: center;
}
.recruit-content > .inner > .content > .tlb-grid > .item > .txt{
text-align: center;
} .recruit-content > .inner.-recruit-interview{
width: 100%;
}
.recruit-content > .inner.-recruit-interview > .content > .interview{
position: relative;
display: grid;
justify-items: center;
grid-template-columns: min(1120px, 1120 / 1920 * 100 * 1vw) 1fr;
min-height: 100vh;
grid-template-areas: "text image";
}
.recruit-content > .inner.-recruit-interview > .content > .interview.-reverse{
grid-template-columns: 1fr min(1120px, 1120 / 1920 * 100 * 1vw) ;
grid-template-areas: "image text";
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .img_box{
width: 100%;
height: 100vh;
max-height: 100%;
position: sticky;
top: 0;
grid-area: image;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .img_box > picture > .img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box{
width: min(100% , 1000px);
height: 100%;
padding-block: var(--px-150) var(--px-200);
padding-inline: 15% 10%;
position: relative;
z-index: 1;
grid-area: text;
}
.recruit-content > .inner.-recruit-interview > .content > .interview.-reverse > .txt_box{
padding-inline: 10% 15%;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl{
margin-bottom: var(--px-100);
position: relative;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl::before{
content: "";
position: absolute;
top: -15px;
left: -35px;
background: var(--rgr_icon-clover-color) no-repeat center / contain;
aspect-ratio: 1 / 1;
width: 32px;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl > h2{
font-size: var(--font-80);
background: linear-gradient(236.45deg, #3BA84E 9.96%, #008742 90.04%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-family: var(--font-en);
font-weight: 200;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl > p{
font-size: var(--font-16);
line-height: 2;
color: #818276;
margin-top: 16px;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content{
color: #303932;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content + .content{
margin-top: var(--px-80);
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > h3{
font-size: var(--font-24);
line-height: 1.2;
font-weight: 500;
padding-left: var(--px-60);
margin-bottom: var(--px-30);
position: relative;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > h3::before{
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #B0B1AA;
width: var(--px-50);
height: 1px;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > p{
line-height: 2;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > p + p{
margin-top: 1em;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .schedule{
margin-top: var(--px-80);
}
.schedule-list {
width: 100%;
max-width: 800px;
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
color: #53574E;
}
.schedule-list > h3{
font-size: var(--font-19);
font-weight: 700;
line-height: 1.4;
margin-bottom: var(--px-30);
color: #303932;
}
.schedule-list > .schedule-item {
display: flex;
border-bottom: 1px dotted #B0B1AA;
padding: 15px 0;
font-size: var(--font-17);
line-height: 1.2;
}
.schedule-list > .schedule-item > .schedule-time {
flex: 0 0 80px;
font-weight: 500;
font-family: var(--font-en);
color: #333;
margin: 0;
padding-right: 20px;
border-right: 1px solid #E5E5E3;
}
.schedule-list > .schedule-item > .schedule-description {
flex: 1;
margin: 0;
font-weight: 400;
padding-inline: var(--px-20);
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .movie{
margin-bottom: var(--px-80);
aspect-ratio: 16 / 9;
}
@media (max-width:1400px) {
.recruit-hero > .inner > .hero{
gap: 20px;
}
}
@media (max-width:1240px) {
.recruit-hero > .inner > .hero{
flex-direction: column-reverse;
}
.recruit-hero > .inner > .hero > .img_box{
width: 100%;
text-align: center;
}
.recruit-hero > .inner > .hero > .txt_box{
width: 100%;
}
.recruit-hero > .inner > .hero > .img_box::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20%;
background: linear-gradient(to top, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box{
padding-inline: 10% 5%;
}
.recruit-content > .inner.-recruit-interview > .content > .interview.-reverse > .txt_box{
padding-inline: 10% 5%;
}
}
@media (max-width:767px) {
.recruit-content > .inner.-recruit-interview > .content > .interview{
grid-template-areas: 
"image"
"text";
grid-template-columns: 1fr;
}
.recruit-content > .inner.-recruit-interview > .content > .interview.-reverse{
grid-template-areas: 
"image"
"text";
grid-template-columns: 1fr;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .img_box{
position: unset;
height: 50vh;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl > h2{
padding-left: 1.3em;
font-size: var(--font-50);
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .ttl::before{
top: 5px;
left: 0;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box{
padding-inline: 5%;
padding-block: 50px;
}
.recruit-content > .inner.-recruit-interview > .content > .interview.-reverse > .txt_box{
padding-inline: 5%;
padding-block: 50px;
}
.recruit-content > .inner > .content > .tlb-grid > .item > .txt{
text-align: left;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > h3::before{
width: 20px;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .txt_box > .content > h3{
padding-left: 30px;
}
.recruit-hero > .inner{
padding-inline: 5%;
}
.recruit-hero > .inner > .hero > .txt_box{
padding-left: 0;
}
.recruit-hero > .inner > .hero > .txt_box > .ttl::before{
top: -40px;
left: 0;
}
}
@media (max-width:560px) {
.recruit-content > .inner > .content > .txt{
text-align: left;
}
.recruit-content > .inner.-recruit-interview > .content > .interview > .img_box{
height: 35vh;
}
} .inner.-faq > .faq{
width: min(1000px,94%);
margin-inline: auto;
padding-block: var(--rgr_size-160) var(--rgr_size-280);
}
.accordion-area + .accordion-area{
margin-top: var(--px-120);
}
.accordion-area > .item{
position: relative;
border: 1px solid var(--color-gray-light);
background: var(--color-offwhite);
margin-block: 10px;
}
.accordion-area > .item > section > .faq-ttl {
position: relative;
cursor: pointer;
padding-inline: 55px 1em;
padding-block: 3%;
transition: all .5s ease;
font-size: var(--font-18);
line-height: 1.6;
color: var(--color-green-dark);
font-weight: 700;
}
.accordion-area > .item > section > .faq-ttl::before, 
.accordion-area > .item > section > .faq-ttl::after {
position: absolute;
content: "";
margin: auto;
box-sizing: border-box;
vertical-align: middle;
}
.accordion-area > .item > section > .faq-ttl::before {
border-top: 2px solid var(--color-green-dark);
width: 20px;
height: 0;
top: 0;
bottom: 0;
left: 20px;
}
.accordion-area > .item > section > .faq-ttl::after {
border-left: 2px solid var(--color-green-dark);
width: 0;
height: 20px;
top: 0;
bottom: 0;
left: 29px;
transition: .3s;
}
.accordion-area > .item > section > .faq-ttl.close::after {
height: 0;
}
.accordion-area > .item > section > .faq-box {
display: none;
background: #F8F9F4;
margin: 0 3% 3% 4%;
padding: 3%;
}
.accordion-area > .item > section > .faq-box > .faq-txt{
font-size: var(--font-16);
line-height: 2.2;
}
@media (max-width:960px) {
.accordion-area > .ttl::before,
.accordion-area > .ttl::after{
width: 80px;
}
}
@media (max-width:575px) {
.accordion-area > .ttl::before,
.accordion-area > .ttl::after{
width: 70px;
}
} .rgr_facility-list>.rgr_item:first-child{
padding-top: var(--rgr_size-48) !important;
} .recruit-single__content{
margin-top: var(--px-80);
}
.recruit-single__content > .link{
background: var(--color-green);
border-radius: 999px;
color: var(--color-white);
font-size: var(--font-20);
font-weight: 700;
line-height: 1.4;
padding: 1em 2em;
text-align: center;
width: 100%;
display: block;
transition-duration: var(--transition-duration);
}
@media (hover : hover) {
.recruit-single__content > .link:hover{
opacity: var(--transition-opacity);
}
} .section.-noPage > .inner{
max-width: var(--content-width-small);
margin-inline: auto;
}
.section.-noPage > .inner > .body > h2{
font-size: var(--px-30);
font-weight: 500;
color: var(--color-green);
margin-bottom: var(--px-80);
text-align: center;
}
.section.-noPage > .inner > .body > .txt{
text-align: center;
margin-bottom: 3em;
line-height: 1.6;
}
.section.-noPage > .inner > .body > .link_box{
display: flex;
justify-content: center;
} .default-section{
padding-block: var(--px-100);
}
.default-section > .inner{
width: var(--content-width-medium);
margin-inline: auto;
}
.default-section > .inner > .note {
max-width: 60em;
margin-inline: auto;
font-size: var(--font-14);
line-height: 2;
margin-bottom: var(--px-100);
}
.c-contactForm {
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.6;
}
.c-contactForm > .lead {
display: none;
margin-bottom: clamp(50px, 5.9701492537vw, 80px);
}
.c-contactForm > .lead > .heading {
font-weight: 700;
font-size: clamp(1.75rem, 1.553rem + 0.84vw, 2.5rem);
line-height: 1.6;
text-align: center;
color: var(--color-green);
}
.c-contactForm > .lead > .text {
margin-top: 1.5em;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.8;
text-align: center;
}
.c-contactForm > .list {
border-bottom: 1px solid #e5e5e3;
}
.c-contactForm > .list > .item {
display: flex;
flex-direction: column;
gap: 0.5em 0;
padding: 1.25em 0;
border-top: 1px solid #e5e5e3;
align-items: flex-start;
}
@media (min-width: 768px) {
.c-contactForm > .list > .item {
flex-direction: row;
align-items: center;
}
}
.c-contactForm > .list > .item.-combine {
border-top: none;
padding-top: 0;
}
.c-contactForm > .list > .item > .label {
font-weight: 700;
}
@media (min-width: 768px) {
.c-contactForm > .list > .item > .label {
flex: 0 0 auto;
width: 18em;
padding: calc(0.875em + 1px) 0;
}
}
.c-contactForm > .list > .item > .label > .required {
margin-left: 1em;
font-size: var(--font-14);
color: red;
}
.c-contactForm > .list > .item > .control {
flex: 1 1 0%;
}
.c-contactForm > .list > .item > .control > .checkboxList > .item + .item {
margin-top: 0.5em;
}
.c-contactForm > .action {
margin-top: clamp(40px, 4.776119403vw, 64px);
text-align: center;
}
.c-contactForm > .action > .back {
margin-top: 1em;
}
.c-contactForm-controlSeparator {
display: block;
position: relative;
height: 100%;
padding: 0 0.5em;
}
.c-contactForm-controlSeparator::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 2em;
border-right: 1px solid var(--color-gray);
transform: translate(-50%, -50%) rotate(25deg);
}
.mw_wp_form_preview .c-contactForm > .lead {
display: block;
}
@media (min-width: 768px) {
.mw_wp_form_preview .c-contactForm > .list > .item > .label {
padding: 0;
}
}
.mw_wp_form_preview .c-contactForm > .list > .item > .label > .required {
display: none;
}
.c-formControl {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.c-formControl::-moz-placeholder {
opacity: 0.25;
}
.c-formControl::placeholder {
opacity: 0.25;
}
textarea.c-formControl {
resize: vertical;
}
select.c-formControl {
padding-right: 2em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-formControl[multiple], select.c-formControl[size]:not([size="1"]) {
background-image: none;
}
.c-formControl.-auto {
display: inline-block;
width: auto;
max-width: 100%;
}
.c-formControl {
padding: 0.875em 1.25em !important;
background: #f8f9f4;
border: 1px solid #e5e5e3 !important;
border-radius: 2px !important;
font-size: var(--font-16);
line-height: 1.6;
}
.c-formControl.-small {
font-size: var(--font-14);
}
.c-formControl.-xsmall {
font-size: var(--font-13);
}
.c-formControl.-narrow {
padding: 0.6875em 1.125em;
}
.c-formControl.-xnarrow {
padding: 0.5em 1em;
}
.c-formControl.-typeTermList {
min-width: 14em;
padding: 0.75em 1em;
font-size: var(--font-15);
}
.mwform-checkbox-field > label {
display: inline-flex;
align-items: baseline;
}
.mwform-checkbox-field > label > input {
flex: 0 0 auto;
}
.mwform-checkbox-field > label > .mwform-checkbox-field-text {
flex: 1 1 0%;
}
.c-btn-contact {
position: relative;
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1;
text-decoration: none;
text-align: inherit;
vertical-align: middle;
white-space: nowrap;
color: inherit;
}
.c-btn-contact{
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
.c-btn-contact.-c-contactForm-submit {
justify-content: center;
width: min(24em, 100%);
padding: 1.75em;
background: var(--color-green);
border: 1px solid var(--color-green);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-18);
color: var(--color-white);
transition-property: background-color;
}
.c-btn-contact.-c-contactForm-submit:hover {
opacity: 1 !important;
background: var(--color-white);
border: 1px solid var(--color-green);
color: var(--color-green);
}
.c-btn-contact.-c-contactForm-back {
justify-content: center;
width: min(24em, 100%);
padding: 1.75em;
background: var(--color-gray);
border: 1px solid var(--color-gray);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-18);
color: var(--color-black);
transition-property: background-color;
}
.c-btn-contact.-c-contactForm-back:hover{
background: var(--color-white);
}
.c-list {
display: flex;
flex-direction: column;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: inherit;
padding-left: 1.25em;
text-align: justify;
word-break: break-all;
}
.c-list.-disc {
list-style: disc;
}
.contact-red {
color: red;
}
.contact-red > span > a{
text-decoration: underline;
color: red;
transition-duration: var(--transition-duration);
}
@media (hover : hover) {
.contact-red > span > a:hover{
opacity: 0.65;
}
} .privacy{
max-width: var(--content-width-medium);
margin: 0 auto;
line-height: 2.2;
}
.privacy_wrap > h2{
position: relative;
font-size: var(--font-28);
font-weight: bold;
border-bottom: 1px solid #CECACA;
margin-bottom: 0.5em;
}
.privacy_wrap > h2::after{
content: "";
position: absolute;
bottom: -1%;
left: 0;
width: 20%;
border-top: 2px solid var(--color-green);
}
.privacy_wrap{
margin: 2em 0;
}
.privacy_wrap > p{
font-size: var(--font-16);
} .c-noContent{
background: var(--color-gradient-green);
} @media (max-width:767px) {
.rgr_c-mediaA>.rgr_media{
aspect-ratio: 200/250 !important;
}
} #access-map{
border-radius: 8px;
width: 100%;
height: 100%;
} .rgr_c-flow-item>.rgr_inner>.rgr_desc>.link{
text-decoration: underline;
color: var(--color-green);
}
@media (hover : hover) { 
.rgr_c-flow-item>.rgr_inner>.rgr_desc>.link:hover{
opacity: 0.65;
}
} @media (max-width:560px) { 
.wp-block-gallery.has-nested-images figure.wp-block-image{
width: 100% !important;
}
.wp-block-gallery.wp-block-gallery{
flex-direction: column;
}
} .achievement{
padding-block: var(--px-30) var(--px-100);
}
.achievement>.head{
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding-bottom: 1em;
}
.achievement>.head::before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateY(-50%);
background-color: var(--color-green-b);
width: 50px;
height: 3px;
}
.achievement>.head::after{
content: "";
position: absolute;
bottom: 0;
right: 50%;
transform: translateY(-50%);
background-color: var(--color-green);
width: 50px;
height: 3px;
}
.achievement>.head>.ttl{
color: var(--color-green);
font-family: var(--font-en);
font-size: var(--font-28);
font-weight: 600;
line-height: 1.6;
text-align: center;
}
.achievement>.head>.note{
color: var(--color-black-c);
font-family: var(--font-en);
font-size: var(--font-16);
line-height: 1.6;
}
.achievement>.flx{
display: flex;
gap: var(--px-30);
margin-top: var(--px-40);
}
.achievement>.flx>.card{
flex: 1;
background: var(--color-white);
border-radius: 15px;
overflow: hidden;
}
.achievement>.flx>.card>.head{
background-color: var(--color-green-b);
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
padding-block: 10px;
}
.achievement>.flx>.card>.head.-second{
background-color: var(--color-green);
}
.achievement>.flx>.card>.head>.ttl{
color: var(--color-white);
font-family: var(--font-en);
font-size: var(--font-24);
font-weight: 600;
line-height: 1.5;
}
.achievement>.flx>.card>.body{
background: var(--rgr_color-offwhite);
border: var(--rgr_size-4) solid var(--rgr_color-gray-pale);
border-top: none;
border-radius: 0 0 15px 15px;
}
.achievement>.flx>.card>.body>.item{
padding-block: var(--px-30);
padding-inline: 2.5em;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.achievement>.flx>.card>.body>.item+.item{
border-top: var(--rgr_size-4) solid var(--rgr_color-gray-pale);
}
.achievement>.flx>.card>.body>.item>.name{
font-family: var(--font-en);
color: var(--color-black-c);
font-size: var(--font-18);
font-weight: 600;
line-height: 2;
letter-spacing: 0.2em;
}
.achievement>.flx>.card>.body>.item>.count{
color: var(--color-green-c);
font-family: var(--font-en);
font-size: 28px;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.2em;
}
.achievement>.flx>.card>.body>.item>.count.-second{
color: var(--color-green);
}
.achievement>.flx>.card>.body>.item>.count>.unit{
color: var(--color-black-c);
font-family: var(--font-en);
font-size: var(--font-16);
font-weight: 600;
letter-spacing: 0.2em;
}
.achievement>.flx>.card>.body>.item>.desc{
color: var(--color-black);
font-family: var(--font-en);
font-size: 15px;
line-height: 2;
letter-spacing: 0.2em;
}
@media (max-width:960px) {
.achievement>.flx>.card>.body>.item{
padding-inline: 1em;
}
}
@media (max-width:767px) {
.achievement>.flx{
flex-direction: column;
}
} .sub_message > .flx{
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
gap: clamp(30px, 3.125vw, 60px);
}
.sub_message > .flx > .item > .catch{
font-size: var(--font-26);
color: var(--color-green-dark);
font-weight: 600;
line-height: 1.6;
margin-bottom: .5em;
}
.sub_message > .flx > .item > .txt{
line-height: 2;
font-weight: 500;
margin-bottom: 1em;
}
.sub_message > .flx > .item.-content{
max-width: 100%;
}
.sub_message > .flx > .item > .link_box .c-square{
margin-left: auto;
}
.sub_message > .flx > .item > .img{
width: min(100%, 1000px);
border-radius: 8px;
height: 60svh;
object-fit: cover;
object-position: top;
}
.sub_message > .flx > .item.img_warp{
position: relative;
height: 100%;
}
.sub_message > .flx > .item.img_warp::after{
content: attr(data-text);
position: absolute;
bottom: 10%;
right: 10%;
font-size: var(--font-18);
font-weight: bold;
font-family: var(--font-serif);
color: var(--color-black-b);
letter-spacing: 1.5px;
}
.sub-profile {
background: var(--rgr_color-offwhite);
border: var(--rgr_size-4) solid var(--rgr_color-gray-pale);
border-radius: var(--rgr_size-24);
margin-top: 2em;
}
.sub-profile.-second{
margin-top: 1em;
}
.sub-profile>.rgr_body {
padding: var(--rgr_size-16);
}
.sub-profile>.rgr_body>.c-heading.-typeC{
padding-bottom: 0.5em;
}
.sub-profile>.rgr_body>.c-heading.-typeC::after{
content: "";
position: absolute;
bottom: 0;
left: calc(-1 * var(--rgr_size-16));
width: calc(100% + 2 * var(--rgr_size-16));
border-bottom: 1px dotted var(--color-gray-b);
}
.sub-profile>.rgr_body>.c-heading.-typeC::before{
width: 1em;
height: 1em;
}
.sub.-profile {
display: grid;
}
.sub.-profile > .tlb_item {
border-bottom: 1px solid #E5E5E3;
font-size: var(--font-16);
font-weight: 500;
color: #605540;
padding-block: 15px;
padding-inline: .5em;
line-height: 1.8;
}
.sub.-profile > .tlb_item>span{
min-width: 120px;
display: inline-block;
}
@media (max-width:767px) {
.sub.-profile > .tlb_item>span{
padding-left: 0;
}
}
@media (max-width:960px) {
.sub_message > .flx{
flex-direction: column-reverse;
}
.sub_message > .flx > .item.-content{
width: 100%;
padding-right: 4em;
}
.sub_message > .flx > .item > .img{
width: 100%;
}
.sub_message > .flx > .item > .catch{
margin-bottom: 1em;
}
.sub_message > .flx > .item > .link_box .c-square{
margin-right: 1em;
}
.message > .inner > .deco{
inset: auto auto 30px clamp(20px, 10.4166666667vw, 200px);
}
}
@media (max-width:767px) {
.message{
margin-inline: auto;
}
.message > .inner{
padding-inline: 15px;
}
.sub_message > .flx > .item.-content{
padding-right: 0em;
}
}
.parking{
margin-top: 1em;
}
.parking>.txt{
line-height: 2;
font-weight: 500;
}
.parking>.media{
margin-top: 2em;
}
.parking>.media>.img{
border-radius: 8px;
}
.rgr_c-table .map-link{
text-decoration: underline;
color: var(--color-green);
}
.facility-access{
margin-top: 1em;
}
.facility-access>.txt{
line-height: 2;
font-weight: 500;
}
.facility-access>.txt.-margTop{
margin-top: 1em;
}
.parking>p>.link,
.facility-access>p>.link{
text-decoration: underline;
color: var(--color-green);
display: inline-block;
margin-top: 1em;
}
.parking>p>.link{
margin-top: 0.5em;
}
.content-link.-facility > .item{
grid-template-columns: repeat(6, 1fr);
}
.content-link.-therapy > .item{
grid-template-columns: repeat(4, 1fr);
}
.content-link.-therapy > .item > .link{
padding-block: var(--px-20) var(--px-50); 
}
.content-link.-therapy > .item > .link > .list::after{
bottom: -30px;
}
@media (hover : hover) { 
.content-link.-therapy > .item > .link:hover > .list::after{
bottom: -40px;
}
}
.rgr_facility-list>.rgr_item.-facility-access{
padding-top: 0 !important;
}
@media (max-width:1400px) {
.content-link.-therapy > .item{
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:960px) {
.content-link.-facility > .item{
grid-template-columns: repeat(3, 1fr);
}
.content-link.-therapy > .item{
grid-template-columns: repeat(2, 1fr);
}
.content-link.-therapy > .item > .link:last-child {
grid-column: 1 / -1;
}
.content-link.-therapy > .item > .link:last-child {
grid-column: 1 / -1;
}
}
@media (max-width:560px) {
.content-link.-facility > .item{
grid-template-columns: repeat(2, 1fr);
}
} .tlb-selfpay{
display: flex;
flex-direction: column;
gap: var(--rgr_size-32);
margin-top: var(--rgr_size-32);
}
.tlb-selfpay > .item{
background: var(--rgr_color-offwhite);
border: var(--rgr_size-4) solid var(--rgr_color-gray-pale);
border-radius: var(--rgr_size-24);
overflow: hidden;
}
.tlb-selfpay > .item > .head{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--rgr_size-16);
padding: var(--rgr_size-24);
border-bottom: 1px dotted var(--color-gray-b);
}
.tlb-selfpay > .item > .head > .ttl{
font-size: var(--font-20);
font-weight: 700;
line-height: 1.4;
color: var(--color-green);
}
.tlb-selfpay > .item > .head > .ttl > span{
font-size: var(--font-15);
font-weight: 400;
color: var(--color-black-c);
margin-left: .3em;
}
.tlb-selfpay > .item > .head > .price{
flex: 0 0 auto;
display: flex;
align-items: baseline;
gap: .15em;
}
.tlb-selfpay > .item > .head > .price > .value{
font-family: var(--font-en);
font-size: var(--font-32);
font-weight: 700;
line-height: 1;
color: var(--color-green);
}
.tlb-selfpay > .item > .head > .price > .unit{
font-size: var(--font-14);
font-weight: 500;
color: var(--color-black-c);
}
.tlb-selfpay > .item > .body{
padding: var(--rgr_size-24);
}
.tlb-selfpay > .item > .body > .txt{
margin: 0;
font-size: var(--font-17);
line-height: 2;
text-align: justify;
word-break: break-all;
}
.tlb-selfpay > .item > .body > .lead{
margin-top: var(--rgr_size-24);
margin-bottom: .75em;
font-size: var(--font-18);
font-weight: 700;
line-height: 1.4;
color: var(--color-black-c);
}
.tlb-selfpay > .item > .body > .note{
margin-top: var(--rgr_size-16);
margin-bottom: 0;
font-size: var(--font-14);
line-height: 1.6;
color: var(--color-black-c);
}
@media (max-width:560px) {
.tlb-selfpay > .item > .head{
flex-direction: column;
align-items: flex-start;
}
}