@charset "UTF-8";
/*=========================================================================
MODULE
=========================================================================*/
.d_none {
  display: none !important;
}

@media (min-width: 769px) {
  .for_sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .for_pc {
    display: none !important;
  }
}
/*=========================================================================
BASIC
=========================================================================*/
body#page-Works #siteLogo img, body#page-worksDetail #siteLogo img,
body#page-salesDetail #siteLogo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
body#page-Works #menu-trigger span, body#page-worksDetail #menu-trigger span,
body#page-salesDetail #menu-trigger span {
  background: #fff;
}
body#page-Works #menu-trigger p, body#page-worksDetail #menu-trigger p,
body#page-salesDetail #menu-trigger p {
  color: #fff;
}

/*=========================================================================
SALES
=========================================================================*/
#Introduction {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  #Introduction {
    margin-bottom: 9%;
  }
}

/* ----------------------------------------------------------------------- */
body#page-Sales #mainContents {
  background: #C6CBCB;
}

/* ----------------------------------------------------------------------- */
section#SalesDetail .section_basic {
  padding-bottom: 0;
}

/* ----------------------------------------------------------------------- */
section#Page {
  max-width: 1366px;
  margin: 0 auto;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  section#Page {
    padding-bottom: 9%;
  }
}

/* ----------------------------------------------------------------------- */
#brand_detailBloc {
  padding: 45px 3%;
}
@media (max-width: 768px) {
  #brand_detailBloc {
    padding: 6% 0 0;
    width: 90%;
    margin: 0 auto;
  }
}
#brand_detailBloc .period_headline {
  margin-bottom: 1.5rem;
}
#brand_detailBloc .btn_toplink {
  margin-top: 45px;
}
@media (max-width: 768px) {
  #brand_detailBloc .btn_toplink {
    margin: 9% 0 0;
  }
  #brand_detailBloc .btn_toplink.wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    text-align: right;
  }
  #brand_detailBloc .btn_toplink.wide a {
    text-align: left;
    display: inline-block;
    width: auto;
    padding-bottom: 1rem;
    padding-right: 0%;
  }
  #brand_detailBloc .btn_toplink.wide a:before {
    width: 100%;
    bottom: -1rem;
    left: 0;
    top: auto;
  }
}

/* ----------------------------------------------------------------------- */
dl.brand_infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  dl.brand_infobox {
    margin-bottom: 4%;
    display: block;
  }
}
dl.brand_infobox dt, dl.brand_infobox dd {
  height: auto;
}
dl.brand_infobox dt {
  width: 6rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  dl.brand_infobox dt {
    margin-bottom: 0.5rem;
    max-width: initial;
    width: 6rem;
  }
}
dl.brand_infobox dd {
  width: calc(100% - 7rem);
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl.brand_infobox dd {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl.brand_infobox dd {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  dl.brand_infobox dd {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  dl.brand_infobox dd {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  dl.brand_infobox dd {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
@media (max-width: 768px) {
  dl.brand_infobox dd {
    width: 100%;
  }
}
dl.brand_infobox dd p {
  line-height: 140%;
}

/* ----------------------------------------------------------------------- */
.icon_label {
  font-weight: 400;
  line-height: 100%;
  color: #fff;
  font-family: "EB", serif !important;
  border-top-right-radius: 6px;
  padding: 0.3rem 0.6rem;
  background: #ccc;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  .icon_label {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  .icon_label {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  .icon_label {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  .icon_label {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
.icon_label {
  display: inline-block;
  min-width: 4.5rem;
  text-align: center;
}
.icon_label#brand-Styles {
  background: #1a4a27;
}
.icon_label#brand-Basic {
  background: #776628;
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  .icon_label#brand-Basic {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  .icon_label#brand-Basic {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  .icon_label#brand-Basic {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  .icon_label#brand-Basic {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}

/* ----------------------------------------------------------------
Salse > Sales List
-----------------------------------------------------------------*/
#sales_listContainer {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  #sales_listContainer {
    width: 90%;
    padding-bottom: 9%;
  }
}
#sales_listContainer ul#saleList {
  width: 100%;
  padding: 0;
  margin: 0 auto 60px;
}
@media (max-width: 768px) {
  #sales_listContainer ul#saleList {
    margin-bottom: 9%;
  }
  #sales_listContainer ul#saleList li {
    margin-bottom: 9%;
    padding: 9% 0 9%;
  }
}
@media (max-width: 768px) {
  #sales_listContainer.full .sales_list_photo,
  #sales_listContainer.full .sales_list_excerpt {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------- */
.sales_list_photo a:hover {
  opacity: 0.75;
}
@media (max-width: 768px) {
  .sales_list_photo a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}
.sales_list_photo img {
  width: 100%;
  height: auto;
  display: block;
}

/* ----------------------------------------------------------------
Salse > Sales Detail
-----------------------------------------------------------------*/
.in_style {
  padding: 0 3%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .in_style {
    padding: 0;
  }
}

/* ----------------------------------------------------------------------- */
#top_btnBloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #top_btnBloc {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------- */
.btn_button {
  display: inline-block;
}
.btn_button a {
  position: relative;
  z-index: 1;
  display: block;
  background: #808080;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  padding: 0.8rem 3rem 0.8rem 1rem;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  .btn_button a {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  .btn_button a {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  .btn_button a {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  .btn_button a {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  .btn_button a {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
.btn_button a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .btn_button a {
    white-space: inherit !important;
  }
}
@media (max-width: 480px) {
  .btn_button a {
    font-size: 2.76vw;
    padding: 0.6rem 9vw 0.6rem 3vw;
  }
}
.btn_button a:hover {
  opacity: 0.75;
}
.btn_button a:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1rem;
  height: 60%;
  background-image: url("../img/common/icon_btn_arrow_wh.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 480px) {
  .btn_button a:after {
    width: 3.4vw;
  }
}

/* ----------------------------------------------------------------------- */
@media (max-width: 768px) {
  #btnFloor.btn_button {
    display: block;
  }
}
#btnFloor.btn_button a {
  max-width: 200px;
  color: #333;
  background: #ecf3f3;
}
#btnFloor.btn_button a:after {
  background-image: url("../img/common/icon_btn_arrow.png");
}

@media (max-width: 768px) {
  #btnContact.btn_button, #btnOverview.btn_button {
    display: block;
  }
}
#btnContact.btn_button a, #btnOverview.btn_button a {
  color: #333;
  background: #fff;
}
#btnContact.btn_button a:after, #btnOverview.btn_button a:after {
  background-image: url("../img/common/icon_btn_arrow.png");
}

/* ----------------------------------------------------------------------- */
#sales_detailPhoto {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: block;
}
#sales_detailPhoto img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ----------------------------------------------------------------------- */
#SalesDetail .section_basic {
  width: 100%;
  max-width: inherit;
  padding-top: 0;
}
#SalesDetail .section_basic #Introduction {
  width: 94%;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #SalesDetail .section_basic #Introduction {
    padding: 6% 0;
    width: 96%;
  }
}
#SalesDetail .section_basic #Introduction:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background: #C6CBCB;
  z-index: -1;
}

/* ----------------------------------------------------------------------- */
#salesCatch {
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  #salesCatch {
    border-top: 1px solid #333;
    padding: 4% 0 0;
    margin-top: 9%;
  }
}
#salesCatch .one_period {
  padding: 0 3%;
}
@media (max-width: 768px) {
  #salesCatch .one_period {
    padding: 0;
  }
}

/* ----------------------------------------------------------------------- */
dl#Sales-Intro {
  padding-bottom: 2rem;
}
dl#Sales-Intro.detail {
  border-bottom: 1px solid #333;
}
@media (max-width: 768px) {
  dl#Sales-Intro.detail {
    border-top: 0;
    padding-bottom: 6%;
  }
}
dl#Sales-Intro.detail > dt, dl#Sales-Intro.detail > dd {
  padding: 30px 0%;
  border-bottom: none;
}
@media (max-width: 768px) {
  dl#Sales-Intro.detail > dt, dl#Sales-Intro.detail > dd {
    padding: 4% 0;
  }
}
dl#Sales-Intro.detail > dt.noborder, dl#Sales-Intro.detail > dd.noborder {
  border-bottom: 0;
}
@media (max-width: 768px) {
  dl#Sales-Intro.detail > dt {
    margin: 0 auto;
    border-top: 0;
    padding-top: 0;
  }
}
dl#Sales-Intro.detail .sales_list_catbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
  /*width: 40%;*/
}
@media (max-width: 768px) {
  dl#Sales-Intro.detail .sales_list_catbox {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
    margin-top: 1.5rem;
    width: 36%;
  }
}
dl#Sales-Intro.detail .sales_list_catbox p {
  width: 47%;
  margin-right: 6%;
  display: block;
  font-size: 80%;
}
dl#Sales-Intro.detail .sales_list_catbox p:last-of-type {
  margin-right: 0;
}
@media (max-width: 768px) {
  dl#Sales-Intro.detail dd .contents_textbox {
    display: block;
  }
}

/* ----------------------------------------------------------------------- */
#salesName {
  font-weight: 600;
  line-height: 160%;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  #salesName {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #salesName {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  #salesName {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}
#salesName {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #salesName {
    margin-bottom: 6%;
  }
}

#salesPlace {
  line-height: 140%;
  font-weight: 600;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #salesPlace {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #salesPlace {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  #salesPlace {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  #salesPlace {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}

/* ----------------------------------------------------------------------- */
dl#propertyDetail {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#propertyDetail dt, dl#propertyDetail dd {
  height: auto;
  border: 0;
  padding: 0;
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  dl#propertyDetail dt, dl#propertyDetail dd {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  dl#propertyDetail dt, dl#propertyDetail dd {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  dl#propertyDetail dt, dl#propertyDetail dd {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  dl#propertyDetail dt, dl#propertyDetail dd {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}
dl#propertyDetail dt, dl#propertyDetail dd {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
dl#propertyDetail dt {
  width: 4rem;
  margin: 0 1rem 0 0;
  padding: 0;
}
dl#propertyDetail dt p {
  width: 100%;
  line-height: 120%;
  background: #edf2f2;
  color: #333;
  padding: 0.3rem 0.5rem;
  border-bottom-right-radius: 6px;
  text-align: center;
}
dl#propertyDetail dd {
  width: calc(100% - 4rem - 1rem);
}
dl#propertyDetail dd p {
  line-height: 160%;
  padding: 0;
}
dl#propertyDetail dd p sup {
  vertical-align: 2px;
}
dl#propertyDetail dd p.price {
  font-weight: 600;
  font-size: 120%;
}
dl#propertyDetail dd p.price span {
  font-size: 80%;
  font-weight: 400;
}
@media (max-width: 768px) {
  dl#propertyDetail dd.wide {
    width: 100%;
    margin-top: 0.6rem;
  }
}

/* ----------------------------------------------------------------------- */
.styles_basic {
  width: 96%;
  height: auto;
  margin: 0 auto;
  padding: 60px 0;
  border-top: 1px solid #333;
}
@media (max-width: 768px) {
  .styles_basic {
    width: 90%;
    padding: 6% 0;
  }
}
.styles_basic .one_period {
  max-width: 1200px;
  margin: 0 auto;
  width: 80%;
}
@media (max-width: 768px) {
  .styles_basic .one_period {
    width: 100%;
  }
}
.styles_basic .one_period img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 30px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .styles_basic .one_period img {
    margin: 3% auto;
  }
}

#Information.styles_basic {
  border-top: 0;
}

/*
Area
/* ----------------------------------------------------------------------- */
#location_mapBox {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 1200px;
  margin: 60px auto 30px;
  padding-bottom: 24%;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media (max-width: 768px) {
  #location_mapBox {
    width: 100%;
    margin: 6% auto;
    padding-bottom: 80%;
  }
}
#location_mapBox iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------------------------------- */
dl#location_notesBox {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 768px) {
  dl#location_notesBox {
    width: 100%;
    display: block;
  }
}
dl#location_notesBox dt, dl#location_notesBox dd {
  width: 48%;
  height: auto;
}
@media (max-width: 768px) {
  dl#location_notesBox dt, dl#location_notesBox dd {
    width: 100%;
  }
}
dl#location_notesBox dt {
  margin-right: 4%;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl#location_notesBox dt {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl#location_notesBox dt {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  dl#location_notesBox dt {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  dl#location_notesBox dt {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  dl#location_notesBox dt {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
@media (max-width: 768px) {
  dl#location_notesBox dt {
    margin-bottom: 9%;
  }
}
dl#location_notesBox dt p {
  margin-bottom: 1.4rem;
}
dl#location_notesBox dt p:last-of-type {
  margin-bottom: 0;
}
dl#location_notesBox dd .btn_button a {
  margin-left: auto;
}
@media (max-width: 768px) {
  dl#location_notesBox dd .btn_button a {
    margin: 0 auto;
  }
}

/*
Photos
/* ----------------------------------------------------------------------- */
#Photos .styles_basic {
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  #Photos .styles_basic {
    padding-bottom: 9%;
  }
}

