@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  word-wrap: break-word;
}

address {
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
}

video embed,
video object,
video iframe {
  width: 100%;
  height: auto;
}

.ie6 img {
  width: 100%;
}

.res-gmap img {
  max-width: none !important;
}

pre {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-bottom: 20px;
}

sup {
  font-size: 60%;
  margin-bottom: 0.4em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: #D73748;
}

blockquote {
  background: #fafafa;
  border: 1px solid #ddd;
  line-height: 170%;
  padding: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 5%;
}

input[type=text], input[type=image], textarea, input[type=submit] {
  -webkit-border-radius: 0;
  -apple-border-radius: 0;
  -webkit-appearance: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ol {
  margin-bottom: 20px;
}
ol li {
  list-style: decimal;
  margin-left: 20px;
  line-height: 140%;
  margin-bottom: 10px;
  color: #584D2B;
  text-align: left;
}

::selection {
  background: #49A1DE;
  color: #fff;
}

::-moz-selection {
  background: #49A1DE;
  color: #fff;
}

@font-face {
  font-family: ngtmp;
  src: url(../fonts/ngtmp.eot);
}
@font-face {
  font-family: ngtmp;
  src: url("../fonts/ngtmp.woff") format("woff");
}
a:link, a:visited {
  color: #149444;
  text-decoration: underline;
}

html > * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
  color: #555;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  font-size: 1.3rem;
}
body textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
}

.header .head-nav li img {
  height: 12px;
}
.header .logo {
  display: block;
  width: 170px;
}
.header .logo a:hover, .header .logo a:hover img {
  filter: alpha(opacity=100);
  opacity: 1;
}

.cfade {
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
}

.cfade img {
  top: 0;
  left: 0;
  position: absolute;
}

