@charset "UTF-8";

*{
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.fnt_bu {
  color: #5CA7BE;
}

.bg_bu {
  background-color: #5CA7BE;
}

.bg_l_bu {
  background-color: #EFF7FA;
}

.bg_wh {
  background-color: white;
}

.fnt_wh {
  color: white;
}

.bg_gly {
  background-color: #EDEDED;
}
header#header .table dt img{
  width:100%;
  height:auto;
}
header#header .table dd img{
  width:100%;
  height:auto;
}

@media screen and ( min-width:601px ) {
/* ↓↓ CSS内容はここに書く */
    
    .copyright .text-center{
      padding:20px;
      text-align: center;
    }
    header#header .wrapper{
      width:100%;
    }
    header#header .table.only-sp{
      display: none;
    }
    header#header .table.only-pc{
      display: table;
        width: 85%;
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
        padding-top:20px;
        padding-bottom:20px;
    }
    header#header .table dt{
      display: table-cell;
      vertical-align: middle;
    }
    header#header .table dd{
      display: table-cell;
      vertical-align: middle;
    }
    header#header .wrapper img{
        width:100%;
        height:auto;
    }
    #outline{
        width:100%;
        overflow: hidden;
    }
    section .wrapper{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    section .wrapper.lightblue{
      background: #eff7fa;
    }
    section .wrapper.blue{
      background: #5ca7be;
    }
    section .wrapper.gray{
      background: #ededed;
    }
    section .wrapper picture{
      display: block;
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    #mail{
        padding: 50px 0px;
    }
    .wrapper-form{
        width: 1080px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 50px 25px;
    }
    .text-title{
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    .iso img{
        display: block;
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    .iso-text img{
        display: block;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    
.btn {
  width: 200px;
  border: 1px solid #5CA7BE;
  color: #5CA7BE;
  border-radius: 20px;
  position: relative;
  bottom: 65px;
  right: 120px;
}

.adj {
  position: relative;
  bottom: 35px;
}

.form {
  max-width: 750px;
  margin: 0 auto 80px;
}
.form table th {
  width: 160px;
  text-align: left;
  font-weight: 100;
}
.form table td {
  width: 500px;
  padding: 0.5em 0;
  border: 1px solid #666;
}
.form tr {
  margin-bottom: 1em;
  display: block;
}
.form .contact-btn {
  width: 300px;
  margin: 1em auto;
  padding: 1em 0;
  border: 1px solid #5CA7BE;
  background: #5CA7BE;
  color: white;
}

/* メールフォーム */
form#mailformpro dl dt {
  border-top: none !important;
}

.box {
  border: 1px solid #ccc;
  padding: 0.5em 0;
  margin: 0.5em 0;
}
    button[type="submit"]{
        background-color: #C00;
        color: #FFF;
        padding: 10px;
        border-radius:5px;
    }
}

@media only screen and (max-width: 600px) {
  
  header#header .table.only-pc{
    display: none;
  }
  header#header .table.only-sp{
    display: table;
    width:90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }
  header#header .table dt{
    display: table-cell;
    vertical-align: middle;
  }
  header#header .table dd{
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
  }
.copyright .text-center{
  padding:20px;
  text-align: center;
}
    header#header .wrapper{
        width:100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px;
    }
    .outline{
        width:100%;
        overflow-x: hidden;
    }
    section .wrapper{
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px;
    }
    #mail{
        width:100%;
        box-sizing: border-box;
        padding: 35px 0px;
    }
    .wrapper-form{
        width: 98%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 25px;
    }
    section .wrapper h2 img{
        display: block;
        width:70%;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 0px 50px;
    }
    section .arrows img{
        display: block;
        width: 35%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    .text-title{
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    .iso img{
        display: block;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
    .iso-text img{
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
  .btn {
    bottom: 120px;
    width: 300px;
    padding: 1em 0;
    border-radius: 30px;
  }
  .grid {
    display: grid;
  }
  .scrool {
    width: 100%;
  }
  .block {
    display: block;
  }
  .form table {
    margin: auto;
  }
  .form table tr {
    display: grid;
  }
  .form table td {
    width: 300px;
  }
  .mmfp_col10 label{
    display: block;
    width:100%;
  }
    input[type="text"]{
        background-color: #f1f1f1;
        color: #000;
        width:100%;
        box-sizing: border-box;
        padding: 5px;
        border-radius:5px;
        margin-bottom: 5px;
        font-size: 16px;
        word-wrap: break-word;
    }
    input[type="tel"]{
        background-color: #f1f1f1;
        color: #000;
        padding: 5px;
        width:100%;
        box-sizing: border-box;
        border-radius:5px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    input[type="email"]{
        background-color: #f1f1f1;
        color: #000;
        padding: 10px;
        width:100%;
        box-sizing: border-box;
        border-radius:5px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    textarea{
        background-color: #f1f1f1;
        color: #000;
        padding: 10px;
        width:100%;
        box-sizing: border-box;
        border-radius:5px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    button[type="submit"]{
        background-color: #C00;
        color: #FFF;
        padding: 10px;
        border-radius:5px;
    }
}