.gys02 header,
.gys02 .testbox,
.gys02 header .menu-container,
.gys02 header .menu,
.gys02 header .menu > li,
.gys02 header .sub-menu
{border: none;}

.gys02 header {
	z-index:99;
    position: absolute;
	top:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: all 0.3s ease;
}


.gys02 header h1{padding:0 50px;color:#fff;}
.gys02 header h1 img{padding:0 10px;transition: all 0.3s ease;}

.gys02 .menu-container li{padding:0 40px;font-weight:bold;color:#fff;transition: all 0.3s ease;}
.gys02 .menu-container li {
  position: relative;
  list-style: none; /* デフォルトのマーカーを無効化 */
}


.gys02 header.head-is-fixed h1 img {
  filter: grayscale(100%) brightness(0.2);
}

/* 最初のリスト項目以外に●を表示 */
.gys02 .menu-container li:not(:first-child)::before {
  content: "●"; /* 黒い丸を表示 */
  position: absolute; /* リスト項目の左に配置 */
  left: 0; /* 左端に配置 */
	top:5px;
  color:#fff; /* ●の色を黒に設定 */
  font-size: 0.5em; /* 必要に応じてサイズを調整 */
}


.gys02 header.head-is-fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 1000;
	font-size:0.9em;
}
.gys02 .head-is-fixed .menu-container li{padding:0 40px;font-weight:bold;color:#333;transition: all 0.3s ease;}


.gys02 header.head-is-fixed h1 {
margin:0.4em 0;color:#333;
}
/****************************************************************************************************/
.gys02 .top_image{height:100vh;position:relative;top:0;z-index:-5;width:100vw;overflow:hidden;}
.gys02 .top_main_contents{margin-top:100vh;width:100%;}
.gys02 .top-image-item {
display:none;z-index:-5;
}
.gys02 .top-image-item:first-of-type {
width:100%;position:absolute;top:0;left:0;height:100%;display:block;z-index:;filter: brightness(80%);
}
.gys02 .top-image-item img {
width:100%;height:110%;object-fit:cover;
}

.gys02 .top_image {
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: -5;
    width: 100vw;
}



.gys02 .top_image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('/wp-content/themes/ga-you/img/nami-01.svg');
    background-repeat: no-repeat;
    background-size: 100% auto; /* 必要に応じて contain に変更可能 */
    background-position: bottom;
    z-index: 1; /* 必要に応じて調整 */
    pointer-events: none; /* クリックイベントを通さない */
	z-index:99;
}

.gys02  .catch{position:absolute;top:10%;left:10%;font-size:1.2em;width:40%;line-height:2.5em;font-weight:bolder;color:#fff;}
.gys02  .catch h3{font-size:5em;margin-bottom:20px;line-height:1.5em;}
.gys02 .top_contents_title_en {
  position: absolute;
  font-size:3.5em;
  z-index: 2;
  font-weight: bold;
  color: #3b7895;
}

.gys02 .top_contents_title_en::after {
  content: "";
  display: block;
  margin: 10px auto 0;width: 20px; /* ●の直径 */
  height: 20px; /* ●の直径 */
  background-color: #3b7895; /* ●の色 */
  border-radius: 50%; /* 丸にする */
	position:absolute;left:10px;
}

/****************************************************************************************************/
.gys02 .top_about .top_contents_title_en {
  top: 0;left:30%;
  z-index: 2;
}


.gys02  .top_about{min-height:100vh;position:relative;background:#fff;}
.gys02  .top_about .top_photo{width:100%;height:100%;position:absolute;background:#fff;background-image:none;}
.gys02  .top_about .top_photo div:first-of-type{width:28vw;height:28vw;background:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/ss-1.jpg);background-position:center;position:absolute;border-radius:48% 52% 59% 41% / 44% 59% 41% 56% ;top:-20vh;left:-3vw;}

.gys02  .top_about .top_photo div:nth-child(2){width:28vw;height:28vw;background:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/1000_F_258471668_RP8eIaLc3nxstNnrTlbwACDFsbxC9vAR.jpg);background-position:center;position:absolute;border-radius:48% 52% 59% 41% / 44% 59% 41% 56% ;top:20%;right:-3vw;}
.gys02  .top_about .top_photo div:nth-child(3){width:22vw;height:22vw;background:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/1000_F_282983295_Vb2Jucx8IFjjfQ6SARz5556xvrRNLq1h-1.jpg);background-position:center;position:absolute;border-radius:48% 52% 59% 41% / 60% 44% 56% 40% ;bottom:-2vh;left:3vw;z-index:2;}

.gys02  .top_about .top_text{max-width:40%;margin:0 auto;font-size:1.2em;line-height:2em;padding-top:50px;}

.gys02  .top_about .top_text h3{font-size:4em;line-height:1.5em;margin-bottom:30px;}

/****************************************************************************************************/

.gys02  .top_service{min-height:100vh;position:relative;background:#eaf6fd;z-index:;}
.gys02  .top_service .top_text{width:40%;padding-top:10%;font-size:1.2em;line-height:2em;margin-left:10%;}

.gys02  .top_service .top_text h3{font-size:4em;line-height:1.5em;margin-bottom:30px;}

.gys02 .top_service .top_contents_title_en {
  top:10%;
  left: 10%;
  z-index: 2;
}
.gys02 .top_service .top_photo{width:100%;height:110%;position:absolute;top:-10vh;right:-10vw;background:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/machi.png);background-repeat:no-repeat;background-position:top right;}


 .gys02 .scroll {z-index:2;
    writing-mode  : vertical-rl;
    position      : absolute;
    top           : 15%;
    left          : 5%;
    transform     : translateX(-50%) translateY(-50%);
}
.gys02 .scroll::after {
      content         : '';
      display         : block;
      position        : absolute;
      right           : 50%;
      bottom          : -70vh;
      transform       : translateX(-50%);
      width           : 1px;
      height          : 70vh;
      background-color: #3b7895;
    }


.gys02 .scroll::after {
  animation: scroll 3s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}



/****************************************************************************************************/
.gys02 .top_recruit {
  min-height: 100vh;
  position: relative;
  z-index: 2; /* コンテンツが背景とオーバーレイの上に来るように */
  color: #fff;
}

.gys02 .top_recruit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/1000_F_549888418_x7qvTD1ZRf3H24ok26mGwuashTGJ2lLd.jpg);
  background-size: cover;
  background-position: center;
  transform: scaleX(-1); /* 背景画像だけ反転 */
  z-index: -2; /* 背景が最も後ろに来るように */
}

