@charset "UTF-8";

#subVisual{padding: 100px 0 90px;border-radius: 0 0 0 100px;}
#subVisual.aboutVisual{
    background: url("../img/about/h2.jpg") no-repeat center;
    background-size: cover;
    }
#subVisual.companyVisual{
    background: url("../img/company/h2.jpg") no-repeat center;
    background-size: cover;
    }
#subVisual.vehiclesVisual{
    background: url("../img/vehicles/h2.jpg") no-repeat center;
    background-size: cover;
    }
#subVisual.contactVisual{
    background: url("../img/contact/h2.jpg") no-repeat center;
    background-size: cover;
    }
.subVisualInner{
    width: 100%;
    margin: auto;
    color: #fff;
    }
#subVisual h2{
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
    font-size: 5.0rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    }
#subVisual h2 span{
    font-family: var(--ff-main);
    display: block;
    font-size: 2.5rem;
    opacity: 0.5;
    }

/* TAB */
@media screen and (max-width: 899px) {
#subVisual h2{font-size: 3.6rem;}
#subVisual h2 span{font-size: 2.0rem;}   
}
/* SP */
@media screen and (max-width: 480px) {
#subVisual{padding: 60px 0 60px;border-radius:0;}  
#subVisual h2{font-size: 2.8rem;letter-spacing: 0}
#subVisual h2 span{font-size: 1.5rem;}    
}



/* bread_crumb
--------------------------------------------------*/
.bread_crumb_list {
    padding:0 0;
    width: 100%;
    margin:0;
    }
ul.bread_crumb {
	text-align:left;
	margin: 0 auto;
	padding:0;
    width: 96%;
    max-width: 1200px;
	}
.bread_crumb li {
	display:inline;
	font-size: 1.3rem;
    font-family: var(--ff-main);
	font-weight: 600;
    color: #fff;
	}
.bread_crumb .material-icons{vertical-align:-0.2em !important;}
.bread_crumb li:after {
    content : '>';
    padding-left:5px;
    margin-right:5px;
	}
