@charset "utf-8";

/* ==================================================================
    index.css

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

img{
    max-width: 100%;
}

/* --------------------------------
   □ .accent-box
-------------------------------- */
.accent-box{
    margin-top:89px;
}
.accent-box p{
    margin:0;
}
.accent-box p img{
    width:100%;
}

/* --------------------------------
   □ .contents
-------------------------------- */

.contents section.wide{
    padding:0;
}

.contents h2.title{
    padding-bottom:0;
    margin-bottom:10px;
}

.contents h2.title span{
    display:inline-block;
    font-size:87%;
    line-height:33px;
    padding:0 30px;
}

.contents h2.title:before{
    content:url(../../images/icon/icon01.png);
    vertical-align: middle;
}
.contents h2.title:after{
    content:url(../../images/icon/icon01.png);
    vertical-align: middle;
}

.contents h2.title span strong{
    font-weight:700;
    font-size:133%;
    line-height:50px;
}

.contents p.sub{
    font-size:137%;
    text-align:center;
    color:#787878;
}

/* --------------------------------
   □ #schedule
-------------------------------- */
#schedule .ThreeTimes{
    background:#f5f1f8 url(../../images/schedule-background01.gif);
    background-size:100% 100%;
    padding:90px 0;
}

#schedule .FiveTimes{
    background:#f5f1f8 url(../../images/schedule-background02.gif);
    background-size:100% 100%;
    padding:90px 0;
}

#schedule dl.schedule{
    margin-bottom:30px;
}
#schedule dl.schedule + p.remarks{
    margin-top: -20px;
    margin-bottom:30px;
}

#schedule dl.schedule dt{
    font-weight:700;
    color:#28a185;
    font-size:115%;
    margin-bottom:17px;
}

#schedule ul.remarks{
    margin-bottom:50px;
}

#schedule ul.remarks li{
    text-align:left;
}

#schedule ul.remarks li:lastchild{

    font-size:92%;
}

#schedule ul.remarks li.RedText{
    color:#e70000;
}

#schedule ul.remarks li.RedText span.RedStyle{
    font-weight:700;
    padding-right:10px;
}

/* --------------------------------
   □ #milion
-------------------------------- */
#milion{
    text-align: center;
    background-color: #eaecd9;
}

#milion .commemoration{
    padding-top:140px;
    background-image: url(../../images/million/background.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#milion .commemoration h2 img{
    margin: 10px 0 60px 0;
}

#milion .SpecialsSale{
    width:1000px;
    margin:0 auto 100px auto;
}

#milion .SpecialsSale .SaleMV{
    padding:0 1%;
    width:98%;
    background-color:#de0e0e;
    border:solid #a80000 5px;
}

#milion .SpecialsSale .SaleMV img.sp{
    display:none;
}

#milion .SpecialsSale .SaleMV div{
    margin:50px 3%;
}

#milion .SpecialsSale .SaleMV div img{
    display:inline-block;
    float:left;
    padding-right:20px;
}

#milion .SpecialsSale .SaleMV div h3{
    text-align:left;
    display:inline-block;
    float:left;
    font-size:285%;
    color:#ffffff;
    line-height:60px;
}
#milion .SpecialsSale .SaleMV div h3 strong{
    font-size:300%;
    line-height:150px;
}
#milion .SpecialsSale .SaleMV div p.SubText{
    font-weight:700;
    font-size:200%;
    color:#fff000;
}

#milion .SpecialsSale .SaleMV dl{
    padding:40px 5% 20px 5%;
    border-radius:10px;
    background-color:#FFF;
    margin-bottom:1%;
    text-align:left;
}

#milion .SpecialsSale .SaleMV dl dt{
    font-weight:700;
    font-size:285%;
    color:#000000;
    line-height:normal;
}

#milion .SpecialsSale .SaleMV dl dt span.pc{
    display:block;
    text-align: center;
}
#milion .SpecialsSale .SaleMV dl dt span.sp{
    display:none;
}
#milion .SpecialsSale .SaleMV dl dt span.remarks{
    display:block;
    font-size:16px;
    text-align: right;
    margin-right: 2em;
}

#milion .SpecialsSale .SaleMV dl dt span.RedStyle{
    color:#de0e0e;
}
#milion .SpecialsSale .SaleMV dl dt span.RedStyle strong{
    font-size:200%;
    line-height:60px;
}

#milion .SpecialsSale .SaleMV dl dd ul li:first-child{
    margin-bottom:30px;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl{
    position:relative;
    padding:0 10%;
    overflow:hidden;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dt{
    position:relative;
    font-size:214%;
    color:#de0e0e;
    clear:both;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dt:before{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dt:after{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dt span{
    padding-left:35px;
    padding-right:10px;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dd{
    display:inline-block;
    line-height:28px;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dd.period{
    width:250px;
    float:left;
    font-weight:700;
    font-size:171%;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
    font-size:125%;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dd.period:last-child{
    float:right;
}

#milion .SpecialsSale .SaleMV dl dd ul li dl dd img{
    position:absolute;
    top:60%;
    left:47%;
}

#milion .SpecialsSale .SaleMV dl dd p.button{
    text-align:center;
    margin-top:30px;
}

#milion .SpecialsSale .SaleMV dl dd p.button a{
    display:block;
    border-radius:10px;
    color:#fff;
    background-color:#de0e0e;
    font-size:257%;
    font-weight:700;
    padding:20px 0;
}

#milion .SpecialsSale .SaleMV dl dd p.details{
    text-align: right;
    font-size: 150%;
}


/* --------------------------------
   □ #transfer
-------------------------------- */
#transfer .ThreeTimes{
    padding:90px 0;
    background-color: #e7f1ef;
}
#transfer .image{
    margin-bottom:30px;
}
#transfer dl.schedule{
    margin-bottom:30px;
}
#transfer dl.schedule dt{
    font-weight:700;
    color:#28a185;
    font-size:115%;
    margin-bottom:12px;
}
#transfer ul.remarks li{
    text-align:left;
    font-size:92%;
}
@media only screen and
(max-width : 640px) {

    #transfer .ThreeTimes{
        padding:30px 3%;
    }
    #transfer .image{
        margin-bottom:20px;
    }
    #transfer dl.schedule{
        margin-bottom:20px;
    }
    #transfer dl.schedule dt{
        font-size:80%;
    }
    #transfer ul.remarks{
        margin-bottom:20px;
        font-size:80%;
    }
}


/* --------------------------------
   □ #resumeSpecial
-------------------------------- */
#resumeSpecial{
    background: linear-gradient(90deg, #D6EDF5, #D1E5EE);
    text-align:center;
}

#resumeSpecial .container{
    background:url(../../images/background_img.jpg) no-repeat ;
    background-size:100%;
    padding-bottom:100px;
}

#resumeSpecial h2{
    padding-top: 120px;
    padding-bottom: 80px;
    text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff ;
}

#resumeSpecial h2 span{
    position: relative;
    font-weight:700;
    color:#000;
    display:inline-block;
    font-size:357%;
    padding: 0 20px;
}

#resumeSpecial h2 span:before{
    position:absolute;
    content:url(../../images/icon/icon02.png);
    bottom:4%;
    left:-15%;
}

#resumeSpecial h2 span:after{
    position:absolute;
    content:url(../../images/icon/icon03.png);
    bottom:4%;
    right:-15%;
}

#resumeSpecial p.text{
	font-weight: 700;
    color: #000;
    font-size: 345%;
    padding: 0 120px;
	text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff;
	display: inline-block;
    position: relative;
}

/* --------------------------------
   □ SpecialsSale
-------------------------------- */
#resumeSpecial .SpecialsSale{
    width:1000px;
    margin:0 auto 100px auto;
}

#resumeSpecial .SpecialsSale .SaleMV{
    padding:0 1%;
    width:98%;
    background-color:#de0e0e;
    border:solid #a80000 5px;
}

#resumeSpecial .SpecialsSale .SaleMV img.sp{
    display:none;
}

#resumeSpecial .SpecialsSale .SaleMV div{
    margin:50px 3%;
}

#resumeSpecial .SpecialsSale .SaleMV div img{
    display: block;
    margin: 0 auto;
}

#resumeSpecial .SpecialsSale .SaleMV dl.title > dt{
    display: table;
    margin: 0 auto 30px auto;
}

#resumeSpecial .SpecialsSale .SaleMV dl{
    padding:40px 5% 20px 5%;
    border-radius:10px;
    background-color:#FFF;
    margin-bottom:1%;
    text-align:left;
}

#resumeSpecial .SpecialsSale .SaleMV dl dt{
    font-weight:700;
    font-size:285%;
    color:#000000;
    line-height:normal;
}

#resumeSpecial .SpecialsSale .SaleMV dl dt span.pc{
    display:block;
    text-align: center;
}
#resumeSpecial .SpecialsSale .SaleMV dl dt span.sp{
    display:none;
}
#resumeSpecial .SpecialsSale .SaleMV dl dt span.remarks{
    display:block;
    font-size:16px;
    text-align: right;
    margin-right: 2em;
}

