@charset "UTF-8";
main .content {
  margin: 0;
  width: 100%; }
  @media (max-width: 767px) {
    main .content {
      margin-bottom: 0;
      padding: 0;
      overflow: hidden; } }

.content_inner {
  width: 950px;
  padding: 0;
  color: #000; }
  @media (max-width: 767px) {
    .content_inner {
      width: 100%; } }

/*------------------------
　　キービジュアル
------------------------*/
.content {
  /*------------------------
　　セクション１
------------------------*/
  /*------------------------
　　セクション２
------------------------*/ }
  .content h1 {
    width: 950px;
    margin: 0 auto 48px; }
    @media (max-width: 767px) {
      .content h1 {
        margin: 0 auto 4vw;
        width: 100%;
        padding: 0; } }
  .content .sction01 {
    text-align: center;
    margin: 0 auto;
    width: 815px;
    margin-bottom: 65px; }
    @media (max-width: 767px) {
      .content .sction01 {
        width: 89.86667vw;
        margin-bottom: 7.06667vw; } }
    .content .sction01 h3 {
      font-weight: 600;
      font-size: 25px;
      margin-top: 40px; }
      @media (max-width: 767px) {
        .content .sction01 h3 {
          margin-top: 4.8vw;
          font-size: 3.46667vw; } }
    .content .sction01 .img {
      width: 815px;
      margin: 0 auto;
      margin-top: 34px; }
      @media (max-width: 767px) {
        .content .sction01 .img {
          width: 89.86667vw;
          margin-top: 4.26667vw; } }
    .content .sction01 h2 {
      color: #3071B9;
      font-weight: 900;
      font-size: 40px;
      margin-top: 30px; }
      @media (max-width: 767px) {
        .content .sction01 h2 {
          font-size: 4.4vw;
          margin-top: 3.6vw; } }
    .content .sction01 ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 30px;
      margin-top: 18px; }
      @media (max-width: 767px) {
        .content .sction01 ul {
          font-size: 3.33333vw;
          margin-top: 2.66667vw; } }
    .content .sction01 a {
      background: #3071B9;
      color: #fff;
      font-weight: 600;
      position: relative;
      width: 250px;
      border-radius: .3em;
      padding: .6em 0 .8em; }
      @media (max-width: 767px) {
        .content .sction01 a {
          width: 27.73333vw; } }
      .content .sction01 a::after {
        content: "";
        background: url(../img/reason/arrow.svg);
        background-size: contain;
        position: absolute;
        left: 50%;
        width: 1.2em;
        height: 1.2em;
        bottom: -.5em;
        margin-left: -.6em; }
  .content .section02 {
    margin-bottom: 80px;
    text-align: center;
    background: #EDF7FC; }
    @media (max-width: 767px) {
      .content .section02 {
        margin-bottom: 10.66667vw; } }
    .content .section02 .section_inner {
      padding: 40px 70px 70px; }
      @media (max-width: 767px) {
        .content .section02 .section_inner {
          padding: 5.33333vw 4.8vw 8vw; } }
    .content .section02 h2 {
      background: #0068B5;
      color: #fff;
      font-weight: 600;
      font-size: 45px;
      padding: .05em 0 .3em; }
      @media (max-width: 767px) {
        .content .section02 h2 {
          font-size: 6vw; } }
      .content .section02 h2 i {
        display: inline-block;
        position: relative;
        bottom: -.2em;
        margin-right: .2em; }
      .content .section02 h2 .icon-01 {
        width: 74px; }
        @media (max-width: 767px) {
          .content .section02 h2 .icon-01 {
            width: 9.86667vw; } }
      .content .section02 h2 .icon-04 {
        width: 60px; }
        @media (max-width: 767px) {
          .content .section02 h2 .icon-04 {
            width: 8vw; } }
      .content .section02 h2 .icon-07 {
        width: 53px; }
        @media (max-width: 767px) {
          .content .section02 h2 .icon-07 {
            width: 7.06667vw; } }
    .content .section02 .cap {
      line-height: 1.8;
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 36px; }
      @media (max-width: 767px) {
        .content .section02 .cap {
          font-size: 3.46667vw;
          margin-bottom: 5.33333vw; } }
    .content .section02 .cap2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: left;
      line-height: 1.8;
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 36px; }
      @media (max-width: 767px) {
        .content .section02 .cap2 {
          font-size: 3.46667vw;
          margin-bottom: 5.33333vw;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .content .section02 .cap2 span {
        width: 263px; }
        @media (max-width: 767px) {
          .content .section02 .cap2 span {
            width: 48.4vw;
            margin: 8.93333vw auto 5.33333vw; } }
    .content .section02 .lineup {
      color: #4063AD;
      display: inline-block;
      border-bottom: #4063AD 1px solid;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        .content .section02 .lineup {
          font-size: 3.33333vw;
          margin-bottom: 9.33333vw; } }
    .content .section02 h4 {
      color: #E60012;
      font-weight: 900;
      font-size: 26px;
      margin-bottom: 26px;
      line-height: 1.6; }
      @media (max-width: 767px) {
        .content .section02 h4 {
          font-size: 4.26667vw;
          margin-bottom: 4.8vw; } }
    .content .section02 .white_box {
      background: #fff;
      padding: 20px;
      padding-bottom: 60px;
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .content .section02 .white_box {
          padding: 3.33333vw 2.66667vw 13.33333vw;
          margin-bottom: 8vw; } }
      .content .section02 .white_box:last-child {
        margin-bottom: 0; }
      .content .section02 .white_box.last {
        padding-bottom: 50px; }
        @media (max-width: 767px) {
          .content .section02 .white_box.last {
            padding-bottom: 7.86667vw; } }
        .content .section02 .white_box.last h3 {
          text-align: center; }
        .content .section02 .white_box.last .flex_boxes {
          margin: 0;
          width: 100%; }
      .content .section02 .white_box h3 {
        text-align: left;
        font-weight: 900;
        font-size: 26px;
        color: #0068B5;
        padding-bottom: .18em;
        border-bottom: #0068B5 1px solid; }
        @media (max-width: 767px) {
          .content .section02 .white_box h3 {
            font-size: 4vw; } }
        .content .section02 .white_box h3 span {
          background: url(../img/reason/arrow2.svg) no-repeat;
          background-size: contain;
          display: inline-block;
          color: #fff;
          font-size: 20px;
          padding: .4em 1.2em .6em .8em;
          margin-right: 1em; }
          @media (max-width: 767px) {
            .content .section02 .white_box h3 span {
              font-size: 3.73333vw;
              margin-right: .5em; } }
        .content .section02 .white_box h3 b {
          color: #E60012; }
        .content .section02 .white_box h3 p {
          display: inline-block; }
        @media (max-width: 767px) {
          .content .section02 .white_box h3.line2h3 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
      .content .section02 .white_box .rogo-01 {
        width: 236px;
        margin: 53px auto 40px; }
        @media (max-width: 767px) {
          .content .section02 .white_box .rogo-01 {
            width: 42.53333vw;
            margin: 8vw auto 6.66667vw; } }
      .content .section02 .white_box .rogo-04 {
        width: 200px;
        margin: 53px auto 40px; }
        @media (max-width: 767px) {
          .content .section02 .white_box .rogo-04 {
            width: 38.26667vw;
            margin: 8vw auto 6.66667vw; } }
      .content .section02 .white_box .rogo-05 {
        width: 240px;
        margin: 53px auto 40px; }
        @media (max-width: 767px) {
          .content .section02 .white_box .rogo-05 {
            width: 41.86667vw;
            margin: 8vw auto 6.66667vw; } }
      .content .section02 .white_box .txt {
        display: inline-block;
        text-align: left;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 35px; }
        @media (max-width: 767px) {
          .content .section02 .white_box .txt {
            font-size: 3.46667vw;
            margin-bottom: 4.66667vw; } }
        .content .section02 .white_box .txt b {
          font-weight: 600;
          color: #E60012; }
        .content .section02 .white_box .txt .kome {
          font-weight: 400;
          font-size: 16px;
          text-indent: -1em;
          padding-left: 1em;
          display: block; }
          @media (max-width: 767px) {
            .content .section02 .white_box .txt .kome {
              font-size: 2.4vw; } }
      .content .section02 .white_box .but {
        display: inline-block;
        font-weight: 600;
        color: #0068B5;
        border: #0068B5 2px solid;
        padding: .8em .5em .8em 1.4em; }
        @media (max-width: 767px) {
          .content .section02 .white_box .but {
            border: #0068B5 0.4vw solid; } }
        .content .section02 .white_box .but::after {
          content: "\e91e";
          font-family: "icomoon";
          margin-left: 1em; }
      .content .section02 .white_box .flex_boxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 35px 0 50px; }
        @media (max-width: 767px) {
          .content .section02 .white_box .flex_boxes {
            margin: 8.66667vw auto 11.6vw;
            width: 77.33333vw; } }
        @media (max-width: 767px) {
          .content .section02 .white_box .flex_boxes {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        .content .section02 .white_box .flex_boxes .box {
          width: 50%;
          padding: 10px 0; }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .box {
              width: 100%;
              padding: 0; } }
          .content .section02 .white_box .flex_boxes .box:first-child {
            border-right: #A9A9A9 4px dotted; }
            @media (max-width: 767px) {
              .content .section02 .white_box .flex_boxes .box:first-child {
                border: none;
                border-bottom: #A9A9A9 0.4vw dotted;
                margin-bottom: 7.46667vw; } }
        .content .section02 .white_box .flex_boxes .box2 {
          width: 223px;
          margin-top: 36px; }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .box2 {
              margin-top: 4.8vw;
              width: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; } }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .box2 img {
              width: 36.53333vw;
              height: auto; } }
          .content .section02 .white_box .flex_boxes .box2 p {
            font-size: 16px;
            line-height: 1.6;
            margin-top: .5em; }
            @media (max-width: 767px) {
              .content .section02 .white_box .flex_boxes .box2 p {
                font-size: 3.46667vw;
                -webkit-box-flex: 10;
                    -ms-flex-positive: 10;
                        flex-grow: 10; } }
        .content .section02 .white_box .flex_boxes .rogo-02 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-weight: 600;
          font-size: 25px;
          margin-bottom: 30px; }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .rogo-02 {
              margin-bottom: 5.06667vw;
              font-size: 4.66667vw; } }
          .content .section02 .white_box .flex_boxes .rogo-02 i {
            display: inline-block;
            margin-right: .5em;
            width: 85px; }
            @media (max-width: 767px) {
              .content .section02 .white_box .flex_boxes .rogo-02 i {
                width: 15.73333vw; } }
        .content .section02 .white_box .flex_boxes .txt {
          text-align: center; }
        .content .section02 .white_box .flex_boxes .icon-02 {
          width: 136px;
          margin: 0 auto; }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .icon-02 {
              width: 32.66667vw;
              margin-bottom: 9.86667vw; } }
        .content .section02 .white_box .flex_boxes .icon-03 {
          width: 207px;
          margin: 0 auto; }
          @media (max-width: 767px) {
            .content .section02 .white_box .flex_boxes .icon-03 {
              width: 48.93333vw; } }
    .content .section02 .banner_box p {
      font-weight: 600;
      font-size: 23px;
      margin-bottom: .5em; }
      @media (max-width: 767px) {
        .content .section02 .banner_box p {
          font-size: 4vw; } }
    .content .section02 .banner_box .but {
      width: 377px;
      display: inline-block; }
      @media (max-width: 767px) {
        .content .section02 .banner_box .but {
          width: 75.2vw;
          margin-bottom: 10.66667vw; } }
    .content .section02 .jumyou {
      display: inline-block;
      border-bottom: #000 1px solid;
      cursor: pointer;
      font-weight: 500;
      font-size: 18px;
      margin-top: 2em; }
      @media (max-width: 767px) {
        .content .section02 .jumyou {
          font-size: 3.06667vw; } }
  .content .tenpo_but {
    padding-top: 30px; }
    @media (max-width: 767px) {
      .content .tenpo_but {
        padding-top: 0vw; } }
    .content .tenpo_but p {
      color: #231815;
      font-weight: 600;
      font-size: 20px;
      text-align: center;
      margin-bottom: .8em; }
      @media (max-width: 767px) {
        .content .tenpo_but p {
          font-size: 3.46667vw; } }
    .content .tenpo_but .tenpo_button {
      display: block;
      background-color: #ED1A3A;
      width: 342px;
      margin: 25px auto 60px;
      padding: .8em 0;
      font-size: 16px;
      line-height: 1.6;
      font-weight: bold;
      border-radius: 5px;
      text-align: center;
      color: #FFFFFF;
      text-decoration: none; }
      @media (max-width: 767px) {
        .content .tenpo_but .tenpo_button {
          width: 90vw;
          font-size: 4.26667vw;
          margin: 0 auto 4vw;
          border-radius: 1.6vw; } }
      .content .tenpo_but .tenpo_button span {
        display: inline-block;
        vertical-align: top;
        padding-left: 26px;
        background: url(../img/reason/icon-06.svg) no-repeat;
        background-position: left center;
        background-size: 20px auto; }
        @media (max-width: 767px) {
          .content .tenpo_but .tenpo_button span {
            background-size: contain;
            background-position: left center;
            padding-left: 9.33333vw; } }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 680px; }
  @media (max-width: 767px) {
    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
      width: 80vw; } }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mfp-close {
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  text-decoration: none;
  text-align: center;
  opacity: .8;
  padding: 0;
  color: #FFF;
  font-style: normal;
  font-size: 35px;
  right: -1.2em;
  top: -.2em;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 900; }
  @media (max-width: 767px) {
    .mfp-close {
      font-size: 4vw; } }

.inline {
  background: #fff !important;
  display: block;
  padding: 40px 40px 46px;
  margin: 0 auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }
  @media (max-width: 767px) {
    .inline {
      padding: 4.4vw; } }
  .inline h2 {
    color: #0068B5;
    font-weight: 600;
    font-size: 26px;
    border-bottom: #0068B5 1px solid;
    padding-bottom: .3em;
    margin-bottom: .5em; }
    @media (max-width: 767px) {
      .inline h2 {
        font-size: 3.46667vw; } }
  .inline .txt {
    font-size: 20px;
    line-height: 1.8; }
    @media (max-width: 767px) {
      .inline .txt {
        font-size: 3.06667vw; } }
    .inline .txt i {
      position: relative;
      bottom: .5em;
      font-size: .5em; }
  .inline .kome {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 1em; }
    @media (max-width: 767px) {
      .inline .kome {
        font-size: 2.66667vw; } }
  .inline .yellow {
    background: #FFFBC7;
    padding: 23px 30px 45px;
    border-radius: 10px; }
    @media (max-width: 767px) {
      .inline .yellow {
        padding: 3.06667vw 6.13333vw 5.86667vw;
        border-radius: 1.33333vw; } }
  .inline .img {
    width: 53px;
    margin: 0 auto 32px; }
    @media (max-width: 767px) {
      .inline .img {
        width: 7.06667vw;
        margin-bottom: 3.46667vw; } }
  .inline ul {
    font-size: 20px;
    line-height: 1.8; }
    @media (max-width: 767px) {
      .inline ul {
        font-size: 3.06667vw; } }
  .inline li {
    text-indent: -1em;
    padding-left: 1em; }
/*# sourceMappingURL=layout_page3.css.map */