@charset "UTF-8";
@font-face {
  font-family: 'YuMincho-db';
  src: local("YuMincho-Demibold");
}

.ft-hiragino, body, figure figcaption {
  font-family: "ヒラギノ明朝 ProN W6",'YuMincho-db','YuMincho', sans-serif;
}

@supports (-ms-ime-align: auto) {
  /* for Edge(Legacy) */
  .ft-hiragino, body, figure figcaption {
    font-family: "ヒラギノ明朝 ProN W6",'Yu Mincho Demibold', sans-serif;
  }
}

body {
  color: #202020;
}

.guide_mark_set_next, .guide_mark::before, .guide_mark::after, .article_hero > .page_links nav ul .next_page .guide_mark::before, .article_hero > .page_links nav ul .next_page .guide_mark::after, .article_hero > .page_links nav ul .next_page .guide_mark_single::after, .article_hero > .page_links_line_none nav ul .next_page .guide_mark::before, .article_hero > .page_links_line_none nav ul .next_page .guide_mark::after, .article_hero > .page_links_line_none nav ul .next_page .guide_mark_single::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #A3A3A3;
  border-right: solid 1px #A3A3A3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.guide_mark_set_prev, .article_hero > .page_links nav ul .prev_page .guide_mark::before, .article_hero > .page_links nav ul .prev_page .guide_mark::after, .article_hero > .page_links nav ul .prev_page .guide_mark_single::before, .article_hero > .page_links_line_none nav ul .prev_page .guide_mark::before, .article_hero > .page_links_line_none nav ul .prev_page .guide_mark::after, .article_hero > .page_links_line_none nav ul .prev_page .guide_mark_single::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #A3A3A3;
  border-right: solid 1px #A3A3A3;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.pagination_next, .article_hero > .pagination .parent_content .next a::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: solid 1px #A3A3A3;
  border-right: solid 1px #A3A3A3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pagination_prev, .article_hero > .pagination .parent_content .pre a::after {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: solid 1px #A3A3A3;
  border-right: solid 1px #A3A3A3;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.guide_mark {
  margin: 0 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0.7rem;
}

.hb_menu .guide_mark {
  margin: 0 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0;
}

.guide_mark::before {
  content: "";
  position: static;
}

.guide_mark::after {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

/*--------------------
     共通
--------------------*/
/*　見出し */
.sub_hd {
  font-size: 1.8rem;
  border-left: solid 5px #202020;
  padding: 0 0 0 8px;
}

.title_thumbnail {
  margin: 0 12px 0 0;
}

/* 日付 */
.release_date {
  margin: 24px 0;
}

.release_date p {
  font-size: 1.6rem;
}

/* 飾り */
._attach {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -60px;
}

._attach::before {
  content: "";
  width: 54px;
  height: 54px;
  border-left: solid 3px #202020;
  border-bottom: solid 3px #202020;
}

._attach::after {
  content: "";
  width: calc(100% - 54px);
  border-bottom: solid 3px #CCCCCC;
  margin: 0 0 0 8px;
}

/* 背景色 */
.box_bg {
  background-color: #F2F2F2;
}

/* ラベル付きタイトル */
.label_attach_hd {
  font-size: 2rem;
  padding: 0 0 0 1em;
  display: block;
}

.word_label::before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 100%;
  background-color: #F2F2F2;
  position: absolute;
  z-index: 99;
}

/* コンテンツに背景がついていた場合ラベルの色を変える */
.box_bg .word_label::before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 99;
}

/* リスト */
.summary_list {
  padding: 24px 24px 24px 44px;
}

.summary_list li {
  font-size: 1.6rem;
  text-indent: -1.2em;
}

.summary_list li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #202020;
  margin: 0 8px 0 0;
}

.summary_list li:nth-child(n+2) {
  margin: 20px 0 0 0;
}

.sentence_list li {
  font-size: 1.6rem;
  text-indent: -1.2em;
}

.sentence_list li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #202020;
  margin: 0 8px 0 0;
}

.sentence_list li:nth-child(n+2) {
  margin: 20px 0 0 0;
}

/* ページ */
.article_hero > .page_links {
  width: 100%;
  border-top: solid 1px #202020;
  margin: 80px 0 0 0;
}

.article_hero > .page_links nav {
  padding: 32px 0 0 0;
}

.article_hero > .page_links nav ul li a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #202020;
}

.article_hero > .page_links nav ul .prev_page {
  float: left;
}

