@charset "utf-8";

body{min-width: 1200px;
	overflow-y: scroll;}

.font-min1{font-family: Ryumin Regular KL,"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

.font-min2{font-family: Ryumin Bold KL,"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

.font-goth1{font-family: Shin Go Regular,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

.font-goth2{font-family: Shin Go Bold,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

.font-goth3{font-family: Gothic MB101,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}



.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	background: rgba(255,255,255,1.00);
	z-index: 99;}

.loading_block{width: 200px;
	height: 100px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -50px 0 0 -100px;}

.loading_img{width: 100%;;
	height: 100%;
	/*-webkit-animation:blink 2s linear infinite;
	-moz-animation:blink 2s linear infinite;
	-ms-animation:blink 2s linear infinite;
	-o-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite;*/}

@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.loading_img img{width: 100%;}


.bg_box{width: 100%;
	min-width: 1200px;
	height: 100vh;
	background:url("../img/bg_ex1.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed; top: 0;
	opacity: 1.0;
	z-index: 0;}

#container{width: 100%;
	position: relative;}

.spacer1{font-size: 1.0vw;}

.contents_fadein{opacity: 0.0;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;}
	
.isAnimate { opacity: 1;}

.spacer1{font-size: 1.0vw;
	line-height: 100%;}
	
.line{text-decoration-line: line-through;
	text-decoration-style:double;
  text-decoration-color: red;}
	
/* 固定パーツ > */
.logo_news_box{width: 17%;
	position: fixed; top: 1%; left: 1%;
	z-index: 3;}

.logo1{width: 100%;}
	
.logo1 img{width: 100%;}

.news_block{width: 95%;
	margin: 0 auto;}
	
.news_title{width: 95%;
	padding: 0 2.5%;
	font-size: 1vw;
	line-height: 200%;
	color: rgba(255,255,255,1.00);
	background: rgba(50,50,50,1.00);}
	
.news_box{width: 95%;
	height: 250px;
	padding: 10px 2.5%;
	margin-top: 2px;
	font-size: 0.6vw;
	line-height: 150%;
	background: rgba(230,230,230,1.00);
	overflow-y: scroll;}

.topic_date{color: rgba(255,118,0,1.00);}

.topic_title{color: rgba(0,163,255,1.00);}

.pc_menu{width: 12%;
	position: fixed; top: 2%; right: 1%;
	z-index: 3;}
	
.pc_menu_btn{width: calc(100% - 12px);
	margin: 2px auto;
	padding: 0 5px;
	font-size: 0.9vw;
	line-height: 200%;
	background: rgba(54,64,12,1.00);
	border: rgba(251,176,59,1.00) solid 1px;}
	
.pc_menu_btn a img{width: 12%;
	margin-top: 1%;
	opacity: 0;}
	
.menu_opaciy{opacity: 1.0;}
	
.pc_menu_btn a{display: block;
	color: rgba(255,255,255,1.00);}

.pc_menu_btn:hover.pc_menu_btn img{opacity: 1.0;}
/* < 固定パーツ */

.main_img{width: 100%;
	position: relative;
	z-index: -1;}

.main_img img{width: 100%;}

.top_link_box{width: 45%;
	margin: 0 auto;
	overflow: hidden;}
	
.top_link_btn{width: calc(50% - 10px);
	padding: 0 5px;
	float: left;}
	
.top_link_btn:hover{opacity: 0.7;}
	
.top_link_btn img{width: 100%;}

/* 下層 */
.main_box{width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;}
	
.con_title1{width: 20%;
	margin: 0 auto;}

.con_title1 img{width: 100%;}

.bg_box2{width: 100%;
	min-width: 1200px;
	height: 100vh;
	background:url("../img/bg_wood.svg");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center right;
	position: fixed; top: 0;
	opacity: 1.0;
	z-index: 0;}
	
.bg_box3{width: 100%;
	min-width: 1200px;
	height: 100vh;
	background:url("../img/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0;
	opacity: 1.0;
	z-index: 0;}
	
.con_inner1{width: 55%;
	margin: 0 auto;}

.topic_block1{width: 100%;
	border-bottom: rgba(0,0,0,0.30) solid 1px;}
	
.np_topic_date{font-size: 0.8vw;
	line-height: 130%;}

.np_topic_title{font-size: 1.1vw;
	line-height: 150%;
	color: rgba(54,64,12,1.00);}

.np_topic_text{font-size: 0.9vw;
	line-height: 150%;}

.np_topic_link{font-size: 0.85vw;
	line-height: 150%;}

.greeting_block1{width:100%;
	overflow: hidden;}
	
.greeting_img1{width: 25%;
	float: left;}
	
.greeting_img1 img{width: 100%;}
	
.greeting_text1{ width: calc(100% - 30%);
	padding-left: 5%;
	float: left;}
	
.greeting_text_inner1,.greeting_text2{font-size: 0.95vw;
	line-height: 180%;}

.instructor_block1{width: 100%;
	overflow: hidden;}
	
.instructor_img{width: 20%;
	float: left;}
	
.instructor_img img{width: 100%;}
	
.instructor_text1{width: 78%;
	padding-left: 2%;
	float: left;}
	
.instructor_name1{font-size: 1.2vw;}
	
.instructor_discription_box{width: calc(98% - 3px);
	padding-left: 2%;
	border-left: rgba(251,176,59,1.00) solid 3px;}
	
.instructor_discription1{font-size: 0.9vw;
	line-height: 150%;}
	
.instructor_discription2{font-size: 0.8vw;
	line-height: 150%;}

.overview_text1{font-size: 1.4vw;
	line-height: 150%;
	text-align: center;
	color: rgba(0,113,188,1.00);}

.overview_text2{font-size: 1.0vw;
	text-align: 150%;
	line-height: 150%;
	text-align: center;}
	
.overview_text_inner1{display: inline-block;
	text-align: left;}
	
.overview_text3{font-size: 1.4vw;
	line-height: 150%;
	text-align: center;
	color: rgba(237,28,36,1.00);}

.overview_img_box{width: 100%;
	position: relative;
	overflow: hidden;}
	
.overview_img_block1{width: 35%;
	position: absolute; top: 35%; left: 6%;}
	
.overview_img_block2{width: 35%;
	position: absolute; top: 1%; left: 33%;}
	
.overview_img_block3{width: 35%;
	position: absolute; top: 33%; right: 3%;}
		
.overview_img1_1{width: 100%;
	position: absolute; top: 5%; left: 5%;}
	
.overview_img1_2{width: 100%;
	position: absolute; top: 5%; left: 5%;}
	
.overview_img1_3{width: 100%;
	position: absolute; top: 5%; left: 5%;}

.overview_img1_1 img,.overview_img1_2 img,.overview_img1_3 img,.overview_img2_1 img,.overview_img2_2 img,.overview_img2_3 img,.overview_img3_1 img,.overview_img3_2 img,.overview_img3_3 img{width: 100%;}

.overview_img1_2 img{-webkit-animation:infiniterotate 5s linear infinite;
	-moz-animation:infiniterotate 5s linear infinite;
	-ms-animation:infiniterotate 5s linear infinite;
	-o-animation:infiniterotate 5s linear infinite;
	animation:infiniterotate 5s linear infinite;}

.overview_img1_3 img{-webkit-animation:infiniterotate 7s linear infinite reverse;
	-moz-animation:infiniterotate 7s linear infinite reverse;
	-ms-animation:infiniterotate 7s linear infinite reverse;
	-o-animation:infiniterotate 7s linear infinite reverse;
	animation:infiniterotate 7s linear infinite reverse;}

@-webkit-keyframes infiniterotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@-moz-keyframes infiniterotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@-ms-keyframes infiniterotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@-o-keyframes infiniterotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes infiniterotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.price_box1{width: 50%;
	margin: 0 auto;
	text-align: center;}
	
.price_block1{width: 100%;
	font-size: 1.0vw;
	line-height: 200%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background:rgba(255,110,0,1.00);}
	
.price_block2{width: 100%;
	margin-top: 2px;
	padding: 10px 0;
	font-size: 1.0vw;
	line-height: 150%;
	color: rgba(0,0,0,1.00);
	background: rgba(225,225,225,1.00);}
	
.caution1{text-align: left;}

.price_block3{width: 100%;
	font-size: 1.0vw;
	line-height: 200%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background:rgba(0,147,255,1.00);}
	
.price_block4{width: 100%;
	font-size: 1.0vw;
	line-height: 200%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background:rgba(255,0,4,1.00);}
	
.price_block5{width: 100%;
	font-size: 1.0vw;
	line-height: 200%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background:rgba(255,94,94,1.00);}

.price_text1{font-size: 1.0vw;
	line-height: 150%;
	text-align: center;
	color: rgba(0,113,188,1.00);}

.link_btn1{width: 35%;
	margin: 0 auto;
	font-size: 1.2vw;
	line-height: 200%;
	text-align: center;
	background:rgba(255,0,4,1.00);
	border-radius: 5px;}
	
.link_btn1:hover{opacity: 0.7;}
	
.link_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}

.access_text1{font-size: 1.2vw;
	text-align: center;}

.access_caution1{font-size: 0.9vw;
	text-align: center;}
	
.access_table{width: 60%;
	margin: 0 auto;}
	
.access_table table{width: 100%;}

.access_td1{width: 25%;
	padding: 5px 1%;
	font-size: 0.9vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background: rgba(0,148,185,1.00);}
	
.access_td2{width: 69%;
	padding: 5px 1%;
	font-size: 0.8vw;
	line-height: 150%;
	color:rgba(0,0,0,1.00);
	background: rgba(235,235,235,1.00);}

.access_td3{width: 25%;
	padding: 5px 1%;
	font-size: 0.9vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background:rgba(255,110,0,1.00);}

.reserve_box{width: 80%;
	margin: 0 auto;}
	
.reserve_text1{font-size: 0.9vw;
	line-height: 150%;}
	
.calendar_box{width: 100%;
	height: 600px;}
	
.calendar_box iframe{width: 100%;
	height: 100%;}

.tel_title{font-size: 1.2vw;
	line-height: 180%;
	text-align: center;}
	
.tel_text{font-size: 1.3vw;
	line-height: 150%;
	text-align: center;}


footer{width: calc(100% - 2%);
	padding: 15px 1%;
	color: rgba(255,255,255,1.00);
	background: rgba(0,104,55,1.0);
	position: relative;
	z-index: 3;}
	
.footer_logo{width: 8%;
	margin: 0 auto;}
	
.footer_logo img{width: 100%;}

.footer_contact{font-size: 0.9vw;
	text-align: center;}
	
.footer_contact a{color: rgba(255,255,255,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:0.8vw;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-0.8vw; 
}

#page-top{width: 80px;
	height: 80px;
	position: fixed; bottom: 10px; right: 10px;
	cursor: pointer;
	z-index: 8;}
	
#page-top img{width: 100%;
	height: 100%;}







@media screen and ( max-width:980px )
{
body{min-width: 320px;}

.loading_block{width: 200px;
	height: 100px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -50px 0 0 -100px;}

.bg_box{min-width: 320px;
	margin-top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0;
	z-index: 0;}

#container{min-height: 480px;}

.spacer1{font-size: 3.8vw;}

.sp_logo1{width: 50%;
	position: absolute; top: 10px; left: 2%;}
	
.sp_logo2{width: 40%;
	margin: 10px auto;}

.top_link_box{width: 90%;}

.top_link_btn{width: calc(100% - 5px);
	padding: 0 2.5px;
	margin-bottom: 10px;}

.top_link_btn:hover{opacity: 1.0;}

.news_block{width: 90%;
	margin: 0 auto;}
	
.news_title{width: calc(100% - 5%);
	padding: 0 2.5%;
	font-size: 4.2vw;}
	
.news_box{width: calc(100% - 5%);
	height: 200px;
	padding: 10px 2.5%;
	margin-top: 2px;
	font-size: 3.8vw;}

/* 下層 */
.con_title1{width: 50%;
	margin: 0 auto;}

.bg_box2{width: 100%;
	min-width: 320px;
	height: 100vh;
	background:url("../img/bg_wood2.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center left;
	position: fixed; top: 0;
	opacity: 1.0;
	z-index: 0;}
	
.bg_box3{width: 100%;
	min-width: 320px;
	height: 100vh;
	background:url("../img/bg_sp1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	position: fixed; top: 0;
	opacity: 1.0;
	z-index: 0;}
	
.con_inner1{width: 85%;
	margin: 0 auto;}

.np_topic_date{font-size: 3.4vw;}

.np_topic_title{font-size: 4.0vw;}

.np_topic_text{font-size: 3.6vw;}

.np_topic_link{font-size: 3.5vw;}

.greeting_img1{width: 50%;
	margin: 0 auto;
	float: none;}
		
.greeting_text1{ width: 100%;
	padding-left: 0;
	float: none;}
	
.greeting_text_inner1,.greeting_text2{font-size: 3.8vw;
	line-height: 180%;}

.instructor_img{width: 40%;
	margin: 0 auto 10px;
	float: none;}
	
.instructor_text1{width: 92%;
	margin: 0 auto;
	padding-left: 2%;
	float: none;}
	
.instructor_name1{font-size: 4.2vw;
	text-align: center;}
	
.instructor_discription_box{width: calc(98% - 2px);
	padding-left: 2%;
	border-left: rgba(251,176,59,1.00) solid 2px;}
	
.instructor_discription1{font-size: 3.6vw;
	line-height: 150%;}
	
.instructor_discription2{font-size: 3.2vw;
	line-height: 150%;}
	
.overview_text1{font-size: 4.4vw;
	line-height: 150%;
	text-align: center;
	color: rgba(0,113,188,1.00);}

.overview_text2{font-size: 3.8vw;
	text-align: 150%;
	line-height: 150%;
	text-align: left;}
	
.overview_text_inner1{display: inline-block;
	text-align: left;}
	
.overview_text3{font-size: 4.2vw;
	line-height: 150%;
	text-align: center;
	color: rgba(237,28,36,1.00);}

.overview_img_box{width: 100%;
	position: relative;
	overflow: hidden;}
	
.overview_img_block1{width: 60%;
	position: absolute; top: 2%; left: 6%;}
	
.overview_img_block2{width: 60%;
	position: absolute; top: 34%; left: 33%;}
	
.overview_img_block3{width: 60%;
	position: absolute; top: 65%; left: 7%;}
		
.overview_img1_1{width: 100%;
	position: absolute; top: 5%; left: 5%;}
	
.overview_img1_2{width: 100%;
	position: absolute; top: 5%; left: 5%;}
	
.overview_img1_3{width: 100%;
	position: absolute; top: 5%; left: 5%;}

.price_box1{width: 80%;
	margin: 0 auto;
	text-align: center;}
	
.price_block1{font-size: 4.0vw;}
	
.price_block2{font-size: 4.0vw;}
	
.caution1{font-size: 3.2vw;
	text-align: left;}

.price_block3{font-size: 4.0vw;}
	
.price_block4{font-size: 4.0vw;}

.price_block5{font-size: 4.0vw;}

.price_text1{font-size: 4.0vw;
	text-align: left;}

.link_btn1{width: 70%;
	margin: 0 auto;
	font-size: 4.0vw;
	line-height: 250%;}

.link_btn1:hover{opacity: 1.0;}

.access_text1{font-size: 4.2vw;}

.access_caution1{font-size: 3.4vw;
	text-align: center;}
	
.access_table{width: 100%;
	margin: 0 auto;}
	
.access_table table{width: 100%;}

.access_td1{width: 35%;
	padding: 5px 1%;
	font-size: 3.8vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background: rgba(0,148,185,1.00);}
	
.access_td2{width: 59%;
	padding: 5px 1%;
	font-size: 3.4vw;
	line-height: 150%;
	color:rgba(0,0,0,1.00);
	background: rgba(235,235,235,1.00);}

.access_td3{width: 25%;
	padding: 5px 1%;
	font-size: 3.8vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background:rgba(255,110,0,1.00);}

.reserve_box{width: 100%;
	margin: 0 auto;}
	
.calendar_box{width: 100%;
	height: 500px;}

.reserve_text1{font-size: 3.5vw;}

.tel_title{font-size: 4.0vw;}
	
.tel_text{font-size: 4.2vw;}

footer{width: 90%;
	padding: 10px 5% 70px;
	position: static;}

.footer_logo{width: 25%;
	margin: 0 auto;}

.footer_contact{font-size: 3.6vw;
	line-height: 150%;
	text-align: center;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:3.2vw;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-3.2vw; 
}

#page-top{width: 60px;
	height: 60px;}

}