@charset "UTF-8";
body, p, dt, dd, h1, h2, h3, h4, a, div, section, input {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", Meiryo, Arial, sans-serif;
  color: #313333; }

h2 {
  font-size: 32px;
  margin-bottom: 48px;
  font-weight: bold; }
  @media (max-width: 767px) {
    h2 {
      margin-bottom: 32px;
      font-size: 24px; } }

h3 {
  font-size: 24px;
  font-weight: 600; }
  @media (max-width: 767px) {
    h3 {
      font-size: 20px; } }

dt {
  font-weight: 600; }

body {
  padding-top: 0 !important; }

.content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 18px; }

.content-inner {
  position: relative; }

.container {
  max-width: 1024px;
  width: 100%;
  margin-top: 18px; }

#breadcrumb {
  top: 0; }

.btn,
input[type="submit"] {
  display: block;
  width: 280px;
  max-width: 100%;
  color: #D2B065;
  font-weight: normal;
  height: 48px;
  margin: 40px auto 0;
  background-image: none;
  text-decoration: none;
  border-radius: 24px;
  border: 1px solid #D2B065;
  font-size: 18px;
  text-align: center;
  -webkit-appearance: none;
  position: relative;
  transition: all 0.5s ease-out;
  line-height: 48px;
  padding: 0;
  background-color: inherit; }
  .btn:hover,
  input[type="submit"]:hover {
    transform: unset;
    opacity: unset; }

article header {
  height: 35vw;
  overflow: hidden; }

.article-header {
  position: absolute;
  top: 16vw;
  left: 0;
  right: 0;
  text-align: center; }
  @media (max-width: 767px) {
    .article-header {
      top: 15vw; } }
  .article-header h1 {
    font-size: 36px;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS 明朝", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", serif; }
    @media (max-width: 767px) {
      .article-header h1 {
        font-size: 24px; } }

.article-body {
  padding: 56px 0; }
  @media (max-width: 1023px) {
    .article-body {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (max-width: 767px) {
    .article-body {
      padding-left: 16px;
      padding-right: 16px; } }

.gold-naname {
  background: transparent linear-gradient(180deg, #D2B065 0%, #E5C785 28%, #F4D89C 52%, #E5C785 75%, #D2B065 100%) 0% 0% no-repeat padding-box;
  transform: skewX(-25deg);
  will-change: transform;
  text-align: center;
  width: 560px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    .gold-naname {
      width: 100%;
      height: 48px; } }
  .gold-naname span {
    display: inline-block;
    transform: skewX(25deg);
    will-change: transform;
    font-weight: 600;
    font-size: 24px;
    line-height: 64px; }
    @media (max-width: 767px) {
      .gold-naname span {
        font-size: 20px;
        line-height: 48px; } }

h2 + p {
  font-size: 16px;
  text-align: center; }
  @media (max-width: 767px) {
    h2 + p {
      text-align: left; } }
/*# sourceMappingURL=page.css.map */