@charset "UTF-8";
/*! kv 共通
------------------------------------------------- */
#contact #mainimgContent , #form #mainimgContent , #thanks #mainimgContent { background-image: url(../img/form/contact/pic_mainimg01.png); }
#mainimgContent .mainIn { padding-bottom: 0; }
/*=============================================================
 contact TOP
=============================================================*/
#contact #wrapper { margin-bottom: 40px; }
@media (min-width: 600px) { #contact #wrapper { margin-bottom: 130px; } }
@media (min-width: 600px) { #contact #main { padding-bottom: 55px; } }
#contact .contactList .item + .item { margin-top: 30px; }
@media (min-width: 600px) { #contact .contactList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }  #contact .contactList .item { width: 480px; }  #contact .contactList .item + .item { margin-top: 25px; } }
@media (min-width: 600px) and (min-width: 600px) { #contact .contactList .item + .item { margin-top: 0; } }
@media (min-width: 600px) and (min-width: 600px) { #contact .contactList .item:nth-child(even) { margin-left: 60px; }  #contact .contactList .item:nth-child(odd) { margin-left: 0; }  #contact .contactList .item:nth-child(n+3) { margin-top: 48px; } }
#contact .contactList .copy { line-height: 1.33; font-family: "Noto Serif Japanese", serif; font-weight: 600; font-size: 1.8rem; text-align: center; letter-spacing: .06em; }
@media (min-width: 600px) { #contact .contactList .copy { line-height: 1; font-size: 2.2rem; text-align: left; } }
#contact .contactList .bnr { margin-top: 12px; border: 1px solid #382e2c; background: #fff; }
@media (min-width: 600px) { #contact .contactList .bnr { margin-top: 25px; } }
#contact .contactList .areaTxt { display: block; position: relative; height: 97px; }
@media (min-width: 600px) { #contact .contactList .areaTxt { height: 142px; } }
#contact .contactList .areaTxt .txt { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit { padding-right: 20px; } }
#contact .contactList .areaTxt .tit span { display: inline-block; position: relative; line-height: 1; padding-left: 24px; font-weight: 500; font-size: 1.5rem; letter-spacing: .12em; }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit span { padding-left: 32px; font-size: 2.2rem; } }
#contact .contactList .areaTxt .tit span:before { display: block; position: absolute; top: 50%; left: 0; height: 16px; margin-top: -8px; background: no-repeat center; background-size: contain; content: ""; }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit span:before { height: 24px; margin-top: -12px; } }
#contact .contactList .areaTxt .tit.faq span:before { width: 18px; height: 18px; margin-top: -9px; background-image: url("../img/common/ico_info01.png"); }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit.faq span:before { width: 22px; height: 22px; } }
#contact .contactList .areaTxt .tit.shop span:before { width: 18px; background-image: url("../img/common/ico_shop01.png"); }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit.shop span:before { left: -8px; width: 24px; } }
#contact .contactList .areaTxt .tit.mail span:before { width: 20px; background-image: url("../img/common/ico_mail01.png"); }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit.mail span:before { width: 26px; } }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit.tel { padding-right: 10px; } }
#contact .contactList .areaTxt .tit.tel span:before { width: 14px; background-image: url("../img/common/ico_tel01.png"); }
@media (min-width: 600px) { #contact .contactList .areaTxt .tit.tel span:before { left: -7px; width: 24px; } }
#contact .contactList .areaTxt ul { display: inline-block; line-height: 1.46; margin-top: 10px; font-size: 1.3rem; text-align: left; }
@media (min-width: 600px) { #contact .contactList .areaTxt ul { line-height: 1.73; margin-top: 8px; font-size: 1.5rem; } }
#contact .contactList .areaTxt .number { line-height: 1; margin-top: 12px; font-size: 2.6rem; }
@media (min-width: 600px) { #contact .contactList .areaTxt .number { font-size: 3.4rem; } }
#contact .contactList .areaTxt .number a { font-family: "Noto Serif Japanese", serif; font-weight: 600; font-weight: 500; letter-spacing: .06em; letter-spacing: .12em; }
@media (min-width: 600px) { #contact .contactList .areaTxt .number a { pointer-events: none; } }
#contact .contactList .attention { line-height: 1.46; margin-top: 12px; font-size: 1.3rem; }
@media (min-width: 600px) { #contact .contactList .attention { line-height: 2; margin-top: 14px; font-size: 1.3rem; letter-spacing: 0; } }
/*=============================================================
 contact その他
=============================================================*/
/*! contact
------------------------------------------------- */
#form #contents .contactTit { padding: 0 15px; }
@media (min-width: 600px) { #form #contents .contactTit { max-width: 1020px; margin: 0 auto 45px; padding: 0; } }
#form #contents #contactForm { margin-bottom: 10px; padding: 30px 10px 0; background: #fff; }
@media (min-width: 600px) { #form #contents #contactForm { width: 1020px; margin: 0 auto 10px; padding: 70px 70px 0; } }
#form #contents #contactForm .contactTxt span { font-size: 1.1rem; }
@media (min-width: 600px) { #form #contents #contactForm .contactTxt span { font-size: 1.2rem; } }
#form #contents #contactForm .required { position: absolute; top: 0; right: 0; padding: 3px 10px; background: #382e2c; color: #fff; font-weight: normal; font-size: 1.0rem; }
@media (min-width: 600px) { #form #contents #contactForm .required { top: 9px; padding: 2px 10px; font-size: 1.2rem; } }
#form #contents #contactForm input[type="text"] , #form #contents #contactForm input[type="email"] { box-sizing: border-box; width: 100%; padding: 10px 15px; border: 1px solid #e5e5e5; background: #f5f5f5; }
@media (min-width: 600px) { #form #contents #contactForm input[type="text"] , #form #contents #contactForm input[type="email"] { padding: 10px 20px; } }
#form #contents #contactForm input::-webkit-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm input:-moz-placeholder { color: #a8a5a5; }
#form #contents #contactForm input::-moz-placeholder { color: #a8a5a5; }
#form #contents #contactForm input:-ms-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm input::-ms-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm textarea { box-sizing: border-box; resize: vertical; width: 100%; height: 10rem; padding: 15px; border: 1px solid #e5e5e5; background: #f5f5f5; }
@media (min-width: 600px) { #form #contents #contactForm textarea { height: 17rem; padding: 15px 20px; } }
#form #contents #contactForm textarea::-webkit-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm textarea:-moz-placeholder { color: #a8a5a5; }
#form #contents #contactForm textarea::-moz-placeholder { color: #a8a5a5; }
#form #contents #contactForm textarea:-ms-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm textarea::-ms-input-placeholder { color: #a8a5a5; }
#form #contents #contactForm input[type="radio"] , #form #contents #contactForm input[type="checkbox"] { position: relative; top: -3px; }
@media (min-width: 600px) { #form #contents #contactForm input[type="radio"] , #form #contents #contactForm input[type="checkbox"] { top: -6px; } }
#form #contents #contactForm span.wpcf7-list-item { margin-right: 1em; }
@media (min-width: 600px) { #form #contents #contactForm span.wpcf7-list-item { margin-right: 5em; } }
#form #contents #contactForm select { box-sizing: border-box; width: 60%; padding: 10px 15px; border: 1px solid #e5e5e5; background: #f5f5f5; }
#form #contents #contactForm select option.placeholder { color: #a8a5a5; }
@media (min-width: 600px) { #form #contents #contactForm select { width: 200px; } }
#form #contents .wpcf7.is_confirm #contactForm .wpcf7c-elm-step1 { display: none; }
#form #contents .wpcf7.is_confirm #contactForm input[type="text"] , #form #contents .wpcf7.is_confirm #contactForm input[type="email"] , #form #contents .wpcf7.is_confirm #contactForm textarea , #form #contents .wpcf7.is_confirm #contactForm select { border: none; background: transparent; }
#form #contents .wpcf7.is_confirm #contactForm input::-webkit-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm input:-moz-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm input::-moz-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm input:-ms-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm input::-ms-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm textarea::-webkit-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm textarea:-moz-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm textarea::-moz-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm textarea:-ms-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm #contactForm textarea::-ms-input-placeholder { color: transparent; }
#form #contents .wpcf7.is_confirm input:-webkit-autofill { box-shadow: 0 0 0 1000px #fff inset; }
#form #contents #contactForm .table01 { padding: 15px 0 30px; }
#form #contents #contactForm .table01 dt { position: relative; margin-bottom: 10px; font-weight: bold; font-size: 1.5rem; }
@media (min-width: 600px) { #form #contents #contactForm .table01 { padding: 32px 0; }  #form #contents #contactForm .table01 dt { width: 240px; margin-bottom: 20px; padding-top: 8px; } }
#form #contents #contactForm .table02 { padding: 0 0 15px; }
@media (min-width: 600px) { #form #contents #contactForm .table02 { padding: 0 0 60px; } }
#form #contents #contactForm .table02 dl { padding: 15px 0; border-top: 1px solid #e5e5e5; }
#form #contents .wpcf7.is_confirm #contactForm .table02 dl { border-top: none; }
#form #contents #contactForm .table02 dl.first { padding-top: 0; border-top: none; }
#form #contents #contactForm .table02 dt { position: relative; margin-bottom: 10px; font-weight: bold; font-size: 1.5rem; }
@media (min-width: 600px) { #form #contents #contactForm .table02 dl { padding: 20px 0; }  #form #contents #contactForm .table02 dl.first { padding-top: 10px; }  #form #contents #contactForm .table02 dt { position: relative; float: left; width: 240px; padding-top: 8px; }  #form #contents #contactForm .table02 dd { margin-left: 280px; } }
#form #contents #contactForm .table02 dd .clm2 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; }
#form #contents #contactForm .table02 dd .clm2 li { width: 50%; margin-left: 10px; }
@media (min-width: 600px) { #form #contents #contactForm .table02 dd .clm2 { margin-left: -20px; }  #form #contents #contactForm .table02 dd .clm2 li { margin-left: 20px; } }
#form #contents #contactForm .table02 .txt01 { margin-top: 5px; padding-left: 1em; font-size: 1.1rem; text-indent: -1em; }
@media (min-width: 600px) { #form #contents #contactForm .table02 .txt01 { font-size: 1.2rem; }  #form #contents #contactForm .table02 .txt01 + p { margin-top: 0; } }
#form #contents #contactForm .table02 dd .tel { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; }
#form #contents #contactForm .table02 dd .tel li { position: relative; width: 33%; margin-left: 15px; }
#form #contents #contactForm .table02 dd .tel li:before { position: absolute; top: 50%; left: -15px; width: 15px; text-align: center; content: "-"; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
#form #contents #contactForm .table02 dd .tel li:first-child:before { content: none; }
@media (min-width: 600px) { #form #contents #contactForm .table02 dd .tel { margin-left: -30px; }  #form #contents #contactForm .table02 dd .tel li { width: 135px; margin-left: 30px; }  #form #contents #contactForm .table02 dd .tel li:before { left: -30px; width: 30px; } }
@media (min-width: 600px) { #form #contents #contactForm .table02 .sex { padding-top: 8px; } }
#form #contents #contactForm .table02 .job { margin-top: 10px; }
@media (min-width: 600px) { #form #contents #contactForm .table02 .job { margin-top: 15px; } }
#form #contents #contactForm .table02 .pref { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; padding-left: 35%; }
#form #contents #contactForm .table02 dd .pref li { position: relative; width: 50%; margin-left: 15px; }
#form #contents #contactForm .table02 dd .pref li:before { position: absolute; top: 50%; left: -15px; width: 15px; text-align: center; content: "-"; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
#form #contents #contactForm .table02 dd .pref li:first-child:before { content: "〒"; }
@media (min-width: 600px) { #form #contents #contactForm .table02 .pref { margin-left: 0; padding-left: 0; }  #form #contents #contactForm .table02 dd .pref li { position: relative; width: 135px; margin-left: 30px; }  #form #contents #contactForm .table02 dd .pref li:before { left: -30px; width: 30px; } }
#form #contents #contactForm .table02 .address th { width: 35%; padding-top: 21px; font-weight: bold; }
#form #contents #contactForm .table02 .address td { padding-top: 10px; }
#form #contents #contactForm .table02 .address select { width: 100%; }
@media (min-width: 600px) { #form #contents #contactForm .table02 .address table { width: 480px; margin-left: -150px; }  #form #contents #contactForm .table02 .address th { width: 150px; padding-top: 15px; font-weight: bold; vertical-align: middle; }  #form #contents #contactForm .table02 .address td { padding-top: 15px; } }
#form #contents #privacy { margin-bottom: 30px; padding: 30px 10px; background: #fff; }
@media (min-width: 600px) { #form #contents #privacy { width: 1020px; margin: 0 auto 50px; padding: 70px; }  #form #contents #privacy ul { padding: 20px 0 0; } }
#form #contents #privacy li { padding-left: 1em; text-indent: -1em; }
#form #contents #privacy .agree { margin-top: 20px; padding: 15px; background: #ebe5d6; text-align: center; }
@media (min-width: 600px) { #form #contents #privacy .agree { width: 450px; margin: 40px auto 0; padding: 25px; } }
#form #contents #privacy .agree input[type="radio"] , #form #contents #privacy .agree input[type="checkbox"] { position: relative; top: -3px; }
@media (min-width: 600px) { #form #contents #privacy .agree input[type="radio"] , #form #contents #privacy .agree input[type="checkbox"] { position: relative; top: -7px; } }
#form #contents .contactBtn { overflow: hidden; padding: 0 10px; }
@media (min-width: 600px) { #form #contents .contactBtn { width: 450px; margin: 0 auto; padding: 0; } }
#form #contents .submitArea { margin: 0 auto; text-align: center; }
@media (min-width: 600px) { #form #contents .submitArea { width: 765px; margin: 40px auto 0; } }
#form #contents .wpcf7-confirm , #form #contents .wpcf7-submit , #form #contents .wpcf7-back { display: inline-block; position: relative; clear: both; width: 100%; height: 50px; margin: 0 auto; border: none; font-weight: bold; font-size: 1.2rem; outline-style: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
#form #contents .wpcf7-confirm , #form #contents .wpcf7-submit { background: #7b2201; color: #fff; }
#form #contents .wpcf7-back { border: 1px solid #382e2c; background: transparent; color: #382e2c; }
@media (min-width: 600px) { #form #contents .wpcf7-confirm , #form #contents .wpcf7-back , #form #contents .wpcf7-submit { height: 70px; font-size: 1.8rem; } }
#form #contents .wpcf7-confirm:hover , #form #contents .wpcf7-submit:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: .8; }
#form #contents .wpcf7-back:hover { background: rgba(255, 255, 255, .8); }
#form #contents .btn-confirm , #form #contents .btn-submit , #form #contents .btn-back { display: block; position: relative; }
#form #contents .btn-submit .ajax-loader { position: absolute; bottom: -20px; left: 50%; margin-left: -8px; }
@media (min-width: 600px) { #form #contents .btn-confirm , #form #contents .btn-submit , #form #contents .btn-back { display: inline-block; }  #form #contents .btn-confirm { width: 450px; }  #form #contents .btn-submit , #form #contents .btn-back { width: 350px; margin: 0 15px; } }
#form #contents .btn-confirm:after , #form #contents .btn-submit:after , #form #contents .btn-back:after { display: block; position: absolute; top: 50%; right: 9%; width: 7px; height: 7px; margin: 0; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }
#form #contents .btn-back:after { right: auto; left: 9%; border-top: 1px solid #382e2c; border-right: 1px solid #382e2c; -webkit-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg); }
@media (min-width: 600px) { #form #contents .btn-confirm:after , #form #contents .btn-submit:after { right: 5%; border-top: 2px solid #fff; border-right: 2px solid #fff; }  #form #contents .btn-back:after { right: auto; left: 5%; border-top: 2px solid #382e2c; border-right: 2px solid #382e2c; } }
/*! thanks
------------------------------------------------- */
#thanks #contents .contactTit { padding: 0 15px; }
@media (min-width: 600px) { #thanks #contents .contactTit { max-width: 1020px; margin: 0 auto 45px; padding: 0; } }
#thanks #contents .sec { padding: 30px 10px; background: #fff; text-align: center; }
@media (min-width: 600px) { #thanks #contents .sec { width: 1020px; margin: 0 auto; padding: 70px; } }
#thanks #contents .sec .tit { margin-bottom: 20px; font-weight: bold; font-size: 1.5rem; }
@media (min-width: 600px) { #thanks #contents .sec .tit { margin-bottom: 30px; font-weight: bold; font-size: 2.0rem; } }
#thanks #contents .sec .btn { margin-top: 30px; }
#thanks #contents .sec .btn a { width: 80%; }
#thanks #contents .sec .btn a:after { display: block; position: absolute; top: 50%; right: 7%; width: 7px; height: 7px; margin: 0; border-top: 1px solid #382e2c; border-right: 1px solid #382e2c; content: ""; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }
@media (min-width: 600px) { #thanks #contents .sec .btn { margin-top: 40px; }  #thanks #contents .sec .btn a { width: 280px; }  #thanks #contents .sec .btn a:after { border-top: 2px solid #382e2c; border-right: 2px solid #382e2c; } }
/*# sourceMappingURL=maps/sleep.css.map */

/* Add in 2023.12 休暇お知らせ掲載 */
#contact .mod_inner01 > p {
    margin-bottom: 30px;
    font-size: 14px;
}
@media (min-width: 600px) {
    #contact .mod_inner01 > p {
        margin-bottom: 70px;
        text-align: center;
    }
}