/* ----------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  #photo_listBox #slide_naviBox {
    display: none !important;
  }
}
#photo_listBox #slide_naviBox.details {
  display: block;
  position: relative;
  z-index: 1;
  height: 50px;
  width: 100%;
  margin-top: 6%;
  top: 0;
  max-width: inherit;
}
#photo_listBox #slide_naviBox.details .swiper-button-prev03,
#photo_listBox #slide_naviBox.details .swiper-button-next03 {
  position: absolute;
  top: 30px;
  width: 10%;
  height: 50px;
  z-index: 999;
  cursor: pointer;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
#photo_listBox #slide_naviBox.details .swiper-button-prev03:hover,
#photo_listBox #slide_naviBox.details .swiper-button-next03:hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#photo_listBox #slide_naviBox.details .swiper-button-prev03 {
  left: 0%;
}
#photo_listBox #slide_naviBox.details .swiper-button-next03 {
  right: auto;
  left: 14%;
}
#photo_listBox #slide_naviBox.details .swiper-button-next03:after,
#photo_listBox #slide_naviBox.details .swiper-button-prev03:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  text-indent: -9999px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#photo_listBox #slide_naviBox.details .swiper-button-prev03:after {
  background-image: url("../img/common/slide_arrow_prev.png");
}
#photo_listBox #slide_naviBox.details .swiper-button-next03:after {
  background-image: url("../img/common/slide_arrow_next.png");
}
#photo_listBox .swiper-pagination {
  bottom: 0rem;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#photo_listBox .swiper-pagination-fraction {
  width: auto;
  right: 0;
}
#photo_listBox .swiper-button-prev03 {
  left: -4%;
}
#photo_listBox .swiper-button-next03 {
  right: -4%;
}

/* ----------------------------------------------------------------------- */
ul#property_photoList {
  width: 90%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  ul#property_photoList {
    width: 100%;
    -ms-flex-wrap: inherit;
        flex-wrap: inherit;
  }
}
ul#property_photoList li {
  width: 32%;
  height: auto;
  margin: 0 2% 2% 0;
}
ul#property_photoList li:nth-of-type(3n) {
  margin-right: 0;
}
@media (max-width: 1080px) {
  ul#property_photoList li {
    width: 49%;
  }
  ul#property_photoList li:nth-of-type(3n) {
    margin-right: 2%;
  }
  ul#property_photoList li:nth-of-type(even) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  ul#property_photoList li {
    width: 100%;
    margin: 0 auto 2%;
  }
  ul#property_photoList li:nth-of-type(even) {
    margin: 0 auto 2%;
  }
  ul#property_photoList li:last-of-type {
    margin-bottom: 0;
  }
}
ul#property_photoList a, ul#property_photoList img {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}
ul#property_photoList img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}
@media (max-width: 768px) {
  ul#property_photoList img {
    aspect-ratio: 1;
  }
}
ul#property_photoList a {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  ul#property_photoList a {
    width: 90%;
    border-radius: 10px;
  }
}
ul#property_photoList a {
  /*&:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.6);
      opacity: 1;
      transition: .2s all;

      @include media(sp) {

          background: rgba(0,0,0,.3);
      }
  }*/
}
ul#property_photoList a:hover {
  opacity: 0.75;
}
ul#property_photoList a:hover:before {
  opacity: 0;
}

/*
Overview
/* ----------------------------------------------------------------------- */
.overview {
  background: #C6CBCB;
  padding-top: 30px;
}
@media (max-width: 768px) {
  .overview {
    padding-top: 4%;
  }
}
.overview:last-of-type {
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .overview:last-of-type {
    padding-bottom: 6%;
  }
}
.overview .styles_basic {
  padding: 30px 0 0;
}
@media (max-width: 768px) {
  .overview .styles_basic {
    padding: 4% 0 0;
  }
}
.overview:last-of-type {
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .overview:last-of-type {
    padding-bottom: 6%;
  }
}

/* ----------------------------------------------------------------------- */
dl.overview_detail_body {
  width: 90%;
  height: auto;
  margin: 0 auto 1.5rem;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl.overview_detail_body:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  dl.overview_detail_body {
    width: 100%;
  }
}
dl.overview_detail_body dt, dl.overview_detail_body dd {
  height: auto;
  padding-bottom: 0.5rem;
  line-height: 160%;
}
dl.overview_detail_body dt:last-of-type, dl.overview_detail_body dd:last-of-type {
  margin-bottom: 0;
}
dl.overview_detail_body dt {
  width: 20%;
  margin-right: 3%;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl.overview_detail_body dt {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl.overview_detail_body dt {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  dl.overview_detail_body dt {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  dl.overview_detail_body dt {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  dl.overview_detail_body dt {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
dl.overview_detail_body dt {
  font-weight: 600;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  dl.overview_detail_body dt {
    width: 30%;
  }
}
dl.overview_detail_body dt.trigger {
  cursor: pointer;
}
dl.overview_detail_body dt.trigger span {
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
}
dl.overview_detail_body dt.trigger span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.4rem;
  width: 0;
  height: 0;
  border-top: 0.6rem solid #333;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-left: 0.4em solid transparent;
  -webkit-transition: 0.1s all;
  transition: 0.1s all;
}
dl.overview_detail_body dt.trigger.active {
  padding-bottom: 1rem;
}
dl.overview_detail_body dt.trigger.active span:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: -0.3rem;
}
dl.overview_detail_body dd {
  width: 77%;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl.overview_detail_body dd {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl.overview_detail_body dd {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  dl.overview_detail_body dd {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  dl.overview_detail_body dd {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  dl.overview_detail_body dd {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
@media (max-width: 768px) {
  dl.overview_detail_body dd {
    width: 67%;
  }
}
dl.overview_detail_body dd.acco_body {
  display: none;
}
@media (max-width: 768px) {
  dl.overview_detail_body.aco_system {
    display: block;
  }
  dl.overview_detail_body.aco_system dt, dl.overview_detail_body.aco_system dd {
    width: 100%;
  }
  dl.overview_detail_body.aco_system dt {
    /* padding-bottom: 1rem; */
  }
}

/* ----------------------------------------------------------------------- */
#Act04 {
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  #Act04 {
    padding-bottom: 6%;
  }
}

/* ----------------------------------------------------------------------- */
#btnOverview {
  width: 90%;
  margin: 60px auto 0;
  max-width: 1200px;
  text-align: right;
}
@media (max-width: 768px) {
  #btnOverview {
    margin: 9% auto 0;
  }
}
#btnOverview a {
  display: inline-block;
}
@media (max-width: 768px) {
  #btnOverview a {
    margin: 0 auto;
  }
}

/*=========================================================================
Q&A
=========================================================================*/
body#page-Faq #mainContents {
  background: #c8cdcd;
}

section#Faq {
  max-width: 1366px;
  margin: 0 auto;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  section#Faq {
    padding-bottom: 9%;
  }
}

/* ----------------------------------------------------------------------- */
.faq_listbody {
  width: 95%;
  margin: 0 auto;
}

/* ----------------------------------------------------------------------- */
.faq_headline {
  border-color: #4d4d4d 0 #4d4d4d 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  line-height: 140%;
  padding: 0.8rem 0;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .faq_headline {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .faq_headline {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  .faq_headline {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  .faq_headline {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}

/* ----------------------------------------------------------------------- */
ul.faq_list {
  list-style-type: none;
  width: 100%;
  height: auto;
  display: block;
  padding: 1rem 0;
}
ul.faq_list > li {
  margin-bottom: 1rem;
}

/* ----------------------------------------------------------------------- */
dl.faq_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: 0 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
dl.faq_box > dt, dl.faq_box > dd {
  height: auto;
}
dl.faq_box > dt {
  width: 3rem;
  line-height: 100%;
  margin-right: 3%;
  padding-bottom: 0.6rem;
  font-size: 40px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl.faq_box > dt {
    font-size: clamp(36px, 2.084vw, 40px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl.faq_box > dt {
    font-size: clamp(30px, 3.002vw, 36px);
  }
}
@media (max-width: 768px) {
  dl.faq_box > dt {
    font-size: clamp(30px, 4.687vw, 36px);
  }
}
@media (max-width: 480px) {
  dl.faq_box > dt {
    font-size: clamp(24px, 6.25vw, 30px);
  }
}
dl.faq_box > dt {
  font-family: "EB", serif !important;
  padding: 0.4rem 0;
}
dl.faq_box > dd {
  width: calc(100% - 3rem - 3%);
  padding: 0.8rem 0;
}
dl.faq_box.aco_trigger {
  position: relative;
  z-index: 1;
}
dl.faq_box.aco_trigger:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../img/common/icon_aco_arrow.svg");
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
dl.faq_box.aco_trigger.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
dl.faq_box.aco_trigger > dd {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl.faq_box.aco_trigger > dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl.faq_box.aco_trigger > dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl.faq_box.aco_trigger > dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl.faq_box.aco_trigger > dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl.faq_box.aco_trigger > dd {
  font-weight: 600;
}
dl.faq_box.aco_trigger > dd p {
  padding-right: 1.4rem;
}
dl.faq_box.aco_body {
  margin-top: 0.5rem;
}
dl.faq_box.aco_body > dd {
  border-bottom: 0;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl.faq_box.aco_body > dd {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl.faq_box.aco_body > dd {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  dl.faq_box.aco_body > dd {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  dl.faq_box.aco_body > dd {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
dl.faq_box.aco_body > dd p {
  margin-bottom: 1.5rem;
}
dl.faq_box.aco_body > dd p:last-of-type {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------- */
.schedule_bloc {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.schedule_bloc:first-of-type {
  margin-top: 1.5rem;
}
.schedule_bloc:first-of-type:before {
  top: 0rem;
}
.schedule_bloc:first-of-type dl.one_schebox:before {
  content: none;
}
.schedule_bloc:last-of-type {
  padding-bottom: 0.3rem;
  margin-bottom: 1.5rem;
}
.schedule_bloc:last-of-type:before {
  height: calc(100% - 0.9rem);
}
.schedule_bloc:before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0rem;
  width: 4rem;
  height: 120%;
  background: #e9efef;
  z-index: -1;
}

dl.one_schebox {
  width: calc(100% - 0.6rem);
  background: #e9efef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.6rem 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  margin: 0 0 0.6rem 5rem;
}
@media (max-width: 768px) {
  dl.one_schebox {
    display: block;
  }
}
dl.one_schebox:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  border-top: 0.6rem solid #c8cdcd;
  border-right: 0.6rem solid #c8cdcd;
  left: -4.2rem;
  top: -2.1rem;
  -webkit-transform: rotate(142deg) skew(15deg);
          transform: rotate(142deg) skew(15deg);
}
dl.one_schebox dt, dl.one_schebox dd {
  height: auto;
}
dl.one_schebox dt {
  width: 12rem;
}
@media (max-width: 768px) {
  dl.one_schebox dt {
    width: 100%;
    margin: 0 0 0.5rem;
  }
}
dl.one_schebox dd {
  width: calc(100% - 12rem);
  font-size: 12px;
}
@media screen and (max-width: 1200px) {
  dl.one_schebox dd {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  dl.one_schebox dd {
    font-size: clamp(11px, 1.692vw, 12px);
  }
}
@media (max-width: 480px) {
  dl.one_schebox dd {
    font-size: clamp(10px, 2.5vw, 11px);
  }
}
@media (max-width: 768px) {
  dl.one_schebox dd {
    width: 100%;
  }
}

.schedule_headline {
  font-weight: 600;
  line-height: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  .schedule_headline {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  .schedule_headline {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  .schedule_headline {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  .schedule_headline {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  .schedule_headline {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
.schedule_headline {
  display: inline-block;
}
.schedule_headline.with_bg {
  background: #989699;
  color: #fff;
  padding: 0.2rem 0.5rem 0.3rem;
}

/* ----------------------------------------------------------------------- */
ul.schedule_list {
  list-style-type: none;
  width: 100%;
  height: auto;
}
ul.schedule_list li {
  margin-bottom: 0.5rem;
  font-size: 12px;
}
@media screen and (max-width: 1200px) {
  ul.schedule_list li {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  ul.schedule_list li {
    font-size: clamp(11px, 1.692vw, 12px);
  }
}
@media (max-width: 480px) {
  ul.schedule_list li {
    font-size: clamp(10px, 2.5vw, 11px);
  }
}
ul.schedule_list li {
  position: relative;
  z-index: 1;
}
ul.schedule_list li:last-of-type {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------- */
.in_link a {
  position: relative;
  z-index: 1;
  padding-right: 12rem;
  color: #4d4d4d;
  text-decoration: none;
}
@media (max-width: 768px) {
  .in_link a {
    display: block;
    padding-right: 2.5rem;
  }
}
.in_link a:hover {
  opacity: 0.75;
}
.in_link a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  width: 40%;
  height: 100%;
  background-image: url("../img/common/icon_arrow_gry.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .in_link a:after {
    width: 3em;
    background-image: url("../img/common/icon_mini_arrow_gry.png");
  }
}

dl.faq_box .in_link a {
  padding-right: 7rem;
}
@media (max-width: 768px) {
  dl.faq_box .in_link a {
    padding-right: 2rem;
    display: inline-block;
  }
}
dl.faq_box .in_link a:after {
  width: 6rem;
}
@media (max-width: 768px) {
  dl.faq_box .in_link a:after {
    width: 1.8rem;
    right: -1.8rem;
  }
}

/*=========================================================================
Members
=========================================================================*/
body#page-Members, body#page-Owner {
  color: #fff;
}
body#page-Members #Wrapper, body#page-Owner #Wrapper {
  background: #857772 !important;
}
body#page-Members #Header, body#page-Owner #Header {
  background: none;
}
body#page-Members #Header #siteLogo img, body#page-Owner #Header #siteLogo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
body#page-Members #Header #menu-trigger span, body#page-Owner #Header #menu-trigger span {
  background: #fff;
}
body#page-Members #Header #menu-trigger p, body#page-Owner #Header #menu-trigger p {
  color: #fff;
}

/* ----------------------------------------------------------------------- */
section#Members .section_basic,
section#Owner .section_basic {
  width: 100%;
}
section#Members .section_title, section#Members .one_period,
section#Owner .section_title,
section#Owner .one_period {
  color: #fff;
}
section#Members .section_title p, section#Members .one_period p,
section#Owner .section_title p,
section#Owner .one_period p {
  color: #fff;
}
section#Members .one_period,
section#Owner .one_period {
  padding: 60px 0;
  width: 100%;
}
@media (max-width: 768px) {
  section#Members .one_period,
  section#Owner .one_period {
    padding: 6% 0;
  }
}
section#Members .one_period.info_box,
section#Owner .one_period.info_box {
  width: 96%;
  padding: 0 1rem;
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  section#Members .one_period.info_box,
  section#Owner .one_period.info_box {
    margin-bottom: 5%;
  }
}
section#Members .period_headline,
section#Owner .period_headline {
  color: #fff;
  padding: 0;
  text-indent: 0;
}
section#Members .btn_toplink,
section#Owner .btn_toplink {
  color: #fff;
}
section#Members .btn_toplink a,
section#Owner .btn_toplink a {
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  section#Members .btn_toplink a,
  section#Owner .btn_toplink a {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  section#Members .btn_toplink a,
  section#Owner .btn_toplink a {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  section#Members .btn_toplink a,
  section#Owner .btn_toplink a {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  section#Members .btn_toplink a,
  section#Owner .btn_toplink a {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  section#Members .btn_toplink a,
  section#Owner .btn_toplink a {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
section#Members .btn_toplink a font,
section#Owner .btn_toplink a font {
  font-size: 12px;
}
@media screen and (max-width: 1200px) {
  section#Members .btn_toplink a font,
  section#Owner .btn_toplink a font {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  section#Members .btn_toplink a font,
  section#Owner .btn_toplink a font {
    font-size: clamp(11px, 1.692vw, 12px);
  }
}
@media (max-width: 480px) {
  section#Members .btn_toplink a font,
  section#Owner .btn_toplink a font {
    font-size: clamp(10px, 2.5vw, 11px);
  }
}
section#Members .btn_toplink a:before,
section#Owner .btn_toplink a:before {
  background-image: url("../img/common/icon_arrow_wh.png");
}
@media (max-width: 768px) {
  section#Members .btn_toplink,
  section#Owner .btn_toplink {
    width: 50%;
    margin-right: 4%;
  }
}

/* ----------------------------------------------------------------------- */
.bg_line {
  padding: 60px 1.5rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .bg_line {
    padding: 6% 1.5rem;
  }
}
.bg_line:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 2%;
  width: 94%;
  height: 66%;
  border: 1px solid #fff;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 768px) {
  .bg_line:after {
    height: 84%;
  }
}

/* ----------------------------------------------------------------------- */
dl#bloc-Registration, dl#bloc-Hankyu, dl#bloc-hanshin {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
dl#bloc-Registration.contents_basic, dl#bloc-Hankyu.contents_basic, dl#bloc-hanshin.contents_basic {
  width: 90%;
  margin: initial;
}
@media (max-width: 768px) {
  dl#bloc-Registration.contents_basic, dl#bloc-Hankyu.contents_basic, dl#bloc-hanshin.contents_basic {
    margin: 0 auto;
  }
}
dl#bloc-Registration dt, dl#bloc-Registration dd, dl#bloc-Hankyu dt, dl#bloc-Hankyu dd, dl#bloc-hanshin dt, dl#bloc-hanshin dd {
  color: #fff;
  height: auto;
}
dl#bloc-Registration dt, dl#bloc-Hankyu dt, dl#bloc-hanshin dt {
  width: 45%;
  margin-right: 0;
  padding: 0 6% 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  dl#bloc-Registration dt, dl#bloc-Hankyu dt, dl#bloc-hanshin dt {
    width: 100%;
    margin: 0 auto 9%;
  }
}
dl#bloc-Registration dd, dl#bloc-Hankyu dd, dl#bloc-hanshin dd {
  width: 55%;
}
@media (max-width: 768px) {
  dl#bloc-Registration dd, dl#bloc-Hankyu dd, dl#bloc-hanshin dd {
    width: 100%;
    margin: 0 auto;
  }
}
dl#bloc-Registration .period_headline, dl#bloc-Hankyu .period_headline, dl#bloc-hanshin .period_headline {
  position: relative;
  z-index: 1;
  width: 90%;
  padding-bottom: 90px;
  max-width: 310px;
}
@media (max-width: 768px) {
  dl#bloc-Registration .period_headline, dl#bloc-Hankyu .period_headline, dl#bloc-hanshin .period_headline {
    padding-bottom: 6%;
    margin-bottom: 9%;
  }
}
dl#bloc-Registration .period_headline:after, dl#bloc-Hankyu .period_headline:after, dl#bloc-hanshin .period_headline:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 60%;
  background: #fff;
}
@media (max-width: 768px) {
  dl#bloc-Registration .period_headline:after, dl#bloc-Hankyu .period_headline:after, dl#bloc-hanshin .period_headline:after {
    width: 30%;
    height: 1px;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
  }
}
dl#bloc-Registration .contents_textbox, dl#bloc-Hankyu .contents_textbox, dl#bloc-hanshin .contents_textbox {
  width: 100%;
  word-break: break-all;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  dl#bloc-Registration .contents_textbox, dl#bloc-Hankyu .contents_textbox, dl#bloc-hanshin .contents_textbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
