@charset "UTF-8";
/*===============================================
 *	ブラウザリセット
===============================================*/
form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-style: normal;font-weight: normal;}

a:hover img {filter: alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;vertical-align: bottom;}
table {border-collapse: collapse;border-spacing: 0;border: none;}
th, td {text-align: left;border: none;font-weight: normal;}
strong, th {font-weight: normal;}
li {list-style-type: none;}
ul, ol, dl {margin: 0;list-style-position: outside;list-style-type: none;}
li, dt, dd {font-size: 100%;}
dt {font-weight: normal;}
a {text-decoration: underline;outline: none;}
a:hover {text-decoration: none;}
picture{display: block;}
.sp {display: none;}
.center{text-align: center;}
@media only screen and (max-width: 568px) {
  .pc {display: none;}
  .sp {display: block;}
}
/*===============================================
 *	br
===============================================*/
@media screen and (min-width:1021px){
  .br-pc{display:block;}
  .br-tb{display:none;}
  .br-sp{display:none;}
  }
  @media screen and (min-width:481px) and (max-width: 1020px) {
  .br-pc{display:none;}
  .br-tb{display:block;}
  .br-sp{display:none;}
  }
  @media screen and (max-width: 480px) {
  .br-pc{display:none;}
  .br-tb{display:none;}
  .br-sp{display:block;}
  }
