@charset "UTF-8";

/* =========================================================
  共通_タイトル
========================================================= */
.content_title{display:inline-block;position:relative;font-size:40px;font-weight:normal;left:50%;margin-bottom:60px;}
.content_title:before{content:'';position:absolute;left:50%;bottom:-10px; /*下線の上下位置調整*/display:inline-block;width:50px; /*下線の幅*/height:6px; /*下線の太さ*/-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%); /*位置調整*/background-color:#F5A200; /*下線の色*/border-radius:20px;}
@media only screen and (max-width:768px){
  .content_title{font-size:8vw;margin-bottom:10.66vw;}
  .content_title:before{width:13.333vw; /*下線の幅*/height:6px;}
}

/* =========================================================
  #hero
========================================================= */
#hero{height:71vh;position:relative;}
#hero .inner img{position:absolute;top:56%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit- transform:translateY(-50%) translateX(-50%);}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:768px){
  #hero{height:99vw;}
  #hero .inner img{width:48vw;position:absolute;top:55%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit- transform:translateY(-50%) translateX(-50%);}
}

/* =========================================================
  #member
========================================================= */
#member ul{width:100%;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));}
#member ul li{margin:0;cursor:pointer;}
#member ul li a{position:relative;display:block;overflow:hidden;}
#member ul li img{width:100%;height: 100%; transform:scale(1);transition:2.2s all;}
#member ul li:hover img{transform:scale(1.1,1.1);}
.shadow{position:absolute;bottom:0;width:100%;}
.shadow:before{position:absolute;bottom:0;content:"";display:block;width:100%;height:109px;opacity:0.5;mix-blend-mode:multiply;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(5,5,5,0) 21%,rgba(13,13,13,0.43) 55%,rgba(32,32,32,0.77) 82%,rgba(64,64,64,1) 100%);}
.shadow span{position:relative;text-align:right;display:block;margin:0 20px 20px 0;color:#FFF;font-size:20px;}
@media only screen and (max-width:1240px){
  #member ul{gap:1.613vw;grid-template-columns:repeat(auto-fit,minmax(23.79vw,1fr));}
}
@media only screen and (max-width:768px){
  #member ul{gap:2.667vw;grid-template-columns:repeat(auto-fit,minmax(27vw,1fr));}
  #member ul li{margin:0 auto;}
  .shadow:before{height:9.333vw;}
  .shadow span{position:relative;text-align:right;display:block;margin:0 2vw 1vw 0;font-size:3.2vw;}
  #member ul li:hover img{transform:none;}
}

/* =========================================================
  #about
========================================================= */
#about{margin:200px auto 0;}
@media only screen and (max-width:768px){
  #about{margin:40vw auto 0;}
}

/* =========================================================
  #pickup
========================================================= */
#pickup{margin:150px auto 0;}
#pickup .content_titie{text-align:left;max-width:1240px;width:100%;margin:0 auto;font-size:40px;}
#pickup #splide01{margin:40px auto 0;}
.youtube{width:100%;aspect-ratio:16 / 9;}
.youtube p{color:#000;font-size:16px;}
.youtube iframe{width:100%;height:100%;}
.splide__slide img{height:auto;width:100%;}

/* 矢印のクリック範囲など */
.button{background-color:transparent; /* ボタンの背景を透明にする */height:83%;width:2.77777vw;transition:.2s;opacity:1;}

/* 矢印共通のスタイル */
.button::before{background-repeat:no-repeat;background-size:100%;bottom:0;content:"";height:4.988vw;width:2.77777vw;left:0;margin:auto;position:absolute;top:0;}

/* 前の矢印 */
.prev::before{background-image:url(/assets/images/common/arrow_next.svg);background-size:contain;background-position:left;}

/* 次の矢印 */
.next::before{background-image:url(/assets/images/common/arrow_prev.svg);background-size:contain;background-position:right;}
.splide__arrow{top:34%!important;transform:translateY(-42%)!important;}
@media only screen and (max-width:1240px){
  #pickup .content_titie{margin:0 auto;max-width:100%;width:90%;}
  .splide__slide{width:28.22vw;}
  .button{height:5.793vw;width:3.225vw;}
  .button::before{height:5.793vw;width:3.225vw;}
  .splide__arrow{top:8vw!important;}
}
@media only screen and (max-width:768px){
  #pickup{margin:24.666vw auto 0;}
  #pickup .content_titie{text-align:left;max-width:100%;width:89.333vw;font-size:5.333vw;}
  #pickup #splide01{margin:5.333vw auto 0;}
  .button{height:82%;width:5.33vw;}
  .button::before{height:9.578vw;width:5.33vw;}
  .splide__slide{width:78.66666vw;}
  .youtube p{font-size:3.2vw;}
  .splide__arrow{top:23vw!important;transform:translateY(-23vw)!important;}
}

/* =========================================================
  #contact
========================================================= */
#contact{margin:200px auto 0;}
#contact .inner{max-width:916px;}
form{max-width:100%;margin:100px auto 0;}
.form_txt{margin-top:30px;margin-bottom:10px;font-size:16px;}
.feedback-input{color:#000;font-size:16px;letter-spacing:0.8px;line-height:22px;background:#FFF;border:1px solid #000;transition:all 0.3s;padding:13px 30px;width:100%;box-sizing:border-box;outline:0;}
.feedback-input:focus{border:1px solid #000;}
textarea{height:330px;line-height:150%;resize:vertical;}
textarea.feedback-input{padding:30px;}
[type="submit"]{width:100%;background:#FFFF;border:0;cursor:pointer;color:#4E2C20;font-size:16px;border:1px solid #000;padding:18px 0;transition:all 0.3s;max-width:304px;display:block;margin:30px auto 0;text-align:center;}
[type="submit"]:hover{background:#4E2C20;color:#FFF;}
@media only screen and (max-width:768px){
  #contact{margin:48vw auto 0;}
  #contact .inner{max-width:100%;}
  form{margin:13.333vw auto 0;}
  .form_txt{margin-top:13.33vw; margin-bottom:2.666vw;font-size:3.733vw;}
  form p{margin-bottom:5.3333vw;}
  .feedback-input{color:#000;font-size:3.733vw;letter-spacing:0.8px;line-height:5.866vw;padding:1.5vw 4vw 2.133vw 4vw;}
  textarea{height:88vw;}
  textarea.feedback-input{padding:4vw;}
  [type="submit"]{width:100%;border:0;font-size:3.733vw;padding:2.666vw 0;transition:none;max-width:66.666vw;margin:5.333vw auto 0;border:1px solid #000;}
  [type="submit"]:hover{background:none;color:#4E2C20;}
}

/*contactform-7/*/
.screen-reader-response p{text-align: center;font-size: 16px; margin: 50px auto 0; color: red;}
.screen-reader-response ul{display: none;}
.wpcf7-not-valid-tip{color: red;}
.wpcf7-response-output{display: none;}
@media only screen and (max-width:768px){
  .screen-reader-response p{font-size: 3.5vw; margin: 13.33vw auto 0;}
}