dl#bloc-Registration .contents_textbox .btn_linksns, dl#bloc-Hankyu .contents_textbox .btn_linksns, dl#bloc-hanshin .contents_textbox .btn_linksns {
  width: 15%;
  max-width: 60px;
}
@media (max-width: 768px) {
  dl#bloc-Registration .contents_textbox .btn_linksns, dl#bloc-Hankyu .contents_textbox .btn_linksns, dl#bloc-hanshin .contents_textbox .btn_linksns {
    width: 46%;
    max-width: 48px;
  }
}
dl#bloc-Registration .contents_textbox .btn_linksns a, dl#bloc-Registration .contents_textbox .btn_linksns img, dl#bloc-Hankyu .contents_textbox .btn_linksns a, dl#bloc-Hankyu .contents_textbox .btn_linksns img, dl#bloc-hanshin .contents_textbox .btn_linksns a, dl#bloc-hanshin .contents_textbox .btn_linksns img {
  width: 100%;
  height: auto;
  display: block;
}
dl#bloc-Registration .contents_textbox .btn_linksns a:hover, dl#bloc-Hankyu .contents_textbox .btn_linksns a:hover, dl#bloc-hanshin .contents_textbox .btn_linksns a:hover {
  opacity: 0.75;
}
dl#bloc-Registration .contents_textbox.twobox, dl#bloc-Hankyu .contents_textbox.twobox, dl#bloc-hanshin .contents_textbox.twobox {
  width: 93%;
  margin: 0 0 0 auto;
}
@media (max-width: 768px) {
  dl#bloc-Registration .contents_textbox.twobox, dl#bloc-Hankyu .contents_textbox.twobox, dl#bloc-hanshin .contents_textbox.twobox {
    width: 100%;
    margin: 0;
  }
}

/* ----------------------------------------------------------------------- */
.contents_pic {
  position: relative;
  z-index: 1;
  width: 55vw;
  height: auto;
  margin: 45px calc(50% - 50vw) 0 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media (max-width: 768px) {
  .contents_pic {
    width: 100vw;
    max-width: inherit;
    margin-top: 8%;
    margin-right: calc(50% - 50vw);
  }
}
.contents_pic img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ----------------------------------------------------------------------- */
dl#bloc-Registration.contents_basic {
  margin-left: 4%;
  margin-right: auto;
}
@media (max-width: 768px) {
  dl#bloc-Registration .contents_textbox.twobox {
    width: 93%;
    margin: 0 auto;
  }
}

/* ----------------------------------------------------------------------- */
dl#bloc-hanshin.contents_basic {
  width: 96%;
  margin-left: auto;
}
@media (max-width: 768px) {
  dl#bloc-hanshin.contents_basic {
    width: 90%;
  }
}
dl#bloc-hanshin .contents_textbox.twobox {
  width: 70%;
}
@media (max-width: 768px) {
  dl#bloc-hanshin .contents_textbox.twobox {
    width: 93%;
  }
}
dl#bloc-hanshin .period_headline {
  max-width: initial;
  width: 100%;
}
dl#bloc-hanshin dt {
  width: 42%;
}
@media (max-width: 768px) {
  dl#bloc-hanshin dt {
    width: 100%;
  }
}
dl#bloc-hanshin dd {
  width: 58%;
}
@media (max-width: 768px) {
  dl#bloc-hanshin dd {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------- */
dl#bloc-Hankyu.contents_basic {
  padding-bottom: 0;
}
dl#bloc-Hankyu.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
dl#bloc-Hankyu.reverse dt {
  width: 50%;
  margin-right: 0;
  padding: 0 6% 0 0;
  position: relative;
  z-index: 1;
  margin-left: 0;
}
@media (max-width: 768px) {
  dl#bloc-Hankyu.reverse dt {
    width: 100%;
    margin: 0 auto 9%;
  }
}
dl#bloc-Hankyu.reverse dd {
  width: 50%;
}
@media (max-width: 768px) {
  dl#bloc-Hankyu.reverse dd {
    width: 100%;
    margin: 0 auto;
  }
}
dl#bloc-Hankyu.reverse .contents_pic {
  margin: 0 0 0 -9vw;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 768px) {
  dl#bloc-Hankyu.reverse .contents_pic {
    width: 92vw;
    margin-right: 0;
    margin-left: calc(50% - 50vw);
  }
}
dl#bloc-Hankyu .contents_textbox.twobox {
  width: 100%;
}
@media (max-width: 768px) {
  dl#bloc-Hankyu .contents_textbox.twobox .btn_toplink {
    margin: 0 0 0 auto;
  }
}

/*=========================================================================
Concept05
=========================================================================*/
body#page-Works #mainContents {
  background: #857772;
}
body#page-Works section#Works .section_basic {
  padding-bottom: 0;
}
body#page-Works section#Works .onr_period {
  color: #fff;
}
body#page-Works section#Works .section_title {
  color: #fff;
}
body#page-Works section#Works .section_title p, body#page-Works section#Works .section_title span {
  color: #fff;
}
body#page-Works section#Works dl.intro_basic p, body#page-Works section#Works dl.intro_basic h3, body#page-Works section#Works dl.intro_basic h4, body#page-Works section#Works dl.intro_basic h5, body#page-Works section#Works dl.intro_basic a, body#page-Works section#Works #brand_detailBloc p, body#page-Works section#Works #brand_detailBloc h3, body#page-Works section#Works #brand_detailBloc h4, body#page-Works section#Works #brand_detailBloc h5, body#page-Works section#Works #brand_detailBloc a {
  color: #fff;
}
body#page-Works section#Works dl.intro_basic dt, body#page-Works section#Works dl.intro_basic dd, body#page-Works section#Works #brand_detailBloc dt, body#page-Works section#Works #brand_detailBloc dd {
  border-top-color: #fff;
  border-bottom-color: #fff;
  color: #fff;
}
body#page-Works section#Works .icon_label { /*
border:1px solid #fff;
*/ }
@media (max-width: 768px) {
  body#page-Works section#Works .btn_toplink {
    width: 90%;
  }
}
body#page-Works section#Works .btn_toplink a {
  color: #fff;
}
body#page-Works section#Works .btn_toplink a:before {
  background-image: url("../img/common/icon_arrow_wh.png");
}

/*=========================================================================
Works
=========================================================================*/
ul#worksList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  ul#worksList {
    margin-top: 6%;
    width: 100%;
  }
}
ul#worksList li {
  width: 48%;
  margin: 0 4% 6% 0;
  border-bottom: 1px solid #fff;
  padding: 45px 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
ul#worksList li:nth-of-type(even) {
  margin-right: 0;
}
@media (max-width: 768px) {
  ul#worksList li {
    width: 100%;
    margin: 0 auto 9%;
    padding: 6% 0;
  }
  ul#worksList li:first-of-type {
    border-top: 1px solid #fff;
  }
  ul#worksList li:nth-of-type(even) {
    margin: 0 auto 9%;
  }
  ul#worksList li:last-of-type {
    margin-bottom: 0;
  }
}

/*----------------------------------------------------------------- */
#works_listContainer {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #works_listContainer {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  #works_listContainer .works_thumb {
    width: 100%;
  }
}
#works_listContainer .works_thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 3/2;
}
@media (max-width: 768px) {
  #works_listContainer .works_thumb img {
    aspect-ratio: 1;
  }
}
#works_listContainer .works_detailbox {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #works_listContainer .works_detailbox {
    width: 100%;
  }
}
#works_listContainer .works_headline {
  padding-right: 5rem;
}
#works_listContainer .icon_label {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  #works_listContainer .icon_label {
    position: static;
    margin: 0 0 0.5rem auto;
    display: block;
    max-width: 3.5rem;
  }
}
#works_listContainer .btn_toplink {
  padding: 0;
  display: inline-block;
  width: auto !important;
  max-width: inherit;
}
#works_listContainer .btn_toplink a {
  display: block;
  width: inherit;
  padding: 0;
}
#works_listContainer .btn_toplink a:hover {
  opacity: 0.75;
}
#works_listContainer .btn_toplink a:before {
  left: calc(100% + 1rem);
  width: 90%;
}

