@charset "utf-8";
/*input_text_setting*/
input#issue_text { width:67%; }

input#name01,input#name02,
input#ruby01,input#ruby02,
input#company,
input#post { width:100%; }
input#name03 { width:100%; }
input#name { width:100%; }

input#tel,
input#fax,input#kana{ width:99%;  }

input#mail02 {  width:48%; }
input#email {  width:100%; }

input#age { width:30px; }

input#zip { width:15%; }

input#address { width:99%; }

textarea#comment {
  width: 100%;
  border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 2px 3px 2px;}
select#state { width: 44%;}

.tel_contact01 {
  bottom: 20%;
  left: 15%;
  position: absolute;
  width: 33%;
}
.banner_contact {
  position: relative;
  margin-bottom: 4%;
}
.tbl_contact {
  width: 100%;
}
.tbl_contact th {
  background: #eceef3 ;
  border:1px solid #ccc;
  padding:2% 2%;
  text-align: left;
}
.tbl_contact td {
  border:1px solid #ccc;
  padding:2% 2%;
}
.tbl_contact th span.red {
    background: #f05401;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-right: 8px;
    padding: 1px 5px 0;
}
.tbl_contact th span.blue {
    background: #626bbd;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-right: 8px;
    padding: 1px 5px 0;
}
.tbl_contact td input {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 2px 3px 2px;
}
.w30per {width:30%!important;}
.w45per {width:45%!important;}
.w50per {width:50%!important;}
#formend {
    text-align: center;
    font-size: 14px !important;
}
.btn_form {
  padding:2% 7%;
}
.btn_sutmit {
    margin: 0 27%;
    width: 45%;
}
.contact01 {margin-bottom: 4%;}
.info_private {
    background: url(../contact/images/bg_private.png);
    box-sizing: border-box;
    padding: 1px;
}
.in_private {
    background: #fff;
    padding:2%;
}
.in_private li {
    background: url(../contact/images/icon01.png) no-repeat left 6px;
    background-size: 3px auto;
    padding-left: 7px;
    margin-bottom: 5px;
}


.__ins {
  margin-block: .25em .5em;
  margin-inline-start: 1rem;
  padding-inline-start: 1em;
  text-indent: -1em;
  font-size: 12px;
  &::before {
    content: "※";
    color: #ea5607;
  }
  & + * {
    display: inline-block;
    margin-block-end: 0.5em;
  }
}

.box-agreement ul {
  width: fit-content;
  margin-block: .5em 1em;
  margin-inline: auto;
  font-size: .875em;
}
.box-agreement li {
  margin-block-start: .25em;
  padding-inline-start: 1em;
  text-indent: -1em;
  &::before {
    content: "※";
    color: #c7161d;
  }
}