@charset "utf-8";
/* CSS Document */

:root{
	--c1:#E83828;
	--c2:#ffbf00;
	--c3:#fcf0ef;
	--c4:#E20B00;
}
img{height: auto;}
.btn{font-size: 12px;}

.datepicker .datepicker-days{display: block;}

a:hover{text-decoration: underline;}
a.btn:hover{text-decoration: none;}

.btn{border-radius:30px;}
.btn-red{background: var(--c1);color: #fff;border: solid 1px var(--c4);}
.btn-red:hover,.btn-red:active,.btn-red:focus{background: #D12118;color: #fff;}
.btn-orange{background: #ffbf00;color: #fff;border: solid 1px #e29700;}
.btn-orange:hover,.btn-orange:active,.btn-orange:focus{background: #e29700;color: #fff;}

.btn-icon{border: 0;background-color: transparent;box-shadow:none;padding: 0;}
.btn-icon i{font-size: 24px;line-height: 1;margin-right: 0;font-weight: bold;}

.label-newbuild{background: #F08300;color: #fff;font-size: 80%;}
.label-recommend{background: #FDD333;color: #755b00;font-size: 80%;}
.label-recommend i{margin-right: 3px;}
.label-sale{background: #f44242;color: #fff;font-size: 80%;}

.label-enabled{background: #99CB51;color: #fff;}
.label-disabled{background: #e50038;color: #fff;}

.label.status0,
.label.status1,
.label.status2,
.label.status3,
.label.status4,
.label.status5,
.label.status6{border: solid 1px;font-size: 14px;}
.status0{color: #f00 !important;border-color: #f00 !important;}
.status1{color: #fc6d00 !important;border-color: #fc6d00 !important;}
.status2{color: #19c100 !important;border-color: #19c100 !important;}
.status3{color: #00bbe0 !important;border-color: #00bbe0 !important;}
.status4{color: #0046dd !important;border-color: #0046dd !important;}
.status5{color: #999 !important;border-color: #999 !important;}
.status6{color: #333 !important;border-color: #333 !important;}

.help{color: #bcaa62;cursor:pointer;display: inline-block;margin-left: 1px;}
.help:hover{color: #999;}

.panel .panel-heading{cursor:pointer;}
.panel .panel-body{display: none;}
.panel.open .panel-body{display: block;}

/* 　link
******************************************/
a{color: #2f21f2;text-decoration: underline;}
a:hover,a:active{color: #111;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.btn{text-decoration: none;}

.pagination>li>a{color: #333;}
.pagination>li>a i.fa,
.pagination>li>span i.fa{margin-right: 0;}
.pagination>li>a:hover,.pagination>li>a:active{background: #333;color: #fff;}

.panel-accordion .panel-heading{cursor:pointer;background: #fff;color: #111;border: solid 1px #333;overflow: hidden;text-align: left;}
.panel-accordion .panel-heading i{color: #666;display: inline-block;margin-right: 5px;}
.panel-accordion .panel-heading:hover{background: #eee;}
.panel-accordion .panel-heading i.fa-chevron-left{transition:all .2s linear 0s;float: right;position: relative;top: 5px;color: #999;}
.panel-accordion.open > .panel-heading i.fa-chevron-left{transform:rotate(-90deg);}
.panel-accordion .panel-heading .heading-info{font-size: 12px;color: #999;display: inline-block;margin-left: 10px;}
.panel-accordion > .panel-body{display: none;}
.panel-accordion.open > .panel-body{display: block;}


.popover{color: #111;}
.icon-help i{color: #fff !important;font-size: 16px;line-height: 1;text-shadow:-1px -1px 1px rgba(0,0,0,.2);float: right;cursor:pointer;transition:all .2s linear 0s;}
.icon-help i.black{color: #111 !important;}
.icon-help i:hover{transform:scale(1.2);}
.icon-help i:focus{outline:0;}

@media screen and (max-width:640px){
.panel{margin-bottom: 10px;}
.panel-accordion .panel-body{padding: 15px 10px;}
}
/* 　base
******************************************/
/*ページ幅指定*/

#wrap{width: 100%;/*max-width: 1200px;*/margin: auto;overflow: hidden;font-size: 100%;}

.main{width: 100%;min-height:500px;position: relative;}

.main.right,
.main.left{width: 75%;}

.main > section{margin-bottom: 30px;}

.side.right,
.side.left{width: 22%;}

@media screen and (max-width:980px){
.main.right,
.main.left{width: 100%;}
.side.right,
.side.left{width: 100%;}
}
.section-full{padding: 40px;max-width: 100%;}

.section-inner{padding: 40px 0;margin: auto;max-width: 1200px;}
.edit .section-inner{max-width: 1200px;}
.section-inner.section-medium{max-width: 1000px;}

.title .section-inner{padding-bottom: 0;}
section.title:last-child{padding-bottom: 20px;}


@media screen and (max-width:1200px){
#wrap{font-size: 12px;}
.section-inner{padding: 40px 20px;}
}
@media screen and (max-width:980px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.section-inner{padding: 15px;}
}

.table-horizontal td{vertical-align: middle;}
.table-login th{background: #eee;}

.fa-exclamation-triangle{color: #f00;font-size: 18px;}

.btn-download{padding-top: 10px;font-size: 100%;}
.result-util p{margin-bottom: 3px;margin-top: 3px;}
@media screen and (min-width:641px){
.result-btn{text-align: left;}
}
@media screen and (max-width:640px){
.btn-download{text-align: center;}

th label{display: inline-block;white-space:nowrap;}
th .red,
th label .red{display: inline !important;}
}

.input-group > .form-group{display: inline-block;width: 80%;}
.input-group > .form-group > .input-group-text{width: 100%;}
.form-datetime .input-date{width: 40%;margin-right: 10px;}
.form-datetime .input-time{width: 40%;}
@media screen and (max-width:640px){
select.form-control{font-size: 16px !important;}
.form-datetime .input-date,
.form-datetime .input-time{width: 48%;}
}
@media screen and (max-width:480px){
.form-datetime .input-date,
.form-datetime .input-time{width: 90%;float: none;margin-right: 0;}
.form-datetime .input-date{margin-bottom: 10px;}
}

.list-flex{display:flex;justify-content: space-between;}
.list-flex.list-flex-col2 li{display:flex;border: solid 1px #ddd;border-radius:5px; flex-grow: 1;margin-right: 3px;text-align: center;box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);}
.list-flex.list-flex-col2 li:last-child{margin-right: 0;}
.list-flex.list-flex-col2 li > span{width: 50%;display: block;padding: 3px;vertical-align: middle;}
.list-flex.list-flex-col2 li > span i{margin-right: 3px;}
.list-flex.list-flex-col2 li > span:first-child{background: #eee;color: #666;border-radius:5px 0 0 5px;}
.list-flex.list-flex-col2 li > span:last-child{background: #fff;border-left: solid 1px #ddd;border-radius:0 5px 5px 0;}
@media screen and (max-width:900px){
}

/* 　alert
******************************************/

.well-alert,
.well-alert h3{overflow: hidden;position: relative;font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.well-alert h3{margin-bottom: 10px;}

/* 　header
******************************************/
header{padding-bottom: 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);position: relative;z-index: 10;}
.headline{max-width: 1200px;margin: auto;padding: 10px; }
.headline .logo{max-width: 250px;width: 30%;float: left;}
.headline .util{width: 70%;text-align: right;padding-top: 10px;}
.headline .util .btn{vertical-align: top;position: relative;padding: 15px 30px;margin-left: 10px;}


.headline .tel{display: inline-block;}
.headline .tel a{display: block;color: var(--c1);text-decoration: none;font-size: 30px;line-height: 1;}
.headline .tel a:hover,
.headline .tel a:active,
.headline .tel a:focus{color: #F8B62D;}
.headline .tel i{font-size: 24px;margin-right:0;}
.headline .tel .time{font-size: 12px;}

.fixed .util{position: fixed;z-index: 10;bottom: 0;right: 0;background: rgba(0,0,0,.5);width: 100%;text-align: center;width: auto;padding: 10px 10px 10px 20px;}
.fixed .util .btn{margin: 0;}
.fixed .tel a{color: #ff0;font-size: 24px;}
.fixed .tel i{font-size: 20px;}
.fixed .tel .time{color: #fff;}

.apply .fixed .util{display: none !important;}

#nav-sp,
#nav-close{display: none;}

@media screen and (max-width:640px){
#nav-sp{display: inline-block;float: right;font-size: 30px;line-height: 1;cursor:pointer;color: #000;position: relative;top: 10px;}
#nav-sp:hover,
#nav-sp:active,
#nav-sp:focus{color: #ddd;}
#nav-close{display: block;background: #111;cursor:pointer;padding: 15px 10px;text-align: center;color: #fff;}
#nav-close:hover{background: #333;}

.headline{padding: 10px;}
.headline .logo{width: 150px;}
.headline .util{position: fixed;bottom: 0;right: 0;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}
.headline .util .btn,
.headline .util .tel{width: 50%;float: left;display: block;text-align: center;}
.headline .util .btn{margin: 0;font-size: 12px;padding: 10px 20px;}
.headline .tel a{color: #ff0;font-size: 20px;}
.headline .tel i{font-size: 16px;}
.headline .tel .time{font-size: 10px;color: #fff;}
}

/* 　footer
******************************************/
footer{}
.footer-link{padding: 30px 10px;font-size: 16px;background: var(--c1);}
.footer-link li{display: inline-block;border-right: solid 1px #fff;}
.footer-link li:last-child{border-right: 0;}
.footer-link li a{display: block;padding: 0 15px 0 12px;font-weight: bold;text-decoration: none;}
.footer-link li a:hover{text-decoration: underline;color: #590100;}
footer .copy{font-size: 11px;color: #fff;padding: 20px;}

@media screen and (max-width:640px){
footer{padding-bottom: 50px;}
.footer-link{padding: 0;}
.footer-link li{display: block;border: 0;border-bottom: solid 1px rgba(255,255,255,.5);}
.footer-link li:last-child{border-bottom: 0;}
.footer-link li a{padding: 10px;}
}
/* 　nav
******************************************/

nav{position: relative;}
nav .globalnav{max-width: 1200px;margin: auto;}

.globalnav li{width: 20%;float: left;font-weight: bold;}
.globalnav li.sp{display: none;}
.globalnav li a{display: block;text-align: center;color: #000;text-decoration: none;padding: 20px;font-size: 14px;}
.globalnav li a:hover,
.globalnav li a:active,
.globalnav li a:focus{background: var(--c1);color: #fff;border-radius:5px 5px 0 0;}

@media screen and (max-width:640px){
.globalnav{display: none;position: absolute;top: 0;background: rgba(0,0,0,.7);width: 100%;border-top: solid 1px #ddd;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);}
.globalnav.show{display: block;background: rgba(255,255,255,.95);}

.globalnav li{width: 100%;float: none;border-bottom: solid 1px #ddd;}
.globalnav li.sp{display: block;}
.globalnav li a{padding: 15px;}

}

/* mainimg
******************************************/
.mainimg{min-height:500px;display: table;width: 100%;}
.mainimg{position: relative;text-align: center;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);z-index: 2;background: #f63b2a url("https://car-mine.jp/src/img/home/main-bg.png") center;background-size:cover;
}
@-webkit-keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}
@keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}

.mainimg .inner{display: table-cell;vertical-align: middle;padding: 0;}
.mainimg h1{margin-bottom: 20px;}
.mainimg h1 .text{font-size: 30px;displasy: block;color: #fff;margin-bottom: 5px;}
.mainimg h1 .logo{max-width: 400px;}
.mainimg .inner img { max-width: 1300px;}

.mainimg .inner img.pc {}
.mainimg .inner img.sp { display: none; }

.index-search{clear: both;margin: auto;text-align: center;max-width: 40em;}
.index-search select{width: 49%;overflow: hidden;}
.index-search .search-itemname input{margin: 10px 0;display: inline-block;}
.index-search .search-submit .num{font-size: 18px;}

@media screen and (max-width:1200px){
.mainimg{min-height:300px;}
.mainimg .inner img { width: 100%; margin-left:50px;}
}

@media screen and (max-width:980px){
.mainimg{min-height:300px;}
.mainimg h1 .text{font-size: 16px;line-height: 1.4;}
.mainimg h1 .logo{max-width: 200px;}
.mainimg .inner img { width: 100%; margin-left:50px;}
}

@media only screen and (max-width: 750px) {
.mainimg{min-height:auto;}
.mainimg .inner img { width: 100%; margin-left:0;}
.mainimg .inner img.pc { display: none !important; }
.mainimg .inner img.sp { display: block !important; }
}

@media screen and (max-width:640px){
.mainimg .inner {padding: 0;}
}
/* 　heading
******************************************/

h1{color: #000;}
h1 .come{display: block;font-size: 80%;line-height: 1;}

h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}

.well{font-size: 12px;text-align: left;}
.well .title{font-size: 18px;margin-bottom: 10px;}
.well li,
.well dl{margin-bottom: 10px;border-bottom: dashed 1px #ddd;padding-bottom: 5px;}
.well li:last-child,
.well dl:last-child{border-bottom: 0;margin-bottom: 0;}
.well dt{font-size: 14px;margin-bottom: 5px;color: #000;}
.well dd{font-size: 12px;color: #666;line-height: 1.8;}
.well .label{font-size: 10px;padding: 1px 3px;margin-right: 3px;background: #fff;}
.well strong{color: #f00;}
.well-alert{font-size: 13px;background: #ffefef;color: #f00;border-color: #f00;}

@media screen and (max-width:640px){
.well{font-size: 10px;padding: 10px;}

.well h3{font-size: 14px;}
.well .title{font-size: 12px;}
.well dt{font-size: 12px;}
.well dd{font-size: 10px;}
}


/* 　breadcrumb
******************************************/
.breadcrumb{padding: 0;font-size: 11px}
.breadcrumb ul{max-width: 1200px;margin: auto;}
.breadcrumb li{display: inline-block;margin-left: -4px;vertical-align: bottom;border-left: solid 1px #ddd;}
.breadcrumb li:first-child{margin-left: 0;}
.breadcrumb li:last-child{border-right: solid 1px #ddd;}
.breadcrumb li:last-child a{background: #fff;}
.breadcrumb li a{text-decoration: none;display: block;padding: 5px 15px;color: #111;font-size: 14px;}
.breadcrumb li a:hover,
.breadcrumb li a:active,
.breadcrumb li a:focus{background: var(--c1);color: #fff;}
.breadcrumb li:last-child a:hover,
.breadcrumb li:last-child a:active,
.breadcrumb li:last-child a:focus{background: #fff;color: #111;}

@media screen and (max-width:640px){
.breadcrumb li a{font-size: 10px;}
}

/* 　home
******************************************/
.title{font-size: 36px;text-align: center;position: relative;padding-top: 10px;margin-bottom: 20px;margin-top: 20px;}
.title .en{color: var(--c1);font-weight: bold;font-size: 14px;top:0;display: block;position: absolute;text-align: center;width: 100%;}
.title-bottom{margin-bottom: 20px;text-align: center;}

.section-footer{clear: both;text-align: center;}
.section-footer .btn{min-width:20em;padding: 15px 30px;}

@media screen and (max-width:640px){
.title{font-size: 24px;}
}

/* 　intro
******************************************/
.intro h1{font-size: 28px;border-bottom: solid 2px var(--c1);padding-bottom: 10px;margin-bottom: 20px;}

.intro .img{width: 40%;float: left;}
.intro .text{width: 58%;float: right;padding-top: 10px;font-size: 16px;font-weight: bold;}

.intro {background: #f6f6f6 url("https://car-mine.jp/src/img/body-bg.png") ;}

@media screen and (max-width:640px){
.intro h1{font-size: 22px;text-align: center;}
.intro .img,
.intro .text{width: 100%;float: none;}
.intro .text{font-size: 13px;}
.intro {background: url("https://car-mine.jp/src/img/body-bg-sp.png") ;}
}

/* 　reason
******************************************/
.home .reason{background: var(--c1);}
.home .reason .title{color: #fff;}
.home .reason .title .en{color: #ffbf00;}

.home .reason .list-all{display: flex;flex-wrap:wrap;}
.home .reason .single{width: 32%;/*float: left;*/padding: 20px;background: #fff;margin-right: 2%;border-radius:10px;text-align: center;margin-bottom: 20px;}
.home .reason .single:nth-child(3n){margin-right: 0;}

.reason .single h2{font-size: 22px;}
.reason .single .text{font-weight: bold;}
.reason .single img { max-width: 290px;}
@media screen and (max-width:900px){
.reason .single h2{font-size: 18px;}
}
@media screen and (max-width:640px){
.home .reason .single{width: 100%;margin-right: 0;}
.reason .single h2{font-size: 22px;}
.reason .single img { max-width: 80%;}
}

/* 　about
******************************************/
.about .single{border: solid 3px var(--c1);padding: 40px 30px;border-radius:10px;margin-bottom: 20px; background-color: #fff;}

.about .single .text{width: 62%;float: left;font-weight: bold;font-size: 16px;overflow: hidden;}
.about .single .img{width: 35%;float: right;text-align: center;}

.about {background: #f6f6f6 url("https://car-mine.jp/src/img/body-bg.png") ;}

.about .single h2{color: var(--c1);font-size: 30px;margin-bottom: 20px;}
.about .single .more{float: right;text-decoration: none;color: #000;display: inline-block;}
.about .single .more i{color: var(--c1);}
.about .single .more:hover{text-decoration: underline;}
@media screen and (max-width:640px){
.about .single .text,
.about .single .img{width: 100%;float: none;}
.about .single h2{font-size: 18px;margin-bottom: 10px;}
.about .single .text{font-size: 12px;}
.about {background: #f6f6f6 url("https://car-mine.jp/src/img/body-bg-sp.png") ;}
}

/* 　faq
******************************************/
.faq{background: #f2f2f2;}
.faq .section-footer{margin-top: 20px;}

.faq .panel{background-color: transparent;box-shadow:none;border-bottom: solid 1px #ddd;margin-bottom: 0;font-size: 18px;}
.faq .panel-heading,
.faq .panel-body{padding: 20px;}
.faq .panel-heading:before{content:"";display: inline-block;width: 25px;height: 25px;background: url(/src/img/faq/q.png) no-repeat center;background-size:contain;position: relative;margin-right: 10px;float: left;}
.faq .panel-heading:hover{background: #eee;}
.faq .panel-body{background: #fff;}
@media screen and (max-width:640px){
.faq .panel{font-size: 12px;}
.faq .panel-heading,
.faq .panel-body{padding: 10px;}
.faq .panel-heading:before{width: 20px;height: 20px;}
}

/* 　flow
******************************************/
.flow .list-all{display: flex;flex-wrap:wrap;}
.flow .single{width: 32%;/*float: left;*/margin-right: 2%;margin-bottom: 20px;background-color: #fff;border: solid 3px var(--c1);border-radius:10px;overflow: hidden;}
.flow .single:nth-child(3n){margin-right: 0;}
.flow .single:nth-child(4){margin-left: 16%;clear: both;}

.flow .single .step{color: var(--c1);display: block;text-align: center;font-weight: bold;font-size: 18px;padding: 5px 5px 0;}
.flow .single .step .num{font-size: 30px;line-height: .8;}
.flow .single h2,
.flow .single .text{padding: 15px;}
.flow .single img {max-width: 100px; display: block; margin: auto;}
.flow .single h2{background: var(--c1);color: #fff;text-align: center;font-size: 24px;}
.flow .single .text{font-weight: bold;}

.flow {background: #f6f6f6 url("https://car-mine.jp/src/img/body-bg.png") ;}

@media screen and (max-width:900px){
.flow .single{width: 100%;float: none;margin-right: 0;}
.flow .single h2,
.flow .single .text{padding: 10px;}
.flow .single h2{font-size: 14px;}
.flow .single:nth-child(4){margin-left: 0;}
}

@media screen and (max-width:640px){
.flow .single img {width: 80%; }
.flow {background: #f6f6f6 url("https://car-mine.jp/src/img/body-bg-sp.png") ;}
}

/* 　banner
******************************************/
.banner {background: #f2f2f2; text-align: center;}
.banner img { max-width: 720px; margin: auto;}


/* 　carlist
******************************************/

.home .carlist .title{margin-bottom: 20px;text-align: center;}
.home .carlist .list-more{text-align: center;clear: both;padding-top: 20px;}
.home .carlist .list-more .btn{width: 20em;max-width: 100%;}

.carlist .noresult{text-align: center;padding: 20px 10px;border: solid 1px #ddd;border-radius:10px;margin: 20px 0;clear: both;}
.carlist .noresult p{margin-bottom: 0;}
.carlist .single a{display: block;color: #111;text-decoration: none;}
.carlist .img{margin-bottom: 10px;overflow: hidden;border-radius:10px;}
.carlist .img img{transition:all .2s linear 0s;}
.carlist .make{font-size: 12px;color: #999;font-weight: bold;line-height: 1;}
.carlist .model{font-size: 18px;line-height: 1.2;margin-bottom: 5px;}
.carlist .price,
.carlist .price .num{line-height: 1;}
.carlist .price{font-weight: bold;margin: 0 0 3px;color: #666;}
.carlist .price .num{color: var(--c1);font-size: 24px;display: inline-block;margin-left: 3px;}
.carlist .data{display: flex;flex-wrap:wrap;}
.carlist .data dl{width: 50%;padding: 5px;}
.carlist .data dt{font-size: 12px;color: #999;}
.carlist .data dd{font-weight: bold;}

.carlist a:hover .img img{transform:scale(1.02);}
.carlist a:hover .model{text-decoration: underline;}
@media screen and (max-width:640px){
.carlist .model{font-size: 14px;}
}

/* 　list
******************************************/

.search .panel-heading{border: solid 1px #333;border-radius:10px;overflow: hidden;font-weight: bold;}
.search .panel-heading i.fa-search{color: var(--c1);}
.search .panel-heading i.fa-chevron-down{float: right;position: relative;top: 5px;transition:all .1s linear 0s;}
.search .panel-heading:hover{background: #eee;}
.search .panel-body{display: none;}
.search .open .panel-heading{border-radius:10px 10px 0 0;}
.search .open .panel-heading i.fa-chevron-down{transform:rotate(180deg);}
.search .open .panel-body{display: block;border-radius:0 0 10px 10px;border: solid 1px #333;border-top: 0;}

.table-search,
.table-search thead,
.table-search tbody,
.table-search tfoot,
.table-search tr,
.table-search th,
.table-search td{display: block;width: 100%;}
.table-search{margin: 0;}
.table-search tbody{display: flex;flex-wrap:wrap;}
.table-search tr{width: 33.33%;margin-bottom: 10px;}
.table-search th,.table-search td{padding: 0;text-align: left;}
.table-search th{color: var(--c1);}
.table-search .btn{display: block;width: 100%;margin-top: 20px;}

.result-sort {padding-top: 10px;}
.result-sort li{display: inline-block;border-right: solid 1px #ddd;margin-left: -3px;}
.result-sort li a{color: #111;font-weight: bold;display: block;padding: 3px 10px;}
.result-sort li.current a{text-decoration: none;color: #999;}
.result-sort li a:hover{color: var(--c1);}
.result-footer{text-align: center;}

@media screen and (max-width:800px){
.table-search tr{width: 50%;}
}
@media screen and (max-width:640px){
.table-search tr{width: 100%;}
}

/* 　detail(swiper)
******************************************/
.slide-main .swiper-button-next,
.slide-main .swiper-button-prev{top: 45%;}
.detail .swiper-slide{cursor:pointer;}
.detail .swiper-slide img{border: solid 1px #ddd;border-radius:10px;overflow: hidden;}
.detail .slide-main{overflow: hidden;margin-bottom: 20px;position: relative;}
.detail .slide-main .swiper-slide{border-radius:10px;overflow: hidden;}
.detail .slide-main .caption{padding: 10px 0;width: 100%;font-size: 12px;}
.detail .slide-thumb .swiper-wrapper{flex-wrap:wrap;transform:none !important;}
.detail .slide-thumb .swiper-slide{width: calc(96% / 5) !important;margin-right: 1%;margin-bottom: 10px;cursor:pointer;border-radius:5px;overflow: hidden;}
.detail .slide-thumb .swiper-slide:nth-child(5n){margin-right: 0;}
.detail .slide-thumb .swiper-slide:hover{opacity: .8;}
.detail .slide-thumb .swiper-slide-thumb-active{position: relative;}
.detail .slide-thumb .swiper-slide-thumb-active:after{position: absolute;width: 100%;content:"";display: block;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);}
.swiper-button-next, .swiper-button-prev{color: #fff !important;}
@media screen and (max-width:640px){
.slide-main .swiper-button-next,
.slide-main .swiper-button-prev{top: 40%;}
.slide-main .swiper-button-next:after,
.slide-main .swiper-button-prev:after{font-size: 30px;}
.detail .slide-main{margin-bottom: 0;}
.detail .slide-main .caption{line-height: 1.6;}
.detail .slide-thumb {display: none;margin-bottom: 10px;}
.detail .slide-thumb .swiper-slide{margin-bottom: 5px;}
.detail .slide-thumb .swiper-slide img{border-radius:5px;}
}

/* 　detail
******************************************/
.detail .title,
.detail .title .en{text-align: left;}
.detail .model{font-size: 24px;}
.detail .info-header{display: flex;margin-bottom: 20px;flex-wrap:wrap;border-bottom: solid 1px #111;}
.detail .price,
.detail .control{width: 50%;}
.detail .price{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.detail .control{text-align: right;}
.detail .price .num{color: var(--c1);font-size: 40px;line-height: 1;display: inline-block;margin-left: 3px;}
.detail .price .price-count{background: #333;border-radius:30px;padding: 3px 10px;color: #fff;font-size: 12px;position: relative;top: -4px;}
.detail .price .price-other{font-size: 12px;color: #777;display: block;}
.detail .price .price-other li{display: inline-block;line-height: 1.2;}
.detail .price .price-other .total{border-right: solid 1px #ddd;padding-right: 10px;margin-right: 5px;}
.detail .price .price-other .num{color: #777;font-size: 14px;}

.detail .description{margin-bottom: 10px;}
.detail .data{margin-bottom: 20px;}
.detail .data-title{font-size: 14px;margin-bottom: 10px;border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;color: #111;padding: 10px;}
.detail .data-title i{color: #ccc;}
.detail .data dl{padding: 5px;text-align: center;border: solid 1px #ddd;}
.detail .data dt,.detail .data dd{padding: 10px;}
.detail .data dt{background: #eee;}
.detail .data dd{font-size: 16px;}
.detail .data dd .come{font-size: 12px;display: block;}

.detail .table-summary th,
.detail .table-summary td{width: 25%;text-align: center;}
.detail .table-summary th{font-size: 12px;}

.detail .data-equipment h4{color: #999;}
.detail .data-equipment li{font-size: 14px;padding: 10px 5px;border-radius:5px;justify-content: center;font-weight: bold;vertical-align: middle;line-height: 1.3;align-items: center;display: flex;flex-wrap:wrap;background: var(--c3);color: var(--c1);text-align: center;}
.detail .data-equipment li span{display: block;color: #666;width: 100%;text-align: center;font-size: 12px;}

.detail .data-equipment li.disabled{border: solid 1px #ddd;background: #fff;color: #999;}
.detail .data-equipment li.disabled span{color: #999;}

.detail .bottom{clear: both;text-align: center;padding-top: 20px;}
.detail .bottom .btn{width: 30em;max-width: 100%;padding: 15px;}

@media screen and (min-width:641px){
.detail .info{width: 48%;}
.detail .img{width: 50%;}

}
@media screen and (max-width:640px){
.detail .info-header{display: block;border-bottom: 0;}
.detail .price,
.detail .control{width: 100%;text-align: center;}
.detail .control .btn{display: block;}
.detail .title{font-size: 20px;line-height: 1.4;margin-bottom: 10px;}
}

/* 　lower
******************************************/

.lower .outer{margin-bottom: 30px;}
.link-home{text-align: center;clear: both;margin-bottom: 50px;}
.link-home .btn{background: #333;border: solid 1px #000;}
.link-home .btn:hover,
.link-home .btn:active,
.link-home .btn:focus{background: #666;}

/**************/

.lower.about .point{font-size: 14px;display: block;color: #000;}
.lower.about .point .num{font-size: 24px;color: var(--c1);}
.lower.about .single h2{text-align: center;}

.lower .list-arrow{margin: 10px;clear: both;}
.lower .list-arrow li:before{font: normal normal normal 14px/1 FontAwesome;content:"\f0a9";display: inline-block;color: var(--c1);margin-right: 5px;}

@media screen and (max-width:640px){
.lower.about .text { margin-top: 15px;}
}

/**************/
.lower.reason .single{position: relative;border: solid 3px var(--c1);padding: 20px;border-adius:10px;margin-bottom: 60px;}
.lower.reason .single .reason-num{display: inline-block;background: var(--c1);color: #fff;position: absolute;bottom: 100%;left: -3px;border-radius:10px 10px 0 0;font-size: 18px;padding: 10px 50px;}
.lower.reason .single .reason-num .num{font-size: 24px;line-height: 1;position: relative;top: 1px;display: inline-block;margin-left: 3px;}

.lower.reason .single .text{width: 65%;float: right;}
.lower.reason .single .img{width: 32%;float: left;text-align: center;position: absolute; top: 50%;transform: translate(0,-50%); }
.lower.reason .single .reason9 { top: 1%;transform: none; }
.lower.reason .single h2{margin-bottom: 20px; display: block; border-bottom: 1px dashed #cfcfcf; padding-bottom: 15px;}
/*.lower.reason .single .text{font-size: 16px;}*/

@media screen and (max-width:640px){
.lower.reason .single h2,
.lower.reason .single .text,
.lower.reason .single .img {width: 100%;float: none;position: relative; top: auto;transform: none;}
.lower.reason .single h2{ text-align: center;}
.lower.reason h1 { margin-bottom: 60px; }
}

.guarantee{background: #f6f6f6;border-radius:10px;clear: both;overflow: hidden;}
.guarantee h3{font-size: 20px;text-align: center;background: var(--c4);color: #fff;margin-bottom: 10px;padding: 20px;}
.guarantee-all{display: flex;flex-wrap:wrap;padding: 20px 30px;}
.guarantee .single-g{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;text-align: center;background: #fff;border: solid 2px #999;border-radius:5px;padding: 20px 10px;position: relative;}
.guarantee .single-g:nth-child(4n){margin-right: 0;}
.guarantee .single-g .num{background: var(--c1);color: #fff;font-size: 20px;line-height: 1;display: inline-block;border-radius:30px;padding: 5px 10px;position: absolute;left: -10px;top: -10px;}
.guarantee .single-g dt{height: 5em;font-size: 18px;}
.guarantee .single-g img{max-width: 150px;margin-bottom: 5px;}
.guarantee .single-g .come{text-align: center;}

@media screen and (max-width:640px){
.guarantee-all{padding: 20px;}
.guarantee h3{font-size: 18px;padding: 20px 10px;}
.guarantee .single-g{width: 100%;float:none ;margin-right: 0%;margin-bottom: 4%;}
.guarantee .single-g dt{height: auto;margin-bottom: 10px;}

}

/**************/
.lower.faq .panel{padding-bottom: 20px;margin-bottom: 20px;}
.lower.faq .panel-heading:hover{background: transparent;cursor:default;}
.lower.faq .panel-body{display: block !important;}

.faq dt{font-size: 24px;}
@media screen and (max-width:640px){
.faq dt{font-size: 16px;}
}

/**************/

.table-contact{max-width: 900px;}

.lower.apply .title-bottom + .well-alert{max-width: 900px;margin: 10px auto 30px;}
.lower.apply .form-group{padding-bottom: 30px;border-bottom: dashed 1px #ddd;margin-bottom:40px;}
.lower.apply .table-contact th{background: #f6f6f6;}


.well-alert{background: #fff4f5;color: #111;font-size: 12px;}
.well-alert strong{font-size: 14px;color: #e60012;}

/**************/

.company .company-img{text-align: center;}
.company .company-img img{max-width: 900px;}


/* 　form
******************************************/

.form-title{color: #111;}
.form-title .come{display: inline-block;margin-left: 5px;}
.form-title .required{display: inline-block;margin-left: 7px;color: #e60012;font-size: 11px;}

.form-group h2{text-align: center;}
.form-group h2 .num{background: var(--c1);color: #fff;border-radius:30px;padding: 2px 8px;margin-right: 5px;}
.form-group-inner{margin-bottom: 10px;}
.form-group-inner:last-child{margin-bottom: 0;}

.input-group{max-width: 20em;}

.form-submit{text-align: center;margin-bottom: 20px;}
.form-submit .btn{padding: 15px 30px;min-width:200px;}

.row-employee-period .form-group-inner{display: inline-block;vertical-align: bottom;margin-right: 10px;margin-bottom: 0;}
.row-employee-period .form-group-inner{margin-bottom: 10px;}

/* 　form
******************************************/

.result-page .pagination{margin: auto;}
.pagination{display: flex;flex-wrap:wrap;justify-content:center;}
.pagination li.disabled{padding: 6px 12px;line-height: 1.42857143;background: #f9f9f9;color: #999;border: solid 1px #ddd;margin-left: -1px;}
.pagination>li.disabled:first-child {border-radius:0 4px 4px 0;}
.pagination>li.disabled:last-child {border-radius:4px 0 0 4px;}

/* notice
***************************/
#notice { background: #f2f2f2;}
.notice-inner { text-align: center;}
.notice-inner img { width: 740px;}
@media screen and (max-width:800px){
.notice-inner img { width: 100%;}
}