.top-topics {
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.top-topics .top-topics-btn {
  display: table;
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.top-topics .top-topics-btn a {
  width: 100%;
  border-radius: 8px;
  display: table-cell;
  background: #2077B3;
  padding: 0 20px;
  height: 60px;
  vertical-align: middle;
  color: #fff;
  font-size: 123.1%;
  text-align: center;
  text-decoration: none;
}
.top-topics .top-topics-btn a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-topics .top-topics-btn a:after {
  content: '';
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  display: block;
  margin-top: -5px;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.top-topics dl {
  border-bottom: dotted 1px #999;
  padding: 16px 0;
  font-size: 1.4rem;
}
.top-topics dt {
  background: url("../images/ico-pen.png") 0 center no-repeat;
}
.top-topics dd {
  line-height: 140%;
}

.contents {
  text-align: left;
}

.mid .contents h1, .mid .contents h2, .mid .contents h3, .mid .contents h4, .mid .contents h5 {
  line-height: 140%;
  font-weight: 600;
}
.mid .contents h1 {
  background-color: #2D9CD2;
  border-radius: 8px;
  margin-bottom: 1.0em;
  color: #fff;
}
.mid .contents h2 {
  background: url("../images/h2-bg.png") left 5px no-repeat;
  color: #545454;
  padding-bottom: 1.0em;
  margin-bottom: 1.0em;
  border-bottom: dotted 1px #999;
}
.mid .contents h3 {
  background: url("../images/h3-bg.png") left center no-repeat;
  border: 1px solid #bbb;
  padding: 1.0em 1.5em 0.9em;
  margin-bottom: 1.0em;
  border-radius: 8px;
}
.mid .contents h4 {
  position: relative;
  background: url("../images/h4-bg.png") 0 bottom no-repeat;
  padding-left: 1.4em;
  padding-bottom: 0.8em;
  margin-bottom: 1.0em;
}
.mid .contents h4:before {
  position: absolute;
  display: block;
  width: 10px;
  height: 4px;
  background: #A99223;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.mid .contents h5 {
  background: url("../images/h5-bg.png") left center no-repeat;
  padding-left: 1.8em;
  margin-bottom: 1.0em;
}
.mid .contents p {
  margin-bottom: 2.5em;
  line-height: 180%;
}
.mid .contents table {
  width: 100%;
  margin-bottom: 30px;
}
.mid .contents table th, .mid .contents table td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.mid .contents table th {
  color: #49A1DE;
}

.lnav {
  width: 100%;
}
.lnav li {
  display: table;
  position: relative;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}
.lnav li a {
  width: 100%;
  border-radius: 8px;
  display: table-cell;
  background: #149444;
  padding: 0 20px;
  height: 60px;
  vertical-align: middle;
}
.lnav li a img {
  width: 200px;
}
.lnav li a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.lnav li a:after {
  content: '';
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  display: block;
  margin-top: -5px;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.lnav li:nth-child(2n) a {
  background: #74B94F;
}

.mid .lnav li:nth-child(2n) a {
  background: #149444;
}
.mid .lnav li:nth-child(2n+1) a {
  background: #74B94F;
}

.top-tic-img {
  width: 100%;
}

.pagetop {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  text-align: center;
  background: url("../images/bg-foot.png") 0 0 repeat-x;
}
.pagetop p {
  width: 100%;
  display: table;
  text-align: center;
}
.pagetop a {
  display: table-cell;
  vertical-align: middle;
}
.pagetop a img {
  width: 189px;
  margin: 0 auto;
}

.foot-nav {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 18px 0 16px;
  text-align: left;
}
.foot-nav ul li img {
  height: 12px;
}

.footer .inner {
  overflow: hidden;
  *zoom: 1;
}
.footer .inner address dt {
  margin-bottom: 10px;
}
.footer .inner address dd ul li {
  display: inline-block;
}
.footer .inner address img {
  height: 21px;
}

.foot-logo img {
  width: 170px;
}

.copyright {
  width: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  *zoom: 1;
  background: #149444;
  padding: 10px 0;
  font-size: 108%;
}

.tpath {
  text-align: left;
  display: block;
  line-height: 140%;
  margin-bottom: 30px;
}
.tpath li {
  display: inline-block;
  margin-right: 5px;
}
.tpath li a {
  padding-right: 20px;
  background: url("../images/tpath-bg.png") right center no-repeat;
}

.open-lnav {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.open-lnav dt a {
  width: 100%;
  display: block;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background: #149444;
  padding: 20px 0;
  text-align: center;
}
.open-lnav dt a img {
  width: 73px;
}
.open-lnav dt a img.hogosya {
  width:108px;
}
.open-lnav dt a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.open-lnav dd {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  padding: 0 20px 20px;
}
.open-lnav dd li a {
  display: block;
  text-align: left;
  padding: 20px 1.4em;
  border-bottom: dotted 1px #aaa;
  color: #545454;
  text-decoration: none;
}

.open-lnav dd li a[href$=".pdf"] span {
	background: url(../images/common/icon_pdf.png) no-repeat right center;
	background-size:contain;
	padding-right: 1.5em;
}

.common-list, .common-link {
  margin-bottom: 30px;
}
.common-list li, .common-link li {
  background: url("../images/common-list.png") left 8px no-repeat;
  padding-left: 10px;
  margin-bottom: 0.6em;
  line-height: 160%;
  list-style: none;
}

.common-link li {
  background: url("../images/common-link.png") center left no-repeat;
}

.par-topics {
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-bottom: 30px;
}
.par-topics dl {
  display: inline-block;
  padding: 20px;
  background: #E3F2FA;
  font-size: 1.4rem;
  border-radius: 8px;
}
.par-topics dd p {
  line-height: 140% !important;
  margin-bottom: 0 !important;
}
.par-topics h2 {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.inq-form {
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: left;
}
.inq-form dl {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  margin: 0;
  margin-bottom: 1.0em;
}
.inq-form dt {
  width: 100%;
  font-weight: bold;
  margin-bottom: 0.8em;
  color: #555;
  padding: 0;
  font-size: 1.4rem;
}
.inq-form dt span {
  background: #555;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 11px !important;
  padding: 0.5em 0.8em 0.4em;
  margin-bottom: 3px;
  margin-right: 1.0em;
  color: #fff;
  border-radius: 4px;
}
.inq-form dd {
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.inq-form input[type=text], .inq-form input[type=tel], .inq-form input[type=number], .inq-form textarea, .inq-form input[type=password] {
  padding: 0.5em 1%;
  border: 1px solid #E2E2E2;
  overflow: hidden;
  line-height: 140%;
  outline: none;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0;
  width: 97%;
  font-size: 1.2rem;
}
.inq-form textarea {
  height: 200px;
}
.inq-form p {
  line-height: 170%;
  margin-bottom: 0.8em;
  font-size: 1.3rem;
}

.flame {
  width: 92%;
  padding: 4%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: left;
  background: #f6f6f6;
  border-radius: 4px;
  margin-bottom: 30px;
}
.flame p {
  margin-bottom: 0 !important;
}

.required {
  background: #49A1DE !important;
}

.textFocus {
  color: #52586A !important;
}

.mw_wp_form_confirm p {
  background: none !important;
  line-height: 170%;
}

label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 2px 0;
  margin-right: 1.0em;
  margin-bottom: 1.0em;
}

.req-add-block {
  width: 94%;
  padding: 3%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: left;
  background: #F2F9EA;
  margin-top: 20px;
}
.req-add-block p {
  font-weight: bold;
}

#gard {
  width: 100%;
  height: 100%;
  bottom: 0;
  position: fixed;
  z-index: 99;
  text-align: center;
  background: url("../images/gard.png") 0 0 repeat;
}
#gard img {
  margin: 0 auto;
}

.form-btn {
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  clear: both;
  text-align: center;
  margin: 50px 0 0px;
}
.form-btn li {
  margin-right: 20px;
}
.form-btn li + li {
  margin-right: 0;
}

.subm input[type=submit],
.subm2 input[type=submit],
.subm3 span {
  width: 280px;
  padding: 20px 0 20px 0;
  line-height: 100%;
  margin: 0;
  border-radius: 4px;
  border: 0px;
  outline: none;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  color: #fff !important;
  font-size: 138.5%;
}

.subm input[type=submit] {
  background: #59B200;
}

.subm2 input[type=submit] {
  background: #777777;
}

.subm3 span {
  background: #ddd;
  cursor: auto;
}

.subm:hover,
.subm2:hover,
.mailform a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

.confirm .subm3,
.error .subm3 {
  display: none;
}

.subm,
.subm2 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.confirm dl {
  margin-bottom: 20px !important;
  padding-bottom: 20px;
  border-bottom: dashed 1px #ddd;
}
.confirm dt, .confirm dd {
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
}
.confirm dt {
  color: #666;
  font-size: 1.2rem;
}
.confirm dt span {
  display: none !important;
}
.confirm dd {
  font-size: 1.4rem;
  line-height: 130%;
  color: #0098E5;
}
.confirm .req-open span {
  display: none;
}
.confirm .req-indi span {
  color: #666;
  font-size: 1.2rem;
}
.confirm .req-open-block p {
  display: none;
}

span.error {
  display: block;
  color: #D73748;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-top: 1.0em;
  background-color: none !important;
}

.alert {
  color: #D73748;
  font-weight: bold;
}

.e_color {
  color: #F36;
}

.ebg {
  background: #FEF4F8;
}

input:focus, textarea:focus {
  background: #FAFEFF;
}

input[type="radio"] {
  outline: none !important;
  display: inline-block !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0.5em 0 0 !important;
}

.topics-list dl {
  border-bottom: dotted 1px #999;
  padding: 16px 0;
  font-size: 1.4rem;
}
.topics-list dt {
  background: url("../images/ico-pen.png") 0 center no-repeat;
}
.topics-list dd {
  line-height: 140%;
}

.intro_list {
  margin-bottom: 2.5em;
}
.intro_list > li {
  color: #139244;
}
.intro_list > li ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -30px;
}

.intro_wrap {
  width: 100%;
  display: inline-block;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.intro_wrap .fl, .intro_wrap .fr {
  width: 256px;
}
.intro_wrap .fl {
  float: left;
}
.intro_wrap .fr {
  float: right;
}
.intro_wrap p {
  margin-bottom: 5px !important;
}
.intro_wrap p + p {
  margin-bottom: 10px !important;
}

.intro_wrap + .intro_wrap {
  border-top: 1px dotted #999999;
  padding-top: 20px;
}

.intro_wrap + h3 {
  margin-top: 20px !important;
}

.schoolnews .sp-btn {
  position: relative;
  cursor: pointer;
}
.schoolnews .sp-btn:before {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: #2d9cd2;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -5px;
}
.schoolnews .sp-btn.active:before {
  display: none;
}
.schoolnews .sp-btn:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #2d9cd2;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -1px;
}
.schoolnews .sp-btn + div {
  display: none;
}
.schoolnews div.first-block {
  display: block;
}

/* 2019年5月28日さわりました。*/

.schoolnews table {
  border-spacing: 0 !important;
  margin-bottom: 30px;
}
.schoolnews table tr th {
  width: 40%;
  border-bottom: 1px dotted #999 !important;
  background: #fff;
  height: 40px;
  vetical-align: middle;
}

.schoolnews table tr td.tex {
  width: 60%;
  border-bottom: 1px dotted #999 !important;
  background: #fff;
  height: 40px;
  line-height: 1.5;
  vetical-align: middle;
}

.schoolnews table tr th a {
  color: #149444;
  display: block;
  font-size: 1.2em;
}

/*.schoolnews table tr td {
  width: 16%;
  border-left: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  background: #E2F1FA;
  height: 40px;
  text-align: center;
  vetical-align: middle;
}

.schoolnews table tr td a {
  color: #999;
  display: block;
}

*/

/*　ここまで　*/

/* 2018年5月31日修正対応*/

.schedule_area table {
  border: 0 !important;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  overflow: hidden;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

.schedule_area table td.sat {
	color: blue;
}

.schedule_area table td.sun {
	color: red;
}

.schedule_area table caption {
	color: #fff;
	background-color:#149444;
	padding: 2%;
}

.schedule_area th.ct_0 {
  width: 5% !important;
} 

.schedule_area th.ct_1 {
  width: 10% !important;
  text-align: center;
} 

.schedule_area th.ct_2 {
  width: 90%;
} 

.schedule_area tr.holiday {
	background-color:#eee !important;
}


.schedule_area th,
.schedule_area td {
  border: 0 !important;
  border-bottom: 1px dotted #999 !important;
  line-height: 160%;
}

.schedule_area thead th {
  background: #C7E4F3;
  font-weight: bold;
}

/*
.schedule_area table {
  border: 0 !important;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.schedule_area th, .schedule_area td {
  width: 33%;
  background: #E2F1FA;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  line-height: 160%;
}
.schedule_area th {
  background: #C7E4F3;
  font-weight: bold;
}
*/

/*　ここまで　*/

.history dl {
  line-height: 180%;
  margin-bottom: 20px;
}
.history dt {
  font-size: 123.1%;
  color: #139344;
  border-bottom: #139344 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.history dd {
  font-size: 108%;
}

.objective h3 {
  background: none  !important;
  border: none !important;
  padding: 0 !important;
  text-align: center;
  color: #2C9BD2;
}
.objective h3 + div {
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  background: #F6F6F6;
  margin-bottom: 34px;
  padding: 20px 20px 0;
}
.objective h3 + div p {
  margin-bottom: 20px !important;
}
.objective h3 + div .tit {
  color: #2C9BD2;
  font-size: 131%;
  margin-bottom: 5px !important;
  background: url("../images/efforts_icon01.png") 0 center no-repeat;
  background-size: 22px 15px;
  padding: 0px 0 0px 30px !important;
  line-height: 140%;
}

.img_right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px !important;
  width: 250px;
}

.img_left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px !important;
}

.txt_center {
  text-align: center;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.efforts_list h2 {
  clear: both;
}
.efforts_list .item {
  width: 300px;
  margin-bottom: 40px;
  text-decoration: none;
}
.efforts_list .item p {
  margin-bottom: 5px !important;
}
.efforts_list .item h3 {
  border: none;
  border-bottom: 1px dotted #572C13;
  border-radius: 0;
  background: url("../images/efforts_icon01.png") 0 center no-repeat;
  background-size: 22px 15px;
  padding: 10px 0 10px 30px !important;
  margin-bottom: 10px;
  font-size: 116%;
  color: #525252;
  text-align: left;
  height: auto;
  line-height: 140%;
}
.efforts_list .item dl {
  line-height: 160%;
}
.efforts_list .item dt {
  color: #2D9CD2;
  margin-bottom: 10px;
}
.efforts_list .item dd {
  color: #666 !important;
}
.efforts_list > div .item:nth-child(2n) {
  float: left;
  clear: both;
}
.efforts_list > div .item:nth-child(2n+1) {
  float: right;
}

.dormitory th {
  width: 20%;
}

.pdf-list {
  margin-bottom: 30px;
}
.pdf-list li a {
  display: block;
  background: url("../images/pdf_icon.png") no-repeat left center;
  padding: 15px 0 15px 30px;
  line-height: 180%;
  border-bottom: 1px dotted #999999;
}

.sitemap li a {
  display: block;
  color: #2D9CD2;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #BBBBBB;
  background: url("../images/sitemap_bg01.png") no-repeat 20px center;
  padding-left: 40px;
  font-size: 138.5%;
}
.sitemap li a:hover {
  background: url("../images/sitemap_bg01.png") no-repeat 20px center #E0F0F8;
}
.sitemap li li a {
  display: block;
  color: #555555;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px dotted #572C13;
  background: url("../images/sitemap_bg02.png") no-repeat 20px center;
  padding-left: 40px;
  font-size: 108%;
}
.sitemap li li a:hover {
  background: url("../images/sitemap_bg02.png") no-repeat 20px center #E0F0F8;
}

.mb40 {
  margin-bottom: 40px;
}

.gMap img {
  max-width: none !important;
}


ul.archive {
	padding: 0 0 1px 0;
	margin-top: -20px;
	margin-bottom: 40px;
	overflow:hidden;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
  
ul.archive li {
	float:left;
	width: 50%;
}

ul.archive li a {
	font-size: 148%;
	display: block;
	background-color: #149444;
	color: #fff;
	padding : 15px 5px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	text-align:center;
	text-decoration: none;
}

ul.archive li a:hover {
	background-color: #9BCA7D;
}


/* -- 2022年9月13日　仕様変更

ul.club_index {
	overflow: hidden;
	margin-left: -40px;
}

ul.club_index li {
	width : 300px;
	margin-left: 40px;
	margin-bottom: 20px;
	float: left;
}

ul.club_index li h2 {
	padding-bottom : 5px !important;
	margin-bottom : 15px !important; 
}

ul.club_index li p.photo {
	margin-bottom : 6px !important; 
}

ul.club_index li dl {
	background-color: #E2F1FA;
    border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
	padding: 13px;
	text-align: center;
	border: double 3px #2D9CD2;
	
}

ul.club_index li dl dt {
	display: inline-block;
	border-bottom: dotted 1px #2D9CD2;
	margin : 0 auto 10px;
	font-size: 130%;
	padding: 0 5px 5px;
	font-weight: bold;
}

ul.club_index li dl dd {
	font-size: 120%;
	line-height: 160%;
	text-align: left;
}

ul.club_index li p.btn {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0 20px;
}

ul.club_index li p.btn a {
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	background-color: #1F994D;
	color:  #fff;
	display:block;
	padding: 3px;
	text-decoration: none;
	text-align: center;
}

ul.club_index li p.btn a:hover {
	background-color: #75BA51;
}

 -- */

.club_next_btn {
	display: grid;
	grid-template-columns: 1.7fr 1fr;
	gap: 10px;
	margin-bottom: 25px;
}

.club_btn {
	text-align: right;
}

.club_btn a {
	display: inline-block;
	padding: 10px 15px 10px 23px;
	border-radius: 6px;
  	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.13);
	color: #2B9DD3;
	text-decoration: none;
	background: #F4FCFE url("../images/common/link_icon.png") no-repeat left 10px center;
}

.club_btn .btn a:hover {
  	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.13);
}


ul.club_index {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-bottom: 20px;
}

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

	.club_next_btn {
		grid-template-columns: 1fr;
	}
	.club_btn {
		text-align: center;
		margin-top: -30px;
	}
	.club_next_btn,
	ul.club_index {
		grid-template-columns: 1fr;
	}
}
ul.club_index li {
	margin-bottom: 20px;
}

ul.club_index li h2 {
	padding-bottom : 5px !important;
	margin-bottom : 15px !important; 
}

ul.club_index li p.photo {
	margin-bottom : 6px !important; 
}

ul.club_index li dl {
	background-color: #E2F1FA;
    border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
	padding: 13px;
	text-align: center;
	border: double 3px #2D9CD2;
	
}

ul.club_index li dl dt {
	display: inline-block;
	border-bottom: dotted 1px #2D9CD2;
	margin : 0 auto 10px;
	font-size: 130%;
	padding: 0 5px 5px;
	font-weight: bold;
}

ul.club_index li dl dd {
	font-size: 120%;
	line-height: 160%;
	text-align: left;
}

ul.club_index li p.btn {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0 20px;
}

ul.club_index li p.btn a {
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	background-color: #1F994D;
	color:  #fff;
	display:block;
	padding: 3px;
	text-decoration: none;
	text-align: center;
}

ul.club_index li p.btn a:hover {
	background-color: #75BA51;
}


ul.club_taxonomy li {
	overflow:hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: dotted 1px #2D9CD2;
}

ul.club_taxonomy li .photo {
	float: left;
	width: 200px;
}

ul.club_taxonomy li .photo img {
	width: 100%;
	height: auto;
}

/* 2019年7月1日追加しました。*/

ul.club_taxonomy li .photo > dl {
	position: relative;
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	background-color: #E2F1FA;
	padding: 10px;
	margin-top: 15px;

}

ul.club_taxonomy li .photo > dl dt {
	font-size: 14px;
	position: absolute;
	font-weight: bold;
	text-shadow:
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	top: -7px;
	left: 6px;
}

ul.club_taxonomy li .photo > dl dd {
	font-size: 1em;
	border-bottom: dotted 1px  #ccc;
	padding: 5px 0;
	line-height: 1.2;
}

ul.club_taxonomy li .photo > dl dd a {
  background: url("../images/icon_dl.png") no-repeat top left;
  padding-left: 16px;
  display: block;
}

ul.club_taxonomy li .text {
	float: right;
	width: 420px;
}

ul.club_taxonomy li .text .date {
	font-size: 100%;
	margin-bottom: 0px;
}

ul.club_taxonomy li .text dl dt {
	font-size: 130%;
	font-weight: bold;
	line-height: 160%;
	display:block;
}

ul.club_taxonomy li .text dl dd {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

ul.club_taxonomy li .text dl dd.content {
	float: none;
	clear: both;
	font-size: 110%;
	line-height: 140%;
}

ul.club_taxonomy li .note {
	clear: both;
	margin : 3px 0px 0px 10px;
	font-size: 0.9em;
}


/* 2019年12月18日追加しました。*/

ul.case {
	float: right;
	padding: 6px 9px;
	border: solid 1px;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	background-color: cornsilk;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: -20px;
}

ul.case li {
	display: inline-block;
	margin-right: 10px;
}

ul.case li > em {
	color:#555;
	background-color: #555;
	display: inline-block;
	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	padding: 0 5px;
	margin-right: 5px;
}

ul.case li:first-child > em {
	color:#7FBF5D;
	background-color: #7FBF5D;
}

ul.study_list {
	font-size: 1.1em;
}

ul.study_list li {
	width: 100%;
	border-bottom: dotted 1px #ccc;
	padding: 20px 0;
}

ul.study_list li .table {
	display: table;
	width: 90%;
	border : solid 1px #ccc;
	border-bottom : none;
	margin: 0 auto;
}

ul.study_list li .table:first-child  {
	width: 100%;
	border: none;
	margin-bottom: 10px;
}

ul.study_list li .icon {
	background-color: #C1E2F2;
	color: #000;
	display: table-cell;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px;
}

ul.study_list li .gray {
	background-color: #555;
	color: white;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

ul.study_list li .green {
	background-color: #7FBF5D;
	color: white;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

ul.study_list li .txt {
	width: 73%;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
	padding-left: 2%;
}

ul.study_list li .table > dl {
	display: table-row;
}

ul.study_list li .table > dl > dt  {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color:  #f1f1f1;
	padding: 5px;
	border-bottom: solid 1px #ccc;
}

ul.study_list li .table > dl > dd {
	width: 75%;
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	border-bottom: solid 1px #ccc;
}

/* single-study */

#study .table {
	display: table;
	width: 96%;
	border : solid 2px #ccc;
	border-bottom : none;
	margin: 0 auto;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	margin-bottom: 35px;
}

#study .table > dl {
	display: table-row;
	border: solid 1px #fff;
}

#study .table > dl > dt  {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color:  #f1f1f1;
	padding: 5px;
	border-bottom: solid 1px #ccc;
}

#study .table > dl > dd {
	width: 75%;
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	border-bottom: solid 1px #ccc;
}