/*----------------------------------------------------------------- */
#worksPager {
  padding: 30px 0 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #worksPager {
    padding: 3% 0 6%;
  }
}
#worksPager:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background-color: #C8CDCD;
}

/*=========================================================================
WORKS：DETAIL
=========================================================================*/
#works_viewBody, ul#firstviewList, ul#firstviewList li, ul#firstviewList li img {
  width: 100%;
  height: auto;
}

#works_viewBody, ul#firstviewList {
  margin: 0 auto;
}

#works_viewBody ul#firstviewList {
  list-style-type: none;
}
#works_viewBody ul#firstviewList li img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/*----------------------------------------------------------------- */
section#worksDetail .section_basic {
  padding-top: 0;
  padding-bottom: 0px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  section#worksDetail .section_basic {
    margin-bottom: 2%;
  }
}
section#worksDetail #Introduction {
  padding-top: 45px;
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  margin-bottom: 0;
  width: 94%;
}
@media (max-width: 768px) {
  section#worksDetail #Introduction {
    width: 96%;
    padding-top: 6%;
    padding-bottom: 3%;
    margin: 0 auto;
  }
}
section#worksDetail #Introduction:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background: #857772;
}
section#worksDetail #Introduction #salesCatch p {
  color: #fff;
}
@media (max-width: 768px) {
  section#worksDetail #Introduction #salesCatch {
    border-top-color: #fff;
  }
}
section#worksDetail #Introduction #salesName,
section#worksDetail #Introduction #salesPlace {
  color: #fff;
}
section#worksDetail #Introduction dl#propertyDetail dd p {
  color: #fff;
}
section#worksDetail #Introduction #btnFloor.btn_button {
  margin-top: 1rem;
}
section#worksDetail {
  /*----------------------------------------------------------------- */
}
section#worksDetail dl#Works-Intro {
  width: 100%;
  border-bottom: 1px solid #fff;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  section#worksDetail dl#Works-Intro {
    padding: 3% 0;
    margin-bottom: 2%;
  }
}
section#worksDetail dl#Works-Intro dt, section#worksDetail dl#Works-Intro dd {
  padding: 30px 0;
  width: 48%;
  height: auto;
  border-top: 1px solid #fff;
}
section#worksDetail dl#Works-Intro dt {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 4%;
}
section#worksDetail dl#Works-Intro dt dl#propertyDetail dt, section#worksDetail dl#Works-Intro dt dl#propertyDetail dd {
  border-top: 0;
  padding: 0;
}
section#worksDetail dl#Works-Intro dt dl#propertyDetail dt {
  width: 4rem;
}
section#worksDetail dl#Works-Intro dd .sales_list_catbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
section#worksDetail dl#Works-Intro dd .sales_list_catbox p {
  margin-left: auto;
}

.detail .sales_list_genre {
  margin-left: initial !important;
}

/*=========================================================================
JOURNAL
=========================================================================*/
body#page-Journal #mainContents,
body#page-Journal.detail #mainContents {
  background: #C8CDCD;
}

/* Journal：Firstview
/*----------------------------------------------------------------- */
#journal_viewBody {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 0px 0 45px;
  /*min-height: 80vh;*/
}
@media (max-width: 768px) {
  #journal_viewBody {
    min-height: auto;
    height: auto;
    padding: 2% 0 9%;
  }
}
#journal_viewBody {
  /*
      &:after {
          content: "";
          position: absolute;
          width: 80%;
          max-width: 760px;
          height: 110%;
          left: 50%;
          top:-20%;
          transform: translateX(-50%) skew(-5deg, -5deg);
          border: 1px solid #fff;
          border-top: 0;
          z-index: 0;


             @include media(sp) {
              content: none !important;
           }
      }
           */
}

/*----------------------------------------------------------------- */
#Information.styles_basic.grid {
  max-width: initial;
  width: 96%;
}
#Information.styles_basic.grid .one_period {
  width: 100%;
  max-width: initial;
}
#Information.styles_basic.grid ul#property_photoList {
  width: 100%;
  max-width: initial;
}
#Information.styles_basic.grid ul#property_photoList li {
  width: 31.3%;
}
#Information.styles_basic.grid ul#property_photoList li:nth-of-type(3n) {
  margin-right: 0;
}
#Information.styles_basic.grid ul#property_photoList li {
  overflow: hidden;
}
@media (max-width: 768px) {
  #Information.styles_basic.grid ul#property_photoList li {
    margin: 0 1% 2% 0;
    width: initial;
    width: 48%;
  }
  #Information.styles_basic.grid ul#property_photoList li:nth-of-type(3n) {
    margin-right: 1%;
  }
  #Information.styles_basic.grid ul#property_photoList li:nth-of-type(even) {
    margin-right: 0;
  }
}
#Information.styles_basic.grid ul#property_photoList li img {
  width: 100%;
  display: block;
  margin: 0 auto;
  aspect-ratio: auto !important;
  margin: initial !important;
  border-radius: 0 !important;
}
#Information.styles_basic.grid ul#property_photoList li a {
  border-radius: 0;
}
#Information.styles_basic.grid ul#property_photoList li.swiper-slide {
  display: block;
}

/*----------------------------------------------------------------- */
body#page-Journal #viewContainer {
  width: 70%;
  height: auto;
  margin: 0 auto;
  max-width: 640px;
}
@media (max-width: 768px) {
  body#page-Journal #viewContainer {
    width: 90%;
  }
}
body#page-Journal #viewContainer p {
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 180%;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  body#page-Journal #viewContainer p {
    font-size: clamp(11px, 1.083vw, 13px);
  }
}
@media (max-width: 768px) {
  body#page-Journal #viewContainer p {
    font-size: clamp(12px, 2.343vw, 13px);
  }
}
@media (max-width: 480px) {
  body#page-Journal #viewContainer p {
    font-size: 3.125vw;
  }
}

/*----------------------------------------------------------------- */
#viewColumn {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 4% 0;
}
@media (max-width: 768px) {
  #viewColumn {
    padding: 0;
  }
}
#viewColumn:before, #viewColumn:after {
  content: "";
  background: #fff;
  width: 2.5rem;
  height: 1px;
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  #viewColumn:before, #viewColumn:after {
    content: none;
  }
}
#viewColumn:before {
  top: 0;
}
#viewColumn:after {
  bottom: 0;
}

/*----------------------------------------------------------------- */
#journal_listTitle {
  position: relative;
  z-index: 1;
  max-width: 430px;
  color: #fff;
  line-height: 120%;
  font-weight: 400;
  font-family: "EB", serif !important;
  margin: 0 auto 30px;
  font-size: 55px;
}
@media (max-width: 768px) {
  #journal_listTitle {
    padding: 6% 0;
    margin-bottom: 9%;
    position: relative;
    z-index: 1;
  }
  #journal_listTitle:before, #journal_listTitle:after {
    content: "";
    background: #fff;
    width: 2.5rem;
    height: 1px;
    position: absolute;
    left: 0;
  }
  #journal_listTitle:before {
    top: 0;
  }
  #journal_listTitle:after {
    bottom: 0;
  }
}
@media (max-width: 480px) {
  #journal_listTitle {
    font-size: 11.45vw;
  }
}
#journal_listTitle img {
  width: 100%;
  height: auto;
  display: block;
}
#journal_listTitle p {
  font-weight: 600 !important;
  line-height: 120%;
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  #journal_listTitle p {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  #journal_listTitle p {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  #journal_listTitle p {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  #journal_listTitle p {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}
#journal_listTitle p {
  color: #fff;
  margin-bottom: 1rem;
}

#journal_cateName {
  text-align: center;
  margin: 2rem auto 0;
  font-weight: 400;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  #journal_cateName {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #journal_cateName {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  #journal_cateName {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}
#journal_cateName {
  font-family: "EB", serif !important;
  letter-spacing: 2px;
}
#journal_cateName span {
  display: inline-block;
  margin-left: 2.5rem;
  position: relative;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #journal_cateName span {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #journal_cateName span {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  #journal_cateName span {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  #journal_cateName span {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
#journal_cateName span {
  letter-spacing: 0;
  z-index: 1;
  font-family: "Zen", sans-serif !important;
}
#journal_cateName span:before {
  content: "";
  position: absolute;
  top: 55%;
  left: -2rem;
  width: 1.5rem;
  height: 1px;
  background: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*----------------------------------------------------------------- */
#viewCatch {
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1rem;
  letter-spacing: 2px;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  #viewCatch {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  #viewCatch {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  #viewCatch {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  #viewCatch {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
@media (max-width: 768px) {
  #viewCatch {
    margin-bottom: 8%;
  }
}

/* Journal：CATEGORY NAVI
/*----------------------------------------------------------------- */
#category_naviBloc {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 96%;
  height: auto;
  margin: 0 auto;
  padding: 1rem 0;
}
@media (max-width: 768px) {
  #category_naviBloc {
    width: 90%;
  }
}

ul#category_naviList {
  list-style-type: none;
  width: 90%;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul#category_naviList li {
  margin-right: 4%;
}
ul#category_naviList li:last-of-type {
  margin-right: 0;
}
ul#category_naviList li {
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  ul#category_naviList li {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  ul#category_naviList li {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  ul#category_naviList li {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  ul#category_naviList li {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
ul#category_naviList li a {
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
ul#category_naviList li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 0;
  height: 1px;
  background: #333;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
ul#category_naviList li a:hover:after {
  width: 100%;
}
ul#category_naviList.all li.cat-all a:after, ul#category_naviList.living li.cat-living a:after, ul#category_naviList.make li.cat-make a:after, ul#category_naviList.learn li.cat-learn a:after {
  width: 100%;
}

/* Journal Main List
/*----------------------------------------------------------------- */
#journal_listContainer.section_basic {
  padding-top: 0;
}
#journal_listContainer ul#top_journalList {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #journal_listContainer ul#top_journalList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding-top: 12%;
  }
}
@media screen and (min-width: 769px) {
  #journal_listContainer ul#top_journalList li.swiper-slide {
    height: initial;
  }
}
#journal_listContainer ul#top_journalList li {
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #journal_listContainer ul#top_journalList li {
    width: 94%;
    margin: 0 auto;
    padding: 0% 0 9%;
  }
  #journal_listContainer ul#top_journalList li:first-of-type {
    padding-top: 9%;
    border-top: 1px solid #333;
  }
}
#journal_listContainer ul#top_journalList li:nth-of-type(-n+3) {
  margin-top: 0;
}
@media (max-width: 768px) {
  #journal_listContainer ul#top_journalList li:nth-of-type(-n+3) {
    margin: 4.5% auto;
  }
  #journal_listContainer ul#top_journalList li:nth-of-type(-n+3):first-of-type {
    margin-top: 0;
  }
}
#journal_listContainer .journal_thumb {
  aspect-ratio: 1/1;
}
@media (max-width: 768px) {
  #journal_listContainer .journal_thumb {
    aspect-ratio: 1;
  }
}
#journal_listContainer .journal_thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  #journal_listContainer #journalPager.pager {
    margin-top: 0%;
  }
}
@media (max-width: 768px) {
  #journal_listContainer.full .journal_thumb, #journal_listContainer.full .journal_detailbox {
    width: 100% !important;
  }
}

/* Journal：TAG LINK LIST
/*----------------------------------------------------------------- */
#tag_linkBloc {
  width: 96%;
  height: auto;
  margin: 0 auto 30px;
  border-top: 1px solid #333;
  padding: 45px 0 0;
}
@media (max-width: 768px) {
  #tag_linkBloc {
    width: 90%;
    padding: 6% 0 0%;
    margin-bottom: 4%;
  }
}

ul.tag_linklist {
  width: 90%;
  height: auto;
  margin: 45px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.tag_linklist:first-of-type {
  margin-top: 0;
}
@media (max-width: 768px) {
  ul.tag_linklist {
    margin-top: 6%;
  }
}
ul.tag_linklist li {
  margin: 0 1.4rem 15px 0;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  ul.tag_linklist li {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  ul.tag_linklist li {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  ul.tag_linklist li {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  ul.tag_linklist li {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  ul.tag_linklist li {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
ul.tag_linklist li:last-of-type {
  margin-right: 0;
}
@media (max-width: 768px) {
  ul.tag_linklist li {
    margin-bottom: 0.5rem;
  }
}
ul.tag_linklist li a {
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
ul.tag_linklist li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 0;
  height: 1px;
  background: #333;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
ul.tag_linklist li a:hover:after {
  width: 100%;
}

/*=========================================================================
JOURNAL：DETAIL
=========================================================================*/
#journal_firstView {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#journal_firstView img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/*----------------------------------------------------------------- */
body#page-Journal.detail #journal_listTitle,
body#page-Journal.detail #journal_listTitle p {
  color: #fff;
}
@media (max-width: 768px) {
  body#page-Journal.detail #journal_listTitle,
  body#page-Journal.detail #journal_listTitle p {
    color: #333;
  }
}
body#page-Journal.detail #journal_viewBody {
  min-height: inherit;
}
@media (max-width: 768px) {
  body#page-Journal.detail #journal_viewBody {
    padding-bottom: 0;
  }
}
body#page-Journal.detail #viewContainer:after {
  content: none;
}
@media (max-width: 768px) {
  body#page-Journal.detail #viewContainer {
    padding: 6% 0 0;
  }
}

/*----------------------------------------------------------------- */
#journalLogo {
  display: none;
}
@media (max-width: 768px) {
  #journalLogo {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36%;
    height: auto;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #journalLogo img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*----------------------------------------------------------------- */
#journal_headBloc {
  padding: 60px 0 0;
  width: 96%;
  max-width: 1366px;
  height: auto;
  margin: 0 auto;
  /*border-bottom: 1px solid #333;*/
}
@media (max-width: 768px) {
  #journal_headBloc {
    padding: 6% 0 0;
    width: 90%;
    /* margin-bottom: 3%; */
  }
}

