#topimg1 {
	width: 100%;
	height: 100px;
	background-image: url(../images/1_2.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

#topimg2 {
	width: 100%;
	height: 100px;
	background-image: url(../images/2.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

#topimg3 {
	width: 100%;
	height: 100px;
	background-image: url(../images/3.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

#topimg4 {
	width: 100%;
	height: 100px;
	background-image: url(../images/4.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

#topimg5 {
	width: 100%;
	height: 100px;
	background-image: url(../images/5.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

#topimg6 {
	width: 100%;
	height: 100px;
	background-image: url(../images/6-v1.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

/* Suhara 2018.12.26 */

#topimg7 {
	width: 100%;
	/* height: 100px; */
	background-image: url(../images/1_thin.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

/* Suhara 2018.12.26 */

#topimg8 {
	width: 100%;
	/* height: 100px; */
	background-image: url(../images/6_thin.jpg);
	overflow: hidden;
	position: relative;
	background-size: cover;
}

/* -----topbox----- */
#topbox {
	padding: 22px 0px 0px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align:center;
	position: relative;
	z-index: 1;
	}	
	
#topbox h2 {
	font-size: 2.8em;
	text-shadow: 0 -2px 0 rgba(0,0,0,0.65);
	color: #fff;
	}



@media screen and (max-width: 680px) {

	#topimg1,#topimg2,#topimg3,#topimg4,#topimg5,#topimg6 {
		height: 60px;
	}
	
	#topbox {
	padding: 10px 0%;
	width: 100%;
	}
	
	#topbox h2 {
	font-size: 2em;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.65);
}
	}
	
	@media screen and (max-width: 360px) {
	
	#topbox h2 {
	font-size: 1.5em;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.65);
}
	}
	
/* -----/topbox----- */

	
	.cach-top {
	font-size:1.3em;
	font-weight:400;
	font-style: oblique;
	text-align: center;
	margin:40px 0px;
	color: #666;
}


.cach-top2 {
	font-size:1.3em;
	font-weight:400;
	font-style: oblique;
	text-align: center;
	margin:40px 20px 5px;
	color: #666;
}

/* 矢印つきボックス */

.arrow_box {
 font-weight: bold;
 font-size: 21px;
 text-align: center;
 color: #fff;
width:10%;
height:360px;
	position: relative;
	background: #a4c0b6;
	margin: 20px 6% 20px 0px;
	padding:0px 20px 0px 0px;
	writing-mode: tb-rl;
	flort:left;
	display:inline-block;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-left-color: #a4c0b6;
	border-width: 40px;
	margin-top: -40px;
}
.arrow_box:before {
	border-left-color: #a4c0b6;
	border-width: 50px;
	margin-top: -50px;
}

.arrow_box small{
 font-weight: normal;
 font-size: 14px;
 text-align: center;
 color: #fff;
 }
 
 .arrow_box3 {
 font-weight: bold;
 font-size: 21px;
 text-align: center;
 color: #fff;
width:10%;
height:360px;
	position: relative;
	background: #c0ca7e;
	margin: 20px 6% 20px 0px;
	padding:0px 34px 0px 0px;
	writing-mode: tb-rl;
	flort:left;
	display:inline-block;
}
.arrow_box3:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box3:after {
	border-left-color: #c0ca7e;
	border-width: 40px;
	margin-top: -40px;
}
.arrow_box3:before {
	border-left-color: #c0ca7e;
	border-width: 50px;
	margin-top: -50px;
}
.arrow_box3 small{
 font-weight: normal;
 font-size: 14px;
 text-align: center;
 color: #fff;
 }

 .arrow_box2 {
 font-weight: bold;
 font-size: 21px;
 text-align: center;
 color: #fff;
width:10%;
height:360px;
	position: relative;
	background: #f2cd92;
	margin: 20px 6% 20px 0px;
	padding:0px 20px 0px 0px;
	writing-mode: tb-rl;
	flort:left;
	display:inline-block;
}
.arrow_box2:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-left-color: #f2cd92;
	border-width: 40px;
	margin-top: -40px;
}
.arrow_box2:before {
	border-left-color: #f2cd92;
	border-width: 50px;
	margin-top: -50px;
}
.arrow_box2 small{
 font-weight: normal;
 font-size: 14px;
 text-align: center;
 color: #fff;
 }



 .arrow_box6 {
 font-weight: bold;
 font-size: 21px;
 text-align: center;
 color: #fff;
width:10%;
height:360px;
	position: relative;
	background: #e1a29a;
	margin: 20px 6% 20px 0px;
	padding:0px 20px 0px 0px;
	writing-mode: tb-rl;
	flort:left;
	display:inline-block;
}
.arrow_box6:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box6 small{
 font-weight: normal;
 font-size: 14px;
 text-align: center;
 color: #fff;
 }




 
.arrow_box66 {
 font-weight: bold;
 font-size: 21px;
 text-align: center;
 color: #fff;
width:10%;
height:360px;
	position: relative;
	background: #e1a29a;
	margin: 20px 0px 20px;
	padding:0px 34px 0px 0px;
	writing-mode: tb-rl;
	flort:left;
	display:inline-block;
}
.arrow_box66:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}




