@charset "UTF-8";

#inquiry {font-size: 0.95rem;}
/* 大見出し
--------------------------------------------------*/
#inquiry .title {
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 0.2em;
  padding: 0.4em 0;
}
/* inquiry_contents
--------------------------------------------------*/
#inquiry .inquiry_contents {border: 4px solid #8ba2c1;}
#inquiry .inquiry_contents .topText {margin-bottom: 2em;}

/* 入力フォーム
--------------------------------------------------*/
#inquiry .box_form01 table {
  border: solid 1px #ccc;
  width: 100%;
}
#inquiry .box_form01 tr {display: flex;}
#inquiry .box_form01 th,
#inquiry .box_form01 tr:not(:last-child) td {border-bottom: 1px solid #ccc;}
#inquiry .box_form01 th {
  background: #f5f5f5;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9em;
  font-weight: bold;
  padding: 1em;
}
#inquiry .inquiry_contents .area_state_comments {font-size: 80%;}
#inquiry .box_form01 td {display: block;}
#inquiry .box_form01 td strong {
  color: #d61e63;
  font-weight: normal;
}
#inquiry select {
  border: 1px solid #cbcbcb;
  cursor: pointer;
  width: 100%;
}
#inquiry textarea {
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  padding: 0.5em;
  width: 100%;
  height: 6em;
}
#inquiry input[type="text"] {
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  padding: 0.5em;
}
#inquiry .yourname .nameArea {
  flex-direction: row;
  width: 100%;
}
#inquiry .yourname .errormemo {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.5em!important;
  width: 100%;
}
#inquiry .yourname div:first-child {margin-bottom: 1em;}
#inquiry .yourname span {margin-right: 0.5em;}
#inquiry .mail,
#inquiry .tel {width: 100%;}
#inquiry .attention {
  font-size: 0.8em;
  margin-top: 0.5em;
}
#inquiry .errormemo {
  margin-bottom: 0.5em;
  padding: 0.2em 0.5em;
}

/* アイコン */
#inquiry .req,
#inquiry .any {padding: 0 0.5em;}
#inquiry .req {
  border: 1px solid #e1430a;
  background: #e1430a;
  color: #fff;
  font-weight: bold;
}
#inquiry .any {
  border: 1px solid #0079f2;
  background: #fff;
  color: #0079f2;
  font-weight: bold;
}

/*
入力フォーム送信エリア
--------------------------------------------------*/
#inquiry .confirm {
  background: #dee8f6;
  margin-top: 1.5em;
  text-align: center;
}
.privacypolicyModal_open {
  display: inline-block;
  font-size: 0.8em;
  margin-bottom: 1em;
  text-decoration: underline;
}
.privacypolicyModal_open:after {content: "に同意して";}
.privacypolicyModal_open:hover {text-decoration: none;}
/* ボタンレイアウト */
#inquiry .btn_grad01 {
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%,#dbdbdb 50%,#cfcfcf 51%,#ddd 100%);
  border: none;
  border-radius: 5px;
  box-shadow: 0px 2px 10px -4px #333;
  color: #385D8F;
  cursor:pointer;
  display: block;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto;
  padding: 20px 0;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
#inquiry .btn_grad01:hover {opacity: 0.8;}

/*
お電話でのお問い合わせ
--------------------------------------------------*/
#inquiry .inquiry_tel {
  background: #e5e5e5;
  margin-top: 1.5em;
}
#inquiry .inquiry_tel p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#inquiry .inquiry_tel .inquiry_telHeader {
  color: #222;
  font-weight: bold;
}
#inquiry .free_number {
  color: #3A71B7;
  font-size: 1.5em;
  font-weight: bold;
}
#inquiry .free_number img {
  margin-right: 0.2em;
  width: 1.5em;
}
#inquiry .inquiry_contents .time_tel {font-size: 90%;}

/* 共通 PC用 s*/
@media(min-width:769px){
  .forSP {display: none;}
  #inquiry {width: 100%;}
  #inquiry .title {font-size: 1.75em;}
  #inquiry .contentsInner {
    margin: 3em auto;
    width: 830px;
  }
  #inquiry .box_form01 th {
    border-right: solid 1px #ccc;
    width: 28%;
  }
  #inquiry .box_form01 tr:last-child th {border-bottom: none;}
  #inquiry .box_form01 td {
    padding: 1em 2em;
    width: 72%;
  }
  #inquiry .confirm {padding: 2em;}
  #inquiry .btn_grad01 {width: 65%;}
  #inquiry .inquiry_tel {padding: 2em;}
  #inquiry .free_number {line-height: 1;}
}
/* 共通 PC用 e*/
/* 共通 SP用 s*/
@media(max-width:768px){
  .forPC {display: none;}
  #inquiry {margin: 0 3vw;}
  #inquiry .title {font-size: 1.3em;}
  #inquiry .contentsInner {margin: 6vw 3vw;}
  #inquiry .box_form01 tr {flex-direction: column;}
  #inquiry .box_form01 th,
  #inquiry .box_form01 td {
    box-sizing: border-box;
    padding: 3vw;
    width: 100%;
  }
  #inquiry .yourname div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #inquiry input[type="text"] {width: 100%;}
  #inquiry .confirm {padding: 1.5em 1em;}
  #inquiry .btn_grad01 {width: 100%;}
  #inquiry .inquiry_tel {padding: 1.5em 1em;}
  #inquiry .inquiry_tel p {flex-direction: column;}
  #inquiry .free_number {
    display: flex;
    align-items: center;
    line-height: 1.75;
  }
}