@charset "UTF-8";
/*===================================
共通
===================================*/
img{ width: 100%;}

.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.inner {
max-width: 1200px;
width: 94%;
margin: 0 auto;
}
.inner_1070 { /*注釈と同じ幅*/
max-width: 1070px;
width: 94%;
margin: 0 auto;
}
.inner_1000 {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}
.cap_Txt {
position: absolute;
font-size: 10px;
bottom: 5px;
letter-spacing: 0.1em;
/* font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; */
}
.cap_R { right: 5px;}
.cap_L { left: 5px;}
.cap_W { color: #fff;}
.cap_B { color: #333;}
.cap_G { color: #8a8a8a;}
.cap_ShW { text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;}
.cap_ShB { text-shadow: 2px 0 2px #000, -2px 0 2px #000, 0 2px 2px #000, 0 -2px 2px #000;}

.pc { display: block;}
.sp { display: none;}

sup {
font-size: 10px;
vertical-align: top;
}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}


/*===================================
header
===================================*/
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
/* background: rgb(0,0,0,.5);*/
/* background: rgb(0,0,0,.7); */
background: rgb(255,255,255,.7);
}
header > div.flex{
padding: 10px 20px;
justify-content: space-between;
/*  flex-wrap: wrap;*/
align-items: center;
}
header > div.flex > div{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: 90%;
max-width: 1100px;
margin: 0 auto;
}
header > div.flex h1{
width: 160px;
margin-right: 20px;
}
header > div.flex h1 a{
display: block;
width: 100%;
transition: 0.3s;
}
header > div.flex h1 a:hover{ opacity: 0.7;}
.h_right{
/*  width: 50%;*/
width: 100%;
justify-content: flex-end;
align-items: center;
/*  padding-right: 60px;*/
}
.upper_list {
display: flex;
/*width: 30%;*/
width: 27%;
margin: 0 10px 0 0;

}
.upper_list li {
}
.upper_list li:not(:first-child) {
margin: 0 0 0 30px;
}
.upper_list a {
font-size: 12px;
line-height: 1.5;
/* color: #fff; */
color: #4c4a4a;
letter-spacing: 0.1em;
transition: 0.3s;
}
.upper_list a:hover {
opacity: 0.5;
}



.upper_btn {
display: flex;
justify-content: space-between;
width: 50%;
max-width: 370px;
}

.upper_btn li{
width: 100%;
max-width: 100px;
}
.upper_btn li:nth-child(3){
max-width: 150px;
}

.request_Btn{
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
max-width: 100px;
background: rgb(132,3,3);
background: radial-gradient(circle, rgba(168,153,101,1) 0%, rgba(145,122,62,1) 100%);
padding: 10px 0;
text-align: center;
transition: 0.3s;
}
.request_Btn span{
position: relative;
color: #fff;
font-size: 11px;
letter-spacing: 0.15em;
line-height: 1.3;
transition: 0.3s;
z-index: 3;
}
.reserve_Btn{
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
max-width: 100px;
background: rgb(132,3,3);
background: radial-gradient(circle, rgba(132,3,3,1) 50%, rgba(76,13,1,1) 100%);
padding: 10px 0;
text-align: center;
transition: 0.3s;
}
.reserve_Btn span{
position: relative;
color: #fff;
font-size: 11px;
letter-spacing: 0.15em;
line-height: 1.3;
transition: 0.3s;
z-index: 3;
}
.online_Btn{
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
max-width: 150px;
background: rgb(132,3,3);
background: radial-gradient(circle, rgb(116, 113, 113) 50%, rgb(67, 67, 67) 100%);
padding: 10px 0;
text-align: center;
transition: 0.3s;
}
.online_Btn span{
position: relative;
color: #fff;
font-size: 11px;
letter-spacing: 0.15em;
line-height: 1.3;
transition: 0.3s;
z-index: 3;
}

.bgleft:before{
content: '';
/*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: 0;
z-index: 2;
/*色や形状*/
background:#fff;/*背景色*/
width: 100%;
height: 100%;
/*アニメーション*/
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.bgleft:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
.request_Btn.bgleft:hover span{ color: rgb(145,122,62);}
.reserve_Btn.bgleft:hover span{ color: rgb(132,3,3);}
.online_Btn.bgleft:hover span{ color: rgb(67, 67, 67);}


/* メニュー */
#menuArea {
position: absolute;
top: 30px;
right: 40px;
width: 40px;
height: 40px;
box-sizing: border-box;
}
#menuArea li {
height: 40px;
padding-top: 24%;
margin: 0 18px;
box-sizing: border-box;
position: relative;
text-align: center;
}
/*#menuArea #menu p {
text-align: center;
font-size: 10px;
letter-spacing: 0.2em;
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform : translateX(-50%);
transform : translateX(-50%);
margin: 0 auto;
width: 100%;
color: #fff;
}*/
#menuArea #menu {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
color: #fff;
z-index: 9999;
text-align: center;
cursor: pointer;
}
#menuArea #menu .bar {
width: 40px;
height: 18px;
display: block;
margin: 0 auto 4px;
position: relative;
}
#menuArea #menu,
#menuArea #menu .bar span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#menuArea #menu .bar span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #4c4a4a;
}
#menuArea #menu .bar span:nth-of-type(1) { top: -8px; }
#menuArea #menu .bar span:nth-of-type(2) { top: 4px; }
#menuArea #menu .bar span:nth-of-type(3) { bottom: 0px; }
#menuArea #menu.active .bar span {
background-color: #6a5625;
}
#menuArea #menu.active .bar span:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-315deg) scale(.8);
transform: translateY(12px) rotate(-315deg) scale(.8);
}
#menuArea #menu.active .bar span:nth-of-type(2) {
width: 30px;
height: 30px;
background-color: transparent;
}
#menuArea #menu.active .bar span:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(315deg) scale(.8);
transform: translateY(-12px) rotate(315deg) scale(.8);
}
#gNav{
/*
position: fixed;
top: -120%;
left: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, .9);
*/
width: 100%;
z-index: 99;
transition: all 0.6s;
}
/*#gNav.panelactive{ top: 0;}*/
#gNav ul{
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
#gNav .nav_List{
/*  padding-top: 70px;*/
justify-content: space-between;
width: 100%;
/*  flex-wrap: wrap;*/
}
#gNav .nav_List li{
position: relative;
/*  width: 100%;*/
/*width: calc(100% / 10);*/
width:fit-content;
text-align: center;
}
#gNav .nav_List li a{
position: relative;
display: block;
width: 100%;
/*  color: #6a5625;*/
/* color: #fff; */
color: #4c4a4a;
font-size: 12px;
padding: 18px 0.5em 4px;
letter-spacing: 0.11em;
transition: 0.3s;
}
/*
@media screen and (min-width: 1401px) {
#gNav .nav_List li a{
font-size: 13px;
}
}
*/
@media screen and (max-width: 1200px) {
#gNav .nav_List li a{
font-size: 11px;
padding: 10px 0.4em;
}
}
@media screen and (max-width: 960px) {
#gNav .nav_List li a{
font-size: 10px;
}
}
#gNav .nav_List li a::after{
position: absolute;
content: "";
width: 0;
height: 1px;
background: #a08e5d;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
transition: 0.5s;
}
#gNav .nav_List li a:hover::after{ width: 100%;}

