@charset "UTF-8";

#header .header_r ul li.ig a img{
	width: 50px;
	height: auto;
}

#header .tel_aicon {
	width:9%;
	height: auto;
	top:2.5%;
	right:19%;
}

#header .header_r ul li.ig {
	padding: 0 0 0 10px;
}

#header .sp .ig {
	right:29%;
}

.detail .intro b {
	display: block;
	text-align: center;
	font-size: 18px;
}

#company .staff-child .image {
	width: 60%;
	margin: 0 auto;
}

/***************************
kids adult
***************************/

html {
	scroll-padding-top:80px;
}


#kids h5,
#adult h5,
#trial h5,
#member h5 {
	text-align:center;
	font-size:32px;
	color:#0071e3;
	font-weight:700;
	margin:0 auto 20px;	
}

#kids h6,
#adult h6,
#trial h6,
#member h6 {
	font-size:20px;
	font-weight:700;
}

#kids .intro,
#adult .intro,
#trial .intro,
#member .intro  {
	font-size:1.6rem;
	text-align: center;
	margin: 0 0 60px;
}

#kids .class,
#adult .class,
#trial .class,
#member .class {
	padding: 0 3%;
	margin: 0 0 13%;
}

#kids .class p,
#adult .class p {
	padding: 0 0 20px;
}

#kids .greeting,
#adult .greeting,
#member .greeting {
    background:url(../images/company/bg.png);
    background-size: auto;
    background-size: 10px auto;
    clear: both;
    padding:5% 3%;
    border-radius: 20px;
}

#kids table,
#adult table,
#member table {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 auto 40px;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

#kids table td,th {
}

#kids table th,
#adult table th,
#member table th {
	width: 20%;
	font-weight: 700;
	background: #E4F0FC;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#adult table th,
#member table th {
	padding: 1% 3%;
}

#kids table td,
#adult table td,
#member table td {
	padding: 1% 3%;
	border-bottom: 1px solid #ccc;
}

#adult table td,
#member table td {
	border-right: 1px solid #ccc;
}

#kids .facility_info td:first-child{
	border-right: 1px solid #ccc;
}

#kids table td strong,
#adult table td strong,
#member table td strong {
	font-weight: 700;
	color:#0071e3;
}

#kids table tbody tr:last-child th,
#kids table tbody tr:last-child td,
#adult table tbody tr:last-child th,
#adult table tbody tr:last-child td,
#member table tbody tr:last-child th,
#member table tbody tr:last-child td  {
	border-bottom: none;
}

#adult table td:first-child,
#member table td:first-child{
	border-left: none;
}

#adult table th:last-child,
#adult table td:last-child,
#member table td:last-child {
	border-right: none;
}

#kids .greeting table:last-child,
#adult .greeting table:last-child,
#member .greeting table:last-child,{
	margin: 0;
} 

#adult .program {
	display:flex;
	column-gap:20px;
	margin: 80px 0 50px;
}


#adult .program table th {
	width: 20%;
}

#adult .program .tl,
#adult .program2 .tl {
	background: #0071e3;
	color: #fff;
	font-size: 16px;
}

#adult .program2 th {
	width: 23%;
}

#adult .program strong,
#adult .program2 strong {
	color: #0071e3;
	font-weight: 700;
}


/*
#adult .program tabel th {
	background: #fff;
}

*/


#adult .vip .th1{
}

#adult .vip .th2{
}

#adult .vip .th3{
	width: 40%;
}

#adult .vip span {
	font-size: 13px;
}

#kids .price,
#adult .price {
	width: 200px;
	margin: 0 0 5px;
	padding: 0 5px !important;
	font-size:1.6rem;
	font-weight: 700;
	color:#0071e3;
	background: linear-gradient(transparent 0%, #ffff7f 0%);
}

#kids .time,
#adult .time{
	width: 470px;
	padding: 0 5px !important;
	font-size:1.6rem;
	font-weight: 700;
	color:#0071e3;
	background: linear-gradient(transparent 0%, #ffff7f 0%);
}


/***************************
contact
***************************/

#contact .mail-area,
#trial .mail-area,
#member .mail-area {
	max-width: 900px;
	margin: 40px auto 0;
	padding: 20px 20px 60px;
}

#contact .mail-area h3 {
	text-align: center;
	font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
}

#contact .mail-area h3 img {
	width: 30px;
	margin-right: 10px;
}


#contact .mail-area .mail-inner,
#trial .mail-area .mail-inner,
#member .mail-area .mail-inner {
	display: flex;
	column-gap: 20px;
}

#contact .mail-area ul,
#trial .mail-area ul,
#member .mail-area ul {
	width: 420px;
	background: #EDF6FF;
	border-radius: 20px;
	padding: 20px;
}

