@charset "UTF-8";

/* @group reset */
*{
	margin:auto;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

a {text-decoration:none;color:rgba(7,118,11,1.00) ;}
ul, ol {list-style:none}
img {vertical-align:baseline;}

/* @end */

/* @group heading */
h1,h2,h3,h5,h6 {margin-bottom:24px}
h1 {font-size:48px; line-height:1} /*48px*/
h2 {font-size:36px; line-height:1.3333;}/*48px*/

h3{
	text-align:left;
	padding:6px 0 6px 10px;
	background:linear-gradient(rgba(7,118,11,1.00), rgba(43,32,18,1));
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

h4{
	text-align:left;
	display: flex;
	align-items: center;
	margin-bottom:10px;}


h4:before,
h4:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;}
	
h4:before {margin-right: 1rem;}
	
h4:after {margin-left: 1rem;}

	
h5{
	font-size:18px;
	text-align:left;
	margin:0;
	color:#165B0C;}
	
hgroup h2,h4,h5,h6 {font-size:16px; line-height:1.5}/*24px*/

.blue{color:#007BFF;}
.red{color:#FF0004;}
.orange{color:#EDA640;}

/* @end*/

/* @gropu Header*/
  
#top .icon{
	padding-top:9px;
	padding-left:10px;
	padding-bottom:10px;}

#top .left{
	float:left;}
	
#top .right{
	float:right;}

#top .title1{
	font-size:25px;
	font-weight:bolder;
	color:#347206;}

#top .title2{
	font-size:13px;
	font-weight:bolder;
	padding-top:10px;
	padding-right:10px;}
	
#top ul li {
	line-height:1.1;}
	
#top .btn{
	width:45px;
	height:45px;
	border-style:solid;
	margin-top:10px;
	margin-right:10px;}


#top .tel{
	float:right;
	margin-right:10px;
	font-weight:bold;
	font-size:15px;
	padding-top:10px;}
	


header{
	text-align:center;
	background:#FFFFFF;}
	
header h2{color:#2C8C38;}
/* @end*/



/* @gropu Nav*/
nav {
	font-size:0.8em;
	clear:both;
	margin-bottom:24px;
	background-color:#19B41E;
	background: -moz-linear-gradient(top, rgba(7,118,11,1.00) 0%, rgba(43,32,18,1) 88%);
	background: -webkit-gradient(liner, left top, left bottom, color-stop(0%, rgba(125,73,52,1)), color-stop(88%, rgba(43,21,18,1)));
	background: -webkit-linear-gradient(top, rgba(7,118,11,1.00)  0%, rgba(43,32,18,1) 88%);
	background: -o-linear-gradient(top, rgba(7,118,11,1.00) 0%, rgba(43,32,18,1) 88%);
	background: linear-gradient(to bottom, rgba(7,118,11,1.00) 0%, rgba(43,32,18,1) 88%);
}
nav ul {overflow:hidden;}
nav ul li {width:20%; float:left}
nav ul li a {display:block;color:#FFF;padding:12px 0}
nav ul li a:hover {color:white; background-color:#048913}
/* @end*/

/* @group Contents */
#contents{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
	
#contents p{
	margin-bottom:24px;
	text-align:left;}
	
#contents img{
	max-width:100%;
	height:auto;
	margin-bottom:24px;}	
/* @end*/

#MV  img{
	width:100%;}

/*お知らせ*/
#infobox{
	height:240px;
	max-width:800px;
	margin-bottom:50px;
	text-align:left;}
	
dl.infobox{
	height:240px;
	overflow: auto;}

dl dt.flag{
	background: url( url(images2/common/flag.png)) left center no-repeat;
	padding-left: 18px;
	font-size: 14px;
	font-weight: bold;}
   
dl dd.m{
	font-size:12px;
	padding-left:18px;
	padding-right:10px;
	padding-top:5px;}
	
dl dd.s{
	font-size:11px;
	padding-right:10px;
	text-align:right;
	color: #333;}



span.new{
	color:#F90;}

/*@お知らせend*/	


/*ご案内*/
#menu{
	max-width:800px;
	text-align:center;}

.menu_box_l,
.menu_box_r {
	position:relative; 
	height:130px;
	float:left;}
	
#menu .img{
	position:absolute;
	left:0px;}

#menu .word{
	padding-left:130px;
	padding-right:10px;
}
#menu .word .bold{
	font-weight:bold;
	font-size:15px;}


.c{clear:both;}
/*ご案内end*/

/*club*/
#cat1{margin-bottom:10px;}
#cat1 p{padding-left:10px;}

#menu_left, #menu_right{float:left;}

#menu_right p{
	font-size:14px;}

#menu_right table{
	border:solid;
	border-collapse: collapse;
	border-width:thin;
	margin-left:30px;}

#menu_right table tr th {
	border:solid;
	padding:20px 3px 20px 3px;
	width:200px;
	background-color:#048913;
	color:#FFFFFF;
	border-color:#000000;
	border-width:thin;
	font-size:12px;}	