#resumeSpecial .SpecialsSale .SaleMV dl dt span.RedStyle{
    color:#de0e0e;
}
#resumeSpecial .SpecialsSale .SaleMV dl dt span.RedStyle strong{
    font-size:200%;
    line-height:60px;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li:first-child{
    margin-bottom:30px;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl{
    position:relative;
    padding:0 10%;
    overflow:hidden;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt{
    position:relative;
    font-size:214%;
    color:#de0e0e;
    clear:both;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt:before{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt:after{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt span{
    padding-left:35px;
    padding-right:10px;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd{
    display:inline-block;
    line-height:28px;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd.period{
    width:250px;
    float:left;
    font-weight:700;
    font-size:171%;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
    font-size:125%;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd.period:last-child{
    float:right;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd img{
    position:absolute;
    top:60%;
    left:47%;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd p.button{
    text-align:center;
    margin-top:30px;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd p.button a{
    display:block;
    border-radius:10px;
    color:#fff;
    background-color:#de0e0e;
    font-size:257%;
    font-weight:700;
    padding:20px 0;
}

#resumeSpecial .SpecialsSale .SaleMV dl dd p.details{
    text-align: right;
    font-size: 150%;
}

/* --------------------------------
   □ 共通用
-------------------------------- */

#resumeSpecial .border_campaign{
    background-color: #fff;
    border: solid 5px #29a185;
    border-radius: 10px;
    padding: 0 35px 45px 35px;
    margin-bottom: 40px;
}

#resumeSpecial .border_campaign dl.considerations{
    font-size: 124%;
    font-weight: 700;
    margin-bottom: 35px;
}
#resumeSpecial .border_campaign dl.considerations ul li{
    padding-left: 1em;
    text-indent: -1em;
}

#resumeSpecial .border_campaign dl.considerations em{
    font-style: normal;
    color: #EB6B79;
}
#resumeSpecial .border_campaign dl.considerations em.underline{
    text-decoration: underline;
}


#resumeSpecial .border_campaign .submitButton{
    text-align: center;
}

#resumeSpecial .border_campaign .submitButton span{
    color: #fff;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}

#resumeSpecial .border_campaign .submitButton a{
    display: inline-block;
    position: relative;
    background: #29a185;
    padding: 11px 5px;
    width: 70%;
    border-radius: 3px;
    margin-top: 20px;
    transition: 0.5s;
    }
#resumeSpecial .border_campaign .submitButton a:after{
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #ffffff;
}

    #resumeSpecial .border_campaign .submitButton a:hover{
        background: #217E67;
        text-decoration: none;
    }

#resumeSpecial .border_campaign .submitButton.pink{
    margin-bottom: 0;
}

#resumeSpecial .border_campaign .submitButton.pink a{
    background: #eb6b79;
    margin-top: 10px;
}
    #resumeSpecial .border_campaign .submitButton.pink a:hover{
        background: #e73b4e;
    }

/* --------------------------------
   □ tiktok
-------------------------------- */

#resumeSpecial .tiktok{
    padding: 37px 35px 45px 35px;
    margin-bottom: 127px;
}

#resumeSpecial .tiktok h3{
    position: relative;
    margin-bottom: 28px;
}

#resumeSpecial .tiktok dl.considerations > dd{
    font-size: 124%;
}

#resumeSpecial .tiktok dl.considerations > dd + dt{
    margin-top: 70px;
}

#resumeSpecial .tiktok dl.present dt{
    margin-bottom: 28px;
}

#resumeSpecial .tiktok dl.present + dl.present{
    margin-top:63px;
}

#resumeSpecial .tiktok dl.considerations ul.presentList{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    column-gap: 32px;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li{
    width: calc((100% / 3));
    max-width: 48%;
    padding: 0;
    text-indent: 0;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li p{
    margin: 0;
    font-weight: 700;
    text-align: center;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li p + p{
    margin-top: 20px;
}

#resumeSpecial .tiktok dl.considerations ul.presentList li figure > p{
    margin-bottom: 12px;
}

#resumeSpecial .tiktok dl.considerations ul.presentList li .rank{
    font-size: 100%;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li .name{
    font-size: 76%;
    color: #eb6b79;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li.side{
    width: 70%;
    max-width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li.side p.name{
    text-align: left;
}
#resumeSpecial .tiktok dl.considerations ul.presentList li.side p.image{
    max-width: 41.76%;
    margin-top: -3em;
}

#resumeSpecial .tiktok .benefits{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

#resumeSpecial .tiktok .submit2column{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
#resumeSpecial .tiktok .submit2column > p{
    margin: 0;
    width: 48%;
}
#resumeSpecial .tiktok .submit2column > p a{
    margin: 0;
    width: 100%;
}

/* --------------------------------
   □ katamichi
-------------------------------- */

#resumeSpecial .katamichi{
    padding: 0 35px 45px 35px;
    margin-bottom: 127px;
}

#resumeSpecial .katamichi h3{
    position: relative;
    padding: 47px 163px 0 9px;
    margin-bottom: 40px;
}
#resumeSpecial .katamichi h3:before{
    position: absolute;
    content: "";
    top: -82px;
    right: -80px;
    width: 239px;
    height: 239px;
    background: url("../../images/cashback/appeal.png") 50% 50% no-repeat;
    background-size:100% auto;
}
#resumeSpecial .katamichi p.t_text{
    margin-bottom: 32px;
}


#resumeSpecial .katamichi dl.considerations ul li + li{
    margin-top: 4px;
}

#resumeSpecial .katamichi dl.attention{
    font-size: 124%;
    font-weight: 700;
    margin-bottom: 35px;
}
#resumeSpecial .katamichi dl.attention dd p{
    margin-bottom: 4px;
}
#resumeSpecial .katamichi dl.attention ul li{
    padding-left: 1em;
    text-indent: -1em;
}

/* --------------------------------
   □ tmoney
-------------------------------- */

#resumeSpecial .tmoney{
    background-color: #fff;
    border: solid 5px #29a185;
    border-radius: 10px;
    padding: 0 35px 45px 35px;
    margin-bottom: 127px;
}

#resumeSpecial .tmoney h3{
    position: relative;
    padding: 47px 100px 0 9px;
    margin-bottom: 40px;
}
#resumeSpecial .tmoney h3:before{
    position: absolute;
    content: "";
    top: -69px;
    right: -60px;
    width: 259px;
    height: 259px;
    background: url("../../images/tmoney-100.png") 50% 50% no-repeat;
    background-size:100% auto;
}
#resumeSpecial .tmoney p.t_text{
    margin-bottom: 32px;
}

#resumeSpecial .tmoney dl.considerations{
    font-size: 124%;
    font-weight: 700;
    margin-bottom: 35px;
}
#resumeSpecial .tmoney dl.considerations ul li{
    padding-left: 1em;
    text-indent: -1em;
}

#resumeSpecial .tmoney dl.aboutTmoney{
    border: 1px solid #2c9a80;
    border-radius: 12px;
    font-weight: 700;
    font-size: 124%;
}

#resumeSpecial .tmoney dl.aboutTmoney dt{
    background: #2c9a80;
    color: #fff;
    padding: 16px;
    border-radius: 12px 12px 0 0;
    text-align: center;
}

#resumeSpecial .tmoney dl.aboutTmoney dd{
    padding: 25px;
}
#resumeSpecial .tmoney dl.aboutTmoney ul li{
    padding-left: 1em;
    text-indent: -1em;
}

#resumeSpecial .tmoney .submitButton{
    text-align: center;
}

#resumeSpecial .tmoney .submitButton span{
    color: #fff;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}

#resumeSpecial .tmoney .submitButton a{
    display: inline-block;
    position: relative;
    background: #29a185;
    padding: 11px 5px;
    width: 70%;
    border-radius: 3px;
    margin-top: 20px;
    transition: 0.5s;
    }
#resumeSpecial .tmoney .submitButton a:after{
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #ffffff;
}

    #resumeSpecial .tmoney .submitButton a:hover{
        background: #217E67;
        text-decoration: none;
    }

#resumeSpecial .tmoney .submitButton.pink{
    margin-bottom: 45px;
}

#resumeSpecial .tmoney .submitButton.pink a{
    background: #eb6b79;
    margin-top: 10px;
}
    #resumeSpecial .tmoney .submitButton.pink a:hover{
        background: #e73b4e;
    }

#resumeSpecial .tmoney .submitButton.skeleton a{
    background: #fff;
    color: #29a185;
    border: 1px solid #29a185;
}
#resumeSpecial .tmoney .submitButton.skeleton a span{
    color: #29a185;
}
    #resumeSpecial .tmoney .submitButton.skeleton a:hover{
        background: #217E67;
        color: #fff;
    }
    #resumeSpecial .tmoney .submitButton.skeleton a:hover span{
        color: #fff;
    }

#resumeSpecial .tmoney .submitButton.skeleton a:after{
    border-color: transparent transparent transparent #29a185;
}
    #resumeSpecial .tmoney .submitButton.skeleton a:hover:after{
        border-color: transparent transparent transparent #fff;
    }

/* --------------------------------
   □ passportLP
-------------------------------- */
#resumeSpecial .passportLp{
}

#resumeSpecial .passportLp h3{
    position: relative;
    padding: 27px;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 40px;
    background: #2c9a80;
}

#resumeSpecial .passportLp h4{
    position: relative;
    padding: 0;
    margin-bottom: 40px;
}

#resumeSpecial .passportLp .target{
    padding: 0;
    color: #eb6b79;
    margin-bottom: 20px;
}
#resumeSpecial .passportLp .target dt{
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 1.6rem;
}
#resumeSpecial .passportLp .target dd ul li{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.4rem;
}
#resumeSpecial .passportLp .target dd ul li span{
    text-decoration: underline;
}

#resumeSpecial .passportLp .outline{
    padding: 0;
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 32px;
}
#resumeSpecial .passportLp .outline th{
    width: 6em;
}
#resumeSpecial .passportLp .outline th,
#resumeSpecial .passportLp .outline td{
    padding: 2px 0;
}
#resumeSpecial .passportLp .outline td .note{
    font-size: 1.0rem;
}

#resumeSpecial .passportLp .flow{
    margin-right: 230px;
    margin-top: 44px;
    margin-bottom: 44px;
}

#resumeSpecial .passportLp .flow > li{
    position: relative;
    display: flex;
    align-items: center;
    background: #ecf6f4;
    padding: 20px;
    border-radius: 8px;
    color: #2c9a80;
}

#resumeSpecial .passportLp .flow > li:before{
    position: absolute;
    content: "";
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 31px;
    background: url("../../images/passport/arrow.png") 50% 50% no-repeat;
    background-size: 100% auto;
}
#resumeSpecial .passportLp .flow > li:last-child::before{
    display: none;
}

