@charset "utf-8";

#vl019_ct01,
#vl019_ct02,
#vl019_ct03 {display:none;}

/* PC
--------------------------------------------
-------------------------------------------- */
@media screen and (min-width:769px), print {
  .contentsBase h5 {
    padding:0 0 10px 0;
    margin-bottom:10px;
    border-bottom:2px solid #0086cd;
    font-weight:bold;
    color:#0086cd;
  }
  .contentsBase .notes {
    line-height:1.8em;
    text-align: left;
  }
  .contentsBase .notes2 {
    line-height:1.8em;
    color:#f00;
    text-align: left;
  }
  .inputTbl {
    width:90%;
    table-layout:fixed;
    border-collapse:collapse;
    margin:0 auto 16px;
  }
    .inputTbl, .inputTbl th, .inputTbl td {
      border:1px solid #cccccc;
    }
    .inputTbl th, .inputTbl td {
    }
    .inputTbl thead {
    }
      .inputTbl thead tr {
      }
        .inputTbl thead tr th {
        }
        .inputTbl thead tr td {
        }
    .inputTbl tbody {
    }
      .inputTbl tbody tr {
      }
        .inputTbl tbody tr th {
          width:260px;
          background:#c7e8fa;
          color:#0086cd;
          padding:15px;
          text-align:center;
        }
          .inputTbl tbody tr th > div {
            position:relative;
            height:15px;
            line-height:15px;
          }
            .inputTbl tbody tr th > div span {
              position: absolute;
              right: 15px;
            }
        .inputTbl tbody tr td {
          padding:10px;
        }
          .inputTbl tbody tr td input,
          .inputTbl tbody tr td select {
            border: 1px solid #ababb5;
            border-radius: 5px;
            margin: 0 5px;
            padding: 7px;
          }
          .inputTbl tbody tr td label {
            line-height:1.6em;
          }
          .sizeA {width:100px;}
          .sizeB {width:300px;}
          .sizeC {width:40px;}
          .mb {margin-bottom:5px !important;}
          .id {padding-left:20px;}
  
  .formLayout .errmsg {
    width:80%;
    background:#FFF;
    border:3px solid #f00;
    padding:20px;
    margin:10px auto 10px auto;
    font-size:10pt;
  }
  .formLayout .errmsg,
  .formLayout .errmsg a,
  .formLayout .errmsg a:link,
  .formLayout .errmsg a:visited,
  .formLayout .errmsg a:hover,
  .formLayout .errmsg a:active {
    color:#F00;
  }
  
  #privacypolicyFrame{
    width:640px;
    height:auto;
    margin:0px auto;
    padding:10px 20px;
    border:1px solid #F9A25E;
    background:#FFFAE9;
    border-radius: 5px;
  }
    #privacypolicyFrame dl {
      padding: 3px 0;
    }
    #privacypolicyFrame dl dt{
      width:90%;
      height:auto;
      background:none;
      color:#ff61aa;
      font-weight:normal;
      font-size:110%;
      border:none;
      color:#333;
      float:none;
      text-align:left;
      font-weight:bold;
      padding:5px;
      display:block;
    }
    #privacypolicyFrame dl dd{
      padding-bottom:0px;
      padding-top:0px;
      padding:0 0 0 32px;
      line-height:1.6em;
    }
      #privacypolicyFrame dl dd a{
        color:#046dc9;
        text-decoration:underline;
      }

  .formLayout .submit {
    padding:1.5em 30px;
    text-align:center;
    margin-top:15px;
  }
  .formLayout .submit p {
    text-align:left;
    padding-bottom:1em;
  }
  .formLayout .submit input {
    width:300px;
    height:60px;
    float:none;
    display:inline;
  }
  .formLayout .submit .submit_left,.formLayout .submit .submit_right{
    width:49%;
    text-align:center;
  }
  .formLayout .submit .submit_left{
    float:left;
  }
  .formLayout .submit .submit_right{
    float:right;
  }
  
  .thanksMsgFrame {
    padding-top:20px;
    width:90%;
    margin:0 auto;
    padding-bottom: 100px;
  }
    .thanksMsgFrame p {
      line-height:1.6em;
      font-size:1.4em;
    }
      .thanksMsgFrame ul li {
      }
        .thanksMsgFrame ul li {
          line-height:1.6em;
          font-size:1.4em;
          background:url("../images/img_kome.gif") no-repeat 0 0;
          padding-left:20px;
        }
}

