@charset "UTF-8";

/*========================================
    リセットcss
========================================= */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size:20px;
	font-weight: 400;
	text-decoration: none;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}



/* ========================================
	全体設計
========================================= */

body{
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
	max-width:480px;
	margin:0 auto;
	background-color: white;
	font-size:16px;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

.space_50px{
	width:auto;
	height: 50px;
}
.space_60px{
	width:auto;
	height: 60px;
}
.space_1rem{
	width:auto;
	height: 1rem;
}

.font_12px{
	font-size:12px;
}

.font_16px{
	font-size:16px;
}

.font_20px{
	font-size:20px;
}

a{
	list-style-type: none;
	cursor: pointer;
}

a:hover{
	transform: translateY(3px);
}

/* ========================================
　　　スクールカラー
========================================= */

.color_index{
	background-color: #40b7f8;
}

.color_21{
	background-color:#E67FA2;
	
}
	
.color_mf{
	background-color: #8AB8E6;
	
}

.color_ss{
	background-color: #85CC91;
	
}

.color_fa{
	background-color: #AD8FCC;
}

.color_n9{
	background-color: #E6A373;
}

.color_sg{
	background-color: #DACF62;
}


.color_jyu_reha{
	background-color: #659900;
}

.color_shitei_kanri{
	background-color: #61bfbf;
}
.color_cp{
	background-color: #e85377;
	z-index: 110;
}

	

/* ========================================
　　　ヘッダー
========================================= */

header{
	z-index: 200;
}

.fixed_logo{
	width:100%;
	max-width: 480px;
	height: 50px;
	position: fixed;
	background: #EDEDED;
	vertical-align: middle;
	text-align: center;
	z-index: 200;
}

.fixed_logo img{
	height: 26px;
	z-index: 200;
	margin-top:10px;
}

/* ========================================
　　　ハンバーガー
========================================= */

@media screen and (min-width:480px){
	#hamburger,
	ul.slide-menu,
	.slide-menu li{
		display: none;
	}
}



#hamburger{
    width: 40px;
    height: 40px;
	border-radius: 10px;
	margin-top:10px;
    position: relative;
    position: fixed;
    top: 0px;
	right:5%;/*左の余白分*/
	z-index: 200;
}

#hamburger span{
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 1.5px;
  background-color: #55473b;
}

#hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 20%;
  transition: 0.3s;
}

#hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  top: 50%;
  transition: 0.3s;
}

#hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 80%;
  transition: 0.3s;
}

#hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 50%;
  transform: rotate(45deg);
  transition: 0.3s;
}

#hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  top: 50%;
  transition: 0.3s;
}

#hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 80%;
  transition: 0.3s;
}

#hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 50%;
  transform: rotate(45deg);
  transition: 0.3s;
}

#hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  opacity: 0;/* 透明にする */
}

#hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 50%;
  transform: rotate(-45deg);
  transition: 0.3s;
}

.slide-menu{
  background-color: #eee;
  position: fixed;
  top: 50px;
  width: 100%;
  max-width:480px;
  height: auto;
	overflow: auto;
  left: 0;
  transform: translateX(100%);
  z-index: 999;
  transition: .5s ease-in;
	display: inline-block;
	padding: .5rem;
	border-top: 10px solid #ff7af0;
	
}



.slide-menu h6{
	font-size:20px;
	color:#ff7af0;
}

.slide-menu li{
	line-height:2;
    list-style-type: none;
}

.slide-menu li.sg_li{
	line-height: 1.9;
	list-style-type: none;
}

.slide-menu li a{
	display: block;
	font-size: 18px;
}

.slide-menu li a.sg_li_a{
	display: block;
	font-size: 17px;
}



.slide_menu{
	display: flex;
	margin-bottom: .5rem;
}

.slide-menu.active{
  transform: translateX(0); 
 
}

.nav_line{
	width:100%;
	max-width:480px;
	height: 2px;
	background-color: #666;
	margin: 5px 5px 5px 0;
}


/* ========================================
　　　「ふぁっ」と出てくる　javascript補完
========================================= */

.appeal{
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
}

@keyframes scale-up{
	0%{
		
		transform: scale(0);
	}
	100%{
		
		transform: scale(1);
	}
}


/* ========================================
　　　下部固定CTAボタン
========================================= */