#resumeSpecial .passportLp .flow > li + li{
    margin-top: 42px;
}

#resumeSpecial .passportLp .flow > li > span.no{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #2c9a80;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 100%;
}

#resumeSpecial .passportLp .flow > li > p{
    margin: 0;
    padding-left: 20px;
    flex-grow: 1;
    font-size: 108%;
}

#resumeSpecial .passportLp .contact{
    margin-top: 40px;
    background: #efefef;
    border-radius: 12px;
    padding: 20px;
    font-size: 1.1rem;
}
#resumeSpecial .passportLp .contact dt{
    font-weight: 700;
    margin-bottom: 8px;
}

#resumeSpecial .passportLp .attention{
    margin-top: 40px;
    border: 1px solid #777777;
    border-radius: 12px;
    padding: 20px;
    font-size: 1rem;
}
#resumeSpecial .passportLp .contact dt{
    font-weight: 700;
    margin-bottom: 8px;
}
#resumeSpecial .indent > li{
    padding-left: 1em;
    text-indent: -1em;
}


/* --------------------------------
   □ passport
-------------------------------- */

#resumeSpecial .passport{
    background-color: #fff;
    border: solid 5px #29a185;
    border-radius: 10px;
    margin-bottom: 40px;
}
#resumeSpecial .passport .submitButton{
    text-align: center;
}

#resumeSpecial .passport .submitButton span{
    color: #fff;
    text-align: center;
    font-size: 19px;
}

#resumeSpecial .passport .submitButton a{
    display: inline-block;
    position: relative;
    background: #29a185;
    padding: 11px 5px;
    width: 70%;
    border-radius: 3px;
    margin-top: 20px;
    }
#resumeSpecial .passport .submitButton a:after{
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #ffffff;

}
    #resumeSpecial .passport .submitButton a:hover{
        background: #217E67;
        text-decoration: none;
    }

#resumeSpecial .passport .submitButton.pink a{
    background: #eb6b79;
    margin-top: 10px;
    margin-bottom: 10px;
}
    #resumeSpecial .passport .submitButton.pink a:hover{
        background: #e73b4e;
    }
    
/* --------------------------------
   □ parking
-------------------------------- */

#resumeSpecial .parking{
    background-color: #fff;
    padding: 15px 15px 0 15px;
    border: solid 5px #29a185;
    border-radius: 10px;
    margin-bottom: 40px;
}
#resumeSpecial .parking .submitButton{
    text-align: center;
}

#resumeSpecial .parking .submitButton span{
    color: #fff;
    text-align: center;
    font-size: 19px;
}

#resumeSpecial .parking .submitButton a{
    display: inline-block;
    position: relative;
    background: #29a185;
    padding: 11px 5px;
    width: 70%;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    }
#resumeSpecial .parking .submitButton a:after{
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #ffffff;

}
#resumeSpecial .parking .submitButton a:hover{
    background: #217E67;
    text-decoration: none;
}


/* --------------------------------
   □ business
-------------------------------- */

#resumeSpecial .business{
    background-color: #fff;
    border: solid 5px #29a185;
    border-radius: 10px;
    margin-bottom: 40px;
}
#resumeSpecial .business .submitButton{
    text-align: center;
}

#resumeSpecial .business .submitButton span{
    color: #fff;
    text-align: center;
    font-size: 19px;
}

#resumeSpecial .business .submitButton a{
    display: inline-block;
    position: relative;
    background: #29a185;
    padding: 11px 5px;
    width: 70%;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    }
#resumeSpecial .business .submitButton a:after{
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #ffffff;

}
#resumeSpecial .business .submitButton a:hover{
    background: #217E67;
}





/* --------------------------------
   □ #campaign
-------------------------------- */
#campaign{
    background: linear-gradient(90deg, #D6EDF5, #D1E5EE);
    text-align:center;
}

#campaign .CampaignBackground{
    background:url(../../images/background_img.jpg) no-repeat ;
    background-size:100%;
    padding-bottom:100px;
}

#campaign h2.campaign{
    padding:120px 0;
    text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff ;
}

#campaign h2.campaign span{
    font-weight:700;
    color:#000;
    display:inline-block;
    position:relative;
    font-size:357%;
}

#campaign p.resume{
    font-weight:700;
    color:#000;
    display:inline-block;
    position:relative;
    font-size:230%;
    text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff;
}






#campaign h2.campaign span:before{
    position:absolute;
    content:url(../../images/icon/icon02.png);
    bottom:-20%;
    left:-27%;
}

#campaign h2.campaign span:after{
    position:absolute;
    content:url(../../images/icon/icon03.png);
    bottom:-20%;
    right:-27%;
}

/* --------------------------------
   □ SpecialsSale
-------------------------------- */
#campaign .SpecialsSale{
    overflow:hidden;
    width:1000px;
    margin:0 auto;
}

#campaign .SpecialsSale .SaleMV{
    padding:0 1%;
    width:98%;
    background-color:#de0e0e;
    border:solid #a80000 5px;
}

#campaign .SpecialsSale .SaleMV img.sp{
    display:none;
}

#campaign .SpecialsSale .SaleMV div{
    margin:50px 3%;
}

#campaign .SpecialsSale .SaleMV div img{
    display:inline-block;
    float:left;
    padding-right:20px;
}

#campaign .SpecialsSale .SaleMV div h3{
    text-align:left;
    display:inline-block;
    float:left;
    font-size:285%;
    color:#ffffff;
    line-height:60px;
}
#campaign .SpecialsSale .SaleMV div h3 strong{
    font-size:300%;
    line-height:150px;
}
#campaign .SpecialsSale .SaleMV div p.SubText{
    font-weight:700;
    font-size:200%;
    color:#fff000;
}

#campaign .SpecialsSale .SaleMV dl{
    padding:40px 5% 20px 5%;
    border-radius:10px;
    background-color:#FFF;
    margin-bottom:1%;
    text-align:left;
}

#campaign .SpecialsSale .SaleMV dl dt{
    font-weight:700;
    font-size:285%;
    color:#000000;
    line-height:normal;
}

#campaign .SpecialsSale .SaleMV dl dt img.sp{
    display:none;
}

#campaign .SpecialsSale .SaleMV dl dt span.RedStyle{
    color:#de0e0e;
}
#campaign .SpecialsSale .SaleMV dl dt span.RedStyle strong{
    font-size:200%;
    line-height:60px;
}
#campaign .SpecialsSale .SaleMV dl dt span.RedStyle span{
    font-size:150%;
}

#campaign .SpecialsSale .SaleMV dl dd ul li:first-child{
    margin-bottom:30px;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl{
    position:relative;
    padding:0 10%;
    overflow:hidden;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dt{
    position:relative;
    font-size:214%;
    color:#de0e0e;
    clear:both;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dt:before{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dt:after{
    position:absolute;
    content:url(../../images/icon/icon08.png);
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dt span{
    padding-left:35px;
    padding-right:10px;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dd{
    display:inline-block;
    line-height:28px;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dd.period{
    width:250px;
    float:left;
    font-weight:700;
    font-size:171%;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
    font-size:125%;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dd.period:last-child{
    float:right;
}

#campaign .SpecialsSale .SaleMV dl dd ul li dl dd img{
    position:absolute;
    top:60%;
    left:47%;
}

#campaign .SpecialsSale .SaleMV dl dd p.button{
    text-align:center;
    margin-top:30px;
}

#campaign .SpecialsSale .SaleMV dl dd p.button a{
    display:block;
    border-radius:10px;
    color:#fff;
    background-color:#de0e0e;
    font-size:257%;
    font-weight:700;
    padding:20px 0;
}

#campaign p.OtherSale{
    display:none;
    text-align:center;
    font-size:271%;
    padding:150px 0;
    font-weight:700;
    margin:0;
}




#campaign p.OtherSale span{
    border-bottom:10px solid #fff000;
}

#campaign .photobanner{
    margin-top: 80px;
}

/* --------------------------------
   □ p10campaign
-------------------------------- */


#campaign .p10campaign:first-child{
    margin-top:0;
}

#campaign .p10campaign p.accent{
    margin-bottom:30px;
}
#campaign .p10campaign p.accent img{
    width:100%;
}

#campaign .p10campaign div.body{
    margin:0 50px;
}

#campaign .p10campaign h3{
    font-size:200%;
    font-weight:700;
    padding-bottom:40px;
    position:relative;
}
#campaign .p10campaign h3:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 15px;
  display: inline-block;
  width: 100px;
  height: 5px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #18a790;
}

#campaign .p10campaign p.SubText{
    font-size:115%;
    text-align:left;
}

/*
#campaign .p10campaign dd img{
    width:auto;
    margin-bottom:0;
    margin-bottom:50px;
}
*/

#campaign .p10campaign p.buttonStyle{
    margin-bottom:50px;
}

#campaign .p10campaign p.buttonStyle a{
    font-size:180%;
    background-color:#18a790;
    border-radius:10px;
    width:90%;
    padding:auto 20px;
}

#campaign .p10campaign p.buttonStyle a:hover{
    background-color:#63cbba;
}

/* --------------------------------
   □ 乗ッテネキャンペーン
-------------------------------- */

#campaign .nottene{
    border: solid 5px #18a790;
    background-color: #fff;
    overflow: hidden;
    width: 1000px;
    margin: 0 auto 100px;
    box-sizing: border-box;
}

#campaign img{
    margin: 30px 0 0 0;
    border: solid 5px #18a790;
    background-color: #fff;
}

#campaign .area{
    padding:0 35px 60px 35px;
}

#campaign .area ul.list li{
    margin-bottom:20px;
}

#campaign .area dl{
    overflow:hidden;
    margin-bottom: 25px;
}

#campaign .area dl dt{
    width:70%;
    float: left;
    padding-right:20px;
    box-sizing:border-box;
}

#campaign .area dl dd{
    width:30%;
    float:right;
    font-size:17px;
    font-weight:700;
}

