@charset "utf-8";

.main:after {
    content: '';
    display: block;
    margin: 120px auto 0;
}

/*
------------------------------------------------------------
キービジュアル
------------------------------------------------------------
*/

.key-visual {
    position: relative;
}

.key-visual__logo-product {
    position: absolute;
    width: calc( 454 / 2000 * 100% );
    height: calc( 444 / 1200 * 100% );
    bottom: calc( 80 / 1200 * 100% );
    right: calc( 130 / 2000 * 100% );
    padding: 0;
    margin: 0;
    z-index: 2;
}

.key-visual__slider {
    z-index: 1;
}

.key-visual__logo__img {
    position: absolute;
    top: 0;
    right: 0;
    width: calc( 373 / 454 * 100% );
    height: auto;
}

.key-visual__product__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
}

.key-visual__pic {
    width: 100%;
}

.key-visual--sp__logo-product {
    display: none;
}

/*
------------------------------------------------------------
冒頭
------------------------------------------------------------
*/

.intro {
    margin: calc( 120 / 1240 * 100% ) auto calc( 140 / 1240 * 100% );
    text-align: center;
}

.intro__ttl {
    margin: 0 auto calc( 30 / 1240 * 100% );
}

.intro__txt {
    font-size: 1.8rem;
    font-weight: bold;
    font-weight: 500;
    color: #6d6d6d;
}

.intro__pic {
    max-width: 1100px;
    margin: calc( 80 / 1240 * 100% ) auto 0;
}

/*
------------------------------------------------------------
インフォメーション
------------------------------------------------------------
*/

.info {
    margin: calc( 80 / 1240 * 100% ) auto;
    padding: 1.4rem 0 0;
}

.info-box {
    border: 1px solid #d4d4d4;
    position: relative;
    padding: calc( 70 / 1000 * 100% ) calc( 90 / 1000 * 100% ) 0;
}

.info__ttl {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2.8rem;
    color: #5cacd0;
    padding: 0 .8em;
    background: #fff;
    text-align: center;
}

.info__list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
}

.info__item__link {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
}

.info__item__thumb {
    border: 1px solid #e5e5e5;
    width: calc( 336 / 1000 * 100% );
}

.info__txt-block {
    margin-left: 4rem;
    /* flex: 1 0 auto; */
}

.info__item__ttl {
    line-height: inherit;
    color: #5cacd0;
    font-weight: bold;
    margin: .4em 0;
}

.info__item__date {
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #5cacd0;
    line-height: 1.1;
    margin: .4em 0 0;
}

.info__item__txt {
    margin: 0;
}

/*
------------------------------------------------------------
feature
------------------------------------------------------------
*/

.feature {
    margin: 0 auto calc( 160 / 1024 * 100% );
}

.feature-ttl {
    text-align: center;
    margin: 0 auto;
    width: 530px;
    max-width: 45vw;
}

.feature-ttl__img {
    display: block;
    margin: 0 auto calc( 120 / 530 * 100% );
}

/* nav */

.feature-nav {
    max-width: 80vw;
    margin: 0 auto;
}

.feature-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.feature-nav-item {
    width: calc( 394 / 1280 * 100% );
}

.feature-nav-item__link {
    display: block;
    color: inherit;
    text-decoration: none;
    filter: drop-shadow( 0px 0px 16px rgba(0, 0, 0, 0.08) );
    position: relative;
}

.feature-nav-item__point {
    display: block;
    width: calc( 160 / 394 * 100% );
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-35%, -35%);
}

/* sec */

.feature-sec {
    margin: calc( 100 / 1280 * 100% ) auto calc( 140 / 1280 * 100% );
}

.feature-sec__main {
    position: relative;
    top: 0;
    left: 50%;
    width: 100vw;
    max-width: 2000px;
    transform: translate(-50%,0);
}

.feature-sec__main:after {
    content: '';
    display: block;
    clear: both;
}

.feature-sec__point {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto calc( 80 / 1240 * 100% );
    position: relative;
}