/*----------------------------------------------------------------- */
dl#journal_titleBox {
  max-width: 1366px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#journal_titleBox {
    display: block;
  }
}
dl#journal_titleBox dt, dl#journal_titleBox dd {
  width: 48.5%;
  height: auto;
  padding: 30px 0;
}
@media (max-width: 768px) {
  dl#journal_titleBox dt, dl#journal_titleBox dd {
    width: 100%;
    padding: 6% 0;
  }
}
dl#journal_titleBox dt.title_box, dl#journal_titleBox dd.title_box {
  border-top: 1px solid #333;
}
dl#journal_titleBox dt .one_period, dl#journal_titleBox dd .one_period {
  width: 90%;
  height: auto;
}
@media (max-width: 768px) {
  dl#journal_titleBox dt .one_period, dl#journal_titleBox dd .one_period {
    width: 100%;
  }
}
dl#journal_titleBox dt {
  margin-right: 3%;
}
@media (max-width: 768px) {
  dl#journal_titleBox dt {
    margin: 0 auto;
    border-top: 1px solid #333;
  }
}
dl#journal_titleBox dd.title_box {
  text-align: right;
}
@media (max-width: 768px) {
  dl#journal_titleBox dd {
    display: none;
  }
}

/*----------------------------------------------------------------- */
.journal_number {
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  .journal_number {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  .journal_number {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  .journal_number {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  .journal_number {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
.journal_number {
  text-align: right;
}
@media (max-width: 768px) {
  .journal_number {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

/*----------------------------------------------------------------- */
#journal_subHeadline {
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 0.5rem;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #journal_subHeadline {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #journal_subHeadline {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  #journal_subHeadline {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  #journal_subHeadline {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}

/*----------------------------------------------------------------- */
#journalTitle {
  font-weight: 600;
  line-height: 180%;
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  #journalTitle {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #journalTitle {
    font-size: clamp(22px, 3.125vw, 24px);
  }
}
@media (max-width: 480px) {
  #journalTitle {
    font-size: clamp(20px, 4.583vw, 22px);
  }
}

/*----------------------------------------------------------------- */
#categoryName {
  line-height: 140%;
  font-weight: 600;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #categoryName {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #categoryName {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #categoryName {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #categoryName {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
#categoryName {
  margin-bottom: 0.5rem;
}

/*----------------------------------------------------------------- */
ul#titleLink.tag_linklist {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*----------------------------------------------------------------- */
#titleCatch {
  line-height: 140%;
  font-size: 55px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #titleCatch {
    font-size: clamp(50px, 2.866vw, 55px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #titleCatch {
    font-size: clamp(44px, 4.17vw, 50px);
  }
}
@media (max-width: 768px) {
  #titleCatch {
    font-size: clamp(38px, 5.729vw, 44px);
  }
}
@media (max-width: 480px) {
  #titleCatch {
    font-size: 7.5vw;
  }
}
#titleCatch {
  font-family: "EB", serif;
  font-weight: 400;
  letter-spacing: 2px;
}
#titleCatch p {
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  #titleCatch p {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  #titleCatch p {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  #titleCatch p {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  #titleCatch p {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}
#titleCatch p {
  margin-bottom: 1rem;
  color: #fff;
  font-weight: 900;
  font-family: "Zen", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
}
#titleCatch img {
  width: 60%;
  height: auto;
  display: block;
}

#journalTitle {
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: initial;
}
#journalTitle img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 360px;
}

#journalInfo.one_period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*----------------------------------------------------------------- */
#journal_articleBody {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #EBF0F0;
  padding: 90px 0;
}
@media (max-width: 768px) {
  #journal_articleBody {
    padding: 12% 0;
  }
}

.journal_column {
  max-width: 1366px;
  width: 96%;
  margin: 0 auto;
  padding: 60px 0;
  border-bottom: 1px solid #333;
}
@media (max-width: 768px) {
  .journal_column {
    width: 90%;
    padding: 9% 0;
  }
}
.journal_column:first-of-type {
  padding-top: 0;
}
.journal_column:last-of-type {
  border-bottom: 0;
}
.journal_column .one_period {
  max-width: 1200px;
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  .journal_column .one_period {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  .journal_column .one_period {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  .journal_column .one_period {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  .journal_column .one_period {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
.journal_column .one_period {
  line-height: 180%;
}
@media (max-width: 768px) {
  .journal_column .one_period {
    width: 100%;
  }
}
.journal_column .one_period p {
  margin-bottom: 2.5rem;
}
.journal_column .one_period p:last-of-type {
  margin-bottom: 0;
}
.journal_column .one_period span {
  color: #666;
  text-align: center;
  display: block;
  margin: 0.5rem auto 0;
  width: 86%;
  height: auto;
  font-size: 90%;
}
.journal_column img {
  display: block;
  width: auto;
  height: auto;
  max-width: 86%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .journal_column img {
    max-width: inherit;
    width: 100%;
    margin: 0% auto;
  }
}
.journal_column a {
  color: #333;
  text-decoration: none;
  position: relative;
}
.journal_column a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #333;
}
.journal_column a:hover:after {
  width: 100%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/*----------------------------------------------------------------- */
dl.interviewee_databox {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  margin: 0 auto 60px;
}
@media (max-width: 768px) {
  dl.interviewee_databox {
    display: block;
    margin-bottom: 6%;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #333;
  }
}
dl.interviewee_databox dt, dl.interviewee_databox dd {
  width: 50%;
  height: auto;
  position: relative;
  z-index: 1;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  dl.interviewee_databox dt, dl.interviewee_databox dd {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  dl.interviewee_databox dt, dl.interviewee_databox dd {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  dl.interviewee_databox dt, dl.interviewee_databox dd {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  dl.interviewee_databox dt, dl.interviewee_databox dd {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
@media (max-width: 768px) {
  dl.interviewee_databox dt, dl.interviewee_databox dd {
    width: 100%;
  }
}
dl.interviewee_databox dt .column, dl.interviewee_databox dd .column {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl.interviewee_databox dt .column, dl.interviewee_databox dd .column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  dl.interviewee_databox dd {
    padding: 6% 0 9%;
    margin: 0;
  }
}
dl.interviewee_databox dd:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #333;
}
@media (max-width: 768px) {
  dl.interviewee_databox dd:before {
    content: none;
  }
}

dl#companyCase.interviewee_databox dt {
  width: 55%;
}
@media (max-width: 768px) {
  dl#companyCase.interviewee_databox dt {
    width: 100%;
    margin-bottom: 6%;
  }
}
dl#companyCase.interviewee_databox dd {
  width: 45%;
}
@media (max-width: 768px) {
  dl#companyCase.interviewee_databox dd {
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#caseStudy.interviewee_databox {
  margin-top: 90px;
}
@media (max-width: 768px) {
  dl#caseStudy.interviewee_databox {
    border-bottom: 0;
    border-top: 1px solid #333;
    margin: 9% auto 0;
    padding: 6% 0 0;
  }
}

/*----------------------------------------------------------------- */
#intervieweePhoto {
  width: 40%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: block;
}
@media (max-width: 768px) {
  #intervieweePhoto {
    width: 50%;
    margin: 0 auto 0 0;
  }
}
#intervieweePhoto img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #intervieweePhoto img {
    margin: 0;
  }
}

/*----------------------------------------------------------------- */
#intervieweeName {
  font-weight: 600;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #intervieweeName {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #intervieweeName {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #intervieweeName {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #intervieweeName {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
#intervieweeName {
  margin-bottom: 1.4rem;
}

#intervieweeAdd {
  font-weight: 600;
}

#intervieweeHeadline {
  font-weight: 400;
  margin-bottom: 1.4rem;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #intervieweeHeadline {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #intervieweeHeadline {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #intervieweeHeadline {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #intervieweeHeadline {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}

/*----------------------------------------------------------------- */
.column_headline {
  text-align: center;
  font-weight: 600;
  line-height: 160%;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .column_headline {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .column_headline {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  .column_headline {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  .column_headline {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
.column_headline {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .column_headline {
    text-align: left;
    margin-bottom: 6%;
  }
}

/*
Journal BOTTOM CONTENTS
/*----------------------------------------------------------------- */
#journal_bottomBloc {
  width: 96%;
  height: auto;
  margin: 0 auto;
  max-width: 1366px;
}
@media (max-width: 768px) {
  #journal_bottomBloc {
    width: 90%;
  }
}

#writer_signBox {
  height: auto;
  width: 48%;
  max-width: 310px;
}
@media (max-width: 768px) {
  #writer_signBox {
    width: 100%;
    max-width: inherit;
    margin: 0 auto;
  }
}
#writer_signBox .one_period {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 45px 5%;
  width: 100%;
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  #writer_signBox .one_period {
    padding: 9% 0%;
    margin-bottom: 12%;
  }
}

/*----------------------------------------------------------------- */
#writerSign, #articleUpdate {
  line-height: 160%;
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  #writerSign, #articleUpdate {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  #writerSign, #articleUpdate {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  #writerSign, #articleUpdate {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  #writerSign, #articleUpdate {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}

#writerSign {
  margin-bottom: 1.5rem;
}

/*----------------------------------------------------------------- */
#pageBack {
  position: relative;
  z-index: 1;
  font-size: 14px;
}
@media screen and (max-width: 1919px) {
  #pageBack {
    font-size: clamp(13px, 0.833vw, 14px);
  }
}
@media screen and (max-width: 1200px) {
  #pageBack {
    font-size: clamp(12px, 1.166vw, 13px);
  }
}
@media (max-width: 768px) {
  #pageBack {
    font-size: clamp(12px, 1.9531vw, 13px);
  }
}
@media (max-width: 480px) {
  #pageBack {
    font-size: clamp(11px, 2.708vw, 12px);
  }
}
#pageBack {
  width: 94%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #pageBack {
    width: 100%;
    margin: 0;
    text-align: left;
  }
}
#pageBack a {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
  color: #333;
  text-decoration: none !important;
}
#pageBack a:hover {
  opacity: 0.75;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
#pageBack a span {
  display: block;
  width: 52%;
  margin-left: auto;
}
@media (max-width: 768px) {
  #pageBack a span {
    display: inline-block;
    width: auto;
    padding-left: 35%;
    margin: 0;
  }
}
#pageBack a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 48%;
  height: 0.5rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-image: url("../img/common/icon_arrow_gry.svg");
}
@media (max-width: 768px) {
  #pageBack a:before {
    width: 25%;
  }
}

/*=========================================================================
NEWS：Article
=========================================================================*/
section#News {
  padding: 60px 0;
}
@media (max-width: 768px) {
  section#News {
    padding: 6% 0;
  }
}

/*----------------------------------------------------------------- */
body#page-News #mainContents {
  background: #C6CBCB;
}

/*----------------------------------------------------------------- */
#news_articleContainer {
  width: 90%;
  height: auto;
  max-width: 1366px;
  margin: 0 auto;
}
#news_articleContainer .section_title {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  #news_articleContainer .section_title {
    margin-bottom: 6%;
  }
}
#news_articleContainer .one_period {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 100%;
  padding: 45px 0;
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  #news_articleContainer .one_period {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  #news_articleContainer .one_period {
    font-size: clamp(13px, 1.166vw, 14px);
  }
}
@media screen and (max-width: 900px) {
  #news_articleContainer .one_period {
    font-size: clamp(12px, 1.444vw, 13px);
  }
}
@media (max-width: 768px) {
  #news_articleContainer .one_period {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media (max-width: 480px) {
  #news_articleContainer .one_period {
    font-size: clamp(12px, 2.916vw, 13px);
  }
}
@media (max-width: 768px) {
  #news_articleContainer .one_period {
    padding: 6% 0;
  }
}
#news_articleContainer .section_title p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #news_articleContainer .section_title p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #news_articleContainer .section_title p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #news_articleContainer .section_title p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #news_articleContainer .section_title p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}

