/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html{
  scroll-padding-top: 136px;
}

.spOnly{
  display: none;
}

.noto{
  font-family: "Noto Sans JP", Sans-serif;
}

.relative{
  position: relative;
}

.flex{
  display: flex;
}
.grid{
  display: grid;
}
.page-content a.no-underline,
.page-content .no-underline a{
  text-decoration: none;
}

.stickyItem {
  position: sticky;
}
.top135{
  top: 135px;
}

.sticky__heroTxt{
  bottom: 40vh;
}
/* 縦書き */
.tategaki,.tategaki_sp_inherit{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  }
/* transform */
.transform_cntr{
  transform:translate(-50%,-50%);
}
.transform_cntr_inherit{
  transform:translate(50%,50%);
}

/* --------------------------無限ループスライダー */
/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
  align-items: flex-end;
}
.swiper-infinite .swiper-wrapper .swiper-slide{
  transition-property: none;
  position: relative;
}
.swiper-infinite .swiper-wrapper .swiper-slide img{
  vertical-align: middle;
  /* max-height: 340px;
  width: auto; */
}
.swiper-infinite .swiper-wrapper .swiper-slide-even{
  padding-bottom: 3rem;
}

.bgChange_ele{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.mg_left > .e-con-inner{
  margin: 0 auto 0 0;
}

.js-popUp{
  transform: scale(.9);
    opacity: 0;
    visibility: hidden;
}

.js-popUp.is-popUpAnime{
  animation: image-bounce .5s .5s forwards;
}
@keyframes image-bounce{
  0% {
    opacity:0;
    visibility: hidden;
    transform: scale(.2);
  }
  50% {
    opacity:1;
    visibility: visible;
    transform: scale(1.3);
  }
  100% {
    opacity:1;
    visibility: visible;
    transform: scale(1);
  }
}

.renk-image{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.line-marker{
  background: linear-gradient(transparent 50%, #aacf52 50%);
}
/* ----------------------------header */
.ehf-header #masthead{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.js-header.change-color{
  background-color: #fff;
  transition: 0.5s;
}


.head_default .ekit-heading{
  display: flex;
  flex-direction: column;
}

.head_default .ekit-wid-con .ekit-heading__shadow-text{
  position: static;
}

/* ------------------------------------top */

.stickyItem__farmImg{
  top: 0;
}

.popUpItem{
  position: absolute;
}
.popUpItem_01{
  top: 5%;
  left: 10%;
  z-index: 1;
}
.popUpItem_02{
  bottom: 0%;
  right: -15%;
  z-index: -1;
}
.popUpItem_03{
  bottom: 0%;
  left: -15%;
  z-index: -1;
}

/* ---------------------------------アーカイブ */
.archive__wrap .grad_title{
    color: var( --e-global-color-4413afe );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(180deg, var( --e-global-color-4413afe ) 0%, var( --e-global-color-e5e88e6 ) 60%);
    font-family: "Poppins", Sans-serif;
    font-size: 120px;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: 0.1em;
    display: inline-block;
}
.archive__wrap .page-header h1.entry-title{
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    color: #10733B;
    margin-bottom: 3rem;
}
.page-content-archives{
  margin: 2em 0 4rem;
}
.page-content-archives.grid{
  grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 40px;
}
.pst-archive{
    background-color: var( --e-global-color-49bb9c4 );
}
.pst-archive a{
  display: block;
  padding: 3em 2em 3em 2em;
}
.pst-archive h2.entry-title{
   margin-top: 6px;
   margin-bottom: 0;
      color: var( --e-global-color-accent );
    font-family: "Noto Sans JP", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
.pst-archive span.postdate{
  color: #707070;
  font-size: 12px;
}

/* ---------------------------------お知らせ詳細 */
.single__wrap main{
  padding:4rem 0;
}
.single__wrap .page-header span{
  display: inline-block;
}
.single__wrap .page-content{
  margin: 2rem 0 4rem;
}
.postCat{
    background-color: var( --e-global-color-accent );
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    padding: 1em 1em 1em 1em;
    border-radius: 8px 8px 8px 8px;
    display: inline-block;
}
.postDate{
    font-size: 1.1em;
    margin-top: 0.5em;
    font-weight: 500;
}
.single__wrap .entry-title{
    color: var( --e-global-color-accent );
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 0.25em;
    border-bottom:2px dotted #aacf52;
}
.otherPost__wrap{
  justify-content: center;
  gap: 1rem;
}
.otherPost__wrap a{
color: var( --e-global-color-accent );
font-size: 1.2em; text-decoration: none;
}

/* ---------------------------------採用情報 */
.recruit_fukidashi::before{
  height: 115%;
  position: absolute;
  left: -8em;
  top: -1em;
}
.recruit_fukidashi-hanten::before{
    left: auto;
    right: -8em;
}
/* ------------------募集要項 */
.requirements-title,.recruit-descList .flex dt{
  color: var(--e-global-color-accent);
}
.requirements-title{
  margin-top: 0;
  margin-bottom: 2rem;
  background-color: var(--e-global-color-accent);
  color: #fff;
  border-radius: 16px;
  padding: 0.5em 1em;
  width: fit-content;
  margin: 0 auto 2rem;
  font-size: 1.4em;
}
.recruit-descList .flex{
  border-bottom: 2px solid var( --e-global-color-4413afe );
  margin-bottom: 1rem;
}
.recruit-descList .flex dt,.recruit-descList .flex dd{
  line-height: 1.75;
}
.recruit-descList .flex dt{
  width: 25%;
  font-weight: 600;
  text-align: center;
}
.recruit-descList .flex dd{
  width: 75%;
}

/* ---------------------------------お問い合わせ */
.inquiryArea .flex{
  justify-content: center;
  align-items: center;
}
.inquiryArea .cntctItem{
  width: 30%;

}
.inquiryArea .wpcf7-form-control-wrap{
  width: 60%;
}

.inquiryArea .mb{
  margin-bottom: 2rem;
}
.inquiryArea .wpcf7-list-item.first,.acceptance__column .wpcf7-list-item{
margin: 0;
}

.acceptance__column,
.submit__column{
  text-align: center;
}


/* ----------------プライバシーポリシー */
.pp__area{
  height: 250px;
  overflow-y: scroll;
  padding: 2rem 2rem 1rem 2rem;
  margin-bottom: 2rem;
  background-color: var( --e-global-color-49bb9c4 );
  border-radius: 8px;
  line-height: 1.75;
}
.pp_head,.pp__area h3{
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    color: var( --e-global-color-accent );
    font-size: 20px;
}
.pp__list{
  margin-bottom: 1rem;
}


@media screen and (max-width:1024px){
  html{
  scroll-padding-top: 85px;
}
  .header__spNav .hfe-nav-menu__toggle{
    margin: 0 0 0 auto!important;
  }
      /* -----------------------------spNav */
.header__spNav .hfe-nav-menu-icon{
  position: absolute;
  bottom: 0.5em;
  right: 1em;
}
/* .tabOnlyNone{
  display: none;
} */

/* --------------------------------position解除 */
  .pstn_sttic{
    position: static;
  }


}

@media screen and (max-width:767px){

    html{
  scroll-padding-top: 103.5px;
}
  
  .spOnly{
  display: block;
}
  .enltrust__slick .slick-dots{
    text-align: right;
  }
    .tategaki_sp_inherit{
      -ms-writing-mode:horizontal-tb;
    writing-mode:horizontal-tb;
  }
  .transform_cntr_inherit{
    transform:translate(0,0);
  }

  /* -----------------お知らせ */
.page-content-archives.grid{
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.archive__wrap .grad_title{
  font-size: 50px;
}

  /* ----------------採用情報 */
    .recruit_fukidashi-hanten::before{
    transform: scale(1);right: auto;
  }
  .recruit_fukidashi::before{
 height: 80px;left: 0em;top: -78px;
  }
}


@media screen and (max-width:520px){

/* -----------------top */
.popUpItem_01{
  left: 4%;
}
.popUpItem_02{
  bottom: -3%;
  right: 6%;
}
.popUpItem_03{
  bottom: -23%;
  left: 0;
}
/* -----------------お知らせ */
.single__wrap main{
  padding: 2rem 0;
}
.single__wrap .entry-title{
  padding-left: 0;
  font-size: 1.75rem;
}


/* ------------------採用情報 募集要項 */
.requirements-title{
  font-size: 1.2em;
  margin-bottom: 1.5rem;
}
.recruit-descList .flex{
  flex-direction: column;
  border-bottom: none;
  margin-bottom: 0.5em;
}
.recruit-descList .flex dt, .recruit-descList .flex dd{
  width: 100%;
}
.recruit-descList .flex dt{
  border-bottom:2px solid #aacf52;
  text-align: left;
  padding-bottom: 0.5em;
}
.recruit-descList .flex dd{
  margin-left: 0;
  padding-top: 0.5em;
}

/* ------------------お問い合わせフォーム */
form .flex{
  flex-direction: column;
}
.inquiryArea .cntctItem,.inquiryArea .wpcf7-form-control-wrap{
  width: 100%;
}
.inquiryArea .cntctItem{
  margin-bottom: 1rem;
}
.acceptance__column{
  text-align: left;
}
}