@charset "utf-8";

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

  body {
    font-family: "游明朝","Yu Mincho", "YuMincho", 'Noto Serif JP',"Hiragino Mincho Pro",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans',serif;
    font-weight: normal;
    color: #4d4d4d;
    letter-spacing: 0.05em;
    /*合字解除*/
    font-variant-ligatures: none;
    margin:0;
  }
  p {
    margin: 0 auto;
    font-size:1rem;
  }
  span {
    display:block;
    font-size: 1rem;
  }
  ul, li {
    list-style: none;
  }
  ul {
    list-style-type:none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
   }
  a {
    text-decoration: none;
    color:#333333;
  }
  .error {
    color: red;
  }
  .mv{
    /*margin-top:10%;
    margin-bottom: 10%;*/
    margin:0 auto 130px;
  }
  .mv img{
    display: block;
    margin:auto;
    /*max-width: 900px;
    width:100%;*/
    max-width: 70%;
  }
  .mv-sp {
    text-align: center;
  }
  .title {
    text-align: center;
    margin-bottom: 70px !important;
   }
  h1 {
    font-size: 24px !important;
    letter-spacing: 0.02em;
    margin-top: 70px !important;
  }
  .c-txt01 {
    text-align: center;
    margin:3%;
  }
  .txt01-d {
    color: #ae2608;
  }
  input,textarea,h1{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  .form-inquiry input, .form-inquiry select, .form-inquiry textarea {
    padding: 10px;
    -webkit-transition: .3s;
            transition: .3s;
    border-radius: 2px;
    outline: none;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
    font-size: 16px;
    font-size: 1rem;
  }
  .form-t input{
    width: 100%;
  }
  .form-inquiry input[type="radio"] {
    margin-left: 5px;
    outline: none;
  }
  .form-inquiry input[type="radio"], .form-inquiry input[type="checkbox"] {
    vertical-align: -1px;
    box-shadow: none;
  }
  .form-inquiry textarea {
    width: 100%;
    min-height: 10em;
    resize: vertical;
    height:200px;
  }
  .form-inquiry [type="submit"] {
    width: 250px;
    height: 60px;
    background-color:#000;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
  }
  .mb30{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .form-inquiry [type="submit"]:hover {
    opacity: .8;
    color: #fff;
  }
  .form-inquiry .note {
    display: block;
    font-size: 12px;
    font-size: .75rem;
  }
  .form-inquiry a {
    color: #ae2608;
  }
  .form-t {
    max-width: 980px;
    width:80%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    border-top: 1px solid #e9e9e9;
  }
  .form-t tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .form-t th, .form-t td {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
  .form-t th.required:after {
    margin-left: 1em;
    content: "※";
    color: #ae2608;
  }
  .under_main_pc {
    background: url(../img/main.png) center center / cover no-repeat;
    width: 100%;
    height: 300px;
    position: relative;
  }
  .catch {
    position: absolute;
    text-align:center;
    width:300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  @media screen and (max-width: 30em) {
    .form-inquiry [type="text"], .form-inquiry select {
      width: 100%;
    }
    .form-t th.required:after {
      color: #fff;
    }
    .form-t tr, .form-t th, .form-t td {
      display: block;
    }
    .form-t tr {
      border-bottom: none;
    }
    .form-t th {
      margin-top: 30px;
      color: #fff;
      border-radius: 2px;
      background: #1d2088;
    }
    .form-t th.required:after {
      margin-left: 1em;
      content: "※";
      color: #fff;
  }
  }
  @media screen and (max-width: 768px){
    .mv-sp {
      margin:100px 0;
    }
  }
  