@charset "UTF-8";
body {
  margin: 0;
  background: -webkit-linear-gradient(left, rgb(240, 240, 240), rgb(197, 221, 235));
  position: relative;
  z-index: -1;
}
@media screen and ( max-width: 930px ) {
  body {
    background: #ffffff;
  }
}

.fix-btn{
  position:fixed;
  background:#000000;
  text-decoration:none;
  font-size:14px;
  text-align:center;
  color:#FFFFFF;
  padding:20px;
  right:0px;
  bottom:0px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

img {
  width: 100%;
}

.pc_link_1 {
	width: 80%;
max-width: 1100px;
	margin: auto;
	height: auto;
	padding-bottom: 40px;
}

.pc_link_2 {
	margin: auto;
	width: 80%;
max-width: 500px;
  height: auto;
	padding-bottom: 50px;
		font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-feature-settings: "palt";
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.pc_link_3 {
	width: 100%;
	background-color: #0D2B77;
    color: white; /* 文字色 */
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 16px; /* フォントサイズ */
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    margin: 4px 2px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border: none; /* ボーダーなし */
    border-radius: 5px; /* ボーダーの角丸 */
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pc_link_4 {
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 16px; /* フォントサイズ */
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    margin: 4px 2px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border: #000000; /* ボーダーなし */
    border-radius: 5px; /* ボーダーの角丸 */
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	  border: 1px solid #000;
	margin-top: 30px;

}

.facility_2 {
	padding-top: 20px;
  width: 1100px;
	text-align: center;
	margin: auto;
  height: auto;
	line-height: 80px;
	background-color: #459CBD;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 40px;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.facility_9 {
  width: 1100px;
	text-align: center;
	margin: auto;
  height: auto;
	line-height: 30px;
	padding-bottom: 20px;
	background-color: #459CBD;
	color: #FFFFFF;
	font-size: 20px;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.facility_3 {
  width: 1100px;
	margin: auto;
  height: 350px;
}

.facility_4 {
  width: 255px;
	padding-right: 25px;
	margin: auto;
	float: left;
  height: 350px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	font-feature-settings: "palt";
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.facility_6 {
  width: 260px;
	margin: auto;
	float: left;
  height: 350px;
	background-color: #459CBD;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	font-feature-settings: "palt";
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.facility_5 {
  width: 100%;
  height: 190px;
	background-color: #636363;
}

.facility_7 {
	padding-top: 10px;
	padding-bottom: 10px;
  width: 255px;
	margin: auto;
	float: left;
  height: auto;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 23px;
	text-align: justify;
	font-feature-settings: "palt";
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.facility_8 {
	padding-top: 10px;
	padding-bottom: 10px;
  width: 260px;
	margin: auto;
	float: left;
  height: auto;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 20px;
	text-align: justify;
	font-feature-settings: "palt";
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.facility_10 {
  width: 100%;
	margin: auto;
  height: 40px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background-color: #c30d23;
	font-feature-settings: "palt";
	font-weight: 600;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.club_1 {
	width: 100%;
	margin-top: 40px;

}

.club_2 {
	width: 300px;
	margin: auto;
	line-height: 70px;
	background-color: #3247C3;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;

	font-weight: 600;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.club_3 {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";

}

.club_4 {
	padding-top: 20px;
	width: 1100px;
	margin: auto;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";

}

.sp_facility_1 {
	font-weight: 600;
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 25px;
	line-height: 60px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";
	background-color: #459CBD;
	color: #FFFFFF;
	height: auto;
}

.sp_facility_2 {
	width: 80%;
	margin: auto;
	text-align: center;
	height: auto;
	background-color: #459CBD;
}

.sp_facility_3 {
	padding-top: 10px;
	padding-bottom: 20px;
	width: 80%;
	margin: auto;
	height: auto;
	text-align: justify;
	line-height: 25px;
	font-size: 15px;
}

.sp_facility_4 {
	font-weight: 600;
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";
	background-color: #c30d23;
	color: #FFFFFF;
	height: auto;
}

.sp_facility_5 {
	background-color: #c30d23;
	height: auto;
}

.sp_club_1 {
	margin-top: 40px;
	text-align: center;
	width: 100%;
	height: auto;
	font-size: 25px;
	line-height: 50px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #FFFFFF;
	background-color: #1424AA;
	font-feature-settings: "palt";
}

.sp_club_2 {
	text-align: center;
	width: 100%;
	height: auto;
	font-size: 18px;
	line-height: 60px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";
}

.sp_club_3 {
	width: 80%;
	height: auto;
	margin: auto;
}

.sp_club_4 {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
	height: auto;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-feature-settings: "palt";}

.mainmenu {
  width: 850px;
  height: 40px;
  display: flex;
  margin: auto;
  padding-top: 80px;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and ( max-width: 930px ) {
  .mainmenu {
    display: none;
  }
}
.mainmenu a,
.mainmenu img {
  display: block;
  width: 205px;
}

.menu {
  width: 100%;
  height: 60px;
  text-align: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 999;
}

.menu__inner {
  max-width: 1100px;
  margin: 0 auto;
}

.menu2 {
  height: 60px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

/*コンテンツ部分*/
.box {
  background: #ddd;
  width: 100%;
  height: 800px;
}


footer {
  padding-top: 50px;
  width: 100%;
  text-align: center;
  margin: auto;
  background: -webkit-linear-gradient(left, rgb(0, 184, 238), rgb(0, 26, 67));
  padding-bottom: 50px;
}
@media screen and ( max-width: 930px ) {
  footer {
    padding-bottom: min(28.4431137725vw, 190px);
  }
}

.footer__logo {
  width: 600px;
}
@media screen and ( max-width: 930px ) {
  .footer__logo {
    display: none;
  }
}

.footer2 {
  padding-top: 10px;
  height: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  margin: auto;
}
@media screen and ( max-width: 930px ) {
  .footer2 {
    font-size: max(2.6946107784vw, 11px);
  }
}

.footer3 {
  padding-top: 10px;
  display: flex;
  height: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 30px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin: auto;
  align-items: end;
  justify-content: center;
  gap: 8px;
}
@media screen and ( max-width: 930px ) {
  .footer3 {
    flex-direction: column;
    align-items: center;
    font-size: max(5.9880239521vw, 30px);
  }
}
.footer3 span img {
  margin-bottom: 7px;
}

.footer4 {
  padding-top: 10px;
  height: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  margin: auto;
  font-weight: 600;
  margin-bottom: 25px;
}
@media screen and ( max-width: 930px ) {
  .footer4 {
    font-size: max(2.6946107784vw, 13px);
  }
}

.footer4-sp__tel {
  display: none;
}
@media screen and ( max-width: 930px ) {
  .footer4-sp__tel {
    display: block;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
  }
  .footer4-sp__tel p {
    display: flex;
    justify-content: start;
    text-align: left;
    white-space: nowrap;
    align-items: end;
  }
  .footer4-sp__tel p:first-of-type {
    letter-spacing: 0.2994011976vw;
  }
  .footer4-sp__tel p:last-of-type {
    letter-spacing: 0.7035928144vw;
  }
}

.footer4-sp__access {
  display: none;
}
@media screen and ( max-width: 930px ) {
  .footer4-sp__access {
    display: block;
    margin-bottom: 10px;
  }
}

.footer__nav {
  padding-top: 50px;
  width: 100%;
  height: 230px;
  margin: auto;
  background: -webkit-linear-gradient(left, rgb(0, 184, 238), rgb(0, 26, 67));
}
@media screen and ( max-width: 930px ) {
  .footer__nav {
    display: none;
  }
}

.footer__nav-wrapper {
  width: 850px;
  height: auto;
  margin: auto;
  display: flex;
}
@media screen and ( max-width: 930px ) {
  .footer__nav-wrapper {
    width: 80%;
  }
}

.footer__nav-list {
  width: 25%;
  height: auto;
  text-align: left;
  font-size: 13px;
  line-height: 25px;
  margin: auto;
  margin: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  color: #FFFFFF;
}

.footer8 {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  height: auto;
  margin: auto;
  background: -webkit-linear-gradient(left, rgb(0, 184, 238), rgb(0, 26, 67));
}

.sns {
    align-items: center;
    justify-content: center;
    display: flex;
  text-align: center;
  margin-top: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 600px;
  height: 60px;
  margin: auto;
  background-color: #FFFFFF;
  background-size: 400px, 60px;
  border-radius: 40px 40px 40px 40px;
  margin-bottom: 30px;
}
@media screen and ( max-width: 930px ) {
  .sns {
    width: 85.0299401198vw;
    height: 9.7305389222vw;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.sns a {
  display: inline-block;
}
.sns img {
  height: 41px;
  width: auto;
}
@media screen and ( max-width: 930px ) {
  .sns img {
    height: 5.6886227545vw;
  }
}

.tel {
  font-family: impact;
  font-size: 50px;
  color: #F7FF00;
}

.tel2 {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 18px;
  color: #FFFFFF;
}
@media screen and ( max-width: 930px ) {
  .tel2 {
    font-size: max(3.5928143713vw, 18px);
    letter-spacing: 0;
  }
}

.border {
  width: 100%;
  height: 1px;
  color: #FFFFFF;
}

a {
  text-decoration: none;
  color: #FFFFFF;
}

.modal {
  display: none;
  position: fixed;
  width: 870px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

.modal-open,
.modal-close {
  cursor: pointer;
}

.modal-cont {
  font-size: 30px;
}
.modal-cont img {
  width: auto;
  height: min(23.1818181818vw, 255px);
}

.modal-close {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  color: #000000;
  font-size: 14px;
  margin: 15px 0 0;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: #FFFFFF;
}

a:hover {
  text-decoration: underline;
  opacity: 0.7;
}


.header__menu {
  display: flex;
  margin-right: 10px;
}
@media screen and ( max-width: 930px ) {
  .header__menu {
    display: none;
  }
}


.mw-850 {
  max-width: 850px;
}

.pc-none {
  display: none;
}
@media screen and ( max-width: 930px ) {
  .pc-none {
    display: block;
  }
}

@media screen and ( max-width: 930px ) {
  .footer__map {
    display: none;
  }
}
.footer__map iframe {
  width: 100%;
}

.hamburger-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #000000;
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding-right: 20px;
  padding-left: 20px;
  /* メニューの位置調整 */
}

.hamburger span {
  display: block;
  width: 30px;
  height: 3px;
  margin: 5px auto;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.hamburger.is-active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.hamburger.is-active span:nth-child(2) {
  opacity: 0;
}

.hamburger.is-active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.mobile-menu {
  display: flex;
  /* flexに変更 */
  flex-direction: column;
  justify-content: start;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  transform: translateY(-100%);
  /* 初期状態では画面外に配置 */
  transition: transform 0.2s ease;
  /* スムーズなアニメーション効果 */
  font-family: "M PLUS 2", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
@media screen and ( max-width: 930px ) {
  .mobile-menu {
    font-size: 14px;
  }
}

.mobile-menu.is-active {
  transform: translateY(0);
  /* アクティブ時に元の位置に */
  top: 59px;
  row-gap: 8px;
  padding-top: 30px;
}

.mobile-menu a {
  color: #fff;
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.body-fixed {
  overflow: hidden;
  height: 100%;
}

.rotate-btn {
  position: fixed;
  width: 200px;
  height: 200px;
  bottom: 30px;
  left: 30px;
  z-index: 900;
}
@media screen and ( max-width: 930px ) {
  .rotate-btn {
    width: min(28.4431137725vw, 190px);
    height: min(28.4431137725vw, 190px);
    left: 10px;
    bottom: 10px;
  }
}

.rotate-btn img:last-child {
  animation: rotateImage 10s linear infinite;
}

@keyframes rotateImage {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate-btn__img1 {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and ( max-width: 930px ) {
  .rotate-btn__img1 {
    width: min(22.4550898204vw, 150px);
    height: min(22.4550898204vw, 150px);
  }
}

@media screen and ( max-width: 930px ) {
  .rotate-btn__img2 {
    width: min(28.4431137725vw, 190px);
    height: min(28.4431137725vw, 190px);
  }
}

.flex {
  display: flex;
  align-items: end;
}

.top-20 {
  position: relative;
  top: -5.9880239521vw;
}


.sp-inner {
  width: 100%;
}

.information {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    height: auto;
    text-align: center;
    
    }

    .information img{
width: auto;
    }

    h1{
        margin: 0;
    }

    @media screen and ( max-width: 930px ){
h1 img {
    width: 98%;
    height: auto;
}


h1 {
    display: flex;
    align-items: center;
}
}

@media screen and ( max-width: 930px ) {
    .sp-none {
      display: none;
    }
  }

  @media screen and (max-width: 930px){
.mobile-menu {
    font-size: 14px;
}

.mobile-menu.is-active {
row-gap: 10px;
}
  }