.bread_crumb li:last-child:after {content : '';}
.bread_crumb li a {color:#fff;text-decoration:underline;}
.bread_crumb li a:hover{text-decoration:none;}
.bread_crumb li.current {}

@media screen and (max-width: 899px) {}
@media screen and (max-width: 480px) {
    .bread_crumb li {font-size: 1.2rem;}
    }

/* subcon
---------------------------------------------------------------------------*/
.subcon{
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 100px;
    letter-spacing: .075em;
    }

.subcon .cntInner{
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 0;
    }
.subcon section{padding: 100px 0;}
.subcon .bg01{background: #f6f6f6;border-radius: 10px;}
.subcon .kadomaru{border-radius: 10px;}
.subcon p{
    font-family: var(--ff-main);
    font-size:1.7rem;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: .075em;
    }
.subcon .ullist{
    font-family: var(--ff-main);
    font-size:1.7rem;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: .075em; 
    }
.subcon .ullist li{
    padding-left:1em;
    text-indent:-1em;
    }
.subcon ._Title02{margin-bottom: 20px;}

.subcon ._Title03{
    font-family: var(--ff-main);
    font-size:3.0rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .075em;
    margin-top: 60px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
    }
.subcon ._Title03::after{
    position: absolute;
    content: "";
    width: 10%;
    height: 4px;
    background: var(--c-main);
    bottom: -3px;
    left: 0;
    }
.subcon ._Title03 .en{
    font-family: var(--ff-en);
    letter-spacing: 0;
    font-size: 2.2rem;
    color: #ddd;
    padding-left: 10px;
    }

.subcon ._Title04{
    font-family: var(--ff-main);
    font-size:2.0rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .075em;
    margin: 30px 0 15px;
    }
.subcon ._Title04 span{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: var(--c-main);
    color: #fff;
    border-radius: 100px;
    padding: 0;
    text-align: center;
    font-size:1.7rem;
    line-height: 32px;
    font-family: var(--ff-en);
    margin-right: 10px;
}

/* TAB */
@media screen and (max-width: 899px) {}
/* SP */
@media screen and (max-width: 480px) {
.subcon{
    font-size: 1.5rem;
    margin-bottom: 40px;
    letter-spacing: .05em;
    }

.subcon section{padding: 40px 0;}
.subcon .kadomaru{border-radius: 6px;}
.subcon p{
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: .05em;
    }
.subcon .ullist{
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: .05em;
    }

    /*
.subcon ._Title03{
    font-family: var(--ff-main);
    font-size:3.0rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .075em;
    margin-top: 60px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
    }
.subcon ._Title03::after{
    position: absolute;
    content: "";
    width: 10%;
    height: 4px;
    background: var(--c-main);
    bottom: -3px;
    left: 0;
    }
.subcon ._Title03 .en{
    font-family: var(--ff-en);
    letter-spacing: 0;
    font-size: 2.2rem;
    color: #ddd;
    padding-left: 10px;
    }

.subcon ._Title04{
    font-family: var(--ff-main);
    font-size:2.0rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .075em;
    margin: 30px 0 15px;
    }
.subcon ._Title04 span{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: var(--c-main);
    color: #fff;
    border-radius: 100px;
    padding: 0;
    text-align: center;
    font-size:1.7rem;
    line-height: 32px;
    font-family: var(--ff-en);
    margin-right: 10px;
}*/
 
}



/* TBL
---------------------------------------------------------------------------*/
.subcon .defTable01{
    width: 100%;
    margin: 40px auto 0;
    border: none;
    border-collapse: collapse;
    }
.subcon .defTable01 th {
    width: 280px;
    padding:20px 25px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    font-size:1.7rem;
    font-weight: 600;
    line-height: 1.7;
    border-bottom: 1px solid #ddd;
    background: #eee;
    }
.subcon .defTable01 td {
    padding:20px 25px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    font-size:1.7rem;
    font-weight: 600;
    line-height: 1.7;
    border-bottom: 1px solid #ddd;
    background:#fff;
    }
.subcon .defTable01 tr:first-child th{border-top: 1px solid #ddd;}
.subcon .defTable01 tr:first-child td {border-top: 1px solid #ddd;}



/* TAB */
@media screen and (max-width: 899px) {
  .subcon .defTable01 th {
    width: 180px;
    padding:15px 15px;
    line-height: 1.5;
    }  
.subcon .defTable01 td {
    padding:15px 15px;
    line-height: 1.5;
    }
}
/* SP */
@media screen and (max-width: 480px) {
.subcon .defTable01{
    margin: 20px auto;
    }
.subcon .defTable01 th {
    display: block;
    width: 100%;
    padding:15px 15px;
    font-size:1.5rem;
    line-height: 1.7;
    border-bottom:none;
    }
.subcon .defTable01 td {
    display: block;
    width: 100%;
    padding:20px 0;
    font-size:1.4rem;
    line-height: 1.7;
    border-bottom:none;
    }
.subcon .defTable01 tr:first-child th{border-top:none;}
.subcon .defTable01 tr:first-child td {border-top: none;}
.subcon .defTable01 tr:last-child td{border-bottom: 1px solid #ddd;}
}


/* about
---------------------------------------------------------------------------*/
.subcon #about01 p{display: block;padding-bottom: 30px;}

#about02 .cntList .cntBox{
    width: 48%;
    background: #fff;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 10px;
    }
#about02 .cntList .cntBox h4{
    text-align: center;
    font-size: 2.8rem;
    padding-bottom: 25px;
    margin-bottom: 40px;
    position: relative;
    }
#about02 .cntList .cntBox h4::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background:var(--c-main);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    }
#about02 .cntList .cntBox .cntImg{margin-bottom: 30px;}

#about03 .cntList {
    margin-top: 80px;
    align-content: center;
    align-items: center;
    }
#about03 .cntList .cntText{width: 53%;}
#about03 .cntList .cntImg{width:40%;padding: 0;margin: 0;}
#about03 .cntList ._Title02 span{
    font-size: 1.7rem;
    letter-spacing: 0;
    background: var(--c-main);
    color: #fff;
    padding: 2px 20px;
    }

#about04 dl{
    width: 48%;
    border: 2px solid var(--c-main);
    position: relative;
    padding: 40px 40px 20px;
    box-sizing: border-box;
    margin: 20px 0 10px;
    }
#about04 dl dt{
    position: absolute;
    background: var(--c-main);
    color: #fff;
    top: -20px;
    left: 40px;
    padding: 5px 20px;
    font-size: 1.8rem;
    min-width: 150px;
    text-align: center;
    }

/* TAB */
@media screen and (max-width: 899px) {
#about02 .cntList .cntBox{
    width:100%;
    padding: 45px;
    margin: 10px 0;
    } 
    
#about04 dl{width: 100%; }  
    
}
/* SP */
@media screen and (max-width: 480px) {
.subcon #about01 p{padding-bottom: 10px;}

#about02 .cntList .cntBox{
    padding: 25px;
    border-radius: 6px;
    }
#about02 .cntList .cntBox h4{
    font-size: 2.2rem;
    padding-bottom: 15px;
    margin-bottom: 25px;
    }
#about02 .cntList .cntBox h4::after{
    width: 40px;
    height: 3px;
    }
#about02 .cntList .cntBox .cntImg{margin-bottom: 20px;padding: 0 30px;box-sizing: border-box;}

#about03 .cntList {margin-top:40px;}
#about03 .cntList .cntText{width: 100%;}
#about03 .cntList .cntImg{width:100%;padding-top: 30px;}
#about03 .cntList ._Title02 span{
    font-size: 1.3rem;
    padding: 2px 10px;
    }

#about04 dl{
    
    padding: 30px 20px 10px;
    box-sizing: border-box;
    margin: 20px 0 10px;
    }