#study dl.file-frame {
	background-color: #eee;
	padding: 15px;
	margin-top: 35px;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

#study dl.file-frame dt {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

#study dl.file-frame dt:first-child {
	margin-top: 0px;
}

#study dl.file-frame dd {
	font-size: 17px;
	line-height: 1.5;
	margin-top: 5px;
	text-align: center;
}

#study dl.file-frame dt:nth-child(n+2) {
	padding-top: 15px;
	border-top : dotted 2px #ccc;
}

#study dl.file-frame dt:first-child + dd:before {
	font-weight: bold;
}

#study dl.file-frame dt:first-child + dd:after {
	font-weight: bold;
}

.std_area {
	overflow: hidden;
	margin-bottom:  30px;
	width: 100%;
}

.std_area > .hf {
	width: 44%;
	float: left;
	border: solid 1px #ccc;
	padding: 2% 2% 4%;
}

.std_area > .hf:nth-child(2) {
	float: right;
}

.std_list li {
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
}

.std_list li a {
	display: block;
	background: url("../images/common/bg_link02.png") no-repeat left 3px;
	padding-left: 10px;
}

.std_list li:last-child {
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: none;
}

/* 2020年5月12日追加しました。*/

ul#important {
	padding: 1%;
	border: double 3px red;
	background-color: #fff;
}

