@charset "utf-8";

/*TOPページ*/

.txt{
    line-height:36px;
}
@media screen and (max-width:708px){
    .txt{
        line-height:26px;
    }
}

.FV__area__content{
    height:920px;
    display:table;
}
@media screen and (max-width:708px){
    .FV__area__content{
        width:360px;
    }
}

.FV__logo{
    z-index:1;
    position:relative;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:708px){
    .FV__logo{
 
    }
}

.FV__content{
    width:100%;
    height:auto;
    display:table-cell;
    vertical-align: middle; 
}

.FV__ttl-prev{
    color:#FFF;
    font-size:36px;
    font-family:'Noto serif JP';
    font-weight:500;
    line-height:1;
    text-align:center;
}
@media screen and (max-width:1460px){
    .FV__ttl-prev{
        font-size:32px;
    }
}
@media screen and (max-width:708px){
    .FV__ttl-prev{
        font-size:26px;
    }
}

.FV__ttl{
    color:#FFF;
    font-size:56px;
    font-family:'Noto serif JP';
    font-weight:500;
    line-height:1;
    text-align:center;
    margin-top:50px;
}
@media screen and (max-width:1460px){
    .FV__ttl{
        font-size:50px;
    }
}
@media screen and (max-width:708px){
    .FV__ttl{
        font-size:32px;
    }
}

.FV__area-img{
    width:100%;
    height:920px;
    position:absolute;
}