/*----------------------------------------------------------------- */
.journal_column h3, .journal_column h4, .journal_column h5, .journal_column h6, #news_articleTxt h3, #news_articleTxt h4, #news_articleTxt h5, #news_articleTxt h6 {
  line-height: 160%;
  margin-bottom: 1rem;
}
.journal_column h3, #news_articleTxt h3 {
  font-size: 36px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .journal_column h3, #news_articleTxt h3 {
    font-size: clamp(32px, 1.8759vw, 36px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .journal_column h3, #news_articleTxt h3 {
    font-size: clamp(30px, 2.668vw, 32px);
  }
}
@media (max-width: 768px) {
  .journal_column h3, #news_articleTxt h3 {
    font-size: clamp(26px, 3.906vw, 30px);
  }
}
@media (max-width: 480px) {
  .journal_column h3, #news_articleTxt h3 {
    font-size: clamp(24px, 5.416vw, 26px);
  }
}
.journal_column h4, #news_articleTxt h4 {
  font-size: 32px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .journal_column h4, #news_articleTxt h4 {
    font-size: clamp(28px, 1.667vw, 32px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .journal_column h4, #news_articleTxt h4 {
    font-size: clamp(26px, 2.335vw, 28px);
  }
}
@media (max-width: 768px) {
  .journal_column h4, #news_articleTxt h4 {
    font-size: clamp(24px, 3.385vw, 26px);
  }
}
@media (max-width: 480px) {
  .journal_column h4, #news_articleTxt h4 {
    font-size: clamp(20px, 5vw, 24px);
  }
}
.journal_column h5, #news_articleTxt h5 {
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  .journal_column h5, #news_articleTxt h5 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .journal_column h5, #news_articleTxt h5 {
    font-size: clamp(22px, 3.125vw, 24px);
  }
}
@media (max-width: 480px) {
  .journal_column h5, #news_articleTxt h5 {
    font-size: clamp(20px, 4.583vw, 22px);
  }
}
.journal_column h6, #news_articleTxt h6 {
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .journal_column h6, #news_articleTxt h6 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .journal_column h6, #news_articleTxt h6 {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  .journal_column h6, #news_articleTxt h6 {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}
.journal_column a, #news_articleTxt a {
  position: relative;
  z-index: 1;
  color: #333;
  text-decoration: none;
}
.journal_column a:after, #news_articleTxt a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #333;
}
.journal_column a:hover, #news_articleTxt a:hover {
  color: #f20;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
.journal_column a:hover:after, #news_articleTxt a:hover:after {
  width: 0;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/*----------------------------------------------------------------- */
#newsUpdate {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #newsUpdate {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #newsUpdate {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #newsUpdate {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #newsUpdate {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}

#news_articleTitle {
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  #news_articleTitle {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #news_articleTitle {
    font-size: clamp(22px, 3.125vw, 24px);
  }
}
@media (max-width: 480px) {
  #news_articleTitle {
    font-size: clamp(20px, 4.583vw, 22px);
  }
}
#news_articleTitle {
  margin-bottom: 1rem;
  font-weight: 400;
}

#news_articleTxt {
  font-size: 16px;
}
@media screen and (max-width: 1919px) {
  #news_articleTxt {
    font-size: clamp(15px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1200px) {
  #news_articleTxt {
    font-size: clamp(14px, 1.334vw, 15px);
  }
}
@media (max-width: 768px) {
  #news_articleTxt {
    font-size: clamp(14px, 1.95vw, 15px);
  }
}
@media (max-width: 480px) {
  #news_articleTxt {
    font-size: clamp(13px, 2.916vw, 14px);
  }
}
#news_articleTxt {
  line-height: 180%;
}
#news_articleTxt img {
  width: auto;
  height: auto;
  display: inline-block;
  max-width: 100%;
}
#news_articleTxt iframe {
  max-width: 560px;
  max-height: 315px;
  display: inline-block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
}

/*=========================================================================
CONCEPT
=========================================================================*/
section#Concept.column {
  padding: 100px 0;
}
@media (max-width: 768px) {
  section#Concept.column {
    padding-top: 9%;
  }
}
section#Concept dl.contents_basic .one_period {
  padding-right: 0;
}
@media (max-width: 1080px) {
  section#Concept dl.contents_basic .one_period {
    width: 95%;
  }
}
section#Concept dl.contents_basic .bloc_catchcopy {
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  section#Concept dl.contents_basic .bloc_catchcopy {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  section#Concept dl.contents_basic .bloc_catchcopy {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  section#Concept dl.contents_basic .bloc_catchcopy {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  section#Concept dl.contents_basic .bloc_catchcopy {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
section#Concept .contents_imagebox {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  section#Concept .contents_imagebox {
    margin-top: 6%;
  }
}
section#Concept .contents_imagebox.line01:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 32%;
  background: #333;
  right: 10%;
  top: 5%;
}
@media (max-width: 768px) {
  section#Concept .contents_imagebox.line01:after {
    content: none;
  }
}
section#Concept .contents_imagebox .contents_photo {
  width: 74%;
  max-height: 600px;
}
@media (max-width: 768px) {
  section#Concept .contents_imagebox .contents_photo {
    width: 96%;
  }
}
section#Concept .contents_imagebox .contents_photo img {
  -o-object-fit: cover;
     object-fit: cover;
}
section#Concept p {
  line-height: 220% !important;
}
section#Concept p a {
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
  display: inline-block;
}
section#Concept p a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #333;
}
section#Concept p a:hover {
  color: #f20;
}
section#Concept p a:hover:after {
  width: 0%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
@media (max-width: 768px) {
  section#Concept #Style01 dl.contents_basic dd {
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#main-Concept .one_period {
  padding-top: 2rem;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#main-Concept .one_period {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#main-Concept .one_period {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#main-Concept .one_period {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#main-Concept .one_period {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#main-Concept .one_period {
    padding-top: 0;
  }
}
dl#main-Concept .contents_textbox p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#main-Concept .contents_textbox p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#main-Concept .contents_textbox p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#main-Concept .contents_textbox p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#main-Concept .contents_textbox p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}

/*----------------------------------------------------------------- */
#Style01.section_basic.line:before {
  height: 50%;
  max-height: 400px;
}
@media (max-width: 768px) {
  #Style01.section_basic.line:before {
    height: 90%;
    max-height: inherit;
  }
}
#Style01.section_basic dl.contents_basic {
  padding-bottom: 0;
}

/*----------------------------------------------------------------- */
.message_box {
  width: 58%;
  height: auto;
  margin-left: 5%;
  max-width: 1366px;
  padding: 45px 0 60px;
}
@media (max-width: 768px) {
  .message_box {
    width: 90%;
    margin: 0 auto;
    padding: 12% 0 6%;
  }
}
.message_box p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .message_box p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .message_box p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  .message_box p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  .message_box p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
.message_box p {
  margin-bottom: 1.4rem;
}
.message_box p:last-child {
  margin-bottom: 0;
}

/*
Subsection03
/*----------------------------------------------------------------- */
dl#Subsection03 {
  width: 90%;
  height: auto;
  margin: 0 0 90px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  dl#Subsection03 {
    width: 100%;
    display: block;
    margin: 12% auto 16%;
  }
}
dl#Subsection03.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
dl#Subsection03 .concept_photo {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
}
dl#Subsection03 dt, dl#Subsection03 dd {
  height: auto;
  padding: 0;
  margin: 0;
}
dl#Subsection03 dt {
  width: 50%;
}
@media (max-width: 768px) {
  dl#Subsection03 dt {
    width: 80%;
    margin: 0 0 16% auto;
  }
}
dl#Subsection03 dd {
  width: 50%;
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Subsection03 dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Subsection03 dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Subsection03 dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Subsection03 dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Subsection03 dd {
    width: 80%;
    margin-left: auto;
  }
}

.concept_photo {
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
  max-height: 540px;
}
.concept_photo img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
Subsection04
/*----------------------------------------------------------------- */
#Subsection04 .one_period {
  width: 58%;
  height: auto;
  margin: 0 0 6% 10%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #Subsection04 .one_period {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #Subsection04 .one_period {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #Subsection04 .one_period {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #Subsection04 .one_period {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  #Subsection04 .one_period {
    width: 90%;
    margin: 0 auto 18%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept04 {
  width: 90%;
  margin-bottom: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept04 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept04 .one_period {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept04 .one_period {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept04 .one_period {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept04 .one_period {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept04 .one_period {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept04 dt {
  width: 30%;
  padding: 0 5%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept04 dt {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept04 dt {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept04 dt {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept04 dt {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept04 dt {
    width: 90%;
    margin: 0 auto 12%;
  }
}
dl#Concept04 dd {
  width: 60%;
  margin-right: 10%;
}
@media (max-width: 768px) {
  dl#Concept04 dd {
    width: 86%;
  }
}
dl#Concept04 .concept_photo {
  margin-top: 8rem;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
}
@media (max-width: 768px) {
  dl#Concept04 .concept_photo {
    margin-top: 0;
  }
}
dl#Concept04 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
}

/*
Subsection05
/*----------------------------------------------------------------- */
#Subsection05 {
  width: 90%;
  margin: 0 0 12% auto;
}
@media (max-width: 768px) {
  #Subsection05 {
    width: 100%;
    margin: 0 auto 12%;
  }
}
#Subsection05 .one_period {
  width: 90%;
  height: auto;
  margin: 0 0 4% 5%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #Subsection05 .one_period {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #Subsection05 .one_period {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #Subsection05 .one_period {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #Subsection05 .one_period {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  #Subsection05 .one_period {
    width: 90%;
    margin: 0 auto 18%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept05 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  dl#Concept05 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept05 dt {
  width: 50%;
}
@media (max-width: 768px) {
  dl#Concept05 dt {
    width: 84%;
    margin: 0 0 12% auto;
  }
}
dl#Concept05 dd {
  width: 40%;
  margin: 10% 10% 0 0;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept05 dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept05 dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept05 dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept05 dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept05 dd {
    width: 90%;
    margin: 0 auto 12%;
  }
}
dl#Concept05 dd p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept05 dd p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept05 dd p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept05 dd p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept05 dd p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept05 .concept_photo {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  overflow: hidden;
  max-height: inherit;
}
@media (max-width: 768px) {
  dl#Concept05 .concept_photo {
    margin-top: 0;
  }
}
dl#Concept05 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
}

/*
Subsection06
/*----------------------------------------------------------------- */
#Subsection06 {
  margin-bottom: 12%;
}
@media (max-width: 768px) {
  #Subsection06 {
    padding: 0 0 6%;
  }
}
#Subsection06 .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #Subsection06 .section_basic {
    padding: 9% 0 12%;
  }
}
#Subsection06 .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Subsection06 .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept06 {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept06 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept06 dt {
  width: 60%;
}
@media (max-width: 768px) {
  dl#Concept06 dt {
    width: 100%;
    margin: 0 auto 9%;
  }
}
dl#Concept06 dt .one_period {
  width: 86%;
  margin: 0 auto 9%;
}
dl#Concept06 dd {
  position: relative;
  width: 40%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept06 dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept06 dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept06 dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept06 dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept06 dd {
    width: 100%;
    margin: 0 auto;
    padding-top: 9%;
  }
}
dl#Concept06 dd .one_period {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept06 dd .one_period {
    width: 80%;
    padding-bottom: 6%;
  }
}
dl#Concept06 dd .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept06 dd .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept06 dd .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept06 dd .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept06 dd .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept06 dd:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1px;
  height: calc(100% + 135px);
  background: #333;
}
@media (max-width: 768px) {
  dl#Concept06 dd:after {
    left: auto;
    right: 0;
    top: 0;
    width: 90%;
    height: 1px;
  }
}
dl#Concept06 .concept_photo {
  width: 80%;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  max-height: inherit;
  overflow: hidden;
}
@media (max-width: 768px) {
  dl#Concept06 .concept_photo {
    margin-top: 0;
    width: 92%;
  }
}
dl#Concept06 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 300px;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept06 .concept_photo img {
    min-height: inherit;
  }
}

/*----------------------------------------------------------------- */
.concept_headline {
  line-height: 160%;
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .concept_headline {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .concept_headline {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  .concept_headline {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}

/*
Subsection07
/*----------------------------------------------------------------- */
#Subsection07 {
  margin-bottom: 12%;
}
#Subsection07 .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #Subsection07 .section_basic {
    padding: 9% 0 12%;
  }
}
#Subsection07 .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Subsection07 .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept07 {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept07 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept07 dt {
  width: 60%;
}
@media (max-width: 768px) {
  dl#Concept07 dt {
    width: 100%;
    margin: 0 auto 9%;
  }
}
dl#Concept07 dt .one_period {
  width: 86%;
  margin: 0 auto 9%;
}
@media (max-width: 768px) {
  dl#Concept07 dt .one_period {
    width: 90%;
  }
}
dl#Concept07 dd {
  position: relative;
  width: 40%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept07 dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept07 dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept07 dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept07 dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept07 dd {
    width: 100%;
    margin: 0 auto;
    padding-top: 9%;
  }
}
dl#Concept07 dd .one_period {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept07 dd .one_period {
    width: 80%;
    padding-bottom: 0%;
  }
}
dl#Concept07 dd .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept07 dd .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept07 dd .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept07 dd .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept07 dd .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept07 dd:before, dl#Concept07 dd:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 20%;
  background: #333;
}
@media (max-width: 768px) {
  dl#Concept07 dd:before, dl#Concept07 dd:after {
    height: 1px;
  }
}
dl#Concept07 dd:before {
  top: -90px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept07 dd:before {
    left: -10%;
    top: 0;
    width: 45%;
  }
}
dl#Concept07 dd:after {
  bottom: -135px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept07 dd:after {
    width: 33%;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
  }
}
dl#Concept07 .concept_photo {
  width: 80%;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  max-height: inherit;
  overflow: hidden;
}
@media (max-width: 768px) {
  dl#Concept07 .concept_photo {
    margin-top: 0;
    width: 92%;
  }
}
dl#Concept07 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 300px;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept07 .concept_photo img {
    min-height: inherit;
  }
}