#campaign .area dl dd span{
    color:#ec6300;
}

    #campaign .area table.tableStyle{
        width:100%;
    }

    #campaign .area table.tableStyle th,
    #campaign .area table.tableStyle td{
        border-top:1px solid #03b191;
        border-bottom:1px solid #03b191;
        padding:18px 2px;
        vertical-align:top;
        line-height:1.8;
    }

    #campaign .area table.tableStyle th{
        width:11em;
        color:#03b191;
        font-weight:700;
    }

    #campaign .area .submitText{
        font-size:128%;
        color:#ec6300;
        font-weight:700;
        text-align:center;
        margin:30px 0 10px 0;
    }

    #campaign .area .submitButton a{
        padding:24px;
        background:#ec6300;
        width:100%;
        font-size:164%;
        font-weight:700;
        border-radius:8px;
    }

    #campaign .area .submitButton a span{
        display:block;
        background:url(../../images/icon-air.png) 1% 50% no-repeat;
    }


    #campaign .area .submitButton a:hover{
        background:#cb5602;
    }

/* --------------------------------
   □ PassportCampaign
-------------------------------- */
#campaign .PassportCampaign p{
    text-align:center;
}

#campaign .PassportCampaign p.SubText{
    margin-bottom:45px;
}

#campaign .PassportCampaign p.img{
    margin-bottom:50px;
}

/* --------------------------------
   □ useful
-------------------------------- */

#useful{
    background: #eeeeee;
    padding: 97px 0 85px 0;
}
#useful h2{
    font-size: 187.5%;
    text-align: center;
    margin-bottom: 20px;
}
#useful .container{
    max-width: 730px;
    margin: 0 auto;
}
#useful ul.links{
    margin-bottom: 27px;
}
#useful ul.links li{
    text-align: center;
}
#useful ul.links li + li{
    margin-top: 15px;
}

#useful ul.logo{
    display: table;
    margin: 0 auto;
}
#useful ul.logo li{
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}


/* --------------------------------
   □ #reserve
-------------------------------- */

#reserve{
    margin-top:90px;
}

#reserve #contact{
    margin-top:100px;
    overflow:hidden;
    padding-bottom:50px;
    border-bottom:solid #d0d0d0 1px;
}

#reserve #contact h3.PcSp span{
    display:inline-block;
    float:left;
    padding:0 0 0 10px;
    font-size:168%;
    line-height:60px;
}

#reserve #contact h3.PcSp:before{
    float:left;
    content:url(../../images/icon/icon05.png);
}

#reserve #contact p.image{
    float:right;
}

#reserve #contact .explain{
    margin-top:20px;
    float:left;
}

#reserve #contact .explain p.text{
    color:#000;
    font-size:114%;
}

#reserve #contact .explain p.link{
    text-align:center;
    margin-top:80px;
}

#reserve #contact .explain p.link a{
    display: block;
    background: #262c36;
    border-radius: 8px;
    padding: 18px;
    color: #fff;
    font-size: 128%;
}
    #reserve #contact .explain p.link a:hover{
        text-decoration: none;
        background: #000;
    }

#reserve #contact .explain p.link a span{
    background: url(../../images/icon/icon07.png) 0 50% no-repeat;
    padding-left: 52px;
}

#reserve #reserveTel h3.Tell{
    margin-top:50px;
}

#reserve #reserveTel h3.Tell span{
    display:inline-block;
    float:left;
    padding:0 0 0 10px;
    font-size:168%;
    line-height:60px;
}

#reserve #reserveTel h3.Tell:before{
    float:left;
    content:url(../../images/icon/icon06.png);
}

#reserve #reserveTel dl{
    overflow:hidden;
    width:100%;
    padding-top:20px;
    margin-bottom:25px;
}

#reserve #reserveTel dl dt{
    display:inline-block;
    float:left;
}

#reserve #reserveTel dl dd{
    display:inline-block;
    float:left;
    padding-left:25px;
}

#reserve #parking{
    margin:60px 0;
    border:1px solid #28a185;
}

#reserve #parking h3{
    margin:32px 0 30px 0;
    color:#28a185;
    font-size:187%;
}

#reserve #parking h3 img{
    vertical-align:middle;
    margin-right:12px;
}

#reserve #parking .text{
    font-size:100%;
    padding:0 30px 30px 30px;
}

#reserve #parking .text dl{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}

#reserve #parking .text dt{
    display:inline-block;
    float:left;
}

#reserve #parking .text dd{
    width:75%;
    display:inline-block;
    float:left;
}

#reserve #parking .text dd ul{
    display:inline-block;
}

#reserve #parking .text dd ul li{
    font-size:100%;
    line-height:28px;
    color:#28a185;
    padding-left:20px;
}

#reserve #parking .text p{
    padding-bottom:25px;
}

#reserve #parking .text p.remarks{
    text-indent:0;
    padding:0 0 0 20px;
    font-size:100%;
    color:#28a185;
    margin:0;
}

#reserve #mint img{
    margin-bottom:60px;
}

#reserve #mint img.sp{
    display:none;
}

/* --------------------------------
   □ #koreaTour
-------------------------------- */

#koreaTour{
    background: #eee;
    margin:40px 0;
    padding: 60px 0;
}
#koreaTour em{
    font-style: normal;
    font-weight: 600;
}

#koreaTour h3{
    margin-bottom:26px;
    text-align: center;
}
#koreaTour h3 span{
    display: inline-block;
    position: relative;
    font-size:214%;
    margin-bottom:26px;
    text-align:center;
    line-height: 1.5;
}

#koreaTour h3 span:before {
    position: absolute;
    top:6px;
    left: -55px;
    content: url(../../images/icon/icon01.png);
}

#koreaTour h3 span:after {
    position: absolute;
    top:6px;
    right: -55px;
    content: url(../../images/icon/icon01.png);
}


#koreaTour p.image{
    position: relative;
    margin: 0;
}
#koreaTour p.image.end:before{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.80);
    content: "終了しました。";
    font-size: 200%;
    font-weight: 600;
    text-align: center;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#koreaTour p.image img{
    width: 100%; 
}

#koreaTour p.appeal{
    font-size:214%;
    text-align:center;
    color: #fff;
    background: #333;
    padding: 20px;
    margin-bottom:16px;
}

#koreaTour p.appeal{
    font-size:314%;
    text-align:center;
    color: #fff;
    background: #333;
    padding: 12px;
    margin-bottom:16px;
}
#koreaTour p.conditions{
    border: 1px solid #28a185;
    padding: 25px;
    text-align: center;
    font-size: 124%;
}
#koreaTour p.text{
    margin-bottom: 28px;
    text-align: center;
}
#koreaTour p.buttonStyle a{
    width:80%;
    padding: 20px;
    font-size: 124%;
    font-weight: 600;
}



/* --------------------------------
   □ #koreaSeminar
-------------------------------- */

#koreaSeminar{
    background: #eee;
    margin:0px 0 0px 0;
    padding: 60px 0;
}
#koreaSeminar em{
    font-style: normal;
    font-weight: 600;
}

#koreaSeminar h3{
    margin-bottom:26px;
    text-align: center;
}
#koreaSeminar h3 span{
    display: inline-block;
    position: relative;
    font-size:214%;
    margin-bottom:26px;
    text-align:center;
    line-height: 1.5;
}

#koreaSeminar h3 span:before {
    position: absolute;
    top:6px;
    left: -55px;
    content: url(../../images/icon/icon01.png);
}

#koreaSeminar h3 span:after {
    position: absolute;
    top:6px;
    right: -55px;
    content: url(../../images/icon/icon01.png);
}


#koreaSeminar p.image{
    position: relative;
    margin: 0 0 24px 0;
}
#koreaSeminar p.image.end:before{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.80);
    content: "終了しました。";
    font-size: 200%;
    font-weight: 600;
    text-align: center;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#koreaSeminar p.image img{
    max-width: 100%;
    margin: 0 auto;
}

#koreaSeminar p.outlinetext{
    font-size:118%;
    line-height: 2;
    margin-bottom:16px;
    text-align: center;
}
#koreaSeminar p.appeal{
    font-size:214%;
    text-align:center;
    color: #fff;
    background: #333;
    padding: 20px;
    margin-bottom:16px;
}

#koreaSeminar p.appeal{
    font-size:314%;
    text-align:center;
    color: #fff;
    background: #333;
    padding: 12px;
    margin-bottom:16px;
}
#koreaSeminar p.conditions{
    border: 1px solid #28a185;
    padding: 25px;
    text-align: center;
    font-size: 124%;
}
#koreaSeminar p.text{
    margin-bottom: 28px;
    text-align: center;
}
#koreaSeminar p.buttonStyle a{
    width:80%;
    padding: 20px;
    font-size: 124%;
    font-weight: 600;
}

#koreaSeminar dl.spMovie{
    background: #fff;
    padding: 20px 40px;
    border-radius: 8px;
}

#koreaSeminar dl.spMovie  dt{
    color: #28a185;
    font-size: 187%;
    text-align: center;
    margin-bottom: 20px;
}

#koreaSeminar dl.spMovie dd .date{
    text-align: center;
    margin-bottom: 15px;
}
#koreaSeminar dl.spMovie dd p.buttonStyle a{
    width:90%;
    padding: 20px;
    font-size: 124%;
    font-weight: 600;
    background-color: #28a185;
}
#koreaSeminar dl.spMovie dd p.buttonStyle a:hover{
    background-color: #166553;
}




/* --------------------------------
   □ #mint
-------------------------------- */
#mint{
}

/* --------------------------------
   □ #takamatsu
-------------------------------- */
#takamatsu{
    padding: 90px 0;
    background-image: url(../../images/access_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#takamatsu .drawing{
    margin: 35px 0;
    padding: 35px 0;
    background-color: #FFFFFF;
}

#takamatsu .drawing p{
    text-align: center;
}

#takamatsu .drawing p.text{
    margin: 15px 0;
}