.cta_under{
	width:100%;
	max-width: 480px;
	position: fixed;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	align-items: center;
	display: flex;
	z-index: 100;
}

.cta_under_item{
	width:50%;
	height: 50px;
	border-radius: 20px 20px 0 0;
	text-align: center;
	border:1px solid #fff;
}

.cta_under_item_1{
	width:100%;
	height: 50px;
	border-radius: 20px 20px 0 0;
	text-align: center;
	border:1px solid #fff;
}

.cta_under_item a p,
.cta_under_item_1 a p{
	padding-top: 10px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .07rem;
	color: #fff;
	
}



.item_1{
	background-color: #40B7F8;
}

.item_2{
	background-color: #f499e8;
}

/* ========================================
　　　メインビュー
========================================= */


.mainview{
	width:100%;
	max-width: 480px;
	position: relative;
	z-index: 101;
	
}

.mainview img{
	width:100%;
	max-width: 480px;
}

.black_wiew{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 65%;
	background-color: rgba(0,0,0,0.15);
	z-index: 102;
}

.black_wiew2{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 99%;
	background-color: rgba(0,0,0,0.15);
	z-index: 102;
}

/*.black_wiew{
	position: absolute;
	top:0;
	width:100%;
	max-width: 480px;
	height: 70vh;
	/*background-color: rgba(0,0,0,0.3);*/
	
	/*background: rgb(102,102,102);
background: -webkit-linear-gradient(rgba(102,102,102,0.4) 0%, rgba(102,102,102,0.4) 75%, rgba(102,102,102,0.1) 100%);
background: -o-linear-gradient(rgba(102,102,102,0.4) 0%, rgba(102,102,102,0.4) 75%, rgba(102,102,102,0.1) 100%);
background: linear-gradient(rgba(102,102,102,0.4) 0%, rgba(102,102,102,0.4) 75%, rgba(102,102,102,0.1) 100%);
	z-index: 102;
	animation:title_black 0.5s 5s ease-out forwards;
}*/

@keyframes title_black{
	0%{
		opacity: 1;
	}
	
	100%{
		opacity: 0.3;
	}
}

.mainview p{
	z-index: 103;
}

.school_name{
	font-size:clamp(28px, 0.063rem + 6.67vw, 33px);
	text-align: center;
	font-weight: 700;
	letter-spacing: .15rem;
	color: #fff;
	/*height: 50px;*/
	padding: 3px ;
	/*line-height: 50px;*/	
	transform: translateY(-10px);
	
}


/* ========================================
　　　メインビュー　フェードイン
========================================= */

.fadein_1 {
    position: absolute;
    top: 1%;
    left: 0;
	opacity:0;
	animation:fadein_1 0.5s 0.5s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
	
}
.fadein_1 span{
	color:#00FFFF;
	font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
}

@keyframes fadein_1 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(20%);
	  
  }
}



.fadein_2 {
    position: absolute;
    top: 9%;
    left: 0%;
	opacity:0;
	animation:fadein_2 0.5s 1s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_2 span{
	font-size:clamp(2.5rem, 2.036rem + 3.57vw, 3rem);
	font-weight: 700;
	color:#FFB6C1;
}

@keyframes fadein_2 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	  
  }
}

.fadein_2_5 {
    position: absolute;
    top: 26%;
    left: 0%;
	opacity:0;
	animation:fadein_2 0.5s 1s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_2_5 span{
	font-size:clamp(2.75rem, 2.036rem + 3.57vw, 3.75rem);
	font-weight: 700;
	color:#FFB6C1;
}

@keyframes fadein_2 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	  
  }
}


.fadein_3 {
    position: absolute;
    top: 40%;
    left: 0%;
	opacity:0;
	animation:fadein_3 0.5s 2s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_3 span{
	font-size:clamp(2.75rem, 2.036rem + 3.57vw, 3.75rem);
	font-weight: 700;
	color:#FF8C00;
}

@keyframes fadein_3 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(18%);
  }
}

.fadein_4 {
    position: absolute;
    top: 53%;
    left: 0%;
	opacity:0;
	animation:fadein_4 0.5s 2.5s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);/*375px-430px 36px-40px*/
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

@keyframes fadein_4 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	 
  }
}



