@media (min-width: 375px) and (max-width: 768px) {
    br.small--hide {
        display: none;
    }
    .small--u-align-l {
        text-align: left !important;
    }
}
.kv {
    position: relative;
}
.kv__text {
    position: absolute;
    top:50%;
    left:20%;
    transform: translate(-50%, -50%);
    text-align: center;
    width:40%;
    opacity: .6;
}
@media (min-width: 375px) and (max-width: 768px) {
    .kv__text {
        left:50%;
        top:10%;
        width:90%
    }
    .kvbottom-text {
        font-size: 1.125rem;
    }
}

.l-contents--aboutsubsc {
    position: relative;
    background-color: #000;
    color:#fff;
    border-radius: 10px;
}

.tabspace {
    height: 60px;
    display: block;
}

.l-contents--aboutsubsc .c-tabmenu__tablist {
    position: absolute;
    left:0;
    top:-60px;
    width:100%;
}
.l-contents--aboutsubsc .c-tabmenu__tab {
    border:0;
    margin:0;
    padding:0 10px 10px;
    width:49.5%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #000;
    color:#000;
    height:70px;
    border-radius: 10px 10px 0 0;
}
.l-contents--aboutsubsc .c-tabmenu__tab--active {
    background-color: #000;
    border-color:#000;
    color:#fff;
}
.l-contents--aboutsubsc .c-tabmenu__tab:first-child {
    margin-right: 1%;
}
.l-contents--aboutsubsc .c-tabmenu__tab svg {
    width:36px;
    height:36px;
    margin-right:10px;
    fill: currentColor;
    pointer-events: none;
}
@media (min-width: 375px) and (max-width: 768px) {
    .l-contents--aboutsubsc .c-tabmenu__tab svg {
        width:30px;
        height:30px;
    }
}
.aboutsubsc-content-1 {
    /* color:#fff */
}

.aboutsubsc-col {
    display: flex;
    flex-direction: column;
}
.aboutsubsc-col__icon {
    color:#fff;
    border-radius: 8px;
    padding:10px 0;
    margin:0 0 15px;
}
.aboutsubsc-col__icon h4 {
    margin:0;
}
.aboutsubsc-col__icon img {
    display: block;
    width:90%;
    margin:0 auto
}
@media (max-width: 960px) {
    .aboutsubsc-col__icon h4 {
        font-size: 14px;
    }
}
@media (min-width: 375px) and (max-width: 768px) {
    .aboutsubsc-col {
        flex-direction: row;
        align-items: center;
    }
    .aboutsubsc-col__icon {
        width:135px;
        padding:10px 0;
        border-radius: 5px;
        margin:0;
    }
    .aboutsubsc-col__text {
        width:calc(100% - 135px);
        padding-left: 10px;
    }
    .aboutsubsc-col__icon h4 {
        font-size: 13px;
    }
}
.aboutsubsc-content-2 {
    margin-top:48px;
    background-color: #fff;
    color:#000;
    position: relative;
}
.aboutsubsc-content-2:before {
    content:"";
    position: absolute;
    left:-10px;
    top:-10px;
    right:-10px;
    bottom:-10px;
    border:1px solid #999;
    pointer-events: none;
}

.c-heading-line {
    position: relative;
}
.c-heading-line > div {
    position: relative;
    background-color: #fff;
    padding:0 20px;
    display: inline-block;
}
.c-heading-line:before {
    content:"";
    position: absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background-color: #555;
}

.aboutsubsc-point .c-heading-lv4 {
    line-height: 1.4;
}
@media (min-width: 375px) and (max-width: 768px) {
    .aboutsubsc-point {
        border-top: 1px solid #ddd;
        padding-top: 30px;
    }
}

.subscproducts-anchor {
    margin-bottom: 48px;
}
.subscproducts-anchor__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #333;
    text-align: center;
    text-decoration: none;
    padding: 10px 10px 10px 0;
}
.subscproducts-anchor__btn:before {
    content:"";
    position: absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:2px;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: .4s ease;
}
.subscproducts-anchor__btn:hover:before {
    transform: scaleX(1);
}
.subscproducts-anchor__btn img {
    width:30px;
}
.subscproducts-anchor__btn span {
    display: block;
    flex:1 1 auto;
}

.subscproducts-anchor__btn::after {
    position: absolute;
    display: inline-block;
    top:50%;
    right:0;
    width: 4px;
    height: 4px;
    vertical-align: .38em;
    content: "";
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    transform: translateY(-50%) rotate(-45deg);
    margin-right: .1em;
    margin-left: .6rem;
}

.subscproducts-items {
    margin-top:48px;
    padding-top:48px;
    border-top:1px solid #f2f2f2;
}
.subscproducts-items--first {
    border-top:0;
    margin:0;
}
.voiceswiper .c-carousel__prev,
.voiceswiper .c-carousel__next {
    top:50%
}
.voice-col {
    position: relative;
    background-color: #fff;
    padding:20px;
    border-radius: 10px;
    margin:20px 0;
    min-height:210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.voice-col:before {
    content:"“";
    position: absolute;
    left:15px;
    top:0;
    font-size: 5em;
    line-height: 1;
    transform: translateY(-25%);
    pointer-events: none;
}
.voice-col:after {
    content:"";
    position: absolute;
    left:50%;
    bottom:-20px;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 30px solid #fff;
    border-bottom: 0;
    transform: rotate(30deg);
    margin-left:-15px;
    pointer-events: none;
}