#contact .mail-area ul h4,
#trial .mail-area ul h4,
#member .mail-area ul h4 {
	font-size: 18px;
	color: #0071e3;
	font-weight: 700;
}

#contact .mail-area ul li,
#trial .mail-area ul li,
#member .mail-area ul li {
	text-align: center;
	line-height: 1.5;
}

#contact .mail-area ul p,
#trial .mail-area ul p,
#member .mail-area ul p {
	width: 300px;
	background:#0071e3;
    height: 100%;
    border-radius:100px;
	margin: 10px auto 5px;
    padding:10px 0;
}

#contact .mail-area ul p img,
#trial .mail-area ul p img,
#member .mail-area ul p img {
	width: 9px;
	margin: 2px 10px 0 0;
}

#contact .mail-area ul p:hover,
.contact_wrap .child .contact p:hover,
#trial .mail-area ul p:hover,
.contact_wrap .child .contact p:hover,
#member .mail-area ul p:hover,
.contact_wrap .child .contact p:hover  {
	opacity: 0.8;
}

#contact .mail-area ul a,
#trial .mail-area ul a,
#member .mail-area ul a {
	color: #fff !important;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 1px !important;
    line-height: 1;
    text-decoration: none;
}

#contact .privacy,
#trial .privacy,
#member .privacy {
	margin-top: 20px !important;
	font-size: 13px !important;
	text-align: center;
}

/***************************
trial
***************************/

#trial h2 span {
	display: block;
	font-size: 2.0rem;
}

#trial ul li {
	font-size: 1.6rem;
	margin: 0 0 5px;
}

#trial #sec1 ul {
	margin: 0 0 15px;
}

#trial #sec2 ul {
	 display: flex;
  position: relative;
  flex-wrap: wrap;
}

#trial #sec2 ul li {
    align-items: center;
    gap: 0 5px;
    padding: .3em;
    font-weight: bold;
    background: #ffff7f;
    width: auto;
    margin: 0 10px 0 0;
}


#trial #sec2 ul li:before {
	display: inline-block;
    width: 10px;
    height: 5px;
    margin: 0 5px;
    border-bottom: 2px solid #2589d0;
    border-left: 2px solid #2589d0;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}


#trial ul li b,
#member ul li b {
	display: inline-block;
    border-radius: 30px;
    line-height: 25px;
    vertical-align: middle;
    background: #0071e3;
    color: #fff;
    padding: 0 10px;
    font-weight: 700;
    top: -15px;
}

#trial .mail-area p,
#member .mail-area p {
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 10px;
}

  /* line 196, ../sass/_layout.scss */
  #trial .greeting .inner {
    max-width: 1050px;
    margin: 0 auto;
  	padding: 0 30px;  
    
  }
  
  #trial .greeting .text {
    
    color: #0071e3;
  }

  /* line 206, ../sass/_layout.scss */
  #trial .greeting .inner h2 {
    margin-bottom: 40px;
    width: auto;
	  text-align: center;
	  font-size: 32px;
	  font-weight: 700;
	  line-height: 1.5;
	  letter-spacing: 3px;
	  color: #000;
  }
  
  #trial .greeting .inner .image-box{
	  width: 1050px;
	  margin: 0 auto 60px;
  }
  
  
  #trial .greeting .inner .image-box img{
	  width: 100%;
  }
  

  
  #trial .greeting .inner .box .detail .child{
  	display: flex;
	  background: #EDF6FF;
	  padding: 20px;
	  border-radius: 16px;
	  position: relative;
  }
 
  #trial .greeting .inner .box .detail .child .step{
  		position: absolute;
  		top:-1em;
  		font-size: 42px;
  		color: #ccc;
  		left: 40px;
  }
  
  #trial .greeting .inner .box .detail{
	  margin-bottom: 40px;
  }
  
  #trial .greeting .inner .box .detail.arr{
	  margin-bottom: 20px;
	  padding-bottom: 40px;
	  background: url(../images/top/arr.svg) no-repeat center bottom;
	  background-size:auto 20px;
	  
  }
  
  /* line 202, ../sass/_layout.scss */
  #trial .greeting .inner .box .detail .image {
	  position: relative;
	  width: calc(100% / 6);
	  background: #EDF6FF;
	  padding: 30px 0 30px 30px;
  }
  
  #trial .greeting .inner .box .detail .image span{
	  position: absolute;
	  top:-35px;
	  left: -35px;
	  display: inline-block;
	  width: 70px;
  }
  
  #trial .greeting .image img {
  	width: 100%;
  }
  
  #trial .greeting .inner .box .detail .child.row3 .image-photo{
	  width: calc(100% / 6 * 2);
	  padding: 30px 0 30px 30px;
  }
  
  #trial .greeting .inner .box .detail .child.row3 .image-photo img{
	  width: 100%;
	  border-radius: 15px;
  }
  
  
  /* line 213, ../sass/_layout.scss */
  #trial .greeting .inner .box .detail .text-box {
    
    padding: 20px 20px 20px 40px;
    width: calc(100% / 6 *  4);
  }
  
  #trial .greeting .inner .box .detail .child.row3 .text-box {
    
    padding: 20px 20px 20px 40px;
    width: calc(100% / 6 *  4);
  }
  
  #trial .greeting .inner .box .detail .text-box h3{
  	font-size: 24px;
  	font-weight: 700;
  	color: #0071e3;
  	margin-bottom: 20px;
  }
  
  
  #trial .greeting .inner .box .detail .text-box p{
  	
    color: #333;
    font-size: 16px;
  }


