@charset "utf-8";
/* **************************************************

CSS Information
File Name : page.css
Style Info: 各ページのスタイル指定
Date: 2015-07-27
Table of Contents
	 01 - 共通設定
	 02 - トップページ
	 03 - 亚洲通官网_现金网游戏-【娱乐平台】
	 04 - 各個別ページ

LastUpdates: 2019-08-02 追記（トグルボタン、時計＆マップ表記、関連記事）
Updates: 2019-06-18 .body内のp,ul,ol,dlのline-heightの値を1.75→1.25に
Updates: 2016-04-21 メインビジュアル等のスタイル追記
Updates: 2016-02-18 追記（videoタグのスタイル設定）
Updates: 2015-09-23 追記


************************************************** */
/* --------------------------------------------------
	01 - 共通設定
-------------------------------------------------- */
/*	.articleHeader - 記事タイトル
-------------------------------------------------- */
#pageTitle h1,
#pageTitleEn h1 {
  padding: 20px 0 18px 20px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-radius: 5px 5px 0 0;
  font-size: 2em;
  line-height: 1.3;
}

/*	.articleBody, .listBody - 記事本文エリア
-------------------------------------------------- */
.contentPage,
.contentGpArticleDoc,
.calendarEvents,
.surveyForms,
.surveyForm {
  padding: 24px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: large;
}

.contentGpArticleDoc {
  border-bottom: none;
}

.listBody {
  margin-top: 20px;
}

.listBody .contentPage {
  background: none;
  border: none;
  padding: 0;
}

.articleBody #snsLink {
  margin-bottom: 0;
  padding-top: 24px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.articleBody #snsLink + .contentPage,
.articleBody #snsLink + .calendarEvents,
.articleBody #snsLink + .surveyForms {
  padding-top: 10px;
}

/* .body - 本文内のスタイル指定
	-------------------------------------------------- */
.body h1:first-child,
.body h2:first-child,
.body h3:first-child,
.body h4:first-child,
.body p:first-child,
.body ul:first-child,
.body ol:first-child,
.body dl:first-child,
.body table:first-child {
  margin-top: 0 !important;
}

.body h1 {
  padding: 20px 0 18px 20px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-radius: 5px 5px 0 0;
  font-size: 2em;
  line-height: 1.3;
}

.body h2 {
  margin: 1.5em 0;
  padding: 15px 20px 17px;
  background: #f5f5f5 url(../tmpl-img/bg_heading02.png) repeat-x left bottom;
  border-radius: 5px 5px 0 0;
  font-size: 1.6em;
  line-height: 1.2;
  overflow: hidden;
}

.body h3 {
  position: relative;
  margin: 1.5em 0 1.25em;
  padding: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  background: url(/_files/tmpl-img/bg_heading01.png) repeat-x left bottom;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2;
}

.body h3:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  width: 4px;
  height: 22px;
}

.body h4 {
  margin: 1em 0;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  font-size: 1.6em;
}

.body h4:before {
  display: inline-block;
  padding-right: 5px;
  font-family: "ico_wu_theme";
  content: "\e608";
  color: #999;
}

.body h5 {
  position: relative;
  margin: 1em 0;
  padding-left: 1.3em;
  font-size: 1.6em;
  font-weight: bold;
}

