@charset "utf-8";
/* default PC */

#contents select {
  background-color: #fff;
  border: 1px solid #5a5a5a;
  border-radius: unset;
  box-sizing: border-box;
  letter-spacing: 0.03em;
  padding: 8px 3px;
}

#contents select:hover {
    cursor: pointer;
}

#contents .link-item .link-btn {
    background-color: #4668ac;
    max-width: 100%;
}

#contents h2 .sub-ttl {
    border-bottom: 4px solid #ea5700;
    display: block;
    font-size: 70%;
    max-width: 355px;
    margin: 0 auto;
    padding: 0 0 15px;
    width: 100%;
}

#contents .trader h2 .sub-ttl {
    border-bottom: 4px solid #4668ac;
}

#contents .contact-tab-list {
  align-items: stretch;
  border-bottom: 4px solid #ea5700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0;
}

#contents .contact-tab-list.trader {
  border-bottom: 4px solid #4668ac;
}

#contents .contact-tab {
  background-color: #ea5700;
  color: #fff;
  cursor: pointer;
  font-size: 150%;
  margin: 0 10px;
  max-width: 400px;
  padding: 10px 0;
  transition: 0.5s;
  width: calc(50% - 20px);
}

#contents .contact-tab p {
  margin-bottom: 0;
  text-align: center;
}

#contents .contact-tab.trader {
  background-color: #4668ac;
}

#contents .contact-tab:hover {
  opacity: 0.5;
  transition: 0.5s;
}

#contents form .table-01 td {
  width: calc(100% - 300px);
}

#contents .bg-orange {
    margin-bottom: 50px;
    width: 100%;
    }
/*アンカーリンク調整*/
#contents #contact-form {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

#contents .tel-box {background-color: #f2f2f2;border: 4px solid #b3b3b3;padding: 40px 30px 25px;}

#contents .tel-box .right {display: flex;justify-content: flex-end;}

#contents .tel-box .txt {font-size: 25px;font-weight: bold;margin-bottom: 35px;text-align: center;}

#contents .tel-box .time {font-size: 17px;}

#contents .tel-box .time .sub-ttl {background-color: #333;color: #fff;font-size: 15px;margin-right: 10px;padding: 4px 10px;}

#contents .tel-box .time .day {font-size: 90%;}

#contents form .table-01 {max-width: 900px;margin: 0 auto;}

#contents form .table-01 th, #contents form .table-01 td {background-color: transparent;border: none;padding: 20px 15px;}

#contents input, #contents textarea {background-color: #ededed;box-shadow: none;width: 100%;}

#contents form .table-01 tr {align-items: center;border: none;display: flex;}

#contents form .table-01 tr.base {
    align-items: baseline;
}

#contents form .table-01 tr.form-address {display: none;}

#contents form .table-01 th {align-items: center;box-sizing: border-box;display: flex;font-size: 17px;font-weight: bold;width: 300px;}

#contents .table-01 input {width: 100%; border-radius: 8px;}

#contents .table-01 textarea {border-radius: 8px;}

#contents .table-01 .select-wrapper {
	position: relative;
}

#contents .table-01 .select-wrapper::before {
	content: "▼";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 10px;
	z-index: 1;
	pointer-events: none;
}

#contents .table-01 .select-wrapper select {
	appearance: none; padding: 0 10px;
	background-color: #ededed;
	border: 2px soliid #43454b;
	border-radius: 8px;
}

#contents .sp-main-txt {display: none;}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {outline-color: #787878;}


.contact-complete {
    padding: 60px 50px 40px;
    background-color: #f3f3f3;
    text-align: center;
    max-width: 970px;
    margin: auto auto 70px;
}

#contents .contact-complete h2 {
    margin: 0 0 20px;
    padding: 0;
}
span.wpcf7-list-item label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

span.wpcf7-list-item input {
    margin-right: 5px;
}

#contents .form-txt {
	text-align: center;
}

#contents .form-txt br.sp {
	display: none;
}

#contents .form-privacy {
	border: 2px solid #b3b3b3;
	backgroud-color: #f2f2f2;
	height: 200px;
	overflow: scroll;
	box-shadow: 2px 2px 5px #b3b3b3;
	width: 100%;
	max-width: 900px;
	margin: 0 auto 20px;
}

#contents .form-note {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {

#contents .bg-orange {
    padding: 65px 0;
}

}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {

  #contents .link-item .txt-2box {
    margin-right: 2%;
    width: 49%;
}

#contents .link-item .txt-2box.end {
    margin-right: 0;
}

#contents .inner .txt-2box.right {justify-content: center;}

#contents .tel-box .time {max-width: 400px;margin: 0 auto;}

#contents .tel-box .txt {font-size: 22px;margin-bottom: 25px;}

#contents .tel-box {padding: 35px 30px;}

#contents form .table-01 tr {border-top: 1px solid #b4b4b4;display: block;}

#contents form .table-01 tr th {font-size: 16px;padding-bottom: 0;width: 100%;}

#contents form .table-01 th, #contents form .table-01 td {padding: 25px 20px;width: 100%;}

#contents input, #contents textarea {border: none;font-size: 16px;}

#contents .table-01 input {width: 100%;}

#contents .table-01 textarea {max-width: 100%;}

}

@media screen and (max-width: 767px) {

  #contents .link-item .txt-2box {
    margin-right: 0;
    width: 100%;
}

#contents .link-item .txt-2box.end {
    margin-right: 0;
}

#contents .sp-main-txt {display: block;}

	#contents .form-txt br.sp {
		display: block;
	}
}

}

  /* view-559 Mobile */
@media screen and (max-width: 559px) {

  #contents .form-txt {text-align: center;}

  #contents select {
    font-size: min(3.7vw, 15px);
    width: 100%;
  }

  #contents .contact-tab-list {
    margin: 0 0 30px;
  }

#contents .contact-tab.general {
    margin: 0 5px 0 10px;
}

#contents .contact-tab.trader {
    margin: 0 10px 0 5px;
}

#contents .contact-tab {
    padding: 2% 0;
}

#contents .tel-box .txt {font-size: min(4vw, 16px);margin-bottom: 20px;}

#contents .tel-box .time {font-size: min(3.7vw, 15px);}

#contents .tel-box .time .sub-ttl {font-size: min(3.5vw, 14px);}

#contents .tel-box {border: 4px solid #b3b3b3;margin-bottom: 50px;padding: 30px 15px;}

#contents .bg-orange {padding: 0;}

#contents form .table-01 tr th {font-size: min(4vw, 16px);}

#contents form .table-01 th, #contents form .table-01 td {padding: 20px 5px;}

#contents .table-01 textarea {height: 50vw;}

#contents input[type="submit"] {font-size: min(4vw, 16px);margin-top: 30px;padding: 4% 3%;}

}

/* 559以下はRWD時に崩れがあれば任意で作成 */

/*IE*/
@media all and (-ms-high-contrast: none) {}