/*
Theme Name: Lightning Pro Child
Theme URI: https://lightning.nagoya
Template: lightning-pro
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning Pro is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: two-columns,one-column,right-sidebar,custom-colors,custom-menu,editor-style
Version: 8.9.9.1646634543
Updated: 2022-03-07 15:29:03

*/

body{
    overflow-x: hidden;
    box-sizing: border-box;
    color: #333;
    font-family: "Helvetica Neue", "Helvetica", "Noto Sans CJK JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo";
}
body.device-mobile .vk-mobile-nav-menu-btn,.mobile-fix-nav,.row .col .row,#vk-mobile-nav-menu-btn,.col.subSection.sideSection.sideSection-col-two.baseSection{
    display:none;
}
.container .col{
    padding-right:0;padding-left:0;
}
img {
    image-rendering: -webkit-optimize-contrast!important;
}
.wp-block-vk-blocks-outer.vk_outer{
	border:none!important;
}
@media(min-width:600px){
    .full-wid{
        margin: 0 calc(50% - 50vw);
        max-width: 100vw;
    }
    .mid-wid{
        margin: 0 calc(50% - 50vw);
        padding: 0 10vw;
    }
    .smll-wid{
        margin: 0 calc(50% - 50vw);
        padding: 0 20.3vw;
    }
}
@media(max-width:991px){
    .mid-wid,.smll-wid{
    padding: 0 1rem;
    }
}
@media(min-width:992px){
    .mainSection-col-two{
        width: 80%;
    }
}

@media(min-width:600px){
    .sp_on{
        display: none!important;
    }
}
@media(max-width:599px){
    .sp_off{
        display: none!important;
    }
}
.page_top_btn{
    background-color: rgba(0,77,37,1);
}

/***スライド***/
.siteHeader_logo img{
    max-height: 80px;
}
.fv-wrap {
    position: relative;
}
.fv-btn {
   position: absolute;
    bottom: 8%;
    left: -8vw;
    z-index: 3;
    width: 81%;
}
.sp-fv .fv-btn{
    bottom:13%;
}


/***ボタン***/
.container .form-btn a {
    width: 60%;
    font-size: 2rem!important;
	border-radius:25px;
    border-bottom: 10px solid #004d25;
}
.container .form-btn a:hover{
    border-bottom: 3px solid #004d25;
    margin-top: 7px;
    opacity: 1;
}
a.btn.btn-ghost::after,.container .form-btn a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /*←ココ！！！！！！！*/
  content: "\f054";
  margin-left: .5em;
}

.hojo-p{
    font-weight: bold;
    font-size: 1.5rem;
    position: relative;
    margin-bottom: 0;
}
.hojo-p::before{
    content: "";
    border: 6px solid #006631;
    position: absolute;
    height: 100%;
    left: 32%;
    transform: skewX(20deg);
}
.hojo-p::after{
    content: "";
    border: 6px solid #006631;
    position: absolute;
    height: 100%;
    top: 0;
    right: 32%;
    transform: skewX(-20deg);
}
.hojo-p code{
    font-size: 3rem;
    color: #ff9600;
    line-height: 1.3;
}
.att-p{
    text-align: center;
}
.att-p p{
    display: inline-block;
}
span.dots {
    background-image: radial-gradient(circle at center, orange 25%, transparent 30%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: 0.4em;
}

/***top***/
.grp-01{
     height: 100%;
 }
 .grp-01 .vk_outer-background-area{
     clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 93%);
 }

.h-grp{
    position: relative;
}
.h-grp p{
    position: absolute;
    top: 2.5em;
    padding-left: 2em;
}
.home h2{
    font-size: 1.95rem;
    letter-spacing: .3rem;
    line-height: 1.4;
    margin-bottom: 0;
}
.home h2::before {
    content: "";
    border-left: 10px solid #ff9600;
    margin-right: 10px;
}
.grp-01 p:nth-child(1){
    padding: 0 1em;
    font-size: 1.75rem;
    line-height: 1;
    margin-top: 9rem;
}
.grp-01 p:nth-child(2){
    padding: 0 1em;
    font-size: 1.3rem;
    line-height: 2;
    margin-top: 3.75rem;
}
.big-txt-r,.big-txt-l{
    font-size: 11.5vw;
    line-height:0.8;
    letter-spacing: -0.5rem;
        margin-bottom: 0;
}
.big-txt-r{
}
.big-txt-l{
    margin-left: calc(15% - 15vw);
}

