@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:641px){
	.sp{
		display: none !important;
	}
}
	
@media screen and (max-width:640px){
	.pc{
		display: none !important;
	}
}

/*-----------------------------------------------
 RESET CSS
 -----------------------------------------------*/
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 */
a:hover img {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}	
a img {overflow:hidden;	-moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;	-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
@media screen and (max-width: 640px) {
a:hover img,a:hover.bgover {filter: alpha(opacity=100)!important;opacity: 1!important;transition: none;}	
a img {overflow:hidden;opacity: 1;transition: none;}	
}

a.bgover {
	-moz-transition: all  0.6s ease;
	-webkit-transition: all  0.6s ease;
	-o-transition: all  0.6s ease;
	-ms-transition: all  0.6s ease;
	transition: all  0.6s ease;}
a:hover.bgover {
	-moz-opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.6;
	-moz-transition: all  0.6s ease;
	-webkit-transition: all  0.6s ease;
	-o-transition: all  0.6s ease;
	-ms-transition: all  0.6s ease;
	transition: all  0.6s ease;}

* {margin: 0;
	padding: 0;
	zoom: 1;}
html, body {font-family:'Noto Sans Japanese', 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;margin: 0;padding: 0;height: 100%;color:#4b4848;font-size:13px;line-height:1.8em;}
html {overflow-y: scroll;}
body {min-width:1000px;}
@media screen and (max-width: 640px) {
body{min-width:96%; padding:0 2%;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;font-size:12px;-webkit-text-size-adjust: 100%;}
}

img {border: none;
	vertical-align: top;
	vertical-align: bottom;}
/*h1,h2,h3,h4,h5,h6 {clear: both;}*/


ul, dl, ol {list-style-type: none;
	list-style-position: outside;
	text-indent: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, dl, ol, th {font-size: 100%;
	font-weight: normal;
	font-style: normal;}
a {color:#63864e;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;}
a:active {color: #8d2722;}
a:hover {color: #8d2722;
	-webkit-transition:all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	text-decoration: none;}
::selection {
    background: #8d2722;
	color:#FFF;}
::-moz-selection {
    background: #8d2722;
	color:#FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {padding: 0;
	margin: 0;}
table {border-collapse: collapse;
	border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;
	font-style: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* [disabled]background:transparent; */}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;}


/*-----------------------------------------------
 common
 -----------------------------------------------*/

.bold { font-weight:bold;}
.wid25p { width:25%;}
.wid33p { width:33%;}
.wid005 { width:5px;}
.wid020 { width:20px;}
.wid030 { width:30px;}
.wid040 { width:40px;}
.wid050 { width:50px;}
.wid060 { width:60px;}
.wid070 { width:70px;}
.wid080 { width:80px;}
.wid090 { width:90px;}
.wid100 { width:100px;}
.wid110 { width:110px;}
.wid120 { width:120px;}
.wid130 { width:130px;}
.wid140 { width:140px;}
.wid150 { width:150px;}
.wid160 { width:160px;}
.wid170 { width:170px;}
.wid180 { width:180px;}
.wid190 { width:190px;}
.wid195 { width:195px;}
.wid200 { width:200px;}
.wid220 { width:220px;}
.wid225 { width:225px;}
.wid230 { width:230px;}
.wid240 { width:240px;}
.wid250 { width:250px;}
.wid260 { width:260px;}
.wid270 { width:270px;}
.wid280 { width:280px;}
.wid285 { width:285px;}
.wid290 { width:290px;}
.wid300 { width:300px;}
.wid310 { width:310px;}
.wid320 { width:320px;}
.wid330 { width:330px;}
.wid340 { width:340px;}
.wid350 { width:350px;}
.wid360 { width:360px;}
.wid370 { width:370px;}
.wid380 { width:380px;}
.wid390 { width:390px;}
.wid400 { width:400px;}
.wid410 { width:410px;}
.wid420 { width:420px;}
.wid430 { width:430px;}
.wid440 { width:440px;}
.wid450 { width:450px;}
.wid460 { width:460px;}
.wid470 { width:470px;}
.wid480 { width:480px;}
.wid490 { width:490px;}
.wid500 { width:500px;}
.wid510 { width:510px;}
.wid520 { width:520px;}
.wid530 { width:530px;}
.wid540 { width:540px;}
.wid550 { width:550px;}
.wid560 { width:560px;}
.wid570 { width:570px;}
.wid580 { width:580px;}
.wid590 { width:590px;}
.wid600 { width:600px;}
.wid610 { width:610px;}
.wid620 { width:620px;}
.wid630 { width:630px;}
.wid640 { width:640px;}
.wid650 { width:650px;}
.wid660 { width:660px;}
.wid670 { width:670px;}
.wid680 { width:680px;}
.wid690 { width:690px;}
.wid700 { width:700px;}
.wid710 { width:710px;}
.wid720 { width:720px;}
.wid730 { width:730px;}
.wid740 { width:740px;}
.wid750 { width:750px;}
.wid760 { width:760px;}
.wid770 { width:770px;}
.wid780 { width:780px;}
.wid790 { width:790px;}
.wid800 { width:800px;}
.wid810 { width:810px;}
.wid820 { width:820px;}
.wid830 { width:830px;}
.wid840 { width:840px;}
.wid850 { width:850px;}
.wid860 { width:860px;}
.wid870 { width:870px;}
.wid880 { width:880px;}
.wid890 { width:890px;}
.wid900 { width:900px;}
.wid910 { width:910px;}
.wid920 { width:920px;}
.wid930 { width:930px;}
.wid940 { width:940px;}
.wid950 { width:950px;}
.wid960 { width:956px;}
.font10 { font-size:10px;}
.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font30 { font-size:30px;}
.mt0{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}

.ml30{margin-left:30px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.mt_70{margin-top:-70px;}
@media screen and (max-width: 640px) {
.wid620,
.wid320 { width:100%;}
	}

.box{ padding:0;position:relative; overflow:hidden;}
.box_relative{ position:relative;}
.box_left { float:left;}
.box_right { float:right;}

@media screen and (max-width: 640px) {
.box_left { float:none; margin-bottom:20px;}
.box_right { float:none;}
}

.clear { clear: both;}
.clearfix:after {content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;}
.clearfix { min-height: 0px;}
* html .clearfix {height: 0px;/*\･*//*/
  height: auto;
  overflow: hidd;
  /**/}

.st0{ font-size:1px; text-indent:-9999px; 
	pa
}
.st1{ margin-bottom:10px; text-align:center;}
.st2{ margin-bottom:20px; text-align:center; color:#7f0000; font-size:1.6em;}
.st3{ margin-bottom:5px; color:#de0053; font-size:1.4em;}
@media screen and (max-width: 640px) {
.st2{ margin-bottom:20px; color:#7f0000; font-size:1.2em; font-weight:bold;}
}

.pcimg70 img{ width:70%;}
.pcimg80 img{ width:80%;}
.pcimg90 img{ width:90%;}
br.smpbr{ display:none;}
@media screen and (max-width: 640px) {
.st1 img{ width:70%;}
.img10 img{ width:10%;}
.img20 img{ width:20%;}
.img30 img{ width:30%;}
.img40 img{ width:40%;}
.img50 img{ width:50%;}
.img60 img{ width:60%;}
.img70 img{ width:70%;}
.img80 img{ width:80%;}
.img90 img{ width:90%;}
.img100 img{ width:100%;}
br.brnone{ display:none;}
br.smpbr{ display:inline;}
}

a:hover img {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.img_right {float: right;margin: 0 0 20px 20px;}
.img_left {float: left;margin: 0 20px 20px 0;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.text_center td, .text_center th {text-align: center;}
.anchor {height: 1px;font-size: 1px;text-indent: -9999px;}

.table0 { line-height: 140%; font-size:1em;
 margin: 0 0 10px 0;}
.table0 th { padding: 5px;}
.table0 td { padding: 5px 5px 5px 30px; vertical-align: middle; text-align:right;}
@media screen and (max-width: 640px) {


}




/*-----------------------------------------------
 BASE
 -----------------------------------------------*/
section{ float:none; clear:both;}
 
#head_wrapper {width: 100%;height: 80px; position:absolute; top:0; z-index:99;}

#head {height: 100%;}
#head h1 a {opacity:1!important;margin-left:90px;}

#head h1 a img{
	opacity:1!important;
	width:135px; 
	margin-top:35px;
	width: 8rem;
	padding: 0 0 1rem 0;
}

@media screen and (max-width: 640px) {
	#head h1 a img{
		width:135px; 
		margin-top:35px;
		width: 8rem;
		padding: 0 0 1rem 0;
	}
}

#head h1 a:hover { opacity:1!important;}

#blog {width: 100%; background:#eeefef;}
#blog #head_wrapper{margin-bottom:100px; position:relative;}
#blog #nav ul li a{ color:#595757;}
#blog #nav ul li a:hover{ color:#FFF;}
#blog #blog_wrapper { width:930px; margin:0 auto; background:#FFF;}

#head h1 { 
	position:relative;
	background: #404040;
}

#blog #head h1 a:hover{ opacity:0!important;}
#blog #head h1 a {margin-left:0px;}
#blog #head h1 img,#blog #head h1 a img{ width:135px; margin-top:35px;margin-left:35px;position:absolute; top:0;}
@media screen and (max-width: 640px) {
	
	#head_wrapper {width: 100%;height: 62px;
	background:#404040 }
	
#head {height: 100%;width: 100%;margin: 0 auto;position: relative;}
#head h1 a{ position: absolute;top: 50px;left: auto; display: inline;margin-left:30px; }
	
#head h1 a img {
	width:40%;
	margin-top:-40px;
	position: relative;
	top: -5px;
}
	
#blog #head h1 a{display: block;margin-left:0px;top: 0px}
#blog #head h1 img,#blog #head h1 a img{ width:135px; margin-top:35px;position:absolute; top:50px; left:0px;}
#blog #blog_wrapper { width:100%; margin:0 auto;}

}

#navi_wrapper {
	position: absolute;
	top:46px;
	right:58px;
	width: 40rem;
}

#nav {}
#nav ul{list-style-type:none;}

#nav ul li{
	font-size:20px;
	float:left;
	color:#FFF;
	margin: 0 1rem 0 0;
}

#nav ul li a{display:block; padding:0 5px;color:#FFF; margin:0 5px; text-decoration:none;moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
#nav ul li a:hover{ background:#e5003c;border-radius:3px;moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
a#nav-toggle { display:none;}

#main_box{ position: absolute; z-index:999; left:35%; right:50%; top:25%; width:470px;}
#main_box img{ padding-bottom:20px;}
#main_copy{ display:block; position:relative;}
#main_btn01{ border:#e5003c solid 2px;background:#e5003c; border-radius:3px;position:absolute; left:30%;right:35%}
#main_btn02{ border:#FFF solid 2px;border-radius:3px; position:absolute; left:170px;}
#main_btn a{ color:#FFF;text-decoration:none;  font-size:14px;text-align:center; line-height:36px; width:140px!important; display:block;moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
a:hover#main_btn01{border:#FFF solid 2px;background:none;moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}
a:hover#main_btn02{border:#e5003c solid 2px;background:#e5003c; moz-transition: all  0.4s ease;-webkit-transition: all  0.4s ease;-o-transition: all  0.4s ease;-ms-transition: all  0.4s ease;transition: all  0.4s ease;}

@media screen and (max-width: 800px) {
#head h1 a{ margin-left:10px; }
#navi_wrapper { top:30px; right:0px;}
}

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

#main_box{ position: absolute; z-index:999; left:5%;top:45%; width:auto;}
#main_box img{ padding-bottom:10px;width:100px;}
#main_copy{ display:block; position:relative;}
#main_btn01{ border:#e5003c solid 2px;background:#e5003c; border-radius:5px;margin-right:20px; position:absolute; left:0;}
#main_btn02{ border:#FFF solid 2px;border-radius:5px; position:absolute; left:110px;}
#main_btn a{ color:#FFF;text-decoration:none;  font-size:14px;text-align:center; line-height:25px; width:90px!important; display:block; }

#navi_wrapper {position: absolute; top:5px;}
a#nav-toggle {width: 50px;height: 50px;overflow: hidden;display: block;background:url(images/menu.png) no-repeat center center;padding-top:0px;text-decoration:none;color:#FFF;font-size:0.8em;text-align:center;position:absolute;right:10px;  top:10px;z-index:9999;}
#blog a#nav-toggle{ background: url(images/menu_blog.png) no-repeat center center;right:30px;  top:30px; }
#nav.opened { max-height: 9999px;}

#navi_wrapper {height: auto;}
#nav{height: auto;overflow: hidden;max-height: 0;position: absolute;top:60px;z-index: 1000;font-size:1em;width: 100%;line-height: 2em;text-align: left;background:rgba(100, 135, 79, 0.8);}
#nav ul{z-index: 1001;width:100%; overflow:hidden; margin:1% 0;}
#nav ul li{margin: 0.2em;display:block; font-size:1em;text-indent:1px;width:96.5%; float:left; }
#nav ul li a{color:#4b4848!important;font-weight:normal;position: relative;text-decoration: none;padding: 0.5em!important;outline: 0;background-image:none;background-color: rgba(255, 255, 255, 0.9);color: #de0053;width:95%;height:100%;}
#nav ul li a:hover{ background:#FFF;}
#blog #nav{top:100px;}

}

#footer_wrapper{ width:100%; background:#63864e; padding:35px 0 20px 0; clear:both; float:none;}
footer{ width:1000px; margin:0 auto;  color:#FFF;}
footer h1 { float:left; margin-right:80px;}
footer h1 a {opacity:1!important;}
footer h1 a img{opacity:1!important; width:135px; margin-top:20px;}
footer h1 a:hover { opacity:1!important;}
#footer_address{ font-size:13px; line-height:1.6; display:inline-block; float:left;margin-right:80px;}
#footer_address a{color:#FFF;}
#footer_nav{ float:left;}
#footer_nav ul{float:left; display:block; font-size:13px; margin-right:70px;}
#footer_nav ul li a{ color:#FFF; text-decoration:underline;}
#footer_nav ul li ul {float:none;display:inline; font-size:12px; margin-right:0px;}
#footer_nav ul li ul li{ list-style:disc inside;}
#copyright{clear:both; float:none; text-align:right; font-size:8px;}

@media screen and (max-width: 640px) {
#footer_wrapper{ padding:15px 0 10px 0;}
footer{ width:94%; padding:0 3%;  color:#FFF;}
footer h1 { margin-right:0px; margin-bottom:20px; float:none; text-align:center;}
footer h1 a img{margin-top:0px; width:200px;}
#footer_address{  float:left;margin-left:0px; margin-bottom:30px;}
#footer_address a{text-decoration:underline;}
#footer_nav{ float:none; clear:both;}
#footer_nav ul{margin-right:0px; font-size:14px; display:inline; }
#footer_nav ul li{ display:inline-block; padding:0 10px;}
#footer_nav ul li ul { display:block;}
#footer_nav ul li ul li{ display:inline!important;list-style:disc inside!important;}
#copyright{ text-align:center; padding-top:10px;}
}

/*-----------------------------------------------
 TOP
 -----------------------------------------------*/
#top_concept { position:relative; width:980px; margin:0 auto;}
#top_concept h2{ padding-top:40px; font-size:26px; line-height:1.6; text-align:left;font-weight:500; padding-bottom:20px;}
#top_concept p{ text-align:left; font-size:13px; padding-bottom:40px;}
#top_concept div{ position:absolute; bottom:0px; right:5%;}
@media screen and (max-width: 1100px) {
#top_concept div{ right:0%;}
}
@media screen and (max-width: 640px) {
#top_concept { position:relative; width:100%; margin:0 auto;}
#top_concept h2{ padding:20px;  line-height:1.4; }
#top_concept p{ font-size:12px; padding:0 20px 20px 20px;}
#top_concept div{ position: static; bottom:auto; right:auto; text-align:center;}
}

#top_direct_link div{ width:50%; float:left;}
#top_direct_link a ,#top_direct_link a:hover {moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;}
#top_direct_link a div h2 { font-size:30px; color:#FFF; text-align:center; padding-top:150px;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;} 
#top_direct_link a:hover div h2 { font-size:30px; color:#FFF; text-align:center; padding-top:100px; padding-bottom:20px;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;} 
#top_direct_link a div p { font-size:14px; color:#FFF; text-align:center; line-height:1.4; padding-bottom:20px; opacity:0;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;}
#top_direct_link a:hover div p {  opacity:1;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;}
#top_direct_link a span { display:block; width:140px; font-size:12px; color:#FFF;border:#e5003c solid 2px;background:#e5003c; border-radius:3px; text-align:center; margin:0 auto;opacity:0;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;}
#top_direct_link a:hover span { opacity:1;moz-transition: all  0.6s ease;-webkit-transition: all  0.6s ease;-o-transition: all  0.6s ease;-ms-transition: all  0.6s ease;transition: all  0.6s ease;}

a#top_direct_link_teacher div{ background:url(images/bn_track.jpg) center center no-repeat;background-size:cover;display:block; height:315px;}
a#top_direct_link_application div{ background:url(images/bn_soccer.jpg) center center no-repeat;background-size:cover;display:block; height:315px;}

a#top_direct_link_about div{ background:url(images/bn_about.jpg) center center no-repeat;background-size:cover;display:block; height:315px;}
a#top_direct_link_members div{ background:url(images/bn_members.jpg) center center no-repeat;background-size:cover;display:block; height:315px;}

@media screen and (max-width: 640px) {
#top_direct_link div{ width:100%; float:none;}
#top_direct_link a{text-decoration:none;} 
#top_direct_link a div h2 { font-size:30px; padding-top:30px;padding-bottom:20px;} 
#top_direct_link a:hover div h2 {padding-top:30px;}
#top_direct_link a div p {padding-bottom:20px; opacity:1;}
#top_direct_link a span {opacity:1;}
a#top_direct_link_teacher div{  height:200px;}
a#top_direct_link_application div{ height:200px;}
a#top_direct_link_about div{  height:200px;}
a#top_direct_link_members div{ height:200px;}
}

#top_prarea{ padding:60px 0;}
#top_prarea p{ text-align:center!important;padding:0px 30px!important;margin:0 auto !important;}

@media screen and (max-width: 640px) {
#top_prarea{ padding:20px 0;}
#top_prarea p{ text-align:center!important;}
}

#top_access{ width:100%;  margin:0 auto 8rem auto; }

@media screen and (max-width: 640px) {
	#top_access{
		width:100%;
		margin:0 auto;
	}
}

#top_access h2{ 
	padding-top:30px; 
	font-size:26px; 
	line-height:1.6; 
	text-align:center;
	font-weight:500; 
	padding-bottom:2rem;
	letter-spacing: 0.3rem;
}

#top_access p{ display:inline-block; margin-bottom:80px; margin-left:2rem; font-size:16px;}
#mapArea{ height:400px; margin-bottom:40px;}
@media screen and (max-width: 640px) {
#top_access p{margin-bottom:40px; margin-left:20px;}
#mapArea{  height:200px; }
}


/*-----------------------------------------------
 About AAA
 -----------------------------------------------*/
#about_main{ width:100%; position:relative; margin-bottom:80px;}
#about_main img{ width:100%; z-index:1;}
#about_main h2{ font-size:26px; text-align:center; display:block;font-weight:500; color:#FFF; z-index:5; position:absolute;top:45%; left:30%; right:30%;}

#about_contents{ width:1040px;padding:0 20px; margin:0 auto;}

#about_contents_left{ float:left;}
#about_contents_left h3{font-size:26px; line-height:1.6; font-weight:500;  margin-bottom:20px;}
#about_contents_left p{font-size:13px; line-height:2;  margin-bottom:60px;}
#about_contents_left p strong{ color:#8d2722;}

#about_contents_right{float: right; width:330px;position:relative; }
#about_contents_right img{  width:100%; z-index:1;}
#about_contents_right_inner { position: absolute; z-index:2; color:#FFF; text-align:center;top:30px; left:3%; right:3%;}

#about_contents_right_inner h3{font-size:26px; line-height:1.6; font-weight:500;  margin-bottom:20px;}
#about_contents_right_inner h4,#about_contents_right_inner p{font-size:13px; line-height:2;}
#about_contents_right_inner p{margin-bottom:20px;}

@media screen and (max-width: 640px) {
#about_main{ margin-bottom:30px;}
#about_main h2{ top:55%; }
#about_contents{ width:94%;padding:0 3%;}
#about_contents_left h3{ margin-bottom:10px;}
#about_contents_left p{line-height:1.8;  margin-bottom:40px;}
#about_contents_right_inner h4,#about_contents_right_inner p{line-height:1.8;}

#about_contents_left{ float:none;}
#about_contents_right{float: none; width:100%; margin-bottom:30px;}
}

#about_contents2{ width:100%; background:#8d2722; margin-bottom:30px;}
#about_contents2 p{ padding:30px 0; font-size:14px; color:#FFF; margin:0 auto; width:500px;}
@media screen and (max-width: 640px) {
#about_contents2 p{  width:94%;padding:30px 3%; margin:0 ; }
}

#about_contents3{width:1040px;padding:0 20px; margin:0 auto; margin-bottom:80px;}
#about_application{width:660px;margin:0 auto; height:130px; position:relative;}
#about_application_btn{ position:absolute; bottom:0; left:0;}

#about_application_leaf{ position:absolute; bottom:0; right:0; width:200px;}
#about_application_leaf img{ float:left; position:absolute; bottom:0;}
#about_application_leaf p{ font-size:20px; color:#8d2722; float:right; position:absolute; bottom:0; left:80px;}
a:hover #about_application_leaf p{ color:#63864e;}

.btn1 a{ background:#8d2722; display:block; font-size:20px; width:370px; line-height:70px; color:#FFF; text-decoration:none; text-align:center;}
.btn1 a:hover {background:#63864e; }

@media screen and (max-width: 640px) {
#about_contents3{ width:94%;padding:0 3%;}
#about_application{width:100%;margin:0 auto; height:auto; position: static;}
#about_application_btn{ position: static; bottom: auto; left: auto; margin-bottom:40px;}


#about_application_leaf{ position: static; bottom: auto; left: auto; text-align:center; width:100%;}
#about_application_leaf img{ float:none;  position: static; bottom: auto; left: auto;}
#about_application_leaf p{float:none;  position: static; bottom: auto; left: auto;margin-bottom:20px; }

a #about_application_leaf p{text-decoration:none!important;}

.btn1 a{ background:#8d2722; display:block; font-size:20px; width:100%; line-height:70px; color:#FFF; text-decoration:none; text-align:center;}
.btn1 a:hover {background:#63864e; }
}

/*-----------------------------------------------
 Teacher
 -----------------------------------------------*/
#teacher_main{ width:100%; position:relative; margin: 4.5rem auto 0 auto;}
#teacher_main img{ width:100%; z-index:1;}

#teacher_main h2{
	font-size:3rem;
	text-align:center;
	display:block;
	font-weight:500;
	color:#FFF;
	z-index:5;
	position:absolute;
	top:45%;
	left:10%;
	right:10%;
}

@media screen and (max-width: 640px) {
	#teacher_main h2{
		font-size: 2rem;
		margin: 0 auto;
		width: 90%;
		padding: 1rem 0;
		position: unset;
	}
}

#teacher_contents{width:900px;padding:0 20px; margin:0 auto; margin-bottom:40px;}
#teacher_contents h3{ font-size:1.8rem; margin-bottom:4rem;}
#teacher_contents p{font-size:13px; line-height:2;}

#teacher_contents h4{
	line-height: 2;
	margin: 30px 0 0 0;
	font-size: 1.3rem;
	color: #63864e;
}

.teacher_link {margin-bottom:80px;}
.teacher_link h4{ float:left; margin-right:30px; display:block; color:#63864e;}
.teacher_link p{ float:left; display:block; margin-bottom:100px;}
.teacher_odd{ float:none; clear:both; position:relative;}
.teacher_odd{} 
.teacher_odd .teacher_ph{ position:absolute; right:0; top:0;width:50%!important;}
@media screen and (max-width: 640px) {
	.teacher_odd .teacher_ph {
		width:100%!important;
	}
}
@media screen and (max-width: 640px) {
	.teacher_even .teacher_ph {
		width:100%!important;
	}
}
.teacher_even .teacher_intro{ float:right;}  
.teacher_even .teacher_ph{float:left;}
.teacher_even .teacher_intro_2{ float:right; width:45%;}  
@media screen and (max-width: 640px) {
	.teacher_even .teacher_intro_2 {
		margin-top:30px;
		width:100%;
	}
}
.border01{ background:url(images/border01.png) repeat;float:none; clear:both; height:1px; display:block; margin-bottom:90px;}

@media screen and (max-width: 640px) {
#teacher_main{ margin:0 !important;}
#teacher_main h2{ top:75%; }
#teacher_contents{ width:94%;padding:0 3%;}

#teacher_contents h4,#teacher_contents p{fline-height:1.8;}
.teacher_link {margin-bottom:20px;}
.teacher_link p{margin-bottom:0px;}
.teacher_odd{ float:none; clear:both; position:relative;}
.teacher_odd .teacher_ph{ position: static; right:auto; top:auto; }
.teacher_ph{ text-align:center;}
.teacher_ph img{ max-width:100%; margin-bottom:30px;}
.teacher_even .teacher_intro{ float:none; margin-top:30px;}  
.teacher_even .teacher_ph{float:none;}
}


/*-----------------------------------------------
 Application
 -----------------------------------------------*/
#application_main{ width:100%; position:relative; margin-bottom:80px;}
#application_main img{ width:100%; z-index:1;}
#application_main h2{ font-size:26px; text-align:center; display:block;font-weight:500; color:#FFF; z-index:5; position:absolute;top:45%; left:30%; right:30%;}

#application_contents{width:780px;padding:0 20px; margin:0 auto; margin-bottom:40px;}
#application_points{ height:160px; margin-bottom:30px;}
#application_points p{ font-size:28px; font-weight:100;line-height:1; float:left; background:#8d2722; color:#FFF; width:160px; height:110px; border-radius:50%; display: block; padding-top:50px; text-align:center; margin:0 50px;}
#application_contents table{ border:#63864e solid 1px; margin-bottom:50px; width:100%;}

#application_contents table th{background:#63864e; font-size:16px; width:15%; text-align:center; vertical-align:middle; color:#FFF; border-bottom:#fefefe solid 1px; padding:2%;} 
#application_contents table th:last-child{border-bottom:#63864e solid 1px;}
#application_contents table td{vertical-align:middle; width:35%; border:#63864e solid 1px;padding:3%;}
#application_contents table td.gr{background:#e8eae0; }
#application_contents table td.st{color:#221814;}
#application_contents table td.centerblock p{ margin-left:25%;}
#application_contents table td.fee{font-size:20px; line-height:1.8;}

#application_box{}
#application_box h3{font-size:18px; color:#63864e;}
#application_address{font-size:16px;line-height:1.8;float:left;}
#application_btn{ float:right;padding-top:50px;}
#application_box hr{ clear:both; float:none; display:block; margin-bottom:30px;}

@media screen and (max-width: 640px) {
#application_main{ margin-bottom:30px;}
#application_main h2{ top:65%; line-height:1.1;}
#application_contents{ width:94%;padding:0 3%;}

#application_points{ height:160px;}
#application_points p{ font-size:20px; font-weight:500;line-height:2em; float:none; background:#8d2722; color:#FFF; width:100%; height:2em;padding-top:0px;border-radius:5px;margin:0%;text-align:center; margin-bottom:20px;}
#application_contents table th{font-size:14px; width:15%; } 
#application_contents table td.centerblock p{ margin-left:0%;}
#application_contents table td.fee{ text-align:left;font-size:16px;}
#application_contents table td.fee .font30{font-size:24px;}

#application_address{float:none; margin-bottom:20px;}
#application_btn{ float:none;padding-top:10px;}
}


/*-----------------------------------------------
 Blog
 -----------------------------------------------*/
#blog_contents{width:890px;padding:0 20px; margin:0 auto; clear:both; float:none;}

#blog_contents_left{ float:left; width:480px; padding-left:100px; margin-bottom:80px;}
#blog_contents_right{ float:right; width:160px;margin-right:100px; margin-bottom:80px;}

#blog_contents hr{ clear:both; float:none; display:block; margin-bottom:30px;}

.date{ font-size:12px; margin-bottom:20px;}

@media screen and (max-width: 640px) {
	.date{ 
		display: table-cell;
		font-size:12px; 
		margin-bottom:20px;
	}
}

.date span{ display:inline-block; float:right; margin-right:10px;}



.title{ font-size:22px; clear:both; margin-bottom:20px;}
.author{font-size:12px; margin-bottom:40px;}
#blog_contents_right h3{font-size:14px; margin-bottom:10px;font-weight:500;}
#blog_contents_right ul{ margin-bottom:50px;}
#blog_contents_right ul li{font-size:12px; margin-bottom:10px; line-height:1.6;}
#blog_contents_right ul li a,.date span a,.author a{ color:#4b4848;}
#blog_contents_right ul li a:hover,.date span a:hover,.author a:hover{ color:#8d2722;}
article{ margin-bottom:60px;}
article h1{font-size:20px; clear:both; float:none; margin-bottom:10px;font-weight:500;}
article h2{font-size:18px; clear:both; float:none; margin-bottom:10px;font-weight:500;}
article h3{font-size:16px; clear:both; float:none; margin-bottom:10px;font-weight:500;}
article h4{font-size:14px; clear:both; float:none; margin-bottom:10px;font-weight:500;}
article h5{clear:both; float:none; margin-bottom:10px;font-weight:500;}
article p{ font-size:13px; margin-bottom:40px;}
article strong{ color:#8d2722;font-weight:500;}
article a{ color:#8d2722;}
article a:hover{ color:#4b4848;}
article em{ font-style: italic;}
article img{ max-width:100%;}
.author img{ margin-right:10px;border-radius:25px;}
a .link_archives{ color:#4b4848;}
a:hover .link_archives{ color:#8d2722;}
@media screen and (max-width: 640px) {
#blog_contents{width:94%;padding:0 3%;}
#blog_contents_left{ float:none; width:100%; padding-left:0px; margin-bottom:30px;}
#blog_contents_right{ float:none; width:100%;margin-right:0px; margin-bottom:30px;}
article{ width:100%;}
}
#pagenavi{
	position:relative;
	width:100%;
	font-size: 12px;
	padding-top:20px;
	line-height:100%;
	z-index:998;
	padding-bottom:30px;
	border-top:solid 1px #CCC;
	}
	
	
.prev a{float: left; width:45%;}
.next a{float:right;width:45%; text-align:right;}
.prev a,.next a{color: #4b4848;padding: 5px;}	
.prev a:hover,.next a:hover{color:#8d2722;}
	
#pagenavi2{
	position:relative;
	width:100%;
	font-size: 14px;
	padding-top:20px;
	line-height:100%;
	text-align:center;
	z-index:997;
	margin-bottom:30px;
	}
#pagenavi2 span.current{margin-right:10px;}
	
.pagecount,.pages{
	margin-right:20px;
	}	
.pagenumber,.page,.nextpostslink,.previouspostslink{
	margin:3px;
	}
.pagenumber a,#pagenavi2 a{
	color: #4b4848;
	padding:3px 9px;
	background: #dcdcdd;
	text-decoration:none;
	}
.pagenumber a:hover,#pagenavi2 a:hover{
	background: #8d2722;
	color:#FFF;
	padding:3px 9px;
	}
	
	/*! #######################################################################

	MeanMenu 2.0.7

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left:0;
	display: block;
	margin:0 auto!important;
	text-align:center!important;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	text-align:center!important;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./css/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./css/fonts/slick.eot');
    src: url('./css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('./css/fonts/slick.woff') format('woff'), url('./css/fonts/slick.ttf') format('truetype'), url('./css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-prev:before,
.slick-next:before {
    color: #4b4848;
}
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
  left: 15px;
    z-index: 100;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #4b4848;
}
/*スライド画像の横幅可変*/
img {
max-width: 100%;
  height: auto;
}


.getPostDispArea{
	padding:10px;
	margin-top:5px;
	margin-bottom:20px;
}
.getPostDispArea li{
	border-bottom:1px dotted #CCC;

}
.getPostDispArea li a{
	font-weight:bold;
}
.moushikomi {
	width:100%;
	margin:0;
	text-align:left;
}
.moushikomi .text_01 {
	line-height:1.8;
	padding-bottom:3%;
	font-size:1.2rem !important;
}
.moushikomi .text_02 {
	display:inline-block;
	padding:1% 2%;
	border:1px solid #000;
	line-height:1.8;
	color:#000;
	font-size:1.5rem !important;
	margin-right:3%;
}
@media screen and (max-width: 640px) {
	.moushikomi .text_02 {
	margin:3% 0 0;
}
}
.pho_b {
	width:25%;
}
@media screen and (max-width: 640px) {
	.pho_b {
	width:100%;
		margin:1% auto;
}
}

#gallery-1 img{
	width: 96%;
	border: none !important;
}

.pho_title {
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Arial',sans-serif;
  position: relative;
  display: inline-block;
  padding: 0 40%;
}

@media screen and (max-width: 640px) {
	.pho_title {
		padding: 0 26%;
	}
}

.pho_title:before, .pho_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 24rem;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

@media screen and (max-width: 640px) {
	.pho_title:before, .pho_title:after {
		width: 22%;
	}
}

.pho_title:before {
  left:0;
}
.pho_title:after {
  right: 0;
}

.box_1{
	padding: 0 3.5rem 0 0;
	border-right: 1px solid;
	width: 45%;
	float: left;
	margin: 0 0 8rem 0;
}

@media screen and (max-width: 640px) {
	.box_1{
		border-right: none;
		border-bottom: 1px solid;
		float: none;
		width: 100%;
		padding: 0 0 8rem 0;
	}
}

.box_1 h3{
	text-align: center;
	background: url("./images/box_1_title.png") no-repeat center center;
	background-size: 70%;
	width: 100%;
	height: 5rem;
}

.box_1 h3 strong,.box_2 h3 strong{
	display: block;
	padding: 1.5rem 1rem 0 0;
}

.box_1 img,.box_2 img{
	width: 40%;
	float: left;
	margin: 0 1rem 0 0;
	display: block;
}

.box_1 li,.box_2 li{
	margin: 3rem 0 0 0;
	clear: both;
	display: table;
	width: 100%;
}

.box_1 span,.box_2 span{
	font-size: 1.5rem;
	margin: 0 0 1rem 0;
	display: block;
	border-bottom: 1px solid;
}

.box_1 ul li p,.box_2 ul li p{
	background: #63864e;
	padding: 0 0.5rem;
	color: #fff;
	border-radius: 0.5rem;
	font-size: 0.5rem !important;
	display: inline-block;
}

.box_2{
	float: right;
	width: 45%;
}

@media screen and (max-width: 640px) {
	.box_2{
		float: none;
		margin: 0 0 8rem 0;
		width: 100%;
	}
}

.box_2 h3{
	text-align: center;
	background: url("./images/box_2_title.png") no-repeat center center;
	background-size: 70%;
	width: 100%;
	height: 5rem;
}

@media screen and (max-width: 640px) {
	.box_2 h3{
		background-size: 86%;
	}
}

.button_box{
	height: 18rem;
	clear: both;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position: relative;
	top: -9rem;
}

.button_box a{
	font-size: 1.5rem;
	float: left;
	margin: 13rem 3rem 0 3rem;
	text-align: center;
	display: block;
	padding: 2rem;
	border: 1px solid;
}

.button_box a:hover{
	background: #63864e;
	color: #fff;
}

@media screen and (max-width: 640px) {
	.button_box a{
		padding: 2rem 1rem;
		width: 85%;
		margin: 12rem 4% 3rem 4%;
	}
	.button_box a:nth-of-type(2){
		margin: 0 4%;
	}
}

.rikujo_gallery p{
	margin: 0 0 2rem 0;
	text-align: center;
}

.rikujo_title {
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Arial',sans-serif;
  position: relative;
  display: inline-block;
  padding: 0 27rem;
}

@media screen and (max-width: 640px) {
	.rikujo_title {
		padding: 0 24%;
	}
}

.soccer_title {
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Arial',sans-serif;
  position: relative;
  display: inline-block;
  padding: 0 25rem;
}

@media screen and (max-width: 640px) {
	.soccer_title {
	  position: relative;
	  display: inline-block;
	  padding: 0 16%;
	}
}

.soccer_title:before, .soccer_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 14%;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.soccer_title:before {
  left:0;
}
.soccer_title:after {
  right: 0;
}

.rikujo_title:before, .rikujo_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 26rem;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

@media screen and (max-width: 640px) {
	.rikujo_title:before, .rikujo_title:after {
		width: 18%;
	}
}

.rikujo_title:before {
  left:0;
}
.rikujo_title:after {
  right: 0;
}

.back_button{
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	background: #fff;
	border: #63864e 1px solid;
	border-radius: 1rem;
	padding: 1rem;
}

#about_contents_left p span{
	background: #8d2722;
	color: #fff;
	border-radius: 1rem;
	margin: 0 0.5rem 0 0;
	padding: 0 0.5rem;
}

#bloglist{
	width: 45rem;
	margin: 4rem auto;
}

@media screen and (max-width: 640px) {
	#bloglist{
		width: 100%;
		margin: 4rem auto;
	}
}

#bloglist p img{
	display: inline-block;
	width: 15rem;
}

@media screen and (max-width: 640px) {
	#bloglist p img{
		display: inline-block;
		width: 100%;
	}
}

#bloglist p{
	margin: 0 auto;
	position: relative;
	line-height: 3.5rem;
	padding: 0 12rem;
	display: inline-block;
}

@media screen and (max-width: 640px) {
	#bloglist p{
		text-align: center;
		line-height: 2rem;
		padding: 0 20%;
	}
}

#bloglist p:before, #bloglist p:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 9rem;
  height: 1px;
  background-color: black;
}