/*
Subsection08
/*----------------------------------------------------------------- */
#Subsection08 {
  margin-bottom: 12%;
}
#Subsection08 .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #Subsection08 .section_basic {
    padding: 9% 0 12%;
  }
}
#Subsection08 .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Subsection08 .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept08 {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept08 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept08 dt {
  width: 45%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept08 dt {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept08 dt {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept08 dt {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept08 dt {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept08 dt {
    width: 100%;
    margin: 0 auto;
    padding: 0% 0 9%;
  }
}
dl#Concept08 dt .one_period {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept08 dt .one_period {
    width: 80%;
    padding-bottom: 0%;
  }
}
dl#Concept08 dt .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept08 dt .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept08 dt .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept08 dt .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept08 dt .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept08 dd {
  position: relative;
  width: 55%;
}
@media (max-width: 768px) {
  dl#Concept08 dd {
    width: 100%;
    margin: 0 auto;
    padding-top: 9%;
  }
}
dl#Concept08 dd:before, dl#Concept08 dd:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 20%;
  background: #333;
}
@media (max-width: 768px) {
  dl#Concept08 dd:before, dl#Concept08 dd:after {
    height: 1px;
  }
}
dl#Concept08 dd:before {
  top: -90px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept08 dd:before {
    left: -10%;
    top: 0;
    width: 45%;
  }
}
dl#Concept08 dd:after {
  bottom: -135px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept08 dd:after {
    width: 33%;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
  }
}
dl#Concept08 .concept_headline {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  dl#Concept08 .concept_headline {
    margin-bottom: 9%;
  }
}
dl#Concept08 .concept_photo {
  width: 65%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  max-height: inherit;
  overflow: hidden;
  margin-left: auto;
}
@media (max-width: 768px) {
  dl#Concept08 .concept_photo {
    margin-top: 0;
    width: 94%;
  }
}
dl#Concept08 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 900px;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept08 .concept_photo img {
    min-height: inherit;
  }
}

/*
Subsection09
/*----------------------------------------------------------------- */
#Subsection09 {
  margin-bottom: 12%;
}
#Subsection09 .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #Subsection09 .section_basic {
    padding: 9% 0 12%;
  }
}
#Subsection09 .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Subsection09 .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept09 {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept09 {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept09 dt {
  width: 45%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept09 dt {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept09 dt {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept09 dt {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept09 dt {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept09 dt {
    width: 100%;
    margin: 0 auto;
    padding: 0% 0 9%;
  }
}
dl#Concept09 dt .one_period {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept09 dt .one_period {
    width: 80%;
    padding-bottom: 0%;
  }
}
dl#Concept09 dt .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept09 dt .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept09 dt .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept09 dt .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept09 dt .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept09 dd {
  position: relative;
  width: 55%;
}
@media (max-width: 768px) {
  dl#Concept09 dd {
    width: 100%;
    margin: 0 auto;
    padding-top: 9%;
  }
}
dl#Concept09 dd:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 20%;
  background: #333;
  top: -90px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept09 dd:before {
    left: -10%;
    top: 0;
    width: 45%;
    height: 1px;
  }
}
dl#Concept09 .concept_headline {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  dl#Concept09 .concept_headline {
    margin-bottom: 9%;
  }
}
dl#Concept09 .concept_photo {
  width: 80%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  max-height: inherit;
  overflow: hidden;
  margin-left: auto;
}
@media (max-width: 768px) {
  dl#Concept09 .concept_photo {
    margin-top: 0;
    width: 94%;
  }
}
dl#Concept09 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 900px;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept09 .concept_photo img {
    min-height: inherit;
  }
}

/*
Subsection10
/*----------------------------------------------------------------- */
#Subsection10 {
  margin-bottom: 12%;
}
@media (max-width: 768px) {
  #Subsection10 {
    padding: 0 0 6%;
  }
}
#Subsection10 .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #Subsection10 .section_basic {
    padding: 9% 0 12%;
  }
}
#Subsection10 .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Subsection10 .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept10 {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept10 {
    width: 100%;
    margin-top: 9%;
  }
}
dl#Concept10 dt {
  width: 60%;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  dl#Concept10 dt {
    width: 100%;
    margin: 0 auto;
  }
}
dl#Concept10 dt .one_period {
  width: 86%;
  margin: 0 auto 9%;
}
dl#Concept10 dt:nth-of-type(2n) {
  width: 40%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  dl#Concept10 dt:nth-of-type(2n) {
    width: 100%;
    margin: 0 auto 0%;
  }
}
dl#Concept10 dt#afterService .one_period {
  width: 80%;
  margin-left: 20%;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept10 dt#afterService .one_period {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept10 dt#afterService .one_period {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  dl#Concept10 dt#afterService .one_period {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  dl#Concept10 dt#afterService .one_period {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
dl#Concept10 dt#afterService .one_period {
  line-height: 180%;
}
dl#Concept10 dt#afterService .one_period p {
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept10 dt#afterService .one_period p {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept10 dt#afterService .one_period p {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  dl#Concept10 dt#afterService .one_period p {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  dl#Concept10 dt#afterService .one_period p {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
dl#Concept10 dt#afterService .one_period p {
  line-height: 180%;
}
@media (max-width: 768px) {
  dl#Concept10 dt#afterService .one_period {
    margin: 0 auto;
    padding-bottom: 6%;
  }
}
dl#Concept10 dd {
  position: relative;
  width: 40%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept10 dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept10 dd {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept10 dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept10 dd {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept10 dd {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  dl#Concept10 dd {
    margin-bottom: 4%;
  }
}
dl#Concept10 dd:nth-of-type(2n) {
  width: 50%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  dl#Concept10 dd:nth-of-type(2n) {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
  }
}
dl#Concept10 dd:nth-of-type(2n) .one_period {
  width: 100%;
}
dl#Concept10 dd:nth-of-type(2n) .concept_photo {
  margin-left: auto;
  width: 90%;
  border-radius: initial;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
dl#Concept10 dd:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  dl#Concept10 dd {
    width: 100%;
    margin: 0 auto 9%;
    padding-top: 9%;
  }
}
dl#Concept10 dd .one_period {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept10 dd .one_period {
    width: 80%;
  }
}
dl#Concept10 dd .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept10 dd .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept10 dd .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept10 dd .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept10 dd .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept10 .concept_photo {
  width: 80%;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  max-height: inherit;
  overflow: hidden;
}
@media (max-width: 768px) {
  dl#Concept10 .concept_photo {
    margin-top: 0;
    width: 92%;
  }
}
dl#Concept10 .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 300px;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept10 .concept_photo img {
    min-height: inherit;
  }
}
dl#Concept10 .concept_photo.two_pic img {
  margin-bottom: 1rem;
}
dl#Concept10 .concept_photo.two_pic img:last-of-type {
  margin-bottom: 0;
}

/*----------------------------------------------------------------- */
.concept_headline {
  line-height: 160%;
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .concept_headline {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .concept_headline {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  .concept_headline {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}

/*
Subsection Logo
/*----------------------------------------------------------------- */
#SubsectionLogo {
  margin-bottom: 12%;
}
#SubsectionLogo .section_basic {
  width: 100%;
  padding: 60px 0 90px;
}
@media (max-width: 768px) {
  #SubsectionLogo .section_basic {
    padding: 9% 0 12%;
  }
}
#SubsectionLogo .section_basic.line:before {
  width: 96%;
  left: 2%;
  height: 100%;
  border-right: 0;
  border-left: 1px solid #333;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #SubsectionLogo .section_basic.line:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#Concept_logoDesign {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign {
    width: 100%;
    display: block;
    margin-top: 9%;
  }
}
dl#Concept_logoDesign dt {
  width: 45%;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept_logoDesign dt {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept_logoDesign dt {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dt {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept_logoDesign dt {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dt {
    width: 100%;
    margin: 0 auto;
    padding: 0% 0 9%;
  }
}
dl#Concept_logoDesign dt .one_period {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dt .one_period {
    width: 80%;
    padding-bottom: 0%;
  }
}
dl#Concept_logoDesign dt .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#Concept_logoDesign dt .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#Concept_logoDesign dt .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dt .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#Concept_logoDesign dt .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#Concept_logoDesign dt .one_period p {
  width: 80%;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dt .one_period p {
    width: 100%;
  }
}
dl#Concept_logoDesign dd {
  position: relative;
  width: 55%;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dd {
    width: 100%;
    margin: 0 auto;
    padding-top: 9%;
  }
}
dl#Concept_logoDesign dd:before, dl#Concept_logoDesign dd:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 20%;
  background: #333;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dd:before, dl#Concept_logoDesign dd:after {
    height: 1px;
  }
}
dl#Concept_logoDesign dd:before {
  top: -90px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dd:before {
    left: -10%;
    top: 0;
    width: 45%;
  }
}
dl#Concept_logoDesign dd:after {
  bottom: -135px;
  left: 0;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign dd:after {
    width: 33%;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
  }
}
dl#Concept_logoDesign .concept_headline {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign .concept_headline {
    margin-bottom: 9%;
  }
}
dl#Concept_logoDesign .concept_photo {
  width: 70%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  max-height: inherit;
  overflow: hidden;
  margin-left: auto;
  margin-right: 8%;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign .concept_photo {
    margin: 0 auto;
    width: 84%;
  }
}
dl#Concept_logoDesign .concept_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 768px) {
  dl#Concept_logoDesign .concept_photo img {
    min-height: inherit;
  }
}

/*----------------------------------------------------------------- */
#service_infoBloc {
  width: 90%;
  height: auto;
  margin: 45px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #service_infoBloc {
    display: block;
    margin-top: 4.5%;
  }
}
#service_infoBloc .one_service {
  width: 48%;
  height: auto;
  margin-right: 4%;
}
#service_infoBloc .one_service:nth-of-type(even) {
  margin-right: 0;
}
@media (max-width: 768px) {
  #service_infoBloc .one_service:nth-of-type(even) {
    margin: 0 auto 12%;
  }
}
@media (max-width: 768px) {
  #service_infoBloc .one_service {
    width: 100%;
    margin: 0 auto 12%;
  }
  #service_infoBloc .one_service:last-of-type {
    margin-bottom: 0;
  }
}
#service_infoBloc .one_service .btn_toplink {
  width: initial;
  display: inline-block;
  margin: initial;
  padding: 0;
  padding-left: 8rem;
  line-height: 100%;
}
#service_infoBloc .one_service .btn_toplink a {
  text-decoration: none !important;
}
#service_infoBloc .one_service .btn_toplink a:hover {
  text-decoration: none;
}
#service_infoBloc .one_service .btn_toplink a:after {
  content: none;
}
#service_infoBloc .one_service .btn_toplink a:before {
  width: 7rem;
  left: -8rem;
  top: 80%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  #service_infoBloc .one_service .btn_toplink a:before {
    top: 50%;
  }
}
#service_infoBloc .one_service .btn_toplink.en {
  font-family: "EB", serif !important;
  letter-spacing: 2px;
}

.service_photo {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .service_photo {
    margin-bottom: 0.8rem;
  }
}
.service_photo img {
  width: 100%;
  height: auto;
  display: block;
  min-height: auto;
}

.after_service_headeline {
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1rem;
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .after_service_headeline {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .after_service_headeline {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  .after_service_headeline {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  .after_service_headeline {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}

#brandLogo.concept_photo {
  max-width: 360px !important;
}

/*=========================================================================
About
=========================================================================*/
section#About.column {
  padding: 100px 0;
}
@media (max-width: 768px) {
  section#About.column {
    padding-top: 9%;
  }
}
@media (max-width: 768px) {
  section#About .section_title span:after {
    width: 3rem;
  }
}
section#About .section_basic {
  width: 100%;
  padding: 60px 0 90px;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  section#About .section_basic {
    padding: 9% 0 12%;
    margin-bottom: 12%;
  }
}
section#About .section_basic:before {
  width: 96%;
  left: 2%;
}
section#About dl.about_basic .one_period {
  padding-right: 0;
}
@media (max-width: 1080px) {
  section#About dl.about_basic .one_period {
    width: 95%;
  }
}
section#About dl.about_basic .one_period p {
  margin-bottom: 1.4rem;
}
section#About dl.about_basic .one_period p:last-of-type {
  margin-bottom: 0;
}
section#About dl.about_basic .bloc_catchcopy {
  font-size: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  section#About dl.about_basic .bloc_catchcopy {
    font-size: clamp(18px, 1.042vw, 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  section#About dl.about_basic .bloc_catchcopy {
    font-size: clamp(16px, 1.334vw, 18px);
  }
}
@media (max-width: 768px) {
  section#About dl.about_basic .bloc_catchcopy {
    font-size: clamp(16px, 2.604vw, 18px);
  }
}
@media (max-width: 480px) {
  section#About dl.about_basic .bloc_catchcopy {
    font-size: clamp(15px, 3.125vw, 16px);
  }
}
@media (max-width: 768px) {
  section#About .about_photo {
    width: 96%;
  }
}
section#About .about_photo img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
  -o-object-position: bottom center;
     object-position: bottom center;
}
section#About p {
  line-height: 180% !important;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  section#About p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  section#About p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  section#About p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  section#About p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
