.main{
margin-bottom: -140px;
} .home_container > .hero {
width: 100%;
padding-bottom: clamp(25px, 2.6041666667vw, 50px);
}
.home_hero {
display: grid;
grid-template-columns: 1fr min(60%, 1520px);
column-gap: 20px;
grid-template-areas:
'hero_catch hero_slider'
'hero_catch home_message';
position: relative;
}
.home_hero > .media{
width: 100%;
height: 100%;
max-height: 960px;
grid-area: hero_slider;
position: relative;
z-index: 1;
}
.home_hero > .media > .-home-hero-media{
width: 100%;
height: min(100vh, 960px);
object-fit: cover;
}
.home_hero > .catch{
grid-area: hero_catch;
line-height: 1.6;
position: relative;
}
.home_hero > .catch > .inner{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.home_hero > .catch > .inner > .flx{
background-color: rgba(220, 246, 218, .9);
border-radius: 24px;
width: min(50vw , 730px);
position: absolute;
top: 50%;
left: 10%;
transform: translateY(-50%);
z-index: 10;
padding: clamp(20px, 4.6875vw, 90px) clamp(10px, 2.6041666667vw, 50px);
}
.home_hero > .catch > .inner > .flx > .txt{
text-align: center;
}
.home_hero > .catch > .inner > .flx > .txt > h1{
font-size: var(--font-50);
font-weight: bold;
letter-spacing: .05em;
margin-bottom: clamp(30px, 2.6041666667vw, 50px);
}
.home_hero > .catch > .inner > .flx > .txt > h1 > span{
color: var(--color-green-dark);
}
.home_hero > .catch > .inner > .flx > .txt > p{
font-size: var(--font-25);
font-weight: 500;
letter-spacing: .09em;
margin-bottom: clamp(30px, 2.6041666667vw, 50px);
}
.home_hero > .catch > .inner > .flx > .media{
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-items: center;
gap: 5px;
width: min(100% , 578px);
margin-inline: auto;
}
@media (max-width:1110px) {
.home_hero > .catch > .inner > .flx > .txt > p{
font-size: var(--font-20);
}
}
@media (max-width:767px) {
.home_hero{
grid-template-columns: 100%;
grid-template-rows: 100vh, auto;
grid-template-areas:
'hero_slider'
'home_message';
}
.home_hero > .media{
position: relative;
}
.home_hero > .catch{
top: 0;
height: 100vh;
position: absolute;
padding: 0 0 0 5%;
writing-mode: horizontal-tb;
display: flex;
align-items: flex-end;
}
.home_hero > .media > .-home-hero-media{
height: 90vh;
}
.home_hero > .catch > .inner{
width: 100%;
height: auto;
margin: 0 0 50vh;
position: relative;
top: initial;
z-index: 1;
}
.home_hero > .catch > .inner > .flx{
width: 90vw;
}
.home_container > .hero{
padding-bottom: 0;
}
}
@media (max-width:560px) {
.home_hero > .catch > .inner > .flx > .txt > h1{
font-size: 28px;
}
} .c-splide.-home-hero-media,
.c-splide.-home-hero-media .splide,
.c-splide.-home-hero-media .splide__track,
.c-splide.-home-hero-media .splide__list,
.c-splide.-home-hero-media .splide__slide {
height: 100%;
}
.c-splide.-home-hero-media .splide__slide {
overflow: hidden;
position: relative;
}
.c-splide.-home-hero-media .image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 7s linear;
}
.c-splide.-home-hero-media .splide__slide.is-active .image {
transform: scale(1.05);
} .home_container > .headlineWrap {
position: relative;
z-index: 1;
}
.home_container > .headlineWrap > .inner {
position: absolute;
inset: auto 0 100px auto;
width: min(95%,800px);
margin-inline: 0 0;
}
.home-headline {
display: flex;
background: var(--color-white);
border-radius: 999px 0px 0px 999px;
color: var(--color-black-b);
box-shadow: var(--shadow-opacity25);
}
.home-headline > .header {
flex: 0 0 auto;
display: grid;
place-items: center;
position: relative;
border-right: 1px solid var(--color-gray-b);
text-indent: 0.2em;
width: 10em;
} .home-headline > .header > .heading {
font-family: var(--font-en);
font-size: var(--font-16);
letter-spacing: 2px;
}
.home-headline > .body {
flex: 1 1 0%;
overflow: hidden;
padding: 1.2em 0;
}
.home-headline_article {
display: inline-flex;
align-items: baseline;
white-space: nowrap;
}
.home-headline_article > .date {
flex: 0 0 auto;
width: 6.2em;
font-family: var(--font-en);
font-size: var(--font-16);
}
.home-headline_article > .title {
flex: 1 1 0%;
font-weight: 400;
font-size: var(--font-16);
}
.home-headline_article:hover > .title {
text-decoration: underline;
}
.c-splide.-home-headline .splide__slide{
min-width: 100%;
padding-inline: 2em 7em;
}
@media (max-width:960px) {
.home-headline > .header{
width: 8em;
}
}
@media (max-width:767px) {
.home_container > .headlineWrap > .inner{
bottom: 0;
width: 100%;
}
.home-headline{
border-radius: 0;
}
.home-headline_article > .date,
.home-headline_article > .title{
font-size: 14px;
}
.home-headline > .header > .heading {
font-size: 14px;
}
.home-headline > .header{
width: 5em;
}
} .message{
width: min(90vw, 1543px);;
height: 100%;
margin-left: auto;
padding: clamp(30px, 3.6458333333vw, 70px) 0;
}
.message > .inner{
border-radius: 6px;
box-shadow: var(--shadow-opacity10);
background: var(--color-gradient-green);
padding: clamp(30px, 3.125vw, 60px) 0 clamp(30px, 3.125vw, 60px) clamp(10px, 3.6458333333vw, 70px);
position: relative;
overflow: hidden;
}
.message > .inner > .deco{
position: absolute;
inset: 30px auto 0 clamp(20px, 10.4166666667vw, 200px);
z-index: -1;
}
.home_message > .flx{
display: flex;
justify-content: space-between;
gap: clamp(30px, 3.125vw, 60px);
}
.home_message > .flx > .item > .catch{
font-size: var(--font-26);
color: var(--color-green-dark);
font-weight: 600;
letter-spacing: 1.5px;
line-height: 1.6;
margin-bottom: 2em;
}
.home_message > .flx > .item > .txt{
font-size: var(--font-17);
letter-spacing: .5px;
line-height: 2; font-weight: 500;
}
.home_message > .flx > .item.-content{
width: 563px;
max-width: 100%;
position: relative;
}
.link_box{
position: absolute;
bottom: 0;
right: 0;
}
.home_message > .flx > .item > .link_box .c-square{
margin-left: auto;
}
.home_message > .flx > .item > .img{
width: min(50vw, 840px);
border-radius: 8px 0 0 8px;
}
.home_message > .flx > .item.img_warp{
position: relative;
height: 100%;
}
.home_message > .flx > .item.img_warp::after{
content: attr(data-text);
position: absolute;
bottom: 10%;
left: 10%;
font-size: var(--font-18);
font-weight: bold;
font-family: var(--font-serif);
color: var(--color-black-b);
letter-spacing: 1.5px;
}
@media (max-width:960px) {
.home_message > .flx{
flex-direction: column-reverse;
}
.home_message > .flx > .item.-content{
width: 100%;
padding-right: 4em;
}
.home_message > .flx > .item > .img{
width: 100%;
}
.home_message > .flx > .item > .catch{
margin-bottom: 1em;
}
.home_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;
}
.home_message > .flx > .item.-content{
padding-right: 0em;
}
} .access{
width: min(90vw, 1543px);
height: 100%;
margin: 0 auto;
padding: clamp(30px, 3.6458333333vw, 70px) 0 clamp(30px, 3.6458333333vw, 70px);
}
.home_access > .flx{
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
padding-right: 2em;
}
.home_access > .flx > .item.-map{
width: min(45vw,841px);
height: 100%;
}
#access-map{
border-radius: 8px;
width: 100%;
height: 420px;
}
.home_access > .flx > .item.-time {
width: min(88vw,692px);
height: 100%;
}
.bg_wrap {
position: relative;
margin-bottom: 2em;
} .table{
width: 100%;
table-layout: auto;
border-collapse: separate;
border-spacing: 0;
}
.list_head .list_main .list_ttl{
font-size: var(--font-18);
letter-spacing: 2px;
}
.table th,
.table td{
padding: 1em 10px;
vertical-align: middle;
text-align: center;
position: relative;
font-weight: 500;
}
.table td{
width: calc((min(88vw,692px) - 250px) / 7);
}
.list_about{
background-color: var(--color-white);
}
.list_about .bottom_left{
border-bottom-left-radius: 10px;
padding-bottom: 2em;
}
.list_about .bottom_right{
border-bottom-right-radius: 10px;
}
.list_about .top_left{
border-top-left-radius: 10px;
padding-top: 2em;
}
.list_about .top_right{
border-top-right-radius: 10px;
}
.table .list_about th {
width: min(17vw, 200px);
}
.list_about .time{
font-family: var(--font-en);
font-size: var(--font-18);
letter-spacing: 2px;
}
.list_about .time .option{
font-size: var(--font-15);
color: var(--color-brown);
letter-spacing: 0;
}
.list_about .tri,
.list_about .maru{
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%; 
display: inline-block;
}
.list_about .tri{
width: 10px;
height: 2px;
background-color: var(--color-black-c);
}
.list_about .maru{
width: 18px;
height: 18px;
border-radius: 100%;
background: var(--color-green-c);
}
.list_about .maru.-brown{
background: var(--color-brown);
}
.home_access > .flx > .item > .content{
margin-top: 3em;
margin-left: 1.5em;
}
.home_access > .flx > .item > .content > p{
line-height: 1.6;
font-size: var(--font-16);
}
.home_access > .flx > .item > .btn{
display: flex;
flex-direction: column;
gap: 1em;
}
.home_access > .flx > .item > .btn > .active>.link{
align-items: center;
border-radius: 999px;
color: var(--color-white);
display: flex;
font-size: var(--font-18);
font-weight: 700;
gap: .5em;
justify-content: center;
line-height: 1.4;
min-height: 3.4em;
padding: .4em 2em;
text-align: center;
width: 100%;
}
.home_access > .flx > .item > .btn > .active.-line>.link{
background: #02B64B;
}
.home_access > .flx > .item > .btn > .active.-prior>.link{
background: #605540;
} @media (max-width:1240px) {
.bg_wrap::before {
right: 0;
}
.home_access > .flx{
padding-right: 0;
}
.home_access > .flx{
gap: 20px;
}
}
@media (max-width:1070px) {
.home_access > .flx{
flex-direction: column-reverse;
gap: 50px;
}
.home_access > .flx > .item.-map{
width: 100%;
text-align: center;
}
.home_access > .flx > .item.-time{
width: 100%;
}
.home_access > .flx > .item > .content{
margin-top: 2em;
margin-left: 0;
} }
@media (max-width:960px) {
.list_about .bottom_left,.list_about .top_left{
padding-left: 5px;
}
.table .list_about th{
width: min(18vw, 200px);
}
}
@media (max-width:560px) {
.table th, 
.table td{
padding: 1em 0;
}
.list_about .top_left{
padding-left: 5px;
padding-top: 1em;
}
.list_about .bottom_left{
padding-bottom: 1em;
}
.list_head .list_main .list_ttl{
letter-spacing: 1px;
}
.list_about .time{
letter-spacing: 1px;
}
.bg_wrap::before{
bottom: -15px;
}
.bg_wrap{
margin-bottom: 1em;
}
#access-map{
height: 300px;
}
}  .news{
padding: clamp(80px, 12.5vw, 240px) 0 clamp(30px, 3.6458333333vw, 70px);;
position: relative;
}
.news::before{
content: '';
width: 100%;
height: 530px;
background: url(//yotsuba-naika.jp/wp-content/themes/yotsuba-naika/assets/img/home_news-bg.jpg) no-repeat top / cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.news > .inner{
background-color: var(--color-white);
width: min(90vw, 1543px);
margin: 0 auto;
padding: 0 clamp(30px, 3.125vw, 60px) clamp(25px, 2.6041666667vw, 50px);
border-radius: 10px;
}
.home_news > .-typeA.-flx{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0;
}
.home_news > .c-heading > .ttl{
display: flex;
align-items: center;
padding: 1em 0;
}
.home_news--link{
display: flex;
align-items: center;
position: relative;
font-size: var(--font-17);
font-family: var(--font-en);
font-style: italic;
transition: var(--transition-duration);
padding-left: 200px;
height: 100px;
font-weight: 400;
}
.home_news--link::before{
content: '';
display: block;
width: 164px;
height: 1px;
background: var(--color-green-c);
position: absolute;
top: 50%;
right: 0%;
transform: translateX(-50%);
}
.home_news--link:hover,
.home_news--link:hover:after{
opacity: var(--transition-opacity);
}
.home_news > .body{
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
@media (max-width:1000px) {
.news::before{
height: 300px;
}
}
@media (max-width:960px) {
.home_news--link{
height: 90px;
padding-left: 45px;
}
.home_news--link::before{
width: 40px;
right: 35%;
}
} .medical-info{
position: relative;
}
.medical-info::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0; 
background: url(//yotsuba-naika.jp/wp-content/themes/yotsuba-naika/assets/img/features-bg.jpg) no-repeat center / cover;
transition: 0.45s ease-in-out;
}
.medical-info.-active::after {
opacity: 1; 
}
.medical-info > .inner{
width: min(90vw, 1400px);
height: 100%;
margin: 0 auto;
padding: clamp(30px, 3.6458333333vw, 70px) 0 100px;
}
.home_medical-info > .list > .grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 39px 22px;
}
.home_medical-info > .list > .grid > .item > .item_link{
display: block;
position: relative;
background-color: var(--color-green-light);
padding: 60px 1em 120px;
border-radius: 10px;
overflow: hidden;
transition: all .6s;
height: 100%;
}
.item_link::before {
content: '';
position: absolute;
width: 100px;
height: 100px;
background: white;
border-radius: 50%;
bottom: calc(8% + 25px);
left: 50%;
transform: translate(-50%, 50%) scale(0);
transition: transform 0.6s ease-out;
z-index: 1;
}
.item_link > * {
position: relative;
z-index: 2;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl{
text-align: center;
margin-bottom: 30px;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl > p{
font-size: var(--font-50);
color: var(--color-white);
font-weight: 500;
font-family: var(--font-en);
text-shadow: var(--text-shadow-opacity50);
transition: all .6s;
margin-bottom: 25px;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl > p > span{
font-size: var(--font-35);
margin-right: 10px;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl > h3{
font-size: var(--font-30);
font-weight: bold;
letter-spacing: 0.5px;
margin-bottom: 25px;
line-height: 1.6;
}
.home_medical-info > .list > .grid > .item > .item_link > .content{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2em;
}
.home_medical-info > .list > .grid > .item > .item_link > .content > .txt{
text-align: left;
}
.home_medical-info > .list > .grid > .item > .item_link > .content > .txt > p{
font-size: var(--font-18);
font-family: var(--font-en);
font-weight: 600;
letter-spacing: 2px;
line-height: 2;
color: var(--color-green);
}
.home_medical-info > .list > .grid > .item > .item_link > .content > p{
font-size: var(--font-16);
font-family: var(--font-en);
font-weight: 600;
letter-spacing: 2px;
line-height: 1.6;
margin: 1.5em 0;
color: var(--color-green);
}
@media (hover: hover) {
.item_link:hover::before {
transform: translate(-50%, 50%) scale(15);
}
.home_medical-info > .list > .grid > .item > .item_link{
opacity: 1;
}
.item_link:hover .c-square.-noLink.-center::after {
scale: 1.5;
}
.home_medical-info > .list > .grid > .item > .item_link:hover > .ttl > p{
color: var(--color-green);
text-shadow: none;
transition: all .6s;
}
}
@media (max-width:1240px) {
.home_medical-info > .list > .grid{
grid-template: repeat(3, 1fr) / repeat(2, 1fr);
}
}
@media (max-width:767px) {
.home_medical-info > .list > .grid{
gap: 20px 10px;
}
.home_medical-info > .list > .grid > .item > .item_link{
padding: 30px 0.5em 65px;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl > p{
margin-bottom: 10px;
}
.home_medical-info > .list > .grid > .item > .item_link > .ttl > h3{
margin-bottom: 10px;
}
}
@media (max-width:640px) {
.home_medical-info > .list > .grid{
grid-template: 1fr / 1fr;
}
} .features{
height: 100%;
margin: 0 auto;
opacity: 0;
transition: 0.45s ease-in-out;
}
.features.-active{
opacity: 1;
}
.home_features{
position: relative;
display: grid;
justify-items: center;
grid-template-columns: 1fr min(1120px,1120 / 1920 * 100 * 1vw);
grid-template-columns: min(.714fr,800 / 1920 * 100 * 1vw) 1fr;
background: url(//yotsuba-naika.jp/wp-content/themes/yotsuba-naika/assets/img/features-bg.jpg) no-repeat center / cover;
padding-bottom: 150px;
}
.home_features > .img_box{
width: 100%;
height: calc(100vh - 100px);
max-height: 100%;
position: sticky;
top: 120px;
transition: .4s .2s ease-in-out;
}
.home_features > .img_box > img,
.home_features > .img_box > video{
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
margin-left: auto;
}
.home_features > .txt_box{
width: min(100% , 854px);
height: 100%;
padding: clamp(0px, 5.2083333333vw, 100px) clamp(20px, 3.4375vw, 66px) 0;
color: #fff;
position: relative;
z-index: 1;
}
.home_features > .txt_box > .item{
margin-bottom: 70px;
}
.home_features > .txt_box > .item:last-child{
margin-bottom: 0;
}
.home_features > .txt_box > .item > .number {
margin-bottom: 20px;
}
.home_features > .txt_box > .item > .number > p{
font-size: var(--font-70);
font-family: var(--font-en);
}
.home_features > .txt_box > .item > .number > p > span{
font-size: var(--font-35);
}
.home_features > .txt_box > .item > .content{
background: var(--color-white);
border-radius: 10px;
padding: clamp(30px, 2.6041666667vw, 50px) clamp(15px, 3.6458333333vw, 70px);
letter-spacing: .5px;
line-height: 1.6;
}
.home_features > .txt_box > .item > .content > h3{
color: var(--color-brown);
font-size: var(--font-28);
font-weight: bold;
text-align: center;
padding-bottom: 38px;
margin-bottom: 40px;
border-bottom: 1px solid var(--color-black-b);
}
.home_features > .txt_box > .item > .content > p{
font-size: var(--font-16);
color: var(--color-black-c);
line-height: 2;
}
@media (max-width:960px) {
.home_features{
padding-bottom: 125px;
}
.home_features > .txt_box > .item > .content > h3{
text-align: left;
padding-bottom: 25px;
margin-bottom: 30px;
}
.home_features > .img_box{
top: 0;
height: 100vh;
}
.home_features > .txt_box > .item:last-child{
margin-bottom: 70px;
}
}
@media (max-width:767px) {
.home_features{
grid-template-columns: 1fr;
}
.home_features > .img_box{
height: 100vh;
top: 0;
}
.home_features > .img_box::after{
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgb(0 0 0 / 40%); }
.home_features > .txt_box{
padding-top: 0;
top: -30%;
}
.home_features > .txt_box > .item > .content{
background: rgba(255, 255, 255, 0.9);
}
.home_features > .txt_box > .item > .content > h3{
padding-bottom: 20px;
margin-bottom: 20px;
}
.home_features > .txt_box > .item,
.home_features > .txt_box > .item:last-child{
margin-bottom: 50px;
}
} .recruit{
position: relative;
z-index: 1;
}
.recruit > .inner > .home_recruit{
width: var(--content-width-medium);
padding: clamp(30px, 3.6458333333vw, 70px) clamp(30px, 3.125vw, 60px);
position: relative;
top: -70px;
left: 50%;
transform: translateX(-50%);
background-color: var(--color-white);
}
.home_recruit > .bnr{
width: min(100%,1000px);
margin-inline: auto;
margin-bottom: clamp(30px,3.6458333333vw,70px);
}
.home_recruit > .c-info{
margin: 0 auto;
}
.home_recruit > .img{
text-align: center;
margin-top: clamp(30px, 3.6458333333vw, 70px);
}
.home_recruit > .bnr > .link{
display: block;
border: 2px solid var(--color-gray);
}
@media (hover : hover) {
.home_recruit > .bnr > .link:hover{
opacity: 0.65;
}
}
@media (max-width:560px) {
.recruit > .inner > .home_recruit{
padding-inline: 1em;
width: 100%;
}
} :root{
--rgr_size-4: 4px;
--rgr_size-8: 8px;
--rgr_size-16: 14px;
--rgr_size-24: 19px;
--rgr_size-32: 23px;
--rgr_size-40: 26px;
--rgr_size-48: 28px;
--rgr_size-56: 29px;
--rgr_size-64: 29px;
--rgr_size-72: 29px;
--rgr_size-80: 29px;
--rgr_size-88: 27px;
--rgr_size-96: 30px;
--rgr_size-104: 32px;
--rgr_size-112: 35px;
--rgr_size-120: 37px;
--rgr_size-160: 49px;
--rgr_size-216: 66px;
--rgr_size-280: 86px;
--rgr_size-480: 146px;
--rgr_w-container-full: 90vw;
--rgr_w-container-xlarge: 90vw;
--rgr_h-s-pageHeader: 240px;
--rgr_h-s-pageHeader-inner: 108px;
--rgr_h-c-hamburger-weight: 4px;
--rgr_ff-jp: "Noto Sans JP",sans-serif;
--rgr_ff-en: poppins,"Noto Sans JP",sans-serif;
--rgr_fs-10: 10px;
--rgr_fs-11: 10px;
--rgr_fs-12: 11px;
--rgr_fs-13: 12px;
--rgr_fs-14: 13px;
--rgr_fs-15: 13px;
--rgr_fs-16: 14px;
--rgr_fs-17: 15px;
--rgr_fs-18: 16px;
--rgr_fs-19: 16px;
--rgr_fs-20: 17px;
--rgr_fs-21: 17px;
--rgr_fs-22: 18px;
--rgr_fs-23: 19px;
--rgr_fs-24: 19px;
--rgr_fs-25: 20px;
--rgr_fs-26: 20px;
--rgr_fs-27: 21px;
--rgr_fs-28: 21px;
--rgr_fs-29: 22px;
--rgr_fs-30: 22px;
--rgr_fs-31: 22px;
--rgr_fs-32: 23px;
--rgr_fs-33: 23px;
--rgr_fs-34: 24px;
--rgr_fs-35: 24px;
--rgr_fs-36: 24px;
--rgr_fs-37: 25px;
--rgr_fs-38: 25px;
--rgr_fs-39: 25px;
--rgr_fs-40: 26px;
--rgr_fs-56: 29px;
--rgr_color-black: #303932;
--rgr_color-black-light: #53574e;
--rgr_color-black-pale: #818276;
--rgr_color-gray: #b0b1aa;
--rgr_color-gray-light: #cacbc6;
--rgr_color-gray-pale: #e5e5e3;
--rgr_color-offwhite: #f8f9f4;
--rgr_color-white: #fff;
--rgr_color-green: #008742;
--rgr_color-green-dark: #19662d;
--rgr_color-green-light: #3ba84e;
--rgr_color-green-light-b: #8fc31f;
--rgr_color-brown: #605540;
--rgr_color-line: #02b64b;
--rgr_icon-angle-down-circle: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16m-4.819-20.347c-.603-.737-1.72-.87-2.495-.296-.775.573-.914 1.637-.311 2.374l6.222 7.616c.337.412.854.653 1.403.653s1.067-.241 1.403-.653l6.222-7.616c.603-.737.464-1.8-.311-2.374s-1.892-.441-2.495.296L16 17.551z' clip-rule='evenodd'/%3E%3C/svg%3E");
--rgr_icon-arrow-left: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m4.293 16.214 9.364 9.49a.987.987 0 0 0 1.408 0 1.02 1.02 0 0 0 0-1.427l-7.664-7.769h19.603c.55 0 .996-.452.996-1.01 0-.556-.446-1.009-.996-1.009H7.403l7.662-7.767a1.02 1.02 0 0 0 0-1.427.993.993 0 0 0-1.41 0L4.29 14.786a1.02 1.02 0 0 0 0 1.428z'/%3E%3C/svg%3E");
--rgr_icon-arrow-right: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m27.707 14.787-9.364-9.492a.987.987 0 0 0-1.408 0 1.02 1.02 0 0 0 0 1.428l7.665 7.769H4.996c-.55 0-.996.452-.996 1.01 0 .556.446 1.009.996 1.009h19.602l-7.663 7.767a1.02 1.02 0 0 0 0 1.427.993.993 0 0 0 1.41 0l9.364-9.491a1.02 1.02 0 0 0 0-1.427z'/%3E%3C/svg%3E");
--rgr_icon-clover-color: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233EB034' d='M16.911 17.218s9.068-1.867 11.622 2.8c1.98 3.424-1.149 8.091-5.81 6.473 0 4.045-5.429 3.92-6.77 2.925s-1.533-4.045-.894-5.974 1.66-3.61 1.852-6.224M15.123 16.72s.894-6.845 1.98-9.21c1.021-2.365.191-5.228-1.66-5.477-1.852-.249-3.577.934-4.598 2.676-2.236-.498-4.28.311-5.11 1.805s-1.277 3.858 1.15 6.908c2.363 3.05 5.109 3.547 8.302 3.298z'/%3E%3Cpath fill='%23008742' d='M19.21 8.63s.128 2.925 3.13 1.493c3-1.431-.384-6.16-4.28-1.742 2.044-4.232 5.173-6.535 8.43-5.166 3.257 1.37 1.15 4.668 1.15 4.668s2.362-.622 3.831 1.805c1.533 2.365-.51 5.912-3.001 6.472-2.49.498-4.662-1.431-11.303.125.383-5.228 2.043-7.655 2.043-7.655M11.1 24.873s0-2.116-2.427-1.743c-2.49.374-3.001 4.419.256 4.232 2.17 0 5.172-3.423 5.172-3.423s-.83 3.921-6.45 5.228S-.395 26.99.052 24.313s3.13-3.36 3.13-3.36-1.15-.685-1.278-2.74c-.128-2.053 1.724-3.049 2.938-3.049 1.213 0 3.703 3.174 10.026 2.428-.384 3.796-2.619 6.783-3.768 7.28'/%3E%3C/svg%3E");
--rgr_icon-leaf: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M3.24 15.195s1.933 5.846 7.027 1.192C15.361 11.73 5.91 4.074.821 15.328 2.379 5.608 7.199-.87 14.35.095c7.149.965 4.954 8.902 4.954 8.902s4.243-2.568 8.607 1.428c4.365 3.997 2.42 12.37-2.106 14.83-4.527 2.46-9.978-.27-22.084 6.744-2.344-10.805-.48-16.804-.48-16.804z'/%3E%3C/svg%3E");
--rgr_icon-line: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.486 13.776C31.486 6.73 24.424 1 15.743 1 7.063 1 0 6.731 0 13.776 0 20.09 5.601 25.379 13.167 26.38c.511.11 1.21.338 1.386.776.16.398.104 1.021.052 1.424l-.224 1.347c-.07.398-.316 1.557 1.363.849 1.681-.709 9.066-5.34 12.369-9.14 2.28-2.503 3.374-5.04 3.374-7.86zm-21.297 3.767a.3.3 0 0 1-.301.3H5.466a.3.3 0 0 1-.302-.3v-6.871c0-.165.135-.3.301-.3h1.118c.165 0 .3.135.3.3v5.454H9.89c.166 0 .301.136.301.301v1.117zm2.662 0a.3.3 0 0 1-.301.3h-1.117a.3.3 0 0 1-.301-.3v-6.87c0-.166.134-.302.3-.302h1.118a.3.3 0 0 1 .3.301zm7.6 0a.3.3 0 0 1-.3.3h-1.11a.4.4 0 0 1-.079-.01h-.004q-.01-.002-.02-.006-.004-.001-.01-.003l-.014-.006-.015-.007-.009-.004-.019-.012-.003-.003a.4.4 0 0 1-.078-.075l-3.147-4.251v4.08a.3.3 0 0 1-.302.3h-1.116a.3.3 0 0 1-.301-.3v-6.87c0-.166.134-.302.3-.302h1.137q.008 0 .016.002l.013.001q.009.001.018.005.005 0 .01.003l.018.005q.004.002.01.003l.018.008.009.004.025.015.016.01.009.006.016.014.006.004.018.02h.001l.024.032 3.143 4.245v-4.082c0-.165.134-.3.3-.3h1.118c.165 0 .3.134.3.3v6.87zm6.097-5.755a.3.3 0 0 1-.3.3h-3.006v1.16h3.005c.166 0 .301.136.301.302v1.117a.3.3 0 0 1-.3.3h-3.006v1.16h3.005c.166 0 .301.136.301.302v1.117a.3.3 0 0 1-.3.3h-4.423a.3.3 0 0 1-.3-.3v-6.871c0-.165.133-.3.3-.3h4.422c.166 0 .301.135.301.3v1.117z'/%3E%3C/svg%3E");
--rgr_icon-mail: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M29.36 5H2.937A2.947 2.947 0 0 0 0 7.936v16.128A2.947 2.947 0 0 0 2.936 27h26.425a2.947 2.947 0 0 0 2.936-2.936V7.936A2.947 2.947 0 0 0 29.361 5m1.283 2.936v16.128c0 .703-.58 1.282-1.282 1.282H2.936a1.29 1.29 0 0 1-1.282-1.282V7.936c0-.703.58-1.282 1.282-1.282h26.425c.703 0 1.282.58 1.282 1.282'/%3E%3Cpath d='M29.32 7.109a.93.93 0 0 0-.62.207L17.45 16.868c-1.116.952-1.447 1.034-2.77-.082L3.598 7.316a1 1 0 0 0-.62-.207c-.207 0-.414.124-.58.29a1 1 0 0 0-.206.62c0 .207.124.413.29.579l11.123 9.47c.993.827 1.778 1.199 2.564 1.199s1.654-.538 2.357-1.117l11.249-9.552a.72.72 0 0 0 .289-.58.93.93 0 0 0-.207-.62.72.72 0 0 0-.579-.289zM22.124 16.91a1 1 0 0 0-.62-.207c-.207 0-.414.124-.58.29a1 1 0 0 0-.206.62c0 .207.124.413.29.579l7.65 6.492c.165.124.33.207.537.207s.455-.124.62-.29c.125-.165.207-.372.207-.62 0-.207-.123-.413-.289-.579l-7.65-6.492zM10.752 16.703a.94.94 0 0 0-.62.207l-7.65 6.492a.72.72 0 0 0-.29.58c0 .206.041.413.207.62.165.165.372.289.62.289s.372-.083.537-.207l7.65-6.492a.72.72 0 0 0 .29-.58.93.93 0 0 0-.207-.62.72.72 0 0 0-.578-.289z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 5h32.297v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
--rgr_icon-medication-notebook: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M27.272 1H4.732A.73.73 0 0 0 4 1.726V30.28c0 .4.33.726.733.726h22.54a.73.73 0 0 0 .732-.726V1.726c0-.4-.329-.726-.733-.726m-1.36 27.932H9.562V3.068h16.352z'/%3E%3Cpath d='m18.913 22.721-3.043 3.342a5 5 0 0 1-.165.169 2.13 2.13 0 0 0 1.72.868h4.627c1.179 0 2.135-.947 2.135-2.116v-.152a2.126 2.126 0 0 0-2.135-2.116h-3.139zm4.376 2.116v.152c0 .68-.558 1.227-1.237 1.227h-2.029V23.61h2.029c.685 0 1.237.552 1.237 1.226M11.966 25.421l.112.1a2.13 2.13 0 0 0 1.758.516c.483-.074.93-.31 1.258-.669l3.102-3.405a2.103 2.103 0 0 0-.154-2.99l-.111-.1a2.13 2.13 0 0 0-1.758-.515c-.484.073-.93.31-1.259.668l-3.102 3.406a2.1 2.1 0 0 0-.547 1.526c.027.563.276 1.084.701 1.463m3.612-5.795c.191-.21.451-.347.727-.39.372-.057.744.053 1.02.3l.112.1c.244.222.387.522.403.848a1.2 1.2 0 0 1-.318.884l-1.36 1.495-1.954-1.747 1.36-1.495zM16.236 15.142h2.974V12.08h3.091V9.132h-3.09V6.068h-2.975v3.064h-3.09v2.947h3.09z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M4 1h24v30H4z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
--rgr_icon-mynumber-card: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M29.53 6H2.47C1.105 6 0 7.07 0 8.389v15.223C0 24.93 1.106 26 2.47 26h27.06c1.364 0 2.47-1.07 2.47-2.389V8.39C32 7.07 30.894 6 29.53 6m.824 17.612a.81.81 0 0 1-.823.796H2.469a.81.81 0 0 1-.823-.797V8.39a.81.81 0 0 1 .823-.797h27.062a.81.81 0 0 1 .823.797z'/%3E%3Cpath d='M4.214 10.905h11.523a.65.65 0 0 0 .658-.637.65.65 0 0 0-.658-.637H4.214a.65.65 0 0 0-.658.637c0 .35.296.636.658.636M4.214 13.516h15.473a.65.65 0 0 0 .659-.637.65.65 0 0 0-.659-.637H4.214a.65.65 0 0 0-.658.637c0 .35.296.637.658.637M26.798 9.185h-1.646c-.908 0-1.646.713-1.646 1.592v1.592c0 .88.738 1.593 1.646 1.593h1.646c.909 0 1.647-.714 1.647-1.593v-1.592c0-.879-.738-1.592-1.647-1.592m.33 3.184a.32.32 0 0 1-.33.319h-1.646a.32.32 0 0 1-.329-.319v-1.592a.32.32 0 0 1 .33-.318h1.645c.185 0 .33.14.33.318zM27.786 16.076H15.934a.65.65 0 0 0-.658.637c0 .35.296.637.658.637h11.852a.65.65 0 0 0 .659-.637.65.65 0 0 0-.659-.637M27.786 18.306H15.934a.65.65 0 0 0-.658.637c0 .35.296.637.658.637h11.852a.65.65 0 0 0 .659-.637.65.65 0 0 0-.659-.637M27.786 20.535H15.934a.65.65 0 0 0-.658.637c0 .35.296.637.658.637h11.852a.65.65 0 0 0 .659-.637.65.65 0 0 0-.659-.637M9.58 15.07H5.3c-.908 0-1.646.713-1.646 1.592v4.56c0 .88.738 1.593 1.646 1.593h4.28c.909 0 1.646-.713 1.646-1.592v-4.56c0-.88-.737-1.593-1.646-1.593m.33 6.153a.32.32 0 0 1-.33.318h-.823v-.872c0-.7-.592-1.274-1.317-1.274-.724 0-1.317.573-1.317 1.274v.872H5.3a.32.32 0 0 1-.329-.318v-4.56a.32.32 0 0 1 .33-.319h4.28c.184 0 .328.14.328.318z'/%3E%3Cpath d='M7.44 19.038c.637 0 1.153-.499 1.153-1.114s-.516-1.115-1.153-1.115c-.636 0-1.152.499-1.152 1.115 0 .615.516 1.114 1.152 1.114'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 6h32v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
--rgr_icon-tel: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' d='M23.99 32H8.83A1.83 1.83 0 0 1 7 30.168V1.832A1.83 1.83 0 0 1 8.829 0H23.99C25 0 25.819.82 25.819 1.832v28.332a1.83 1.83 0 0 1-1.828 1.832zM8.83 1.269a.56.56 0 0 0-.562.563v28.332c0 .313.253.563.562.563H23.99a.56.56 0 0 0 .561-.563V1.832a.56.56 0 0 0-.561-.563zm14.038 3.557H9.957v24.56h12.91zm-5.52-1.577a.938.938 0 1 1-1.876.001.938.938 0 0 1 1.876-.001' clip-rule='evenodd'/%3E%3C/svg%3E");
--rgr_duration-base: 0.3s
}
@media (min-width: 992px) {
:root{
--rgr_size-4:4px;
--rgr_size-8: 8px;
--rgr_size-16: 16px;
--rgr_size-24: 24px;
--rgr_size-32: 32px;
--rgr_size-40: 40px;
--rgr_size-48: 48px;
--rgr_size-56: 56px;
--rgr_size-64: 64px;
--rgr_size-72: 72px;
--rgr_size-80: 80px;
--rgr_size-88: 88px;
--rgr_size-96: 96px;
--rgr_size-104: 104px;
--rgr_size-112: 112px;
--rgr_size-120: 120px;
--rgr_size-160: 160px;
--rgr_size-216: 216px;
--rgr_size-280: 280px;
--rgr_size-480: 480px;
--rgr_w-container-full: 91vw;
--rgr_w-container-xlarge: min(91vw,1400px);
--rgr_h-s-pageHeader: 480px;
--rgr_h-s-pageHeader-inner: 216px;
--rgr_h-c-hamburger-weight: 8px;
--rgr_fs-10: 10px;
--rgr_fs-11: 11px;
--rgr_fs-12: 12px;
--rgr_fs-13: 13px;
--rgr_fs-14: 14px;
--rgr_fs-15: 15px;
--rgr_fs-16: 16px;
--rgr_fs-18: 18px;
--rgr_fs-17: 17px;
--rgr_fs-19: 19px;
--rgr_fs-20: 20px;
--rgr_fs-21: 21px;
--rgr_fs-22: 22px;
--rgr_fs-23: 23px;
--rgr_fs-24: 24px;
--rgr_fs-25: 25px;
--rgr_fs-26: 26px;
--rgr_fs-27: 27px;
--rgr_fs-28: 28px;
--rgr_fs-29: 29px;
--rgr_fs-30: 30px;
--rgr_fs-31: 31px;
--rgr_fs-32: 32px;
--rgr_fs-33: 33px;
--rgr_fs-34: 34px;
--rgr_fs-35: 35px;
--rgr_fs-36: 36px;
--rgr_fs-37: 37px;
--rgr_fs-38: 38px;
--rgr_fs-39: 39px;
--rgr_fs-40: 40px;
--rgr_fs-56: 56px
}
}
.home.rgr_c-info {
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;
}
.home.rgr_c-info.-second{
margin-top: 1em;
}
.home.rgr_c-info>.rgr_body {
padding: var(--rgr_size-16);
}
.home.rgr_c-info>.rgr_body>.c-heading.-typeC{
padding-bottom: 0.5em;
}
.home.rgr_c-info>.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);
}
.home.rgr_c-info>.rgr_body>.c-heading.-typeC::before{
width: 1em;
height: 1em;
}
.home.tlb-grid {
display: grid;
}
.home.tlb-grid > .tlb_item {
border-bottom: 1px solid #E5E5E3;
font-size: var(--font-16);
font-weight: 500;
color: #605540;
padding-block: 15px;
padding-inline: .5em;
}
.home_message > .flx > .item > .catch.test{
margin-bottom: 1em;
}