#takamatsu h2.title{
    position: relative;
}

#takamatsu h2.title span{
    padding: 20px 10px 20px 60px;
}

#takamatsu h2.title:before {
    position: absolute;
    top:6px;
    content: "";
    background-image: url(../../images/icon/icon01.png);
    width: 40px;
    height: 55px;
}

#takamatsu h2.title:after {
    position: absolute;
    top:6px;
    content: "";
    background-image: url(../../images/icon/icon01.png);
    width: 40px;
    height: 55px;
}



/* --------------------------------
   □ #access
-------------------------------- */
#access{
    background-color:#d9f3ed;
    padding:97px 0;
    overflow:hidden;
}
    #access h2{
        font-size:214%;
        margin-bottom:16px;
        text-align:center;
    }
    #access p.text{
        margin-bottom:20px;
        text-align:center;
    }

    #access p.map{
        margin-bottom:48px;
        text-align:center;
    }
    #access p.link{
        margin-bottom:10px;
        text-align:center;
    }

    #access p.linkText{
        font-size:144%;
        font-weight:600;
        text-align:center;
    }



/* --------------------------------
   □ #dangantour
-------------------------------- */
#dangantour{
    width:100%;
    background-color:#f4f3bd;
    padding-top:45px;
    padding-bottom:80px;
    overflow:hidden;
}

#dangantour .area{
    width:1000px;
    margin:0 auto;
}

#dangantour h2{
    font-size:214%;
    margin-bottom:36px;
    text-align:center;
}

#dangantour .area p.logo{
    display:inline-block;
    float:left;
    padding-left:30px;
}

#dangantour .area p.description{
    float:left;
    margin:114px 0 0 30px;
    font-size:154%;
    font-weight:600;
}

#dangantour .area ul.movieLink{
    padding-top:20px;
    overflow:hidden;
    clear:both;
}

#dangantour .area ul.movieLink li{
    display:inline-block;
    float:left;
    width:48%;
    margin:0 1%;
}

#dangantour .area ul.movieLink li:nth-child(3){
    margin:10px 1%;
}

#dangantour .area ul.movieLink li:nth-child(4){
    margin:10px 1%;
}


    #dangantour .area p.linkText{
        margin-bottom:15px;
        text-align:center;
        font-size:157%;
        font-weight:700;
    }

    #dangantour .area p.link{
        margin-bottom:0;
        text-align:center;
    }



/* --------------------------------
   □ #imacore
-------------------------------- */
#imacore{
    width:100%;
    background-color:#e7ffef;
    padding-top:75px;
    padding-bottom:90px;
    overflow:hidden;
}

#imacore .imacore{
    width:1000px;
    margin:0 auto;
}

#imacore h2{
    font-size:214%;
    margin-bottom:36px;
    text-align:center;
}

#imacore .imacore p.logo{
    display:inline-block;
    float:left;
    padding-left:30px;
}


#imacore #youtube{
    width:420px;
    height:230px;
}

#imacore .imacore .image{
    float:right;
    padding-right:30px;
}

#imacore .imacore ul.movieLink{
    padding-top:20px;
    overflow:hidden;
    padding-bottom:100px;
    clear:both;
}

#imacore .imacore ul.movieLink li{
    display:inline-block;
    float:left;
    width:48%;
    margin:0 1%;
}

#imacore .imacore ul.movieLink li:nth-child(3){
    margin:10px 1%;
}

#imacore .imacore ul.movieLink li:nth-child(4){
    margin:10px 1%;
}


    #imacore .imacore p.linkText{
        margin-bottom:15px;
        text-align:center;
        font-size:157%;
        font-weight:700;
    }

    #imacore .imacore p.link{
        margin-bottom:0;
        text-align:center;
    }

.sp{
    display:none;
}

br.spOnly{ display: none}

@media only screen and
(max-width : 640px) {

img{
    box-sizing: border-box;
    max-width:100%;
}

.pc{
    display:none;
}	
.sp{
    display:block;
}
    
br.spOnly{ display: inline-block}

    /* --------------------------------
       □ .accent-box
    -------------------------------- */
    .accent-box{
        margin-top:58px;
    }

    /* --------------------------------
       □ .contents
    -------------------------------- */

    .contents h2.title span{
        padding:0 8px;
        font-size:75%;
        line-height:18px;
    }

    .contents h2.title span strong{
        font-size:120%;
        line-height: 25px;
    }

    .contents p.sub{
        font-size:75%;
    }

    .contents h2.title:before{
        content:url(../../images/icon/icon01_sp.png);
    }
    .contents h2.title:after{
        content:url(../../images/icon/icon01_sp.png);
    }

    /* --------------------------------
       □ #schedule
    -------------------------------- */

    #schedule .ThreeTimes{
        padding:30px 3%;
    }

    #schedule .FiveTimes{
        padding:30px 1%;
    }

    #schedule dl.schedule{
        margin-bottom:20px;
    }

    #schedule dl.schedule dt{
        font-size:80%;
    }

    #schedule ul.remarks{
        margin-bottom:20px;
        font-size:80%;
    }

    #schedule dl.schedule + p.remarks{
        margin-top: -10px;
        font-size:80%;
    }

    
    
/* --------------------------------
   □ #resumeSpecial
-------------------------------- */
#resumeSpecial{
}

#resumeSpecial .container{
    padding: 0 5%;
    padding-bottom:9%;
}

#resumeSpecial h2{
    padding:12% 0;
}

#resumeSpecial h2 span{
    font-size:130%;
}

#resumeSpecial h2 span:before{
    bottom: -4%;
    left: -8%;
    content:url(../../images/icon/icon02_sp.png);

}

#resumeSpecial h2 span:after{
    bottom: -4%;
    right: -8%;
    content:url(../../images/icon/icon03_sp.png);

}
#resumeSpecial .more{
    margin: 9% 0 0 0;
    text-align: center;
    font-size: 130%;
}

