@charset "UTF-8";

@media screen and (min-width: 741px) {

#top #mainbox {
	width: 100%;
	height:465px;
	background:#f7f8f3 url(../img/top/bg_main.jpg) repeat top center;
	position:relative;
}

#mainimg {
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
	z-index:1;
}

* html #mainimg { /* for IE6 */
	position: relative;
	zoom: 1;
}

*:first-child+html #mainimg { /* for IE7 */
	position: relative;
	zoom: 1;
}

#main_wrapper {
	position:absolute;
	width:1300px;
	top:0;
	left:50%;
	margin-left:-650px;
}

#mainimg {
	margin:0 auto;
	width:100%;
	height:465px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#mainimg img {
	position:absolute;
	left:50% !important;
	margin-left:-650px;
	text-align:center;
}

#main_wrapper .sp_main {
	display:none;
}

#main_wrapper .slider {
	display:none;
}

#top #mainbox .btnbox {
	width: 980px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-490px;
	z-index:1;
}

#top #mainbox .btnbox .flag {
	padding-top:50px;
}

#top #mainbox .btnbox .admission {
	padding-top:170px;
}
.admission a:hover img {
	opacity:0.8;
}

#top #mainbox .admission_sp {
	display: none;
}
.admission_sp a:hover img {
	opacity:0.8;
}

#top #mainbox .topnews {
	position:absolute;
	top:70px;
	right:0;
	width:295px;
	z-index:2;
}

#top #mainbox .topnews .tit {
	display:none;
}

#top #mainbox .topnews li a {
	display:block;
	padding:13px;
	margin-bottom:6px;
	background:rgba(0,0,0,0.5);
	font-weight:bold;
	font-size:1.05em;
	color:#fff;
	word-break: break-all;
	height:45px;
	overflow:hidden;
}

/* container
-------------------------------------------*/

#top .tit {
	display:none;
}


#top #container {
	width:100%;
	padding: 1px 0;
	/*background:#F7F8F3 url(../img/top/bg_mbtn.jpg) no-repeat center 20px;*/
}

#top .content {
	width:980px;
	margin:30px auto 30px;
	padding: 15px 22px;
	border: 1px #e5e8d7 solid;
	background: #fff;
}
/*
#top .content .inner {
	padding:45px 0 55px;
}
*/
#top .pickup .btn_list {
  margin-bottom: 10px;
}

#top .pickup .btn_list .tit {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  float: left;
  border-left: 3px solid #683290;
  color: #333;
  display: inline-block;
}

#top .pickup .btn_list_sp {
  display: none;
}

#top .pickup .btn_list a {
  display: inline-block;
    padding: 5px 20px 5px 10px;
    color: #683290;
    text-decoration: none;
    position: relative;
    float: right;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

#top .pickup .btn_list a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #683290;
}

#top .pickup .btn_list a:hover {
    color: #fff;
    background: #683290;
}

#top .pickup .btn_list a:hover::after {
  border-left: 5px solid #fff;
}

#top .pickup ul {
	width:990px;
}

#top .pickup li {
	width:320px;
	height:168px;
	margin:0 10px 10px 0;
	float:left;
	position:relative;
}

/*
#top .pickup li#mbtn01 {background:url(/img/top/mbtn01.jpg) no-repeat;}
#top .pickup li#mbtn02 {background:url(/img/top/mbtn02.jpg) no-repeat;}
#top .pickup li#mbtn03 {background:url(/img/top/mbtn03.jpg) no-repeat;}
#top .pickup li#mbtn04 {background:url(/img/top/mbtn04.jpg) no-repeat;}
#top .pickup li#mbtn05 {background:url(/img/top/mbtn05.jpg) no-repeat;}
#top .pickup li#mbtn06 {background:url(/img/top/mbtn06.jpg) no-repeat;}
*/

#top .pickup li a span {
	color:#fff;
	font-size:0.95em;
	font-weight:bold;
	text-decoration:none;
	line-height:1.3;
	width:310px;
	height:53px;
	padding:115px 0 0 10px;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/top/bg_pu.png) no-repeat;
}





/* top_nav
-------------------------------------------*/
#top .top_nav {
  width: 1020px;
  margin: 30px auto 30px;
  border: 1px solid #dfdfdf;
  background: #fff;
}
#top .top_nav ul {
  display: flex;
}
#top .top_nav li {
  width: 25%;
  border-right: 1px solid #fff;
}
#top .top_nav li:last-child {
  border-right: none;
}
#top .top_nav li a {
  font-size: 1.2em;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  background: linear-gradient(#f1f0f9 40%, #d4c2e1);
  height: 60px;
  box-sizing: border-box;
}
#top .top_nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: #683290;
}



