@charset "UTF-8";

img {
    width: 100%;
    height: auto;
}

body {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #333333;
}

.sp {
    display: none;
}

.wrapper {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3%;
}


h4 {
    font-size: 25px;
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 30px;
}

h4::before {
    content:'';
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(/mirai/images/title-icon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.topBtn {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.topBtn a {
    display: inline-block;
    font-size: clamp(20px,1.5vw,24px);
    color: #fff;
    text-align: center;
    padding: 25px 35px;
    background: linear-gradient(90deg,#006cb8, #1bb8ce);
    border-radius: 5px;
}

.topBtn a:hover {
    opacity: 0.8;
}

/* ==========================
ファーストビュー
============================*/
.FV {
    padding-top: 80px;
}
/*=============================
訪問看護ステーション開設について
============================= */
.establishment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 65px;
    margin-top: 130px
}

h2 {
    font-family: "Noto Serif", serif;
    font-size: clamp(20px,1.5vw,24px);
    font-feature-settings: "palt";
    line-height: 2.5;
    text-align: center;
    margin-top: 65px;
}

.establishmentLogo {
    width: clamp(350px,22.3vw,370px);
    margin: 0 auto;
}

.establishmentImg {
    width: clamp(480px,30.5vw,490px);
    margin: 0 auto;
}

.establishmentTxt {
    font-size: clamp(18px,1.3vw,21px);
    margin: 90px 0 140px 0;
    line-height: 1.8;
}

/* =============================
愛の家運営元だからこそできる訪問看護
===============================*/
.bgGrd {
    background-image: linear-gradient(90deg, #fdfee7, #e8f4e5);
}

.TE_wrapper {
    max-width: 1360px;
    padding: 110px 0 120px min(15vw,240px);
    margin: 0 auto;
}

.TE h3 span::after {
    left: -810px;
}

.TE_container {
    display: flex;
    margin-top: 50px;
    gap: 40px;
}

.TE_container p {
    font-size: clamp(16px,1.1vw,18px) ;
    line-height: 1.8;
    margin-bottom: 65px;
}

.TE_img {
    width: clamp(400px,45.4vw,705px);
    flex-shrink: 0;
}

/* =============================
訪問看護の魅力とは？
===============================*/
.VN_1 {
    margin: 130px auto 125px;
}

.VN_1 p {
    font-size: clamp(16px,1.1vw,18px);
    margin: 40px 0 110px;
    line-height: 1.8;
}

.VN_1 h3 span::after {
    left: -860px;
}


/* =============================
愛の家みらい訪問看護ステーションの特徴
===============================*/
.VN_2 {
    padding: 130px 0 115px;
}

.VN_2 h3 span::after {
    left: -860px;
}

.bgWh {
    background-color: #fff;
    padding: 70px;
    margin-top: 70px;
}

.VN_2_flex {
    display: flex;
    gap: 85px;
}

.VN_2_flex:nth-child(2) {
    flex-direction: row-reverse;
}

.VN_2_content p:first-child {
    font-size: clamp(50px,3.5vw,58px);
    font-weight: 200;
    color: #00a180;
    padding-bottom: 10px;
    border-bottom: dotted 3px #00a180;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.VN_2_content p span {
    display: inline-block;
    font-size: clamp(16px,1.1vw,18px);
    color: #fff;
    text-align: center;
    padding: 15px 30px;
    background-color: #00a180;
    border-radius: 20px;
}

.VN_2_content p:nth-child(2) {
    font-size: clamp(24px,1.6vw,26px);
    margin-top: 30px;
}

.VN_2_content p:nth-child(3) {
    font-size: clamp(16px,1.1vw,18px);
    margin-top: 30px;
    line-height: 1.8;
}

.VN_2_img {
    flex-shrink: 0;
    width: 19.8vw;
}

.VN_2_flow {
    margin-top: 70px;
}

.VN_2_flow p {
    font-size: clamp(28px,1.8vw,30px);
    color: #004094;
    text-align: center;
}

.VN_2_flow div {
    width: clamp(600px,45vw,720px);
    margin: 40px auto 0;
}




/* ======================== 以下SP ============================= */

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

.sp {
    display: block;
}

.pc {
    display: none;
}

.wrapper {
    width: 92%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

h4 {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

h4::before {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.topBtn a {
    font-size: clamp(16px,4.7vw,18px);
    padding: 15px 20px;
}

/*=============================
訪問看護ステーション開設について
============================= */
.establishment {
    flex-direction: column;
    gap: 65px;
    margin-top: 100px
}

h2 {
    font-size: clamp(15px,5vw,18px);
    line-height: 2;
    margin-top: 40px;
}

.establishmentLogo {
    width: clamp(200px,55vw,210px);
}

.establishmentImg {
    width: clamp(200px,90vw,500px);
}

.establishmentTxt {
    font-size: clamp(14px,4.3vw,18px);
    margin: 50px 0 100px;
    line-height: 1.8;
}

/* =============================
愛の家運営元だからこそできる訪問看護
===============================*/
.TE_wrapper {
    padding: 100px 0;
    width: 92%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.TE h3 span::after {
    left: -935px;
}

.TE_container {
    flex-direction: column;
    margin-top: 30px;
    gap: 65px;
}

.TE_container p {
    font-size: clamp(14px,4.3vw,16px) ;
    line-height: 1.8;
    margin-bottom: 50px;
}

.TE_img {
    width: auto;
    max-width: 500px;
    flex-shrink: 0;
    margin: 0 auto;
}

.TE_img img {
    border-radius: 10px;
}

/* =============================
訪問看護の魅力とは？
===============================*/
.VN_1 {
    margin: 100px auto ;
}

.VN_1 p {
    font-size: clamp(14px,4.3vw,16px);
    margin: 30px 0 80px;
    line-height: 1.8;
}

.VN_1Img {
    padding: 0 5%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.VN_1 h3 span::after {
    left: -960px;
}

/* =============================
愛の家みらい訪問看護ステーションの特徴
===============================*/
.VN_2 {
    padding: 100px 0;
}

.VN_2 h3 span::after {
    left: -960px;
}

.bgWh {
    padding: 40px 5%;
    margin-top: 30px;
}

.VN_2_flex {
    flex-direction: column;
    gap: 40px;
}

.VN_2_flex:nth-child(2) {
    flex-direction: column;
}

.VN_2_content p:first-child {
    font-size: clamp(20px,5.4vw,22px);
}

.VN_2_content p span {
    font-size: clamp(12px,3.5vw,14px);
    padding: 10px 20px;
}

.VN_2_content p:nth-child(2) {
    font-size: clamp(18px,5vw,20px);
    line-height: 1.7;
    margin-top: 30px;
}

.VN_2_content p:nth-child(3) {
    font-size: clamp(14px,4.3vw,16px);
    margin-top: 30px;
}

.VN_2_img {
    flex-shrink: 0;
    width: clamp(200px,80vw,350px);
    margin: 0 auto;
}

.VN_2_flow {
    margin-top: 70px;
}

.VN_2_flow p {
    font-size: clamp(20px,5.4vw,22px);
}

.VN_2_flow div {
    width: auto;
    max-width: 500px;
    margin: 40px auto 0;
}



}