@charset "UTF-8";

body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
html {scroll-behavior: smooth;}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}

body {color: #000;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 150%;  margin:0px 0;padding:0px 0;}
img {max-width: 100%;height: auto;border: 0;-ms-interpolation-mode: bicubic;vertical-align: bottom;}
.img70{width: 80%;margin: 0px auto 0px;}
ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
h3{font-size:110%;}

.logo {position: absolute;top: 11%; left: 50%;transform: translate(-50%, -50%);width:clamp(20vw,20vw, 20vw);margin:3vh auto 0px auto;height: auto;opacity: 0; /* 初期状態で非表示 */animation: fadeIn 4s ease-in-out forwards;}
.main .logo img{width: 40%;height: auto;margin: 0px auto 0px auto;z-index:99; left: 50%;transform: translate(-50%, -50%);}
.text11 {position: absolute;top: 32%;left: 50%; transform: translate(-50%, -50%);width: 80%;padding: 0px 0;color: #fff;text-align: center;letter-spacing: 0;line-height: 170%;font-weight: 700;font-size: 1.8vw; animation: fadeIn 4s ease-in-out forwards;}

.text1{width:90%;height: auto;margin: 0px auto 40px auto;padding: 10px 0px 10px 0px;color:#00ada9;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-size: clamp(16px, 3vw, 26px);}

.text1-1{max-width:1000px;width:100%;height: auto;margin: 0px auto 100px auto;padding: 3%;text-align:center;border:solid #00ada9 1px;line-height: 300%;font-weight: 700;}
.text1-2{width:100%;height: auto;margin: 60px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(12px, 1.0vw, 16px);ine-height: 170%;border:solid #00ada9 1px;line-height: 300%;font-weight: 400;margin: 0px auto 100px auto;padding: 3%;max-width:1000px;line-height: 170%;}
.photo{max-width:1120px;width:100%;height: auto;margin: 40px auto 50px auto;ptext-align:center;}

.text2{width:90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;color:#00ada9;text-align:center;letter-spacing:0px;line-height: 300%;font-weight: 700;font-size: clamp(18px, 2vw, 22px);}

.text4{width:90%;height: auto;margin: 0px auto 40px auto;padding: 10px 0px 10px 0px;color:#000;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-size: clamp(14px, 1.8vw, 18px);}

.table2 h3{font-size:90%;padding: 0px auto 0px;}
.toiawase{max-width:190px;margin:0px auto 60px;ext-align:center;}
#wrap{overflow: hidden; }
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.7s;animation-fill-mode:forwards;opacity:0;}

able, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
.table2 {width:90%;margin:0px auto;padding:0px 0px 35px 0px;}
table {width:90%;margin:0px auto 10px;padding:0px 0px 0px 0px;line-height: 170%;border-collapse:separate;text-align: left;outline-offset: 0;color:#000;  }
table th {width:90%;padding:10px 5% 10px 5%;text-align:left;vertical-align:top;font-size:13px;color:#00000ada9;font-weight: 700;line-height:170%;border-top: 2px solid #00ada9; border-bottom: 1px solid #00ada9; }
table td {width:90%;padding:10px 5% 10px 5%;font-size:13px;text-align:left;}
.out1 {width:60%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

.fadeIn_up {opacity: 0;transform: translate(0, 50%);transition: 2s;}
.fadeIn_up.is-show {transform: translate(0, 0);opacity: 1;}
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.7s;animation-fill-mode:forwards;opacity:0;}
.copyright{clear:both; width: 100%;height: auto;margin: 10px auto 0px auto;text-align: center;font-size:80%;color:#000;}
a {cursor: pointer;color: #000;text-decoration: none;transition: 0.3s ease-in-out;}
.main {width: 100%;position: relative;padding-top: calc(1230 / 2000 * 100%);}
.main img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.line-wrapper {
  width: 100%;
  height: 6vh; /* 必要に応じて調整 */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.line-wrapper::before {
  content: "";
  display: block;
  width: 10%; /* 中央10% */
  height: 100%; 
  position: absolute;
  background: transparent;
}

.line {
  width: 1px;
  height: 100%;
  background-color:#00ada9;
  z-index: 1;
}

	
.img80{margin: 30px auto 50px;}
h3{font-size: clamp(12px, 1.1vw, 17px);text-align: center;}
h4{font-size: clamp(12px, 1.1vw, 17px);text-align: left;color:#00ada9;}

#wrap{overflow: hidden; }
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}
	
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 8s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 0s;
}
	
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
	
	
.toiawase{max-width:230px;margin:0px auto 50px;ext-align:center;}
.headertop {height:auto;margin:0px auto; width:100%; padding:0px 0px 50px 0px;background-color: #fff;position: fixed; top:0;z-index:99;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;z-index: 99}


	
a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
	
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}


.maintop {width:100%;margin: 30px auto 0px auto; padding: 0px 0px 0px 0px;}

.text2bg{width:100%;margin: 0px auto 0px auto;background:rgba(255,255,255,0.9);text-align:center;padding: 20px 0px 0px 0px; }
.text2bg {
  width: 100vw; /* ビューポートの横幅を確保 */
  max-width: 80%; /* 親要素の影響を受ける */
  box-sizing: border-box; /* paddingの影響をなくす */
  padding: 20px 0 40px 0;margin: 0px auto 0px auto;
}
	
.text3bg{width:100%;margin: 0px auto 0px auto;background:rgba(245,246,246,0.9); text-align:center; }
.text3bg {
  width: 100vw;
  max-width: 100%; /* 親要素の影響を受ける */
  box-sizing: border-box; /* paddingの影響をなくす */
  padding: 20px 0 20px 0;margin: 0px auto 0px auto;
}
	
.text3{width:90%;height: auto;margin: 0px auto 100px auto;padding: 40px 0px 50px 0px;color:#000;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-size: clamp(12px, 1.0vw, 16px);}
	

.map {width:100%;height:auto;margin:0px auto 0px auto;padding: 10px 0px 0px 0px;text-align:center;}
.copyright{clear:both;width: 100%;height: auto;margin: 30px auto 0px;text-align: center;font-size:90%;color:#000;}
	
/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99;cursor: pointer;}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
	
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.cta-button {display: flex;justify-content: center;align-items: center;background-color:#00ada9;color:#fff;text-align: center;text-decoration: none;border-radius: 15px;max-width: 500px;width: 60%;padding: 20px 10px;margin: 10px auto 20px;font-size: clamp(16px, 7vw, 28px); transition: opacity 0.5s ease;letter-spacing: 1px;line-height: 1;font-weight: 700;}
.cta-button:hover {opacity: 0.6;}
.cta-button span {position: relative;top: 1px;}
.cta-button:visited {color:#fff}
.photo1{width:95%;padding: 0 65 0 0;}
.photo2{width:95%;padding: 0 0 0 5%;}
.tel{width:90%;height: auto;margin: 60px auto 60px auto;ine-height: 160%;font-size: clamp(16px, 16vw, 32px);text-align: center;color:#00ada9;font-weight: 700;}
a{color:#00ada9;}
a:visited{color:#00ada9;}
.pc { display: block; }
.sp { display: none; }
/*スマホ*/
@media screen and (max-width:768px){
.pc { display: none; }.sp { display: block; }
.tel{width:90%;height: auto;margin: 40px auto 40px auto;ine-height: 160%;font-size: clamp(16px, 16vw, 24px);text-align: center;color:#00ada9;font-weight: 700;}
a{color:#00ada9;}
a:visited{color:#00ada9;}
.photo1{width:95%;padding: 0 5% 0 0;}
.photo2{width:94%;padding: 0 0 0 5%;}
.text1-1{width:84%;height: auto;margin: 0px auto 60px auto;padding: 3%;text-align:left;line-height: 160%;border:solid #00ada9 1px;font-size: clamp(14px, 1vw, 16px);}
.logo {width:35%;position: absolute;top: 12%; left: 50%;transform: translate(-50%, -50%);margin:0px auto 0px auto;height: auto;opacity: 0; animation: fadeIn 4s ease-in-out forwards;}
.text11 {position: absolute;top: 35%;left: 50%; transform: translate(-50%, -50%);width: 100%;padding: 0px 0;color: #fff;text-align: center;letter-spacing: 0;line-height: 170%;font-weight: 700;font-size:2.5vw; animation: fadeIn 4s ease-in-out forwards;}
.text2{width:90%;height: auto;margin: 2px auto 0px auto;padding: 0px 0px 10px 0px;color:#00ada9;text-align:center;letter-spacing:0px;line-height: 160%;font-weight: 700;font-size: clamp(16px, 1.6vw, 20px);}
.text1{width:90%;height: auto;margin: 0px auto 30px auto;padding: 10px 0px 10px 0px;color:#00ada9;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-size: clamp(16px, 3vw, 26px);}
	
.text1-2{width:84%;height: auto;margin: 60px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(12px, 1.0vw, 16px);ine-height: 170%;border:solid #00ada9 1px;line-height: 300%;font-weight: 400;margin: 0px auto 70px auto;padding: 3%;line-height: 170%;}
.photo{width:90%;height: auto;margin: 0px auto 50px auto;ptext-align:center;}
.out1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.table2 {width:100%;margin:0px auto;padding:0px 0px 35px 0px;}
.line-wrapper {
  width: 100%;
  height: 4vh; /* 必要に応じて調整 */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.line-wrapper::before {
  content: "";
  display: block;
  width: 10%; /* 中央10% */
  height: 100%; 
  position: absolute;
  background: transparent;
}

.line {
  width: 1px;
  height: 100%;
  background-color:#00ada9;
  z-index: 1;
}

.cta-button {display: flex;justify-content: center;align-items: center;background-color:#00ada9;color:#fff;text-align: center;text-decoration: none;border-radius: 15px;width: 80%;padding: 20px 10px;margin:0px auto 20px;font-size: clamp(14px, 2vw, 16px); transition: opacity 0.5s ease;letter-spacing: 1px;line-height: 1;font-weight: 700;}
.cta-button:hover {opacity: 0.6;}
.cta-button span {position: relative;top: 1px;}
.table2 {width:90%;margin:0px auto;padding:0px 0px 10px 0px;}
.cta-button:visited {color:#fff}
table {width:100%;margin:0px auto 10px;padding:0px 0px 0px 0px;line-height: 170%;border-collapse:separate;text-align: left;outline-offset: 0;color:#000;  }
table th {width:90%;padding:10px 5% 10px 5%;text-align:left;vertical-align:top;font-size:13px;color:#00000ada9;font-weight: 700;line-height:170%;border-top: 2px solid #00ada9; border-bottom: 1px solid #00ada9; }
table td {width:90%;padding:10px 5% 10px 5%;font-size:13px;text-align:left;}
.out1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
}