/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(https://www.carmanagementservice.com/kibaco/common/base.css);
/* end StyleCatcher imports */



@charset "utf-8";

body{font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background:#fff;}


a.to-top{position: fixed; display:block; align-items: center; justify-content: center;
  width: 45px; height: 45px; right: 0; bottom: 0; font-size: 35px; font-weight: bold; 
  color: white; background: #255eab; cursor: pointer; z-index:9999; text-align:center;}
a.to-top span{display:block; margin-top:-3px; text-align:center;}
a.to-top2{position: fixed; display:block; align-items: center; justify-content: center;
  width: 119px; height: 48px; right: 45px; bottom: 0; font-size: 35px; font-weight: bold; 
  color: white; cursor: pointer; z-index:9999; text-align:center;}
a.to-top2 span{display:block;text-align:center;}
a.pc-none {display: none;}

@media only screen and ( max-width : 500px ) {
a.mp-none {display: none;}
a.pc-none {display: inherit;}
a.to-top2{position: fixed; display:block; align-items: center; justify-content: center;
  width: 80px; height: auto; right: 45px; bottom: 0;}
}
@media only screen and ( max-width : 351px ) {
a.to-top2{position: fixed; display:block; align-items: center; justify-content: center;
  width: 65px; height: auto; right: 45px; bottom: 0;}
}


.container{text-align:center;}





h2{text-align:center;}
h2 img{display:inline-block; width:100%; height:auto; max-width:335px;}
#solution h2, #plan h2{color:#fff;}
@media only screen and ( max-width : 500px ) {
h2{font-size:24px; margin-bottom: 30px;}
}
@media print, screen and ( min-width : 501px ) {
h2{font-size:30px; margin-bottom: 50px;}
}


p{font-size:14px;}
br.spbr{display:none;}
@media only screen and ( max-width : 500px ) {
br.spbr{display:inherit;}
}



img{display:block; margin:0 auto;}


a.btn {
  display: inline-block;
  padding:25px 60px;
  background-color: #fff;
  color: #618bbe;
  height: 84px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  border:3px solid #00336c;
}
a.btn img{display:block; height:30px; width:auto; margin:0 auto;}
a.btn:hover {background-color: #cbeaef;}



.column div.point{font-size:20px; margin-top: 1em; color:#777; text-align:center; font-family:'century','Times New Roman','Baskerville','Optima','Palatino','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;}
.column h3{font-size:24px; color:#0096d5; text-align:center; font-weight:bold; margin:0 0 .5em 0; padding:0;}

@media only screen and ( max-width : 800px ) {
.column h3{font-size:20px;}
}
@media only screen and ( max-width : 500px ) {
.column > div{padding:2em; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.column > div + div{margin-top:2em;}
}
@media print, screen and ( min-width : 501px ) {
.column{display:table; width:100%;}
.column > div{display:table-cell; width:calc(100% / 3);}
}


 
header{position:fixed;/* display:block; width:100%; */z-index: 9999;}
.h_logo{position:fixed;}
.h_logo img{display:block; height:auto; margin:0;}
.h_tel {position:fixed; right:10px; top:10px;}
.h_tel img {display:block; height:auto; margin:0;}
.h_nav img:hover{opacity:.5;}
.h_nav .pc{position:fixed; right:0; top:8%; z-index: 9999;}
.h_nav .sp{position:fixed; left:0; bottom:0; z-index: 9999; display:none;}
.h_nav .sp a, .h_nav .sp img{display:inline-block; width:90px; height: auto;}
@media screen and (min-width: 501px) and (max-width: 800px) {
.h_nav .pc{top:20px;}
.h_nav .pc img{width:50px; height:auto;}
}
@media only screen and ( max-width : 500px ) {
.h_logo{width:230px;padding:10px}
.h_tel{display:none;}
.h_nav .pc{display:none;}
.h_nav .sp{display:table;}
.h_nav .sp a, .h_nav .sp img{ width:80px; height: auto;}
}
@media only screen and ( max-width : 351px ) {
.h_nav .sp a, .h_nav .sp img{ width:68px; height: auto;}
}
@media print, screen and ( min-width : 501px ) {
.h_logo{top:10px; left:10px;}
.h_logo img{width:210px;}
.h_logo img:hover{opacity:.2;}
}



#mission, #result, #support {background: url(../images/bg.gif);}
#intro {background: url(../images/bg_intro.jpg) center top #112641; background-size: cover;}
#solution {background: url(../images/bg_solution.jpg) center bottom #000000; background-size: cover;}
.bg_plan {background: url(../images/bg_plan.jpg) center bottom #fff; background-size: 100%; background-repeat: no-repeat;}



#intro .container {max-width:700px; margin:0 auto;}
#intro {position:relative;}
#intro p {position:absolute; bottom:1em; right:70px; color:#fff;}
@media only screen and ( max-width : 500px ) {
#intro .container{padding-bottom:3em;}
#intro p {font-size:12px; right:1em; padding-left: 1em;}
}


#about h2{margin-bottom:10px;}
#about p.lead{font-size:18px; text-align:center; margin: 30px 0 60px 0; font-weight:bold; line-height: 1.7;}
#about .column p{text-align:center; line-height: 1.7;}
@media only screen and ( max-width : 500px ) {
#about .column img{height:100px; width:auto;}
}
@media print, screen and ( min-width : 501px ) {
#about .column img{height:150px; width:auto;}
}



section#mission{padding:70px 0 100px 0;}
section.c-problems{padding:0;}
.js-problems__slidearea{background-color: #fff; padding:50px 90px;}
.lead{font-weight:bold; color:#333;}
.tab_inner h3{margin:1.5em auto;}
.tab_inner h3 img{display:block; max-width:400px; height:auto; width:100%;}
.user{}
.fuki{margin:0 0 1em 0;}
.fuki p{font-weight:bold; color:#255eab;}
.user img{height:auto; width:105px;}
@media screen and (max-width: 800px) {
.js-problems__slidearea{border-radius:1em; padding:50px;}
.lead br{display:none;}
.fuki p br{display:none;}
}
@media only screen and ( max-width : 500px ) {
.js-problems__slidearea{padding:20px; border-radius:1em;}
.fuki p{font-size:15px;}
.tab_inner > p {font-size:13px;}
.tab_inner h3 br{display:inherit;}
.user img{margin-bottom:1em;}
.fuki{position:relative; margin-bottom: 0; border:3px solid #255eab; padding:20px; border-radius:1em;}
.fuki:after{position:absolute; content:"▼"; bottom:-1.2em; left:0; color:#255eab; display:block; text-align:center; width:100%;}
}
@media print, screen and ( min-width : 501px ) {
.js-problems__slidearea{border-radius:2em;}
.lead{font-size:18px;}
.user{position:relative; padding-right:110px;}
.user img{position:absolute; right:0; bottom:10%;}
.tab_inner h3{font-size:20px;}
.fuki p{font-size:18px;}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
.user img{width:80px;}
.user{padding-right:90px;}
}


ul.c-problems__navilist li{width:calc(100% / 3);}
ul.c-problems__navilist li > div {background-position:center top; background-repeat:no-repeat; background-size:90%; height:150px; padding-top: .5em; color:#0096d5;}
ul.c-problems__navilist li .user1{background-image:url(../images/tab_user1_h.png);}
ul.c-problems__navilist li .user2{background-image:url(../images/tab_user2_h.png);}
ul.c-problems__navilist li .user3{background-image:url(../images/tab_user3_h.png);}
ul.c-problems__navilist li.is-active .user1{background-image:url(../images/tab_user1.png);}
ul.c-problems__navilist li.is-active .user2{background-image:url(../images/tab_user2.png);}
ul.c-problems__navilist li.is-active .user3{background-image:url(../images/tab_user3.png);}
.c-problems__baloon{text-align:center; line-height: 1.3;}
.c-problems__navilist li.is-active .c-problems__baloon {font-weight:bold; color:#333;}
@media only screen and (max-width: 768px) {
.c-problems__baloon{font-size:12px;}
ul.c-problems__navilist li > div {height:120px;} 
}
@media only screen and (max-width: 737px) {
.c-problems__baloon{font-size:inherit;}
ul.c-problems__navilist{width:100%; margin:0 auto; padding:0; position:inherit; max-width:350px; height:200px;}
ul.c-problems__navilist li{width:100%; margin:0; padding:0; position:inherit; position:inherit;}
ul.c-problems__navilist li > div{width:100%; height:200px; margin:0; padding:1em 0 0 0; position:inherit; background-size:100%;}
}
@media only screen and (max-width: 500px) {
ul.c-problems__navilist{max-width:250px; height:140px;}
ul.c-problems__navilist li > div{padding:.6em 0 0 0; font-size:14px;}
}





@media only screen and ( max-width : 500px ) {
section#solution {padding: 60px 0 80px 0;}
section#solution h2 img{width:100%; height:auto; max-width: 232px;}
}
@media print, screen and ( min-width : 501px ) {
section#solution {padding: 80px 0 130px 0;}
section#solution h2 img{height:60px; width:auto;}
}


#kinou .column{margin-bottom:50px;}
#kinou .column h3 span{font-size:16px; display:block; text-align:center; line-height: 1; padding-top: .5em;}
#kinou .column img{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
@media only screen and ( max-width : 500px ) {
}
@media print, screen and ( min-width : 501px ) {
#kinou .column > div:nth-child(1) > div{margin-right:3em;}
#kinou .column > div:nth-child(2) > div{margin:0 1.5em;}
#kinou .column > div:nth-child(3) > div{margin-left:3em;}
}



section#result {padding-bottom:80px;}
#result h2{margin-bottom:10px;}
#result h2+p{font-size:12px; text-align:center; margin-bottom: 40px;}
#result img.result{width:100%; height:auto; max-width:700px;}


#flow .flow {display:table; width:100%;}
#flow .flow > div {display:table-cell; position:relative;}
#flow .flow > div{padding:0 20px;}
#flow .flow > div + div:before {content:"\f0da"; font-size:30px; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; top:35%; left:-3px; color:#a0c8e6;}
#flow .flow img{width:100%; height:auto; max-width:260px;}
@media only screen and ( max-width : 500px ) {
#flow .flow, #flow .flow > div {display:block;}
#flow .flow > div{padding:0; position:inherit;}
#flow .flow > div + div:before {position:inherit; content:"\f0d7"; display:block; text-align:center;}
}



#plan .container{text-align:center;}
#plan .tbl{display:table; width:100%; margin-bottom:50px; background-color:#255eab; max-width:650px; margin:0 auto 50px auto;}
#plan .tbl > div{display:table-cell; width:50%;}
.tbl  table{border-collapse: collapse; width:100%; margin:0 auto;}
#plan th, #plan td{padding:1em; border:1px solid rgba(255,255,255,.7); text-align:center; vertical-align:middle; color:#fff;}
#plan th {background-color:rgba(11,60,117,.7);}	
#plan td {height:5em; font-weight:bold;}	
#plan td span{display:block; text-align:center; font-size:12px; font-weight:normal;}	
@media screen and (min-width: 501px) and (max-width: 800px) {
#plan {background-size:150%;}
}
@media only screen and ( max-width : 500px ) {
#plan th, #plan td{padding:.5em;}
#plan th {font-size:16px;}
#plan td {height:6em; font-size:16px;}
}
@media print, screen and ( min-width : 501px ) {
#plan th, #plan td{padding:.8em;}
#plan td {height:4.5em; font-size:20px;}
}


#support .box{background-color:#fff; padding:50px; border-radius: 20px;}
#support .support{display:table; margin:0 auto; width:100%;}
#support .support > div{display:table-cell; vertical-align:middle;}
#support .support > div:first-child{padding-right:5%;}
#support .support > div:last-child{padding-left:5%; border-left:1px solid #ccc;}
#support table{margin-bottom:1em;}
#support table td{vertical-align:middle;}
#support .support img{margin-right:2em; height:auto;}
#support .support h3{font-weight:bold; color:#255eab;}
#support .support .tel{font-family:arial; font-weight:bold; color:#02356d; white-space:nowrap; line-height:1;}
#support .support .tel span{font-size:140%;}
#support .support a[href^="mailto:"]{font-size:12px; border-bottom:1px solid; color:#02356d; line-height: 1.3;}
#support .support p{margin:0; padding:0; line-height: 1;}
#support .support p.tips{font-size:13px; line-height:1.3;}
@media only screen and ( max-width : 800px ) {
#support .support{width:auto;}
#support .support > div{display:block; padding:0 !important;  border-left:0 !important;}
#support .support > div + div{margin-top:2em;}
}
@media only screen and ( max-width : 500px ) {
#support .box{background-color:#fff; padding:20px; border-radius: 10px;}
#support .support img{width:35px; margin-right:1em;}
#support .support .tel{font-size:20px;}
#support .support p.tips br{display:none;}
}
@media print, screen and ( min-width : 501px ) {
#support .support img{width:70px;}
#support .support h3{font-size:20px;}
#support .support .tel{font-size:28px;}
#support .support p{font-size:16px;}
}


.acMenu{margin-bottom:40px;}
.acMenu dt{display:block; cursor:pointer;text-align:left; color:#255eab; font-size:20px; font-weight:bold; padding:10px 0 10px 20px; position:relative;}
.acMenu dt:before{color:#9f9f9f; content:"\f0da"; font-size:20px; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; top:.5em; left:0;}
.acMenu .q.open:before{content:"\f0d7";}
.acMenu dd{display:none; padding:0 0 2em 2.5em; position:relative;}
.acMenu dd:before{position:absolute; top:0; left:0; content:"A"; display:block; width:1.8em; height: 1.8em; color:#fff; background-color:#255eab; text-align:center; border-radius:1.8em; line-height: 1.8em;}
.acMenu dd p{font-size:16px;}
@media only screen and ( max-width : 500px ) {
.acMenu dl{border:1px solid #ccc; padding:1em; border-radius:.5em;}
.acMenu dl+dl{margin-top:1em;}
.acMenu dd{padding:0 0 0 2.5em;}
}






/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer hr {border:0; height:1px; display:block; background-color: #ccc; margin:0;}
p.copy{font-size:12px;}
@media only screen and ( max-width : 500px ) {
#footer{padding-bottom:60px;}
#footer .container.fmenu1{margin:0; padding:0;}
#footer .fmenu1 a{display:block; text-align:center; font-size:14px; padding:.8em; border-top:1px solid #ccc;}
#footer .fmenu2 ul{display:table; margin:2em auto;}
#footer .fmenu2 li{display:inline-block; font-size:12px;}
#footer .fmenu2 li + li:before{content:"|"; display:inline-block; margin:0 1.2em;}
p.copy{text-align:center;}
}
@media print, screen and ( min-width : 501px ) {
#footer ul{display: table;}
#footer li{display: inline-block;}
#footer li + li:before{content:"|"; display:inline-block; margin:0 1.2em;}
#footer .fmenu1{font-size:14px; padding:2.5em 0;}
#footer .fmenu1 ul{margin:0 auto;}
#footer .fmenu2{position:relative; text-align:right; padding:1.2em 0; font-size:12px;}
#footer .fmenu2 ul{position:absolute; left:0; top:1.2em;}
p.copy{text-align:right;}
}


/*追加分*/
header {padding:0;margin:0}
header#header .h_logo {background-color:rgba(255,255,255,0.7); width:100%;padding:10px;top:0; left:0}
#main {padding-top:50px;}
#mainF {padding-top:70px;}
h1.title {text-align:center; font-weight:bold; padding: 0; color:#255eab;font-size:24px; margin-bottom: 30px;display:none;}
h1.title br, .breadcrumb-list-item br {display:none;}
a.bt-back, input#aform_btn_submit { disply:inline-block; border:2px solid #134985; padding:10px 20px; color:#022a70;border-radius:4px;background-color:rgba(255,255,255,.5);-webkit-box-shadow:0 0 1px rgba(0,0,0,.5);}
a.bt-back:hover { background-color:rgba(200,225,250,.5);}
.dl {width:700px;margin:0 auto;text-align:center;}
.dl div{ float:left; width:50%; text-align:center;}
.dl h3 {color:#144783;width:270px;margin:0 auto;text-align:center; padding:8px 0;height: 60px}
.dl p {text-align:left;width:270px;margin:0 auto; height:90px;}

input#aform_btn_submit, input#aform_btn_back, input#aform_btn_confirm_14, input#aform_btn_confirm_13, input#aform_btn_confirm_12, input#aform_btn_confirm_16, input#aform_btn_confirm_17 { disply:inline-block; border:2px solid #134985; padding:10px 20px; color:#022a70;border-radius:4px;background-color:rgba(255,255,255,.5);-webkit-box-shadow:0 0 1px rgba(0,0,0,.5);
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#fff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 0%,#fff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 0%,#fff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
cursor: pointer;}

.submit input:hover {background-color:rgba(200,225,250,.7); width:100%; margin:0; padding:0}
.aform {width:700px; text-align:center !important;margin:40px auto 0;padding:0 10px;}
.aform-textarea, .aform-input {border:1px solid #ccc;border-radius:6px;width:100%;font-size:14px; padding:3px}
.aform-checkbox {width:auto;}
.aform dl { text-align:left !important}
dt, .aform-twice-note {font-size:14px;}
.aform ul {padding-left:0;list-style:none;}
.aform-error img {display:none;}
div.aform-content dl dt{font-weight: normal;margin-bottom: 0.5em;float: left;width: 30% !important;}
div.aform-content dl dd {float: left;width: 60% !important;}
.aform-label img { display:inline;padding-left:3px;}
#parts-15, #parts-7 {border-color:#00a8e6;}
#aform-confirm-form p.pushBt {clear:both; padding:20px 0 0 0;}
@media only screen and ( max-width : 768px ) {
header#header .h_logo {background-color:rgba(255,255,255,0.7); width:100%;}
header#header .h_logo img{/*display:none;*/width:210px;padding:0}
.aform {width:100%;}
div.aform-content dl dt, div.aform-content dl dd {width:auto !important; float:none !important;}
div.aform-content dl dd {margin-left:0;}
}
@media only screen and ( max-width : 500px ) {
h1.title br {display:inherit;}
.dl {width:100%;}
.dl div{ float:inherit; width:100%; margin-bottom:20px;}
.dl p{height:auto; padding:0 0 10px}
}

/*terms用*/
#content article h1 {
margin: 0 0 40px 0;
font-size: 34px; color:#4d4d4d;font-weight:bold;}

#content article h2 {
font-size: 24px; color:#756f67; font-weight:bold; border-bottom:1px solid #9e9688; margin-bottom:40px; padding-bottom:20px;}
#content article h2.v2 { background:url(images/h2v2.gif) repeat-y left top; padding:0 0 0 30px; border-bottom:none; line-height:1.5em;}

#content article h3 {
font-size: 18px;font-weight: bold; margin-bottom:30px; background:#dcd5ca; border-bottom:1px solid #bbb3a4; padding:10px; color:#564d40; font-weight:normal;}

#content article h3.v2 { background:none; text-align:left; border-bottom:#b2b0ac solid 2px; font-size:16px; margin-bottom:20px; padding:6px 0; font-weight:bold;}

/*#content article h4 {font-size: 16px; background:#2dc2e4; color:#fff; padding:10px;}*/
#content article h4 {font-size: 16px;
	background:url(images/h4.png) no-repeat right center #2057a9;
color: #fff;
padding: 10px 80px 10px 10px;
display:inline-block; margin-bottom:20px;
}
#content article h5 {
font-size: 14px; padding:10px; font-weight:bold;border-top:1px dotted #bbb3a4;border-bottom:1px dotted #bbb3a4;}

#content article p {margin-bottom: 1em; font-size: 16px;}

#content article .row {
margin-bottom: 1em;
}
#content article ol {
	text-align: left;
	/*padding-left: 30px;
	padding-bottom: 30px;
	list-style-type: inherit;*/
}
#content article li { margin-bottom:10px;}
#content article ul { list-style:none; padding:0;}
#content article ul li { background:url(images/icon-arrow.png) no-repeat left 7px; padding-left:13px;}
#content article form ul li { background: none; padding-left:0;}
#content article ul.sitemap { margin:0; padding:0; margin-bottom:20px;}
#content article ul.sitemap li { list-style:none; margin-bottom:8px; background:none; padding-left:0;}
#content article ul.sitemap li a { border-bottom:1px dotted #bbb3a4;}

#content article ol {counter-reset: li; margin:0; padding:0;}
#content article ol > li {list-style: none;position: relative;padding-left: 2.5em;}
#content article ol > li:before{
counter-increment: li;
content: counter(li);
margin-right: 1em;
line-height: 1.6;
background: #b0a99d;
	border: 1px solid #fff;
	color: #ffffff;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: 0em;
	top: 2px;
}
#content article ol ol {padding-top:15px;}
#content article ol ol li:before{
counter-increment: li;
content: counter(li);
margin-right: 0.6em;
line-height: 1.6;
border-radius: 50%;
background: #cdc5ba;
	border: 1px solid #ebe7e0;
	color: #fff;top: 0px;
}