@charset "utf-8";
/* ============================================================ */
/* #mainimages */
/* ============================================================ */
#index #mainimages {
	margin: 0 0 20px;
}

#index #mainimages h1 {
	height: 500px;
	overflow: hidden;
}

#index #mainimages h1 img {
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}



/* .flex-control-nav
------------------------------------------------------------ *//*
#index #mainimages .flex-control-nav {
	width: 980px;
	margin: -30px auto 0;
	padding: 2px 0 0;
	text-align: center;
	position: relative;
	z-index: 3000 !important;
	overflow: hidden;
}

#index #mainimages .flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 5px;
}

#index #mainimages .flex-control-paging li a {
	width: 12px;
	height: 12px;
	display: block;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border-radius: 20px;
	position: relative;
}

#index #mainimages .flex-control-paging li a:hover {
	background: #eb861d;
}

#index #mainimages .flex-control-paging li a.flex-active {
	background: #eb861d;
	cursor: default;
}


/* .flex-direction-nav
　※ショッピング情報のスライダーと共通
------------------------------------------------------------ */
#index .flex-direction-nav {
	height: 0;
}

#index .flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#index .flex-direction-nav .flex-prev {
	background: url(/common/img/common/ico_arrow_left.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#index .flex-direction-nav .flex-next {
	background: url(/common/img/common/ico_arrow_right.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#index .flex-direction-nav .flex-prev {
	left: 0;
}

#index .flex-direction-nav .flex-next {
	right: 0;
	text-align: right;
}

#index .flexslider .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 50px;
}

#index .flexslider .flex-direction-nav .flex-prev:hover {
	opacity: 0.7;
}

#index .flexslider .flex-direction-nav .flex-next {
	opacity: 1;
	right: 50px;
}

#index .flexslider .flex-direction-nav .flex-next:hover {
	opacity: 0.7;
}



/* ============================================================ */
/* .index_search */
/* ============================================================ */
#index .index_search {
	background-image: url(/common/img/index/bg_search.png),url(/common/img/common/bg_pattern04.png);
	background-position: bottom,top;
	background-repeat: no-repeat, repeat;
	padding: 35px 0 40px;
}

#index .index_search h2 {
	text-align: center;
	margin: 0 0 10px;
}

#index .index_search .search_inner {
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}


/* .search_map
------------------------------------------------------------ */
#index .index_search .search_map {
	float: left;
	position: relative;
	width: 490px;
	height: 369px;
}

#index .index_search .search_map ul {
	position: relative;
	z-index: 1000;
	width: 300px;
}

#index .index_search .search_map div {
	position: absolute;
	top: 0;
}


/* .txt_search
------------------------------------------------------------ */
#index .index_search .txt_search {
	float: right;
	padding: 35px 0 0;
	width: 470px;
}

#index .index_search .txt_search p {
	color: #fff;
	margin: 0 0 25px;
}

#index .index_search .txt_search img {
	margin: 0 0 10px -48px;
}

#index .index_search .txt_search form {
	display: block;
	margin: 0 auto;
}

#index .index_search .txt_search .map_search div {
	display: flex;
}

#index .index_search .txt_search .map_search select {
	margin: 0 5px;
	border: 1px solid #a9a9a9;
	background: none;
	padding: 8px 5px;
	background: #fff;
	box-sizing: border-box;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新ゴR",  Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#index .index_search .txt_search .map_search .btn_search01 {
	margin: 15px 0 0;
	text-align: center;
	max-width: 385px;
}

#index .index_search .txt_search .map_search .btn_search01 button {
	width: 125px;
}



/* ============================================================ */
/* .index_find */
/* ============================================================ */
#index .index_find {
	max-width: 980px;
	margin: 0 auto;
	padding: 50px 0 40px;
}

#index .index_find h2 {
	text-align: center;
	margin: 0 0 15px;
}

#index .index_find p {
	text-align: center;
}

