@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.date-tags{display:none;}
.main{background-color: transparent;}
.mincho{font-family: 'Bellefair', serif;}
.opa9{opacity: 90%;}
.f-vw{font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;}
.entry-title,.f-tw{font-size:clamp(32px,0.88vw, 50px)!important;font-family: "Libre Baskerville", serif;font-weight: 700;font-style: normal;color:#ccc;}
.m-vw{margin-top:7.2vw!important}
.shadow {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.full-width {margin: 0 calc(50% - 50vw);}
.video-container {max-width: none;}
.pc_view{display: block;}
.sp_view{display: none;}
.headline{font-size: 70px;color: #ba9d61;font-family: serif;font-weight: 300;}
.headline-ja {display: block;font-size: 1.4rem;letter-spacing: 0.15em;font-family: var(--font-sans);color: #000;}
.m002_movie {position: relative;overflow: hidden;width: 100vw;height: 100vh;}
.article h1{margin:0 calc(50% - 50vw); padding: 2em calc(50vw - 50%); text-align: center;!important;font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem)!important;font-weight:800;color:#fff;position: relative;background-color: transparent;}
.parallax-window {min-height: 200px;background: transparent;}
.parallax-slider {top: 0;left: 0;}
.article h3 {font-family: 'Bellefair', serif;position: relative;padding: 30px 0 12px 120px;border-bottom: 2px dotted #5a2200;font-size: 2rem;border-left: none;border-right: none;border-top: none;background-color: transparent;}
.article h3:after {position: absolute;content: " ";display: block;border-bottom: solid 5px #5a2200;bottom: -3px;width: 20%;}
.article h3::before {position: absolute;top: 5px;left: 0;content: url(https://viala-recruit.com/wp/wp-content/uploads/2025/03/viala_logo3.png);}
.kform th {background: #ba9d61;border: solid 1px #ccc;color: #fff;padding: 10px;width:20%;}
table .kform td{padding:10px;}
.kform p{margin-bottom:0px!important;}
@keyframes slide1 {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}
@keyframes slide2 {0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}
.pulse-btn{animation: pulse-btn 5s infinite ease-in-out .8s alternate;display: inline-block;transition: 1.5s ease-in-out;position:fixed;bottom:120px;right:5px;z-index:10000;width:200px;height:500px;cursor:pointer;}
.pulse-btn img{width:100%;}
@keyframes pulse-btn {
  0% {transform:translate(0, 0) rotate(-3deg);}
  50% {transform:translate(0, -3px) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(3deg);}
}
.image{width: 100%;}
.image a{display: block;transition: all .3s ease-in-out;}
.image img{width: 100%;vertical-align: middle;}
.image a:hover{transform: scale(1.1);}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .parallax-window {min-height: 120px;background: transparent;}
  .article h3 {padding: 30px 0 12px 50px;font-size: 1rem;}
  .article h3::before {position: absolute;top: 35px;content: url(https://viala-recruit.com/wp/wp-content/uploads/2025/03/viala_logo2.png);}
  .headline{font-size: 32px;color: #ba9d61;font-family: serif;font-weight: 300;}
  .headline-ja {display: block;font-size: 1rem;letter-spacing: 0.15em;font-family: var(--font-sans);color: #000;}
  .m002_movie {position: relative;overflow: hidden;width: 100vw;height: auto;}
  .video-container {max-width: 640px;margin:0!important;}
  .last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
  .kform {width: 95%;}
  .kform th,.kform td {border-bottom: none;display: block;width: 100%;}
  .menu-content {max-width: 50%;background-color:#ba9d61;}
  .menu-content ul li{border-top:1px dotted #fff;}
  .menu-drawer a {color:#FFF ;}
#slide-in-sidebar {display: block;margin: 0;padding-top: 0;background-color:#ba9d61;}
.pulse-btn{animation: pulse-btn 5s infinite ease-in-out .8s alternate;display: inline-block;transition: 1.5s ease-in-out;position:fixed;bottom:50px;right:5px;z-index:10000;width:100px;height:auto;cursor:pointer;}
.pulse-btn img{width:100%;}
}