.body h5:before {
  content: "";
  background-color: #333;
  display: block;
  width: 16px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.body p,
.body ul,
.body ol,
.body dl {
  margin: 1em 0;
  font-size: 1.4em;
  line-height: 1.25;
}

.body ul {
  margin-left: 15px;
  list-style: outside disc;
}

.body ol {
  margin-left: 20px;
  list-style: outside decimal;
}

.body li {
  margin: 0.5em 0;
}

.body li ul,
.body li ol {
  margin: 0;
  margin-left: 20px;
}

.body dt {
  margin: 1em 0 0.5em;
  font-weight: bold;
}

.body dd {
  margin: 0.5em 0;
}

.body strong {
  font-weight: bold;
}

.body table {
  width: 100%;
  margin: 1.5em 0;
  font-size: 1.4em;
  line-height: 1.5;
}

.body table caption {
  margin-bottom: 15px;
  text-align: left;
}

.body table th,
.body table td {
  padding: 1em 10px;
  border: 1px solid #ddd;
}

.body table th {
  background-color: #f5f5f5;
  vertical-align: middle;
  font-weight: normal;
  white-space: nowrap;
}

.body table.table01 th {
  white-space: normal;
}

.body table thead th {
  background-color: #eee;
}

.body table p,
.body table ul,
.body table ol,
.body table dl,
.body table table {
  font-size: 1em;
}

.body ul p,
.body ol p,
.body dl p,
.body ul ul,
.body ol ul,
.body dl ul,
.body ul ol,
.body ol ol,
.body dl ol,
.body ul dl,
.body ol dl,
.body dl dl .body ul table,
.body ol table,
.body dl table {
  font-size: 1em;
}

.body p em {
  font-weight: bold;
  font-style: normal;
}

.body a {
  text-decoration: underline;
}

.body a:hover {
  text-decoration: underline;
}

.body .youtube {
  position: relative;
  height: 0;
  margin: 50px 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

#main .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 連続した画像 */
.body img + img {
  margin-left: 10px;
}

.body a + a > img {
  margin-left: 10px;
}

.body img + br + img {
  margin-top: 10px;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .articleBody {
    padding: 19 px;
  }

  .body table th {
    white-space: normal;
  }
}

/*	Class Settings - 共通クラス設定
-------------------------------------------------- */
/*	Float Style - フロート設定
-------------------------------------------------- */
.body .imgL {
  margin: 0 20px 20px 0;
}

.body .imgR {
  margin: 0 0 20px 20px;
}

/*	Font Style - フォント設定
-------------------------------------------------- */
.body .large {
  font-size: 2em;
}

/*	Link Style - リンクアイコン
-------------------------------------------------- */
.body .iconDefault {
  padding-left: 22px;
  background: url(/_files/tmpl-img/ico_arrow01.png) no-repeat left center;
}

.body .iconPdf {
  padding-right: 24px;
  background: url(/_files/tmpl-img/ico_pdf01.png) no-repeat right center;
}

.body .iconWord,
.body .iconDoc,
.body .iconDocx {
  padding-right: 24px;
  background: url(/_files/tmpl-img/ico_word01.png) no-repeat right center;
}

.body .iconXls,
.body .iconXlsx {
  padding-right: 24px;
  background: url(/_files/tmpl-img/ico_excel01.png) no-repeat right center;
}

.externalLink {
}

.externalLink:after {
  display: inline-block;
  padding-left: 4px;
  font-family: "ico_wu_theme";
  font-size: 0.9em !important;
  font-weight: normal !important;
  content: "\e617";
  text-decoration: none !important;
}

/* .categoryList01 - サムネイル付き記事リスト
-------------------------------------------------- */
.body .categoryList01 {
  list-style: none;
  margin: 20px -20px 10px 0;
  overflow: hidden;
}

.body .categoryList01:after {
  content: "";
  display: block;
  clear: both;
}

.body .categoryList01 li {
  float: left;
  width: 363px;
  margin-bottom: 20px;
  margin-right: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.body .categoryList01 li .content {
  padding: 15px;
}

.body .categoryList01 li .articleTitle {
  margin: 0;
  font-weight: bold;
  line-height: 1.2;
}

.body .categoryList01 li .articleTitle a {
  display: block;
  min-height: 14px;
  padding-left: 20px;
  background: url(/_files/tmpl-img/ico_arrow03.png) no-repeat left center;
  color: #333 !important;
  text-decoration: none;
}

.body .categoryList01 li .articleExcerpt {
  margin: 0.75em 0 0;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .body .categoryList01 li {
    float: none;
    width: auto !important;
  }

  .body .categoryList01 li .thumb img {
    width: 100%;
  }
}

/* .body .categoryList02 - 記事リスト
-------------------------------------------------- */
.body .categoryList02 {
  list-style: none;
  margin: 20px -10px 0;
}

.body .categoryList02:after {
  content: "";
  display: block;
  clear: both;
}

.body .categoryList02 li {
  float: left;
  width: 363px;
  margin: 0 10px 10px;
  border: 1px solid #ddd;
  line-height: 1.3;
}

.articleBody .body .categoryList02 li {
  width: 338px;
}

.body .categoryList02 a {
  display: block;
  padding: 10px 30px 10px 15px;
  background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right 12px;
  color: #111 !important;
  text-decoration: none;
}

.body .categoryList02 a:hover {
  background-color: #fafafa !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .body .categoryList02 li {
    float: none;
    width: auto !important;
  }
}

/* .articleList - 記事一覧
-------------------------------------------------- */
.body .articleList {
  list-style: none;
  margin: 0;
}

.body .articleList li {
  margin-top: 10px;
  border: 1px solid #ddd;
}

.body .articleList li p {
  margin: 1em;
}

.body .articleList a {
  display: block;
  padding: 10px 35px 10px 15px;
  background: #f5f5f5 url(/_files/tmpl-img/ico_arrow03.png) no-repeat right 10px
    center;
  color: #333 !important;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.body .articleList a:hover {
  background-color: #fafafa;
}

/* .articleLink - 記事リンク（大）
-------------------------------------------------- */
.body .articleLink a {
}

.body .articleLink a {
  display: block;
  padding: 10px 35px 10px 15px;
  background: #f5f5f5 url(/_files/tmpl-img/ico_arrow03.png) no-repeat right 15px
    center;
  border: 1px solid #ddd;
  color: #333 !important;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.body .articleLink a:hover {
  background-color: #fafafa;
}

/*	.tagline - キャッチコピー
-------------------------------------------------- */
.body .tagline {
  margin: 0.2em 0;
  font-size: 2.6em;
  line-height: 1.5;
}

/*	.block - サムネイル付きブロック
-------------------------------------------------- */
.body .block {
  margin: 20px 0;
}

.body .block div {
  overflow: hidden;
}

/*	.btn - ボタンスタイル
-------------------------------------------------- */
.body .btn {
  margin: 50px 0;
}

.body .btn a {
  display: inline-block;
  padding: 12px 80px;
  background-color: #f5f5f5;
  border-radius: 5px;
  color: #333 !important;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.body .btn a:hover {
  background-color: #fafafa;
}

.body .btnLeft {
  text-align: left;
}

.body .btnRight {
  text-align: right;
}

.body .btnLeft a,
.body .btnRight a {
  display: inline-block;
  padding: 3px 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
  color: #333 !important;
  text-decoration: none;
}

.body .btnLeft a:hover,
.body .btnRight a:hover {
  background-color: #fafafa;
  transition: all 0.3s ease-out;
}

/*	.col3 - 3カラムリスト
-------------------------------------------------- */
.body .col3 {
  list-style: none;
  margin: 0;
  margin-right: -20px;
}

.body .col3:after {
  content: "";
  display: block;
  clear: both;
}

.body .col3 li {
  float: left;
  width: 210px;
  margin: 0;
  margin-top: 20px;
  margin-right: 20px;
}

.body .col3 li a {
  text-decoration: none;
}

.body .col3 li a:hover {
  text-decoration: underline;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .body .col3 {
    margin: 0;
  }

  .body .col3 li {
    float: none;
    width: 100%;
  }
}

/*	.pagetop - ページトップ
-------------------------------------------------- */
.body .pagetop {
  margin: 25px 0;
  text-align: right;
}

.body .pagetop a {
  padding-left: 15px;
  background: url(/_files/tmpl-img/ico_arrow05.png) no-repeat left center;
  text-decoration: none;
}

/* --------------------------------------------------
	02 - トップページ
-------------------------------------------------- */
/*	#mainVisual - メインビジュアル
-------------------------------------------------- */
#mainVisual {
  text-align: center;
}

#mainVisual img {
  max-width: none;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  #mainVisual img {
    max-width: 100%;
  }
}

