@charset "UTF-8";

/** 基本共通設定 **/

.sp {
  display: none !important;
}

body {
  color: #414042;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: 0;
  font-family: 'Crimson Text', 'Noto Serif JP', serif;
}

a {
  color: #414042;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.main-container {
  margin-top: 18px;
}

.base-container {
  width: 1220px;
  margin: auto;
  padding: 0 10px;
}

.mt16 {
  margin-top: 16px;
}

.mt24 {
  margin-top: 24px;
}

.mt32 {
  margin-top: 32px;
}

.mt40 {
  margin-top: 40px;
}

.mt80 {
  margin-top: 80px;
}

/** フォーム **/

button {
  border: none;
  background-color: transparent
}

button,
input[type='radio'],
input[type='checkbox'] {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font-family: 'Crimson Text', serif;
}

/** タイトル **/

.common-h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.3;
  z-index: 9;
}

.common-h1 .txt-sub {
  margin-top: -10px;
  font-size: 2.4rem;
}

.common-h2 {
  position: relative;
  font-size: 3.6rem;
  font-weight: 400;
}

.common-h2 .ttl-link {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.8rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.common-h3 {
  padding: 10px 20px;
  background-color: #edeeee;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.common-h4 {
  font-size: 2.4rem;
  font-weight: 400;
}

.ttl-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ttl-img.ttl-2nd {
  margin-top: 30px;
}

.ttl-img .ttl-left {
  width: 600px;
  padding-top: 10px;
}

.ttl-img.txt-middle .ttl-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ttl-img .sub-ttl,
.ttl-large-img .sub-ttl {
  font-size: 2.4rem;
}

.ttl-img .ttl-right {
  width: 500px;
}

.ttl-img .ttl-right img {}

.ttl-img .common-h2 + .block-article {
  margin-top: 16px;
}

.ttl-large-img .img img {
  width: 100%;
}

.ttl-large-img .common-h1 {
  margin-top: 36px;
}

.common-h1 + .sub-ttl {
  margin-top: 15px;
}

.common-h1 + .block-article {
  margin-top: 40px;
}

.sub-ttl + .block-article {
  margin-top: 40px;
}

/** タグ **/

.news-category > span {
  display: block;
  position: relative;
  height: 24px;
  padding-left: 10px;
  margin-top: -2px;
}

.news-category > span::before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 5px;
  height: 24px;
}

.news-category > span.news::before {
  background-color: #a6a8ab;
}

.news-category > span.recommend::before {
  background-color: #414042;
}

.news-category > span.attention::before {
  background-color: #ffbb22;
}

.news-category > span.emergency::before {
  background-color: #c82434;
}



/** ヘッダー **/

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1220px;
  background-color: #edeeee;
}

.header .base-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
}

.header-logo {
  width: 263px;
}

.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

.header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

.header-nav li {
  position: relative;
  margin-right: 19px;
  font-size: 1.6rem;
}

.header-nav li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -9px;
  width: 1px;
  height: 16px;
  background-color: #bababa;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.header-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  border: 1px solid #b3b2b3;
}

.header-search input[type='text'] {
  width: 114px;
  height: 16px;
  padding-left: 4px;
  border: none;
  font-size: 1.4rem;
}

.header-search input[type='text']::-webkit-input-placeholder {
  color: #9d9d9e;
}

.header-search input[type='text']:-ms-input-placeholder {
  color: #9d9d9e;
}

.header-search input[type='text']::placeholder {
  color: #9d9d9e;
}