.fadein_5 {
    position: absolute;
    top: 15%;
    left: 0;
	opacity:0;
	animation:fadein_5 0.5s 0.5s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
	
}
.fadein_5 span{
	color:#00FFFF;
	font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
}

@keyframes fadein_5 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(20%);
	  
  }
}



.fadein_6 {
    position: absolute;
    top: 25%;
    left: 0%;
	opacity:0;
	animation:fadein_6 0.5s 1s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_6 span{
	font-size:clamp(2.75rem, 2.036rem + 3.57vw, 3.75rem);
	font-weight: 700;
	color:#FFB6C1;
}

@keyframes fadein_6 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	  
  }
}

/*.fadein_2_5 {
    position: absolute;
    top: 26%;
    left: 0%;
	opacity:0;
	animation:fadein_2 0.5s 1s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_2_5 span{
	font-size:clamp(2.75rem, 2.036rem + 3.57vw, 3.75rem);
	font-weight: 700;
	color:#FFB6C1;
}

@keyframes fadein_2 {
  0% {
     opacity:0;
     transform: translateX(-100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	  
  }
}*/


.fadein_7 {
    position: absolute;
    top: 60%;
    left: 0%;
	opacity:0;
	animation:fadein_7 0.5s 2s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

.fadein_7 span{
	font-size:clamp(2.75rem, 2.036rem + 3.57vw, 3.75rem);
	font-weight: 700;
	color:#FF8C00;
}

@keyframes fadein_7 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(18%);
  }
}

.fadein_8 {
    position: absolute;
    top: 73%;
    left: 0%;
	opacity:0;
	animation:fadein_8 0.5s 2.5s ease-out forwards;
	color:#FFF;
    font-size:clamp(2.25rem, 0.545rem + 7.27vw, 2.5rem);/*375px-430px 36px-40px*/
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

@keyframes fadein_8 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(30%);
	 
  }
}

	/*
.fadein_5 {
    position: absolute;
    top: 63%;
	opacity:0;
	animation:fadein_5 0.5s 2.5s ease-out forwards;
	color:#cff6f4;
    font-size:clamp(2rem, 0.295rem + 7.27vw, 2.25rem);/*375px-430px 32px-36px
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

@keyframes fadein_5 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(10%);
  }
}

.fadein_6 {
    position: absolute;
    top: 73%;
    left: 0%;
	opacity:0;
	animation:fadein_6 0.5s 2.5s ease-out forwards;
	color:#cff6f4;
    font-size:clamp(2rem, 0.295rem + 7.27vw, 2.25rem);/*375px-430px 32px-36px
	font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0,0,0,1);
	letter-spacing: .07rem;
}

@keyframes fadein_6 {
  0% {
     opacity:0;
     transform: translateX(100%);
  }
  100% {
     opacity:1;
     transform: translateX(14%);
  }
}*/




/* ========================================
　　　アピール　１日体験・水泳短期教室
========================================= */
.introduction{
	padding: 0 5%;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	text-align: center;
}

.introduction h2{
	font-size:20px;
}

footer button,
.introduction button{
	width:100%;
	height: 50px;
	margin:10px auto;
	border:2px solid #000;
	background-color: #333;
	border-radius: 25px;
	display: block;
}

footer button a,
.introduction button a{
	display: block;
}

/* ========================================
　　　アピール　１日体験・水泳短期教室
========================================= */

.appeal{
	padding: 5px;
	width: 100%;
	max-width:480px;
	
}

.appeal img{
	width: 100%;
	max-width:480px;
}

/* ========================================
　　　応募フォームへのボタン
========================================= */

.cta_button_section {
	padding: 5px;
	width:100%;
	max-width: 480px;
	text-align: center;
}

.cta_button_section h4{
	text-align: center;
	font-weight: 700;
	
}

.cta_button_section h4 span{
	font-weight: 700;
	color:#ff03c1;
	font-size: 20px;
}

.cta_button_section .cta_button{
	width:100%;
	max-width: 480px;
	margin: 5px 0;
	
}

.cta_button a{
	display: inline-block;
}

.cta_button a img{
	width:100%;
	max-width:480px;
}

.cta_button_section2{
	margin-top: 1.5rem;
}

.cta_button_section2 h4{
	text-align: center;
	font-weight: 700;
	font-size:20px;
	color:#000;
}

.cta_button_section2 h4 span{
	font-weight: 700;
	color:#40B7F8;
	font-size:18px;
}