#index .index_find .find_search > ul {
	margin: 45px 0 40px;
	overflow: hidden;
}

#index .index_find .find_search > ul > li {
	float: left;
	width: 310px;
	margin: 0 25px 0 0;
	padding: 40px 30px;
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
	display: table;
	box-sizing: border-box;
}

#index .index_find .find_search > ul > li:last-of-type {
	margin: 0;
}

#index .index_find .find_search > ul > li div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#index .index_find .find_search > ul > li div p {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 0 20px;
}

#index .index_find .find_search > ul > li:last-of-type div p {
	margin: 0 0 10px;
}

#index .index_find .find_search > ul > li div p::before {
	font-family: 'icon';
	font-size: 3.4rem;
	color: #339f0b;
	display: block;
	line-height: 1.4;
	font-weight: normal;
}

#index .index_find .find_search > ul > li div .txt_pref::before {
	content: "\e90e";
}

#index .index_find .find_search > ul > li div .txt_town::before {
	content: "\e90c";
}

#index .index_find .find_search > ul > li div .txt_teacher::before {
	content: "\e90d";
}

#index .index_find .find_search > ul > li div select {
	border: 1px solid #a9a9a9;
	padding: 8px 5px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

#index .index_find .find_search > ul > li div ul {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}


/* .btn_form
------------------------------------------------------------ */
#index .btn_form {
	margin: 0 auto;
	text-align: center;
}

#index .btn_form p {
	margin: 0 0 20px;
}

#index .btn_form p:first-of-type button {
	height: 50px;
	font-size: 1.6rem;
}


/* ============================================================ */
/* .index_event */
/* ============================================================ */
#index .index_event {
	border-top: 1px solid #d7e8d4;
	border-bottom: 1px solid #d7e8d4;
	background: url(/common/img/common/bg_pattern05.png) 0 0 repeat;
	padding: 60px 0 80px;
}

#index .index_event h2 {
	text-align: center;
	margin: 0 0 15px;
}

#index .index_event p {
	text-align: center;
}


/* #horizontal_tab
------------------------------------------------------------ */
#index .index_event #horizontal_tab {
	margin: 45px auto 0;
	max-width: 980px;
}

#index .index_event #horizontal_tab .tab {
	overflow: hidden;
}

#index .index_event #horizontal_tab .tab li {
	float: left;
	width: 327px;
}

#index .index_event #horizontal_tab .tab li:last-of-type {
	width: 326px;
}

#index .index_event #horizontal_tab .tab li a {
	display: block;
	padding: 15px 0;
	text-align: center;
	border-right: 1px solid #287e08;
	border-top: 1px solid #287e08;
	border-left: 1px solid #287e08;
	background: #339f0b;
	color: #fff;
}

#index .index_event #horizontal_tab .tab li a:hover ,
#index .index_event #horizontal_tab .tab .r-tabs-state-active a {
	border-right: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	background: #fff;
	color: #333;
}

#index .index_event #horizontal_tab .event_list {
	padding: 20px 30px 30px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-top: none;
}

#index .index_event #horizontal_tab .event_list ul {
	margin: 0 0 30px;
}

#index .index_event #horizontal_tab .event_list ul li {
	border-bottom: 1px dotted #d5d5d5;
}

#index .index_event #horizontal_tab .event_list ul li:nth-child(2n) {
	background: #f4f4f4;
}

#index .index_event #horizontal_tab .event_list ul li a {
	overflow: hidden;
	text-decoration: underline;
	padding: 10px 15px;
	display: block;
}

#index .index_event #horizontal_tab .event_list ul li a:hover {
	text-decoration: none;
}

#index .index_event #horizontal_tab .event_list ul li a time {
	float: left;
	margin: 0 30px 0 0;
	color: #333;
	text-decoration: none;
}

#index .index_event #horizontal_tab .event_list ul li a p {
	text-align: left;
	overflow: hidden;
}