#gNav .con_btn_Area{
justify-content: center;
padding-top: 20px;
max-width: 800px;
}
#gNav .con_btn_Area li{ width: 100%;}
#gNav .con_btn_Area .request_Btn,
#gNav .con_btn_Area .reserve_Btn,
#gNav .con_btn_Area .online_Btn{
display: block;
margin: 0 auto;
width: 90%;
max-width: 300px;
padding: 15px 0;
}
#gNav .con_btn_Area .request_Btn,
#gNav .con_btn_Area .reserve_Btn{ margin-bottom: 10px;}

/* ナビゲーション リンククローズ */
/*
#gNav .nav_List li:nth-child(2) a,
#gNav .nav_List li:nth-child(3) a,
*/
/* #gNav .nav_List li:nth-child(4) a,*/
/* #gNav .nav_List li:nth-child(5) a {
opacity: 0.3;
pointer-events: none;
} */

/*NEW*/
/*#gNav .nav_List li:nth-child(5)::before,*/
#gNav .nav_List li:nth-child(8)::before {
content: "NEW";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -0.05em);
display: block;
color: #fff;
font-size: 10px;
padding: 0.2em 1em;
background: #a08e5d;
}

/*UPDATE*/
#gNav .nav_List li:nth-child(3)::before, 
#gNav .nav_List li:nth-child(9)::before {
content: "UPDATE";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -0.05em);
display: block;
color: #fff;
font-size: 10px;
padding: 0.2em 1em;
background: #053a66;
}