@media screen and (max-width: 640px) {
	#bloglist p:before, #bloglist p:after {
	  width: 15%;
	}
}

#bloglist p:before {
  left:0;
}
#bloglist p:after {
  right: 0;
}

#bloglist ul{
	margin: 1rem 0 0 0;
}

@media screen and (max-width: 640px) {
	#bloglist ul{
		width: 90%;
		margin: 1rem auto 0 auto;
	}
}

#mapArea{
	display: inline-block;
	width: 55%;
	margin: 0 0 0 5%;
}

@media screen and (max-width: 640px) {
	#mapArea{
		width: 100%;
		margin: 0 auto;
	}
}

#top_access .right{
	width: 39%;
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	#top_access .right{
		width: 90%;
		margin: 2rem auto 0 auto;
	}
}

#top_access .right p{
	
}

.members{
	width: 940px !important;
	padding: 8rem 0 4rem 0;
}

@media screen and (max-width: 640px) {
	.members{
		width: 100% !important;
	}
}

.members h2{
	border: 5px solid #8d2722; 
	padding: 20px 40px 10px; 
	background: #8d2722; 
	border-radius: 10px; 
	margin-bottom: 4rem;
}

.title02{
	text-align: center;
	font-size: 2rem !important;
	width: 900px;
	margin: 0 auto 3rem auto;
	position: relative;
	line-height: 3.5rem;
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.title02{
		width: 100%;
	}
}