/* SmartPhone
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:768px) {
  .contentsBase h5 {
    padding:0 0 10px 0;
    margin-bottom:10px;
    border-bottom:2px solid #0086cd;
    font-weight:bold;
    color:#0086cd;
  }
  .contentsBase .notes {
    line-height:1.8em;
    text-align: left;
  }
  .contentsBase .notes2 {
    line-height:1.8em;
    color:#f00;
    text-align: left;
  }
  .inputTbl {
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    margin:0 auto 16px;
    
        text-align: left;
  }
    .inputTbl, .inputTbl th, .inputTbl td {
      border:1px solid #cccccc;
      box-sizing:border-box;
    }
    .inputTbl th, .inputTbl td {
    }
    .inputTbl thead {
    }
      .inputTbl thead tr {
      }
        .inputTbl thead tr th {
        }
        .inputTbl thead tr td {
        }
    .inputTbl tbody {
    }
      .inputTbl tbody tr {
      }
        .inputTbl tbody tr th {
          width:100%;
          background:#c7e8fa;
          color:#0086cd;
          padding:10px;
          text-align:center;
          display:block;
        }
          .inputTbl tbody tr th > div {
            position:relative;
            height:15px;
            line-height:15px;
          }
            .inputTbl tbody tr th > div span {
              position: absolute;
              right: 15px;
            }
        .inputTbl tbody tr td {
          width:100%;
          padding:10px;
          display:block;
        }
          .inputTbl tbody tr td input,
          .inputTbl tbody tr td select {
            border: 1px solid #ababb5;
            border-radius: 5px;
            margin: 0 5px;
            padding: 7px;
            font-size:16px;
            line-height: 1.2em;
            font-family: Arial, Helvetica, sans-serif;
          }
          .inputTbl tbody tr td label {
            line-height:1.6em;
          }
          .sizeA {width:30%;}
          .sizeB {width:90%;}
          .sizeC {width:20%;}
          .mb {margin-bottom:5px !important;}
          .id {}
  
  .formLayout .errmsg {
    width:90%;
    background:#FFF;
    border:3px solid #f00;
    padding:20px;
    margin:10px auto 10px auto;
    font-size:10pt;
    box-sizing:border-box;
  }
  .formLayout .errmsg,
  .formLayout .errmsg a,
  .formLayout .errmsg a:link,
  .formLayout .errmsg a:visited,
  .formLayout .errmsg a:hover,
  .formLayout .errmsg a:active {
    color:#F00;
  }
  
  #privacypolicyFrame{
    width:90%;
    height:auto;
    margin:0px auto;
    padding:10px 10px;
    border:1px solid #F9A25E;
    background:#FFFAE9;
    border-radius: 5px;
  }
    #privacypolicyFrame dl {
      padding: 3px 0;
    }
    #privacypolicyFrame dl dt{
      width:90%;
      height:auto;
      background:none;
      color:#ff61aa;
      font-weight:normal;
      font-size:110%;
      border:none;
      color:#333;
      float:none;
      text-align:left;
      font-weight:bold;
      padding:5px;
      display:block;
    }
    #privacypolicyFrame dl dd{
      padding-bottom:0px;
      padding-top:0px;
      padding:0 0 0 32px;
      line-height:1.6em;
      text-align: left;
    }
      #privacypolicyFrame dl dd a{
        color:#046dc9;
        text-decoration:underline;
      }
  
  .formLayout .submit {
    padding:1.5em 10px;
    text-align:center;
    margin-top:15px;
  }
  .formLayout .submit p {
    padding-bottom:1em;
  }
  .formLayout .submit input {
    width:90%;
    max-width:300px;
    height:auto;
    float:none;
    display:inline;
    margin:0 auto 16px;
  }
  .formLayout .submit .submit_left,.formLayout .submit .submit_right{
    text-align:center;
  }
  .formLayout .submit .submit_left{
  }
  .formLayout .submit .submit_right{
  }
  
  .thanksMsgFrame {
    padding-top:20px;
    width:90%;
    margin:0 auto 50px;
  }
    .thanksMsgFrame p {
      line-height:1.6em;
      font-size:1.2em;
    }
      .thanksMsgFrame ul li {
      }
        .thanksMsgFrame ul li {
          line-height:1.6em;
          font-size:1.2em;
          background:url("../images/img_kome.gif") no-repeat 0 0;
          padding-left:20px;
        }
}



.block_caution {
  padding-top: 30px;
  text-align: center;
  font-family: "Noto Sans JP", serif;
  font-feature-settings: "halt";
}

.txt_caution {
  font-size: 1.4rem;
  line-height: 1.4em;
  text-align: left;
  display: inline-block;
}

.box_caution {
  text-align: left;
  border: #c7e8fa solid 3px;
  margin-top: 20px;
  width: 100%;
  height: 300px;
  overflow-y: scroll;
}
.docs_caution {
  padding: 20px;
}

.docs_caution__company {
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.4em;
}

.docs_caution__title {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4em;
  padding: 16px 0 0;
  font-weight: 700;
}

.docs_caution__lead {
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 16px 0 0;
}

.docs_caution__section-title {
  font-size: 1.5rem;
  line-height: 1.2em;
  padding: 16px 0 0;
  font-weight: 700;
}

.docs_caution__text {
  font-size: 1.4rem;
  line-height: 1.6em;
  padding: 6px 0 0 20px;
}

.docs_caution__list {
  margin: 3px 0;
}

.docs_caution__list-item {
  list-style: decimal;
  font-size: 1.4rem;
  line-height: 1.6em;
  margin: 3px 0 3px 38px;
}

.docs_caution__list--bulleted {
  padding: 3px 0;
}

.docs_caution__item--bulleted {
  font-size: 1.4rem;
  line-height: 1.6em;
  padding: 3px 0 3px 1em;
  text-indent: -1em;
  &::before {
    content: "●";
  }
}

.docs_caution__note {
  padding: 3px 0 6px;
}

.docs_caution__contact {
  padding: 20px 0 0;
}

.docs_caution__contact-title {
  font-size: 1.4rem;
  line-height: 1.6em;
  font-weight: 700;
}

.docs_caution__contact-txt {
  font-size: 1.4rem;
  line-height: 1.6em;
}

.docs_caution__end {
  text-align: right;
  padding-bottom: 30px;
}

.caution_agree {
  text-align: center;
  #privacypolicyFrame {
    width: auto;
    display: inline-block;
    dl {
      dt {
        white-space: nowrap;
      }
    }
  }
}