﻿@charset "utf-8";

/* =============================== sub common =============================== */

.sub header {
  background: #f6f4f1;
}
.sub .h_inner {
  padding: 44px 50px 45px;
}
.sub #wrap { 
	margin-top: 150px;
}

.submain {
  height: 430px;
  position: relative;
  background: #e5e3de;
}
.submain .submain_ttl {
  font-size: 5.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
  width: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.submain .submain_ttl .ja ,
.submain .submain_ttl .en {
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
  text-align: center;
}

.breadcrumbs {
  background: #f6f4f1;
  box-sizing: border-box;
  padding: 4.5rem 0;
}
.breadcrumbs li {
  list-style: none;
}
.breadcrumbs li ,
.breadcrumbs li a {
  font-size: 1.6rem;
  line-height: 140%;
  text-decoration: none;
}
.breadcrumbs li:nth-last-child(n+2) {
  margin-right: 40px;
  position: relative;
}
.breadcrumbs li:nth-last-child(n+2)::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #231815;
  border-right: solid 1px #231815;
  position: absolute;
  top: 50%;
  right: -22px;
  margin-top: -2px;
  transform: rotate(45deg);
}

/* =============================== information =============================== */

.information_bk {
  padding: 7.0rem 0 14.0rem;
  background: #f6f4f1;
  position: relative;
  width: 100%;
}
.information_bk .information_nav {
  width: 92%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10.0rem;
}
.information_bk .information_nav li {
  width: 18.18%;
  border-bottom: 1px solid #231815;
}
.information_bk .information_nav li:nth-last-child(n+2) {
  margin-right: 2.275%;
}
.information_bk .information_nav li:hover ,
.information_bk .information_nav li.current {
  background: #e5e3de;
  border-bottom: 1px solid #e5e3de;
}
.information_bk .information_nav li a {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  padding: 1.8rem 1em;
  box-sizing: border-box;
  text-decoration: none;
  color: #231815;
}

.information_bk .information_list {
  border-top: 1px solid #b0b1b1;
}
.information_bk .information_list li {
  width: 100%;
  border-bottom: 1px solid #b0b1b1;
  box-sizing: border-box;
  padding: 4.0rem 0;
}
.information_bk .information_list li a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  text-decoration: none;
}
.information_bk .information_list li a .image {
  width: 25%;
  height: 1;
  padding-top: 16.67%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.information_bk .information_list li a .image.noimg {
  background-image: url(../images/common/noimg.png);
}
.information_bk .information_list li a .info {
  width: 70%;
  margin-left: 5%;
}
.information_bk .information_list li a .info .date {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4.5rem;
}
.information_bk .information_list li a .info .date .cat {
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  padding: 7px 30px;
  border-radius: 13px;
  background: #231815;
  line-height: 1;
  color: #fff;
  margin-right: 4.5rem;
}

.pagenavi {
  padding: 8.0rem 0 4.0rem;
}
.pagenavi .wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagenavi .wp-pagenavi span ,
.pagenavi .wp-pagenavi a {
  font-size: 1.6rem;
  font-weight: 500;
  color: #231815;
  text-decoration: none;
  line-height: 1;
  box-sizing: border-box;
  padding: 1.5rem 1.6rem;
  margin: 0 .2em;
}

.information_detail_bk {
  padding: 3.5rem 0 17.0rem;
  background: #f6f4f1;
  position: relative;
  width: 100%;
}
.information_detail_bk .information_detail {
  width: 92%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.information_detail_bk .information_detail .common_btn01 a {
  width: 340px;
}
.information_detail_bk .information_detail .date {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4.5rem;
}
.information_detail_bk .information_detail .date .cat {
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  padding: 7px 30px;
  border-radius: 13px;
  background: #231815;
  line-height: 1;
  color: #fff;
  margin-right: 4.5rem;
}
.information_detail_bk .information_detail h1 {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 155%;
  margin-bottom: 4.5rem;
}
.information_detail_bk .information_detail .image {
  text-align: center; 
  margin-bottom: 10.0rem;
}
.information_detail_bk .information_detail .image img {
  max-width: 100%;
  height: auto;
}
.information_detail_bk .information_detail .common_btn01 a {
  width: 340px;
}

.editarea {
  padding: 0 0 10.0rem;
}
.editarea * {
  word-break: break-all;
}
.editarea p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 220%;
  margin-bottom: 1.5em;
}
.editarea h2 {
  font-size: 3.2rem;
  font-weight: 700;
  padding-bottom: .4em;
  border-bottom: 1px solid #b0b1b1;
  margin-bottom: .8em;
}
.editarea h3 {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: .8em;
}
.editarea h4 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: .8em;
}
.editarea h5 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: .8em;
}
.editarea h6 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: .8em;
}
.editarea ul ,
.editarea ol {
  margin: 2.0rem 1.0rem 2.0rem 2.5rem;
}

.editarea ul li {
  list-style: disc;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 220%;
  margin-bottom: .2em;
}
.editarea ol li {
  list-style: decimal;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 220%;
  margin-bottom: .2em;
}
.editarea pre {
  background: #e5e3de;
  width: 100%;
  box-sizing: border-box;
  padding: 5.0rem 3em;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 220%;
  margin: 2.5rem 0;
}
.editarea table {
  border-collapse: collapse;
  border-top: 1px solid #b0b1b1;
  margin: 2.5rem 0;
}
.editarea table td {
  font-size: 1.8rem;
  font-weight: 500;
  box-sizing: border-box;
  padding: 4.0rem 5.0rem;
  border: none;
  border-bottom: 1px solid #b0b1b1;
}
.editarea table td:nth-child(1) {
  background: #e5e3de;
  text-align: center;
}
.editarea blockquote {
  background: #e5e3de;
  width: 100%;
  box-sizing: border-box;
  padding: 5.0rem 3em;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 220%;
  margin: 2.5rem 0;
  position: relative;
}
.editarea blockquote::before ,
.editarea blockquote::after {
  content: "";
  width: 51px;
  height: 36px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
  position: absolute;
  z-index: 5;
}
.editarea blockquote::before {
  background-image: url(../images/information/ico_blockquote_st.png);
  left: -25px;
  top: 5px;
}
.editarea blockquote::after {
  background-image: url(../images/information/ico_blockquote_en.png);
  right: -25px;
  bottom: 5px;
}
.editarea blockquote cite {
  text-align: right;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
}

/* =============================== 404 =============================== */

.notfound_bk {
  padding: 7.0rem 0 20.0rem;
  background: #f6f4f1;
  box-sizing: border-box;
}
.notfound_bk .notfound .common_txt01 {
  text-align: center;
}
.notfound_bk .notfound .common_txt01 a {
  font-size: 1.8rem;
  line-height: inherit;
  text-decoration: none;
  border-bottom: 1px solid #231815;
}
.notfound_bk .notfound .common_txt01 a:hover {
  border-bottom: 1px solid rgba(255,255,255,0);
}