.title02:before, .title02:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 22rem;
  height: 1px;
  background-color: black;
}

@media screen and (max-width: 640px) {
	.title02:before, .title02:after {
	  width: 24%;
	}
}

.title02:before {
  left:0;
}
.title02:after {
  right: 0;
}

.top_link{
	margin: 3rem auto 56rem auto;
}

@media screen and (max-width: 640px) {
	.top_link{
		margin: 3rem auto 1rem auto;
	}
}

.name{
	background:#63864e;
	color:#fff;
	padding: 1rem 0 0 0;
}

.name span{
	font-size: 12pt;
	margin:0 auto 1rem auto;
	display:block;
	text-align:center;
}

.name h3{
	text-align:center;
	padding:0 0 1rem 0;
}

.about_top_img{
	width: 500px;
}

@media screen and (max-width: 640px) {
	.about_top_img{
		width: 100%;
	}
}

.global-nav {
  position: fixed;
  right: 0px; /* これで隠れる */
  top: -1100px;
  width: 42.5rem; /* スマホに収まるくらい */
  height: 35%;
	bottom: 0;
  padding-top: 77px;
  background-color: #fff;
  transition: all .6s;
  z-index: 300;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}

@media screen and (max-width: 959px) {
	.global-nav {
		width: 100%;
		bottom: 0;
	}
}

