@charset "UTF-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2019/09/09
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

@font-face{
    font-family:"icon";
    src:url("../../fonts/icon.woff");
}

.message::before{
    font-family:"icon";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-decoration:none;
    text-transform:none;
}

/*====================================================================================================

    format

====================================================================================================*/
html{
    overflow-y:scroll;
    font-size:10px;
}

body{
    margin:0;
    padding:2;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust:100%;
}

h1, h2, h3, h4, h5, h6{
    font-size:100%;
}

p{
    margin:0 0 1.5em;
}

ul, ol{
    margin:0 0 1.5em;
    padding-left:0;
    letter-spacing:-.5em;
}

ul, ol{
    list-style:none;
}

li{
    letter-spacing:0;
}

table{
    width:80%;
    margin:0 0 1.5em;
    border-collapse:collapse;
    border-spacing:0;
}

table tr{
    padding:5px;
}

table th > *:last-child, table td > *:last-child{
    margin-bottom:0 !important;
}

img{
    border:0;
    vertical-align:middle;
}

li img{
    vertical-align:middle;
}

button, input, select, textarea{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size:1.4rem;
    vertical-align:middle;
}

button, input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"]{
    cursor:pointer;
}

button{
    display:inline;
    border:none;
    padding:0;
    background:none;
}

button::-moz-focus-inner{
    padding:0;
    border:0;
}

input:focus::-webkit-credentials-auto-fill-button,
input:focus::-webkit-contacts-auto-fill-button,
input:focus::-webkit-auto-fill-button{
    margin: 0;
    width: 0;
    background-color: transparent;
}
input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button,
input::-webkit-auto-fill-button{
    margin: 0;
    width: 0;
    background-color: transparent;
}

:placeholder-shown{
    color:#cccccc;
}

::-webkit-input-placeholder{
    color:#cccccc;
}

::-moz-placeholder{
    color:#cccccc;
    opacity:1;
}

:-ms-input-placeholder{
    color:#cccccc;
}

em, address, small{
    font-style:normal;
}

em{
    font-weight:bold;
}

article, aside, dialog, figure, footer, header, menu, nav, section, mark, audio, video, main{
    display:block;
    margin:0;
    padding:0;
    border:0;
    outline:0;
}

fieldset{
    margin:0;
    padding:0;
    border:none;
}

nav ul{
    list-style:none;
}

textarea {
    resize:none;
    -webkit-appearance: none;
}

@media (max-width: 768px){
    button, input, select, textarea{
        font-size:16px;
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform: scale(0.8);
        transform-origin:center top;
    }
    button[class*="modification"],
    input[class*="modification"],
    select[class*="modification"],
    textarea[class*="modification"]{
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        transform: scale(1);
    }
}

/* MainContents
--------------------------------------------------------------------------------------------------- */
#container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    margin:0 auto;
    text-align:center;
}


@media (max-width: 768px){
    #container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:99%;
    }
}

/*====================================================================================================

    module

====================================================================================================*/
/* heading module
--------------------------------------------------------------------------------------------------- */



/* table module
--------------------------------------------------------------------------------------------------- */
.main-table{
    border:0px;
    border-collapse:collapse;
    border-spacing:0px;
}

