@charset "utf-8";


/*---------------------------------------------------------------------
content
---------------------------------------------------------------------*/
/* content */
#content{
	position:relative;
	margin:0 auto;
	padding-bottom:10px;
	width: 100%;
	/*border:1px solid #f00;*/
}

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
	#content { width: 100%; }
}
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
body {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
-ms-text-size-adjust: 100%;/*EgdeMobile*/
-moz-text-size-adjust: 100%;/*firefox*/
}
body a {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
-ms-text-size-adjust: 100%;/*EgdeMobile*/
-moz-text-size-adjust: 100%;/*firefox*/
}
#content { width: 100%; background-color: #fff; }
#content_wrap { }
#navibtn_wrap { top: -80px; }
}


/*---------------------------------------------------------------------
section common
---------------------------------------------------------------------*/
.section_group{
	padding-top:90px;
	text-align:center;
	position:relative;
}
.section_group h2{
	padding-bottom:15px;
}
.section_group h3{
	padding-bottom:30px;
}
.desc_group{
	/*border:1px solid #f00;*/
	font-size:13px;
	text-align:left;
	line-height:1.7;
	margin:0 auto;
}
.desc_icon_left{
	position:absolute;
	display:block;
	top:0;
	left:0;
}
.desc_icon_right{
	position:absolute;
	display:block;
	top:0;
	right:0;
}
.linkbtn_wrap{
	padding-bottom:25px;
}
.linkbtn{
	width:401px;
	height:65px;
	margin:0 auto;
}
.section { width: 1100px; text-align: center; }
.section h2 { padding-bottom: 17px; }
.section h3 { padding-bottom: 40px; }

a.opa:hover { 
text-decoration: underline;
}
.opa:hover { 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.h2span { font-weight: bold; font-size: 47px; line-height: 1.5em; }
.fs18 { font-size: 16px; line-height: 2em; }
.clear-fix { width: 100%; clear:both; }
.btn-wrap {width: 100%; text-align: center; margin: 60px auto; }
.btn-wrap img {cursor: pointer;}


@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.section { width: 100%; }
.h2span { font-weight: bold; font-size: 26px; line-height: 1.5em; }
.italicl { font-weight: normal; font-style: italic; font-size: 28px; line-height: 1.8em; }
.fs18 { font-size: 14px; line-height: 1.8em; }
}

/* ポップアップ */
.modal {
	width: 60%;
	height: auto;
	border-radius: 12px;
	position: fixed;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 30px;
	display: none;
  }
  
  .modal h3 {font-size: 22px;}
  .modal p { padding: 10px 0; }
  .modal .modal-link { width:60%; text-align: left; margin: 20px auto; }
  .modal .modal-link a { font-size: 18px; color: #4083ab; text-decoration: underline; }
  .modal .logo { margin: 30px auto; margin-bottom: 0; }
  .modal .logo img { width:24%; }
  .modal-close__wrap {
	position: absolute;
	right: 40px;
	top: 20px;
  }
  
  .modal-close {
	background: transparent;
	border-color: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	width: 28px;
	display: block;
	height: 28px;
  }
  
  .modal-close span {
	position: relative;
	width: 100%;
	height: 1px;
	background: black;
	display: block;
  }
  
  .modal-close span:nth-child(1) {
	transform: rotate(45deg);
  }
  
  .modal-close span:nth-child(2) {
	transform: rotate(-45deg);
  }
  .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: grey;
	opacity: .6;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	display: none;
  }
  .overlay.open {
	display: block;
  }
  .modal.open {
	display: block;
  }

  /* lightbox.css */
#prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }


/*---------------------------------------------------------------------
section01
---------------------------------------------------------------------*/
.section01 { padding-top: 20px; clear: both; width: 100%; background: #fff; text-align: center; padding-bottom: 0; }
.section01 #first-msg { width: 100%; margin: 24px auto; text-align: center; font-size: 20px; }
.section01 #message { padding-top: 0; padding-bottom: 60px; margin-top:80px; background-color: #f9fafc; }
.section01 #message #concept1 { padding-top: 10px; }
.section01 #message h2{ position: relative; top: -13px;}
.section01 #message h2 img { margin-bottom: 14px; }
.section01 #message .box-wrap { width:960px; padding: 30px; margin: 30px auto; }
.section01 #message .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #message .box-wrap .box-inner { width: 450px; padding: 10px; text-align: left; }
.section01 #message .box-wrap .box-inner img { width:100%; }
.section01 #message .box-wrap .box-inner.box-left { float: left; }
.section01 #message .box-wrap .box-inner.box-right { float: right; }
.section01 #merit { padding-top: 0; padding-bottom: 60px; margin-top:80px; background-color: #fff; }
.section01 #merit #concept1 { padding-top: 10px; }
.section01 #merit h2 img { margin-bottom: 14px; }
.section01 #merit .box-wrap { width:960px; padding: 0 30px; margin: 30px auto; }
.section01 #merit .box-wrap h3 { font-size: 26px; margin-bottom: 0; }
.section01 #merit .box-wrap p { text-align: left; padding: 24px 0; }
.section01 #merit .box-wrap .box-inner { margin-bottom: 30px; }
.section01 #offices { padding-top: 0; padding-bottom: 60px; margin-top:80px; background-color: #f9fafc; }
.section01 #offices #concept1 { padding-top: 10px; }
.section01 #offices h2{ position: relative; top: -13px;}
.section01 #offices h2 img { margin-bottom: 14px; }
.section01 #offices .box-wrap { width:960px; padding: 30px; margin: 0 auto; }
.section01 #offices .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #offices .box-wrap .box-inner { width: 450px; padding: 10px; text-align: left; padding-left: 30px; }
.section01 #offices .box-wrap .box-inner img { width:100%; }
.section01 #offices .box-wrap .box-inner a { color:#4083ab; text-decoration: underline; line-height: 2.2em; font-size: 18px;}
.section01 #offices .box-wrap .box-inner.box-left { float: right; }
.section01 #offices .box-wrap .box-inner.box-right { float: left; }
.section01 #offices .img-storage { display: none; }
.section01 #trainer { padding-top: 0; padding-bottom: 60px; margin-top:80px; }
.section01 #trainer #concept1 { padding-top: 10px; }
.section01 #trainer h2{ position: relative; top: -13px;}
.section01 #trainer h2 img { margin-bottom: 14px; }
.section01 #trainer .box-wrap { width:960px; padding: 30px; margin: 30px auto; padding-top: 0;}
.section01 #trainer .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #trainer .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #trainer .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #trainer .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #trainer .box-wrap .box-inner { width: 450px; padding: 10px; text-align: left; }
.section01 #trainer .box-wrap .box-inner img { width:100%; }
.section01 #trainer .box-wrap .box-inner.box-left { float: left; }
.section01 #trainer .box-wrap .box-inner.box-right { float: right; }
.section01 #trainer .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #trainer .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #trainer .box-wrap.box-wrap2nd .box-inner.box-left { float: right; }
.section01 #trainer .box-wrap.box-wrap2nd .box-inner.box-right { float: left; }
.section01 #leaders { padding-top: 0; margin-top:80px; background-color: #f9fafc; }
.section01 #leaders #concept1 { padding-top: 10px; }
.section01 #leaders h2{ position: relative; top: -13px;}
.section01 #leaders h2 img { margin-bottom: 14px; }
.section01 #leaders .box-wrap { width:960px; padding: 30px; margin: 30px auto;padding-top: 0; }
.section01 #leaders .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #leaders .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #leaders .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #leaders .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #leaders .box-wrap .box-inner { width: 450px; padding: 10px; text-align: left; }
.section01 #leaders .box-wrap .box-inner img { width:100%; }
.section01 #leaders .box-wrap .box-inner.box-left { float: right; }
.section01 #leaders .box-wrap .box-inner.box-right { float: left; }

.section01 #leaders .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #leaders .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #leaders .box-wrap .box-inner.box-inner100 { width: 100%; }
.section01 #voices { padding-top: 0; margin-top:100px; }
.section01 #voices #concept1 { padding-top: 10px; }
.section01 #voices h2{ position: relative; top: -13px;}
.section01 #voices h2 img { margin-bottom: 14px; }
.section01 #voices .box-wrap { width:960px; padding: 30px; margin: 30px auto;padding-top: 0; }
.section01 #voices .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #voices .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #voices .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #voices .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #voices .box-wrap .box-inner { width: 100%; padding: 10px; text-align: left; }
.section01 #voices .box-wrap .box-inner img { width:100%; }
.section01 #voices .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #voices .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #voices .box-wrap .box-inner.box-inner100 { width: 100%; }




@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.section01 { padding-top: 0; background: #fff; }
.section01 #first-msg { margin: 24px auto; padding: 0 20px; text-align: center; font-size: 15px; }
.section01 #message { margin-top: 60px; padding-bottom: 30px; }
.section01 #message h2 { top: -7px; }
.section01 #message h2 img { width: 90px; }
.section01 #message .box-wrap { width:100%; padding: 20px; margin: 20px auto; }
.section01 #message .box-wrap h3 { font-size: 19px; margin-bottom: 7px; }
.section01 #message .box-wrap .box-inner { width: 100%; }
.section01 #merit {padding-bottom: 0;}
.section01 #merit h2 img { width: 60px; }
.section01 #merit .box-wrap { width:100%; }
.section01 #merit .box-wrap h3 { font-size: 20px; margin-bottom: 7px; }
.btn-wrap img { width: 90%; }
.modal { width: 96%; top: 50%;  }
.modal .modal-link { width: 100%; }
.modal p { line-height: 1.5em; }
.modal .modal-link a { font-size: 16px; }
.modal .logo img { width: 36%;}
.section01 #offices { margin-top: 60px; padding-bottom: 30px; }
.section01 #offices h2 { top: -7px; }
.section01 #offices h2 img { width: 77px; }
.section01 #offices .box-wrap { width:100%; padding: 20px; padding-top: 0; margin: 20px auto; }
.section01 #offices .box-wrap h3 { font-size: 20px; margin-bottom: 7px; }
.section01 #offices .box-wrap .box-inner { width: 100%; padding-left: 10px;}
.section01 #offices .box-wrap .box-inner a { font-size: 13px; }
.section01 #trainer { padding-top: 0; padding-bottom: 60px; margin-top:80px; }
.section01 #trainer #concept1 { padding-top: 10px; }
.section01 #trainer h2{ position: relative; top: -13px;}
.section01 #trainer h2 img { margin-bottom: 14px; width: 80px; }
.section01 #trainer .box-wrap { width:100%; padding: 30px; margin: 20px auto; padding-top: 0; }
.section01 #trainer .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #trainer .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #trainer .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #trainer .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #trainer .box-wrap .box-inner { width: 100%; padding: 10px; text-align: left; }
.section01 #trainer .box-wrap .box-inner img { width:100%; }
.section01 #trainer .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #trainer .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #leaders { padding-top: 0; padding-bottom: 0; margin-top:80px; margin-top: 0; }
.section01 #leaders #concept1 { padding-top: 10px; }
.section01 #leaders h2{ position: relative; top: -13px;}
.section01 #leaders h2 img { margin-bottom: 14px; width: 83px; }
.section01 #leaders .box-wrap { width:100%; padding: 30px; margin: 30px auto;padding-top: 0; }
.section01 #leaders .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #leaders .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #leaders .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #leaders .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #leaders .box-wrap .box-inner { width: 100%; padding: 10px; text-align: left; }
.section01 #leaders .box-wrap .box-inner img { width:100%; }
.section01 #leaders .box-wrap .box-inner.box-left { float: right; }
.section01 #leaders .box-wrap .box-inner.box-right { float: left; }
.section01 #leaders .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #leaders .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #leaders .box-wrap .box-inner.box-inner100 { width: 100%; }
.section01 #voices { padding-top: 0; margin-top:100px; }
.section01 #voices #concept1 { padding-top: 10px; }
.section01 #voices h2{ position: relative; top: -13px;}
.section01 #voices h2 img { margin-bottom: 14px; width: 68px; }
.section01 #voices .box-wrap { width:100%; padding: 30px; margin: 30px auto;padding-top: 0; }
.section01 #voices .box-wrap .box-inner-head { width: 100%; text-align: center; font-size: 18px; }
.section01 #voices .box-wrap .box-inner-head span { font-weight: bold; }
.section01 #voices .box-wrap .box-inner .box-inner-head img { width: 50px; }
.section01 #voices .box-wrap h3 { font-size: 26px; margin-bottom: 13px; }
.section01 #voices .box-wrap .box-inner { width: 100%; padding: 10px; text-align: left; }
.section01 #voices .box-wrap .box-inner img { width:100%; }
.section01 #voices .box-wrap .box-inner img.num { width: 35px; position: relative; top: 6px;}
.section01 #voices .box-wrap .box-inner .box-inner-title { font-size: 16px; font-weight: bold; width: 100%; margin: 20px 0 10px 0; }
.section01 #voices .box-wrap .box-inner.box-inner100 { width: 100%; }




}


/*---------------------------------------------------------------------
section02
---------------------------------------------------------------------*/
.section02 #info2 { width: 100%; margin-top: 20px; background: #f3eef6; padding-bottom: 60px; }
.section02 #info2 h3 { position: relative; top: -30px; }
.section02 #info2 h3 p { font-size: 22px; font-style: italic; margin-top: 20px; font-weight: normal; }
.section02 #info2 h4 { font-size: 22px; margin-top: 20px; font-weight: normal; margin-bottom: 20px; clear: both; }
.section02 #info2 h4 span { border-bottom: 2px solid #a20d99; }
.section02 #info2 h4 span.week { border: none; color: #333; font-size: 15px; }
.section02 #info2 h4.unane,
.section02 #info2 h4.kitamikata { margin-top: 40px; border-top: 20px solid #fff; padding-top: 40px; }
.section02 #info2 h4.open { font-size: 18px; }
.section02 #info2 h4.tenjintaiken { margin-top: 0; }
.section02 #info2 .table_info3 { width: 800px; margin: 0px auto 60px auto; }
.section02 #info2 .table_info3.fukuoka { margin-bottom: 60px; }
.section02 #info2 .table_info3.kyouka { margin: 10px auto 60px auto; }
.section02 #info2 .table_info3 th { font-size: 16px; }
.section02 #info2 .table_info3 th.age { width: 300px; }
.section02 #info2 .table_info3 th.day { width: 200px; }
.section02 #info2 .table_info3 th.time { width: 300px; }
.section02 #info2 .table_info3 .td_age { background-color: #f7e4ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 .table_info3 .td_day { background-color: #fbf0ff; border-bottom: 2px solid #f7d6d6; padding: 0; }
.section02 #info2 .table_info3 .td_time { background-color: #fdf8ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 .table_info3 th,
.section02 #info2 .table_info3 td { text-align: center; vertical-align: middle; padding: 10px; }
.section02 #info2 .table_info3 td.rowspan { padding: 5px; }
.section02 #info2 .sub_text { width: 750px; margin: 15px auto; font-size: 14px; text-align: left; line-height: 1.6em; }
.section02 #schedule { width: 896px; margin: 0 auto; padding-top: 0; }
.section02 #schedule #schedule_box { width: 100%; }
.section02 #schedule #schedule_box .schedule_inner { width: 280px; background-color: #fff; float: left; border: 1px solid #9d0094; font-size: 16px; border-radius: 10px; margin-bottom: 28px; }
.section02 #schedule #schedule_box .schedule_inner.right_box { margin-left: 28px; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class { width: 100%; padding: 30px 0; background-color: #f1e3f9; border-radius: 10px 10px 0 0; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class.advance { padding: 16px 0; }
.section02 #schedule #schedule_box .schedule_inner div { padding: 10px 0; }
.section02 #info2 .ground { padding-top: ; }

.section02 #info2 #table_info { width: 1000px; margin: 0 auto 40px auto; }
.section02 #info2 #table_info td { padding: 20px; }
.section02 #info2 #table_info .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info .td1 { width: 240px; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td2 { width: 240px; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td3 { width: 520px; text-align: left;}
.section02 #info2 #table_info .age { background-color: #f7e4ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info .time { background-color: #fbf0ff; border-bottom: 2px solid #f7d6d6; line-height: 1.8em; }
.section02 #info2 #table_info .purpose { background-color: #fdf8ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info .goudou { border-bottom: none; }
.section02 #info2 #table_info #ext { font-size: 14px; background-color: #f7e4ff; text-align: left; padding: 20px 60px; line-height: 1.6em; }
.section02 #info2 #table_info2 { width: 1000px; margin: 10px auto 60px auto; }
.section02 #info2 #table_info2 td { padding: 20px; }
.section02 #info2 #table_info2 .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info2 .td1 { width: 240px; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td2 { width: 240px; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td3 { width: 520px; text-align: left;}
.section02 #info2 #table_info2 .age { background-color: #f7e4ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info2 .time { background-color: #fbf0ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info2 .purpose { background-color: #fdf8ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info2 .goudou { border-bottom: none; }
.section02 #info2 #table_info2 .info_text { line-height: 1.5em; color: #a20d99; }

.section02 #info2 .info2_p1 { font-size: 22px; font-style: italic; }
.section02 #info2 .info2_p1_2 { font-size: 22px; font-style: italic; padding-bottom: 20px; }
.section02 #info2 .info2_p2 { margin: 20px 0; }
.section02 #info2 #map_link { width: 1200px; margin: 0 auto 0 auto; text-align: right; padding-right: 10px; }
.section02 #info2 #map_link img { width: 120px; }
.section02 #info2 #top_movie2 { width: 100%; background: url("../images/slash2.png") no-repeat right top; min-height: 300px; }
.section02 #info2 #top_movie2 #movie_left { width: 475px; float: left; }
.section02 #info2 #top_movie2 #movie2_wrap { width: 1000px; margin: 30px auto; }
.section02 #info2 #top_movie2 #movie_left iframe { width: 475px; height: 270px; }
.section02 #info2 #top_movie2 #movie_right { width: 475px; float: left; padding-left: 50px; }
.section02 #info2 #top_movie2 #movie_right iframe { width: 475px; height: 270px; }
.section02 #info2 .red { color: #ff0000; font-weight: normal; font-size: 15px; }

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
.section02 #info2 { width: 100%; margin-top: 0; background: #f1e3f9; padding-bottom: 10px; }
.section02 #info2 #table_info { width: 100%; margin: 0 auto 40px auto; }
.section02 #info2 #table_info td { padding: 5px; }
.section02 #info2 #table_info .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info .td1 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td2 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td3 { width: 52%; text-align: left;}
.section02 #info2 #table_info .age { background-color: #f7e4ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info .time { background-color: #fbf0ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info .purpose { background-color: #fdf8ff; border-bottom: 2px solid #f7d6d6; }
.section02 #info2 #table_info .goudou { border-bottom: none; }
.section02 #info2 #table_info #ext { font-size: 14px; background-color: #f7e4ff; text-align: left; padding: 10px 10px; line-height: 1.6em; }
.section02 #info2 #table_info2 { width: 100%; margin: 10px auto 40px auto; }
.section02 #info2 #table_info2 td { padding: 5px; }
.section02 #info2 #table_info2 .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info2 .td1 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td2 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td3 { width: 52%; text-align: left;}
.section02 #info2 #table_info2 .age { background-color: #f7e4ff; }
.section02 #info2 #table_info2 .time { background-color: #fbf0ff; }
.section02 #info2 #table_info2 .purpose { background-color: #fdf8ff; }
.sp_map { display: none; }

.section02 #info2 .table_info3 { width: 100%; margin: 30px auto 60px auto; }
.section02 #info2 .table_info3 th { font-size: 13px; }
.section02 #info2 .table_info3 th.age { width: 30%; }
.section02 #info2 .table_info3 th.day { width: 30%; }
.section02 #info2 .table_info3 th.time { width: 40%; }
.section02 #info2 .table_info3 th,
.section02 #info2 .table_info3 td { text-align: center; vertical-align: middle; padding: 10px; }
.section02 #info2 .table_info3 td.rowspan { padding: 5px; }
.section02 #info2 .sub_text { width: 90%; margin: 15px auto; font-size: 13px; text-align: left; line-height: 1.6em; }
.section02 #info2 .red { color: #ff0000; font-weight: normal; font-size: 12px; }
.section02 #schedule { width: 100%; margin: 0 auto; padding-top: 10px; }
.section02 #schedule h4 { font-size: 22px; font-style: italic; font-weight: normal; padding-bottom: 20px; }
.section02 #schedule #schedule_box { width: 100%; }
.section02 #schedule #schedule_box .schedule_inner { width: 46%; float: left; margin: 0 2%; border: 1px solid #9d0094; font-size: 14px; border-radius: 10px; margin-bottom: 15px; }
.section02 #schedule #schedule_box .schedule_inner.right_box { margin-left: 2%; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class { width: 100%; padding: 30px 0; background-color: #f1e3f9; border-radius: 10px 10px 0 0; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class.advance { padding: 20px 0; }
.section02 #schedule #schedule_box .schedule_inner div { padding: 10px 0; }



.section02 #info2 #map_link { width: 100%; margin: 0 auto 30px auto; text-align: right; padding-right: 3%; }
.section02 #info2 #map_link img { width: 100px; margin-right: 10px; }
.section02 #info2 #top_movie2 { width: 100%; background: url("../images/slash2.png") no-repeat right top; min-height: 300px; }
.section02 #info2 #top_movie2 #movie_left { width: 100%; float: left; }
.section02 #info2 #top_movie2 #movie2_wrap { width: 100%; margin: 30px auto; }
.section02 #info2 #top_movie2 #movie_left iframe { width: 100%; height: 270px; }
.section02 #info2 #top_movie2 #movie_right { width: 100%; float: left; padding-left: 0px; margin-top: 30px; }
.section02 #info2 #top_movie2 #movie_right iframe { width: 100%; height: 270px; }
.section02 #info2 #top_movie2 #movie_left p,
.section02 #info2 #top_movie2 #movie_right p { font-size: 14px; font-weight: bold; }

}