/* --------------------------------------------------
	03 - 亚洲通官网_现金网游戏-【娱乐平台】
-------------------------------------------------- */
/*	.feed - フィード
-------------------------------------------------- */
.contentGpArticleDocs .feed a,
.contentGpCategory .feed a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eee;
  color: #333 !important;
  font-size: 1.3em;
  line-height: 1;
  transition: all 0.3s ease-out;
}

.contentGpArticleDocs .feed a:hover,
.contentGpCategory .feed a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

/*	亚洲通官网_现金网游戏-【娱乐平台】（/news-category/）
-------------------------------------------------- */
.contentGpCategoryCategoryTypes,
.contentGpCategoryCategoryType,
.contentGpCategory {
  padding: 24px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
}

#snsLink + .contentGpCategoryCategoryTypes,
#snsLink + .contentGpCategoryCategoryType,
#snsLink + .contentGpCategory {
  padding-top: 10px;
}

.contentGpCategoryCategoryTypes h2,
.contentGpCategoryCategoryType h2 {
  margin-bottom: 30px;
  font-size: 1.8em;
}

.contentGpCategoryCategoryTypes h2 a,
.contentGpCategoryCategoryType h2 a {
  display: block;
  min-height: 14px;
  padding: 10px 10px 10px 30px;
  background: #eee url(/_files/tmpl-img/ico_arrow03.png) no-repeat 10px center;
  border-radius: 5px;
  color: #333 !important;
  font-size: 0.88888888888em !important;
  transition: all 0.3s ease;
}