#menu_right table tr td {
	border:solid;
	padding:20px 3px 20px 3px;
	width:22%;
	border-width:thin;
	font-size:12px}	
	
#cat2{
	margin-bottom:20px;}

#cat2 table{
	margin-left:0;}

#cat2 table tr td{
	text-align:left;
	vertical-align:top;}

#item{
	max-width:800px;
	text-align:center;}

.item_box_l,
.item_box_r {
	position:relative; 
	height:180px;
	float:left;}
	
#item .img{
	position:absolute;
	left:0px;}

#item .word{
	padding-left:180px;
	padding-right:10px;
}
#item .word .bold{
	font-weight:bold;
	font-size:15px;}

/*club_end*/


/*lesson*/
#cat1 #menu_left img{
	width:100%;
	display:none;}

#le_cat2 table{
	width:100%;
	text-align:left;}
	
#le_cat2 table tr th{
	width:40%;
	vertical-align:top;
	padding-bottom:10px;
	font-size:14px;
	letter-spacing:-1px;}

#le_cat2 table tr td{
	width:60%;
	vertical-align:top;
	padding-bottom:10px;
	font-size:14px;}

#le_menu table{
	width:100%;
	border:solid;
	border-collapse: collapse;
	border-width:thin;
	font-size:13px;}
	
#le_menu table tr th{
	border:solid;
	border-width:thin;
	background:linear-gradient(rgba(7,118,11,1.00), rgba(43,32,18,1));
	color:#FFFFFF;
	padding:5px 5px;}
	
	
#le_menu table tr td{
	border:solid;
	border-width:thin;
	padding:10px 5px;}
	
#le_menu p{
	font-size:12px;}

#menu_right p{
	font-size:15px;}
/*lesson_end*/

/*facility*/
#fa_cat1{
	margin-bottom:30px;}
	
#fa_cat1 .abstract{
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)), url(img_sec/facility/IMG_3456.JPG);
	background-size: cover;
	padding:20px;
	text-align:left;
	color:#000;
	line-height:30px;
	font-weight:600;
	text-shadow: 1px 1px 10px #FFF;}

#fa_cat1 ul{
	border:dotted;
	border-width:medium;
	padding:10px 15px;
	border-radius:10px;
	margin-bottom:15px;
	padding:10px;
	color:#194B02;
	background-color:rgba(255, 255, 255, 0.7)
	}
	
#fa_cat2 .box{
	width:30%;
	margin-right:3%;
	float:left;
	line-height:15px;}

#fa_cat2 .box p{
	padding:0 3%;
	font-size:14px;}
	
#fa_cat3 .box{
	width:45%;
	margin-right:5%;
	float:left;
	font-size:14px;
	line-height:15px;}

/*facility_end*/


/*faq*/
#faq_cat1 table{
	width:100%;
	font-size:14px;
	margin-bottom:20px;}
	
#faq_cat1 table tr th{
	width:25%;
	text-align:left;}

#faq_cat1 table tr td{
	width:75%;
	text-align:left;}
	
#faq_cat1 ul li{line-height:40px; padding-left:}

#form table{
	border-collapse:collapse;
	width:100%;
	font-size:14px;}
	
#form table tr th{
	font-weight:400;
	padding:5px 0;
	background:rgba(7,118,11,1.00);
	color:#FFF;
	border-bottom:solid;
	border-bottom-color:#fff;}

.input{width:80%;}
.input2{width:35%;}

table.send_btn{
	margin-bottom:20px;}
	
table.send_btn tr td.btn_l{
	font-size:12px;
	text-align:left;
	width:70%;}

.btn-square {
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  background: rgba(7,118,11,1.00);/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*faq_end*/


/*taiken*/
#flow {
	width:100%;
	background:url(images2/taiken/taiken_bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center right;
	text-align:left;}

#flow p{
	width:80%;
	padding-right:20%;
	font-size:14px;}
	
#flow h5{
	color:rgba(7,118,11,1.00);}
	
#howtotaiken h5{
	color:#F36F02;}

#howtotaiken{
	border:dotted;
	border-radius:30px;
	border-color:#F36F02;
	padding:10px;
	text-align:left;}
	
#howtotaiken ul{
	font-size:14px;
	padding-left:10px;}

#yoyaku{
	margin:20px 0px;}
/*taiken_end*/


/*access*/
#acc_cat1 img{
	display:none;}

#acc_cat1 .left_box{
	float:left;
	width:100%;}
	
#acc_cat1 p{
	padding-left:10px;}

#map{
	width:100%;
	height:300px;}
	
/*access_end*/



/*conpe*/
.conpe_cat1_l{
	float:left;
	width:100%;
	text-align:left;
	margin-bottom:20px;}

.conpe_cat1_l ul li{
	padding-left:15px;}
	
.conpe_cat1_r{
	float:left;
	width:35%;
	text-align:center;
	}