#about04 dl dt{
    top: -20px;
    left: 20px;
    padding: 5px 10px;
    font-size: 1.6rem;
    min-width: 130px;
    }  
}



/* company
---------------------------------------------------------------------------*/
#company01 .cntText{width: 50%;}
#company01 .cntText p{margin-bottom: 20px;}
#company01 .cntText .name{text-align: right;}
#company01 .cntImg{width: 44%;}

#company02{background: var(--c-main);}
#company02 ._Title{color: #fff;}
#company02 ._Title .en::first-letter{color: #fff;}
#company02 .cntDiv{
    background: #fff;
    border-radius: 10px;
    padding: 90px 60px 60px;
    }
#company02 .cntDiv .cntImg{margin-bottom: 30px;}
#company02 .cntDiv p{font-size: 2.0rem;}
#company02 .cntList{margin-top: 80px;}
/*#company02 .cntList .cntBox{
    width: 32.5%;
    background:#fff;
    text-align: center;
    padding: 65px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    color: var(--c-main);
    border: 3px solid var(--c-main);
    font-size: 1.8rem;
    }
#company02 .cntList .cntBox span{
    display: block;
    font-size: 3.4rem;
    }*/
#company02 .cntBox{text-align: center;margin-top: 40px;}
#company02 .cntBox img{max-width: 780px;width: 100%;}

#company03 .cntList {align-items: center;align-content: center;}
#company03 .cntList .cntImg{width: 30%;}
#company03 .cntList .cntBox{width: 60%;}

#company04 .cntBox{
    border: 3px solid var(--c-main);
    position: relative;
    padding: 80px 60px 30px;
    box-sizing: border-box;
    margin: 50px 0 100px;
    }
#company04 .cntBox:last-child{margin-bottom: 0;}
#company04 .cntBox h4{
    position: absolute;
    background: #fff;
    color: var(--c-main);
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 20px;
    font-size: 2.8rem;
    text-align: center;
    max-width: 350px;
    }
#company04 .cntList{max-width: 580px;margin: auto;}
#company04 .cntBox:nth-child(3) .cntList{max-width: 780px;}
#company04 .cntList li{width: 32%;max-width: 182px}
#company04 .cntBox:nth-child(3) .cntList li{width: 24%}
#company04 .cntText{
    margin-top: 40px;
    }
#company04 .cntText li{
    padding-bottom: 10px;
    border-bottom: 1px dashed #666;
    margin-bottom: 10px;
    }
#company04 .cntText li h5{
    font-size: 2.0rem;
    margin: 15px 0 10px;
    border-left: 6px solid var(--c-main);
    color: var(--c-main);
    padding: 1px 10px;
    line-height: 1.2;
    }


/* TAB */
@media screen and (max-width: 899px) {
#company02 .cntList{margin-top: 40px;}  
#company02 .cntList .cntBox{
    width: 100%;
    margin-top: 10px;
    padding:35px 5px;
    } 
#company03 .cntList .cntImg{width: 100%;padding: 20px 20px 0;text-align: center;}
#company03 .cntList .cntImg img{max-width: 250px;}
/*#company03 .cntList .cntBox{width: 100%;}*/
}
/* SP */
@media screen and (max-width: 480px) {
#company01 .cntText{width: 100%;}
#company01 .cntImg{width: 100%;padding-top: 20px;}

#company02 .cntDiv{
    border-radius: 10px;
    padding: 40px 25px 25px;
    }
#company02 .cntDiv .cntImg{margin-bottom: 30px;}
#company02 .cntDiv p{font-size: 1.6rem;}
#company02 .cntList{margin-top: 20px;}
/*#company02 .cntList .cntBox{
    padding:25px 5px;
    font-size: 1.5rem;
    }
#company02 .cntList .cntBox span{
    font-size: 2.4rem;
    }*/
#company02 .cntBox img{max-width: 320px;width: 100%;}



#company04 .cntBox{
    border: 2px solid var(--c-main);
    padding: 40px 20px 25px;
    margin: 60px 0 70px;
    }
#company04 .cntBox h4{
    top: -28px;
    padding: 10px 20px;
    font-size: 2.2rem;
    max-width: 270px;
    }
#company04 .cntList{max-width: 580px;margin: auto;}
#company04 .cntBox:nth-child(3) .cntList{max-width: 780px;}
#company04 .cntList li{width: 32%;max-width: 182px}
#company04 .cntBox:nth-child(3) .cntList li{width: 24%}
#company04 .cntText{margin-top: 30px;}
#company04 .cntText li h5{
    font-size: 1.8rem;
    border-left: 5px solid var(--c-main);
    }

    
    
}


/* vehicles
---------------------------------------------------------------------------*/

#vehicles01 .cntList .defTable01{width: 46%;}
#vehicles01 .cntList .defTable01 th{
    width: 80%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    }
#vehicles01 .cntList .defTable01 td{
    text-align: right;
    padding: 12px 16px;
    border: 1px solid #ddd;
    }
#vehicles01 h3{
    margin-top: 60px;
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.1;
    }
