@charset "UTF-8";
#container {
  width: 980px;
  margin: 0 auto;
}

h1 {
  padding: 8px 0 3px 0px;
  font-size: 1.73333em;
  border-bottom: 1px solid #cccccc;
  letter-spacing: 0.02em;
}

h2 {
  margin: 4% 0;
}

.personal h3,
.biz h3,
.confirm h3 {
  font-size: 1.6em;
  border-bottom: 2px solid;
  padding: 0 0 0.4%;
}

#inq-area,
#customer-info-area {
  margin: 0 0 4.8%;
  padding: 4.6% 4% 0;
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
}

#inq-area h4,
#customer-info-area h4 {
  margin: 0 0 2.9%;
  padding: 1.1%;
  background-color: #F0F0F0;
}

#inq-area dd,
#customer-info-area dd {
  margin-bottom: 4%;
}

#inq-area dd span.err,
#customer-info-area dd span.err {
  border: 0;
  color: #f00;
  font-size: 0.9em;
  margin-left: 5px;
}

#inq-area dd p.err,
#customer-info-area dd p.err {
  border: 0;
  color: #f00;
  font-size: 0.9em;
  margin: 0.8% 0 0;
}

#inq-area dt,
#customer-info-area dt {
  font-size: 1.0666em;
  font-weight: bold;
  margin-bottom: 1.5%;
}

#inq-area dd input,
#customer-info-area dd input {
  padding: 1.2%;
  font-size: 0.9em;
  border: 1px solid #DADADA;
}

#inq-area dd input + b,
#customer-info-area dd input + b {
  font-size: 0.9333em;
}

#inq-area dd input#unknown-sku + b,
#customer-info-area dd input#unknown-sku + b {
  margin-top: 0.6em;
  display: inline-block;
}

#inq-area dd input.err,
#customer-info-area dd input.err {
  border: 1px solid #f00;
  background-color: #ffe4e1;
}

#inq-area dd input[type="checkbox"],
#customer-info-area dd input[type="checkbox"] {
  accent-color: #006AFF;
}

#inq-area dd input[type="text"],
#customer-info-area dd input[type="text"] {
  width: 420px;
}

#inq-area dd input[type="text"]#cust-addr,
#customer-info-area dd input[type="text"]#cust-addr {
  width: 600px;
}

#inq-area dd input[type="text"]#zipcode,
#customer-info-area dd input[type="text"]#zipcode {
  width: 276px;
}

#inq-area dd input[type="tel"]#tel,
#customer-info-area dd input[type="tel"]#tel {
  width: 379px;
}

#inq-area dd label,
#customer-info-area dd label {
  margin-right: 1em;
  display: inline-block;
  padding: 1% 0.2% 1% 0;
}

#inq-area dd label.err-label,
#customer-info-area dd label.err-label {
  background-color: #ffe4e1;
}

#inq-area dd input[type="radio"],
#customer-info-area dd input[type="radio"] {
  accent-color: #006AFF;
}

#inq-area dd input[type="radio"]:not(:first-of-type),
#customer-info-area dd input[type="radio"]:not(:first-of-type) {
  margin-left: 3em;
}

#inq-area dd select,
#customer-info-area dd select {
  width: 300px;
  padding: 1.2%;
  border: 1px solid #DADADA;
}

#inq-area dd select.err,
#customer-info-area dd select.err {
  border: 1px solid #f00;
  background-color: #ffe4e1;
}

#inq-area dd.category select,
#customer-info-area dd.category select {
  margin-bottom: 6px;
}

#inq-area dd.category select:disabled,
#customer-info-area dd.category select:disabled {
  background: #E0E0E0;
  color: #A8A8A8;
  cursor: not-allowed;
}

#inq-area dd.category .notice,
#customer-info-area dd.category .notice {
  text-indent: -1.35em;
  padding-left: 1.35em;
}

#inq-area dd textarea,
#customer-info-area dd textarea {
  width: 650px;
  height: 225px;
  border: 1px solid #DADADA;
  padding: 1.2%;
}

#inq-area dd textarea.err,
#customer-info-area dd textarea.err {
  border: 1px solid #f00;
  background-color: #ffe4e1;
}

#inq-area dd .notice,
#customer-info-area dd .notice {
  font-size: 0.8666em;
  line-height: 1.6;
  margin: 0.8% 0 0;
}

#inq-area dd .notice + input,
#customer-info-area dd .notice + input {
  margin-top: 0.5em;
}

dd.amazon span.err, dd.lan span.err {
  display: block;
  margin-top: 0.8%;
}

dt.required {
  position: relative;
}

dt.required::before {
  content: "必須";
  background-color: #CF002D;
  color: #fff;
  font-size: 0.7333em;
  padding: 2px 8px;
  vertical-align: middle;
  margin-right: 0.5em;
}

dt.required.ok::before {
  content: "OK";
  background-color: #2FA746;
  color: #fff;
  font-size: 0.7333em;
  padding: 2px 8px;
  vertical-align: middle;
  margin-right: 0.5em;
}

dt.any {
  position: relative;
}

dt.any::before {
  content: "任意";
  background-color: #858585;
  color: #fff;
  font-size: 0.7333em;
  padding: 2px 8px;
  vertical-align: middle;
  margin-right: 0.5em;
}

#privacy-area {
  width: 81.5%;
  margin: 0 auto;
}

