/* 背景色設定 */
.body{
    background: url(../img/common/bg.jpg) repeat center/contain;
}
.Fv{
    /* margin-top: 4rem; */
}


/* ヘッダー */
.Header__container__menu{
    position: relative;
    padding-bottom: 3rem;
}
.Header__container__menu__li__logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1rem;
    width: 10rem;
}
.Header__container__menu__li__logo a img{
    width: 14rem;
}

/* フッター */
.Footer__container__text{
    margin-bottom: 6rem;
}

.Cv__container{
    justify-content: center;
}
@media screen and (max-width: 900px) {
    .Cv__container{
        padding: 3rem 0 4rem 0;
    }

}
.Cv__container__content{
    align-items: center;
}
@media screen and (max-width: 900px) {
    .Cv__container{
        align-items: flex-start;
    }
    .Cv__container__content{
        align-items: flex-start !important;
        width: 100%;
    }
}
.Cv__container__content__circle__logo{
    height: fit-content;
    margin-left: 4rem;
}
@media screen and (max-width: 900px) {
    .Cv__container__content__circle__logo{
        margin-left: 0;
        border-bottom: none !important;
    }
    .Cv__container__content__text{
        text-align: left;
        margin-bottom: 4rem;
        
    }
}
.Cv__container__content__item__logo{
    width: 35rem;
    height: auto;
}
@media screen and (max-width: 900px) {
    .Cv__container__content__item__logo{
        width: 85%;
        margin: 0 auto;
        margin-top: 4rem;
    }
    .Cv__container__content__circle{
        margin: 0 auto;
        border-bottom: 1px solid #284077;
        padding-bottom: 3rem;
    }
    
}
.Cv__container__content__item__logo img{
    width: 100%;

}

/* ベーシック */
.Page__basic__container__item video{
    width: 100%;
    border-radius: 2rem;
    margin-top: 4rem;

}
@media screen and (max-width: 900px) {
    .Page__basic__container__item video{
        margin-top: 2rem;
    }

    .Page__basic__container .item_03,
    .Page__basic__container .item_04{
        height: auto;
        /* padding: ; */

    }
}


/* QA */
.Page__fqa{

}
.Page__fqa__container__head{
    display: flex;
    justify-content: flex-end;

}

/*アコーディオン全体*/

.fqa_select_btn{
    width: 42rem;
    
    

}
.fqa_select_btn .Title{
    position: relative;
    cursor: pointer;

}

.fqa_select_btn .Title,
.fqa_select_btn .Box a{
    font-size: 1.5rem;
    font-weight: bold;
    color: #284077;
    border-bottom: 1px solid #D3D7DF;
    padding: 2rem 3rem;
    text-align: left;
    text-decoration: none;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 900px) {
    .fqa_select_btn .Title,
.fqa_select_btn .Box a{
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
}
}
.fqa_select_btn .Box a:hover{
    opacity: 0.7;
}
.fqa_select_btn .Box__inner{
    display: flex;
    flex-direction: column;

}
.fqa_select_btn .Box{
    padding: 0 !important;
}
.fqa_select_btn .Title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: solid 2px #707070;
    border-right: solid 2px #707070;
    transform: rotate(315deg);
    transition: all 0.5s;
}

.fqa_select_btn .Title.close::after {
    transform: rotate(135deg);
    transform-origin: top;
    transition: all 0.5s;
}



.Page__fqa__container__content{
    padding: 4rem 0;
}
@media screen and (max-width: 900px) {
    .Page__fqa__container__content{
        padding: 3rem 0;
    }
}

.Accordion{
    background-color: #EDEFF0;
    padding: 2rem 4rem;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2rem;



}
@media screen and (max-width: 900px) {
    .Accordion{
        padding: 1rem 6rem 1rem 2rem;
        margin-bottom: 1.5rem;
    }


}