#vehicles01 .sliderBox{margin: 60px 0 0;}
#vehicles01 .sliderBox li{max-width: 450px;}


#vehicles02 .cntList {
    margin-top: 80px;
    align-content: center;
    align-items: center;
    }
#vehicles02 .cntList .cntText{width: 53%;}
#vehicles02 .cntList .cntImg{width:40%;padding: 0;margin: 0;}
#vehicles02 .cntList ._Title02 span{
    font-size: 1.7rem;
    letter-spacing: 0;
    background: var(--c-main);
    color: #fff;
    padding: 2px 20px;
    }


/* TAB */
@media screen and (max-width: 899px) {
    #vehicles01 .cntList .defTable01{width: 100%;padding: 0;margin: 0 auto;}
    #vehicles01 h3{
    text-align: left;
    font-size: 2.0rem;
    }
    #vehicles01 h3 br{display: none;}
    #vehicles01 .sliderBox li{max-width: 350px;}
}
/* SP */
@media screen and (max-width: 480px) {
#vehicles01 .cntList .defTable01 th{
    width: 100%;
    padding: 12px 16px;
    border: none;
    }
#vehicles01 .cntList .defTable01 td{
    text-align: right;
    padding: 12px 16px;
    border: none;
    }
#vehicles01 h3{
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 1.8;
    }
#vehicles01 .sliderBox{margin: 30px 0 0;}
#vehicles01 .sliderBox li{max-width: 220px;}

#vehicles02 .cntList {margin-top:40px;}
#vehicles02 .cntList .cntText{width: 100%;}
#vehicles02 .cntList .cntImg{width:100%;padding-top: 30px;}
#vehicles02 .cntList ._Title02 span{
    font-size: 1.3rem;
    padding: 2px 10px;
    }
}

/* pagenavi
--------------------------------------------------*/
.subcon .wp-pagenavi {
    margin:100px auto 0;
    font-size: 1.6rem;
    text-align: center;
    font-family: var(--ff-main);
    font-weight: 600;
    }
.subcon .wp-pagenavi a {color:var(--c-main);}
.subcon .pages {margin-right: 20px;}
.subcon .wp-pagenavi .current,
.subcon .wp-pagenavi a.page {
    margin: 0 6px 6px 0;
    display: inline-block;
    border: solid 2px var(--c-main);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    transition: 0.7s;
    }
.subcon .wp-pagenavi .current {
    border: none;
    background: var(--c-main);
    color: #fff;
    }
.subcon .wp-pagenavi a.page:hover {
    background: var(--c-main);
    color: #fff;
    }
.subcon .wp-pagenavi .first,
.subcon .wp-pagenavi .extend {margin-right: 10px;}
.subcon .wp-pagenavi span.pages,
.subcon .wp-pagenavi .previouspostslink,
.subcon .wp-pagenavi .nextpostslink {display: none;}
.subcon .pagenation{}
.subcon .pagenation .pagenation_content {
    margin:100px auto 0;
    width: 100%;
    text-align: center;
    position: relative;
    font-family:var(--ff-main);
    font-size: 1.5rem;
    font-weight: 600;
    }
.subcon .pagenation .pagenation_content span {
    width: 15%;
    min-width: 60px;
    color: #fff;
    transition: all 0.35s ease;
    background: var(--c-main);
    padding: 10px 10px;
    }
.subcon .pagenation .pagenation_content a {
    width: 15%;
    text-align: center;
    min-width: 60px;
    border: solid 2px var(--c-main);
    background: var(--c-main);
    color:#fff;
    transition: all 0.35s ease;
    padding: 10px 10px;
    }
.subcon .pagenation .pagenation_content a:hover {background:#fff; color:var(--c-main);}
.subcon .pagenation .pagenation_content .prev:after {left: 0px;}
.subcon .pagenation .pagenation_content .all {
    left: 0;
    right: 0;
    width: 26%;
    margin: auto;
    }
.subcon .pagenation .pagenation_content .next {right: 0px;}


/* TAB */
@media screen and (max-width: 899px) {}
/* SP */
@media screen and (max-width: 480px) {}


/* contact
---------------------------------------------------------------------------*/
.sub_contact_box{
    background: var(--c-main);
    color: #fff;
    text-align: center;
    padding:60px;
    box-sizing: border-box;
    margin-bottom: 40px;
    border-radius: 10px;
    font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: .075em;
    }

 .sub_contact_box .--ff-en{
    margin-top: 10px;
    font-size: 4.0rem;
    }
.sub_contact_box .--ff-en span {
    margin-right: 10px;
    font-size: 1.8rem;
    }

.subcon .defTable01 label {
    font-size:1.6rem;
    line-height: 1.7;
    }
.subcon .defTable01 input[type=radio],
.subcon .defTable01 input[type=checkbox] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    padding: 0;
    margin: 2px 4px;
    font-size:1.6rem;
    }