@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.section02 #info2 { width: 100%; margin-top: 0; padding-bottom: 30px; }
.section02 #info2 #table_info { width: 100%; margin: 0 auto 40px auto; }
.section02 #info2 #table_info td { padding: 5px; }
.section02 #info2 #table_info .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info .td1 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td2 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info .td3 { width: 52%; text-align: left;}
.section02 #info2 #table_info .age { background-color: #f7e4ff; border-bottom: 1px solid #f7d6d6; }
.section02 #info2 #table_info .time { background-color: #fbf0ff; border-bottom: 1px solid #f7d6d6; }
.section02 #info2 #table_info .purpose { background-color: #fdf8ff; border-bottom: 1px solid #f7d6d6; }
.section02 #info2 #table_info .goudou { border-bottom: none; }
.section02 #info2 #table_info #ext { font-size: 14px; background-color: #f7e4ff; text-align: left; padding: 10px 10px 10px 15px; line-height: 1.6em; }
.section02 #info2 #table_info2 { width: 100%; margin: 10px auto 40px auto; }
.section02 #info2 #table_info2 td { padding: 5px; }
.section02 #info2 #table_info2 .td_head { padding: 10px; font-weight: bold; }
.section02 #info2 #table_info2 .td1 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td2 { width: 24%; text-align: center; vertical-align: middle; }
.section02 #info2 #table_info2 .td3 { width: 52%; text-align: left;}
.section02 #info2 #table_info2 .age { background-color: #f7e4ff; }
.section02 #info2 #table_info2 .time { background-color: #fbf0ff; }
.section02 #info2 #table_info2 .purpose { background-color: #fdf8ff; }

