@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
    font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	background-color: #fff;
	color: #333;
	line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'Noto Sans Japanese', serif;
	font-weight: 200; 
	font-weight: 600;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    color: #333;
	padding: 0 10px;
	text-align: justify;
    text-justify: inter-ideograph;
}
hr {
    border-color: #eee;
	margin: 0 0 5px;
}
.w1200{
	max-width: 1200px;
	margin: 0 auto;
}
.w1080{
	max-width: 1080px;
	margin: 0 auto;
}
.w780{
	max-width: 780px;
	margin: 0 auto;
}
.box3 h4{
	font-size: 17px;
	text-align: center;
}
.box3 p{
	text-align: center;
}
.box3p{
	line-height: 1.2;
	color: #87b415;
	font-weight: 700;
	padding: 0;
	border-radius: 10px;
}

.contact-grid{
	width: 100%;
	max-width: 600px;
	margin:  0 auto;
}
.green-2{
	margin-top: 20px;
	color: #87b415;
	font-size: 1em;
}
.green{
	color: #87b415;
	font-size: 1.5em;
	line-height: 1;
	padding: 0 10px;
	margin: auto;
}
.green tr{
	float: none;
}
.green_non{
	color: #777;
	font-size: 1.5em;
	line-height: 1;
	padding: 0 10px;
	margin: auto;
}
.green_non tr{
	float: none;
}
.item{
	max-width: 1200px;
}
.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    max-width: 130px;
	padding: 0;
	margin-left: 0px;
}

.navbar-brand2 {
    max-width: 65px;
	padding: 2px 0 0 0px;
	margin-left: -10px;
}
.navbar-brandx {
    max-width: 140px;
	padding: 13px 0 0 0;
	margin-left: 10px;
}
.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}
.navbar-header {
	display: block;
	background-color: #fff;
}
.img-full {
    min-width: 100%;
}

.img-self {
    width: 100%;
	margin: 0 auto;
}
.img-self2 {
    width: 70%;
	margin: 0 auto;
}
/*
.brand-before,
.brand-name {
    text-transform: capitalize;
}*/

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 1em;
	font-weight: 500;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin: 0;
    padding: 10px 10px 0;
    background: #fff;
    background: rgba(255,255,255,0.9);
}
.box p{
	font-size: 1em;
}
.exp_box ul li{
	font-size: 1.1em;
}
.main_h1{
	margin-top: 0;
	color: #83b367;
	font-size: 22px;
	font-weight: 600;
}
.inst_h1{
	margin-top: 0;
	color: #ea5415;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
}
.intro-text3 {
	color: #666;
	border-bottom: 1px solid #333;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0 10px;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 10px 0 0;
}

