@charset "utf-8";
:root{
--c-pink:#FF657B;
--c-green:#1AB19F;
--c-orange:#f08233;
--c-blue:#128DDB;
--c-cream:#fffaf4;
--c-green-o:#f2fffd;
}
.c_pink{ color:var(--c-pink) !important;}
.c_green{ color:var(--c-green) !important;}
.c_orange{ color:var(--c-orange) !important;}
.c_blue{ color:var(--c-blue) !important;}
.bg_pink{ background-color:var(--c-pink) !important;}
.bg_green{ background-color:var(--c-green) !important;}
.bg_orange{ background-color:var(--c-orange) !important;}
.bg_blue{ background-color:var(--c-blue) !important;}
.bg_cream{ background-color:var(--c-cream) !important;}
.bg_pink-o{ background-color:#fff7f7 !important;}
.bg_green-o{ background-color:var(--c-green-o) !important;}
.bg_orange-o{ background-color:#fff5ee !important;}
.bg_blue-o{ background-color:#EBF7FF !important;}
.ud{ font-family:'Zen Maru Gothic', sans-serif;}
@media (max-width: 767px){
.wrapper, .wrapper-t{ padding-top:50px;} .wrapper, .wrapper-b{ padding-bottom:50px;}
.wrapper2, .wrapper2-t{ padding-top:30px;} .wrapper2, .wrapper2-b{ padding-bottom:30px;}
}
@media (min-width: 768px){
.wrapper, .wrapper-t{ padding-top:80px;} .wrapper, .wrapper-b{ padding-bottom:80px;}
.wrapper2, .wrapper2-t{ padding-top:50px;} .wrapper2, .wrapper2-b{ padding-bottom:50px;}
}
.center, .center2, .center3, .center4{ padding-left:20px; padding-right:20px;}
.center{ max-width:1200px;} .center2{ max-width:1000px;} .center3{ max-width:600px;}
.center4{ max-width:1300px; margin:0 auto;}
/* #head */
#head{ position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
#head .head_wrap{ position:relative; display:flex; width:100%; justify-content:space-between; align-items:center;}
#head .logo a{ display:inline-block; padding:0 0 0 15px;}
@media(max-width: 991px){ #base{ padding-top:60px;} #head, #head .head_wrap{ height:60px;} }
@media (min-width: 992px){ #base{ padding-top:85px;} #head, #head .head_wrap{ height:85px;} }
#head_contact { margin: 0 0 0 auto;flex-shrink: 0;font-size: 0.75em;line-height: normal;font-weight: 600;padding-left: 2rem;}
#head_contact .head_contact-link-tel {color:green;font-size:1.2rem;}
#head_contact .head_contact-link-time {font-weight: 400;}
#head_contact td,#head_contact dd {text-wrap: nowrap;}
#head_navi a{ display:block;}
#head_navi .main a{ font-weight:500;}
#head_navi .sub a{ font-weight:bold;}
#head_navi .sub a > span{ display:block;}
#head_navi .sub .request a > span{ background:url(../image/icon/calendar-w2.png) no-repeat center top / auto 40px;}
#head_navi .sub .contact a > span{ background:url(../image/icon/book-w2.png) no-repeat center top / auto 40px;}
#head_navi .sub .search a > span{ background:url(../image/icon/search-w.png) no-repeat center top / auto 40px;}
@media (max-width: 991px){ #head_contact{ display:none !important;} }
@media (max-width: 991px){
#base:not(.open) #head_navi{ display:none !important;}
#head_navi{ position:fixed; z-index:1001; top:60px; left:0; width:100%; height:calc(100vh - 60px); overflow-y:auto; overscroll-behavior:none; text-align:left; background:#fff;}
#head_navi .main{ border-top:1px solid #ddd;}
#head_navi .main ul > li{ border-bottom:1px solid #ddd;}
#head_navi .main .line{ padding:15px 0 10px 15px;}
#head_navi .main a{ padding:15px 0 15px 20px; font-size:1.15em;}
#head_navi .main .subnavi a{ padding:12px 0 12px 52px; background:#FEF3F4 url(../image/icon/arrow2-rp.png) no-repeat left 36px center / 8px auto;}
#head_navi .sub{ padding:10px 8px 10px;}
#head_navi .sub ul{ display:flex; width:100%; align-items:flex-start;}
#head_navi .sub ul > li{ flex:1; padding:0 8px;}
#head_navi .sub a{ height:88px; border-radius:10px; font-size:1.15em; overflow:hidden; padding-top:9px;}
#head_navi .sub a > span{ padding-top:50px;}
}
@media (min-width: 992px){
#head_navi{ padding-right:250px;}
#head_navi .main ul{ display:flex; align-items:center; flex-wrap:wrap; justify-content:right;}
#head_navi .main ul > li{ padding:0 10px;}
#head_navi .main ul > li.line{ margin:0 auto 0 0;}
#head_navi .main iframe{ vertical-align:middle;}
#head_navi .sub{ position:absolute; top:0; right:5px; width:240px;}
#head_navi .sub ul{ display:flex; width:100%; align-items:flex-start;}
#head_navi .sub ul > li{ flex:1; padding:0 5px;}
#head_navi .sub a{ height:100px; border-radius:0 0 10px 10px; overflow:hidden; padding-top:15px;}
#head_navi .sub a > span{ padding-top:50px;}
body.pc #head_navi .main a:hover{ color:var(--c-green); text-decoration:underline;}
}
@media (min-width: 992px) and (max-width:1199px){
#head_navi{ padding-right:210px;}
#head_navi .main ul > li{ padding:0 15px;}
#head_navi .sub{ width:200px;}
}
#head_navi_contact {flex-shrink: 0;line-height: normal;font-weight: 600;text-align: center;}
#head_navi_contact .head_navi_contact-link-tel {color:green;font-size:1.2rem;}
#head_navi_contact .head_navi_contact-link-time {font-weight: 400;}
@media (min-width: 992px){ #head_navi_contact{ display:none !important;} }
#btn_open{ width:60px;}
#btn_open a{ position:relative; display:block; width:100%; height:60px; color:#fff; font-size:12px;}
#btn_open a > span{ position:absolute;}
#btn_open .line{ left:13px; width:34px; height:3px; background:#fff;}
#btn_open ._l1{ top:12px; transform-origin:left center;}
#btn_open ._l2{ top:22px;}
#btn_open ._l3{ top:32px; transform-origin:left center;}
#btn_open .text{ left:0; bottom:2px; width:100%; text-align:center;}
#base.open #btn_open ._l1{ top:10px; left:18px; transform:rotate(45deg);}
#base.open #btn_open ._l2{ width:0;}
#base.open #btn_open ._l3{ top:34px; left:18px; transform:rotate(-45deg);}
@media(max-width: 991px){
#menu_cover{ position:fixed; top:70px; left:0; width:100%; height:calc(100vh - 70px); background:rgba(255,255,255,0.7); z-index:900;}
#btn_phone{ width:60px; margin:0 0 0 auto;}
#btn_phone a{ display:block; height:60px; padding:5px 0 0;}
#btn_phone a > span{ display:block; font-size:12px; color:#fff; padding-top:35px; background:url(../image/icon/tel-w.png) no-repeat center top / auto 30px;}
}
@media(min-width: 992px){ #btn_open, #btn_phone{ display:none !important;} }
/* #foot */
#foot{ background:#fbf8f4;}
#foot_logo_wrap .foot_logo + address{ margin-top:10px;}
#foot_logo_wrap address{ font-size:0.9em;}
#foot_navi_wrap a{ text-decoration:underline; font-size:0.9em;}
body.pc #foot_navi_wrap a:hover{ text-decoration:none; color:var(--c-green);}
#copyright{ text-align:center; padding:8px 0; background:rgba(0,0,0,0.1);}
@media (max-width: 767px){
#foot .foot_wrap{ padding:40px 20px 30px;}
#foot_logo_wrap{ width:100%; text-align:center; margin-bottom:20px;}
#foot_navi_wrap .row{ justify-content:center;}
#foot_navi_wrap li{ padding:0 10px 10px;}
#copyright{ font-size:0.85em;}
body.homes #copyright{ padding-bottom:60px;}
}
@media (min-width: 768px){
#foot .foot_wrap{ padding:40px 20px;}
#foot_navi_wrap .row{ justify-content:end;}
#copyright{ font-size:0.8em;}
}
#pagetop{ position:fixed; bottom:0;}
#foot_fix a{ padding:15px 0; color:#fff; width:100%; font-weight:bold;}
#foot_fix a > span{ display:inline-block; padding:5px 0 5px 2em;top: 0.5em;}
#foot_fix .phone a > span{ background:url(../image/icon/tel-w.png) no-repeat center left / auto 90%;}
#foot_fix .request a > span{ background:url(../image/icon/calendar-w.png) no-repeat center left / auto 90%;}
#foot_fix .contact a > span{ background:url(../image/icon/book-w.png) no-repeat center left / auto 90%;}
#foot_fix .phone, #foot_fix .request, #foot_fix .contact{ position:relative;}
#foot_fix .phone::before, #foot_fix .request::before, #foot_fix .contact::before { position: absolute; display: block; width: 100%; top: 0.25em; left: 0; z-index: 2; margin: auto 0; text-align: center; font-size: 0.9em; font-weight: bold; color: white; }
#foot_fix .phone::before { content: "＼お急ぎの方／"; }
#foot_fix .request::before { content: "＼平日は当日見学可／"; }
#foot_fix .contact::before { content: "＼最短翌日到着／"; }
@media (max-width: 450px){
#foot_menu{ display:none;}
#pagetop{ right:5px; width:150px;}
#foot_fix{ position:fixed; bottom:0; left:0; width:100%;}
#foot_fix .phone > span,#foot_fix .request > span,#foot_fix .contact > span{ font-size:0.9em!important;}
#foot_fix .phone::before,#foot_fix .request::before,#foot_fix .contact::before{ font-size: 0.75em!important;}
}
@media (min-width: 451px){
#foot_menu{ display:none;}
#pagetop{ right:5px; width:150px;}
#foot_fix{ position:fixed; bottom:0; left:0; width:100%;}
#foot_fix a > span{ font-size:1em;}
#foot_fix .phone > span,#foot_fix .request > span,#foot_fix .contact > span{ font-size:1em!important;}
#foot_fix .phone::before,#foot_fix .request::before,#foot_fix .contact::before{ font-size: 0.8em!important;}
}
@media (min-width: 576px){
#pagetop{ right:15px;}
#foot_fix{ display:none;}
#foot_fix a > span{ font-size:1.15em;}
}
/* button */
.button._type1{ border-radius:50px; padding:20px 0; max-width:100%; font-weight:500;}
.button._type2{ border-radius:5px; padding:12px 0; width:220px; max-width:100%;}
.button._type3{ border-radius:5px; padding:12px 20px; min-width:220px; max-width:100%; border:2px solid #999;}
.button._type3.c_green{ border-color:var(--c-green);}
.button._type1.c_green{ border:2px solid var(--c-green);}
@media (max-width: 575px){ .button._type1{ width:250px;} }
@media (min-width: 576px){ .button._type1{ width:300px;} }