.section02 #info2 .table_info3 { width: 100%; margin: 20px auto 60px auto; }
.section02 #info2 .table_info3 th { font-size: 13px; }
.section02 #info2 .table_info3 th.age { width: 33%; }
.section02 #info2 .table_info3 th.day { width: 34%; }
.section02 #info2 .table_info3 th.time { width: 33%; }
.section02 #info2 .table_info3 th,
.section02 #info2 .table_info3 td { text-align: center; vertical-align: middle; padding: 10px 0; }
.section02 #info2 .table_info3 .td_age { border-bottom: 1px solid #f7d6d6; }
.section02 #info2 .table_info3 .td_day { border-bottom: 1px solid #f7d6d6; }
.section02 #info2 .table_info3 .td_time { border-bottom: 1px solid #f7d6d6; }
.section02 #info2 .table_info3 .td_day p { padding-bottom: 4px; margin-bottom: 5px; }
.section02 #schedule { width: 100%; margin: 0 auto; padding-top: 0; }
.section02 #schedule #schedule_box { width: 100%; }
.section02 #schedule h4 { line-height: 1.6em; }
.section02 #schedule #schedule_box .schedule_inner { width: 46%; float: left; margin: 0 2%; border: 1px solid #9d0094; font-size: 14px; border-radius: 10px; margin-bottom: 15px; }
.section02 #schedule #schedule_box .schedule_inner.right_box { margin-left: 2%; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class { width: 100%; padding: 30px 0; background-color: #f1e3f9; border-radius: 10px 10px 0 0; }
.section02 #schedule #schedule_box .schedule_inner .schedule_class.advance { padding: 20px 0; }
.section02 #schedule #schedule_box .schedule_inner div { padding: 10px 0; }
.section02 #info2 .ground { padding-top: ; }

