@charset "UTF-8";

body {
  overflow-x: hidden;
}

.aw-guide {
  color: #160a00;
  background: #fff;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro",
    YuGothic,
    "Yu Gothic",
    osaka,
    meiryo,
    sans-serif;

  line-height: 2;
  letter-spacing: .04em;
}

.aw-guide * {
  box-sizing: border-box;
}

.aw-guide__inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 24px;
}

/* =====================================================
   hero
===================================================== */

.aw-guide__header {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 360px;
  overflow: hidden;
  text-align: center;
  background:
    url("/html/user_data/assets/img/bg_content_header.jpg")
    center 35px / 1600px auto
    no-repeat;
}

.aw-guide__header .aw-guide__inner {

  position: relative;
  height: 100%;
}

.aw-guide__title {
  position: absolute;
  top: 163px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0;
  color: #160a00;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .22727em;
}

.aw-contact .aw-guide__header {
  background:
    url("/html/user_data/assets/img/bg_content_header.jpg")
    center 131px / 1600px auto
    no-repeat;
}

.aw-guide.aw-contact .aw-guide__title {
  top: 252px !important;
}

/* =====================================================
   body
===================================================== */

.aw-guide__body {
  padding: 0 0 120px;
}

.aw-guide__content {
  font-size: 14px;
  line-height: 2.15;
}

.aw-guide__content > :first-child {
  margin-top: 0 !important;
}

.aw-guide__content p {
  margin: 0 0 22px;
}

.aw-guide__content h2 {
  margin: 88px 0 26px;
  color: #160a00;
  font-family: "Noto Serif JP", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .12em;
}

/* =====================================================
   table
===================================================== */

.aw-guideTable {
  width: 100%;
  border-collapse: collapse;

  border-top: 1px solid rgba(61, 48, 40, .16);
}

.aw-guideTable tr {
  border-bottom: 1px solid rgba(61, 48, 40, .16);
}

.aw-guideTable th,
.aw-guideTable td {

  padding: 28px 24px;

  font-size: 14px;
  line-height: 2.05;

  text-align: left;
  vertical-align: top;
}

.aw-guideTable th {

  width: 260px;

  color: #160a00;
  font-weight: 500;
}

.aw-guideTable td {
  color: rgba(22, 10, 0, .78);
}

/* =====================================================
   contact title correction
===================================================== */

.aw-contact .aw-guide__title {
  top: 226px;
}

/* =====================================================
   responsive
===================================================== */

@media screen and (max-width: 767px) {

  .aw-guide {
    line-height: 1.72;
  }

  .aw-guide__inner {
    padding: 0 20px;
  }

  .aw-guide__header {

    left: auto;
    transform: none;

    width: 100%;
    height: 210px;

    background:
      url("/html/user_data/assets/img/bg_content_header_sp.jpg")
      center top / 100% auto
      no-repeat;
  }

  .aw-guide__title {

    top: 132px;

    font-size: 20px;
    line-height: 1.7;
    letter-spacing: .16em;
  }

  .aw-contact .aw-guide__title {
    top: 140px;
  }

  .aw-guide__body {
    padding: 28px 0 80px;
  }

  .aw-guide__content {
    font-size: 12px;
    line-height: 1.92;
  }

  .aw-guide__content h2 {

    margin: 58px 0 18px;

    font-size: 18px;
    line-height: 1.6;
  }

  .aw-guideTable,
  .aw-guideTable tbody,
  .aw-guideTable tr,
  .aw-guideTable th,
  .aw-guideTable td {

    display: block;
    width: 100%;
  }

  .aw-guideTable th,
  .aw-guideTable td {
    padding: 16px 8px;
  }

  .aw-guideTable th {
    padding-bottom: 0;
    font-size: 13px;
  }

  .aw-guideTable td {

    padding-top: 10px;

    font-size: 12px;
    line-height: 1.9;
  }

}