/*! このCSSはコンパイルされています。直接編集しないでください。 */
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{font-family:YakuHanJP,Roboto,'Noto Sans JP',YuGothic,'Yu Gothic',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#000;background:#fff;letter-spacing:.05em;-webkit-text-size-adjust:100%;min-width:1080px}
body *{outline:0;box-sizing:border-box;font-feature-settings:'palt' 1}
body :after,body :before{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.4}
h1{font-size:2.125rem}
h2{font-size:1.75rem}
h3{font-size:1.625rem}
h4{font-size:1.375rem}
h5{font-size:1.25rem}
h6{font-size:1.125rem}
img{width:100%;pointer-events:none;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:auto;vertical-align:bottom}
picture{display:block}
a{transition:opacity .3s;font-weight:700;color:#000;text-decoration:none}
a:hover{opacity:.6}
a[href^='tel:']{cursor:default;pointer-events:none}
em,strong{font-weight:700;font-style:normal}
dl dt{font-weight:700}
ol,ul{list-style:none}
figure{line-height:0}
figure figcaption{line-height:1.6}
table{width:100%}
table th{text-align:left}
iframe{border:none}
button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;border:none;border-radius:0;font-family:YakuHanJP,Roboto,'Noto Sans JP',YuGothic,'Yu Gothic',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#000;background:#fff;letter-spacing:.05em;-webkit-text-size-adjust:100%}
textarea{resize:vertical;vertical-align:bottom}
button,input[type=button],input[type=reset],input[type=submit]{transition:opacity .3s;cursor:pointer}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{opacity:.6}
.pc-hide{display:none}
.sp-hide{display:block}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.lh14{line-height:1.4}
.lh18{line-height:1.8}
.lh20{line-height:2}
.m_txt_h2{font-size:1.625rem;text-align:center;margin-bottom:25px}
.m_box_fixed{position:relative;width:1260px;margin:0 auto}
.m_form_format dl{display:flex;border-top:1px solid #eee}
.m_form_format dl.end{border-bottom:1px solid #eee}
.m_form_format dl dt{flex-shrink:0;width:270px;padding-top:33px}
.m_form_format dl dt .req{font-size:.625rem;display:inline-block;position:relative;padding:4px 10px 5px;line-height:1;top:-1px;background:#000;color:#fff;margin-right:10px}
.m_form_format dl dd{padding:20px 0}
.m_form_format dl dd>:nth-child(n+2){margin-top:15px}
.m_form_format dl dd .error{font-size:.75rem;display:block;margin-top:10px}
.m_form_format dl dd .error+.error{margin-top:0}
.m_form_format.confirm .conf-hide{display:none}
.m_form_format.confirm dt{padding-top:20px}
.m_form_format.confirm dd>:nth-child(n+2){margin-top:5px}
.m_form_format.confirm dd .m_form_select:after{display:none}
.m_btn_main{font-size:1.125rem;text-align:center}
.m_btn_main a{position:relative;display:inline-block;min-width:350px;border:1px solid #0068b7;color:#0068b7;padding:15px 0}
.m_btn_main a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:20px;width:7px;height:12px;background:url(/kobe_okuradani_lp/asset/img/i_arr.png) no-repeat center top;background-size:7px auto!important}
.m_btn_main.wh a{border:1px solid #fff;color:#fff}
.m_btn_main.wh a:after{background:url(/kobe_okuradani_lp/asset/img/i_arr_wh.png) no-repeat center top}
.map{margin-top:60px}
.map iframe{width:100%;height:400px}
#l_header{position:fixed;top:0;left:0;z-index:2;width:100%}
#l_header .wrap{display:flex;align-items:center;max-width:1400px;margin:0 auto;overflow-x:hidden;padding:30px 20px 0 50px}
#l_header .wrap .logo img{width:310px}
#l_header .wrap .social{display:flex;align-items:center;line-height:0;margin-left:25px}
#l_header .wrap .social li+li{margin-left:5px}
#l_container{position:relative;z-index:1}
#main-img img{width:100%}
#step{padding-bottom:80px}
#quo-card{text-align:center;padding-top:50px}
#partner{background:#0068b7;text-align:center;color:#fff;font-weight:700;line-height:1.3}
#partner .top{padding:5px 0 17px}
#partner .top h2{font-size:2.625rem;line-height:1.1}
#partner .top h2 span{font-size:1.375rem}
#partner .bottom{background:#02528f}
#partner .bottom .box{display:flex;border-left:1px solid #0068b7}
#partner .bottom .box>div{width:33.3%;height:116px;padding-top:20px;border-right:1px solid #0068b7}
#partner .bottom .box>div.space{padding-top:27px}
#partner .bottom .txt{font-size:1.5rem}
#partner .bottom .txt span{font-size:1.25rem}
#partner .bottom .txt em{font-size:3.125rem;position:relative;top:3px;line-height:.9}
#lineup{padding:70px 0 100px;background:url(/kobe_okuradani_lp/asset/img/lineup_bg.jpg) no-repeat center bottom;background-size:cover}
#lineup h2{text-align:center}
#lineup h2 img{width:236px}
#lineup .lead{font-size:1.5rem;font-weight:700;text-align:center;color:#0068b7;margin:30px 0 40px}
#lineup .box{background:#fff;display:flex;justify-content:center;align-items:center;padding:40px 0;box-shadow:0 3px 15px 0 rgba(161,196,213,.2)}
#lineup .box.box{margin-top:20px}
#lineup .box.reverse{flex-direction:row-reverse}
#lineup .box .img-box{width:562px}
#lineup .box .img-box img{width:100%}
#lineup .box .txt-box{width:440px}
#lineup .box .txt-box img{width:100%}
#musk{font-size:1.625rem;background:#dbf3ff;padding:70px 0;font-weight:700}
#musk .obj{position:absolute;bottom:-70px;right:0}
#musk .obj img{width:230px}
#stock{background:#0068b7;text-align:center;height:222px;padding-top:47px;color:#fff}
#open{text-align:center;background:#dbf3ff;padding:80px 0}
#open dl{display:flex;justify-content:center;align-items:flex-start;margin:30px 0}
#open dl dt{font-size:1.5rem;flex-shrink:0;background:#cd0a1f;color:#fff;width:210px;margin-right:20px;padding:4px 0 2px}
#open dl dd{font-size:3.75rem;color:#cd0a1f;font-weight:700;line-height:.7}
#open .box{display:flex;flex-wrap:wrap;margin:-30px 0 0}
#open .box>div{width:33.3%;padding:30px 0 0 0}
#open .box>div img{width:100%}
#open .benefit4{margin-top:60px}
#open .benefit4 h3{margin-bottom:30px}
#open .benefit4 h3 img{margin:0 auto}
#open .benefit4 .row{display:flex;flex-wrap:wrap;margin:-10px 0 0 -10px}
#open .benefit4 .row>*{width:33.33333%;padding:10px 0 0 10px}
#open .benefit4 .row .inner{background:#fff;height:100%;padding-bottom:20px;box-shadow:0 0 3px rgba(0,0,0,.1)}
#open .benefit4 .row .inner .name{font-size:1.125rem}
#about{padding:70px 0}
#about .lead{font-size:1.125rem;text-align:center;line-height:2;margin-bottom:40px}
#about .box{display:flex}
#about .box .img-box{flex-shrink:0;width:500px}
#about .box .txt-box{flex-basis:auto;width:100%;padding-left:50px}
#about .box .txt-box h3{font-size:1.25rem;border-bottom:2px solid #e9e9e9;margin-bottom:25px;padding-bottom:20px}
#about .box .txt-box dl{font-size:1rem;display:flex;padding:15px 0 0 0}
#about .box .txt-box dl dt{flex-shrink:0;width:100px}
#about .box .txt-box dl dd{flex-basis:auto;width:100%}
#cvn{background:#0068b7;text-align:center;padding:60px 0 70px;color:#fff}
#cvn h2{font-size:2rem;margin-bottom:40px}
#cvn .box{display:flex;padding:0 50px}
#cvn .box>div{width:50%}
#cvn .no{font-size:3.125rem;line-height:.8;margin-bottom:10px}
#cvn .no a{color:#fff}
#cvn .no a:before{content:'';display:inline-block;position:relative;top:3px;width:26px;height:37px;margin-right:7px;background:url(/kobe_okuradani_lp/asset/img/i_tel_wh.png) no-repeat center;background-size:26px auto}
#cvn .time{font-size:1rem}
#cvn .btn a{font-size:1.375rem;position:relative;display:inline-block;min-width:350px;background:#fff;color:#0068b7;padding:17px 0}
#cvn .btn a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:20px;width:7px;height:12px;background:url(/kobe_okuradani_lp/asset/img/i_arr.png) no-repeat center top;background-size:7px auto!important}
#mail{padding:70px 0}
#mail .box{display:flex;justify-content:space-between;align-items:center;width:830px;margin:0 auto;background:#ff0023;border-radius:100px;padding:20px 20px 20px 70px}
#mail .box h2{font-size:1.75rem;color:#fff;margin-right:30px;letter-spacing:.125em}
#mail .box .btn{position:relative}
#mail .box .btn img{position:absolute;top:-60px;left:0;right:0;z-index:10;margin:auto;width:86px}
#mail .box .btn a{font-size:1.375rem;display:inline-block;color:#ff0023;background:#ff0;padding:12px 50px;border-radius:50px}
#footer{text-align:center;padding:40px 0}
#footer .social{display:flex;position:absolute;top:22px;right:0}
#footer .social li{margin-left:10px}
#footer .social li a{display:inline-block}
#footer .social li a img{width:44px}
#footer .logo img{width:350px}
#footer .copy{font-size:1rem}
@media screen and (max-width:767px){
body{font-family:YakuHanJP,Roboto,'Noto Sans JP',YuGothic,'Yu Gothic',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif}
body{min-width:100%;font-size:12px}
h1{font-size:1.375rem}
h2{font-size:1.375rem}
h3{font-size:1.375rem}
h4{font-size:1rem}
h5{font-size:1rem}
h6{font-size:1rem}
img{width:100%}
a[href^='tel:']{pointer-events:auto}
button,input,select,textarea{font-family:YakuHanJP,Roboto,'Noto Sans JP',YuGothic,'Yu Gothic',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif}
button,input,select,textarea{font-size:12px}
.pc-hide{display:block}
.sp-hide{display:none}
.lh18{line-height:1.6}
.lh20{line-height:1.6}
.m_txt_h2{font-size:1.5rem}
.m_box_fixed{width:100%;padding:0 20px}
.m_form_format dl{display:block}
.m_form_format dl dt{padding:12px 0 10px 0}
.m_form_format dl dd{padding:0 0 15px}
.m_form_format dl dd>:nth-child(n+2){margin-top:10px}
.m_form_format dl dd .error{margin-top:5px}
.m_form_format.confirm dt{padding:12px 0 10px 0}
.m_btn_main{font-size:1rem}
.map{margin-top:40px}
.map iframe{height:300px}
.m_btn_main a{min-width:320px}
#l_header{background:#fff}
#l_header .wrap{display:block;padding:10px}
#l_header .wrap .logo img{width:165px}
#l_header .wrap .social{margin-left:10px}
#l_header .wrap .social li+li{margin-left:3px}
#l_container{border:none}
#step{padding:20px 0 40px}
#quo-card{padding:30px 0 10px}
#partner .top{padding:10px 0}
#partner .top h2{font-size:1.5rem;line-height:1.3}
#partner .top h2 span{font-size:1rem}
#partner .bottom .wrap{padding:0}
#partner .bottom .box{display:block;border-left:none}
#partner .bottom .box>div{border-top:1px solid #0068b7;width:100%;height:auto;padding:15px 0}
#partner .bottom .box>div.space{padding:15px 0}
#partner .bottom .txt{font-size:1.25rem}
#partner .bottom .txt span{font-size:1rem}
#partner .bottom .txt em{font-size:2.25rem;margin-left:10px;line-height:.4}
#lineup{padding:40px 0}
#lineup h2 img{width:120px}
#lineup .lead{font-size:1.25rem;margin:10px 0 25px;line-height:1.4}
#lineup .box{display:block;padding:20px;text-align:center}
#lineup .box.box{margin-top:10px}
#lineup .box .img-box{width:100%}
#lineup .box .img-box img{width:270px}
#lineup .box .txt-box{width:100%}
#lineup .box .txt-box img{width:300px}
#musk{font-size:1.125rem;text-align:center;padding:30px 0 0}
#musk .obj{position:static;margin-top:15px}
#musk .obj img{width:180px}
#stock{height:auto;padding:30px 0 40px}
#open{padding:50px 0 30px}
#open h2 img{width:280px}
#open dl{display:block;margin:20px 0 30px}
#open dl dt{font-size:1rem;display:inline-block;padding:1px 30px 2px;width:auto;margin:0 0 15px}
#open dl dd{font-size:2.8125rem}
#open .box{margin:0}
#open .box>div{width:100%;padding:0}
#open .box>div+div{margin-top:10px}
#open .benefit4{margin-top:40px}
#open .benefit4 h3{margin-bottom:15px}
#open .benefit4 h3 img{width:280px}
#open .benefit4 .row{margin:-5px 0 0 -5px}
#open .benefit4 .row>*{width:50%;padding:5px 0 0 5px}
#open .benefit4 .row .inner img{width:150px}
#open .benefit4 .row .inner .name{font-size:.875rem}
#about .lead{font-size:.875rem;line-height:1.8;text-align:left;margin-bottom:30px}
#about .box{display:block}
#about .box .img-box{width:100%}
#about .box .txt-box{padding:40px 0 0 0}
#about .box .txt-box h3{font-size:1.25rem;margin-bottom:0;padding-bottom:15px}
#about .box .txt-box dl{font-size:.875rem;display:block;margin:0}
#about .box .txt-box dl dd{padding:0;width:100%}
#cvn{padding:40px 0}
#cvn h2{font-size:1.5rem;margin-bottom:25px}
#cvn .box{display:block;padding:0}
#cvn .box>div{width:100%}
#cvn .mail{margin-top:20px}
#cvn .no{font-size:2.5rem}
#cvn .no a:before{top:2px;margin-right:5px;width:20px;height:29px;background-size:20px auto}
#cvn .time{font-size:.75rem}
#cvn .btn a{font-size:1rem;min-width:320px}
#mail{padding:20px 0}
#mail .box{display:block;width:auto;padding:20px 20px 30px;text-align:center;border-radius:10px}
#mail .box h2{font-size:1.5rem;margin:0;margin:0 0 70px}
#mail .box .btn a{font-size:1.25rem;display:block;padding:18px 50px}
#footer .social{position:static;justify-content:center}
#footer .logo{margin:0 0 5px}
#footer .logo img{width:300px}
#footer .copy{font-size:.75rem}
}