/*===============================================
 *	導入
===============================================*/
.catch-ttl {position: relative;display: inline-block;padding: 0 55px;text-align: center;left: 50%;transform: translateX(-50%);font-size: 24px;font-weight: bold;line-height: 1.4;margin: 0 0 2em;}
.catch-ttl:before, .catch-ttl:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: black;}
.catch-ttl:before {left:0;}
.catch-ttl:after {right: 0;}
.intro-sougei{margin: 0 0 2em;}
.img-catch{max-width: 1500px;margin: 0 auto 3em;display:block;height:auto;width:100%;}
.intro-sougei p{margin: 0 0 2em;}
@media only screen and (max-width: 568px) {
  .catch-ttl {font-size: 17px;padding: 0 30px;}
  .catch-ttl:before, .catch-ttl:after {width: 30px;}
  .img-catch{margin: 0 auto 2em;}
}
/*===============================================
 *	対応エリア
===============================================*/
.basic-ttl{font-size: 24px;margin: 0 0 2em;text-align: center;}
.basic-ttl span{border-bottom: #aaa 2px solid;}
.area-contents{margin: 0 0 3em;}
.area-map{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.area-map img{max-width: 560px;display:block;height:auto;width:100%;}
.area-map img.sp {display: none;}
.area-map dt{font-size: 22px;font-weight: bold;margin: 0 0 1em;}
.area-map dd{font-size: 16px;line-height: 1.6;}
@media only screen and (max-width: 568px) {
  .basic-ttl{font-size: 22px;margin: 0 0 1em;}
  .area-map dt{font-size: 20px;text-align: center;}
  .area-map dd img{margin: 0 0 10px;}
  .area-map img.pc {display: none;}
  .area-map img.sp {display: block;}
}
/*===============================================
 *	CTA
===============================================*/
.cta-wrap{background: #c2c2c2;padding: 2% 0;text-align: center;margin: 0 0 2em;}
.cta-ttl{text-align: center;font-size: 22px;margin: 0 0 2em;}
.btn-cta{width: 20%;border:#616161 1px solid;margin: 20px auto 0;}
.btn-cta a{display: block;color: #616161;padding: 20px 0;text-decoration: none;}
.btn-cta a:hover{background: #616161;color: #fff;}
@media only screen and (max-width: 568px) {
  .cta-ttl{margin: 0 0 1em;}
  .cta-wrap{padding: 5% 0;}
  .btn-cta{width: 80%;}
}
/*===============================================
 *	メリット
===============================================*/
.merit-contents {margin: 20px 0 4em;}
.img-merit{margin: 2em auto;max-width: 451px;display:block;height:auto;width:100%;}
.photo-merit{margin: 0 0 2em;display:block;height:auto;width:100%;}
.merit-subttl{font-size: 24px;margin: 0 0 1em;text-align: center;}
.store-detail{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 50%;margin: 0 auto;}
.store-detail dt img{max-width: 203px;display:block;height:auto;width:100%;}
.store-detail dd{font-size: 20px;}
.arr-link{display: block;text-decoration: underline;color: #797878;background: url(../images/sougei/arrow-link.png) left center no-repeat;background-size: 25px;padding: 5px 0 0 1.5em;margin: 10px 0 0;}
@media only screen and (max-width: 568px) {
  .store-detail dd{font-size: 16px;}
  .photo-merit{margin: 0 0 1em;}
  .store-detail{width: 100%;}
  .store-detail dt{width: 100%;}
  .store-detail dt img{display: block;max-width: 163px;margin: 0 auto 10px;}
  .arr-link{background-size: 18px;}
}
/*===============================================
 *	よくある質問
===============================================*/
.faq-contents{margin: 0 0 3em;}
.faq-contents dt{margin: 0 0 0.5em;font-weight: bold;}
.faq-contents dd{margin: 0 0 1.5em;}

/*=============================================== *
	フォーム
===============================================*/
#contact_form{max-width: 1120px;margin: 0 auto;}
#contact_form table {border-collapse: separate;width: 100%;margin: 0 0 2em;}
#contact_form table th {font-weight: bold;width: 350px;border-bottom: 1px solid #616161;padding: 30px 30px 20px;vertical-align: text-top;box-sizing: border-box;}
#contact_form table th .spam-txt {color: #cf1126;font-size:14px;font-weight: bold;margin-top: 5px;}
#contact_form table th span {font-size: 15px;padding: 3px 14px 4px;border-radius: 3px;float: right;}
#contact_form table th span.hissu {color: #fff;background: #cf1126;}
#contact_form table th span.any {color: #cf1126;background: #fff;border: 1px solid #cf1126;}
#contact_form table td {border-bottom: 1px solid #616161;padding: 20px 30px;}
#contact_form table td.last {border-radius: 0 0 20px 0;border-bottom: none;}
#contact_form table td .annotation_txt {font-size: 15px;color: #999;margin: 8px 0 -5px 36px;padding-left: 0;text-indent: 0;}
#contact_form table td.last_td {border-bottom: none;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::-webkit-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input:-ms-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::-ms-input-placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea, #contact_form input::placeholder, #contact_form button {font-family: 'Noto Sans JP';letter-spacing: 0.05em;}
#contact_form input, #contact_form select, #contact_form textarea {width: 100%;background: #f5f5f5;border: none;padding: 0 20px;height: 50px;box-sizing: border-box;}
#contact_form textarea {display: block;padding: 10px 12px;height: 215px;}
#contact_form input::-webkit-input-placeholder {color: #999;}
#contact_form input:-ms-input-placeholder {color: #999;}
#contact_form input::-ms-input-placeholder {color: #999;}
#contact_form input::placeholder {color: #999;}

#contact_form #form_btn{max-width: 500px;margin: 0 auto;width: 100%;position: relative;}
#contact_form #form_btn input{background: #616161;color: #fff;cursor: pointer;font-size: clamp(17px, 1.8vw, 22px);font-weight: bold;text-align: center;padding: 20px 0 22px;height: auto;}
#contact_form #form_btn::after{content: "";display: block;position: absolute;right: 4%;top: 38%;width: 10px;height: 10px;border: 3px solid #fff;border-left: 0;border-bottom: 0;transform: translateX(-50%) rotate(45deg);}
#contact_form #form_btn input:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}

.choice{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.choice label{margin: 0 0 10px;display: inline;}
.c-select{display: inline;}
.choice label::after{right: 1.5rem;}
#contact_form select{margin: 0 10px 0 0;width: 50%;}
#contact_form .date-select {width: 30%;}
#contact_form .time-select {width: 50%;}
#contact_form .time-select select{width: 20%;}
#contact_form .people_num{width: 20%;}
#contact_form .people_num label{display: inline;position: static;}

#contact_form .point:nth-of-type(1){margin: 0 0 10px;}
@media screen and (max-width: 1024px) {
#contact_form table {margin: 0 auto;width: 92%;}
}
@media screen and (max-width: 960px) {
#contact_form table th {font-size: 16px;width: 30%;padding: 15px 2vw;}
#contact_form table th .br-pc {display: none;}
#contact_form table th span {font-size: 12px;padding: 2px 8px 3px;}
#contact_form table td {padding: 15px 2vw;}
#contact_form table td .annotation_txt {font-size: 13px;}
#contact_form #form_btn input {font-size: 18px;padding: 16px 0 18px;}
}
@media screen and (max-width: 568px) {
#contact_form {margin: 0 -11vw;}
#contact_form table {width: 100%;margin: 0 0 2em;}
#contact_form .date-select {width: 100%;margin: 0 0 10px;}
#contact_form .time-select {width: 100%;}

#contact_form table th,
#contact_form table td {height: auto;}
#contact_form table th {width: 100%;display: block;font-size: 16px;padding: 15px 5vw;position: relative;}
#contact_form table th span {font-size: 12px;padding: 0px 8px 1px;position: absolute;right: 5.3vw;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#contact_form table th.last_th {border-bottom: 1px solid #99b5e7;}
#contact_form table td {display: block;padding: 15px 5vw 20px;}
#contact_form table td .annotation_txt {font-size: 12px;margin: 0 0 -5px;}
#contact_form input, #contact_form select {height: 40px;padding: 0 15px;font-size: 13px;}
#contact_form textarea {height: 140px;font-size: 16px;}

#contact_form #form_btn {width: 80%;}
#contact_form #form_btn input::after{width: 7px;height: 7px;}
#contact_form #form_btn::after {width: 10px;height: 10px;right: 16px;top: 40%;}

}