@charset "UTF-8";

/* -- Media query	801px--482px の場合 タブレットのみ設定
------------------------------------------------------------- */
@media screen and (max-width: 801px ) and (min-width: 482px ) {
.mainimg {
	width:100%;
	background-size:cover;
	background-position:center top;
 }
.paragraph,.paragraph.council {
	width:96%;
	margin:0 auto 30px auto;
	text-align:justify;
	letter-spacing:0;
	overflow:hidden;
    *zoom: 1;
	line-height:1.9em;
	color:#000;
	padding:0 10px;
	font-size:13px;
}


/* ---------- TOPページ　タブレットのみ用 設定-------------- */


.top_mainimage {
	width:100%;
	height: auto;
	min-width: inherit;
	margin:0 auto;
	overflow:  visible;
	position:relative;
	display:block;
}

.slides>li {
	width:100%;
	text-align:right;
}


.slides>li>img  {
	width:100%;
	height: auto;
	min-width:640px;
	min-height:224px;
}

.top_mainimage_copy {
	width:30%;
	height:200px;
	background-image:url(../images/top_mainimage_copy.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	top: auto;
	bottom:15px;
	left: auto;
	margin-left: auto;
	right:10%;
	z-index:2;
}


.flex-direction-nav a {
	top: 45%;
}

.news_headline {
	width:40%;
	position:absolute;
	top: auto;
	left:45px;
	bottom:10px;
	margin-left:-0;
	z-index:2;
}
.news_headline_box a {
	width:100%;
	height:auto;
	margin:10px auto 0 auto;
	padding:10px;
	background-color:rgba(255,255,255,.7);
	position:relative;
	display:block;
}
.headline_tag {
	position:absolute;
	top:5px;
	right: auto;
	left:0;
	background-color:#0E224F;
	color:#FFF;
	font-size:10px;
	font-weight:600;
	padding:2px 8px;
}
.headline_title {
	width:100%;
	padding:18px 0 20px 0;
	color:#0E224F;
	font-size:13px;
	font-weight:600;
	line-height:1.3em;
}
.headline_date {
	position:absolute;
	top: auto;
	bottom:5px;
	color:#0E224F;
	font-size:14px;
	font-weight:600;
	letter-spacing:.1em;
}
.headline_date span {
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
}
.headline_date span.headline_time {
	font-size:12px;
}
.headline_text {
	display:none;
}
.headline_btn {
	display:none;
}


/* ----------------  TOP banner 設定 mainbanner / banner_panel / top_other_banner ------------------ */

ul.top_mainbanner {
	width:100%;
	height: auto;
	padding:15px 0 0 0;
}

ul.top_mainbanner li {
	float:left;
	width:18.2%;
	height: auto;
	margin-right:1.5%;
	-webkit-box-shadow: 2px 5px 12px #555; /* Safari, Chrome用 */
	-moz-box-shadow: 2px 5px 12px #555; /* Firefox用 */
	box-shadow: 2px 5px 12px #555; /* CSS3 */
	margin-bottom:20px;
}
ul.top_mainbanner li:first-child {
	margin-left:1.5%;
}
ul.top_mainbanner li:last-child {
	margin-right:1.5%;
}
ul.top_mainbanner li a {
	width:100%;
	height:0%;
	padding-top:100%;
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.top_mainbanner01 a {
	background-image:url(../images/top_mainbanner01.jpg);
}
.top_mainbanner02 a {
	background-image:url(../images/top_mainbanner02.jpg);
}
.top_mainbanner03 a {
	background-image:url(../images/top_mainbanner03.jpg);
}
.top_mainbanner04 a {
	background-image:url(../images/top_mainbanner04_02.jpg);
}
.top_mainbanner05 a {
	background-image:url(../images/top_mainbanner05.jpg);
}



.top_banner_panel {
	float:left;
	width:54%;
	margin-right:2%;
	margin-left:1.5%;
}
ul.banner_panel {
	width:100%;
	height: auto;
	margin-bottom:10px;
}

ul.banner_panel li {
	float:left;
	width:32%;
	height: auto;
	margin:2% 2% 0 0;
}
ul.banner_panel li:last-child {
	margin-right:0
}
ul.banner_panel li img {
	width:100%;
	height:auto;
}



ul.top_other_banner {
	float:left;
	width:54%;
/*	height:60px;  */
	height:100px;
	margin:25px auto 40px auto;
	padding:0 0 0 10px;
}

ul.top_other_banner li {
	float:left;
	width:30%;
	margin-right:10px;
}
ul.banner_panel li:last-child {
	margin-right:0
}



.top_announcement_banner {
	width:100%;
	height:0%;
	background-image:url(../images/top_announcement_banner.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding:28.57% 1% 0 1%;
	position:relative;
}

ul.top_announcement_btn {
	width:100%;
	position:absolute;
	bottom:12%;
}
ul.top_announcement_btn li {
	float:left;
	width:30%;
	margin:0 1.2%;
}
ul.top_announcement_btn li a {
	width:100%;
	height: auto;
	display:block;
	background: none;
	background-repeat:no-repeat;
	background-position:145px 4px;
	margin:0;
	padding:1px 0 0 0;
	color:#FFF;
/*	font-size:13px; */
	font-size:9px;
/*	font-weight:600; */
	font-weight:600;
	text-align:center;
}


/* --- 合格発表のボタン中文字を２行にする場合 --- */

ul.top_announcement_btn_2g {
	width:100%;
	position:absolute;
	bottom:12%;
}
ul.top_announcement_btn_2g li {
	float:left;
	width:30%;
	margin:0 1.2%;
}
ul.top_announcement_btn_2g li a {
	width:100%;
	height: auto;
	display:block;
	background: none;
	background-repeat:no-repeat;
	background-position:135px 4px;
	margin:0;
	padding:1px 0 0 0;
	color:#FFF;
	font-size:13px;
	font-weight:600;
	text-align:center;
}




}

/* -- Media query	801px以下の場合 タブレット　スマートフォン設定
------------------------------------------------------------- */

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

 
/* ---------------------------------------------------- コンテンツ部・エリア設定 ---------------------------------------------------- */
body {
	min-height:100%;
	overflow-x: auto;
	min-width: inherit;
}
#container {
	width:100%;
	min-width: inherit;
	height:100%;
	margin: 0;
	text-align: left;
 	padding-bottom:10px;
	background-color:#fbfbfb;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

#mainContent {
	width:100%;
	font-size:14px;
	min-height:420px;
	padding:0 ;
}

#mainContent.pages {
	float:none;
	width:100%;
	min-height:500px;
}



/* ---------------------------------------------------- ヘッダー部設定 ---------------------------------------------------- */

#header {
	width:100%;
	height:70px;
	position:relative;
	background-color:#0E224F;
	padding:5px 0 ;
}