.subcon .defTable01 input[type=text],
.subcon .defTable01 input[type=email],
.subcon .defTable01 input[type=tel] {
    border: 1px solid #e1ded8;
    padding:10px;
    background: #f8f6f2;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6;
    border-radius: 2px;
    font-size:1.6rem;
    }
.subcon .defTable01 input.form-m[type=text] {width: 50%; }
.subcon .defTable01 input.form-s[type=text] {width: 13%; }
.subcon .form-box {margin: 10px 0; }
.subcon .defTable01 select {
    border: 1px solid #e1ded8;
    background: #f8f6f2;
    padding:10px;
    width: 50%;
    box-sizing: border-box;
    line-height: 1.6;
    border-radius: 2px;
    font-size:1.6rem;
    }
.subcon .defTable01 select optgroup {background: #e1ded8; }
.subcon .defTable01 textarea {
    border: 1px solid #e1ded8;
    padding: 10px;
    background: #f8f6f2;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
    font-size:1.6rem;
    }
.subcon .defTable01 input[type=text]::-moz-placeholder, .subcon .defTable01 input[type=email]::-moz-placeholder, .subcon .defTable01 input[type=tel]::-moz-placeholder, .subcon .defTable01 input[type=text]::placeholder, .subcon .defTable01 input[type=email]::placeholder, .subcon .defTable01 input[type=tel]::placeholder {
    color: #666;
    font-size:1.6rem;
    font-family: var(--ff-main);
    }
.subcon .defTable01 textarea::-moz-placeholder, .subcon .defTable01 textarea::placeholder {
    color: #666;
    font-size:1.6rem;
    font-family: var(--ff-main);
    }
.subcon .defTable01 td a {text-decoration: underline; }
.subcon .defTable01 td a:hover {text-decoration: none; }


.subcon .defTable01 .privacy_box{
    max-height: 450px;
    overflow-y: scroll;
    padding: 40px;
    margin: 20px 0;
    background: #f8f6f2;
    box-sizing: border-box;
    border: 1px solid #e1ded8;
    }
.subcon .defTable01 .privacy_box ._Title2{
    font-size: 1.8rem;
    margin-top: 40px;
    }
.subcon .defTable01 .privacy_box h5{margin-top: 20px;}
.subcon .defTable01 .privacy_box p,
.subcon .defTable01 .privacy_box ul li{
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 500;
    }
.subcon .defTable01 .privacy_box ul{margin: 10px 0 10px 1.5em;}
.subcon .defTable01 .privacy_box ul li{list-style: decimal;}
.subcon .form_btn {
    text-align: center;
    margin-top: 5rem;
    }
.subcon .form_btn input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 60px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: .075em;
    background: var(--c-main);
    border: 1px solid var(--c-main);
    transition: 0.5s;
    margin: auto;
    font-family: var(--ff-main);
    border-radius: 100px;
    }
.subcon .form_btn input:hover {
    background: #fff;
    color:var(--c-main);
    }
.subcon .defTable01 em.colR {
    font-style: normal;
    color: var(--c-main);
    font-size:2.2rem;
    margin-left: 4px;
    font-weight: 600;
    font-weight: bold;
    }


