@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Noto+Serif+JP:wght@400;600&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
@import url("global.css");
.concept_main_catch {
  width: 24vw;
  min-width: 350px;
  margin: 0px auto 150px;
  position: relative;
  z-index: 10;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.sec_message {
  margin-bottom: 100px;
}
.sec_message .catch {
  margin-bottom: 40px;
  text-align: center;
}
.sec_message .catch p {
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  text-orientation: mixed;
  text-align: left;
  display: inline-block;
  font-size: clamp(18px, 3vw, 28px);
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
.sec_message .section01 .sec_catch {
  margin-bottom: 50px;
  font-size: clamp(21px, 3.9vw, 28px);
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
.sec_message .section01 .sec_company_item {
  min-height: 500px;
  position: relative;
  margin-bottom: 150px;
}
.sec_message .section01 .sec_company_item .img_area {
  width: 54%;
  height: 100%;
  min-height: 500px;
  position: absolute;
  right: 0;
  top: 0;
}
.sec_message .section01 .sec_company_item .wrapper {
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec_message .section01 .sec_company_item .wrapper .text_area {
  width: 40%;
  margin-right: auto;
}
.sec_message .section01 .sec_company_item .wrapper .text_area p {
  line-height: 1.8;
}
.sec_message .sec_message_inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sec_message .sec_message_inner .img_area {
  width: 350px;
}
.sec_message .sec_message_inner .text_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 50px;
}
.sec_message .sec_message_inner .text_area p {
  line-height: 1.8;
  margin-bottom: 1em;
  text-align: justify;
}
.sec_message .sec_message_inner .text_area p.right {
  text-align: right;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
.sec_message .sec_message_inner .text_area p.right span {
  font-size: 120%;
}

.sec_profile {
  margin-bottom: 80px;
  background: #f2f2f2;
  padding: 80px 0 0;
}
.sec_profile .sec_title {
  text-align: center;
}
.sec_profile table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 60px;
}
.sec_profile table tr {
  border-bottom: 1px dotted #707070;
}
.sec_profile table th {
  width: 30%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.sec_profile table td {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec_profile table td ul li {
  line-height: 1.4;
  margin-bottom: 6px;
}
.sec_profile table td ul li:last-of-type {
  margin-bottom: 0;
}
.sec_profile .detail_title {
  text-align: center;
}
.sec_profile .map_area {
  width: 100%;
  height: 0;
  padding-top: 450px;
  position: relative;
  overflow: hidden;
}
.sec_profile .map_area iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sec_history {
  margin-bottom: 80px;
}
.sec_history .sec_title {
  text-align: center;
}
.sec_history .list_history {
  margin: 60px auto 0;
}
.sec_history .list_history dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 40px;
  border-left: 1px solid #e1e1e1;
  margin: 0 0 2px;
}
.sec_history .list_history dl dt {
  width: 15%;
  position: relative;
  padding-left: 30px;
  line-height: 1.4;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec_history .list_history dl dt::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: 2px;
  left: -8px;
  background-color: #fff;
  border: 1px solid #36638F;
  border-radius: 50%;
}
.sec_history .list_history dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  line-height: 1.4;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1200px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1200px) {
  .sec_message .section01 .wrapper {
    padding-left: 0;
    padding-right: 0vh;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .concept_main_catch {
    width: 36vw;
    min-width: 240px;
    margin: 0px auto 100px;
  }
  .sec_message {
    margin-bottom: 80px;
  }
  .sec_message .section01 .sec_catch {
    margin-bottom: 40px;
    font-size: clamp(16px, 3.9vw, 22px);
    font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  }
  .sec_message .section01 .sec_company_item {
    margin-bottom: 80px;
  }
  .sec_message .section01 .sec_company_item .img_area {
    width: 50%;
  }
  .sec_message .section01 .sec_company_item .img_area img {
    -o-object-position: right;
       object-position: right;
  }
  .sec_message .section01 .wrapper .text_area {
    width: 45%;
  }
  .sec_message .section01 .wrapper .text_area .btn_more {
    width: 100%;
    margin-top: 30px;
  }
  .sec_message .sec_message_inner {
    display: block;
  }
  .sec_message .sec_message_inner .img_area {
    width: 350px;
    margin: 0 auto 20px;
  }
  .sec_message .sec_message_inner .text_area {
    padding-left: 0;
  }
  .sec_profile {
    padding: 60px 0 0;
  }
  .sec_profile table th {
    width: 25%;
  }
  .sec_profile .map_area {
    padding-top: 350px;
  }
  .sec_history .list_history {
    margin: 40px auto 0;
  }
  .sec_history .list_history dl dt {
    width: 20%;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .concept_main_catch {
    width: 50vw;
    min-width: initial;
    margin: 30px auto 60px;
  }
  .sec_message {
    margin-bottom: 50px;
  }
  .sec_message .catch {
    margin-bottom: 20px;
  }
  .sec_message .section01 .sec_catch {
    margin-bottom: 30px;
    font-size: clamp(21px, 3.9vw, 32px);
  }
  .sec_message .section01 .sec_company_item {
    margin-bottom: 60px;
    min-height: initial;
  }
  .sec_message .section01 .sec_company_item .img_area {
    width: 100%;
    min-height: initial;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin-bottom: 30px;
  }
  .sec_message .section01 .sec_company_item .img_area img {
    -o-object-position: center;
       object-position: center;
  }
  .sec_message .section01 .sec_company_item .wrapper {
    min-height: initial;
  }
  .sec_message .section01 .sec_company_item .wrapper .text_area {
    width: 100%;
  }
  .sec_message .sec_message_inner .img_area {
    width: 70%;
  }
  .sec_profile {
    margin-bottom: 50px;
    padding: 40px 0 0;
  }
  .sec_profile table {
    margin: 0 auto 40px;
  }
  .sec_profile table th {
    width: 100%;
    display: block;
    padding: 15px 10px 0;
    text-align: left;
    font-weight: bold;
  }
  .sec_profile table td {
    width: 100%;
    display: block;
    padding: 6px 10px 15px;
  }
  .sec_profile .map_area {
    padding-top: 250px;
  }
  .sec_history {
    margin-bottom: 50px;
  }
  .sec_history .list_history {
    margin: 20px auto 0;
  }
  .sec_history .list_history dl {
    display: block;
    padding: 0 0 20px;
  }
  .sec_history .list_history dl dt {
    width: 100%;
    margin-bottom: 10px;
    color: #36638F;
  }
  .sec_history .list_history dl dd {
    padding-left: 30px;
  }
}