@charset "UTF-8";
.sp {
  display: none;
}

/* ヘッド
---------------------------------------------- */
body #container {
  width: 1200px;
  font-family: "Noto Sans JP", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

#main-contents {
  float: right;
  width: 1030px;
}

/* 見出し1
---------------------------------------------- */
h1#ttl {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0 0 0 12px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

div#top-banner-area {
  text-align: center;
  margin: 0 0 12px;
}

div#top-banner-area img {
  width: 100%;
}

.title-banner {
  margin: 0 auto 25px;
  position: relative;
  width: 100%;
  text-align: center;
}

.title-banner img {
  max-width: 100%;
  margin: 0 auto;
}

.title-banner span {
  display: block;
  position: absolute;
  top: 51.3%;
  left: 5.8%;
  line-height: 1.4;
  font-size: 1em;
}

/* 検索システムリンク */
/* メニュー
------------------------------------*/
.server-box {
  margin: 0;
  padding: 5% 4% 3%;
  background: #e9f3fc;
}

.server-box h3 {
  font-size: 1.2em;
  margin: 0 0 10px;
  color: #174fb0;
  border-bottom: 2px solid #174fb0;
  padding: 0 0 0.4%;
}

.server-box h3 img {
  vertical-align: 1px;
  margin: 0 1% 0 0;
}

.server-list:nth-of-type(1) {
  margin: 0 0 9%;
}

.server-list.sepa {
  float: left;
}

.server-list.sec {
  width: 492px;
  margin: 0 20px 0 0;
}

.server-list.thr {
  width: 236px;
}

.server-list ul li {
  float: left;
  width: 237px;
  text-align: center;
  margin: 0 18px 0 0;
}

.server-list ul li:nth-last-of-type(1) {
  margin: 0;
}

.server-list ul li a {
  display: block;
  background-color: #fff;
  padding: 9% 2% 5%;
  border: 1px solid #dbdcde;
  text-decoration: none;
  color: #333;
}

.server-list ul li a img {
  width: 55%;
}

.server-list ul li a:hover {
  opacity: 0.6;
}

.server-list ul li a:hover img {
  opacity: 1 !important;
}

.server-list ul li span.type {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 8px;
}

.server-list ul li span.u {
  display: block;
  background-color: #184eb0;
  padding: 2%;
  width: 40%;
  margin: 3% auto 5%;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0.2em;
}

.server-list ul li span.u.none {
  height: 23px;
  background-color: #ffffff;
  padding: 0;
}

.server-list ul li span.note {
  display: block;
  font-size: 0.97em;
}

/* バナー
------------------------------------*/
div.search-banner {
  text-align: center;
  margin: 2.8% 0 0;
}

.banner {
  margin: 13px 0;
  text-align: center;
}

/* 共通メニュー */
/* 共通メニュー */
div.common-menu {
  margin: 4% 0 7%;
}

div.common-menu div.common-menu-l {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

div.common-menu div.common-menu-l a {
  display: block;
  width: 32%;
  float: none;
  border: 1px solid #aaaaaa;
  color: #333333;
  box-sizing: border-box;
  height: 240px;
}

div.common-menu div.common-menu-l a:hover {
  opacity: 0.5;
  text-decoration: none;
}

div.common-menu div.common-menu-l a:hover img {
  opacity: 1 !important;
}

div.common-menu div.common-menu-l a img {
  display: block;
  margin: 0 auto;
}

div.common-menu div.common-menu-l a span.menu-t {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 5% 0;
}

div.common-menu div.common-menu-l a span.menu-n {
  display: block;
  font-size: 0.87em;
  line-height: 1.4;
  text-align: center;
}

div.common-menu div.common-menu-l a:nth-child(1) span.menu-n,
div.common-menu div.common-menu-l a:nth-child(2) span.menu-n,
div.common-menu div.common-menu-l a:nth-child(3) span.menu-n,
div.common-menu div.common-menu-l a:nth-child(4) span.menu-n,
div.common-menu div.common-menu-l a:nth-child(5) span.menu-n,
div.common-menu div.common-menu-l a:nth-child(6) span.menu-n {
  width: 100%;
  margin: 0 auto;
}

div.common-menu div.common-menu-l a:nth-child(1), div.common-menu div.common-menu-l a:nth-child(2), div.common-menu div.common-menu-l a:nth-child(4), div.common-menu div.common-menu-l a:nth-child(5), div.common-menu div.common-menu-l a:nth-child(7), div.common-menu div.common-menu-l a:nth-child(8) {
  margin: 0 1% 1% 0;
}

div.common-menu div.common-menu-l a:nth-child(3), div.common-menu div.common-menu-l a:nth-child(6) {
  margin: 0 0 1% 0;
}

div.common-menu body.mac div.common-menu a span.menu-t.opt {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 5% 0;
  letter-spacing: -0.1em;
}

/* ボトムリンク */
div.search-link-bottom {
  margin: 45px 0 60px;
}

div.search-link-bottom p {
  text-align: center;
  margin: 0 0 15px;
}

div.search-link-bottom a {
  color: #ffffff;
  text-decoration: none;
  width: 46%;
  text-align: center;
  display: block;
  margin: 0 auto;
  background-color: #0baddc;
  padding: 2% 4%;
  border-radius: 0.3em;
  box-shadow: 2px 2px 2px #cccccc;
}

div.search-link-bottom img {
  vertical-align: middle;
  margin: 0 9px 0 0;
  width: 12%;
}

div.search-link-bottom strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  padding: 3px 0 0;
}

div.search-link-bottom a:hover {
  opacity: 0.6;
}

div.search-link-bottom a:hover img {
  opacity: 1 !important;
}

/*---------------------------
フロート解除
---------------------------*/
.clfx {
  display: block;
}

.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}