.section02 #info2 .table_info3 td.rowspan { padding: 5px; }
.section02 #info2 .sub_text { width: 90%; margin: 15px auto; font-size: 13px; text-align: left; line-height: 1.6em; }
.section02 #info2 .red { color: #ff0000; font-weight: normal; font-size: 12px; }
.section02 #info2 .table_info3.kyouka { margin-top: 0; }
.section02 #info2 .table_info3.fukuoka { margin-bottom: 40px; }
.section02 #info2 .table_info3.kyouka { margin-bottom: 40px; }


.section02 #info2 #map_link { width: 100%; margin: 0 auto 5px auto; text-align: right; padding-right: 3%; }
.section02 #info2 #map_link img { width: 100px; margin-right: 10px; }
.section02 #info2 #top_movie2 { width: 100%; background: url("../images/slash2.png") no-repeat right top; min-height: 300px; }
.section02 #info2 #top_movie2 #movie_left { width: 100%; float: left; }
.section02 #info2 #top_movie2 #movie2_wrap { width: 100%; margin: 30px auto; }
.section02 #info2 #top_movie2 #movie_left iframe { width: 100%; height: 270px; }
.section02 #info2 #top_movie2 #movie_right { width: 100%; float: left; padding-left: 0px; margin-top: 30px; }
.section02 #info2 #top_movie2 #movie_right iframe { width: 100%; height: 270px; }
.section02 #info2 #top_movie2 #movie_left p,
.section02 #info2 #top_movie2 #movie_right p { font-size: 14px; font-weight: bold; }
}

