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

/* 追加CSS */
/* archive-job */

    .recruit-jobs--container{
    display: grid;
    gap: 3em;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}
    .recruit-jobs--item{
        height:300px;
        border-radius: 50px;
        filter: drop-shadow(5px 5px 4px #b0c4de);
        max-width: 600px;
    }

    .inner-lec--upper{
        display:grid;
        align-items: center;
        background-color: var(--green);
        height:50%;
        border-radius: 50px 50px 0 0;
    }
    .inner-lec--upper h3{
        font-size: 5rem;
        color:white;
        /* font-family: "Kosugi Maru", sans-serif; */
        font-weight: 600;
    }
    .inner-lec--upper h3:after{
    content: ">";
    margin-left: 20%;
    padding: 0 1.5rem;
    font-size: 3.5rem;
    color: var(--green);
    background-color: var(--white);
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    }
    .inner-lec--lower{
        display:grid;
        align-items: center;
        background-color: var(--white);
        height:50%;
        border-radius: 0 0 50px 50px;
    }
    .inner-lec--lower p{
        padding-left:10%;
        font-size:2rem;
        text-align: start;
    }


    /* single-job */

  .content-skill{
    margin-top:3rem;
  }
  .content-skill h5{
    font-size: 2rem;
  }


  .single_meta{
    display: none;
  }
  .single-job--content---container{
    display:grid;
    width:100%;
    grid-template-columns: 3fr 9fr;
    /* gap:4% 0; */
  }
  @media(max-width:599px){
    .single-job--content---container{
      grid-template-columns: 1fr;
    }
  }

  .single-job-title_deco_h3{
    font-size: clamp(1.5rem, 1.0146rem + 2.0712vw, 3.5rem);
    background:#f4f4f4;
    height:60px;
    width:100%;
    display:grid;
    justify-items: left;
    align-items: center;
    font-weight:600;
    padding-left:2em;
  }
  .single-job--content---title{
    display:flex;


  }
  .single-job--halfcircle_green{
    width:30px;
    height:60px;
    border-radius:100px 0 0 100px;
    background:var(--green);
  }
  .single-job--halfcircle_litegray{
    width:30px;
    height:60px;
    border-radius:0 100px 100px 0;
    background:var(--litegrey);
  }

  .single-job--content---content,.single-job--content---container{
    width:70%;
    margin:5% 10%;
    text-align: start;
  }
  .single-job--content---item{
    border-bottom:1px solid black;
    padding-bottom:10%;
    margin-top:50px;
  }
  @media (max-width:599px) {
    .single-job--content---content,.single-job--content---container{
    width:100%;
    margin:5% 0;
    }
    .single-job--content---item:nth-child(odd){
    border-bottom:none;
    padding-top:5%;
  }
  .single-job--content---item:last-child {
    border-bottom:none;
  }
  .single-job--content---item{
    margin-top:0;
    padding-bottom:5%;
  }
  }

  .button---wrapper{
    background:var(--green);
    height:60px;
    width:300px;
    padding-top:1.5rem;
    border-radius: 30px;
    margin:0 auto;
    border:2px solid var(--green);
    transition:.3s;
  }
  .button---wrapper:hover{
    background:var(--white);
  }
  .button---wrapper{
    font-size:1em;
    font-weight: 600;
    color:var(--white);
    transition:.3s;
  }
  .button---wrapper:hover{
    color:var(--green);
  }

  .button---wrapper::after{
  content: ">";
  padding: 0 .7rem;
  font-size: 1.6rem;
  color: var(--green);
  background-color: var(--white);
  border-radius: 50%;
  transition:.3s;
  }

  .button---wrapper::after:hover{

  background-color: var(--green);

  }
  /* main{
    margin-bottom:30vh;
  } */
  .page__contents{
    padding-bottom:0px !important;
  }


/*/////////////////////////// 
contact
///////////////////////////// */

/* page-confirm */
/* pc */
.button-wrapper{
    width:100%;
    display: flex;
    gap:5vw;
    justify-content: center;
}
.contact-submit-b-ret,.contact-submit-b-send{
    min-width:18rem;
}
.entered-cont{
    font-size:1.3rem;
    font-weight: 400;
    margin-top: 1rem;
}
/* sp */
@media (max-width:599px) {
    .button-wrapper{
        flex-flow: column;
    }
    .contactTop__confirm{
        text-align: center;
    }
    .contact-submit-b-ret,.contact-submit-b-send{
        min-width:25rem;
    }
        
    }

div.wpcf7{
margin-top: -50px;
}

.contact-mid_h2{
margin-top:7.26563vw;
}

.contact-wrapper{
padding-top: 7.8125vw;
padding-right: 4vw;
padding-bottom: 17vw;
padding-left: 4vw;
}
/* sidebar */
.--sidebar_inner{
position: relative;
}

.--sidebar_inner::before {
position: absolute;
top: 2.3rem;
bottom: 2.3rem;
left: 0.4rem;
display: block;
width: 0.2rem;
background-color: rgba(37, 30, 28, .1);
transform: translateX(-50%);
content: "";
}
.--sidebar_content{
position: relative;
display:grid;
gap:4.375vw;
}
.sidebar-content--item.is-current{
color:#251e1c;
}
.sidebar-content--item{
position: relative;
padding-left: 2.3rem;
color: #c6c6c6;
}
.sidebar-content--item.is-current::before{
background-color:var(--green)
}
.sidebar-content--item::before{
position: absolute;
top: 50%;
left: -0.4rem;
display: block;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
transform: translateY(-50%) scale(.5);
background-color: currentColor;
content: "";
}
.sidebar-content--item ._no {
font-style: normal;
font-weight: 700;
font-size: 1.3rem;
line-height: 1.54;
letter-spacing: .04em;
}
.contact-content--sidebar{
position:sticky;
top: 20%;
align-self: start;
margin-bottom: 150px;
}
.contact-content--sidebar li{
text-align:left;
}


.spacer{
height: 3.75vw;
}
.formpage-outer_container{
display:grid;
width:100%;
grid-template-columns:1fr 2fr;
justify-items:center;
}

.contact-content--items{
text-align:left;
margin-top: 3.75vw;
}

.contact-content--items .wpcf7-textarea,.c-form-row_input{
width:100%;
background:#f4f4f4;
border-radius:.6rem;
}

/* sp */
@media screen and (max-width:599px) {
  /* .submit-btn p{
    text-align: center;
  } */
.contact-wrapper{
  padding-bottom:15rem;
}
  .contact-confirm-button{
    display: grid;
    place-items: center;
  }
  .submit-btn::after{
    right:125px !important;
  }
  .sidebar-content--item.is-current {
    border-bottom: 1px solid var(--green);
  }
.pan{
position: relative;
font-size: 1.3rem ;
}
.sidebar-content--item .is-current .p
{
border-bottom: 1px solid green;
display: inline-block;
}

.sidebar-content--item {
position: relative;
padding-left: 1rem;
color: #c6c6c6;
}
.--sidebar_content {
position: relative;
display: grid;
gap: 2vw;
grid-template-columns: repeat(3, minmax(5rem, auto));
grid-template-rows: 1fr;
font-size: 1.2rem;
}
.contact-content--sidebar{
position:relative;
top: 20%;
align-self: start;
margin-bottom: 100px;
}
.formpage-outer_container{
grid-template-columns:1fr;
}

}
/* /sidebar */

/* form */

.privacy_link::before{
font-family: "Font Awesome 5 Free";
content: '\f0c1';
font-weight: 900;
margin-right:.8rem;

}
.privacy_link{
display: block;
font-size: 1.5rem;
margin:2rem 0;
}

/* privacy */
.acceptance_check .wpcf7-list-item-label{
font-size: 1.2rem;
display: inline-flex;
align-items: center;
font-style: normal;
font-weight: 500;
line-height: 1.79;
letter-spacing: .04em;
color: #251e1c;
margin-top:1.5rem;
}
.privacy_desc{
margin-top: 1.2rem;
font-style: normal;
font-weight: 400;
font-size: 1.2rem;
line-height: 2;
letter-spacing: .04em;
color: #251e1c;
}
.contact-privacybox .wpcf7-list-item{
display: inline-flex;
align-items: center;
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
line-height: 1.79;
letter-spacing: .04em;
color: #251e1c;
}
.contact-privacybox{
padding: 3.125vw 3.75vw 2.96875vw;
border: 1px solid #c6c6c6;
border-radius: 0.46875vw;
}
.contact-recaptcha{
margin-top: 1.875vw;
font-style: normal;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: .04em;
color: #251e1c;
}
/* confirmation */
.contact-confirm-button{
margin-top: 4.375vw;
position: relative;

}

/* acceptance */
.wpcf7-form-control-wrap {
display: block;
}
span.wpcf7-list-item {
margin: 0 30px 0 0; 
position: relative;
}
.wpcf7-list-item-label {
cursor: pointer; 
font-size: 16px; 
}
input[type="checkbox"] {
opacity: 0; 
position: absolute;
}
.contact-privacybox .wpcf7-list-item-label::before {
border: 1px solid var(--green) ;
content: "";
display: inline-block ;
height: 20px ;
margin-right: 10px ;
position: relative ;
top: 2px;
vertical-align: middle ;
width: 20px ;
border-radius: 25% !important;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
background-size: contain ;
content: "\f00c" ;
height: 15px ;
left: 4px ;
position: absolute ;
top: 18px ;
width: 15px ;
font-family: "Font Awesome 5 Free";
font-weight: 700;
color:var(--logogreen);
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
background-color: var(--white);
}
.c-form-row_input{
padding: 1.8rem 2.2rem 1.9rem;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 1.4rem;
letter-spacing: .04em;
color: #251e1c;
background: #f4f4f4;
border-radius: 0.6rem;
border: 1px solid transparent;
margin-top:1.5rem;
}
.c-formRow__note {
margin-top: 0.8rem;
font-style: normal;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.42;
letter-spacing: .04em;
color: #8d8d8d;
}

/*  radio*/
.contact-content--items h2{
padding-bottom: 2.7rem;
font-style: normal;
font-weight: 700;
font-size: clamp(3rem, 2.8058rem + 0.8285vw, 3.8rem);
line-height: 1;
letter-spacing: .04em;
color: #251e1c;
border-bottom: 1px solid rgba(37, 30, 28, .1);
}
.contact-content--items ._label{
font-style: normal;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.44;
letter-spacing: .04em;
color: #251e1c;
}
.contact-content--items ._required{
margin-left: 0.8rem;
font-style: normal;
font-weight: 700;
font-size: 1.1rem;
line-height: 1.45;
letter-spacing: .04em;
color: #ff3939;
}

/* container */
/* .form-container{
display: grid;
gap:3.75vw;
} */

.--items_radio{
margin-top: 1.5rem;
}
.contact-content--radio{
display: grid;
gap:1.6rem;
}
.contact-content--radio .wpcf7-list-item-label{
position: relative;
/* display: inline-block; */
/* padding-left: 3rem; */
font-style: normal;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.43;
letter-spacing: .04em;
color: #251e1c;
}
.wpcf7-list-item.first ,.wpcf7-list-item{
margin: 0 !important;
}

/* radio */
.wpcf7-list-item-label {
cursor: pointer;
display: flex;
}

input[type="radio"] {
opacity: 0; 
position: absolute;
}

.wpcf7-list-item-label::before {
background: #fff;
border: 1px solid var(--green);
border-radius: 100%; 
content: "";
height: 1.2em;
margin-bottom: auto;
margin-right: .5em;
margin-top: auto;
/* transition: background-color .5s; */
width: 1.2em;
}
input[type="radio"]:checked + .wpcf7-list-item-label::before {
background-color: var(--green);
}

/* textarea */
.contact-content--items .wpcf7-textarea{
margin-top:1.5rem;
padding:2rem;
}
@media(max-width:599px) {
.contact-content--items .wpcf7-form-control-wrap{
display: grid;
justify-items: center;
}

}

/* form appendix */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--green);
border-radius:5%;
}


