@charset "utf-8";

@media screen and (min-width : 769px) {

    #contents_area {
        color: #444;
        font-family: "HondaGlobalFontJP-Regular", sans-serif;
        scroll-behavior: smooth;
    }

    #contents_area  img {
        max-width: 100%;
    }

    #global_navigation li.top a {
        color: #898989;
    }

    .only_sp {
        display: none !important;
    }


    /* ------------------------------------------------------------
    *
        #lnav_wrap
    *
    ------------------------------------------------------------ */
    #lnav_wrap .logo {
        padding: 36px 0 22px;
        text-align: center;
    }

    #lnav_wrap .logo img {
        width: 254px;
    }

    #lnav {
        margin-bottom: 28px;
        position: relative;
        width: 100%;
        height: 36px;
        min-height: 36px;
        background-color: #fff;
        z-index: 3;
    }

    /* #lnav.fixed {
        position: fixed;
        top: 0;
        background-color: #fff;
    } */

    #lnav .lnav_inner {
        position: relative;
        margin: 0 auto;
        width: 980px;
        text-align: center;
    }

    #lnav ul {
        display: flex;
        margin: 0 auto;
    }

    #lnav .lnav_logo {
        width: 116px;
        position: absolute;
        top: 5px;
        left: 0;
        opacity: 0;
    }

    #lnav.fixed .lnav_logo {
        opacity: 1;
    }

    #lnav .lnav_logo img {
        max-width: 100%;
    }

    #lnav ul li {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 22px;
        font-family: var(--font-bold);
        box-sizing: border-box;
        border-left: 1px solid #16B7CF;
    }

    #lnav ul li:last-child {
        border-right: 1px solid #16B7CF;
    }

    #lnav ul li a {
        padding: .5rem 0 .4rem;
        display: block;
        color: #16B7CF;
    }

    #lnav_wrap.fixed-wrap .shadow {
        display: block;
    }

    .shadow {
        display: none;
        overflow: hidden;
        position: fixed;
        left: 0;
        right: 0;
        top: 6px;
        margin: 0 auto;
        padding-bottom: 8px;
        width: 1280px;
        height: 60px;
        z-index: 1;
    }

    .shadow .shadow_in {
        position: relative;
        width: 1280px;
        height: 60px;
        -webkit-box-shadow: 0 0px 8px -5px rgba(182, 182, 182, 1);
        box-shadow: 0 0px 8px -5px rgba(182, 182, 182, 1);
    }

    .shadow .shadow_in:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        margin: 0 auto;
        width: 98%;
        height: 50%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.95);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.95);
        z-index: -1;
    }

    #lnav_wrap.sub #lnav {
        height: 46px;
        min-height: 46px;
        box-sizing: border-box;
    }

    #lnav_wrap.sub #lnav ul li {
        padding: 14px 20px;
    }

    #lnav_wrap.sub #lnav a {
        color: #fff;
    }

    #lnav_wrap.sub .shadow {
        height: 40px;
    }

    #lnav_wrap.sub .shadow .shadow_in {
        height: 40px;
    }

    #lnav_wrap.sub #lnav .lnav_logo {
        padding: 2px 0 0;
        width: 300px;
        color: #fff;
        font-size: 28px;
        font-family: var(--font-bold);
        text-align: left;
    }

    #lnav_wrap.sub .lnav_logo span {
        padding-right: 15px;
        font-weight: normal;
        font-size: 20px;
    }

    #lnav_wrap .pg_copy {
        padding: 20px 0 15px;
        font-size: 24px;
        text-align: center;
    }

    #lnav_wrap .pg_title {
        padding-bottom: 25px;
        color: #595757;
        font-size: 48px;
        font-family: var(--font-bold);
        text-align: center;
    }

    #lnav_wrap .pg_title span {
        padding-right: 30px;
        display: inline-block;
        font-size: 38px;
        font-weight: normal;
        vertical-align: middle;
    }


    .c-floating-banner .c-floating-banner-img img {
        display: none;
    }


    /* ------------------------------------------------------------
    *
        #top_mov
    *
    ------------------------------------------------------------ */

    #top_mov {
        margin: 0 auto 15px;
        max-width: 980px;
        border: solid 1px #ccc;
    }

    .htc-embed-movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .htc-embed-movie iframe, .htc-embed-movie .video-js {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        margin: auto;
    }

    /* -------------------------------------------------
    *
        scroll animation
    *
    --------------------------------------------------- */

    [data-scroll^=fade]{
        opacity: 0;
        transition-property: opacity,transform;
        transition-duration: 1s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    [data-scroll=fade-up] {
        transform: translate3d(0,50px,0);
    }

    [data-scroll=fade-left] {
        transform: translate3d(100px,0,0);
    }

    [data-scroll=transform-width] {
        opacity: 0;
        width: 0px;
        transition-property: opacity,width;
        transition-duration: 1s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    }
    [data-scroll=transform-width].animated {
        opacity: 1;
        width: 100%;
    }

    [data-scroll^=fade][data-scroll^=fade].animated {
        opacity: 1;
        transform: translateZ(0);
    }

    [data-scroll^=fade-left][data-scroll^=fade-left].animated {
        opacity: 1;
        transform: translate3d(0);
    }


    /* ------------------------------------------------------------
    *
        .section
    *
    ------------------------------------------------------------ */

    .mb_0 {
        margin-bottom: 0 !important;
    }

    .mb_20 {
        margin-bottom: 20px !important;
    }

    .mb_16 {
        margin-bottom: 16px !important;
    }

    .mb_40 {
        margin-bottom: 40px !important;
    }

    .section {
        margin: 50px 0 0;
    }

    .bold {
        font-family: var(--font-bold);
    }

    .section h3 {
        text-align: center;
    }

    .section img {
        vertical-align: middle;
    }

    .section .detail {
        padding: 0;
        text-align: left;
    }
    .section .detail a {
        color: #16B7CF !important;
        font-size: 22px;
        font-family: var(--font-bold);
    }

    .section .caution {
        font-size: 14px;
        font-family: var(--font-light);
        color: #444;
        text-align: center;
    }

    .section_column {
        margin-bottom: 20px;
        width: 940px;
        font-size: 14px;
        overflow: inherit;
    }

    .tire-gurantee {
        margin: 0 0 114px;
    }

    .section_column {
        display: flex;
        margin-bottom: 68px;
        width: 980px;
        justify-content: space-between;
    }
    .section_column::after {
        display: block;
        content: "";
        clear: both;
    }

    .section_column .msg_col {
        float: left;
        padding-top: 150px;
        text-align: center;
        width: 447px;
    }

    .section_column .msg_col .img_hondacars {
        margin-top: 10px;
        display: inline-block;
    }

    .section_column .msg_col .img_hondacars img {
        width: 285px;
    }


    .section_column .pic_col {
        padding-top: 29px;
        float: right;
        width: 596px;
    }

    .section_column .pic_col img {
        position: relative;
        right: -20px;
    }

    /* -------------------------------------------------
    *
        pick_up
    *
    --------------------------------------------------- */

    #pick_up{
        margin-bottom: 80px;
        padding-bottom: 58px;
    }

    #pick_up .title{
        margin: 24px auto;
        padding: 0;
        width: 789px;
    }

    #pick_up .pick_up_row{
        margin-bottom: 31px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    #pick_up .pick_up_row .pick_up_01{
        width: 512px;
    }

    #pick_up .pick_up_row .pick_up_02{
        width: 445px;
    }

    #pick_up .detail{
        margin-bottom: 0;
        text-align: center;
        color: #16B7CF;
        font-size: 26px;
        font-family: var(--font-bold);
    }

    #pick_up .detail:before {
        content: "";
        position: absolute;
        left: 0;
        top: 53%;
        width: 100%;
        height: 2px;
        border-bottom: 2px solid #16B7CF;
        transform: translateY(-50%);
    }

    #pick_up .detail span {
        position: relative;
        display: inline-block;
        padding: 0 0 0 36px;
        background-color: #fff;
    }

    #pick_up .detail .icon{
        color:  #16B7CF;
        padding: 0 28px 0 9px;
        width: 30px;
    }

    /* #pick_up .detail span::after {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../image/pick_up_icon_arrow.png);
        background-size: 30px auto;
         display: block;
    } */

    /* -------------------------------------------------
    *
        trouble
    *
    --------------------------------------------------- */

    .bd_box {
        position: relative;
        margin-bottom: 95px;
        padding: 50px 17px 26px 12px;
        border: 2px solid #16B7CF;
        border-radius: 70px;
        box-sizing: border-box;
    }

    .bd_box .float_msg {
        display: inline-flex;
        position: absolute;
        top: -53px;
        left: 24px;
        width: 264px;
        height: 64px;
        border: 3.8px solid #fff;
        background-color: #DF4735;
        border-radius: 24px;
        color: #fff;
        font-size: 26px;
        font-family: var(--font-bold);
        align-items: center;
        justify-content: center;
    }

    .bd_box .float_msg:after {
        position: absolute;
        left: 38px;
        bottom: -16px;
        content: "";
        width: 21px;
        height: 17.5px;
        background: url(../image/float_msg_icn.png);
        background-size: 21px auto;
    }

    .box_01 {
        padding-top: 40px;
    }

    .box_copy {
        position: relative;
        padding-left: 59px;
        font-size: 35px;
        font-family: var(--font-bold);
        letter-spacing: -1px;
    }

    .box_copy.copy_truck::after {
        opacity: 0;
        content: "";
        position: absolute;
        top: -32px;
        right: 33px;
        width: 174px;
        height: 96px;
        background: url(../image/img_truck.jpg);
        background-size: 174px auto;
        transform: translate3d(100px,0,0);
        transition-property: opacity,transform;
        transition-duration: 1s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    .box_copy.copy_truck.animated:after {
        opacity:1;
        transform: translate3d(0px,0,0);
    }

    .bd_box .sv_row {
        margin: 30px 0 28px;
        padding-left: 63px;
        display: flex;
    }

    .bd_box .sv_col {
        position: relative;
        display: flex;
        width: 386px;
        min-height: 100px;
        align-items: flex-end;
    }

    .service_01:after {
        position: absolute;
        top: 0;
        right: -2.5px;
        display: block;
        content: "";
        width: .5px;
        height: 100px;
        border:.5px solid #949495;
        background-color: #949495;
        border-radius: 6px;
    }

    .bd_box .sv_col img {
        vertical-align: bottom;
    }

    .service_01 img {
        width: 329px;
    }


    .bd_box .sv_col.service_02 {
        width: 431px;
    }

    .service_02 img {
        margin-left: 57px;
        width: 431px;
    }

    .trouble_list {
        padding-right: 20px;
        margin-top: 23px;
        display: flex;
        justify-content: space-between;
    }

    .trouble_list li {
        width: 299px;
    }

    .tr_row {
        display: flex;
        margin: 46px 0 34px;
        padding-left: 45px;
    }

    .tr_row .col_left {
        margin-top: 48px;
        width: 469px;
    }

    .tr_row .col_right {
        width: 439px;
    }

    .tire_icn {
        display: flex;
    }

    .tire_icn li {
        margin-right: 10px;
        width: 95px;
    }


    /* -------------------------------------------------
    *
        tire_punk
    *
    --------------------------------------------------- */
    .bg_box {
        position: relative;
        margin: 100px 0 24px;
        padding: 147px 26px 70px;
        background-color: #16B7CF;
        border-radius: 70px;
        color: #fff;
    }

    .bg_box::before {
        position: absolute;
        top: -53px;
        right: 43px;
        content: "";
        width: 220px;
        height: 220px;
        background: url(../image/tire_sad.png);
        background-size: 220px auto;
        opacity: 0;
        transition-property: opacity,transform;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);
        transform: translate3d(36px,-50px,0) rotate(29deg);
    }

    .bg_box.animated::before {
        opacity: 1;
        transform: translate3d(0px,0px,0) rotate(0deg);
    }

    .bubble_message {
        position: absolute;
        top: -33px;
        left: -26px;
    }

    .bubble_message img {
        width: 577px;
    }

    .section .box_tit {
        margin-bottom: 32px;
        text-align: center;
        font-size: 46px;
        font-family: var(--font-bold);
    }

    .section .box_tit img {
      margin: 0 auto;
    }

    .box_tit .opo_line {
        display: block;
        margin-bottom: 15px;
        font-size: 53px;
    }

    .box_tit .opo_line:before ,  .box_tit .opo_line:after {
        position: relative;
        top: 12px;
        display: inline-block;
        margin-top: 5px;
        content: "";
        width: 1px;
        height: 50px;
        border:1.5px solid #fff;
        background-color: #fff;
        border-radius: 3px;
    }
    .box_tit .opo_line:before {
        margin-right: 14px;
        transform: rotate(330deg);
    }

    .box_tit .opo_line:after {
        margin-left: 19px;
        transform: rotate(-330deg);
    }

    .box_tit img {
        width: 559px;
    }

    .btn {
        position: relative;
        display: flex;
        margin: 0 auto;
        padding-top: 1px;
        width: 173px;
        height: 31px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 29px;
        color: #16B7CF;
        font-size: 22px;
        font-family: var(--font-bold);
        justify-content: center;
        align-items: center;
    }
    .btn:not(.btn_lg) {
      letter-spacing: 2px;
    }

    a.btn {
        color: #16B7CF !important;
    }

    .btn a {
        display: inline-flex;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #16B7CF !important;
        align-items: center;
        justify-content: center;
    }

    .btn_lg {
        margin-bottom: 25px;
        width: 655px;
        height: 72px;
        font-size: 30px;
    }

    .bg_box .copy {
        margin: 15px 0 50px;
        text-align: center;
        font-size: 28px;
        line-height: 1.6;
    }

    .bg_box .copy--size-s {
        margin-top: 25px;
        font-size: 25px;
        line-height: 1.35;
    }

    .bg_box .step_block:not(.n_arrow):after {
        margin: 0 auto 44px;
        content: "";
        display:block;
        width: 69px;
        height: 60px;
        background: url(../image/step_arrow.png) no-repeat;
        background-size: 59px auto;
        opacity: 0;
        transition-property: opacity,transform;
        transition-duration: 1s;
        transition-delay: .5s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);

    }

    .bg_box .step_block:not(.n_arrow).animated:after {
        opacity: 1;
    }

    #tire_punk .step_block.step01 .img {
        margin-left: 59px;
    }

    #tire_punk .step_block.step01 .img img{
        width: 786px;
    }

    #tire_punk .step_block.step02 .img {
        margin-left: 74px;
    }

    #tire_punk .step_block.step02 .img img{
        width:804px;
    }

    #tire_punk .step_block.step03 .img01 {
      margin-left: 174px;
    }

    #tire_punk .step_block.step03 .img01 img{
        width:629px;
    }

    #tire_punk .step_block.step03 .img02 {
        margin-left: 73px;
        margin-bottom: 50px;
      }

    #tire_punk .step_block.step03 .img02 img{
        width:772px;
    }

    .step_block .ac_content {
        text-align: center;
        margin-bottom: 65px;
    }

    .ac_content .copy {
        margin: 0;
    }

    .step_block .ac_content .caution {
        margin: 20px auto 0;
        line-height: 1.5;
    }

    .step_block .ac_content .caution.left {
        width: 670px;
        text-align: left;
    }

    .bg_box .step_block.step_03 {
        margin-top: 50px;
    }

    .bg_box .step_block.step_03 .copy{
        margin-bottom: 13px;
    }

    .bg_box .step_block.step_03 .caution{
        margin-bottom: 60px;
    }


    .bg_w_box {
        margin: 76px auto 0;
        padding: 24px 0 16px;
        width: 655px;
        border: 2px solid #fff;
        border-radius: 28px;
        text-align: center;
    }

    .bg_w_box .acordian_btn {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        line-height: 1.4;
    }

    .bg_w_box .acordian_btn:after {
        content: "";
        display: block;
        margin: 8px auto 0;
        width: 12px;
        height: 13px;
        background: url(../image/parts_ico_btn_detail_arrow_top.png) no-repeat;
        background-size: 12px auto;
        transform: rotate(0deg);
        transition: all .5s;
    }

    .bg_w_box .acordian_btn.active:after {
        transform: rotate(180deg);
    }

    .acordian_content {
        display: none;
    }

    .bg_box .bg_w_box .caution {
        margin-bottom: 30px;
        line-height: 1.4;
    }

    .bg_box .bg_w_box .caution.caution_left{
        width: 395px;
        margin: 0 auto 30px;
        text-align: left;
    }

    .bg_box .bg_w_box .caution.left{
        padding: 0 16px 0 24px;
        text-align: left;
    }

    .bg_w_box .btn {
        background-color: #16B7CF;
        border-color: #fff;
        color: #fff;
        border-radius: 12px;
    }
    .bg_w_box .step_block:not(.n_arrow):after {
        opacity: 1;
    }

    .bg_box .caution--size-m {
        font-size: 18px;
    }

    .bg_box .caution {
        color: #fff;
    }

    /* -------------------------------------------------
    *
        sec_totalcare
    *
    --------------------------------------------------- */


    .sec_totalcare{
        margin-bottom: 160px;
        background-color: #eaeaea;
        overflow: hidden;
    }

    .sec_totalcare .tolcare_title{
        position: relative;
        padding: 30px 0;
        max-height: 160px;
        font-size: 28px;
        line-height: 1.7;
        font-family: var(--font-bold);
        text-align: center;
        color: #fff;
    }

    .sec_totalcare .tolcare_title:after {
        position: absolute;
        content: "";
        background: #df4735;
        width: 0px;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        width: 0px;
        transition-property: opacity,width;
        transition-duration: 1s;
        transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    .sec_totalcare .tolcare_title.animated:after {
        opacity: 1;
        width: 100%;
    }

    .tolcare_title span {
        position: relative;
        opacity: 0;
        transition-property: opacity,transform;
        transition-duration: 1s;
        transition-delay: 1s;
        z-index: 1;
    }

    .sec_totalcare .tolcare_title.animated span{
        opacity: 1;
    }

    .totalcare_logo{
        margin: 42px 0 0;
    }
    .totalcare_logo h3{
        padding: 0;
    }

    .totalcare_logo img{
        width: 100%;
    }

    .totalcare_column .col_left{
        margin: 75px 0 0 23px;
        width: 460px;
    }

    .totalcare_column .col_right{
        position: relative;
        margin: 40px 0 10px 48px;
        width: 448px;
        font-size: 26px;
        line-height: 1.8;
        color: #444;
    }

    .totalcare_column .col_right .cyon_line{
        position: relative;
        display: inline-block;
        font-family: var(--font-bold);
        z-index: 1;
    }
    .totalcare_column .col_right .cyon_line:before {
        position: absolute;
        left: 0;
        bottom: 7px;
        content: "";
        width: 100%;
        border-bottom: 7px solid #16B7CF;
        z-index: -1;
    }

    .totalcare_column .detail a::after {
        width: 25px;
        height: 25px;
        background: url(../image/icn_arrow.png);
        background-size: 25px auto;
    }

    /* -------------------------------------------------
    *
        sec_discount
    *
    --------------------------------------------------- */
    #sec_discount .disc_wrap{
        margin: 57px auto 0;
        width: 665px;
        text-align: center;
    }



    /* -------------------------------------------------
    *
        price
    *
    --------------------------------------------------- */
    .sec_join .block{
        margin-bottom: 95px;
    }

    .section .tit{
        position: relative;
        font-size: 34px;
        font-family: var(--font-bold);
        color: #16B7CF;
    }
    .section .tit span{
        position: relative;
        display: inline-block;
        padding-right: 18px;
        background-color: #fff;
    }

    .section .tit:before {
        content: "";
        position: absolute;
        left: 0;
        top: 53%;
        width: 100%;
        height: 2px;
        border-bottom: 2px solid #16B7CF;
        transform: translateY(-50%);
    }

    .join_time .tim_list{
        padding: 34px 0 23px 22px;
    }

    .join_time .tim_list li{
        float: left;
        padding: 0 12px;
        font-size: 30px;
        font-family: var(--font-bold);
    }

    .tim_list .sup {
        top: 5px;
        margin: 0;
        font-size: 55%;
    }

    .join_time .tim_list::after{
        content: "";
        display: block;
        clear: both;
    }

    .join_time .tit_copy{
        position: relative;
        margin: 5px 38px 0 45px;
        min-height: 48px;
        font-size: 30px;
        font-family: var(--font-bold);
        color: #16B7CF;
        background-color: #fff;
        border: 1px solid #16B7CF;
        vertical-align: middle;
        text-align: center;
    }

    .join_time .tit_copy span{
        display: inline-block;
        margin: -2px 88px;
        padding: 11px 44px;
        background-color: #fff;

    }


    .price_plan .price_col{
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        margin-right: 40px;
    }

    .price_plan .section_column{
        margin: 0 auto 40px;
        width: 828px;
        display: block;
    }

    .section_column .price_col:last-child{
        margin-right: 0;
    }
    .section_column .price_col .w_period{
        display: flex;
        width: 122px;
        border: 1px solid #16b7cf;
        border-radius: 10px;
        box-sizing: border-box;
        background: #16b7cf;
        text-align: center;
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.2;
        justify-content: center;
        align-items: center;
    }

    .w_period .txt{
        font-size: 22px;
    }

    .w_period .month{
        font-size: 37px;
        letter-spacing: -2px;
    }

    .w_period .month span{
        font-size: 30px;
    }

    .w_period .yrs{
        font-size: 32px;
    }

    .section_column .price_col .tbl_col{
        margin-left: 16px;
        width: 689px;
    }

    .price_col tr{
        position: relative;
    }

    .price_col td,.price_col th{
        font-size: 18px;
        text-align: center;
        font-family: var(--font-bold);

    }

    .price_col th{
        padding: 14px 0;
        background: #16b7cf;
        color: #fff;
        width: 257px;
        letter-spacing: 1px;
    }

    .price_col th:first-child{
        width: 177px;
        position: relative;
        border-radius: 10px 0 0 10px;
    }

    .price_col th:first-child::after{
        content: "";
        display: inline-block;
        top: 7px;
        position: absolute;
        right: -1px;
        border-right: 1.5px solid #fff;
        height: 42px;
    }

    .price_col th .bg_white{
        margin: 0 12px;
        display: flex;
        border: 1px solid #fff;
        background: #fff;
        color: #19B8D0;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }

    .price_col th:last-child{
        width: 257px;
        border-radius: 0 10px 10px 0;
        position: relative;
    }

    .price_col th:last-child::before{
        content: "";
        display: inline-block;
        border-right: 1px solid #fff;
        height: 42px;
        position: absolute;
        top: 7px;
        left: -1px;
        z-index: 1;
    }

    .price_col th span{
        font-size: 12px;
        font-family: var(--font-light);
    }
    .price_col td{
        position: relative;
        padding: 12px 0 6.5px 0;
        border-right: 1.5px solid #16b7cf;
        border-bottom: 1.5px solid #16B7CF;
        color: #3E3A39;
        font-size: 32px;
    }

    .price_col td:last-child p{
        opacity: 1;
    }
    .tbl_col tr:nth-child(2) td{
        padding-top: 15px;
    }

    .price_col td span:not(.sup) {
        font-size: 80%;
    }

    .price_col td .sup {
        position: absolute;
        top: 10px;
        margin: 0;
    }

    .price_col td:last-child{
        padding-right: 17px;
        border-right: none;
        background: rgba(25, 184, 208, 0.2);
    }

    .price_plan .caution{
        line-height: 2;
    }


    .sec_store .section_column{
        padding: 0 43px;
        margin-top: 46px;
        box-sizing: border-box;
    }

    .sec_store .store_col{
        width: 303px;
        margin-right: 110px;
    }

    .sec_store .store_col .img{
        width: 282px;
    }
    .store_col .caution{
        margin-top: 10px;
        font-size: 16px;
    }

    .store_col .btn_download{
        margin-top: 24px !important;
        font-size: 20px;
        width: 100%;
        height: 80px;
    }

    .btn_download {
        width: 300px;
        height: 75px;
        font-size: 18px;
    }

    .btn_download a {
        position: relative;
        background-color: #16b7cf;
        border-color: #16b7cf;
        border-radius: 26px;
        letter-spacing: 0;
        color: #fff !important;
        line-height: 1.4;
    }

    .btn_download a::after{
        position: absolute;
        top: 50%;
        right: 30px;
        content: "";
        width: 23px;
        height: 24px;
        background: url(../image/icn_download.png) no-repeat;
        background-size: 23px auto;
        transform: translateY(-50%);
    }

    .btn_download a span{
        position: relative;
        left: -.5rem;
    }

    .sec_store .store_pic_col{
        position: relative;
        margin: 16px 0 0;
        width: 465px;
    }

    .sec_store .store_pic_col .img {
        margin-bottom: 0;
    }

    .store_pic_col .caution{
        position: absolute;
        right: -43px;
        bottom: 2px;
        display: block;
    }

    .sec_condition .tit{
        color: #444;
    }

    .sec_condition .tit{
        text-align: center;
        color: #444;
    }
    .sec_condition .tit span{
        padding: 0 59px;
    }

    .sec_condition .tit:before {
        border-color: #949495;
    }

    .sec_condition .copy{
        margin-top: 14px;
        font-size: 14px;
        line-height: 2;
    }

    .sec_condition .condition_list{
        position: relative;
        margin: 8px 0;
        min-height: 123px;
        font-size: 14px;
        font-family: var(--font-bold);
        color: #444;
        background-color: #fff;
        border: 1px solid #444;
        vertical-align: middle;
    }

    .sec_condition .condition_list p{
        display: inline-block;
        margin: -2px 20px;
        padding: 3px 190px 1px 20px;
        background-color: #fff;
        position: absolute;
        top: -9px;
    }

    .section .title {
        margin-bottom: 18px;
        text-align: center;
        font-size: 38px;
        font-family: var(--font-bold);
    }

    .block.sec_agreement {
        margin-bottom: 20px;
    }

    .sec_agreement .desc{
        text-align: center;
        margin-bottom: 35px;
    }

    .sec_agreement .desc a {
        color: #444 !important;
        text-decoration: underline;
    }

    .sec_agreement .desc p {
        font-size: 17px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .sec_agreement .section_column .col {
        text-align: center;
        font-size: 16px;
    }

    /* -------------------------------------------------
    *
        security
    *
    --------------------------------------------------- */
    .sec_security{
        margin: 90px auto 149px;
        text-align: center;
    }

    .sec_security .title{
        margin-bottom: 30px;
        color: #16B7CF;
    }
    .sec_security .copy{
        font-size: 28px;
        margin-bottom: 36px;
    }

    .sec_security .copy .switch_pc{
        display: inline-block;
    }
    .sec_security .img{
        margin: 0 auto 36px;
        width: 909px;
    }

    .sec_security .btn{
        margin-bottom: 8px;
    }

    /* -------------------------------------------------
    *
        service
    *
    --------------------------------------------------- */

    .sec_service{
        padding: 56px 0;
        background: #dcdcdc;
    }

    .sec_service .title{
        margin-bottom: 40px;
    }

    .service_column {
        list-style-type: none;
        display: flex;
        justify-content: space-between;
    }

    .service_column li{
        width: 300px;
    }
}