.feature-sec__point:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #cee6f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
}

.feature-sec__point__img {
    position: relative;
    z-index: 1;
}

.feature-sec__txt-block {
    position: relative;
    top: 0;
    max-width: 900px;
    width: calc( 900 / 2000 * 100% );
    margin: calc( 100 / 2000 * 100% ) 0 0;
}

.feature-sec__txt-block:before,
.feature-sec__txt-block:after {
    content: '';
    display: block;
    width: calc( 240 / 900 * 100% );
    padding: calc( 240 / 900 * 100% ) 0 0;
    background: #e6f5fc;
    position: absolute;
    z-index: 0;
    opacity: .5;
}

.feature-sec__txt-block__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .98;
}

.feature-sec__txt-block__inner {
    position: relative;
    z-index: 2;
    padding: calc( 160 / 900 * 100% ) calc( 130 / 900 * 100% );
}

.feature-sec__txt p:last-child {
    margin-bottom: 0;
}

.feature-sec__pic {
    width: calc( 1070 / 2000 * 100% );
    left: calc( 230 / 2000 * 100% );
}

.feature-sec:nth-child(odd) .feature-sec__txt-block:before {
    top: -15px;
    left: -15px;
}

.feature-sec:nth-child(odd) .feature-sec__txt-block:after {
    bottom: -15px;
    right: -15px;
}

.feature-sec:nth-child(even) .feature-sec__txt-block:before {
    top: -15px;
    right: -15px;
}

.feature-sec:nth-child(even) .feature-sec__txt-block:after {
    bottom: -15px;
    left: -15px;
}

.feature-sec:nth-child(odd) .feature-sec__txt-block {
    float: left;
    left: calc( 230 / 2000 * 100% );
}

.feature-sec:nth-child(even) .feature-sec__txt-block {
    float: right;
    right: calc( 230 / 2000 * 100% );
}

.feature-sec:nth-child(odd) .feature-sec__pic {
    float: right;
    
}

.feature-sec:nth-child(even) .feature-sec__pic {
    float: left;
}

.feature-sec__ttl {
    position: relative;
    margin: 0 0 calc( 60 / 640 * 100% );
    padding: 0 0 calc( 110 / 640 * 100% );
}

.feature-sec__ttl__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.feature-detail {
    max-width: 1000px;
    margin: calc( 140 / 1240 * 100% ) auto calc( 140 / 1240 * 100% );
}

.feature-detail__ttl {
    text-align: center;
}

/* ---------- こんなときに大活躍 ---------- */

.can-use__ttl__img {
    margin: 0 auto calc( 80 / 1000 * 100% );
}

