@charset "UTF-8";

.philosophy1{
    padding-bottom: 186px;

    position: relative;
    z-index: 1;
    overflow: hidden;
}

.philosophy1:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../img/common/bg1.png) 0 0 repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    top: 92rem;
    height: 1365px;
}


.philosophy1_inner{
    display: flex;
    justify-content:space-between;
}
.philosophy1_head{
    width: 100%;
}
.philosophy1 .c-ttl3{}
.philosophy1_mes{
    display: grid;
    gap: 52px 0;
}
.philosophy1_btn{
    margin-top: 60px;
}
.philosophy1_img{
    margin-right: calc((100% - 100vw)  / 2 );
    flex: 1;
    margin-left: 5%;
}

.philosophy1_video{
    position: relative;
    z-index: 1;
    height: 76rem;
    margin-top: 175px;
}
.philosophy1_video iframe{
    width: 100% !important;
}


/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media screen and (max-width: 767px) {

    .philosophy1{
    padding-bottom: 8rem;
}
    .philosophy1:before{}
    .philosophy1_inner{
    display: block;
}
    .philosophy1_head{
    width: auto;
}
    .philosophy1 .c-ttl3{}
    .philosophy1_mes{
    gap: 3rem 0;
}
    .philosophy1_btn{
    margin-top: 4rem;
}
    .philosophy1_img{
    margin-left: 0;
    margin-top: 6rem;
}
    .philosophy1_video{
    height: 21rem;
    margin-top: 7rem;
}
    .philosophy1_video iframe{}

}

/* -------------------------------------------------  */


.philosophy2{
    /* padding-bottom: 186px; */
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: var(--color-blue3);
}


.philosophy2_inner{
    display: flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-direction: row-reverse;
    padding-top: 140px;
}
.philosophy2_head{
    width: 50%;
    color: #fff;
}
.philosophy2 .c-ttl3{
    margin-bottom: 1.8vw;
    color: #fff;
}
.philosophy2_btn{
    margin-top: 60px;
}
.philosophy2_img{
    margin-left: calc((100% - 100vw)  / 2 );
    flex: 1;
    margin-right: 8%;
}

.philosophy2_video{
    position: relative;
    z-index: 1;
    height: 76rem;
    margin-top: 175px;
}
.philosophy2_video iframe{
    width: 100% !important;
}


/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media screen and (max-width: 767px) {
    .philosophy2{}
    .philosophy2_inner{
    display: block;
    padding-top: 8rem;
}
    .philosophy2_head{
    width: auto;
}
    .philosophy2 .c-ttl3{}
    .philosophy2_mes{
    font-size: 1.4rem;
}
    .philosophy2_btn{}
    .philosophy2_img{
    margin-right: 0;
    margin-top: 4rem;
}
    .philosophy2_video{}
    .philosophy2_video iframe{}

}



/* -------------------------------------------------  */


.philosophy3{}


.philosophy3_inner{
    padding-top: 162px;
    padding-bottom: 162px;
}


/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media screen and (max-width: 767px) {

    .philosophy3{}


    .philosophy3_inner{
    padding-top: 11rem;
    padding-bottom: 11rem;
}


}