/* カレント */
#top #gNav .nav_List li:nth-child(1) a::after,
#concept #gNav .nav_List li:nth-child(2) a::after,
#plan #gNav .nav_List li:nth-child(3) a::after,
#location #gNav .nav_List li:nth-child(4) a::after,
#lp_facility #gNav .nav_List li:nth-child(5) a::after,
#residence #gNav .nav_List li:nth-child(6) a::after,
#view #gNav .nav_List li:nth-child(7) a::after,
#gallery #gNav .nav_List li:nth-child(8) a::after,
#modelroom #gNav .nav_List li:nth-child(9) a::after,
#zeh #gNav .nav_List li:nth-child(10) a::after,
#quality #gNav .nav_List li:nth-child(11) a::after,
#developers #gNav .nav_List li:nth-child(12) a::after,
#brand #gNav .nav_List li:nth-child(13) a::after,
#map #gNav .nav_List li:nth-child(14) a::after,
#outline #gNav .nav_List li:nth-child(15) a::after{ width: 100%;}

/*===================================
footer
===================================*/
footer {
background: #fff;
text-align: center;
/* padding: 60px 0; */
position: relative;
}

footer .itiran_Btn {
max-width: 200px;
width:20%;
margin: 0 auto;
}
footer p {
font-size: 14px;
}
footer .footer_logo {
display: flex;
justify-content: center;
width: 96%;
max-width: 1100px;
margin: 0 auto;
padding: 30px 0;
}
/*footer .footer_logo li{ width: calc( 100% / 3 - 20px);}*/
footer .footer_logo li:not(:last-child) { margin-right: 5%; }
footer .footer_logo li:nth-child(1) img{ width: 200px;}
footer .footer_logo li:nth-child(2) img{ width: 303px;}
footer .footer_logo li:nth-child(3) img{ width: 241px;}
footer .footer_tel { padding:0 0 20px;}
footer .footer_tel p { margin-bottom: 16px;}
footer .footer_tel img { max-width: 380px; margin-bottom:16px;}
footer .copyright { margin-top: 30px;}
footer .copyright p { font-size: 12px; color: #fff;}

footer .footer_Wrap {
background: #123359;
padding: 30px 0;
}
footer .footer_Wrap figure {
max-width: 200px;
margin: 0 auto;
}

footer .footer_Bnr {
max-width: 440px;
margin: 0 auto 50px;
}
footer .footer_Bnr a {
transition: .3s;
}
footer .footer_Bnr a:hover {
transition: .3s;
opacity: .5;
}


/* pagetop
-------------------------------- */
#pageTop {
cursor: pointer;
font-size: 12px;
position: fixed;
right: 30px;
bottom: 30px;
padding: 20px 20px 17px;
/*  background: #123359;*/
/*  border: #e2e2e2 1px solid;*/
background: rgba(0, 0, 0, 0.6);
z-index: 10;
}
#pageTop a {
display: block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transition: .3s;
}

/*===================================
下層ページ
===================================*/


/* 注釈 */
.notes_Wrap {
width: 94%;
max-width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.notes_Wrap li {
position: relative;
font-size: 11px;
letter-spacing: 0.05em;
line-height: 1.4;
text-align: justify;
text-indent: 0;
padding-left: 1em;
margin-bottom: 5px;
}
.notes_Wrap li::before{
position: absolute;
content: "※";
font-size: 12px;
top: 0;
left: 0;
}
.notes_Wrap li.no-symbol {
padding-left:0;
}
.notes_Wrap li.no-symbol::before{
content: unset;
}

.notes_Wrap li.kome1 {
padding-left: 2.0em;
}
.notes_Wrap li.kome1::before{
position: absolute;
content: "※1";
font-size: 12px;
top: 0;
left: 0;
}


/*=========================================================================================================
ヘッダー header 調整
=========================================================================================================*/
@media screen and (max-width: 1260px) {

/*===================================
header
===================================*/
header > div.flex h1{
width: 30%;
max-width: 160px;
}
.h_right .request_Btn,
.h_right .reserve_Btn,
.h_right .online_Btn{ display: none;}
#gNav{
position: fixed;
top: -130%;
left: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, .9);
z-index: 99;
transition: all 0.6s;
}
#gNav.panelactive{ top: 0;}
#gNav ul {
width: 90%;
max-width: 800px;
margin: 0 auto;
}
#gNav .nav_List {
padding-top: 30px;
flex-wrap: wrap;
}
#gNav .nav_List li{
width: 100%;
padding: 11px 0;
}
/*NEW*/
/*#gNav .nav_List li:nth-child(5)::before,*/
#gNav .nav_List li:nth-child(8)::before {
content: "NEW";
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
/*UPDATE*/
#gNav .nav_List li:nth-child(9)::before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}

