@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
#content-wrap img{max-width: 100%;margin: 0 auto;}
@media screen and (min-width: 768px) {
	/*#contentsWrapper .contArea { padding: 0 3% 0;}*/
	#content-wrap {position: relative;color: #000;margin: 0 auto;font-family: 'Noto Sans JP', sans-serif; font-weight: 500;}
    #mobilityLP{position: relative; margin: 0 auto;} 
    
    
    /*---------------------------背景動画---------------------------*/
/*
    #videoBg {
    display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -2;
    background:#fff;
    background-size: 100% auto;
    background-position: center;
    width:100% !important;
    height: 100vw !important;
    margin-top: -50vw !important;
    margin-left: 0 !important;
    top: 50% !important;
    left:0 !important;
    
}
    

.c-video__frame {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background: #000
}
  
    .c-video__title{
    width: 58%;
    position: absolute;
    top: 16%;
    left: calc(50% - 29%);
    z-index: 10;
}
    
    .c-video__title img{width: 100%;}
    .bgTitVideo{
        width: 100%;
        position: absolute;
        top: calc(50% + 1.8vw);
        z-index: 9;
        
    }
    #videoBg.off{display: none;}
.bgVideoMask.off{display: none;}
*/
/*---------------------------背景動画---------------------------*/

/*---------------------------Mainvisual---------------------------*/
#mobilityLP #wrapMV{width: 100%; margin: 0 auto; position: relative;}
   

    #mobilityLP #wrapMV #mv{
        position: relative;
        width: 100vw;
        height: 700px;
        background: url("/content/dam/au-com/pr/mobility/img/bg-mainvisual.webp") repeat-x;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: bgroop 60s linear infinite
      }

      @keyframes bgroop {
        from {
          background-position: 0 0
        }
        to {
          background-position: -2207px 0
        }
      }

      #mobilityLP #wrapMV #mv .boxTxt{
        background: #fff; 
        box-shadow: 0 10px 15px 5px rgba(0,0,0,0.15);
        border-radius: 8px;
        width: 486px;
        margin: 0 auto;
        padding:65px 80px 35px;
    }
    #mobilityLP #wrapMV #mv h2{margin: 0 auto 45px;}  
    #mobilityLP #wrapMV #mv h2 img{width: 100%;}