/*---------------------------------------------------------------------
section03
---------------------------------------------------------------------*/
.section03 #voice { width: 100%; margin-top: 140px; }
.section03 #voice h3 p { font-size: 22px; font-style: italic; margin-top: 20px; font-weight: normal; }
.section03 #voice table { width: 980px; margin: 40px auto 20px auto; }
.section03 #voice table th { width: 179px; vertical-align: top; font-weight: normal; font-size: 16px; }
.section03 #voice table td { width: 801px; padding-left: 50px; vertical-align: top; text-align: left; }
.section03 #voice table td h4 { font-size: 22px; margin-bottom: 20px; }
.section03 #lets_try { width: 100%; height: 476px; margin-top: 130px; background: url("../images/bg_try.png") no-repeat center top; }
.section03 #lets_try h4 { padding: 90px 0 20px 0; }
.section03 #columun { width: 100%; margin-top: 130px; }
.section03 #columun h3 p { font-size: 22px; font-style: italic; margin-top: 20px; font-weight: normal; margin-bottom: 30px; }
.section03 #columun .columun_inner { width: 1000px; margin: 20px auto; padding: 40px 60px; background-color: #fbf0f1; }
.section03 #columun .columun_inner a:visited .columun_more { color: #941D55; }
.section03 #columun .columun_inner .date { width: 100%; text-align: left; }
.section03 #columun .columun_inner h4 { width: 100%; text-align: left; font-size: 22px; }
.section03 #columun .columun_inner .columun_table { width: 880px; border-top: 1px solid #afa8a8; margin-top: 15px; }
.section03 #columun .columun_inner .columun_table th { width: 168px; padding-top: 30px; vertical-align: top; }
.section03 #columun .columun_inner .columun_table td { width: 712px; padding: 30px 0 0 30px;; vertical-align: top; text-align: left; }
.section03 #columun .columun_inner .columun_more { width: 100%; text-align: right; text-decoration: underline; }
.add_text { font-size: 14px; }
.go_column { width: 1000px; margin: 0 auto; text-align: right; }
.go_column a { text-decoration: underline; color: #222; }
.go_column a:visited { color: #941D55; }

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
.section03 #voice { width: 100%; margin-top: 80px; }
.section03 #voice .disp_pc { display: none; }
.section03 #voice table { width: 100%; margin: 30px 5px 20px 5px; }
.section03 #voice table th { width: 28%; vertical-align: top; font-weight: normal; font-size: 16px; }
.section03 #voice table th img { width: 100%; }
.section03 #voice table td { width: 72%; padding-left: 10px; vertical-align: top; text-align: left; }
.section03 #voice table td h4 { font-size: 18px; margin-left: 0; line-height: 1.5em; margin-bottom: 20px; }
.section03 #voice table td p { padding-right: 5px; }
.section03 #lets_try { width: 100%; height: 500px; margin-top: 90px; background: url("../images/sp_bg_try.png") no-repeat left top 40px; background-size: contain; }
.section03 #lets_try h4 { padding: 30px 0 0 0; }
#btn_try { width: 80%; margin: 0 auto; }
#btn_try img { width: 100%; }
.section03 #columun { width: 100%; margin-top: 0px; }
.section03 #columun h3 p { font-size: 22px; font-style: italic; margin-top: 20px; font-weight: normal; margin-bottom: 30px; }
.section03 #columun .columun_inner { width: 100%; margin: 20px auto; padding: 10px 5px; background-color: #fbf0f1; }
.section03 #columun .columun_inner .date { width: 100%; text-align: left; }
.section03 #columun .columun_inner h4 { width: 100%; text-align: left; font-size: 18px; padding-top: 5px; }
.section03 #columun .columun_inner .columun_table { width: 100%; margin: 0 auto; border-top: 1px solid #afa8a8; margin-top: 15px; }
.section03 #columun .columun_inner .columun_table th { width: 18%; padding-top: 15px; vertical-align: top; }
.section03 #columun .columun_inner .columun_table th img { width: 100%; }
.section03 #columun .columun_inner .columun_table td { width: 72%; padding: 15px 0 0 10px; vertical-align: top; text-align: left; }
.section03 #columun .columun_inner .columun_more { width: 100%; text-align: right; text-decoration: underline; }
#btn_readmore2 { width: 100%; margin: 0 auto; }
#btn_readmore2 img { width: 30%; }
.voice_cont { width: 96%; margin: 30px 2% 20px 2%; font-size: 14px; text-align: left; }
.voice_cont h4 { font-size: 18px; margin-bottom: 20px; }
.voice_cont .img_box { width: 28%; font-size: 11px; float: left; text-align: center; margin: 0 10px 10px 0; letter-spacing: 0; }
.voice_cont .img_box img { width: 100%; }
.gopagetop_wrap img { width: 100px; }
}

@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.section03 #voice { width: 100%; margin-top: 80px; }
.section03 #voice table { width: 100%; margin: 30px 5px 20px 5px; }
.section03 #voice table th { width: 28%; vertical-align: top; font-weight: normal; font-size: 16px; }
.section03 #voice table th img { width: 100%; }
.section03 #voice table td { width: 72%; padding-left: 10px; vertical-align: top; text-align: left; }
.section03 #voice table td h4 { font-size: 18px; margin-left: 0; line-height: 1.5em; margin-bottom: 20px; }
.section03 #voice table td p { padding-right: 5px; }
.section03 #lets_try { width: 100%; height: 300px; margin-top: 90px; background: url("../images/sp_bg_try.png") no-repeat left top 40px; background-size: contain; }
.section03 #lets_try h4 { padding: 30px 0 0 0; }
#btn_try { width: 80%; margin: 0 auto; }
#btn_try img { width: 100%; }
.section03 #columun { width: 100%; margin-top: 70px; }
.section03 #columun h3 p { font-size: 22px; font-style: italic; margin-top: 20px; font-weight: normal; margin-bottom: 30px; }
.section03 #columun .columun_inner { width: 100%; margin: 20px auto; padding: 10px; background-color: #fbf0f1; }
.section03 #columun .columun_inner .date { width: 100%; text-align: left; }
.section03 #columun .columun_inner h4 { width: 100%; text-align: left; font-size: 18px; padding-top: 5px; }
.section03 #columun .columun_inner .columun_table { width: 100%; margin: 0 auto; border-top: 1px solid #afa8a8; margin-top: 15px; }
.section03 #columun .columun_inner .columun_table th { width: 18%; padding-top: 15px; vertical-align: top; }
.section03 #columun .columun_inner .columun_table th img { width: 100%; }
.section03 #columun .columun_inner .columun_table td { width: 72%; padding: 15px 0 0 10px; vertical-align: top; text-align: left; }
.section03 #columun .columun_inner .columun_more { width: 100%; text-align: right; text-decoration: underline; }
#btn_readmore2 { width: 100%; margin: 0 auto; }
#btn_readmore2 img { width: 40%; }
.voice_cont { width: 94.5%; margin: 30px 2% 20px 3.5%; font-size: 14px; text-align: left; }
.voice_cont h4 { font-size: 16px; margin-bottom: 20px; }
.voice_cont .img_box { width: 28%; font-size: 11px; float: left; text-align: center; margin: 0 10px 10px 0; letter-spacing: 0; }
.voice_cont .img_box img { width: 100%; }
.go_column { width: 100%; padding-right: 10px; margin-bottom: 60px; font-size: 14px; }
.go_column a { position: relative; right: 10px; }
.add_text { font-size: 13px; }

}