#gNav .nav_List li a {
position: relative;
display: block;
width: 100%;
color: #6a5625;
font-size: 14px;
padding: 0;
letter-spacing: 0.2em;
transition: 0.3s;
line-height: 1.0;
}
#gNav .con_btn_Area{
flex-wrap: wrap;
padding-top: 10px;
}
#menuArea {
top: 20px;
}

#menuArea.sp{
display: block;
}

.upper_list {
}
.upper_list.pc{
display: none;
}
.con_btn_Area {
}
.con_btn_Area.sp{
}
#gNav .con_btn_Area {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
}

}


/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px){

/*===================================
header
===================================*/


/*===================================
content_Wrap
===================================*/


/*===================================
footer
===================================*/
footer .footer_logo li:not(:last-child) { margin-right: 4%; }
footer .footer_logo li:nth-child(1) img{ width: calc(200px*.85);}
footer .footer_logo li:nth-child(2) img{ width: calc(303px*.85);}
footer .footer_logo li:nth-child(3) img{ width: calc(241px*.85);}

}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

.pc { display: none;}
.sp { display: block;}

/*===================================
header
===================================*/
header > div.flex h1{
width: 30%;
max-width: 160px;
}
.h_right .request_Btn,
.h_right .reserve_Btn,
.h_right .online_Btn{ display: none;}
#gNav{
position: fixed;
top: -130%;
left: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, .9);
z-index: 99;
transition: all 0.6s;
}
#gNav.panelactive{ top: 0;}
#gNav ul {
width: 90%;
max-width: 800px;
margin: 0 auto;
}
#gNav .nav_List {
padding-top: 30px;
flex-wrap: wrap;
}
#gNav .nav_List li{
width: 100%;
padding: 11px 0;
}
/*NEW*/
/*#gNav .nav_List li:nth-child(5)::before,*/
#gNav .nav_List li:nth-child(8)::before  {
content: "NEW";
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
/*UPDATE*/
#gNav .nav_List li:nth-child(3)::before,
#gNav .nav_List li:nth-child(9)::before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}

#gNav .nav_List li a {
position: relative;
display: block;
width: 100%;
color: #6a5625;
font-size: 14px;
padding: 0;
letter-spacing: 0.2em;
transition: 0.3s;
line-height: 1.0;
}
#gNav .con_btn_Area{
flex-wrap: wrap;
padding-top: 10px;
}
#menuArea {
top: 20px;
}

/*.下固定*/
.sp_btm_nav {
display: flex;
position: fixed;
bottom: 0;
justify-content: flex-start;
align-items: center;
width: 100%;
background: #e6dfce;
height: 60px;
z-index: 10;
border-top: #000 1px solid;
}
.sp_btm_nav li {
width: calc((100% - 0.01%) / 4) !important;
position: relative;
}
/*.sp_btm_nav .n_map{ width: 24%}
.sp_btm_nav .n_outline,
.sp_btm_nav .n_request,
.sp_btm_nav .n_reserve,
.sp_btm_nav .n_online{ width: 19%;}*/