/*---------------------------Mainvisual---------------------------*/

    #c01{width: 100%; margin: 0 auto; text-align: center; padding: 190px 0 105px;
        background: url(../img/bg-c01.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    #c01 .inner{max-width: 980px; margin: 0 auto;}
    #c01 .lead{margin: 0 auto 80px;}
    #c01 .lnav{max-width: 850px; margin: 0 auto; display: flex; justify-content: center;align-items: flex-start;}
    #c01 .lnav li{width: 49%; margin: 0 1%; overflow: visible;}
    #c01 .lnav li:first-child{margin: 0 1% 0 0;}
    #c01 .lnav li:last-child{margin: 0 0 0 1%;}
    #c01 .lnav li a,#c01 .lnav li span{display: inline-block;}
    #c01 .lnav li img{width: 100%;box-shadow: 0 10px 15px 5px rgba(0,0,0,0.15); border-radius: 8px;}

    
    
    
    #c02,#c03 {
    margin: 200px 0 350px;
    position: relative;
}
    
    .sw-Bg_g {background: url(../img/bg-gradient.jpg) no-repeat; background-size: 100% 100%;}
    .bgW{background: #fff;}
    
    #c02 .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(50% + 680px);
    height: calc(100% + 190px);
    top: 0;
    left: calc(50% - 680px);
}
    #c03 .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(50% + 680px);
    height: calc(100% + 190px);
    top: 0;
    right: calc(50% - 680px);
}
    
    #c02 .bgW {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(50% + 760px);
    height: calc(100% - 80px);
    top: 80px;
    left: calc(50% - 600px);
}
    
    #c03 .bgW {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(50% + 760px);
    height: calc(100% - 80px);
    top: 80px;
    right: calc(50% - 600px);
}
    
    #c02 > .inner,#c03 > .inner{max-width: 980px; margin: 0 auto; padding: 230px 0 150px;}
    
    #c02 .wrapH2{margin: 0 auto 115px; text-align: center;}
    #c02 .wrapH2 h2{margin: 0 auto 45px;}
    #c02 .wrapH2 .img{ }
    #c02 .inner > .wrapFlex{margin: 0 auto 85px; display: flex; justify-content: center;align-items: center; }
    #c02 .inner > .wrapFlex #movBox{width: 58%;}
    #c02 .inner > .wrapFlex #movBox a,#c02 .inner > .wrapFlex #movBox img{width: 100%; display: block;}
    #c02 .inner > .wrapFlex .txtBox{width: 34.6%; margin: 0 0 0 6.4%;}
    #c02 .ulFeat{display: flex; justify-content: center; margin: 0 auto 80px;}
    #c02 .ulFeat li{width: 31%; text-align: left;}
    #c02 .ulFeat li:nth-child(1){margin: 0 3% 0 0;}
    #c02 .ulFeat li:nth-child(2){margin: 35px 0 0 0;}
    #c02 .ulFeat li:nth-child(3){margin: 70px 0 0 3%;}
    #c02 .ulFeat li .img{margin:0 auto 25px;} 
    #c02 .ulFeat li .tit{ font-weight: 700; margin: 0 auto 20px; line-height: 1; font-size: 18px;}
    
    #c02 .boxRainbow{background: url(../img/bg-bd-grad.jpg) no-repeat center top; background-size: 100% 100%;padding: 5px; border-radius: 8px;}
    #c02 .boxRainbow .wrapFlex{background: #fff; border-radius: 1px;padding: 50px;display: flex; justify-content: center;align-items: center; }
    #c02 .boxRainbow .wrapFlex .img{width: 36.5%;}
    #c02 .boxRainbow .wrapFlex .txt{width: 50%; margin: 0 0 0 10.5%;}
    
    #c03 .wrapH2{margin: 0 auto 115px; text-align: center;}
    #c03 .wrapH2 h2{margin: 0 auto 45px;}
    
    
    #c03 > .inner > .wrapFlex{position: relative; text-align: left;height: 473px; margin: 0 auto 110px;}
    #c03 > .inner > .wrapFlex .txtBox{padding: 170px 0 200px;}
    #c03 > .inner > .wrapFlex .txtBox img{margin: 0 0 0 0;}
    #c03 > .inner > .wrapFlex .img{display: block; position: absolute;top: 0; right: -35%; width: 950px;z-index: -1;}
    #c03 > .inner > .wrapFlex .img img{width: 100%;z-index: -1;}
    
    #c03 #wrapService{
        margin: 0 auto;
        background-image: url(../img/bg-service-lid.png),url(../img/bg-service-btm.png);
        background-position: center top, center bottom;
        background-size: 100% auto;
        background-repeat:no-repeat;
        padding: 100px 80px;
        position: relative;
    }
    #c03 #wrapService h3{
        position: absolute;
        top: -30px;
        left: calc( 50% - 177px );
    }
    
    #c03 .wrapBus{display: flex; justify-content: center;align-items: center;margin: 0 auto 60px ; padding-bottom: 60px; background: url(../img/hr-sevice.png) no-repeat center bottom;background-size: 100% auto;}
    #c03 .wrapBus .tit{width: 33%; margin: 0 auto;}
    #c03 .wrapBus ul.ulLead{margin: 0 auto;}
    #c03 .wrapBus ul.ulLead li{margin: 0; padding: 0; font-size: 0; line-height: 1;}
    
    #c03 .wrapTaxi,#c03 .wrapRentacar{display: flex; justify-content: center;align-items: center;margin: 0 auto 60px ; padding-bottom: 60px; background: url(../img/hr-sevice.png) no-repeat center bottom;background-size: 100% auto;}
    #c03 .wrapTaxi .tit,#c03 .wrapRentacar .tit{width: 33%; margin: 0 auto;}
    #c03 .wrapTaxi ul.ulLead,#c03 .wrapRentacar ul.ulLead{margin: 0 auto;}
    #c03 .wrapTaxi ul.ulLead li,#c03 .wrapRentacar ul.ulLead li{margin: 0; padding: 0; font-size: 0; line-height: 1;}
    
    #c03 .wrapMore{margin: 0 auto; text-align: center;}
    #c03 .wrapMore .tit{margin: 0 auto 30px;}
    
    
    #c03 .boxRainbow{background: url(../img/bg-bd-grad.jpg) no-repeat center top; background-size: 100% 100%;padding: 5px; border-radius: 8px; text-align: center;}
    #c03 .boxRainbow .inner{background: #fff; border-radius: 1px;padding: 50px 70px;}
    #c03 .boxRainbow .wrapFlex{display: flex; justify-content: center;align-items: center;margin: 0 auto 15px;}
    #c03 .boxRainbow .wrapFlex .wrapTxt{width:38%; text-align:left;padding-bottom: 30px;}
    #c03 .boxRainbow .wrapFlex .wrapTxt .tit{font-size: 23px; margin: 0 auto 15px;}
    #c03 .boxRainbow .wrapFlex .wrapTxt .note{font-size: 12px; text-indent: -12px; padding-left: 12px;}
    #c03 .boxRainbow .wrapFlex ul{width: 52%; margin: 0 0 0 10%;}
    
    
    
    #c04{max-width: 980px; margin: 0 auto 130px; text-align: center;}
    #c04 h2{width: 400px;margin: 0 auto 70px;}
    #c04 .txt{margin: 0 auto 48px;}
    
    #footer{margin: 0 auto 160px; text-align: center;}
    #footer ul{display: flex; justify-content: center; margin: 0 auto;}
    #footer ul li{height: 68px;width: auto;}
    #footer ul li:first-child{margin: 0 2% 0 0;}
    #footer ul li:last-child{margin: 0 0 0 2%;}
    
    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 */
    .btnMV{z-index: 12;  width: 230px; line-height: 44px; border-radius: 23px; border: 1px solid #fff; text-align: center;        /*background:rgba(255,255,255,0.2);*/}
    .btnMV:link,.btnMV:active,.btnMV:hover,.btnMV:visited{color: #000;}
    .btnMV#statement {
        display: block;
        margin: 0 auto;
        background:  linear-gradient(to right, #afe1fe 0%,#faa4b4 56%, #ffe598 100%);
        border-radius: 25px;
        padding: 2px;/*borderの太さ*/
        font-size: 14px;
        
    }
     
    .btnMV#statement .btnMVinner {
        border-radius: 24px;
      background: #fff;/*背景を白*/
      
    }
    .btnMV#statement span{display: block;padding-left: 23px; background: url(../img/icon-btn-statement.png) no-repeat ; background-position: 30px center;    background-size: 17px auto;}
    .btnMV#movMV{position: absolute; top: 78%; right: calc(50% - 315px); padding-left: 20px; background: url(../img/icon-btn-movie.png) no-repeat ; background-position: 80px center;}

    
    .btnCV{
        display: block;
    position: absolute;
    bottom: -35px;
    left: calc(50% - 300px);
    width: 600px;
    max-width: 100%;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    color: #fff;
    text-decoration: none;
    background: #ea5404;
    text-align: center;
        border-radius: 35px;
    }
    .btnCVBlack{
        display: block;
    position: relative;
    width: 600px;
    max-width: 100%;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    color: #fff;
    text-decoration: none;
    background: #000;
    text-align: center;
    border-radius: 35px;
    }
    /*.btnCVBlack::after{
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    background-image: url(../img/icon-btn-arrow.png);
    width: 14px;
    height: 14px;
    background-size: 14px;
    opacity: 1;
        
    }*/
    #c03 #c03-01 .btnCV{    font-size: 15px;    padding-right: 15px;    height: 45px;    line-height: 45px;}
    .btnW{
        display: block;
        position: relative;
        width: 485px;
        max-width: 100%;
        height: 55px;
        line-height: 55px;
        color: #000;
        text-decoration: none;
        
        background-size: 100% 100%;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    .btnDetail:hover,.btnDetail:active,.btnDetail:visited,
    .btnW:hover,.btnW:active,.btnW:visited{color: #000; text-decoration: none;}
    .btnAbout:hover,.btnAbout:active,.btnAbout:visited,
    .btnCV:hover,.btnCV:active,.btnCV:visited,
    .btnCVBlack:hover,.btnCVBlack:active,.btnCVBlack:visited,
    .btnTw:hover,.btnTw:active,.btnTw:visited{color: #fff !important; text-decoration: none;}
    .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;
    }
    #c03 #c03-01 .btnBlank::after{width: 12px;    height: 12px;    background-size: 12px;}
    .btnBlank.btnDetail::after,.btnBlank.btnW::after{background-image: url(../img/icon-blank-black.png);background-size: 14px;}
    
    .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------------------*/
#floatcontent { 	
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 80px) ;
   width : calc(100% - 20%) ; 
   height : calc(100% - 120px) !important; 
   background: #fff; display: none; padding:80px 60px 40px; line-height: 1.6;
    border-radius: 5px;
   }

    
#floatcontent2 {
    width: 980px;
    height: 86% !important;
    top: 50px !important;
    left: calc(50% - 480px);
    background: #fff url(../img/bg-statement.jpg) no-repeat center center;
    background-size: 100% 100%;
    display: none;
    padding: 100px 60px 120px;
    line-height: 1.6;
    /* border-radius: 5px; */
}
#floatcontent h2,#floatcontent2 h2 { margin-bottom: 20px; padding-top: 40px; }
#floatcontent h4,#floatcontent2 h4 { margin-bottom: 10px; padding-top: 10px;}
    #floatcontentInner {/*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;}
    #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;}

