@charset "utf-8";

/*reset css
---------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	 font-family:"ヒラギ ノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリ オ", "ＭＳ Ｐゴ シック", Meiryo, sans-serif;
     font-size:80%;
     line-height:160%;
     color:#fff;
	 overflow:hidden;
	 background-color:#000;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.clear {clear:both; margin:0;padding:0}


.img-filter a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}

/* css
---------------------------------------------------*/

#wrapper {width:100%;}

/* header */
#top_header_wrapper {
	width:100%;
	background-image:url(../images/top_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:1160px;
}
#top_header{
	width:960px;
	margin:0px auto;
	height:1160px;
}
#header_wrapper {
	width:100%;
	background-image:url(../images/bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:600px;
}
#header{
	width:960px;
	margin:0px auto;
	height:110px;
}
#top_logo {
	padding-top:25px;
	text-align:center;
}
#logo {
	padding-top:25px;
	text-align:left;
}

/* navi横 */
#navi_wrapper{
	width:100%;
	height:85px;
	margin-bottom:60px;
}
#navi {width:960px;	margin:0px auto; height:85px;}
.navi {margin-top:0px; margin-bottom:0px; height:85px;}
.navi_list {float:left; height:85px;}


/*contents*/
#contents{width:960px; margin:10px auto 0px auto; repeat-y; padding-bottom:20px;}
#contents_r {float:right; width:275px;}
#contents_l {float:left; width:650px;}



/*h2画像*/
#h2_wrapper {
	width:100%;
	background:url(../images/h2_bg.jpg) no-repeat center;
	height:100px;
	margin-bottom:20px;
}

#h2_wrapper h2 {
	width:960px;
	margin:0px auto;
}

/*footer*/
#footer_wrapper {
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	height:155px;
}
#footer {
	width:960px;
	margin:0px auto;
	height:100px;
	padding:25px 0px 0px 0px;
}


#fnavi {
	position:relative;
	overflow:hidden;
	height:15px;
	margin-bottom:15px;
}
.fnavi{position:relative; left:50%; float:left;}
.fnavi li {
	float:left;
	position:relative;
	left:-50%;
}
.pagetop{
	float:right;
	padding-top:38px;
}


/* pagetop */
#pagetop {
	float:right;
}





