@charset "UTF-8";
/* CSS Document */
.pcOnly {  }
.spOnly { display:none; }
img { width: auto; max-width: 100%; height: auto;}
.comingSoon { cursor: default;}
.content { width:100%; max-width:1000px; box-sizing:border-box; padding:0 20px; margin:0 auto; }
#main .content { margin:0 auto 60px auto; }
#main .content:last-of-type { margin:0 auto; }
.moreBtn { display:block; width:100%; max-width:320px; margin:0 auto; }

.title { position:relative; overflow:visible; text-align:center; margin:0 auto 40px auto; height:110px; }
.title::before { content:''; display:block; background:url(../img/lp/bg_title_01.png) center top / 1050px 110px no-repeat; width:calc(100% + 90px); left:-46px; position:absolute; height:110px; }
.title img { position:relative; z-index:2; display:block; width:362px; margin:0 auto;}

#guideBox,
#access,
#plan { padding:20px 20px 80px 20px; background:url(../img/common/line_common_01.png) bottom center / calc(100% - 20px) auto no-repeat;  }

/* HEADER */
#header { padding: 0 0 5px 0; }
#header .content { display:flex; justify-content:space-between; align-items:center; }
#header h1 { flex-grow:0; flex-shrink:1; flex-basis:394px; }
#header .btnBox { fkex-grow:0; flex-shrink:1; flex-basis:474px; padding:5px 0 0 0;}
#header .btnBox > ul { display:flex; flex-wrap:no-wrap; justify-content:space-between; margin:0 0 5px 0; }
#header .btnBox > ul li { flex-grow:0; flex-shrink:1; flex-basis:100px;}
#header .btnBox > ul li:nth-of-type(3) { flex-basis:254px; }
#header .btnBox > ul li:nth-of-type(4) { display:none; }
#header .btnBox > ul li a { display:block; }
#header .btnBox > ul li a:hover ,
#header .btnBox > ul li a.active{ opacity:0.7; }
#header .btnBox > ul li a.comingSoon{ opacity:0.3; }

.mb20 { margin-bottom: 20px;}
.mb40 { margin-bottom: 40px;}

