@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {margin:0;overflow-x: hidden;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right:0px;padding-left:0px;
    margin-right: auto;
    margin-left: auto;
}
.pad{padding:0 20px;margin:0 auto;}
.fontk{font-size: clamp(16px, 1.8vw, 30px);}
.video-container {max-width: 100%;margin: 0;}
.no-sidebar .wrap {width:100vw;}
.content {margin-top: 0px!important;}
.text-start{text-align: left;}
.text-center{text-align: center;}
.mabo-5{margin-top:2.5rem;}
.toc-center{text-align:left!important;}
.toc-title,.author-info{display:none;}
.font1{font-Weight:400;font-size:1.4rem;line-height:2rem;}
.font2{font-Weight:400;font-size:1.6rem;line-height:3rem;}
.sidebar_fixed {position: sticky;top: 100px;}
.wrapper {
  height: 100%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
  height: 100vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
  width: 100%; // 横幅もいっぱいに。
}
.full-width {margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);margin-bottom:0px;}
.backb{background-color: rgb(85, 184, 238);}
.backb2{background-color:#8ecdf3;}
.backb3{background-color:#c1e3f9;}
.backb4{background-color:#f5f5f5;}
.date-tags{display:none;}
.no-sidebar .content .main {margin: 0;width: 100vw;padding:0px!important;}
.article ul li, .article ol li {margin: 0.5em;}
.article h2 {font-size: 24px;padding: 25px;background-color: rgba(255,105,212,0);;border-radius: var(--cocoon-badge-border-radius);}
.article h3 {border-left:none;border-right:none;border-top:none;border-bottom:none;font-size: 2rem;padding: 12px 20px;line-height:1.5em!important;margin-bottom:1.2rem!important;}
.work{color: rgb(85, 184, 238);border-bottom: 2px solid!important;border-color: rgb(85, 184, 238);padding-bottom: 1rem;}
.m-modulegroup002-002__ttl{font-family:serif!important;font-size: 3rem !important;}
.m-modulegroup002-002__headline-en,.m-modulegroup002-004__headline-en,.m-modulegroup002-003__headline-en,.m-modulegroup002-015__headline-en,.m-modulegroup002-015__txtarea-ttl {font-size:70px!important;color:#ba9d61!important;font-family:serif!important;font-weight:300;)}
.m-modulegroup002-002__container{background-color:#ba9d61!important;}
.m-modulegroup002-004__works-caption{font-family:serif!important;color:#ba9d61!important;}
.m-modulegroup002-002__headline-ja,.m-modulegroup002-004__headline-ja,.m-modulegroup002-003__headline-ja,.m-modulegroup002-015__headline-ja{font-family:serif!important;font-size: 1.6rem;letter-spacing: 0.15em;}
.m-modulegroup002-003__feature-num{background-color:#ba9d61!important;}
.m-modulegroup002-015__txtarea-txt {font-weight: 300!important;text-align: left;}
.m-modulegroup002-003__feature-ttl{font-family:serif!important;letter-spacing: 0.3em!important;}
.m-modulegroup002-015__txtarea-ttl{font-size: 2.5rem!important;}
.m-header-001__nav{position: fixed;/*自分が固定したい位置(例は上から0pxの位置)*/right: 0px;/*自分が固定したい位置(例は左から10pxの位置)*/}
.header-container-in.hlt-top-menu {display: flex;
    justify-content: space-between;
    align-items: center;
    height: 75px!important;
    align-content: center;
}
.m-header-001__btn-link{min-height:90px!important;background-color:#ba9d61!important;}
.m-header-001__btn-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 100%;
    min-height: 68px;
    padding: 0 40px;
    background: var(--primary-bg, #04a1af);
    font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
    color: var(--primary-txt, #fff);
    letter-spacing: 2px;
    letter-spacing: .2rem;
    -webkit-box-align: center;
    align-items: center;
}
.m-header-001__btn-link2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 100%;
    min-height: 68px;
    padding: 0 40px;
    background: var(--primary-bg, #04a1af);
    font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
    color: var(--primary-txt, #fff);
    letter-spacing: 2px;
    letter-spacing: .2rem;
    -webkit-box-align: center;
    align-items: center;
}
.m-header-001__btn-link2{min-height: 60px!important;background-color:rgb(85, 184, 238);!important;}
.m-header-001__btn a hover{color:#fff!important;}
.m-kv-002__movie::after {position: absolute;display: block;content: "";top: 0;bottom: 0;right: 0;left: 0;background-image: url(http://simple.viala-recruit.com/wp-content/uploads/2024/11/kv-catch02-pc-1.png);background-repeat: no-repeat;background-position: left 4% bottom 7%;background-size: 40% auto;background-repeat: no-repeat;}
.m-kv-002.-catch02 .m-kv-002__movie::after {background-image: url(http://simple.viala-recruit.com/wp-content/uploads/2024/11/kv-catch02-pc.png)!important;background-size: 44% auto;}
.m-kv-002__movie {height: 56.25vw!important;}
.m-kv-002__movie {position: relative;overflow: hidden;width: 100vw;height: 100vh;}
.m-kv-002__movie iframe {max-height: 100%;}
.m-kv-002__movie iframe {position: absolute!important;top: 50%!important;left: 50%!important;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.hightt{height:500px;padding-top:10rem;}
.hight2{height:300px;padding-top:8rem;}
.hight3{display:;height:40px;padding:5px 0px 0px 40px;}
.text-its-txt2 {color: rgb(139 139 139 / var(--tw-text-opacity));}
.text-its-txt2 ul li a {color:#696969;padding: 5px 10px;}
.text-its-txt2 ul li a:hover {background-color:#87cefa;font-weight:bold;}
.slider1 {display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:500px;overflow: hidden;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:450px!important;list-style: none;}
.slider1 ul:first-child {animation: slide1 50s -75s linear infinite;}
.slider1 ul:last-child {animation: slide2 50s linear infinite;}
.form-select {padding: 1.1rem 2.25rem 1.1rem .75rem!important;font-size: 1.6rem!important;font-weight: 200!important;}
.form-check p{margin-bottom:1rem!important;}
.wpcf7-radio .wpcf7-list-item {margin-top:5px;display: block;}
.wpcf7 input[type="submit"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;font-size: 16px;
  font-weight: bold;
  width: 200px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgb(85, 184, 238);
  border: none;
  color: #fff;
  cursor: pointer;}
  .wpcf7 input[type="submit"]:hover {
  opacity: 0.7;}
span.wpcf7-spinner {display: none;}
.wpcf7 input[type="button"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;font-size: 16px;
  font-weight: bold;
  width: 200px;
  padding: 10px;
  border-radius: 10px;
  background-color:#fff;
  border: 2px solid rgb(85, 184, 238);
  color: rgb(85, 184, 238);
  cursor: pointer;}
.wpcf7 input[type="submit"]:hover {opacity: 0.7;}
.wpcf7 input[type="button"]:hover {opacity: 0.7;}
.logo-menu-button img {margin-left: 0;}
@keyframes slide1 {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}
@keyframes slide2 {0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}
.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: #55b8ee;box-shadow: 0 0 20px #55b8ee;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 #55b8ee;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;}}
.tbl-r02 th {width:25%;background: #ba9d61;border: solid 1px #ccc;color: #fff;padding: 10px;}
.tbl-r02 td {text-align: left;border: solid 1px #ccc;padding: 10px;}
table .kform td{padding:10px;}
.kform p{margin-bottom:0px!important;}
.pcview {}
.spview {display: none;}
b, strong {font-weight: bolder!important;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media (min-width: 768px) {.container, .container-md, .container-sm {max-width: 100%!important;}}
@media (min-width: 1400px) {
    .container{max-width: 100vw!important;padding:0px!important;}
	.container2{width:1320px;margin:auto;}
	.container3{width:920px;margin:auto;}
}

@media screen and (max-width: 834px){
.container, .container-md, .container-sm {max-width: 100%!important;}
.container{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: 0px!important;padding-left: 0px!important;margin-right: auto;margin-left: auto;}
.article ul{padding-left:0px!important;}
}

@media screen and (max-width: 480px){
.pcview {display: none;}
.spview {display: block;}
 .last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
  .tbl-r02 {width: 95%;}
  .tbl-r02 th,
  .tbl-r02 td {text-align: center;border-bottom: none;display: block;width: 100%;}
#wpadminbar{display:none;}
.no-sidebar .wrap {margin-top: 40px;width: 100%;overflow-x: hidden;}
.container, .container-md, .container-sm {max-width: 100%!important;}
.m-kv-002.-catch02 .m-kv-002__movie::after {background-image: url(http://simple.viala-recruit.com/wp-content/uploads/2024/12/kv-catch02-sp00315.png)!important;background-size: 60% auto;}
.article h2 {margin-bottom:0px!important;}
.menu-content {max-width: 50%;}
.m-modulegroup002-002__headline-en,.m-modulegroup002-004__headline-en,.m-modulegroup002-003__headline-en,.m-modulegroup002-015__headline-en,.m-modulegroup002-015__txtarea-ttl {font-size:32px!important;color:#ba9d61!important;font-family:serif!important;font-weight:300;line-height: 1!important;}
.m-modulegroup002-002__ttl {font-family: serif !important;font-size: 1.7rem !important;}
.m-modulegroup002-015__txtarea-ttl {font-family:serif!important;font-size: 2rem !important;line-height:1rem!important;}

#slide-in-sidebar {display: block;margin: 0;padding-top: 0;background-color: rgb(85, 184, 238);}
#slide-in-sidebar ul li{border-bottom:1px dotted #a9a9a9;padding:1px 0px 1px 4px;}
#slide-in-sidebar ul li a{color:#FFF;}
.slider1 {display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:200px;overflow: hidden;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:180px!important;list-style: none;}
.slider1 ul:first-child {animation: slide1 50s-25s linear infinite;}
.slider1 ul:last-child {animation: slide2 40s linear infinite;}
.m-modulegroup002-015__repeat-item .swiper-slide .swiper-slide-duplicate{margin-right:10px!important;}
.m-modulegroup002-002__container {margin-top: 0px!important;}
.hightt{height:300px;padding-top:2rem;}
.container3{width:100%;margin:auto;}
.header{display:none;}
.video-container .video {
    position: static;
    padding-bottom: 56.25%;
    margin-top: 30px;
    height: auto;
    overflow: hidden;
    max-width: 100%;
}
.header-container{display: none!important;}
.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: #55b8ee;box-shadow: 0 0 20px #55b8ee;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 #55b8ee;border-radius: 50%;box-sizing: border-box;pointer-events: none;animation: pulsate 2s linear infinite;}
.rbaner {position: fixed;margin: 10px 15px;z-index: 99998;bottom: 40px;left: 0px;}
.meter-banner-close {font-weight: bold;position: absolute;top: 0px;right: 0px;z-index: 99999;padding: 4px 8px;border: none;background-color: #f8f8f8;border-radius: 25px;cursor: pointer;-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);box-shadow: 0 0 7px rgb(0 0 0 / 40%);｝
}