#floatcontent ul.UltermNum > li,#floatcontent2 ul.UltermNum > li{ text-indent: -14px; padding-left:14px;}
#floatcontent ul.UltermNum > li ul,#floatcontent2 ul.UltermNum > li ul{padding-left:14px;}
    #term3 {padding: 0 20px; text-align: center;}
    #term2 {padding: 0; text-align: center;}
    #term2 h2{ font-size: 32px;    font-weight: bold;    margin: 0 auto 25px; text-align: center; line-height: 1.4;}
    
#term2 p.tit{    font-weight: bold;    padding: 40px 0 0;    margin-bottom: 10px; }
#term2 ul.ulTerm > li{text-indent: -16px; padding-left: 16px;    margin-bottom: 10px; text-align: left;}
#term2 ul.ulTerm > li:last-child{margin-bottom: 0;}


    
#clsBtnInner,#clsBtnInner2{
        position: absolute;
    bottom: 30px;
    left: calc( 50% - 150px );
    display: block;
    border: solid 1px #b8b8b8;
    line-height: 44px;
    width: 300px;
    text-align: center;
    border-radius: 22px;
    color: #000;

    }
    #clsBtnInner img,#clsBtnInner2 img{width: 46px; height: auto;}
    
    #term2 h3{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
        line-height: 1;
}
    #term2 h3 .question{
        display: inline-block;
    color:#fff ;
    background: #eb5505;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    }
    #term2 ul{width: 340px; margin: 0 auto;}
    #term2 ul li{line-height: 1.8; text-align: left;}
    #term2 .iconExport{width: 24px; display: inline-block;}
    #closefloat{width: 46px;height: 46px; position: absolute ; left:auto !important; right: 20px; top: 20px; z-index: 999;}
    
    /* modal mov */
	img.close { position: absolute; top: 0; right: 0; width: 10%;max-width: 70px;  }
	#adMovBox { display:none; position: fixed; top: 0; width: 80%; margin: 8% 10%; height: 0; overflow: hidden; }
	#adMovBoxInner { width: 100%; max-width: 1024px; margin: 0 auto; text-align: right; overflow: hidden; } 
	#adMovBox.showMov { display:block; z-index: 1002; height: auto; overflow: auto;  }
	#adMovBox.showMov iframe { width: 100%; height: 100%; }
    
    
    .alpha{opacity: .7;}
    .note{font-size: 12px;}


}
@media all and (-ms-high-contrast: none) {}




