@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans JP Light';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Light.woff") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP Medium';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Medium.woff") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP Bold';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Bold.woff") format("opentype"); }

@font-face {
  font-family: 'Noto Serif Japanese Light';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSerifCJKjp-Light.woff") format("opentype"); }

@font-face {
  font-family: 'Noto Serif Japanese Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSerifCJKjp-Regular.woff") format("opentype"); }

@font-face {
  font-family: 'Noto Serif Japanese Medium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSerifCJKjp-Medium.woff") format("opentype"); }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: '游明朝',"YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', 'Meiryo', 'Arial', sans-serif;
  font-size: 14px; }

h1 {
  margin: 0 auto; }
  h1 img {
    vertical-align: middle; }

#h2_wrap {
  background-color: #a3955e; }
  #h2_wrap h2 {
    font-family: 'Noto Serif Japanese Medium';
    color: #fff;
    font-size: 28px;
    margin: 20px auto 0;
    background-image: url("../images/icon_01.jpg");
    background-repeat: no-repeat; }

section h3 {
  font-family: 'Noto Serif Japanese Regular';
  text-align: center; }

section .box_01 p {
  font-family: 'Noto Sans JP Light';
  line-height: 1.8; }

section .box_02 {
  border: 1px solid #a3955e; }
  section .box_02 h4 {
    font-family: 'Noto Serif Japanese Light';
    color: #a3955e;
    text-align: center; }
  section .box_02 p {
    font-family: 'Noto Sans JP Light'; }
  section .box_02 ul li {
    font-family: 'Noto Sans JP Medium';
    color: #b60000; }
    section .box_02 ul li + li {
      margin-top: 10px; }

section .box_img {
  text-align: center; }
  section .box_img img {
    max-width: 100%; }

section .btn {
  margin: 50px auto 0;
  background-color: #2f2c2c; }
  section .btn a {
    font-family: 'Noto Sans JP Light';
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    background-image: url("../images/icon_close.png");
    background-repeat: no-repeat;
    color: #fff;
    text-decoration: none;
    display: block; }
    section .btn a:hover {
      opacity: 0.7; }

footer {
  padding: 20px;
  margin-top: 50px; }
  footer ul {
    text-align: center; }
  footer li {
    font-family: 'Noto Sans JP Light';
    display: inline; }
  footer a {
    padding: 0 15px 0; }
    footer a:hover {
      text-decoration: none;
      opacity: 0.7; }
  footer small {
    text-align: center;
    display: block;
    margin-top: 15px; }

@media screen and (min-width: 769px) {
  .sp {
    display: none; }
  h1 {
    width: 1000px; }
  #h2_wrap h2 {
    width: 1000px;
    height: 70px;
    line-height: 70px;
    padding-left: 160px;
    text-align: center;
    background-position: 90px 0; }
  section {
    width: 1000px;
    margin: 58px auto 0; }
    section h3 {
      font-size: 34px; }
    section .box_01 {
      margin-top: 50px; }
      section .box_01 p {
        font-size: 16px; }
        section .box_01 p + p {
          margin-top: 40px; }
    section .box_02 {
      width: 800px;
      margin: 50px auto 0;
      padding: 35px 14px 47px 47px; }
      section .box_02 h4 {
        font-size: 24px; }
      section .box_02 p {
        font-size: 16px;
        margin-top: 35px; }
      section .box_02 ul {
        margin-top: 20px; }
        section .box_02 ul li {
          font-size: 18px; }
    section .box_img {
      margin-top: 50px; }
    section .btn {
      width: 260px; }
      section .btn a {
        font-size: 16px;
        background-position: 60px center;
        padding-left: 25px; }
  footer {
    background: #00658a; }
    footer li + li {
      border-left: 1px solid #fff; }
    footer a {
      color: #fff; }
    footer small {
      color: #fff; } }

@media screen and (max-width: 768px) {
  h1 {
    width: 90%; }
    h1 img {
      width: 100%; }
  #h2_wrap h2 {
    background-position: 8vw 0;
    font-size: 4vw;
    padding: 1.5vw 0 1.5vw 34vw;
    line-height: 1.4;
    background-size: 24.5vw; }
  section {
    width: 90%;
    margin: 10vw auto 0; }
    section h3 {
      font-size: 5vw; }
    section .box_01 {
      margin-top: 8vw; }
      section .box_01 p {
        font-size: 4vw; }
        section .box_01 p + p {
          margin-top: 7vw; }
    section .box_02 {
      width: 100%;
      margin: 10vw auto 0;
      padding: 4vw 3vw; }
      section .box_02 h4 {
        font-size: 5vw; }
      section .box_02 p {
        line-height: 1.6;
        margin-top: 6vw;
        font-size: 4vw; }
      section .box_02 ul {
        margin-top: 4vw; }
        section .box_02 ul li {
          font-size: 4.2vw;
          line-height: 1.4; }
    section .box_img {
      margin-top: 8vw; }
    section .btn {
      width: 60vw; }
      section .btn a {
        font-size: 4vw;
        background-position: 8vw center;
        background-size: 4vw;
        padding-left: 3vw; }
  footer li {
    display: inline-block; }
    footer li + li {
      border-left: 1px solid #00658a; }
  footer a {
    color: #00658a;
    font-size: 2vw;
    display: block;
    padding: 1px 1vw 2px; }
  footer small {
    font-size: 2vw;
    font-family: 'Noto Sans JP Light';
    color: #00658a; } }
