@charset "UTF-8";
/*@import "all.scss";*/
@media (min-width: 768px) {
  .pc {
    display: block; }

  .sp {
    display: none; }

  /*アコーディオン全体*/
  .accordion-area {
    list-style: none;
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    letter-spacing: 0.1em;
    font-family: "hina-mincho", sans-serif;
    font-weight: 400;
    font-style: normal; }

  .accordion-area li {
    margin: 10px 0; }

    /*.accordion-area section {
	border: 1px solid #ccc;
}*/
  /*アコーディオンタイトル*/
  .title {
    position: relative;
    /*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 30px;
    transition: all .5s ease;
    background: white;
    font-family: "hina-mincho", sans-serif;
    font-weight: 400;
    font-style: normal; }
    .title span {
      color: #a28462;
      margin-right: 20px;
      ffont-family: "hina-mincho", sans-serif;
      font-weight: 400;
      font-style: normal; }

  /*アイコンの＋と×*/
  .title::before,
  .title::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #333; }

  .title::before {
    top: 48%;
    right: 25px;
    transform: rotate(0deg); }

  .title::after {
    top: 48%;
    right: 25px;
    transform: rotate(90deg); }

  /*　closeというクラスがついたら形状変化　*/
  .title.close {
    background: #a28462;
    color: white;
    font-weight: normal; }
    .title.close span {
      color: white; }

  .title.close::before {
    transform: rotate(45deg);
    background-color: white; }

  .title.close::after {
    transform: rotate(-45deg);
    background-color: white; }

  /*アコーディオンで現れるエリア*/
  .box {
    display: none;
    /*はじめは非表示*/
    background: white;
    padding: 4%;
    line-height: 1.8;
    text-align: justify; }
    .box a {
      text-decoration: underline;
      text-underline-offset: 2px; }
    .box p {
      font-family: "hina-mincho", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 20px; } }
@media (max-width: 768px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  /*アコーディオン全体*/
  .accordion-area {
    list-style: none;
    letter-spacing: 0.1em; }

  .accordion-area li {
    width: 90%;
    margin: 0 auto 30px auto; }

  /*アコーディオンタイトル*/
  .title {
    position: relative;
    /*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    transition: all .5s ease;
    background: white;
    padding: 20px;
    font-family: "hina-mincho", sans-serif;
    font-weight: 400;
    font-style: normal; }
    .title span {
      color: white;
      margin-right: 5px;
      position: absolute;
      top: -20px;
      left: 0;
      padding: 5px 10px;
      background: #a28462;
      ffont-family: "hina-mincho", sans-serif;
      font-weight: 400;
      font-style: normal; }

  /*アイコンの＋と×*/
  .title::before,
  .title::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #333; }

  .title::before {
    bottom: 20px;
    right: 10px;
    transform: rotate(0deg); }

  .title::after {
    bottom: 20px;
    right: 10px;
    transform: rotate(90deg); }

  /*　closeというクラスがついたら形状変化　*/
  .title.close {
    background: #a28462;
    color: white;
    font-weight: normal; }
    .title.close span {
      color: white; }

  .title.close::before {
    transform: rotate(45deg);
    background-color: white; }

  .title.close::after {
    transform: rotate(-45deg);
    background-color: white; }

  /*アコーディオンで現れるエリア*/
  .box {
    display: none;
    /*はじめは非表示*/
    background: white;
    padding: 20px;
    line-height: 1.8;
    text-align: justify;
    font-size: 15px; }
    .box a {
      text-decoration: underline;
      text-underline-offset: 2px; }
    .box p {
      font-family: "Sawarabi Mincho", serif;
      font-weight: 400;
      font-style: normal; } }