.contentGpCategoryCategoryTypes h2 a:hover,
.contentGpCategoryCategoryType h2 a:hover {
  background-color: #f5f5f5;
  color: #666 !important;
  text-decoration: none;
}

.contentGpCategoryCategoryTypes .explain,
.contentGpCategoryCategoryType .explain {
  margin-top: 20px;
  font-size: 1.4em;
}

/*	亚洲通官网_现金网游戏-【娱乐平台】 各カテゴリトップ
-------------------------------------------------- */
.contentArticleAttribute .latest h2 {
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
}

.contentGpArticleDocs .more {
  float: right;
  margin-top: 20px;
  font-size: 1.4em;
  text-align: right;
}
.contentGpArticleDocs .more a {
}

/*	新着記事一覧（./news/）
-------------------------------------------------- */
.contentGpArticleDocs .feed {
  margin-bottom: 30px;
  text-align: right;
}

/* ページネーション */
.contentGpArticleDocs .pagination {
  margin-top: 30px;
  text-align: center;
  font-size: 1.4em;
}

/* 新着記事一覧（/news/）※基本的に非表示
-------------------------------------------------- */
.contentGpArticleDocs {
  padding: 24px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.contentGpArticleDocs .date,
.contentGpArticleDocs .date {
  margin-top: 24px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 5px;
  font-size: 1.4em;
}

.contentGpArticleDocs .date:first-child,
.contentGpCategory .date:first-child {
  margin-top: 0;
}

.contentGpArticleDocs .docs ul:not([class="feed"]),
.contentGpCategory .docs ul:not([class="feed"]) {
  font-size: 1.4em;
}

.contentGpArticleDocs .docs ul:not([class="feed"]) li,
.contentGpCategory .docs ul:not([class="feed"]) li {
  margin-top: 15px;
}

.contentGpArticleDocs .docs li:first-child,
.contentGpCategory .docs:first-child {
  margin-top: 0;
}

.contentGpArticleDocs .docs li a {
  padding-left: 20px;
  background: url(/_files/tmpl-img/ico_arrow01.png) no-repeat left center;
}

.contentGpArticleDocs li .attributes {
  display: none;
}

/* .contentArticleEventDocs - イベントカレンダー
-------------------------------------------------- */
.calendarEvents h2 {
  margin: 1.5em 0;
  padding: 15px 20px 17px;
  background: #e5eded url(../tmpl-img/bg_heading02.png) repeat-x left bottom;
  border-radius: 5px 5px 0 0;
  font-size: 1.6em;
  line-height: 1.2;
  overflow: hidden;
}

.calendarEvents table {
  width: 100%;
  margin: 1.5em 0;
  font-size: 1.4em;
  line-height: 1.5;
}

.calendarEvents td {
  padding: 1em 10px;
  border-bottom: 1px dotted #cbcbcb;
}

.calendarEvents td.day {
  width: 7em;
}

.calendarEvents td.attribute {
  width: 80px;
  text-align: center;
}

/* ページネーション */
.calendarEvents .pagination {
  margin-top: 30px;
  text-align: center;
  font-size: 1.4em;
}

/* お知らせ */
.calendarEvents td.attributeNotice span.attribute {
  padding: 0.2em 0.5em;
  background-color: #96825a;
  color: #fff;
}

/* イベント */
.calendarEvents td.attributeEvent span.attribute {
  padding: 0.2em 0.5em;
  background-color: #7d7d7d;
  color: #fff;
}

/* プレス */
.calendarEvents td.attributePress span.attribute {
  padding: 0.2em 0.5em;
  background-color: #856964;
  color: #fff;
}

/* 入試 */
.calendarEvents td.attributeAdmission span.attribute {
  padding: 0.2em 0.5em;
  background-color: #616d5b;
  color: #fff;
}

/* 公募 */
.calendarEvents td.attributePublic-offering span.attribute {
  padding: 0.2em 0.5em;
  background-color: #31517b;
  color: #fff;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .calendarEvents tr:after {
    content: "";
    display: block;
    clear: both;
  }

  .calendarEvents td {
    display: block;
    border: none;
  }

  .calendarEvents td.day {
    float: left;
    width: auto;
    margin-right: 5px;
    padding: 0;
  }

  .calendarEvents td.attribute {
    float: left;
    width: auto;
    padding: 0;
  }

  .calendarEvents td.title {
    clear: both;
    margin-bottom: 12px;
    padding: 10px 0 8px;
    border-bottom: 1px dotted #cbcbcb;
  }
}

