@charset "utf-8";
/*=========================================
#philosophy
=========================================*/
#philosophy {
    width: 100%;
    height: 100%;
    padding: 150px 100px 0;
    margin-bottom: 0;
    margin-top: 0;
}
#philosophy:last-child {
    padding-bottom: 200px;
}
#philosophy::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/philosophy/philosophy_bk.png) no-repeat;
    background-position: right 150px top 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 1s;
}
#philosophy::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/bg_triangle.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -200px;
}
#philosophy .philosophy_inner {
    padding: 0;
    flex-direction: column;
    gap: 100px;
    top: 0px;
    opacity: 1;
    /* animation: philosophy_inner_fadeIn 3s forwards; */
    animation-delay: 2s;
}
@keyframes philosophy_inner_fadeIn {
    0% {
        opacity: 0;
        top: 30px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
#philosophy .philosophy_inner .philosophy_text p.sbttl_h2 {
    /* top: -25px; */
}
#philosophy .philosophy_inner .left_box,
#philosophy .philosophy_inner .right_box {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0;
    /* position: relative;
    left: 10%; */
}
/* #philosophy:nth-child(2n) .philosophy_inner .left_box,
#philosophy:nth-child(2n) .philosophy_inner .right_box {
    right: 10%;
} */
#philosophy .philosophy_inner .philosophy_image {
    max-width: 830px;
    /* opacity: 0; */
    /* top: 30px; */
    transition: 1s;
    position: relative;
    margin: 0 auto;
}
#philosophy .philosophy_inner .philosophy_image figure {
    width: 100%;
}
#philosophy .philosophy_inner .philosophy_image img {
    width: 100%;
}
#philosophy .philosophy_inner .philosophy_fadeIn {
    opacity: 1;
    top: 0;
}
@media (max-width: 1390px) {
    #philosophy::before {
        background-position: right 0px top 0px;
    }
}
@media (max-width: 1024px) {
    #philosophy .philosophy_inner .philosophy_image {
        max-width: 600px;
    }
}
@media (max-width: 767px) {
    #philosophy {
        padding: 50px 15px 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    #philosophy:last-child {
        padding-bottom: 100px;
    }
    #philosophy .philosophy_inner {
        gap: 50px;
        padding: 0 15px;
    }
    #philosophy::before {
        background-position: right 0px top 0px;
        background-size: 80%;
    }
    #philosophy .philosophy_inner .left_box,
    #philosophy .philosophy_inner .right_box {
        left: 0;
}
}

/*=========================================
#footer
=========================================*/
#footer {
    margin-top: 0;
}