@charset "UTF-8";



/*=====common=====*/
.cp_main {
    background-color: #fcfff1;
    font-size: 14px;
    color: #0a2d1a;
}
img {
    max-width: 100%;
}
ol, ul, dl {
    margin: 0;
    padding: 0;
}
.mt15 {
    margin-top: 15px;
}


/*=====kv=====*/
.kv img {
    width: 100%;
}
/*=====anchor=====*/
.anchor {
    margin-top: 30px;
    padding: 0 20px;
}
.anchor_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.anchor_list li {
    width: calc((100% - 10px)/3);
}
/*=====content-layout=====*/
.content-layout {
    padding: 40px 30px;
}
.content-layout_wrap:nth-of-type(n+2) {
    margin-top: 40px;
}
.content-layout_inner {
    margin-top: 20px;
}
.content-layout h2 {
    padding-top: 15px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: top center / auto 50% no-repeat;
}
.content-layout h2 span {
    padding: 5px;
    background: linear-gradient(transparent 60%,#f8ec23 60%);
}
/*=====features=====*/
.features h2 {
    background-image: url(../img/features_bg_title.png);
}
.features-list:nth-of-type(n+2) {
    margin-top: 40px;
}
.features-num {
    text-align: center;
}
.features-num img {
    width: auto;
    height: 80px;
}
.features-title {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.features-lead {
    margin-top: 10px;
    text-align: center;
}
.features-inner_label {
    margin: 30px 0 20px;
    text-align: center;
}
.features-inner_label span {
    position: relative;
    padding: 8px 24px;
    border-radius: 24px;
    background-color: #009141;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.features-inner_label span::after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    border-top: 8px solid #009141;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.features-inner_note {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}
.features-inner_note.tx-left {
    text-align: start;
}
.features-inner_note.note-num {
    padding-left: 2em;
}
.features-inner_note.note-num .num {
    padding-right: 0.5em;
    margin-left: -2em;
}
.features-inner_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.features-inner_flex.flex-col2 .features-inner_img{
    width: calc((100% - 10px)/2);
}
.features-inner_flex.flex-col4 .features-inner_img {
    width: calc((100% - 10px)/4);
}
.features-inner_btn {
    margin-top: 15px;
}

/*=====use=====*/
.content02.content-layout {
    background-color: #d5e6cc;
}
.use h2 {
    background-image: url(../img/use_bg_title.png);
}
.purchase h2 {
    background-image: url(../img/purchase_bg_title.png);
}
.use-lead {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.use-area {
    position: relative;
    margin: 5px 0 0 5px;
    text-align: center;
    color: #262626;
}
.use-area::before {
    position: absolute;
    top: -5px;
    left: -5px;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 2px solid #0a2d1a;
    border-radius: 6px;
    z-index: 10;
}
.use-title {
    padding: 10px 0 20px;
    border-radius: 6px 6px 0 0 ;
    background-color: #009141;
    font-size: 20px;
    font-weight: bold;
    color: #f8ec23;
    text-align: center;
    background: url(../img/use_arrow.png)bottom 12px center /17px 10px  no-repeat #009141 ;
}
.use-area.no-active .use-title {
    border-radius: 6px ;
    background: url(../img/use_arrow02.png)bottom 12px center /17px 10px  no-repeat #009141 ;
}
.use-inner {
    padding: 0 20px 40px 10px;
    border-radius: 0 0 6px 6px;
    background-color: #fcfff1;
}
.use-inner-list li {
    padding-top: 24px;
}
.use-inner-list_num {
    display: inline-block;
    padding: 0 10px;
    border-radius: 20px;
    background-color: #009141;
    font-size: 20px;
    font-weight: bold;
    color: #fcfff1;
}
.use-inner-list_tx {
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
}
.bw_contentsArea .use-inner-list_note {
    font-size: 12px;
    margin-top: 8px;
}
.use-area-btn {
    margin-top: 15px;
}
/*=====payment=====*/
.payment h2 {
    background-image: url(../img/payment_bg_title.png);
}
.payment-inner {
    padding: 15px 12px;
    border: 4px solid #d5e6cc;
    border-radius: 6px;
}
.payment-title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.payment-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.payment-flex > li + li {
    margin-left: 4px;
}
.payment-flex.flex-col5 {
    margin-top: -12px;
    padding: 20px;
    border-radius: 6px;
    background-color: #d5e6cc;
}
.payment-flex.flex-col3 {
    padding: 20px 10px 5px;
}
.payment-flex.flex-col3 li + li {
    margin-left: 20px;
}
/*=====download=====*/
.download h2 {
    background-image: url(../img/download_bg_title.png);
}
.download-inner {
    padding: 15px 12px;
    border: 4px solid #d5e6cc;
    border-radius: 6px;
}
.download-title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.bw_contentsArea .download-tx {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
.download-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.download-flex.flex-app {
    margin-top: 10px;
}
.download-flex.flex-img li {
    margin-top: 10px;
    width: calc((100% - 10px)/2);
}
.download-list li {
    margin: 5px 0;
}
.download-img-app {
    padding: 0 30px 0 15px;
}
/*=====purchase02=====*/
.purchase02 h2 {
    background-image: url(../img/purchase02_bg_title.png);
}
.purchase02-txbox {
    max-width: 400px;
    margin: 15px auto;
}
.purchase02-txbox_title {
    font-weight: bold;
}
.purchase02-txbox_list {
    font-size: 12px;
    margin-top: 5px;
}
.purchase02-txbox_list li {
    padding-left: 1em;
}
.purchase02-txbox_list li::before {
    content: "※";
    display: inline-block;
    margin-left: -1em;
}

.purchase02-btn {
    margin-top: 5px;
}
.purchase02-note {
    margin-top: 8px;
    font-size: 12px;
    text-align: center;
}

@media screen and (min-width:768px){
    .cp_main {
        font-size: 16px;
        line-height: 1.5;
    }
    .mt15 {margin-top: 30px;}
    /*=====anchor=====*/
    .anchor {
        max-width: 640px;
        margin: 30px auto 0;
    } 

    /*=====content-layout=====*/
    .content-layout {
        padding: 60px 0;
    }
    .content-layout_wrap {
        max-width: 640px;
        margin: 0 auto;
    }
    .content-layout_wrap:nth-of-type(n+2) {
        padding-top: 60px;
    }
    .content-layout_inner {
        margin-top: 40px;
    }
    .content-layout h2 {
        font-size: 50px;
    }
    /*=====features=====*/
    .features-list:nth-of-type(n+2) {
        margin-top: 60px;
    }
    .features-title {
        margin-top: 20px;
        font-size: 30px;
    }
    .features-inner_label span {
        font-size: 30px;
    }
    .features-num img {
        height: 130px;
    }
    .features-inner_btn {
        max-width: 400px;
        margin: 30px auto 0;
    }
    /*=====use=====*/
    .use-area-btn {
        max-width: 400px;
        margin: 30px auto 0;
    }
    .use-title {
        font-size: 28px;
    }
    .use-lead {
        font-size: 24px;
    }
    .use-inner-list_num {
        font-size: 24px;
    }
    .use-inner {
        padding: 0 70px 60px 60px;
    }
    .bw_contentsArea .use-inner-list_tx {
        font-size: 20px;
        line-height: 1.5;
    }
    .bw_contentsArea .use-inner-list_note {
        font-size: 12px;
    }
    .use-inner-list li {
        padding-top: 34px;
    }
    /*=====payment=====*/
    .payment-inner {
        padding: 30px 60px;
    }
    .payment-title {
        font-size: 24px;
    }
    .payment-flex > li + li {
        margin-left: 24px;
    }
    .payment-flex.flex-col3 li + li {
        margin-left: 40px;
    }
    /*=====download=====*/
    .download-inner {
        padding: 30px 60px;
    }
    .download-title {
        font-size: 24px;
    }
    .download-img-app {
        padding: 0 90px 0 45px;
    }
    .download-list li {
        margin: 10px 0;
    }
    .bw_contentsArea .download-tx {
        margin-top: 35px;
        font-size: 24px;
    }
    /*=====purchase02=====*/
    .purchase02-btn {
        max-width: 400px;
        margin: 30px auto 0;
    }
    .purchase02-txbox_list {
        margin: 10px auto 0;
        display: inline-block;
    }
}
/*クーポン詳細リンク追加　20220414*/
.coupon_link{
    margin: 20px auto 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.coupon_link a{
    color:#009141;
    text-decoration:underline;
}
/*文藝春秋注記追加　20220804*/
.bw-welcome-section__frame{
    max-width: 640px;
    border: 1px solid #000;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}
.frame_space{
    padding-left: 20px;
    padding-right: 20px;
}