@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;}
.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); padding: 5em calc(50vw - 50%);}
.pc_view{display: block;}
.sp_view{display: none;}
.back01{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/stafftop01.jpg);background-repeat: no-repeat;background-position: top left;min-height:800px;}
.back02{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/staffback02.webp);background-repeat: no-repeat;background-position: top right;min-height:800px;}
.back03{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/staffback03.webp);background-repeat: no-repeat;background-position: top left;min-height:800px;}
.back04{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/staffback04.webp);background-repeat: no-repeat;background-position: top right;min-height:800px;}
.back05{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/edhucabk.webp);background-repeat: no-repeat;background-position: top center;min-height:1080px;}
.back06{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/master.webp);background-repeat: no-repeat;background-position: top left;min-height:1080px;}

/************************************
** Table縦積みデザイン
************************************/
.tbl-r02 th {background: #e9727e;border: solid 1px #ccc;color: #fff;padding: 10px;width:25%;}
.tbl-r02 td {border: solid 1px #ccc;padding: 10px;}
 
 /************************************
** Link BTN デザイン
************************************/
.p-link-wrap {background-color: #fff;padding-bottom: 7rem;}
.p-link {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 1.5rem;grid-row-gap: 1.5rem;padding: 0 10%;}
.p-link li {text-align: center;font-size: 1.25rem;background-color: #fff;list-style:none;border:1px solid #000;}
.p-link li a {text-decoration: none;color: rgba(108, 93, 85, 1);display: block;padding: 2rem;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.p-link li a:hover {color: rgba(255, 255, 255, 1);background-color: rgba(108, 93, 85, 1);}
 
 /************************************
** 斜めバックデザインデザイン
************************************/
.slant-bg {width: 100%;margin: 0;padding: 150px 0;position: relative;top: 200px;}
.slant-bg p {width: 65%;margin: 0 auto;}
.slant-bg::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #fff0f5;transform: skewY(-7deg);z-index: -1;}


/************************************
** 見出し用線デザイン
************************************/
.graline{--gradient: linear-gradient(45deg, #dd7a61 10%, #dbdb60 100%);padding: 1rem 0;margin-bottom: 0.2rem;background-image: var(--gradient), var(--gradient);background-repeat: no-repeat;background-size: 100% 3px;background-position: bottom, top;font-weight: bold;font-size: 26px;border-left: none !important;border-right: none !important;}


/************************************
** パララックスデザイン
************************************/
.para_wrap{margin:0 calc(50% - 50vw);}
.para_image1{position: relative;background-size: cover;height: 100vh;background-image: url("https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/back01.webp");}
.para_inner p{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;text-align: center;}
.para_wrap2{margin:0 calc(50% - 50vw);}
.para_image2{position: relative;background-size: cover;height: 100vh;background-image: url("https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/edhucabk.webp");}
.para_inner2 p{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;text-align: center;}


/************************************
/***ステップバーデザイン１
************************************/
.step-wrap1 { counter-reset: count; margin: 2em 0; position: relative; }
.step-content1 { padding: 0 0 1.3em 2em; margin: 0; position: relative; }
.step-content1::before { content: ""; display: block; width: 13px; height: 13px; background: #6ab5a5; border: solid 3px #ffffff; border-radius: 50%; position: absolute; top: 3px; left: 3px; box-shadow: 0 0 0 2px #6ab5a5; }
.step-content1::after { content: ""; display: block; height: calc(100% - 35px); border-left: dotted 5px #768888; position: absolute; top: 30px; left: 10px; }
.step-title1 { font-weight: bold; font-size: 120%; }
.step-label1 { color: #768888; font-weight: bold; }
.step-label1::after { counter-increment: count; content: counter(count); position: relative; left: .3em; }
.step-body1 { margin-top: .5em; padding: 0 0 1em; border-bottom: dotted 2px #ddd; }
.step-wrap1 > :last-of-type::after { display: none; }

/************************************
/***波紋ボタン
************************************/
 .pulse-btn {position: fixed;bottom: 10%;right: 2%;width: 100px;height: 100px;line-height:70px;align-items: center;justify-content: center;border-radius: 50%;background-color: #198754;box-shadow: 0 0 20px #198754;cursor: pointer;}
 .pulse-btn img {width: 100%;}.pulse-btn::before, .pulse-btn::after {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;border: 1px solid #198754;border-radius: 50%;box-sizing: border-box;pointer-events: none;animation: pulsate 2s linear infinite;}
 .pulse-btn::after {animation-delay: 1s;}
 @keyframes pulsate {0% {transform: scale(1);opacity: 1;}100% {transform: scale(2);opacity: 0;}}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
 .pc_view{display: none;}
.sp_view{display: block;}
 .pulse-btn {position: fixed;bottom: 10%;right: 2%;width: 70px;height: 70px;line-height:10px;align-items: center;justify-content: center;border-radius: 50%;background-color: #198754;box-shadow: 0 0 20px #198754;cursor: pointer;}
 .pulse-btn img {width: 100%;}.pulse-btn::before, .pulse-btn::after {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 70%;height: 70%;border: 1px solid #198754;border-radius: 50%;box-sizing: border-box;pointer-events: none;animation: pulsate 2s linear infinite;}
.back01{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/staffmobiletop01.jpg);background-repeat: no-repeat;background-position: top left;min-height:350px;}
.back02{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/mobstaff02.webp);background-repeat: no-repeat;background-position: top center;min-height:350px;}
.back03{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/mobstaff03.webp);background-repeat: no-repeat;background-position: top center;min-height:350px;}
.back04{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/mobstaff04.webp);background-repeat: no-repeat;background-position: top center;min-height:350px;}
.back06{background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/07/owner.webp);background-repeat: no-repeat;background-position: top left;min-height:350px;}
.last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
.tbl-r02 {width: 95%;}
.tbl-r02 th,.tbl-r02 td {border-bottom: none;display: block;width: 100%;}
.para_image1 {position: relative;background-size: cover;height: 700px;background-image: url(https://recruit.growgroup.tokyo/wp-content/uploads/2024/06/back01.webp);}
.para_inner p {width:85%;}
}