.subTitle { padding:0 0 0 0; text-align:center; font-size:36px; font-weight:bold; letter-spacing:0.2em; text-indent:0.2em; position:relative; line-height:1em; margin:0 auto 1em auto; color: #926753 }
.subTitle::before { display:block; content:''; position:absolute; top:calc(50% + 0.5em); height:2px;    left:0; border-bottom:#926753 solid 1px; border-top:#926753 solid 3px; }
.subTitle::after { display:block; content:''; position:absolute; top:calc(50% + 0.5em); height:2px; right:0; border-bottom:#926753 solid 1px; border-top:#926753 solid 3px; }

#gNavi { }
#gNavi ul{ text-align:left; font-size:0px; display:flex; flex-wrap:no-wrap; justify-content:space-between; }
#gNavi ul li { flex-grow:1; flex-shrink:1; text-align:center; }
#gNavi ul li:last-of-type a { border-right:#000 solid 1px;}
#gNavi ul li a { display:block; padding:0.25em 0; font-size:12px; color:#000; text-decoration:none; line-height:1; text-align:center; box-sizing:border-box; border-left:#000 solid 1px; }
#gNavi ul li a:hover { color:#000; text-decoration:none; opacity:0.7 }
#gNavi ul li a.comingSoon,
#gNavi ul li a.comingSoon:hover { color:#000; text-decoration:none; opacity:0.3 }
#gNavi .spMenuBtn { display:none;  }
#page_top #gNavi ul li:nth-of-type(1) a{ opacity:0.7; }
#page_access #gNavi ul li:nth-of-type(2) a { opacity:0.7; }
#page_plan #gNavi ul li:nth-of-type(3) a { opacity:0.7; }
#page_structure #gNavi ul li:nth-of-type(4) a { opacity:0.7; }
#page_outline #gNavi .content li:nth-of-type(5) a { opacity:0.7; }

#lNavi { width:100%; padding:0 10px; margin:0 auto 40px auto; box-sizing:border-box; }
#lNavi ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#lNavi ul li { flex-grow:0; flex-shrink:1; flex-basis:calc( (100% - 70px) / 8) }

/* CONTENT */
#main { background:url(../img/common/bg_body_01.jpg) center top / 100% auto repeat-y; border-top:#926753 solid 3px; border-bottom:#926753 solid 3px; margin:2px 0; position:relative; overflow:visible; }
#main::before { content:''; position:absolute; bottom:calc(100% + 5px); left:0; width:100%; display:block; background:#926753; height:2px; line-height:1; }
#main::after { content:''; position:absolute; top:calc(100% + 5px); left:0; width:100%; display:block; background:#926753; height:2px; line-height:1; }
#content { background:#fff; position:relative; overflow:visible; width:1000px; margin:0 auto; max-width:100%; padding:0 0 40px 0; }
#content::before { position:absolute; left:0; top:-20px; background:url(../img/lp/bg_main_02.png) bottom center / auto 21px no-repeat; content:''; display:block; line-height:1; width:100%; height:21px; }


/* PAGE TOP */
#pageTop { position:fixed; right:20px; bottom:20px; width:149px; height:27px; z-index:10; }
#pageTop a { position:relative; z-index:2; }

/* FOOTER  */
#footerBnr {  display:flex; justify-content:space-between; margin:0 auto 0 auto; padding:20px 0; }
#footerBnr a { display:block; flex-grow:0; flex-shrink:1; flex-basis:calc(50% - 10px); text-align:center; box-sizing:border-box; padding:1em 0; font-size:24px; text-decoration:none; color:#fff; }

#footerBnr a:nth-of-type(1) { background:url(../img/lp/bg_btn_01.jpg) center center / 100% 100% no-repeat;  }
#footerBnr a:nth-of-type(2) { background:url(../img/lp/bg_btn_01.jpg) center center / 100% 100% no-repeat; }
/* #footerBnr a:nth-of-type(2), */
#footerBnr a:nth-of-type(2):hover { background:url(../img/lp/bg_btn_01.jpg) center center / 100% 100% no-repeat; color:#fff; opacity:0.3; }
#footerBnr a:nth-of-type(1):hover{ background:#ccc; color:#fff; text-decoration:none; }
/* #footerBnr a:nth-of-type(2):hover { background:#ccc; color:#fff; text-decoration:none; } */

/* #footerBnr a:nth-of-type(2)::before { content:'coming soon'; position:absolute; width:100%; z-index:2; bottom:calc(50% - 0.6em); line-height:1.2; left:0; text-align:center; color:#fff; font-size:14px; } */
#footer { background:url(../img/lp/bg_footer_01.jpg) center center / cover no-repeat; border-top:#926753 solid 2px; }
#footer > .content { display:flex; justify-content:flex-start; flex-wrap:no-wrap; padding:20px }
#footer > .content .logoBox { flex-grow:0; flex-shrink:1; flex-basis:320px; margin:0 40px 0 0;  }
#footer > .content .telBox { flex-grow:0; flex-shrink:1; flex-basis:306px; }
#footer #copyRight { color:#000; text-align:center; line-height:1; padding:5px 0 90px 0; font-size:12px; }

#footerSpBnr { display:none; background:#00b7ee; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; z-index:99999999; }
#footerSpBnr ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#footerSpBnr ul li { margin:0; }
#footerSpBnr ul li:nth-of-type(1)  { flex-grow:0; flex-shrink:1; flex-basis:40%; }
#footerSpBnr ul li:nth-of-type(2)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(3)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(4)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li a,
#footerSpBnr ul li a:hover { display:block;  text-align:center; line-height:1; }
#footerSpBnr ul li a img { width:100%; height:auto; }

@media screen and (max-width:1000px) {

}

@media screen and (max-width:768px) {
.title { height:auto; background:#a67a61; padding:5px 0; }
.title::before { display:none; }
.title img { position:relative; z-index:2; display:block; width:160px; margin:0 auto;}

.subTitle { font-size:5vw; }
	
/* HEADER */
#header > .content {  flex-wrap:no-wrap; justify-content:space-between; padding:0 10px; }
#header h1 { flex-grow:1; flex-shrink:1; flex-basis:160px; margin:0 10px 10px 0; }
#header .btnBox { flex-grow:1; flex-shrink:1; flex-basis:240px; }
#header .btnBox > ul { justify-content:space-between; }
#header .btnBox > ul li { flex-grow:0; flex-shrink:1; flex-basis:43%; }
#header .btnBox > ul li:nth-of-type(3) { display:none ;}
#header .btnBox > ul li:nth-of-type(4) { display:block; flex-basis:12%; position:relative; background:#9d8166;}
#header .btnBox > ul li  a img { display:block; width:100%;}
#header .btnBox > ul li:nth-of-type(4) a { display:block; width:100%; top:calc(50% - 0.75em); position:absolute; left:0; text-align:center; font-size:5vw; color:#fff; line-height:1.5em; text-decoration:none;}
#gNavi { display:none; }
#gNavi.active { display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.9); z-index:99999999; }
#gNavi ul { display:block; text-align:center; padding:20px; box-sizing:border-box; }
#gNavi ul li { display:block; text-align:center; font-size:3vw; border-left:none; }
#gNavi ul li:last-of-type { border-bottom:#666 solid 1px; border-right:none; border-left:none; }
#gNavi ul li a { font-size:5vw; line-height:1; padding:1em 0; font-weight:bold; border-right:none !important; border-left:none !important; }
#gNavi .spMenuBtn { display:block; width:calc(100% - 40px); margin:0 auto; background:#000; color:#fff; font-size:5vw; line-height:1; padding:0.25em 0; text-decoration:none; text-align:center; }

	#lNavi ul li { flex-basis:calc( ( 100% - 30px ) / 4); margin: 0 0 10px 0;}
	
/* FOOTER */
#footer { padding-bottom:20%; }
#footer > .content { -webkit-flex-wrap:wrap; -webkit-justify-content:center; flex-wrap:wrap; justify-content:center; }
#footer > .content .logoBox { margin:0 0 20px 0; }
#footer > .content .telBox { flex:0 1 100%; } 
#footer #copyRight  { padding:5px 0; }

#pageTop { bottom:25vw; }

.pcOnly { display:none;  }
.spOnly { display:block; }

#footerSpBnr { display:block; }
}