.conpe_cat1_r img{
	display:none;}


.conpe_cat2_l{
	width:100%;
	text-align:left;
	margin-bottom:20px;}

.conpe_cat2_r{
	width:100%;
	text-align:center;}

.conpe_cat2_r img{
	width:300px;}
	

	
.loop_wrap {
	display: flex;
	width: 100%;
	overflow: hidden;}

.loop_wrap ul {
	display:flex;
	width: auto;
	height: 100%;
}
.loop_wrap ul li{
	width: 200px;
	padding-right:10px;}


@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap ul:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 50s linear infinite;
}	

.loop_wrap:hover ul {
  animation-play-state: paused;
}
/*conpe_end*/








/*sub*/
#hours , #profile{
	border:solid;
	border-color:#060;
	border-width:thick;
	padding:10px;
	width:270px;
	margin-bottom:30px;}

#hours table tr th{
	width:75px;}
	
#hours table tr td{
	width:75px;}
	
#hours .font , #profile .font{
	font-size:12px;
	text-align:center;
	margin-bottom:0;}

.profile{
	background:url(images2/common/profile.gif);
	background-repeat:no-repeat;
	height:150px;}	
	
.profile2{
	background:url(images2/index/jpga.jpg);
	background-repeat:no-repeat;
	height:120px;
	margin-left:150px;
	font-weight:bold;
	font-size:18px;	}
	
#banner{text-align:center;}


/* @group Footer */
footer{
	text-align:center;
	padding:10px 0;
	background:linear-gradient(rgba(7,118,11,1.00), rgba(43,32,18,1));
	color:#FFF;}




/*768px*/
@media screen and (min-width:768px){
	
	
h3{
	text-align:left;
	padding:6px 0 6px 10px;
	background:linear-gradient(rgba(7,118,11,1.00), rgba(43,32,18,1));
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
	
#top .title1{
	font-size:35px;
	font-weight:bolder;
	padding-left:10px;
	color:#347206;}	
	
#top .title2{
	font-size:15px;
	font-weight:bolder;
	padding-top:10px;
	padding-right:40px;}
	
	
.menu_box_l{
	max-width:40%;
	position:relative; 
	height:130px;
	margin-right:12%;
	float:left;}
	
.menu_box_r{
	max-width:40%;
	position:relative; 
	height:130px;
	float:left;}

#menu .img{
	position:absolute;
	left:0px;}

#menu .word{
	width:80%;
	padding-left:110px;
	font-size:14px;}		
	





/*club*/
#menu_left, #menu_right{
	float:left;
	max-width:48%;
	}
#menu_left{
	margin-right:15px;}
	
.item_box_l{
	max-width:40%;
	position:relative; 
	height:180px;
	margin-right:12%;
	float:left;}
	
.item_box_r{
	max-width:40%;
	position:relative; 
	height:180px;
	float:left;}

#item .img{
	position:absolute;
	left:0px;}

#item .word{
	width:60%;
	padding-left:165px;
	font-size:14px;}	
	
/*club_end*/
/*lesson*/
#le_cat2 table tr th{
	width:30%;
	font-size:18px;}

#le_cat2 table tr td{
	width:70%;}
	
#cat1 #menu_left img{
	display:flex;}

/*lesson_end*/

/*facility*/
#fa_cat1 .abstract{
	padding-left:30%;
	background: linear-gradient(90deg,rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url(img_sec/facility/IMG_3456.JPG);
	background-size: cover;}
/*facility_end*/

/*taiken*/
#flow p{
	width:80%;
	padding-right:20%;
	font-size:16px;}
	
#howtotaiken ul{
	font-size:16px;
	padding-left:10px;}
/*taiken*/

/*access*/
#acc_cat1 img{
	display:flex;
	padding-top:10px;}

#acc_cat1 .left_box{
	float:left;
	width:55%;
	margin-right:5%}
	
#acc_cat1 .right_box{
	float:right;
	width:40%;}
	
#map{
	width:100%;
	height:500px;}
/*access_end*/

/*conpe*/
.conpe_cat2_l{
	float:left;
	width:60%;
	padding-right:3%;
	text-align:left;}

.conpe_cat2_r{
	float:left;
	width:37%;}
	
.conpe_cat1_r img{
	display:flex;}
	
.conpe_cat1_l{
	float:left;
	width:65%;
	text-align:left;
	margin-bottom:20px;}







}


/*1024px*/
@media screen and (min-width:1024px){
nav ul{
	width:93.75%;
	margin:0 auto;}
		
#contents{
	overflow:hidden;
	width:93.75%;}
	
#contents #main,
#contents #sub{
	float:left;
	margin:0 1.0416667%;}
	
#contents #main{width:64.5833333%;}
#contents #sub{width:31.25%}

footer{
	width:91.796875%;
	margin:0 auto;}

/*club*/
/*club_end*/

/*lesson*/
#le_menu p{
	font-size:14px;}
/*lesson_end*/




}
	

/* @end*/