/* TAB */
@media screen and (max-width: 899px) {
.subcon .defTable01 label {
    font-size:1.5rem;
    line-height: 1.5;
    }
.subcon .defTable01 input[type=radio],
.subcon .defTable01 input[type=checkbox] {
    line-height: 1.5;
    font-size:1.5rem;
    }
.subcon .defTable01 input[type=text],
.subcon .defTable01 input[type=email],
.subcon .defTable01 input[type=tel] {
    padding:10px;
    line-height: 1.5;
    font-size:1.5rem;
    }
.subcon .defTable01 input.form-m[type=text] {width: 50%; }
.subcon .defTable01 input.form-s[type=text] {width: 15%; }
.subcon .form-box {margin: 10px 0; }
.subcon .defTable01 select {
    padding:10px;
    line-height: 1.5;
    font-size:1.5rem;
    }
.subcon .defTable01 select optgroup {background: #ddd; }
.subcon .defTable01 textarea {
    padding: 10px;
    line-height: 1.5;
    font-size:1.5rem;
    }
.subcon .defTable01 input[type=text]::-moz-placeholder, .subcon .defTable01 input[type=email]::-moz-placeholder, .subcon .defTable01 input[type=tel]::-moz-placeholder, .subcon .defTable01 input[type=text]::placeholder, .subcon .defTable01 input[type=email]::placeholder, .subcon .defTable01 input[type=tel]::placeholder {
    font-size:1.5rem;
    }
.subcon .defTable01 textarea::-moz-placeholder, .subcon .defTable01 textarea::placeholder {
    font-size:1.5rem;
    }
.subcon .defTable01 .privacy_box{
    padding: 30px;
    }
.subcon .defTable01 .privacy_box ._Title2{
    font-size:1.8rem;
    }
.subcon .form_btn input {
    width: 100%;
    max-width: 350px;
    font-size: 1.6rem;
    margin-top: 10px;
    font-weight: 600;
    }
}
/* SP */
@media screen and (max-width: 480px) {
.sub_contact_box{
    padding:25px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: .05em;
    }
.sub_contact_box .--ff-en{
    margin-top: 0;
    font-size: 3.0rem;
    }
.subcon .defTable01 label {
    font-size:1.4rem;
    line-height: 1.5;
    }
.subcon .defTable01 input[type=radio],
.subcon .defTable01 input[type=checkbox] {
    font-size:1.4rem;
    line-height: 1.5;
    }
.subcon .defTable01 input[type=text],
.subcon .defTable01 input[type=email],
.subcon .defTable01 input[type=tel] {
    font-size:1.4rem;
    line-height: 1.5;
    }
.subcon .form-box {margin: 10px 0; }
.subcon .defTable01 select {
    font-size:1.4rem;
    line-height: 1.5;
    }
.subcon .defTable01 textarea {
    font-size:1.4rem;
    line-height: 1.5;
    }
.subcon .defTable01 input[type=text]::-moz-placeholder, .subcon .defTable01 input[type=email]::-moz-placeholder, .subcon .defTable01 input[type=tel]::-moz-placeholder, .subcon .defTable01 input[type=text]::placeholder, .subcon .defTable01 input[type=email]::placeholder, .subcon .defTable01 input[type=tel]::placeholder {
    font-size:1.4rem;
    }
.subcon .defTable01 textarea::-moz-placeholder, .subcon .defTable01 textarea::placeholder {
    font-size:1.4rem;
    }
.subcon .defTable01 .privacy_box{
    max-height: 250px;
    }
.subcon .defTable01 .privacy_box ._Title2{
    font-size:1.6rem;
    }
.subcon .defTable01 .privacy_box p,
.subcon .defTable01 .privacy_box ul li{
    font-size: 1.4rem;
    }
.subcon .form_btn {
    margin-top: 2rem;
    }
.subcon .defTable01 em.colR {
    font-size:1.8rem;
    }
}

/* Completion
--------------------------------------------------*/
.cntBtn_home{
    width: 100%;
    max-width: 190px;
    margin:40px auto 0;
    background: url("../img/cmn/arw_wht2.png")no-repeat 100% center;
    background-size: 60px;
    padding: 8px 0;
    transition: 0.7s;
    }
.cntBtn_home:hover{
    background: url("../img/cmn/arw_wht.png")no-repeat 100% center;
    background-size: 60px;
    }
.cntBtn_home.--ta-r{margin:40px 0 0 auto;}
.cntBtn_home.--ta-l{margin:40px auto 0 0;}
.cntBtn_home a{
    position: relative;
    font-size: 1.8rem;
    letter-spacing: .05em;
    display: block;
    width: 100%;
    text-align: left;
    margin: auto;
    transition: 0.7s;
    padding: 8px 0;
    }
.cntBtn_home a::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #222;
    bottom: 0;
    left: 0;
    right: 0;
    }
.cntBtn_home a:hover{
    }

/* TAB */
@media screen and (max-width: 899px) {}

/* SP */
@media screen and (max-width: 480px) {
    .cntBtn_home{
        max-width: 168px;
        margin:20px auto 0;
        background: url("../img/cmn/arw_wht2.png")no-repeat 100% center;
        background-size: 50px;
        }
    .cntBtn_home:hover{
        background: url("../img/cmn/arw_wht.png")no-repeat 100% center;
        background-size: 50px;
        }
    .cntBtn_home.--ta-r{margin:10px 0 0 auto;}
    .cntBtn_home.--ta-l{margin:10px auto 0 0;}
    .cntBtn_home a{
        font-size: 1.5rem;
        padding: 8px 10px;
        }
}


/* recruit
--------------------------------------------------*/

#recruitVisual{
    background: #272727;
    padding: 0;
    text-align: center;
    }
#recruitVisual h2{position: relative;z-index: 2;}
.recruitBox{
    background:#272727;
    color: #fff;
    position: relative;
    }
.recruitBox::after{
    position: absolute;
    z-index: 1;
    content: "";
    width: 101px;
    height: 100%;
    top: 0;
    left: 20px;
    background: url("../img/recruit/bg01.jpg")repeat-y left top;
    }
.truck_box {
    position: fixed;
    left: 30px;
    top: 3%;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
    }
.truck_box.fixed {
    opacity: 10;
    z-index: 9;
    }

#recruit01{
    margin-top: -20%;
    background: url("../img/recruit/img01.png")no-repeat center 80%;
    padding-bottom: 200px;
    }
#recruit01 h3{
    position: relative;
    z-index: 3;
    font-family: "Zen Kurenaido", sans-serif;
    font-size: 3.9rem;
    margin-bottom: 100px;
    }
#recruit01 p{
    position: relative;
    z-index: 3;
    display: block;
    max-width: 390px;
    font-size: 1.8rem;
    }