.logo a{
	float:left;
	width:80%;
	height:60px;
	margin:0 2.5%;
	display:block;
	background-color:#CC6;
	background:url(../images/logo_sp.png) no-repeat;
	background-position:left center;
	background-size: contain;
}
.head_navi {
	display:none;
 }
 



/* ---------------------------------------------------- breadcrumbs 設定 ---------------------------------------------------- */

.breadcrumbs {
	display:none;
}



/* ---------------------------------------------------- global navi 設定 ---------------------------------------------------- */
ul#navi {
	display:none;
}
/*//jquery.meanmenu.cssへ移動*/






/* ---------------------------------------------------- local_navi 設定 ---------------------------------------------------- */



.local_navi {
	display:none;
}


#left_localnavi_box {
	float:none;
	width:100%;
	margin-right:0;
}

ul.local_btn li {
	width:100%;
}
ul.local_btn li a {
	width:100%;
	display:block;
	padding:6px 15px 5px 15px ;
	border-bottom:1px solid #222;
	font-size:14px;
	letter-spacing:.2em;
	color:#222;
}
ul.local_btn li a:hover {
	background-color:#DDD;
	opacity:1;
}
.local_title {
	text-align:left;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:17px;
	letter-spacing:.1em;
	padding:10px 0 8px 15px ;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	color:#FFF;
	background-color:#0E224F;
}

.mb_hidden {
	display:none;
}


ul.local_banner{
	display:none;
}


/* ---------------------------------------------------- footer 部設定 ---------------------------------------------------- */

#footer{
	width:100%;
	min-width: inherit;
	margin:0;
	background-color:#0E224F;
}
.footer_inner {
	width:100%;
	margin:0 auto;
	padding:20px 2%;
}
.footer_leftbox{
	float:none;
	width:100%;
	margin:0 0 0 0;
	color:#FFF;
}
.footer_title {
	font-size:14px;
	height:26px;
	letter-spacing:.1em;
}
.footer_text {
	display:none;
}
.footer_rightbox{
	float:none;
	width:100%;
	margin:0;
	color:#FFF;
}

ul.footer_menu {
	width:100%;
	height:26px;
}
ul.footer_menu li {
	float:left;
	margin-left:0;
	margin-right:10px;
}
ul.footer_menu li a {
	color:#FFF;
	font-size:12px;
}
.footer_copy {
	text-align:left;
	width:100%;;
	font-size:10px;
	letter-spacing:.1em;
}


.mobile_footer_submenu {
	display:none;
}

.mobile_footer_navi {
	display:none;
}


.gototop a {
	width:60px;
	height:76px;
	background-image:url(../images/pagetop.png);
	background-repeat:no-repeat;
	position: fixed;
	right:20px;
	bottom:45px;
	color:#CCC;
	z-index:50;
}
.gototop a:hover{
	color:#FFF;
}
.scroll{ 
	overflow: auto;
}




/* ---------------------------------------------------- その他 ---------------------------------------------------- */