.header-search button {
  position: relative;
  width: 16px;
  height: 16px;
  background: url(../image/common/icon_search_pc_off.png) center no-repeat;
  background-size: contain;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.header-search button:hover {
  background: url(../image/common/icon_search_pc_on.png) center no-repeat;
  background-size: contain;
}

/** グローバルナビ **/

.global-nav {
  position: relative;
  height: 50px;
}

.global-nav .base-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

.global-nav li .gnav-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 270px;
  height: 50px;
  font-size: 1.6rem;
  cursor: pointer;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.global-nav li .gnav-ttl:hover,
.global-nav li .gnav-ttl.is-active {
  color: #c12434;
  text-decoration: none;
}

.global-nav li:first-child .gnav-ttl,
.global-nav li:last-child .gnav-ttl {
  width: 195px;
}

.global-nav li:first-child .gnav-ttl {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.global-nav li:last-child .gnav-ttl {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.global-nav li:not(:last-child) .gnav-ttl::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 19px;
  background-color: #d9d9d9;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.gnav-menu {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  min-width: 1220px;
  background-color: #f6f6f7;
  z-index: 999;
}

.gnav-menu.is-active {
  z-index: 9999;
}

.gnav-body {
  position: relative;
  width: 1220px;
  margin: auto;
  padding: 50px 10px;
}

.gnav-menu .close-btn {
  position: absolute;
  top: 50px;
  right: 0;
  width: 24px;
  cursor: pointer;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.gnav-menu .close-btn:hover {
  opacity: .7;
}

.gnav-destinations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gnav-destinations .map {
  position: relative;
  width: 598px;
}

.gnav-destinations .map img {
  width: 598px;
}

.gnav-destinations .map .map-cover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.gnav-destinations .map .map-cover.is-active {
  opacity: 1;
}

.gnav-destinations .content {
  width: 410px;
  margin-left: 170px;
}

.gnav-destinations .comment {
  margin-top: -11px;
  font-size: 1.8rem;
}

.destinations-link-list {
  margin-top: 34px;
}

.destinations-link-list li + li {
  margin-top: 7px;
}

.destinations-link-list a {
  padding-left: 17px;
  font-size: 1.8rem;
}

.destinations-link-list .main a {
  padding-left: 0;
  font-size: 2.4rem;
}

.gnav-menu h2 {
  position: relative;
  height: 75px;
  margin: -16px 0 0;
  padding: 0;
  font-size: 3.6rem;
  font-weight: 600;
}

.gnav-menu h2 span {
  display: block;
}

.gnav-menu h2 .txt-sub {
  margin-top: -10px;
  font-size: 1.6rem;
}

.gnav-menu-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gnav-menu-desc .img {
  width: 600px;
}

.gnav-menu-desc .comment {
  width: 512px;
  margin-left: 40px;
  font-size: 1.8rem;
}

.gnav-menu-desc .comment .link {
  margin-top: 10px;
  font-size: 2.4rem;
}

.gnav-menu .block-img-list.list-4 {
  margin-top: 50px;
}

.gnav-comment {
  font-size: 3.6rem;
}

.gnav-info-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.gnav-info-list li {
  width: calc(100% / 5);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.gnav-info-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 224px;
}

.gnav-info-list .icon {
  width: 76px;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.gnav-info-list a:hover .icon {
  opacity: .7;
}

.gnav-info-list .ttl {
  margin-top: 20px;
  font-size: 2rem;
}

/** フッター **/

.page-top-btn {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.page-top-btn img {
  width: 80px;
}

.footer-top {
  margin-top: 175px;
}

.footer-bnrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-bnrs .bnr-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.footer-bnrs .bnr-txt > li {
  width: 50%;
}

.footer-bnrs .bnr-txt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100px;
  color: #fff;
  font-size: 2.4rem;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.footer-bnrs .bnr-txt .bnr-contact a {
  background-color: #414042;
}

.footer-bnrs .bnr-txt .bnr-newsletter a {
  background-color: #c82434;
}

.footer-bnrs .bnr-txt a:hover {
  text-decoration: none;
  opacity: .7;
}

.footer-bnrs .bnr-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #e9e9ea;
  border-top: 1px solid #e9e9ea;
}

.footer-bnrs .bnr-img > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25%;
  height: 148px;
  border-right: 1px solid #e9e9ea;
  border-bottom: 1px solid #e9e9ea;
}

.footer-bnrs .bnr-img a {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.footer-bnrs .bnr-img a:hover {
  opacity: .7;
}

.footer-bnrs .bnr-img > li:nth-child(1) img {
  width: 150px;
}

.footer-bnrs .bnr-img > li:nth-child(2) img {
  width: 190px;
}

.footer-bnrs .bnr-img > li:nth-child(3) img {
  width: 95px;
}

.footer-bnrs .bnr-img > li:nth-child(4) img {
  width: 192px;
}

.footer-bottom {
  min-width: 1220px;
  margin-top: 100px;
  padding-top: 75px;
  background-color: #edeeee;
}

.footer-bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-bottom-inner + .footer-bottom-inner {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #dee0e0;
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-nav-item {
  width: 300px;
}

.footer-nav-item h4 {
  font-size: 1.5rem;
  font-weight: 400;
}

.footer-nav-item h4 + h4 {
  margin-top: 24px;
}

.footer-nav-item ul {
  margin-top: 24px;
  padding-left: 26px;
  font-size: 1.5rem;
}

.footer-nav-item ul.no-margin {
  margin-top: 1px;
}

.footer-nav-item ul li + li {
  margin-top: 24px;
}

.footer-nav-item ul li + li.footer-list-2nd {
  margin-top: 1px;
}

.footer-list-2nd.small {
  font-size: 1.4rem;
}

.footer-bottom-right {
  width: 300px;
}

.footer-address {
  width: 280px;
  font-size: 1.4rem;
}

.footer-address p + p {
  margin-top: 1.4em;
}

.footer-sns-list {
  margin-top: 28px;
}

.footer-sns-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-sns-list li {
  width: 18px;
}

.footer-sns-list li + li {
  margin-left: 30px;
}

.footer-sns-list a {
  display: block;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.footer-sns-list a:hover {
  opacity: .7;
}

.footer-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
  padding: 42px 0 50px;
  border-top: 1px solid #a6a8ab;
  font-size: 1.4rem;
}

.footer-copyright .footer-nav-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-copyright .footer-nav-2 li {
  position: relative;
  margin-right: 9px;
}

.footer-copyright .footer-nav-2 li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -5px;
  width: 1px;
  height: 12px;
  background-color: #414042;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/** パンくず **/

.mod_breadcrumbs {
  width: 1220px;
  margin: 20px auto 0;
  padding: 0 10px;
}

.mod_breadcrumbs li {
  display: inline-block;
  position: relative;
  font-size: 1.2rem;
}

.mod_breadcrumbs li:not(:last-child)::after {
  content: ' > ';
}

/** サイドエリア **/

.sidearea {
  position: fixed;
  top: 22%;
  right: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

.sidearea.is-visible {
  opacity: 1;
  z-index: 999;
}

.sidearea li {
  position: relative;
  right: -120px;
  height: 50px;
  cursor: pointer;
}

.sidearea.is-active li:first-child,
.sidearea.is-active li:last-child {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.sidearea li:first-child {
  -webkit-transition: .23s ease-in-out;
  transition: .23s ease-in-out;
}

.sidearea li:last-child {
  -webkit-transition: .32s ease-in-out;
  transition: .32s ease-in-out;
}

.sidearea.is-active li {
  right: 0;
}

.sidearea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  height: 50px;
  color: #fff;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.sidearea a:hover {
  text-decoration: none;
}

.sidearea .sidearea-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}

.sidearea.is-active .sidearea-cover {
  display: none;
}

.sidearea li:hover a {
  opacity: .7;
}

.sidearea li:first-child a {
  background-color: #414042;
}

.sidearea li:last-child a {
  background-color: #c82434;
}

.sidearea .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.sidearea li:first-child .icon img {
  width: 26px;
}

.sidearea li:last-child .icon img {
  width: 18px;
}

/** ページャー **/

.pagination-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 140px;
}

.pagination-centered > center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-size: 3rem;
}

.pagination-centered > center > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px;
}

.pagination-centered a {
  color: #adabab;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.pagination-centered a:hover {
  text-decoration: none;
  opacity: .7;
}

.navipage_reverse_,
.navipage_forward_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navipage_first_,
.navipage_prev_,
.navipage_next_,
.navipage_last_ {
  margin: 12px;
  color: transparent;
  font-size: 0;
}

.navipage_prev_ {
  margin-left: 4px;
  margin-right: 29px;
}

.navipage_next_ {
  margin-left: 29px;
  margin-right: 4px;
}

.navipage_last_ a,
.navipage_next_ a {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.navipage_first_ a,
.navipage_last_ a {
  display: block;
  position: relative;
  width: 14px;
  height: 27px;
}

.navipage_first_ a::before,
.navipage_last_ a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 27px;
  background: url(../image/common/arw_pager_pc_01.png) center no-repeat;
  background-size: contain;
}

.navipage_prev_ a,
.navipage_next_ a {
  display: block;
  position: relative;
  width: 14px;
  height: 27px;
}

.navipage_prev_ a::before,
.navipage_next_ a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 27px;
  background: url(../image/common/arw_pager_pc_02.png) center no-repeat;
  background-size: contain;
}



/** 共通要素 **/

.more-btn {
  font-size: 1.2rem;
}

.border-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.border-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 320px;
  height: 50px;
  border: 1px solid #414042;
  background-color: #fff;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.border-btn a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1px solid #414042;
  border-right: 1px solid #414042;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.border-btn a:hover {
  text-decoration: none;
  opacity: .6;
}