.icon-wrap{
    border-bottom: 1px solid #707070;
    padding: 2.2rem 0;
    margin-bottom: 0;
}
.icon-wrap:first-child{
    border-top: 1px solid #707070;
}
.container .icon-wrap>.icon-wrap-l{
    flex-basis: 12%;
    flex-grow: inherit;
}
.icon-wrap-l .wp-block-image{
    margin: 0;
}
.icon-wrap-l img{
    width: 60px;
}
.icon-wrap-r{
    margin-left: 0!important;
}
.icon-wrap-r h3{
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0.8rem;
    letter-spacing: 3px;
    line-height: 1.3;
}
.icon-wrap-r p{
    margin-bottom: 0;
    line-height: 1;
}

.fukidashi{
    font-size:1.5rem;
    border: 10px solid #004D25;
    border-radius: 30px;
    padding: 3.75rem 0;
    position: relative;
    background-color: #fff;
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.4));
}
.fukidashi code{
    font-size: 2rem;
    color: #fff;
    background-color: #ff9600;
    padding: .1em .3em;
}
.fukidashi::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateY(-50%);
  top: -27px;
  border-right: 35px solid transparent;
  border-bottom: 35px solid #004D25;
  border-left: 35px solid transparent;
}
.fukidashi::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateY(-50%);
  top: -13px;
  border-right: 35px solid transparent;
  border-bottom: 35px solid #fff;
  border-left: 35px solid transparent;
}

.youtube-flex{
    align-items: center;
    flex-wrap: wrap;
}
.youtube-flex .wp-block-column:nth-child(2){
    margin-left: 0!important;
}
iframe.youtube {
    width: 100%;
    height: auto;
    min-height: 475px;
}


.future-area{
    height: 950px;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
    padding-top: 6.25rem;
}

.future-wrap dl {
    height: 100%;
    min-height: 150px;
}
.future-wrap dl dt,.future-wrap dl dd{
    border: none;
    font-size: 1.95rem;
    font-weight: bold;
}
.future-wrap dl dt{
    display: inline-block;
    vertical-align: top;
    background-color: #004D25;
    color: #fff;
    padding: .25em .55em;
    line-height: 1;
    border-radius: 30px;
    position: relative;
    text-align: center;
}
.future-wrap dl:not(:last-child) dt::after {
    content: "";
    width: 4px;
    height: 140px;
    background-color: #004D25;
    position: absolute;
    top: 90%;
    left: 50%;
}
.future-wrap dl dd{
    display: inline-block;
    margin-left: 1em;
    line-height: 1.7;
}


.sentou{
    font-size:3.26rem;
    letter-spacing: 6px;
    margin-bottom: 0;
    line-height: 1.2;
}
.sentou code {
    font-size: 4.8rem;
    color: #ff9600;
    font-family: "Noto sans";
}

.remtok {
    padding: 1em;
}

.remtok>div>div>p {
    margin-bottom:0px;
}

/***スタッフの声***/
.staff-wrap img{
    max-width: 350px;
}
.staff-name{
    border-bottom:3px solid #004D25;
    margin-left:calc(28% - 28vw);
    padding-left:20vw;
    line-height: 1.3;
}
.staff-name.sr{
    margin-left: initial;
    padding-left: initial;
    margin-right:calc(28% - 28vw);
    padding-right:20vw;
    line-height: 1.3;
}
.staff-name code{
    font-size:2rem;
    color: #333;
}


/***カルーセルスライダー***/
#car-slider .slick-slide{
    margin: 0 25px;
    max-height: 223px;
}


/***募集要項***/
.bosyu-tbl,.bosyu-tbl th,.bosyu-tbl td{
    font-size: 1rem;
    border: none;
}
.bosyu-tbl tr{
	border: 1px solid #f2f2f2;
}
.bosyu-tbl tr:nth-child(2n+1){
    background-color: #f2f2f2;
}
.bosyu-tbl ol,.bosyu-tbl ol li{
    margin: 0;
}  
.bosyu-tbl ol{
    padding: 0 0 0 1rem;
}