.FV__area-img01{
    opacity:0;
    background:url('../../images/img/img_index/img_index_FV01.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
 }

.FV__area-img02{
    background:url('../../images/img/img_index/img_index_FV02.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    animation:anime_FV__area-img02 30s;
    animation-iteration-count: 1;
}

.in{
	opacity:1;
}

.anime__FV__img01{
	opacity:0;
	animation:anime_FV__img01 4s;
	animation-iteration-count: 1;
}
@keyframes anime_FV__img01{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}
    
.anime__FV__img02{
	animation:anime_FV__img02 20s;
	animation-iteration-count: 1;
}
@keyframes anime_FV__img02{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}


/*about*/

.about{
    background-color:#E1DEDC;
}

.about>.container{
    max-width:85%;
    justify-content:space-between;
    padding:100px 0 100px;
}
@media screen and (max-width:1080px){
    .about>.container{
        max-width:708px;
    }
}
@media screen and (max-width:708px){
    .about>.container{
        max-width:360px;
    }
}

.about__content__area-img{
    background:url('../../images/img/img_index/img_index_about.png');
    background-repeat: no-repeat;
    background-size:100%;
    background-position:center center;
    width:55%;
    display:flex;
    display:table;
}
@media screen and (max-width:1080px){
    .about__content__area-img{
        width:100%;
        height:743px;
    }
}
@media screen and (max-width:708px){
    .about__content__area-img{
        height:378px;
    }
}

.about__content__area-img>.ttl-inner{
    font-size:36px;
    display:table-cell;
    vertical-align: middle; 
    text-align:center;
    font-family:'Noto serif JP';
    font-weight:500;
    line-height:1.3;
}
@media screen and (max-width:1460px){
    .about__content__area-img>.ttl-inner{
        font-size:30px;
    }
}
@media screen and (max-width:708px){
    .about__content__area-img>.ttl-inner{
        font-size:24px;
    }
}

.about__content__area-txt{
    width:40%;
    padding:18% 0 12%;
}
@media screen and (max-width:1080px){
    .about__content__area-txt{
        width:100%;
    }
}

.about__content__area-txt>.txt{
    font-size:18px;
    text-align:left;
    font-family:'Noto serif JP';
    font-weight:400;
    line-height:2.1;
}
@media screen and (max-width:1080px){
    .about__content__area-txt>.txt{
        font-size:16px;
    }
}

/*弊社の強み*/

.point{
    background-color:#EBECED;
}

.point__content__list>li{
    margin-bottom:120px;
    justify-content:space-between;
}
@media screen and (max-width:1080px){
    .point__content__list>li{
        margin-bottom:80px;
    }
}

.point__list__area__img{
    width:50%;
    background:url('../../images/img/img_index/img_index_point.svg');
    background-repeat: no-repeat;
    background-size:423px 342px;
    background-position:center left;
}
@media screen and (max-width:1080px){
    .point__list__area__img{
        width:100%;
        height:342px;
        background-position:center center;
        margin:0 auto;
    }
}
@media screen and (max-width:708px){
    .point__list__area__img{
        width:100%;
        background-size:100%;
    }
}

.point__list__area__img>.ttl-inner{
    font-size:36px;
    color:#707070;
    font-family:'Noto Sans JP';
    font-weight:700;
    padding-left:30px;
    display:inline-block;
    margin-top:28%;
}
@media screen and (max-width:1080px){
    .point__list__area__img>.ttl-inner{
        padding-left:180px;
        margin-top:18%;
    }
}
@media screen and (max-width:708px){
    .point__list__area__img>.ttl-inner{
        padding-left:30px;
        margin-top:120px;
    }
}

.point__list__area__body{
    width:50%;
}
@media screen and (max-width:1080px){
    .point__list__area__body{
        width:100%;
    }
}

.ttl-mdl{
    font-size:38px;
    letter-spacing:0.1em;
    margin-top:0;
    font-weight:Bold;
    line-height:0.94;
    margin-bottom:30px;
}
@media screen and (max-width:708px){
    .ttl-mdl{
        font-size:26px;
    }
}

@media screen and (max-width:708px){
    .point__content__list03>.point__list__area__body>.ttl-mdl{
        font-size:24px;
    }
}

.point__content__list05>.point__list__area__body>.ttl-mdl{
    line-height:1.36;
}
@media screen and (max-width:708px){
    .point__content__list05>.point__list__area__body>.ttl-mdl{
        font-size:24px;
        width:90%;
    }
}

.point__list__area__body>.txt{
    font-size:20px;
    line-height:1.8;
}
@media screen and (max-width:708px){
    .point__list__area__body>.txt{
        font-size:16px;
    }
}

.num{
    height:160px;
    border-bottom:solid 1px #FFF;
    text-align:right;
}
@media screen and (max-width:708px){
    .num{
        height:140px;
    }
}

.inner-num{
    width:232px;
    margin:0 0 0 auto;
}
@media screen and (max-width:708px){
    .inner-num{
        width:200px;
    }
}

.num01>.inner-num{
    width:197px;
}
@media screen and (max-width:708px){
    .num01>.inner-num{
        width:170px;
    }
}

/*プラン*/

.plan{
    background-color:#E1DEDC;
}

.plan__content{
    justify-content:space-between;
}

.plan__content__body{
    width:36%;
}
@media screen and (max-width:1080px){
    .plan__content__body{
        width:100%;
    }
}

.plan__content__area-table{
    width:60%;
}
@media screen and (max-width:1080px){
    .plan__content__area-table{
        width:100%;
    }
}

.plan__content__body>.month ,.commission{
    font-size:26px;
    display:inline-block;
    border-bottom:solid 1px #4A586D;
}
@media screen and (max-width:1080px){
    .plan__content__body>.month ,.commission{
    }
}

.plan__content__body>.month{
    margin:0 0 60px 0;
}

.plan__content__body>.commission{
    margin:0 auto 50px 60px;
}

.prev{
    font-size:36px;
    font-family:'Noto Sans JP';
    font-weight:700;
    line-height:1.2;
    letter-spacing:0.05em;
}

.last{
    font-size:25px;
    font-family:'Noto Sans JP';
    font-weight:700;
    line-height:0.8;
}

.plan__content__body>.txt{
    font-size:20px;
    line-height:1.8;
}
@media screen and (max-width:1080px){
    .plan__content__body>.txt{
        margin-bottom:20px;
    }
}
@media screen and (max-width:708px){
    .plan__content__body>.txt{
        font-size:16px;
    }
}

/*表*/
.th-01{
    background-color:#4C586F;
    color:#FFF;
    width:238px;
}

.th-02{
    background-color:#A5ADBC;
    color:#4C586F;
    width:238px;
}

.td01{
    width:238px;
    height:111px;
    font-size:18px;
    border:4px solid #4C586F;
    font-weight:700;
    background-color:#FFF;
}

.td02{
    width:238px;
    height:111px;
    font-size:18px;
    font-weight:600;
    color:#4C586F;
    border:solid 1px #707070;
    background-color:#E6E6E6;
}

.num-td{
    font-size:36px;
    font-family:'Noto Sans JP', sans-serif;
}

.lines{
    font-size:16px;
    text-align:left;
    line-height:30px;
}
@media screen and (max-width:708px){
    .lines{
        font-size:12px;
        text-align:left;
        line-height:1.2;
    }
}

/*募集・管理の流れ*/

.flow{
    background-color:#EBECED;
}

.flow__content{
    justify-content:space-between;
}

.flow__content__area-txt{
    width:48%;
    padding-top:15%;
}
@media screen and (max-width:1080px){
    .flow__content__area-txt{
        width:100%;
        margin-top:0;
        margin-bottom:30px;
        padding-top:0;
    }
}

.flow__content__area-txt>.txt{
    font-size:20px;
    line-height:2.1;
    margin-right:38px;
}
@media screen and (max-width:708px){
    .flow__content__area-txt>.txt{
        font-size:16px;
    }
}

.flow__content__area-img{
    width:52%;
}
@media screen and (max-width:1080px){
    .flow__content__area-img{
        width:100%;
    }
}

.flow__content__area-img>img{
    width:100%;
}

/*コラム*/
.column{
    background-color:#E1DEDC;
}

.column__content__area__list{
    overflow-x: scroll; 
}

.column__content__area__list::-webkit-scrollbar{
    display: none;
}

.column__content__list{
    justify-content:space-between;
}
@media screen and (max-width:1080px){
    .column__content__list{
        display:flex;
    }
}

.column__content__list>li{
    width:240px;
    flex: none;
    margin-right:20px;
    position:relative;
}

.column__content__list>li>.area-img{
    width:100%;
    height:220px;
}

.column__content__list>li>.area-img>img{
    width:100%;
    height:100%;
}

.txt-column{
    height:68px;
    line-height:1.7;
}

.ttl-small{
    font-size:24px;
    font-weight:600;
    line-height:1.16;
    margin:5px 0;
    height:28px;
    overflow: hidden;
    text-overflow: ellipsis;
}