.cta_button_section2 a{
	display: block;
	text-align: center;
}

.cta_button3{
	height: 60px;
	width: 90%;
	margin-top:.5rem;
	margin-bottom: .3rem;
	border-radius: 30px;
	line-height: 25px;/*文字センタリング苦肉の策*/
	color:#fff;
	font-size:1.1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	cursor: pointer;
}

.cta_button3:active{
	transform: translateY(3px);
	
}

.cta_tanki{
	border: 1rem solid rgba(0,0,0,0);
	background-color: #40B7F8;
}

.cta_taiken{
	border: 1rem solid rgba(0,0,0,0);
	background-color: #F95BD2;
	margin-bottom: 1rem;
}

.cta_gk{
	border: 1rem solid rgba(0,0,0,0);
	background-color: #fe0000;
	margin-bottom: 1rem;
}



/* ========================================
　　　やりたいこと
========================================= */

.index_select{
	padding: 10px;
	width:100%;
	max-width:480px;
	text-align: center;
}

.index_select h2 span{
	font-size:30px;
	font-weight: 700;
	letter-spacing: .07rem;
}

.index_select h2{
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	
	letter-spacing: .07rem;
}

#yaritaikoto h2{
	background: url("images/kids01.png") no-repeat;
	height: 75px;
	padding-left:30px;
	padding-top: 20px;
}

.index_select ul{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.index_select ul li{
	list-style-type: none;
}

.radius_button a{
	display: block;
}

.radius_button a img{
	padding:5px;
	max-width:432px;
	width:100%;
} 

#chikaitokoro ul li{
	margin-bottom: 1rem;
}

#chikaitokoro h2{
	background: url("images/car.png") no-repeat;
	height: 55px;
	padding: 5px 0 0 90px;
}

.area{
	font-size:20px;
	margin-bottom: .5rem;
}

.radius_button2{
	width:100%;
	max-width: 400px;
	height: 50px;
	border: 0px solid rgba(0,0,0,0);
	color:#fff;
	font-size:24px;
	font-weight: 700;
	letter-spacing: .15rem;
	
	
}



.aim_21{
	background-color:#E67FA2;
	border-radius: 20px 0 0 0;
}
	
.aim_mf{
	background-color: #8AB8E6;
	border-radius: 20px 0 0 0;
}

.aim_ss{
	background-color: #85CC91;
	border-radius: 20px 0 0 0;
}

.aim_fa{
	background-color: #AD8FCC;
	border-radius: 20px 0 0 0;
}

.aim_n9{
	background-color: #E6A373;
	border-radius: 20px 0 0 0;
	
}

.aim_sg{
	background-color: #DACF62;
	border-radius: 20px 0 0 0;
}


.jyu_reha{
	background-color: #659900;
	border-radius: 20px 0 0 0;
}

.shitei_kanri{
	background-color: #61bfbf;
	border-radius: 20px 0 0 0;
}

.copyright{
	text-align: center;
	font-size:10px;
}





/* ========================================
　　　スイムページ
========================================= */


/* ========================================
　　　スイム楽しいアピール
========================================= */

.swim_tanoshii{
	width:100%;
	max-width: 480px;
	height:auto;
	text-align: center;
	padding: 40px 0;
	margin-top: 20px;
}

.swim_tanoshii img{
	width:90%;
	max-width: 480px;
	text-align: center;
	margin: 0 0 20px 0;
}

.swim_h2{
	font-size: 24px;
	font-weight: 600;
	color:#0978d6;
	margin-bottom: 20px;
}

.swim_tanoshii p{
	line-height: 2;
	color: #666;
	letter-spacing: .07rem;
	font-size:16px;
}

.swim_tanoshii p span{
	font-weight: 600;
	color: #0978d6;
}

/* ========================================
　　　スイム大切アピール
========================================= */

.swim_taisetsu{
	background: url("../2025summer/images/bg--03.jpg");
	width:100%;
	max-width: 480px;
	height:auto;
	text-align: center;
	padding: 20px 0 20px 0;
}

.swim2_h2{
	font-size: 24px;
	font-weight: 600;
	color:#fff;
	margin-bottom: 20px;
}

.swim_taisetsu img{
	width:90%;
	max-width: 432px;
}

/* ========================================
　　　インスタグラムエリア
========================================= */