/* --------------------------------------------------
	亚洲通官网_现金网游戏-【娱乐平台】 記事ページ
---------------------------------------------------*/
/* .header - タイトルエリア
-------------------------------------------------- */
.contentGpArticleDoc .header h1 {
  padding: 20px 0 18px 20px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 2em;
  line-height: 1.3;
}

.contentGpArticleDoc .header .publishedAt {
  padding: 20px 24px 0;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 1.4em;
  text-align: right;
}

/* .body - 本文エリア
-------------------------------------------------- */
.contentGpArticleDoc .body {
  background-color: #fff;
  border-top: none;
  border-bottom: none;
  overflow: hidden;
}

/* .inquiry - 亚洲通官网_现金网游戏-【娱乐平台】
-------------------------------------------------- */
.contentGpArticleDoc .inquiry {
  display: none;
}

/*	コンテンツ - 地図
-------------------------------------------------- */
.maps {
  padding: 0 24px 24px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  overflow: hidden;
}

.maps h2 {
  position: relative;
  margin: 0 0 1.25em;
  padding: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  background: url(/_files/tmpl-img/bg_heading01.png) repeat-x left bottom;
  color: #003461;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2;
}

.maps h2:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  width: 4px;
  height: 22px;
  background-color: #003461;
}

.maps h3 {
  margin: 1em 0;
  padding: 8px 0 8px 20px;
  background: url(/_files/tmpl-img/ico_heading01.png) no-repeat left 11px;
  border-bottom: 1px solid #ddd;
  font-size: 1.6em;
  line-height: 1.2;
}

.maps .map label {
  display: inline;
  width: auto;
}

.maps .map img {
  max-width: none;
  max-height: none;
}

/* --------------------------------------------------
	04 - 亚洲通官网_现金网游戏-【娱乐平台】
-------------------------------------------------- */
.surveyForm h2.name {
  margin: 1.5em 0;
  padding: 15px 20px 17px;
  background: #f5f5f5 url(../tmpl-img/bg_heading02.png) repeat-x left bottom;
  border-radius: 5px 5px 0 0;
  font-size: 1.6em;
  line-height: 1.2;
  overflow: hidden;
}

.surveyForm .question {
  margin-bottom: 25px;
  font-size: 1.4em;
  line-height: 1.6;
}

.surveyForm .question > * {
  margin-bottom: 10px;
}