@media (max-width: 768px){
    .main-table{
        width:100%;
        height:500px;
        text-align:left;
        font-size:16px;
    }
    .main-table[class*="top"]{
        margin-left:0px;
    }
    .main-table[class*="step2"]{
        width:97%;
        height:100%;
        text-align:left;
        margin-left:3%;
    }
    .main-table[class*="step2"] select,
    .main-table[class*="step2"] input,
    .main-table[class*="step2"] textarea{
            transform-origin:left center;
    }
    .main-table[class*="step3"]{
        width:100%;
        height:300px;
        text-align:left;
        font-size:14px;
    }
    .main-table[class*="step4"]{
        width:99%;
        margin-left:0.5%;
        font-size:12px;
    }
    .main-table[class*="step4"] td{
        padding:5px 0px;
    }
    .main-table td[class*="step4-padding"]{
        padding-top:20px !important;
    }
    .main-table[class*="step5"]{
        width:95%;
    }
    .main-table[class*="complete"]{
        width:90%;
        margin-left:10px;
    }
    .main-table[class*="total-list"]{
        width:96%;
        margin-left:2%;
    }
    .main-table[class*="no-agree"]{
        height:80px;
        text-align:center;
    }
    .main-table[class*="error"]{
        width:100%;
        height:100px;
    }
    .main-table[class*="lnk-important"]{
        width:90%;
        margin-left:5%;
    }
    .main-table[class*="lnk-splcnt"]{
        width:97%;
        height:350px;
        margin-left:2%;
    }
    .main-table[class*="lnk-cc"]{
        width:85%;
        height:80px;
        text-align:left;
        padding:10px;
        margin-top:10px;
        margin-left:5%;
    }
    .main-table[class*="koukai-auth1"]{
        margin-left:0%;
    }
    .main-table[class*="koukai-auth2"]{
        font-size:15px;
        margin-left:0%;
        height:220px;
    }
    .main-table td[class*="padding-top"]{
        padding-top:30px;
    }
    .main-table td[class*="align-top"]{
        vertical-align:top;
    }

    .main-table td b{
        color:#cd002c;
    }

    .main-table td[class="padding-type1"]{
        padding:10px 0px 0px;
    }

    .main-table td[class*="left"]{
        text-align:left;
        width:70%;
    }
    .main-table td[class*="right"]{
        width:10%;
    }
    .main-table td[class*="mobile-padding"]{
        padding:15px 10px;
    }
    .main-table p[class*="content-exp"]{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        margin:0 10px 18px;
    }

    .top-table{
        width:100%;
        border:0px;
        padding:0px;
        margin:0px;
        border-collapse:collapse;
        border-spacing:0px;
        text-align:left;
        font-size:16px;
    }
    .top-table td[class*="left"]{
        text-align:left;
    }

    .imp-msg{
        width:100%;
        font-size:16px;
        color:#FFFFFF;
        background-color:#cd002c;
        border:solid 1px;
        border-color:#cd002c;
        border-spacing:0px 10px;
    }
    .imp-msg td{
        color:#000000;
        background-color:#FFFFFF;
    }
    .imp-msg th{
        text-align:center;
    }
    .imp-msg td hr[class*="separator-line"]{
        width:100%;
        border:none;
        border-bottom:1px solid #cd002c;
        margin:10px 0;
    }

    .ins-sday{
        font-size:12px;
        width:100%;
    }
    .ins-sday select{
        -moz-transform:scale(0.9);
        -webkit-transform:scale(0.9);
        transform: scale(0.9);
    }
    .ins-sday td[class*="font-size12"]{
        font-size:12px;
    }
    .ins-sday select[class*="select-box-Y"]{
        width:39%;
    }
    .ins-sday span[class*="spece-infill-Y"]{
        margin-left:-3%;
    }
    .ins-sday span[class*="spece-infill-MD"]{
        margin-left:-2%;
    }

    .num-plate{
        width:95%;
        height:140px;
        font-size:13px;
        margin-bottom:20px;
    }
    .num-plate tr{
        width:95%;
    }
    .num-plate td{
        vertical-align:top !important;
    }
    .num-plate td[class*="font-size"]{
        width:20%;
        font-size:10px;
        table-layout:fixed;
    }
    .num-plate td[class*="width1"]{
        width:16%;
    }
    .num-plate td[class*="width2"]{
        width:24%;
    }
    .num-plate td[class*="width3"]{
        width:26%;
    }
    .num-plate td[class*="img"]{
        vertical-align:middle !important;
    }

    .premium-table{
        width:95%;
        margin-left:2%;
        border:solid 1px;
    }
    .premium-table caption{
        color:#696969 !important;
        text-align:left;
        padding-bottom:10px;
    }
    .premium-table th,
    .premium-table td{
        border:solid 1px;
        text-align:center;
        padding:5px 0px;
    }
    .premium-table th{
        background-color:#dcdcdc;
    }
    .premium-table td b{
        color:#cd002c;
    }

    .my-page-inport{
        width:98%;
        border:solid 1px #cd002c;
        text-align:center;
        font-size:12px;
        margin-left:1%;
    }
    .my-page-inport td[class*="padding-top"]{
        padding-top:10px;
    }
    .my-page-inport td[class*="left"]{
        width:68%;
        text-align:left;
    }
    .my-page-inport td[class*="right"]{
        width:20%;
        text-align:right;
        font-size:11px;
    }
    .contractor-info{
        width:100%;
        font-size:12px;
    }

    .contractor-info td[class*="text-area"]{
        width:200px;
    }
    .contractor-info td[class*="name-area"]{
        width:25%;
        padding:0px 0px 10px;
    }
     .contractor-info td[class*="renewal"]{
        width:66px;
        padding:0px 0px 10px;
    }
    .contractor-info td[class*="birthday"]{
        max-width:80px;
    }
    .contractor-info td[class*="birthday-Y"]{
        max-width:110px;
        padding-left:8px;
    }
    .contractor-info td[class*="birthday-Y"] select{
        width:20%;
        min-width:80px;
    }
    .contractor-info td[class="padding"]{
        width:5%;
        padding:0px 0px 10px;
    }

    .addr-table{
        width:100%;
        font-size:12px;
    }
    .addr-table td{
        padding:5px;
    }
    .addr-table td[class*="text-area"]{
        width:200px;
    }
    .addr-table td[class*="item-name"]{
        width:65px;
    }
    .addr-table td[class*="input"]{
        width:50%;
        text-align:left;
    }
    .addr-table td[class*="align-top"]{
        vertical-align:top;
    }
    .addr-table td[class*="padding-top"]{
        padding-top:0px;
    }
    .addr-table td[class*="step4-padding"]{
        padding-top:20px !important;
    }
    .addr-table input[class*="addr-input"],
    .addr-table textarea[class*="addr-input"]{
        margin-left:-7.5%;
    }

    .confirmation{
        width:100%;
        border:solid 1px #000000;
        font-size:14px;
    }
    .confirmation th{
        height:40px;
        border:solid 1px #000000;
        background-color:#808080;
        color:#ffffff;
        text-align:left;
        padding-left:10px;
    }
    .confirmation td{
        border:solid 1px #000000;
        padding:10px;
    }
    .confirmation td[class*="subtitle1"]{
        width:50%;
        background-color:#eeeeee;
    }
    .confirmation td[class*="subtitle2"]{
        width:30%;
        background-color:#eeeeee;
    }
    .confirmation td[class*="input"]{
        padding-left:10px;
    }

    .pledge{
        width:100%;
        height:280px;
        border:solid 1px #808080;
        font-size:16px;
    }
    .pledge p{
        margin:20px 0px 20px 10px;
    }
    .puzzle{
        width:100%;
    }

    .total-table{
        width:100%;
    }
    .total-table th{
        text-align:center;
    }
    .total-table td{
        height:80px;
        border-bottom:solid 2px #cccc99;
        font-size:20px;
        padding:15px 0px;
        text-align:center;
    }
    .total-table td[class*="subtitle"]{
        width:50%;
    }

    .error-step4{
        width:90%;
        margin-left:4%;
    }
    .error-step4 b{
        color:#cd002c;
    }
    .error-step4 td[class*="background"]{
        background-color:#f5f5f5;
    }

    .renewal-input[class*="type1"]{
        width:100%;
        margin-bottom:30px !important;
    }
    .renewal-input td[class*="type1"]{
        vertical-align: top;
        padding-top:20px;
        margin-top:0px;
    }
    .renewal-input td[class*="type2"]{
        vertical-align: top;
        padding-top:0px;
        margin-top:0px;
    }
/*    .renewal-input td{
        width:0%;
    }
*/
    .renewal-input td[class*="subtitle"]{
        vertical-align: top;
        width:25%;
        height:40px;
        padding-top:20px;
        margin-top:0px;
    }
    .renewal-input td[class*="subtitle2"]{
        vertical-align: top;
        width:25%;
        height:40px;
        padding-top:0px;
        margin-top:0px;
    }
    .renewal-input select[class="birthday-Y"]{
        width:80px;
    }

    .btn-table{
        width:100%;
        margin-top:50px;
    }
    .btn-table[class*="step2"]{
        margin-top:17%;
    }
    .btn-table[class*="step4"]{
        margin-top:20px;
    }
    .btn-table td[class*="complete"]{
        width:70%;
    }

    .footer{
        width:100%;
        font-size:10px;
        text-align:center;
    }
    .footer a{
        width:50%;
        height:10px;
        display:block;
        font-size:14px;
        text-align:left;
    }
    .footer-block{
        display:block;
    }

    hr{
        width:100%;
    }
    .feature-table{
        border-collapse:collapse;
        width:100%;
    }
    .feature-table th{
        background-color:#f0f0f0;
        padding:15px 10px;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        align-items:flex-start;
        align-items:center;
    }
    .red-flame{
        text-align:center;
        color:#fff;
        background-color:#cd002c;
        width:65px;
        margin-right:10px;
        flex-shrink:0;
    }
    .feature-table td{
        border-left:4px solid #f0f0f0;
        border-right:4px solid #f0f0f0;
        border-bottom:4px solid #f0f0f0;
        padding:5px;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        flex-wrap:wrap;
    }
    .spic-flame{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        align-items:center;
        width:30%;
        padding:3% 5%;
    }
    .feature-text{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        font-weight:bold;
        font-size:110%;
        margin-bottom:15px;
        width:70%;
        margin:0;
        padding-top:6%;
    }
    .feature-text span{
        color:#cd002c;
    }
    .feature-note{
       margin:0;
       padding:2% 0 2% 5%;
       font-size:14px;
    }
    .premium-example-table{
        border-collapse:separate;
        border-spacing:2px;
        text-align:center;
        width:100%;
        margin:0 0 18px;
        font-size:12px;
    }
    .premium-example-table th{
        color:#fff;
        background-color:#ed8b00;
        width:30%;
        line-height:136%;
    }
    .premium-example-table td{
        background-color:#f0f0f0;
    }
    .premium-example-table th,
    .premium-example-table td{
        padding:5px;
    }
    .premium-example-table td[class*="year"]{
        background-color:#bdc1c4;
        font-weight:bold;
    }
    .new-premium-example-table{
        border-collapse:separate;
        border-spacing:2px;
        text-align:center;
        width:94%;
        margin:0 0 18px;
        font-size:12px;
    }
    .new-premium-example-table th{
        color:#fff;
        background-color:#0068b4;
        width:30%;
        line-height:136%;
    }
    .new-premium-example-table td{
        background-color:#f0f0f0;
    }
    .new-premium-example-table th,
    .new-premium-example-table td{
        padding:5px;
    }
    .new-premium-example-table td[class*="year"]{
        background-color:#bdc1c4;
        font-weight:bold;
    }
}