.can-use-list {
    list-style: none;
    margin: calc( -60 / 1000 * 100% ) auto 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.can-use-item {
    width: calc( 304 / 1000 * 100% );
    text-align: center;
    margin: calc( 60 / 1000 * 100% ) 0 0;
}

.can-use__img {
    border-radius: 100%;    
    overflow: hidden;
}

.can-use__label {
    margin: 1.25em 0 0;
    line-height: 1.45;
}

.can-use__label span {
    display: inline-block;
    vertical-align: baseline;
}

/* ---------- 光触媒の仕組み ---------- */

.how-work {
    margin: 120px auto;
}

.how-work__box {
    margin: 16px auto 0;
    border: 1px solid #6ab3d4;
    position: relative;
    border-radius: 20px;
    padding: calc( 50 / 1000 * 100% );
}

.how-work__ttl {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    padding: 0 1.5em;
    background: #fff;
}

.how-work__fig {
    text-align: center;
}

.how-work__ttl__img {
    display: block;
}

.jyokin-video__ttl--in-box {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    padding: 0 1.5em;
    background: #fff;
}

.verify__fig {
    text-align: center;
}

.verify__fig img {
    max-width: 85%;
}

/* ---------- video ---------- */

.jyokin-video__ttl {
    text-align: center;
    margin: 0 0 calc( 30 / 1000 * 100% );
}

.jyokin-video__ttl span {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0;
}

.jyokin-video__ttl span + span {
    margin-left: .7%;
}

.jyokin-video__txt {
    text-align: center;
}

.jyokin-video__player {
    position: relative;
    background: #f2fafd;
    margin: calc( 50 / 1000 * 100% ) 0 0;
}

.jyokin-video__player:before {
    content: '';
    display: block;
    padding: 56.25% 0 0;
}

.jyokin-video__player iframe {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*
------------------------------------------------------------
セクション
------------------------------------------------------------
*/

.sec {
    padding: 1px 0;
}

.sec:before,
.sec:after {
    content: '';
    display: block;
}

.sec:before {
    margin-bottom: 110px;
}

.sec:after {
    margin-top: 110px;
}

.sec--bg {
    background: #f2fafd;
}

.sec__ttl {
    text-align: center;
    margin: 0 auto 110px;
}

.sec__ttl__txt {
    /*width: calc( 12px * 28 + 6px );*/
    display: inline-block;
    vertical-align: top;
    background: url(../../assets/images/top/line_dot@2x.png) left bottom repeat-x;
    background-size: 12px 6px;
    padding: 0 0 calc( 15px + 6px );
}

.sec__ttl__img {
    height: 46px;
    width: auto;
    display: block;
    margin: 0 auto;
}   

/* ---------- 商品紹介 ---------- */

.products-item {
    display: flex;
}

.products-item__pic {
    margin: 0;
    max-width: 50%;
}

.products-item__txt-block {
    margin-left: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.products-item__ttl {
    margin: 0;
    font-weight: bold;
    font-size: 32px;
    color: #5cacd0;
    -webkit-font-smoothing: antialiased;
}

.products-item__disc {
    
}

.products-item__price {
    
    line-height: 1;
}

.products-item__price__num {
    font-size: 42px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #5cacd0;
}

.products-item__price__tax {
    font-size: 14px;
}

.products-item__meta-data {
    font-size: 14px;
    color: #5cacd0;
}

.products-item__meta-data dt {
    float: left;
}

.products-item__meta-data dt:after {
    content: '：';
}

.products-item__meta-data dd {
    overflow: hidden;
}

.producs-item__buy-btn {
    margin: .5em 0 0;
}

/* ---------- ラインナップ ---------- */

.lineup-list {
    display: flex;
    justify-content: space-between;
}

.lineup-item {
    width: calc( 600 / 1280 * 100% );   
}

.lineup-item__ttl {
    font-weight: bold;
    font-size: 32px;
    color: #5cacd0;
    -webkit-font-smoothing: antialiased;
}

.lineup-item__disc {
    
}

.lineup-item__price {
    line-height: 1;
}

.lineup-item__price__num {
    font-size: 42px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #5cacd0;
}

.lineup-item__price__tax {
    font-size: 14px;
}

.lineup-item__meta-data {
    font-size: 14px;
    color: #5cacd0;
}

.lineup-item__meta-data dt {
    float: left;
}

.lineup-item__meta-data dt:after {
    content: '：';
}

.lineup-item__meta-data dd {
    overflow: hidden;
}

/* ---------- ブログ ---------- */

.blog-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
}

.blog-item {
    padding: 20px 0;
}

.blog-item__link {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
}

.blog-item {
    padding: 20px 0;
}

.blog-item__link {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    border: 1px solid #ccc;
    overflow: hidden;
    box-sizing: border-box;
}

.blog-item__img {
    
}

.blog-item__link:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    border: 3px solid #5cacd0;
}


.blog-item__pic-block {
    flex: none;
    max-width: 40%;
    width: 370px;
}

.blog-item__thumb {
    
}

.blog-item__txt-block {
    padding-left: 60px;
}

.blog-item__ttl {
    color: #5cacd0;
    font-weight: bold;
    font-size: 28px;
    margin: 0 0 .6em;
}

.blog-item__desc {
    margin: 0;
}

/* ---------- よくあるご質問 ---------- */

.faq .sec__ttl {
    margin: 0 auto 60px;
}

.radical-faq__head {
    margin: 1.2em auto;
    text-align: center;
    color: #5cacd0;
    font-size: 2.4rem;
}

.radical-faq-list__q {
    margin: 1rem 0 0;
    padding: 1.5rem 5rem 1.6rem 6rem;
    background: #fff;
    position: relative;
    border: 1px solid #cee6f1;
    border-radius: 5px;
    cursor: pointer;
}

.radical-faq-list__q:before {
    content: 'Q';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #5cacd0;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    position: absolute;
    left: 1.4rem;
    top: .9em;
    background: #e6f5fc;
    border: 1px solid #cee6f1;
    border-radius: 100%;
}

.radical-faq-list__q span {
    display: block;
    position: relative;
}

.radical-faq-list__q span:before,
.radical-faq-list__q span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -21px;
    background: #6d6d6d;
}