.surveyForm .question label {
  display: inline-block;
}

.surveyForm .question label[for^="question_answers"],
.surveyForm .question span[class^="question_answers"] {
  font-weight: bold;
}

.surveyForm .question .answer_content label[for^="question_answers"] {
  font-weight: normal;
}

.surveyForm .question .answer_content input[type="radio"],
.surveyForm .question .answer_content input[type="checkbox"] {
  margin: 0 2px 0 0;
  vertical-align: middle;
}

.surveyForm .question input + label {
  margin-bottom: 0;
}

.surveyForm .question .note {
  color: #f00;
  font-weight: bold;
}

.surveyForm .question input[type="text"],
.surveyForm .question input[type="email"],
.surveyForm .question textArea {
  width: 100%;
  max-width: 500px;
  padding: 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 1.4em;
}

.surveyForm .question textArea {
  min-height: 160px;
}

.surveyForm .submit {
  text-align: center;
}

.surveyForm .submit input {
  display: inline-block;
  width: 180px;
  margin: 0 5px 10px;
  padding: 6px 0;
  background: none !important;
  background-color: #f5f5f5 !important;
  border-radius: 5px;
  border: none;
  color: #333;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
}

.surveyForm .back {
  display: none;
}

.surveyForm .message {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
}

.surveyForm .errorExplanation {
  margin-bottom: 20px;
  padding: 20px 10px 10px;
  border: 3px solid #f00;
}

.surveyForm .errorExplanation h2 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ddd;
  font-size: 1.8em;
  font-weight: bold;
}

.surveyForm .errorExplanation p,
.surveyForm .errorExplanation ul {
  margin: 10px 0;
  font-size: 1.4em;
}

.surveyForm .errorExplanation li {
  margin: 10px 0;
  font-weight: bold;
}

/* captcha
---------------------- */
.new_survey_form_answer > .question .question_content {
  margin: 0 0 12px;
  padding: 5px 0 3px 12px;
  border-left: 5px solid #00a161;
  background-color: #d4f2e8;
  font-size: 110%;
  font-weight: bold;
}
.captchaForm .image {
  margin: 0 0 15px;
}
.captchaForm img {
  padding: 5px;
  border: 1px solid #b3b3b3;
}
.captchaForm .reload,
.captchaForm .talk {
  display: inline-block;
  width: 140px;
  margin: 0 0 15px;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff, #f2f2f2);
}
.captchaForm .reload:hover,
.captchaForm .talk:hover {
  background: linear-gradient(to bottom, #f2f2f2, #fff);
}
.captchaForm .reload {
  margin-right: 5px;
}
.captchaForm .reload a,
.captchaForm .talk a {
  display: block;
  padding: 6px 0 4px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  color: #333;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
}
.captchaForm .field input {
  padding: 5px;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .topicPath {
    line-height: 1.5;
  }
}

/*	20160218　videoタグのスタイル追記
-------------------------------------------------- */
video {
  max-width: 100%;
  height: auto;
}

/*	20160421　メインビジュアル等追記
-------------------------------------------------- */
#mainVisual .inner {
  width: 1020px;
}

.bx-wrapper {
  margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 10px;
}

.bx-wrapper .bx-controls-direction a {
  width: 40px;
  height: 40px;
  margin-top: -25px;
}

.bx-wrapper .bx-next {
  right: 0;
  background: transparent url("../tmpl-img/btn_slider_next01.png") no-repeat
    scroll 0% 0%;
}

.bx-wrapper .bx-prev {
  left: 0;
  background: transparent url("../tmpl-img/btn_slider_prev01.png") no-repeat
    scroll 0% 0%;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .bx-wrapper .bx-controls-direction a {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }

  .bx-wrapper .bx-next,
  .bx-wrapper .bx-prev {
    background-size: 32px 32px;
  }

  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    display: none;
  }
}

/*	20160524　.pageNavi追記
-------------------------------------------------- */
/*	.pageNavi - ページ内リンクナビ
-------------------------------------------------- */
.body .pageNavi {
  padding: 10px;

  color: #999;
  background-color: #f5f5f5;
  border-radius: 6px;
}

