@charset "utf-8";

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

* {
	font-style:normal;
	font-weight:normal;
	}

html {
  font-size: 62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust: 100%;
  }

body {
	color: #333;
	background-color:#f2f2f2;
	margin: 0;
	padding: 0;
	font-size:1.6rem; /*font-size:12px;*/
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “游ゴシック”, YuGothic, sans-serif;
	background-position:top; background-repeat:no-repeat;
	}

img { border:0; width:100%; height:auto; }

li {
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing:normal;
	}

button { border:0; padding:0; background:none; }

	
a:link { color: #333; text-decoration: none; }
a:visited {color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration:underline; }


.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.tright { text-align:right; }

.fs10 { font-size:1.0rem; }
.fs12 { font-size:1.2rem; }
.fs14 { font-size:1.4rem; }
.fs16 { font-size:1.6rem; }
.fs18 { font-size:1.8rem; }
.fs20 { font-size:2.0rem; }
.fs28 { font-size:2.8rem; }

.f_bold { font-weight:bold; }
    
strong { font-weight:bold; }
em { font-style: oblique; }

.red { color:#83300F; }
.green { color:#005167; }

p { margin:10px 0 0 0; padding:0; line-height:165%; }
p a:link { color: #0066ff; text-decoration: underline; }
p a:visited {color: #0066ff; text-decoration: underline; }
p a:hover { color: #0066ff; text-decoration:none; }


/* ------------------------------------------------------ */

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

header {
	margin:0;
	padding:0;
	background-color:#F3F6F7;
	}
	header ul.univ { display:none; }
	
header nav { background-color:#004877; }
header nav ul { margin:0; padding:15px 0; font-size:1.4rem; }
header nav li { display:inline-block; vertical-align:top; text-align:center; margin:0; }
	header nav li:nth-child(1) { width:65%; max-width:238px; text-align:left; margin:0 !important; }
	header nav li:nth-child(2),
	header nav li:nth-child(3),
	header nav li:nth-child(4),
	header nav li:nth-child(5),
	header nav li:nth-child(6),
	header nav li:nth-child(7),
	header nav li:nth-child(8),
	header nav li:nth-child(9) { display:none; }
header nav li a { color:#fff !important; text-decoration:none; display:block; padding:43px 0; }
header nav li a:hover { color:#fff !important; text-decoration:none; border-bottom:6px solid #7fd9ff; padding-bottom:37px !important; }
	header nav li:nth-child(1) a { padding:0 !important; }
	header nav li:nth-child(1) a:hover { border:none; padding:0 !important; }


.drawer-menu { font-size:1.4rem; }	
.drawer-menu a { color:#fff; display:block; padding:8px 15px; text-decoration:none; }
.drawer-menu a:hover { background-color:#00789F; text-decoration:none; }
ul.drawer-menu { margin:0; padding:0; line-height:0; }
ul.drawer-menu li { margin:0; padding:0; line-height:normal; border-bottom:1px solid #96CEE6; }

ul.drawer-menu li.submenu { background-color:#00789F; }
.drawer-menu .submenu a:hover { background-color:#0099CC !important; text-decoration:none; }

footer {
	margin:0;
	padding:20px 0 0 0;
	background-color:#004877;
	color:#fff;
	font-size:1.2rem;
	position:relative;
	}
.footer { margin:0 auto; padding:0 0 40px 0; }
.footer .guide { width:100%; padding-left:5px; padding-bottom:15px; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.footer .guide img { max-width:160px; }
	.footer .guide p { margin:20px 0 0 0 !important; padding:0; line-height:180%; color:#eee; }
	.footer .guide dl { margin:18px 0 0 0; padding:0; }
	.footer .guide dt { font-size:1.2rem; font-weight:bold; }
	.footer .guide dd { margin-top:5px; line-height:150%; color:#eee; font-size:1.1rem; }
	.footer .guide a { color:#fff; text-decoration:underline; }
	.footer .guide a:hover { text-decoration:none; }
.footer .link { display:none; }
footer .totop { position:absolute; bottom:0; right:0; font-size:2.6rem; width:50px; }
footer .totop a { display:block; background-color:#BFD1DD; padding:12px 0; text-align:center; color:#004877; }

#map { display:none; }

#copyr { background-color:#fff; padding:20px 0; text-align:center; font-size:1.0rem; color:#004877; }

#main {
	width:100%;
	margin:0;
	padding:0;
	}

#title { background-color:#fff; margin:0; padding:15px 10px; }

#title ul { display:none; }

.contents { margin:0; padding:30px 5px; font-size:1.2rem; }

.sidemenu { display:none; }

.sidemenu h4 { background-color:#7fd9ff; font-size:3.2rem; text-align:center; padding:50px 0; color:#000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
.sidemenu h4 span { font-size:1.6rem; }

h2 { margin:0; padding:0; font-size:1.8rem; 
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
h3 { margin:40px 0 10px 0; padding:10px; background-color:#fff; border-bottom:4px solid #004777; font-size:1.8rem; color:#004878;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
.contents h3:first-child { margin-top:0 !important; }

h5 { font-size:1.8rem; font-weight:bold; border-left:5px solid #ff6600; margin:30px 0 10px 2px; padding:0 0 0 8px; }
.contents h5:nth-of-type(1) { margin-top:20px !important; }

h6 { font-size:1.4rem; font-weight:bold; margin:30px 0 10px 0; padding:0; }


ol { margin:10px 0 50px 20px; padding:0; }
ol li { margin:20px 0; padding:0 0 0 10px; list-style-type:decimal; line-height:135%; }
ol li em { text-decoration:underline; }


.table-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }


/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
header:after,
#header:after,
.information dd:after,
.footer .link:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }



/* --------------------------------------------------------------
  トップページ
-------------------------------------------------------------- */

#topmain { background-position:top center; background-repeat:no-repeat; background-size:100%; width:100%; margin:0; padding-top:50%; padding-bottom:0; position:relative;  }

#topmain div.main { background-color:rgba(127,217,255,1.0); margin:0; }
#topmain div.main ul { width:100%; margin:0 auto; padding:0; font-size:1.1rem; }
#topmain div.main li { width:49.5%; display:inline-block; vertical-align:top; text-align:center; line-height:130%; vertical-align:top;
	border-top:1px solid #CCEEFD; margin:0; padding:8px 0; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	#topmain div.main li:nth-child(2) { border-left:1px solid #CCEEFD; }
	#topmain div.main li:nth-child(3) { width:49.6%; border-right:1px solid #CCEEFD; }
#topmain div.main li img.tmt { max-height:16px; width:auto; margin-bottom:5px; }
#topmain div.main li img.tmi { width:80%; max-width:90px; margin-bottom:5px; }
#topmain div.main li a { display:block; }

.topmain { width:98%; margin:0 auto; padding:0 0 0 0; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.information { margin:0; padding:0; }
.information h3 { position:relative; }
	.information h3 span { position:absolute; top:8px; right:5px; font-size:1.3rem;
		font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “游ゴシック”, YuGothic, sans-serif; }
	.information h3 span i { margin-right:5px; }
	.information h3 span a { display:block; padding:5px 10px; border-radius:5px; background-color:#b5b5b5; color:#fff; }
	.information h3 span a:hover { background-color:#004777; }
.information dl { margin:0; padding:15px 0; font-size:1.2rem; border-bottom:1px solid #ccc; }
.information dt { float:left; width:100px; margin:0; padding:0 0 0 5px; }
	.information dt.cate { width:100px; background-color:#0099CC; text-align:center; color:#fff; font-size:1.0rem; padding:2px 0; }
.information dd { clear:left; margin:0 0 0 5px; padding:5px 0 0 0; line-height:120%; }

.guideforout { margin:60px 0; padding:0; }
.guideforout table { width:100%; margin:0 auto; padding:0; font-size:1.1rem; line-height:150%; }
.guideforout th { background-color:#F8F8F8; padding:10px 7px; border-left:4px solid #F2F2F2; border-bottom:4px solid #F2F2F2; vertical-align:middle; white-space:nowrap; }
.guideforout td { background-color:#fff; padding:10px 7px; border-left:4px solid #F2F2F2; border-bottom:4px solid #F2F2F2; vertical-align:top; white-space:nowrap; }
.guideforout p.info { font-size:1.1rem; margin:5px 0; padding:0; }
.guideforout p.tosite { font-size:1.2rem; text-align:center; }
	.tosite i { margin-right:5px; }
	.tosite a { color:#0066ff; text-decoration:underline; }
	.tosite a:hover { color:#333; text-decoration:underline; }

.topbnr { background-color:#fff; padding:20px 0 10px 0; }
.topbnr ul { width:98%; margin:0 auto; padding:0; }
.topbnr li { display:inline-block; width:48%; margin:0 1% 5px 1%; padding:0; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }




/* --------------------------------------------------------------
  各ページ
-------------------------------------------------------------- */

.photo { width:50%; max-width:240px; margin:0 auto; padding:0; text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
.photo img { margin-bottom:5px; }
.photo .name { font-size:1.8rem; }

.photo_w { width:95%; max-width:600px; margin:0 auto; text-align:center; padding:10px 0; }

.photo_r { float:right; margin-left:10px; width:50%; max-width:280px; }

.staff { margin-bottom:50px; }
.staff h5 { font-size:2.0rem; font-weight:bold; background-color:#fff; margin:0; padding:10px 8px; border:none; }
	.staff h5 span { border-left:5px solid #ff6600; padding-left:8px; }
.staff dl { margin:1px 0 0 0; padding:0; background-color:#fff; line-height:120%; }
.staff dt { float:left; width:100px; margin:0; padding:10px; vertical-align:middle; }
.staff dd { margin:0 0 0 120px; padding:10px; border-left:1px solid #f2f2f2; }

.weekly-table table { margin:5px 0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; line-height:120%; }
.weekly-table table th { padding:10px 8px; background-color:#e5e5e5; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	vertical-align:middle; white-space:nowrap; }
.weekly-table table td { padding:10px 8px; background-color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; white-space:nowrap;
	font-size:1.1rem; }

table.style01 { margin:5px 0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; line-height:120%; }
table.style01 th { padding:10px 8px; background-color:#e5e5e5; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	vertical-align:middle; white-space:nowrap; }
table.style01 td { padding:10px 8px; background-color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; white-space:nowrap;
	font-size:1.1rem; }



pre { white-space: pre-wrap; word-wrap: break-word;
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “游ゴシック”, YuGothic, sans-serif; }


.contact { }
.contact dl { margin:0; padding:0; border-bottom:1px dotted #ddd; }
	.contact dl:nth-child(1) { padding-top:0; }
.contact dt { margin:0; padding:15px 0 5px 0; }
.contact dd { margin:0; padding:0 0 15px 0; }
.contact div { padding:15px 0; text-align:center; }

.contact input[type="text"],
.contact input[type="email"],
.contact textarea { border:1px solid #ccc; padding:5px; }
.contact input[type="submit"] { background-color:#004777; margin:5px; padding:15px; width:70%; color:#fff; border:none; border-radius:5px; } 
.contact input.back { background-color:#ccc; }

.contact .text01 { width:60%; }
.contact .text02 { width:95%; }

.recruit-table table { margin:5px 0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; line-height:120%; }
.recruit-table table th { padding:10px 8px; background-color:#dadada; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	vertical-align:middle; white-space:nowrap; }
.recruit-table table td { padding:10px 8px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; white-space:nowrap;
	font-size:1.2rem; text-align:center; }
.recruit-table table tr:nth-child(2) { background-color:#e9e9e9; }

div.fbpc { display:none; }
div.fbsp { margin:20px auto; width:300px; }

}