@charset "utf-8";

/*トップ*/
.topimageweb{width:calc((100 / 1500) * 295.3877vw);}

/*送信フォームテキスト*/
.formtxt1{max-width:1920px;width:70%;color:black;background-color:#E7F5FC;display: block; margin: auto; 
  padding:2% 8%;margin-bottom:1%;margin-top: 3%;font-size:16px;}
.formtxt1 p{text-align: left; display: inline-block;}

/*送信フォーム↓*/
table{border-collapse:collapse;}
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-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 15px 8px;
  padding:5px;
}

.tabletxt{white-space: nowrap;}
.tdflex{display:flex; width:100%;}
.tabletxt{margin-right:1%;margin-left: 1%;}


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;/*height:30px;*/}
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 {max-width:1920px;width: 70%;margin: auto;right:0;left:0;margin-bottom:1%}
.form-table th {color:#333333; text-align: left; font-size:14px;} 
.form-table th,
.form-table td { padding: 25px;background:#F2F2F2;font-size:14px;}
.hissu{color:#333333;background:#FBCE2D;padding:3px 10px;margin-left:10px;font-size:10px;}

.form-table th, .form-table td{border-bottom:3px solid white;}

/*送信フォーム↑*/

/*お問い合わせ内容の確認↓*/
.formbutton1 {position:relative; text-align:center; z-index:30; margin:0 auto; margin-bottom:5%;}
.formbutton1 a {display:block; max-width:1920px;  color:white; background-color:#398DF3;width:70%; margin:0 auto; text-align: center;padding:3%;}
.formbutton1 a {position:relative; transition-duration: .2s;  margin:auto; background-color: #398DF3; display: block; color:white; text-align:center; position:relative;}
.formbutton1 a span {position:relative; z-index:3; transition-duration: .2s; font-size:16px;}
.formbutton1 a::before {content: ""; transition-duration: .2s; width:0; height:100%; display:block; position:absolute; z-index:0; left:0; top:0; background: linear-gradient(to right, #B9EFEF, #9AD4FF);opacity: 0;}
.formbutton1 a:hover {}
.formbutton1 a:hover::before {width:100%; opacity: 1;}
.formbutton1 a::after {content:""; display: inline-block; position:absolute; width:15px; height:15px; top:50%; left:50%; margin-top:-7px; margin-left:120px; background-image:url(/wp-content/themes/arva/assets/img/10.form/3.svg);background-size: contain;background-repeat: no-repeat;}



/*お問い合わせ内容の確認↑*/



/*SP版*/
@media screen and (max-width: 800px) {

/*送信フォームテキスト*/
.formtxt1{width:95%;margin-bottom:3%;margin-top: 5%;font-size:10px;padding:6%;line-height: 200%;}


.form-table th, .form-table td{font-size:11px;}
.hissu{font-size:9px;}
  /*送信フォーム↓*/
  th,td {
    display: block;
    text-align: left;
  }
  tr .th{padding-bottom: 0;}
  .formtable {margin: auto; right:0; left:0;width:100%;margin: 0 auto;}
  .form-table {width:95%;}
  .form-table .th {
    border-bottom: 3px solid #F2F2F2;
    padding-bottom: 1.5%;
  }
  .form-table .td {
    border-bottom:  transparent 3px solid;
    margin-bottom: 10px;
  }
 
  .form-table .td{padding-top: 0;}

  .tdflex{display:block;margin-bottom: 10px;}
	
    /*送信フォーム↑*/

/*お問い合わせ内容の確認↓*/
.formbutton1 a {width:95%;padding:3%; font-size:14px;}
/*お問い合わせ内容の確認↑*/

    
}