@charset "UTF-8";

/* Scss Document */

.mv {

  background-color: #e7e9ea;

  height: 400px;

  background: url("../images/contact/mv.jpg") center center 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 {

    background-color: #e7e9ea;

    height: 300px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .mv {

    background-color: #e7e9ea;

    height: 300px;

    width: calc(100% - 60px);

    margin: 0 auto; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mv {

    background-color: #e7e9ea;

    height: 180px;

    width: calc(100% - 30px);

    margin: 0 auto; } }

/*max-width:480px*/

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

.top {

  max-width: 960px;

  margin: 0 auto;

  width: calc(100% - 80px);

  padding: 80px 0 0; }

  .top dt {

    background: url("../images/contact/ttl.svg") left center no-repeat;

    background-size: contain;

    width: 320px;

    height: 30px;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    margin: 0 0 20px; }

  .top dd {

    color: #589cd5;

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

    font-weight: 400;

    position: relative;

    margin: 0 0 40px; }

    .top dd:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/contact/hukidashi.svg") center center no-repeat;

      background-size: contain;

      width: 126px;

      height: 78px;

      top: -80px;

      left: 450px; }

    .top dd br {

      display: none; }

  .top p {

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

    font-weight: 400; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .top {

    width: calc(100% - 60px); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .top {

    width: calc(100% - 60px);

    padding: 80px 0 0; }

    .top dt {

      width: 300px;

      margin: 0 0 20px; }

    .top dd {

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

      font-weight: 400;

      position: relative;

      margin: 0 0 40px; }

      .top dd:before {

        width: 126px;

        height: 78px;

        top: -80px;

        left: 300px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .top {

    width: calc(100% - 40px);

    padding: 80px 0 0;

    text-align: center; }

    .top dt {

      background: url("../images/contact/ttl.svg") center center no-repeat;

      background-size: contain;

      width: 300px;

      height: 28px;

      overflow: hidden;

      text-indent: 100%;

      white-space: nowrap;

      margin: 0 auto 10px; }

    .top dd {

      color: #589cd5;

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

      font-weight: 400;

      position: relative;

      margin: 0 0 30px; }

      .top dd:before {

        display: none; }

      .top dd br {

        display: block; }

      .top dd span {

        display: none; }

    .top p {

      text-align: left;

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

      font-weight: 400; } }

/*max-width:480px*/

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

.conf {

  text-align: center;

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

  font-weight: 700; }



.dame {

  text-align: center;

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

  font-weight: 700;

  color: red; }



.comp {

  max-width: 640px;

  margin: 0 auto;

  padding: 0 0 250px;

  width: calc(100% - 40px);

  text-align: center; }

  .comp dt {

    color: #589cd5;

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

    font-weight: 700;

    margin: 0 0 30px; }

  .comp dd {

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

    font-weight: 400; }

    .comp dd a {

      pointer-events: none; }

  .comp .back {

    display: block;

    width: 220px;

    border: 1px solid #ccc;

    text-align: center;

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

    font-weight: 400;

    padding: 15px;

    margin: 50px auto 0; }

  .comp div {

    display: none; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .comp dd a {

    pointer-events: auto; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .comp {

    text-align: left; } }

/*max-width:768px*/

/*max-width:480px*/

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

.mw_wp_form {

  max-width: 960px;

  margin: 0 auto;

  padding: 50px 0 250px;

  width: calc(100% - 80px); }

  .mw_wp_form table {

    width: 100%;

    margin: 0 auto 40px; }

  .mw_wp_form th {

    width: 200px;

    border: 1px solid #b3b6cc;

    padding: 20px 15px;

    background-color: #f3f4f8;

    position: relative;

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

    font-weight: 400;

    color: #20325f; }

    .mw_wp_form th.hisu:before {

      position: absolute;

      content: "必須";

      background-color: #ea5514;

      color: #fff;

      width: 40px;

      height: 20px;

      text-align: center;

      display: block;

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

      font-weight: 400;

      top: 51%;

      left: auto;

      right: 10px;

      -webkit-transform: translate(0%, -50%);

      /* Safari用 */

      transform: translate(0%, -50%); }

  .mw_wp_form td {

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

    font-weight: 400;

    width: calc(100% - 200px);

    border: 1px solid #b3b6cc;

    padding: 20px; }

  .mw_wp_form .box {

    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: flex-start;

    justify-content: flex-start;

    align-items: center; }

  .mw_wp_form .item {

    padding: 0 0 0 19px; }



input[type="text"] {

  border: 1px solid #ccc;

  padding: 5px;

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

  font-weight: 400;

  width: 100%;

  max-width: 300px; }

  input[type="text"].sei {

    max-width: 200px;

    margin: 0 20px 0 10px; }

  input[type="text"].mei {

    max-width: 200px;

    margin: 0 0 0 10px; }

  input[type="text"].daigaku, input[type="text"].jiki {

    margin: 0 10px 0 0; }



input[type="email"] {

  border: 1px solid #ccc;

  padding: 5px;

  width: 100%;

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

  font-weight: 400; }

  input[type="email"].mail01 {

    margin: 0 0 15px; }



textarea {

  border: 1px solid #ccc;

  padding: 5px 10px;

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

  font-weight: 400;

  width: 100%;

  height: 200px; }



input[type="submit"],

input[type="button"] {

  width: 90%;

  max-width: 400px;

  height: 60px;

  border: none;

  background-color: #5b648b;

  color: #fff;

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

  font-weight: 400;

  margin: 0 auto;

  display: block; }

  input[type="submit"]:hover,

  input[type="button"]:hover {

    background-color: #589cd5; }



@media (min-width: 1024px) and (hover: hover) {

  input[type="submit"]:hover,

  input[type="button"]:hover {

    background-color: #589cd5; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .mw_wp_form {

    max-width: 960px;

    margin: 0 auto;

    padding: 80px 0 250px;

    width: calc(100% - 60px); }

    .mw_wp_form table {

      width: 100%;

      margin: 0 auto 40px; }

    .mw_wp_form th {

      width: 180px; }

    .mw_wp_form td {

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

      font-weight: 400;

      width: calc(100% - 180px);

      border: 1px solid #b3b6cc;

      padding: 20px 15px; }



  input[type="text"].sei {

    max-width: 185px;

    margin: 0 15px 0 10px; }

  input[type="text"].mei {

    max-width: 185px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .mw_wp_form {

    max-width: 960px;

    margin: 0 auto;

    padding: 50px 0 150px;

    width: calc(100% - 60px); }

    .mw_wp_form table {

      width: 100%;

      margin: 0 auto 40px; }

    .mw_wp_form tr {

      width: 100%;

      display: block;

      margin: 0 0 15px;

      border: 1px solid #b3b6cc; }

    .mw_wp_form th {

      width: 100%;

      display: block;

      border: 1px solid #b3b6cc;

      border-bottom: none; }

      .mw_wp_form th.hisu {

        padding: 20px 20px 20px 58px; }

      .mw_wp_form th.hisu:before {

        top: 51%;

        left: 10px;

        right: 0; }

    .mw_wp_form td {

      width: 100%;

      display: block;

      border: 1px solid #b3b6cc; }

    .mw_wp_form .box {

      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: flex-start;

      justify-content: flex-start;

      align-items: center; }

    .mw_wp_form .item {

      padding: 0; }



  input[type="text"] {

    border: 1px solid #ccc;

    padding: 5px;

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

    font-weight: 400;

    width: 100%;

    max-width: 300px; }

    input[type="text"].sei {

      max-width: 300px;

      margin: 0 20px 5px 10px; }

    input[type="text"].mei {

      max-width: 300px;

      margin: 5px 0 0 10px; }

    input[type="text"].jiki {

      margin: 0 10px 10px 0; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mw_wp_form {

    max-width: 960px;

    margin: 0 auto;

    padding: 50px 0 250px;

    width: calc(100% - 40px); }

    .mw_wp_form table {

      width: 100%;

      margin: 0 auto 40px; }

    .mw_wp_form tr {

      width: 100%;

      display: block;

      margin: 0 0 15px;

      border: 1px solid #b3b6cc; }

    .mw_wp_form th {

      width: 100%;

      display: block;

      border: 1px solid #b3b6cc;

      border-bottom: none; }

      .mw_wp_form th.hisu {

        padding: 20px 20px 20px 58px; }

      .mw_wp_form th.hisu:before {

        top: 51%;

        left: 10px;

        right: 0; }

    .mw_wp_form td {

      width: 100%;

      display: block;

      border: 1px solid #b3b6cc; }

    .mw_wp_form .box {

      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: flex-start;

      justify-content: flex-start;

      align-items: center; }

    .mw_wp_form .item {

      padding: 0; }



  input[type="text"] {

    border: 1px solid #ccc;

    padding: 5px;

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

    font-weight: 400;

    width: 100%;

    max-width: 300px; }

    input[type="text"].sei {

      max-width: 220px;

      margin: 0 0 5px 10px; }

    input[type="text"].mei {

      max-width: 220px;

      margin: 5px 0 0 10px; }

    input[type="text"].jiki {

      margin: 0 10px 10px 0; }

    input[type="text"].daigaku {

      max-width: 220px; } }

/*max-width:480px*/