.article_hero > .page_links nav ul .prev_page a {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

.article_hero > .page_links nav ul .prev_page .guide_mark {
  margin: 0 15px 0 0;
  display: initial;
  padding: 0;
}

.article_hero > .page_links nav ul .prev_page .guide_mark::before {
  content: "";
  position: static;
}

.article_hero > .page_links nav ul .prev_page .guide_mark::after {
  content: "";
  position: static;
}

.article_hero > .page_links nav ul .prev_page .guide_mark_single {
  margin: 0 15px 0 0;
}

.article_hero > .page_links nav ul .prev_page .guide_mark_single::before {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .page_links nav ul .next_page {
  float: right;
}

.article_hero > .page_links nav ul .next_page a {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

.article_hero > .page_links nav ul .next_page .guide_mark {
  margin: 0 0 0 15px;
  display: initial;
  padding: 0;
}

.article_hero > .page_links nav ul .next_page .guide_mark::before {
  content: "";
  position: static;
}

.article_hero > .page_links nav ul .next_page .guide_mark::after {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .page_links nav ul .next_page .guide_mark_single {
  margin: 0 0 0 15px;
}

.article_hero > .page_links nav ul .next_page .guide_mark_single::after {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .page_links_line_none {
  width: 100%;
  margin: 103px 0 0 0;
}

.article_hero > .page_links_line_none nav {
  padding: 32px 0 0 0;
}

.article_hero > .page_links_line_none nav ul li a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #202020;
}

.article_hero > .page_links_line_none nav ul .prev_page {
  float: left;
}

.article_hero > .page_links_line_none nav ul .prev_page a {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

.article_hero > .page_links_line_none nav ul .prev_page .guide_mark {
  margin: 0 15px 0 0;
  display: initial;
  padding: 0;
}

.article_hero > .page_links_line_none nav ul .prev_page .guide_mark::before {
  content: "";
  position: static;
}

.article_hero > .page_links_line_none nav ul .prev_page .guide_mark::after {
  content: "";
  position: static;
}

.article_hero > .page_links_line_none nav ul .prev_page .guide_mark_single {
  margin: 0 15px 0 0;
}

.article_hero > .page_links_line_none nav ul .prev_page .guide_mark_single::before {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .page_links_line_none nav ul .next_page {
  float: right;
}

.article_hero > .page_links_line_none nav ul .next_page a {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

.article_hero > .page_links_line_none nav ul .next_page .guide_mark {
  margin: 0 0 0 15px;
  display: initial;
  padding: 0;
}

.article_hero > .page_links_line_none nav ul .next_page .guide_mark::before {
  content: "";
  position: static;
}

.article_hero > .page_links_line_none nav ul .next_page .guide_mark::after {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .page_links_line_none nav ul .next_page .guide_mark_single {
  margin: 0 0 0 15px;
}

.article_hero > .page_links_line_none nav ul .next_page .guide_mark_single::after {
  content: "";
  position: static;
  margin: 0 4px 0 0;
}

.article_hero > .pagination {
  width: 100%;
  margin: 100px 0 0 0;
}

.article_hero > .pagination .flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.article_hero > .pagination .parent_content {
  width: 100%;
}

.article_hero > .pagination .parent_content .next a::before {
  content: "";
  margin: 0 0 5px 0;
}

.article_hero > .pagination .parent_content .pre a::after {
  content: "";
  margin: 0 0 5px 0;
}

.article_hero > .pagination .parent_content li {
  font-size: 3rem;
  color: #202020;
  margin: 0 8px;
}

.article_hero > .pagination .parent_content li a {
  text-decoration: none;
  color: #202020;
  border-bottom: none;
  display: block;
  padding: 0 16px;
}

.article_hero > .pagination .parent_content li:nth-last-child(2) {
  margin: 0 16px 0 0;
}

.article_hero > .pagination .parent_content .current {
  background-color: #202020;
}

.article_hero > .pagination .parent_content .current span {
  color: #fff;
  display: block;
  padding: 0 16px;
}

/**/
figure img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.mw650 {
    max-width: 650px !important;
	margin: auto;
}

.mw450 {
    max-width: 450px !important;
	margin: auto;
}

.aCenter{
	text-align: center;
}
/* リンク */
.link_group p {
  letter-spacing: 1.4px;
  /* 外部リンクアイコン */
}

.link_group p:nth-of-type(n+2) {
  margin: 24px 0 0 0;
}

.link_group p a {
  text-decoration: none;
  border-bottom: solid 1px #07228F;
  padding: 0 0 4px 0;
  line-height: 1.9;
}

.link_group p a:visited {
  color: #07228F;
}

.link_group p .external_link[target="_blank"] {
  display: inline-block;
  padding: 0 2rem 4px 0;
  background: url("/mokkou/images/exlink_icon_blue.svg") no-repeat right center;
}

/* フォントサイズ */
.font_size_small, figure figcaption, .link_group p {
  font-size: 1.4rem;
  line-height: 1.6;
}

.font_size_middle {
  font-size: 1.6rem;
  line-height: 1.6;
}

.font_size_large {
  font-size: 1.8rem;
}

body:lang(en) {
  /*　見出し */
  /* 日付 */
  /* リスト */
  /* ラベル付きタイトル */
}

body:lang(en) .sub_hd {
  font-size: 1.7rem;
  border-left: solid 3px #202020;
  padding: 0 0 0 8px;
  letter-spacing: 1.8px;
}

body:lang(en) .release_date p {
  font-size: 1.5rem;
}

body:lang(en) .summary_list li {
  font-size: 1.5rem;
}

body:lang(en) .label_attach_hd {
  font-size: 1.9rem;
}

/* 実績紹介-背景 */
.work_bg {
  width: 70%;
  max-width: 1305px;
  height: 480px;
  bottom: 120px;
  right: 0px;
}

/*--------------------
     header
--------------------*/
header {
  background-color: #202020;
  padding: 20px 0;
}

header .nav_links .hd_menu_wrap .hd_menu_btn {
  top: 5%;
}

/*--------------------
     main
--------------------*/
.main_middle_size {
  max-width: 1440px;
}

.main_large_size {
  max-width: 1624px;
}

/* 東京木工場の歴史 */
.about_overall_content main .breadcrumb {
  margin: 24px auto 0 auto;
  max-width: 1600px;
}

.about_overall_content main .breadcrumb nav {
  padding: 0 12px;
}

.about_overall_content main .planning_ttl {
  margin: 56px auto 0 auto;
  max-width: 1600px;
}

.about_overall_content main .planning_ttl h1 {
  padding: 0 0 0 12px;
}

.about_overall_content main .planning_ttl::after {
  right: 12px;
}

.about_overall_content main .main_container {
  margin: 48px 0 0 12px;
}

.about_overall_content main .main_container .side_menu > nav {
  max-width: 260px;
  margin: 0 0 0 auto;
}

.about_overall_content main .main_container .article_hero {
  width: calc(80% - 42px);
}

.about_overall_content main .main_container .article_hero .history_content > div:nth-child(2) {
  max-width: none;
}

.about_overall_content main .main_container .article_hero .history_content .flow_content {
  margin: 0 0 0 60px;
}

.about_overall_content main .main_container .article_hero .history_content .flow_wrap .content_long {
  margin: calc(54px + 5%) 0 0 0;
}

.about_overall_content main .main_container .article_hero .history_content .flow_img_inner {
  max-width: 1328px;
  margin: 0 0 0 auto;
}

.about_overall_content main .main_container .article_hero .history_content .flow_img_inner > div {
  max-width: 1103px;
  margin: 0 auto 0 57px;
  padding: calc(48px + 5%) 8px 24px 8px;
}

body.about_overall_content:lang(en) {
  /* 東京木工場の歴史 */
}

body.about_overall_content:lang(en) main .main_container .article_hero .history_content .flow_txt {
  width: 8%;
}

body.about_overall_content:lang(en) main .main_container .article_hero .history_content .history_ttl_content {
  width: 392px;
}

main {
  margin: 162px auto 142px auto;
  width: 100%;
  /* パンくずリスト */
  /* 企画タイトル */
  /* メインコンテナ */
  /*　扉ページ */
}

main .breadcrumb {
  margin: 24px 12px 0 12px;
  font-size: 1.4rem;
}

main .breadcrumb nav ul {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main .breadcrumb nav ul li a {
  color: #202020;
  text-decoration: none;
}

main .breadcrumb nav ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: solid 1px #202020;
  border-right: solid 1px #202020;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 16px;
}

main .planning_ttl {
  margin: 56px 12px 0 12px;
  position: relative;
}

main .planning_ttl h1 {
  position: relative;
  z-index: 100;
  font-size: 2.6rem;
  letter-spacing: 4.16px;
}

main .planning_ttl h1::after {
  content: "";
  display: block;
  width: 279px;
  border-top: 4px solid #202020;
  border-right: 18px solid transparent;
}

main .planning_ttl::after {
  content: "";
  display: inline-block;
  width: calc(100% - 279px);
  height: 4px;
  background-color: #9D8148;
  position: absolute;
  bottom: 0;
  right: 0;
}

main .main_container {
  margin: 48px 12px 0 12px;
  /* 東京木工場について */
  /*　サイトマップ */
}

main .main_container .article_hero {
  width: 80%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /*　記事詳細 */
  /*　新着情報一覧 */
  /*　実績紹介 */
  /* 東京木工場の歴史について */
  /* 主な工事経歴 */
  /*木工職人の技*/
  /* 受賞歴 */
  /* アクセス 追加 */
  /* 木育活動 */
}

main .main_container .article_hero .article_main_visual img {
  width: 100%;
  height: 457px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .article_hero .primary_wrap .primary_ttl {
  border-top: solid 1px #202020;
  border-bottom: solid 1px #202020;
  margin: 0 0 32px 0;
  padding: 8px 0 8px 8px;
}

main .main_container .article_hero .primary_wrap .primary_ttl h1 {
  font-size: 2.4rem;
}

main .main_container .article_hero .primary_wrap .primary_ttl p {
  font-size: 1.7rem;
  margin: 8px 0 0 0;
}

main .main_container .article_hero .primary_wrap .primary_ttl p::before {
  content: "";
  display: inline-block;
  border-bottom: solid 1px #202020;
  width: 2em;
  margin: 0 5px 7px 0;
}

main .main_container .article_hero .primary_wrap .primary_ttl_big {
  margin: 0 0 32px 0;
}

main .main_container .article_hero .primary_wrap .primary_ttl_big h1 {
  font-size: 3.2rem;
}

main .main_container .article_hero .primary_wrap .primary_ttl_big p {
  font-size: 1.7rem;
  margin: 8px 0 0 0;
}

main .main_container .article_hero .primary_wrap .primary_ttl_big p::before {
  content: "";
  display: inline-block;
  border-bottom: solid 1px #202020;
  width: 2em;
  margin: 0 5px 7px 0;
}

main .main_container .article_hero .sub_wrap {
  margin: 80px 0 0 0;
}

main .main_container .article_hero .sub_wrap .sub_ttl {
  position: relative;
  margin-bottom: 32.5px;
  padding: 8px 0 8px 16px;
}

main .main_container .article_hero .sub_wrap .sub_ttl h1 {
  font-size: 2.2rem;
}

main .main_container .article_hero .sub_wrap .sub_ttl::before, main .main_container .article_hero .sub_wrap .sub_ttl::after {
  content: "";
  display: block;
  position: absolute;
}

main .main_container .article_hero .sub_wrap .sub_ttl::before {
  border-left: solid 3px #202020;
  height: 100%;
  left: 0;
  top: 0;
}

main .main_container .article_hero .sub_wrap .sub_ttl::after {
  border-bottom: solid 3px #202020;
  width: 54px;
  height: 3px;
  left: 0;
  bottom: 0;
}

main .main_container .article_hero .sub_wrap .sub_ttl > div::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 62px);
  border-bottom: solid 3px #ccc;
  right: 0;
  bottom: 0;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl {
  position: relative;
  margin-bottom: 32.5px;
  padding: 8px 0 8px 16px;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl h1 {
  font-size: 2.2rem;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl::before, main .main_container .article_hero .sub_wrap_pf .sub_ttl::after {
  content: "";
  display: block;
  position: absolute;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl::before {
  border-left: solid 3px #202020;
  height: 100%;
  left: 0;
  top: 0;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl::after {
  border-bottom: solid 3px #202020;
  width: 54px;
  height: 3px;
  left: 0;
  bottom: 0;
}

main .main_container .article_hero .sub_wrap_pf .sub_ttl > div::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 62px);
  border-bottom: solid 3px #ccc;
  right: 0;
  bottom: 0;
}

main .main_container .article_hero .outline_content {
  border: solid 1px #202020;
}

main .main_container .article_hero .outline_content > div {
  margin: 0 57px 57px 57px;
}

main .main_container .article_hero .outline_content .inner_width {
  max-width: 972px;
}

main .main_container .article_hero .outline_content .inner_width_middle {
  max-width: 1024px;
}

main .main_container .article_hero .outline_content .outline_column_size_left {
  width: 35%;
}

main .main_container .article_hero .outline_content .outline_column_size_right {
  width: 65%;
}

main .main_container .article_hero .outline_content .outline_column_left {
  margin: 0 26px 0 0;
}

main .main_container .article_hero .outline_content .outline_column_right {
  margin: 0 0 0 26px;
}

main .main_container .article_hero .outline_content::before {
  content: "";
  display: inline-block;
  border-top: 60px solid #202020;
  border-right: 60px solid transparent;
}

main .main_container .article_hero .sub_outline_content {
  border: solid 1px #202020;
  padding: 24px;
}

main .main_container .article_hero .another_content > div {
  padding: 57px;
}

main .main_container .article_hero .article_content .two_column {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

main .main_container .article_hero .article_content .article_link {
  text-decoration: none;
  border-bottom: none;
  color: #202020;
}

main .main_container .article_hero .article_content_size_right {
  width: 85%;
}

main .main_container .article_hero .article_content_size_right > div {
  margin: 0 0 0 24px;
}

main .main_container .article_hero .article_content_size_left {
  width: 30%;
  max-width: 180px;
  max-height: 120px;
}

main .main_container .article_hero .article_content_size_left > figure img {
  -o-object-fit: contain;
     object-fit: contain;
}

main .main_container .article_hero .article_content .article_wrap {
  border-bottom: dotted 1px #707070;
  padding: 0 0 32px 0;
}

main .main_container .article_hero .article_content .article_wrap figure a {
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .article_content .article_wrap figure a:hover {
  opacity: .7;
}

main .main_container .article_hero .article_content .article_wrap:nth-child(n+2) {
  padding: 32px 0;
}

main .main_container .article_hero .article_content .article_wrap .article_detail .release_date {
  margin: 0;
}

main .main_container .article_hero .article_content .article_wrap .article_detail h2 {
  font-size: 1.8rem;
  margin: 16px 0;
  line-height: 1.6;
}

main .main_container .article_hero .article_content .article_wrap .article_detail .article_summary_txt {
  color: #707070;
}

main .main_container .article_hero .news_list_content {
  border-top: solid 1px #202020;
  border-bottom: solid 1px #202020;
}

main .main_container .article_hero .news_list_content .news_list ul li {
  font-size: 1.6rem;
}

main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+1) {
  padding: 24px 0;
}

main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+2) {
  border-top: dotted 1px #707070;
}

main .main_container .article_hero .news_list_content .news_list ul li div {
  display: table-row;
}

main .main_container .article_hero .news_list_content .news_list ul li div > p {
  display: table-cell;
}

main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(1) {
  width: 120px;
}

main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(3) {
  padding: 0 0 0 32px;
}

main .main_container .article_hero .news_list_content .news_list ul li div .tag {
  width: 80px;
  padding: 0 0 0 32px;
}

main .main_container .article_hero .news_list_content .news_list ul li div .tag span {
  background-color: #aadded;
  padding: 2px 8px;
}

main .main_container .article_hero .news_list_content .news_list ul li div a {
  text-decoration: none;
  color: #202020;
  display: table-cell;
  padding: 0 0 0 32px;
  border-bottom: 0px;
}

main .main_container .article_hero .work_content .visual_wrap .slick-slide {
  padding: 2px;
}

main .main_container .article_hero .work_content .visual_wrap .slick-next {
  right: 20px;
  border-radius: 25px;
  background: #202020;
  width: 50px;
  height: 50px;
}

main .main_container .article_hero .work_content .visual_wrap .slick-next::before {
  position: absolute;
  top: 13px;
  left: 8px;
}

main .main_container .article_hero .work_content .visual_wrap .slick-prev {
  left: 20px;
  border-radius: 25px;
  background: #202020;
  width: 50px;
  height: 50px;
}

main .main_container .article_hero .work_content .visual_wrap .slick-prev::before {
  position: absolute;
  top: 12px;
  left: 15px;
}

main .main_container .article_hero .work_content .visual_wrap #thumbs .slick-current {
  border: 2px solid #202020;
}

main .main_container .article_hero .work_content .visual_wrap .column_right_size {
  width: calc(87% - 13px);
}

main .main_container .article_hero .work_content .visual_wrap .column_right_size .column_space {
  margin: 0 13px 0 0;
}

main .main_container .article_hero .work_content .visual_wrap .column_right_size ul {
  width: 100%;
}

main .main_container .article_hero .work_content .visual_wrap .column_right_size ul li {
  cursor: pointer;
  height: 734px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .article_hero .work_content .visual_wrap ul#thumbs .slick-list.draggable {
  height: 100% !important;
}

main .main_container .article_hero .work_content .visual_wrap .column_left_size {
  width: calc(13% - 17px);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

main .main_container .article_hero .work_content .visual_wrap .column_left_size .column_space {
  margin: 0 0 0 12px;
}

main .main_container .article_hero .work_content .visual_wrap .column_left_size .image_list li {
  border: 2px solid #fff;
  height: auto;
  display: block;
}

main .main_container .article_hero .work_content .visual_wrap .column_left_size .image_list li img {
  width: 100%;
  max-height: none;
  height: 112px;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

main .main_container .article_hero .work_content .visual_wrap .column_left_size .image_list li:nth-child(n+2) {
  margin: 12px 0 0 0;
}

main .main_container .article_hero .work_content .visual_wrap img {
  width: auto;
  max-width: 100%;
  max-height: 734px;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

main .main_container .article_hero .work_content .visual_wrap .visual_txt {
  font-size: 1.4rem;
  margin: 10px 13px 0 0;
}

main .main_container .article_hero .work_content .visual_wrap .work_items_content {
  display: none;
}

main .main_container .article_hero .work_content .work_summary {
  font-size: 1.6rem;
  margin: 43px 0 0 0;
}

main .main_container .article_hero .work_content .work_summary_list > div:nth-child(1) span {
  padding: 0 16px 0 0;
  border-right: solid 2px #8D6E3A;
}

main .main_container .article_hero .work_content .work_summary_list > div:nth-child(2) {
  padding: 0 0 0 16px;
}

main .main_container .article_hero .work_content .work_summary_list > div:nth-child(2) span {
  display: block;
}

main .main_container .article_hero .work_content .work_guide {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

main .main_container .article_hero .work_content .work_guide > div {
  margin: 0 28px 0 0;
}

main .main_container .article_hero .work_content .work_guide > div span {
  display: block;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .work_content .work_guide > div span:hover {
  -webkit-transition: .5s all;
  transition: .5s all;
  opacity: .7;
}

main .main_container .article_hero .work_content .work_guide .outline_link {
  font-size: 1.6rem;
  border: solid 1px #202020;
}

main .main_container .article_hero .work_content .work_guide .outline_link .external_btn_link {
  display: block;
  text-decoration: none;
  color: #202020;
  padding: 15px 42px 15px 40px;
  background-position-x: 96%;
}

main .main_container .article_hero .work_img_items {
  max-width: 1227px;
}

main .main_container .article_hero .work_img_items .item_row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main .main_container .article_hero .work_img_items .item_row li {
  width: calc((100% / 3) - 46px);
}

main .main_container .article_hero .work_img_items .item_row li:not(:nth-child(3n)) {
  margin: 0 68px 0 0;
}

main .main_container .article_hero .work_img_items .item_row li:nth-child(n+4) {
  padding: 68px 0 0 0;
}

main .main_container .article_hero .work_img_items .item_row li a {
  color: #202020;
}

main .main_container .article_hero .work_img_items .item_row li figure img {
  width: 100%;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

main .main_container .article_hero .work_img_items .item_row li figure figcaption {
  text-align: left;
  font-size: 1.7rem;
  margin: 28px 0 0 0;
  color: #202020;
}

main .main_container .article_hero .work_img_items .item_row li figure figcaption > div div {
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .work_img_items .item_row li figure figcaption > div div:hover {
  -webkit-transition: .5s all;
  transition: .5s all;
  background-color: #F2F2F2;
  width: 90%;
}

main .main_container .article_hero .history_content_range {
  margin: 96px 0 0 0;
}

main .main_container .article_hero .history_content .history_ttl_content {
  width: 311px;
  height: 85px;
}

main .main_container .article_hero .history_content .history_ttl_content .history_ttl {
  background-color: #202020;
  padding: 28px 36px;
  color: #fff;
}

main .main_container .article_hero .history_content_speace {
  margin: 56px 0 0 0;
}

main .main_container .article_hero .history_content > div:nth-child(2) {
  max-width: 1232px;
  margin: 0 0 0 auto;
}

main .main_container .article_hero .history_content .circle {
  display: none;
  background-color: #202020;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -5px;
  left: -26px;
}

main .main_container .article_hero .history_content .flow_txt {
  font-size: 1.8rem;
  line-height: 1.1;
  height: 12px;
  width: 15%;
}

main .main_container .article_hero .history_content .flow_txt::before {
  content: "";
  display: inline-block;
}

main .main_container .article_hero .history_content .flow_img_inner {
  position: relative;
  z-index: 100;
}

main .main_container .article_hero .history_content .flow_img_inner .flex figure {
  width: 55%;
  padding: 0 32px 0 0;
}

main .main_container .article_hero .history_content .flow_img_inner .flex > div {
  width: 45%;
  padding: 0 0 0 32px;
}

main .main_container .article_hero .history_content .flow_img_inner .flex > div p {
  line-height: 2;
}

main .main_container .article_hero .history_content .flow_img_inner .flex > div .guide_link {
  margin: 0 91px 0 0;
}

main .main_container .article_hero .history_content .flow_img_inner::after {
  content: "";
  display: block;
  background-color: #F2F2F2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5%;
  left: 0%;
  z-index: -1;
}

main .main_container .article_hero .history_content .flow_img_inner .flow_img {
  max-width: none;
  max-height: none;
}

main .main_container .article_hero .history_content .guide_link a {
  text-decoration: none;
  color: #202020;
  border-bottom: none;
}

main .main_container .article_hero .history_content .flow_wrap {
  -webkit-transform: translateY(1%);
          transform: translateY(1%);
}

main .main_container .article_hero .history_content .flow_space {
  margin: 0 0 0 18px;
  width: 81%;
}

main .main_container .article_hero .history_content .flow_event {
  font-size: 1.6rem;
  line-height: 1.1;
}

main .main_container .article_hero .history_content .flow_event_link {
  font-size: 1.6rem;
  line-height: 1.1;
  color: #202020;
  text-decoration: none;
  border-bottom: solid 1px #202020;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .history_content .flow_event_link:hover {
  opacity: .5;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .history_content .history_link {
  margin: 56px 0 0 56px;
}

main .main_container .article_hero .history_content .history_link .flex > div {
  width: auto;
  padding: 0;
}

main .main_container .article_hero .history_content .history_link .guide_mark {
  display: inline-block;
  margin: 0 0 0 64px;
  padding: 0;
}

main .main_container .article_hero .history_content .history_link p {
  font-size: 1.7rem;
  border: 1px solid #707070;
  line-height: 1;
}

main .main_container .article_hero .history_content .history_link p a {
  display: block;
  width: calc(100% - 32px);
  padding: 15px 16px;
  text-decoration: none;
  color: #202020;
  border-bottom: none;
  list-style: 1;
}

main .main_container .article_hero .career_content .career_img_wrap ul {
  width: 100%;
}

main .main_container .article_hero .career_content .career_img_wrap ul li {
  width: calc(100% / 3);
}

main .main_container .article_hero .career_content .career_img_wrap ul li img {
  width: 100%;
}

main .main_container .article_hero .career_content .career_archive_wrap {
  margin: 55px 0 0 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .age_tab {
  margin: 0 0 34px 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .age_tab li {
  font-size: 1.8rem;
  padding: 8px 42px 8px 16px;
  border-left: solid 1px #707070;
  border-bottom: solid 1px #707070;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .article_hero .career_content .career_archive_wrap .age_tab li:hover {
  cursor: pointer;
  background-color: #ebebeb;
}

main .main_container .article_hero .career_content .career_archive_wrap .age_tab li:nth-child(n+2) {
  margin: 0 0 0 16px;
}

main .main_container .article_hero .career_content .career_archive_wrap .age_tab li.active{
  background-color: #f5f5f5;
}

main .main_container .article_hero .career_content .career_archive_wrap .age2000 {
  display: block;
}

main .main_container .article_hero .career_content .career_archive_wrap .age1900 {
  display: none;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap {
  border-bottom: 1px solid #202020;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age {
  width: 20%;
  border-right: 1px solid #202020;
  margin: 0 0 -30px 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div {
  padding: 21.5px 0 21.5px 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div h2 {
  font-size: 1.8rem;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div p {
  font-size: 1.4rem;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list {
  width: 80%;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul {
  padding: 33px 0 33px 31.5px;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li {
  font-size: 1.6rem;
  /* アニメーション */
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li:not(:first-child) {
  padding: 43px 0 0 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li.next_page a {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li.next_page .guide_mark {
  margin: 0 0 0 24px;
  display: inline;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:not(.guide_mark) {
  position: relative;
  opacity: 1;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a:hover, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:not(.guide_mark):hover {
  color: #202020;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a:hover::before, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:not(.guide_mark):hover::before {
  content: "";
  display: inline-block;
  background-color: #202020;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  -webkit-animation: fadeIn .4s ease normal;
          animation: fadeIn .4s ease normal;
  top: 20px;
  left: -40px;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a:hover::after, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:not(.guide_mark):hover::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: -31px;
  width: 0%;
  border-bottom: solid 1px #202020;
  -webkit-animation: border_anim_link .8s linear forwards;
          animation: border_anim_link .8s linear forwards;
}

main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:not(.guide_mark):hover::after {
  content: '';
  -webkit-animation: border_anim_txt .8s linear forwards;
          animation: border_anim_txt .8s linear forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes border_anim_link {
  20% {
    width: 0%;
  }
  100% {
    width: calc(100% + 50px);
  }
}

@keyframes border_anim_link {
  20% {
    width: 0%;
  }
  100% {
    width: calc(100% + 50px);
  }
}

@-webkit-keyframes border_anim_txt {
  20% {
    width: 0%;
  }
  100% {
    width: calc(100% + 50px);
  }
}

@keyframes border_anim_txt {
  20% {
    width: 0%;
  }
  100% {
    width: calc(100% + 50px);
  }
}

main .main_container .article_hero .skill_img_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .article_hero .skill_img_content .img_small {
  width: 45%;
}

main .main_container .article_hero .skill_img_content .img_large {
  width: 55%;
}

main .main_container .article_hero .skill_img_content img {
  height: 519px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .article_hero .skill_img_content_re {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .article_hero .skill_img_content_re .img_small {
  width: 45%;
}

main .main_container .article_hero .skill_img_content_re .img_large {
  width: 55%;
}

main .main_container .article_hero .skill_img_content_re img {
  height: 519px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .article_hero .skill_img_content_normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .article_hero .skill_img_content_normal figure {
  width: 50%;
}

main .main_container .article_hero .award_content .concept_image {
  width: calc(100% + 192px);
  z-index: -1;
}

main .main_container .article_hero .award_content .concept_image img {
  height: 543px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .article_hero .award_content .concept_hero {
  max-width: 638px;
  margin: 32px 0 0 0;
}

main .main_container .article_hero .award_content .concept_hero > div {
  width: calc(100% + 130px);
}

main .main_container .article_hero .award_content .concept_hero .sentence_box {
  width: 100%;
  max-width: 638px;
  background-color: #fff;
}

main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence {
  padding: 48px;
}

main .main_container .article_hero .award_content .award_wrap {
  width: 100%;
  margin: 96px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl {
  background-color: #F2F2F2;
  max-height: 243px;
  width: 252px;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div {
  padding: 58px 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 {
  font-size: 2rem;
  line-height: 1.15;
  margin: 0 0 71px 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span {
  display: block;
  font-size: 1.4rem;
  margin: 12px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div .multiple_word {
  margin: 0 0 45px 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl {
  margin: 35px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl span {
  display: block;
  font-size: 1.6rem;
  margin: 12px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .award_list {
  margin: 0 0 0 43px;
  width: 100%;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li {
  width: calc((85% / 2) - 12px);
  border-left: solid 5px #202020;
  padding: 0 0 0 12px;
  font-size: 1.6rem;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li a {
  color: #202020;
  padding: 0;
  border-bottom: solid 1px #202020;
  text-decoration: none;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li span {
  display: inline-block;
  vertical-align: top;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(1) {
  width: 76.7px;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(2) {
  width: 158px;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul li:nth-child(n+3) {
  margin: 28px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(1) {
  width: 158px;
}

main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(2) {
  width: auto;
}

main .main_container .article_hero .award_content .award_wrap .opus_content {
  display: block;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl {
  margin: 50px 0 0 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 8px 0;
  border-bottom: solid 1px #202020;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl p {
  font-size: 1.8rem;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap figure, main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap div {
  width: 100%;
  margin: 0 0 8px 0;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure {
  width: calc((100% / 2) - 4px);
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(1) {
  margin: 0 4px 0 0;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(2) {
  margin: 0 0 0 4px;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail {
  margin: 58px 0 0 0;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail br {
  display: none;
}

main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p {
  font-size: 1.6rem;
  line-height: 2;
}

main .main_container .article_hero .access_wrap .article_main_visual img {
  height: auto;
}

main .main_container .article_hero .map_nav a {
  color: #202020;
  text-decoration: none;
  border-bottom: solid 1px #202020;
}

main .main_container .article_hero .map_nav .guide_mark {
  display: inline-block;
}

main .main_container .article_hero .access_detail div p {
  font-size: 1.8rem;
}

main .main_container .article_hero .access_detail div p:last-child {
  margin: 0 0 0 24px;
}

main .main_container .article_hero .activity_large_content .img_col_large {
  width: 70%;
  padding: 0 12px 0 0;
}

main .main_container .article_hero .activity_large_content .img_col_small {
  width: 31%;
  padding: 0 0 0 12px;
}

main .main_container .article_hero .activity_large_content .img_col_small img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

main .main_container .article_hero .activity_large_content_diff .img_col_large {
  width: 64%;
  padding: 0 12px 0 0;
}

main .main_container .article_hero .activity_large_content_diff .img_col_small {
  width: 36%;
  padding: 0 0 0 12px;
}

main .main_container .article_hero .activity_large_content_diff img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

main .main_container .article_hero .activity_middle_content .img_col_large {
  width: 63%;
  padding: 0 0 0 12px;
}

main .main_container .article_hero .activity_middle_content .img_col_small {
  width: 35%;
  padding: 0 12px 0 0;
}

main .main_container .article_hero .activity_middle_content .img_col_small figure:nth-child(n+2) {
  margin: 24px 0 0 0;
}

main .main_container .about_company .concept_image {
  width: calc(100% + 320px);
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  z-index: -1;
}

main .main_container .about_company .concept_image img {
  height: 690px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .about_company .concept_hero {
  max-width: 640px;
  margin: 80px 0 0 0;
}

main .main_container .about_company .concept_hero > div {
  width: calc(100% + 160px);
}

main .main_container .about_company .concept_hero .desc_box {
  width: 100%;
  max-width: 544px;
  width: 100%;
  background-color: #fff;
  padding: 48px;
}

main .main_container .about_company .concept_hero .desc_box .hd_group h1 {
  font-size: 2.4rem;
  letter-spacing: 4.16px;
}

main .main_container .about_company .concept_hero .desc_box .desc p {
  margin: 42px 0 0 0;
  line-height: 1.6;
}

main .main_container .about_link_area {
  max-width: 1440px;
  width: 100%;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main .main_container .about_link_area img {
  width: 100%;
}

main .main_container .about_link_area a {
  text-decoration: none;
  color: #202020;
  font-size: 1.8rem;
}

main .main_container .about_link_area .about_link_img_box {
  position: relative;
  margin: 0 40px 0 0;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content {
  margin: 18px 0 0 0;
  width: 100%;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content p {
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content p:hover {
  background-color: #fcf4e2;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content div {
  width: 84%;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content span {
  width: 16%;
}

main .main_container .about_link_area .about_link_img_box .guide_mark_content .guide_mark {
  margin: 7px 4px 0 0;
}

main .main_container .about_link_area .about_link_img_box img {
  max-width: 581px;
}

main .main_container .about_link_area .about_link_img_box .about_link_title {
  position: absolute;
  padding: 16px 29px;
  background-color: #fff;
  right: -7%;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 0 3px 6px #00000029;
          box-shadow: 0 3px 6px #00000029;
}

main .main_container .about_link_area .about_link_img_box .about_link_title h2 {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.9;
}

main .main_container .about_link_area .about_link_item {
  margin: 120px 0 0 0;
}

main .main_container .sitemap_content {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .main_container .sitemap_content .sitemap_wrap {
  width: calc((100% / 4) + 200px);
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list > div {
  -webkit-transition: .5s all;
  transition: .5s all;
  padding: 8px 0;
  width: 90%;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list > div:hover {
  background-color: #202020;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list > div:hover h2 a {
  color: #fff;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list > div:hover h2:before {
  content: "";
  background-color: #9D8148;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list a {
  color: #202020;
  text-decoration: none;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
  font-size: 1.8rem;
  letter-spacing: 1.8px;
  height: auto;
  width: 100%;
  position: relative;
  z-index: 100;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 a {
  display: block;
  padding: 8px 0 8px 42px;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  background-color: #F2F2F2;
  -webkit-box-shadow: 0px 2px 3px #00000029;
          box-shadow: 0px 2px 3px #00000029;
  width: 60px;
  height: 100%;
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 span {
  display: block;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
  font-size: 1.7rem;
  letter-spacing: 1.7px;
  -webkit-transition: .5s all;
  transition: .5s all;
  margin: 16px 0 0 84px;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 1px;
  margin: 0 8px 6px 0;
  background-color: #707070;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a {
  position: relative;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a::after {
  content: "";
  display: block;
  position: absolute;
  height: 0.5em;
  width: 0;
  top: auto;
  left: 0px;
  right: auto;
  bottom: 0;
  -webkit-transition: .5s all;
  transition: .5s all;
  z-index: -1;
  padding: 0 .3em 0 0;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a:hover::after {
  content: "";
  height: 0.5em;
  width: 95%;
  -webkit-transition: .5s all;
  transition: .5s all;
  background-color: #EBDBBC;
}

main .main_container .sitemap_content .sitemap_wrap .sitemap_list_space {
  margin: 56px 0 0 0;
}

main .door_wrap {
  /* 技術と素材 */
  /* 技術と素材画像タイトルのフレーム */
}

main .door_wrap .material_wrap .right_column {
  margin: 0 0 0 80px;
}

main .door_wrap .material_wrap .left_column {
  margin: 0 80px 0 0;
}

main .door_wrap .material_wrap a {
  -webkit-transition: .5s all;
  transition: .5s all;
}

main .door_wrap .material_wrap a:hover {
  background-color: #fcf4e2;
}

main .door_wrap .material_wrap > div:nth-child(n+3) {
  margin: 64px 0 0 0;
}

main .door_wrap .hd_frame {
  pointer-events: none;
  top: 40%;
  left: 0;
  right: 0;
}

main .door_wrap .hd_frame .frame_content {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: solid 1px #fff;
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 0 2rem;
}

main .door_wrap .hd_frame .frame_content h2 {
  letter-spacing: 6.4px;
  top: -13px;
  left: 7px;
  right: 0;
}

main .door_wrap .hd_frame .frame_content p {
  font-size: 2rem;
  letter-spacing: 2.4px;
  top: 30%;
  left: 4px;
  right: 0;
}

main .door_wrap .frame_top {
  position: relative;
  width: 238px;
  height: 63px;
}

main .door_wrap .frame_top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  /*background: radial-gradient(transparent,rgba(0,0,0,0), 55px, #fff);
                background-position: center;
                background-repeat: no-repeat;*/
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(21%, white), color-stop(41%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(80%, white), color-stop(99%, white));
  background: -webkit-linear-gradient(left, white 0%, white 21%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0) 60%, white 80%, white 99%);
  background: linear-gradient(to right, white 0%, white 21%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0) 60%, white 80%, white 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* 英語ページだった場合 */
body:lang(en) main {
  /* 企画タイトル */
  /* メインコンテナ */
  /*　扉ページ */
}

body:lang(en) main .planning_ttl h1 {
  font-size: 2.4rem;
  letter-spacing: 4.16px;
}

body:lang(en) main .main_container {
  /* 東京木工場について */
  /*　サイトマップ */
}

body:lang(en) main .main_container .article_hero {
  /*　主な工事経歴-扉　*/
  /* 受賞歴 */
  /*　新着情報一覧 */
}

body:lang(en) main .main_container .article_hero .primary_wrap .primary_ttl h1 {
  font-size: 2.3rem;
}

body:lang(en) main .main_container .article_hero .primary_wrap .primary_ttl p {
  font-size: 1.6rem;
}

body:lang(en) main .main_container .article_hero .primary_wrap .primary_ttl_big h1 {
  font-size: 3.2rem;
}

body:lang(en) main .main_container .article_hero .primary_wrap .primary_ttl_big p {
  font-size: 1.6rem;
}

body:lang(en) main .main_container .article_hero .sub_wrap .sub_ttl h1 {
  font-size: 2.1rem;
}

body:lang(en) main .main_container .article_hero .sub_wrap_pf .sub_ttl h1 {
  font-size: 2.1rem;
}

body:lang(en) main .main_container .article_hero .work_img_items .item_row li figure figcaption {
  font-size: 1.5rem;
}

body:lang(en) main .main_container .article_hero .work_img_items .item_row li figure figcaption > div div:hover {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap {
  width: 100%;
  margin: 96px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl {
  background-color: #F2F2F2;
  max-height: 300px;
  width: 252px;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div {
  padding: 58px 24px;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 {
  font-size: 1.4rem;
  line-height: 1.15;
  text-align: left;
  margin: 0 0 71px 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span {
  display: block;
  font-size: 1.4rem;
  margin: 12px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div p {
  text-align: left;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .multiple_word {
  margin: 0 0 45px 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl {
  margin: 35px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl span {
  display: block;
  font-size: 1.6rem;
  margin: 12px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list {
  margin: 0 0 0 43px;
  width: 100%;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li {
  width: calc((95% / 2) - 12px);
  border-left: solid 5px #202020;
  padding: 0 0 0 12px;
  font-size: 1.4rem;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li a {
  color: #202020;
  padding: 0;
  border-bottom: solid 1px #202020;
  text-decoration: none;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span {
  display: inline-block;
  vertical-align: top;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(1) {
  width: auto;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(2) {
  width: auto;
  margin: 0 24px;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li:nth-child(n+3) {
  margin: 28px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list {
  width: 100%;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(1) {
  width: auto;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(2) {
  width: auto;
  margin: 0 0 0 24px;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content {
  display: block;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl {
  margin: 50px 0 0 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 8px 0;
  border-bottom: solid 1px #202020;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl p {
  font-size: 1.8rem;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap figure, body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap div {
  width: 100%;
  margin: 0 0 8px 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure {
  width: calc((100% / 2) - 4px);
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(1) {
  margin: 0 4px 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(2) {
  margin: 0 0 0 4px;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail {
  margin: 58px 0 0 0;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail br {
  display: none;
}

body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p {
  font-size: 1.6rem;
  line-height: 2;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li {
  font-size: 1.4rem;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+1) {
  padding: 24px 0;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+2) {
  border-top: dotted 1px #707070;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div {
  display: table-row;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p {
  display: table-cell;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(1) {
  width: 140px;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(3) {
  padding: 0 0 0 32px;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div .tag {
  width: 115px;
  padding: 0 0 0 32px;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div .tag span {
  background-color: #aadded;
  padding: 2px 8px;
}

body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div a {
  text-decoration: none;
  color: #202020;
  display: table-cell;
  padding: 0 0 0 32px;
  border-bottom: 0px;
}

body:lang(en) main .main_container .about_company .concept_hero {
  margin: 12px 0 0 0;
}

body:lang(en) main .main_container .about_company .concept_hero > div {
  width: calc(100% + 200px);
}

body:lang(en) main .main_container .about_company .concept_hero .desc_box {
  max-width: 640px;
}

body:lang(en) main .main_container .sitemap_content {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap {
  width: calc((100% / 4) + 200px);
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
  font-size: 1.4rem;
  letter-spacing: 1.4px;
  text-indent: -1.6em;
  margin: 16px 0 0 48px;
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a {
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  -webkit-transition: .5s all;
  transition: .5s all;
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a:hover {
  border-bottom: 4px solid #EBDBBC;
  -webkit-transition: .5s all;
  transition: .5s all;
}

body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a::after {
  content: "";
  display: none;
}

body:lang(en) main .door_wrap {
  /* 技術と素材画像タイトルのフレーム */
}

body:lang(en) main .door_wrap .hd_frame .frame_content h2 {
  letter-spacing: 4.4px;
  top: -18px;
}

@media screen and (max-width: 1200px) {
  main {
    /* メインコンテナ */
  }
}

/*--------------------
     tablet
--------------------*/
@media screen and (max-width: 1024px) {
  /*--------------------
         header
    --------------------*/
  /* ページnav */
  .page_links {
    width: 100%;
    margin: 80px 0 0 0;
  }
  .page_links nav {
    padding: 32px 0 0 0;
  }
  .page_links_line_none {
    width: 100%;
    margin: 80px 0 0 0;
  }
  .page_links_line_none nav {
    padding: 32px 0 0 0;
  }
  /* 実績紹介-背景　*/
  .work_bg {
    width: 70%;
    max-width: 1305px;
    height: 380px;
    bottom: 100px;
    right: 0px;
  }
  /* 東京木工場の歴史 */
  .about_overall_content main .breadcrumb {
    margin: 24px auto 0 auto;
    max-width: 1600px;
  }
  .about_overall_content main .breadcrumb nav {
    padding: 0 19px;
  }
  .about_overall_content main .planning_ttl {
    margin: 56px 19px 0 19px;
    max-width: 1600px;
  }
  .about_overall_content main .planning_ttl h1 {
    padding: 0;
  }
  .about_overall_content main .planning_ttl::after {
    right: 2px;
  }
  .about_overall_content main .main_container {
    margin: 32px 0 0 0;
  }
  .about_overall_content main .main_container .side_menu {
    max-width: 1600px;
  }
  .about_overall_content main .main_container .side_menu > nav {
    max-width: 260px;
    margin: 0 0 0 auto;
  }
  .about_overall_content main .main_container .article_hero .primary_wrap .primary_ttl_big {
    margin: 0 19px 32px 19px;
  }
  .about_overall_content main .main_container .article_hero .history_content > div:nth-child(2) {
    max-width: none;
  }
  .about_overall_content main .main_container .article_hero .history_content .flow_wrap .content_long {
    margin: calc(24px + 5%) 0 0 0;
  }
  .about_overall_content main .main_container .article_hero .history_content .flow_content {
    margin: 0 19px;
  }
  .about_overall_content main .main_container .article_hero .history_content .flow_img_inner {
    max-width: 1328px;
    margin: 24px 0 0 0;
  }
  .about_overall_content main .main_container .article_hero .history_content .flow_img_inner > div {
    max-width: 1103px;
    margin: 0;
    padding: 0 19px 12px 19px;
  }
  /*--------------------
        main
    --------------------*/
  main {
    margin: 132px auto 70.5px auto;
    /* パンくずリスト */
    /* 企画タイトル */
    /* メインコンテナ */
    /*　扉ページ */
  }
  main .breadcrumb {
    margin: 24px 19px 0 19px;
  }
  main .planning_ttl {
    margin: 56px 19px 0 19px;
  }
  main .planning_ttl h1::after {
    width: 126px;
  }
  main .planning_ttl::after {
    width: calc(100% - 130px);
  }
  main .main_container {
    margin: 48px 19px 0 19px;
    /* 東京木工場について */
    /*　サイトマップ */
  }
  main .main_container .article_hero {
    width: 100%;
    /* 東京木工場の歴史 */
    /*木工職人の技*/
    /* 受賞歴 */
    /*　記事詳細 */
    /* 木育活動 */
  }
  main .main_container .article_hero .article_main_visual img {
    width: 100%;
  }
  main .main_container .article_hero .primary_wrap .primary_ttl {
    border-top: solid 1px #202020;
    border-bottom: solid 1px #202020;
    margin: 0 0 32px 0;
  }
  main .main_container .article_hero .primary_wrap .primary_ttl h1 {
    font-size: 2.4rem;
    padding: 16px 0;
  }
  main .main_container .article_hero .sub_wrap .sub_ttl h1 {
    font-size: 2.2rem;
    padding: 8px 0 8px 16px;
  }
  main .main_container .article_hero .sub_wrap_pf .sub_ttl {
    padding: 8px 0 8px 16px;
  }
  main .main_container .article_hero .sub_wrap_pf .sub_ttl h1 {
    font-size: 2.2rem;
    padding: 8px 0 8px 16px;
  }
  main .main_container .article_hero .outline_content > div {
    margin: 0 27px 27px 27px;
  }
  main .main_container .article_hero .outline_content .inner_width {
    max-width: none;
  }
  main .main_container .article_hero .outline_content .outline_column_size_left {
    width: 100%;
  }
  main .main_container .article_hero .outline_content .outline_column_size_right {
    width: 100%;
  }
  main .main_container .article_hero .outline_content .outline_column_left {
    margin: 0;
  }
  main .main_container .article_hero .outline_content .outline_column_right {
    margin: 0;
  }
  main .main_container .article_hero .work_img_items .item_row li {
    width: calc((100% / 3) - 34px);
  }
  main .main_container .article_hero .work_img_items .item_row li:not(:nth-child(3n)) {
    margin: 0 34px 0 0;
  }
  main .main_container .article_hero .work_img_items .item_row li:nth-child(n+4) {
    padding: 34px 0 0 0;
  }
  main .main_container .article_hero .work_img_items .item_row li a {
    color: #202020;
  }
  main .main_container .article_hero .work_img_items .item_row li figure figcaption {
    text-align: left;
    font-size: 1.7rem;
    margin: 18px 0 0 0;
    color: #202020;
  }
  main .main_container .article_hero .history_content_range {
    margin: 54px 0 0 0;
  }
  main .main_container .article_hero .history_content .history_ttl_content {
    width: calc(100% - 19px);
    height: auto;
    position: static;
  }
  main .main_container .article_hero .history_content .history_ttl_content .history_ttl {
    background-color: #202020;
    padding: 19px 16px;
    color: #fff;
  }
  main .main_container .article_hero .history_content .circle {
    display: none;
  }
  main .main_container .article_hero .history_content .flow_txt {
    font-size: 1.8rem;
    line-height: 1.1;
    height: auto;
    width: auto;
  }
  main .main_container .article_hero .history_content .flow_txt::before {
    content: "";
    display: inline-block;
  }
  main .main_container .article_hero .history_content > div:nth-child(2) {
    max-width: 1232px;
    margin: 0 0 0 auto;
  }
  main .main_container .article_hero .history_content .flex {
    display: block;
  }
  main .main_container .article_hero .history_content .content_near {
    margin: 16px 0 0 0;
  }
  main .main_container .article_hero .history_content .history_content_speace {
    margin: 40px 0 0 0;
  }
  main .main_container .article_hero .history_content .flow_img_inner {
    padding: 0;
  }
  main .main_container .article_hero .history_content .flow_img_inner::after {
    height: 96%;
  }
  main .main_container .article_hero .history_content .flow_img_inner .sentence p {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .history_content .flow_img_inner .flex figure {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .history_content .flow_img_inner .flex > div {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .history_content .flow_img_inner .flex > div p {
    line-height: 1.4;
  }
  main .main_container .article_hero .history_content .flow_img_inner .flex > div .guide_link {
    margin: 0 91px 0 0;
  }
  main .main_container .article_hero .history_content .flow_img_inner .flow_img {
    max-width: none;
    max-height: none;
  }
  main .main_container .article_hero .history_content .flow_txt {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .history_content .flow_content {
    margin: 0 19px;
  }
  main .main_container .article_hero .history_content .flow_wrap {
    margin: 8px 0 0 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  main .main_container .article_hero .history_content .flow_space {
    margin: 0 0 0 48px;
    width: 100%;
  }
  main .main_container .article_hero .history_content .flow_event {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 8px 0 0 0;
  }
  main .main_container .article_hero .history_content .flow_event_link {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #202020;
    margin: 8px 0 0 0;
  }
  main .main_container .article_hero .history_content .history_link {
    margin: 32px 19px 0 19px;
  }
  main .main_container .article_hero .history_content .history_link .guide_mark {
    margin: 0;
  }
  main .main_container .article_hero .history_content .history_link p {
    text-align: center;
    font-size: 1.4rem;
    padding: 0;
  }
  main .main_container .article_hero .history_content .history_link p > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  main .main_container .article_hero .history_content .history_link p.guide_link {
    margin: 0;
  }
  main .main_container .article_hero .history_content .history_link p a {
    text-decoration: none;
    color: #202020;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 15px 5px;
  }
  main .main_container .article_hero .history_content .history_link p a .main_guide_arrow, main .main_container .article_hero .history_content .history_link p a .sub_guide_arrow {
    display: none;
  }
  main .main_container .article_hero .skill_img_content {
    display: block;
  }
  main .main_container .article_hero .skill_img_content .img_small {
    width: 100%;
  }
  main .main_container .article_hero .skill_img_content .img_large {
    width: 100%;
  }
  main .main_container .article_hero .skill_img_content figure:nth-child(2) {
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .skill_img_content img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main .main_container .article_hero .skill_img_content_re {
    display: block;
  }
  main .main_container .article_hero .skill_img_content_re .img_small {
    width: 100%;
  }
  main .main_container .article_hero .skill_img_content_re .img_large {
    width: 100%;
  }
  main .main_container .article_hero .skill_img_content_re figure:nth-child(2) {
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .skill_img_content_re img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main .main_container .article_hero .skill_img_content_normal {
    display: block;
  }
  main .main_container .article_hero .skill_img_content_normal figure {
    width: 100%;
  }
  main .main_container .article_hero .skill_img_content_normal figure:nth-child(2) {
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .award_content .concept_content {
    display: block;
  }
  main .main_container .article_hero .award_content .concept_image {
    width: 100%;
    z-index: -1;
  }
  main .main_container .article_hero .award_content .concept_image img {
    height: 543px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  main .main_container .article_hero .award_content .concept_hero {
    max-width: none;
    margin: 24px 0 0 0;
  }
  main .main_container .article_hero .award_content .concept_hero > div {
    width: 100%;
  }
  main .main_container .article_hero .award_content .concept_hero .sentence_box {
    width: 100%;
    max-width: none;
    background-color: #fff;
  }
  main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence {
    padding: 0;
  }
  main .main_container .article_hero .award_content .award_wrap {
    width: 100%;
    margin: 96px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl {
    background-color: #F2F2F2;
    max-height: 243px;
    width: 252px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div {
    padding: 58px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 {
    font-size: 2rem;
    line-height: 1.15;
    margin: 0 0 71px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span {
    display: block;
    font-size: 1.4rem;
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .multiple_word {
    margin: 0 0 45px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl {
    margin: 35px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl span {
    display: block;
    font-size: 1.6rem;
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span {
    display: inline-block;
    vertical-align: top;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(1) {
    width: 76.7px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(2) {
    width: 158px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(1) {
    width: 158px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(2) {
    width: auto;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content {
    display: block;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl {
    margin: 50px 0 0 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #202020;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl p {
    font-size: 1.8rem;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap figure, main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap div {
    width: 100%;
    margin: 0 0 8px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure {
    width: calc((100% / 2) - 4px);
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(1) {
    margin: 0 4px 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(2) {
    margin: 0 0 0 4px;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail {
    margin: 58px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p {
    font-size: 1.6rem;
    line-height: 2;
  }
  main .main_container .article_hero .another_content > div {
    padding: 27px;
  }
  main .main_container .article_hero .article_content .two_column {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  main .main_container .article_hero .article_content .two_column .article_detail {
    margin: 0;
  }
  main .main_container .article_hero .article_content .two_column .article_detail .release_date p {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .article_content .two_column .font_size_middle {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .article_content .two_column figure {
    margin: 0;
  }
  main .main_container .article_hero .article_content .two_column > div:nth-child(n+3) {
    margin: 0;
  }
  main .main_container .article_hero .article_content .two_column figure:nth-child(n+2) {
    margin: 0;
  }
  main .main_container .article_hero .article_content_size_right {
    width: 60%;
  }
  main .main_container .article_hero .article_content_size_right > div {
    margin: 0 0 0 12px;
  }
  main .main_container .article_hero .article_content_size_left {
    width: 40%;
  }
  main .main_container .article_hero .article_content_size_left > figure {
    margin: 0 12px 0 0;
  }
  main .main_container .article_hero .article_content .article_wrap .article_detail .release_date {
    margin: 0;
  }
  main .main_container .article_hero .article_content .article_wrap .article_detail h2 {
    font-size: 1.6rem;
    margin: 16px 0;
    line-height: 1.5;
  }
  main .main_container .article_hero .article_content .article_wrap .article_detail .article_summary_txt {
    color: #707070;
  }
  main .main_container .article_hero .activity_large_content {
    display: block;
  }
  main .main_container .article_hero .activity_large_content .img_col_large {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .activity_large_content .img_col_small {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .activity_large_content .img_spacing {
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .activity_large_content img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
  main .main_container .article_hero .activity_large_content_diff {
    display: block;
  }
  main .main_container .article_hero .activity_large_content_diff .img_col_large {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .activity_large_content_diff .img_col_small {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .activity_large_content_diff .img_spacing {
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .activity_large_content_diff img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
  main .main_container .article_hero .activity_middle_content {
    display: block;
  }
  main .main_container .article_hero .activity_middle_content .img_col_large {
    width: 100%;
    padding: 12px 0 0 0;
  }
  main .main_container .article_hero .activity_middle_content .img_col_small {
    width: 100%;
    padding: 0;
  }
  main .main_container .article_hero .activity_middle_content .img_col_small figure:nth-child(n+2) {
    margin: 12px 0 0 0;
  }
  main .main_container .about_company .flex {
    display: block;
  }
  main .main_container .about_company .concept_image {
    width: 100%;
    margin: 20px 0 0 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    z-index: -1;
  }
  main .main_container .about_company .concept_image img {
    height: 690px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  main .main_container .about_company .concept_hero {
    max-width: none;
    margin: 40px 0 0 0;
  }
  main .main_container .about_company .concept_hero > div {
    width: 100%;
  }
  main .main_container .about_company .concept_hero .desc_box {
    width: 100%;
    max-width: none;
    background-color: #fff;
    padding: 0;
  }
  main .main_container .about_company .concept_hero .desc_box .hd_group h1 {
    font-size: 2.4rem;
    letter-spacing: 4.16px;
  }
  main .main_container .about_company .concept_hero .desc_box .desc p {
    margin: 42px 0 0 0;
    line-height: 1.6;
  }
  main .main_container .about_link_area {
    max-width: 1440px;
    width: 100%;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  main .main_container .about_link_area img {
    display: block;
    max-width: 581px;
    width: 100%;
  }
  main .main_container .about_link_area .about_link_img_box {
    position: relative;
    margin: 0 40px 0 0;
  }
  main .main_container .about_link_area .about_link_img_box .about_link_title {
    position: absolute;
    padding: 8px 14px;
    background-color: #fff;
    right: -7%;
    top: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 6px #00000029;
            box-shadow: 0 3px 6px #00000029;
  }
  main .main_container .about_link_area .about_link_img_box .about_link_title h2 {
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.9;
  }
  main .main_container .about_link_area .about_link_item {
    margin: 60px 0 0 0;
  }
  main .main_container .sitemap_content {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  main .main_container .sitemap_content .sitemap_wrap {
    width: calc(100% / 2);
  }
  main .main_container .sitemap_content .sitemap_wrap:nth-child(n+3) {
    margin: 24px 0 0 0;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list a {
    color: #202020;
    text-decoration: none;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
    font-size: 1.8rem;
    letter-spacing: 1.8px;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 span {
    display: block;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
    font-size: 1.7rem;
    letter-spacing: 1.7px;
    margin: 16px 0 0 84px;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 1px;
    margin: 0 8px 6px 0;
    background-color: #707070;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li a::after {
    content: "";
    display: none;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list_space {
    margin: 56px 0 0 0;
  }
  main .door_wrap {
    /* 技術と素材 */
  }
  main .door_wrap .material_wrap .right_column {
    margin: 0;
  }
  main .door_wrap .material_wrap .left_column {
    margin: 0;
  }
  main .door_wrap .material_wrap > div:nth-child(n+2) {
    margin: 64px 0 0 0;
  }
  /* 英語ページだった場合 */
  body:lang(en) main {
    /* メインコンテナ */
  }
  body:lang(en) main .main_container {
    /* 東京木工場について */
    /*　サイトマップ */
  }
  body:lang(en) main .main_container .about_company .concept_hero {
    margin: 12px 0 0 0;
  }
  body:lang(en) main .main_container .about_company .concept_hero > div {
    width: 100%;
  }
  body:lang(en) main .main_container .about_company .concept_hero .desc_box {
    max-width: none;
  }
  body:lang(en) main .main_container .sitemap_content {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap {
    width: calc((100% / 2));
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
    font-size: 1.6rem;
    letter-spacing: 1.6px;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
    font-size: 1.4rem;
    letter-spacing: 1.4px;
    margin: 16px 0 0 84px;
  }
  body.about_overall_content:lang(en) {
    /* 東京木工場の歴史 */
  }
  body.about_overall_content:lang(en) main .main_container {
    margin: 32px 0 0 0;
  }
  body.about_overall_content:lang(en) main .main_container .article_hero .history_content .flow_txt {
    width: auto;
  }
  body.about_overall_content:lang(en) main .main_container .article_hero .history_content .history_ttl_content {
    width: calc(100% - 19px);
    height: auto;
    position: static;
  }
}

/*--------------------
     smartphone
--------------------*/
@media screen and (max-width: 768px) {
  /* ページ */
  .article_hero > .page_links {
    width: 100%;
    border-top: solid 1px #202020;
    margin: 80px 0 0 0;
  }
  .article_hero > .page_links nav {
    padding: 32px 0 0 0;
  }
  .article_hero > .page_links nav ul li a {
    font-size: 1.4rem;
  }
  .article_hero > .page_links nav ul .prev_page {
    float: none;
  }
  .article_hero > .page_links nav ul .prev_page a {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 84px);
  }
  .article_hero > .page_links nav ul .next_page {
    float: none;
    margin: 28px 0 0 0;
  }
  .article_hero > .page_links nav ul .next_page a {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 37px);
  }
  .article_hero > .page_links_line_none {
    width: 100%;
    margin: 40px 0 0 0;
  }
  .article_hero > .page_links_line_none nav {
    padding: 32px 0 0 0;
  }
  .article_hero > .page_links_line_none nav ul li a {
    /*font-size: 1.4rem;
                        display: inline-flex;
                        justify-content: center;
                        width: calc(100% - 37px);*/
  }
  .article_hero > .page_links_line_none nav ul .prev_page {
    float: none;
  }
  .article_hero > .page_links_line_none nav ul .prev_page a {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 84px);
  }
  .article_hero > .page_links_line_none nav ul .next_page {
    float: none;
    margin: 28px 0 0 0;
  }
  .article_hero > .page_links_line_none nav ul .next_page a {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 37px);
  }
  .article_hero > .pagination .parent_content li {
    font-size: 2.5rem;
    color: #202020;
    margin: 0;
  }
  .article_hero > .pagination .parent_content li a {
    text-decoration: none;
    color: #202020;
    border-bottom: none;
    display: block;
    padding: 0 16px;
  }
  .article_hero > .pagination .parent_content li:nth-last-child(2) {
    margin: 0;
  }
  /* 実績紹介-背景　*/
  .work_bg {
    width: 100%;
    max-width: 1305px;
    height: 480px;
    bottom: 100px;
    right: 0px;
  }
  /* リスト */
  .summary_list {
    padding: 24px 12px 24px 24px;
  }
  .summary_list li {
    font-size: 1.4rem;
    text-indent: -1.2em;
  }
  /* ラベル付きタイトル */
  .label_attach_hd {
    font-size: 1.8rem;
  }
  /*--------------------
        main
    --------------------*/
  main {
    /* メインコンテナ */
  }
  main .planning_ttl h1 {
    font-size: 2rem;
    padding: 0;
  }
  main .planning_ttl > div {
    padding: 0 19px;
  }
  main .main_container {
    /* 東京木工場について */
    /*　サイトマップ */
  }
  main .main_container .article_hero {
    /*　主な材種 */
    /*　新着情報一覧 */
    /*　実績紹介 */
    /* 主な工事経歴 */
    /* 受賞歴 */
    /* アクセス */
  }
  main .main_container .article_hero .article_main_visual img {
    height: auto;
    max-height: 173px;
  }
  main .main_container .article_hero .primary_wrap .primary_ttl h1 {
    font-size: 2rem;
    padding: 4px 0;
  }
  main .main_container .article_hero .primary_wrap .primary_ttl_big h1 {
    font-size: 2rem;
  }
  main .main_container .article_hero .sub_wrap .sub_ttl h1 {
    font-size: 1.8rem;
  }
  main .main_container .article_hero .sub_wrap_pf .sub_ttl h1 {
    font-size: 1.8rem;
  }
  main .main_container .article_hero .lumber_wrap .flex {
    display: block;
  }
  main .main_container .article_hero .lumber_wrap .two_column {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  main .main_container .article_hero .lumber_wrap .two_column .two_column_size {
    width: 100%;
  }
  main .main_container .article_hero .lumber_wrap .two_column figure:nth-child(n+1) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .right_column {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .left_column {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap img {
    min-width: auto;
    min-height: 160px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box {
    margin: 0;
    min-width: 203px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .item_content_front {
    top: 2px;
    right: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .box_bg {
    height: 120px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .sub_hd {
    font-size: 1.6rem;
    margin: 0 0 16px 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box_inner {
    padding: 16px 0 0 16px;
  }
  main .main_container .article_hero .news_list_content {
    border-top: solid 1px #202020;
    border-bottom: solid 1px #202020;
  }
  main .main_container .article_hero .news_list_content .news_list ul li {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+1) {
    padding: 24px 0;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div {
    display: block;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div > p {
    display: inline-block;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(1) {
    width: 120px;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(3) {
    padding: 0;
    margin: 12px 0 0 0;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div .tag {
    width: 80px;
    padding: 0;
  }
  main .main_container .article_hero .news_list_content .news_list ul li div a {
    display: block;
    padding: 12px 0 0 0;
  }
  main .main_container .article_hero .work_content .visual_wrap {
    display: block;
  }
  main .main_container .article_hero .work_content .visual_wrap .slick-next {
    right: 10px;
  }
  main .main_container .article_hero .work_content .visual_wrap .slick-prev {
    left: 10px;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_right_size {
    width: 100%;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_right_size .column_space {
    margin: 0;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_right_size ul {
    width: 100%;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_right_size ul li {
    height: 367px;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_left_size {
    width: 100%;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_left_size .column_space {
    margin: 0;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_left_size .image_list li img {
    width: 100%;
    height: 56px;
  }
  main .main_container .article_hero .work_content .visual_wrap .column_left_size .image_list li:nth-child(n+2) {
    margin: 0;
  }
  main .main_container .article_hero .work_content .visual_wrap img {
    width: auto;
    max-height: 367px;
  }
  main .main_container .article_hero .work_content .visual_wrap .work_items_content {
    display: block;
    margin: 8px 0 0 0;
  }
  main .main_container .article_hero .work_content .visual_wrap .visual_txt {
    font-size: 1.4rem;
    margin: 0 0 8px 0;
  }
  main .main_container .article_hero .work_content .work_summary_list {
    width: 100%;
    font-size: 1.4rem;
  }
  main .main_container .article_hero .work_content .work_summary_list > div:nth-child(1) {
    width: 74px;
  }
  main .main_container .article_hero .work_content .work_summary_list > div:nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 0 0 16px;
    width: calc(80% - 74px);
  }
  main .main_container .article_hero .work_content .work_summary_list > div:nth-child(2) span {
    display: inline-block;
    margin: 0 8px 0 0;
  }
  main .main_container .article_hero .work_content .work_guide {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 48px 0 0 0;
  }
  main .main_container .article_hero .work_content .work_guide > div {
    margin: 0;
  }
  main .main_container .article_hero .work_img_items .item_row {
    width: 100%;
    display: block;
  }
  main .main_container .article_hero .work_img_items .item_row li {
    width: 100%;
  }
  main .main_container .article_hero .work_img_items .item_row li:not(:nth-child(3n)) {
    margin: 0;
  }
  main .main_container .article_hero .work_img_items .item_row li:nth-child(n+2) {
    padding: 48px 0 0 0;
  }
  main .main_container .article_hero .career_content .career_img_wrap ul {
    width: 100%;
  }
  main .main_container .article_hero .career_content .career_img_wrap ul li {
    width: calc(100% / 3);
  }
  main .main_container .article_hero .career_content .career_img_wrap ul li img {
    width: 100%;
  }
  main .main_container .article_hero .career_content .career_archive_wrap {
    margin: 24px 0 0 0;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .age_tab {
    margin: 0 0 34px 0;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .age_tab li {
    font-size: 1.8rem;
    padding: 8px 42px 8px 16px;
    border-left: solid 1px #707070;
    border-bottom: solid 1px #707070;
    cursor: pointer;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .age_tab li:nth-child(n+2) {
    margin: 0 0 0 16px;
  }
  main .main_container .article_hero .career_content .career_archive_wrap > div .career_list_wrap:nth-child(n+2) .career_age {
    padding: 32px 0 0 0;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap {
    display: block;
    border-bottom: 1px solid #202020;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age {
    width: 100%;
    border-right: none;
    margin: 0 0 0 5px;
    border-left: solid 1px #202020;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div {
    padding: 0 0 24px 12px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: .5;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div h2::before {
    content: "";
    display: inline-block;
    background-color: #202020;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0px;
    left: -4.5px;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_age > div p {
    margin: 0 0 0 10px;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list {
    width: 100%;
    border-left: solid 1px #202020;
    margin: 0 0 -6px 5px;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul {
    padding: 0 0 40px 12px;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li:not(:first-child) {
    padding: 24px 0 0 0;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a:hover::before, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:hover::before {
    content: "";
    display: none;
  }
  main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li a:hover::after, main .main_container .article_hero .career_content .career_archive_wrap .career_list_wrap .career_list ul li span:hover::after {
    content: '';
    display: none;
  }
  main .main_container .article_hero .award_content .concept_hero {
    max-width: none;
    margin: 24px 0 0 0;
  }
  main .main_container .article_hero .award_content .concept_hero > div {
    width: 100%;
  }
  main .main_container .article_hero .award_content .concept_hero .sentence_box {
    width: 100%;
    max-width: none;
    background-color: #fff;
  }
  main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence {
    padding: 0;
  }
  main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence p {
    font-size: 1.4rem;
  }
  main .main_container .article_hero .award_content .award_wrap {
    width: 100%;
    margin: 59px 0 0 0;
    display: block;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl {
    background-color: #fff;
    border-top: solid 1px #202020;
    border-left: solid 1px #202020;
    border-bottom: solid 1px #202020;
    border-right: solid 3px #202020;
    max-height: none;
    width: 100%;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div {
    padding: 10px 0 10px 10px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div p {
    text-align: left;
    margin: 0 0 0 20px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div p br {
    display: none;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 {
    font-size: 1.6rem;
    line-height: 1.15;
    text-align: left;
    margin: 0 0 11px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span {
    display: inline-block;
    font-size: 1.4rem;
    margin: 6px 0 0 0;
    text-align: left;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span::before {
    content: "-";
    display: inline-block;
    padding: 0 4px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .multiple_word {
    margin: 0 0 8px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .ttl_revers {
    margin: 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl {
    margin: 8px 0 0 20px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl p {
    text-align: left;
    margin: 0 0 0 20px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl p br {
    display: none;
  }
  main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl span {
    display: inline-block;
    font-size: 1.6rem;
    margin: 6px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list {
    margin: 24px 0 0 0;
    width: 100%;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul {
    display: block;
    width: auto;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul:nth-child(2) {
    margin: 28px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li {
    border-left: solid 5px #202020;
    padding: 0 0 0 12px;
    font-size: 1.6rem;
    width: calc(100% - 12px);
    text-align: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span {
    vertical-align: top;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(1) {
    width: auto;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(2) {
    width: auto;
    margin: 0 0 0 24px;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(3) {
    margin: 0 0 0 auto;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul li:nth-child(n+2) {
    margin: 28px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(1) {
    width: auto;
  }
  main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(2) {
    margin: 0 0 0 auto;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content {
    display: block;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl {
    margin: 50px 0 0 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #202020;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl p {
    font-size: 1.6rem;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap figure, main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap div {
    width: 100%;
    margin: 0 0 8px 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images {
    display: block;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure {
    width: 100%;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(1) {
    margin: 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(2) {
    margin: 8px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail {
    margin: 34px 0 0 0;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail br {
    display: block;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail span {
    display: none;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p {
    font-size: 1.4rem;
    line-height: 2;
  }
  main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .access_detail div {
    display: block;
  }
  main .main_container .article_hero .access_detail div p {
    font-size: 1.6rem;
  }
  main .main_container .article_hero .access_detail div p:last-child {
    margin: 8px 0 0 0;
  }
  main .main_container .about_link_area {
    max-width: 1440px;
    width: 100%;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  main .main_container .about_link_area img {
    display: block;
    max-width: 581px;
    width: 100%;
  }
  main .main_container .about_link_area .about_link_img_box {
    position: relative;
    margin: 0 20px 0 0;
  }
  main .main_container .about_link_area .about_link_img_box .about_link_title {
    position: absolute;
    padding: 8px 14px;
    background-color: #fff;
    right: -5%;
    top: 40%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 6px #00000029;
            box-shadow: 0 3px 6px #00000029;
  }
  main .main_container .about_link_area .about_link_img_box .about_link_title h2 {
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.9;
  }
  main .main_container .about_link_area .about_link_item {
    margin: 40px 0 0 0;
  }
  main .main_container .sitemap_content {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;

  }
  main .main_container .sitemap_content .sitemap_wrap {
    width: 100%;
  }
  main .main_container .sitemap_content .sitemap_wrap:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list a {
    color: #202020;
    text-decoration: none;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
    font-size: 1.8rem;
    letter-spacing: 1.8px;
    -webkit-transition: .5s all;
    transition: .5s all;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 span {
    display: block;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2:hover {
    width: 100%;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
    font-size: 1.7rem;
    letter-spacing: 1.7px;
    margin: 16px 0 0 84px;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 1px;
    margin: 0 8px 6px 0;
    background-color: #707070;
  }
  main .main_container .sitemap_content .sitemap_wrap .sitemap_list_space {
    margin: 32px 0 0 0;
  }
  body:lang(en) main {
    /* 企画タイトル */
    /* メインコンテナ */
  }
  body:lang(en) main .planning_ttl h1 {
    font-size: 2.2rem;
  }
  body:lang(en) main .main_container {
    margin: 48px 19px 0 19px;
    /*　サイトマップ */
  }
  body:lang(en) main .main_container .article_hero {
    /* 受賞歴 */
    /*　新着情報一覧 */
  }
  body:lang(en) main .main_container .article_hero .primary_wrap .primary_ttl_big h1 {
    font-size: 2.2rem;
  }
  body:lang(en) main .main_container .article_hero .award_content .concept_hero {
    max-width: none;
    margin: 24px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .concept_hero > div {
    width: 100%;
  }
  body:lang(en) main .main_container .article_hero .award_content .concept_hero .sentence_box {
    width: 100%;
    max-width: none;
    background-color: #fff;
  }
  body:lang(en) main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence {
    padding: 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .concept_hero .sentence_box .sentence p {
    font-size: 1.4rem;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap {
    width: 100%;
    margin: 59px 0 0 0;
    display: block;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl {
    background-color: #fff;
    border-top: solid 1px #202020;
    border-left: solid 1px #202020;
    border-bottom: solid 1px #202020;
    border-right: solid 3px #202020;
    max-height: none;
    width: 100%;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div {
    padding: 10px 0 10px 10px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div p {
    text-align: left;
    margin: 0 0 0 20px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div p br {
    display: none;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 {
    font-size: 1.4rem;
    line-height: 1.15;
    text-align: left;
    margin: 0 0 11px 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span {
    display: inline-block;
    font-size: 1.4rem;
    margin: 6px 0 0 0;
    text-align: left;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div h1 span::before {
    content: "-";
    display: inline-block;
    padding: 0 4px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .multiple_word {
    margin: 0 0 8px 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .ttl_revers {
    margin: 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl {
    margin: 8px 0 0 20px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl p {
    text-align: left;
    margin: 0 0 0 20px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl p br {
    display: none;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_ttl > div .break_ttl span {
    display: inline-block;
    font-size: 1.4rem;
    margin: 6px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list {
    margin: 24px 0 0 0;
    width: 100%;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul {
    display: block;
    width: auto;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul:nth-child(2) {
    margin: 28px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li {
    border-left: solid 5px #202020;
    padding: 0 0 0 12px;
    font-size: 1.2rem;
    width: calc(100% - 12px);
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span {
    vertical-align: top;
    display: block;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(1) {
    width: auto;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(2) {
    width: auto;
    margin: 0 0 0 24px;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li span:nth-child(3) {
    margin: 0 0 0 auto;
    text-align: end;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul li:nth-child(n+2) {
    margin: 28px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list {
    width: calc(100% - 12px);
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(1) {
    width: auto;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .award_list ul .two_list span:nth-child(2) {
    margin: 0 0 0 auto;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content {
    display: block;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl {
    margin: 50px 0 0 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #202020;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_ttl p {
    font-size: 1.2rem;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap figure, body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap div {
    width: 100%;
    margin: 0 0 8px 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images {
    display: block;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure {
    width: 100%;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(1) {
    margin: 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .two_images figure:nth-child(2) {
    margin: 8px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail {
    margin: 34px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail br {
    display: block;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail span {
    display: none;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p {
    font-size: 1.4rem;
    line-height: 2;
  }
  body:lang(en) main .main_container .article_hero .award_content .award_wrap .opus_content .opus_image_wrap .opus_detail p:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li {
    font-size: 1.4rem;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li:nth-child(n+1) {
    padding: 24px 0;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div {
    display: block;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p {
    display: inline-block;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(1) {
    width: 140px;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div > p:nth-child(3) {
    padding: 0;
    margin: 12px 0 0 0;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div .tag {
    width: 115px;
    padding: 0;
  }
  body:lang(en) main .main_container .article_hero .news_list_content .news_list ul li div a {
    display: block;
    padding: 12px 0 0 0;
  }
  body:lang(en) main .main_container .sitemap_content {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap {
    width: 100%;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list h2 {
    font-size: 1.6rem;
    letter-spacing: 1.6px;
  }
  body:lang(en) main .main_container .sitemap_content .sitemap_wrap .sitemap_list ul li {
    font-size: 1.4rem;
    letter-spacing: 1.4px;
    margin: 16px 0 0 84px;
  }
}