@media (max-width: 320px){
    .ins-sday td[class*="font-size12"]{
        font-size:10px;
    }
}

/* navigation module
--------------------------------------------------------------------------------------------------- */
.m-button a,
.m-button button,
.m-button input[type="button"],
.m-button input[type="submit"],
.m-button input[type="reset"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #cd002c;
    border-radius:6px;
    background:#cd002c;
    color:#ffffff;
    text-decoration:none;
}
.m-button > li{
    display:inline-block;
    vertical-align:middle;
    margin:10px 5px 0;
}
.m-button[class*="reverse"] a:hover{
    background:#cd002c;
    color:#fff4f6;
}

.m-button{
    text-align:center;
}
.m-button[class*="left"]{
    text-align:left;
}
.m-button a,
.m-button button,
.m-button input[type="button"],
.m-button input[type="submit"],
.m-button input[type="reset"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #cd002c;
    border-radius:6px;
    background:#cd002c;
    color:#ffffff;
    text-decoration:none;
}

.m-button[class*="reverse"] a:hover{
    background:#cd002c;
    color:#fff4f6;
}
.m-button a.is_disabled,
.m-button a[disabled],
.m-button button.is_disabled,
.m-button button[disabled],
.m-button input[type="button"].is_disabled,
.m-button input[type="button"][disabled],
.m-button input[type="submit"].is_disabled,
.m-button input[type="submit"][disabled],
.m-button input[type="reset"].is_disabled,
.m-button input[type="reset"][disabled]{
    border:1px solid #999999;
    background:#dddddd;
    color:#aaaaaa;
    pointer-events:none;
}
.m-button[class*="border"] a,
.m-button[class*="border"] button,
.m-button[class*="border"] input[type="button"],
.m-button[class*="border"] input[type="submit"],
.m-button[class*="border"] input[type="reset"],
.m-button [class*="border"] a,
.m-button [class*="border"] button,
.m-button [class*="border"] input[type="button"],
.m-button [class*="border"] input[type="submit"],
.m-button [class*="border"] input[type="reset"]{
    border:1px solid currentColor;
    background:#ffffff;
    color:#cd002c;
}
.m-button[class*="border"] button.is_disabled{
    border:1px solid #999999;
    background:#dddddd;
    color:#aaaaaa;
}
.m-button[class*="gray"] a,
.m-button[class*="gray"] button,
.m-button[class*="gray"] input[type="button"],
.m-button[class*="gray"] input[type="submit"],
.m-button[class*="gray"] input[type="reset"],
.m-button [class*="gray"] a,
.m-button [class*="gray"] button,
.m-button [class*="gray"] input[type="button"],
.m-button [class*="gray"] input[type="submit"],
.m-button [class*="gray"] input[type="reset"]{
    border:1px solid #999999;
    background:#a9a9a9;
    color:#ffffff;
    margin-right:10%;
}
.open-window{
    padding:15px 0 0;
    text-align:center;
}
.open-window button[type*="button"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:1px 1px 5px rgba(0,0,0,0.2);
    margin:0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
}
.open-window button[type*="button"] .btn-title{
    color:#000;
    text-align:center;
    font-weight:bold;
    line-height:136%;
    margin:0 auto;
}
.open-window button[type*="button"] .triangle{
    color:#cd002c;
}