#recruit02{
    background: url("../img/recruit/bg02.png")no-repeat center 290px ,url("../img/recruit/bg04.png")no-repeat center 82%;
    padding: 100px 0 0;
    }
#recruit02 h3{position: relative;z-index: 3;}
#recruit02 h4{
    position: relative;
    z-index: 3;
    font-size: 3.0rem;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.5;
    }
#recruit02 p{
    position: relative;
    z-index: 3;
    font-size: 1.8rem;
    display: block;
    margin: auto;
    max-width: 420px;
    }
#recruit02 .cntList .cntText{width: 40%;position: relative;z-index: 3;}
#recruit02 .cntList .cntImg{width: 55%;position: relative;z-index: 3;}
#recruit02 .cntList.box01{
    align-content: flex-end;
    align-items: flex-end;
    margin-top: -50px;
    }
#recruit02 .cntList.box01 h4{padding-top: 150px;}
#recruit02 .cntList.box02{
    flex-direction: column-reverse;
    flex-direction: row-reverse;
    margin-top: 100px;
    }
#recruit02 .cntDiv{background: url("../img/recruit/bg03.png")no-repeat 35% center;}
#recruit02 .cntList.box02.box02bg{position: relative;}
#recruit02 .cntList.box02.box02bg::after{
    position: absolute;
    z-index: 1;
    content: "";
    width: 380px;
    height: 380px;
    background: #51d599;
    top: -50px;
    left: -170px;
    border-radius: 100%;
}
#recruit02 .cntList.box03{margin-top: 100px;}
#recruit02 .btmImg{margin-top: 100px;text-align: center;}


#recruit03{padding-top: 200px;}
#recruit03 h3{margin-bottom: 80px;}
#recruit03 .cntImg{text-align: center;}

#recruit04 .cntList{align-content: center;align-items: center}
#recruit04 .cntBox{
    width: 20%;
    position: relative;
    z-index: 2;
    }
#recruit04 .cntDiv{
    padding-top: 120px;
    width: 80%;
    position: relative;
    z-index: 2;
    }
#recruit04 .cntDiv h4{
    margin-bottom: 40px;
    font-size: 2.4rem;
    position: relative;
    }
#recruit04 .cntDiv h4 span{
    position: relative;
    z-index: 3;
    background: #272727;
    padding: 0 10px;
    }
#recruit04 .cntDiv h4::before{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #fff;
    top: 18px;
    left: 0;
    }
#recruit04 .cntDiv h4::after{
    position: absolute;
    content: "";
    height: 44px;
    width: 44px;
    background: #51d599;
    top: -5px;
    right: 0;
    border-radius: 100px;
    }
#recruit04 .cntDiv table{
    width: calc(100% - 50px);
    margin-left: 50px;
    box-sizing: border-box;
    border: none;
    border-collapse: collapse;
    }
#recruit04 .cntDiv table th{
    width: 200px;
    font-size: 2.2rem;
    vertical-align: top;
    font-weight: 700;
    text-align: left;
    padding: 20px 0;
    }
#recruit04 .cntDiv table td{
    font-size: 2.2rem;
    vertical-align: top;
    text-align: left;
    padding: 20px 0;
    }


#recruit05{text-align: center;padding:50px 0 200px;}
#recruit05 h3{
    font-size: 3.2rem;
    color: #51d599;
    margin-bottom: 40px;
    }
#recruit05 .cntBtn{background: url("../img/recruit/arw.png")no-repeat 100% center;}
#recruit05 .cntBtn:hover{background: url("../img/recruit/arw_wt.png")no-repeat 100% center;}
#recruit05 .cntBtn a::after{background-color: #fff;}

@media screen and (max-width: 1468px) {
    .subcon #recruit01 .cntInner,
    .subcon #recruit02 .cntInner,
    .subcon #recruit03 .cntInner,
    .subcon #recruit04 .cntInner,
    .subcon #recruit05 .cntInner{padding-left: 110px;}
    }

@media screen and (max-width: 1200px) {
.recruitBox::after{
    width: 60px;
    left: 20px;
    background: url("../img/recruit/bg01.jpg")repeat-y left top;
    background-size: 100%;
    }
.truck_box img{width: 40px;}
    .subcon #recruit01 .cntInner,
    .subcon #recruit02 .cntInner,
    .subcon #recruit03 .cntInner,
    .subcon #recruit04 .cntInner,
    .subcon #recruit05 .cntInner{padding-left: 80px;}
    
#recruit01{
    margin-top: -20%;
    background: url("../img/recruit/img01.png")no-repeat center 10%;
    background-size: 100%;
    padding-bottom: 100px;
    }
#recruit01 h3{
    font-size: 3.5rem;
    margin-bottom: 100px;
    margin-top: 150px;
    }
#recruit01 p{
    max-width: 100%;
    font-size: 1.7rem;
    }
    
 }