ul#important li {
	color:red;
}

ul#important li h2 {
	background-image: none;
	font-weight: bold;
	margin-bottom: 20px;
}

ul#important li .atcl {
	line-height: 1.6;
}

ul#important li .atcl p {
	font-size: 1em;
}





/* ここまで */

/* 2020年6月30日追加しました。*/


/*ログイン*/
.parent form {
	border-radius: 10px;
	padding: 15px;
	width: 300px;
	margin: 50px auto;
	text-align: center;
	border: solid 2px #ccc;
	background-color: aliceblue;
	box-shadow:0px 8px 0px -1px #dddddd;
}

.parent form .tr {
	display: table;
	width: 100%;
	margin: 15px 0;
}

.parent form .tr label {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.parent form .tr span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.parent form .tr span input {
	padding: 3px;
	border-radius: 3px;
	border: solid 2px #ccc;
	background-color: #FFFEE9;
}

.parent form input[type="submit"]{
	display: inline-block;
	padding: 3px 50px;
	border-radius: 15px;
	text-decoration: none;
	color: #FFF;
	background-color: #2D9CD2;
	font-weight: bold;
	transition: .4s;
	font-size: 1.1em;
	border: none;
}

.parent form input[type="submit"]:hover {
	background-color: #64B6DD;
	border: none;
}

.parent .error {
	color: red;
	text-align: center;
}

/*コンテンツ*/

.parent ul.hogosya {
	width: 100%;
	overflow: hidden;
	/*flexbox*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.parent ul.hogosya li {
	border-radius: 10px;
	padding: 3%;
	width: 41%;
	margin: 1%;
	float: left;
	text-align: center;
	border: solid 2px #ccc;
	background-color: aliceblue;
	box-shadow:0px 8px 0px -1px #dddddd;
}

.parent ul.hogosya li .desc {
	margin-bottom: 10px;
}

.parent dl.archive {
	padding-left: 7em;
	position: relative;
	margin-bottom: 15px;
	text-align: left;
	border: solid 2px #ccc;
}

.parent dl.archive dt {
	position: absolute;
	left: 10px;
	top: 12px;
	vertical-align: middle;
}

.parent dl.archive dd {
	display: inline-block;
	padding: 1%;
}

.parent dl.archive dd a {
	display: inline-block;
	padding: 6px 18px;
	color: white;
	background-color: #149444;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	transition: .4s;
}

.parent dl.archive dd a:hover {
	background-color: #85C264;
}

.parent .kobetsu_box {
	/*flexbox*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


.parent .kobetsu_box > h2 {
	display: block;
	width: 100%;
}
.parent ul.col3 {
	width:100% !important;
    display: table;
	margin-bottom: 45px;
}

.parent ul.col3 li:nth-child(2n+1) {
    clear: both;
}

.parent ul.col3 li {
    display: table-cell;
    float: left;
    width: 47%;
	border: solid 1px #fff;
	padding: 1%;
}

.parent ul.col3 li a{
	background-color: #149444;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	padding: 20px 0;
	display: block;
	
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	transition: .4s;
}

.parent ul.col3 li a:hover {
	background-color: #85C264;
	border: none;
}


/* ここまで */

.pagination {
	margin-top: 25px;
	clear: both;
	text-align:center;
}

.pagination a.page-numbers {
	display: inline-block;
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}

.pagination a.page-numbers:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
 }

.pagination .page-numbers.current {
	display: inline-block;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
	
	color: #FFF;
	background-color: #149444;
	border-color: #149444;
	font-weight: bold;
}


/* -- 2022年9月13日更新対応　-- */

/* -- Common -- */

.club_policy > .dt {
	font-size: 90%;
	text-align: right;
	margin-bottom: 15px;
	padding: 0;
	display: block;
	text-align: right;
}

.club_policy > .btn {
	text-align: right;
}

.club_policy > .btn a {
	display: inline-block;
	padding: 10px 15px 10px 23px;
	border-radius: 6px;
  	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.13);
	color: #2B9DD3;
	text-decoration: none;
	background: #F4FCFE url("../images/common/link_icon.png") no-repeat left 10px center;
}

.club_policy > .btn a:hover {
  	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.13);
}

.club_policy > .btn a > span {
	background: url("../images/common/icon_pdf.png") no-repeat right center;
	background-size:contain;
	padding-right: 23px;
}


/* -- 部活動運営方針 -- */

.club_policy ul.tt_list {
	counter-reset: number 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
	margin-bottom: 3em;
}

.club_policy ul.tt_list > li {
	padding-left: 3em;
	text-indent: -3em;
	  margin-bottom: 1.5em;
	  line-height: 180%;
}

.club_policy ul.tt_list > li .note {
	font-size: 90%;
	display: block;
	padding-left: 3em;
}