.disc-list li {
  margin-left: 1.2em;
  list-style-type: disc;
}

.decimal-list li {
  margin-left: 1em;
  list-style-type: decimal;
}

.border-indent-list {
  padding-left: .6em;
  text-indent: -.6em;
}

.link-list {
  font-size: 1.8rem;
}

.link-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}

.link-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 167px;
  padding: 0 14px;
  height: 30px;
}

.link-list.list-me_in li {
  min-width: 0;
  padding: 0 14px;
}

.link-list li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 30px;
  background-color: #8e8e8e;
}

.link-list .is-current a {
  color: #e90707;
}

.content-bg {
  position: relative;
}

.content-bg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 1220px) / 2);
  background-color: #f6f6f7;
}

.content-bg > * {
  position: relative;
}

.content-bg > *::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  background-color: #f6f6f7;
}

.content-bg.bg-right::before,
.content-bg.bg-right > *::before {
  left: auto;
  right: 0;
}

.content-bg > * > * {
  position: relative;
}

div[class*="bg-pc-190"] > *::before {
  width: 190px;
}

div[class*="bg-pc-200"] > *::before {
  width: 200px;
}

div[class*="bg-pc-405"] > *::before {
  width: 405px;
}

div[class*="bg-pc-450"] > *::before {
  width: 450px;
}