@media (max-width: 768px){
    .m-button{
        margin:0px 0px 20px;
    }
    .m-button[class*="step4"]{
        padding:10px 0px;
    }
    .m-button[class*="step5"]{
        padding:10px 0px 0px;
    }
    .m-button a,
    .m-button button,
    .m-button input[type="button"],
    .m-button input[type="submit"],
    .m-button input[type="reset"]{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        display:inline-block;
        vertical-align:middle;
        padding-top:13px;
        padding-bottom:13px;
        font-weight:bold;
        -webkit-transition:background .3s ease, color .3s ease;
        transition:background .3s ease, color .3s ease;
    }
    .m-button a:hover
    .m-button button:hover
    .m-button input[type="button"]:hover
    .m-button input[type="submit"]:hover
    .m-button input[type="reset"]:hover{
        border-width:1px;
        padding-top:11px;
        padding-bottom:11px;
        background:#fff4f6;
        color:#cd002c;
    }
    .m-button[class*="gray"] a:hover,
    .m-button[class*="gray"] button:hover,
    .m-button[class*="gray"] input[type="button"]:hover,
    .m-button[class*="gray"] input[type="submit"]:hover,
    .m-button[class*="gray"] input[type="reset"]:hover,
    .m-button [class*="gray"] a:hover,
    .m-button [class*="gray"] button:hover,
    .m-button [class*="gray"] input[type="button"]:hover,
    .m-button [class*="gray"] input[type="submit"]:hover,
    .m-button [class*="gray"] input[type="reset"]:hover{
        border-width:1px;
        background-color:#f5f5f5;
        color:#333333;
    }
    .m-button[class*="type03"] a,
    .m-button[class*="type03"] button,
    .m-button[class*="type03"] input[type="button"],
    .m-button[class*="type03"] input[type="submit"],
    .m-button[class*="type03"] input[type="reset"]{
        width:40%;
    }
    .m-button[class*="type04"] a,
    .m-button[class*="type04"] button,
    .m-button[class*="type04"] input[type="button"],
    .m-button[class*="type04"] input[type="submit"],
    .m-button[class*="type04"] input[type="reset"]{
        display:block;
        width:100%;
    }
    .m-button[class*="type05"] a,
    .m-button[class*="type05"] button,
    .m-button[class*="type05"] input[type="button"],
    .m-button[class*="type05"] input[type="submit"],
    .m-button[class*="type05"] input[type="reset"]{
        min-width:260px;
    }
    .m-button[class*="large"] a:hover,
    .m-button[class*="large"] button:hover,
    .m-button[class*="large"] input[type="button"]:hover,
    .m-button[class*="large"] input[type="submit"]:hover,
    .m-button[class*="large"] input[type="reset"]:hover{
        padding-top:13px;
        padding-bottom:13px;
    }
    .m-button[class*="step1"] a,
    .m-button[class*="step1"] button,
    .m-button[class*="step1"] input[type="button"],
    .m-button[class*="step1"] input[type="submit"],
    .m-button[class*="step1"] input[type="reset"]{
        padding:5px 0px 10px;
        height:80px;
    }
    .m-button[class*="step1"] a:hover,
    .m-button[class*="step1"] button:hover,
    .m-button[class*="step1"] input[type="button"]:hover,
    .m-button[class*="step1"] input[type="submit"]:hover,
    .m-button[class*="step1"] input[type="reset"]:hover{
        padding:4px 0px 9px;
    }
    .m-button[class*="mypage"] a,
    .m-button[class*="mypage"] button,
    .m-button[class*="mypage"] input[type="button"],
    .m-button[class*="mypage"] input[type="submit"],
    .m-button[class*="mypage"] input[type="reset"]{
        padding:13px;
        margin-left:50px;
    }
    .m-button[class*="modification"] a,
    .m-button[class*="modification"] button,
    .m-button[class*="modification"] input[type="button"],
    .m-button[class*="modification"] input[type="submit"],
    .m-button[class*="modification"] input[type="reset"],
    .m-button [class*="modification"] a,
    .m-button [class*="modification"] button,
    .m-button [class*="modification"] input[type="button"],
    .m-button [class*="modification"] input[type="submit"],
    .m-button [class*="modification"] input[type="reset"]{
        width:160px;
        height:40px;
        font-size:14px;
        border:1px solid #999999;
        background-color:#ffffff;
        color:#7e7e7e;
        padding:0px;
        margin-left:20px;
    }
    .m-button[class*="addr-srch"] a,
    .m-button[class*="addr-srch"] button,
    .m-button[class*="addr-srch"] input[type="button"],
    .m-button[class*="addr-srch"] input[type="submit"],
    .m-button[class*="addr-srch"] input[type="reset"]{
        width:160px;
        height:30px;
        padding:0px;
        background-color:#ffffff;
        color:#cd002c;
        margin-bottom:0%;
    }
    .m-button[class*="addr-srch"] a:hover,
    .m-button[class*="addr-srch"] button:hover,
    .m-button[class*="addr-srch"] input[type="button"]:hover,
    .m-button[class*="addr-srch"] input[type="submit"]:hover,
    .m-button[class*="addr-srch"] input[type="reset"]:hover{
        padding:0px !important;
    }
    .m-button[class*="end"] a,
    .m-button[class*="end"] button,
    .m-button[class*="end"] input[type="button"],
    .m-button[class*="end"] input[type="submit"],
    .m-button[class*="end"] input[type="reset"],
    .m-button [class*="end"] a,
    .m-button [class*="end"] button,
    .m-button [class*="end"] input[type="button"],
    .m-button [class*="end"] input[type="submit"],
    .m-button [class*="end"] input[type="reset"]{
        font-size:18px;
    }
    #btnFontSize{
        font-size:18px;
    }
    #btnFontSize2{
        font-size:10px;
    }
    .open-window{
        width:100%;
    }
    .open-window button[type*="button"]{
        width:100%;
        padding:12px;
        margin:0;
    }
}
@media (max-width: 768px){
    .circle-list{
        position: relative;
        width:95%;
        display: list-item;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        border-radius: 10px;
        padding:5px;
        background: #ffffff;
        counter-reset: section;
        list-style-type: none;
        display: inline-block;
        top: 0;
        left: 0;
    }

/* リストの番号のところに関係*/
    ul.circle-list>li:before {
        position:absolute;
        left:10px!important;
        line-height:1.3;
        text-align:center;
        counter-increment: section;
        content: counter(section);
        background-color: #727272;
        color: #ffffff;
        font-weight: bold;
        width:20px;
        height:20px;
        margin-left:5px;
        padding:2px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
    }

    ul.circle-list li{
        border: 2px solid #777;
        border-radius:8px;
        padding:10px 0px 10px 40px !important;
        margin-bottom:10px;
        text-align:left;
    }

    /* 中黒（・）を先頭とするリスト */
    .dot-bullet-list {
        padding-left:1em;
    }

    ul.dot-bullet-list li {
        padding-top:0.25em;
        padding-bottom:0.25em;
    }

    ul.dot-bullet-list li:first-child {
        padding-top:0;
    }

    ul.dot-bullet-list li:last-child {
        padding-bottom:0;
    }

    ul.dot-bullet-list li:before {
        content: "・";
        margin-left: -1em;
    }

    .note-list li{
        line-height:136%;
    }
}

    .in-line li{
        display:inline;
    }
