@charset "utf-8";
/* お問い合わせ */

/* 共通 ------------------------------------------------------------------------- */
.conCont {
margin-top: 50px;
text-align: center;
}
#wrap h2 {
background: #30adb5;
}
.conField>dl {
  max-width: 1100px;
  display:flex;
  justify-content:  center;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.conField {
text-align: initial;
margin-top: 40px;
}
.conField>.txt{
margin-left: auto;
margin-right: auto;
  width: 95%;
  max-width: 480px;
/*! display: block; */
}

/* ラジオボタン */
.conRadioStyleInp {
display: none;
}
.conRadioStylePrt {
cursor: pointer;
padding-left: 25px;
position: relative;
margin-right: 20px;
}
.conRadioStylePrt::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
.conRadioStyleInp:checked + .conRadioStylePrt {
color: #666;
font-weight: bold;
}
.conRadioStyleInp:checked + .conRadioStylePrt::after{
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 9px;
height: 9px;
background: #666;
border-radius: 50%;
}
.conRadioStyleInp:checked + .conRadioStylePrt::before{
border: 1px solid #666;
}

/* エラー文 */
.conError {
background: #feeae5;
color: #f22d00;
font-weight: bold;
padding: 20px;
margin-bottom: 20px;
}
.conError ol li {
position: relative;
line-height: 25px;
margin-left: 35px;
list-style-type: decimal;
}
.conError ol li + li {
margin-top: 10px;
}

.conField input[type="text"] {
width: 90%;
background-color: #eeeeee;
border: none;
padding: 10px;
margin-bottom: 5px;
font-size: 100%;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.conField input[type="text"]:focus {
background: #fff;
border: 1px solid #718BBB;
outline: 0;
padding: 9px;
}
.conField textarea {
width: 500px;
height: 180px;
background-color: #eeeeee;
border: none;
padding: 10px;
font-size: 100%;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
overflow: auto;
}
.conField textarea:focus {
border: 1px solid #718BBB;
outline: 0;
padding: 9px;
background: #fff;
}
.conFieldNote {
font-size: 88%;
}

.conField dt {
/*! float: left; */
position: relative;
/*! width: 220px; */
padding: 0 45px 0 0;
font-size: 124%;
font-weight: bold;
text-align: right;
overflow: visible;
width: 25%;
height: 50px;
display: -webkit-inline-box;
  display: -ms-inline-flexbox;
    display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;

     -webkit-box-pack: end;
       -ms-flex-pack:  end;
           justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.conField dt .conRequired {
position: absolute;
top: 0px;
bottom: 0px;
margin-bottom: auto;
margin-top: auto;
height: 20px;
line-height: 20px;
vertical-align: middle;
right: 5px;
display: block;
color: #fff;
font-size: 83%;
font-weight: medium;
padding: 0px 5px;
background: #f00;
}
.conField dd {
/*! margin-left: 290px; */
padding: 0 0 40px;
font-size: 124%;
width: 55%;
}
.conField dd .forCateArea{
display: block;
height: 50px;
line-height: 50px;
}
.chk dt  {
width: 25%;
}
.chk dd  {
/*! margin-left: 290px; */
padding: 0 0 40px;
font-size: 124%;
width: 55%;
height: 50px;
box-sizing: border-box;
line-height: 50px;
}
.conBtn{
padding-top: 10px;
text-align: center;
display: inline-block;
width: 40%;
max-width: 250px;
}
.conBtn input {
border: solid 2px #6ac3a0;
background: #fff;
font-size: 124%;
font-weight: bold;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
color: #6ac3a0;
padding: 5px 20px;
width: 100%;
}
.conBtn input:hover {
color: #fff;
background: #6ac3a0;
border: 0;
padding: 7px 22px;
cursor: pointer;
}


@media screen and (max-width: 920px) {
/* タブレット横+PC用 */
.conField dl {
justify-content: left;
}
.conField dt {
/*! width: calc(32% - 45px); */
}
.conField dd {
/*! width: calc(68% - 10px); */
/*! margin-left: calc(32% + 10px); */
padding: 0 0 30px;
}
.conField input[type="text"] {
width: calc(100% - 20px);
}
.conField textarea {
width: calc(100% - 20px);
}
/* .conBtn input:hover {
border: solid 2px #ccc;
background: #fff;
color: #444;
padding: 5px 20px;
} */

}

@media screen and (max-width: 768px)  {
.conField dl {
display: block;
  margin: 0 auto;
}
  
  
.conField dt {

/*! display: block; */
/* margin-bottom: 4px; */
/* padding: 0; */
text-align: left;
justify-content: left;
width: 100%;
display: block;
line-height: 30px;
height: 30px;
}
.conField dt .conRequired{
position: static;
display: inline-block;
margin-left: 5px;
}
.conField dd {
width: auto;
margin-left: 0;
padding: 0 0 20px;
  display: block;
}

  .conBtn  {
    display: block;
    width: 90%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }  
  .conBtn input {
    width: 100%;
    max-width: 200px;
  }  
  
}