@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Common CSS"

Cascading Style Sheet Setting File

Ver.20160904

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Content

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;outline:none;}
a.blank:before{content:" ";display:inline-block;margin:0 15px 0 0;width:16px;height:15px;background-image:url(/recruit/img/common/ico_cmn_blank.png);background-size:16px 15px;background-repeat:no-repeat;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
body{width:100%;height:100%;text-align:center;letter-spacing:0em;font-size:14px;line-height:1.5;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,"游ゴシック体", "Yu Gothic",arial, helvetica, sans-serif;}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Content | >> ********************************************************************************* >> START **/
#ContentMain{overflow:hidden;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);transition:0.3s ease-in-out;}
.frame{position:relative;margin:0 auto;padding:0;}
.frame:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.frame.full{padding:0 20px;width:1140px;}
.bgClr{min-width:1180px;}
.pcBlock{display:block !important;}
.spBlock{display:none !important;}
.pcInline{display:inline !important;}
.spInline{display:none !important;}
.mai-sec{position:relative;background: #222;}

.mai-log{position:absolute;top:40px;left:40px;z-index:10;}
.mai-log img{width:100%;max-width:190px;height:auto;}
.mai-tit{padding:120px 0 60px;position:relative;z-index:10;}
.mai-tit b{display: block;text-align: center;color: #DBCA6F;font-size: 45px;letter-spacing:0.1em;}
.mai-tit small{display: block;text-align: center;color: #DBCA6F;letter-spacing:0.1em;font-size:24px;font-weight:bold;}
.mai-txt{position: relative;z-index: 100;color: #fff;line-height: 3;font-size: 15px;padding: 0 0 200px;letter-spacing:0.2em;}
.mai-car{width:100%;max-width:724px;height:auto;}
.mai-car{position:relative;z-index:10;transition:0.3s ease-out;transform: translateX(60px);opacity:0;}
.mai-car.inview{transform: translateX(0);opacity:1;}

.mai-sec-top-bg {width: 100%; background:url(/uber_premium/img/main-top-bg.png?06241304)no-repeat center bottom;background-size: cover;}
.mai-sec-bottom-bg {width: 100%; background:url(/uber_premium/img/main-bottom-bg.png?06241304)no-repeat center;background-size: 100% auto;padding: 0 0 100px;}
.main-car-img-area {padding: 0 0 80px;max-width: 900px;margin: auto;}
.main-car-img-area img {display: block;width: 100%;}
.main-car-img-area-tit {display: flex;justify-content: flex-start;align-items: center;padding: 30px 0 0;}
.main-car-img-area-tit-tesla .main-car-img-area-tit-en {width: 306px;}
.main-car-img-area-tit-alphard .main-car-img-area-tit-en {width: 349px;}
.main-car-img-area-tit .main-car-img-area-tit-jp {color: #E2D06E;font-size: 15px;display: block;text-align: left;font-weight: bold;margin-left: 40px;}


.res-sec{padding:120px 0;}
.res-tit{font-size:28px;font-weight:bold;padding:0 0 20px;position: relative;margin-bottom: 40px;letter-spacing: 0.1em;}
.res-tit::after {content: "";display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 3px;width: 110px;background: #CEB21A;margin: auto;}
.res-list{margin:0 auto 20px;max-width:800px;border-top:1px #ddd solid;display:flex;flex-wrap:wrap;font-size:16px;text-align:left;}
.res-list dt{padding:30px 0 30px 50px;border-bottom:1px #ddd solid;box-sizing:border-box;width:250px;}
.res-list dd{padding:30px 0;border-bottom:1px #ddd solid;box-sizing:border-box;width:calc(100% - 250px);}
.res-cau{margin:0 auto;max-width:800px;text-align:right;}
.res-cau a{text-decoration:underline;}
.res-cau a:hover{text-decoration:none;opacity:1;}
.res-end{color: #d00;font-size: 16px;padding: 160px 0 0;padding: 0;}
.con-sec{padding:0 0 120px;}
.con-tit{font-size:28px;font-weight:bold;padding:0 0 30px;}
.con-tit small{display: block;font-size: 13px;font-weight: bold;padding:5px 0 0;color:#CEB21A;}

.res-under {padding: 10% 0 0;}
.tel-sec{padding:0 0 120px;}
.tel-tit{font-size:16px;font-weight:bold;padding: 0 0 5px;}
a.tel-cal{font-size:55px;line-height: 1;font-weight:bold;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,sans-serif;display: block;}
.con-list{display: flex;flex-wrap: wrap;justify-content: center;}
.con-list li{width:400px;}
.con-list li:first-child{display:flex;justify-content: center;align-items: end;}
.res-link {text-align: center;padding-top: 60px;border-top: 1px solid #ccc;max-width: 800px;margin: 60px auto 0;font-size: 20px;font-weight: bold;}
.res-link a {text-decoration: underline;}
.mai-btn-wrap {position:absolute;top:40px;right:40px;z-index:20;width: 160px;}
.mai-btn {display: block;width: 100%;font-size: 14px;font-weight: bold;text-align: center;color: #fff;line-height: 40px;background: #BEAB4D;border-radius: 20px;}
a.con-btn{position:relative;display:inline-block;width:100%;max-width:360px;height:60px;line-height:60px;font-size:18px;color: #fff;font-weight:bold;border-radius: 30px;background: linear-gradient(90deg, #D6BF3E 0%, #D6BF3E 50%, #D1BF57 50%, #D1BF57 100%);margin: auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);border: none;}
.tel-sec{padding:0 0 120px;}
.tel-tit{font-size:16px;font-weight:bold;padding: 0 0 5px;}
a.tel-cal{font-size:55px;line-height: 1;font-weight:bold;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,sans-serif;display: block;}
.con-list{display: block;}
.con-list li{display: block;width: 100%;text-align: center;}
.con-list li + li {margin-top: 40px;}

@media  (max-width:640px){
.frame.full{padding:0;width:auto;}
.bgClr{min-width:0;}
.pcBlock{display:none !important;}
.spBlock{display:block !important;}
.pcInline{display:none !important;}
.spInline{display:inline !important;}
.section{padding:0 15px;min-width:0;}
.intro.section{padding:0;}
.mai-sec{min-height:0;}
.mai-log{position: absolute;top:20px;left:20px;padding:0 0 0;z-index: 100;}
.mai-btn-wrap{position: absolute;top:20px;right:20px;padding:0 0 0;z-index: 100;}
.mai-log img{max-width:150px;}
.mai-tit{padding:150px 0 80px;}
.mai-tit b{font-size: 32px;}
.mai-tit small{font-size: 20px;}
.mai-txt{text-align:left;padding: 0 7% 120px;line-height: 2.5;}
.mai-car{width:90%;}
.mai-car{position:relative;z-index:10;}
.mai-sec-bottom-bg {box-sizing: border-box;padding: 0 7%;}
.main-car-img-area-tit-tesla .main-car-img-area-tit-en {width: 184px;}
.main-car-img-area-tit-alphard .main-car-img-area-tit-en {width: 209px;}
.main-car-img-area-tit .main-car-img-area-tit-jp {font-size: 12px;margin-left: 10px;}
.mai-sec-top-bg {width: 100%; background:url(/uber_premium/img/main-top-bg-sp.png)no-repeat center top;background-size: 100% auto;height: auto;}
.res-sec{padding:60px 0;}
.res-tit{font-size:24px;padding:0 0 30px;}
.res-tit small{font-size:12px;}
.res-list{margin:0 auto 20px;font-size:15px;display:block;padding:0 7%;border-top:none;}
.res-list dt{padding:0 0 5px;;border-bottom:none;width:auto;font-size:13px;padding:0 0 10px}
.res-list dd{border-bottom:none;width:auto;padding:0 0 30px;}
.res-list dd:last-child{padding:0;}
.res-cau{text-align:left;padding:0 7%;font-size:12px;}
.res-end{color: #d00;font-size: 15px;padding: 0 7% 0;}
.con-sec{padding:0 7% 60px;}
.con-tit{font-size:24px;padding:0 0 30px;}
.con-tit small{font-size:12px;}
a.con-btn{height:50px;line-height:50px;font-size:16px;width: 86%;}
.res-under {padding: 20% 0 0;}

.tel-sec{padding:0 0 30%;}
.tel-tit{font-size:15px;}
a.tel-cal{font-size:11.5vw;}
.con-list li{width:100%;}
.con-list li:first-child{padding:0 0 30px;}
    
.res-link {padding-top: 60px;max-width: 800px;margin: 60px 5% 0;font-size: 20px;}
}

/** |02. Common | << ********************************************************************************* << END **/