.instagram_area{
	width:100%;
	max-width:480px;
	background: url("../2025summer/images/bg--02--sp.jpg") no-repeat;
	text-align: center;
	padding: 20px 5%;
}

.instagram_area h4{
	font-size: 20px;
	font-weight: 700;
	color:#0978d6;
}

.instagram_area p{
	font-size:12px;
	margin: 0.5rem 0; 
}

.instagram_area blockquote{
	width:80%;
	max-width:432px;
	margin:0 auto;
}

/* ========================================
　　　どのプランにしようかな？
========================================= */

.dono_plan{
	text-align: center;
	padding: 20px 5%;
	background-color: rgba(103,252,239,0.70);
}

.dono_plan h6{
	font-size:20px;
	font-weight: 700;
}


.dono_plan ul li{
	list-style-type: none;	
}
.dono_plan ul{
	margin-top: 1rem;
}
.catch{
	text-align: center;
	font-weight: 600;
	margin-top: .5rem;
	border:3px solid #40b7f8;
	background-color: rgba(214,255,249,1.00);
	display: inline-block;
	padding: 5px 0 5px 10px;
	border-radius: 15px 15px 0 0;
	color: #0a0f3c;
	width:320px;
}
.catch span{
	font-weight: 600;
	background-color: #ff03c1;
    color:#fff;
    width: -moz-fit-content;
    width: fit-content;
	padding: 0 5px;
	letter-spacing: .1rem;
	border-radius: 2px;
}

.button_tap_pink{
	color:#ff03c1;
	font-weight: 700;
}

/* ========================================
　　　水泳短期教室
========================================= */

section{
	width:100%;
	max-width:480px;
	margin:0 auto;
	padding: 0 5% 0 5%;
}

section h2{
	font-size:24px;
	font-weight: 700;
	letter-spacing: .07rem;
	line-height: 1.25;
	padding: 3px 0 3px 1rem;
	margin-top: 7rem;
	
}

section h2.swin_tanki{
	border-left: 10px solid #40b7f8;
	border-bottom: 2px solid #40b7f8;
}

section h2.swin_1day{
	border-left: 10px solid #0288d5;
	border-bottom: 2px solid #0288d5;
}

section h2.swin_baby{
	border-left: 10px solid #f4c2c2;
	border-bottom: 2px solid #f4c2c2;
}

section h2.swin_1day span,
section h2.swin_baby span,
section h2.swin_tanki span{
	font-size:24px;
	font-weight:700;
	color:#ff0303;
}

section img,
footer img{
	width:100%;
	max-width:432px;
	margin:1rem 0;
}

.appeal img{
	margin: 0;
}