/* confirm button */
.contactTop__confirm {
margin-top: 4.375vw;
position: relative;
display:inline-block;
}
.wpcf7-spinner{
display: none;
}
.contact-submit-b{
color:var(--white);
font-size: 1.2rem;
padding: 2.1rem 5.5rem;
background-color: var(--logogreen);
border: 2px solid var(--logogreen);
border-radius: 4rem;
transition: background-color .4s ease-out, border-color .4s ease-out;
}
.contact-submit-b:hover{
color: var(--logogreen);
background-color: var(--white);
}

/* confirm-page */
.contact-submit-b-ret{
    color:var(--logogreen);
    font-size: 1.2rem;
    padding: 2.1rem 5.5rem;
    background-color: var(--white);
    border: 2px solid var(--logogreen);
    border-radius: 4rem;
    transition: background-color .4s ease-out, border-color .4s ease-out;
    }
    .contact-submit-b-ret:hover{
    color:var(--white);
    background-color: var(--logogreen);
    }
    
    .contact-submit-b-send{
    color:var(--white);
    font-size: 1.2rem;
    padding: 2.1rem 5.5rem;
    background-color: var(--logogreen);
    border: 2px solid var(--logogreen);
    border-radius: 4rem;
    transition: background-color .4s ease-out, border-color .4s ease-out;
    }
    .contact-submit-b-send:hover{
    color: var(--logogreen);
    background-color: var(--white);
    }