.radical-faq-list__q span:before {
    width: 20px;
    height: 2px;
    margin-right: -9px;
}

.radical-faq-list__q span:after {
    width: 2px;
    height: 20px;
    margin-top: -9px;
}

.radical-faq-list__a {
    display: none;
    margin: 0;
    background: #fff;
    border: 1px solid #cee6f1;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 0 1.5rem 1.6rem 6rem;
}

.radical-faq-list__a p {
    display: block;
    margin: 0;
    padding: 1.5rem 0 0;
    border-top: 1px solid #cee6f1;
}

.radical-faq-list__a-text {
    margin: 0;
    
}

.radical-faq-list__q.is-active {
    border-radius: 5px 5px 0 0;
    border-bottom: none;
}

.radical-faq-list__q.is-active span:after {
    content: none;
}

/* ---------- ご購入について ---------- */

.buy-box-container {
    display: flex;
}

.buy-box {
    width: 50%;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px;
    background: #fff;
}

.buy-box + .buy-box {
    border-left: none;
}

.buy-box__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.buy-box__ttl {
    font-weight: bold;
    font-size: 28px;
    color: #5cacd0;
    margin: 0 auto 44px;
}

.online-shop__logo {
    margin: 44px auto;
}

.online-shop__txt {
    font-size: 1.4rem;
}

.online-shop__txt span {
    display: inline-block;
}

.online-shop__buy-btn {
    margin: 10px auto 0
}

.real-shop__txt b {
    color: #5cacd0;
    font-weight: bold;
    display: block;
    font-size: 2.1rem;
    margin: .4em 0;
}

.real-shop__txt b span {
    display: inline-block;
}

.real-shop__txt small {
    display: block;
    font-size: 1.4rem;
}

.real-shop__shop-name {
    display: inline-block;
    vertical-align: middle;
    margin: .2em 0;
}

.real-shop__shop-name + .real-shop__shop-name:before {
    content: ' / ';
    display: inline-block;
    margin: 0 .3em;
}

/* ---------- お問い合わせ ---------- */

.contact {
    text-align: center;
}

.contact__ttl {
    font-weight: bold;
    font-size: 28px;
    color: #5cacd0;
}

.sec--bg + .contact {
    margin-top: 100px;
}

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

    .sec__ttl {

    }

    .sec__ttl__txt {

    }

    .sec__ttl__img {
        display: block;
    }

    .products .sec__ttl__img {
        width: calc( 341 / 2000 * 100vw );
        height: auto;
    }
    
    .blog .sec__ttl__img {
        width: calc( 389 / 2000 * 100vw );
        height: auto;
    }

    .faq .sec__ttl__img {
        width: calc( 329 / 2000 * 100vw );
        height: auto;
    }

    .buy .sec__ttl__img {
        width: calc( 260 / 2000 * 100vw );
        height: auto;
    }

}


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

    /* 画像タイトルのサイズを調整 */

    .intro__ttl__img {
        width: calc( 579 / 1840 * 100vw );
    }

    .can-use__ttl__img {
        width: calc( 517 / 1840 * 100vw );
    }

    .how-work__ttl {
        width: calc( 283 / 1840 * 100vw );
    }

    .jyokin-video__ttl__img_1 {
        width: calc( 261 / 1840 * 100vw );
    }

    .jyokin-video__ttl__img_2 {
        width: calc( 425 / 1840 * 100vw );
    }

    .jyokin-video__ttl__img_3 {
        width: calc( 155 / 1840 * 100vw );
    }

}

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

    .feature-sec__point__img {
        max-width: 160px;
    }

    .feature-detail {
        
    }

    .how-work {
        
    }

}