@media screen and (min-width: 1300px) {.view-980,.view-1300{display: none;}}


@media screen and (min-width: 768px) and (max-width: 1400px) {
    #c02 .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: -2;
    width: 100%;
    height: calc(100% + 190px);
    top: 0;
    left: 0;
}
    #c03 .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: -2;
    width: 100%;
    height: calc(100% + 190px);
    top: 0;
    right: 0;
}
    
    #c02 .bgW {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(100% - 5vw);
    height: calc(100% - 5vw);
    top: 5vw;
    left: 5vw;
}
    
    #c03 .bgW {
    display: block;
    position: absolute;
    z-index: -2;
    width: calc(100% - 5vw);
    height: calc(100% - 5vw);
    top: 5vw;
    right: 5vw;
}
    
    

    #c02 > .inner,#c03 > .inner{margin: 0 10vw;}
    
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #c03 > .inner > .wrapFlex {   height: 35vw;}
    #c03 > .inner > .wrapFlex .txtBox {padding: 12vw 0 12vw 5%; width: 45%;}
    #c03 > .inner > .wrapFlex .img { width: 80%;    right: -15%;}
}

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 979.98px) {
    #floatcontent2 { width : 90% ;  left: calc(50% - 45%);   }
    #c03 > .inner > .wrapFlex {   height: 35vw;}
    #c03 > .inner > .wrapFlex .txtBox {    padding: 14.5vw 0 10.5vw 5%;    width: 42%;}
    #c03 > .inner > .wrapFlex .img {
    display: block;
    position: absolute;
    top: 0;
    right: -10vw;
    width: 80%;
    z-index: -1;
}
    #c03 .boxRainbow .inner {padding: 6% 5%;}
    #c03 .boxRainbow .wrapFlex .tit {font-size: 1.8vw;width: 40%;}
    #c03 .boxRainbow .wrapFlex ul {    width: 54%;    margin: 0 0 0 6%;}
    #c04{width: 80%;}
    
}

