@charset "utf-8";
@keyframes check {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.wrap {
    background-position: 50% 0.3em;
}
.logo-site {
    width: 68.267%;
    padding: 13.3% 0 0 15.6%;
}
.tl-top {
    width: 84.4%;
    padding: 0 0 0 9%;
    margin: 14.6% 0 5.3%;
}
.box-detail {
    background: #fff;
    width: 85.334%;
    margin: 0 auto 7.4%;
    box-sizing: border-box;
    padding: 8.1% 3.9% 7.6%;
    text-align: justify;
}
.tl-detail {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin: 0 0 1.8em;
    padding: 2em 0 0;
}
.lay-pt0 {
    padding-top: 0;
}
.list-detail,
.txt-detail,
.stl-detail {
    font-size: 2.6em;
    line-height: 1.827;
    letter-spacing: 0.1em;
}
.list-detail {
    list-style: decimal inside;
}
.stl-detail {
    font-weight: 700;
    margin: 1.8em 0 0;
    letter-spacing: 0.04em;
}
.check {
    font-size: 3em;
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.btn-application {
    width: 100%;
    display: block;
    margin: 7.1% auto 4.6%;
    font-size: 4em;
    text-decoration: none;
    text-align: center;
    border: solid 0.1em;
    font-weight: 700;
    border-radius: 1.9em;
    padding: 6.3% 0 7.7%;
    letter-spacing: 0.06em;
    background: #fff url(../images/disclaimer/icon_blank.svg) no-repeat 92.7% 50%;
    background-size: 0.9em auto;
    color: #86b0d8;
    pointer-events: none;
    position: relative;
    transition: color 200ms ease-out;
    box-sizing: border-box;
}
.btn-application:after {
    content: "";
    background: transparent url(../images/disclaimer/icon_blank_checked.svg) no-repeat 92.7% 50%;
    background-size: 0.9em auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 200ms ease-out;
}
.btn-application.lay-checked {
    color: #0762b1;
    pointer-events: auto;
}
.btn-application.lay-checked:after {
    opacity: 1;
}
.wrap-btn-application {
    position: relative;
    width: 85.334%;
    margin: 0 auto;
}
.cover-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/spacer.png) repeat;
    border-radius: 1.5em;
    font-size: 4em;
}
.txt-btn {
    font-size: 2em;
    text-align: center;
    display: block;
    padding: 0 0 14%;
    letter-spacing: 0.06em;
}
#check-agree {
    display: none;
}
.label-check-agree {
    position: relative;
    display: inline-block;
    padding: 0 0 0 1.9em;
}
.label-check-agree:before {
    content: "";
    border: solid 0.134em;
    width: 1.5em;
    display: block;
    height: 1.5em;
    border-radius: 0.4em;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    margin: -0.2em 0 0 -0.7em;
}
.box-label-check {
    position: relative;
    display: inline-block;
}
.box-check-icon {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 1.6em;
    transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: scale(1);
    margin: -0.3em 0 0 -0.5em;
    z-index: 1;
    pointer-events: none;
}
.icon-check {
    width: 1.6em;
    position: absolute;
    top: 0;
    left:0;
    height: 1.28em;
}
#check-agree:checked+.box-label-check .box-check-icon {
    width: 1.6em;
    animation: check 350ms cubic-bezier(0.24, 0.433, 0.33, 0.98);
}
@media (min-width:768px) {
    .btn-application {
        transition: background-color 200ms ease-out;
    }
    .btn-application:hover {
        background-color: #d3f0ff;
    }
}