/***フッター***/
.container.sectionBox.footerWidget {
    padding-bottom: 0;
}



/*********************************応募フォーム*********************************/
.page-id-3 .siteContent{
    padding: 2rem 1rem 2rem;
}
body:not(.home) .siteHeader{
    background-color: #ff9600;
}
div#main {
    float: none;
    margin: 0 auto;
}
#form-tbl th,#form-tbl td{
    font-size: 1rem;
}
#form-tbl th{
    position: relative;
}
#form-tbl .req::after{
    content:"必須";
    position: absolute;
    font-size: 14px;
    background: red;
    color: #fff;
    width: 3em;
    padding: .25em .5em;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    left: 13rem;
}
#form-tbl td .age select{
    width: 6em;
    display: inline;
    margin-right: 1em;
}
textarea::placeholder{
    color: #aaa!important;
}
p.submit {
    margin-top: 2rem;
    margin: 2em 0 0 5em;
    text-align: center;
}
.submit input {
    font-size: 1.2rem;
    font-weight: bold;
    width: 10em;
    line-height: 1.8;
}
.gfj-tbl table th {
    width: 20%;
    text-align: center;
    font-weight: bold;
}

@media(max-width:768px){
    #form-tbl th,#form-tbl td{
        display: block;
    }
    #form-tbl th{
        background:#f2f2f2;
    }
    #form-tbl td{
        padding: 2em 1em;
    }
    .table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
    max-width: 100%;
    }
}



/*********************************レスポンシブ*********************************/
/***TOP**/
@media(max-width:991px){
     .fv-btn{
         left: inherit;
         bottom: 3%;
     }
     .fv-btn a{
         padding-top: .2em!important;
         padding-bottom: .2em!important;
         font-size: 1.5rem!important;
     }
    .grp-01 p:not(.big-txt-r){
        margin-top: 1rem;
        line-height: inherit;
    }
    .grp-01 p:nth-child(1){
        margin-top: 0;
    }
    iframe.youtube{
        min-height: 300px;
    }
    .future-area{
        height: inherit;
    }
    .future-wrap dl{
        display: flex;
        align-items: flex-start;
    }
    .future-wrap dl dd{
        margin-left: 0;
    }
    .col-rev{
        flex-direction: column-reverse;
    }
    .big-txt-l,.staff-name{
        margin-left: 0!important;
    }
    .staff-name{
        padding-left: 1em;
    }
    .staff-name.sr{
        margin-right: 0!important;
        padding-right: 1rem;
    }
    .hojo-p::before{
        left: 20%;
    }
    .hojo-p::after{
        right: 20%;
    }
}


@media(max-width:767px){
     .grp-01 .vk_outer-background-area{
         clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 75%);
     }
}


@media(max-width:599px){
    body,html{
        font-size: 14px!important;
    }
    .container .form-btn a{
        width: 80%;
        padding-top: .3em!important;
        padding-bottom: .3em!important;
    }
    .sp-fv .fv-btn{
        left: inherit;
    }
    .sp-fv .wp-block-image {
        margin-bottom: -1px;
    }
    .big-txt-r,.big-txt-l{
        font-size: 5rem;
        letter-spacing: 0;
    }
    .icon-area{
        padding: 0 1rem;
    }
    .container .icon-wrap>.icon-wrap-l{
        margin-bottom: 1rem;
    }
    .icon-wrap .icon-wrap-r h3,.icon-wrap:nth-child(1) .icon-wrap-r p,.icon-wrap:nth-child(3) .icon-wrap-r p,.icon-wrap:nth-child(6) .icon-wrap-r p{
        text-align: center;
    }
    .fukidashi::before,.fukidashi::after{
        transform: none;
        margin-left: -2rem;
    }
    .fukidashi::before{
        top:-35px;
    }
    .fukidashi::after{
        top:-21px;
    }
    .youtube-flex .wp-block-column:first-child{
        order: 2;
    }
    .youtube-flex .wp-block-column:nth-child(2){
        order: 1;
    }
    .sentou code{
        display: block;
    }
    #car-slider{
        padding-bottom: 2rem;
    }
    .hojo-p::before{
        left: 10%;
    }
    .hojo-p::after{
        right: 10%;
    }
}

/*********************************　消す　*********************************/
.dis-non{
	display:none;
}