@charset "utf-8";
/* 共通
==========================*/
:root{
    font-size: 62.5%;
    --red: #942c25;
	--black: #403d3c;
	--font_sans: YakuHanJP, "Noto Sans JP", sans-serif;
	--font_serif: YakuHanMP, "Noto Serif JP", serif;
}

body{/*font-family: YakuHanMP, "Noto Serif JP", serif;*/
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	color: #000; font-size: 2.0rem;/*20px*/ line-height: 1.5; box-sizing: border-box;}
@media screen and (max-width: 640px){
    body{font-size: 1.6rem;/*16px*/}
}
img{max-width: 100%; width: auto; vertical-align: bottom;}
img.full{width: 100%;}
ul,li,ol{list-style: none;}
a{text-decoration: none; transition: 0.3s ease; box-sizing: border-box;}
a:hover{opacity: 0.7;}
sup{font-size: 50%; vertical-align: top;}
p small{display: block; font-size: 70%; line-height: 1.4;}
.font_sans{font-family: "Noto Sans JP", sans-serif;}
.flex{display: flex; flex-wrap: wrap;}
figure,picture{position: relative;}
figcaption,
.cap{font-size: 10px; position: absolute; right: 0; bottom: 0; padding: 3px 6px; color: #fff; background: rgba(0,0,0,0.5); z-index: 2;}
.inner{max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px;}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 960px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

#annotation_area{padding: 50px 0 30px;}
#annotation_area p{font-family: var(--font_sans); font-size: 1.2rem; padding-left: 15px; position: relative;}
#annotation_area p.asterisk::before{content: "※"; position: absolute; left: 0; top: 0;}

/*.fade_in{opacity: 0; transform: translateY(40px); transition: 0.4s ease-in;}
.fade_in.show{opacity: 1; transform: translateY(0);}*/

@media screen and (min-width: 961px){
    a.btn_tel{pointer-events: none;}
}
@media screen and (max-width: 640px){
	.pinch-out { position: relative;}
	picture.pinch-out{display: inline-block;}
	.pinch-out::before,
	.pinch-out::after{ content: ''; position: absolute; transition: all 1s;}
	.pinch-out::before{ top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); z-index: 1;}
	.pinch-out::after{ top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background: url("../../img/elements/pinch-out.svg") center center no-repeat; background-size: contain; z-index: 5; animation: scale-anm 1.5s infinite alternate;}
	.pinch-out.touched::before,
	.pinch-out.touched::after { opacity: 0; pointer-events: none;}
}
@keyframes scale-anm {
	0% { transform:scale(1) translate(-50%,-50%);}
	100% { transform:scale(1.2) translate(-50%,-50%);}
}

.btn_standard{}
.btn_standard a{
	/*background: linear-gradient(135deg,  #ffffff 0%,#ffffff 50%,#f4f4f4 50%,#dfdddd 100%);*/
	font-family: var(--font_sans); font-weight: 500; /*border: 1px solid var(--black);*/ color: var(--black); display: block; text-align: center;}
.btn_standard a span{position: relative; padding-left: 15px; display: inline-block;}
.btn_standard a span::before{content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	border-left: 10px solid var(--black); border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.btn_document_request{}
.btn_document_request a{background: linear-gradient(135deg,  #a48748 0%,#a48748 50%,#8f753e 50%,#745d31 100%);
	font-family: var(--font_sans); font-weight: 500; color: #fff; display: block; text-align: center;}
.btn_document_request a span{position: relative; padding-left: 15px; display: inline-block;}
.btn_document_request a span::before{content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.btn_visitor_reservation{}
.btn_visitor_reservation a{background: linear-gradient(135deg,  #4b6492 0%,#4b6492 50%,#40557c 50%,#354564 100%);
	font-family: var(--font_sans); font-weight: 500; color: #fff; display: block; text-align: center;}
.btn_visitor_reservation a span{position: relative; padding-left: 15px; display: inline-block;}
.btn_visitor_reservation a span::before{content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}


.all_request_btn{}
.all_request_btn a{display: block; color: var(--red); background: #fff; font-size: 1.4rem; padding: 15px 5px; border: 1px solid var(--red);}
.all_request_btn a span{padding-right: 22px; position: relative;}
.all_request_btn a span::after{content: ""; position: absolute; bottom: 0; right: 0;
    background: url(../../img/elements/icon_tb.svg) no-repeat right 1px center;
	width: 17px; height: 20px;
    background-size: 17px;
}


/* header ================*/
header{position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #fff;}
#header_content{height: 80px; justify-content: space-between; align-items: center; padding: 0 10px 0 20px; position: relative;}
#h_logo{max-width: 400px; width: 100%;}
#h_logo a{display: block;}

#h_btn_content{width: calc(100% - 400px); justify-content: flex-end; align-items: flex-end;}
.h_btn_group01{align-items: flex-end;}
.h_btn_group01 .btn_document_request,
.h_btn_group01 .btn_visitor_reservation,
.h_btn_group01 .btn_faq{padding: 0 5px;}
.h_btn_group01 a{width: 134px; font-size: 17px; padding: 11px 0;}
.h_btn_group02{align-items: flex-end; padding-right: 15px;}
.h_btn_group02 .btn_standard{}
.h_btn_group02 .btn_standard a{width: 120px; font-size: 17px; padding: 10px 0;}
.h_btn_group01 a br,
.h_btn_group02 .btn_standard a br{display: none;}

.btn_faq a{background: #e1e1e1; color: #000; display: block; text-align: center;}
.btn_faq a span{padding-right: 22px;
    background: url(../../img/elements/icon_tb.svg) no-repeat right 1px center; background-size: 17px;}
.h_btn_group01 .btn_faq a{font-size: 12px; background: none; border: 1px solid #ccc; padding: 14px 0;}

.top_fontSize_wrap{text-align: center; padding: 0 10px;}
.top_fontSize_wrap .font-size{font-family: var(--font_sans); font-weight: 700; font-size: 15px;}
#fontSize li{font-size: 15px; width: 26px; height: 26px; border: 1px solid var(--black); margin: 0 2px; transition: 0.3s ease;}
#fontSize li:hover,
#fontSize li.current{background: var(--red); color: #fff; cursor: pointer;}
.h_nomura_wn_logo{width: 199px;}
/*
@media screen and (max-width: 1420px){
	#h_logo{max-width: 300px;}
	#h_btn_content{width: calc(100% - 300px);}
}*/
@media screen and (max-width: 1260px){
	#h_logo{max-width: 30%;}
	#h_btn_content{width: 70%;}
	.h_btn_wrap{width: calc(70% - 110px);}
	.h_btn_group01,
	.h_btn_group02{width: 50%;}
	.h_btn_group01 .btn_document_request,
	.h_btn_group01 .btn_visitor_reservation,
	.h_btn_group01 .btn_faq,
	.h_btn_group02 .btn_standard{width: 50%;}
	.h_btn_group01 a,
	.h_btn_group02 .btn_standard a{width: 100%; font-size: 15px;}
	.h_btn_group01 a br,
	.h_btn_group02 .btn_standard a br{display: block;}
	.h_nomura_wn_logo{width: 25%;}
}
@media screen and (max-width: 960px){
	/*PC設定リセット*/
	.top_fontSize_wrap,
	.h_nomura_wn_logo{display: none;}
	#header_content,
	.h_btn_group01,
	.h_btn_group02 .btn_standard{padding: 0;}
	#header_content{height: auto;}
	#h_logo{max-width: 100%; width: 100%;}
	.h_btn_group01 a br,
	.h_btn_group02 .btn_standard a br{display: none;}
	.h_btn_wrap{width: 100%; height: 100%; /*flex-direction: row-reverse;*/}


	#h_logo{height: 50px; display: flex; align-items: center; padding-left: 10px;}
	#h_btn_content{position: absolute; top: 0; left: 0; z-index: 10; transform: translateY(50px);
		width: 100%; height: 50px; transition: 0.3s ease;}
	#h_btn_content.none{opacity: 0; visibility: hidden;}
	#h_logo a{width: 230px; display: inline-block;}
	.h_btn_group01,
	.h_btn_group02,
	.h_btn_group01 .btn_document_request,
	.h_btn_group01 .btn_visitor_reservation,
	.h_btn_group02 .btn_standard,
	.h_btn_group01 a,
	.h_btn_group02 .btn_standard a{height: 100%; padding: 0;}
	.h_btn_group01 a,
	.h_btn_group02 .btn_standard a{background: #e1e1e1; color: var(--black); font-size: 12px; display: flex; justify-content: center; align-items: center; border: none; border-left: 1px solid #fff;}
	.h_btn_group02 .btn_standard:nth-child(1) a{border-left: none;}
	.h_btn_wrap .btn_standard a span,
	.h_btn_wrap .btn_document_request a span,
	.h_btn_wrap .btn_visitor_reservation a span{padding-left: 18px;}
	.h_btn_wrap .btn_standard a span::before,
	.h_btn_wrap .btn_document_request a span::before,
	.h_btn_wrap .btn_visitor_reservation a span::before{display: none;}
	.h_btn_wrap .btn_standard:nth-child(1) a span{background: url(../../img/elements/icon_document.svg) no-repeat left center;}
	.h_btn_wrap .btn_standard:nth-child(2) a span{background: url(../../img/elements/icon_pin.svg) no-repeat left center;}
	.h_btn_wrap .btn_document_request a span{background: url(../../img/elements/icon_envelope.svg) no-repeat left center;}
	.h_btn_wrap .btn_visitor_reservation a span{background: url(../../img/elements/icon_building.svg) no-repeat left center;}

	.sp_scroll_fix.none{opacity: 0; visibility: hidden;}
	.h_btn_group02{width: 100%;}
	.sp_request_fix{position: fixed; bottom: 0; left: 0; width: 100%;}
	.sp_request_fix a{padding: 15px 5px; font-size: 20px; letter-spacing: 2px;}
}

/* グロナビ */
@media screen and (min-width: 961px){
    #sp_nav_btn{display: none;}
}
#h_gnav{height: 60px;}
#h_gnav nav,
.header-nav{height: 100%;}
.header-nav li{width: calc(100% / 6);}
.header-nav li a{font-family: var(--font_sans); font-size: 1vw;
	display: block; background: #e1e1e1; color: #403d3c; text-align: center;
    height: 100%; border-left: 2px solid #fff; display: flex; justify-content: center; align-items: center;}
.header-nav li:nth-child(1) a{border-left: none;}
.header-nav li a:hover,
.header-nav li.is_current a{background: var(--red); color: #fff; opacity: 1;}

.header-nav li.developmentPage a,
.header-nav li.accessPage a,
.header-nav li.designPage a,
.header-nav li.planPage a{pointer-events: none; color: #fff;}


@media screen and (max-width: 960px){
	#sp_nav_btn{position: absolute; top: 0; right: 0; z-index: 10;}
	.h_tel_btn{width: 50px; height: 50px;}
	.h_tel_btn a{height: 100%; display: flex; justify-content: center; align-items: center; background: var(--black);}
	#h_menuBtn{width: 65px; height: 50px; display: flex; justify-content: center; align-items: center; background: var(--red); color: #fff;
		font-family: var(--font_sans); font-size: 11px;}
	#h_menuBtn span.icon_menu{display: block; width: 16px; height: 2px; background: #fff; position: relative;}
	#h_menuBtn span.icon_menu::before,
	#h_menuBtn span.icon_menu::after{content: ""; display: block; width: 16px; height: 2px; background: #fff;}
	#h_menuBtn span.icon_menu::before{transform: translateY(-6px);}
	#h_menuBtn span.icon_menu::after{transform: translateY(4px);}
	#h_menuBtn span.text_menu{padding-left: 5px;}
	#h_menuBtn.is-open span.icon_menu{background: var(--red);}
	#h_menuBtn.is-open span.icon_menu::before{position: absolute; top: 0; left: 0; transform: rotate(45deg) translateY(0);}
	#h_menuBtn.is-open span.icon_menu::after{position: absolute; top: 0; left: 0; transform: rotate(-45deg) translateY(0);}

	#h_gnav{height: 0; opacity: 0; visibility: hidden; transition: 0.3s ease;}
	#h_gnav.menu-open{height: auto; opacity: 1; visibility: visible;}
	.header-nav{align-items: center; background: #fff;}
	.header-nav li{width: 50%;}
	.header-nav li a{background: #fff; font-size: 16px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 60px;}
	.header-nav li:nth-child(even) a{border-right: none;}

	#h_btn_content{display: none;}

	.header-nav li.developmentPage a,
	.header-nav li.accessPage a,
	.header-nav li.designPage a,
	.header-nav li.planPage a{color: #e1e1e1;}
}

/* footer ================*/
footer .inner{max-width: 1510px;}
/*f_contact_info*/
.f_contact_info{justify-content: center; align-items: center; padding: 50px 15px;}
.f_business_hours{border: 1px solid  var(--black); text-align: center; margin: 0 10px;}
.f_business_hours p{font-size: 2.3rem; line-height: 1.3; padding: 18px 44px;}
.f_tel_number{margin: 0 30px;}
.f_tel_number a{display: block;}
.f_tel_number a b{font-size: 10.2rem; font-weight: 400; color: #251e1c;}
.f_outline_info .btn_standard{margin: 5px 0;}
.f_outline_info .btn_standard a{width: 247px; height: 40px; font-size: 1.7rem; display: flex; justify-content: center; align-items: center;}

/* f_pageNav_area */
#f_pageNav_area{margin-bottom: 80px;}
.f_pageNav_wrap{margin-left: -10px; margin-right: -10px;}
.f_nav_box{width: calc(100% / 3); padding: 10px;}
.f_nav_box a{display: block; width: 100%; height: 288px; position: relative; overflow: hidden;}
.f_nav_box a span.cap{bottom: auto; top: 0; z-index: 2;}
.f_nav_box a p{position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%;
	background: rgba(49,35,28,0.8); color: #fff;
	font-family: var(--font_sans); font-size: 2.5rem; padding: 23px 40px;}
.f_nav_box a p::before{content: ""; width: 20px; height: 1px; background: #fff; display: block;
	position: absolute; top: 50%; right: 30px;}
.f_nav_box a p::after{content: ""; width: 12px; height: 12px; display: block;
	border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg) translateY(-57%);
	position: absolute; top: 50%; right: 36px;}
.f_nav_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s ease;}
.f_nav_box:nth-child(1) .f_nav_img{background: url(../../img/elements/footer_nav/nav_01.jpg) no-repeat center center; background-size: cover;}
.f_nav_box:nth-child(2) .f_nav_img{background: url(../../img/elements/footer_nav/nav_02.jpg) no-repeat center center; background-size: cover;}
.f_nav_box:nth-child(3) .f_nav_img{background: url(../../img/elements/footer_nav/nav_03.jpg) no-repeat center center; background-size: cover;}
.f_nav_box:nth-child(4) .f_nav_img{background: url(../../img/elements/footer_nav/nav_04.jpg) no-repeat center center; background-size: cover;}
.f_nav_box:nth-child(5) .f_nav_img{background: url(../../img/elements/footer_nav/nav_05.jpg) no-repeat center center; background-size: cover;}
.f_nav_box:nth-child(6) .f_nav_img{background: url(../../img/elements/footer_nav/nav_06.jpg) no-repeat center center; background-size: cover;}
.f_nav_box a:hover{opacity: 1;}
.f_nav_box a:hover .f_nav_img{transform: scale(1.03);}

.f_nav_box.soon a{pointer-events: none;}
.f_nav_box.soon a::before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 3;}
.f_nav_box.soon a::after{content: "coming soon"; position: absolute; top: 50%; left: 0; right: 0; margin: auto; color: #fff; z-index: 3; text-align: center; transform: translateY(-50%);}


/* f_oukas_lineup */
.f_oukas_lineup{padding: 60px 15px;
	background: linear-gradient(to left,  rgba(0,138,116,1) 0%,rgba(0,74,122,1) 100%);
}
.f_oukas_lineup_btn{max-width: 640px; width: 100%; margin: 0 auto;}
.f_oukas_lineup_btn a{display: block; background: #fff; text-align: center;
	font-family: var(--font_sans); font-size: 2.4rem; color: var(--red); font-weight: 500; padding: 27px 0;}
.f_oukas_lineup_btn a span:nth-child(1){border-right: 1px solid var(--red); padding: 0 50px;}
.f_oukas_lineup_btn a span:nth-child(2){padding: 0 30px 0 50px; position: relative;}
.f_oukas_lineup_btn a span:nth-child(2)::before{content: ""; width: 20px; height: 1px; background: var(--red); display: block; position: absolute; top: 50%; right: 0;}
.f_oukas_lineup_btn a span:nth-child(2)::after{content: ""; width: 12px; height: 12px; display: block; border-right: 1px solid var(--red); border-top: 1px solid var(--red); transform: rotate(45deg) translateY(-57%); position: absolute; top: 50%; right: 6px;}


/* f_oukas_lineup */
.f_oukas_lineup{background: var(--red); padding: 60px 15px;}
.f_oukas_lineup_btn{max-width: 640px; width: 100%; margin: 0 auto;}
.f_oukas_lineup_btn a{display: block; background: #fff; text-align: center;
	font-family: var(--font_sans); font-size: 2.4rem; color: var(--red); font-weight: 500; padding: 27px 0;}
.f_oukas_lineup_btn a span:nth-child(1){border-right: 1px solid var(--red); padding: 0 50px;}
.f_oukas_lineup_btn a span:nth-child(2){padding: 0 30px 0 50px; position: relative;}
.f_oukas_lineup_btn a span:nth-child(2)::before{content: ""; width: 20px; height: 1px; background: var(--red); display: block; position: absolute; top: 50%; right: 0;}
.f_oukas_lineup_btn a span:nth-child(2)::after{content: ""; width: 12px; height: 12px; display: block; border-right: 1px solid var(--red); border-top: 1px solid var(--red); transform: rotate(45deg) translateY(-57%); position: absolute; top: 50%; right: 6px;}

/* f_consultation */
.f_consultation{text-align: center; padding: 100px 0 0;}
.f_consultation_wrap{position: relative;
	background-color: #f5f5f5;
	background-image: url(../../img/elements/consultation_bk.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	padding: 20px;
}
.f_consultation_wrap h3{font-size: 2rem; font-weight: 500; letter-spacing: 2px;}
.f_consultation_wrap h3::before{content: ""; display: inline-block;
	width: 40px; aspect-ratio: 1 / 1;
	background: url(../../img/elements/icon_house.svg) no-repeat center center;
	background-size: contain;
	vertical-align: bottom; margin: 0 10px 0 0;
}
.f_consultation_wrap p{font-size: 1.4rem; margin: 10px 0;}
.f_consultation_wrap .all_request_btn{max-width: 400px; width: 100%; margin: 0 auto;}
.f_consultation_wrap h3,
.f_consultation_wrap p,
.f_consultation_wrap .all_request_btn{position: relative; z-index: 2;}
.f_consultation_wrap::after{content: ""; position: absolute;
	top: 0; right: 0; width: 100%; height: 100%;
	background: linear-gradient(to left,  rgba(245,245,245,0) 0%,rgba(245,245,245,0) 1%,rgba(245,245,245,0.7) 60%,rgba(245,245,245,1) 100%);
}

/* f_bnr_area */
.f_bnr_area{padding: 30px 0 100px;}
.f_bnr_area ul{justify-content: center; margin-left: -15px; margin-right: -15px;}
.f_bnr_area ul li{width: 50%; padding: 0 15px;}

/* f_siteMap_area */
#f_siteMap_area{background: #f1eee9; padding: 70px 0 50px;}
#f_siteMap_area a{color: var(--black);}
#f_siteMap_area .flex{justify-content: space-between;}
.f_siteMap_top ul li{margin-bottom: 12px;}
.f_siteMap_top ul li a{font-weight: 700;}
.f_siteMap_page{width: 235px;}
.f_siteMap_page h3{font-size: 2.0rem; border-bottom: 1px solid #c7c7c7; padding-bottom: 25px; margin-bottom: 20px;}
.f_siteMap_page a{font-size: 1.6rem;}
.f_siteMap_page li.soon a{pointer-events: none; color: #ccc !important;}
.oukas_brand_link{}
.oukas_brand_link a{padding-right: 22px; background: url(../../img/elements/icon_tb.svg) no-repeat right 1px center; background-size: 17px;}
.oukas_brand_link h3{font-size: 2.0rem; margin-bottom: 10px;}
.oukas_brand_link p{font-size: 1.6rem; margin-bottom: 5px;}
.oukas_brand_link ul li{position: relative; padding-left: 20px;}
.oukas_brand_link ul li::before{content: ""; width: 5px; height: 1px; background: var(--black); display: block; position: absolute; top: 17px; left: 0;}
.oukas_brand_link ul li a{font-size: 1.6rem;}

.f_copy_ara{padding: 85px 15px 30px; text-align: center;}
.f_copy_ara p{font-size: 10px; margin-top: 40px;}

@media screen and (max-width: 1350px){
	.f_business_hours p{padding: 18px 20px;}
	.f_tel_number{margin: 0 10px;}
	.f_tel_number a b{font-size: 8.2rem;}
	.f_outline_info .btn_standard a{width: 200px;}

	.f_nav_box a p{font-size: 2rem; padding: 20px 50px 20px 20px;}

	.f_siteMap_page{width: 15%;}
}
@media screen and (max-width: 1090px){
	.f_tel_number a b{font-size: 6.2rem;}
}
@media screen and (max-width: 960px){
	.f_contact_info{flex-direction: column;}
	.f_business_hours p{font-size: 2rem; padding: 10px 30px;}
	
	.f_nav_box a{height: 230px;}
	.f_nav_box a p{font-size: 1.5rem;}

	.f_oukas_lineup{padding: 50px 15px;}
	.f_consultation{padding: 50px 0 0;}
	.f_bnr_area{padding: 30px 0 50px;}

	#f_siteMap_area .flex{max-width: 80%;}
	.f_siteMap_top{width: 100%; margin-bottom: 40px;}
	.f_siteMap_top ul{display: flex; flex-wrap: wrap; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;}
	.f_siteMap_top ul li{width: 50%; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0;}
	.f_siteMap_top ul li:nth-child(2),
	.f_siteMap_top ul li:nth-child(1){width: 100%;}
	.f_siteMap_top ul li a{display: block; text-align: center; padding: 12px 5px;}

	.f_siteMap_page{width: 30%;}

	.oukas_brand_link{width: 100%; margin-top: 40px;}

	.f_copy_ara{padding: 50px 15px 30px;}
}

@media screen and (max-width: 640px){
	.f_contact_info{padding: 30px 15px;}
	.f_business_hours{width: 100%; margin: 0;}
	.f_business_hours p{padding: 12px 30px; line-height: 1.8;}
	.f_tel_number{margin: 5px 0 10px;}
	.f_tel_number a b{font-size: 5.2rem;}
	.f_outline_info .btn_standard a{width: 247px;}
	.f_outline_info .btn_standard{margin: 0 0 15px;}

	#f_pageNav_area{margin-bottom: 40px;}
	.f_pageNav_wrap{margin-left: -5px; margin-right: -5px;}
	.f_nav_box{width: calc(100% / 2); padding: 5px;}
	.f_nav_box a{height: 100px;}
	.f_nav_box a p{font-size: 1.2rem; padding: 6px 15px;}
	.f_nav_box a p::before{right: 10px; width: 10px;}
	.f_nav_box a p::after{width: 5px; height: 5px; right: 12px;}

	.f_oukas_lineup_btn{width: 220px;}
	.f_oukas_lineup_btn a{padding: 0;}
	.f_oukas_lineup_btn a span:nth-child(1){display: block; padding: 0; font-size: 1.5rem; border-right:none; padding: 20px 0 0;}
	.f_oukas_lineup_btn a span:nth-child(1)::after{content: ""; width: 37px; height: 1px; display: block; background: #ca9692; margin: 10px auto 0;}
	.f_oukas_lineup_btn a span:nth-child(2){display: inline-block; padding: 0; font-size: 1.5rem; margin: 10px 0 20px; padding-right: 20px;}
	.f_oukas_lineup_btn a span:nth-child(2)::before{width: 15px;}
	.f_oukas_lineup_btn a span:nth-child(2)::after{width: 8px; height: 8px; transform: rotate(45deg) translateY(-60%);}

	.f_bnr_area ul li{width: 100%;}
	.f_bnr_area ul li + li{margin-top: 15px;}

	#f_siteMap_area{padding: 45px 0 30px;}
	#f_siteMap_area .flex{max-width: 100%;}
	.f_siteMap_top{margin-bottom: 25px;}
	.f_siteMap_top ul li a{font-size: 1.8rem;}
	.f_siteMap_page{width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #c7c7c7; padding-bottom: 15px; margin-bottom: 15px;}
	.f_siteMap_page h3{font-size: 1.8rem; padding: 0; margin: 0; border-bottom: none;}
	.f_siteMap_page ul{display: flex; flex-wrap: wrap;}
	.f_siteMap_page ul li{margin-left: 30px;}
	.f_siteMap_page ul li a{font-size: 1.4rem;}
	.oukas_brand_link{margin-top: 5px;}
	.oukas_brand_link a{font-size: 1.8rem;}
	.oukas_brand_link p{font-size: 1.4rem;}
	.oukas_brand_link ul li{margin-bottom: 8px;}
	.oukas_brand_link ul li::before{top: 12px;}
	.oukas_brand_link ul li a{font-size: 1.4rem;}

	.f_copy_img{padding: 0 30px;}
	.f_copy_ara p{margin-top: 25px;}
}

/* main ================*/
main{padding: 140px 0 0;}

@media screen and (max-width: 960px){
	main{padding: 50px 0 0;}
}

#senior_residence{display: none;}
#senior_residence h1{font-size: 3rem; letter-spacing: 3px; color: #fff;}

#outlinePage{padding: 40px 0;}
#outlinePage h2{text-align: center; font-size: 3.5rem; letter-spacing: 2px; color: #ae9c71; margin-bottom: 40px;}
#outlinePage h3{font-size: 1.4rem; font-weight: normal;}
#outlinePage .note{font: 1.4rem sans-serif;}
#outlinePage .outline-table{margin: 10px 0; width: 100%;
	border-top: 1px solid #cecece; border-left: 1px solid #cecece;}
#outlinePage .outline-table th,
#outlinePage .outline-table td{border-bottom: 1px solid #cecece; border-right: 1px solid #cecece;
	text-align: left; font-size: 2.0rem; font-weight: normal; padding: 10px;}
#outlinePage .outline-table th{background: #eaeaea; width: 22%;}
#outlinePage .outline-table td{width: 78%;}

@media screen and (max-width: 1000px){
	#senior_residence h1{font-size: 3.0rem;}
}

@media screen and (max-width: 960px){
	#senior_residence h1{font-size: 2.5rem;}
}
@media screen and (max-width: 640px){
	#senior_residence{padding: 8px 0;}
	#senior_residence h1{font-size: 1.4rem;}

	#outlinePage .outline-table th,
	#outlinePage .outline-table td{width: 100%; display: block; font-size: 1.6rem;}
}

/*slideScroll*/
.swipeIcon{display: none;}

@media screen and (max-width: 640px){
	.slideBox{position: relative; overflow-x: auto;}
	.slideImg{max-width: 180vw; width: auto;}
	.swipeIcon{display: block; position: absolute; top: 50%; left: 150px; z-index: 301; width: 110px; 
		animation: horizontal 1s ease-in-out infinite alternate;
	}
	.swipeIcon img{width: 100%;}
	@keyframes horizontal {
		0% { transform:translate(-30%,-50%); }
		100% { transform:translate(-70%,-50%); }
	}
}

.page_title{text-align: center; font-size: 2.8rem; letter-spacing: 1px; padding-top: 60px; position: relative; margin-bottom: 50px;}
.page_title::before{content: ""; width: 1px; height: 60px; background: #251e1c; display: block;
    position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.mainvisual_lead{text-align: center; padding: 0 20px;}
.mainvisual_lead h2,
.title_style{font-family: var(--font_serif); font-size: 4.2rem; font-weight: bold; color: #005493; margin-bottom: 20px; text-align: center;}
.mainvisual_lead p{font-size: 2.0rem; line-height: 2;}

@media screen and (max-width: 960px){
    .page_title{margin-bottom: 50px;}
	.mainvisual_lead h2,
	.title_style{ font-size: 2.5rem;}
	.mainvisual_lead p{font-size: 1.6rem;}
}
@media screen and (max-width: 640px){
    .page_title{font-size: 1.8rem; padding-top: 40px; margin-bottom: 30px;}
    .page_title::before{height: 40px;}
	.mainvisual_lead h2,
	.title_style{font-size: 2.1rem;}
}

.page_anchorlink_wrap{padding: 50px 20px 20px;}
.page_anchorlink_wrap ul{border-bottom: 1px solid #333; display: flex; justify-content: center;}
.page_anchorlink_wrap ul li{max-width: 340px; width: 100%; margin: 0 10px;}
.page_anchorlink_wrap ul li a{display: block; background: #dbdcdc; color: #000; text-align: center;font-size: 2.6rem; letter-spacing: 5px; padding: 5px;}
.page_anchorlink_wrap ul li.active a{background: #6080BC; color: #fff;}
.page_anchorlink_wrap ul li a:hover{opacity: 0.7;}
.page_anchorlink_wrap p{text-align: center; font-size: 1.3rem; letter-spacing: 2px; margin: 10px;}

@media screen and (max-width: 767px){
  .page_anchorlink_wrap{padding: 50px 0 20px;}
  .page_anchorlink_wrap ul li{margin: 0 5px;}
  .page_anchorlink_wrap ul li a{font-size: 1.4rem; letter-spacing: 1px;}
  .page_anchorlink_wrap p{font-size: 1.0rem; letter-spacing: 0;}
}

.patrol_bus_area{margin-bottom: 30px;}
.patrol_bus_area .inner{padding: 0 60px;}
.patrol_bus_inner{background: var(--red); padding: 30px; align-items: center;}
.patrol_bus_text{width: calc(100% - 400px); padding-right: 30px;}
.patrol_bus_img{width: 400px;}
.patrol_bus_text h3{color: #fff; font-size: 2.2rem; margin-bottom: 20px;}
.patrol_bus_text p{color: #fff; margin: 10px 0;}
.patrol_bus_text p small{font-size: 70%; display: block; line-height: 1.5;}

@media screen and (max-width: 960px){
    .patrol_bus_inner{padding: 20px;}
    .patrol_bus_text{width: calc(100% - 250px); padding-right: 20px;}
    .patrol_bus_img{width: 250px;}
}
@media screen and (max-width: 640px){
    .patrol_bus_area .inner{padding: 0 40px;}
    .patrol_bus_text{width: 100%; padding-right: 0; margin-bottom: 20px;}
    .patrol_bus_img{width: 100%;}
}

/* request_area ========================*/
.request_area{background: linear-gradient(to right, #CFDCE7 0%, #D1ECE4 100%); padding: 80px 0; text-align: center;}
.request_area .inner{max-width: 1150px; justify-content: space-between;}
.request_area .btn_document_request{width: 48%;}
.request_area .btn_document_request a{font-size: 3rem; font-weight: 400; padding: 27px 10px;}
.request_area .btn_visitor_reservation{width: 48%;}
.request_area .btn_visitor_reservation a{font-size: 3rem; font-weight: 400; padding: 27px 10px;}

.request_area h3{text-align: center; color: #403D3C;
	font-family: var(--font_sans); font-size: clamp(1.8rem,2.3vw,3.5rem); margin-bottom: 5px;}
.request_area p{text-align: center; font-family: var(--font_sans); font-size: 1.4rem; margin-bottom: 20px;}
.request_area .all_request_btn{max-width: 400px; width: 100%; margin: 40px auto 0;}

@media screen and (max-width: 960px){
	.request_area .btn_document_request a{font-size: 2.5rem; padding: 18px 10px;}
}
@media screen and (max-width: 640px){
	.request_area{padding: 50px 0;}
	.request_area .inner{flex-direction: column-reverse;}
	.request_area .btn_document_request{width: 100%;}
	.request_area .btn_document_request a{font-size: 2.2rem; padding: 18px 10px;}
	.request_area .btn_visitor_reservation{width: 100%; margin-bottom: 20px;}
	.request_area .btn_visitor_reservation a{font-size: 2.2rem; padding: 18px 10px;}
	
	.request_area .all_request_btn{margin: 20px auto 0;}
}

.page_main_title{text-align: center; position: relative;}
.page_main_title h2{}
.page_main_title h2 span{display: block;}