section#About p a {
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
  display: inline-block;
}
section#About p a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
}
section#About p a:hover {
  color: #f20;
}
section#About p a:hover:after {
  width: 0%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/*----------------------------------------------------------------- */
#Intro.section_basic {
  margin-bottom: 0 !important;
}
#Intro.section_basic.line:before {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
  #Intro.section_basic.line:before {
    left: 0;
    width: 98%;
  }
}

/*----------------------------------------------------------------- */
@media (max-width: 768px) {
  dl#main-About {
    display: block;
  }
  dl#main-About.contents_basic {
    width: 100%;
  }
}
dl#main-About dt {
  padding-left: 5%;
}
@media (max-width: 768px) {
  dl#main-About dt {
    width: 90%;
    margin: 0 auto 9%;
    padding: 0;
  }
}
dl#main-About dd {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
@media (max-width: 768px) {
  dl#main-About dd {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
dl#main-About dd .contents_textbox {
  width: 94%;
  height: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  dl#main-About dd .contents_textbox {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
dl#main-About dd .contents_textbox .one_period {
  width: 40%;
  margin-right: 10%;
}
@media (max-width: 768px) {
  dl#main-About dd .contents_textbox .one_period {
    width: 90%;
    margin: 0 auto 9%;
  }
}
dl#main-About dd .contents_textbox .one_period p {
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  dl#main-About dd .contents_textbox .one_period p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  dl#main-About dd .contents_textbox .one_period p {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  dl#main-About dd .contents_textbox .one_period p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  dl#main-About dd .contents_textbox .one_period p {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
dl#main-About dd .contents_textbox .contents_imagebox {
  width: 50%;
  margin: 0;
}
@media (max-width: 768px) {
  dl#main-About dd .contents_textbox .contents_imagebox {
    width: 96%;
    margin-left: auto;
  }
}
dl#main-About dd .contents_textbox .contents_imagebox .contents_photo {
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  dl#main-About dd .contents_textbox .contents_imagebox .contents_photo {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/*----------------------------------------------------------------- */
.about_headline {
  line-height: 160%;
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .about_headline {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .about_headline {
    font-size: clamp(18px, 2.604vw, 20px);
  }
}
@media (max-width: 480px) {
  .about_headline {
    font-size: clamp(16px, 3.75vw, 18px);
  }
}
.about_headline {
  margin-bottom: 45px;
  text-indent: -0.4rem;
}
@media (max-width: 768px) {
  .about_headline {
    margin-bottom: 6%;
  }
}
.about_headline.border span {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 20% 10% 0;
}
@media (max-width: 768px) {
  .about_headline.border span {
    min-width: inherit;
    padding: 0 0 0.4rem;
  }
}
.about_headline.border span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #666;
}
@media (max-width: 768px) {
  .about_headline.border span:after {
    top: auto;
    right: auto;
    bottom: -1rem;
    left: 0;
    width: 3rem;
    height: 1px;
  }
}

/*
about-Style01
/*----------------------------------------------------------------- */
#about-Style01.section_basic.line02:before {
  height: 90%;
}
@media (max-width: 768px) {
  #about-Style01.section_basic.line02:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#About01.about_basic {
  width: 95%;
  margin-left: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#About01.about_basic dt {
  position: relative;
  z-index: 1;
  width: 50%;
}
@media (max-width: 768px) {
  dl#About01.about_basic dt {
    width: 94%;
    margin: 0 auto;
  }
}
dl#About01.about_basic dd {
  width: 45%;
}
@media (max-width: 768px) {
  dl#About01.about_basic dd {
    width: 100%;
    margin: 0 0 0 auto;
  }
}
dl#About01.about_basic .about_photo {
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 0;
  margin: 0 0 -10% auto;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  max-height: 900px;
}
@media (max-width: 768px) {
  dl#About01.about_basic .about_photo {
    width: 96%;
  }
}
dl#About01.about_basic .one_period {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1080px) {
  dl#About01.about_basic .one_period {
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  dl#About01.about_basic .one_period {
    position: static;
    width: 94% !important;
    margin: 6% auto;
  }
}

/*
about-Style02
/*----------------------------------------------------------------- */
dl#About02.about_basic {
  width: 100%;
  margin-left: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#About02.about_basic dt {
  position: relative;
  z-index: 1;
  width: 55%;
}
@media (max-width: 768px) {
  dl#About02.about_basic dt {
    width: 84%;
    margin: 0 auto 6%;
  }
}
dl#About02.about_basic dt .one_period {
  width: 90%;
  padding-left: 4%;
}
@media (max-width: 768px) {
  dl#About02.about_basic dt .one_period {
    width: 100%;
    padding: 0;
  }
}
dl#About02.about_basic dt .about_photo {
  width: 100%;
  background: #333;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  margin: 0;
}
dl#About02.about_basic dd {
  width: 35%;
}
@media (max-width: 1080px) {
  dl#About02.about_basic dd {
    width: 40%;
  }
}
@media (max-width: 768px) {
  dl#About02.about_basic dd {
    width: 100%;
    margin: 0 auto 12%;
  }
}
dl#About02.about_basic dd .one_period {
  width: 70%;
  margin-right: 20%;
}
@media (max-width: 768px) {
  dl#About02.about_basic dd .one_period {
    width: 86%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  dl#About02.about_basic .about_photo {
    width: 94%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0 auto 0 0;
  }
}
dl#About02.about_basic .about_photo img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*
about-Style03
/*----------------------------------------------------------------- */
#about-Style03.section_basic.line02:before {
  height: 88%;
}
@media screen and (max-width: 1080px) {
  #about-Style03.section_basic.line02:before {
    height: 88%;
  }
}
@media (max-width: 768px) {
  #about-Style03.section_basic.line02:before {
    height: 100%;
  }
}

/*----------------------------------------------------------------- */
dl#About03.about_basic {
  width: 95%;
  margin-left: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#About03.about_basic dt {
  position: relative;
  z-index: 1;
  width: 48%;
  margin-right: 7%;
}
@media (max-width: 768px) {
  dl#About03.about_basic dt {
    width: 94%;
    margin: 0 auto 9%;
  }
}
dl#About03.about_basic dt .one_period {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  dl#About03.about_basic dt .one_period {
    width: 100% !important;
    margin: 9% auto;
  }
}

dd {
  width: 45%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  dd {
    width: 100%;
    margin: 0 0 0 auto;
  }
}

.about_photo {
  width: 100%;
  height: auto;
  padding: 0;
  z-index: 0;
  margin: 0 0 -10% auto;
}
.about_photo img {
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  max-height: 900px;
}

#about-Style03 dl#About03.about_basic dd img {
  min-height: 300px;
  margin-top: 260px;
}
@media (max-width: 768px) {
  #about-Style03 dl#About03.about_basic dd img {
    margin-top: 0;
    min-height: initial;
  }
}

/*
about-Style04
/*----------------------------------------------------------------- */
dl#About04.about_basic {
  width: 100%;
  margin-left: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#About04.about_basic dt {
  position: relative;
  z-index: 1;
  width: 55%;
}
@media (max-width: 768px) {
  dl#About04.about_basic dt {
    width: 84%;
    margin: 0 auto 6%;
  }
}
dl#About04.about_basic dt .one_period {
  width: 90%;
  padding-left: 4%;
}
@media (max-width: 768px) {
  dl#About04.about_basic dt .one_period {
    width: 100%;
    padding: 0;
  }
}
dl#About04.about_basic dt .about_photo {
  width: 100%;
  background: #333;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  margin: 0;
}
dl#About04.about_basic dd {
  width: 35%;
}
@media (max-width: 1080px) {
  dl#About04.about_basic dd {
    width: 40%;
  }
}
@media (max-width: 768px) {
  dl#About04.about_basic dd {
    width: 100%;
    margin: 0 auto 12%;
  }
}
dl#About04.about_basic dd .one_period {
  width: 70%;
  margin-right: 20%;
}
@media (max-width: 768px) {
  dl#About04.about_basic dd .one_period {
    width: 86%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  dl#About04.about_basic .about_photo {
    width: 94%;
    margin: 0 auto 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  dl#About04.about_basic .about_photo img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
}

/*----------------------------------------------------------------- */
#forSupport.btn_toplink {
  max-width: inherit;
  width: initial;
  display: inline-block;
}
#forSupport.btn_toplink a {
  padding: 0 8rem 0 0;
  font-size: 18px;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  #forSupport.btn_toplink a {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #forSupport.btn_toplink a {
    font-size: clamp(15px, 1.334vw, 16px);
  }
}
@media (max-width: 768px) {
  #forSupport.btn_toplink a {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media (max-width: 480px) {
  #forSupport.btn_toplink a {
    font-size: clamp(14px, 2.916vw, 15px);
  }
}
#forSupport.btn_toplink a {
  margin-top: 1.5rem;
  width: auto;
  display: inline-block;
  max-width: inherit;
  font-family: "EB", serif !important;
  letter-spacing: 2px;
}
#forSupport.btn_toplink a:before {
  width: 7rem;
  left: initial;
  right: 0rem;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*
about-Style05
/*----------------------------------------------------------------- */
dl#About05.about_basic {
  width: 100%;
  margin-left: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
dl#About05.about_basic dt {
  position: relative;
  z-index: 1;
  width: 55%;
}
@media (max-width: 768px) {
  dl#About05.about_basic dt {
    width: 84%;
    margin: 0 auto 6%;
  }
}
dl#About05.about_basic dt .one_period {
  width: 90%;
  padding-left: 4%;
}
@media (max-width: 768px) {
  dl#About05.about_basic dt .one_period {
    width: 100%;
    padding: 0;
  }
}
dl#About05.about_basic dt .about_photo {
  width: 100%;
  background: #333;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  margin: 0 0 6%;
}
dl#About05.about_basic dd {
  width: 35%;
}
@media (max-width: 1080px) {
  dl#About05.about_basic dd {
    width: 40%;
  }
}
@media (max-width: 768px) {
  dl#About05.about_basic dd {
    width: 100%;
    margin: 0 auto 12%;
  }
}
dl#About05.about_basic dd .one_period {
  width: 70%;
  margin-right: 20%;
}
@media (max-width: 768px) {
  dl#About05.about_basic dd .one_period {
    width: 86%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  dl#About05.about_basic .about_photo {
    width: 94%;
    margin: 0 auto 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  dl#About05.about_basic .about_photo img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
}
dl#About05.about_basic a {
  position: relative;
  z-index: 1;
}
dl#About05.about_basic a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #333;
}
dl#About05.about_basic a:hover:after {
  width: 0;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/*=========================================================================
Owner
=========================================================================*/
section#Owner .period_headline {
  max-width: initial;
  width: 100%;
}
section#Owner .contents_textbox {
  padding-bottom: 6%;
}
@media (max-width: 768px) {
  section#Owner .contents_textbox {
    padding-bottom: 0;
  }
}
section#Owner .contents_textbox a {
  color: #fff;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
section#Owner .contents_textbox a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #fff;
}
section#Owner .contents_textbox a:hover {
  color: #f20;
}
section#Owner .contents_textbox a:hover:after {
  width: 0%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
section#Owner .contents_textbox .btn_link02 a:after {
  content: none;
}
@media screen and (max-width: 1400px) {
  section#Owner #ownersClub.bg_line:after {
    height: 80%;
  }
}
@media screen and (max-width: 1200px) {
  section#Owner #ownersClub.bg_line:after {
    height: 90%;
  }
}
@media screen and (max-width: 1000px) {
  section#Owner #ownersClub.bg_line:after {
    height: 93%;
  }
}
@media screen and (max-width: 900px) {
  section#Owner #ownersClub.bg_line:after {
    height: 95%;
  }
}
section#Owner .contents_pic {
  margin-top: 0;
}
@media (max-width: 768px) {
  section#Owner .contents_pic {
    margin-top: 4%;
  }
}
section#Owner .contents_pic img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
section#Owner .one_period {
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  section#Owner .one_period {
    margin-bottom: 9%;
    padding-bottom: 0;
  }
}
section#Owner #art.bg_line:after {
  height: 80%;
}
@media screen and (max-width: 1600px) {
  section#Owner #art.bg_line:after {
    height: 85%;
  }
}
@media screen and (max-width: 1400px) {
  section#Owner #art.bg_line:after {
    height: 90%;
  }
}
@media screen and (max-width: 1200px) {
  section#Owner #art.bg_line:after {
    height: 95%;
  }
}
@media screen and (max-width: 1000px) {
  section#Owner #art.bg_line:after {
    height: 100%;
  }
}
@media (max-width: 768px) {
  section#Owner #art.bg_line:after {
    height: 98%;
  }
}
section#Owner #art .contents_pic {
  margin-top: 0;
}
@media (max-width: 768px) {
  section#Owner #art .contents_pic {
    margin-top: 4%;
  }
}
section#Owner #art .contents_pic img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
section#Owner #art .one_period {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  section#Owner #art .one_period {
    margin-bottom: 9%;
    padding-bottom: 0;
  }
}
section#Owner #art dl.contents_basic {
  padding-bottom: 4%;
}
@media (max-width: 768px) {
  section#Owner #art dl.contents_basic {
    padding-bottom: 0;
  }
}