.note-list li{
    padding:0 0 0 2em;
    margin-bottom:6px;
    position:relative;
}
.note-list li span{
	position:absolute;
	left:0;
	top:0;
}

/* image module
--------------------------------------------------------------------------------------------------- */
.icon-question {
    display: inline-block;
    position: relative;
    padding-left: 1.2em;
    text-decoration: underline;
    font-size:12px;
}

.icon-question:before{
    vertical-align: middle;
    position: absolute;
    top: 0.70em;
    left: 0.5em;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    content: " ";
    display: inline-block;
    width: 1.0em;
    max-width: 24px;
    height: 1.0em;
    max-height: 24px;
    background: url(../../image/icon_question.png) no-repeat center left;
    background-size: 100% auto;
}

.icon-radio {
    font-size: 1.4rem;
    display: inline-block;
    position: relative;
    width: auto;
}

.icon-radio:not(:last-child) {
    margin-right: 1.0em;
}

.icon-radio>span {
    position: relative;
}

/** radio **/
.icon-radio input[type="radio"]+label {
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding-left: 2.75em;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom:10%;
}

.icon-radio input[type="radio"]:checked+label {
    color: #cd002c;
}

@media (max-width: 768px){
    .icon-radio input[type="radio"]+label:before {
        vertical-align: middle;
        border: 1px solid #a1a1a1;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        content: " ";
        position: absolute;
        top: 50%;
        left: 52%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        display: block;
        width: 20px;
        height: 20px;
        background-color: #ffffff;
    }

    .icon-radio input[type="radio"][disabled]+label {
        color: #777 !important;
    }

    .icon-radio input[type="radio"][disabled]+label:before {
        background-color: #ccc !important;
    }

    .icon-radio input[type="radio"]:checked+label:after {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: 52%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        background: #cd002c;
        width: 11px;
        height: 11px;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        -o-border-radius: 11px;
        -ms-border-radius: 11px;
        border-radius: 11px;
    }

    .icon-radio input[type="radio"] {
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 20px;
        width: 1px !important;
        height: 1px;
        font-size: 0;
        line-height: 0;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }

    .img-header{
        width:98%;
        height:40px;
    }

    .img-logo{
        width:150px;
        height:75px;
    }

    .img-exp{
        width:100%;
        margin:10px 0;
    }

    .img-spic{
        width:100%;
    }

    .img-exp[class*="pc"],
    .img-spic[class*="pc"]{
        display:none;
    }

    .img-exp[class*="mobile"],
    .img-spic[class*="mobile"]{
        display:inline-block;
    }

    .img-step{
        width:85%;
        height:60%;
        text-align:left;
        padding-left:4%;
    }

    .img-number{
    }

    .img-japan-da1{
        width:100px;
        height:100px;
    }
    .img-japan-da2{
        width:80px;
        height:80px;
    }
    .img-japan-da3{
        width:50px;
        vertical-align:top;
        margin-left:40px;
    }
    .img-capy-reload{
        height: 18px;
        width: 20px;
        vertical-align: sub;
    }
    .info-flame{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding:15px;
        border:4px solid #f0f0f0;
        width:100%;
    }
    .info-flame .img-exp{
        margin:18px 0;
    }
}