/* レスポンシブ　テーブル */
table {
  border-collapse: collapse;
  width: 100%;
  margin: -1px 0px;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #999;
  line-height: 1.7em;
}

table th {
  background-color: #eee;
  text-align: center;
  width: 25%;
}

.training {
  background-color: #ffcf9c;
}

.training2 {
font-size:18px;
font-weight:bold;
  background-color: #fff0e0;
}

table p {
margin: 0px 0px 5px;
padding:5px 0px 0px;
line-height:1.7em;
  text-indent: -0em;
padding-left: 0em;
border-bottom: 1px dotted #ccc;
}


table .p1 {
margin: 0px 0px 5px;
padding:5px 0px 0px;
  text-indent: -6.1em;
  line-height:1.7em;
padding-left: 6.1em;
border-bottom: 1px dotted #ccc;
}

table .p2 {
margin: 10px 0px;
padding:5px 0px 5px 1em;
  text-indent: -0em;
  line-height:1.7em;
border-bottom: 1px dotted #ccc;
}

table .p3 {
margin: 10px 0px;
padding:5px 5px 5px 1em;
  text-indent: -1em;
  line-height:1.7em;
border-bottom: 1px dotted #ccc;
}

/* ボタン　*/

.button {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #dcdcdc;
	margin:20px;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#222222;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.button:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}

.button:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */


/* スケジュール用 */

.ws_title {
	margin:40px 0px 10px;
	font-size:1.3em;
	font-weight:600;
	position: relative;
	padding: .40em 1em .20em 1.5em;
	border-bottom: 1px solid #ccc;
	}
	
	.ws_title2 {
	margin:0px 0px 10px;
	font-size:1.2em;
	font-weight:400;
	position: relative;
	padding: .40em 1em .20em 0em;
	border-bottom: 1px solid #ccc;
		background-color:#eee;		/* 背景色： */

	}
	
.ws_title;first-of-type {
margin-top:0px;
	}

.ws_title::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 2em);
	height: calc(100% - 0.9em);
	background-color: #006833;
	border-radius: 4px;
}

.ws_title_schedule {
	margin-top:20px;
	font-size:1.3em;
	font-weight:600;
	position: relative;
	padding: .40em 1em .20em 1.5em;
	border-bottom: 1px solid #ccc;
	}
.ws_title_schedule;first-of-type {
margin-top:0px;
	}

.ws_title_schedule::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 2em);
	height: calc(100% - 0.9em);
	background-color: #006833;
	border-radius: 4px;
}


.ws_schedule {
	padding: .5em .75em;
	background-color: #fcf6f6;
	border-bottom: 1px solid #ccc;
	}
	
.ws_schedule:nth-child(odd) {
	background-color: #f9f9f9;
	}

.otws_schedule {
	padding: .5em .75em;
	background-color: #f9f9f9;
	border-bottom: 1px dashed #ccc;
	}
	
.otws {
	margin:10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}
	
.ws_instructor {
	padding: .5em .75em;
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
	}
	
	
/*  ----------@media screen----------   */

@media screen and (max-width: 680px) {

table,table th,table td {
    border: 0px solid #999;
    padding: 5px 0px;
    margin:10px 0px 0px;
  }
  table td {
    display: block;
    text-align: left;
  }
  
  table th {
    display: block;
    width: 100%;
      background-color: #222;
     	color: #fff;
 }
 
 .training {
  background-color: #e3b238;
}
.training2 {
  background-color: #f9ebcc;
  padding-left:10px;
}

.cent {
	text-align:center;
}
	

	
}




@media screen and (max-width: 880px) {
	
.arrow_box {
	width:90%;
	height:60px;
	font-size: 18px;
	line-height: 1em;
	margin: 10px auto 40px;
	padding:12px 0px;
	position: relative;
	background: #a4c0b6;
	writing-mode: lr-tb;
	flort: none;
	display:block;
}

.arrow_box:after {
	top: 160%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(164, 192, 182, 0);
	border-top-color: #a4c0b6;
	border-width: 35px;
	margin-left: -35px;
}

.arrow_box2 {
	width:90%;
	height:60px;
	font-size: 18px;
	line-height: 1em;
	margin: 12px auto 40px;
	padding:10px 0px;
	position: relative;
	background: #f2cd92;
	writing-mode: lr-tb;
	flort: none;
	display:block;
}

.arrow_box2:after {
	top: 160%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(164, 192, 182, 0);
	border-top-color: #f2cd92;
	border-width: 35px;
	margin-left: -35px;
}

.arrow_box3 {
	width:90%;
	height:60px;
	font-size: 18px;
	line-height: 1em;
	margin: 10px auto 40px;
	padding:21px 0px;
	position: relative;
	background: #c0ca7e;
	writing-mode: lr-tb;
	flort: none;
	display:block;
}

.arrow_box3:after {
	top: 160%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(164, 192, 182, 0);
	border-top-color: #c0ca7e;
	border-width: 35px;
	margin-left: -35px;
}

.arrow_box6 {
	width:90%;
	height:60px;
	font-size: 18px;
	line-height: 1em;
	margin: 10px auto 40px;
	padding:21px 0px 0px;
	position: relative;
	background: #e1a29a;
	writing-mode: lr-tb;
	flort: none;
	display:block;
}


}