@media print,only screen and (max-width: 1399.98px) {

    .blog-item__ttl {
        font-size: 24px;
    }

}

@media print,only screen and (max-width: 1399.98px) {

    .feature-nav-item__link {
        filter: drop-shadow( 0px 0px 12px rgba(0, 0, 0, 0.08) );
    }

    .sec:before {
        margin-bottom: calc( 90 * .56 / 992 * 100vw );
    }

    .sec:after {
        margin-top: calc( 90 * .56 / 992 * 100vw );
    }

    .sec__ttl {
        margin: 0 auto calc( 90 * .56 / 992 * 100vw );
    }

    .contact {
        margin: 0 auto calc( 170 * .56 / 992 * 100vw );
    }

    .sec--bg + .contact {
        margin-top: calc( 170 * .56 / 992 * 100vw );
    }

}

@media print,only screen and (max-width: 1199.98px) {

    /* 画像タイトルのサイズを調整 */

    .intro__ttl {
        
    }

    .intro__txt {
        font-size: inherit;
    }

    .intro__ttl__img {
        
    }

    .can-use__ttl__img {
        
    }

    .how-work__ttl {
        
    }

    .jyokin-video__ttl__img_1 {
        
    }

    .jyokin-video__ttl__img_2 {
        
    }

    .jyokin-video__ttl__img_3 {
        
    }

    .jyokin-video__ttl {
        
    }
    
    .sec__ttl {
        
    }
    
    .sec__ttl__txt {
        
    }

    .sec__ttl__img {
        
    }

    .blog-item__ttl {
        font-size: 21px;
    }

}

@media print,only screen and (max-width: 1199.98px) {

    .intro {
        margin: calc( 120 / 992 * 100% ) 0;
    }

    .intro__pic {
        margin: calc( 90 / 992 * 100% );
    }

    .feature {
        margin: 0 auto calc( 100 / 992 * 100% );
    }

    .products-item__txt-block {
        margin-left: 7%;
    }

    .contact {
        margin: 0 auto calc( 140 * .56 / 768 * 100vw );
    }

    .sec--bg + .contact {
        margin-top: calc( 140 * .56 / 768 * 100vw );
    }

}

@media print,only screen and (max-width: 991.98px) {

    /* 画像タイトルのサイズを調整 */

    .intro__ttl {
        margin: 0 auto calc( 30 / 768 * 100% );
    }

    .intro__ttl__img {
        width: calc( 579 * .56 / 768 * 100vw );
    }

    .intro__txt {
        font-size: inherit;
    }

    .can-use__ttl__img {
        width: calc( 517 * .56 / 768 * 100vw );
    }

    .how-work__ttl {
        width: calc( 283 * .56 / 768 * 100vw );
    }

    .jyokin-video__ttl__img_1 {
        width: calc( 261 * .56 / 768 * 100vw );
    }

    .jyokin-video__ttl__img_2 {
        width: calc( 425 * .56 / 768 * 100vw );
    }

    .jyokin-video__ttl__img_3 {
        width: calc( 155 * .56 / 768 * 100vw );
    }

    .sec:before {
        margin-bottom: calc( 100 * .56 / 768 * 100vw );
    }

    .sec:after {
        margin-top: calc( 100 * .56 / 768 * 100vw );
    }

    .sec__ttl {
        margin: 0 auto calc( 100 * .56 / 768 * 100vw );
    }

    .products .sec__ttl__img {
        width: calc( 341 * .54 / 768 * 100vw );
    }
    
    .blog .sec__ttl__img {
        width: calc( 389 * .54 / 768 * 100vw );
    }

    .faq .sec__ttl__img {
        width: calc( 329 * .54 / 768 * 100vw );
    }

    .buy .sec__ttl__img {
        width: calc( 260 * .54 / 768 * 100vw );
    }

}

