@charset "utf-8";

*{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, Arial, Verdana, Helvetica, sans-serif;	}

/* CSS Document */
#main h3{
	font-size:16px;
	font-weight:bold;
	
	}


#side h3{
	border-left:8px solid #FF8600;
	background-color:#1B1B1B;
	color:#F1F1F1;
	font-size:16px;
	font-weight:bold;
	padding: 8px 10px;
	margin: 0px 0px 24px 0px;
	text-align:center;
	}
#footer {
		background-color:#1B1B1B;
		color:#F1F1F1;
		margin:0;
		overflow:hidden;
		}	
#footer dt{
	padding-top:30px;
	
	}
#footer .row{
	margin-bottom:0;
	}

.kyoushitsu{

	border:#E7E7E7 solid 1px;
	height:60px;
	padding:20px;
	font-size:12px;
	font-weight:bold;
	border-radius: 4px;

	
	}
#kyo a {
	color:#1B1B1B;
	text-decoration: none;
	}
	
	
.kyoushitsu:hover{
	background-color:#CBCBCB;
	text-decoration: none;
	color: #000;
	
}	


.main-box01{
	width:100%;
	border:#E7E7E7 solid 1px;
	}
	
.main-box-midashi{
	background-color:#1A1A1A;
	color:#fff;
	font-size:1em;
	padding:10px 10px;
	margin:0px 0px;
	}	
	
.main-box-setsumei{
	color:#414141;
	padding:10px 10px;
	margin:0px 0px;
	font-size:11px;
	text-align:left
	}		
	
.main-box01 img{
	width:100%;
	margin:0;
	padding:0;
	height:auto;
	
	
	}	
.kyoushitsu01:hover{
	background-color:#CBCBCB;
	
}	


.boder01{
	border-bottom:#1F1F1F solid 2px;
	margin-bottom:24px;
	
	}
	
.boder01 h3{
	font-size:18px;
	font-weight:bold;
	
	
	}	
.font-xxs{
	font-size:9px;
	
	}
	
.font-menu{
	font-size:8px;
	margin:auto;
	padding:0px;
	}	
	
	
.tyuui{
	color:#C70000;
	font-size:9px;
	display: inherit;
	margin-left:10px;
	
	}
mar-left-20{
	margin-left:20px;
	}
.errfont{
	font-weight:bold;
color:#C70000;
display:block;
	}	
	
	
	
.atention{
	min-height:100px;
	background-color: #FFE9E9;
	border:#D41E21 solid 1px;
	padding:20px;
	margin:15px auto;
	max-width:90%;
	
	
	
	}
		
	
	
		
@media (min-width: 1200px) {
.kaigyou{
	display:inline;
	
	}
	
.main{
	width:700px;
	padding-right: 15px;
	padding-left: 15px;
	float:right;
	
	}
	
.main-1culm{
	padding-right: 15px;
	padding-left: 15px;
	
	}	
	
.side{
	width:250px;
	float:left;
	
	}	
	
}


.blog_date{
	padding: 0 0 0 0;
	font-size: 1.0em;
	color: #E68321;
	
	}
	
.blog_title{
	
	font-size: 1.25em;
	margin: 2px 0px 20px 0px;
	color: #525252;
	font-weight:bold;
	height:40px;
	border-bottom:1px double #CCCCCC;
	
	}	
	
.blog_dis{
	padding:5px;
	border-bottom:1px double #CCCCCC;
	margin-bottom:15px
	
	}
	
/*溝幅 20pxの場合*/
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}

/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}
/*溝幅 4pxの場合*/

.gutter-4{
margin-left:-2px;
margin-right:-2px;
}
.gutter-4 > [class*='col-'] {
padding-left:2px;
padding-right:2px;
margin-bottom:20px;
}


.guitar{
	background-color: #F6FEFF !important;
	}
	
.vocal{
	background-color: #FFF9FD !important;
	
	}	
	
.piano{
	background-color: #FEFFF2 !important;
	
	}	
	
	
.ukulele{
	background-color: #F6FFF6 !important;
	
	}
	
	
.dance{
	background-color:#FFF9F6 !important;
	
	}
	
.voice{
	background-color:#FAF6FF!important;
	
	}	
	
.table-hover>tbody>tr:hover>td {
color: #fff;
  background-color: #56A8C1;
}

.name {
	margin-bottom:24px;
	padding-bottom:5px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px dotted #181818;
}

.koushi{
	margin: 0 0 25px 0;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px dotted #181818;
	}

#main .subname {
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
	font-size: 1em;
	font-weight: bold;
}


.map_canvas{
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}
.map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.kaigyou{display: inline}
@media (max-width: 767px){
	h4{font-size:10px; }	
	.mediamidashi{font-size:0.8em; }
	#main div {margin-bottom:10px;}
	.kaigyou{display:block}
	.tyuui{
		display:block;
		
		}
	table{
		font-size:0.8em;
		
		}
.miseru{ display:none;	}


.kaigyou{
	display:block;
}
	
	.main-box-midashi{
	background-color:#1A1A1A;
	color:#fff;
	font-size:0.9em;
	padding:10px 10px;
	margin:0px 0px;
	}	
}

.table_border_red{
	    border: 2px solid #CD0003 !important;
	
}

.padbox10{
	padding: 10px;
}

.magbottom{
	margin-bottom:12px;
}
.magbottom30{
	margin-bottom:120px;
}
.mediamidashi {
}

input:invalid {  
	border-color: red !important;
	color: red !important;
}



.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #504944;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height:0;
  margin: auto;
}
.step li:before{
  top:-10px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-10px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #9bbb30;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #9bbb30;
}
@media (max-width: 575.98px) {
	
	.step{
		
		font-size: 0.75rem
	
	}	
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height:0;
	top: -0.75rem;
  margin: auto;
}
.step li:before{
  top:-18px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-18px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
	
	
	
}
#trial label{
	
	min-width: 100px;
}

.boxx{
	max-width: 700px;
	margin: auto;

}

.res_title{
	min-width: 100px;
}

.smaller{
	font-size: 0.7rem;
}

@media screen and (min-width: 768) {
  .sp-br{
    display: none;
	  
  }
}
@media screen and (max-width: 768) {
  .mb-dis{
    display: none;
  }
}

.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > [class*='col-'] {
  padding-right: 0px;
  padding-left: 0px;
}
.row-5 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-5 > [class*='col-'] {
  padding-right: 2px;
  padding-left: 2px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > [class*='col-'] {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > [class*='col-'] {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > [class*='col-'] {
  padding-right: 20px;
  padding-left: 20px;
}

.resize {
    position: relative;
    width: 200px;
    height: 280px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 10px;
}

.resize img{
position:absolute;
height:100%;
object-fit:cover;
}


.left0 img{
    left:0;
}

.ab-center img{
/*left: -50%;*/
  margin: auto;
}

.pp{
	display:flex;
	justify-content: center;
}

.pp div{
	padding: 1rem 1rem;
}

#asct h2{
font-size:2rem;
	font-weight: 700;
	
}