@charset "UTF-8";

#header h1 {
    margin: 17% auto 19.5%;
    margin: 17.5% auto 22.8%;
}

.kv-badge-1st .badge1stBgimg {
    left: 50%;
}


#ftApptxtBox {
    margin-top: 9%;
}
.ftApptxtInner .ftApptxtdetail li span.ftApptxtdetailTitle {
    width: 7em;
}
.ftApptxtInner {
    position: relative;
    padding:2% 0;
    top:0;
    -webkit-transform: inherit;
    transform: inherit;
}
li.ftApptxtDLbt a.ftApptxtdetailAnd {
    width: 27%;
}
@media screen and (max-width:980px) {
.ftApptxtInner {
    width: 100%;
}
}
@media screen and (max-width:768px) {
li.ftApptxtDLbt a.ftApptxtdetailAnd {
    width: 33%;
}
}
@media screen and (max-width:640px) {
.ftApptxtInner .ftAppicon {
    width: 21%;
}
li.ftApptxtDLbt a.ftApptxtdetailAnd {
    width: 36%;
}
}

.ulReservLink li.ulReservLinkApp {
    width:46%;
}
.ulReservLink li.ulReservLinkAnd {
    width: 51%;
}
#topMainDLLink .dlLinkbox .ulReservLinkMain.ulReservLink li.ulReservLinkApp {
    width: 48%;
}
#topMainDLLink .dlLinkbox .ulReservLinkMain.ulReservLink li.ulReservLinkAnd {
    width: 44%;
}

#topPre .img_clearicon.clear90m {
    top: 68.8%;
    left: 39%;
}

.topPreStepText {
    font-size: 24px;
    padding: 0 3.8% 2%;
    text-align: left;
    background: url(../image/top_prereg_step_inner.png)top center repeat-y;
    background-size: 100%;
}
.topPreStepbox .fbBtn {
    padding: 2%;
}

.topPreStepbox{
    position:relative;
    width:77%;
    max-width:754px;
    margin:6% auto;
}

.topPreStepbox::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    left: 0;
    padding: 2% 0;
    margin-top: -4%;
    width: 100%;
    background: url(../image/top_prereg_step_top.png) bottom center no-repeat;
    background-size: 100%;
    z-index: 1;
}

.topPreStepbox::after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 2% 0;
    margin-bottom: -4%;
    width: 100%;
    height: auto;
    background: url(../image/top_prereg_step_bottom.png) top center no-repeat;
    background-size: 100%;
    z-index: 1;
}

@media screen and (max-width:980px) {
#topSns ul.snslist {
    width:8%;
    margin-left: 1%;
    text-align:center;
    max-width: 54px;
}
#topSns ul.snslist li {
    width:90%;
}
    .topPreStepbox {
        width:77%;

    }
    .topPreStepText{
        font-size: 2.4rem;  
    }
}

@media screen and (max-width:640px) {
    .topPreStepbox {
        width:100%;

    }
    .topPreStepText{
        font-size: 3rem;
    }
    .topPreStepbox .fbBtn {
        padding: 3%;
    }

}

@media screen and (max-width:320px) {
    .topPreStepText{
        font-size: 3rem;
    }
    .topPreStepbox .fbBtn {
        padding: 1%;
    }
}

.ulTopPreLink,
.ulTopPreLink.ulTopPreLinkft {
    width:80%;
    margin: 0 auto;
}
.ulTopPreLink li,
.sp .ulTopPreLink li,
.sp .ulTopPreLink.ulTopPreLinkft li {
    width:75%;
}
.sp .ulTopPreLink li img {max-width:326px;height:auto;}

#topPreLink .preAttlink {
    width: 56%;
    max-width: 544px;
}
/*
.ulTopPreLink li:first-child {
    margin-right:2%;
}*/


    #topGsystem01.topGsystemDetailbox .topSystemTitle {
        bottom: 27%;
        width: 93%;
        max-width: 786px;
    }
    #topGsystem02.topGsystemDetailbox .topSystemTitle {
        bottom: 31%;
        width: 100%;
        max-width: 808px;
    }
    #topGsystem03.topGsystemDetailbox .topSystemTitle {
        bottom: 22%;
        width: 95%;
        max-width: 750px;
    }
    #topGsystem04.topGsystemDetailbox .topSystemTitle {
        bottom: 33%;
        width: 87%;
        max-width: 740px;
    }

    @media screen and (max-width:980px) {
    #topGsystem01.topGsystemDetailbox .topSystemTitle {
        top: 52%;
        right: -7%;
        width: 91%;
    }
    #topGsystem02.topGsystemDetailbox .topSystemTitle {
        top: 50%;
        right: -8.5%;
    }
    #topGsystem03.topGsystemDetailbox .topSystemTitle {
        top: 50%;
        right: -09.0%;
        width: 88%;
    }
    #topGsystem04.topGsystemDetailbox .topSystemTitle {
        top: 51%;
        right: -9.0%;
        width: 91%;
    }
    }

.fb-page {
    text-align:center;
    width:100vw;
}

/*.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}*/

	.fb-container {
		max-width: 390px;
        margin: 0 auto;
	}
	.sp .fb-container {
		max-width: 500px;
	}

.fb-like,
.fb-like span,
.fb-like iframe{
 width:100% !important;
}


/* cbtReport ------------------------------------------ */
#secPage.cbtrpPage #header h1 {
    max-width: 600px;
}
.cbtrpPage .resultBox .messageTxt .mesTitle {
    text-align: left;
}
#secPage.specialPage .messageTxt .messageTxt-end {
    text-align: left;
}


/* special ------------------------------------------ */

#secPage.specialPage #contBox01 p {
    padding-top: 3%;
}

#secPage.specialPage #contBox01 {
    margin-top: 0;
}