/* Scss Document */
/* ---------- main ---------- */
main {
  text-align: center; }

/* ---------- mailform ---------- */
h2 {
  padding-top: 80px;
  background-color: #FFFFFF;
  padding: 120px 0 60px;
  text-align: center; }
  @media (max-width: 1023px) {
    h2 {
      padding: 50px 0 30px;
      max-width: 481px;
      margin: 0 auto;
      width: 90%; }
      h2 img {
        width: 100%; } }

#form {
  color: #2c7e97;
  border: solid #2c7e97 2px;
  max-width: 800px;
  margin: 20px auto 0;
  width: 90%;
  padding: 45px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 1023px) {
    #form {
      padding: 20px; } }
  #form h3 {
    margin-bottom: 25px;
    font-size: 110%; }
    @media (max-width: 1023px) {
      #form h3 {
        white-space: nowrap; } }
    #form h3 span {
      font-weight: normal;
      font-size: 80%; }
  #form .plan {
    float: left;
    width: 45%;
    margin-right: 5%;
    padding-bottom: 20px; }
    @media (max-width: 1023px) {
      #form .plan {
        float: none;
        width: 100%;
        margin-right: 0;
        padding-bottom: 0px; }
        #form .plan p {
          margin-bottom: 5%;
          font-size: 100%; } }
  #form dl {
    clear: both;
    display: table;
    margin-bottom: 20px; }
    @media (max-width: 1023px) {
      #form dl {
        display: block;
        width: 100%; } }
    #form dl:first-of-type {
      padding-top: 50px; }
      @media (max-width: 1023px) {
        #form dl:first-of-type {
          padding-top: 20px; } }
    #form dl:nth-of-type(5) {
      padding-bottom: 20px; }
      @media (max-width: 1023px) {
        #form dl:nth-of-type(5) {
          padding-bottom: 20px; } }
    #form dl:nth-of-type(6) {
      padding-top: 35px; }
    #form dl:last-of-type {
      padding-bottom: 50px; }
      @media (max-width: 1023px) {
        #form dl:last-of-type {
          padding-bottom: 20px; } }
  #form dt {
    white-space: nowrap;
    width: 200px;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1023px) {
      #form dt {
        display: block;
        white-space: nowrap;
        width: 100%; } }
  #form dd {
    width: 400px;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1023px) {
      #form dd {
        display: block;
        width: 100%; } }
    #form dd input {
      border: solid #2c7e97 1px;
      padding: 3%;
      width: 90%;
      /* [disabled]margin-bottom: 20px; */
      font-size: 100%; }
      @media (max-width: 1023px) {
        #form dd input {
          padding: 3%;
          width: 90%; } }
  #form dl dd .name {
    width: 100px;
    margin-right: 10px; }
  #form textarea {
    border: solid #2c7e97 1px;
    padding: 3%;
    font-size: 100%;
    width: 90% !important; }

#submitbtn {
  border: solid #2c7e97 2px;
  background-color: #FFFFFF;
  margin: 40px auto 0;
  color: #2c7e97;
  padding: 5px 35px;
  font-size: 120%;
  font-weight: bold; }

#mailformpro .mailerror {
  margin: 10px auto;
  text-align: center;
  width: 80%;
  max-width: 300px; }
#mailformpro .mfp_err {
  margin: 0 auto; }

.carrier_mail {
  margin-bottom: 40px;
  border: solid #2c7e97 1px;
  padding: 20px;
  background-color: #E8F3F3; }
  .carrier_mail h4 {
    margin-bottom: 10px; }

.notice {
  color: #2C7E97;
  margin: 0 auto;
  width: 80%; }
  @media (max-width: 1023px) {
    .notice {
      text-align: left; } }