#index .index_event #horizontal_tab #event .al_center a {
	width: 208px;
}

#index .index_event #horizontal_tab #leader .al_center a {
	width: 270px;
}

#index .index_event #horizontal_tab #teacher .al_center a {
	width: 300px;
}


/* ============================================================ */
/* .index_news */
/* ============================================================ */
#index .index_news {
	max-width: 980px;
	margin: 0 auto;
	padding: 60px 0 65px;
}

#index .index_news h2 {
	text-align: center;
	margin: 0 0 40px;
}

#index .index_news ul {
	margin: 0 0 30px;
}

#index .index_news ul li {
	border-bottom: 1px dotted #d5d5d5;
}

#index .index_news ul li:nth-child(2n) {
	background: #f4f4f4;
}

#index .index_news ul li a {
	overflow: hidden;
	text-decoration: underline;
	padding: 10px 15px;
	display: block;
}

#index .index_news ul li a:hover {
	text-decoration: none;
}

#index .index_news ul li a time {
	float: left;
	margin: 0 30px 0 0;
	color: #333;
	text-decoration: none;
}

#index .index_news ul li a p {
	text-align: left;
	overflow: hidden;
}

#index .index_news .al_center a {
	width: 208px;
}



/* ============================================================ */
/* .index_about */
/* ============================================================ *//*
#index .index_about {
	background-image: url(/common/img/index/bg_about.png),url(/common/img/common/bg_pattern02.png);
	background-position: top, center;
	background-repeat: no-repeat, repeat;
	padding: 20px 0 40px;
	margin: 0 0 30px;
	border-top: 1px solid #ebebe5;
	border-bottom: 1px solid #ebebe5;
}

#index .index_about h2 {
	text-align: center;
	margin: 0 0 15px;
}


/* div
------------------------------------------------------------ *//*
#index .index_about div {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}

#index .index_about div ul {
	margin: 35px 0 30px;
}

#index .index_about div ul li {
	display: inline;
	margin: 0 27px 0 0;
}

#index .index_about div .al_center {
	margin: 40px 0 0;
}



/* ============================================================ */
/* #gallery */
/* ============================================================ */
#index #gallery {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin: 0 0 80px;
}

#index #gallery .slider {
	width: 100%;
	height: 100%;
}

#index #gallery .slider li {
	display: block;
	float: left;
	width: 238px;
	height: 100%;
	margin: 0 1px 0 0;
}



/* ============================================================ */
/* .index_member */
/* ============================================================ */
#index .index_member {
	max-width: 980px;
	margin: 0 auto 80px;
	overflow: hidden;
}

#index .index_member > li {
	float: left;
	margin: 0 25px 0 0;
	width: 310px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#index .index_member > li {
		margin: 0 23px 0 0;
	}
}

#index .index_member > li:last-of-type {
	margin: 0;
}



/* #index_lyj , #index_mail , #index_shopping
------------------------------------------------------------ */
#index .index_member #index_lyj ,
#index .index_member #index_mail {
	border: 1px solid #c7e7bb;
	background: #e4f5de;
	padding: 6px;
	width: 296px;
}

#index .index_member #index_lyj section ,
#index .index_member #index_mail section {
	background: #fff;
	padding: 20px 20px 25px;
}

#index .index_member #index_lyj section h2 ,
#index .index_member #index_mail section h2 ,
#index .index_member #index_shopping section h2 {
	text-align: center;
}



/* #index_lyj
------------------------------------------------------------ */
#index .index_member #index_lyj section {
	background: url(/common/img/index/bg_member.png) left bottom no-repeat #fff;
}

#index .index_member #index_lyj section h2 {
	margin: 0 0 25px;
}

#index .index_member #index_lyj section p {
	margin: 0 0 20px 110px;
	font-size: 1.2rem;
}

#index .index_member #index_lyj section .al_right {
	margin: 0;
}


