@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

article{ color: #102545;font-feature-settings: "palt";letter-spacing: 0.8px; line-height:1.8;}
article a{color: #102545;}

article img.auto{ width:100%}
article .min{ font-weight: bold}

/*------------------------------------------------------------MainTitle*/
#MainTitle{width:1125px;margin:0 auto;display:flex;position:relative;justify-content:space-between;margin-top:55px;margin-bottom:50px}
#MainTitle:before{content:"";position:absolute;background-color:#DBF0F2;width:328px;height:205px;z-index:0;top:-40px;left:50%;margin-left:-220px}
#MainTitle .Title{width:440px;position:relative;z-index:1}
#MainTitle .Title dl{}
#MainTitle .Title dt{display:flex;align-items:center;margin-bottom:10px;justify-content:space-between}
#MainTitle .Title dt .deco{}
#MainTitle .Title dt .sub{width:300px}
#MainTitle .Title dd{margin-bottom:30px}
#MainTitle .Title .Info{line-height:1.8}
#MainTitle .Photo{position:relative;z-index:1;flex-grow:1;text-align:right}
#MainTitle .Photo .img{}
#MainTitle .Photo .caption{font-size:12px;text-align:right}

/*-----------------------------------------------MenuSC*/
#MenuSC{width:1125px;margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding-top:15px;padding-bottom:15px}
#MenuSC dl{text-align:center}
#MenuSC dl:after{content:"\f107";font-family:FontAwesome;font-size:18px;text-align:center;width:100%;display:block;line-height:1}
#MenuSC dl:hover{cursor:pointer;color:#BB3A37}
#MenuSC dt{color:#317F85;font-size:12px;letter-spacing:2px}
#MenuSC dd{font-size:16px}
#MenuSC dd a{text-decoration:none}
#MenuSC :hover dd a,#MenuSC :hover dt{color:#BB3A37}

/*--------------------------------------------Sec*/
.Sec{text-align:center;padding-top: 55px;}
.Sec h2{text-align:center;display:inline-block;position:relative;margin-bottom:40px;margin-top:20px}
.Sec h2:before{content:"";width:60px;height:60px;display:block;position:absolute;background-color:#DBF0F2;z-index:0;left:-20px}
.Sec h2 .main{position:relative;z-index:1;font-size:40px}
.Sec h2 .sub{position:relative;z-index:1;font-weight:700;letter-spacing:4px}

/*--------------------------------------------------Point*/
#Point{}
#Point .Inner{width:1000px;margin:0 auto;text-align:left;margin-top:30px;margin-bottom:70px}
#Point .Entry{display:flex;margin-top:-25px;position:relative;}
#Point .Entry:nth-child(even){flex-direction:row-reverse;margin-left:auto;}
#Point .Entry .photo{margin-right:30px}
#Point .Entry:nth-child(even) .photo{margin-left:30px;margin-right:0}
#Point .Entry dl{margin-top:20px}
#Point .Entry dt{font-size:20px;padding-bottom:5px;position:relative;z-index:1}
#Point .Entry:nth-child(even) dt{display:inline-block}
#Point .Entry dt span{display:block}
#Point .Entry dd{width:371px;position:relative;z-index:1}
#Point .Entry:nth-child(even) dd{margin:0 0 0 auto}
#Point .Entry dd.num{font-family:'Amiri',serif;color:#DBF0F2;font-size:160px;position:absolute;top:-30px;z-index:0;right:-30px;}
#Point .Entry:nth-child(even) dd.num{right:310px;}

/*-----------------------------------------------------Taxi*/
#Taxi{background-color:#dbf0f3;padding-bottom:60px;position:relative;padding-top:50px}
#Taxi h3{margin-bottom:10px}
#Taxi h3 .sub{font-size:30px;position:absolute;top:-20px;width:100%;text-align:center}
#Taxi h3 .deco{display:inline-block;background-color:#fff;padding:10px 20px;line-height:1;font-size:22px;margin-bottom:5px}
#Taxi h3 .main{font-size:46px}
#Taxi h3 strong{color:#BB3A37}
#Taxi .txt{}
#Taxi .txt + .txt{padding-top:30px}
#Taxi .txt span{display:block;font-size:15px}
#Taxi .img{margin-top:35px}

/*------------------------------------------------------Benefits*/
#Benefits{}
#Benefits h2:before{background-color:#F9E8E8}
#Benefits .info{font-weight:700;font-size:16px}
#Benefits .atte{}
#Benefits .Inner{border:5px solid #e6e6e6;width:820px;padding:20px 20px 20px 35px;margin:20px auto;box-sizing:border-box}
#Benefits .Inner dl{display:flex;align-items:center}
#Benefits .Inner dl + dl{margin-top:15px}
#Benefits .Inner dt{font-family:'Amiri',serif;color:#BB3A37;font-size:50px;margin-right:9px;line-height:1}
#Benefits .Inner dd{font-size:20px;font-weight:700}
#Benefits .Inner dd span{font-size:72%}
#Benefits .Inner dd strong{color:#BB3A37}
#Benefits .Inner + .atte{width:800px;margin:0 auto;text-align:left}

/*-------------------------------------------------------------Cartype*/
#Cartype{background-color:#efefef;padding-top:40px;margin-top:75px;padding-bottom:50px}
#Cartype h2:before{background-color:#fff}
#Cartype .SC{display:flex;width:1000px;margin:0 auto;margin-bottom:60px;margin-top:10px}
#Cartype .SC dl{display:flex;position:relative}
#Cartype .SC dl.normal{flex-grow:1}
#Cartype .SC dl.opencar{width:53%}
#Cartype .SC dl + dl{margin-left:20px}
#Cartype .SC dt{white-space:nowrap;align-self:center;position:absolute;top:-15px;line-height:1;color:#fff;padding:5px 10px;left:15px;font-size:14px;background-color:#102545}
#Cartype .SC dd{position:relative;width:100%;padding:15px 25px 5px 27px}
#Cartype .SC dd:before,#Cartype .SC dd:after{position:absolute;top:0;content:'';width:10px;height:100%;display:inline-block;box-sizing:border-box}
#Cartype .SC dd:before{border-left:solid 2px #102545;border-top:solid 2px #102545;border-bottom:solid 2px #102545;left:0}
#Cartype .SC dd:after{border-top:solid 2px #102545;border-right:solid 2px #102545;border-bottom:solid 2px #102545;right:0}
#Cartype .SC dd ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#Cartype .SC dd li{}
#Cartype .SC dd li a{text-decoration:none;font-size:14px;font-weight:700}
#Cartype .SC dd li a:after{content:"\f107";font-family:FontAwesome;display:block;width:100%;font-size:20px;line-height:1;margin-top:-5px}
#Cartype .SC dd li a:hover{color:#BB3A37}
#Cartype .Entry{background-color:#fff;width:1000px;margin:0 auto;box-sizing:border-box;border-top:solid 5px #81b7bb;position:relative;text-align:left;padding:25px 30px 50px;box-shadow:0 2px 0 rgba(0,0,0,0.1)}
#Cartype .Entry + .Entry{margin-top:60px}
#Cartype .Entry h3{font-weight:400;line-height:1;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}
#Cartype .Entry h3 .main{font-size:32px}
#Cartype .Entry h3 .sub{margin-left:10px;color:#81b7bb;border-bottom:2px solid #81b7bb;padding-bottom:6px}
#Cartype .Entry h3 .main:first-letter{color:#81b7bb}
#Cartype .Entry .Type{display:flex;flex-wrap:wrap;justify-content:space-between}
#Cartype .Entry .Type .box{width:49%;position:relative;display:flex;margin-bottom:25px;padding:25px 20px 15px;box-sizing:border-box;flex-wrap:wrap;border:3px solid #e6e6e6}
#Cartype .Entry .Type .box + .box{}
#Cartype .Entry .Type .box h4{font-size:18px;text-align:center;position:absolute;top:-16px;width:100%;left:0}
#Cartype .Entry .Type .box h4 span{background-color:#fff;display:inline-block;line-height:1;padding:0 10px}
#Cartype .Entry .Type .box .photo{width:50%}
#Cartype .Entry .Type .box .photo img{width:100%}
#Cartype .Entry .Type .box .data{flex-grow:1;margin-left:15px;padding-top:2px}
#Cartype .Entry .Type .box .data dl{display:flex;margin-bottom:13px}
#Cartype .Entry .Type .box .data dt{text-align:center;background-color:#efefef;font-size:13px;padding:0 10px;width:5em}
#Cartype .Entry .Type .box .data dd{text-align:initial;margin-left:5px}
#Cartype .Entry .Price{margin:0 30px 50px;border-bottom:3px solid #e6e6e6;padding-bottom:5px}
#Cartype .Entry .Price dl{}
#Cartype .Entry .Price dt{font-size:26px;display:flex;justify-content:center;align-items:center;margin-bottom:7px}
#Cartype .Entry .Price dt:before,#Cartype .Entry .Price dt:after{content:"";margin:0 10px;width:50px;border-bottom:2px solid #102545}
#Cartype .Entry .Price dd{display:flex}
#Cartype .Entry .Price dd ul{flex:1;text-align:center}
#Cartype .Entry .Price dd li{background:#efefef;padding:3px 0;font-weight:700;font-size:14px}
#Cartype .Entry .Price dd li + li{font-family:'Lato',sans-serif;font-size:20px;font-weight:700;background-color:#fff!important}
#Cartype .Entry .Price dd ul.option{}
#Cartype .Entry .Price dd ul.option li{background-color:#dbf0f2}
#Cartype .Entry .Btn{width:510px;margin:0 auto}
#Cartype .Entry .Btn a{position:relative;display:block;background-color:#F0DE37;text-decoration:none;font-weight:700;padding:15px 0;font-size:20px;text-align:center;border-radius:3px}
#Cartype .Entry .Btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1;font-weight:400}
#Cartype .Entry .Btn a:hover{background-color:#102545;color:#fff}


/*-----------------------------------------------------Flow*/
#Flow{}
#Flow .Inner{width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left}
#Flow .Inner .Entry{width:42%;position:relative;z-index:1;margin-bottom:90px}
#Flow .Inner .Entry + .Entry{}
#Flow .Inner .Entry:after{display:block;position:absolute}
#Flow .Inner .Entry:nth-of-type(1){}
#Flow .Inner .Entry:nth-of-type(2){}
#Flow .Inner .Entry:nth-of-type(3){}
#Flow .Inner .Entry:nth-of-type(4){}
#Flow .Inner .Entry:nth-of-type(1):after{content:url("../img/rentalcar/icon_arrow_left.png");top:50%;right:-106px}
#Flow .Inner .Entry:nth-of-type(2):after{content:url("../img/rentalcar/icon_arror_btm.png");left:-92px;bottom:-70px}
#Flow .Inner .Entry:nth-of-type(3):after{content:url("../img/rentalcar/icon_arrow_left.png");top:40%;right:-106px}
#Flow .Inner .Entry:nth-of-type(4):after{}
#Flow .Inner .Entry .num{font-family:'Amiri',serif;color:#DBF0F2;font-size:160px;position:absolute;top:-80px;z-index:0;right:10px}
#Flow .Inner .Entry dl{position:relative}
#Flow .Inner .Entry dt{font-size:22px;padding-bottom:3px}
#Flow .Inner .Entry dd{font-size:15px}
#Flow .Inner .Entry dd strong{color:#BB3A37}
#Flow .Inner .Entry .atte{position:relative;margin-top:15px;border:4px solid #dadada;padding:6px 10px}
#Flow .Inner .Entry .atte .title{font-weight:700}
#Flow .Inner .Entry .atte ul{}
#Flow .Inner .Entry .atte li{padding-left:16px}
#Flow .Inner .Entry .atte li + li{}
#Flow .Inner .Entry .atte li:before{content:"\f192";display:block;float:left;margin-left:-15px;width:1em;text-align:center;font-family:FontAwesome}
#Flow .Inner .Entry .atte .txt{}
#Flow .Inner .Entry .img{position:relative;margin-top:15px}
#Flow .Inner .Entry .img img{width:100%}
/*------------------------------------------------------------Info*/
#Info{margin-bottom:40px;margin-top:-30px}
#Info .Entry{width:1000px;margin:0 auto;text-align:left}
#Info .Entry + .Entry{}
#Info .Entry h3{font-size:28px;border-bottom:3px solid #ccc;margin-bottom:10px}
#Info .Entry .Inner{display:flex}
#Info .Entry .Inner .box{flex:1}
#Info .Entry .Inner .box .txt{}
#Info .Entry .Inner .box.table{margin-left:30px;width:460px;flex:initial}
#Info .Entry .Inner .box.table dl{display:flex;flex-wrap:wrap}
#Info .Entry .Inner .box.table dl + dl{border-top:1px solid #ccc}
#Info .Entry .Inner .box.table dt{background-color:#F1F1F1;width:10em;padding:6px 10px;text-align:center;display:flex;align-items:center;justify-content:center}
#Info .Entry .Inner .box.table dd{padding:4px 10px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}
#Info .Entry .Inner .box.table dd + dd{width:7em;flex:inherit;border-left:1px solid #ccc}
#Info .Entry .Inner .box.table dl.title{background-color:#DBF0F2;font-weight:700}
#Info .Entry .Inner .box.table dl.title dt{background-color:#B5E1E3}
#Info .Entry .Inner .box.table dd span{display:none}
#Info .Entry .Inner .box.list{}
#Info .Entry .Inner .box.list .subtitle{font-weight:700;font-size:17px;padding-bottom:10px}
#Info .Entry .Inner .box.list dl{}
#Info .Entry .Inner .box.list dt{font-size:16px}
#Info .Entry .Inner .box.list dd{padding-left:1.5em;padding-bottom:10px}
#Info .Entry .Inner .box.list dd ul{display:flex;flex-wrap:wrap;align-items:center}
#Info .Entry .Inner .box.list dd li{padding-left:16px;margin-right:22px;margin-bottom:3px}
#Info .Entry .Inner .box.list dd li + li{}
#Info .Entry .Inner .box.list dd li:before{content:"\f046";display:block;float:left;margin-left:-15px;width:1em;text-align:center;font-family:FontAwesome}

/*---------------------------------------------------Contact*/
#Contact{background-color:#efefef;padding-bottom:70px}
#Contact h2:before{background-color:#fff}
#Contact .txt{font-size:18px;padding-bottom:25px}
#Contact ul{width:800px;margin:0 auto;display:flex}
#Contact li{flex:1;margin:0 20px}
#Contact li + li{}
#Contact li a{display:block;position:relative;background-color:#F0DE37;padding:20px 0;text-decoration:none;font-weight:700;border:3px solid #d0c030;font-size:18px;border-radius:3px}
#Contact li a:before{position:absolute;left:12px;top:50%;margin-top:-.5em;font-family:FontAwesome;line-height:1;font-weight:400}
#Contact li a:before{content:"\f0e0"}
#Contact li + li a:before{content:"\f095"}
#Contact li a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1;font-weight:400}
#Contact li a:hover{background-color:#102545;color:#fff;border-color:#102545}