/*共通*/
.red{color:#F00;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt20{margin-right:100px;}

.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pt10{padding-top:10px;}

.tar {text-align:right;}
.tac {text-align:center;}

.left {float:left;}
.right {float:right;}
.bold{font-weight:bold;}

.list01{list-style:disc inside; margin-left:15px;}
.w600{width:600px;}
.w630{width:630px;}
.w510{width:510px;}
.w430{width:430px;}
.w300{width:300px;}
.txt01{
	font-size:150%;
	line-height:1em;
	font-weight:bold;
}
.txt01 img{
	vertical-align:bottom;
	margin-right:5px;
}
.txt02{
	background-color:#eee;
	border:1px #ddd solid;
	line-height:1em;
	padding:0px 15px 0px 15px;
}

.txt_btn a{
	display:block;
	width:300px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	background-color:#333;
	text-decoration:none;
	border-radius:3px;		/* CSS3草案 */
	-webkit-border-radius:3px;	/* Safari,Google Chrome用 */
	-moz-border-radius:3px;	/* Firefox用 */
	color:#fff;
}
.txt_btn a:hover{
	color:#ffffff;
	background-color:#555;
}

/*table
----------------------------------------*/

.table01 {
	width:100%;
    border: 1px solid #333;
}
.table01 th {
	background-color: #111;
    border: 1px solid #333;
	padding:8px 10px;
	width:30%;
	vertical-align:middle;
}
.table01 td {
	border:1px solid ;
	border-color:#333;
	padding:8px 10px;
	vertical-align:middle;
}

.table02 {
	width:100%;
    border: 1px solid #333;
}
.table02 th {
	background-color: #444;
    border: 1px solid #333;
	padding:8px 10px;
	vertical-align:middle;
}
.table02 td {
	border:1px solid ;
	border-color:#ccc;
	padding:8px 10px;
	vertical-align:middle;
}
.table03 {
	width:100%;
    border: 1px solid #ccc;
}
.table03 th {
	background-color: #eee;
    border: 1px solid #ccc;
	padding:8px 10px;
	width:30%;
	vertical-align:middle;
	text-align:center;
}
.table03 td {
	border:1px solid ;
	border-color:#ccc;
	padding:8px 10px;
	vertical-align:middle;
	text-align:center;
}

.table04 {
	width:100%;
    border: 1px solid #333;
}
.table04 th {
	background-color: #111;
    border: 1px solid #333;
	padding:8px 10px;
	vertical-align:middle;
}
.table04 td {
	border:1px solid ;
	border-color:#333;
	padding:8px 10px;
	vertical-align:middle;
}


/*title
----------------------------------------*/
.title01{
	font-weight:bold;
	font-size:110%;
	text-indent:10px;
	background-color:#333;
	padding:5px;
}
.title02{
	font-weight:bold;
	font-size:120%;
	padding:5px;
	background-color:#841c00;
	text-align:center;
}
.title03{
	font-size:130%;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	border-left:15px #841c00 solid;
}
/*toppage
----------------------------------------*/
.topimg{
	height:700px;
	width:960px;
	overflow:hidden;
	position:relative;
	margin-bottom:50px;
}
.topimg p {
	font-size:90%;
	line-height:3em;
	position:absolute;
	top:130px;
	text-align:center;
	width:960px;
}
.fb{
	float:left;
	width:580px;
	background-color:#fff;
}
.blog{
	float:right;
	width:358px;
	background:#fff;
}


.mb70{margin-bottom:70px;}

/*txt
----------------------------------------*/
.txt{
	text-align:center;
	margin-bottom:60px;
}
.contactbox{
	width:960px;
	height:230px;
	position:relative;
	overflow:hidden;
	margin-bottom:70px;
}
.contactbox p{
	position:absolute;
	left:500px;
	top:153px;
}
.txtbox{
	width:380px;
	border:1px #333 solid;
	border-radius:5px;		/* CSS3草案 */
	-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
	-moz-border-radius:5px;	/* Firefox用 */
	padding:19px;
	float:right;
}

/*about
----------------------------------------*/
.aisatu{
	width:960px;
	height:450px;
	overflow:hidden;
	position:relative;
	margin-bottom:60px;
}
.aisatu p{
	position:absolute;
	top:90px;
	left:20px;
	line-height:2.8em;
}
.staff{
	width:300px;
	margin-right:20px;
	float:left;
}

/*school
----------------------------------------*/
.mangabtn a{
	padding:4px 0px;
	text-align:center;
	width:20px;
	display:block;
	background-color:#fff;
	color:#000;
	float:left;
	margin-right:5px;
}

.class_txt{
	width:800px;
	float:right;
}


/*よくある質問
----------------------------------------*/
.qa dt{
	background-position:5px;
	background-repeat:no-repeat;
	padding:20px 0px 20px 10px;
	font-size:120%;
	font-weight:bold;

}
.qa dd{
	background-position:35px top;
	background-repeat:no-repeat;
	padding:0px 15px 15px 30px;
	border-bottom:1px dotted #555;
}
dl.qa dd:first-letter,
dl.qa dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


dl.qa dt:first-letter{
     color: #c86a00;
}
dl.qa dd:first-letter{
     color: #9e3400;
}

/*event
------------------------------------*/
.event{
	width:300px;
	margin-right:20px;
	float:left;
}.event p{
	text-align:center;
	line-height:2em;
}

/*item
------------------------------------*/
.item{
	width:200px;
	float:left;
	margin-right:10px;
}
.item_txt{
	width:200px;
	line-height:2em;
	text-align:center;
	border:1px solid #333;
	margin-bottom:10px;
}
.item_txt2{
	width:200px;
	line-height:2em;
	text-align:center;
	background-color:#333;
}

.large {font-size:large;}

.purple {background-color:#b4297c;}
.purple2 {background-color:#c6699e;}
.green {background-color:#008651;}
.infoArea {
	margin-bottom: 50px;
	text-align: center;
	border-bottom: 2px solid #ccc;
	padding: 30px 0;
}
.infoArea p {
	font-size: 30px;
}
.flexBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flexBox02 {
	display: flex;
	justify-content: flex-start;
}