/* other module
--------------------------------------------------------------------------------------------------- */
h4{
    border-left:solid 3px;
    border-color:#cd002c;
    margin:10px 0px;
}

.top-padding{
    padding:30px 0px;
}

#bikeKindUnder{
    display:none;
}

#bikeKindOver{
    display:none;
}

#certification{
    display:none;
}
#certificationTitle{
    display:none;
}
#step4Title{
    display:none;
}
#btnEnd{
    display:none;
}
#btnBack{
    display:none;
}
#cmbStateNonDisp{
    display:none;
}
#txtAddNo1_EMG{
    display:none;
}
#txtAddNo2_EMG{
    display:none;
}
#selAddress{
    display:none;
}
#addressAjaxErr{
    display:none;
}
#loginFailedEMG{
    visibility:hidden;
}

.ime-on{
    ime-mode:active;
}

.ime-off{
    ime-mode:inactive;
}

.word-break{
    word-break:break-all;
}

.list-style-num{
    padding-left:5%;
}
.list-style-num li{
    list-style-type:decimal;
    padding-left:2%;
    width:95%;
}

.color-red{
    color:#cd002c;
}

.padding-top-off{
    padding-top:0px !important;
}

@media (max-width: 768px){
    h2{
        font-size:18px !important;
        border-left:solid 3px;
        border-color:#cd002c;
        margin:10px 0px;
    }
    h2[class*="no-agree"]{
        color:#cd002c;
        border-left:0px;
    }
    h2[class*="error"]{
        border-left-width:0px;
        width:98%;
        margin-left:1%;
        border-bottom:solid 4px #cd002c;
    }
    h2[class*="lnk-cc"]{
        color:#cd002c;
        border-left:0px;
        text-align:left;
    }
    h2[class*="lnk-important"]{
        border-left:0px;
        color:#cd002c;
    }
    h2[class*="lnk-splcnt"]{
        border-left:0px;
    }
    h3[class*="lnk-important"]{
        margin-top:30px;
        margin-bottom:0px;
        color:#000080;
        font-size:20px;
    }
    h3[class*="lnk-splcnt"]{
        margin-bottom:0px;
        color:#000080;
        font-size:20px;
    }
    h3[class*="top-exp"]{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        border-top:solid 3px;
        border-color:#cd002c;
        padding:12px 10px 23px;
        margin:0;
        width:100%;
        font-size:17px;
    }
    h4[class*="ptable-title"]{
        font-size:14px;
        padding-left:10px;
    }
    h5[class*="panel-title"]{
        text-align:left;
        line-height:1.2;
        margin:0;
    }
    h5[class*="img-title"]{
        text-align:left;
        margin:0;
    }

    #inJoinIns{
        display:none;
        height:120px;
    }

    #joinIns{
        display:none;
        height:120px;
    }
    #btnSrcAddMargin1{
        display:none !important;
        height:10px;
    }
    #btnSrcAddMargin2{
        display:none !important;
        height:20px;
    }
    .step4-display{
        display:none;
    }

    #fontSize{
        font-size:13px;
    }
    #fontSize2{
        font-size:18px;
    }
    .font-size13{
        font-size:13px;
    }

    .text-area{
        width:200px;
    }
    .text-area2{
        width:15%;
    }
    .authentication{
        height:250px;
    }

    .list-style-num[class*="step2"]{
        padding-left:3%;
    }
    .list-style-num[class*="step2"] li{
        font-size:12px;
    }

    .error-msg{
        color:#cd002c;
        font-size:14px;
    }
    .error-msg[class*="step4"]{
        margin-left:5%;
    }
    .error-msg[class*="size16"]{
        font-size:16px;
    }
    .error-msg[class*="size12"]{
        font-size:12px;
    }
    .error-msg[class*="block"]{
        display:block;
    }
    .error-msg[class*="inline"]{
        display:inline;
    }

    .total-list-border{
        border:solid 2px #000000;
        height:80px;
    }

    .border-lnk-cc{
        border:solid 1px #000000;
        margin:4px;
        padding:10px;
        position:relative;
        font-size:15px;
    }
    .border-lnk-cc::before {
        content: '';
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        border:solid 3px #000000;
        position: absolute;
        top: -7px;
        left: -7px;
    }

    .border-red{
        width:96%;
        border:solid 2px #cd002c;
        color:#cd002c;
        padding:15px 0px;
        font-size:20px;
    }
    .border-red[class*="koukai"]{
        width:93%;
        padding:20px 10px;
        font-size:14px;
        text-align:center;
    }

    #premiumConfirmation{
        width:85%;
        height:26px;
        font-size:14px;
        background:#cd002c;
        color:#ffffff;
        text-align:center;
        vertical-align:middle;
        margin:0 auto;
        padding-top:1%;
    }

    #completeCaption{
        width:160px;
        height:30px;
        border:solid 2px #cd002c;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        font-weight:600;
    }

    #totalListCaption{
        width:70%;
        height:40px;
        background-color:#000080;
        color:#ffffff;
        font-size:22px;
        vertical-align:middle;
        margin-left:15%;
    }

    .lbel-required{
        font-size:14px;
        background-color: #cd002c;
        color: #ffffff;
        padding: 1px 10px;
    }

    .iframe-size{
        position: relative;
        width: 100%;
        height:400px;
        overflow:hidden auto;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
    }
    .iframe-size[class*="splcnt"] {
        width: 262px;
        height: 220px;
        -o-transform:             scale(1.35);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.35);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.35);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.35);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.35);
        transform-origin:         0% 0%;

    }

    .iframe-size[class*="important"] {
        width: 253px;
        height: 220px;
        -o-transform:             scale(1.3);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.3);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.3);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.3);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.3);
        transform-origin:         0% 0%;
        margin-bottom: 20%;
    }

    .iframe-size[class*="step1"] {
        width: 261px;
        height: 200px;
        -o-transform:             scale(1.14);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.14);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.14);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.14);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.14);
        transform-origin:         0% 0%;
        margin-bottom: 10%;
    }

    .iframe-size iframe{
        height:98%;
        top:0;
        left:0;
        display:block;
        overflow:hidden scroll;
    }
    .iframe-size[class*="type1"] iframe{
        width:100%;
    }
    .iframe-size[class*="type2"] iframe{
        width:96%;
    }

    .iframe-step1-important {
        width:90% !important;
    }

    .iframe-important {
        width:80% !important;
    }

    .iframe-splcnt {
        width:67% !important;
    }

    .block{
        display:block;
        padding-top:0px !important;
        padding:0px;
    }
    .flex{
        display:flex;
    }
    .inline{
        display:inline-block;
    }
    .inline-block{
        display:inline-block;
    }
    .inline-flex{
        display:inline-flex;
        margin-bottom:0px !important;
    }

    .text-indent{
        text-indent: -1em;
    }

    .css-br-mobile[class*="after"]:after,
    .css-br-mobile[class*="after"]::after{
        content:"\A";
        white-space:pre-wrap;
    }

    .css-br-mobile[class*="before"]:before,
    .css-br-mobile[class*="before"]::before{
        content:"\A";
        white-space:pre-wrap;
    }

    .margin[class*="addr-search"]{
        margin:0%;
        margin-right:20%;
    }
    .margin-top{
        margin-top:50px;
    }
    .margin-top[class*="type1"]{
        margin-top:30px;
    }
    .margin-right[class*="step2"]{
        margin-right:20px;
    }
    .margin-left{
        margin-left:0px;
    }
    .margin-left[class*="renewal-input"]{
        margin-left:10% !important;
    }
    .margin-left[class*="top-news"]{
        margin-left:1em;
    }
    .margin-bottom{
        margin-bottom:20px;
    }
    .margin-bottom-off{
        margin-bottom:0px !important;
    }
    .margin-off{
        margin:0px !important;
    }

    .padding[class*="type01"]{
        padding:20px 0px 50px 10px;
    }
    .padding-top{
        padding-top:50px;
    }
    .padding-top[class*="type01"]{
        padding-top:10px !important;
    }
    .padding-top[class*="type02"]{
        padding-top:30px !important;
    }
    .padding-top[class*="type03"]{
        padding-top:0px;
    }
    .padding-top[class*="type04"]{
        padding-top:40px;
    }
    .padding-top-off{
        padding-top:0px !important;
    }
    .padding-right{
        padding-right:25px !important;
    }
    .padding-bottom{
        padding-bottom:20px !important;
    }
    .padding-bottom[class*="type02"]{
        padding-bottom:50px !important;
    }
    .padding-left{
        padding-left:20px;
    }
    .padding-left[class*="type01"]{
        padding-left:50%;
    }

    .list-style{
        list-style:disc;
        list-style-position:outside;
    }

    .overlap{
        position: relative;
        z-index:100;
    }
    .overlap[class*="under"]{
        z-index:50;
    }

    .align-top{
        vertical-align:top !important;
    }

    .text-align[class*="right"]{
        text-align:right;
    }
    .text-align[class*="left"]{
        text-align:left;
    }
    .text-align[class*="center"]{
        text-align:center;
    }

    .mobile-align[class*="center"]{
        text-align:center;
    }
    .mobile-align[class*="left"]{
        text-align:left;
    }
    .mobile-align[class*="right"]{
        text-align:right;
    }

    .width[class*="type1"]{
        width:55%;
        text-align:left;
        padding-left:18%;
    }
    .width[class*="type2"]{
        width:20px;
    }
    .width[class*="type3"]{
        width:55%;
    }
    .width[class*="type4"]{
        width:100%;
    }
    .width[class*="type5"]{
        width:110px;
        padding-left:0%;
    }
    .width[class*="type6"]{
        width:85px;
        padding-left:0%;
    }
    .width[class*="type7"]{
        width:55%;
    }
    .width[class*="type8"]{
        width:55%;
    }

    .height[class*="type1"]{
        height:10px;
    }
    .height[class*="type2"]{
        height:20px;
    }
    .height[class*="type3"]{
        height:40px;
    }
    .height[class*="type4"]{
        height:85px;
    }
    .height[class*="type8"]{
        height:40px;
    }

    .box-size{
        width:240px;
    }
    .box-size2{
        width:140px;
    }
    .box-size3{
        width:60px;
    }
    .box-size4{
        width:450px;
        height:50px;
    }
    .box-size5{
        width:250px;
    }
    .box-size6{
        width:100%;
    }
    .box-size7{
        width:150px;
    }
    .box-size9{
        width:105px;
    }
    .box-size10{
        width:100%;
    }

    .space-pc{
         display:none;
    }
    .space-mobile{
         display:inline;
    }

    ::-webkit-input-placeholder{
        font-size:11px;
        vertical-align:middle;
    }
    :-moz-placeholder{
        font-size:11px;
        vertical-align:middle;
    }
    ::-moz-placeholder{
        font-size:11px;
        vertical-align:middle;
    }
    :-ms-input-placeholder{
        font-size:11px;
        vertical-align:middle;
    }
    ::placeholder{
        font-size:11px;
        vertical-align:middle;
    }

    .input-transform{
        -moz-transform:scale(0.85);
        -webkit-transform:scale(0.85);
        transform: scale(0.85);
        transform-origin:left top;
    }
}