/***************************
member
***************************/

#member #sec1 h6,
#member #sec2 h6,
#member #sec3 h6 {
	padding: 30px 0 0;
}

#member #sec1{
	margin: 0;
}

#member .step {
	display: flex;
	margin-left: -20px;

}

#member .step div {
	width: 35%;
	padding: 2%;
	background: #edf6ff;
	height: auto;
	border-radius: 20px;
	margin-left: 20px;
}

#member #sec2 .step div {
	background: #fff;
}

#member .step h6 {
	padding: 0 !important;
	color: #006ad5;
	font-size: 1.6rem;
}

#member .link a {
	color: #0071e3 !important;
	text-decoration: underline;
}

#member .special {
	width: 50%;
	margin: 10px 0 0;
	padding: 15px;
	border: solid #006ad5 1px;
	border-radius: 10px;
}

#member .special h7 {
	color: #006ad5;
	font-size: 1.6rem;
	font-weight: bold;
}

#member .special p {
	font-weight: bold;
}


/***************************
footer
***************************/
/*
.contact_wrap .child .contact h4 img {
	width: 30px;
	margin-right: 10px;
}
*/

.contact_wrap .child .contact p {
	margin-bottom: 10px;
}

.contact_wrap .child .contact p img {
	width: 9px !important;
}

.contact_wrap .child .contact p a {
	text-decoration: none;
}


@media screen and (min-width: 768px){
/*
	#header .header_r ul li {
		font-size:1.3rem;
	}
*/
}

@media screen and (max-width: 767px) {
  #kids .cont01,
  #adult .cont01,
  #trial .cont01,
  #member .cont01 {
    padding:0 20px;
	}
	
	#kids .intro,
	#adult .intro,
	#trial  .intro,
	#member .intro {
	font-size:1.6rem;
	text-align: left;
	}
	
	#kids table th,
	#adult table th,
	#trial  table th,
	#member table th {
	width: 23%;
	}
	
	#kids .time,
	#adult .time {
	width: auto;
	line-height: 1.5;
}

#adult .program {
	display: block;
}

#adult .program table {
	width: 100%;
}

#adult .program2 th,
#adult .program2 td {
	display: block;
	width: auto;
}

#adult .program2 th {
	border-right: none;
}

#adult .program2 td {
	padding-bottom: 5%;
}



#contact .mail-area h3,
#trial .mail-area h3,
#member .mail-area h3   {
	font-size:20px;
}

#contact .mail-area h3 img,
#trial .mail-area h3 img, 
#member .mail-area h3 img  {
	width: 8%;
}

#contact .mail-area,
#trial .mail-area,
#member .mail-area {
	width: auto;
}

#contact .mail-area ul h4,
#trial .mail-area ul h4,
#member .mail-area ul h4{
	font-size: 1.6rem;
}

#contact .mail-area .mail-inner,
#trial .mail-area .mail-inner,
#member .mail-area .mail-inner {
	width: 100%;
	display: block;
	column-gap: 0;
}

#contact .mail-area ul,
#trial .mail-area ul,
#member .mail-area ul {
	width: auto;
	margin:0 auto 5%;
}

#contact .mail-area ul li.txt,
#trial .mail-area ul li.txt,
#member .mail-area ul li.txt {
	text-align: left;
}

#contact .mail-area ul p,
#trial .mail-area ul p,
#member .mail-area ul p {
	width: 90%;
}


.globalMenuSp .child .contact p {
	margin-bottom: 10px;
	font-size : 1.3rem;
}

.globalMenuSp .child .contact p img {
	width: 9px !important;
}

.globalMenuSp .child .contact p a {
	text-decoration: none;
}