.body .pageNavi a {
  display: inline-block;
  margin: 0 5px;
  padding-left: 22px;
  background: url(/_files/tmpl-img/ico_arrow01.png) no-repeat left center;
  text-decoration: none;
}

.body .pageNavi a:hover {
  color: #ff9800;
  text-decoration: underline;
}

/* --------------------------------------------------
	20190802 - 追記分
-------------------------------------------------- */
/*	トグルボタン（body内）
-------------------------------------------------- */
.body .toggleBtn {
  margin: 0;
  position: relative;
}

.body .toggleBtn:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: #737373;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.body .toggleBtn a {
  display: flex;
  align-items: center;
  background: #e5eded;
  font-size: 2rem;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none;
}

.body .toggleBtn a:hover {
  color: #666 !important;
}

.body .toggleBtn a span {
  display: block;
  width: 100%;
  padding: 6rem 5rem 6rem 3.5rem;
  line-height: 1.3;
}

.body .toggleBtn a:before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 21px;
  z-index: 2;
  transform: translateY(-50%);
}

.body .toggleBtn a:after {
  content: "";
  display: block;
  width: 2px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 26px;
  z-index: 2;
  transform: translateY(-50%);
}

.body .toggleBtn a.active:after {
  display: none;
}

.body .toggleBtn img {
  width: 100%;
}

.body .toggleText {
  padding: 20px 0;
}

@media screen and (max-width: 640px) {
  .body .toggleBtn:after {
    width: 16px;
    height: 16px;
    right: 8px;
  }

  .body .toggleBtn a {
    font-size: 1.6rem;
  }

  .body .toggleBtn a span {
    padding: 3rem 2.5rem 3rem 1.75rem;
  }

  .body .toggleBtn a:before {
    width: 8px;
    right: 12px;
  }

  .body .toggleBtn a:after {
    height: 8px;
    right: 15px;
  }

  .body .toggleText {
    padding: 16px 0;
  }
}

/*	時計&マップアイコン
-------------------------------------------------- */
.body .listClock {
  background: url(/_files/tmpl-img/ico_clock01.png) no-repeat left center / 34px 34px;
  margin: 1.5em 0;
  padding-left: 50px;
  position: relative;
}

.body .listMap {
  background: url(/_files/tmpl-img/ico_map01.png) no-repeat left center / 34px 34px;
  margin: 1.5em 0;
  padding-left: 50px;
  position: relative;
}

.body .listText {
  border-left-width: 2px;
  border-left-style: solid;
  border-color: #003461;
  margin: 0 !important;
  padding: 5px 15px;
  list-style: none !important;
}

.body .listText p {
  margin: 0.5em 0;
}

/*	コンテンツ - 関連記事
-------------------------------------------------- */
.rels {
  padding: 0 24px 24px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  overflow: hidden;
}

.rels h2 {
  position: relative;
  margin: 0 0 1em;
  padding: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  background: url(/_files/tmpl-img/bg_heading01.png) repeat-x left bottom;
  color: #003461;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2;
}

.rels h2:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  width: 4px;
  height: 22px;
  background-color: #003461;
}

.rels li {
  margin: 1em 0;
  font-size: 1.4em;
  line-height: 1.25;
}

.rels li a {
  padding-left: 22px;
  background: url(/_files/tmpl-img/ico_arrow01.png) no-repeat left center;
  text-decoration: underline;
}

/* contentGpArticleDoc
---------------------- */
.contentGpArticleDoc .date {
  padding: 0 0 20px;
  background-color: #fff;
  font-size: 1.4em;
  text-align: right;
}

/* .back - 戻るボタン
-------------------------------------------------- */
.back {
  display: none;
}

.contentGpArticleDoc + .back {
  display: block;
  padding: 0 24px 34px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  text-align: center;
}

.contentGpArticleDoc + .back a {
  display: inline-block;
  padding: 12px 80px;
  background-color: #f5f5f5;
  border-radius: 5px;
  color: #333 !important;
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
}

.pagination {
  margin: 20px auto;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
}