.fltrt { /* このクラスは，ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは，ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは，ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは，div またはブレークエレメントに適用される必要があり，また，フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}

.paragraph:before,
.paragraph:after {
    content: " ";
    display: table;
}

.paragraph:after {
    clear: both;
}


* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
.short1 {
	letter-spacing:0px;
}
.short2 {
	letter-spacing:-0.5px;
}
.short2 a{
	letter-spacing:-0.5px;
}
.short3 {
	letter-spacing:-0.1em;
}
.short4 {
	letter-spacing:-0.2em;
}

}



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


/* ---------------------------------------------------- メインイメージ設定 ---------------------------------------------------- */
.top_mainimage {
	width:100%;
	min-width: inherit;
	height: auto;
	margin:0 auto;
	overflow: visible;
	position:relative;
	display:block;
}

.slides>li>img  {
	width:100%;
	height:auto;
	min-width:320px;
	min-height:112px;
	padding-right:0;
}



.top_mainimage_copy {
	width:130px;
	height:50px;
	background-image:url(../images/top_mainimage_copy.png);
	background-size: cover;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:20px;
	z-index:2;
}

.news_headline {
	width:100%;
	position: inherit;
	top: auto;
	left: auto;
	margin:0; 
	z-index:2;
}
.news_headline_box a {
	width:100%;
	height: auto;
	margin:1px auto 0 auto ;
	padding:2px 10px ;
	background: none;
	background-color:rgba(14,34,79,0.4);
	display:block;
}
.headline_tag {
	display:none;
}
.headline_title {
	width:100%;
	padding:2px 0;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	line-height:1.3em;
	letter-spacing:0;
}
.headline_date {
	width:100%;
	color:#FFF;
	font-size:11px;
	font-weight:400;
	letter-spacing:0;
}
.headline_date span {
	font-size:10px;
	font-weight:400;
	letter-spacing:0;
}
.headline_date span.headline_time {
	font-size:10px;
}
.headline_text {
	display:none;
}
.headline_btn {
	display:none;
}




/* ------------------------------------------- TOP banner 設定 mainbanner / banner_panel / top_other_banner ------------------------------------------ */

ul.top_mainbanner {
	width:100%;
	height: auto;
	padding:15px 2% 0 2%;
	margin-bottom:40px;
	position:relative;
}

ul.top_mainbanner li {
	float:left;
	width:46%;
	height:100px;
	margin:10px 2%;
	-webkit-box-shadow: 2px 5px 12px #555; /* Safari, Chrome用 */
	-moz-box-shadow: 2px 5px 12px #555; /* Firefox用 */
	box-shadow: 2px 5px 12px #555; /* CSS3 */
}
ul.top_mainbanner li:last-child {
	margin-right:0
}
ul.top_mainbanner li a {
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center bottom;
}
.top_mainbanner01 a {
	background-image:url(../images/top_mainbanner_sp01.jpg);
}
.top_mainbanner02 a {
	background-image:url(../images/top_mainbanner_sp02.jpg);
}
.top_mainbanner03 a {
	background-image:url(../images/top_mainbanner_sp03.jpg);
}
.top_mainbanner04 a {
	background-image:url(../images/top_mainbanner_sp04_02.jpg);
}
.top_mainbanner05 a {
	background-image:url(../images/top_mainbanner_sp05.jpg);
}



.top_banner_panel {
	float: none;
	width:100%;
	margin:30px 0;
	padding:0 2%;
}
ul.banner_panel {
	width:100%;
	height: auto;
}

ul.banner_panel li {
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:5px;
}
ul.banner_panel li img {
	width:100%;
}
ul.banner_panel li:last-child {
	margin-right:0%;
}



ul.top_other_banner {
	width:96%;
	height:120px;
/*	height:60px;   */
	margin:5px 2% 15px 2%;
	padding:0 0 0 10px;
}

ul.top_other_banner li {
	float:left;
	width:28%;
	margin-right:2%;
	margin-bottom:5px;
}
ul.top_other_banner li img {
	width:100%;
	height:auto;
}
ul.banner_panel li:last-child {
	margin-right:0
}

.top_announcement_banner {
	width:100%;
	height:0%;
	background-image:url(../images/top_announcement_banner.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding:28.57% 1% 0 1%;
	position:relative;
}

ul.top_announcement_btn {
	width:100%;
	position:absolute;
	bottom:12%;
}
ul.top_announcement_btn li {
	float:left;
	width:30%;
	margin:0 1.2%;
}
ul.top_announcement_btn li a {
	width:100%;
	height: auto;
	display:block;
	background: none;
	background-repeat:no-repeat;
	background-position:145px 4px;
	margin:0;
	padding:1px 0 0 0;
	color:#FFF;
	font-size:8px;
/*	font-size:13px; */
	font-weight:600;
	text-align:center;
}


/* --- 合格発表のボタン中文字を２行にする場合 --- */

.top_announcement_banner_2g {
	width:100%;
	height:0%;
	background-image:url(../images/top_announcement_banner.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding:28.57% 1% 0 1%;
	position:relative;
}

ul.top_announcement_btn_2g {
	width:100%;
	position:absolute;
	bottom:12%;
}
ul.top_announcement_btn_2g li {
	float:left;
	width:30%;
	margin:0 1.2%;
}
ul.top_announcement_btn_2g li a {
	width:100%;
	height: auto;
	display:block;
	background: none;
	background-repeat:no-repeat;
	background-position:135px 4px;
	margin:0;
	padding:1px 0 0 0;
	color:#FFF;
	font-size:13px;
	font-weight:600;
	text-align:center;
}


}