.Accordion .Title{
    color: #284077;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: left;
    position: relative; /*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: bold;

}
.Accordion .Title span{
    color: #284077;
    font-size: 5.7rem;
    font-family: "Concert One", sans-serif;
    line-height: 4.7rem;
    margin-right: 3rem;
    padding-bottom: 1rem;
    font-weight: 400;

}
@media screen and (max-width: 900px) {
    .Accordion .Title{
        font-size: 1.3rem;
        line-height: 2.5rem;
        

    }
    .Accordion .Title span{
        font-size: 3rem;
        margin-right: 1.5rem;
        line-height: 3rem;
        padding-bottom: 0;

    }

}
.Accordion .Title::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 20px;

    width: 0.3rem;
    height: 2.5rem;
    background-color: #284077;
    transform: rotate(0deg);
    transition: all 0.5s;
}
.Accordion .Title::before {
    content: "";
    position: absolute;
    top: 30%;
    right: 20px;
    width: 0.3rem;
    height: 2.5rem;
    background-color: #284077;

    /* border-top: solid 2px #707070; */
    /* border-right: solid 2px #707070; */
    transform: rotate(90deg);
    transform-origin: center;
    
    
    transition: all 0.5s;
}

.Accordion .Title.close::after {
    transform: rotate(90deg);
    transform-origin: center;
    
    transition: all 0.5s;
}
@media screen and (max-width: 900px) {
    .Accordion .Title::after {
        width: 0.2rem;
        height: 1.6rem;
        right: -2rem;
        top: 25%;
    }
    .Accordion .Title::before {
        width: 0.2rem;
        height: 1.6rem;
        right: -2rem;
        top: 25%;

        

    }
    /* .Page__seat__container__item--02::before{
        height: 47rem !important;
    } */

    .Page__title__qanda{
        margin-bottom: 3rem;
    }
}

/*アコーディオンで現れるエリア*/
.Accordion .Box {
    display: none; /*はじめは非表示*/
    /* padding: 3% 6% 3% 10%; */
}

.Accordion .Box p {
    /* font-size: 2.7rem; */
    /* position: relative; */
    /* line-height: 36px; */
    font-size: 1.6rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0rem;
    line-height: 3.2rem;
    padding-left: 6rem;


}

@media screen and (max-width: 900px) {
    .Accordion .Box p {
        font-size: 1.3rem;
        line-height: 2.5rem;
        /* margin-left: 3rem; */
        /* margin-left: 3rem; */
        padding-left: 3rem;
        margin-top: 1rem;
    }

    .Page__seat__container__item::before{
        height: 57rem;
    }
    .Page__seat__container__item--03{
        margin-bottom: 14rem;
    }
}

.Cv__container__content__circle__item{
    width: 22.7rem;
    margin-left: 4rem;
    height: fit-content;

}
.Cv__container .Cv__container__content:last-of-type .Cv__container__content__circle__item{
    width: 33.6rem;

}


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

    .Cv__container__content__circle__item{
        width: 19.8rem;
        margin-left: 0;
        position: relative;
    }
    .Cv__container__content__circle{
        border-bottom: none;
    }
    .Cv__container__content__circle__item::before{
            content: "";
            display: block;
            position: absolute;
            /* top: 50%; */
            left: 50%;
            transform: translateX(-50%);
            bottom: -3rem;
            /* left: 10px; */
            /* transform: translateY(-50%); */
            /* width: 25px; */
            /* height: 25px; */
            /* background-color: red; */
            width: 12.2rem;
            height: 0.1rem;
            background-color: #284077;
    }
    .Cv__container .Cv__container__content:last-of-type .Cv__container__content__circle__item{
        width: 30rem;
    
    }
    .Cv__container .Cv__container__content:last-of-type .Cv__container__content__circle__item::before{
        display: none;

    }
}

.Page__seat__container__item--03{
    height: 68rem;
}
.Page__seat__container__item--03::before{
    height: 61rem;
}
.Page__seat__container__item--03 .Page__seat__container__item__right__ttl{
    margin-bottom: 3rem;
}
.Page__seat__container__item--03 .video{
    margin-bottom: 2rem;
}
.Page__seat__container__item--03 .Page__seat__container__item__left{
    justify-content: flex-start;
    /* margin-top: -5rem; */
}
.Page__seat__container__item--03 .Page__seat__container__item__left__text{
    /* margin-top: -5rem; */
    margin-top: 3rem;
}

@media screen and (max-width: 900px) {
    .Page__seat__container__item--03{
        height: auto;
    }
    .Page__seat__container__item--03::before{
        height: 81rem;
    }
    .Page__seat__container__item--03 .Page__seat__container__item__left__img{
        margin-bottom: -2rem !important;

    }
}