.archives-detail-content {
  overflow: hidden;
}
@media (min-width: 768px) {
  .archives-detail {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .archives-detail-content {
    overflow: hidden;
    width: calc(100% - 260px);
    padding-right: 60px;
    padding-left: 60px;
  }
  .content-inner {
    max-width: 800px;
  }
  .archives-side {
    width: 270px;
    padding: 80px 0 160px 30px;
  }
  .archives-side .archives-toc__trigger,
  .archives-side .archives-toc__overlay,
  .archives-side .archives-toc__close {
    display: none;
  }
}
@media (max-width: 767px) {
  .archives-toc__trigger {
    position: fixed;
    width: 62px;
    height: 62px;
    top: auto;
    right: 0;
    bottom: 39px;
    left: auto;
    z-index: 3;
  }
  .archives-toc__trigger-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #b4b9be;
    background-color: #fff;
  }
  .archives-toc__trigger-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 31px;
    height: 19px;
    margin-bottom: 3px;
  }
  .archives-toc__trigger-icon-line {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .archives-toc__trigger-icon-line::before,
  .archives-toc__trigger-icon-line::after {
    display: block;
    height: 3px;
    background-color: #b4b9be;
    content: "";
  }
  .archives-toc__trigger-icon-line::before {
    width: 3px;
    border-radius: 50%;
  }
  .archives-toc__trigger-icon-line::after {
    width: 24px;
  }
  .archives-toc__trigger-text {
    font-size: 1.2rem;
    line-height: calc(22 / 16);
    letter-spacing: 0.1em;
    color: #b4b9be;
    text-align: center;
  }
  .archives-toc__close {
    position: absolute;
    width: 62px;
    height: 62px;
    top: auto;
    right: -62px;
    bottom: 39px;
  }
  .archives-toc__close-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #b4b9be;
    background-color: #fff;
  }
  .archives-toc__close-icon {
    position: relative;
    width: 26px;
    height: 26px;
    margin-bottom: 2px;
  }
  .archives-toc__close-icon::before {
    left: 0;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -o-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .archives-toc__close-icon::before,
  .archives-toc__close-icon::after {
    display: block;
    width: 36px;
    height: 1px;
    background-color: #b4b9be;
    content: "";
    position: absolute;
    top: 0;
  }
  .archives-toc__close-icon::after {
    right: 0;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -o-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .archives-toc__close-text {
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    line-height: calc(17 / 12);
    text-align: center;
    color: #b4b9be;
  }
  .archives-toc__overlay,
  .archives-toc__column {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 100;
  }
  .archives-toc__overlay.-show,
  .archives-toc__column.-show {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    pointer-events: all;
  }
  .archives-toc__overlay {
    width: 100%;
    background-color: rgba(0,0,0,0.5);
  }
  .archives-toc__column {
    width: calc(100% - 62px);
    padding-top: 64px;
    background-color: #fff;
  }
  .archives-toc__column-inner {
    height: 100%;
    padding: 60px 30px 60px 20px;
    overflow-y: auto;
  }
}
.archives-toc__column-inner {
  font-size: 1.6rem;
  line-height: 1.5;
}
.archives-toc__toggle {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
}
.archives-toc__toggle.-opened {
  height: auto;
}
.archives-toc__level1-item + .archives-toc__level1-item {
  margin-top: 30px;
}
.archives-toc__level1-list {
  counter-reset: toc-level1;
}
.archives-toc__level1-title {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  padding-left: 30px;
  font-size: 1.8rem;
  line-height: calc(32 / 18);
  cursor: pointer;
}
.archives-toc__level1-item:nth-child(n + 10) .archives-toc__level1-title {
  padding-left: 40px;
}
.archives-toc__level1-title::before {
  counter-increment: toc-level1;
  content: counter(toc-level1);
  position: absolute;
  top: 0;
  left: 0;
}
.archives-toc__icon::before,
.archives-toc__icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 9px;
  border-top: 1px solid #00a040;
}
.archives-toc__icon::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.archives-toc__level1-title.-open .archives-toc__icon::after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.archives-toc__level2-list {
  padding: 12px 0 0 20px;
  counter-reset: toc-level2;
}
.archives-toc__level2-item + .archives-toc__level2-item {
  margin-top: 30px;
}
.archives-toc__level2-title {
  position: relative;
}
.archives-toc__level3-list {
  padding: 5px 0 0 40px;
  font-size: 1.2rem;
  line-height: 2;
}
.archives-toc__level2-list .archives-toc__level3-list {
  padding-left: 20px;
}
.archives-toc__anchor {
  display: block;
  color: #222;
  text-decoration: none;
}
.archives-toc__anchor:hover {
  text-decoration: underline;
}
.archives-toc__anchor.-current {
  color: #b4b9be;
}
/*
.archives-toc__level2-title.-current{
	color: #B4B9BE;
}
*/
@media (max-width: 767px) {
  .archives-toc__level2-list {
    padding-left: 10px;
  }
  .archives-toc__level3-list {
    padding-top: 12px;
    padding-left: 25px;
  }
  .archives-toc__level2-list .archives-toc__level3-list {
    padding-left: 15px;
  }
  .archives-toc__level2-title {
    font-size: 1.4rem;
  }
}
.archives-toc__level4-list {
  padding: 5px 0 0 2em;
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .archives-toc__level4-item {
    padding: 0.25em 0;
  }
}
/*  archives-detail
==================================================================*/
.archives-detail {
  color: #222;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .archives-detail {
    font-size: 1.4rem;
  }
}
/*  archives-detail__header
------------------------------------------------------------------*/
.archives-detail__header {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d8dcdf;
}
.archives-detail__header-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 10px;
  color: #666;
}
.archives-detail__header-item + .archives-detail__header-item {
  position: relative;
  padding-left: 30px;
}
.archives-detail__header-item + .archives-detail__header-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  border-top: 1px solid;
}
.archives-detail__header-title {
  font-size: 3rem;
  line-height: calc(45 / 30);
  font-weight: 300;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .archives-detail__header {
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .archives-detail__header-title {
    font-size: 2.4rem;
    line-height: calc(34 / 24);
  }
}
/* =================================================================
  ¹²Í¨
================================================================= */
/*  archives-reading
==================================================================*/
.archives-reading + .archives-reading {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .archives-reading + .archives-reading {
    margin-top: 40px;
  }
}
/*  archives-reading__title
------------------------------------------------------------------*/
.archives-reading__title {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #eff1f2;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .archives-reading__title {
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 500;
  }
}
/*  archives-reading-head,archives-reading-foot
------------------------------------------------------------------*/
.archives-reading-head,
.archives-reading-foot {
  text-align: right;
  font-size: 1.4rem;
  line-height: calc(21 / 14);
}
.archives-reading-head {
  margin-bottom: 20px;
}
.archives-reading-foot {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .archives-reading-head,
  .archives-reading-foot {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2rem;
  }
  .archives-reading-head {
    margin-bottom: 15px;
  }
  .archives-reading-foot {
    margin-top: 15px;
  }
}
/*  archives-reading-area
------------------------------------------------------------------*/
.archives-reading-area a {
  color: #3a81c4;
}
.archives-reading-area a:hover {
  text-decoration: none;
}
.archives-reading-area img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .archives-reading-area {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.archives-reading-area .archives-section_imgs {
  padding: 10px 0px;
}
.archives-reading-area .archives-section_imgs img {
  width: 100%;
  max-width: 160px;
}
/*  archives-section
------------------------------------------------------------------*/
.archives-section {
  margin-top: 60px;
}
.archives-section:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .archives-section {
    margin-top: 40px;
  }
}
/*  archives-section__title */
.archives-section__title {
  margin-bottom: 15px;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .archives-section__title {
    font-size: 1.8rem;
    font-weight: 500;
  }
}
/*  archives-section__initial-green */
.archives-section__initial-green {
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: calc(27 / 17);
}
.archives-section__initial-green::first-letter {
  color: #00a040;
}
.archives-section__initial-green:first-child,
.archives-section__title + .archives-section__initial-green {
  margin-top: 0;
}
@media (max-width: 767px) {
  .archives-section__initial-green {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: calc(27 / 15);
  }
}
/*  archives-section__table-basic */
.archives-section__table-basic {
  width: 100%;
  line-height: 1.5;
}
.archives-section__table-basic th,
.archives-section__table-basic td {
  padding: 10px;
  border: 1px solid #d8dcdf;
  border-width: 0 1px 1px;
  font-weight: 400;
}
.archives-section__table-basic thead th {
  background-color: #eff1f2;
  font-weight: 500;
  text-align: center;
  border-width: 0;
}
.archives-section__table-basic thead th:first-child {
  border-left: 1px solid #eff1f2;
}
.archives-section__table-basic thead th:last-child {
  border-right: 1px solid #eff1f2;
}
.archives-section__table-basic thead th + th {
  border-left: 1px solid #fff;
}
.archives-section__table-basic thead tr+tr {
  border-top: 1px solid #fff;
}
.archives-section__table-basic tbody th {
  text-align: center;
}
@media (max-width: 767px) {
  .archives-section__scrolltable::after {
    content: "¡û ¥¹¥¯¥í©`¥ë¤Ç´_ÕJ ¡ú";
    display: block;
    margin-top: 15px;
    text-align: center;
    color: #707070;
    font-size: 1.2rem;
  }
  .archives-section__scrolltable-inner {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }
  .archives-section__scrolltable-inner::-webkit-scrollbar {
    height: 10px;
  }
  .archives-section__scrolltable-inner::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #fff;
  }
  .archives-section__scrolltable-inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #d8dcdf;
  }
  .archives-section__scrolltable table {
    width: 800px;
  }
  .archives-section__table-basic {
    line-height: 1.7;
  }
}
/*  archives-section__table-rowline */
.archives-section__table-rowline {
  width: 100%;
  line-height: 1.5;
}
.archives-section__table-rowline th,
.archives-section__table-rowline td {
  padding: 10px 0;
  border-bottom: 1px solid #d8dcdf;
}
.archives-section__table-rowline th {
  width: 22.5%;
}
@media (max-width: 767px) {
  .archives-section__table-rowline,
  .archives-section__table-rowline tbody,
  .archives-section__table-rowline tr,
  .archives-section__table-rowline th,
  .archives-section__table-rowline td {
    display: block;
    width: auto;
  }
  .archives-section__table-rowline {
    line-height: 1.7;
  }
  .archives-section__table-rowline th,
  .archives-section__table-rowline td {
    padding: 0;
    border-bottom: 0;
  }
  .archives-section__table-rowline tr {
    padding: 10px 0;
    border-bottom: 1px solid #d8dcdf;
  }
  .archives-section__table-rowline th {
    font-size: 1.5rem;
  }
}
/*  archives-list */
.archives-list {
  display: table;
}
.archives-list-list {
  display: table-row;
}
.archives-list-list > * {
  display: table-cell;
}
.archives-list-list + .archives-list-list > * {
  padding-top: 10px;
}
.archives-list-title {
  width: 42%;
  white-space: nowrap;
  padding-right: 15px;
}
.archives-list-content-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archives-list-content-item {
  margin-right: 1em;
}
@media (max-width: 767px) {
  .archives-list-title {
    width: auto;
    padding-right: 1em;
  }
}
/*  archives-section__number-list */
.archives-section__number-list {
  margin: 1em 0;
  margin-left: 40px;
  font-weight: 500;
  counter-reset: reading-number;
}
.archives-section__number-item {
  position: relative;
  padding-left: 28px;
}
.archives-section__number-item::before {
  counter-increment: reading-number;
  content: counter(reading-number);
  position: absolute;
  top: 0;
  left: 0;
}
.archives-section__number-list--small,
.archives-section__number-list.-small {
  font-weight: 400;
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  .archives-section__number-list {
    margin-left: 20px;
  }
  .archives-section__number-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.archives-section__marginblock > * + * {
  margin-top: 1.5em;
}
.archives-section__indenttext {
  text-indent: 1em;
}
.archives-section__indenttext+.archives-section__table-rowline {
  margin-top: 15px;
}
/*  archives-zoom-notes
------------------------------------------------------------------*/
.archives-zoom-notes {
  margin-bottom: 20px;
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.5;
}
.archives-zoom-notes img {
  margin-right: 2px;
  vertical-align: -2px;
}
@media (max-width: 767px) {
  .archives-zoom-notes {
    font-size: 1.2rem;
    color: #707070;
  }
  .archives-zoom-notes img {
    width: 12px;
    vertical-align: -3px;
  }
}
/*  archives-modal
------------------------------------------------------------------*/
.archives-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: -1;
}
.archives-modal.-showing {
  visibility: visible;
  pointer-events: all;
  z-index: 99999;
}
.archives-modal.-show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.archives-modal__overlay {
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.archives-modal__view {
  width: 100%;
  max-width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.archives-modal__view.-image-small {
  max-width: 380px;
}
.archives-modal__close {
  width: 41px;
  position: absolute;
  top: -74px;
  right: 0;
}
.archives-modal__close-icon {
  height: 41px;
  margin: 0 auto 3px;
  position: relative;
}
.archives-modal__close-icon::before,
.archives-modal__close-icon::after {
  display: block;
  width: 57px;
  height: 1px;
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
}
.archives-modal__close-icon::before {
  left: 0;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -o-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.archives-modal__close-icon::after {
  right: 0;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -o-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.archives-modal__close-text {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.archives-modal__image {
  width: 100%;
  height: auto;
}
.archives-modal__image.-border {
  border: 1px solid #fff;
}
.archives-modal__pinch {
  display: none;
  position: absolute;
  right: 30px;
  bottom: -25px;
}
.archives-modal__pinch-icon {
  width: 11px;
  height: auto;
  margin-right: 6px;
}
.archives-modal__pinch-text {
  font-size: 1.2rem;
  color: #fff;
}
.archives-modal__content {
  padding: 60px;
  background-color: #fff;
}
.archives-modal__anchor {
  color: #3a81c4;
}
.archives-modal__anchor:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .archives-modal__view {
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .archives-modal__view.-image {
    padding: 0 30px;
  }
  .archives-modal__close {
    width: 36px;
    top: -60px;
    right: 30px;
  }
  .archives-modal__close-icon::before,
  .archives-modal__close-icon::after {
    width: 44px;
  }
  .archives-modal__close-icon {
    width: 32px;
    height: 32px;
  }
  .archives-modal__pinch {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .archives-modal__content {
    padding: 20px 15px;
    margin: 0 30px;
  }
}
/* =================================================================
  ‚€„e
================================================================= */
/*  chapter1_2~5
------------------------------------------------------------------*/
.archives-company_statute__number-list .archives-section__number-item::before {
  content: counter(reading-number, cjk-ideographic) "¡¢";
}
@media (max-width: 767px) {
  .archives-company_statute__number-list .archives-section__number-item {
    padding-left: 25px;
  }
}
/*  chapter1_6,7,11
------------------------------------------------------------------*/
.archives-management_organization__txt {
  margin-top: 1em;
}
.archives-reading-head__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.archives-reading-head__dt {
  margin-right: 1em;
}
.archives-reading-head__dd--num {
  width: 1.5em;
  text-align: center;
}
/*  chapter1_1
------------------------------------------------------------------*/
/*  archives-company_statute1909__number-list */
.archives-company_statute1909__number-list .archives-section__number-item::before {
  content: "Ò»¡¢";
}
/*  archives-company_statute1909-list */
.archives-company_statute1909-list .archives-list-title {
  width: 9em;
}
span + .archives-company_statute1909-list {
  margin-top: 1em;
}
@media (min-width: 768px) {
  .archives-company_statute1909_2-list .archives-list-title {
    width: 20%;
  }
}
/*  archives-company_statute1909__title */
@media (min-width: 768px) {
  .archives-company_statute1909__title {
    margin-left: 9em;
  }
}
/*  chapter1_4
------------------------------------------------------------------*/
.archives-major_changes__dot-list .archives-major_changes__dot-item {
  padding-left: 1em;
  text-indent: -1em;
}
.archives-major_changes__dot-list .archives-major_changes__dot-item::before {
  content: "?";
}
/*  chapter1_5
------------------------------------------------------------------*/
.archives-section__table-rowline + .archives-section__table-rowline {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .archives-company_statute_current .archives-section__table-rowline caption {
    display: block;
  }
}
/*  chapter1_6,7
------------------------------------------------------------------*/
.archives-basic_principles__number-list .archives-section__number-item::before {
  content: "(" counter(reading-number) ")";
}
.archives-basic_principles-reading-area__title {
  border-bottom-style: solid;
  border-bottom-color: #eff1f2;
}
@media (min-width: 768px) {
  .archives-basic_principles-reading .archives-reading-area + .archives-reading-area {
    margin-top: 60px;
  }
  .archives-basic_principles-reading-area__title {
    margin-bottom: 20px;
    border-bottom-width: 5px;
    font-size: 2rem;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .archives-basic_principles-reading .archives-reading-area + .archives-reading-area {
    margin-top: 40px;
  }
  .archives-basic_principles-reading-area__title {
    margin-bottom: 15px;
    border-bottom-width: 2.5px;
    font-size: 1.8rem;
    font-weight: 500;
  }
}
/*  chapter1_6
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-basic_principles2018-reading-area .archives-section {
    margin-top: 50px;
  }
  .archives-basic_principles2018__img {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .archives-basic_principles2018-reading-area .archives-section {
    margin-top: 30px;
  }
}
/*  chapter1_7
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-past_basic_principles__txt {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .archives-past_basic_principles__txt {
    margin-left: 20px;
  }
}
/*  chapter1_9
------------------------------------------------------------------*/
.archives-company_emblem__img {
  text-align: center;
}
.archives-company_emblem__dl dt {
  font-weight: bold;
}
@media (min-width: 768px) {
  .archives-company_emblem__img {
    margin-bottom: 20px;
  }
  .archives-company_emblem__title {
    margin-top: 15px;
  }
  .archives-company_emblem__dl dd + dt {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .archives-company_emblem__img {
    margin-bottom: 15px;
  }
  .archives-company_emblem__title {
    margin-top: 10px;
  }
  .archives-company_emblem__dl dd + dt {
    margin-top: 5px;
  }
}
/*  chapter1_10,chapter1_11,chapter8
------------------------------------------------------------------*/
.archives-officers,
.archives-publication {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archives-officers + .archives-officers,
.archives-publication + .archives-publication {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #d8dcdf;
}
.archives-officers__item,
.archives-publication__item {
  width: 182px;
  margin-left: 24px;
}
.archives-publication__item {
  text-align: center;
}
.archives-officers__item:nth-child(4n + 1),
.archives-publication__item:nth-child(4n + 1) {
  margin-left: 0;
}
.archives-officers__item:nth-child(n + 5),
.archives-publication__item:nth-child(n + 5) {
  margin-top: 40px;
}
.archives-officers__item .archives-officers__anchor,
.archives-publication__item .archives-publication__anchor {
  display: block;
  text-align: center;
  color: #666;
  text-decoration: none;
}
.archives-officers__img,
.archives-publication__img {
  position: relative;
  margin-bottom: 18px;
}
.archives-publication__img {
  border: 1px solid #d8dcdf;
  padding: 10px;
}
.archives-officers__img::after,
.archives-publication__img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px;
  background: rgba(0,0,0,0.6) url("/chronicle/130th/archives/img/ico-zoom.svg") no-repeat 60% 60%;
  -webkit-background-size: 15px;
  -moz-background-size: 15px;
  background-size: 15px;
  z-index: 3;
}
.archives-officers__img img,
.archives-publication__img img {
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -moz-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -ms-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}
.archives-officers__anchor:hover .archives-officers__img img,
.archives-publication__anchor:hover .archives-publication__img img {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.archives-officers__post,
.archives-publication__post {
  font-size: 1.2rem;
  line-height: calc(17 / 12);
}
.archives-officers__title,
.archives-publication__title {
  font-size: 1.8rem;
  line-height: calc(30 / 18);
  font-weight: 400;
}
.archives-officers__title {
  color: #222;
}
.archives-publication__title {
  line-height: 1.3;
  margin-bottom: 0.3em;
}
@media (max-width: 767px) {
  .archives-officers,
  .archives-publication {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .archives-officers + .archives-officers,
  .archives-publication + .archives-publication {
    margin-top: 20px;
    padding-top: 20px;
  }
  .archives-officers__item,
  .archives-publication__item {
    width: calc(50% - 10px);
    margin-left: 0;
  }
  .archives-officers__item:nth-child(n + 3),
  .archives-publication__item:nth-child(n + 3) {
    margin-top: 20px;
  }
  .archives-officers__img,
  .archives-publication__img {
    margin-bottom: 10px;
  }
  .archives-officers__img::after,
  .archives-publication__img::after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(calc(21 / 26));
    -moz-transform: scale(calc(21 / 26));
    -o-transform: scale(calc(21 / 26));
    -ms-transform: scale(calc(21 / 26));
    transform: scale(calc(21 / 26));
  }
}
@media (min-width: 768px) {
  .archives-officers-modal__content,
  .archives-publication-modal__content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 130px;
  }
  .archives-publication-modal__content {
    padding-left: 60px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .archives-officers-modal__content .archives-modal__content-image,
  .archives-publication-modal__content .archives-modal__content-image {
    width: 270px;
    margin-right: 40px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .archives-officers-modal__content .archives-modal__content-image,
  .archives-publication-modal__content .archives-modal__content-image {
    margin-bottom: 12px;
  }
}
/*  chapter1_10
------------------------------------------------------------------*/
.archives-successive_officers__period {
  margin-top: 5px;
  font-size: 1.1rem;
  line-height: calc(17 / 11);
}
/*  chapter1_11
------------------------------------------------------------------*/
.archives-management_organization__txt.-small,
.archives-current_officers__txt {
  font-size: 1.3rem;
  font-weight: 400;
}
.archives-current_officers__history dt {
  float: left;
}
.archives-current_officers__history dd {
  margin-left: 6em;
}
@media (min-width: 768px) {
  .archives-current_officers__history {
    margin-top: 10px;
    font-size: 1.1rem;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .archives-current_officers__history {
    font-size: 1rem;
  }
}
/*  chapter1_13~26
------------------------------------------------------------------*/
/*  archives-business_organization__number-list */
.archives-business_organization__number-list .archives-section__number-item::before {
  content: "¡ù" counter(reading-number) "£º";
}
@media (min-width: 768px) {
  .archives-business_organization__number-list .archives-section__number-item {
    padding-left: 43px;
  }
}
@media (max-width: 767px) {
  .archives-business_organization__number-list .archives-section__number-item {
    padding-left: 38px;
  }
}
/*  archives-business_organization__nonumber-list */
.archives-business_organization__nonumber-list .archives-section__number-item::before {
  content: "¡ù";
}
@media (min-width: 768px) {
  .archives-business_organization__nonumber-list .archives-section__number-item {
    padding-left: 23px;
  }
}
@media (max-width: 767px) {
  .archives-business_organization__nonumber-list .archives-section__number-item {
    padding-left: 18px;
  }
}
/*  chapter1_27,28
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-business_network-reading .archives-section + .archives-section {
    margin-top: 30px;
  }
  .archives-business_network-reading .archives-section__title {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .archives-business_network-reading .archives-section + .archives-section {
    margin-top: 10px;
  }
  .archives-business_network-reading .archives-section__title {
    margin-bottom: 0;
  }
}
/*  chapter1_27
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-business_network__txt {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .archives-business_network__txt {
    margin-bottom: 10px;
  }
}
/* modal */
.archives-business_network__map {
  width: 100%;
  height: 300px;
}
.archives-business_network__btn {
  display: table;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.archives-business_network__btn a {
  display: table-cell;
  position: relative;
  height: 3.8em;
  border: solid 1px #bbc2c9;
  font-size: 1.63rem;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
}
.archives-business_network__btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 0.7em;
  height: 0.7em;
  margin-top: -0.35em;
  border-right: solid 1px #595656;
  border-bottom: solid 1px #595656;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.archives-business_network__btn a:hover {
  background-color: #f1f1f1;
}
@media (min-width: 768px) {
  .archives-business_network__access {
    margin-bottom: 60px;
  }
  .archives-business_network__map {
    margin-bottom: 60px;
  }
  .archives-business_network__btn {
    width: 50%;
  }
  .archives-business_network-pc {
    display: block;
  }
  .archives-business_network-sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .archives-business_network__access {
    margin-bottom: 10%;
  }
  .archives-business_network__map {
    margin-bottom: 10%;
  }
  .archives-business_network__btn {
    width: 100%;
  }
  .archives-business_network-pc {
    display: none;
  }
  .archives-business_network-sp {
    display: block;
  }
}
/*  chapter1_28
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-business_network-reading .archives-section__table-rowline th {
    width: 24.7%;
  }
}
/*  chapter2_1
------------------------------------------------------------------*/
.archives-stock-full-graph img {
  max-width: none;
}
/*  chapter2_3
------------------------------------------------------------------*/
.archives-major_shareholder__table thead th {
  vertical-align: middle;
}
.archives-major_shareholder__table tbody th {
  text-align: left;
}
.archives-major_shareholder__table tbody tr:last-child th,
.archives-major_shareholder__table tbody tr:last-child td {
  font-weight: bold;
}
.archives-major_shareholder__table tbody tr:last-child th,
.archives-major_shareholder__table tbody tr:last-child th + td {
  text-align: center;
}
.archives-major_shareholder__table tbody td + td {
  text-align: right;
}
/*  chapter3_1,3
------------------------------------------------------------------*/
.archives-financial_statements__list a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -moz-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -ms-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}
.archives-financial_statements__list a:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
@media (min-width: 768px) {
  .archives-financial_statements__list .base-icon {
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .archives-financial_statements__list .base-icon {
    vertical-align: baseline;
  }
}
/*  chapter3_2
------------------------------------------------------------------*/
.archives-connection_range__table tbody th,
.archives-connection_range__table tbody td {
  vertical-align: middle;
}
.archives-connection_range__table tbody td {
  text-align: center;
}
.archives-connection_range__table tbody td:last-child {
  text-align: left;
}
@media (min-width: 768px) {
  .archives-connection_range__table {
    font-size: 1.5rem;
  }
}
/*  chapter4
------------------------------------------------------------------*/
.archives-technology-construction_machinery__table tbody td:nth-child(2) {
  width: 21.5%;
}
.archives-technology-construction_machinery__table tbody td:nth-child(4) {
  width: 12.1%;
}
/*  chapter4_1
------------------------------------------------------------------*/
.archives-technology_development__table tbody td:nth-child(2) {
  width: auto;
}
/*  chapter4_2
------------------------------------------------------------------*/
.archives-machine-list__table--th {
  vertical-align: middle;
}
.archives-machine-list__table--th--first {
  width: 50%;
}
.archives-machine-list__table--td {
  vertical-align: middle;
}
.archives-machine-list__table--td--center {
  text-align: center;
  width: 8%;
}
.archives-machine-list__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.archives-machine-list__photo {
  width: 100px;
  height: 100px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -moz-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -ms-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  margin-right: 15px;
}
.archives-machine-list__photo::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px;
  background: rgba(0,0,0,0.6) url("/chronicle/130th/archives/img/ico-zoom.svg") no-repeat 60% 60%;
  -webkit-background-size: 15px;
  -moz-background-size: 15px;
  background-size: 15px;
  z-index: 3;
}
.archives-machine-list__photo:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.archives-machine-list__name {
  width: calc(100% - 115px);
}
.archives-machine-list__small {
  font-size: 80%;
  display: block;
}
@media (max-width: 767px) {
  .archives-machine-list__table--th--first {
    width: 40%;
  }
  .archives-machine-list__photo::after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(calc(21 / 26));
    -moz-transform: scale(calc(21 / 26));
    -o-transform: scale(calc(21 / 26));
    -ms-transform: scale(calc(21 / 26));
    transform: scale(calc(21 / 26));
  }
}
/*  chapter4_7
------------------------------------------------------------------*/
.archives-foreign_patent__table tbody th {
  width: 29%;
  text-align: left;
}
.archives-foreign_patent__table tbody td:nth-child(2),
.archives-foreign_patent__table tbody td:nth-child(4) {
  width: auto;
}
.archives-foreign_patent__table tbody td {
  text-align: center;
}
/*  chapter5_1
------------------------------------------------------------------*/
.archives-detail__img_caption {
  margin-top: 15px;
}
/*  chapter5_4
------------------------------------------------------------------*/
.archives-company_house__table thead th:first-child {
  vertical-align: middle;
}
.archives-company_house__table thead tr + tr th:first-child {
  border-left-color: #fff;
}
.archives-company_house__table thead tr + tr th {
  border-top: 1px solid #fff;
}
.archives-company_house__table tbody td {
  text-align: center;
}
/*  chapter5_6
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .archives-section__table-rowline th {
    padding-right: 15px;
  }
}
.archives-section__table_summry {
  font-weight: bold;
  margin: 2rem 0px 1rem;
  font-size: 1.75rem;
}
.archive_table_txt_underline {
  text-decoration: underline;
}
/*  chapter5_7
------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .archives-formula {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 4rem;
  }
}
.mathDesc {
  margin: 20px auto;
}
@media screen and (max-width: 767px) {
  .mathDesc {
    margin: 30px auto;
  }
}
.mathDesc__text,
.mathDesc__line {
  line-height: 1.2;
}
.mathDesc__text--center {
  text-align: center;
}
.mathDesc__text--middle {
  vertical-align: middle;
}
/*  chapter7_3
------------------------------------------------------------------*/
.archives-section__table-basic thead tr th.table-basic_th_border_left {
  border-left: 1px solid #fff;
}
/*  chapter9_2
------------------------------------------------------------------*/
.archives-reading-area .archives-group__anchor--note {
  color: #00a040;
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -moz-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -ms-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}
.archives-reading-area .archives-group__anchor--note::after {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 5px;
  background: url("/chronicle/130th/img/ico-fukidashi.svg") no-repeat center center/cover;
  content: "";
}
.archives-reading-area .archives-group__anchor--note:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
@media screen and (max-width: 767px) {
  .archives-group-modal__view {
    padding: 40px 30px 10px;
    top: auto;
    bottom: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .archives-group-modal__content {
    margin: 0;
    padding: 0;
    max-height: 293px;
    overflow: scroll;
  }
}
/*  chapter10
------------------------------------------------------------------*/
.table-basic_font_small th,
.table-basic_font_small td {
  font-size: 0.75em;
}
.archives-section__dot_list > li {
  margin: 0.5em 0px;
  padding-left: 1rem;
  position: relative;
}
.archives-section__dot_list > li:before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  left: 0.2em;
  top: 0.7em;
  background: #000;
  border-radius: 50%;
}
/*  chapter6-2
------------------------------------------------------------------*/
.archives-bim {
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .archives-bim {
    font-size: 1.2rem;
    overflow-x: scroll;
    width: 100%;
    height: 100vh;
  }
}
.archives-bim__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .archives-bim__header {
    height: 40px;
  }
}
.archives-bim__name {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  padding: 0.5em 1.5em;
}
@media screen and (max-width: 767px) {
  .archives-bim__name {
    font-size: 1.6rem;
  }
}
.archives-bim__years {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height: 61px;
  z-index: 3;
  border-top: 1px solid #d8dcdf;
}
@media screen and (max-width: 767px) {
  .archives-bim__years {
    height: 41px;
    top: 40px;
  }
}
.archives-bim__years::before,
.archives-bim__years::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #59b974;
  left: 0;
  right: 0;
}
.archives-bim__years::before {
  background-color: #59b974;
  bottom: 5px;
  height: 1px;
  z-index: 4;
}
.archives-bim__years::after {
  background-color: #fff;
  bottom: 5px;
  height: 55px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .archives-bim__years::after {
    height: 35px;
  }
}
.archives-bim__years--list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: #59b974;
  font-family: roboto sans-serif;
  font-size: 128.57142857142858%;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: -1.3em;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .archives-bim__years--list {
    font-size: 1.4rem;
    left: -19px;
  }
}
.archives-bim__years--element {
  margin: 0 auto;
  display: inline-block;
}
.archives-bim__years--element::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #59b974;
  display: block;
  border-radius: 5px;
  margin-left: 1em;
  position: relative;
}
.archives-bim__years--element--first::after {
  display: none;
}
.archives-bim__wrap {
  padding-top: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .archives-bim__wrap {
    padding-top: 30px;
  }
}
.archives-bim__contents {
  position: relative;
  top: -5px;
}
@media screen and (min-width: 768px) {
  .archives-bim__years,
  .archives-bim__contents {
    width: 2864px;
  }
}
@media screen and (max-width: 767px) {
  .archives-bim__years,
  .archives-bim__contents {
    width: 2804px;
  }
}
.archives-bim [class$='--first'] {
  width: 110px;
}
@media screen and (max-width: 767px) {
  .archives-bim [class$='--first'] {
    width: 50px;
  }
}
.archives-bim__years--element,
.archives-bim__block,
.archives-bim__line {
  width: 193px;
}
.archives-bim__body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__outside,
.archives-bim__inside {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
}
.archives-bim__inside {
  position: relative;
  z-index: 2;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archives-bim__outside {
  background-color: #dee2e2;
  min-height: 140px;
}
.archives-bim__block {
  padding: 32px 20px;
}
.archives-bim__title {
  font-size: 128.57142857142858%;
  font-weight: 300;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .archives-bim__title {
    padding: 2em 0;
  }
}
.archives-bim__title--center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.archives-bim__section {
  width: calc(100% - 110px);
  margin-top: 38px;
  padding-right: 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .archives-bim__section {
    width: calc(100% - 50px);
  }
}
.archives-bim__section + .archives-bim__section {
  margin-left: 110px;
}
@media screen and (max-width: 767px) {
  .archives-bim__section + .archives-bim__section {
    margin-left: 50px;
  }
}
.archives-bim__subject {
  border-top: 3px solid #dee2e2;
  font-size: 128.57142857142858%;
  line-height: 1;
  padding: 0.5em 1em;
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
@media screen and (max-width: 767px) {
  .archives-bim__subject {
    font-size: 1.6rem;
    margin-bottom: 0.7em;
  }
}
.archives-bim__subject__body,
.archives-bim__subject__line {
  display: table;
}
.archives-bim__subject--text {
  font-weight: 300;
  position: -webkit-sticky;
  position: sticky;
  left: 1em;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .archives-bim__subject--text {
    width: 80vw;
  }
}
.archives-bim__subject--text--small {
  font-size: 1.4rem;
  margin-left: 0.5em;
}
.archives-bim__subsubject {
  font-size: 114.28571428571428%;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.5em;
}
@media screen and (max-width: 767px) {
  .archives-bim__subsubject {
    font-size: 1.4rem;
  }
}
.archives-bim__changes--header,
.archives-bim__changes--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__changes--title {
  color: #fff;
  background-color: #59b974;
  font-size: 114.28571428571428%;
  text-align: center;
  line-height: 1.2;
  font-weight: 500;
  width: 12.435233160621761%;
  padding: 0.5em;
}
.archives-bim__changes--title:nth-of-type(2) {
  background-color: #ee6d1f;
  width: 14.285714285714285%;
}
.archives-bim__changes--title:nth-of-type(3) {
  background-color: #bf6e4c;
  width: 49.88897113249445%;
}
.archives-bim__changes--title:nth-of-type(4) {
  background-color: #97573c;
  width: 8.993338267949667%;
}
.archives-bim__changes--title:nth-of-type(5) {
  background-color: #6e3f2c;
  width: 14.396743153219838%;
}
.archives-bim__changes--wrap {
  margin-top: 1em;
}
.archives-bim__changes--inner {
  margin: 0 10px;
}
.archives-bim__changes--inner + .archives-bim__changes--inner {
  margin-top: 10px;
}
.archives-bim__changes--inner.ml40 {
  margin-left: 49px;
}
.archives-bim__changes--inner.ml223 {
  margin-left: 273px;
}
.archives-bim__changes--inner.ml254 {
  margin-left: 304px;
}
.archives-bim__changes--inner.mt {
  margin-top: 64px;
}
.archives-bim__changes--block {
  position: relative;
}
.archives-bim__changes--block--wrap {
  position: absolute;
}
.archives-bim__changes--element {
  border: 1px solid #59b974;
  padding: 1em;
  background-color: #fff;
  display: inline-block;
}
.archives-bim__changes--block:nth-of-type(1) {
  width: 12.435233160621761%;
}
.archives-bim__changes--block:nth-of-type(2) {
  width: 51.40636565507032%;
}
.archives-bim__changes--block:nth-of-type(4) {
  width: 17.986676535899335%;
}
.archives-bim__changes--block:nth-of-type(5) {
  width: 8.882309400444116%;
}
.archives-bim__changes--block:nth-of-type(4) .archives-bim__changes--block--wrap {
  top: 64px;
  left: 91px;
}
.archives-bim__changes--block:nth-of-type(5) .archives-bim__changes--block--wrap {
  top: 0;
  left: -152px;
}
.archives-bim__changes--block:nth-of-type(2) .archives-bim__changes--element {
  border-color: #ee6d1f;
}
.archives-bim__changes--block:nth-of-type(3) .archives-bim__changes--element {
  border-color: #bf6e4c;
}
.archives-bim__changes--block:nth-of-type(4) .archives-bim__changes--element {
  border-color: #97573c;
}
.archives-bim__changes--block:nth-of-type(5) .archives-bim__changes--element {
  border-color: #6e3f2c;
}
.archives-bim__base--block,
.archives-bim__enlightenment--block,
.archives-bim__communication--block,
.archives-bim__research--block {
  background-color: #d9e1f2;
}
.archives-bim__base--block:nth-of-type(2),
.archives-bim__enlightenment--block:nth-of-type(2),
.archives-bim__communication--block:nth-of-type(2),
.archives-bim__research--block:nth-of-type(2) {
  background-color: #fee9ab;
}
.archives-bim__base--block:nth-of-type(3),
.archives-bim__enlightenment--block:nth-of-type(3),
.archives-bim__communication--block:nth-of-type(3),
.archives-bim__research--block:nth-of-type(3) {
  background-color: #c3e1bb;
}
.archives-bim__base {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__base--block {
  text-align: center;
}
.archives-bim__base--block:nth-of-type(1) {
  width: 579px;
}
.archives-bim__base--block:nth-of-type(2) {
  width: 1158px;
}
.archives-bim__base--block:nth-of-type(3) {
  width: 965px;
}
.archives-bim__enlightenment {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__enlightenment--block {
  padding: 20px;
}
.archives-bim__enlightenment--block:nth-of-type(1) {
  margin-left: 386px;
  width: 193px;
}
.archives-bim__enlightenment--block:nth-of-type(2) {
  width: 1351px;
}
.archives-bim__enlightenment--block:nth-of-type(3) {
  width: 772px;
}
.archives-bim__enlightenment--inner {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
}
.archives-bim__enlightenment--text {
  margin-top: 0.5em;
}
.archives-bim__communication {
  margin-left: 386px;
}
.archives-bim__communication--upper,
.archives-bim__communication--lower {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__communication--lower {
  margin-top: 10px;
}
.archives-bim__communication--block {
  padding: 20px;
}
.archives-bim__communication--upper .archives-bim__communication--block:nth-of-type(1) {
  background-color: #ffe7d9;
  width: 1594px;
}
.archives-bim__communication--upper .archives-bim__communication--block:nth-of-type(2) {
  background-color: #ffc9b4;
  width: 722px;
}
.archives-bim__communication--lower .archives-bim__communication--block:nth-of-type(1) {
  width: 336px;
}
.archives-bim__communication--lower .archives-bim__communication--block:nth-of-type(2) {
  width: 1258px;
}
.archives-bim__communication--lower .archives-bim__communication--block:nth-of-type(3) {
  width: 722px;
}
.archives-bim__research {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__research--block:nth-of-type(1) {
  margin-left: 386px;
  width: 193px;
}
.archives-bim__research--block:nth-of-type(2) {
  width: 1158px;
}
.archives-bim__research--block:nth-of-type(3) {
  width: 965px;
}
.archives-bim__research--block--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 50px;
}
.archives-bim__research--block:nth-of-type(2) .archives-bim__research--inner {
  margin-left: 90px;
}
.archives-bim__research--inner {
  padding: 10px;
  position: relative;
}
.archives-bim__research--block:nth-of-type(2) .archives-bim__research--line:nth-of-type(3) {
  margin-top: 30px;
}
.archives-bim__research--block:nth-of-type(3) .archives-bim__research--line:nth-of-type(2) {
  margin-top: 215px;
}
.archives-bim__research--line {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.archives-bim__research--line + .archives-bim__research--line {
  margin-top: 10px;
}
.archives-bim__research--line.ml183 {
  margin-left: 183px;
}
.archives-bim__research--line.ml193 {
  margin-left: 193px;
}
.archives-bim__research--line.ml293 {
  margin-left: 293px;
}
.archives-bim__research--line.ml466 {
  margin-left: 466px;
}
.archives-bim__research--line.ml479 {
  margin-left: 499px;
}
.archives-bim__research--abs {
  position: relative;
}
.archives-bim__research--abs.ml153 {
  margin-left: 173px;
}
.archives-bim__research--abs.ml374 {
  margin-left: 384px;
}
.archives-bim__research--abs.ml672 {
  margin-left: 692px;
}
.archives-bim__research--box {
  position: absolute;
  top: 0;
  left: 0;
}
.archives-bim__research--box.w123 {
  width: 123px;
  top: -22px;
}
.archives-bim__research--box.w235 {
  width: 235px;
}
.archives-bim__research--box.w333 {
  width: 333px;
}
.archives-bim__research--text {
  background-color: #fff;
  padding: 10px;
}
.archives-bim__research--text + .archives-bim__research--text {
  margin-left: 10px;
}
.archives-bim__research--text.ml364 {
  margin-left: 364px;
}
.archives-bim__graph {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archives-bim__graph--item {
  width: 386px;
  padding-right: 1em;
}
.archives-bim__graph--num {
  height: 84px;
  font-size: 114.28571428571428%;
  text-align: right;
  line-height: 1;
  position: relative;
}
.archives-bim__graph--text {
  position: absolute;
  top: -0.5em;
  right: 0;
}
.archives-bim__graph--wrap {
  width: 2316px;
}
.archives-bim__graph--table {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
}
.archives-bim__graph--table::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #d8dcdf;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.archives-bim__graph--table:last-of-type::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #d8dcdf;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.archives-bim__graph--column {
  height: 84px;
  width: 100%;
  position: relative;
}
.archives-bim__graph--column--no-border {
  border-top: none;
}
.archives-bim__graph--list {
  position: relative;
  z-index: 2;
}
.archives-bim__graph--element {
  height: 84px;
  position: relative;
}
.archives-bim__graph--element--height1 {
  height: 7px;
}
.archives-bim__graph--element--height2 {
  height: 14px;
}
.archives-bim__graph--element--height3 {
  height: 21px;
}
.archives-bim__graph--element--height4 {
  height: 28px;
}
.archives-bim__graph--element--height5 {
  height: 35px;
}
.archives-bim__graph--element--height6 {
  height: 42px;
}
.archives-bim__graph--element--height7 {
  height: 49px;
}
.archives-bim__graph--element--height8 {
  height: 56px;
}
.archives-bim__graph--element--height9 {
  height: 63px;
}
.archives-bim__graph--element--height10 {
  height: 70px;
}
.archives-bim__graph--element--height11 {
  height: 77px;
}
.archives-bim__graph--element--bg1 {
  background-color: #d9e1f2;
}
.archives-bim__graph--element--bg2 {
  background-color: #fee9ab;
}
.archives-bim__graph--element--bg3 {
  background-color: #c3e1bb;
}
.archives-bim__graph--element--bg1::after,
.archives-bim__graph--element--bg2::after,
.archives-bim__graph--element--bg3::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  background-color: #fff;
  width: 1px;
  height: 100%;
}
.archives-bim__graph--element--dashed {
  border: 2px dashed #c3e1bb;
  height: 91px;
  position: absolute;
  width: 100%;
  top: -7px;
}
.archives-bim__graph--element--text {
  text-align: center;
  position: relative;
}
.archives-bim__graph--element--num {
  position: relative;
  z-index: 2;
  top: -7px;
}
.archives-bim__graph--element--num--abs {
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.archives-bim__project--table {
  margin-left: 386px;
  width: calc(100% - 386px);
}
.archives-bim__project--title {
  font-size: 114.28571428571428%;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  color: #fff;
}
.archives-bim__project--block {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim__project--box {
  padding: 20px;
  width: 193px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.archives-bim__project--box--bg2 {
  background-color: #fee9ab;
}
.archives-bim__project--box--bg3 {
  background-color: #c3e1bb;
}
.archives-bim__project--box--bg4 {
  background-color: #ee6d1f;
}
.archives-bim__project--box--bg5 {
  background-color: #59b974;
}
.archives-bim__project--box--bg6 {
  background-color: #1039c5;
}
.archives-bim__project--box--bg1 {
  padding: 0;
}
.archives-bim__project--box--w2 {
  width: 386px;
}
.archives-bim__project--box--w3 {
  width: 579px;
}
.archives-bim__project--box--w4 {
  width: 772px;
}
.archives-bim__project--box--w5 {
  width: 965px;
}
.archives-bim__project--box--w6 {
  width: 1158px;
}
.archives-bim__project--box--w7 {
  width: 1351px;
}
.archives-bim__project--box--w8 {
  width: 1544px;
}
.archives-bim__project--box--w9 {
  width: 1737px;
}
.archives-bim__project--box--w10 {
  width: 1930px;
}
.archives-bim__project--box--w11 {
  width: 2123px;
}
.archives-bim__project--space {
  background-color: #d9e1f2;
  width: 100%;
  height: 74px;
  position: absolute;
  top: 0;
  left: 0;
}
.archives-bim__speech {
  color: #ff4b44;
  font-weight: 600;
  text-decoration: none;
}
.archives-bim__speech:hover {
  text-decoration: underline;
}
.archives-bim .icon-speech__path {
  fill: #ff4b44;
}
.archives-bim__list--element {
  vertical-align: middle;
  padding-left: 1rem;
  text-indent: -1rem;
}
.archives-bim__list--element::before {
  content: "¡ñ";
  font-size: 1rem;
}
.archives-bim__line {
  height: 100%;
  border-right: 1px solid #d8dcdf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.archives-bim__line--list {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.archives-bim-modal__title {
  background-color: #ff4b44;
  font-size: 142.85714285714286%;
  display: block;
  line-height: 1.2;
  padding: 0.5em;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.archives-bim-modal__post {
  font-size: 114.28571428571428%;
}
.archives-target {
  position: relative;
  display: block;
  width: 1px;
  top: -120px;
}
@media screen and (max-width: 767px) {
  .archives-target {
    top: -80px;
  }
}