@charset "utf-8";

/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  min-width: 320px;
  position: relative;
  -webkit-callout: none;
  -webkit-user-select: none;
}

h1, h2, h3.h4 {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  width: 94%;
  margin: 0 auto;
}

a {
  display: block;
  width: 100%;
  height: 100%;
  color: #004a9c;
}

a:hover {
  color: #EB6114;
}

img {
  border: none;
  max-width: 100%;
}

#main img {
  height: auto !important;
}

em {
  font-style: normal;
}

.blueST, .blueNO {
  color: #005ab1;
  font-weight: bold;
  border-bottom: dotted 1px #888;
  margin-bottom: 24px;
  margin-top: 1em;
  padding-bottom: 1em;
}

.blueNO {
  font-weight: normal;
}

.blackNO {
  border-bottom: dotted 1px #888;
  margin-bottom: 24px;
  margin-top: 1em;
  padding-bottom: 1em;
}


/*#header {height:32px;border-bottom:solid 3px #004495;padding:15px 0 10px 0;position:relative;}*/

#header {
  height: 32px;
  padding: 15px 0 10px 0;
  position: relative;
}

#header:before, #heaer:after {
  content: "";
  display: table;
}

#header:after {
  clear: both;
}

#logo {
  width: 163px;
  height: 24px;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  background: url(../img/logo.png)no-repeat left top;
  background-size: 163px auto;
  margin: 3px 0;
}

#font_resize {
  display: none;
}

#header_menu {
  float: right;
}

/*メインコンテンツ*/

#contents {
  margin: auto;
  padding: 10px 20px;
  text-align: center;
}

.movieBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}

.movieBox h3 {
  text-align: center;
  margin: 0 0 8px 0;
}

.movieBox p {
	font-size: 90%;
  margin: 10px 0 0 0;
  text-align: left;
}

.movieBox .movie{
  width: 300px;
  margin-right:0px;
  margin-bottom: 20px;
}

.movieBox .movie:nth-of-type(3),
.movieBox .movie:last-of-type{
  width: 300px;
  margin-right: 0px;
  margin-bottom: 20px;
}


#search {
  width: 52px;
  height: 32px;
  border: solid 1px #4A8D41;
  border-radius: 3px;
  margin-left: 10px;
  float: left;
  background: -webkit-gradient(linear, left bottom, left top, from(#4A8D41), to(#6DA540));
  background: -moz-linear-gradient(bottom, #4A8D41, #6DA540);
  background: -ms-linear-gradient(bottom, #4A8D41, #6DA540);
}

#search a {
  background: url(../img/sp/search_icon.svgz) no-repeat 3px 8px;
  background-size: 16px 16px;
}

#search form {
  display: none;
}

#menu_btn {
  width: 64px;
  height: 32px;
  border: solid 1px #004393;
  border-radius: 3px;
  margin-left: 4px;
  float: right;
  background: -webkit-gradient(linear, left bottom, left top, from(#004393), to(#005AB1));
  background: -moz-linear-gradient(bottom, #004393, #005AB1);
  background: -ms-linear-gradient(bottom, #004393, #005AB1);
}

#menu_btn a {
  background: url(../img/sp/menu_icon.svgz) no-repeat 2px 10px;
  background-size: 18px 14px;
}

#search a, #menu_btn a {
  color: #fff;
  text-decoration: none;
}

#search a span, #menu_btn a span {
  display: block;
  padding: 10px 0 0 22px;
  font-size: .7em;
}

#spf {
  display: none;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  text-align: center;
  padding: 1em 0;
  z-index: 999;
}

#spf form input[type="text"] {
  padding: .3em;
}

#spf form input[type="submit"] {
  padding: .3em 0;
  border: none;
  width: 48px;
  height: 28px;
  background-position: -276px -1px;
  margin-left: 3px;
  color: #fff;
  text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4), 1px 1px 2px #fff;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#4A8D41), to(#6DA540));
  background: -moz-linear-gradient(bottom, #4A8D41, #6DA540);
  background: -ms-linear-gradient(bottom, #4A8D41, #6DA540);
}

#spf input[type="text"] {
  background-image: none !important;
}

#footer {
  border-top: solid 1px #777777;
}

#footer_first {
  background: #EEEEEE;
  text-align: center;
  padding: 1em 0 0 0;
}

#footer_first li {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
}

#footer_first li a {
  display: inline;
}

#footer_second {
  background: #333333;
}

#comp {
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  padding: 1em 0;
  text-align: center;
}

#comp span {
  font-size: .8em;
  margin-right: 8px;
}

#footer_address {
  display: none;
}

#gotop {
  background: #444444;
  border-top: solid 1px #777777;
  border-bottom: solid 1px #777777;
}

#gotop a {
  padding: 1em 0;
  color: #fff;
  text-align: center;
  background: url(../img/sp/gotop.svgz)no-repeat 30% center;
  background-size: 12px 12px;
  text-decoration: none;
}

#footer_third {
  background: #000;
  color: #666;
  text-align: center;
  padding: 1.1em 0;
}