.hamburger {
  position: fixed;
  right: 20px;
  top: 25px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
	padding: 6px;
	background-color: #FFF;
}

.global-nav__list {
	background: #fff;
	margin: -20rem 0 0 0;
  margin: 0 2.3em 0 0;
  list-style: none;
}

@media screen and (max-width: 959px) {
	.global-nav__list {
	  margin: 0 auto;
	  padding: 0;
		width: 85%;
	}
}

.global-nav__item {
	 border-bottom: 1px solid #eee;
  text-align: left;
	margin: 0;
	padding: 10px 0;
}

@media screen and (max-width: 959px) {
	.global-nav__item {
		margin: 0 auto;
	}
}

.global-nav__list .button a img{
	width: 48.5%;
	margin: 0 0.5em 0 0;
	transitional:all  0.5s  ease !important;
}

@media screen and (max-width: 959px) {
	.global-nav__list .button a img{
		width: 48.5%;
	}
}

.global-nav__list .button a:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
}

/*.global-nav__item:last-child {
	border-top: 1px solid #eee;
}*/

.global-nav__item a {
	font-size: 2rem;
  display: block;
	font-weight: bold;
  text-decoration: none;
  color: #111;
}

.global-nav__item a::before{
	content:"●";
	color: #e5003c;
	padding-right: 0.5em
}

.global-nav__item a:hover {
  background-color: #eee;
}


.hamburger__line {
  position: absolute;
  left: 11px;
  width: 30px;
  height: 4px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 24px;
}
.hamburger__line--3 {
  top: 34px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
	z-index: 98;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  top: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}

.nav-open .hamburger {
	position: fixed;
}

.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}

@media screen and (max-width: 959px) {
	.nav-open .hamburger {
		position: fixed;
	}


	.hamburger {
		top: 5px;
		right: 5px;
	}

	.global-nav__item a {
		font-size: 4.0vw;
	}

	.hamburger__line {
		height: 2px;
	}

	.global-nav {
		padding-top: 60px;
	}

	.header {
		height: 60px;
	}

	.header_fixed {
		position: fixed;
		width: 100%;
		left: 0;
		height: 60px;
		z-index: 100;
		background-color: #FFF;
	}

}
.flex {
  display: flex;
}