@charset "UTF-8";
@import url("common.css");
header nav .message a {
  background-color: #009fe7; }
  header nav .message a:hover {
    color: #fff; }

section {
  width: 100%;
  position: relative;
  z-index: 1; }
  section#intro {
    background-color: #e7eef3;
    zoom: 1; }
    section#intro:after {
      display: block;
      clear: both;
      content: ""; }
    section#intro .read {
      padding: 50px 0;
      text-align: center; }
      section#intro .read h2 {
        font-family: Verdana;
        font-size: 60px;
        line-height: 60px; }
      section#intro .read p {
        margin-top: 20px; }
        section#intro .read p strong {
          font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif;
          font-size: 32px;
          line-height: 44px; }
        section#intro .read p small {
          font-family: Verdana;
          font-size: 12px;
          line-height: 24px;
          color: #009fe7; }
        section#intro .read p + p {
          margin-top: 20px;
          font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
          font-size: 15px;
          line-height: 30px; }
    section#intro .images img {
      width: 33.333%; }
  section.content {
    background-color: #fff; }
    section.content h3 {
      padding: 100px 0;
      text-align: center; }
      section.content h3 strong {
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif;
        font-size: 32px;
        line-height: 44px;
        color: #525f66; }
      section.content h3 small {
        font-family: Verdana;
        font-size: 12px;
        line-height: 24px;
        color: #009fe7; }
    section.content > div {
      zoom: 1; }
      section.content > div:after {
        display: block;
        clear: both;
        content: ""; }
      section.content > div > div {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        width: 50%;
        float: left;
        padding: 0 2.5% 10% 10%;
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
        font-size: 15px;
        line-height: 30px; }
        section.content > div > div + div {
          padding: 0 10% 10% 2.5%; }
        section.content > div > div h4 {
          font-weight: bold; }
        section.content > div > div p {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px solid #e5e5e5; }
      section.content > div > img {
        width: 100%;
        vertical-align: bottom; }

@media screen and (max-width: 1000px) {
  section#intro > div .read {
    width: 100%;
    float: none;
    padding: 10% 5%;
    text-align: center; }
    section#intro > div .read h2 {
      position: relative;
      bottom: auto;
      left: auto; }
      section#intro > div .read h2 small {
        font-size: 16px;
        line-height: 24px; }
    section#intro > div .read h3 small {
      font-size: 14px; }
    section#intro > div .read p {
      margin-top: 20px;
      font-size: 20px;
      line-height: 40px; }
      section#intro > div .read p + p br {
        display: none; }
  section#intro > div .images {
    width: 100% !important;
    float: none !important; }
  section.content h3 {
    padding: 50px 0; }
    section.content h3 strong {
      font-size: 36px;
      line-height: 48px; }
    section.content h3 small {
      font-size: 14px;
      line-height: 24px; }
  section.content > div > div {
    width: 100%;
    float: none;
    padding: 5% 10%;
    font-size: 20px;
    line-height: 40px; }
    section.content > div > div + div {
      padding: 5% 10%;
      float: none; } }