@charset "utf-8";

.bgline2 {position:relative; z-index:5; margin-top:calc((100 / 1920) * -100vw); margin-bottom:calc((100 / 1920) * -150vw);}

/*トップ*/
.top {background-image:url("../img/toiawase/fv.png");background-repeat: no-repeat;background-position: 0 0;background-size:100% 100%;height:calc((100 / 1920) * 538vw);display: flex;align-items: center;justify-content: center;width:100%;}
.top h2 {margin: 0; color:white; font-size:40px; transform:rotateZ(0.03deg);}

/*背景*/
.otoiawaseback {position:relative; z-index:6; background-image:url("../img/common/bgline1.svg");background-repeat: no-repeat;background-size:calc((100 / 1500) * 368vw);background-position:0 0; width:100%;}
.otoiawaseback .inner {max-width:1500px; width:100%; margin:0 auto;}

/*入力*/
.img1 {width:300px; display: block; margin-left: auto; margin-right: auto; padding-top:20px;}
.img1 img{width:100%;}
p.txt1{color:#4D4D4D; text-align:left; max-width:700px; width:100%; font-size:14px; margin:10px auto 0 auto; transform:rotateZ(0.03deg);}

/*フォーム*/
table.form-table {border-collapse:collapse; max-width:700px; width:100%; margin:0 auto;}
table.form-table {margin-left: auto;margin-right: auto;}
table.form-table th, table.form-table td {border: 1px solid #d7d7d7; padding: 10px;}
table.form-table th {background: #F1F6F2; padding:5px; text-align: left; vertical-align: top; color:#7D7D7D; width:30%;}
table.form-table th span {font-size:14px; transform:rotateZ(0.03deg); display:block}
table.form-table th span.hisu::before {content:"*"; color:#D5542D;} 

input[type="submit"],input[type="text"],select,textarea,button { -moz-appearance: none; -webkit-appearance: none;-webkit-box-shadow: none; box-shadow: none; outline: none; border: none;}
input[type="text"],textarea {background: white; width:100%; padding:5px;}
input[type="text"]:focus,textarea:focus {background: #e9f5fb; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
textarea[name="content"] {display: inline-block; width: 100%;}

/*ボタン*/
.buttonflex{display: flex;justify-content: center;margin-top:3%;}
a.sousin{background:linear-gradient(to right, #2EA3DA,#008380); width:150px;text-align: center;margin-left: 3%;text-decoration: none;color:white;font-size:14px;padding:10px;transform:rotateZ(0.03deg);display:block;}

/*プライバシーポリシーを～*/
p.txt2 {color:#4D4D4D; font-size:14px; padding:0; max-width:700px; width:100%; margin:0 auto; margin-top:5px; text-align: left; transform:rotateZ(0.03deg);}
p.txt2 a {color:#4D4D4D;font-size:14px; transform:rotateZ(0.03deg);}

@media screen and (max-width : 1000px ){
  .otoiawaseback {padding:0 20px;}
  .top h1{font-size:24px;}
  .img1 img{margin-top: 0%;}
  .form-table { margin:0 auto;}
  .form-table th {font-size:14px; }
  p.txt1{ display:block;}
  p.txt2{margin:0 auto 20px auto;}
  .sousin{width:150px;}
}