/* TAB */
@media screen and (max-width: 899px) {
.recruitBox::after{
    position: static;
    display: none;
    }
.truck_box{display: none;}
.subcon #recruit01 .cntInner,
.subcon #recruit02 .cntInner,
.subcon #recruit03 .cntInner,
.subcon #recruit04 .cntInner,
.subcon #recruit05 .cntInner{padding-left: 0;}
    
    
#recruit01{
    margin-top: -20%;
    background: url("../img/recruit/img01.png")no-repeat right 10%;
    background-size: 80%;
    padding-bottom: 50px;
    }
#recruit01 h3{
    font-size: 3.0rem;
    margin: 100px 0 40px;
    }
#recruit01 p{font-size: 1.7rem;}    
    
#recruit02{
    background: url("../img/recruit/bg02.png")no-repeat left 160px / 80% , url("../img/recruit/bg04.png")no-repeat right 98% / 100%;
    padding: 80px 0 0;
    }
#recruit02 h4{
    font-size: 2.6rem;
    margin-bottom: 20px;
    line-height: 1.5;
    padding-top: 50px;
    }
#recruit02 p{
    font-size: 1.7rem;
    max-width: 100%;
    }
#recruit02 .cntList .cntText{width: 100%;margin-bottom: 80px;}
#recruit02 .cntList .cntImg{width: 100%; text-align: center;}
#recruit02 .cntList .cntImg img{max-width: 450px;}
#recruit02 .cntList.box01{margin-top: 0;}
    #recruit02 .cntList.box01 .cntImg{text-align: right;}
#recruit02 .cntList.box01 h4{padding-top: 50px;}
#recruit02 .cntList.box02{margin-top: 0;}
    #recruit02 .cntList.box02 .cntImg{text-align: left;}
#recruit02 .cntDiv{background:none;}
#recruit02 .cntList.box02.box02bg::after{
    position: static;
    display: none;
    }
#recruit02 .cntList.box03{margin-top: 0;}
#recruit02 .btmImg{margin-top: 0;text-align: center;}  
    
    
#recruit03{padding-top: 100px;}
#recruit03 h3{margin-bottom: 40px;}


#recruit04 .cntList{align-content: flex-start;align-items: flex-start}   
#recruit04 .cntDiv{padding-top: 0;}
#recruit04 .cntDiv h4{
    margin-bottom: 20px;
    font-size: 2.0rem;
    }
#recruit04 .cntDiv h4::before{top: 15px;}
#recruit04 .cntDiv h4::after{
    height: 30px;
    width: 30px;
    top: 0;
    }
#recruit04 .cntDiv table{
    width: calc(100% - 20px);
    margin-left: 20px;
    }
#recruit04 .cntDiv table th{
    width: 160px;
    font-size: 1.8rem;
    padding: 20px 0;
    }
#recruit04 .cntDiv table td{
    font-size: 1.6rem;
    padding: 20px 0;
    }   
    
    
#recruit05{padding:20px 0 100px;}
#recruit05 h3{font-size: 2.2rem; }   
    
}


/* SP */
@media screen and (max-width: 480px) {
#recruit01{
    margin-top: 0;
    background: none;
    padding-bottom: 0;
    }
#recruit01 h3{
    font-size: 2.5rem;
    margin: 0 0 30px;
    }
#recruit01 p{font-size: 1.5rem;} 
    #recruit01 .cntImg{margin-top: 40px;}
    

#recruit02 h4{
    font-size: 2.1rem;
    margin-bottom: 10px;
    padding-top: 30px;
    }
#recruit02 p{font-size: 1.5rem;}
#recruit02 .cntList .cntText{margin-bottom: 60px;}
#recruit02 .cntList .cntImg img{max-width: 300px;}
#recruit02 .cntList.box01 h4{padding-top: 30px;}
  
    
#recruit03{padding-top:80px;}
#recruit03 h3{margin-bottom: 20px;}   
    
    
#recruit04 .cntBox{width: 12%;}
#recruit04 .cntDiv{width: 86%;}
#recruit04 .cntDiv h4{
    margin-bottom: 20px;
    font-size: 1.8rem;
    }
#recruit04 .cntDiv h4::before{top: 15px;}
#recruit04 .cntDiv h4::after{
    height: 20px;
    width: 20px;
    top: 5px;
    }
#recruit04 .cntDiv table{
    width: calc(100% - 20px);
    margin-left: 20px;
    }
#recruit04 .cntDiv table th{
    display: block;
    width: 100%;
    font-size: 1.5rem;
    padding: 20px 0 5px 0;
    }
#recruit04 .cntDiv table td{
    display: block;
    width: 100%;
    font-size: 1.4rem;
    padding: 5px 0 20px 0;
    }  
    
   
#recruit05{padding:0 0 60px;}
#recruit05 h3{font-size: 1.6rem;margin-bottom: 25px;}  
#recruit05 .cntBtn{background: url("../img/recruit/arw.png")no-repeat 100% center;background-size: 45px;}
#recruit05 .cntBtn:hover{background: url("../img/recruit/arw_wt.png")no-repeat 100% center;background-size: 45px;}

}