@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　about

**********************************************************************************************/
.sec_titArea {
  background: url("../img/about/h_bg.png") no-repeat;
  background-size: 100% 100%; }
  @media (max-width: 767px) {
    .sec_titArea {
      background: url("../img/about/h_bg_sp.png") no-repeat;
      background-size: 100% 100%; } }

.sec_tit {
  font-weight: 400;
  font-family: 'Rajdhani', sans-serif; }

.aboutList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 -80px; }
  @media (max-width: 767px) {
    .aboutList {
      display: block;
      margin: 0; } }
  .aboutList li {
    width: 46.2%;
    margin: 0 0 80px; }
    @media (max-width: 767px) {
      .aboutList li {
        width: 100%;
        margin: 0 0 10.6vw; } }

.aboutList_img {
  margin: 0 0 30px; }
  @media (max-width: 767px) {
    .aboutList_img {
      margin: 0 0 5.3vw; } }

.aboutList_titArea, .historyList_column_titArea {
  display: flex;
  align-items: center;
  margin: 0 0 20px; }
  @media (max-width: 767px) {
    .aboutList_titArea, .historyList_column_titArea {
      margin: 0 0 3vw; } }

.aboutList_category, .historyList_column_category {
  color: #fff;
  padding: 0.3em 1.5em 0.3em 0.8em;
  background: url("../img/about/tit_bg01.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 10px 0 0;
  font-weight: 500;
  flex-shrink: 0; }
  @media (max-width: 767px) {
    .aboutList_category, .historyList_column_category {
      padding: 0.2em 1.5em 0.2em 0.8em;
      margin: 0 2.6vw 0 0; } }
  .aboutList_category.-brown, .-brown.historyList_column_category {
    background: url("../img/about/tit_bg02.png") no-repeat;
    background-size: 100% 100%; }

.aboutList_tit, .historyList_column_tit {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4; }

.aboutList_txt, .historyList_column_txt {
  line-height: 1.75;
  text-align: justify; }

.historyList li:not(:last-child) {
  margin: 0 0 240px;
  position: relative; }
  @media (max-width: 767px) {
    .historyList li:not(:last-child) {
      margin: 0 0 37.5vw; } }
  .historyList li:not(:last-child)::after {
    content: "";
    display: block;
    width: 50px;
    height: 75px;
    background: url("../img/about/arrow.svg") no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 80px); }
    @media (max-width: 767px) {
      .historyList li:not(:last-child)::after {
        width: 9vw;
        height: 13.3vw;
        top: calc(100% + 13vw); } }
.historyList li:nth-child(even) .historyList_inner {
  flex-direction: row-reverse; }

.historyList_inner {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .historyList_inner {
      display: block; } }

.historyList_img {
  flex-shrink: 0;
  width: 52%; }
  @media (max-width: 767px) {
    .historyList_img {
      width: 100vw;
      margin: 0 0 2.6vw -5vw; } }

.historyList_txtArea {
  width: 43%; }
  @media (max-width: 767px) {
    .historyList_txtArea {
      width: 100%; } }

.historyList_titArea {
  display: flex;
  align-items: baseline; }
  @media (max-width: 767px) {
    .historyList_titArea {
      display: block;
      text-align: center;
      margin: 0 0 4vw; } }

.historyList_time {
  font-size: 8rem;
  font-weight: 500;
  font-family: 'Rajdhani', sans-serif;
  margin: 0 10px 0 0;
  display: block; }
  @media (max-width: 767px) {
    .historyList_time {
      line-height: 1;
      margin: 0;
      font-size: 6rem; } }

.historyList_tit {
  font-size: 2.4rem;
  font-weight: 500; }
  @media (max-width: 767px) {
    .historyList_tit {
      font-size: 2rem; } }

.historyList_txt {
  line-height: 1.75;
  text-align: justify; }

.historyList_column {
  margin: 50px 0 0;
  display: flex;
  align-items: center;
  padding: 40px;
  border: 2px solid #d3b78f; }
  @media (max-width: 767px) {
    .historyList_column {
      padding: 5vw;
      display: block;
      margin: 8vw 0 0; } }

.historyList_column_img {
  width: 28%;
  flex-shrink: 0;
  margin: 0 40px 0 0; }
  @media (max-width: 767px) {
    .historyList_column_img {
      width: 100%;
      margin: 0 0 5vw; } }

.historyList_column_category {
  background: url("../img/about/column_titBg.png") no-repeat;
  background-size: 100% 100%;
  color: #333; }