.form-box { max-width: 100%; margin-left: auto; margin-right: auto; max-width: 1200px; }
.form-box:after { content: " "; display: block; clear: both; }
.form-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pad-img { display: none; }

.btn-send { background-color: #816250; border-radius: 15px; padding: 10px 15px; width: 60%; display: block; color: #fff; margin: auto; margin-top: 5px; text-decoration: none; position: relative; overflow: hidden; }
.btn-send:after { content: ''; position: absolute; border-radius: 50%; width: 120%; height: 50px; top: -30px; background-color: rgba(255, 255, 255, 0.15); left: -10%; transition: 0.25s; }
.btn-send:hover:after { height: 100px; }
@media (min-width: 769px) { .btn-send { max-width: 280px; font-size: 20px; } }

.btn-more, .btn-morepro { background-color: #816250; border-radius: 15px; padding: 5px 15px; display: block; color: #fff; margin: auto; margin-top: 5px; text-decoration: none; position: relative; overflow: hidden; width: 90px; text-align: center; }
.btn-more:after, .btn-morepro:after { content: ''; position: absolute; border-radius: 50%; width: 100%; height: 50px; top: -30px; background-color: rgba(255, 255, 255, 0.15); left: 0%; transition: 0.25s; }
.btn-more:hover:after, .btn-morepro:hover:after { height: 100px; }

.pro-title { position: relative; }

.btn-morepro { width: 150px; position: absolute; right: 0; top: 10px; padding: 10px 15px; display: none; }
@media (min-width: 769px) { .btn-morepro { display: block; } }

.btn-fix { position: fixed; display: none; z-index: 99; }
@media (min-width: 769px) { .btn-fix { display: block; top: 100px; right: 0; } }
@media (min-width: 1350px) { .btn-fix { bottom: auto; right: auto; top: 100px; left: 50%; margin-left: 620px; } }

.btn-fix-m { background-color: #df2104; position: fixed; bottom: 0; width: 100%; height: 8vh; vertical-align: middle; padding-top: 2vh; z-index: 9; }
.btn-fix-m a { display: inline-block; color: #fff; text-decoration: none; border: 2px solid #fff; width: 42%; text-align: center; margin-left: 4%; padding: 5px 0px; }
@media (min-width: 640px) { .btn-fix-m { display: none; } }

.form-box { margin: auto; *zoom: 1; padding: 10px; }
.form-box:after, .form-box:before { content: ""; display: table; }
.form-box:after { clear: both; }
.form-box label { text-align: left; }
.form-box table tr th { width: 35%; text-align: right; padding-right: 3px; padding-top: 18px; padding-bottom: 5px; vertical-align: top; }
.form-box table tr td { padding-left: 3px; padding-top: 6px; padding-bottom: 5px; }
.form-box table tr td .txt-store { margin-top: 15px; }
@media (min-width: 640px) { .form-box table tr th { width: 18%; }
  .form-box table tr td .form-control { max-width: 400px; }
  .form-box table tr td .form-control.txt-store { width: 20%; display: inline-block; }
  .form-box table tr td.txt-address .col { width: 20%; display: inline-block; }
  .form-box table tr td.txt-address .col.last { width: 40%; }
  .form-box table tr td .txt-store { width: 35%; display: inline-block; margin-top: 0; }
  .form-box table tr td .input-other + .form-control { width: 35%; display: inline-block; margin-left: 5px; } }
@media (min-width: 769px) { .form-box table tr th { width: 12%; }
  .form-box table tr td .txt-store { width: 18%; display: inline-block; }
  .form-box table tr td .input-other + .form-control { width: 14%; display: inline-block; } }
@media (min-width: 640px) { .form-box .radio-inline-pc { display: inline-block; margin-right: 10px; padding-top: 7px; } }
.form-box .txt-qt { color: #a86644; margin-top: 15px; }
.form-box > .form-row { width: 100%; float: left; }
.form-box > .form-row .col { margin-left: 0; }
.form-box > .form-row .col.disabled { opacity: .5; }
.form-box > .form-row .col-1 { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; text-align: left; }
.form-box > .form-row .input-other { display: inline-block; margin-bottom: 15px; }
.form-box > .form-row .input-other + .form-control { display: inline-block; width: 60%; margin-left: 10px; border-width: 0 0 1px 0; background-color: #fff; box-shadow: none; border-radius: 0; }
@media (min-width: 769px) { .form-box > .form-row .input-other + .form-control { max-width: 400px; } }
.form-box > .form-row .col.col-tc { margin: auto; text-align: center; }
.form-box > .form-row .col.col-tc a { color: #a40000; }

.input-other { padding-bottom: 5px; }

.btn-gotop { display: inline-block; float: right; text-decoration: none; font-size: 14px; color: #fff; }
@media (max-width: 769px) { .btn-gotop { display: none; } }

.index #wrap { padding-top: 0; }
.index .banner { background-image: url(../images/banner-bg.jpg); overflow: hidden; background-repeat: repeat-x; background-position: 0 0; }
.index .banner .info-pc .canvasbox { width: 1600px; height: 665px; }
.index .banner .info-pc #canvas { margin: auto; left: 50%; margin-left: -800px; position: absolute; z-index: 8; }
.index .banner .info-pc .yeartxt { position: absolute; top: 488px; left: 50%; margin-left: -1000px; z-index: 9; }
.index .banner .info-pc .gf { background-image: url(../images/banner-info-bg.png); background-repeat: repeat; background-position: 0 0; padding-bottom: 20px; }
.index .banner .info-m { background-image: url(../images/banner-info-bg.png); background-repeat: repeat; background-position: 0 0; }
.index .banner .info-m .banner1 { position: relative; }
.index .banner .info-m .banner1 .yeartxt { position: absolute; top: 255px; z-index: 9; }
.index .banner .info-m .banner1 #canvas-m { position: absolute; max-width: 70vw; max-height: 70vw; right: 0px; top: 75px; }
@media (min-width: 360px) { .index .banner .info-m .banner1 .yeartxt { top: 298px; }
  .index .banner .info-m .banner1 #canvas-m { top: 92px; } }
@media (min-width: 400px) { .index .banner .info-m .banner1 .yeartxt { top: 335px; }
  .index .banner .info-m .banner1 #canvas-m { top: 100px; } }
@media (min-width: 640px) { .index .banner .info-m .banner1 .pad-img { display: block; }
  .index .banner .info-m .banner1 .m-hidden { display: none; }
  .index .banner .info-m .banner1 .yeartxt { top: 560px; }
  .index .banner .info-m .banner1 #canvas-m { top: 220px; } }
@media (min-width: 769px) { .index .banner .info-m .banner1 .pad-img { display: none; } }
.index h3.title { font-size: 16px; }
@media (min-width: 360px) { .index h3.title { font-size: 18px; } }
.index .loc-list a { display: block; background-color: #fff; border: 2px solid #816250; color: #816250; margin-top: 10px; margin-bottom: 6px; border-radius: 15px; position: relative; text-align: center; text-decoration: none; padding: 15px 0px 15px 18px; font-weight: bold; }
.index .loc-list a i { position: absolute; left: 6px; top: 10px; font-size: 20px; }
@media (max-width: 769px) { .index .loc-list a { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; } }
@media (min-width: 769px) { .index .loc-list { margin-top: 100px; padding-bottom: 50px; text-align: center; }
  .index .loc-list a { min-width: 180px; text-align: center; display: inline-block; margin: 8px; transition: 0.25s; box-shadow: 1px 3px 7px transparent; }
  .index .loc-list a:hover { border: 2px solid #e60012; box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.3); color: #e60012; } }
.index .pro-list .col-1-3 { width: 31.25%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; position: relative; }
.index .pro-list .col { padding: 5px 15px 5px 10px; }
@media (min-width: 1200px) { .index .pro-list .col { padding: 5px 15px 5px 50px; } }
.index .pro-list .col + .col { border-left: 1px solid #fde8a9; }
.index .pro-list .pic { width: 370px; height: 198px; position: relative; margin-bottom: 20px; }
.index .pro-list .pic img { position: absolute; transform: scale(1); transition: 0.25s; }
.index .pro-list .pic:hover img { transform: scale(1.2); }
.index .tec-list .col-1-2 { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; position: relative; }
@media (min-width: 769px) { .index .tec-list .col-1-2 { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; position: relative; } }
.index .btn-more { position: absolute; top: 260px; right: 0px; }
.index .btn-more.btn-more1 { top: 252px; right: 0px; }
.index .btn-more.btn-more2 { top: 290px; right: 0px; }
.index .btn-gotop { color: #816250; }
.index footer .btn-gotop { color: #fff; }
@media (max-width: 769px) { .index footer .btn-gotop { display: none; } }
.index .swiper-button-next, .index .swiper-button-prev { background-image: none; }
.index .swiper-button-next:after, .index .swiper-button-prev:after { content: '>'; font-size: 28px; line-height: 36px; text-align: center; color: #816250; background-color: #fff; border-radius: 50%; border: 2px solid #816250; width: 40px; height: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.25s; max-width: 10vw; max-height: 10vw; }
@media (max-width: 375px) { .index .swiper-button-next:after, .index .swiper-button-prev:after { line-height: 34px; } }
@media (max-width: 360px) { .index .swiper-button-next:after, .index .swiper-button-prev:after { line-height: 33px; } }
@media (max-width: 320px) { .index .swiper-button-next:after, .index .swiper-button-prev:after { line-height: 27px; } }
.index .swiper-button-next:hover:after, .index .swiper-button-prev:hover:after { background-color: #816250; color: #fff; border: 2px solid #fff; }
.index .swiper-button-next { right: -15px; }
.index .swiper-button-next:after { content: '>'; }
.index .swiper-button-prev { left: -30px; }
.index .swiper-button-prev:after { content: '<'; }
.index .swiper-container { overflow: visible; }
.index .swiper-container .swiper-slide img { max-width: 80%; margin: auto; }

#loc { padding-top: 100px; }

.washlet-box { position: relative; }
.washlet-box #washlet { position: absolute; top: 30px; }
@media (min-width: 769px) { .washlet-box #washlet { position: absolute; top: -70px; } }
.washlet-box .ruleA { margin-bottom: 40px; }
.washlet-box .ruleA a { text-decoration: none; color: #fff; }

.btn-tec { position: relative; }
.btn-tec .btn-more { position: absolute; top: 100px; right: 240px; }

/*# sourceMappingURL=index.css.map */