/* #index_mail
------------------------------------------------------------ */
#index .index_member #index_mail {
	display: table;
}

#index .index_member #index_mail section {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#index .index_member #index_mail section h2 {
	margin: 0 0 25px;
}

#index .index_member #index_mail section input[type="text"] {
	margin: 0 0 5px;
	border: 1px solid #a9a9a9;
	background: none;
	-webkit-appearance: none;
	padding: 8px 5px;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	box-sizing: border-box;
}

#index .index_member #index_mail section select {
	margin: 0;
	border: 1px solid #a9a9a9;
	background: none;
	padding: 5px 5px;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新ゴR", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#index .index_member #index_mail section .al_center {
	margin: 10px 0 0;
}



/* #index_shopping
------------------------------------------------------------ */
#index .index_member #index_shopping h2 {
	margin: 0 0 15px;
}

#index .index_member #index_shopping .flexslider {
	margin: 0 40px;
}

#index .index_member #index_shopping .flexslider ,
#index .index_member #index_shopping .flexslider .slider {
	height: 188px;
}

#index .index_member #index_shopping .flex-viewport ul li {
	height: 188px;
}

#index .index_member #index_shopping .flex-viewport ul li img {
	border: 1px solid #d9d9d9;
	background: #fff;
	padding: 4px;
}

#index .index_member #index_shopping .al_center {
	margin: 35px 0 0;
}


/* .flex-control-nav
------------------------------------------------------------ */
#index .index_member #index_shopping #shopping .flex-control-nav {
	width: 230px;
	margin: 5px auto 0;
	padding: 2px 0 0;
	text-align: center;
	position: relative;
	z-index: 3000 !important;
	overflow: hidden;
}

#index .index_member #index_shopping #shopping .flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 5px;
}

#index .index_member #index_shopping #shopping .flex-control-paging li a {
	width: 12px;
	height: 12px;
	display: block;
	background: #e0e0d8;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border-radius: 20px;
	position: relative;
}

#index .index_member #index_shopping #shopping .flex-control-paging li a:hover {
	background: #339f0b;
}

#index .index_member #index_shopping #shopping .flex-control-paging li a.flex-active {
	background: #339f0b;
	cursor: default;
}



/* .flex-direction-nav
　※残りの記述はメインビジュアル部分と同様
------------------------------------------------------------ */
#index .index_member .flex-direction-nav a {
	width: 25px;
	height: 25px;
	background-size: cover;
	position: absolute;
	top: 45%;
}

#index .index_member .flex-direction-nav .flex-prev {
	left: -40px;
}

#index .index_member .flex-direction-nav .flex-next {
	right: -40px;
}



/* ============================================================ */
/* .index_faq */
/* ============================================================ */
#index .index_faq {
	max-width: 980px;
	margin: 0 auto 65px;
	overflow: hidden;
}

#index .index_faq h2 {
	text-align: center;
	margin: 0 0 15px;
}

#index .index_faq p {
	text-align: center;
}

#index .index_faq ul {
	margin: 20px 0 30px;
}

#index .index_faq ul li {
	border-bottom: 1px dotted #d5d5d5;
}

#index .index_faq ul li:nth-child(2n) {
	background: #f4f4f4;
}

#index .index_faq ul li a {
	overflow: hidden;
	text-decoration: underline;
	padding: 15px 15px 15px 45px;
	display: block;
	background: url(/common/img/common/ico_question.png) 15px 17px no-repeat;
}

#index .index_faq ul li a:hover {
	text-decoration: none;
}

#index .index_faq #btn_faq {
	margin: 0 0 25px;
}

#index .index_faq #btn_faq .btn {
	width: 208px;
}


/* ============================================================ */
/* .index_facebook */
/* ============================================================ */
#index .index_facebook {
	background: url(/common/img/common/bg_pattern03.png) 0 0 repeat;
	padding: 50px 0;
	margin: 0 auto;
	text-align: center;
}