/*---------------------------------------------------------------------
section_map
---------------------------------------------------------------------*/
.gold { color: #b07e2f; font-weight: bold; }
#map_p { text-align: center; font-weight: bold; padding-left: 40px; }
#map_p img { width: 100%; }
#section_map{
	margin-top:60px;
	width:100%;
	line-height:1.5;
}
	#map_custmomize{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}
    #map_custmomize_tenjin{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}
    #map_custmomize_umimachi{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}

	#googleLink{
		text-align:right;
		margin-right:5px; position: relative; top: -20px;
	}



table#address { margin: 0 auto; text-align: left; line-height: 2em; letter-spacing: 1px; }
table#address a { text-decoration: underline; }
table#address #right { padding-left: 60px; }
table#address #address_inner { margin-top: 1em; }
table#address #address_inner td { width: 120px; margin-top: text-align: left; }

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
	#map_custmomize{
		width:100%;
		height:400px;
		margin:30px auto 10px auto;
	}
}
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#map_custmomize{
		width:100%;
		height:300px;
		margin:30px auto 10px auto;
	}
.sp_map { width: 100%; }
.sp_map img { width: 100%; }
.sp_map p { font-size: 14px; width: 97%; margin: 5px auto 8px auto; text-align: right; padding-right: 3%; text-decoration: underline; }

}