div[class*="bg-pc-600"] > *::before {
  width: 600px;
}

div[class*="bg-pc-800"] > *::before {
  width: 800px;
}

.content-bg.bg-pc-200-164::before,
.content-bg.bg-pc-200-164 > *::before {
  height: 164px;
}

.content-bg.bg-pc-200-180::before,
.content-bg.bg-pc-200-180 > *::before {
  height: 180px;
}

.content-bg.bg-pc-200-215::before,
.content-bg.bg-pc-200-215 > *::before {
  height: 215px;
}

.content-bg.bg-pc-200-265::before,
.content-bg.bg-pc-200-265 > *::before {
  height: 265px;
}

.content-bg.bg-pc-200-280::before,
.content-bg.bg-pc-200-280 > *::before {
  height: 280px;
}

.content-bg.bg-pc-200-295::before,
.content-bg.bg-pc-200-295 > *::before {
  height: 295px;
}

.content-bg.bg-pc-190-310::before,
.content-bg.bg-pc-190-310 > *::before,
.content-bg.bg-pc-200-310::before,
.content-bg.bg-pc-200-310 > *::before {
  height: 310px;
}

.content-bg.bg-pc-200-325::before,
.content-bg.bg-pc-200-325 > *::before {
  height: 325px;
}

.content-bg.bg-pc-200-340::before,
.content-bg.bg-pc-200-340 > *::before {
  height: 340px;
}

.content-bg.bg-pc-200-360::before,
.content-bg.bg-pc-200-360 > *::before {
  height: 360px;
}