/* .submit-btn::after{
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 600;
color: #fff;
right: 20px;
top:50%;
transform:translateY(-50%);
} */

/* header text effects */
.content-header-wrapper{
margin-top:10%;
}
.contact-header--ttl{
margin-left:12vw;
margin-bottom:5%;
}
.contact-header--underline{
width:100vw;
border-bottom:solid 1px #f4f4f4;
position: relative;
/* overflow: hidden; */
}
.contact-header--underline::before{
content: '';
position: absolute;
width: 30%;
height: 2px;
background: var(--green);
transform: translateX(-50vw);
}

@media (max-width: 1025px){
.pan {
    position: absolute;
    top: 20%;
    left: 5%;
    z-index: 1;
    font-size: 1.6rem;
    color: #FFFFFF;
    width: 90%;
    margin: 0;
    text-shadow: 0 0 10px #555555;
}
}
.page-id-64 .pan,.page-id-77 .pan{
position: relative;
/* margin:0 !important; */
color: #000;
left:0;
text-shadow:unset;
}
.c-lineRevealTitle__block {
display: flex;
overflow: hidden;
color:black;
}

.c-lineRevealTitle__block span {
font-size: clamp(3.4rem, 3.0117rem + 1.657vw, 5rem);
font-weight: 600;
display: block;
transform: translate(0, 105%);
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.c-lineRevealTitle__block.-visible span {
transform: translate(0, 0);
}

.c-lineRevealTitle__block span:nth-child(2) {
transition-delay: 0.06s;
}
.c-lineRevealTitle__block span:nth-child(3) {
transition-delay: 0.12s;
}
.c-lineRevealTitle__block span:nth-child(4) {
transition-delay: 0.18s;
}
.c-lineRevealTitle__block span:nth-child(5) {
transition-delay: 0.24s;
}
.c-lineRevealTitle__block span:nth-child(6) {
transition-delay: 0.30s;
}