#resumeSpecial .baggage{
    padding: 0 0 5% 0;
}
#resumeSpecial .baggage h3{
    margin-bottom: 4%;
}
#resumeSpecial .baggage .content{
    text-align: center;
    padding: 0 5%;
    margin-bottom: 3%;
}
#resumeSpecial .baggage .period{
    font-size: 100%;
    margin-bottom: 4%;
}
#resumeSpecial .baggage .period:before{
    display: none;
}

    #resumeSpecial .baggage .submitButton a{
        width: 90%;
        font-size: 110%;
        padding: 15px 5px;
    }
    #resumeSpecial .baggage .submitButton a:after{
        right: 6%;

    }

    #resumeSpecial .SpecialsSale{
        width:92%;
        margin-bottom: 50px;
    }

    #resumeSpecial .SpecialsSale .SaleMV{
        padding:0;
    }
    #resumeSpecial .SpecialsSale .SaleMV img.sp{
        display:inline;
        margin:20px 1%;
        max-width:100%;
        width:97%;
    }

    #resumeSpecial .SpecialsSale .SaleMV div{
        margin: 10px 3%;
    }

    #resumeSpecial .SpecialsSale .SaleMV div img{

    }

    #resumeSpecial .SpecialsSale .SaleMV div h3{
        font-size:120%;
        line-height:30px;
    }


    #resumeSpecial .SpecialsSale .SaleMV dl{
        padding:30px 4% 20px 4%;
        border-radius:10px;
        background-color:#FFF;
        margin:0 1% 1% 1%;
        text-align:left;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dt{
        font-size:100%;
        line-height:20px;
    }
    #resumeSpecial .SpecialsSale .SaleMV dl dt span.sp{
        display:block;
    }
    #resumeSpecial .SpecialsSale .SaleMV dl dt .sp img{
        width: 80%;
        padding: 0 10%;
        margin: 0;
        display:inline;
    }
    #resumeSpecial .SpecialsSale .SaleMV dl dt span.pc{
        display:none;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dt span.remarks{
        font-size:12px;
        margin: 0;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dt span.RedStyle strong{
        line-height:40px;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li:first-child{
        margin:10px 0;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl{
        position:relative;
        padding:0 1%;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt{
        font-size:100%;
        line-height:35px;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt:before{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt:after{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dt span{
        padding-left:15px;
        padding-right:5px;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd{
        display:inline-block;
        line-height:28px;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd.period{
        width:48%;
        font-size:75%;
        line-height:20px;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
        font-size:125%;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd ul li dl dd img{
        width:3%;
        top:67%;
        left:46%;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd p.button a{
        font-size:120%;
    }

    #resumeSpecial .SpecialsSale .SaleMV dl dd p.details {
        font-size: 65%;
        text-align: center;
    }


    /* --------------------------------
       □ 共通用
    -------------------------------- */

    #resumeSpecial .border_campaign{
        padding: 0 15px 15px 15px;
        margin-bottom: 40px;
    }

    #resumeSpecial .border_campaign dl.considerations{
        font-size: 80%;
        margin-bottom: 2vw;
    }
    #resumeSpecial .border_campaign dl.considerations ul li{
        word-break: break-all;
        word-wrap: break-word;
    }

    #resumeSpecial .border_campaign dl.considerations table th{
        width: 6em;
    }
    
    #resumeSpecial .border_campaign .submitButton span{
        font-size: 100%;
        font-weight: 700;
    }
    #resumeSpecial .border_campaign .submitButton.skeleton span{
        font-size: 120%;
    }

    #resumeSpecial .border_campaign .submitButton a{
        width: 100%;
        box-sizing: border-box;
    }
    #resumeSpecial .border_campaign .submitButton a:after{
        position: absolute;
        top: 50%;
        right: 3%;
        margin-top: -2px;
        border-width: 4px 0 4px 7px;
    }
    

    /* --------------------------------
       □ tiktok
    -------------------------------- */

    #resumeSpecial .tiktok{
        padding: 15px 15px 15px 15px;
        margin-bottom: 40px;
    }

    #resumeSpecial .tiktok h3{
        position: relative;
        margin-bottom: 18px;
    }

    #resumeSpecial .tiktok dl.considerations > dd{
        font-size: 100%;
    }

    #resumeSpecial .tiktok dl.considerations > dd + dt{
        margin-top: 32px;
    }

    #resumeSpecial .tiktok dl.present dt{
        margin-bottom: 18px;
    }

    #resumeSpecial .tiktok dl.present + dl.present{
        margin-top:28px;
    }

    #resumeSpecial .tiktok dl.considerations ul.presentList{
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li{
        width: 100%;
        max-width: 100%;
        padding: 0;
        text-indent: 0;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li + li{
        margin-top: 12px;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li p{
        margin: 0;
        font-weight: 700;
        text-align: center;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li p + p{
        margin-top: 8px;
    }

    #resumeSpecial .tiktok dl.considerations ul.presentList li figure > p{
        margin-bottom: 12px;
    }

    #resumeSpecial .tiktok dl.considerations ul.presentList li .rank{
        font-size: 100%;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li .name{
        font-size: 100%;
        color: #eb6b79;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li.side{
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li.side p.name{
        text-align: center;
    }
    #resumeSpecial .tiktok dl.considerations ul.presentList li.side p.image{
        max-width: 100%;
        margin-bottom: 12px;
        margin-top: 0;
    }

    #resumeSpecial .tiktok .benefits{
        display: block;
        margin-top: 32px;
        margin-bottom: 26px;
    }
    #resumeSpecial .tiktok .benefits dt{
        text-align: center;
        margin-bottom: 8px;
    }
    #resumeSpecial .tiktok .benefits dt img{
        width: 24%;
    }

    #resumeSpecial .tiktok .submit2column{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
    #resumeSpecial .tiktok .submit2column > p{
        margin: 0;
        width: 100%;
    }
    #resumeSpecial .tiktok .submit2column > p.submitButton.pink a{
        margin: 0;
    }
    
    /* --------------------------------
       □ katamichi
    -------------------------------- */

    #resumeSpecial .katamichi{
        padding: 0 15px 15px 15px;
        margin-bottom: 40px;
    }

    #resumeSpecial .katamichi h3{
        position: relative;
        padding: 15px 0px 0 0px;
        margin-bottom: 20px;
    }
    #resumeSpecial .katamichi h3:before{
        top: -49px;
        right: -30px;
        width: 79px;
        height: 79px;
    }
    #resumeSpecial .katamichi p.t_text{
        margin-bottom: 4vw;
    }

    #resumeSpecial .katamichi dl.attention{
        font-size: 80%;
        margin-bottom: 4vw;
    }


    /* --------------------------------
       □ tmoney
    -------------------------------- */

    #resumeSpecial .tmoney{
        padding: 0 15px 15px 15px;
        margin-bottom: 40px;
    }

    #resumeSpecial .tmoney h3{
        position: relative;
        padding: 15px 0px 0 0px;
        margin-bottom: 20px;
    }
    #resumeSpecial .tmoney h3:before{
        top: -39px;
        right: -30px;
        width: 89px;
        height: 89px;
        background: url("../../images/tmoney-100.png") 50% 50% no-repeat;
        background-size:100% auto;
    }
    #resumeSpecial .tmoney p.t_text{
        margin-bottom: 4vw;
    }

    #resumeSpecial .tmoney dl.considerations{
        font-size: 80%;
        margin-bottom: 2vw;
    }
    #resumeSpecial .tmoney dl.considerations ul li{
        word-break: break-all;
        word-wrap: break-word;
    }

    #resumeSpecial .tmoney dl.aboutTmoney{
        border-radius: 8px;
        font-size: 80%;
    }

    #resumeSpecial .tmoney dl.aboutTmoney dt{
        padding: 8px;
        border-radius: 8px 8px 0 0;
    }

    #resumeSpecial .tmoney dl.aboutTmoney dd{
        padding: 10px;
    }
    #resumeSpecial .tmoney .submitButton span{
        font-size: 100%;
        font-weight: 700;
    }
    #resumeSpecial .tmoney .submitButton.skeleton span{
        font-size: 120%;
    }

    #resumeSpecial .tmoney .submitButton a{
        width: 100%;
        box-sizing: border-box;
        }
    #resumeSpecial .tmoney .submitButton a:after{
        position: absolute;
        top: 50%;
        right: 3%;
        margin-top: -2px;
        border-width: 4px 0 4px 7px;
    }


    /* --------------------------------
       □ passportLP
    -------------------------------- */
    #resumeSpecial .passportLp{
    }

    #resumeSpecial .passportLp h3{
        padding: 15px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px;
    }
    #resumeSpecial .passportLp h3:before{
        top: -39px;
        right: -15px;
        width: 30vw;
        height: 60vw;
        background: url("../../images/passport/num.png") 0 0 no-repeat;
        background-size:100% auto;
    }

    #resumeSpecial .passportLp h4{
        position: relative;
        padding: 0;
        margin-bottom: 20px;
    }

    #resumeSpecial .passportLp .target{
        padding: 0;
        color: #eb6b79;
    }
    #resumeSpecial .passportLp .target dt{
        margin-bottom: 6px;
        font-size: 1.0rem;
    }
    #resumeSpecial .passportLp .target dd ul li{
        font-size: 1.0rem;
    }
    #resumeSpecial .passportLp .target dd ul li span{
        text-decoration: underline;
    }

    #resumeSpecial .passportLp .outline{
        font-size: 1.0rem;
    }
    #resumeSpecial .passportLp .outline th,
    #resumeSpecial .passportLp .outline td{
        display: block;
    }
    #resumeSpecial .passportLp .outline td .note{
        font-size: 0.8rem;
    }

    #resumeSpecial .passportLp .flow{
        margin-right: 0;
        margin-top: 24px;
        margin-bottom: 14px;
    }

    #resumeSpecial .passportLp .flow > li{
        padding: 12px;
        align-items: flex-start;
    }

    #resumeSpecial .passportLp .flow > li:before{
        bottom: -32px;
    }
    #resumeSpecial .passportLp .flow > li:last-child::before{
        display: none;
    }

    #resumeSpecial .passportLp .flow > li + li{
        margin-top: 32px;
    }

    #resumeSpecial .passportLp .flow > li > span.no{
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        font-size: 1.0rem;
    }

    #resumeSpecial .passportLp .flow > li > p{
        padding-left: 10px;
        font-size: 1.0rem;
    }

    #resumeSpecial .passportLp .contact{
        margin-top: 20px;
        font-size: 1.0rem;
    }
    #resumeSpecial .passportLp .contact dt{
        font-weight: 700;
        margin-bottom: 8px;
    }


    
    
        /* --------------------------------
           □ parking
        -------------------------------- */

        #resumeSpecial .parking{
            background-color: #fff;
            padding: 15px 15px 0 15px;
            margin-bottom: 40px;
        }
        #resumeSpecial .parking .submitButton{
            text-align: center;
        }

        #resumeSpecial .parking .submitButton span{
        font-size: 100%;
        }

        #resumeSpecial .parking .submitButton a{
            padding: 11px 5px;
            width: 100%;
            margin-top: 0;
            margin-bottom: 0px;
            box-sizing: border-box;
            }
        #resumeSpecial .parking .submitButton a:after{
            top: 50%;
            right: 3%;
            margin-top: -2px;
            border-width: 4px 0 4px 7px;
        }


        /* --------------------------------
           □ passport
        -------------------------------- */

        #resumeSpecial .passport{
            background-color: #fff;
            border: solid 5px #29a185;
            border-radius: 10px;
            margin-bottom: 40px;
        }
        #resumeSpecial .passport .submitButton{
            text-align: center;
        }

        #resumeSpecial .passport .submitButton span{
            font-size: 100%;
        }

        #resumeSpecial .passport .submitButton a{
            padding: 11px 5px;
            width: 90%;
            margin-top: 0;
            margin-bottom: 0px;
            box-sizing: border-box;
            }

        #resumeSpecial .passport .submitButton.pink a{
            margin-top: 6px;
            margin-bottom: 6px;
        }
    
        #resumeSpecial .passport .submitButton a:after{
            top: 50%;
            right: 3%;
            margin-top: -2px;
            border-width: 4px 0 4px 7px;
        }
    
    /* --------------------------------
       □ #campaign
    -------------------------------- */
    #campaign p.resume{
        font-size:100%;
    }

    #campaign .CampaignBackground{
        padding: 0 5%;
        padding-bottom:10%;
    }

    #campaign h2.campaign{
        padding:10% 0;
    }

    #campaign h2.campaign span{
        font-size:130%;
    }

    #campaign h2.campaign span:before{
        content:url(../../images/icon/icon02_sp.png);
        bottom:-20%;
    }

    #campaign h2.campaign span:after{
        content:url(../../images/icon/icon03_sp.png);
        bottom:-20%;
    }

    #campaign .SpecialsSale{
        width:92%;
    }

    #campaign .SpecialsSale .SaleMV{
        padding:0;
    }
    #campaign .SpecialsSale .SaleMV img.sp{
        display:inline;
        margin:20px 1%;
    }

    #campaign .SpecialsSale .SaleMV div{
        display:none;
    }

    #campaign .SpecialsSale .SaleMV div img{
        padding-right:10px;
        width:25%;
    }

    #campaign .SpecialsSale .SaleMV div h3{
        font-size:120%;
        line-height:30px;
    }
    #campaign .SpecialsSale .SaleMV div h3 strong{
        font-size:200%;
        line-height:40px;
    }
    #campaign .SpecialsSale .SaleMV div p.SubText{
        font-size:75%;
    }

    #campaign .SpecialsSale .SaleMV dl{
        padding:30px 4% 20px 4%;
        border-radius:10px;
        background-color:#FFF;
        margin:0 1% 1% 1%;
        text-align:left;
    }

    #campaign .SpecialsSale .SaleMV dl dt{
        font-size:100%;
        line-height:20px;
    }
    #campaign .SpecialsSale .SaleMV dl dt img.sp{
        display:inline;
        margin:0;
    }


    #campaign .SpecialsSale .SaleMV dl dt span.RedStyle strong{
        line-height:40px;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li:first-child{
        margin:10px 0;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl{
        position:relative;
        padding:0 1%;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dt{
        font-size:100%;
        line-height:35px;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dt:before{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dt:after{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dt span{
        padding-left:15px;
        padding-right:5px;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dd{
        display:inline-block;
        line-height:28px;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dd.period{
        width:48%;
        font-size:75%;
        line-height:20px;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
        font-size:125%;
    }

    #campaign .SpecialsSale .SaleMV dl dd ul li dl dd img{
        width:3%;
        top:67%;
        left:46%;
    }

    #campaign .SpecialsSale .SaleMV dl dd p.button a{
        font-size:120%;
    }

    #campaign p.OtherSale{
        font-size:90%;
        padding:50px 0;
    }

/* --------------------------------
   □ 乗ッテネキャンペーン
-------------------------------- */


#campaign .nottene {
    width: 92%;
    margin-bottom: 10%;
}

#campaign .area {
    padding: 0 2% 4% 2%;
}

#campaign .area dl dt {
    width:auto;
    float: none;
    padding-right:0;
    margin-bottom:15px;
}

#campaign .area dl dd {
    width: auto;
    float: none;
    font-size: 87%;
}

