@charset "UTF-8";

/* Scss Document */

.mv {

  background-color: #e7e9ea;

  height: 380px;

  background: url("../images/regional/mv.jpg") center bottom no-repeat;

  background-size: cover; }



@keyframes mv_txt {

  0% {

    opacity: 0;

    transform: scale(0.8); }

  100% {

    opacity: 1;

    transform: scale(1); } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .mv {

    height: 300px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .mv {

    height: 300px;

    width: calc(100% - 60px);

    margin: 0 auto; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mv {

    height: 180px;

    width: calc(100% - 30px);

    margin: 0 auto; } }

/*max-width:480px*/

/************************************/

.form_box {

  padding: 50px 0 250px;

  max-width: 840px;

  width: calc(100% - 80px);

  margin: 0 auto; }

  .form_box p {

    font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    text-align: center;

    margin: 0 0 50px; }

  .form_box input[type="password"] {

    padding: 5px;

    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    width: 250px;

    margin: 0 0 0 10px;

    border: 2px solid #ccc; }

  .form_box input[type="submit"] {

    padding: 5px;

    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    width: 100px;

    margin: 0 0 0 10px;

    border: 1px solid #20325f;

    background-color: #20325f;

    color: #fff; }



form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: center;

  justify-content: center;

  align-items: center; }



/************************************/

.box {

  padding: 40px 0 250px;

  max-width: 840px;

  width: calc(100% - 40px);

  margin: 0 auto;

  text-align: center; }

  .box p {

    border-bottom: 1px solid #ccc;

    padding: 15px 0 15px; }

  .box a {

    text-align: left;

    font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    position: relative;

    padding: 0 0 0 30px;

    display: inline-block; }

    .box a:before {

      position: absolute;

      content: "";

      left: 3px;

      width: 12px;

      height: 12px;

      border-top: 2px solid #20325f;

      border-right: 2px solid #20325f;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg);

      top: 9px; }

    .box a.btn {

      display: block;

      margin: 40px auto 0;

      width: 200px;

      height: 55px;

      text-align: center;

      border: 1px solid #ccc;

      padding: 0;

      font: 16px/53px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

      .box a.btn:before {

        display: none; }



/*max-width:1280px*/

/*max-width:1024px*/

/*max-width:768px*/

@media (max-width: 480px) {

  .box {

    padding: 20px 0 150px;

    max-width: 840px;

    width: calc(100% - 40px);

    margin: 0 auto;

    text-align: center; }

    .box p {

      border-bottom: 1px solid #ccc;

      padding: 15px 0 15px; }

    .box a {

      text-align: left;

      font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400;

      position: relative;

      padding: 0 0 0 25px;

      display: inline-block; }

      .box a:before {

        position: absolute;

        content: "";

        left: 3px;

        width: 10px;

        height: 10px;

        border-top: 2px solid #20325f;

        border-right: 2px solid #20325f;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        top: 7px; }

      .box a.btn {

        display: block;

        margin: 40px auto 0;

        width: 200px;

        height: 45px;

        text-align: center;

        border: 1px solid #ccc;

        padding: 0;

        font: 15px/43px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }

        .box a.btn:before {

          display: none; } }

/*max-width:480px*/