/*///////////////////////// SP /////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
    #mobilityLP{font-size: 3.4vw;} 
    #mobilityLP #wrapMV{margin: 0 auto;position: relative;}

    
    /*---------------------------背景動画---------------------------*/
    /*
#videoBg {
    display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -2;
    background:#fff;
    background-size: 100% auto;
    background-position: center;
    width: 200vw !important; height: 200vw !important; margin-top: -100vw !important; margin-left: 0px !important; top: 50% !important; left: -50% !important;
}

    
.c-video__frame {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background: #000
}
  
    .c-video__title{
    width: 100%;
    position: absolute;
    top: 13%;
    left: 0;
    z-index: 10;
}

    .c-video__title img{width: 100%;}
    .bgTitVideo{
        width: 100%;
        position: absolute;
            top: calc(50% + -10.4vw);
        z-index: 9;
        
    }
    */
/*---------------------------背景動画---------------------------*/
/*---------------------------Mainvisual---------------------------*/
#mobilityLP #wrapMV{width: 100%; margin: 0 auto; position: relative;}
   

    #mobilityLP #wrapMV #mv{
        position: relative;
        width: 100vw;
        height: calc(100vh - 150px);
        background: url("/content/dam/au-com/pr/mobility/img/bg-mainvisual-sp.webp") repeat-x;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: bgroop 120s linear infinite
      }


      @keyframes bgroop {
        from {
          background-position: 0 0
        }
        to {
          background-position: -800vw 0
        }
      }

      #mobilityLP #wrapMV #mv .boxTxt{
        background: #fff; 
        box-shadow: 0 10px 15px 5px rgba(0,0,0,0.15);
        border-radius: 1vw;
        width: 74%;
        margin: 0 auto;
        padding:10vw 12vw 5vw;
    }
    #mobilityLP #wrapMV #mv h2{margin: 0 auto 12vw;}  
    #mobilityLP #wrapMV #mv h2 img{width: 100%;}

