n@charset "UTF-8";

/* reset */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }

img { max-width: 100%; height: auto; }
ul.plane, ol.plane { list-style-type:none!important; padding:0!important; }
a, #globalnavi li, span { transition: all 0.3s; }
a:hover, #globalnavi li:hover, span:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.tab_box a, .tab_box a:hover { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.font_sm { font-size: 0.75em; }


/* body */
body, body.top, .head_box, .foot .bg_foot { background: none; }
.tab01 { display: inline-block; }
.wrapper { max-width: 1000px; padding: 0; text-align: left; margin: 0 auto; font-size: 1em; position: relative; line-height: 1.8; }


/* header */
.head_box { height: auto; position: relative; }
.head_box h1 { position: absolute; left: 48px; top: 0; padding: 10px; background: rgba(255,255,255,0.75); overflow: hidden; z-index: 2; }
.head_box h1.title_bl { background: rgba(0,0,0,0.6); padding: 0.5em 10px 0.8em; }

/* navi */
#globalnavi { clear: both; overflow: hidden; }
#globalnavi .navi_wrap { position: relative; float: left; background: #000; width: 50%; border: 0; border-top: solid 2px #fff; overflow: hidden; box-sizing: border-box;}
#globalnavi .navi_wrap .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../img/navi_bg_gyosei.jpg?2024) no-repeat center center; background-size: cover; overflow: hidden; }
#globalnavi .navi_wrap.gyosei, #globalnavi .navi_wrap.iju { border-right: solid 2px #fff; }

#globalnavi .nav_banner { position: relative; display: inline-block; width: 100%; height: 240px; padding: 1.5em; border-left: solid 13px rgba(9,86,173,0.84); color: #fff; vertical-align: bottom; z-index: 1; }
#globalnavi .nav_banner:after { content: ""; display: block; position: absolute; right: 12px; bottom: 12px; width: 35px; height: 23px; background:url(../img/icon/arrow.png) no-repeat; background-size: 100% auto; }

/* color */
#globalnavi .navi_wrap.kosodate .bg { background-image:url(../img/navi_bg_kosodate.jpg); }
#globalnavi .navi_wrap.iju .bg { background-image:url(../img/navi_bg_iju.jpg); }
#globalnavi .navi_wrap.kanko .bg { background-image:url(../img/navi_bg_kanko.jpg); }
#globalnavi .kosodate .nav_banner { border-color: rgba(228,132,152,0.84); }
#globalnavi .iju .nav_banner { border-color: rgba(231,181,27,0.84); }
#globalnavi .kanko .nav_banner { border-color: rgba(120,155,0,0.84); }

/* hover */
#globalnavi .navi_wrap:hover .bg { opacity: 0.8; }
#globalnavi .navi_wrap a:hover { border-width: 20px; text-decoration: none; cursor: pointer; }
#globalnavi .navi_wrap:hover a.nav_banner:after { right: 8px; }


#globalnavi .nav_banner .tit { font-size: 2.6em; font-weight: bold; letter-spacing: 0.06em; text-decoration: none; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

/* main slide */
#main_slider { margin: 0; padding: 0; }
#main_slider li { left: 0 !important; top: 0 !important; border: 0; overflow: hidden; }
#main_slider li img { width: 100%; }

.main_slider .bx-wrapper:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; opacity: 0.3; background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(0,0,0,0)),
	color-stop(1, rgba(0,0,0,1))
);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }

/* PAGER */
.main_slider .bx-wrapper .bx-pager { bottom: 20px; }
.main_slider .bx-wrapper .bx-pager { font-size: 1em; color: #fff; }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a { background: none; width: 14px; height: 14px; margin: 0 8px; border: solid 2px #fff; border-radius: 50%; opacity: 0.6; }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff; opacity: 1; }


/* sns */
.sns_box { position: absolute; right: 310px; top: 35px; overflow: visible; }
.sns_box li { margin: 0; }
.sns_box li a { display: inline-block; background: #3b5992; margin: 0 10px 0 0; padding: 6px; overflow: hidden; border-radius: 50%; font-size: 0; cursor: pointer; }
.sns_box li.tw a { background: #30a0d9; }
.sns_box li.line a { background: #00bd00; }
.sns_box li a img { width: 23px; }
.sns_box li a:hover { transform: scale(1.1,1.1); overflow: visible; }

/* search */
.search_box { position: absolute; right: 50px; top: 30px; width: auto; height: auto; }
.search_box form { position: relative; width: 250px; height: 46px; margin: 0; padding: 0; border: solid 2px rgba(0,0,0,0.2); background: #fff; }
.search_box input[type="text"] { height: 100%; color: #222; font-size: 16px; }
.search_box .search_btn, .search_box .search_btn:hover { background: none; width: auto; height: 100%; padding: 8px; }

/* contents */
#conts { font-size: 1em; }
.bg_dot { background: url(../img/bg_dot.gif); background-size: 5px auto; }
.banner_box { padding: 3em 0; overflow: hidden;}
.banner_box ul { overflow: hidden; }
.banner_box li { float: left; margin:0 2% 0 0; }
.banner_box li a { display: inline-block; width: 100%; border: solid 2px #c6c6c6; background: #fff; padding: 20px 15px; min-height: 182px; color: #222; text-align: center; font-weight: bold; line-height: 1.5; line-height: 1.2; box-sizing: border-box; }
.banner_box li a:hover { /*background: #eee;*/ opacity: 0.7; }

.banner_box li.big_banner { width:41.5%; }
.banner_box li.big_banner a { padding: 0; }
.banner_box li.big_banner a img { width: auto; height: 175px; }
.banner_box li.icon_banner { width: 17.5%; }
.banner_box li.icon_banner a img { width: 70px; margin-bottom: 15px; }
.banner_box li.icon_banner a .tit { display: block; width: 100%; font-size: 1.25em;}
.banner_box li.icon_banner.column03_banner a { padding-bottom: 0.5em; line-height: 1; }
.banner_box li:last-child { margin-right: 0; }

/* footer */
#footer { clear: both; padding: 2.5em 0 0; /*overflow: hidden;*/ overflow: visible;}
#footer .foot { margin: 0; }

#footer .f_title { float: left; margin-right: 2.5em; margin-bottom: 3em; }
#footer .f_title.f_map { margin-top: -90px; margin-bottom: 0; }
#footer .address { margin-bottom: 3em; }
.foot .copyright { background: #003d80; }


/*-- INFOMATION --*/
#container #kinkyu_panel, #container #kinkyu_panel .wrap h2, #container #kinkyu_panel ul, #container #kinkyu_panel .panel_main, #container #kinkyu_panel .info, #container #kinkyu_panel ul li, #container #news_panel, #container #news_panel .wrap h2, #container #news_panel ul, #container #news_panel .panel_main, #container #news_panel .info, #container #news_panel ul li { position:static; float: none; width: auto; height: auto; min-height: 0; min-width: 0; padding: 0; margin: 0; background: 0; border-radius: 0; border:0; line-height: 1.6; letter-spacing: 0; text-indent: 0; }

#container #kinkyu_panel, #container #news_panel { border: solid 3px #dd0000; background: #fff; text-align:left; line-height:1.5; overflow:hidden; }
#container #news_panel { border-color:#0956b3; }
#container #kinkyu_panel .wrap, #container #news_panel .wrap { width:100%; overflow:hidden; }
#container #kinkyu_panel .wrap h2, #container #news_panel .wrap h2 { margin:0; padding:0.5em 1em 0.5em 50px; height: auto !important; font-size:1.5em; color:#fff; overflow:hidden; background:#dd0000 url(../../../gyosei/common/img/i_kinkyu00.png) no-repeat 14px center; }
#container #news_panel .wrap h2 { background:#0956b3; padding-left: 1em; }
#container #kinkyu_panel .wrap h2:before, #container #kinkyu_panel .wrap h2:after, #container #news_panel .wrap h2:before, #container #news_panel .wrap h2:after { display: none; }
#container #kinkyu_panel .panel_main, #container #news_panel .panel_main { position: relative; padding: 1em 1em 0.5em; padding-right: 18em; min-height: 11em; }
#container #news_panel .panel_main { padding-right:1em; min-height: 0; }
#container #kinkyu_panel .info, #container #news_panel .info { display: inline-block; }
#container #kinkyu_panel .info, #container #news_panel dl { display: flex; }
#container #kinkyu_panel .info  { flex-direction: column; }
#container #kinkyu_panel .info > br  { display: none; }
#container #kinkyu_panel .info, #container #news_panel dt { margin-right: 0.4em; }
#container #kinkyu_panel .info > a, #container #news_panel .info > a, #container #news_panel .info dd > a { display: inline-block; margin-bottom: 0.75em; font-weight: bold; }
#container #kinkyu_panel ul, #container #news_panel ul { position: absolute; right: 48px; top: 20px; margin:0; padding:0; list-style:none; }
#container #kinkyu_panel ul li, #container #news_panel ul li { display: block; float: none; margin:0; padding:0; vertical-align:top; border: 0; }
#container #kinkyu_panel ul li a, #container #news_panel ul li a { display:inline-block; height: auto; background:url(../../../gyosei/common/img/i_kinkyu01.png) no-repeat 12px center; background-size: 34px auto; min-width: 15em; padding:0.5em 1em 0.5em 50px; margin: 0 auto 0.5em; font-size:1em; text-align: left; text-decoration:none; color:#333; border:1px solid #ddd; white-space:nowrap; border-radius: 4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#container #kinkyu_panel ul .m02 a { background-image:url(../../../gyosei/common/img/i_kinkyu02.png); }
#container #kinkyu_panel ul .m03 a { background-image:url(../../../gyosei/common/img/i_kinkyu03.png); }
#container #kinkyu_panel ul li a:hover { background-color:#ff9; }
#container #kinkyu_panel .close { display: none; }

#container #conts #news_panel { margin-bottom: 2em; }

.info_entrance_box { margin-bottom: 2em; }
.info_entrance_box h2 { border-bottom: solid 2px #bbb; padding-bottom: 0.2em; margin: 0 0 0.7em; }
.info_entrance_box a { font-weight: bold; }


@media screen and (max-width: 768px) {
	
	/* body */
	.wrapper { max-width: none; padding: 0 20px; }


	/* header */
	.head_box { overflow: hidden; }
	.head_box h1 { left: 24px; padding: 7px; }
	.head_box h1 img { width: 120px; }

	/* navi */
	#globalnavi .navi_wrap { border-width: 1px; }
	#globalnavi .navi_wrap.gyosei, #globalnavi .navi_wrap.iju { border-right-width: 1px; }
	#globalnavi .nav_banner { height: 120px; padding: 0.8em 1.2em; border-width: 8px; }
	#globalnavi .nav_banner:after { right: 8px; bottom: 8px; width: 25px; height: 17px; }

	#globalnavi .nav_banner .tit { font-size: 1.6em; }

	/* main slide */
	#main_slider { margin: 0 -10%; width: 120%; }
	.main_slider .bx-wrapper:after { height: 100px; }

	/* PAGER */
	.main_slider .bx-wrapper .bx-pager { bottom: 12px; }
	.main_slider .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; }

	/* sns */
	.sns_box { right: 10px; top: 20px; }
	.sns_box li a img { width: 22px; }

	/* search */
	.search_box { position: static; padding: 2em 20px 0; margin: 0; background: url(../img/bg_dot.gif); background-size: 5px auto; }
	.search_box form { width: 100%; height: 54px; border: solid 2px #c6c6c6 !important; }

	/* contents */
	#conts { font-size: 0.9em; }
	.bg_dot { padding: 2em 0; }
	.banner_box li { float: left; margin:0 2% 0 0; }
	.banner_box li a { padding: 10px 5px; min-height: 0; }

	.banner_box li.big_banner { width:100%; margin: 0 auto 4%; }
	.banner_box li.big_banner a { padding: 10px 0; }
	.banner_box li.big_banner a img { width: 88%; height: auto; }
	.banner_box li.icon_banner { width: 31%; margin-right: 3.5%; }
	.banner_box li.icon_banner a { min-height: 130px; }
	.banner_box li.icon_banner a img { width: 45px; margin-bottom: 10px; }
	.banner_box li.icon_banner:last-child { margin-right: 0; }

	/* footer */
	#footer { padding: 1.5em 0 0; }
	#footer .wrapper { text-align: center; }

	#footer .f_title { float: none; margin: 0 auto 2em; width: 90%; }
	#footer .f_title.f_map { margin-top: -60px; }
	#footer .address { margin-bottom: 1em; }


/*-- INFOMATION --*/
#container #kinkyu_panel, #container #news_panel { display: block; }
	
#container #kinkyu_panel .wrap h2, #container #news_panel .wrap h2 { text-align: left; font-size: 1.2em !important; }
#container #kinkyu_panel .panel_main, #container #news_panel .panel_main { padding-right: 1em; min-height: 0; }
#container #kinkyu_panel ul, #container #news_panel ul { position: static; clear: both; }
#container #kinkyu_panel ul li, #container #news_panel ul li { display: block; float: none; margin:0; padding:0; vertical-align:top; border: 0; }
#container #kinkyu_panel ul li a br, #container #news_panel ul li a br { display: none; }
	


}

@media screen and (max-width : 478px){
	
	.head_box h1.title_bl {
		padding: 0.15em 8px 0.35em;
		width: 28vw;
		left: 20px;
	}
	
}