.content-bg.bg-pc-600-380::before,
.content-bg.bg-pc-600-380 > *::before {
  height: 380px;
}

.content-bg.bg-pc-200-410::before,
.content-bg.bg-pc-200-410 > *::before {
  height: 410px;
}

.content-bg.bg-pc-200-500::before,
.content-bg.bg-pc-200-500 > *::before {
  height: 500px;
}

.content-bg.bg-pc-800-690::before,
.content-bg.bg-pc-800-690 > *::before {
  height: 690px;
}

.content-bg.bg-pc-200-730::before,
.content-bg.bg-pc-200-730 > *::before {
  height: 730px;
}

.content-bg.bg-pc-405-560::before,
.content-bg.bg-pc-405-560 > *::before {
  height: 560px;
}

.content-bg.bg-pc-405-676::before,
.content-bg.bg-pc-405-676 > *::before {
  height: 676px;
}

.block-article {
  font-size: 1.8rem;
  line-height: 1.58;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.block-article p + p {
  margin-top: 1.3em;
}

.block-article p.sign {
  margin-top: 4em;
}

.block-img-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-img-list.list-2 li {
  width: 542px;
}

.block-img-list.list-2 li:not(:nth-child(2n)) {
  margin-right: 61px;
}

.block-img-list.list-2 li:not(:nth-child(-n+2)) {
  margin-top: 50px;
}

.block-img-list.list-2 .ttl {
  margin-top: 21px;
  font-size: 2.4rem;
}

.block-img-list.list-2 .block-article {
  margin-top: 17px;
}

.block-img-list.list-3 li {
  width: 360px;
}

.block-img-list.list-3 li:not(:nth-child(3n)) {
  margin-right: 40px;
}

.block-img-list.list-3 li:not(:nth-child(-n+3)) {
  margin-top: 40px;
}

.block-img-list.list-3 .ttl {
  margin-top: 5px;
  font-size: 2.4rem;
}

.block-img-list.list-4 li {
  width: 270px;
}

.block-img-list.list-4 li:not(:nth-child(4n)) {
  margin-right: 30px;
}

.block-img-list.list-4.list-fullsize li:not(:nth-child(4n)) {
  margin-right: 40px;
}

.block-img-list.list-4 li:not(:nth-child(-n+4)) {
  margin-top: 40px;
}

.block-img-list.list-4 .ttl {
  margin-top: 20px;
  font-size: 2.4rem;
}

.block-img-list .img {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.block-img-list a:hover .img {
  opacity: .7;
}

.block-img-list .img img {
  width: 100%;
}

.block-img-list .category {
  margin-top: 20px;
  font-size: 1.2rem;
}

.block-img-list .area {
  position: relative;
  margin-top: 20px;
  ;
  font-size: 1.2rem;
}

.block-img-list .area::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  margin-right: 3px;
}

.block-img-list .comment {
  margin-top: 15px;
  font-size: 1.6rem;
}

.block-img-list.list-2 .more-btn {
  margin-top: 24px;
}

.block-img-list.list-4 .more-btn {
  margin-top: 20px;
}

.block-img-gallery-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-3 .block-img-gallery-list li {
  width: 377px;
}

.list-3 .block-img-gallery-list li:not(:nth-child(3n)) {
  margin-right: 15px;
}

.block-img-gallery-list .img img {
  width: 100%;
}

.block-txt-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-txt-list.list-2 li {
  width: 560px;
}

.block-txt-list.list-2 li:not(:nth-child(2n)) {
  margin-right: 80px;
}

.block-txt-list.list-2 li:not(:nth-child(-n+2)) {
  margin-top: 50px;
}

.block-txt-list.list-3 li {
  width: calc(100% / 3);
  padding-right: 46px;
}

.block-txt-list.list-3 li:not(:nth-child(-n+3)) {
  margin-top: 50px;
}

.block-txt-list h2,
.block-txt-list h3 {
  font-size: 2.4rem;
  font-weight: 400;
}

.block-txt-list .block-article {
  margin-top: 24px;
}

.block-txt-list .more-btn {
  margin-top: 24px;
}

.left-handed-article {
  margin-top: 31px;
}

.left-handed-article h2:not(.common-h2) {
  font-size: 2.4rem;
  font-weight: 400;
}

.left-handed-article .main-article .block-article {
  width: 590px;
  margin-top: 40px;
}

.left-handed-article .sub-article {
  margin-top: 39px;
}

.left-handed-article .sub-article .base-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.left-handed-article .sub-article .base-container > li {
  width: 50%;
}

.left-handed-article .sub-article .block-article {
  width: 500px;
  margin-top: 13px;
}

.base-tbl table {
  width: 100%;
}

.base-tbl th,
.base-tbl td {
  padding: 16px 20px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-weight: 400;
  text-align: left;
}

.base-tbl th {
  background-color: #BABABA;
  font-size: 1.8rem;
}

.base-tbl td {
  background-color: #EBE9EA;
  font-size: 1.8rem;
}

.th-w100 {
  width: 100px;
}

.th-w200 {
  width: 200px;
}




.base-article-vert-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.base-article-vert-img.col-single .blk-content {
  margin-top: 64px;
}

.base-article-vert-img.col-2 .blk-article-container {
  width: 518px;
}

.base-article-vert-img.col-3 .blk-article-container {
  width: 360px;
}

.base-article-vert-img.col-4 .blk-article-container {
  width: 261px;
}

.base-article-vert-img.col-2 .blk-article-container:not(:nth-child(n+2)) {
  margin-right: 64px;
}

.base-article-vert-img.col-3 .blk-article-container:not(:nth-child(n+3)),
.base-article-vert-img.col-4 .blk-article-container:not(:nth-child(n+4)) {
  margin-right: 40px;
}

.base-article-vert-img.col-single img {
  margin: auto;
}

.base-article-vert-img.col-2 img {
  width: 518px;
  height: 345px;
}

.base-article-vert-img.col-3 img {
  width: 360px;
  height: 240px;
}

.base-article-vert-img.col-4 img {
  width: 261px;
  height: 174px;
}

.base-article-vert-img.col-2 .blk-content {
  margin-top: 40px;
}

.base-article-vert-img.col-3 .blk-content {
  margin-top: 32px;
}

.base-article-vert-img.col-4 .blk-content {
  margin-top: 24px;
}

.base-article-vert-img.col-single .ttl {
  font-size: 2.2rem;
}

.base-article-vert-img.col-2 .ttl,
.base-article-vert-img.col-3 .ttl {
  font-size: 2.2rem;
  font-weight: 300;
}

.base-article-vert-img.col-4 .ttl {
  font-size: 2rem;
  font-weight: 300;
}

.base-article-vert-img.col-2 .block-article {
  margin-top: 24px;
}

.base-article-vert-img.col-3 .block-article,
.base-article-vert-img.col-4 .block-article {
  margin-top: 16px;
}

.base-article-parallel-img .blk-article-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.base-article-parallel-img.img-large .blk-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 518px;
}

.base-article-parallel-img.img-small .blk-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 340px;
}

.base-article-parallel-img .blk-img + .blk-content,
.base-article-parallel-img .blk-content + .blk-img {
  margin-left: 40px;
}

.base-article-parallel-img .ttl {
  font-size: 2.4rem;
}

.base-article-parallel-img .blk-content .block-article {
  margin-top: 24px;
}

.base-article-parallel-img.vert-txt .blk-article-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.base-article-parallel-img.vert-txt .blk-content {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.base-article-parallel-img.vert-txt.img-large .blk-img {
  width: 680px;
  max-width: 680px;
}

.base-article-parallel-img.vert-txt.img-small .blk-img {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 518px;
}

.base-article-parallel-img.vert-txt.img-large .blk-content {
  height: 453px;
}

.base-article-parallel-img.vert-txt.img-small .blk-content {
  height: 345px;
}

.base-article-parallel-img.vert-txt .blk-content .block-article {
  margin: 0 60px 0 0;
}

.forcms_block.base-container.en_search_list div p {
  margin-top: 30px;
}










































/**/