@media print,only screen and (max-width: 991.98px) {

    .intro {
        margin: calc( 90 / 768 * 100% ) 0;
    }

    .intro__pic {
        margin: calc( 60 / 768 * 100% );
    }

    .info__ttl {
        font-size: 2.4rem;
    }

    .info-box {
        padding: calc( 60 / 768 * 100% ) calc( 50 / 768 * 100% ) 0;
    }

    .info__item__ttl {
        margin: .6em 0;
    }

    .feature-nav-item__link {
        filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 0.08) );
    }

    .feature-sec__point__img  {
        max-width: 120px;
    }

    .feature-sec__txt-block {
        width: calc( 420 / 768 * 100% );
    }

    .feature-sec__txt-block__inner {
        padding: calc( 60 / 420 * 100% ) calc( 50 / 420 * 100% );
    }

    .feature-sec:nth-child(odd) .feature-sec__txt-block {
        left: calc( 40 / 768 * 100% );
    }
    
    .feature-sec:nth-child(even) .feature-sec__txt-block {
        right: calc( 40 / 768 * 100% );
    }

    .feature-sec:nth-child(odd) .feature-sec__txt-block:before {
        top: -10px;
        left: -10px;
    }
    
    .feature-sec:nth-child(odd) .feature-sec__txt-block:after {
        bottom: -10px;
        right: -10px;
    }
    
    .feature-sec:nth-child(even) .feature-sec__txt-block:before {
        top: -10px;
        right: -10px;
    }
    
    .feature-sec:nth-child(even) .feature-sec__txt-block:after {
        bottom: -10px;
        left: -10px;
    }

    .feature-sec__pic {
        position: absolute;
        top: 0;
        float: none;
    }
    
    .feature-sec:nth-child(odd) .feature-sec__pic {
        right: 0;
        left: auto;
    }
    
    .feature-sec:nth-child(even) .feature-sec__pic {
        left: 0;
        right: auto;
    }

    .can-use__label {
        font-size: 1.4rem;
    }

    .how-work {
        margin: calc( 80 / 768 * 100vw ) auto calc( 60 / 768 * 100vw );
    }
    
    .how-work__box {
        border-radius: 15px;
    }

    .blog-item__txt-block {
        padding-left: 40px;
    }

    .blog-item__ttl {
        font-size: 1.8rem;
    }

    .buy-box-container {
        display: block;
    }

    .buy-box.buy-box  {
        width: auto;
        border: 1px solid #e5e5e5;
    }

    .buy-box.buy-box  + .buy-box {
        border-top: none;
    }

}

@media print,only screen and (max-width: 767.98px) {

    /* 画像タイトルのサイズを調整 */

    .intro__ttl {
        margin: 0 auto 4vw;
    }

    .intro__ttl__img {
        display: block;
        width: calc( 579px * .62 );
        margin-left: auto;
        margin-right: auto;
    }

    .can-use__ttl__img {
        display: block;
        width: calc( 517px * .62 );
        margin: 10vw auto 7vw;
    }

    .how-work__ttl {
        width: calc( 283px * .62 );
    }

    .jyokin-video__ttl__img_1 {
        width: calc( 261px * .62 );
    }

    .jyokin-video__ttl__img_2 {
        width: calc( 425px * .62 );
    }

    .jyokin-video__ttl__img_3 {
        width: calc( 155px * .62 );
    }

    .jyokin-video__ttl {
        margin: 0 auto 1vw;
    }

    .sec__ttl {
        margin: 0 auto 8vw;
    }
    
    .sec__ttl__txt {
        background-size: 6px 3px;
        padding: 0 0 calc( 8px + 3px );
    }

    .sec__ttl__img {
        /*height: calc( 46px * .48 );*/
    }

    .products .sec__ttl__img {
        width: calc( 341px  * .60 );
    }
    
    .blog .sec__ttl__img {
        width: calc( 389px  * .60 );
    }

    .faq .sec__ttl__img {
        width: calc( 329px  * .60 );
    }

    .buy .sec__ttl__img {
        width: calc( 260px  * .60 );
    }

    .blog-item__ttl {
        font-size: 18px;
        margin: 0 0 .25em;
    }

    .blog-item__ttl br {
        display: none;
    }

}