/* .sp_btm_nav .n_request,
.sp_btm_nav .n_reserve,
.sp_btm_nav .n_online{
background: #123359;
} */
.sp_btm_nav .n_request,
.sp_btm_nav .n_reserve,
.sp_btm_nav .n_online{ background: #6a5625;}
.sp_btm_nav li:nth-of-type(-n+3){ border-right: solid 1px #000;}
/* .sp_btm_nav li:last-of-type{ border-right: none;} */

.sp_btm_nav .n_online {
font-size: 12px;
}
.sp_btm_nav li a {
height: 100%;
display: block;
padding: 40px 0 10px;
box-sizing: border-box;
font-size: 10px;
color: #6a5625;
text-align: center;
border: none;
}
.sp_btm_nav .n_online a {
padding: 36px 0 4px;
}
.sp_btm_nav .n_request a,.sp_btm_nav .n_reserve a,.sp_btm_nav .n_online a {color: #fff;}

.sp_btm_nav li[class*="n_"]::before {
position: absolute;
display: block;
left: 50%;
transform: translateX(-50%);
content: "";
}
.sp_btm_nav li.n_request::before {
content: url(../img/sp_req.svg);
width: 22px;
height: 23px;
top: 10px;
}
.sp_btm_nav li.n_reserve::before {
content: url(../img/sp_res.svg);
width: 15px;
height: 18px;
top: 10px;
}
.sp_btm_nav li.n_tel::before {
content: url(../img/sp_tel.svg);
width: 27px;
height: 27px;
top: 8px;
}
.sp_btm_nav li.n_menu::before {
content: url(../img/sp_menu.svg);
width: 24px;
height: 17px;
top: 13px;
}
.sp_btm_nav li.n_map::before {
content: url(../img/sp_map.svg);
width: 16px;
height: 21px;
top: 12px;
}
.sp_btm_nav li.n_online::before {
content: "";
background: url(../img/sp_online.png) top no-repeat;
background-size: contain;
width: 25px;
height: 21px;
top: 10px;
}





/* 資料請求と電話の順番を変更 */
.sp_btm_nav li:nth-of-type(1) {
order: 2;
}
.sp_btm_nav li:nth-of-type(2) {
order: 3;
}

.sp_btm_nav li:nth-of-type(3) {
order: 1;
}
.sp_btm_nav li:nth-of-type(4) {
order: 4;
}
.sp_btm_nav li:nth-of-type(5) {
order: 5;
}

/*===================================
footer
===================================*/
footer {
margin: 0 0 30px;
padding: 0 0 30px;
}
footer .footer_logo {
display: block;
}
footer .footer_logo li{
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}
footer .footer_logo li:nth-child(2){
margin-right: 0;
margin: 0 auto 20px;
}
footer .footer_logo .footer_logo2 { margin-bottom: 26px;}
footer .footer_logo .footer_logo2 img { max-width: 363px;}
footer .footer_tel p {
margin-bottom: 12px;
font-size: 12px;
}
footer .footer_tel img {
max-width: 360px;
width: 80%;
}
footer .footer_Bnr {
max-width: 440px;
width: 80%;
margin: 0 auto 30px;
}
footer .itiran_Btn {
max-width: 100%;
width:40%;
margin: 0 auto;
}
footer .copyright p { font-size: 10px;}


/* --------------------------------
pagetop
-------------------------------- */
#pageTop {
right: 10px;
bottom: 72px;
}

/*===================================
下層ページ
===================================*/


.notes_Wrap{ padding: 50px 0;}
.notes_Wrap li {
font-size: 10px;
}
.notes_Wrap li::before {
font-size: 10px;
}
.notes_Wrap li.kome1::before{
font-size: 10px;
}
}


/*202504 モデルルーム・間取り下部*/
.reserve_box {
	color: #fff;
	/*background: rgb(129,25,30);
	background: linear-gradient(90deg, rgba(129,25,30,1) 0%, rgba(71,4,8,1) 100%);*/
	background: url(../img/res_bg.jpg) no-repeat center center / cover;
	padding: 100px 0;
	margin: 40px 0;
	text-align: center;
	box-sizing: border-box;
	outline: 1px solid #d4bc81;
	outline-offset: -8px;
}
#plan .reserve_box {
	margin-top: 100px;
}
.reserve_box .res--ttl {
	font-size: 27px;
	letter-spacing: 0.3em;
	margin-bottom: 1em;
}
.reserve_box .res--copy {
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 2em;
	line-height: 1.8;
}
.reserve_box .res--btn {
	display: block;
	width: fit-content;
/*	background: #fff;*/
	color: #fff;
	padding: 1em 4em;
	margin: 0 auto;
	transition: all .3s;
	font-size: 17px;
	background: rgb(132, 3, 3);
}
.reserve_box .res--btn:hover {
	background: #fff;
	color: rgb(132, 3, 3);
}
@media screen and (max-width: 767px) {
	.reserve_box {
		padding: 60px 0;
		margin: 30px 0;
	}
	#plan .reserve_box {
		margin-top: 60px;
	}
	.reserve_box .res--ttl {
		font-size: 19px;
	}
	.reserve_box .res--copy {
		font-size: 15px;
		margin-bottom: 1.5em;
	}
	.reserve_box .res--btn {
		font-size: 15px;
		padding: 1.25em 4em;
	}
}