#top .m_unit {
	padding:10px 0 0;
}

#top .m_unit .box_a {
	width:683px;
	float:left;
}

#top .m_unit .box_a .btn_news {
  text-align: right;
}

#top .m_unit .box_a .btn_news a {
  display: block;
  padding: 5px 15px 5px 0;
  color: #333;
  text-decoration: none;
  position: relative;
}

#top .m_unit .box_a .btn_news a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #333;
}

#top .m_unit .box_a .btn_news a:hover {
  color: #663392;
}

#top .m_unit .box_a .btn_news a::after:hover {
  border-left: 5px solid #663392;
}

#top .m_unit .box_b {
	width:277px;
	float:right;
}

#top .m_unit .box_b ul {
	border:1px solid #d6d6d6;
}

#top .m_unit .box_b li a {
	width: 275px;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#top .m_unit .box_b li#sub01 a {
	background:url(/img/top/sbtn01.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub01 a:hover {
	background:url(/img/top/sbtn01.jpg) no-repeat 0 -42px;
}

#top .m_unit .box_b li#sub02 a {
	background:url(/img/top/sbtn02.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub02 a:hover {
	background:url(/img/top/sbtn02.jpg) no-repeat 0 -42px;
}

#top .m_unit .box_b li#sub03 a {
	background:url(/img/top/sbtn03.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub03 a:hover {
	background:url(/img/top/sbtn03.jpg) no-repeat 0 -42px;
}

#top .m_unit .box_b li#sub04 a {
	background:url(/img/top/sbtn04.jpg) no-repeat 0 0;
	height:43px;
}
#top .m_unit .box_b li#sub04 a:hover {
	background:url(/img/top/sbtn04.jpg) no-repeat 0 -43px;
}

#top .m_unit .box_b li#sub05 a {
	background:url(/img/top/sbtn05.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub05 a:hover {
	background:url(/img/top/sbtn05.jpg) no-repeat 0 -42px;
}

#top .m_unit .box_b li#sub06 a {
	background:url(/img/top/sbtn06.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub06 a:hover {
	background:url(/img/top/sbtn06.jpg) no-repeat 0 -42px;
}

#top .m_unit .box_b li#sub07 a {
	background:url(/img/top/sbtn07.jpg) no-repeat 0 0;
	height:42px;
}
#top .m_unit .box_b li#sub07 a:hover {
	background:url(/img/top/sbtn07.jpg) no-repeat 0 -42px;
}

#top ul.f_btn {
	width:994px;
	clear:both;
	padding:20px 0 0;
}

#top ul.f_btn li#fb01 a,
#top ul.f_btn li#fb02 a,
#top ul.f_btn li#fb03 a,
#top ul.f_btn li#fb05 a,
#top ul.f_btn li#fb06 a,
#top ul.f_btn li#fb04 a,
#top ul.f_btn li#fb07 a,
#top ul.f_btn li#fb08 a {
	display:block;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}

#top ul.f_btn li#fb01 {
	float:left;
	margin:0 16px 10px 0;
}
#top ul.f_btn li#fb01 a {
	width:683px;
	height:176px;
	background:url(/img/top/bnr_history.jpg) no-repeat;
}

#top ul.f_btn li#fb02 {
	float:right;
	margin:0 16px 4px 0;
}
#top ul.f_btn li#fb02 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn01_.jpg) no-repeat;
}

#top ul.f_btn li#fb03 {
	float:right;
	margin:0 16px 4px 0;
}
#top ul.f_btn li#fb03 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn07_.jpg) no-repeat;
}

#top ul.f_btn li#fb04 {
	float:right;
	margin: 0 3px 4px 0;
}
#top ul.f_btn li#fb04 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn03_.jpg) no-repeat;
}

#top ul.f_btn li#fb05 {
	float:right;
	margin:0 16px 4px 0;
}
#top ul.f_btn li#fb05 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn02_.jpg) no-repeat;
}

#top ul.f_btn li#fb06 {
	float:right;
	margin:0 16px 0px 0;
}
#top ul.f_btn li#fb06 a {
	width:275px;
	height:57px;
	background:url(/img/top/bbtn06.jpg) no-repeat;
}

#top ul.f_btn li#fb07 {
	float:right;
	margin:0 16px 4px 0;
}
#top ul.f_btn li#fb07 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn08_.jpg) no-repeat;
}