section h3{
	text-align: center;
	font-size:23px;
	font-weight: 700;
	letter-spacing: .07rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

section h3 span{
	font-size:23px;
	font-weight: 700;
	color:#ff03c1;
}

section h4{
	text-align: center;
	font-size:30px;
	color:#ff03c1;
	font-weight: 700;
	letter-spacing: .07rem;
}

section p{
	/*margin: 1.5rem 0 0 0;*/
	line-height: 2;
	letter-spacing: .07rem;
	font-size:16px;
}

section p span{
	background-color: #ff03c1;
	width: -moz-fit-content;
    width: fit-content;
	padding: 2px 4px;
	color:#fff;
	font-size:16px;
}

section p span.aqua{
	color:#40b7f8;
	font-weight:700;
}

.seikahosyo{
	margin: 0;
}

.syosai{
	margin-bottom: 10px;
}
.syosai2{
	margin:20px 0;
	background-color: #fff8bb;
}


.syosai_title{
	width:120px;
	height: 26px;
	background-color: #000;
	color:#fff;
	font-size:14px;
	text-align: center;
	letter-spacing: .07rem;
	margin-right: 10px;
	font-weight: 600;
}



.syosai_title3{
	width:160px;
	height: 28px;
	background-color: #000;
	color:#fff;
	font-size:14px;
	text-align: center;
	letter-spacing: .07rem;
	margin-right: 10px;
	font-weight: 600;
}

.syosai_time{
	margin-left: 1rem;
	width:200px;
	margin-top: 1rem;
}

.syosai_discrip{
	letter-spacing: .07rem;
	line-height: 1.75;
	margin: .5rem 0 0 2rem;
	font-size:16px;
}
.syosai_discrip2{
	letter-spacing: .07rem;
	line-height: 1.9;
	margin: 0 0 0 2rem;
	font-size:16px;
}
.syosai_discrip2 span{
	color: #ff03c1;
	background: rgba(0,0,0,0);
	font-weight: 700;
	font-size:20px;
}
.syosai_discrip3{
	letter-spacing: .07rem;
	line-height: 1.75;
	margin: .5rem 0 0 2rem;
	font-size:20px;
}

.tanki_discount{
	letter-spacing: .07rem;
	line-height: 1.75;
	margin: .3rem 0 0 2rem;
	font-size:24px;
	color:#ff03c1;
	font-weight: 700;
}
.tanki_discount span{
	font-size:24px;
	font-weight: 700;
	
}

.price{
	/*font-weight: 700;*/
}

.price span{
	color:#ff0303;
	font-weight: 700;
}

.renzoku_otoku {
	text-align: center;
	font-size:20px;
	font-weight: 700;
	margin: 0 auto;
	letter-spacing: .1rem;
	border-bottom: 2px solid #ff03c1;
	width:300px;
	margin-bottom: 1rem;
}

.renzoku_otoku span{
	font-size:20px;
	font-weight: 700;
	color:#ff03c1;
}

.syosai_moushikomi{
	font-size:16px;
	font-weight: 400;
}

.syosai_moushikomi span{
	font-size:16px;
	font-weight: 400;
	color:#fff;
}

.syosai_title2{
	width:270px;
	height: 32px;
	background-color: #ff8c00;
	color:#fff;
	font-size:16px;
	text-align: center;
	letter-spacing: .07rem;
	
}

.onemonth_free h5{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .1rem;
	color:#ff0303;
	text-align: center;
	animation: scale-up linear both;
  animation-timeline: view(block);
  animation-range: cover 0% cover 40%;
	margin: .5rem 0;
}

.onemonth_free h5.onemonth_sg{
	font-size:20px;
} 

.kaisai_tenpo ul li{
	list-style-type: none;
}

.index_select3{
	margin-top: 1rem;
}

/* ========================================
　　　.school.html 各種スクールページ（６種＋スイム）
========================================= */

section .program_1day{
	border-left: 10px solid #f5e118;
	border-bottom: 2px solid #f5e118;
}

section .goldenkids_1day{
	border-left: 10px solid #fe0000;
	border-bottom: 2px solid #fe0000;
}

section .juniordance_1day{
	border-left: 10px solid #7723d9;
	border-bottom: 2px solid #7723d9;
}

section .kawai_1day{
	border-left: 10px solid #2a4589;
	border-bottom: 2px solid #2a4589;
}

section .kawai_shintaiso_1day{
	border-left: 10px solid #FD7ADD;
	border-bottom: 2px solid #FD7ADD;
}

section .karate_1day{
	border-left: 10px solid #bdf70d;
	border-bottom: 2px solid #bdf70d;
}

section .juniorgolf_1day{
	border-left: 10px solid #369451;
	border-bottom: 2px solid #369451;
}

section .junior_swimschool_1day{
	border-left: 10px solid #40b7f8;
	border-bottom: 2px solid #40b7f8;
}


section .program_1day span,
section .goldenkids_1day span,
section .juniordance_1day span,
section .kawai_1day span,
section .kawai_shintaiso_1day span,
section .karate_1day span,
section .juniorgolf_1day span,
section .junior_swimschool_1day span{
	font-size:24px;
	font-weight:700;
	color:#ff0303;
}

section .discription{
	line-height: 1.8;
}

.swimschool_centering{
	text-align: center;
	font-size: 15px;
}

.swimschool_centering span{
	color: #fff;
	font-weight: 400;
}

.caution{
	font-size:12px;
	margin:0 0 .5rem 0;
}

.onemonth_free{
	margin: 1rem 0 0 0;
}

p.center{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color:#ff03c1;
	line-height: 1.5;
	margin-top: .5rem;
}

.goldenkids2{
	border: 10px double #fe0000;
	padding: .5rem;
	margin: 1rem auto;
}

.goldenkids3{
	text-align: center;
	
	
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .1rem;
}

.goldenkids4{
	color:#fe0000;
	
	font-size: 20px;
	letter-spacing: .1rem;
	text-align: center;
}

.goldenkids5 a {
	margin: 0 auto;
	text-align: center;
	display: block;
}






/* ========================================
　　　アコーディオン（パパママ）
========================================= */

.s_01{
	padding: 0 5px;
}

.s_01 .accordion_one {
  max-width: 480px;
  margin: 0 auto;
}

.accordion_header{
	border-radius: 20px 20px 0 0;
	letter-spacing: .07rem;
}

.s_01 .accordion_one .accordion_header {
  /*background-color: #f499e8;*/
  /*background-color:#ff03c1;*/
  background: url("images/botton1.jpg") no-repeat;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 5px 5%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.s_01 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
  display: none;
  /*padding: 15px 30px 0 30px;*/
  /*border-left: 2px solid #ffc9d2;
  border-right: 2px solid #ffc9d2;
  border-bottom: 2px solid #ffc9d2;
  */
  border-left: 5px solid #ff03c1;
  border-right: 5px solid #ff03c1;
  border-bottom: 5px solid #ff03c1;
  box-sizing: border-box;
	background-color: #F5E8EA;
}

.accordion_inner{
	border-radius: 0 0 20px 20px;
}

.box_one p{
	font-size: 17px;
	margin-bottom: 5px;
}

/* ========================================
　　　パパママ
========================================= */
.papamama_title{
	text-align: center;
	margin-bottom: .5rem;
}

.papamama_title span{
	font-weight: 700;
}



.papamama_h2{
	text-align: center;
	font-size:24px;
    border: 1px  double #fff;
	background-color: #ff03c1;
	color:#fff;
	border-radius: 24px;
	font-weight: 700;
}

.papamama_outline{
	text-align: center;
	border:3px solid #ff03c1;
	border-radius: 5px;
}

.papamama_h4{
	font-size:18px;
	color:#000;
	font-weight: 700;
	padding: .5rem;
}

.papamama_h4 span{
	color:red;
	font-weight: 700;
}

.papamama_h42{
	text-align: center;
	font-size:24px;
	color:red;
}

.papamama_h3{
	text-align: center;
	font-size:30px;
	color:#fff;
	border: 1px solid #ff03c1;
	background-color: #ff03c1;
	letter-spacing: .07rem;
    font-weight: 700;
}

.box_one{
	padding: 15px 30px 0 30px;
	
}

.box_one ul{
	padding-left: 10px;
}

.box_one ul li{
	font-size:16px;
}

.papamama_tanki{
	background-color: #ff03c1;
	color:yellow;
	font-weight: 700;
	padding: .5rem;
	margin-top: .5rem;
	text-align: center;
	letter-spacing: .07rem;
}

.papamama_tanki span{
	color: #fff;
}

/* ========================================
　　　アコーディオン（index.html）
========================================= */

.ishikawa{
	background-color:#659900;
	text-align: center;
}

.aichi{
	background-color:#DACF62;
	text-align: center;
}



/* アコーディオン全体のスタイリング */
.index_accordion {
    margin: 10px 0 15px 0;
	max-width:480px;
	
}

/* アコーディオンのヘッダー部分のスタイリング */
.accordion-header {
    padding: 10px;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    color:#fff;
    position: relative; /* 矢印アイコンの位置調整のため */
    list-style: none; /* デフォルトの矢印を消す */
	letter-spacing: .2rem;
	font-size: 26px;
	height: 50px;
	line-height: 30px;
}

/* アコーディオンのコンテンツ部分のスタイリング */
.accordion-content {
  padding: 0 5px;
  line-height: 1.5;
  background-color: #fff;
  margin-top: 1rem;
}

/* カスタム矢印のスタイル */
.accordion-header::after {
  content: '▼'; /* ここに好きなアイコンを設定できます */
  position: absolute;
  right: 10px; /* ヘッダーから右に10pxの位置 */
  transition: transform 0.2s ease-in-out; /* アニメーション効果 */
}

/* アコーディオンが開いている時の矢印のスタイル */
.index_accordion[open] .accordion-header::after {
  transform: rotate(180deg); /* 矢印を180度回転 */
}

/* WebKitベースのブラウザでデフォルトの矢印を消す */
.index_accordion .accordion-header::-webkit-details-marker {
  display: none;
}
/* ========================================
　　　店舗別のfooter
========================================= */

footer{
	padding: 0 5%;
	width:100%;
	max-width: 480px;
}

footer h2{
	font-size:20px;
	font-weight: 700;
	letter-spacing: .07rem;
	line-height: 1.25;
	padding: 3px 0 3px 1rem;
}

.aim_212{
	border-left: 10px solid #e67fa2;
	border-bottom: 2px solid #e67fa2;
}

.aim_mf2{
	border-left: 10px solid #8AB8E6;
	border-bottom: 2px solid #8AB8E6;
}

.aim_ss2{
	border-left: 10px solid #85CC91;
	border-bottom: 2px solid #85CC91;
}

.aim_fa2{
	border-left: 10px solid #AD8FCC;
	border-bottom: 2px solid #AD8FCC;
}


.aim_sg2{
	border-left: 10px solid #dacf62;
	border-bottom: 2px solid #dacf62;
}



.aim_n92{
	border-left: 10px solid #E6A373;
	border-bottom: 2px solid #E6A373;
}

.shitei_kanri2{
	border-left: 10px solid #61bfbf;
	border-bottom: 2px solid #61bfbf;
}




footer h3{
	font-size: 20px;
	font-weight: 600;
}



footer p{
	letter-spacing: .07rem;
	line-height: 1.5;
	margin: 3px 0 0 0;
	font-size:16px;
}

footer ul li{
	list-style-type: none;
	padding:0 0 .2rem 1rem;
	font-size: 16px;
}

footer iframe {
	padding: 10px 5% 0 5%;
	width:100%;
	max-width:432px;
	border-radius: 20px;
}



footer button a,
.introduction button a{
	color:white;
}

/* ========================================
　　　追加分
========================================= */
.new_school{
	margin:1rem auto;
	width:90%;
	background-color: rgba(147,243,232,1.00);
	border:2px solid #40B7F8;
	border-radius: 20px;
}

.new_school p{
	text-align: center;
	font-size:1rem;
}

.taiken_kai{
	color: #292EEB;
	font-weight: 700;
}
.taiken_kai_btn{
	margin: 1rem auto;
	width:80%;
	background-color: #292EEB;
	border:2px solid #292EEB;
	border-radius: 20px;
	text-align: center;
	color:#fff;
	display: block;
}
.taiken_kai_btn:hover{
	background-color:#fff;
	transition: .3s;
	color: #292EEB;
}
.taiken_kai_btn:active{
	transform: translateY(3px);
}

.cp{
	width:94%;
	margin: .5rem auto;
	border: 10px solid rgba(53,106,255,1.00);
	border-radius:20px ;
	padding: 3%;
	background-color: rgba(181,246,235,1.00);
}

.cp p{
	text-align: center;
	margin-top: .5rem;
}
.cp span{
	color:rgba(236,126,244,1.00);
	font-weight: 700;
	font-size:1.3rem;
}

.baby{
	display: block;
	background-color: pink;
	width:80%;
	height: 40px;
	margin: 1rem auto;
	text-align: center;
	border-radius: 20px;
	line-height: 40px;
	color: rgba(221,5,239,1.00);
}

#ss_baby_1day_section h3 span,
#face_baby_1day_section h3 span{
	background-color: pink;
  color: rgba(221,5,239,1.00);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  padding: 4px 8px;
	
}
.price span{
	background-color:#ff03c1;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
	padding: 2px 4px;
	 border-radius: 2px;
}

/*---------------------------------
         キャンペーン内容
---------------------------------*/

.cp_service{
	width:96%;
	margin: 1rem auto 0 auto;
}

.onemonth_free img{
	margin: .5rem auto;
}
.gift{
	width:100%;
	max-width:480px;
	padding: 0 1rem;
}
.parking{
	color:#ff03c1;
	font-weight: 700;
}

.october_special{
	border: 5px double red;
	margin: 1rem auto;
	padding: 1rem;
}

.october_special h5{
	background-color:#ff03c1;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
	margin: 0 auto 1rem auto;
	text-align: center;
	padding: 0 1rem;
}

.octo_title{
	background-color:rgba(1,0,255,1.00);
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
	padding: 0 1rem;
}

.octo_cta{
	background-color:#ff03c1;
	width:80%;
	height: 50px;
	border-radius: 25px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
	color:#fff;
}


	text-align: center;
}