@charset "UTF-8";

/*!
 * タイトルなど
 *
 * Copyright (C) ●●など
 */

/*********************************
	ヘッダーの設定
*********************************/

/*------　ヘッダーの設定 -------*/

/* ここにコメントを追記 */

/* ===========================================
 * MAIN
 * ======================================== */

/* sub */
/* ======================================== */

/* スマホ揺らぎ確認用CSS */
/* *,
*::after,
*::before {
  outline: 1px solid rgb(234, 4, 234);
  opacity: 1 !important;
} */

/* スマホ用コード */
/* .pc {
  display: none;
}

.sp {
  display: block;
} */

.historyContentsWrap {
  background-color: #f5f5ed;
}

.historyContents {
  font-size: 16px;
  color: #000;
  font-family: "Zen Kaku Gothic New", system-ui, serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0em;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
  line-break: strict;
  max-width: 100%;
  padding: 50px 5px 50px;
  margin: 0 auto;
}

.historyContents .inner {
  width: 95%;
  margin: 0 auto;
}

.historyContents h2 {
  font-weight: 700;
  color: #195205;
  text-align: center;
  font-size: 23px;
}

.historyContents .textBox {
  font-weight: 700;
  color: #195205;
  text-align: center;
  font-size: 23px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.historyContents h3 {
  font-size: 20px;
  font-weight: 700;
  color: #195205;
  position: relative;
  padding-left: .75em;
  text-align: left;
}

.historyContents h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #d2a21e;
}

.historyContents p {
  margin-top: 1em;
  font-size: 18px;
  color: #000;
  text-align: left;
  font-weight: 400;
}


@media screen and (min-width:640px) {
  /* sm: min-width:640px; */
}

@media screen and (min-width:768px) {
  /* md: min-width:768px;
  iPad/mini/air */

  /* .pc {
    display: block;
  }

  .sp {
    display: none;
  } */
}

@media screen and (min-width:1024px) {
  /* lg: min-width:1024px;
  iPad Pro 12.9*/

  .historyContentsWrap {
    background-color: #f5f5ed;
  }

  .historyContents {
    font-size: 16px;
    color: #000;
    font-family: "Zen Kaku Gothic New", system-ui, serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0em;
    -webkit-font-smoothing: antialiased;
    word-break: break-all;
    line-break: strict;
    max-width: 1100px;
    padding: 100px 50px 150px;
    margin: 0 auto;
    background-color: #f5f5ed;
  }

  .historyContents .inner {
    width: 1000px;
    margin: 0 auto;
  }

  .historyContents h2 {
    font-weight: 700;
    color: #195205;
    text-align: center;
    font-size: 23px;
  }

  .historyContents .textBox {
    font-weight: 700;
    color: #195205;
    text-align: center;
    font-size: 23px;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .historyContents h3 {
    font-size: 20px;
    font-weight: 700;
    color: #195205;
    position: relative;
    padding-left: .75em;
    text-align: left;
  }

  .historyContents h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #d2a21e;
  }

  .historyContents p {
    margin-top: 1em;
    font-size: 18px;
    color: #000;
    text-align: left;
    font-weight: 400;
  }
}

@media screen and (min-width:1280px) {
  /* xl: min-width:1280px;
  Android Tablet　Fire HD 10 10インチ*/
}

@media screen and (min-width: 1366px) {
  /* Full Wide XGA */
}

@media screen and (min-width:1440px) {
  /* WXGA+ (Wide-XGA+) */
}

@media screen and (min-width:1536px) {
  /* モバイルノートPC */
}

@media screen and (min-width:1920px) {
  /* フルハイビジョン */
}