/*---------------------------Mainvisual---------------------------*/
    
    #c01{width: 100%; margin: 0 auto; text-align: center; padding: 12% 0 5%;
        background: url(../img/bg-c01-sp.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    #c01 .inner{margin: 0 auto;padding: 0 8%;}
    #c01 .lead{margin: 0 auto 8%;}
    #c01 .lnav{ margin: 0 auto; display: flex; justify-content: center;align-items: flex-start;}
    #c01 .lnav li{width: 48%; overflow: visible;}
    #c01 .lnav li:first-child{margin: 0 2% 0 0;}
    #c01 .lnav li:last-child{margin: 0 0 0 2%;}
    #c01 .lnav li img{width: 100%;box-shadow: 0 10px 15px 5px rgba(0,0,0,0.15); border-radius: 1vw;}
    
    #c02 {margin: 15% 0 15vw;    position: relative;            padding: 5% 5% 20% 5%;        background: url(../img/bg-gradient-sp.jpg) no-repeat; background-size: 100% 100%;}
    #c03 {margin: 15% 0 20vw;    position: relative;            padding: 5% 5% 20% 5%;        background: url(../img/bg-gradient-sp.jpg) no-repeat; background-size: 100% 100%;}
    #c02 .inner,#c03 .inner{position: relative;background: #fff;padding: 15% 8%;}
    /*.sw-Bg_g {background: url(../img/bg-gradient-sp.jpg) no-repeat; background-size: 100% 100%;}
    .bgW{background: #fff;}*/

    #c02 .wrapH2{margin: 0 auto 15%; text-align: center;}
    #c02 .wrapH2 h2{margin: 0 auto 8%;}
    #c02 .wrapH2 .img{ }
    #c02 .inner > .wrapFlex{margin: 0 auto 15%; }
    #c02 .inner > .wrapFlex #movBox{}
    #c02 .inner > .wrapFlex #movBox a,#c02 .inner > .wrapFlex #movBox img{width: 100%; display: block;}
    #c02 .inner > .wrapFlex .txtBox{margin: 0 auto 10%;}
    
    
    #c02 .ulFeat{margin: 0 5% 10%;}
    #c02 .ulFeat li{text-align: left; margin: 0 auto 8vw;}
    
    #c02 .ulFeat li:last-child{margin: 0 auto;}
    #c02 .ulFeat li .img{margin:0 auto 5vw;} 
    #c02 .ulFeat li .tit{ font-weight: 700; margin: 0 auto 3vw; line-height: 1; font-size: 4vw;}
    
    #c02 .boxRainbow{background: url(../img/bg-bd-grad.jpg) no-repeat center top; background-size: 100% 100%;padding: 1vw; border-radius: 1vw;}
    #c02 .boxRainbow .wrapFlex{background: #fff; border-radius: .5vw;padding:8vw 5vw;}
    #c02 .boxRainbow .wrapFlex .img{margin: 0 auto 10%;width: 80%;}
    #c02 .boxRainbow .wrapFlex .txt{margin: 0 auto;}
    #c02 .boxRainbow .wrapFlex img{width: 100%;}
    
    
    #c03 .wrapH2{margin: 0 auto 15%; text-align: center;}
    #c03 .wrapH2 h2{margin: 0 auto 8%;}
    
    #c03 > .inner > .wrapFlex{margin: 0 auto 15%; }
    #c03 > .inner > .wrapFlex .txtBox{margin: 0 auto 10%;}
    #c03 > .inner > .wrapFlex .txtBox img{margin: 0 auto;}
    #c03 > .inner > .wrapFlex .img{}
    #c03 > .inner > .wrapFlex .img img{width: 100%; display: block;}
    
    
    
    
    
    
    
    #c03 #wrapService{
        margin: 0 auto;
        background-image: url(../img/bg-service-lid-sp.png),url(../img/bg-service-btm-sp.png);
        background-position: center top, center bottom;
        background-size: 100% auto;
        background-repeat:no-repeat;
        padding: 17% 3%;
        position: relative;
    }
    #c03 #wrapService h3{
        position: absolute;
        width: 50%;
        top: -2.6vw;
        left: calc( 50% - 25% );
    }
    
    #c03 .wrapBus{margin: 0 auto 10% ; padding-bottom: 10%; background: url(../img/hr-sevice.png) no-repeat center bottom;background-size: 100% .4vw;}
    #c03 .wrapBus .tit{margin: 0 auto;}
    #c03 .wrapBus ul.ulLead{margin: 0 auto 3%;}
    
    #c03 .wrapTaxi,#c03 .wrapRentacar{margin: 0 auto 10% ; padding-bottom: 10%; background: url(../img/hr-sevice.png) no-repeat center bottom;background-size: 100% .4vw;}
    #c03 .wrapTaxi .tit,#c03 .wrapRentacar .tit{margin: 0 auto;}
    #c03 .wrapTaxi ul.ulLead,#c03 .wrapRentacar ul.ulLead{margin: 0 auto 3%;}
    

    
    #c03 .wrapMore{margin: 0 auto; text-align: center;}
    #c03 .wrapMore .tit{width: 80%; margin: 0 auto 5%;}
    
    
    
    #c03 .boxRainbow{background: url(../img/bg-bd-grad.jpg) no-repeat center top; background-size: 100% 100%;padding: 1vw; border-radius: 1vw;text-align: center;font-size: 3vw;}
    #c03 .boxRainbow .inner{background: #fff; border-radius: .5vw;padding:8vw 5vw;}
    #c03 .boxRainbow .wrapFlex{margin: 0 auto;}
    #c03 .boxRainbow .wrapFlex .wrapTxt{margin: 0 auto 10%;}
    #c03 .boxRainbow .wrapFlex .tit{  font-size: 4.2vw; margin: 0 auto 3%;font-weight: 700;}
    #c03 .boxRainbow .wrapFlex .note{font-size: 2.6vw; text-align:left; text-indent: -2.6vw;padding-left:2.6vw;}
    #c03 .boxRainbow .wrapFlex ul{margin: 0 auto;}
    
    #c04{margin: 0 13vw 15%; text-align: center;}
    #c04 h2{margin: 0 auto 5vw;}
    #c04 .txt{margin: 0 auto 10vw;}
    
    #footer{margin: 0 auto 20%; text-align: center;}
    #footer ul{display: flex; justify-content: center; margin: 0 auto;}
    #footer ul li{height: 12vw;width: auto;}
    #footer ul li:first-child{margin: 0 4% 0 0;}
    #footer ul li:last-child{margin: 0 0 0 4%;}
    #footer ul li img{height: 12vw;}
    
    



    /* BTN */
    
    .btnMV{z-index: 12;  line-height: 8vw; border-radius: 4vw;width: 50%;font-size: 3vw; text-align: center; /*background:rgba(255,255,255,0.2);*/}
    .btnMV:link,.btnMV:active,.btnMV:hover,.btnMV:visited{color: #000;}
    .btnMV#statement {
        width: 100%;
        position: relative;
        display: block;
        margin: 0 auto;
        background:  linear-gradient(to right, #afe1fe 0%,#faa4b4 56%, #ffe598 100%);
        border-radius: 4.8vw;
        padding: .4vw;/*borderの太さ*/
    }
     
    .btnMV#statement .btnMVinner {
        border-radius: 4.4vw;
      background: #fff;/*背景を白*/
      
    }
    .btnMV#statement span{ 
        position: relative;
        padding-left: 6vw;
        background: url(../img/icon-btn-statement.png) no-repeat;
        background-position: 2vw center;
        background-size: auto 90%;
}
    .btnMV#movMV {
    position: absolute;
    top: 80%;
    left: 25%;
    padding-left: 6vw;
    background: url(../img/icon-btn-movie.png) no-repeat;
    background-position: 13vw center;
    background-size: auto 60%;
}

    

    
    
    .btnCV{
        display: block;
    position: absolute;
    bottom: -6vw;
    left: calc(50% - 37vw);
    width: 74vw;
        height: 12vw;
        line-height: 12vw;
        border-radius: 6vw;
        color: #fff;
        background: #ea5404;
        text-decoration: none;
        text-align: center;
    }
    .btnCVBlack{
        display: block;
    position: relative;
    width: 74vw;
    max-width: 100%;
    height: 12vw;
        line-height: 12vw;
        border-radius: 6vw;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    background: #000;
    text-align: center;
    }
    
    
    .btnW{
        display: block;
        position: relative;
        width: 100%;
        height: 14vw;
        line-height: 14vw;
        color: #000;
        text-decoration: none;
        
        background-size: 100% 100%;
        text-align: center;
        font-size: 4vw;
        font-weight: bold;
    }
    .btnDetail:hover,.btnDetail:active,.btnDetail:visited{color: #000; text-decoration: none;}
    .btnAbout:hover,.btnAbout:active,.btnAbout:visited,
    .btnCV:hover,.btnCV:active,.btnCV:visited,
    .btnCVBlack:hover,.btnCVBlack:active,.btnCVBlack:visited,
    .btnTw:hover,.btnTw:active,.btnTw:visited{color: #fff !important; text-decoration: none;}
    .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 20px 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*/
    
    #clsBtnInner,#clsBtnInner2{
        position: absolute;
    bottom: 4vw;
    left: calc( 50% - 12.5vw );
    display: block;
    border: solid 0.3vw #b8b8b8;
    line-height: 7vw;
    width: 25vw;
    text-align: center;
    border-radius: 3.5vw;
    color: #000;

    }
    #clsBtnInner img,#clsBtnInner2 img{
    width: 6vw;
    
    }