@media (min-width: 400px) and (max-width: 768px){
    .iframe-size[class*="splcnt"] {
        -o-transform:             scale(1.5);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.5);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.5);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.5);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.5);
        transform-origin:         0% 0%;
        margin-bottom: 10% !important;
    }

    .iframe-size[class*="important"] {
        -o-transform:             scale(1.4);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.4);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.4);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.4);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.4);
        transform-origin:         0% 0%;
        margin-bottom: 25%;
    }

    .iframe-size[class*="step1"] {
        -o-transform:             scale(1.28);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.28);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.28);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.28);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.28);
        transform-origin:         0% 0%;
        margin-bottom: 17%;
    }
}

@media (max-width: 360px){
    .iframe-size[class*="splcnt"] {
        -o-transform:             scale(1.2);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.2);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.2);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.2);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.2);
        transform-origin:         0% 0%;
    }

    .iframe-size[class*="important"] {
        -o-transform:             scale(1.2);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1.2);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1.2);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1.2);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1.2);
        transform-origin:         0% 0%;
        margin-bottom: 18%;
    }

    .iframe-size[class*="step1"] {
        width: 261px;
        height: 200px;
        -o-transform:             scale(1);
        -o-transform-origin:      0% 0%;
        -ms-transform:            scale(1);
        -ms-transform-origin:     0% 0%;
        -moz-transform:           scale(1);
        -moz-transform-origin:    0% 0%;
        -webkit-transform:        scale(1);
        -webkit-transform-origin: 0% 0%;
        transform:                scale(1);
        transform-origin:         0% 0%;
        margin-bottom: 0%;
    }

    .box-size6{
        width:120%;
    }
}

@media (max-width: 320px){
    .main-table[class*="koukai-auth2"]{
        font-size:13px;
    }

    .ins-sday select[class*="select-box-Y"]{
        width:30%;
        max-width:100px;
    }

    .box-size3{
        width:50px;
    }
    .box-size5{
        width:200px;
    }
}

.hide {
    display:none;
}

#blank-line-adjustment{
    line-height:2.5em;
}