@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
#content-wrap {position: relative;color: #000;margin: 0 auto;font-family: 'Noto Sans JP', sans-serif; font-weight: 500;}
#content-wrap img{max-width: 100%;margin: 0 auto;}

@media screen and (min-width: 768px) {
	/*#contentsWrapper .contArea { padding: 0 3% 0;}*/
	
    #handLP{position: relative; margin: 0 auto;background: #eeeeee;} 
    #handLP .finAtt{background: #fff;padding: 15px 15px 0;}
    #handLP .finAtt .inner{border: solid 1px #ff0000;background: #fff; padding: 15px; max-width: 980px; margin: 0 auto; color: #ff0000; text-align: center;}
    
    
    #handLP #wrapMV{width: 100%; margin: 0 auto; position: relative;background: url(../img/bg-mv.png), url(../img/bg-mv2.png);
        background-repeat:no-repeat,repeat-x;
        background-size:auto 100% , 100% 100%;
        background-position: center top, center top;
    }
    #handLP #wrapMV #mv{position: relative; margin: 0 auto; max-width: 980px; }
    #handLP #wrapMV #mv img{width: 100%;}
    .inner{max-width: 980px; margin: 0 auto;}
    #wrapVR{max-width: 980px;margin: 0 auto;}
    #wrapVR .featArea{padding: 80px 0 40px; text-align: center;}
    #wrapVR .featArea h2{width: 95%; margin: 0 auto 30px;}
    #wrapVR .featArea .inner .lead{text-align: center; margin: 0 auto 20px;}
    #wrapVR .featArea .inner .img{margin: 0 auto 10px;width: 70%;}
    #wrapVR .featArea .inner .txtCap{margin: 0 auto;}
    
    #wrapVR #ulLnav{
        display: flex; justify-content: center;align-items: flex-start;
        margin: 0 auto 30px;
    }
    #wrapVR #ulLnav li{width: 48%; position: relative;}
    #wrapVR #ulLnav li:nth-child(1){margin: 0 2% 0 0;}
    #wrapVR #ulLnav li:nth-child(2){margin: 0 0 0 2%;}
    #wrapVR #ulLnav li a{display: block;padding-bottom: 30px;position: relative;}
    #wrapVR #ulLnav li a::after{
        content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 9.5px);
    background-image: url(../img/icon-arrow-down.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 19px;
    background-size: 32px 19px;
    
    }
    
    #c01{max-width: 980px; margin: 0 auto; background: #fff; border-radius: 10px;padding: 20px 0 50px ;}
    #c01 > h3{margin: 0 auto 30px;}
    #c01 > .inner{padding: 0 40px;}
    #c01 > .inner .c01-01{}
    #c01 > .inner .c01-02{}
    
    
    #c01 .inner .c01-01{ display: flex; justify-content: center;align-items: flex-start;margin: 0 auto -10px;}
    #c01 .inner .c01-01 .img{width: 28%;    margin: 0 0 0 3%;}
    #c01 .inner .c01-01 .txt{width: 60%; margin: 70px 0 0 4%; font-size: 18px; font-weight: bold; color: #378640; line-height: 1.4; text-align: left;}
    #c01 .inner .c01-02{ display: flex; justify-content: center;align-items: flex-start;margin: 0 auto 30px;}
    #c01 .inner .c01-02 .img{width: 40%;    margin: 0 6% 0 0;}
    #c01 .inner .c01-02 .txt{width: 37%;     margin: 90px 5% 0 15%; font-size: 18px; font-weight: bold; color: #378640; line-height: 1.4; text-align: left;}
    #c01 .inner .img-c01-03{ display: block; margin: 0 auto 50px;width: 90px;}
    
    #c01 .inner .appArea{}
    #c01 .inner #spottourArea{margin: 0 auto 80px; text-align: center;}
    #c01 .inner #xrArea{margin: 0 auto ; text-align: center;}
    #c01 .inner .appArea .lead{font-size: 24px; font-weight: bold;margin: 0 auto 20px;}
    #c01 .inner .appArea .img{margin: 0 auto 30px; width: 75%;}
    #c01 .inner .appArea .txt{margin: 0 auto 25px;}
    #c01 .inner .appArea .logo{height: 50px;margin: 0 auto 30px;}
    #c01 .inner .appArea .logo img{height: 100%; width: auto; display: block; margin: 0 auto;}
    #c01 .inner .appArea .ulApp{ width: 340px; display: flex; justify-content: center;align-items: flex-start; margin: 0 auto 15px;}
    #c01 .inner #xrArea.appArea .ulApp{margin: 0 auto 40px;}
    #c01 .inner .appArea .ulApp li{width: 50%; position: relative;}
    #c01 .inner .appArea .ulApp li:nth-child(1){width: 40.25%; margin: 0 3.75% 0 3%;}
    #c01 .inner .appArea .ulApp li:nth-child(2){margin: 0 3% 0 2%;}
    .ulApp a,.ulBnr li a{display: block;}
    #c01 .inner .appArea .note,#c01 .inner .appArea .ulNote{width: calc(340px - 2%); margin-right: auto;margin-left: auto; text-align: left;}    
    #c01 .inner #xrArea.appArea .ulNote{margin-bottom:40px;}
    #c01 .inner .appArea .img .note{width: 100%;}
    
    
    #c02{max-width: 980px; margin: 0 auto 50px; background: #fff; border-radius: 10px;padding: 20px 0 0;}
    #c02 > h3{margin: 0 auto;}
    #c02 > .inner{padding:30px;display: flex; justify-content: center;align-items: flex-start; }
    #c02 > .inner .img{width: 46%;}
    #c02 > .inner .txt{width: 51%; margin: 0 0 0 3%;}
    
    #wrapVA{width: 100%; background:#fff; margin: 0 auto; padding: 80px 0 50px;}
    
    #wrapVA .featArea{max-width: 980px; margin: 0 auto;
    }
    #wrapVA .featArea h2{width: 95%; margin: 0 auto 30px;}
    #wrapVA .featArea h2 img{width: 100%;}
    #wrapVA .featArea .lead{text-align: center; margin: 0 auto 40px;}
    
    #wrapVA .featArea > .inner{margin:  0 30px 100px; }
    #wrapVA .featArea > .inner > ul li{margin: 0 auto 50px;}
    /*#wrapVA .featArea .inner > ul li:last-child{margin: 0 auto;}*/
    
    #wrapVA #c03{max-width: 980px; border: solid 1px #cccccc; border-radius: 10px; position: relative;margin: 0 auto 30px;}
    #wrapVA #c03 > .tit {    width: 350px;    position: absolute;    top: -15px;    left: calc(50% - 175px);}
    #wrapVA #c03 .inner{margin: 30px;}
    #wrapVA #c03 .inner .ulNrealAir{display: flex; justify-content: center;align-items: flex-start; margin: 0 auto 30px;}
    #wrapVA #c03 .inner .ulNrealAir li{width: 48%; position: relative;}
    #wrapVA #c03 .inner .ulNrealAir li:nth-child(1){margin: 0 2% 0 0;}
    #wrapVA #c03 .inner .ulNrealAir li:nth-child(2){margin: 0 0 0 2%;}
    #wrapVA #c03 .inner .txt{margin:0 auto 30px;}
    
    #wrapVA #c03 .inner .ulNote{margin:0 auto 50px;}
    .ulNote li{font-size: 12px; text-indent: -12px; padding-left:12px; }
    #wrapVA #c03 .inner .detail{text-align: right;margin: 0 0 0 auto; display: block;}
    .detail:link,.detail:active,.detail:hover,.detail:visited{color: #da5f29; }
    
    #wrapVA .arrowDown2{    display: block;    margin: 0 auto 50px;    width: 150px;}
    
    #wrapVA #c04{max-width: 980px; border: solid 1px #da5f29; border-radius: 10px; position: relative;margin: 0 auto 60px;}
    #wrapVA #c04 > .tit{    width: 560px;    position: absolute;    top: -15px;    left: calc(50% - 280px);}
    #wrapVA #c04 .inner{margin: 30px; position: relative;}
    #wrapVA #c04 .inner .wrapFlex{display: flex; justify-content: center;align-items: flex-start; }
    
    #wrapVA #c04 .inner .img{width: 46%;}
    #wrapVA #c04 .inner .wrapTxt{width: 51%; margin: 0 0 0 3%; position: relative;}
    #wrapVA #c04 .inner .txt{margin: 15px 0 0;}
    #wrapVA #c04 .detail{ position: absolute; right: 0;bottom: 0;}

    
    #wrapVA #c05{max-width: 980px;border: solid 1px #da5f29; border-radius: 10px; position: relative;margin: 0 auto;}
    #wrapVA #c05 > .tit{    width: 640px;    position: absolute;    top: -15px;    left: calc(50% - 320px);}
    #wrapVA #c05 .inner{margin: 30px;position: relative;}
    #wrapVA #c05 .inner .wrapFlex{display: flex; justify-content: center;align-items: flex-start; }
    #wrapVA #c05 .inner .img{width: 46%;}
    #wrapVA #c05 .inner .wrapTxt{width: 51%; margin: 0 0 0 3%; position: relative;}
    #wrapVA #c05 .inner .txt{margin: 15px 0 0;}
    

    #wrapVA #c05 .inner .howto .tit{color: #da5f29;}
    #wrapVA #c05 .inner .ulApp{position: absolute; right: 0;bottom: 0; width: 340px;display: flex; justify-content: center;align-items: flex-start; margin: 0 auto;}
    #wrapVA #c05 .inner .ulApp li{width: 50%; position: relative;}
    #wrapVA #c05 .inner .ulApp li:nth-child(1){width: 40.25%; margin: 0 3.75% 0 3%;}
    #wrapVA #c05 .inner .ulApp li:nth-child(2){margin: 0 3% 0 2%;}
    
    .wrapW{background: #fff;padding: 0 0 50px ;}
    .attArea{background: #eeeeee;max-width: 980px; border-radius: 10px;margin: 0 auto;}
    .attArea .inner{ padding: 30px;}
    .attArea .inner .tit{text-align: center;color: #da5f29; font-weight: bold; margin: 0 auto 20px;}
    
    
    .wrapSNS{padding: 0 0 50px;}
    .wrapSNS .ulSNS{width: 300px; margin: 0 auto;display: flex; justify-content: center;align-items: center;}
    .wrapSNS .ulSNS li{width: 20%; margin: 0 calc(40% / 6);}
    
    .bnrArea{padding: 50px; text-align: center;}
    .bnrArea .tit{    width: 130px;    margin: 0 auto 30px;}
    .bnrArea .ulBnr{}
    .bnrArea .ulBnr li{width: 32%;margin: 0 auto 10px;}
    .bnrArea .ulBnr li:last-child{margin: 0 auto;}
    
    .bnrArea .ulBnr li a{display: block; margin: 0 auto 3%;}
    
    .bnrArea2{padding: 30px 0; text-align: center; background: #ea5505;}
    .bnrArea2 .ulBnr{display: flex; justify-content: center;align-items: flex-start;}
    .bnrArea2 .ulBnr li{width: 32%;}
    .bnrArea2 .ulBnr li:nth-child(3n-2){margin: 0 2% 0 0;}
    .bnrArea2 .ulBnr li:nth-child(3n-1){margin: 0;}
    .bnrArea2 .ulBnr li:nth-child(3n){margin: 0 0 0 2%;}
    
    #bnrArea3{padding: 50px 0; margin: 0 auto;} 
    #bnrArea3 .ulBnr li{width: 32%; margin: 0 auto 10px;}
    #bnrArea3 .ulBnr li:last-child{margin: 0 auto;}
    
    
    a { 
		opacity: 1;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

	a:hover { 
		opacity: .6;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
		text-decoration: none;
	}
    /* BTN */
    
    
    .btn{
        display: block;
    
    width: 480px;
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    background: #ea5404;
    text-align: center;
        border-radius: 10px;
    }
   
    .btn:hover,.btn:active,.btn:visited{color: #fff !important; text-decoration: none;}
    .btn::after{
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 20px;
    transform: scale(.6,1);
    }
    .btnModal::after{
    content: '+';
    transform:none;
    font-size: 120%;
    }
    .btnAnc::after{
    content: '\FF1C';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 20px;
    transform: rotate(-90deg) scale(.6,1);
    }
    .btnBlank::after{
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    background-image: url(../img/icon-blank-white.png);
    width: 14px;
    height: 14px;
    background-size: 14px;
    opacity: 1;
    }
    
    .txtLink{
        display: inline-block;
    position: relative;
    line-height: 1.4;
    padding: 0 20px 0 0;
    }
    
    .txtLink::after{
        content: '\FF1E';
    display: inline-block;
    position: absolute;
    top: 0;
        right: 0;
    transform: scale(.6, 1);
    }
    .linkblank{text-indent: 0; position: relative; display: inline-block;}
    .linkblank::after {
    content: '';
    transform: none;
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    background-image: url(../img/icon-blank-white.png);
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
}
    
     /*---------------floatBG------------------*/


    
#floatcontent1,#floatcontent2 {
    width: 980px;
    height: 86% !important;
    top: 50px !important;
    left: calc(50% - 480px);
    
    display: none;
    padding: 50px;
    line-height: 1.6;
    /* border-radius: 5px; */
}
#floatcontent1 h2,#floatcontent2 h2 { margin-bottom: 20px; padding-top: 40px; }

    #floatcontentInner1,#floatcontentInner2 {/*height: calc(100% - 160px)!important;*/   height : /*calc(100% - 80px)*/100% !important; word-wrap:break-word; word-break:break-all;padding-bottom:0;max-width: 880px;    margin: 0 auto;}
#floatcontent1,#floatcontent2,#floatcontentInner1,#floatcontentInner2{background:#fff;border-radius: 10px;}
    
    #term1,#term2 {padding: 0; }
    
    .termBox .innerModal{margin: 0 auto 50px;}
    .termBox .innerModal.last{margin: 0 auto;}
    .termBox .innerModal > .tit, .termBox #term2 .wrapTxt > .tit{ color: #da5f29; font-weight: bold; margin: 0 auto 20px;}

    .termBox .innerModal .ulStep{
         display: flex; justify-content: center;align-items: flex-start;      
        margin: 0 auto 50px;
    }
    .termBox .innerModal .ulStep li{width: 25%;margin: 0;background: url(../img/icon-arrow-right.png) no-repeat; background-position: right 7% center; background-size: 4% auto;}
    .termBox .innerModal .ulStep li:nth-child(1){padding-right:5%;}
    .termBox .innerModal .ulStep li:nth-child(2){padding-right:5%;}
    .termBox .innerModal .ulStep li:nth-child(3){padding-right:5%;}
    .termBox .innerModal .ulStep li:nth-child(4){width: 20%;padding-right:0;}
    .termBox #term2 .innerModal .wrapFlex{display: flex; justify-content: center;align-items: flex-start;}
    .termBox #term2 .innerModal .wrapFlex .wrapTxt{width: 55%;}
    .termBox #term2 .innerModal .wrapFlex .img img{display: block;width: 100%;}
    
    .termBox .innerModal .ulStep .tit{
    font-weight: bold;
    color: #fff;
    background: #9acd32;
    border-radius: 15px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    width: 55%;
    margin: 0 0 10px;
    }
    .termBox .innerModal .ulStep .img{width: 100%;margin-bottom: 10px;}
    .termBox .innerModal .ulStep .txt{font-size: 12px; line-height: 1.4;text-align: left;}

    .termBox #term2 .innerModal .ulFeat li{margin: 0 auto 20px;}
    

    
#clsBtnInner1,#clsBtnInner2{
        position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    height: 40px;
    width: 40px;
    }
    #clsBtnInner1 img,#clsBtnInner2 img{width: 100%; height: auto;}
    

    
    
    .alpha{opacity: .7;}
    .note{font-size: 12px;}


}





@media screen and (min-width: 1300px) {}



@media screen and (min-width: 768px) and (max-width: 1100px) {
    #floatcontent1, #floatcontent2 {   width: 90%;  left:5%;}
   
}

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 979.98px) {
    
    #floatcontent1,#floatcontent2 { width : 90% ;  left: calc(50% - 45%);   }
    #c01 .inner .c01-01 .txt,#c01 .inner .c01-02 .txt {   font-size: 1.6vw;}
    
}

/*///////////////////////// SP /////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
    #handLP{font-size: 3.4vw;background: #eeeeee;} 
    #handLP .finAtt{background: #fff;padding: 3% 5% 0;}
    #handLP .finAtt .inner{border: solid 1px #ff0000;background: #fff; padding: 3%; margin: 0 auto; color: #ff0000; text-align: center;}
    #handLP #header{background: #fff; margin: 0 auto; padding: 10vw 5% 0; text-align: left;}
    #handLP #header img{width: 52%;}
    #handLP #wrapMV{margin: 0 auto;position: relative;}
    #handLP #wrapMV #mv{position: relative;}
    
    
    #wrapVR{margin: 10% 5% 10%;}
    #wrapVR .featArea{margin: 0 auto 10%;}
    #wrapVR .featArea h2{margin: 0 0 10%;}
    #wrapVR .featArea h2 img{width: 100%;}
    #wrapVR .featArea .inner{margin:  0 3%;}
    #wrapVR .featArea .inner .lead{margin: 0 auto 3%;}
    #wrapVR .featArea .inner .img{margin: 0 auto 5%;}
    #wrapVR .featArea .inner .txtCap{ text-align: center;}
    #wrapVR #ulLnav{
        display: flex; justify-content: center;align-items: flex-start;
        margin: 0 auto 2.4vw;
    }
    #wrapVR #ulLnav li{width: 48%; position: relative;}
    #wrapVR #ulLnav li:nth-child(1){margin: 0 2% 0 0;}
    #wrapVR #ulLnav li:nth-child(2){margin: 0 0 0 2%;}
    #wrapVR #ulLnav li a{display: block;padding-bottom: 6vw;position: relative;}
    #wrapVR #ulLnav li a::after{
        content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 1.8vw);
    background-image: url(../img/icon-arrow-down.png);
    background-repeat: no-repeat;
    width: 6vw;
    height: 3.6vw;
    background-size: 6vw 3.6vw;
    
    }
    
    
    #c01,#c02{
        width: 100%;
        margin: 0 auto 5%;
        
        padding: 5% 0;
        background: #fff;
        border-radius: 2vw;
    }
    #c01 .inner{margin: 10% 5% 5%;}
    #c01 .inner .c01-01{ display: flex; justify-content: center;align-items: flex-start;margin: 0 auto 8%;}
    #c01 .inner .c01-01 .img{    width: 36%;}
    #c01 .inner .c01-01 .txt{width: 58%;    margin: 1vw 0 0 4%; font-size: 3vw; font-weight: bold; color: #378640; line-height: 1.4; text-align: left;}
    #c01 .inner .c01-02{ display: flex; justify-content: center;align-items: flex-start;margin: 0 auto 8%;}
    #c01 .inner .c01-02 .img{width: 60%;}
    #c01 .inner .c01-02 .txt{width: 40%; margin: 8vw 0 0 0; font-size: 3vw; font-weight: bold; color: #378640; line-height: 1.4; text-align: left;}
    #c01 .inner .img-c01-03{ display: block; margin: 0 auto 5%;width: 16%;}
    
    #c01 .inner .appArea{text-align: center;}
    #c01 .inner .appArea .note,#c01 .inner .appArea .ulNote{text-align: left;    width: 85%;    margin: 0 auto;}
    
    #c01 .inner #spottourArea{margin: 0 auto 20%;}
    #c01 .inner #xrArea{margin: 0 auto 10%;}
    #c01 .inner .appArea .lead{font-size: 4vw; font-weight: bold;margin: 0 auto 5%;font-feature-settings: "palt";text-align: center;}
    #c01 .inner .appArea .img{margin: 0 auto 5%;}
    #c01 .inner .appArea .img .note{width: 100%;}
    #c01 .inner .appArea .txt{margin: 0 auto 8%;text-align: center;}
    #c01 .inner .appArea .logo{height: 10vw;margin: 0 auto 10%;}
    #c01 .inner .appArea .logo img{height: 100%; width: auto; display: block; margin: 0 auto;}
    #c01 .inner .appArea .ulApp{ width: 90%; display: flex; justify-content: center;align-items: flex-start; margin: 0 auto 5%;}
    #c01 .inner .appArea .ulApp li{width: 50%; position: relative;}
    #c01 .inner .appArea .ulApp li:nth-child(1){width: 40.25%; margin: 0 3.75% 0 3%;}
    #c01 .inner .appArea .ulApp li:nth-child(2){margin: 0 3% 0 2%;}
    .ulApp a,.ulBnr li a{display: block;}
    #c02 .inner{margin: 10% 5% 5%;}
    #c02 .inner .img{margin: 0 auto 5%;}
    #c02 .inner .txt{margin: 0 auto;}
    
    
    #wrapVA{background: #fff; padding: 15% 5% 10%;}
    #wrapVA .featArea h2 {margin: 0 0 10%;}
    #wrapVA .featArea h2 img{width: 100%;}
    #wrapVA .featArea .lead{text-align: center; margin: 0 auto 10%;}
    #wrapVA .featArea > .inner{margin:  0 3% 15%; }
    #wrapVA .featArea > .inner > ul li{margin: 0 auto 8%;}
    /*#wrapVA .featArea .inner > ul li:last-child{margin: 0 auto;}*/
    
    #wrapVA #c03{border: solid 1px #cccccc; border-radius: 2vw; position: relative;margin: 0 auto 5%;}
    #wrapVA #c03 > .tit{width: 45vw; position: absolute; top: -3vw; left: calc(50% - 22.5vw);}
    #wrapVA #c03 .inner{margin: 8% 5%;}
    #wrapVA #c03 .inner .ulNrealAir{display: flex; justify-content: center;align-items: flex-start; margin: 0 auto 5%;}
    #wrapVA #c03 .inner .ulNrealAir li{width: 48%; position: relative;}
    #wrapVA #c03 .inner .ulNrealAir li:nth-child(1){margin: 0 2% 0 0;}
    #wrapVA #c03 .inner .ulNrealAir li:nth-child(2){margin: 0 0 0 2%;}
    #wrapVA #c03 .inner .txt{margin:0 auto 8%;}
    
    #wrapVA #c03 .inner .ulNote{margin:0 auto 8%;}
    .ulNote li{font-size: 2.6vw; text-indent: -2.6vw; padding-left:2.6vw; }
    #wrapVA #c03 .inner .detail{text-align: right;margin: 0 0 0 auto; display: block;}
    .detail:link,.detail:active,.detail:hover,.detail:visited{color: #da5f29; }
    
    #wrapVA .arrowDown2{display: block;margin: 0 auto 12vw; width: 16vw;}
    
    #wrapVA #c04{border: solid 1px #da5f29; border-radius: 2vw; position: relative;margin: 0 auto 18%;}
    #wrapVA #c04 > .tit{width: 68vw; position: absolute; top: -7vw; left: calc(50% - 34vw);}
    #wrapVA #c04 .inner{margin: 11% 5% 8%;}
    #wrapVA #c04 .inner .img{margin:0 auto 5%;}
    #wrapVA #c04 .inner .txt{margin:0 auto 8%;}
    #wrapVA #c04 .detail{text-align: right;margin: 0 0 0 auto; display: block;}
    
    #wrapVA #c05{border: solid 1px #da5f29; border-radius: 2vw; position: relative;margin: 0 auto;}
    #wrapVA #c05 > .tit{    width: 80vw;    position: absolute;    top: -7vw;    left: calc(50% - 40vw);}
    #wrapVA #c05 .inner{margin: 11% 5% 8%;}
    #wrapVA #c05 .inner .img{margin:0 auto 5%;}
    #wrapVA #c05 .inner .txt{margin:0 auto 8%;}
    #wrapVA #c05 .inner .howto .tit{color: #da5f29;}
    #wrapVA #c05 .inner .ulApp{ width: 90%; display: flex; justify-content: center;align-items: flex-start; margin: 0 auto;}
    #wrapVA #c05 .inner .ulApp li{width: 50%; position: relative;}
    #wrapVA #c05 .inner .ulApp li:nth-child(1){width: 40.25%; margin: 0 3.75% 0 3%;}
    #wrapVA #c05 .inner .ulApp li:nth-child(2){margin: 0 3% 0 2%;}
    
    .wrapW{background: #fff;padding: 0 5% 20%;}
    .attArea{background: #eeeeee; border-radius: 2vw;}
    .attArea .inner{padding: 8% 5%;}
    .attArea .inner .tit{text-align: center;color: #da5f29; font-weight: bold; margin: 0 auto 5%;}
    
    
    .wrapSNS{padding: 0 0 5%;}
    .wrapSNS .ulSNS{width: 60%; margin: 0 auto;display: flex; justify-content: center;align-items: center;}
    .wrapSNS .ulSNS li{width: 20%; margin: 0 calc(40% / 6);}
    
    .bnrArea{padding: 5% 8% 10%; text-align: center;}
    .bnrArea .tit{    width:35%;    margin: 0 auto 8%;}
    .bnrArea .ulBnr{}
    .bnrArea .ulBnr li{margin: 0 auto 8%;}
    .bnrArea .ulBnr li:last-child{margin: 0 auto;}
    
    .bnrArea .ulBnr li a{display: block; margin: 0 auto 3%;}
    
    .bnrArea2{padding: 5% 8%; text-align: center; background: #ea5505;}
    .bnrArea2 .ulBnr li{margin: 0 auto 5%;}
    .bnrArea2 .ulBnr li:last-child{margin: 0 auto;}
    
    #bnrArea3{    padding: 3% 5% 8%; margin: 0 auto;} 
    #bnrArea3 .ulBnr li{margin: 0 auto 5%;}
    #bnrArea3 .ulBnr li:last-child{margin: 0 auto;}
    
    
    /* BTN */
    
  

    
    
    .btn{
        display: block;
        width: 70vw;
        height: 12vw;
        margin: 0 auto;
        line-height: 12vw;
        border-radius: 2vw;
        color: #fff;
        background: #da5f29;
        text-decoration: none;
        text-align: center;
    }
    
    .btn:hover,.btn:active,.btn:visited{color: #fff !important; text-decoration: none;}
    .btn::after{
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3vw;
    transform: scale(.6,1);
    }
    .btnModal::after{
    content: '+';
    transform:none;
    font-size: 120%;
    }
    .btnAnc::after{
    content: '\FF1C';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3vw;
    transform: rotate(-90deg) scale(.6,1);
    }
    .btnBlank::after {
    content: '';
    position: absolute;
    top: calc(50% - 2vw);
    right: 3vw;
    background-image: url(../img/icon-blank-white.png);
    width: 3vw;
    height: 3vw;
    background-size: 3vw;
    opacity: 1;
    padding-right: 5vw;
}
    .btnBlank.btnDetail::after,.btnBlank.btnW::after{background-image: url(../img/icon-blank-black.png);background-size: 4vw;}
    .txtLink{
        display: inline-block;
    position: relative;
    line-height: 1.4;
    padding: 0 5vw 0 0;font-size: 3.4vw;
    }
    
    .txtLink::after{
        content: '\FF1E';
    display: inline-block;
    position: absolute;
    top: 0;
        right: 0;
    transform: scale(.6, 1);
    }
    .linkblank{text-indent: 0;padding-right: 6vw; display: inline-block;}
    .linkblank::after {
    content: '';
    position: absolute;
    top: calc(50% - 2vw);
    right: 0;
    /* margin-top: -2vw; */
    margin-right: 1vw;
    background-image: url(../img/icon-blank-white.png);
    width: 5vw;
    height: 4vw;
    background-size: 5vw 3vw;
    display: inline-block;

}

    /*floatBG*/
    
    #clsBtnInner1,#clsBtnInner2{position: absolute; top: -3vw;right: -3vw; display: block;}
    #clsBtnInner1 img,#clsBtnInner2 img{width: 6vw;}
#closefloat1,#closefloat2{width: 18vw;height: 18vw; left:auto !important; right: 0;}
#floatcontent1,#floatcontent2 {
    height: calc(100% - 16vw)!important;
    width: 92vw;
    /* border-radius: 1vw; */
    top: 8vw !important;
    left: 4vw!important;
    background: #fff;
    display: none;
    padding: 5vw 3vw;
    line-height: 1.6;
    border-radius: 2vw;
    }
#floatcontentInner1,#floatcontentInner2 {    height: /*calc(100% - 8vw)*/100%!important;  word-wrap:break-word; word-break:break-all;padding:0 1vw;}
    .termBox .innerModal > .tit, .termBox #term2 .wrapTxt > .tit{ color: #da5f29; font-weight: bold; margin: 0 auto 3%;}

    .termBox .innerModal .ulStep{
         display: flex; justify-content: center;align-items: flex-start;  flex-wrap: wrap;       
    }
    .termBox .innerModal .ulStep li{width: 48%;}
    .termBox .innerModal .ulStep li:nth-child(2n-1){margin: 0 2% 5% 0;}
    .termBox .innerModal .ulStep li:nth-child(2n){margin: 0 0 5% 2%;}
    .termBox .innerModal .ulStep .tit{
    font-weight: bold;
    color: #fff;
    background: #9acd32;
    border-radius: 3vw;
    line-height: 6vw;
    height: 6vw;
    text-align: center;
    width: 45%;
    margin: 0 0 3vw;
    }
    .termBox .innerModal .ulStep .img{margin: 0 auto 3vw;}
    .termBox #term2 .innerModal .wrapFlex .img img{display: block;width: 100%;}

    .termBox #term2 .innerModal .ulFeat li{margin: 0 auto 5%;}
    .termBox #term2 .innerModal .ulFeat{margin: 0 auto 5%;}
    .termBox #term2 .innerModal .img{margin: 0 auto 5%;}
    
/*スクロール*/
	#floatcontentInner1,#floatcontentInner2{overflow:auto; height:22rem;}
	#floatcontent1,#floatcontent2,#floatcontentInner1,#floatcontentInner2{background:#fff;}
	
/*Androidスクロール*/
	
	.and.termBox::-webkit-scrollbar{
		width: 10px;
		background: #fff;
	}
	.and.termBox::-webkit-scrollbar-thumb{
		background: #aaa;
		border-radius: 0;
	}

    
    .note{font-size: 2.6vw;}
    
}


.view-pc { display: block!important; }
.view-980{display: none!important;}
.view-1400 { display: none!important; }
.view-sp { display: none!important; }



@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-pc { display: none!important; }
    .view-980{display: none!important;}
    .view-1400{display: none!important;}
	.view-sp { display: block!important; }
}
@media screen and (min-width: 768px) {
	#floatbg { display: none; text-align: center; background: rgba(0,0,0,.7); z-index: 999; width: 100%; height: 100%; position: fixed; top: 0; }
	
	#closefloat { cursor: default; }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	#floatbg { display: none; text-align: center; background: rgba(0,0,0,.7); z-index: 999; width: 100%; height: 100%; height: 100vh; position: fixed; top: 0; }
	
	#closefloat { cursor: default; }
}