@charset "UTF-8";

*{
    margin: 0; padding: 0;
}


/* ************************************ */
/* reset */
/* ************************************ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: 100;
    line-height: 1.4;
    font-size: 14px;
    color: #444444;
    vertical-align: baseline;
}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
html{ overflow-y: scroll; position: relative; height: 100%;}
blockquote, q { quotes: none;}
table{
    width:100%;
    border-collapse: collapse;
    border-spacing:0;
}
img {
    max-width:100%;
    width: auto;
    height: auto;
    display: block;
}
a {
    text-decoration: none;
    transition: all 0.3s;
}
:hover,
:focus,
:active{transition: all 0.3s;}
::selection {background: #ffe400; color: #000;}
::-moz-selection {background: #ffe400; color: #000;}

a:hover{
    text-decoration: underline;
    opacity: 0.6;
}
a img:hover {
    filter: alpha(opacity=4);
    -moz-opacity:0.4;
    opacity:0.4;
}
ul,ol{ list-style: none;}
/* ************************************ */
/* main */
/* ************************************ */
.page-wrap{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
/* ************************************ */
/* header */
/* ************************************ */
.header{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.header-inner{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    box-sizing: content-box;
}
.header-inner__logo.is_pc{
    position: absolute;
    width: 65%;
    left: -9%;
    bottom: 6%;
}
.header-inner__device.is_pc{
    width: 33.6%;
    float: right;
    margin: 10% 0 -14% 0;
}


/* ************************************ */
/* setion */
/* ************************************ */
.section.is_download{
    background-color: #fff4bf;
    border-top: 3px solid #64daf3;
}
.section-inner{
    max-width: 1000px;
    margin: 0 auto;
    padding: 2% 0;
}
.is_download .section-inner-text{
    display: block;
    width: 50%;
    text-align: center;
    font-size: 18px;
    margin: 0 0 2% 0;
}
.is_download .section-inner-text__campaign{
    font-size: 18px;
    color: #fe3636;
}
.store-badge{width: 50%;}
.store-badge-item{width: 48%;}
.store-badge-item.is_android{
float: left;
}
.store-badge-item.is_ios{
    float: right;
}
.store-badge-item-link{width: 62.9%;}
.is_android .store-badge-item-link{float: right;}
.is_ios .store-badge-item-link{float: left;}

/* ************************************ */
/* footer */
.footer{
    padding: 2% 0;
}
.footer-navigation{
    max-width: 1000px;
    margin: 0 auto 2%;
    background-color: #fff;
}
.footer-navigation-list{
    text-align: center;
}
.footer-navigation-item{
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
}
.footer-navigation-item__link{
    display: block;
    padding: 5px 0;
    text-decoration: underline;
    font-size: 16px;

}
.footer__copylight{
    display: block;
    text-align: center;
    font-size: 12px;
}

/* ************************************ */

/* ************************************ */
/* clearfix */
/* ************************************ */
.header-inner::after,
.store-badge::after,
.store-badge-item-link::after{
    content: "";
    display: block;
    clear: both;
}
/* ************************************ */
/* media query */
/* ************************************ */
@media screen and (min-width:768px){
    /* PC表示 */
    .header{
        background-image: url("../img/header_background_is_pc.jpg");
    }
    .is_pc{display: block;}
    .is_sp{display: none;}
}
@media screen and (max-width:768px){
    /* SP表示 */
    .header{
        background-image: url("../img/header_background_is_sp.jpg");
    }
    .is_pc{display: none;}
    .is_sp{display: block;}

    .header-inner{padding: 45% 0 0 0;}
    .header-inner__logo.is_sp{
        width: 100%;
        margin: 0 auto;
    }
    .header-inner__device.is_sp{
        width: 70.8%;
        margin: 0 auto -10% auto;
    }
    .section-inner{
        margin: 0 auto;
        padding: 12% 3% 5% ;
    }
    .is_download .section-inner-text{
        width: auto;
        margin: 0 auto 5% auto;
    }
    .store-badge{
        width: auto;
    }
    .store-badge-item-link{
        width: auto;
    }
}



/* ************************************ */
/* inside page */
/* ************************************ */
.page-wrap.is_inside .header{
    background: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(51,185,231,0.5);
            box-shadow: 0 0 10px rgba(51,185,231,0.5);
    margin: 0 0 40px 0;
}
.page-wrap.is_inside .header-inner{
    display: block;
    padding: 0;
    margin: 0 auto;
}
.page-wrap.is_inside .header-inner-logo{
    display: block;
    width: 17.8%;
    padding: 3% 0;
    margin: 0 auto;
}
.page-wrap.is_inside .header-inner-logo__image{
    display: block;
}
.is_inside .section {
    margin: 0 0 40px 0;
}
.is_inside .section-title {
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 28px;
}
.is_inside .section-title::after{
    content: "";
    display: block;
    width: 5%;
    height: 2px;
    background-color: rgba(100,218,243,1);
    margin: 20px auto 0;
}

.is_inside .section-title__subtext{
    display: block;
    text-align: center;
    font-style: 16px;
    padding: 10px 0 0 0;
}
.is_inside .section-inner{
    max-width: 960px;
    margin: 0 auto;
}
.is_inside .rules{
    border-bottom: solid 1px #eee;
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
}
.is_inside .rules:last-child{
    border: none;
}

.is_inside .rules__title{
    font-size: 18px;
    margin: 0 0 10px 0;
}
.is_inside .rules__text,
.is_inside .rules-text{
    color: #666;
}
.table.is_rules{}
.table.is_rules .table-line{}
.table.is_rules .table-line:nth-child(odd){
    background-color: #f9f9f9;
}
.table.is_rules .table-line__title{
    text-align: left;
    width: 20%;
    vertical-align: middle;
}
.table.is_rules .table-line__title,
.table.is_rules .table-line__data{
    padding: 10px;
}
.is_inside .rules-list{
    list-style-type: decimal;
    padding: 10px 0 10px 2em;
}
.is_inside .rules-list.is_circle{
    list-style-type: circle;
}

.is_inside .rules-list__item{
    color: #666;
    margin: 0 0 5px 0;
}
.is_inside .section.is_fee .section-inner{
    max-width: 640px;
}
.table.is_fee{}
.table.is_fee .table-line{}
.table.is_fee .table-line:nth-child(odd){background-color: #f9f9f9;}
.table.is_fee .table__title {
    text-align: left;
    vertical-align: middle;
}
.table.is_fee .table__title,.table.is_fee .table-data{padding: 10px;}
.table.is_fee .table-data__exception{text-decoration: line-through;}
.table.is_fee .table-data__campaign{
    display: block;
    color: #fe3636;
}
.fee-late {
    display: block;
    text-align: right;
}
.is_inside .section-inner{
    margin: 0 auto;
    padding: 2% 3%;
}
.is_inside .section-inner-text{
    width: auto;
    margin: 0 auto 2% auto;
}
.is_inside .store-badge{width: auto;}
.is_inside .store-badge-item-link{width: auto;}
.is_inside .law-image{margin: 0 auto;}
.table.is_contact{
    max-width: 640px;
    margin: 0 auto;
}
.table.is_contact .table-line{border-bottom: solid 1px #eee;}
.table.is_contact .table-line:last-child{border: none;}
.table.is_contact .table-line__title{vertical-align: middle;}
.table.is_contact .table-line__title,
.table.is_contact .table-line-data{
    font-size: 16px;
    padding: 40px 0;
}
.is_inside .contact-subject-data{}
.table.is_contact .table-line-data__input,
.table.is_contact .table-line-data__textarea{
    font-size: 14px;
    padding: 10px;
    border: solid 1px #eee;
    background-color: #F3F3F4;
}
.table.is_contact .table-line-data__input{
    width: 80%;
}
.table.is_contact .table-line-data__textarea{
    width: 100%;
    height: 10em;
    resize: none;
    outline: none;
    border: solid 1px #eee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.table.is_contact .table-line-data__input:focus,
.table.is_contact .table-line-data__textarea:focus{
    background-color: #fefefe;
    outline: none;
}
.is_inside .contact-submit{
    display: block;
    min-width: 240px;
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    border: none;
    margin: 0 auto;
    background-color: #5ac02c;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.is_postcheck .section-inner{
    min-height: 300px;
}
.box-message {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}
.history-back{
    display: block;
    text-align: center;
    width: 20%;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    background-color: #aaaa;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.history-back:hover{
    border-radius: 3px;
    text-decoration: none;
}