@charset "UTF-8";

/************************************************************/
/*   共通   */
/************************************************************/
/* 矢印 */
@media screen and (max-width:767px) { /*SP*/
    .top_cmm_arr{
        position: relative;
        padding: 32px 0 0;
    }
    .top_cmm_arr::before{
        content: '';
        position: absolute;
        top: 22px;
        right: 0;
        width: calc((100% - 30px) + 15px);
        height: 10px;
    }
    .top_cmm_arr::after{
        content: '';
        position: absolute;
        top: 0;
        width: 32px;
        aspect-ratio: 1;
    }
    /* 右向き */
    .top_cmm_arr._arr-lr::before{
        left: -15px;
    }
    .top_cmm_arr._arr-lr::after{
        right: 0;
        clip-path: polygon(0 100%,0 0,100% 100%);
    }
    /* 左向き */
    .top_cmm_arr._arr-rl::before{
        right: -15px;
    }
    .top_cmm_arr._arr-rl::after{
        left: 0;
        clip-path: polygon(0 100%,100% 0,100% 100%);
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .top_cmm_arr{
        position: relative;
        /* padding: 36px 0 0; */
        padding: 3.40vw 0 0;
    }
    .top_cmm_arr::before{
        content: '';
        position: absolute;
        /* top: 26px; */
        top: 2.45vw;
        left: 0;
        /* width: calc(100% - 30px); */
        width: calc(100% - 2.83vw);
        /* height: 10px; */
        height: 0.94vw;
    }
    .top_cmm_arr::after{
        content: '';
        position: absolute;
        top: 0;
        /* width: 36px; */
        width: 3.40vw;
        aspect-ratio: 1;
        right: 0;
        clip-path: polygon(0 100%,0 0,100% 100%);
    }
    /* 右向き */
    /* 左向き */
}
@media screen and (min-width:1060px) , print { /*PC*/
    .top_cmm_arr{
        position: relative;
        padding: 36px 0 0;
    }
    .top_cmm_arr::before{
        content: '';
        position: absolute;
        top: 26px;
        left: 0;
        width: calc(100% - 30px);
        height: 10px;
    }
    .top_cmm_arr::after{
        content: '';
        position: absolute;
        top: 0;
        width: 36px;
        aspect-ratio: 1;
        right: 0;
        clip-path: polygon(0 100%,0 0,100% 100%);
    }
    /* 右向き */
    /* 左向き */
}
/* 矢印カラー　黒 */
.top_cmm_arr._arr-black::before{
    background-color: #000;
}
.top_cmm_arr._arr-lr._arr-black::after{
    background-color: #000;
}
.top_cmm_arr._arr-rl._arr-black::after{
    background-color: #000;
}
/* 矢印カラー　白 */
.top_cmm_arr._arr-white::before{
    background-color: #fff;
}
.top_cmm_arr._arr-lr._arr-white::after{
    background-color: #fff;
}
.top_cmm_arr._arr-rl._arr-white::after{
    background-color: #fff;
}

/* リンク */
@media screen and (max-width:767px) { /*SP*/
    .top_cmm_link{
        padding: 20px 0;
        height: 62px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .top_cmm_link img{
        width: auto;
        height: 100%;
    }
    .top_cmm_link:hover{
        background-color: var(--brown02);
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .top_cmm_link{
        /* padding: 20px 0; */
        padding: 1.89vw 0;
        /* height: 62px; */
        height: 5.85vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .top_cmm_link img{
        width: auto;
        height: 100%;
    }
    .top_cmm_link:hover{
        background-color: var(--brown02);
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .top_cmm_link{
        padding: 20px 0;
        height: 62px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .top_cmm_link img{
        width: auto;
        height: 100%;
    }
    .top_cmm_link:hover{
        background-color: var(--brown02);
    }
}

/************************************************************/
/*   最新刊   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    .topNew_set{
        width: 100%;
        position: relative;
    }
    .topNew_key_pc{
        display: none;
    }
    .topNew_img{
        width: 100%;
        background-color: #ebebeb;
    }
    .topNew_img img{
    }
    .topNew_box{
        width: 100%;
        background-color: var(--brown02);
        padding: 100px 0 20px;
        position: relative;
    }
    .topNew_box::before{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px;
        aspect-ratio: 1;
        clip-path: polygon(0 0,100% 0,0 100%);
        background: linear-gradient(45deg,var(--brown03));
    }
    .topNew_box::after{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px;
        aspect-ratio: 1;
        clip-path: polygon(0 100%,100% 0,100% 100%);
        background: linear-gradient(45deg,#fff);
    }
    .topNew_key_sp{
        position: absolute;
        top: -75px;
        left: 0;
        right: 0;
        margin: auto;
        width: 150px;
    }
    .topNew_data{
        width: 100%;
        padding: 0 15px 30px;
    }
    .topNew_num{
        font-size: var(--font20);
        margin: 0 0 30px;
        text-align: center;
    }
    .topNew_title{
        font-size: var(--font28);
        line-height: 1.4;
    }
    .topNew_link{
        display: flex;
        align-items: baseline;
        gap: 10px;
        font-size: var(--font24);
    }
    .topNew_link span{
        width: 70%;
    }
}
@media screen and (min-width:768px) and ( max-width:1279px) { /*TB*/
    .topNew_set{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        position: relative;
    }
    .topNew_key_pc{
        position: absolute;
        z-index: 1;
        /* top: 30px; */
        top: 2.34vw;
        left: 0;
        right: 0;
        margin: auto;
        /* width: 180px; */
        width: 14.06vw;
    }
    .topNew_img{
        width: 100%;
        background-color: #ebebeb;
    }
    .topNew_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .topNew_box{
        width: 100%;
        display: grid;
        align-content: center;
        background-color: var(--brown02);
        position: relative;
        /* padding: 30px 0 100px; */
        padding: 2.34vw 0 7.81vw;
    }
    .topNew_box::before{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        /* width: 50px; */
        width: 3.91vw;
        aspect-ratio: 1;
        clip-path: polygon(0 0,100% 0,0 100%);
        background: linear-gradient(45deg,var(--brown03));
    }
    .topNew_box::after{
        content: '';
        position: absolute;
        /* bottom: -1px; */
        bottom: -0.08vw;
        /* right: -1px; */
        right: -0.08vw;
        /* width: 52px; */
        width: 4.06vw;
        aspect-ratio: 1;
        clip-path: polygon(0 100%,100% 0,100% 100%);
        background: linear-gradient(45deg,#fff);
    }
    .topNew_key_sp{
        display: none;
    }
    .topNew_data{
        width: 100%;
        /* padding: 0 30px 0 120px; */
        padding: 0 2.34vw 0 9.38vw;
    }
    .topNew_num{
        /* font-size: 20px; */
        font-size: 1.56vw;
        /* margin: 0 0 20px; */
        margin: 0 0 1.56vw;
    }
    .topNew_title{
        /* font-size: 46px; */
        font-size: 3.59vw;
        line-height: 1.4;
    }
    .topNew_link{
        position: absolute;
        /* bottom: 35px; */
        bottom: 2.73vw;
        left: 0;
        display: flex;
        align-items: baseline;
        /* gap: 10px; */
        gap: 0.78vw;
        /* font-size: 24px; */
        font-size: 1.88vw;
    }
    .topNew_link span{
        /* width: 270px; */
        width: 21.09vw;
    }
}
@media screen and (min-width:1280px) , print { /*PC*/
    .topNew_set{
        width: 100%;
        max-width: 2000px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        position: relative;
    }
    .topNew_key_pc{
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 0;
        right: 0;
        margin: auto;
        width: 180px;
    }
    .topNew_img{
        width: 100%;
        background-color: #ebebeb;
    }
    .topNew_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .topNew_box{
        width: 100%;
        display: grid;
        align-content: center;
        background-color: var(--brown02);
        position: relative;
        padding: 30px 0 100px;
    }
    .topNew_box::before{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        aspect-ratio: 1;
        clip-path: polygon(0 0,100% 0,0 100%);
        background: linear-gradient(45deg,var(--brown03));
    }
    .topNew_box::after{
        content: '';
        position: absolute;
        bottom: -1px;
        right: -1px;
        width: 52px;
        aspect-ratio: 1;
        clip-path: polygon(0 100%,100% 0,100% 100%);
        background: linear-gradient(45deg,#fff);
    }
    .topNew_key_sp{
        display: none;
    }
    .topNew_data{
        width: 100%;
        padding: 0 30px 0 120px;
    }
    .topNew_num{
        font-size: 20px;
        margin: 0 0 20px;
    }
    .topNew_title{
        font-size: 46px;
        line-height: 1.4;
    }
    .topNew_link{
        position: absolute;
        bottom: 35px;
        left: 0;
        display: flex;
        align-items: baseline;
        gap: 10px;
        font-size: 24px;
    }
    .topNew_link span{
        width: 270px;
    }
}

/************************************************************/
/*   語LOGとは   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    .topAbout_set{
        width: 100%;
        padding: 60px 0 0;
    }
    .topAbout_key{
        font-size: var(--font24);
        margin: 0 0 20px;
    }
    .topAbout_text{
        line-height: 2;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topAbout_set{
        width: 100%;
        /* padding: 60px 0 0; */
        padding: 5.66vw 0 0;
        text-align: center;
    }
    .topAbout_key{
        font-size: var(--font24);
        /* margin: 0 0 30px; */
        margin: 0 0 2.83vw;
    }
    .topAbout_text{
        line-height: 2;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topAbout_set{
        width: 100%;
        padding: 60px 0 0;
        text-align: center;
    }
    .topAbout_key{
        font-size: var(--font24);
        margin: 0 0 30px;
    }
    .topAbout_text{
        line-height: 2;
    }
}

/************************************************************/
/*   本棚   */
/************************************************************/
/* 枠組み */
@media screen and (max-width:767px) { /*SP*/
    #topBooks_area{
        padding: 60px 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    #topBooks_area{
        /* padding: 60px 0; */
        padding: 5.66vw 0;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    #topBooks_area{
        padding: 60px 0;
    }
}

/* 見出し画像　※KVと合わせるため1280px */
@media screen and (max-width:767px) { /*SP*/
    .topBooks_key{
        width: 150px;
        margin: 0 0 30px;
    }
}
@media screen and (min-width:768px) and ( max-width:1279px) { /*TB*/
    .topBooks_key{
        /* width: 180px; */
        width: 14.06vw;
        /* margin: 0 0 30px; */
        margin: 0 0 2.34vw;
    }
}
@media screen and (min-width:1280px) , print { /*PC*/
    .topBooks_key{
        width: 180px;
        margin: 0 0 30px;
    }
}

/* スライダー */
@media screen and (max-width:767px) { /*SP*/
    .topBooks_slide_wrap_pc{
        width: 100%;
    }
    .topBooks_slide_set_pc{
        width: 100%;
        padding: 0 0 113px;
        position: relative;
        z-index: 1;
    }
    .topBooks_slide_set_pc::after{
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 113px;
        background-image: url(../img/collection/shelf_back.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .topBooks_slide_set_pc ._slickBox{
        margin: 0 5px;
        max-width: 250px;
        padding: 40px 0 0;
    }
    .topBooks_slide_box_pc{
        display: block;
        position: relative;
    }
    .topBooks_icon{
        position: absolute;
        top: -40px;
        right: 10px;
        width: 79px;
    }
    /* 矢印 */
    .topBooks_slide_prev{
        position: absolute;
        z-index: 1;
        bottom: 60px;
        left: -40%;
        right: 0;
        margin: auto;
        width: 25px;
        height: 38px;
        background-image: url(../img/collection/shelf_prev.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_next{
        position: absolute;
        z-index: 1;
        bottom: 60px;
        left: 0;
        right: -40%;
        margin: auto;
        width: 25px;
        height: 38px;
        background-image: url(../img/collection/shelf_next.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_prev:hover,
    .topBooks_slide_next:hover{
        cursor: pointer;
        opacity: 0.8;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topBooks_slide_wrap_sp{
        display: none;
    }
    .topBooks_slide_wrap_pc{
        width: 100%;
    }
    .topBooks_slide_set_pc{
        width: 100%;
        /* padding: 0 0 113px; */
        padding: 0 0 10.66vw;
        position: relative;
        z-index: 1;
    }
    .topBooks_slide_set_pc::after{
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 100%;
        /* height: 113px; */
        height: 10.66vw;
        background-image: url(../img/collection/shelf_back.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .topBooks_slide_set_pc ._slickBox{
        /* margin: 0 5px; */
        margin: 0 0.47vw;
        /* max-width: 250px; */
        max-width: 23.58vw;
        /* padding: 40px 0 0; */
        padding: 3.77vw 0 0;
    }
    .topBooks_slide_box_pc{
        display: block;
        position: relative;
    }
    .topBooks_icon{
        position: absolute;
        /* top: -40px; */
        top: -3.77vw;
        /* right: 10px; */
        right: 0.94vw;
        /* width: 79px; */
        width: 7.45vw;
    }
    /* 矢印 */
    .topBooks_slide_prev{
        position: absolute;
        z-index: 1;
        /* bottom: 60px; */
        bottom: 5.66vw;
        left: -40%;
        right: 0;
        margin: auto;
        /* width: 25px; */
        width: 2.36vw;
        /* height: 38px; */
        height: 3.58vw;
        background-image: url(../img/collection/shelf_prev.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_next{
        position: absolute;
        z-index: 1;
        /* bottom: 60px; */
        bottom: 5.66vw;
        left: 0;
        right: -40%;
        margin: auto;
        /* width: 25px; */
        width: 2.36vw;
        /* height: 38px; */
        height: 3.58vw;
        background-image: url(../img/collection/shelf_next.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_prev:hover,
    .topBooks_slide_next:hover{
        cursor: pointer;
        opacity: 0.8;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topBooks_slide_wrap_sp{
        display: none;
    }
    .topBooks_slide_wrap_pc{
        width: 100%;
    }
    .topBooks_slide_set_pc{
        width: 100%;
        padding: 0 0 113px;
        position: relative;
        z-index: 1;
    }
    .topBooks_slide_set_pc::after{
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 113px;
        background-image: url(../img/collection/shelf_back.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .topBooks_slide_set_pc ._slickBox{
        margin: 0 5px;
        max-width: 250px;
        padding: 40px 0 0;
    }
    .topBooks_slide_box_pc{
        display: block;
        position: relative;
    }
    .topBooks_icon{
        position: absolute;
        top: -40px;
        right: 10px;
        width: 79px;
    }
    /* 矢印 */
    .topBooks_slide_prev{
        position: absolute;
        z-index: 1;
        bottom: 60px;
        left: -40%;
        right: 0;
        margin: auto;
        width: 25px;
        height: 38px;
        background-image: url(../img/collection/shelf_prev.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_next{
        position: absolute;
        z-index: 1;
        bottom: 60px;
        left: 0;
        right: -40%;
        margin: auto;
        width: 25px;
        height: 38px;
        background-image: url(../img/collection/shelf_next.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .topBooks_slide_prev:hover,
    .topBooks_slide_next:hover{
        cursor: pointer;
        opacity: 0.8;
    }
}

/* バックナンバーリンク */
@media screen and (max-width:767px) { /*SP*/
    .topBooks_link{
        width: 100%;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topBooks_link{
        /* width: 330px; */
        width: 31.13vw;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topBooks_link{
        width: 330px;
    }
}

/************************************************************/
/*   特集   */
/************************************************************/
#topFeature_area{
    background-image: url(../img/collection/introduction_back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* 枠組み */
@media screen and (max-width:767px) { /*SP*/
    .topFeature_set{
        width: 100%;
        display: grid;
        gap: 30px;
        padding: 30px 0;
    }
    .topFeature_set > div{
        display: grid;
        gap: 10px;
    }
    .topFeature_box{
        width: 100%;
        display: grid;
        gap: 20px;
        background-color: #fff;
        border: 3px solid #000;
        padding: 15px;
        position: relative;
    }
    .topFeature_icon{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 110px;
    }
    .topFeature_img{
        width: 100%;
    }
    .topFeature_key_set{
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    .topFeature_key_box{
        font-size: var(--font14);
        font-weight: normal;
        line-height: 1.5;
    }
    .topFeature_key_sub._interview{
        width: 132px;
    }
    .topFeature_key_sub._column{
        width: 90px;
    }
    .topFeature_key_sub._pickup{
        width: 94px;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topFeature_set{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        /* gap: 40px; */
        gap: 3.77vw;
        /* padding: 60px 0; */
        padding: 5.66vw 0;
    }
    .topFeature_set > div{
        display: flex;
        flex-direction: column;
        /* gap: 10px; */
        gap: 0.94vw;
    }
    .topFeature_box{
        flex: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        /* gap: 20px; */
        gap: 1.89vw;
        background-color: #fff;
        /* border: 3px solid #000; */
        border: 0.28vw solid #000;
        /* padding: 15px; */
        padding: 1.42vw;
        position: relative;
    }
    .topFeature_icon{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        /* width: 130px; */
        width: 12.26vw;
    }
    .topFeature_img{
        width: 100%;
    }
    .topFeature_key_set{
        width: 100%;
        /* height: 50px; */
        height: 4.72vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        /* gap: 10px; */
        gap: 0.94vw;
    }
    .topFeature_key_box{
        font-size: var(--font14);
        font-weight: normal;
        line-height: 1.5;
    }
    .topFeature_key_sub._interview{
        /* width: 172px; */
        width: 16.23vw;
    }
    .topFeature_key_sub._column{
        /* width: 130px; */
        width: 12.26vw;
    }
    .topFeature_key_sub._pickup{
        /* width: 134px; */
        width: 12.64vw;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topFeature_set{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 40px;
        padding: 60px 0;
    }
    .topFeature_set > div{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .topFeature_box{
        flex: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
        background-color: #fff;
        border: 3px solid #000;
        padding: 15px;
        position: relative;
    }
    .topFeature_icon{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 130px;
    }
    .topFeature_img{
        width: 100%;
    }
    .topFeature_key_set{
        width: 100%;
        height: 50px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    .topFeature_key_box{
        font-size: var(--font14);
        font-weight: normal;
        line-height: 1.5;
    }
    .topFeature_key_sub._interview{
        width: 172px;
    }
    .topFeature_key_sub._column{
        width: 130px;
    }
    .topFeature_key_sub._pickup{
        width: 134px;
    }
}

/* コンテンツ０１ */
@media screen and (max-width:767px) { /*SP*/
    .topFeature_01_set{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px 0;
    }
    .topFeature_01_set li{
        text-align: center;
        padding: 5px 0;
    }
    .topFeature_01_box{
        padding: 5px;
        font-size: var(--font16);
    }
    .topFeature_01_link{
        text-align: right;
        font-size: var(--font15);
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .topFeature_01_set{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px 0;
    }
    .topFeature_01_set li{
        text-align: center;
        padding: 5px 0;
    }
    .topFeature_01_box{
        padding: 5px;
        font-size: var(--font18);
    }
    .topFeature_01_link{
        text-align: right;
        font-size: var(--font12);
    }
}
/* ボーダーカラー */
.topFeature_01_set li:nth-child(6n+1){
    border-left: 5px solid var(--brown04);
}
.topFeature_01_set li:nth-child(6n+2){
    border-left: 5px solid var(--orange01);
}
.topFeature_01_set li:nth-child(6n+3){
    border-left: 5px solid var(--green01);
    border-right: 5px solid var(--blue01);
}
.topFeature_01_set li:nth-child(6n+4){
    border-left: 5px solid var(--green01);
}
.topFeature_01_set li:nth-child(6n+5){
    border-left: 5px solid var(--red01);
}
.topFeature_01_set li:nth-child(6n){
    border-left: 5px solid var(--orange01);
    border-right: 5px solid var(--brown04);
}

/* コンテンツ０２、０３ */
@media screen and (max-width:767px) { /*SP*/
    .topFeature_02_set{
        width: 100%;
        min-height: 170px;
        padding: 0 20px;
        position: relative;
    }
    .topFeature_02_set::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_set::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 6px;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_key{
        text-align: center;
        font-size: var(--font26);
        line-height: 1.4;
        margin: 0 0 20px;
    }
    .topFeature_02_pcNone{
        display: inline-block;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topFeature_02_set{
        flex: 1;
        width: 100%;
        /* padding: 0 20px; */
        padding: 0 1.89vw;
        position: relative;
    }
    .topFeature_02_set::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        /* width: 6px; */
        width: 0.57vw;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_set::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        /* width: 6px; */
        width: 0.57vw;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_key{
        text-align: center;
        font-size: var(--font30);
        line-height: 1.4;
        /* margin: 0 0 20px; */
        margin: 0 0 1.89vw;
    }
    .topFeature_02_pcNone{
        display: none;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topFeature_02_set{
        flex: 1;
        width: 100%;
        padding: 0 20px;
        position: relative;
    }
    .topFeature_02_set::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_set::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 6px;
        height: 100%;
        background-image: url(../img/collection/intro_textbox_back.png);
        background-repeat: repeat-y;
        background-position: 0 0;
        background-size: contain;
    }
    .topFeature_02_key{
        text-align: center;
        font-size: var(--font30);
        line-height: 1.4;
        margin: 0 0 20px;
    }
    .topFeature_02_pcNone{
        display: none;
    }
}

/* リンク */
@media screen and (max-width:767px) { /*SP*/
    .topFeature_link_set{
        width: 100%;
        height: 70px;
        display: flex;
        padding: 10px 0 0;
        position: relative;
    }
    .topFeature_link_set span{
        width: 100%;
    }
    .topFeature_link_set span::before{
        left: 0 !important;
    }
    .topFeature_link_box{
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        line-height: 70px;
        background-color: #fff;
        font-size: var(--font20);
        text-align: center;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topFeature_link_set{
        width: 100%;
        /* height: 70px; */
        height: 6.60vw;
        display: flex;
        /* padding: 5px 0 0; */
        padding: 0.47vw 0 0;
        position: relative;
    }
    .topFeature_link_set span{
        width: 100%;
    }
    .topFeature_link_box{
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        /* width: 70px; */
        width: 6.60vw;
        /* height: 70px; */
        height: 6.60vw;
        border-radius: 100%;
        /* line-height: 70px; */
        line-height: 6.60vw;
        background-color: #fff;
        font-size: var(--font20);
        text-align: center;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topFeature_link_set{
        width: 100%;
        height: 70px;
        display: flex;
        padding: 5px 0 0;
        position: relative;
    }
    .topFeature_link_set span{
        width: 100%;
    }
    .topFeature_link_box{
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        line-height: 70px;
        background-color: #fff;
        font-size: var(--font20);
        text-align: center;
    }
}

/************************************************************/
/*   Q & A   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    .topFaq_set{
        width: 100%;
        padding: 140px 0 0;
        display: grid;
        justify-items: center;
    }
    .topFaq_key{
        font-size: var(--font26);
        margin: 0 0 10px;
        text-align: center;
    }
    .topFaq_link{
        width: 100%;
    }
}
@media screen and (min-width:768px) and ( max-width:1059px) { /*TB*/
    .topFaq_set{
        width: 100%;
        /* padding: 200px 0 0; */
        padding: 18.87vw 0 0;
        display: grid;
        justify-items: center;
    }
    .topFaq_key{
        font-size: var(--font32);
        /* margin: 0 0 10px; */
        margin: 0 0 0.94vw;
    }
    .topFaq_link{
        /* width: 550px; */
        width: 51.89vw;
    }
}
@media screen and (min-width:1060px) , print { /*PC*/
    .topFaq_set{
        width: 100%;
        padding: 200px 0 0;
        display: grid;
        justify-items: center;
    }
    .topFaq_key{
        font-size: var(--font32);
        margin: 0 0 10px;
    }
    .topFaq_link{
        width: 550px;
    }
}