@charset "utf-8";
/*
nursingcarefacilities用
2025-09-09 tsaito
*/

#main { font-family: 'Noto Sans JP', serif; }
.ncf-title { font-size: 16px; font-weight: 500; color: #fff; border-bottom: solid 2px #3a5274; padding: 0 0 5px 0; }
.ncf-title span { background: #3a5274; padding: 5px 15px; border-radius: 10px 10px 0 0; }

#main h3 { display: none; }
#main .flex { display: flex; /*justify-content: center;*/ }
#main ul { list-style-type: square; margin: 40px auto; padding-left:40px; }
#main ul li { font-size: 20px; font-weight: 600; margin: 20px auto; }
@media only screen and (max-width:766px) {
    #main ul { margin: 20px 10px; padding-left:20px; }
    #main ul li { font-size: 14px; margin: 10px auto; }

}
.zeroArea { margin: 20px auto; }
.zeroArea p { font-size: 30px; font-weight: 900; font-family: "Noto Serif JP", serif; line-height: 1.6; text-align: center; }
@media only screen and (max-width:766px) {
    .zeroArea p { font-size: 18px; }
}

.firstArea h4 { font-size: 24px; font-weight: 700; color: #3a5274; margin: 40px auto 20px; }
.firstArea h4 br { display: none; }
.firstArea h5 { font-size: 26px; font-weight: 600; text-align: center; color: #d8670b; margin: 50px auto 30px; }
.firstArea .flex p { width: calc( 94% / 3 ); height: 140px; margin: 1%; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 26px; font-weight: 600; line-height: 1.4; border-radius: 10px; border: solid 3px #0477ac; color: #0477ac; background: #ebf5fa; }
.firstArea .flex:nth-of-type(1) { flex-direction: row-reverse; align-items: center; }
.firstArea .flex:nth-of-type(1) img { width: 320px; height: auto; margin-left: 20px; }
@media only screen and (max-width:766px) {
    .firstArea h4 { font-size: 22px; text-align: center; }
    .firstArea h4 br { display: block; }
    .firstArea .flex p { height: 110px; font-size: 15px; }
    .firstArea .flex:nth-of-type(1) { flex-direction: column; align-items: center; }
    .firstArea .flex:nth-of-type(1) img { width: 80%; height: auto; margin: 20px auto; }

}

.secondArea { margin: 100px auto; }
.secondArea p.midashi { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.secondArea h4 { display: inline-block; padding: 10px 20px; margin: 30px auto 10px; font-size: 26px; font-weight: 600; font-family: "Noto Serif JP", serif; background: #3a5274; color: #fff; }
.secondArea h5 { display: inline-block; padding: 10px 20px; margin: 20px auto 10px; font-size: 20px; font-weight: 600; background: linear-gradient(transparent 50%, #a5dafd 50%); }

.secondArea .flex:nth-of-type(1) { flex-direction: row-reverse; align-items: center; }
.secondArea .flex:nth-of-type(1) img { width: 320px; height: auto; margin-left: 20px; }
.secondArea .flex:nth-of-type(2) { justify-content: space-between; align-items: flex-end; }
.secondArea .flex:nth-of-type(2) div:nth-of-type(1) { width: 30%; }
.secondArea .flex:nth-of-type(2) div:nth-of-type(1) img { width: 320px; }
.secondArea .flex:nth-of-type(2) div:nth-of-type(2) { width: 65%; }
.secondArea .flex:nth-of-type(2) div:nth-of-type(2) p { width: calc(90% / 5); height: 110px; margin: 1%; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; line-height: 1.6; border-radius: 10px; border: solid 2px; border-color: #54b7f1; color: #54b7f1; background: #ebf5fa; }
@media only screen and (max-width:766px) {
    .secondArea p.midashi { font-size: 18px; padding-left: 10px; padding-right: 10px; margin: 10px; }
    .secondArea h4 { margin: 20px 10px 10px; font-size: 16px; text-align: center; }
    .secondArea h5 { margin: 10px 10px 10px; font-size: 14px; text-align: center; }
    .secondArea .flex { flex-wrap: wrap; }
    .secondArea .flex:nth-of-type(1) { flex-direction: column; }
    .secondArea .flex:nth-of-type(1) img { width: 80%; margin: 20px auto; }
    .secondArea .flex:nth-of-type(2) { align-items: center; }
    .secondArea .flex:nth-of-type(2) div:nth-of-type(1) { width: 100%; }
    .secondArea .flex:nth-of-type(2) div:nth-of-type(1) img { width: 100%; margin: 20px auto; }
    .secondArea .flex:nth-of-type(2) div:nth-of-type(2) { width: 100%; }
    .secondArea .flex:nth-of-type(2) div:nth-of-type(2) p { font-size: 14px; width: calc(80% / 5); height: 60px; }
}

.thirdArea { margin: 100px auto; }
.thirdArea h4 { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.thirdArea .flex { flex-direction: row-reverse; }
.thirdArea .flex div:nth-of-type(1) { width: 30%; }
.thirdArea .flex div:nth-of-type(1) img { width: 100%; }
.thirdArea .flex div:nth-of-type(1) p { color:#d30e07; }
.thirdArea .flex div:nth-of-type(2) { width: 68%; margin-right: 2%; }
.thirdArea h6 { display: flex; align-items: center; margin: 30px auto; font-size: 18px; font-weight: 400; line-height: 1.6; }
.thirdArea h6 span { display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 8px; height: 20px; width: 20px; text-align: center; border-radius: 30px; margin-right: 20px; background: #999; color: #fff; }

@media only screen and (max-width:766px) {
    .thirdArea h4 { font-size: 18px; font-weight: 600;  margin: 10px; padding-left: 10px; padding-right: 10px; }
    .thirdArea .flex { flex-wrap: wrap; flex-direction: column-reverse; }
    .thirdArea .flex div:nth-of-type(1) { width: 90%; margin: 0 auto; }
    .thirdArea h6 { margin: 10px auto; font-size: 14px; }
    .thirdArea h6 span { font-size: 10px; }
    .thirdArea .flex div:nth-of-type(2) { width: 90%; margin: 0 auto; }
}

.fourthArea { margin: 100px auto; }
.fourthArea h4 { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.fourthArea div:nth-of-type(1) { display: flex; justify-content: space-between; align-items: normal; flex-wrap: wrap; }
.fourthArea h6 { width: calc(86%/ 3); border: solid 1px #ccc; border-radius: 10px; padding: 10px; margin: 30px auto; font-size: 16px; font-weight: 400; line-height: 1.6; position: relative; background: rgba(255,255,255,0.5); display: flex; align-items: center; flex-wrap: wrap; }
.fourthArea h6 span { display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 700; padding: 8px; height: 20px; width: 20px; text-align: center; border-radius: 30px; margin-right: 20px; background: #999; color: #fff; position: absolute; top: -20px; left: -20px; }
.fourthArea h6 img { width: 100%; display: block; margin-top: 15px; }
.fourthArea div:nth-of-type(2) { padding: 20px; background: #e8f0f5; }
.fourthArea div:nth-of-type(2) .flex { display: flex; justify-content: space-between; align-items: center; }
.fourthArea div:nth-of-type(2) h5 { font-size: 18px; font-weight: bold; color:#3a5274; text-align: center; margin-bottom: 20px; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(1) { width: 45%; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(1) .flex { width: 100%; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(1) img:nth-of-type(1) { width: 32%; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(1) img:nth-of-type(2) { width: 60%; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(2) { width: 48%; }
.fourthArea div:nth-of-type(2) .flex div:nth-of-type(2) p { font-size: 16px; line-height: 1.4; }
@media only screen and (max-width:766px) {
    .fourthArea h4 { font-size: 18px;  margin: 10px; padding-left: 10px; padding-right: 10px; }
    .fourthArea h6 { width: calc(80%/ 2); margin: 10px auto; font-size: 14px; }
    .fourthArea h6 span { font-size: 14px; top: -20px; left: -10px; }
    .fourthArea div:nth-of-type(2) .flex div:nth-of-type(1) { width: 90%; margin: 0 auto; }
    .fourthArea div:nth-of-type(2) .flex div:nth-of-type(2) { width: 90%; margin: 0 auto; }
}


.fifthArea { margin: 100px auto; }
.fifthArea .flex { justify-content: space-between; }
.fifthArea .flex div { width: 70%; }
.fifthArea h4 { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.fifthArea p { font-size: 26px; font-weight: 600; text-align: center; color: #d8670b; margin: 50px auto 30px; }
.fifthArea img { width: 320px; }
.fifthArea h5 { display: inline-block; padding: 10px 20px; margin: 30px auto 10px; font-size: 26px; font-weight: 600; font-family: "Noto Serif JP", serif; background: #3a5274; color: #fff; }
.fifthArea table { margin: 40px auto; }
.fifthArea table th { padding: 10px 20px; font-size: 16px; line-height: 1.4; color: #333; font-weight: 700; border-bottom: double 3px #999; }
.fifthArea table td { padding: 10px 20px; font-size: 16px; line-height: 1.4; color: #333; font-weight: 400; border-bottom: solid 1px #ccc; }
.fifthArea table tr td:nth-of-type(1) { width: 20%; font-weight: 600; border-bottom: solid 3px #ccc; }
.fifthArea table tr:nth-child(even) { background: #faebeb; }
@media only screen and (max-width:766px) {
    .fifthArea h4 { font-size: 18px;  margin: 10px; padding-left: 10px; padding-right: 10px; }
    .fifthArea p { font-size: 18px; }
    .fifthArea h5 { margin: 20px auto 10px; font-size: 18px; display: block; }
    .fifthArea table { margin: 20px 10px; }
    .fifthArea table th { padding: 10px; font-size: 13px; }
    .fifthArea table td { padding: 10px; font-size: 13px; }
    .fifthArea table tr td:nth-of-type(1) { width: 30%; }
    .fifthArea .flex { flex-direction: column; width: 90%; margin: 0 auto; }
    .fifthArea .flex div { width: 100%; }
}

.sixthArea { margin: 100px auto; }
.sixthArea h4 { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.sixthArea .flex { display: flex; align-items: normal; }
.sixthArea .flex div { width: calc( 96% / 2 ); margin: 1%; padding: 20px; background: #f7f5f4; border-radius: 15px; }
.sixthArea .flex div h5 { text-align: center; font-size: 26px; background: linear-gradient(transparent 50%, #fdd669 50%); padding: 0 0 10px 0; color: #eb6106; }
.sixthArea .flex div ul li { font-size: 16px!important; font-weight:400; }
.sixthArea h4:nth-of-type(2) { margin-top: 50px; }
.sixthArea .flex:nth-of-type(2) h5 { line-height: 1.8; }
.sixthArea .flex:nth-of-type(2) p { font-size: 16px; line-height: 1.6; text-align: center; }
.sixthArea h6 { display: inline-block; padding: 10px 20px; margin: 30px auto 10px; font-size: 26px; font-weight: 600; font-family: "Noto Serif JP", serif; background: #eb6106; color: #fff; }
.sixthArea h6 + p { font-size: 18px; }
@media only screen and (max-width:766px) {
    .sixthArea h4 { font-size: 18px;  margin: 10px; padding-left: 10px; padding-right: 10px; }
    .sixthArea .flex {flex-wrap: wrap; }
    .sixthArea .flex div { width: calc( 90% / 1 ); margin: 10px 20px; }
    .sixthArea .flex div h5 { font-size: 15px; }
    .sixthArea .flex:nth-of-type(2) p { font-size: 14px; }
    .sixthArea h6 { font-size: 18px; margin: 10px; }
    .sixthArea h6 + p { font-size: 14px; margin: 10px; }
}

.seventhArea { margin: 100px auto; }
.seventhArea h4 { font-size: 26px; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #666; }
.seventhArea .flex { justify-content: space-between; align-items: center; background: #f5f5f5; padding: 20px; border-radius: 10px; }
.seventhArea p { font-size: 18px; }
.seventhArea p a { display: block; margin: 30px auto 10px; padding: 10px; text-align: center; color: #fff; font-size: 20px; font-weight: 600; background: #eb6106; text-decoration: none; }
.seventhArea img { width: 30%; margin-left: 20px; }
.seventhArea li { font-size: 16px!important; }
@media only screen and (max-width:766px) {
    .seventhArea h4 { font-size: 18px;  margin: 10px; padding-left: 10px; padding-right: 10px; }
    .seventhArea .flex { flex-wrap: wrap; margin: 10px; }
    .seventhArea img { width: 90%; margin-left: 0; }


}