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

.gys03 header {
	z-index:99;
    position: fixed;
	top:0;right:0;
    justify-content: flex-start;
align-items: stretch;
    width: 15%;height:100vh;
    transition: all 0.3s ease;
	color:#333;
}
.gys03 header.head-is-fixed {background-color: transparent;
}

.gys03 header h1{padding:0 40px;color:#fff;font-size:1.5em;color:#333;position:absolute;top:8%;display:block;text-align:center;}
.gys03 header h1 img{padding:0 10px;transition: all 0.3s ease;margin-top:-7px;}

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


.gys03 header h1 img {
  filter: grayscale(100%) brightness(0.2);display:block;width:50%;padding:0 25% 25px;
}

/* 最初のリスト項目以外に●を表示 */


.gys03 header .menu-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: block
;width:100%;
    align-items: center;
}
.gys03 header .menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    text-align:left;
    align-items: stretch;
	position:absolute;
	bottom:10%;
	z-index:999;
	width:100%;
	padding:0 50px;
}
/****************************************************************************************************/
.gys03 .top_image{height:100vh;position:relative;top:0;z-index:-5;width:85vw;overflow:hidden;}
.gys03 .top_main_contents{margin-top:100vh;width:100%;font-size:0.9em;}

.gys03 .top-image-item {
width:60%;position:absolute;top:0;right:16%;height:100%;display:block;z-index:;border-radius:0 0 50% 50%;
}
.gys03 .top-image-item img {
width:100%;height:100%;object-fit:cover;
}

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

}

.gys03 .top_image .fade-in-image img {
  transform: none; /* 中央基準で拡大 */
  position: absolute;
  top: 0; /* 初期位置 */
  left: 0; /* top をアニメーションに追加 */
  z-index: -1;
}

.gys03 .top_image .fade-in-image.visible img {
  transform: none;
  top: 0; /* 新しい位置に移動 */
}
/* top-image-list をスライドショーとしてスタイル */


.gys03 .top-image-item {opacity: 0 !important;transition: opacity 2s ease-in-out !important;
    z-index: 0;overflow:hidden;
}

.gys03 .top-image-item.active {opacity: 1 !important;
    z-index: 1;
}


.gys03 .top-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 7s, opacity 2s !important; /* 両方のプロパティにトランジションを適用 */
    transform: scale(1.1); /* デフォルトのスケールを設定 */
}

.gys03 .top-image-item.active img {transform: scale(1.1) !important; /* アクティブ時のスケール（変更なし） */
}
.gys03 .top-image-item.inactive img {transform: scale(1.1) !important; /* アクティブ時のスケール（変更なし） */
}
.gys03  .catch{position:absolute;top:7%;left:5%;font-size:1em;width:40%;line-height:2.5em;font-weight:bolder;color:#333;z-index:5;}
.gys03  .catch h3{font-size:5em;margin-bottom:20px;line-height:1.5em;writing-mode: vertical-rl;margin:0;}
.gys03  .catch p{padding-right:60%;display:none;}
.gys03 .top_contents_title_en {
  position: absolute;
  font-size:3.5em;
  z-index: 2;
  font-weight: bold;
  color: #3b7895;
}


/****************************************************************************************************/
.gys03 .top_about .top_contents_title_en{font-family: "adobe-handwriting-ernie", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size:7em;
	position:absolute;z-index:2;top:-10%;
	right:40%;
}

.gys03  .top_about{min-height:75vh;position:relative;background:#fff;width:85%;}
.gys03 .top_about .top_photo{width:30vw;position:absolute;height:30vw;top:0;left:5%;background-image:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/ss-1.jpg);background-size:auto 110%;
border-radius:50%;}

.gys03  .top_about .top_text{width:45%;margin:0 auto;font-size:1.2em;line-height:2em;padding-top:50px;position:absolute;right:7%;top:10%;}

.gys03  .top_about .top_text h3{font-size:4em;line-height:1.5em;margin-bottom:30px; writing-mode: vertical-rl;float:left;}

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

.gys03  .top_service{min-height:75vh;position:relative;width:85%;}
.gys03  .top_service .top_text{width:45%;padding-top:7%;font-size:1.2em;line-height:2em;margin-left:5%;}

.gys03  .top_service .top_text h3{font-size:4em;line-height:1.5em;margin-bottom:30px;writing-mode: vertical-rl;float:left;height:50%;}

.gys03 .top_service .top_contents_title_en {
font-family: "adobe-handwriting-ernie", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size:7em;
	position:absolute;top:-10%;left:5%;z-index:2;
}

.gys03 .top_service .top_photo{width:30vw;position:absolute;height:30vw;top:0;right:5%;background-image:url(http://sample.shimomurareinetu-k.co.jp/wp-content/uploads/2024/12/1000_F_455146184_nNSQKi7B8he6T9DpEyf7zdB8YIM2jvUh.jpg);background-size:auto 110%;
border-radius:50%;}


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

.gys03 .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; /* 背景が最も後ろに来るように */
}

.gys03 .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; /* オーバーレイが背景の上に来るように */
}


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

.gys03 .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;
}
.gys03 .rec-btn{width:calc(33% - 1px);float:left;text-align:center;color:#3b7895;font-weight:bolder;font-size:1.2em;}
.gys03 .rec-btn p{margin:0;}

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

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


/* ボタンの基本スタイル */
.gys03 .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;
}

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






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

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

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

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

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

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