#campaign .area dl dd br{
    display:none;
}

#campaign .area table.tableStyle th,
#campaign .area table.tableStyle td {
    display: block;
    border: none;
    border-top: 1px solid #03b191;
}

#campaign .area table.tableStyle th {
    width: 100%;
    padding: 2% 2px;
}

#campaign .area .submitText {
    font-size: 100%;
    margin: 3% 0 2% 0;
}

#campaign .area .submitButton a {
    padding: 4%;
    font-size: 124%;
}






    /* --------------------------------
   □ #milion
-------------------------------- */

    #milion .commemoration{
        padding-top:10%;
        background-size: contain;
    }

    #milion .commemoration h2 img{
        width: 70%;
        margin: 30px 0;
    }

    #milion h2.campaign{
        padding:50px 0;
    }

    #milion h2.campaign span{
        font-size:150%;
    }

    #milion h2.campaign span:before{
        content:url(../../images/icon/icon02_sp.png);
        bottom:-50%;
    }

    #milion h2.campaign span:after{
        content:url(../../images/icon/icon03_sp.png);
        bottom:-50%;
    }

    #milion .SpecialsSale{
        width:92%;
        margin-bottom: 50px;
    }

    #milion .SpecialsSale .SaleMV{
        padding:0;
    }
    #milion .SpecialsSale .SaleMV img.sp{
        display:inline;
        margin:20px 1%;
        max-width:100%;
        width:97%;
    }

    #milion .SpecialsSale .SaleMV div{
        display:none;
    }

    #milion .SpecialsSale .SaleMV div img{
        padding-right:10px;
        width:25%;
    }

    #milion .SpecialsSale .SaleMV div h3{
        font-size:120%;
        line-height:30px;
    }
    #milion .SpecialsSale .SaleMV div h3 strong{
        font-size:200%;
        line-height:40px;
    }
    #milion .SpecialsSale .SaleMV div p.SubText{
        font-size:75%;
    }

    #milion .SpecialsSale .SaleMV dl{
        padding:30px 4% 20px 4%;
        border-radius:10px;
        background-color:#FFF;
        margin:0 1% 1% 1%;
        text-align:left;
    }

    #milion .SpecialsSale .SaleMV dl dt{
        font-size:100%;
        line-height:20px;
    }
    #milion .SpecialsSale .SaleMV dl dt span.sp{
        display:block;
    }
    #milion .SpecialsSale .SaleMV dl dt .sp img{
        width: 80%;
        padding: 0 10%;
        margin: 0;
        display:inline;
    }
    #milion .SpecialsSale .SaleMV dl dt span.pc{
        display:none;
    }

    #milion .SpecialsSale .SaleMV dl dt span.remarks{
        font-size:12px;
        margin: 0;
    }

    #milion .SpecialsSale .SaleMV dl dt span.RedStyle strong{
        line-height:40px;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li:first-child{
        margin:10px 0;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl{
        position:relative;
        padding:0 1%;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dt{
        font-size:100%;
        line-height:35px;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dt:before{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dt:after{
        position:absolute;
        content:url(../../images/icon/icon08_sp.png);
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dt span{
        padding-left:15px;
        padding-right:5px;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dd{
        display:inline-block;
        line-height:28px;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dd.period{
        width:48%;
        font-size:75%;
        line-height:20px;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dd.period span{
        font-size:125%;
    }

    #milion .SpecialsSale .SaleMV dl dd ul li dl dd img{
        width:3%;
        top:67%;
        left:46%;
    }

    #milion .SpecialsSale .SaleMV dl dd p.button a{
        font-size:120%;
    }

    #milion .SpecialsSale .SaleMV dl dd p.details {
        font-size: 65%;
        text-align: center;
    }

    /* --------------------------------
       □ p10campaign
    -------------------------------- */
    #campaign .p10campaign{
        margin-top:10%;
    }

    #campaign .p10campaign p.accent{
        margin-bottom:3%;
    }

    #campaign .p10campaign div.body{
        margin:0 4%;
    }

    #campaign .p10campaign h3{
        font-size:100%;
        font-weight:700;
        padding-bottom:4%;
        margin-bottom:8%;
        position:relative;
    }
    #campaign .p10campaign h3:before{
        bottom:0;
        height: 2px;
    }

    #campaign .p10campaign p.SubText{
        font-size:100%;
    }

    #campaign .p10campaign p.buttonStyle{
        margin-bottom:5%;
    }

    #campaign .p10campaign p.buttonStyle a{
        font-size:100%;
        width:100%;
        padding:auto 20px;
    }

    /* --------------------------------
       □ PassportCampaign
    -------------------------------- */
    #campaign .PassportCampaign p{
        text-align:center;
    }

    #campaign .PassportCampaign p.SubText{
        margin-bottom:4%;
    }

    #campaign .PassportCampaign p.img{
        margin-bottom:5%;
    }


    /* --------------------------------
       □ CashbackCampaign
    -------------------------------- */
    #campaign .CashbackCampaign{
        margin-bottom:4%;
    }


    /* subsection
    -------------------------------- */
    #campaign .CashbackCampaign .body .subsection{
        padding:0;
    }

    #campaign .CashbackCampaign .body .subsection h4{
        box-sizing:border-box;
        font-size:100%;
        text-align:left;
        color:#18a790;

        margin:2% 0 2% 0;
        min-height:auto;
        padding:0;
        padding-left:20px;
        background-size:auto 90%;
    }


    /* about
    -------------------------------- */

    #campaign .CashbackCampaign .about{
        margin-bottom:10%;
    }

    #campaign .CashbackCampaign .about .SubText{
        margin-bottom:2%;
    }


    #campaign .CashbackCampaign .about .table{
        background:#f3f3f3;
        padding:5% 2%;
    }	

    #campaign .CashbackCampaign .about table{
        width:100%;
        margin:0 auto;
    }

        #campaign .CashbackCampaign .about table th{
            font-size:92%;
            padding-bottom:2%;
            width:50%;
        }

        #campaign .CashbackCampaign .about table td{
            font-size:92%;
            padding:9px 0;
        }
        #campaign .CashbackCampaign .about table td.price{
            font-size:92%;
            font-weight:700;
            text-align:center;
        }	

        #campaign .CashbackCampaign .about table td.price:before{
            right:-5px;
            background-size:100% auto;
            width:10px;
            height:10px;
            margin-top:-5px;

        }

        #campaign .CashbackCampaign .about table td.quo span{
            display:block;
            min-height:auto;
            padding-left:20%;
            padding-top:42px;
            background:50% 0 no-repeat;
            background-size:auto 40px;
            line-height:1.1;
        }

    /* flow
    -------------------------------- */
    #campaign .CashbackCampaign .flow ul.list{
        margin-top:8%;
    }

    #campaign .CashbackCampaign .flow ul.list > li{
        border:1px solid #acd5ce;
        margin-bottom:5%;
        padding:3%;
        margin-left:12px;
    }

        #campaign .CashbackCampaign .flow ul.list > li > dl > dt{
            position:absolute;
            top:-12px;
            left:-12px;
            padding:2%;
            font-size:82%;
        }

        #campaign .CashbackCampaign .flow ul.list > li > dl > dt span{
            font-size:150%;
        }

        #campaign .CashbackCampaign .flow ul.list > li > dl > dd{
            padding-left:40px;
            text-align:left;
        }

        #campaign .CashbackCampaign .flow ul.list > li > dl > dd p.text{
            font-size:82%;
            line-height:1.5;
        }


        /* division
        -------------------------------- */
        #campaign .CashbackCampaign .flow ul.list > li .division{
            margin:2% 0 0 5%;
            display:table;
        }

        #campaign .CashbackCampaign .flow ul.list > li .division .image{
            padding-right:5%;
        }

        #campaign .CashbackCampaign .flow ul.list > li .division .explain ul.caution li{
            margin-bottom:1%;

        }


        /* step1
        -------------------------------- */
        #campaign .CashbackCampaign .flow ul.list > li.step1 dl.route{
            background:#fff;
            padding:3%;
        }

        #campaign .CashbackCampaign .flow ul.list > li.step1 dl.route dt{
            font-size:100%;
            margin-bottom:5px;
            color:#333;
        }

        #campaign .CashbackCampaign .flow ul.list > li.step1 dl.route dd{
            font-size:84%;
        }
        #campaign .CashbackCampaign .flow ul.list > li.step1 dl.route dd em{
            font-size:126%;
        }

    #campaign .photobanner{
        margin-top: 8%;
    }

    /* --------------------------------
       □ useful
    -------------------------------- */

    #useful{
        padding: 10% 0 8% 0;
    }
    #useful h2{
        font-size:100%;
        margin-bottom: 3%;
    }
    #useful .container{
        max-width: 90%;
        margin: 0 auto;
    }
    #useful ul.links{
        margin-bottom: 4%;
    }
    #useful ul.links li{
        text-align: center;
    }
    #useful ul.links li + li{
        margin-top: 2%;
    }

    #useful ul.logo li {
        padding: 0 2vw;
    }
    
    #useful ul.logo li img{
        max-width: 40vw;
    }
    
    /* --------------------------------
       □ #reserve
    -------------------------------- */

    #reserve{
        margin-top:30px;
    }

    #reserve #contact{
        margin:30px 3%;
    }

    #reserve #contact h3.PcSp{
        padding-bottom:10px;
        overflow:hidden;
    }

    #reserve #contact h3.PcSp span{
        font-size:100%;
        line-height:30px;
    }

    #reserve #contact h3.PcSp:before{
        content: url(../../images/icon/icon05_sp.png);
    }

    #reserve #contact .explain p.text{
        font-size:100%;
    }

    #reserve #contact .explain p.link{
        margin-top:30px;
    }

    #reserve #reserveTel{
        padding:0 3%;
    }

    #reserve #reserveTel h3.Tell{
        margin-top:30px;
    }

    #reserve #reserveTel h3.Tell span{
        font-size:120%;
        line-height:30px;
    }

    #reserve #reserveTel h3.Tell:before{
        content: url(../../images/icon/icon06_sp.png);
    }

    #reserve #reserveTel dl{
        width:100%;
        padding:20px 0;
        margin:0;
    }

    #reserve #reserveTel dl dt{
        display:block;
        float:none;
        text-align:center;
    }

    #reserve #reserveTel dl dd{
        margin-top:10px;
        padding-left:0;
    }

    #reserve #parking{
        margin:30px 3%;
    }

    #reserve #parking h3{
        font-size:120%;
        margin-bottom:20px;
    }

    #reserve #parking h3 img{
        display:block;
        width:80%;
        padding-bottom:10px;
    }

    #reserve #parking h3 span{
        padding-left:10px;
    }

    #reserve #parking .text{
        padding:0 10px 40px 10px;
    }

    #reserve #parking .text dd{
        width:100%;
    }

    #reserve #parking .text li{
        margin-top:10px;
    }

    #reserve #parking .text dd ul li{
        padding-left:0;
    }

    #reserve #parking .text p{
        margin-top:10px;
        padding:0;
    }

    #reserve #parking .text p.remarks{
        padding-top:20px;
        padding-left:0;
    }


    #reserve #mint{
        width:94%;
        text-align:center;
    }

    #reserve #mint img{
        margin-bottom:30px;
    }

    #reserve #mint img.pc{
        display:none;
    }

    #reserve #mint img.sp{
        display:inline;
    }

    #reserve #imacore{
        padding-top:30px;
    }

    #reserve #imacore h2{
        display:block;
        clear:both;
    }


