@charset "utf-8";
.ptf {font-family: ab-suzume, sans-serif;font-style: normal; font-weight:900; letter-spacing:15px; font-size:min(calc(0.1 * 80vw), 80px); line-height:min(calc(0.1 * 55vw), 55px);}
* {font-family: dnp-shuei-mgothic-std, sans-serif;font-weight: 600;font-style: normal;}

.backgroundwhite{position: absolute;background-color: white;height:100%;width:900px;z-index:1;top:0;margin: auto; left:0; right:0;}

/*top*/
.contacttop{max-width: 1000px;margin: 0 auto;width:90%;padding-top:30px;z-index: 2;position: relative;}

/*トップタイトル↓*/
.contacttopbackgroundcolor{margin-top:-8%;min-height:300px;height: min(calc((100 / 1920) * 360vw), 360px);width:100%;background-color:#D6EBF7;z-index:0;}
.contacttoptxt{padding-top:7%;max-width: 1000px; width:90%;margin: auto; left:0; right:0;z-index:1;}
.contacttoptxt_1{color:white;font-size:7rem;font-weight: bold;margin-left:3%;position:relative;}
.contacttoptxt_2{color:#00478A; font-weight: bold;  font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.topillust{position:absolute;width:16%;top:32%;z-index:-1;left:-6%;}
/*トップタイトル↑*/

/*2*/
.section2{position:relative;background-color:#FEF4DF;z-index:0;}
.section2inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;padding-bottom:10%;}

.otoiawasenop{margin: auto; right:0;left:0;}

p {
  font-size:1rem;
  font-weight: bold;
  text-align: center;
}
input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
  border: none;
  width:100%;
  height:100%;
}
input[type="checkbox"] {
  vertical-align: middle;
}
input[type="submit"],
input[type="text"],
select,
textarea,
.form-table button {
  background-image: url(../img/contact_form/3.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 15px 8px;
  padding:5px;
}

input[type="text"],
input[type="text"]:focus,
textarea:focus {background: #e9f5fb; background:#fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-radius:3px;}
textarea {height:100px;background: white;display: block;font-size: 14px; border-radius: 0; border: solid 1px #E6E6E6; resize: none; border-radius:3px;}
select {padding:10px; color:#666; border-radius:5px; border:2px solid #eee; background-color: white;}

.form-table {width: 80%;margin: auto;right:0;left:0;}
.form-table th {color:#00478A; text-align: left; font-size:14px;} 
.form-table td{width:60%;}
.form-table th,
.form-table td {border-bottom: 3px solid white; padding: 25px;}
.form-table .th1,
.form-table .td1 {background: #D6EBF7;}
.form-table .th2,
.form-table .td2 {background: #F2F2F2;}
.hissu{color:white;background:#0085CD;padding:3px 10px;margin-left:10px;}

/*フォーム他*/
.section2 p{color:#00478A;font-size:1.5rem;left:0;right:0;}
.otoiawasenop {padding-top: 5%;margin-bottom: 5%;}
.sec6-2txt{margin-top: 3%;}

/*スクロール*/
.sample { width: 700px;height: 200px;border: solid 1px; overflow: auto; background-color:#E5F3FA; margin-top:8%; padding:5%;position: relative;}
.sec6-2{width:70%;margin: auto; right:0; left:0;text-align: left;display: flex; justify-content: center;}
.sec6-2txt{font-size:14px;position: absolute;left:150px;font-weight: bold;}
.sample dt {font-size:14px;}
.sample dd {padding:10px 0;}
.sample dd p {font-size:14px; margin-bottom:10px; text-align:left;}


.check{white-space:nowrap; margin:30px auto; text-align:center;}
.check label {vertical-align: middle;}
.lastbutton{display:flex;justify-content:center;margin:auto; right:0; left:0;color:white; background-color: #0085CD; border: 4px solid #b5dcf0;font-size:14px; width:40%;text-align: center;padding: 13px 23px;border-radius: 33px;}
.lastbuttonicon {position:relative;left:28%}
.section2 a{text-decoration: none;}


/*sp版*/
@media screen and (max-width : 999px ){
  .contacttop{
    width:95%;
    padding-top:2%;
  }
  .backgroundwhite{width:70%;}
  .sec1txt{margin:auto;text-align: left;
		width: auto;
		font-size:2rem;
	}
  .sec1illust{
    position: absolute;width:50%;z-index:-1;margin: auto; left:0; right:0;top:15%;
  }
  th,td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .lastbutton {width:min(calc((100 / 1920) * 1300vw), 1300px);}
  .formtable {margin: auto; right:0; left:0;}
  .form-table .th1 {
    border-bottom: 3px solid #D6EBF7;
  }
  .form-table .th2 {
    border-bottom: 3px solid #F2F2F2;
  }
  .form-table .td1 {
    border-bottom:  transparent 3px solid;
    margin-bottom: 10px;
  }
  .form-table .td2 {
    border-bottom:  transparent 1px solid;
    margin-bottom: 10px;
  }
  .sec6-2 {width:100%;}
  .form-table {
    width: 100%;
    margin: 0 auto;
  }
  .section2inner {
    padding-right:7%;
    padding-left:7%;
    margin: 0 auto;
  }
  .form-table th,
  .form-table .td1 {
    width:calc(100% - 50px);
  }
  .form-table th,
  .form-table .td2 {
    width:calc(100% - 50px);
  }
  .section2 p{text-align: left;}
  .sec6-2txt{left:0;right:0;position: absolute;}
  .secbr1{display:none;}

  tr .th1{padding-bottom: 0;}
  tr .th2{padding-bottom: 0;}
  .form-table .td1{padding-top: 0;}
  .form-table .td2{padding-top: 0;}
  
}

@media screen and (max-width : 668px ){
  .section2inner{
    margin: 0 auto;
  }
  .section2 p{font-size:1.2rem;font-weight: normal;}
  .sec6-2txt
  .secbr1{display: none;}
  .lastbuttonicon{left:22%}
  .sec6-2txt{margin-top: 1%;}

  /*トップタイトル↓*/
  .contacttoptxt_1{font-size: 4rem;}
  .contacttoptxt_2{font-size:2rem;}
  .contacttopbackgroundcolor{height:calc((100 / 1920) * 668vw);min-height:0;}
  .topillust{width:26%;top:23%;}
  /*トップタイトル↑*/
}