@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.1111111111vw; } }

body { background-color: #9e9f91; font-family: "Zen Maru Gothic", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.8rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.8rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.8rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 2rem; left: 2rem; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(10rem); }
.pagetop.is-show { opacity: 1; transform: translateY(0); }
@media screen and (max-width: 750px) { .pagetop { bottom: 1rem; left: 1rem; } }
.pagetop a { display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; border-radius: 50%; background-color: #fff; color: #9e9f91; font-size: 3rem; text-decoration: none; }
@media screen and (max-width: 750px) { .pagetop a { width: 4rem; height: 4rem; font-size: 2rem; } }

.header { padding: 3rem 0; }
.header .header-logo { width: 15em; margin: 0 auto; }
@media screen and (max-width: 750px) { .header .header-logo { width: 10em; } }

.content { padding: 2rem 2rem 10rem; line-height: 1.6; }

.error-box { margin-bottom: 3rem; padding: 1rem; background-color: #C95048; color: #fff; text-align: center; }

.error-txt { position: relative; margin-top: 1.5rem; padding: 0.5rem; background-color: #C95048; color: #fff; font-size: 1.6rem; text-align: center; }
.error-txt::before { content: ''; display: block; position: absolute; top: -0.9rem; left: 50%; width: 2rem; height: 1rem; margin-left: -1rem; clip-path: polygon(50% 0, 0 100%, 100% 100%); background-color: #C95048; }

.contact-ttl { margin-bottom: 4rem; color: #fff; font-size: 2.4rem; font-weight: 500; text-align: center; }

.contact-sttl { margin-bottom: 3rem; padding: 0.5rem 1rem; border: 1px solid #fff; border-top-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; color: #fff; font-size: 2rem; font-weight: 500; text-align: center; }

.contact-form { max-width: 600px; margin: 0 auto; }
.contact-form .form-input { width: 100%; padding: 1rem 1.5rem; border: none; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; font-size: 1.8rem; text-align: center; outline-color: #4E9C9F; }
.contact-form .form-input::placeholder { color: #9E9F91; }
.contact-form .form-input._zip { width: 8em; }
.contact-form .form-input._pref { color: #000; }
.contact-form .form-input._num { width: 8em; }
.contact-form .form-input._mes { text-align: left; }
.contact-form ._required { display: inline-block; margin-left: 1rem; padding: 0 0.5rem; border-radius: 0.5rem; background-color: #C95048; font-size: 1.4rem; }
.contact-form .contact-form-item { margin-bottom: 3rem; }
.contact-form .contact-form-item dt { display: flex; justify-content: center; align-items: center; margin-bottom: 1.5rem; color: #fff; }
.contact-form .contact-form-item .contact-form-input { display: flex; justify-content: center; align-items: center; }
.contact-form ._pre { margin-right: 1rem; color: #fff; }
.contact-form ._suf { margin-left: 1rem; color: #fff; }
.contact-form .contact-products { padding-top: 3rem; }
.contact-form .contact-products dl { display: flex; color: #fff; }
.contact-form .contact-products dl dt { padding-top: 0.4rem; font-size: 1.6rem; }
.contact-form .contact-products dl dd { font-size: 2rem; }
.contact-form .contact-products dl dd small { margin-left: 0.5rem; font-size: 1.4rem; }
.contact-form .contact-products .contact-product-item { display: flex; justify-content: center; align-items: center; margin-bottom: 3rem; }
.contact-form .contact-products .contact-product-item figure { width: 35%; margin-right: 2rem; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; }
.contact-form .contact-products .contact-product-item .contact-product-con { width: 12em; }
.contact-form .contact-products .contact-product-item .contact-product-ttl { color: #fff; font-weight: 500; }
.contact-form .contact-products .contact-product-item dl { flex-wrap: wrap; margin-bottom: 0.5rem; }
.contact-form .contact-products .contact-product-item dl dt { width: 5em; }
.contact-form .contact-products .contact-product-item dl dd { width: calc(100% - 5em;); }
.contact-form .contact-products .contact-product-item ._suf { font-size: 1.4rem; }
.contact-form .contact-products .contact-product-total { justify-content: center; padding: 1rem 0 2rem; border-top: 1px solid #fff; line-height: 1; }
.contact-form .contact-products .contact-product-total dt { margin-right: 2rem; padding-top: 1.2rem; }
.contact-form .contact-products .contact-product-total dd { font-size: 3rem; font-weight: 500; }
.contact-form .contact-products .contact-product-total dd small { font-weight: 400; }
.contact-form .form-btn { padding-top: 3rem; }
.contact-form .form-btn .form-btn-send { display: block; width: 100%; padding: 1.5rem; border: 1px solid #fff; border-top-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; background-color: #4E9C9F; color: #fff; font-weight: 500; transition: all 1s; }
.contact-form .form-btn .form-btn-send:hover { background-color: #fff; color: #4E9C9F; }
.contact-form .form-btn .form-btn-back { margin-top: 2rem; text-align: center; }
.contact-form .form-btn .form-btn-back span { color: #fff; font-size: 1.6rem; text-decoration: underline; cursor: pointer; }
.contact-form .form-btn .form-btn-back span:hover { text-decoration: none; }
.contact-form .form-btn .form-btn-back span i { margin-right: 1rem; }
.contact-form._confirm .contact-form-item dt { font-size: 1.4rem; }
.contact-form._confirm .contact-form-item .contact-form-input { color: #fff; font-size: 2rem; font-weight: 500; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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