@charset "utf-8";
/* ==================== main ==================== */

/* ---------- philosophy_section ---------- */
.philosophy_section{
    margin-bottom: 3.0rem;
    background-image: url(/hoikuen/img/index_photo_01_sp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.philosophy_container{
    padding: 5.0rem 0;
}
.philosophy_container h2{
    margin-bottom: 2.0rem;
    font-size: 2.0rem;
    text-align: center;
    text-shadow:
       0.25rem 0.25rem 1.0rem #ffffff,
      -0.25rem 0.25rem 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff,
      -0.25rem -0.25rem 1.0rem #ffffff,
       0.25rem 0 1.0rem #ffffff,
       0 0.25rem 1.0rem #ffffff,
      -0.25rem 0 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff;
}
.philosophy_container p{
    font-size: 1.25rem;
    text-shadow:
       0.25rem 0.25rem 1.0rem #ffffff,
      -0.25rem 0.25rem 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff,
      -0.25rem -0.25rem 1.0rem #ffffff,
       0.25rem 0 1.0rem #ffffff,
       0 0.25rem 1.0rem #ffffff,
      -0.25rem 0 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff;
}
@media screen and (min-width: 768px){
    .philosophy_container p{
        text-align: center;
        line-height: 2.0;
    }
}
@media screen and (min-width: 992px){
    .philosophy_section{
        margin-bottom: 5.0rem;
        background-image: url(/hoikuen/img/index_photo_01_pc.jpg);
        background-position: bottom;
    }
    .philosophy_container{
        padding: 7.5rem 0;
    }
}
@media screen and (min-width: 1440px){
    .philosophy_container{
        padding: 10.0rem 0;
    }
}


/* ---------- target_section ---------- */
.target_section{
    margin-bottom: 3.0rem;
}
.target_title{
    margin-bottom: 1.0rem;
}
.target_title h2{
    margin-bottom: 1.0rem;
    font-size: 1.5rem;
    text-align: center;
}
.target_title p{
    font-size: 0.875rem;
}
@media screen and (min-width: 768px){
    .target_title{
        margin-bottom: 2.0rem;
    }
    .target_title p{
        font-size: 1.0rem;
        text-align: center;
    }
}
@media screen and (min-width: 992px){
    .target_section{
        margin-bottom: 5.0rem;
    }
    .target_title h2{
        font-size: 2.0rem;
    }
}

/* target_01 */
.target_01{
    padding: 5.0rem 0 3.0rem;
    background-image: url(/hoikuen/img/index_photo_02_sp.jpg);
    background-size: cover;
    background-position: center;
}
.target_01 p{
    line-height: 2.0rem;
    color: #ffffff;
}
@media screen and (min-width: 768px){
    .target_01{
        padding: 6.0rem 0;
        background-image: url(/hoikuen/img/index_photo_02_pc.jpg);
    }
    .target_01 p{
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 992px){
    .target_01 p{
        margin-left: 15%;
    }
}
@media screen and (min-width: 1440px){
    .target_01{
        padding: 10.5rem 0;
    }
    .target_01 p{
        margin-left: 10%;
        font-size: 1.5rem;
    }
}

/* target_02 */
.target_02{
    padding: 7.0rem 0 3.0rem;
    background-image: url(/hoikuen/img/index_photo_03_sp.jpg);
    background-size: cover;
    background-position: center;
}
.target_02 p{
    text-align: right;
    line-height: 2.0rem;
}
@media screen and (min-width: 768px){
    .target_02{
        padding: 8.0rem 0 6.0rem;
        background-image: url(/hoikuen/img/index_photo_03_pc.jpg);
    }
    .target_02 p{
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 992px){
    .target_02 p{
        margin-right: 12.5%;
    }
}
@media screen and (min-width: 1440px){
    .target_02{
        padding: 11.5rem 0;
    }
    .target_02 p{
        margin-right: 10%;
        font-size: 1.5rem;
    }
}

/* target_03 */
.target_03{
    padding: 6.0rem 0 2.0rem;
    background-image: url(/hoikuen/img/index_photo_04_sp.jpg);
    background-size: cover;
    background-position: center;
}
.target_03 p{
    line-height: 2.0;
    text-shadow:
       0.25rem 0.25rem 1.0rem #ffffff,
      -0.25rem 0.25rem 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff,
      -0.25rem -0.25rem 1.0rem #ffffff,
       0.25rem 0 1.0rem #ffffff,
       0 0.25rem 1.0rem #ffffff,
      -0.25rem 0 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff;
}
@media screen and (min-width: 576px){
    .target_03{
        padding: 5.0rem 0 3.0rem;
    }
}
@media screen and (min-width: 768px){
    .target_03{
        padding: 4.25rem 0 4.25rem;
        background-image: url(/hoikuen/img/index_photo_04_pc.jpg);
    }
    .target_03 p{
        font-size: 1.25rem;
        text-shadow: none;
    }
}
@media screen and (min-width: 992px){
    .target_03 p{
        margin-left: 7.5%;
    }
}
@media screen and (min-width: 1440px){
    .target_03{
        padding: 8.0rem 0;
    }
    .target_03 p{
        margin-left: 5%;
        font-size: 1.5rem;
    }
}

/* target_04 */
.target_04{
    padding: 4.0rem 0 2.0rem;
    background-image: url(/hoikuen/img/index_photo_05_sp.jpg);
    background-size: cover;
    background-position: center;
}
.target_04 p{
    text-align: right;
    line-height: 2.0;
    text-shadow:
       0.25rem 0.25rem 1.0rem #ffffff,
      -0.25rem 0.25rem 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff,
      -0.25rem -0.25rem 1.0rem #ffffff,
       0.25rem 0 1.0rem #ffffff,
       0 0.25rem 1.0rem #ffffff,
      -0.25rem 0 1.0rem #ffffff,
       0.25rem -0.25rem 1.0rem #ffffff;
}
@media screen and (min-width: 768px){
    .target_04{
        padding: 3.0rem 0;
        background-image: url(/hoikuen/img/index_photo_05_pc.jpg);
    }
    .target_04 p{
        margin-right: 5.0%;
        font-size: 1.25rem;
        text-shadow: none;
    }
}
@media screen and (min-width: 1440px){
    .target_04{
        padding: 6.5rem 0;
    }
    .target_04 p{
        margin-right: 2.5%;
        font-size: 1.5rem;
    }
}


/* landscape_section */
.landscape_section{
    margin-bottom: 6.0rem;
}
.landscape_section .container{
    padding: 0;
}
.landscape_section h2{
    margin-bottom: 1.0rem;
    font-size: 1.5rem;
    text-align: center;
}
.landscape_section .modal-body{
    padding: 0;
}
@media screen and (min-width: 768px){
    .landscape_container{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (min-width: 992px){
    .landscape_section{
        margin-bottom: 8.0rem;
    }
    .landscape_section h2{
        font-size: 2.0rem;
    }
}
/* ==================== /main ==================== */