#closefloat,#closefloat2{width: 18vw;height: 18vw; left:auto !important; right: 0;}
#floatcontent {  height: calc(100% - 15vw)!important;   width: 92vw; border-radius: 1vw;    top: 4vw !important;    left: 4vw!important; background: #fff; display: none; padding:10vw 2vw 5vw; line-height: 1.6;}
#floatcontentInner {    height: calc(100% - 8vw)/*100%*/!important;  word-wrap:break-word; word-break:break-all;padding:0 3vw;}

#floatcontent2 {
    height: calc(100% - 8vw)!important;
    width: 92vw;
    /* border-radius: 1vw; */
    top: 4vw !important;
    left: 4vw!important;
    background: #fff;
    display: none;
    padding: 10vw 8vw 16vw;
    line-height: 1.6;
    background: url(../img/bg-statement-sp.jpg) no-repeat center top;
    background-size: 100% 100%;
    
    }
#floatcontentInner2 {    height: /*calc(100% - 8vw)*/100%!important;  word-wrap:break-word; word-break:break-all;padding:0 3vw;}

#floatcontent ul.UltermNum > li,#floatcontent2 ul.UltermNum > li{ text-indent: -14px; padding-left:14px;}
#floatcontent ul.UltermNum > li ul,#floatcontent2 ul.UltermNum > li ul{padding-left:14px;}


    #term2 h2{font-size: 6vw;    font-weight: bold;  margin: 0 auto; text-align: center; line-height: 1.4;}


    #term2 p.tit{font-size: 3.6vw;    font-weight: bold;    padding: 0;margin-bottom:3%; text-align: center;}
    #term2 ul{margin: 0 auto;}
    #term2 ul li{line-height: 1.8; text-align: left;font-size: 3vw;}
    #term2 .iconExport{width: 4.4vw; display: inline-block;}
    #closefloat{    width: 6vw; position: absolute ; left:auto !important; right: 2vw; top: 2vw; z-index: 999;}
	