#nav {
  position: absolute;
  left: 0;
  top: 100%;
  background: #004394;
  width: 100%;
  display: none;
  color: #fff;
  z-index: 100;
}

#nav #lnav, #close {
  width: 94%;
  margin: 0 auto;
}

#nav #lnav {
  margin-bottom: 10px;
}

#nav #lnav h2 {
  padding: 1em 0;
  background: url(../img/sp/iconB.svgz) no-repeat 98% center;
  background-size: 16px 16px;
}

#nav #lnav a {
  display: block;
  width: 90%;
  padding: 1em 5%;
  color: #004394;
  margin-bottom: 1px;
  background: #fff url(../img/sp/arrowA.svgz)no-repeat 95% center;
  background-size: 7px 14px;
  font-weight: bold;
  text-decoration: none;
}

#nav #lnav a.pdf {
  background: #fff url(../img/pdf.jpg) no-repeat 95% center;
}

#nav #lnav>ul>li>ul {
  display: none;
}

#nav #lnav>ul>li.active>ul {
  display: block;
}

#nav #lnav>ul>li.active>ul>li>ul {
  display: none;
}

#nav #lnav>ul>li.active>ul>li.active>ul {
  display: block;
}

#nav #gnav {
  border-top: solid 1px #fff;
}

#nav #gnav li {
  border-bottom: solid 1px #fff;
  background: url(../img/sp/iconA.svgz)no-repeat 96% center;
  background-size: 16px 16px;
}

#nav #gnav li a {
  display: block;
  width: 89%;
  margin: 0 auto;
  padding: 1em 0 1em 5%;
  font-weight: bold;
  color: #fff;
  font-size: 1.1em;
  text-decoration: none;
}

#sub_menu:before, #fnav:after {
  content: "";
  display: table;
}

#sub_menu:after {
  clear: both;
}

#sub_menu {
  zoom: 1;
}

#nav #sub_menu {
  background: #B8C4D6;
}

#nav #sub_menu li {
  width: 50%;
  float: left;
}

#nav #sub_menu li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #004394;
  font-weight: bold;
  padding: 1em 0;
  border-bottom: solid 1px #fff;
  text-decoration: none;
  line-height: 1em;
}

#nav #sub_menu li:nth-child(even) a {
  border-left: solid 1px #fff;
  text-decoration: none;
  width: 99.98%;
}

#close {
  color: #fff;
  width: 94%;
  margin: 10px auto;
  border: solid 1px #fff;
  background: url(../img/sp/iconC.svgz)no-repeat 20% center;
  background-size: 16px 16px;
  cousur: pointer;
  text-align: center;
  padding: 1em 0;
  font-weight: bold;
  font-size: 1.1em;
}

h3 {
  margin-bottom: 7px;
}



#contents .closebtn {
  padding: 5px 20px;
  font-weight: bold;
  background: #eee;
  text-decoration: none;
  color: #000;
  width: 12em;
  margin: auto;
  text-align: center;
}

#contents p.next {
  margin-top: 0;
  margin-bottom: 4em;
  text-align: center;
  font-size: 90%;
}


/*リンク種類*/

.pdf {
  background: url(../img/sp/pdf.jpg) no-repeat left 4px;
  background-size: 12px auto !important;
}

.doc {
  background: url(../img/sp/doc.jpg) no-repeat left 4px !important;
  background-size: 12px auto !important;
}

.xls {
  background: url(../img/sp/xls.jpg) no-repeat left 4px !important;
  background-size: 12px auto !important;
}

.outlink {
  background: url(../img/sp/link.jpg) no-repeat left 6px !important;
  background-size: 14px auto !important;
}

.link {
  background: url(../img/sp/outlink.png) no-repeat left 5px;
  background-size: 11px auto !important;
}

.anchor {
  background: url(../img/sp/anchor.svgz)no-repeat left center !important;
  background-size: 11px 9px !important;
  padding-left: 1.3em;
  margin-right: 2em;
  margin-bottom: .5em;
}

.errorTxt {
  color: #CC3D3F !important;
}

.nowrap {
  white-space: nowrap !important;
}

.lead {
  font-weight: bold !important;
}


/*箇条書き用*/

.list li {
  background: url(../img/listC.jpg) no-repeat left 8px;
  padding-left: 1em;
  margin-bottom: .5em;
}


/*タイトル*/

h1 {
  font-size: 1.3em;
  padding: 0.5em 0;
  border-bottom: dotted 1px #005AB1;
  margin-bottom: 24px;
  clear: both;
  line-height: 1.3em;
  border-top: ;
  border-top: solid 3px #005ab1;
}

h2 {
  background: #fff;
  padding: 1px;
  border: solid 1px #ccc;
  clear: both;
}

h2 span {
  display: block;
  background: url(../img/title_back.jpg) repeat-x left bottom;
  border-left: solid 5px #005AB1;
  padding: .5em 10px .5em 10px;
  text-align: left;
  line-height: 1.2em;
  font-size: 1em;
}