#privacy-area p {
  font-size: 1.0333em;
  text-align: center;
  margin-top: 4.1%;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

#privacy-area p.err {
  border: 0;
  color: #f00;
  font-size: 0.9em;
  font-weight: normal;
  margin-top: 0.8%;
  letter-spacing: 0;
}

.privacy-area-inner {
  width: 100%;
  height: 277px;
  border: 1px solid #D6D6D6;
  overflow-y: scroll;
  padding: 1% 0;
}

.privacy-area-inner table {
  padding: 3.6% 3.9% 3.6% 4.5%;
}

.privacy-area-inner table.privacy {
  line-height: 1.5;
}

.privacy-area-inner dt {
  margin: 0 0 1.4%;
  margin: 0 0 0.4em;
}

.privacy-area-inner dd {
  font-size: 0.966em;
  line-height: 1.7;
  letter-spacing: 0.03em;
}

.privacy-area-inner::-webkit-scrollbar {
  width: 8px;
}

/* 2. 上下の矢印ボタンを非表示にする */
.privacy-area-inner::-webkit-scrollbar-button {
  display: none;
}

/* 3. 動く部分（ハンドル）のデザイン */
.privacy-area-inner::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
}

/* 4. レール部分のデザイン */
.privacy-area-inner::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#submit-area {
  margin-top: 3%;
  margin-bottom: 10%;
}

#submit-area .g-recaptcha div {
  margin: 0 auto 5% !important;
}

#submit-area #btnSubmit {
  cursor: pointer;
  width: 340px;
  margin: 0 auto 0;
  padding: 2.8% 0;
  font-size: 1.3333em;
  color: #fff;
  text-align: center;
  background-color: #3BA9E2;
  border-radius: 8px;
  font-weight: bold;
  letter-spacing: 0.05em;
  opacity: 1;
  transition: 0.2s;
}

#submit-area #btnSubmit:hover {
  opacity: 0.6;
}

#submit-area p.confirm-submit {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

#submit-area p.confirm-submit span#btnBack {
  cursor: pointer;
  width: 340px;
  margin: 0 1% 0;
  padding: 2.8% 0;
  font-size: 1.3333em;
  color: #fff;
  text-align: center;
  background-color: #969696;
  border-radius: 8px;
  font-weight: bold;
  letter-spacing: 0.05em;
  opacity: 1;
  transition: 0.2s;
  display: inline-block;
}

#submit-area p.confirm-submit span#btnBack:hover {
  opacity: 0.6;
}

#submit-area p.confirm-submit span#btnSubmit {
  cursor: pointer;
  width: 340px;
  margin: 0 1% 0;
  padding: 2.8% 0;
  font-size: 1.3333em;
  color: #fff;
  text-align: center;
  background-color: #3BA9E2;
  border-radius: 8px;
  font-weight: bold;
  letter-spacing: 0.05em;
  opacity: 1;
  transition: 0.2s;
  display: inline-block;
}

#submit-area p.confirm-submit span#btnSubmit:hover {
  opacity: 0.6;
}

#tel-info {
  margin: 5.1% 0 0;
}

#tel-info h3 {
  font-size: 1.55em;
  border: 0;
  margin-bottom: 7px;
}

#tel-info h3 img {
  vertical-align: -9px;
  margin-right: 8px;
}

#tel-info #enquiry-inner {
  padding: 20px;
  font-size: 0.85em;
  background-color: #F7F7F7;
  margin-bottom: 31px;
}

#tel-info #enquiry-inner .enquiry-cont {
  display: flex;
  margin: 0 0 2.5%;
}

#tel-info #enquiry-inner .enquiry-cont p {
  margin-right: 1.7%;
  margin-left: 2.9%;
  font-weight: bold;
  width: 210px;
}

#tel-info #enquiry-inner .enquiry-cont dl dt {
  margin-bottom: 6px;
}

#tel-info #enquiry-inner .enquiry-cont dl dd .tel {
  font-weight: bold;
}

#tel-info #enquiry-inner .enquiry-cont dl dd a[href^="tel:"] {
  color: #333;
  pointer-events: none;
  text-decoration: none;
}

#tel-info #enquiry-inner .ajax-template {
  display: none !important;
}

#tel-info #enquiry-inner p.toiawase-mae {
  font-size: 0.9em;
  margin: 12px 0 0 4.1%;
  text-indent: -1em;
  line-height: 1.4;
}

#caution {
  margin-bottom: 45px;
}

#caution h3 {
  font-size: 0.95em;
  padding-bottom: 5px;
  margin-bottom: 11px;
  border-bottom: 1px solid #DFDFDF;
}

#caution ul li {
  font-size: 0.8em;
  margin-bottom: 8px;
}

.err {
  border: 1px solid #f00;
}

.err-msg {
  font-size: 0.8em;
  color: #f00;
}

.err-label {
  background-color: #ffe4e1;
}

dd.serial .serial-inner {
  background-color: #F6F6F6;
  padding: 3%;
  text-align: center;
  margin: 2% 0 0;
}

dd.serial .serial-inner img.serial-image {
  vertical-align: middle;
  width: 32%;
}

dd.serial .serial-inner div.serial-text {
  line-height: 1.8;
  vertical-align: middle;
  display: inline-block;
  width: 60%;
  padding: 0 0 0 2%;
  text-align: left;
}