@charset "utf-8";

:root{
	--blue:#1f66af; 	
	--l-blue:#00a0e9; 	
	--black:#000; /* for background */
}

.wrapper{width: 100%;max-width: 100%;}
.wrapperL{width: 100%;max-width: 100%;float: none;}
.bread{margin-bottom: 0;}

.lp *{box-sizing:border-box;}


.lp{padding-bottom: 40px;font-size: 14px;color: #555;line-height: 1.8;}
.lp .section-inner{max-width: 980px;margin: auto;}
.lp + .to_top{max-width: 980px;width: 100%;margin: auto;}
.lp a{color: var(--ye);text-decoration: underline;}
.lp a:hover,
.lp a:active,
.lp a:focus{color: var(--ye);}

.lp img{width: auto;max-width: 100%;}
.lp figure{margin: 0;}
.lp figure img{width: 100%;}

.insurance  h2.section-title, .transport  h2.section-title, .recruit  h2.section-title{margin: 0 0 15px; font-size: 24px; line-height: 1;text-align: center; color: #111;}
.insurance  h2.section-title span, .transport  h2.section-title span, .recruit  h2.section-title span {border-bottom: solid 2px #111;padding: 0 0 15px;display: inline-block;}

.insurance h3{ color: #111;}
.insurance h3{font-size: 20px;margin: 15px 0 10px;color: #111;line-height: 1.4;}

.insurance h4{ font-size: 16px;margin: 15px 0 ;}
.insurance h5{ color: var(--l-blue); font-size: 15px;margin: 0 0 10px;}

@media screen and (max-width:640px){
.insurance  h2.section-title, .recruit  h2.section-title{font-size: 20px;}
.insurance h3{font-size: 18px;}
.insurance h4{ font-size: 15px;}
.insurance h5{ text-align: left;}
}


.lp .list-flex{display: flex;flex-wrap:wrap;justify-content:center;}

.insurance .mainimg h1, .transport .mainimg h1, .recruit .mainimg h1 { color: #fff;text-shadow:1px 1px 5px rgba(0,0,0,.7); letter-spacing: 0.2em;line-height:1.4; }
.insurance .mainimg h1 span, .transport .mainimg h1 span, .recruit .mainimg h1 span{ display: block; font-size: 16px;}
.insurance .mainimg{background: url(/wp/img/jcar_2023/insurance/mainimg.jpg) top center; background-size:cover;text-align: center;padding: 70px 0 80px !important;position: relative;}

@media screen and (max-width:640px){
.insurance .mainimg{padding: 35px 0 40px !important;}
}

.insurance .intro{background: #f6f6f6;}
.insurance .intro .read, .transport .intro .read { text-align: center; color: #111; font-size: 15px;}
.insurance .intro .text{width: 67%;float: left;}
.insurance .intro .insurance-img{width: 30%;float: right;}

ul.insurance_list  { padding: 40px; background: #fff; border-radius: 6px; margin: 30px 0;}
ul.insurance_list li {list-style-type: none; background: url(/wp/img/jcar_2023/insurance/ic-check.png) center left no-repeat; background-size: 25px;padding: 3px 0 3px 32px; color: #111; margin: 0;}
ul.insurance_list strong {color: var(--l-blue);}


@media screen and (max-width:640px){
.insurance .intro .text, .insurance .intro .insurance-img{width: 100%;float: none;}
.insurance .intro .text {margin-top: 20px;}
ul.insurance_list  { padding: 20px;  margin: 20px 0 15px;}
ul.insurance_list li { font-size: 18px;  text-align: left;background: url(/wp/img/jcar_2023/insurance/ic-check.png) left 0 top 4px no-repeat; background-size: 18px;padding: 0 0 7px 25px; color: #111; margin: 0; line-height: 1.4;}

}

.insurance .about .single{background: #e8f8ff;}
.insurance .about .single:nth-child(2n){background: #fff;}
.insurance .about h2.section-title{margin: 40px 0 10px; }

.insurance .about .single .point{background: var(--l-blue);color: #fff;font-size: 14px;font-weight: bold;display: inline-block;position: relative;padding: 5px 20px;}
.insurance .about .single .point:after {
  position: absolute; content: ''; top: 100%; right: 0; border: none;
	border-bottom: solid 5px transparent;
  border-left: solid 10px var(--blue);
}

.insurance .about .single .insurance-img{width: 40%;float: left;}
.insurance .about .single .text{width: 57%;float: right;}

.insurance .about .single .insurance_block { background: #fff; border-radius: 6px; padding: 15px;}

.insurance .about .single .insurance_block ul { padding: 0 20px;}
.insurance .about .single .insurance_block ul li{ list-style-type: disc; line-height: 1.3; margin: 0 0 6px;}
.insurance .about .single .insurance_block ul li a{ text-decoration: none;}
.insurance .about .single .insurance_block ul li a:hover { text-decoration: underline;}

@media screen and (max-width:640px){
.insurance .about h2.section-title{margin: 20px 0 10px; }
.insurance .about .single .insurance-img, .insurance .about .single .text{width: 100%;float: none;margin-left: 0;}
.insurance .about .single .text{margin-top: 20px;}
.insurance .about .single .insurance_block ul li{ text-align: left;}
}

.insurance .cta {text-align: center;}



.transport .mainimg{background: url(/wp/img/jcar_2023/transport/mainimg.jpg) center center; background-size:cover;text-align: center;padding: 70px 0 80px !important;position: relative;}

.transport .intro{background: #fff;}
.transport .intro .read { margin-bottom: 40px;}
ul.transport_list  {  margin: 30px 0;}
ul.transport_list li {list-style-type: none; padding: 3px 0 ; color: #111; margin: 0;}

.transport .transport-img { max-width: 700px; margin: auto;}

.transport .price_area .floatL, .transport .price_area .floatR {width: 49%;}




@media screen and (max-width:640px){
  .transport   h2.section-title{font-size: 20px; line-height: 1.4;}
  .transport .price_area .floatL, .transport .price_area .floatR {width: 100%; float: none; margin: 0;}
  .transport .price_area .floatR { border-top: none; }
  .transport .price_area .floatN { width: 100%;}
  
  }

/* recruit
---------------------------------------*/
.recruit .mainimg{background: url(/wp/img/jcar_2023/recruit/mainimg.jpg) center 10%; background-size:cover;text-align: center;padding: 70px 0 80px !important;position: relative;}

@media screen and (max-width:640px){
.recruit .mainimg{padding: 40px 0 45px !important;background: url(/wp/img/jcar_2023/recruit/mainimg.jpg) center center;background-size:cover;}
}

.recruit .intro{background: #def3fb;}
.recruit .intro h2 { color: #2c99ec; }
.recruit .intro h2.section-title{margin: 0 0 10px!important;}
.recruit .intro h2.section-title span  { border-bottom: none;padding: 0 0 5px!important;}
.recruit .intro .read { text-align: center; color: #111; font-size: 15px; font-weight: bold;}

@media screen and (max-width:640px){
.recruit .intro h2 { font-size: 20px; }
.recruit .intro .section-inner {padding: 30px 0 15px;}
.recruit  h2.section-title{font-size: 20px; line-height: 1.67;}
}

.recruit .about h2.section-title{margin: 40px 0 10px; }
.recruit .about .left { float: left; width: 48%;}
.recruit .about .right { float: right; width: 48%;}
.recruit .about .left img, .recruit .about .right img {overflow: hidden;width: 500px;height: 278px; object-fit: cover;text-align:center;}
.recruit .about .text { margin-top: 15px; font-size: 14px;}

@media screen and (max-width:640px){
.recruit .about{padding: 20px 20px 10px;}
.recruit .about h2.section-title{margin: 0 0 10px; }
.recruit .about .left, .recruit .about .right { float: none; width: 100%;}
.recruit .about .left { margin-bottom: 20px;}
.recruit .about .left img, .recruit .about .right img {overflow: hidden; height: 200px; object-fit: cover;text-align:center;}
}


.recruit .vision h2.section-title{margin: 40px 0 10px; }
.recruit .vision { text-align: center;}
.recruit .vision .vision-wrap {
    background: #fcfdf6;
    padding: 25px;
    border: solid 2px #c9bf80;
    position: relative;
    margin-bottom: 50px;
}
.recruit .vision .vision-wrap::before {
    content: "";
    display: block;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: solid 3px #c9bf80;
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: -9999;
}
.recruit .vision .vision-img { margin-bottom: 50px; margin-top: 25px;}
.recruit .vision .vision-img img {width: 272px;text-align:center;}
.recruit .vision .text { text-align: center; font-size: 14px; margin-bottom: 50px; line-height: 30px; color: #333333;}
.recruit .vision .ceo-name { text-align: right; font-size: 13px; color: #333333;}
.recruit .vision .ceo-name p { margin: 0;}
.recruit .vision .ceo-name img { width: 94px; vertical-align: bottom;}
.recruit .vision .ceo-name span { display: inline-block; margin-left: 1em; vertical-align: bottom;}

@media screen and (max-width:640px){
.recruit .vision{padding: 20px 20px 10px;}
.recruit .vision .vision-wrap { padding: 20px;}
.recruit .vision h2.section-title{margin: 0 0 10px; }
.recruit .vision .vision-img img {width: 220px;}
.recruit .vision .text { text-align: left;margin-bottom: 30px;}
.recruit .vision .ceo-name { font-size:12px!important; line-height:18px;}
.recruit .vision .ceo-name span { display: block; margin-left: 0;}
.recruit .vision .ceo-name .name-tag { margin-top: 5px;}
}

.recruit .info{background: #f6f6f6; padding: 40px 0;}
.recruit .info .read { text-align: center; color: #111; font-size: 15px; font-weight: bold; margin-top: 30px!important;}
.recruit .info .section-inner { display:flex;flex-wrap: wrap;justify-content:center; padding: 30px 0 15px; }
.recruit .info .section-block { width: 25%; /* margin padding分を引く */padding: 0 10px 15px;}
/*.recruit .info .section-block img {overflow: hidden;width: 500px;height: 278px; object-fit: cover;text-align:center;}*/
.recruit .info .text { margin-top: 10px; font-size: 12px; text-align: center;}

@media screen and (max-width:640px){
.recruit .info{padding: 20px 20px 10px;}
.recruit .info .section-inner { padding:0!important;}
.recruit .info .section-block { width: 50%;padding: 0 5px 8px;}
.recruit .info .read { margin:  20px 0 30px!important;}
.recruit .info .text { margin-top: 5px;}
}

.recruit .photos { padding: 40px 0;}
.recruit .photos  .section-inner { padding:40px 0 0!important;}
.recruit .photos .section-inner { display:flex;flex-wrap: wrap;justify-content:center; padding: 30px 0 15px; }
.recruit .photos .section-block { width: 33.3%;padding: 0 10px 15px;}
.recruit .photos .text {  font-size: 12px; text-align: center;margin-top: 10px;}
.recruit .photos img {overflow: hidden; height: 200px; object-fit: cover;text-align:center;}

@media screen and (max-width:640px){
.recruit .photos {padding: 20px 20px 10px;}
.recruit .photos .section-inner { padding:20px 0 0!important;}
.recruit .photos .section-block { width: 100%;padding: 0 0 15px;}
.recruit .photos .section-block .recruit-img { width: 45%; float: left;}
.recruit .photos .text { width: 52%; float: right; text-align: left;margin-top: 0;}
.recruit .photos img {overflow: hidden; height: 100px; object-fit: cover;text-align:center;}
}

.recruit .jobs { background-color: #e0f3fb;padding: 40px 0;}
.recruit .jobs .section-inner { display:flex;flex-wrap: wrap;justify-content:center; padding:40px 0 20px!important;}
.recruit .jobs .section-block { width: 50%;padding: 0 15px 0; position: relative; margin-bottom: 30px; }
/*.recruit .jobs .section-block {  flex-basis:calc((100% - 15px) / 2);  max-width:calc((100% - 15px) / 2);position: relative; background-color:#fff; margin-bottom: 30px;  }*/

.recruit .jobs h3 { color: #42a0e3; font-size: 20px; }
.recruit .jobs h3.part { color: #0a59b6; }

.recruit .jobs .single .point, .recruit .jobs .single .point2{background: var(--l-blue);color: #fff;font-size: 14px;font-weight: bold;display: inline-block;position: relative;padding: 5px 20px;z-index: 30;}
.recruit .jobs .single .point:after, .recruit .jobs .single .point2:after {
  position: absolute; content: ''; top: 100%; left: 0; border: none;
	border-bottom: solid 5px transparent;
  border-right: solid 10px var(--blue);
}
.recruit .jobs .single .point2{background: #0a59b6;}
.recruit .jobs .single .point2:after {border-right: solid 10px #002e65;}

.recruit .jobs .text { background-color: #fff; padding: 2px 15px 0 15px; height: 32%;}
.recruit .jobs .jobs-header { position: absolute; top: 20px; left: 5px;}
.recruit .jobs .text ul { color: #111;}
.recruit .jobs .text ul li.salary {background: url(/wp/img/jcar_2023/recruit/ic-salary.png) no-repeat left center; background-size:20px 20px ; padding: 0 0 0 25px;}
.recruit .jobs .text ul li.hour { background: url(/wp/img/jcar_2023/recruit/ic-hour.png) no-repeat left center; background-size:20px 20px ; padding: 0 0 0 25px;}
.recruit .jobs img {overflow: hidden; height: 270px; object-fit: cover;text-align:center;}

.recruit .jobs .jobs-link li { float: left;}
.recruit .jobs .jobs-link li a { font-size: 12px; display: inline-block; margin: 0 .1em .6em 0; padding: .5em; line-height: 1; text-decoration: none; color: #fff; background-color: var(--l-blue);border-radius: 2em;}
.recruit .jobs .jobs-link li a:hover {  background-color: var(--blue);}

.jobs-btn { margin: auto; text-align: center;}
.jobs-btn a { text-decoration: none; margin-top: 40px; color: var(--l-blue);}
.jobs-btn a:hover { color: var(--blue);}

@media screen and (max-width:640px){
.recruit .jobs {padding: 20px 20px 20px;}
.recruit .jobs h3 { font-size: 16px; line-height: 1.67; }
.recruit .jobs .section-inner {padding:20px 0 0!important; }
.recruit .jobs .section-block { width: 100%;padding: 0 0 15px; margin-bottom: 10px; }
.recruit .jobs .jobs-header { position: absolute; top: 20px; left: -10px;}
.recruit .jobs .text {height: auto;padding: 2px 15px 15px 15px;}
.recruit .jobs .jobs-link li a { font-size: 11px; }
.jobs-btn .btn {margin-top: 0;}
  .recruit .jobs img {overflow: hidden; height: 200px; object-fit: cover;text-align:center;}
}

.recruit .cta {text-align: center;}