.intro-text2{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
}
.intro-text2:hover{
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.hov_hov{
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;	
}
.hov_hov:hover{
	opacity: 0.8;
}
.jump_de {
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
a .jump_de:hover{
	opacity: 0.7;
}
.intro-text {
	width: 95%;
	margin: 10px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #6f6f6f;
	border: 2px solid #444;
	padding: 10px 0;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 0.1em;
	border-radius: 30px;
}
.intro-text51 {
	width: 100%;
	margin: 10px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	background-color :#87b415;
	padding: 13px 0;
    font-size: 1.1em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    letter-spacing: 0.1em;
}
.intro-text5 {
	background-color: #fac55f;
	color: #fff;
	margin-top: 0;
	padding: 10px 0;
    font-size: 1.6em;
    font-weight: 800;
    letter-spacing: 0;
	margin-bottom: 0;
}
.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}
.img-left-o {
	max-width: 400px;
	width: 45%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-left-o1 {
	max-width: 255px;
	width: 40%;
    float: left;
    margin-right: 10px;
	margin-left: 10px;
}
.img-right-o1 {
	max-width: 255px;
	width: 40%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-right-o2 {
	display: block;
	max-width: 255px;
	width: 20%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-center{
	margin: 0 auto;
}
footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 10px 0;
	font-size: 0.9em;
}
h3.des1{
	font-size: 14px;
	margin-top: 0;
	letter-spacing: -0.1em;
}
.des2{
	color: #666;
	font-size: 16px;
	font-weight: 500;
	padding: 0 10px;
	text-align: left;
}
.des2 span{
	color: #999;
	font-size: 140%;
}
.bigger{
	font-size: 120%;
	font-weight: 500;
}
.fc-777{
	color: #777;
}

h2.des3{
	font-size: 16px;
	text-align: center;
}
.des4{
	padding: 0 1em;
	font-size: 1em;
	text-align: justify;
    text-justify: inter-ideograph;
}

.clover{
	font-size: 1.2em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.clover td{
	font-size: 17px;
	padding: 5px;
}
.reason{
	margin-top: 20px;
	font-size: 1.2em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.reason td{
	font-size: 15px;
	padding: 5px;
}
.number51{
	font-size: 1.25em;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
}
.number51 td{
	font-size: 17px;
	padding: 0px 7px;
}
.number{
	font-size: 1.25em;
	border: 1px solid #87b415;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
}
.number td{
	font-size: 17px;
	padding: 3px 7px;
}
.number-l2{
	width: 4em;
	font-size: 2em;
	font-weight: 500;
	color: #fff;
	background-color: #87b415;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.number-l{
	width: 1em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	background-color: #87b415;
}
.reason-g{
	border: 1px solid #87b415;
	min-width: 100%;
}
.fc-orange{
	color: #ea5415;
	padding: 0 5px;
}
.off-on br{
	display: block;
}
.on-off2{
	display: none;
}
.off-on2{
	display: block;
}
.on-off br{
	display: none;
}
.mt30{
	margin-top: 30px;
}
.pbb30{
	padding-bottom: 30px;
}
.ptt20{
	padding-top: 20px;
}
	.effect{
	margin: 0 auto;
	}
.effect tr td{
	padding: 0 2px;
}
.portfolio-grids {
    padding: 0;
}
.padding5-grids {
    padding: 1px;
}
.img-responsive {
    width: 100%;
}
.img-responsive2 {
    width: 80%;
	margin: 0 auto;
}
.portfolio-grids a:hover .b-wrapper{
	bottom: 0%;
}
.b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -100%;
	left: -11px;
	padding: 0 1em;
	text-align: center;
}
.b-wrapper{
	bottom: 1px;
}
.b-wrapper h5 {
    font-size:16px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
		#fff 1px -1px 0px, #fff -1px -1px 0px;
	font-weight: 600;
    color: #444;
    text-align: center;
    padding:0;
}
.b-wrapper h4 {
    font-size:1em;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
}
.c h4 {
    font-size:1em;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
}
.trap-sp img{
	width: 10%;
}
.col-md-0{
	display: block;
}
.col-xs-0{
	display: none;
}
figcaption{
	font-size: 1.7em;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
}
.price-tb{
	border-collapse: collapse;	border-spacing: 0;
	max-width: 780px;
	width: 95%;
	margin:0 auto 5px;
}

.price-tb td{
	padding: 5px 2px;
	color: #777;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}
.price-tb th{
	padding: 5px 5px;
	color: #777;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}
.price-tb	{
	border: 1px solid #87b415;
}

.price-tb td	{
	border-bottom: 1px solid #87b415;
	border-left: 1px solid #87b415;
}
.btn-contact a{
	background: #ea5415;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	font-size: 1.6em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.btn-contact a:hover{
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
	}

table.location {
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
}
/*td.t_top {
    border-bottom: #be1309 4px solid;
}*/
th.location-th {
	width: 35%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

td.location-td {
	
	text-align: left;
	padding: 10px;
}
.green-p{
	color: #777;
	padding:0 0 0.2em;
	font-size: 1.3em;
}
.lesson_j{
	color: #777;
	text-align: center;
	padding: 0;
	font-size: 1.3em;
}
#pagetop{
	text-align: center;
	margin: 30px 10px 0 0;
}
#pagetop a {
	background-color: #fff;	
	border: 4px double #87b415;
	color: #333;	/*文字色*/
	text-decoration: none;
	text-align: center;
	padding: 5px 20px;
	font-size: 12px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	display: inline-block;
	border-radius: 1em;	/*角丸のサイズ*/
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
#pagetop a:hover {
	background-color: #87b415;	
	border: 4px double #fff;
	color: #fff;
}
.cream{
	background-color: #fbfbf1;
}
.green-border{
	border: 2px solid #bbd3a3;
}
.step3 p{
	padding: 0 10px;
}
.mtb-20{
	margin: 20px auto;
}
.exp_box{
	margin-top: 30px;
}
/*
.frame_01 {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}*/
.instractor_01{
	margin: 0;
	font-size: 25px;
	color: #84b564;
}
.instractor_03{
	margin: 10px 0 0;
	font-size: 1.1em;
	color: #666;
}
.instractor_02{
	font-size: 16px;
	color: #666;
}
.instractor_02 br{
	display: block;
}
hr.style-two {
	max-width:100%;
	margin: 3px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.mt_sp10{
	margin-top: 10px;
}
.des11{
	font-size: 11px;
	padding: 0 1em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.access_j a{
	background-color: #fff;	
	border: 4px double #87b415;
	color: #777;	/*文字色*/
	text-decoration: none;
	text-align: center;
	margin-left: 5em;
	padding: 5px 20px;
	font-size: 12px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	display: inline-block;
	border-radius: 1em;	/*角丸のサイズ*/
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.access_j a:hover {
	background-color: #87b415;	
	border: 4px double #fff;
	color: #fff;
}
.location2{
	border: 1px solid #84b564;
}
.on-off3{
	display: none;
}
.off-on3{
	display: block;
}
.sub-title {
  position: relative;
  font-size: 1.2em;
color: #6f6f6f;
  padding: .25em 0 .5em .75em;
  border-left: 16px solid #ea5415;
}
.sub-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
.top-des{
	text-align: center;
	color: #555;
	font-size: 18px;
	padding: 0 10px;
}
.block1{
	width: 100%;
	display: block;
}
.block2{
	padding-top: 0;
	margin-top: 0;
	width: 100%;
	display: block;
}
@media screen and (min-width:768px) {
.box3p{
	line-height: 1.2;
	color: #87b415;
	font-weight: 700;
	padding: 10px 0;
	border-radius: 10px;
}
.box3 h4{
	font-size: 19px;
	text-align: left;
}
	.box3 p{
	text-align: left;
}
	.price-tb td{
	padding: 10px 20px;
	color: #777;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
}
.navbar-brand {
 	max-width: 180px;
	padding: 0;
	margin: 5px 0 25px 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brand2 {
 	max-width: 90px;
	padding: 0;
	margin: 10px 25px 15px 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brandx {
 	max-width: 250px;
	padding: 0 0 0 20px;
	margin: 20px 0 0 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brand:hover{
		opacity: 0.7;
	}
.navbar-brand2:hover{
		opacity: 0.7;
	}
.navbar-brandx:hover{
		opacity: 0.7;
	}
.price-tb th{
	padding: 10px 20px;
	color: #777;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
}
.top-des{
	text-align: center;
	color: #555;
	font-size: 23px;
	padding: 0 10px;
}
p {
    font-size: 1.25em;
    line-height: 1.3;
	padding: 0 10px;
    color: #333;
	text-align: justify;
    text-justify: inter-ideograph;
}
.img-left-o {
	max-width: 400px;
	width: 35%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-left-o1 {
	max-width: 255px;
	width: 20%;
    float: left;
    margin-right: 20px;
	margin-left: 10px;
}
.img-right-o1 {
	max-width: 255px;
	width: 20%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-right-o2 {
	display: none;
	max-width: 255px;
	width: 10%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
	.sub-title {
  position: relative;
  font-size: 1.5em;
color: #6f6f6f;
  padding: .25em 0 .5em .75em;
  border-left: 16px solid #ea5415;
}
.sub-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
	.des4{
	padding: 0 1em;
	font-size: 1.25em;
	text-align: justify;
    text-justify: inter-ideograph;
}
	.box {
    margin: 0;
    padding: 10px 15px 0;

	}
	.box p{
		font-size: 1.25em;
	}
	.exp_box ul li{
	font-size: 1.25em;
	}
	.main_h1{
	color: #83b367;
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	}
	.inst_h1{
	color: #ea5415;
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	}
	.clover{
	font-size: 1.4em;
	padding: 10px;
	}
	h3.des1{
	font-size: 23px;
	}
	.des2{
	font-size: 1.5em;
	padding: 0 20px;
	}
	h2.des3{
	text-align: center;
	font-size: 28px;
	}
	.intro-text3 {
	color: #666;
	border-bottom: 1px solid #666;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0 10px;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 1px;
	}
	.intro-text2 {
	padding: 10px 0;
    font-weight: 400;
    letter-spacing: 1px;
	margin: 10px 5px 0 5px;
	}
	.intro-text {
	width: 100%;
	margin-top: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border: 2px solid #444;
	color: #6f6f6f;
	padding: 10px 0 5px;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 1px;
	margin-bottom: 0;
	}
	.intro-text51 {
	width: 100%;
	margin-top: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #87b415;
	color: #fff;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 15px 0 10px;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
	margin-bottom: 0;
	}
	.intro-text5 {
	color: #fff;
	padding: 10px 0;
    font-size: 3em;
    font-weight: 800;
    letter-spacing: 1px;
	margin-bottom: 0;
	}
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif; 
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 20px 35px 10px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: right;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
	.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 2.3em;
	font-weight: 500;
	}
	.off-on br{
	display: none;
	}
	.on-off br{
	display: block;
	}
	.ptt20{
	padding-top: 0;
	}
	.img-pc{
		display: block;
	}
	.img-sp{
		display: none;
	}
	.b-wrapper h5 {
    font-size:20px;
	font-weight: 600;
    color: #555;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
		#fff 2px -2px 0px, #fff -2px -2px 0px;
    text-align: center;
    padding:0;
	}
	.b-wrapper h4 {
    font-size:26px;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
	}
	.c h4 {
    font-size:26px;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
	}
	.effect tr td{
	padding: 0 5px;
	}
	.number51{
	font-size: 1.25em;
	margin-bottom: 0em;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
	}
	.number51 td{
	font-size: 20px;
	padding: 2px 10px;
	}
	.number{
	font-size: 1.25em;
	margin-bottom: 1em;
	border: 1px solid #87b415;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
	}
	.number td{
	font-size: 20px;
	padding: 5px 10px;
	}
	.clover td{
	font-size: 20px;
	padding: 5px;
	}
	.reason td{
	font-size: 20px;
	padding: 15px 10px;
	}
	.number-l{
	width: 1em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	background-color: #87b415;
	}
	.number-l2{
	width: 4em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	background-color: #87b415;
	}
	.reason-g{
	border: none;
	}
	.green-2{
	margin-top: 20px;
	color: #87b415;
	font-size: 1.8em;
	}
	.green-p{
	color: #777;
	padding: 0 0 0.2em;
	font-size: 2em;
	}
	.lesson_j{
	color: #777;
	padding: 1em 0 0em;
	text-align: center;
	font-size: 2em;
	}
	footer p {
    margin: 0;
    padding: 10px 0;
	font-size: 1.25em;
	}
	table.location {
	border-collapse: collapse;
	width:100%;
	font-size: 1.25em;
	}
	th.location-th {
	width: 25%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	}
	.btn-contact a{
	background: #ea5415;
	color: #fff;
	font-size: 2em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    }
	#pagetop{
	text-align: right;
	margin: 30px 10px 0 0;
	}
	.img-self {
    max-width: 60%;
	margin: 0 auto;
	}
	.img-self2 {
    max-width: 20%;
	margin: 0 auto;
	}
	.instractor_01{
	margin: 0;
	font-size: 29px;
	color: #84b564;
	}
	.instractor_03{
	margin: 20px 0 0;
	font-size: 1.5em;
	color: #666;
	}
	.instractor_02{
	padding-left: 20px;
	font-size: 19px;
	color: #666;
	}
	.des11{
	font-size: 10px;
	padding: 0 1em;
	text-align: justify;
    text-justify: inter-ideograph;
	}
	.img-responsive2 {
    width: 100%;
	margin: 0 auto;
	}
	.on-off3{
	display: block;
	}
	.off-on3{
	display: none;
	}
	}
@media screen and (min-width:992px) {
	.effect{
	margin: 0 auto;
	}
	.on-off2{
	display: block;
	}
	.off-on2{
	display: none;
	}
	.col-md-0{
	display: none;
	}
	.col-xs-0{
	display: block;
	}
	.green tr{
	float: left;
	padding-right: 1em;
	}	
	.green_non tr{
	float: left;
	padding-right: 1em;
	}
	th.location-th {
	width: 15%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	}
	.btn-contact a{
	background: #ea5415;
	color: #fff;
	font-size: 2em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.instractor_02{
	padding-left: 20px;
	font-size: 20px;
	color: #666;
	}
	.instractor_02 br{
	display: none;
	}
}
@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
	.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 3.2em;
	font-weight: 500;
	}
}

/*header menu_____________________________________*/
header {
	width: 95%;
	margin: 0 auto;
	display:table;
	font-size:0;
	line-height:0;
}
header h1, .colo-nav{
	display:table-cell;
}
.colo-nav{
	text-align:left;
	vertical-align:middle;
}
header h1 a img {
	height:40px;
	margin:10px;
}
header ul {
	font-size:17px;
	line-height:1;
	margin:0 10px 10px 0;
}
header ul li {
	margin-top: 10px;
	margin-left:3px; 
	display:inline-block;
}
header ul li::after {
	content:' |';
}
header ul li:last-child::after {
	content:'';
}
header ul li a {
	color:inherit;
}
/* Toggle(Button) */
#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:13px;
	top:13px;
	width:30px;
	height:25px;
	cursor:pointer;
}
#navToggle div {
	position:relative;
}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #666;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
	top:0;
}
#navToggle span:nth-child(2) {
	top:11px;
}
#navToggle span:nth-child(3) {
	top:22px;
}


/*Media-queries_____________________________________*/

@media screen and (max-width: 992px) {
header .colo-nav{
	position:absolute;
	right: 10px;
    top:-300px; /*通常時はビュー外*/
	background:rgba(255,255,255,.7);
    width:50%;
	text-align: right;
	padding:0 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left;
	z-index: 999;
	}
header ul {margin:0}
header ul li {
	display:block;
	margin:0;
	border-bottom:dotted 1px #fff; 
	line-height:3;
	}
header ul li a {
	display:block;
	}
header ul li::after {
	content:'';
	}
header ul li:last-child {
	border-bottom:none;
	}
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav .colo-nav{
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)}
}

/* Navigation */

.nav-sp{
	text-align: right;
	margin: 10px 0 0 50%;
	float: none;
}
.nav-sp li{
	display: block;
	font-size: 15px;
}
.nav-sp li a{
	color: #333;	
}
.nav-sp li a:hover{
	opacity: 0.7;	
}

.nav-items {
    padding: 0;
    list-style: none;
}

.nav-item {
    display: inline-block;
    margin-right: 0px;
}
.nav-item:last-child {
	padding-top: 0;
	padding-bottom: 0;
    margin: 0;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active,
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    display: block;
    position: relative;
    font-size: 15px;
    letter-spacing: 0;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active {
    color: #555;
}

.nav-link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nav-link:hover::before,
.nav-link:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.dropdown {

}

.nav-link {
    height: 17px;

}

.dropdown .nav-link::after {
    content: "";
    position:absolute;
    top: 6px;
    right: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.submenu {
    position: absolute;
    top: 100%;
    right: 2%;
    z-index: 100;
    width: 230px;
    margin-left: 0;
	padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.submenu::after, 
.submenu::before {
    content: ""; 
    position: absolute;
    bottom: 100%;
    right: 5%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

.submenu::after {
    border-bottom-color: #fff;
}

.submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.submenu-items {
    list-style: none;
    padding: 10px 0;
}

.nav-sp .submenu-item {
    display: block;
    text-align: left;
}

.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    color: #3498db;
    padding: 10px 20px;
}

.submenu-link:hover {
    text-decoration: underline;
}

.submenu-seperator {
    height: 0;
    margin: 12px 10px;
    border-top: 1px solid #eee;
}

.show-submenu .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;
}
.top-grid{
	position:relative;
	overflow: hidden;
}
.top-grid img{
	width:100%;
}
.picture-in {
	color: #fff;
	background: rgba(235, 97, 0, 0.75);
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	line-height: 1.1;
	text-align: center;
    position: absolute;
	padding: 10px;
    top: 0;
	left: 0;
}
.captn {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
    font-size: 1em;
    color: #fff;
}

.top-grid:hover .captn{
    bottom: 50%;
}
.captn2 {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.1em 0.5em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn2 h4 {
    font-size: 0.75em;
    color: #fff;
}

.top-grid:hover .captn2{
    bottom: 30%;
}
.dropdown .nav-link{
	padding-top: 10px;
}
.banner_title{
	text-align: center;
	color: #777;
	font-size: 16px;
}

.banner_jump p{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 50px;
}
.banner_jump2 p{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 13.5px;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 50px;
}
.banner_jump4 p{
	background: #87b415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 50px;
}
.banner_jump p:hover {
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.banner_jump4 p:hover {
	background-color: #fff;
	border-color: #87b415;
	color: #87b415;
}
.banner_jump2 p:hover {
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.accordion-item {
  position: relative;
  cursor: pointer;
}
.accordion-item:hover {
  background-color: #fff;
}

.accordion-item .plus {
  position: absolute;
  top: -5px;
  right: 25px;
  color: #84b564;
  font-size: 20px;
}
.question{
  text-align: center;
	border-bottom: 1px solid #eee;
}
.answer {
  display: none;
}
@media screen and (min-width:992px) {
.nav-sp{
	margin-top: 15px;
	float: right;
}
.nav-sp li{
	display: inline-table;
	padding-bottom: 5px;
	font-size: 15px;
}
.nav-sp li a{
	color: #333;	
}
.nav-sp li a:hover{
	opacity: 0.7;	
}
}
@media screen and (min-width:768px) {
	/* Navigation */
.picture-in {
	color: #fff;
	background: rgba(235, 97, 0, 0.75);
	font-size: 40px;
	font-weight: 500;
	width: 100%;
	line-height: 1.1;
	text-align: center;
    position: absolute;
	padding: 10px;
    top: 0;
	left: 0;
}
.nav-items {
    padding: 0;
    list-style: none;
}

.nav-item {
    display: inline-block;
    margin-right: 15px;
}

.nav-item:last-child {
    margin-right: 0;
	padding-top: 10px;
}
.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active,
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    display: block;
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active {
    color: #555;
}

.nav-link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nav-link:hover::before,
.nav-link:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.dropdown {

}

.dropdown .nav-link {
    height: 17px;

}

.dropdown .nav-link::after {
    content: "";
    position:absolute;
    top: 6px;
    right: 0;
    border-top-color: #fff;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    width: 230px;
    margin-left: -140px;
	padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.submenu::after, 
.submenu::before {
    content: ""; 
    position: absolute;
    bottom: 100%;
    right: 40%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

.submenu::after {
    border-bottom-color: #fff;
}

.submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.submenu-items {
    list-style: none;
    padding: 10px 0;
}

.submenu-item {
    display: block;
    text-align: left;
}

.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    color: #3498db;
    padding: 10px 20px;
}

.submenu-link:hover {
    text-decoration: underline;
}

.submenu-seperator {
    height: 0;
    margin: 12px 10px;
    border-top: 1px solid #eee;
}

.show-submenu .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;
}
.top-grid{
	position:relative;
	overflow: hidden;
}
.top-grid img{
	width:100%;
}
.captn {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
    font-size: 1.2em;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.top-grid:hover .captn{
    bottom: 100%;
}
.captn2 {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: 1s all;
    transition: 1s all;
    -moz-transition: 1s all;
}
.captn2 h4 {
    font-size: 1.2em;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.top-grid:hover .captn2{
    bottom: 30%;
}

.banner_title{
	font-size: 25px;
}
.banner_jump p{
	font-size: 17px;
}
.banner_jump2 p{
	font-size: 17px;
}
.banner_jump4 p{
	font-size: 17px;
}
}


h2.resp-accordion {
	cursor: pointer;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.login-top h2{
	text-align: center;
	padding-top: 20px;
	color: #777;
}
/*-- //main-section --*/ 
.studio808 input{
	width: 100%;
	height: 35px;
	padding: 5px 10px;
}
.studio808 select{
	width: 100%;
	height: 35px;
	padding: 5px 10px;
}
.studio808 textarea{
	width: 100%;
	padding: 5px 10px;
	height: 80px;
}
input:focus, select:focus, textarea:focus {
outline: 2px solid rgba(255, 193, 7, 0.75);
}
input[type="submit"]{
	margin-bottom: 18px;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
    color: #fff;
    font-size: 1em;
	font-weight: 600;
	letter-spacing: 1px;
    padding: .5em 2em;
    border: solid 2px #91BD09;
    text-align: center;
    text-decoration: none;
    background: #91BD09;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
input[type="submit"]:hover {
    background: none;
    color: #91BD09;
}
.policy{
	margin: 10px;
	overflow-x: hidden;
	height: 80px;
}
.policy p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}
.syoudaku{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
	font-size: 13px;
}
.copyright{
	font-size: 14px;
	text-align: center;
}
.cl-red{
	color: #bb0000;
}
.fw-bold{
	font-weight: 600;
}
.txt-small{
	font-size: 80%;
	width: 95%;
	max-width: 980px;
	text-align: right;
}
.txt-center{
	text-align: center;
}
.mt0{
	margin-top: 0;
}
.mt10{
	margin-top: 10px;
}
.w11{
	text-align: center;
	
}
.descr{
	padding: 0 20px;
	margin: 0 auto;
}
.descr2{
	padding: 0 40px;
	margin: 0 auto;
}
.mt5{
	margin-top: 5px;
}