@media print,only screen and (max-width: 767.98px) {

    .main {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .key-visual__logo-product {
        display: none;
    }

    .key-visual--sp__logo-product {
        position: relative;
        display: block;
        width: calc( 480 / 750 * 100vw );
        margin: 14vw auto 10vw;
        left: -2vw;
    }

    /* .key-visual--sp__logo-product:before {
        content: '';
        display: block;
        padding: calc( 434 / 440 * 100% ) 0 0;
    } */

    /* .key-visual--sp__logo__img {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc( 365 / 440 * 100% );
        margin: 0 auto;
    } */

    .key-visual--sp__product__img {
        display: block;
        /* position: absolute;
        left: 0;
        bottom: 0; */
        width: 100%;
    }

    .intro {
        margin: 8vw auto 14vw;
    }

    .intro__txt {
        font-size: 1.4rem;
        font-weight: normal;
        color: inherit;
    }

    .intro__txt br {
        display: none;
    }

    .intro__pic {
        margin: 8vw auto 0;
    }

    .info {
        margin: 10vw 0;
        padding-top: .9rem;
    }

    .info-box {
        padding: 7vw 8vw 0;
    }

    .info__ttl {
        font-size: 2.1rem;
    }

    .info__item__link {
        display: block;
    }

    .info__item__thumb {
        width: 100%;
        box-sizing: border-box;
    }

    .info__txt-block {
        margin: 5vw 0 0;
    }

    .info__item__date {
        font-size: 1.2rem;
    }

    .info__item__ttl {
        font-size: 1.5rem;
    }

    .info__item__txt {
        margin-bottom: 0;
    }

    .slick-dots li button:before {
        font-size: 10px;
    }

    .feature {

    }
    
    .feature-ttl {
        max-width: 56vw;
    }

    .feature-ttl__img {
        margin: 0 auto 6vw;
    }

    .feature-nav {
        max-width: none;
        margin: 0 0 10vw;
    }

    .feature-nav-list {
        flex-flow: wrap;
        justify-content: center;
    }

    .feature-nav-item {
        box-sizing: border-box;
        width: 50%;
        padding: 6vw 3vw 0;
        box-sizing: border-box;
    }

    .feature-nav-item:last-child {
        margin-top: 1vw;
    }

    .feature-nav-item__link {
        filter: drop-shadow( 0px 0px 6px rgba(0, 0, 0, 0.08) );
    }

    .feature-nav-item__point {
        /* left: 50%;
        transform: translate(-50%, -56%); */
    }

    .feature-sec {
        margin: 8vw 0 12vw;
    }

    .feature-sec__point__img  {
        width: calc( 130 / 576 * 100vw );
        max-width: 100px;
    }

    .feature-sec__main {
        display: flex;
        flex-direction: column-reverse;
    }

    .feature-sec .feature-sec__pic.feature-sec__pic {
        position: static;
        float: none;
        width: 100%;
    }

    .feature-sec .feature-sec__txt-block.feature-sec__txt-block {
        position: relative;
        float: none;
        width: auto;
        left: auto;
        right: auto;
        margin: 8vw 10vw 0;
    }

    .feature-sec__ttl__wrapper {
        max-width: calc( 768px * .6 );
    }

    .feature-sec__txt-block__inner {
        padding: 0;
    }

    .feature-sec .feature-sec__txt-block.feature-sec__txt-block:before,
    .feature-sec .feature-sec__txt-block.feature-sec__txt-block:after {
        content: none;
    }

    .feature-sec__txt-block__bg {
        display: none;
    }

    .feature-detail {
        margin: 8vw 0 0;
    }

    .can-use__label {
        font-size: 1.3rem;
    }

    .can-use__label br {
        display: none;
    }

    .how-work {
        margin: 8vw auto 10vw;
    }

    .how-work:before {
        content: '';
        display: table;
    }

    .how-work__box {
        border-radius: 1rem;
    }

    .verify__fig img {
        max-width: 93%;
    }

    .jyokin-video__ttl {
        margin-top: -.8rem;
    }

    .jyokin-video__ttl span {
        margin-top: .8rem;
    }

    .jyokin-video__ttl img {
        display: block;
    }

    .jyokin-video__txt br {
        display: none;
    }

    .jyokin-video__player {
        margin: 4vw auto 0;
    }

    .sec:before {
        margin-bottom: 10vw;
    }

    .products-item {
        display: block;
    }

    .products-item__pic {
        max-width: none;
        width: 100%;
    }

    .products-item__txt-block {
        display: block;
        margin: 4vw 2vw 8vw;
    }

}

@media print,only screen and (max-width: 575.98px) {

    /* 画像タイトルのサイズを調整 */

    .intro__ttl__img {
        width: calc( 579px * .48 );
    }

    .can-use__ttl__img {
        width: calc( 517px * .48 );
        margin: 11vw auto 9vw;
    }

    .how-work__ttl {
        width: calc( 283px * .48 );
    }

    .jyokin-video__ttl__img_1 {
        width: calc( 261px * .48 );
    }

    .jyokin-video__ttl__img_2 {
        width: calc( 425px * .48 );
    }

    .jyokin-video__ttl__img_3 {
        width: calc( 155px * .48 );
    }

    .sec__ttl {
        margin: 0 auto 8vw;
    }
    
    .sec__ttl__txt {
        background-size: 6px 3px;
        padding: 0 0 calc( 8px + 3px );
    }

    .sec__ttl__img {
        
    }

    .products .sec__ttl__img {
        width: calc( 341 * .64 / 576 * 100vw );
    }
    
    .blog .sec__ttl__img {
        width: calc( 389 * .64 / 576 * 100vw );
    }

    .faq .sec__ttl__img {
        width: calc( 329 * .64 / 576 * 100vw );
    }

    .buy .sec__ttl__img {
        width: calc( 260 * .64 / 576 * 100vw );
    }

}

@media print,only screen and (max-width: 575.98px) {

    .info__ttl {
        font-size: 1.8rem;
    }

    .info-box {
        padding: 8vw 8vw 0;
    }

    .feature-sec {
        margin: 8vw 0 14vw;
    }

    .feature-sec .feature-sec__txt-block.feature-sec__txt-block {
        margin: 9vw 8vw 0;
    }

    .feature-ttl {
        max-width: 72vw;
    }

    .can-use__ttl__img {
        margin: 11vw auto 9vw;
    }

    .can-use__label {
        font-size: 1.1rem;
    }

    .jyokin-video__ttl {
        margin: 0 auto;
    }

    .jyokin-video__ttl span {
        margin: .6rem;
    }

    .blog-item {
        padding: 6vw 0;
    }

    .blog-item__pic-block {
        max-width: 30%;
    }

    .blog-item__txt-block {
        padding-left: 5vw;
    }

    .blog-item__ttl {
        font-size: 1.5rem;
        margin: .6em 0;
    }

    .blog-item__link {
        align-items: flex-start;
    }

}

@media print,only screen and (max-width: 479.98px) {

    .online-shop__logo {
        max-width: 74%;
    }

    .online-shop__txt {
        font-size: 1.2rem;
    }

    .real-shop__txt small {
        font-size: 1.2rem;
    }

    .real-shop__txt small br {
        display: none;
    }

}

@media print,only screen and (max-width: 374.98px) {

    

}