/* --------------------------------
   □ #takamatsu
-------------------------------- */
#takamatsu{
    padding: 9% 3%;
    background-image: url(../../images/access_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#takamatsu .drawing{
    padding: 0 0 30px 0;
    background-color: #FFFFFF;
}

#takamatsu .drawing p{
    padding: 0 3%
}

#takamatsu .drawing p.text{
    margin: 15px 0;
}

#takamatsu h2.title{
    margin-left: -20px;
    position: relative;
}

#takamatsu h2.title span{
    font-size: 120%;
    padding: 0 10px 0 30px;
}

#takamatsu h2.title:before {
    position: absolute;
    content: "";
    top:-6px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon/icon01_sp.png);
    width: 20px;
    height: 27px;
}

#takamatsu h2.title:after {
    position: absolute;
    content: "";
    top:-6px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon/icon01_sp.png);
    width: 20px;
    height: 27px;
}

#takamatsu .scroll{
    overflow-x: scroll;
    margin:0 10px;
}

#takamatsu .scroll p{
    width: 200%;
}
#takamatsu .scroll::-webkit-scrollbar{
     height: 5px;
}

#takamatsu .scroll::-webkit-scrollbar-track{
     background: #F1F1F1;
}

#takamatsu .scroll::-webkit-scrollbar-thumb {
     background: #BCBCBC;
}


/* --------------------------------
   □ #koreaTour
-------------------------------- */

#koreaTour{
    overflow: hidden;
    margin:8% 0;
    padding: 6% 0;
}

#koreaTour h3{
    margin-bottom:3%;
    text-align: center;
}
#koreaTour h3 span{
    font-size:100%;
    margin: 0;
}

#koreaTour h3 span:before {
    zoom:0.5;
    left: -55px;
}

#koreaTour h3 span:after {
    zoom:0.5;
    right: -55px;
}

#koreaTour p.appeal{
    font-size:124%;
    padding: 3%;
}

#koreaTour p.conditions{
    padding: 4%;
    font-size: 100%;
}
#koreaTour p.text{
    margin-bottom: 3%;
}
#koreaTour p.buttonStyle a{
    width:94%;
    padding: 15px 5px;
    font-size: 100%;
}



/* --------------------------------
   □ #koreaSeminar
-------------------------------- */

#koreaSeminar{
    overflow: hidden;
    margin:0 0 0 0;
    padding: 6% 0;
}

#koreaSeminar h3{
    margin-bottom:3%;
    text-align: center;
}
#koreaSeminar h3 span{
    font-size:100%;
    margin: 0;
}

#koreaSeminar h3 span:before {
    zoom:0.5;
    left: -55px;
}

#koreaSeminar h3 span:after {
    zoom:0.5;
    right: -55px;
}

#koreaSeminar p.appeal{
    font-size:124%;
    padding: 3%;
}

#koreaSeminar p.outlinetext{
    font-size:84%;
    line-height: 2;
    margin-bottom:3%;
}	


#koreaSeminar p.conditions{
    padding: 4%;
    font-size: 100%;
    margin-left: 3%;
    margin-right: 3%;
}
#koreaSeminar p.text{
    margin-bottom: 3%;
}
#koreaSeminar p.buttonStyle a{
    width:94%;
    padding: 15px 5px;
    font-size: 100%;
}	

#koreaSeminar dl.spMovie{
    padding: 4%;
    margin: 0 3%;
}

#koreaSeminar dl.spMovie  dt{
    font-size: 127%;
    margin-bottom: 4%;
}

#koreaSeminar dl.spMovie dd .date{
    margin-bottom: 15px;
}
#koreaSeminar dl.spMovie dd p.buttonStyle a{
    width:100%;
    padding: 10px;
    font-size: 100%;
}



    /* --------------------------------
       □ #access
    -------------------------------- */
    #access{
        padding:9% 3%;
    }
        #access h2{
            font-size:120%;
            margin-bottom:4%;
            text-align:center;
        }
        #access p.text{
            font-size:84%;
            margin-bottom:2%;
            text-align:center;
        }

        #access p.map{
            margin-bottom:4%;
            text-align:center;
        }

        #access p.linkText{
            font-size:82%;
            text-align:center;
        }


    /* --------------------------------
       □ #dangantour
    -------------------------------- */	
    #dangantour{
        padding-top:30px;
        padding-bottom:9%;
    }

    #dangantour ul.movieLink{
        padding-bottom:20px;
    }

    #dangantour .area{
        width:94%;
    }
    #dangantour .area h2{
        font-size:120%;
        line-height:1.3;
        margin-bottom:4%;
        text-align:center;
    }

    #dangantour .area p.logo{
        display:block;
        width:100%;
        float:none;
        padding-left:0;
        text-align:center;
    }

    #dangantour .area p.description{
        font-size:100%;
        float:none;
        margin:0;
        text-align:center;
    }

    #dangantour .area .image{
        width:100%;
        float:none;
        padding-right:0;
        padding-top:30px;
        text-align:center;
    }

    #dangantour .area .image #youtube{
        width:100%;
    }

    #dangantour .area ul.movieLink{
        padding-top:10px;
        padding-bottom:50px;
        clear:both;
    }

    #dangantour .area ul.movieLink li{
        display:block;
        clear:both;
        width:98%;
        margin:10px 1%;
    }

    #dangantour .area ul.movieLink li:last-child{
        margin-bottom:0;
    }	


    #dangantour .area p.linkText{
        margin-bottom:5px;
        font-size:82%;
        font-weight:700;
    }

        #dangantour .area p.link{
            margin-bottom:0;
            text-align:center;
        }


    /* --------------------------------
       □ #imacore
    -------------------------------- */	
    #imacore{
        padding-top:30px;
        padding-bottom:9%;
    }

    #imacore ul.movieLink{
        padding-bottom:20px;
    }

    #imacore .imacore{
        width:94%;
    }

    #imacore .imacore h2{
        font-size:120%;
        line-height:1.3;
        margin-bottom:4%;
        text-align:center;
    }

    #imacore .imacore p.logo{
        display:block;
        width:100%;
        float:none;
        padding-left:0;
        text-align:center;
        padding-bottom:10px;
    }

    #imacore .imacore .image{
        width:100%;
        float:none;
        padding-right:0;
        padding-top:30px;
        text-align:center;
    }

    #imacore .imacore .image #youtube{
        width:100%;
    }

    #imacore .imacore ul.movieLink{
        padding-top:10px;
        padding-bottom:50px;
        clear:both;
    }

    #imacore .imacore ul.movieLink li{
        display:block;
        clear:both;
        width:98%;
        margin:10px 1%;
    }

    #imacore .imacore ul.movieLink li:last-child{
        margin-bottom:0;
    }	


    #imacore .imacore p.linkText{
        margin-bottom:5px;
        font-size:82%;
        font-weight:700;
    }

        #imacore .imacore p.link{
            margin-bottom:0;
            text-align:center;
        }


}