nav.globalMenuSp {
	padding: 10% 0 20%;
	overflow: auto;
}



  #trial .under_main .under_main_h2{
	  margin-bottom: 0 !important;
  }
  
  #trial .greeting {
	 clear:both;
	 padding: 70px 0 0;
  }
  
  
  #trial .greeting:first-child {
  	padding-top: 0 !important;
  }
  
  #trial .greeting.rr{
	 background: #fff;
  }
  

  /* line 196, ../sass/_layout.scss */
  #trial .greeting .inner {
    width: auto;
    margin: 0 auto;
    padding: 0;
    
    
  }
  
  #trial .greeting .text {
    color: #0071e3;
  }

  /* line 206, ../sass/_layout.scss */
  #trial .greeting .inner h2 {
    margin-bottom: 20px;
    width: auto;
	  text-align: center;
	  font-size: 24px;
	  font-weight: 700;
	  line-height: 1.5;
	  letter-spacing: 3px;
	  color: #000;
  }
  #trial .greeting .inner .image-box{
	  width: auto;
	  margin: 0 auto 40px;
	  padding: 0 20px;
  }
  
  #trial .greeting .inner .image-box img{
	  width: 100%;
  }


/*
  #trial .greeting .inner .box{
	  padding: 0 20px;
  }
*/
  
  #trial .greeting .inner .box .detail .child{
	  display: block;
	  padding: 20px;
	  background: #EDF6FF;
	  position: relative;
	  border-radius: 16px;
  }
  
  
  #trial .greeting .inner .box .detail .child .step{
  		position: absolute;
  		top:-1em;
  		font-size: 28px;
  		color: #ccc;
  		width: 100%;
  		text-align: center;
  		left: 0;
  }
  
  #trial .greeting .inner .box .detail{
	  margin-bottom: 40px;
  }
  
  #trial .greeting .inner .box .detail.arr{
	  margin-bottom: 20px;
	  padding-bottom: 40px;
	  background: url(../images/top/arr.svg) no-repeat center bottom;
	  background-size:auto 20px;
	  
  }
  
  /* line 202, ../sass/_layout.scss */
  #trial .greeting .inner .box .detail .image {
	  position: relative;
	  width: auto;
	  text-align: center;
	  background: #EDF6FF;
	  padding: 10px;
  }
  
  #trial .greeting .inner .box .detail .image img{
	  width: 30%;
  }
  
  #trial .greeting .inner .box .detail .image span{
	  position: absolute;
	  top:-15px;
	  left: -15px;
	  display: inline-block;
	  width: 60px;
  }
  
  #trial .greeting .inner .box .detail .child.row3 .image-photo{
	  width: 100%;
	  padding: 20px;
	  box-sizing: border-box;
  }
  
  #trial .greeting .inner .box .detail .child.row3 .image-photo img{
	  width: 100%;
	  border-radius: 15px;
  }
  
  #trial .greeting .image img {
  	width: 100%;
  }
  
   #trial .greeting .inner .box .detail .text-box h3{
  	font-size:18px;
  	font-weight: 700;
  	color: #0071e3;
  	padding: 10px 20px 0;
  	text-align: center;
  }

  
  /* line 213, ../sass/_layout.scss */
  #trial .greeting .inner .box .detail p {
	  
    color: #333;
    font-size: 14px !important;
    padding: 2% 5% 5%;
    width:auto;
  }
  
  #trial .greeting .inner .box .detail .text-box h3{
	  margin: 0;
  }
  
   #trial .greeting .inner .box .detail .text-box {
    padding: 0;
    width: 100%
  }
  
  #trial .greeting .inner .box .detail .child.row3 .text-box {
    padding: 0;
    width: 100%
  }
  
  
  
/***************************
member
***************************/

#member #sec1 h6,
#member #sec2 h6,
#member #sec3 h6 {
	padding: 30px 0 0;
}
  
  
  
#member .step {
	display: block;
	margin: 0 0 3%;
}

#member .step div {
	width: 92%;
	padding: 4%;
	background: #edf6ff;
	height: auto;
	border-radius: 20px;
	margin: 0 0 4%;
	text-align: center;
}

#member #sec2 .step div {
	background: #fff;
}

#member .step h6 {
	padding: 0 !important;
	color: #006ad5;
	font-size: 1.5rem;
}

#member .link a {
	color: #0071e3 !important;
	text-decoration: underline;
}

#member .special {
	width: auto;
}



	
/*
	#adult .class p {
	}
	
	#adult .class {
	  overflow-x: auto;
	}
	
	#adult table {
	  width: 100%;
	  min-width: 40%;
	  border-collapse: collapse;
	}
	
	#adult .vip .th1{
		width: 10%;
	}
	
	#adult .vip .th2{
		width: 10%;
	}
	
	#adult .vip .th3{
	}
*/

	
}

@media screen and (min-width: 768px) {
  #header .header_r ul li.contact a {
	  padding: 0 25px;
	}
}


@media screen and (min-width: 1150px) {
}
/*
@media screen and (max-width: 1150px) {
		#header .header_l {
		width: 350px;
		}
}
*/

@media screen and (max-width: 1330px) {
/*
	#header .header_l {
	  width: 20%;
	}
*/
	#header .header_r {
		
	}
	#header .header_r ul li {
		font-size: 1.3rem;
		padding:0 10px 0 0;
	}
}