.club_policy ul.tt_list > li .note:before {
	content: "※ "; 
}

.club_policy ul.tt_list > li:before {
  counter-increment: number 1;      /* number カウンタの増加数をセット */
  content: "（"counter(number) "） ";      /* 表示形式を指定 */
}

.club_policy ul.tt_list > li > dl {
	background-color: #F4FCFE;
	padding: 10px 15px;
	margin-top: 10px;
}

.club_policy ul.tt_list > li > dl > dt {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.club_policy ul.tt_list > li > dl > dt:before {
	content: "● "; 
	color: #2B9DD3;
}

.club_policy ul.tt_list > li > dl > dd {
	padding-left: 1.5em;
	text-indent: 0em;
	margin-bottom: 0.5em;
}

.club_policy ul.tt_list > li > ul {
	background-color: #F4FCFE;
	padding: 10px 15px;
	margin-top: 10px;
}

.club_policy ul.tt_list > li > ul > li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: 0.5em;
}

.club_policy ul.tt_list > li > ul > li:before {
	content: "● "; 
	color: #2B9DD3;
}


/* -- いじめ防止基本方針 -- */

.bullying_prevention p {
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}

.bullying_prevention li {
	list-style: none;
	line-height: 1.4;
}

.bullying_prevention ul.blue_li {
	background-color: #F4FCFE;
	padding: 15px 15px 8px;
	margin-bottom: 25px;
	margin-top: 1.5em;
}

.bullying_prevention ul.blue_li > li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-bottom: 1em;
}

.bullying_prevention ul.blue_li > li:before {
	content: "● ";
	color: #2B9DD3;
}

.bullying_prevention ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
}

.bullying_prevention ol > li {
	padding-left: 1.8em;
	position: relative;
	margin-top: 15px;
}

.bullying_prevention ol > li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #2B9DD3;
	border: 1px solid;
	border-radius: 50%;
	padding-top: 0.15em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.6em;
	width: 1.6em;
	color: #ffffff;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.bullying_prevention ol > li > ul > li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-left: 0;
}

.bullying_prevention figure {
	width: 100%;
	text-align: center;
	background-color: #F4FCFE;
}

.bullying_prevention .blue_text {
	background-color: #F4FCFE;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 12px !important;
}

.bullying_prevention figure {
	margin-top: 15px;
}

.bullying_prevention .end {
	margin-bottom: 30px !important;
}

.bullying_prevention .pg_schedule {
	background-color: #F4FCFE;
	padding: 10px 15px 15px;
}

.bullying_prevention .pg_schedule > li {
	display: grid;
	grid-template-columns: 0.1fr 1fr;
	gap: 10px;
	margin-bottom: 0px;
	padding: 15px;
	border-bottom: solid 1px #ccc;
	line-height: 1.6;
}

.bullying_prevention .pg_schedule > li:last-child {
	padding: 15px 15px 0px;
	border-bottom: none;
}

.bullying_prevention .pg_schedule > li .day {
	color: #2B9DD3;
	font-weight: bold;
	text-align: center;
}



