@charset "UTF-8";

/* about ==================== */

.about01 {
text-align:left;}
.about01 p {
margin-bottom:1.1em;}
.about02 {
text-align:left;}
.about02 p {
margin-bottom:1.1em;}
.about03 {
text-align:left;}
.about03 dt {
margin:0 0 32px 0;
width:60px;}
.about03 dt .num {
font-size:63px;
line-height:1.15;}
.about03 dd {
margin:0 0 32px 0;
width:calc(100% - 60px);
line-height:1.55;}
.about03 dd h3 {
position:relative;
margin:0.25em 0 0.65em 0;
padding:0 0 0.18em 0;
font-size:172%;
line-height:1.25;
font-weight:bold;
color:#81b826;
overflow:hidden;}
.about03 dd h3::before {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #81b826;}
.about03 dd h3::after {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #222;}

/* medical ==================== */

.medical01 {
text-align:left;}
.medical01 p {
margin-bottom:1.1em;}
.medical01 .img {
text-align:center;
margin:0 auto 2.6em;}
.medical01 .img img {
max-width:95%;
border-radius:20px 0 0 0;}

/* homecare ==================== */

.ttl-homecare01 {
text-align:center;
font-family:"M PLUS 1",sans-serif;
margin-bottom:0.7em;
font-size:262.5%;
line-height:1.35;
letter-spacing:-0.02em;}
.ttl-homecare01 .br-sp {
display:none;}
.ttl-homecare02 {
padding:0 0 6px 0;
margin:0 0 15px 0;
font-size:162.5%;
line-height:1.5;
font-weight:bold;
border-bottom:2px solid #222;}
.block-homecare01 {
margin:1.75em 0 0 0;
padding:1.5em 1.7em;
font-size:92%;
background:rgba(255,255,255,0.7);
border:2px solid #c1da80;
border-radius:20px;}

@media only screen and (max-width:767px) {

.ttl-homecare01 {
font-size:8vw;}
.ttl-homecare01 .br-sp {
display:block;}

}

.homecare01 {
padding-bottom:120px;}
.homecare01 .txt {}
.homecare01 .txt-homecare01 {
text-align:left;
position:relative;
margin:20px auto 0 0;
padding:3.5% 14% 3.5% 3.5%;
width:60%;
line-height:1.65;
background:linear-gradient(180deg,#fff,#fff);
border-radius:50px;
box-shadow:-30px 30px 0 0 #d6e6ae;}
.homecare01 .img-homecare01 {
position:absolute;
z-index:2;
right:0;
bottom:0;
width:50%;
height:480px;
border-radius:30px;
overflow:hidden;
transform:translate(0,14%);}
.homecare01 .img-homecare01 img {
pointer-events:none;
object-fit:cover;
width:100%;
height:100%;}

@media only screen and (max-width:1200px) {

.homecare01 .txt-homecare01 {
border-radius:0 50px 50px 0;}
.homecare01 .img-homecare01 {
border-radius:30px 0 0 30px;}

}

@media only screen and (max-width:1023px) {

.homecare01 {
padding:40px 0 10% 0;}
.homecare01 .img-homecare01 {
position:static;
margin:0 auto 0 0;
width:95%;
height:auto;
aspect-ratio:16 / 9;
border-radius:0 30px 30px 0;
transform:translate(0,0);}
.homecare01 .txt-homecare01 {
margin:40px 0 0 auto;
padding:5% 10% 5% 5%;
width:95%;
border-radius:30px 0 0 30px;
box-shadow:40px 40px 0 0 #d6e6ae;}

}

@media only screen and (max-width:767px) {

.homecare01 {
padding:40px 0 70px 0;}
.homecare01 .txt {
text-align:left;}
.homecare01 .txt br {
display:none;}
.homecare01 .txt-homecare01 {
margin:5% 0 0 auto;
padding:1.5em;}

}

.homecare-step {}
.homecare-step ul {
font-family:"M PLUS 1",sans-serif;
justify-content:space-between;
margin:25px 0;
width:100%;}
.homecare-step ul li {
position:relative;
margin:15px 0;
width:23.3333%;
background:#c1da80;
white-space:nowrap;
border-radius:10px;}
.homecare-step ul li::after {
content:"▼";
position:absolute;
left:100%;
top:50%;
font-size:13px;
color:#81b826;
transform:translate(5px,-50%) rotate(-90deg);}
.homecare-step ul li:last-child::after {
display:none;}
.homecare-step ul li h4 {
font-size:125%;
line-height:45px;
font-weight:bold;
color:#81b826;
border-bottom:1px solid #fff;
background:rgba(255,255,255,0.33);
border-radius:10px 10px 0 0;}
.homecare-step ul li .txt {
font-size:112.5%;
line-height:70px;}

@media only screen and (max-width:1023px) {

.homecare-step ul li {
display:flex;
width:100%;}
.homecare-step ul li::after {
content:"▼";
position:absolute;
left:50%;
top:100%;
transform:translate(-50%,5px) rotate(0deg);}
.homecare-step ul li h4 {
width:30%;
line-height:60px;
border-bottom:none;
border-right:1px solid #fff;
border-radius:10px 0 0 10px;}
.homecare-step ul li .txt {
text-align:left;
padding:0 0 0 20px;
width:70%;
line-height:60px;}

}

.homecare-treatment {
text-align:left;}
.homecare-treatment ul {
justify-content:space-between;
width:100%;}
.homecare-treatment ul li {
width:31%;}

@media only screen and (max-width:1023px) {

.homecare-treatment ul li {
margin-top:2em;
width:100%;}
.homecare-treatment ul li:nth-child(1) {
margin-top:0em;}

}

.homecare-cost {}
.homecare-cost ul {
justify-content:space-between;
margin:25px 0;
width:100%;}
.homecare-cost ul li {
margin:15px 0;
width:48%;
background:#c1da80;
border-radius:10px;
overflow:hidden;}
.homecare-cost ul li h4 {
font-size:137.5%;
line-height:70px;
font-weight:bold;
color:#81b826;
border-bottom:1px solid #fff;
background:rgba(255,255,255,0.33);
white-space:nowrap;}
.homecare-cost ul li .txt {
padding:25px 20px;}
.homecare-cost ul li .txt .notice {
margin:10px 0 0 0;
font-size:75%;
line-height:1.6;}
.homecare-cost ul li .txt .price {
font-size:200%;
line-height:1.5;
font-weight:bold;
color:#811;
white-space:nowrap;}

@media only screen and (max-width:1023px) {

.homecare-cost ul li {
width:100%;}

}

@media only screen and (max-width:767px) {

.homecare-cost ul li h4 {
font-size:5vw;}
.homecare-cost ul li .txt .price {
display:block;
font-size:8vw;}

}

.homecare-notice {
text-align:left;}

/* covid19 ================= */

.covid1901 {
text-align:left;}
.covid1901 p {
margin-bottom:1.1em;}
.covid1901 ul {
justify-content:space-between;
margin:1.55em auto;
width:100%;}
.covid1901 ul li {
text-align:center;
margin:15px 0;
padding:0px;
width:48%;
background:#c1da80;
border-radius:10px;
overflow:hidden;}
.covid1901 ul li p {
margin-bottom:0 !important;}
.covid1901 ul li h3 {
font-size:150%;
line-height:64px;
font-weight:bold;
color:#81b826;
border-bottom:1px solid #fff;
background:rgba(255,255,255,0.6);
white-space:nowrap;}
.covid1901 ul li .txt {
padding:25px 20px;}
.covid1901 ul li .txt .notice {
margin:5px 0 0 0;
font-size:75%;
line-height:1.7;}
.covid1901 ul li .txt .price {
font-size:200%;
line-height:1.5;
font-weight:bold;
color:#811;
white-space:nowrap;}

@media only screen and (max-width:1023px) {

.covid1901 ul {
max-width:640px;}
.covid1901 ul li {
width:100%;}

}

@media only screen and (max-width:767px) {

.covid1901 ul li .txt .price {
display:block;
font-size:8vw;}

}

/* doctor ==================== */

.doctor01 {
text-align:left;}
.doctor01 p {
margin-bottom:1.1em;}
.doctor01 .director {
justify-content:space-between;
flex-direction:row-reverse;}
.doctor01 .director .img {
text-align:center;
width:35%;}
.doctor01 .director .img img {
width:100%;
border-radius:35px 0 0 0;}
.doctor01 .director .txt {
width:59%;}
.doctor01 .director h4 {
font-family:"M PLUS 1",sans-serif;
margin:0 0 0.75em 0;
font-size:162.5%;
line-height:1.3;
font-weight:500;
letter-spacing:-0.02em;
color:#81b826;}
.doctor01 .name {
margin:0 0 0.7em;
line-height:1.4;}
.doctor01 .name span {
margin:0 0 0 8px;
font-size:200%;}
.doctor01 .profile {
position:relative;
margin:55px 0 0 0;
padding:50px 25px 25px;
font-size:92%;
line-height:1.65;
border:2px solid #c1da80;
background:rgba(255,255,255,0.6);
border-radius:35px 0 0 0;}
.doctor01 .profile p {
margin-bottom:0em;}
.doctor01 .profile .ttl {
text-align:center;
position:absolute;
padding:20px 0;
z-index:10;
left:50%;
top:0;
width:55px;
font-size:12px;
line-height:15px;
color:#fff;
white-space:nowrap;
background:#400100;
border-radius:10px 0 0 0;
transform: translate(-50%,-50%);}
.doctor01 .staff {
text-align:center;
margin-top:35px;}
.doctor01 .staff img {
margin:0 0 20px 0;
border-radius:35px 0 0 0;}
.doctor01 .staff h3 {
line-height:1.5;}

@media only screen and (max-width:1023px) {

.doctor01 .director .img {
width:90%;
max-width:480px;
margin:0 auto 35px;}
.doctor01 .director .txt {
width:100%;}

}

.doctor02 {
text-align:left;}
.doctor02 dt {
margin:0 0 32px 0;
width:60px;}
.doctor02 dt .num {
font-size:63px;
line-height:1.15;}
.doctor02 dd {
margin:0 0 32px 0;
width:calc(100% - 60px);
line-height:1.55;}
.doctor02 dd h3 {
position:relative;
margin:0.25em 0 0.65em 0;
padding:0 0 0.18em 0;
font-size:172%;
line-height:1.25;
font-weight:bold;
color:#81b826;
overflow:hidden;}
.doctor02 dd h3::before {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #81b826;}
.doctor02 dd h3::after {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #222;}

/* recruit =============== */

.recruit01 {}
.recruit01 .vision {
line-height:1.65;}
.recruit01 .vision .num {
text-align:center;
max-width:50%;
margin:35px auto 0;}
.recruit01 .vision .num img {
border-radius:50%;}
.recruit01 .vision h3 {
font-family:"M PLUS 1",sans-serif;
text-align:center;
font-size:181.25%;
line-height:1.3;
color:#81b826;
font-weight:500;
margin:1.0em 0;}
.recruit01 ul.jobtype {
justify-content:space-between;
margin:0 auto 35px;
width:100%;}
.recruit01 ul.jobtype li {
width:31%;
padding:10px 0;
text-align:left;
font-size:93.75%;}
.recruit01 ul.jobtype li .img {
text-align:center;
width:80%;
max-width:480px;
margin:0 auto 15px;}
.recruit01 ul.jobtype li .img img {
width:100%;
background:#fff;
border:2px solid #81b826;
border-radius:50%;}
.recruit01 .tel a img {
border-radius:50%;}
.recruit01 .tel a:hover img {
transform:scale(1.03);
transition:transform 0.25s;}

@media only screen and (max-width:767px) {

.recruit01 {
text-align:left;}
.recruit01 br {
display:none;}
.recruit01 ul.jobtype li {
width:100%;}

}

/* contact ==================== */

.contact01 {
text-align:left;}