#top ul.f_btn li#fb08 {
	float:right;
	margin: 0 3px 4px 0;
}
#top ul.f_btn li#fb08 a {
	width:136px;
	height:57px;
	background:url(/img/top/bbtn09_.jpg) no-repeat;
}

}

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

#top #mainbox {
	width: 100%;
	height:auto;
	position:relative;
	background:none;
}

#main_wrapper {
	position:relative;
	width:100%;
	top:0;
	left:0;
	margin-left:0;
}

#mainimg {
	display:none;
}

#main_wrapper .slider {
	display:block;
}

#main_wrapper .slick-slider {
  margin-bottom: 15px;
}

#top #mainbox .btnbox {
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	margin-left: 0;
	z-index:1;
}

#top #mainbox .btnbox .flag {
	padding-top: 15px;
  padding-left: 15px;
}

#top #mainbox .btnbox .flag img {
  width: 80px;
}

#top #mainbox .btnbox .admission {
	display: none;
}

#top #mainbox .admission_sp {
  margin: 0 10px 15px;
  text-align: left;
}

#top #mainbox .admission_sp img {
  width: 150px;
  height: auto;
}

#top #mainbox .topnews {
	position: relative;
	top:0;
	right:0;
	width:94%;
	padding:0 2%;
	float:none;
	margin-bottom:25px;
}

#top #mainbox .topnews .tit {
	display:block;
	font-size:1.2em;
	padding:5px;
	margin-bottom:10px;
}

#top #mainbox .topnews li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}

#top a {
	color:#333;
}

#top #container {
	padding:0 0 10px;
}

#top .tit {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px;
	padding:3px 0 3px 10px;
	text-align:left;
	border-left:3px solid #683290;
	color:#333;
}

#top .tit span {
	color:#ccc;
	padding:0 0 0 10px;
	font-size:0.8em;
}

/* top_nav
-------------------------------------------*/
#top .top_nav {
  width: 100%;
  border-bottom: 1px solid #fff;
  background: #fff;
}
#top .top_nav ul {
  display: flex;
  flex-wrap: wrap;
}
#top .top_nav li {
  width: 50%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
#top .top_nav li:nth-child(even) {
  border-right: none;
}
#top .top_nav li a {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  background: #a985c5;
  height: 42px;
  box-sizing: border-box;
  color: #fff;
}

/************************************************

	pickup

************************************************/

#top .pickup .btn_list {
  display: none;
}

#top .pickup .btn_list_sp {
  width: 70%;
  margin: 10px auto 15px;
  text-align: center;
}

#top .pickup .btn_list_sp a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #333;
  background: #eee;
  text-decoration: none;
  position: relative;
}

#top .pickup .btn_list_sp a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #333;
}

#top .pickup ul {
	width:100%;
}

#top .pickup li a {
	position: relative;
	width:100%;
	height:60px;
	padding:15px 0 15px 100px;
	margin:0 0 2px;
	display:block;
	position:relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#top .pickup li a:after {
	border-right: 2px solid #999;
    border-top: 2px solid #999;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
    display: block;
    height: 4px;
    right: 10px;
    margin-top: -2.828px;
    position: absolute;
    top: 50%;
    width: 4px;
}

#top .pickup li img {
	position: absolute;
	top: 50%;
	left: 8px;
	z-index: 1000;
	height: 44px;
	margin-top: -20px;
}

#top .pickup li a {
	background:#efefef;
}


#top .pickup li a span {
	font-weight:bold;
	text-decoration:none;
	line-height:1.3;
}


#top .m_unit .box_a .btn_news {
  width: 70%;
  margin: 10px auto;
  text-align: center;
}

#top .m_unit .box_a .btn_news a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #333;
  background: #eee;
  text-decoration: none;
  position: relative;
}

#top .m_unit .box_a .btn_news a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #333;
}


#top .m_unit .box_b li a {
	width:50%;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	display:block;
	background:#efefef;
	font-weight:bold;
	padding:7px 0;
	text-align:center;
	float:left;
}

#top .f_btn {
	display:none;
}

#top #flink {
	padding:0 0 30px 10px;
}

#top #flink li {
	float:left;
	margin:0 8px 8px 0;
}



/************************************************

	Clear

************************************************/
.mnav_t .box,
.snav ul,
.snav
{
	zoom:1;
}

.mnav_t .box:after,
.snav ul:after,
.snav:after
{
	content:''; display:block; clear:both; overflow:hidden;
}


/* field
------------------------- */
#bk {
	background-image: url(/bk_demo.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-attachment:fixed;
}

}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}