@media only screen and (max-width: 601px) {
  html {
    font-size: 62.5%;
  }

  .hover {
    transition: opacity 0.3s;
    opacity: 0.65;
  }

  .img-hover-none {
    opacity: 1 !important;
  }

  html > * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  }

  * {
    font-size: 1.4rem;
  }

  body {
    position: relative;
  }
  body textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
  }
  body > div#wrap {
    width: 100%;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .5s ease;
  }
  body > div#wrap.spnav-vew {
    position: fixed;
    overflow: hidden;
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0);
  }
  body > div#wrap.spnav-vew p.sp-menu {
    position: relative;
  }
  body > div#wrap.spnav-vew p.sp-menu a:after, body > div#wrap.spnav-vew p.sp-menu a:before {
    content: '';
    position: absolute;
    left: 85%;
    top: 23px;
    width: 30px;
    height: 30px;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body > div#wrap.spnav-vew p.sp-menu a:before {
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #spnav {
    position: absolute;
    padding: 0 0 0px 20%;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #149444;
    top: 0;
    left: 0;
    z-index: -99;
  }
  #spnav div {
    width: 100%;
    display: block;
    background: #149444;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
  }
  #spnav li a {
    width: 100%;
    position: relative;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    padding: 20px 20px 18px 40px;
    border-top: dotted 1px rgba(255, 255, 255, 0.5);
  }
  #spnav li:first-child a {
    border-top: 0;
  }
  #spnav span:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 20px;
    width: 10px;
    height: 10px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #fff;
  }

  .pe-none {
    pointer-events: none;
  }

  .ico-nomal a:before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -5px;
    text-align: left;
    content: '';
    display: block;
    border: 5px solid transparent;
    border-left-color: #fff;
  }

  .ico-spnav01 a {
    background-image: url("../images/sp-menu-ico01.png");
  }

  .ico-spnav02 a {
    background-image: url("../images/sp-menu-ico02.png");
  }

  .ico-spnav03 a {
    background-image: url("../images/sp-menu-ico03.png");
  }

  .ico-spnav04 a {
    background-image: url("../images/sp-menu-ico04.png");
  }

  .ico-spnav05 a {
    background-image: url("../images/sp-menu-ico05.png");
  }

  .ico-spnav06 a {
    background-image: url("../images/sp-menu-ico06.png");
  }

  .ico-spnav07 a {
    background-image: url("../images/sp-menu-ico07.png");
  }

  .ico-spnav01 a,
  .ico-spnav02 a,
  .ico-spnav03 a,
  .ico-spnav04 a,
  .ico-spnav05 a,
  .ico-spnav06 a,
  .ico-spnav07 a {
    background-size: 20px 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
  }

  header {
    width: 100%;
    overflow: hidden;
    *zoom: 1;
    background: #70B9DD;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .mid header {
    padding-bottom: 0;
  }

  .header .head-nav {
    display: none;
  }
  .header .logo {
    text-align: center;
    margin: 20px auto;
  }

  .gnav {
    display: none;
  }

  .sp-menu {
    width: 100%;
    display: table;
    background: url("../images/bg-foot.png") 0 0 repeat-x;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center;
  }
  .sp-menu a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    background: #149444;
    height: 55px;
    cursor: pointer;
  }
  .sp-menu a img {
    width: 122px;
  }

  .mid .sp-menu {
    margin-bottom: 0;
  }

  .kv {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kv > div {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
  }
  .kv > div + div + div h1 {
    margin-bottom: 10px;
  }
  .kv ul {
    width: 100%;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 10px;
  }
  .kv ul li {
    width: 32%;
    margin-left: 2%;
    float: left;
  }
  .kv ul li:first-child {
    margin-left: 0;
  }

  .ckv01 {
    margin-bottom: 10px;
  }

  .ckv02, .ckv02-2, .ckv02-3, .ckv02-4 {
    float: left;
    width: 49%;
    margin-bottom: 10px;
  }

  .ckv02-2, .ckv02-4 {
    margin-left: 2%;
  }

  .top-topics {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
  }
  .top-topics dl {
    display: block;
  }
  .top-topics dt {
    background-size: 10px 10px;
    padding-left: 20px;
    margin-bottom: 10px;
  }

  .contents {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .mid .contents h1 {
    padding: 14px 14px 12px;
    font-size: 1.6rem;
  }
  .mid .contents h2 {
    background-size: 10px 10px;
    padding-left: 20px;
    font-size: 1.5rem;
  }
  .mid .contents h3 {
    font-size: 1.5rem;
  }
  .mid .contents h4 {
    font-size: 1.4rem;
  }
  .mid .contents h5 {
    background-size: 12px 10px;
    font-size: 1.4rem;
  }
  .mid .contents p {
    font-size: 1.4rem;
  }

  .sub-contents {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .top-tic-img li img {
    width: 150px;
    height: 100px;
  }

  .pagetop a {
    width: 100%;
    height: 60px;
  }

  .foot-nav {
    padding-top: 0;
    border-bottom: 0;
  }
  .foot-nav ul {
    width: 100%;
  }
  .foot-nav ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .foot-nav ul li a {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 20px 0 20px 14px;
  }

  .footer .inner {
    padding: 20px 0;
  }
  .footer .inner address dd ul li {
    margin-bottom: 10px;
  }

  body.mid div.footer {
    background: url("../images/mid-foot-img.png") top center repeat-x;
    background-size: 750px 50px;
    padding-top: 50px;
  }

  .foot-logo {
    margin-bottom: 20px;
  }

  .copyright {
    font-size: 1.2rem;
  }

  .tpath {
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .tpath li {
    font-size: 1.0rem;
  }

  .open-lnav dd li a {
    position: relative;
    font-size: 1.2rem;
  }
	
  .open-lnav dd li a:after {
    content: '';
    border-bottom: 1px solid #149444;
    border-right: 1px solid #149444;
    position: absolute;
    display: block;
    margin-top: -3px;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .common-list li, .common-link li {
    background: url("../images/common-list.png") left 6px no-repeat;
  }

  .common-link li {
    background: url("../images/common-link-sp.png") center left no-repeat;
    background-size: 10px 13px;
  }

  .par-topics dl {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .par-topics dt {
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid #49A1DE;
    padding-bottom: 0.5em;
    margin-bottom: .5em;
  }
  .par-topics dd {
    line-height: 160%;
  }

  .inq-form dt span {
    background: #555;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 11px !important;
    padding: 0.5em 0.8em 0.4em;
    margin-bottom: 3px;
    margin-right: 1.0em;
    color: #fff;
    border-radius: 4px;
  }
  .inq-form textarea {
    height: 200px;
  }

  .textFocus {
    color: #52586A !important;
  }

  .mw_wp_form_confirm p {
    background: none !important;
    line-height: 170%;
  }

  #gard {
    width: 100%;
    height: 100%;
    bottom: 0;
    position: fixed;
    z-index: 99;
    text-align: center;
    background: url("../images/gard.png") 0 0 repeat;
  }
  #gard img {
    margin: 0 auto;
  }

  .form-btn {
    margin: 20px 0;
  }

  .subm input[type=submit],
  .subm2 input[type=submit],
  .subm3 span {
    width: 126px;
    padding: 34px 0;
    border-radius: 10px;
  }

  .subm3 span {
    font-size: 0.9rem;
  }

  .subm:hover,
  .subm2:hover,
  .mailform a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
  }

  .confirm dl {
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ddd;
  }
  .confirm dt {
    margin-bottom: 10px !important;
  }

  .e_color {
    color: #F36;
  }

  .ebg {
    background: #FEF4F8;
  }

  input:focus, textarea:focus {
    background: #FAFEFF;
  }

  input[type="radio"] {
    outline: none !important;
    display: inline-block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0.5em 0 0 !important;
  }

  .topics-list dl {
    display: block;
  }
  .topics-list dt {
    background-size: 10px 10px;
    padding-left: 20px;
    margin-bottom: 10px;
  }

  .intro_wrap {
    padding: 0px 0px 0;
  }
  .intro_wrap .fl, .intro_wrap .fr {
    width: 49%;
  }
  
  .schoolnews table tr th {
    width: 96%;
    padding: 2% 2% 0%;
	display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom: none !important;
  }
  
  .schoolnews table tr td {
    width: 96% !important;
    padding: 2% !important;
	display: block;
	height:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom:  dotted 2px #999;
	margin-bottom: 15px;
  }
  
  /*
  .schoolnews table tr td {
    width: 50%;
    float: left;
    display: block;
    height: auto;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }*/
  
  /*
  .schoolnews table tr:nth-child(2n+1) td:nth-child(4n),
  .schoolnews table tr:nth-child(2n+1) td:nth-child(4n+1),
  .schoolnews table tr:nth-child(2n) td:nth-child(4n+2),
  .schoolnews table tr:nth-child(2n) td:nth-child(4n+3),
  .schoolnews table tr:nth-child(2n+1) th:nth-child(4n),
  .schoolnews table tr:nth-child(2n+1) th:nth-child(4n+1),
  .schoolnews table tr:nth-child(2n) th:nth-child(4n+2),
  .schoolnews table tr:nth-child(2n) th:nth-child(4n+3) {
    background: #C7E4F3;
  }
  */
  /*
  .schoolnews table tr:nth-child(2n+1) td:nth-child(4n+2),
  .schoolnews table tr:nth-child(2n+1) td:nth-child(4n+3),
  .schoolnews table tr:nth-child(2n) td:nth-child(4n),
  .schoolnews table tr:nth-child(2n) td:nth-child(4n+1) {
    background: #E2F1FA;
  }
*/
  .objective h3 + div p {
    margin-bottom: 20px !important;
  }
  .objective h3 + div .tit {
    color: #2C9BD2;
    font-size: 131%;
    margin-bottom: 5px !important;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 0px 0 0px 30px !important;
    line-height: 140%;
  }

  .img_right {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-bottom: 10px !important;
    text-align: center;
  }

  .img_left {
    float: none;
    margin-right: 0px;
    margin-bottom: 10px !important;
  }

  .efforts_list .item {
    width: 100%;
  }
  .efforts_list .item p {
    margin-bottom: 5px !important;
  }
  .efforts_list .item h3 {
    border: none;
    border-bottom: 1px dotted #572C13;
    border-radius: 0;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 10px 0 10px 30px !important;
    margin-bottom: 10px;
    font-size: 116%;
    color: #525252;
    text-align: left;
    height: auto;
    line-height: 140%;
  }
  .efforts_list .item dl {
    line-height: 160%;
  }
  .efforts_list .item dt {
    color: #2D9CD2;
    margin-bottom: 10px;
  }
  .efforts_list .item dd {
    color: #666 !important;
  }
  .efforts_list > div .item:nth-child(2n) {
    float: none;
  }
  .efforts_list > div .item:nth-child(2n+1) {
    float: none;
  }

  .dormitory th {
    width: 20%;
  }

 /* club_taxonomy */

	ul.club_taxonomy li .photo {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}

	ul.club_taxonomy li .photo > dl {
		position: relative;
		border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px;
		background-color: #E2F1FA;
		padding: 10px;
		margin-top: 20px;
	
	}
	
	ul.club_taxonomy li .photo > dl dt {
		font-size: 22px;
		position: absolute;
		font-weight: bold;
		text-shadow:
		#fff 2px 0px,  #fff -2px 0px,
		#fff 0px -2px, #fff 0px 2px,
		#fff 2px 2px , #fff -2px 2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px 2px,  #fff -1px 2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px 1px,  #fff -2px 1px,
		#fff 2px -1px, #fff -2px -1px;
		top: -11px;
		left: 6px;
	}
	
	ul.club_taxonomy li .photo > dl dd {
		font-size: 20px;
		border-bottom: dotted 1px  #ccc;
		padding: 20px 0;
	}


	ul.club_taxonomy li .text {
		float: none;
		width: 100%;
		font-size: 20px;
	}

	ul.club_taxonomy li .text dt {
		font-size: 22px;
	}

	ul.club_taxonomy li .text dd {
		font-size: 20px;
	}

	ul.club_taxonomy li .photo > dl dd a {
	  background: url("../images/icon_dl_big.png") no-repeat top left;
	  padding-left: 22px;
	  display: block;
	}
	
	

	ul.case {
		float: right;
		padding: 6px 9px;
		border: solid 1px;
		border-radius: 3px; 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
		background-color: cornsilk;
		font-size: 20px;
		text-align: center;
		display: inline-block;
		margin-bottom: 15px;
		margin-top: -20px;
	}

	ul.case li {
		display: inline-block;
		margin-right: 10px;
	}
	
	
	ul.study_list {
		clear: both;
		font-size: 1.2rem !important;
	}

	ul.study_list li {
		display: block;
		width: 100%;
		border: none;
		padding: 0 0 15px;
		font-size: 20px !important;
		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		box-shadow:0px 0px 3px 0px #cccccc;
		background-color: #f1f1f1;
		margin-bottom: 30px;
	}

	ul.study_list li .icon {
		background-color: #C1E2F2;
		color: #000;
		display: block;
		position: relative;
		width: 96%;
		text-align: center;
		vertical-align: middle;
		padding: 2%;
	}

	ul.study_list li .gray {
		background-color: #555;
		color: white;
		border-radius: 6px 6px 0 0; 
		-webkit-border-radius: 6px 6px 0 0; 
		-moz-border-radius: 6px 6px 0 0;
	}

	ul.study_list li .green {
		background-color: #7FBF5D;
		color: white;
		border-radius: 6px 6px 0 0; 
		-webkit-border-radius: 6px 6px 0 0; 
		-moz-border-radius: 6px 6px 0 0;
	}

	ul.study_list li .txt {
		display: block;
		width: 96%;
		text-align: left;
		vertical-align: middle;
		padding: 10px 2%;
		position: relative;
		line-height: 1.6;
	}
	
	ul.study_list li .table > dl {
		display: table-row;
	}

	ul.study_list li .table > dl > dt  {
		font-size: 20px !important;
		background-color: #fff !important;
	}

	ul.study_list li .table > dl > dd {
		font-size: 20px !important;
	}
	
	/* single-study */

	#study h3,#study h2,#study h1 {
		font-size: 24px;
	}

	#study .table > dl,#study p {
		font-size: 20px;
	}

	#study dl.file-frame dt,#study dl.file-frame dd {
		font-size: 20px !important;
		text-align: center;
	}

	.std_area {
		overflow: hidden;
		margin-bottom:  30px;
		width: 100%;
	}

	.std_area > .hf {
		width: 100%;
		float: none;
		border: none;
		padding: 2% 0% 4%;
		margin-bottom:  0px;
	}

	.std_area > .hf:nth-child(2) {
		float: none;
	}

	.std_list li {
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: none;
	}

	.std_list li a {
		display: block;
		background: url("../images/common/bg_link02.png") no-repeat 8px center;
		border:  solid 1px #ccc;
		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 15px 10px 15px 20px;
		text-decoration: none;
	}

	.std_list li:last-child {
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-bottom: none;
	}
	
	
	
	
	
	
}
@media only all and (min-width: 602px) {
  a:hover, a:active {
    transition: background 0.6s, background-color 0.6s, text-decoration 0.6s, opacity 0.6s;
    color: #74B94F;
    text-decoration: none;
  }

  a:hover img {
    box-shadow: #000 0 0 0;
    transition: opacity 0.6s;
    filter: alpha(opacity=65);
    opacity: 0.65;
  }

  .img-hover-none a:hover img {
    filter: alpha(opacity=100);
    opacity: 1.00;
  }

  html > * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  }

  body textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
  }
  body.index {
    background: url("../images/top-bg.png") top center repeat-x;
    font-size: 13px;
    min-width: 975px;
  }
  body.mid {
    background: url("../images/mid-bg.png") top center repeat-x;
    font-size: 13px;
    min-width: 975px;
  }

  #spnav {
    display: none;
  }

  .inner {
    width: 975px;
    min-width: 975px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .header .head-nav {
    background: url("../images/bg-cloud.png") top right no-repeat;
    display: block;
    width: 368px;
    float: right;
    margin-top: 30px;
    padding-top: 50px;
    text-align: right;
  }
  .header .head-nav li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    float: left;
    margin-left: 19px;
  }
  .header .head-nav li:first-child {
    margin-left: 0;
  }
  .header .logo {
    float: left;
    margin: 30px 0;
  }
  .header .inner {
    overflow: hidden;
    *zoom: 1;
  }

  .gnav ul {
    width: 975px;
    min-width: 975px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    *zoom: 1;
    margin-top: 21px;
  }
  .gnav li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    float: left;
  }
  .gnav li a {
    display: block;
    background: #fff;
  }

  .sp-menu {
    display: none;
  }

  body.index .gnav {
    margin-bottom: 70px;
  }

  body.mid .gnav {
    margin-top: -20px;
    margin-bottom: 38px;
  }

  .kv {
    overflow: hidden;
    *zoom: 1;
    width: 975px;
    min-width: 975px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
  }
  .kv > div {
    width: 318px;
    float: left;
  }
  .kv > div + div {
    width: 328px;
    margin: 0 10px 0 1px;
  }
  .kv > div + div + div {
    width: 318px;
    margin: 0;
  }
  .kv > div + div + div h1 {
    margin-bottom: 10px;
  }
  .kv ul li {
    width: 100px;
    margin-left: 9px;
    float: left;
  }
  .kv ul li:first-child {
    margin-left: 0;
  }

  .cfade {
    margin-bottom: 10px;
  }

  .ckv01 {
    width: 318px;
    height: 220px;
  }

  .ckv02, .ckv02-2, .ckv02-3, .ckv02-4 {
    width: 154px;
    height: 160px;
    margin: 0 0 10px 10px;
    float: left;
  }

  .ckv03 {
    width: 318px;
    height: 120px;
  }

  .container {
    overflow: hidden;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 935px;
    min-width: 935px;
    padding: 0 40px 60px;
  }

  .top-topics {
    width: 580px;
    padding: 29px;
  }
  .top-topics .top-topics-inner {
    height: 211px;
    overflow-y: scroll;
    padding: 0 15px 0 0;
  }
  .top-topics .top-topics-btn a:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }
  .top-topics dl {
    display: table;
    width: 100%;
    font-size: 108%;
  }
  .top-topics dt {
    display: table-cell;
    padding-left: 30px;
    width: 96px;
  }
  .top-topics dd {
    display: table-cell;
  }

  .contents {
    width: 640px;
    float: left;
  }

  .mid .contents h1 {
    background: #2D9CD2 url("../images/h1-bg.png") right bottom no-repeat;
    padding: 28px 28px 26px;
    font-size: 182%;
  }
  .mid .contents h2 {
    padding-left: 30px;
    font-size: 167%;
  }
  .mid .contents h3 {
    font-size: 153.9%;
  }
  .mid .contents h4 {
    font-size: 153.9%;
  }
  .mid .contents h5 {
    font-size: 138.5%;
  }
  .mid .contents p {
    font-size: 108%;
  }
  .mid .contents table {
    border-collapse: separate;
    border-spacing: 10px;
  }

  .sub-contents {
    width: 260px;
    float: right;
  }

  .lnav li a:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  .top-tic-img {
    min-width: 1015px;
  }
  .top-tic-img li img {
    width: 300px;
    height: 200px;
  }

  .pagetop p {
    width: 300px;
    height: 60px;
    margin: 0 auto;
  }
  .pagetop a {
    display: table-cell;
    height: 60px;
    margin: 0 auto;
  }

  .foot-nav ul {
    width: 975px;
    min-width: 975px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
  }
  .foot-nav ul li {
    display: inline;
    float: left;
    margin-right: 20px;
  }

  .footer {
    min-width: 1015px;
  }
  .footer .inner {
    padding: 25px 0;
  }
  .footer .inner address {
    padding-top: 10px;
    width: 420px;
    text-align: center;
    float: right;
  }
  .footer .inner address dt {
    font-size: 108%;
  }
  .footer .inner address dd ul li:first-child {
    margin-right: 14px;
  }

  body.mid div.footer {
    width: 100%;
    background: url("../images/mid-foot-img.png") top center repeat-x;
    padding-top: 100px;
  }

  .foot-logo {
    float: left;
  }

  .copyright {
    min-width: 1015px;
  }

  .tpath li {
    font-size: 108%;
  }

  .open-lnav dt a:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }
  .open-lnav dd li a {
    background: url("../images/tpath-bg.png") 0 center no-repeat;
    font-size: 108%;
  }
  .open-lnav dd li a:hover {
    color: #149444;
  }

  .par-topics {
    margin-bottom: 40px;
  }
  .par-topics dl {
    width: 600px;
    font-size: 108%;
  }
  .par-topics dt {
    width: 18%;
    float: left;
    font-weight: bold;
    line-height: 140%;
  }
  .par-topics dd {
    width: 80%;
    float: right;
    line-height: 140%;
  }

  .inq-form {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  .inq-form dt {
    padding: 1.2em 0;
    margin-bottom: 0;
    width: 30%;
    float: left;
    font-size: 108%;
  }
  .inq-form dt span {
    background: #555;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 11px !important;
    padding: 0.5em 0.8em 0.4em;
    margin-bottom: 3px;
    margin-right: 1.0em;
    color: #fff;
    border-radius: 4px;
  }
  .inq-form dd {
    width: 66%;
    float: right;
  }
  .inq-form input[type=text], .inq-form input[type=tel], .inq-form input[type=number], .inq-form textarea, .inq-form input[type=password] {
    padding: 1.0em 1%;
    font-size: 108%;
    line-height: 160%;
  }
  .inq-form textarea {
    height: 200px;
  }
  .inq-form p {
    line-height: 200%;
    font-size: 108%;
  }

  .req-hope dt + dd,
  .req-qtype dt + dd,
  .req-qtype2 dt + dd {
    padding-top: 14px;
  }
  .req-hope p,
  .req-qtype p,
  .req-qtype2 p {
    margin-bottom: 0.8em;
  }

  .req-qtype2 {
    margin-bottom: 2.2em !important;
  }

  .flame {
    margin-bottom: 50px;
  }

  .req-zip input {
    width: 40% !important;
  }

  .textFocus {
    color: #52586A !important;
  }

  .mw_wp_form_confirm p {
    background: none !important;
    line-height: 170%;
  }

  .req-add-block dl + dl dt, .req-add-block dl + dl dd {
    margin-bottom: 0 !important;
  }

  #gard {
    width: 100%;
    height: 100%;
    bottom: 0;
    position: fixed;
    z-index: 99;
    text-align: center;
    background: url("../images/gard.png") 0 0 repeat;
  }
  #gard img {
    margin: 0 auto;
  }

  .subm:hover,
  .subm2:hover,
  .mailform a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
  }

  .confirm dl {
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ddd;
  }
  .confirm dt {
    font-size: 108%;
  }
  .confirm dd {
    font-size: 116%;
  }
  .confirm .req-indi span {
    font-size: 108%;
  }

  .pref {
    padding-top: 14px;
  }

  .e_color {
    color: #F36;
  }

  .ebg {
    background: #FEF4F8;
  }

  input:focus, textarea:focus {
    background: #FAFEFF;
  }

  input[type="radio"] {
    outline: none !important;
    display: inline-block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0.5em 0 0 !important;
  }

  .topics-list dl {
    display: table;
    width: 100%;
    font-size: 108%;
  }
  .topics-list dt {
    display: table-cell;
    padding-left: 30px;
    width: 96px;
  }
  .topics-list dd {
    display: table-cell;
  }

  .schoolnews table tr td a {
    line-height: 40px;
  }
  
  /*
  .schoolnews table tr:nth-child(2n) td:nth-child(2n) {
    background: #C7E4F3;
  }
  .schoolnews table tr:nth-child(2n+1) td:nth-child(2n+1) {
    background: #C7E4F3;
  }*/

  .objective h3 + div p {
    margin-bottom: 20px !important;
  }
  .objective h3 + div .tit {
    color: #2C9BD2;
    font-size: 131%;
    margin-bottom: 5px !important;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 0px 0 0px 30px !important;
    line-height: 140%;
  }

  .efforts_list {
    display: inline-block;
    width: 100%;
    margin-bottom: -40px;
  }
  .efforts_list .item p {
    margin-bottom: 5px !important;
  }
  .efforts_list .item h3 {
    border: none;
    border-bottom: 1px dotted #572C13;
    border-radius: 0;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 10px 0 10px 30px !important;
    margin-bottom: 10px;
    font-size: 116%;
    color: #525252;
    text-align: left;
    height: auto;
    line-height: 140%;
  }
  .efforts_list .item dl {
    line-height: 160%;
  }
  .efforts_list .item dt {
    color: #2D9CD2;
    margin-bottom: 10px;
  }
  .efforts_list .item dd {
    color: #666 !important;
  }

  .dormitory th {
    width: 20%;
  }

	ul.archive li {
		float:left;
		width: 25%;
	}
	
	ul.archive li a {
		font-size: 108%;
		display: block;
		background-color: #149444;
		color: #fff;
		padding : 8px 5px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		text-align:center;
		text-decoration: none;
	}
}
@media only screen and (min-width: 602px) and (max-width: 980px) {
  html {
    font-size: 62.5%;
  }

  html > * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  }

  body textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica,Arial,sans-serif;
  }

  .inq-form dt {
    padding: 0.8em 0;
    margin-bottom: 0;
    width: 30%;
    float: left;
  }
  .inq-form dt span {
    background: #555;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 11px !important;
    padding: 0.5em 0.8em 0.4em;
    margin-bottom: 3px;
    margin-right: 1.0em;
    color: #fff;
    border-radius: 4px;
  }
  .inq-form dd {
    width: 66%;
    float: right;
  }
  .inq-form textarea {
    height: 200px;
  }

  .req-zip input {
    width: 40% !important;
  }

  .textFocus {
    color: #52586A !important;
  }

  .mw_wp_form_confirm p {
    background: none !important;
    line-height: 170%;
  }

  #gard {
    width: 100%;
    height: 100%;
    bottom: 0;
    position: fixed;
    z-index: 99;
    text-align: center;
    background: url("../images/gard.png") 0 0 repeat;
  }
  #gard img {
    margin: 0 auto;
  }

  .subm:hover,
  .subm2:hover,
  .mailform a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
  }

  .confirm dl {
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ddd;
  }

  .e_color {
    color: #F36;
  }

  .ebg {
    background: #FEF4F8;
  }

  input:focus, textarea:focus {
    background: #FAFEFF;
  }

  input[type="radio"] {
    outline: none !important;
    display: inline-block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0.5em 0 0 !important;
  }

  .objective h3 + div p {
    margin-bottom: 20px !important;
  }
  .objective h3 + div .tit {
    color: #2C9BD2;
    font-size: 131%;
    margin-bottom: 5px !important;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 0px 0 0px 30px !important;
    line-height: 140%;
  }

  .efforts_list .item p {
    margin-bottom: 5px !important;
  }
  .efforts_list .item h3 {
    border: none;
    border-bottom: 1px dotted #572C13;
    border-radius: 0;
    background: url("../images/efforts_icon01.png") 0 center no-repeat;
    background-size: 22px 15px;
    padding: 10px 0 10px 30px !important;
    margin-bottom: 10px;
    font-size: 116%;
    color: #525252;
    text-align: left;
    height: auto;
    line-height: 140%;
  }
  .efforts_list .item dl {
    line-height: 160%;
  }
  .efforts_list .item dt {
    color: #2D9CD2;
    margin-bottom: 10px;
  }
  .efforts_list .item dd {
    color: #666 !important;
  }

  .dormitory th {
    width: 20%;
  }

	ul.archive li {
		float:left;
		width: 25%;
	}
	
	ul.archive li a {
		font-size: 108%;
		display: block;
		background-color: #149444;
		color: #fff;
		padding : 8px 5px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		text-align:center;
		text-decoration: none;
	}
  
}