/*スクロール*/
	#floatcontentInner,#floatcontentInner2{overflow:auto; height:22rem;}
	#floatcontent,#floatcontentInner,#floatcontentInner2{background:#fff;}
	
/*Androidスクロール*/
	
	.and.termBox::-webkit-scrollbar{
		width: 10px;
		background: #fff;
	}
	.and.termBox::-webkit-scrollbar-thumb{
		background: #aaa;
		border-radius: 0;
	}
    
    /* modal mov */
	img.close { position: absolute; top: 0; right: 0; width: 10% }
	#adMovBox { display:none; position: fixed; top: 0; width: 80%; margin: 8% 10%; height: 0; overflow: hidden; }
	#adMovBoxInner { width: 100%; max-width: 1024px; margin: 0 auto; text-align: right; overflow: hidden; } 
	#adMovBox.showMov { display:block; z-index: 1002; height: auto; overflow: auto;  }
	#adMovBox.showMov iframe { width: 100%; height: 100%; }
    
    .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; }
}
/*------------------animation------------------*/


    /*
    .anime{display: none;}
    .anime.on{display: block;}
    .c-video__title.on{animation: fadeIn 3s;}
    .bgTitVideo.on{animation: SlideIn 2s ease;}
    .btnMV.on{animation: fadeIn 4.5s;}*/
    .anime{display: block;}
    .c-video__title{animation: fadeIn 1.5s ease;}
    .bgTitVideo{animation: SlideIn 2s ease;}
    /*.btnMV{animation: fadeIn 4.5s;}*/

@keyframes SlideIn {
  0% {
    transform: translateX(100%);
  }
50%{
    transform: translateX(100%);
    }
  100% {
    transform: translateX(0);
  }
}
    @keyframes fadeIn {
  0% {opacity: 0;} 
  70%{opacity: 0;} 
  100% {opacity: 1 !important;}
}
    .bgTitVideo img{width: 100%;}
    .bgVideoMask{
        display: block;
        background: #000;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        opacity: 0.7;
    }