@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #characteristic .characteristic-btn {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ffc7ad;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #characteristic .characteristic-btn {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ffc7ad;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
  }
}
#characteristic .characteristic-btn a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #characteristic .characteristic-btn a {
    width: 550px;
  }
}
@media screen and (max-width: 767px) {
  #characteristic .characteristic-btn a {
    width: 250px;
  }
}
@media screen and (min-width: 768px) {
  #characteristic .characteristic-btn a:hover img {
    opacity: 0.7;
    transform: scale(1.06);
  }
}
#characteristic .characteristic-btn a img {
  display: block;
  width: 100%;
  transition: all 0.2s ease-out;
}

#kuchikomi {
  background-color: #fef2e5;
}
@media screen and (min-width: 768px) {
  #kuchikomi {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #kuchikomi {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
#kuchikomi .kuchikomi-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #kuchikomi .kuchikomi-content img {
    width: 940px;
  }
}
@media screen and (max-width: 767px) {
  #kuchikomi .kuchikomi-content img {
    width: 295px;
  }
}
@media screen and (min-width: 768px) {
  #kuchikomi .kuchikomi-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #kuchikomi .kuchikomi-btn {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #kuchikomi .kuchikomi-btn a:hover img {
    opacity: 0.7;
    transform: scale(1.06);
  }
}
#kuchikomi .kuchikomi-btn a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  #kuchikomi .kuchikomi-btn a img {
    width: 550px;
  }
}
@media screen and (max-width: 767px) {
  #kuchikomi .kuchikomi-btn a img {
    width: 296px;
  }
}

@media screen and (min-width: 768px) {
  #pageContainer .inner.inner02 {
    width: 780px;
  }
}

@media screen and (min-width: 768px) {
  #hash .list {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  #hash .list ul {
    margin: -40px 0 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  #hash .list ul li {
    margin: 40px 0 0 40px;
    width: 208px;
  }
}