@charset "UTF-8";
body {
  color: #525252;
  font-size: 15px;
  line-height: 26px; }

.img-center {
  display: block;
  margin: 0 auto; }

.img-right {
  float: right; }

.button-contact {
  display: block; }
  .button-contact img {
    width: 238px;
    margin-bottom: 15px; }

.marigin-bottom-50px {
  margin-bottom: 50px; }

.header {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .header {
      background-size: auto; } }
  .header-logo {
    display: block;
    height: 51px;
    width: 84px; }
    .header-logo img {
      width: 100%; }
  .header h1 {
    color: #fff;
    font-size: 48px;
    margin-top: 70px;
    margin-bottom: 50px;
    line-height: 47px;
    letter-spacing: 1px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .header h1 {
        font-size: 30px;
        line-height: 37px;
        margin-top: 50px;
        margin-bottom: 40px; } }
    .header h1 cite {
      color: rgba(255, 255, 255, 0.6);
      font-size: 21px;
      font-style: normal;
      letter-spacing: 9px;
      text-decoration: none; }
      @media only screen and (max-width: 768px) {
        .header h1 cite {
          font-size: 16px; } }
  .header h2 {
    color: #fff;
    font-size: 26px;
    line-height: 42px;
    margin-bottom: 40px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      .header h2 {
        font-size: 20px;
        line-height: 32px; } }
  .header p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .header p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 40px; } }

.footer-wrapper {
  padding: 0; }
  .footer-wrapper cite {
    background: #FFE840;
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 7px 0;
    text-align: center; }

.white-wrapper,
.yellow_1-wrapper,
.yellow_2-wrapper,
.yellow_3-wrapper,
.photo_bg1-wrapper {
  padding: 40px 0; }
  .white-wrapper h1,
  .yellow_1-wrapper h1,
  .yellow_2-wrapper h1,
  .yellow_3-wrapper h1,
  .photo_bg1-wrapper h1 {
    font-size: 48px;
    line-height: 66px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
    font-weight: bold;
    margin: 0 0 60px; }
    @media only screen and (max-width: 768px) {
      .white-wrapper h1,
      .yellow_1-wrapper h1,
      .yellow_2-wrapper h1,
      .yellow_3-wrapper h1,
      .photo_bg1-wrapper h1 {
        font-size: 34px;
        line-height: 50px;
        margin-bottom: 40px; } }
  .white-wrapper h2,
  .yellow_1-wrapper h2,
  .yellow_2-wrapper h2,
  .yellow_3-wrapper h2,
  .photo_bg1-wrapper h2 {
    font-size: 28px;
    line-height: 42px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      .white-wrapper h2,
      .yellow_1-wrapper h2,
      .yellow_2-wrapper h2,
      .yellow_3-wrapper h2,
      .photo_bg1-wrapper h2 {
        font-size: 27px;
        line-height: 40px; } }
    .white-wrapper h2.big,
    .yellow_1-wrapper h2.big,
    .yellow_2-wrapper h2.big,
    .yellow_3-wrapper h2.big,
    .photo_bg1-wrapper h2.big {
      font-size: 40px; }
      @media only screen and (max-width: 768px) {
        .white-wrapper h2.big,
        .yellow_1-wrapper h2.big,
        .yellow_2-wrapper h2.big,
        .yellow_3-wrapper h2.big,
        .photo_bg1-wrapper h2.big {
          font-size: 27px;
          line-height: 30px;
          margin-bottom: 0; } }
  .white-wrapper h3,
  .yellow_1-wrapper h3,
  .yellow_2-wrapper h3,
  .yellow_3-wrapper h3,
  .photo_bg1-wrapper h3 {
    color: #999999;
    font-size: 26px;
    margin: 0 0 12px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif; }
    @media only screen and (max-width: 768px) {
      .white-wrapper h3,
      .yellow_1-wrapper h3,
      .yellow_2-wrapper h3,
      .yellow_3-wrapper h3,
      .photo_bg1-wrapper h3 {
        font-size: 22px;
        line-height: 40px; } }
  .white-wrapper p,
  .yellow_1-wrapper p,
  .yellow_2-wrapper p,
  .yellow_3-wrapper p,
  .photo_bg1-wrapper p {
    margin: 0 0 26px; }

.white-wrapper {
  background: #fff; }

.yellow_1-wrapper {
  background: #FFF495; }

.yellow_2-wrapper {
  background: #FFF8C6; }

.yellow_3-wrapper {
  background: #FBEA6F; }

.photo_bg1-wrapper {
  color: #ffffff;
  background: url("/campaign2018/assets/images/image-bg01.jpg") no-repeat center center fixed; }
  @media only screen and (max-width: 768px) {
    .photo_bg1-wrapper {
      background: url("/campaign2018/assets/images/image-bg01.jpg") no-repeat center center; } }

.u-padding {
  padding-top: 130px;
  padding-bottom: 130px; }
  @media only screen and (max-width: 768px) {
    .u-padding {
      padding-top: 100px;
      padding-bottom: 100px; } }

@media only screen and (max-width: 480px) {
  .mailer {
    text-align: center; } }

/* table */
table {
  font-size: 14px;
  width: 100%; }

table tbody tr th, td {
  border: 1px solid #aaa;
  vertical-align: middle; }

table tbody tr {
  background: #ffffff; }

table tbody tr th {
  font-weight: normal;
  background: #d6d6e0;
  padding: 12px; }

table tbody tr td {
  font-weight: normal;
  vertical-align: middle; }

.table-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch; }

table {
  border-collapse: collapse; }

th, td {
  border: solid 1px #ccc;
  padding: 8px;
  white-space: nowrap; }

th {
  background: #aaa; }