.gys02 .top_recruit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 黒い半透明のオーバーレイ */
  z-index: -1; /* オーバーレイが背景の上に来るように */
}


.gys02  .top_recruit .top_text{width:40%;padding-top:10%;font-size:1.2em;line-height:2em;margin-left:10%;}
.gys02  .top_recruit .top_text h3{font-size:4em;line-height:1.5em;margin-bottom:30px;}
.gys02 .top_recruit .top_contents_title_en {
  top:10%;
  left: 10%;
  z-index: 2;
}

.gys02 .rec-link {
  width: 90%;
  position: absolute;
  right: -100%;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8); /* 白の半透明 */
  border-radius: 50px; /* 角を丸くする */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 影を追加（オプション） */
	padding:30px 0;
}
.gys02 .rec-btn{width:calc(33% - 1px);float:left;text-align:center;color:#3b7895;font-weight:bolder;font-size:1.2em;}
.gys02 .rec-btn p{margin:0;}

.gys02 .rec-btn:first-of-type {
border-right:1px solid;
}
.gys02 .rec-btn:nth-child(2) {
border-right:1px solid;
}

/****************************************************************************************************/

.gys02 .top_news{
  min-height: 100vh;
  position: relative;
  z-index: 2; /* コンテンツが背景とオーバーレイの上に来るように */

}

.gys02 .top_news .top_contents_title_en {
  top:10%;
  left: 10%;
  z-index: 2;
}

.gys02  .news-list{width:50%;position:absolute;left:30%;top:15%;}
.gys02  .news-item{border-bottom:1px dotted #333;}

/* ボタンの基本スタイル */
.gys02 .page-link a.btnef1 {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 24px;
  background-color:#3b7895;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: transform 0.3s ease, background-color 0.3s ease;
	margin-top:20px;
}

/* ホバー時にボタンが拡大 */
.gys02 .page-link a.btnef1:hover {
  transform: scale(1.1);background-color: #333;
}




.gys02 .news-link{position:absolute;bottom:10%;right:20%;  display: inline-block;
color:#3b7895;
  text-decoration: none;
border-bottom:2px solid;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: transform 0.3s ease, background-color 0.3s ease;
	margin-top:20px;}



/****************************************************************************************************/

.gys02 .footer-menu {padding:100px 0;width:40%;float:right;border-top:1px solid;margin-right:10%;}

.gys02 footer h1 img {
  filter: grayscale(100%) brightness(0.2);max-height:25px;padding-right:5px;
}
.gys02 footer h1{
  font-size:1.3em;
}
.gys02 .footer_info {
  width:40%;padding:30px 0;float:left;border-top:1px solid;margin-left:10%;}

.gys02 .footer-menu > li {
    padding-left:40px;font-weight:bold;
}

.gys02 .has-children li{font-size:0.9em;padding-left:10px;font-weight:normal;}

.gys02 footer .copy{width:100%;overflow:hidden;border-top:1px solid;text-align:right;}
.gys02 footer .copy p{padding-right:10%;}