@charset "shift-jis";
/**
 * 1. import
 */
@import "util.css";
@import "../font/flaticon.css";

/**
 * 2. html, body
 */
 *{		margin:0px;
		padding:0px;}
 	html{
		margin:0px;
		padding:0px;}
	body {
		background:#ffffff;
	}
	img{ border:none;}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		text-decoration: underline;
	}
	a:active {}

/* Font Size */
.f9 {font-size: 9px; line-height: 11px; color: #828486;}
.f10 {font-size: 10px; line-height: 14px; color: #828486; font-weight:normal;}
.f11 {font-size: 11px; line-height: 15px; color: #808080;}
.f12 {font-size: 12px; line-height: 16px; color: #808080;}
.f13 {font-size: 13px; line-height: 17px; color: #808080;}
.f14 {font-size: 14px; line-height: 18px; color: #808080;}
.f12_l20 {font-size: 12px; line-height: 20px; color: #333;}
.f10_g {font-size: 10px; line-height: 14px; color: #666;}
.cap {font-size: 10px; line-height: 17px; color: #58595B;}
.cap2 {font-size: 10px; line-height: 17px; color: #D9D9D9;}

/**
 * 4. Layout
 */	
.base {overflow-x:hidden;}
.base #mainContent {
	width: 960px;
	height: auto !important;}
.base #mainContent_equ {
	width: 1040px;
	height: auto !important;}
.base #mainContent_pop {
	width: 660px;
	height: auto !important;}
h1{
	font-size:9px;
	line-height:14px;
	color:#B3B3B3;
	font-weight:normal;}
#container{
	width: 100%;}
#mainContentArea {
	width: 100%;
	/*background:url(../image/bg.jpg) top center;*/}
#mainContentArea_top {
	width: 100%;
	background:#fff;}
.mainContent {
	width: 960px;
	/*background:url(../image/bg2.png) top center repeat-y;*/
	margin-left: auto;
	margin-right: auto; }
.mainContent_top {
	width: 960px;
	/*background:#fff;*/
	margin-left: auto;
	margin-right: auto; }
.mainContent_equ {
	width: 960px;
	background:url(../image/bg3.png) top center repeat-y;
	margin-left: auto;
	margin-right: auto; }
.mainContent100 {
	width: 100%;
	background:url(../image/bg2.png) top center repeat;
	margin-left: auto;
	margin-right: auto; }
.mainContent_map02 {
	width: 820px;
	background:url(../image/bg2.png) top center repeat-y;
	margin-left: auto;
	margin-right: auto; }
.section {
	width: 960px;
	margin-left: auto;
	margin-right: auto; }
.section2 {
	width: 900px;
	margin-left: auto;
	margin-right: auto; }
.section3 {
	width: 840px;
	margin-left: auto;
	margin-right: auto; }
.section4 {
	width: 490px;
	margin-left: auto;
	margin-right: auto; }
#mainContent_pop {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px; }
#mainContentArea_pop {
	width: 100%;}
.section_pop {
	width: 660px;
	margin-left: auto;
	margin-right: auto; }
.planpop {
	width: 900px;
	background:#F7FAFD;
	margin-left: 30px;
	margin-right: 30px;}
.mainContent_int {
	width: 960px;
	margin-left: auto;
	margin-right: auto; }
	
@media only screen and (max-width:960px) {
.base #mainContent {
	width: 96%;}
.base #mainContent_equ {
	width: 96%;}
.base #mainContent_pop {
	width: 96%;}
	
.mainContent {
	width: 96%;}
.mainContent_top {
	width: 96%;}
.mainContent_equ {
	width: 96%;}
.section {
	width: 96%;}
.section2 {
	width: 96%;}
.section3 {
	width: 93%;}
	
.mainContent_int {
	width: 100%;}
}

@media only screen and (max-width:840px) {
.mainContent_map02 {
	width: 96%;}
#mainContent_pop {
	width: 96%;
	padding-bottom: 15px; }
.section_pop {
	width: 96%;}
.planpop {
	width: 100%;
	margin-left: auto;
	margin-right: auto;}
.section4 {
	width: 96%;}
}
	
/*----------*/
.titleArea {
	width: 100%;
	height: 38px;
	text-align:center;
	background: url(../image/title_bg.gif) repeat-x top center; }
.titleArea2 {
	width: 100%;
	height: auto;
	text-align:center;
	background: url(../image/title_bg.gif) repeat top center; }
@media only screen and (max-width:840px) {
.titleArea {
	height: auto;
	background: url(../image/title_bg.gif) repeat top center;}
}
/*#gHeaderArea {
	width: 100%;
	height: auto;
	margin-bottom:0px;
	background: #ffffff;}
#gHeaderArea_top {
	width: 100%;
	height: auto;
	margin-bottom:0px;
	position:absolute;
	z-index:10;}
#gHeaderArea_pop {
	width: 100%;
	height: auto;
	margin-bottom:30px;
	background: #ffffff;}
#gHeader {
	position: relative;
	max-width: 100%;
	min-width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #CCCCCC; }
#gHeader_top {
	max-width: 100%;
	min-width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;}
#gHeader_pop {
	position: relative;
	width: 660px;
	height: auto;
	margin-left: auto;
	margin-right: auto;}*/
.siteTitle {
	position: absolute;
	top: 15px;
	margin-left:0px;
	left: 0;}
.siteTitle_top {
	position: absolute;
	top: 15px;
	left: 0;}
.siteTitle_pop {
	position: absolute;
	top: 15px;
	left: 0;}
.hText {
	position: absolute;
	width: 345px;
	top: 23px;
	left: 240px;
	color: #AAAAAA;
	font-size: 9px;
	line-height: 12px;}
.hText_pop {
	position: absolute;
	width: 245px;
	top: 18px;
	left: 240px;
	color: #AAAAAA;
	font-size: 9px;
	line-height: 12px;}
/*#hNav {
	position: absolute;
	top: 0px;
	right: 0px; }
#hNav li {
	margin-left: 15px; }
#hNav_top {
	position: absolute;
	top: 18px;
	right: 0px; }
#hNav_top li {
	margin-left: 18px; }
#hNav_pop {
	position: absolute;
	top: 0px;
	right: 0px; }
#hNav_pop li {
	margin-left: 12px; }
#gNav {
	width: 100%;
	height: 53px;
	background: url(../image/navi_bg.png) repeat-x center;
	border-bottom:solid 2px #ffffff;}
#gNavList {
	width: 960px;
	height: 53px;
	margin-left: auto;
	margin-right: auto;}
#gNavList li {
	float: left;
	padding-right: 0px;}
#gNavList li.no-padding {
	float: left;
	padding-right: 0px;}
#gNav_top {
	width: 100%;
	height: 34px;
	background:#fff;}
#gNav_top2 {
	width: 100%;
	height: 34px;
	background:#fff;}
#gNavList_top {
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;}
#gNavList_top li {
	float: left;
	padding-right: 0px;}
#gNavList_top li.no-padding {
	float: left;
	padding-right: 0px;}*/
.fList li {
	float: left;
	padding-right: 0px;}
.fList li img { vertical-align: top; }
#pankuzuArea {
	width:100%;
	padding-top:15px;
	height: auto;
	margin-bottom: 15px;}
#pankuzu{width: 960px; margin: 0 auto; padding-right:0px;}
.pankuzu{ font-size:10px; text-align:right; color:#ffffff; }
.pankuzu a{ color:#ffffff; text-decoration:underline; }
.pankuzu a:hover { color:#ffffff; }

.pankuzu2{ font-size:10px; text-align:right; color:#808080; }
.pankuzu2 a{ color:#808080; text-decoration:underline; }
.pankuzu2 a:hover { color:#808080; }

.pankuzu3{ font-size:10px; text-align:right; color:#403F41; }
.pankuzu3 a{ color:#403F41; text-decoration:underline; }
.pankuzu3 a:hover { color:#403F41; }

@media only screen and (max-width:840px) {
#pankuzuArea { display:none;}
}

.btn_con{
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.btn_con2{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.btn_con3{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.btn_con4{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.shiny {
    left: 800;
    position: absolute;
    top: -30px;
    z-index: 11;
}
.shiny2 {
    left: 800;
	position: absolute;
    top: -10px;
    z-index: 11;
}
.shiny3 {
    left: 800;
	position: absolute;
    top: 312px;
    z-index: 11;
}
.shiny4 {
    left: 800;
	position: absolute;
   top: -30px;
    z-index: 11;
}
/*----------*/
#f_req-res_bg {
	background:#fff;
	margin-left: auto;
	margin-right: auto;
	width:900px;
	height:auto; }
#f_reqArea {
	width: 100%;
	height: auto;
	background:#EEEEEE; }
#f_reqArea .section {
	padding-top: 0px; }
#fNav_bg{
	width: 100%;
	height: 30px;
	background:url(../../common/image/f_btn_bg.png) repeat bottom center;}
.fNav{
	clear: both;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	color: #E6E6E6;
	text-align: center;}
.fNav li{
	color: #E6E6E6;
	display: inline; }
.fNav a {
	color: #E6E6E6;
	text-decoration:none;}
.fNav a.cur, .fNav a:hover {
	color: #C7C2B2;
	opacity: 1;}
@media only screen and (max-width:840px) {#fNav_bg{ display:none;}}

#pagetop{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;}

#gFooter{
	clear:both;
	width: 100%;
	height: auto;
	background:#3C3221;}
#gFooter #contactArea {
	width: 960px;
	height: auto;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display: flex;
    flex-wrap: wrap;}
#gFooter #contactArea .fl{
	float:left;
	text-align:left;
	padding-bottom:20px;}
#gFooter #contactArea #border{
	float:left;
	padding:0 18px;}
#gFooter #contactArea .fr{
	float:right;
	text-align:left;
	padding-bottom:20px;}
	
@media only screen and (max-width:960px) {
#gFooter #contactArea {
	width:560px;}
#gFooter #contactArea .fl{
	float:none;
	width:560px;
	text-align:center;
	padding-bottom:10px;}
#gFooter #contactArea #border{
	display:none;}
#gFooter #contactArea .fr{
	float:none;
	width:560px;
	text-align:left;}
}

@media only screen and (max-width:840px) {#gFooter{ display:none;}}
	
#gFooter_pop{
	clear:both;
	width: 100%;
	height: auto;
	background:#3C3221;}
#contactArea_pop {
	width: 660px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align:center;}
	
@media only screen and (max-width:840px) {#gFooter_pop{ display:none;}}
	
.f_text{
	text-align: center;
	font-size: 10px;
	color: #B0B0B0; }
.kojin{ display: inline-block; padding:10px 10px 0;}
.kojin a{ font-size:11px; color:#BCBCBD;}
.kojin a:hover{color: #999999;}
.f_linktext{ line-height:22px; padding-left:10px;}
.f_linktext a{ font-size:11px; color:#BCBCBD;}
.f_linktext a:hover{color: #999999;}
.copyright{
	height: 38px;
	border-top:1px solid #9D9890;
	padding-top: 17px;
	text-align: center;
	font-size:10px;
	color:#BCBCBD;
	padding-bottom:50px;}
.copyright_pop{
	height: 38px;
	border-top:1px solid #9D9890;
	padding-top: 17px;
	text-align: center;
	font-size:10px;
	color:#BCBCBD;
	padding-bottom:0px;}
	
.brillia_no1_bnr{
	display:flex;
	justify-content:center;
}

.brillia_no1_bnr p{
	margin:0 5px 0;
}

.brillia_no1_bnr img{
	width:450px;
}

	
/*----------*/
div#footer_information{
	position:fixed;
	bottom:0px;
	width:100%;
	background-color:#fff;
	left:0;
	z-index:20;
	overflow:hidden;
}
@media only screen and (max-width:840px) {div#footer_information{ display:none;}}

#f_reqArea {
	position:relative;
	width: 850px;
	height: 60px;
	margin:0 auto;
	background-color:#fff;
}
#f_reqArea .fl{
	width:196px;
	float:left;
	font-size:0;
}
#f_reqArea .fr{
	width:654px;
	float:right;
	display:inline-block;
	text-align:left;
	font-size:0;
}
	 
.f_reqArea_l {
	padding-top:0px;
}
.f_reqArea_close {
	padding-top:0px;
}
div#footer_information_inner{
	width:960px;
	height:60px;
	margin:0 auto;
	position:relative;
}
#foot_tab{
	width:143px;
	height:20px;
	position:absolute;
	left:0px;
	top:0px;
}
p#foot_gaikan{
	width:395px;
	height:94px;
	position:absolute;
	right:0px;
	bottom:0px;
}
p#foot_information{
	width:295px;
	height:94px;
	position:absolute;
	left:0px;
	top:0px;
}
#foot_res{
	width:239px;
	height:52px;
	position:absolute;
	left:310px;
	top:45px;
}
#foot_req{
	width: 239px;
	height: 52px;
	position: absolute;
	left: 11px;
	top: 45px;
}
#foot p{font-size:75%;}
p.cookie{
	padding-bottom:175px;
}
#top #footer{
	padding-bottom:0px;
}


.f_navi_btn{
	margin: 5px 1px 0 0;
}
	
/*----------*/
	.t_gaiyo{
		border-collapse: collapse;
		border:1px solid #C4C4C4;
		font-size:12px;
		line-height: 18px;
		color:#58595B;
	}
	.t_gaiyo th{
		background:#DBD7C9;
		border:1px solid #C4C4C4;
		padding:10px;
		text-align:center;
		width:60px;
		font-weight:normal;
	}
	.t_gaiyo td{
		border:1px solid #C4C4C4;
		padding:10px;
		text-align:left;
	}
	
/*----------*/
#index .ftr_bg02 {
	width: 100%;
	height: auto;
	background: url(../../top/koudou_bg.gif) top center repeat; }
#index .ftr_bg01-l {
	width: 100%;
	height: auto;
	background: url(../../top/koudou_bg_left.gif) top left repeat-y;}
#index .ftr_bg01-r {
	width: 100%;
	height: auto;
	background: url(../../top/koudou_bg_right.gif) top right repeat-y; }
#index .ftr_line {
	width: 100%;
	height: 10px;
	background: url(../../top/koudou_underline.png) top center repeat-x; }
.oneline{
	width: 100%;
	height: 1px;
	border-top:solid 1px #D7D7D8; }
.link16-26{ font-family: Garamond , "Times New Roman" , "Ÿΰ–Ύ’©" , "Yu Mincho" , "Ÿΰ–Ύ’©‘Μ" , "YuMincho" , "ƒqƒ‰ƒMƒm–Ύ’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–Ύ’©E" , "‚l‚r ‚o–Ύ’©" , "MS PMincho" , serif;
   padding-left:20px;
   padding-right:20px;}
.link16-26 a{ color:#258d7c; text-decoration:underline; }
.link16-26 a:hover { color:#46ad9e; }

.koudou_txt{ font-size:26px; font-family: Garamond , "Times New Roman" , "Ÿΰ–Ύ’©" , "Yu Mincho" , "Ÿΰ–Ύ’©‘Μ" , "YuMincho" , "ƒqƒ‰ƒMƒm–Ύ’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–Ύ’©E" , "‚l‚r ‚o–Ύ’©" , "MS PMincho" , serif; padding-top:20px;}
.koudou_txt a{ color:#258d7c; text-decoration:underline; }
.koudou_txt a:hover { color:#46ad9e; }

.lifebtn01 {
	width: 100%;
	background:#edc8bc;
	margin-left: auto;
	margin-right: auto; }
.lifebtn02 {
	width: 100%;
	background:#c1d5e7;
	margin-left: auto;
	margin-right: auto; }
.lifebtn03 {
	width: 100%;
	background:#ecd0ab;
	margin-left: auto;
	margin-right: auto; }
.life {
	width: 897px;
	margin-left: auto;
	margin-right: auto; }
@media only screen and (max-width:840px) {
.life {
	width: 100%;
	margin-left: auto;
	margin-right: auto; }
	
.koudou_txt{ font-size:14px; padding-top:10px;}
}
.life_title {
	position:absolute;
	text-align:left; }
.float{
	position:fixed;
	z-index:99;
	right:0;
	top:73px; }
.float_design{
	position:fixed;
	z-index:99;
	right:0;
	top:73px; }
.plan_obi{
	width: 100%;
	height: 53px;
	margin-bottom: 20px;
	background:url(../../plan/images/btnarea_obi.png) top center repeat-x; }
@media only screen and (max-width:840px) {
.plan_obi{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	background: #3ca698; }
}

.plan_btn_area { width:100%; position:relative; font-size:0; margin:0 auto; padding-bottom:40px; text-align:center;}
.plan_btn_area p{ display:inline-block; padding-left:4px; padding-bottom:4px;}
@media only screen and (max-width:840px) {
	.plan_btn_area { padding-bottom:20px;}
	.plan_btn_area p{ width:50%; padding-left:0;}
	.plan_btn_area p img{ width:100%;}
}

.plan_foot_fl {float:left; margin-bottom:20px; width:720px;}
.plan_foot_fr {float:right; margin-bottom:20px;}
.plan_foot_fl2 {float:left; margin-bottom:20px;}
.plan_foot_fr2 {float:right; margin-bottom:20px;}
.plan_foot_fl3 {float:left;}
.plan_foot_fr3 {float:right;}
@media only screen and (max-width:960px) {
	.plan_foot_fl {float:none; text-align:center; margin-bottom:10px; width:90%;}
	.plan_foot_fr {float:none; text-align:center; margin-bottom:10px;}
}
@media only screen and (max-width:840px) {
	.plan_foot_fl2 {float:none; text-align:center; margin-bottom:20px;}
	.plan_foot_fr2 {float:none; text-align:center; margin-bottom:20px;}
	.plan_foot_fl3 {display:none;}
	.plan_foot_fr3 {float:none; text-align:center;}
	.plan_view_obi img{ width:100%;}
}

.section_out {
	width: 960px;
	margin-left: auto;
	margin-right: auto; }
@media only screen and (max-width:840px) {
.section_out { display:none;}
}
#main{}
#sideWrap{
	position:relative;
	}
#side{
	position:absolute;
	margin-left:688px;
	z-index:1;}
.area_bg {
	width: 100%;}

#tabsel1, #tabsel2, #tabsel3, #tabsel4, #tabsel5 {
	cursor: pointer; }
#tabsel1, #tabsel2, #tabsel3, #tabsel4, #tabsel5 {
	margin-right: 0; }
.noshow { display:none; }
.tabArea {
	width: 960px;}
.top_float {
	top:80px;
	right:0;
	position:fixed;
	padding:0;
	margin:0;
	z-index:999;}

.top_float01 {
	top:80px;
	right:0;
	position:fixed;
	padding:0;
	margin:0;
	z-index:999;}

.top_float02 {
	top:355px;
	right:0;
	position:fixed;
	padding:0;
	margin:0;
	z-index:999;}
	
/*----------*/
.map_btn_bg {
	background:#e9f4f1;
	padding:15px 0;
	}
	
/*----------*/
.pop_btnarea {
	width:490px;
	margin:0 auto;
	}
.pop_btn_fl{
	float:left;
	padding-right:10px;
	text-align:center;
	}
.pop_btn_fr{
	float:right;
	text-align:center;
	}
@media only screen and (max-width:840px) {
.pop_btnarea {
	width:100%;
	margin:0 auto;
	}
.pop_btn_fl{
	float:none;
	padding-right:0;
	}
.pop_btn_fr{
	float:none;
	}
}
	
/*----------*/
/*dl.accordion dt {
	cursor: pointer;
	width:897px;
	height:39px;
	background: url(../../access/images/life_01_main01_btn.png) no-repeat left center;
	border-bottom: solid 1px #ffe;
}
dl.accordion dt.opened {
	width:897px;
	height:39px;
	background: url(../../access/images/life_01_back.png) no-repeat left center;
}*/

/*----------*/
*:first-child+html .message a:hover span.remark{
    background: none repeat scroll 0 0 ;
    border: 0px solid #CCCCCC;
    color: #000000;
    display: block;
    position: absolute;
	margin:0;
	padding:0;
	left:0px;
	width:174px;
	top:-60px;
	z-index: 10;
}

/*----------*/
*html .message a:hover span.remark{
    background: none repeat scroll 0 0 ;
    border: 0px solid #CCCCCC;
    color: #000000;
    display: block;
    position: absolute;
	margin:0;
	padding:0;
	left:0px;
	width:174px;
	top:-60px;
	z-index: 10;
}

@media print {
#plan_pop_footer{
display:none;
}
#plan_pop_footer1{
display:none;
}
#plan_pop_footer2{
display:none;
}
#plan_pop_footer3{
display:none;
}
#plan_pop_footer4{
display:none;
}
#plan_pop_footer5{
display:none;
}
#plan_pop_footer6{
display:none;
}
#plan_pop_footer7{
display:none;
}
}

@media print, screen and (max-width:3000px) {
	.fit960 img{
		width:100%;
	}
}
@media print, screen and (max-width: 1300px) {
	.fit960 img{
		width:100%;
	}
}
@media print, screen and (max-width: 1130px) {
	.fit960_1130 img{
		width:100%;
	}
}
@media print, screen and (max-width: 960px) {
	.fit960_1130 img{
		width:960px;
	}
	.fit960 img{
		width:960px;
	}
}

.mainimg img{
	max-width: 100%;
	min-width: 840px;
	height: auto;
	margin-left: auto;
	margin-right: auto;}
@media only screen and (max-width:840px) {.mainimg img{min-width: 100%;}}
	
/*----------*/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    transform: scale(.7);
    transition: .4s transform ease;
    pointer-events: none;
}

.lb:target {
    opacity: 1;
    z-index: 103;
}

.lb:target img {
    transform: scale(1);
}


/*----------*/
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}

/*----------*/
p.mv a {
	position: relative;
	display: block;
}
img.loopeimg {
	display: block;
	position: absolute;
	z-index: 10;
	background: #fff;
	padding: 5px;
	top: 0;
	right: 0;
}


/* ----------ˆΘ‰Ί’Η‰Α---------- */

/* ===================================
ƒtƒbƒ^[Ž‘—ΏΏ‹ƒGƒŠƒA
=================================== */
.f_reqresarea {position:relative; width:856px; margin:0 auto;}
.f_reqearea {position:relative; width:417px; margin-right:22px; float:left;}
.f_resarea {position:relative; width:417px; float:right;}
.reqbtn{position:absolute;}
.resbtn{position:absolute; z-index:2;}

@media only screen and (max-width:870px) {
.f_reqresarea {width:417px;}
.f_reqearea {float:none; margin-right:0; padding-bottom:30px;}
.f_resarea {float:none;}
}
@media only screen and (max-width:840px) {.f_reqresarea{ display:none;}}


/* ===================================
HEADER
=================================== */
	#gHeader {
		position: relative; /* PCŽž@headerŒΕ’θƒiƒV */
		/*position: fixed; /* PCŽž@headerŒΕ’θƒAƒŠ */
		top: 0;
		left: 0;
		width: 100%;
		/*min-width: 640px;*/
		/*z-index: 9999;*/
		font-family: Garamond , "Times New Roman" , "Ÿΰ–Ύ’©" , "Yu Mincho" , "Ÿΰ–Ύ’©‘Μ" , "YuMincho" , "ƒqƒ‰ƒMƒm–Ύ’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–Ύ’©E" , "‚l‚r ‚o–Ύ’©" , "MS PMincho" , serif;
		font-size: 14px;}
	#gHeader a{text-decoration: none; color:#000;}
	.headerInner {
		position: relative;
		background-color: #fff;
	}
	.headerInner .wrap {
		position: relative;
	}
@media only screen and (max-width:840px) {
	#gHeader {
		position: relative;
	}
}
/* hdrLogo */
	.hdrLogo {
		position:absolute;
		left:15px;
		top:16px;
	}
	.shldrTxt {
		font-size: 10px;
		margin-bottom: 7px;
		padding: 2px 0;
		background-color: #4D4D4D;
		color: #fff;
	}
	.shldrbg{
		width: 100%;
		background-color: #4D4D4D;
	}
@media only screen and (max-width:960px) {
	.shldrTxt {
		display: none;
	}
}
@media only screen and (max-width:840px) {
	.hdrLogo {
		position:relative;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 90px;
		left:auto;
		top:auto;
	}
}
/* rNav */
	#rNav {
		position: absolute;
		top: 10px;
		right: 192px;
		text-align:right;
	}
	#rNav li {
		display: block;
		font-size: 11px;
	}
	#rNav li.out{padding-bottom:3px; border-bottom:#c6c6c6 solid 1px;}
	#rNav li.map{margin-top:3px;}
	#rNav li.out a:hover, #rNav li.map a:hover{opacity: 0.7;}
@media only screen and (max-width:840px) {
	#rNav {
		display: none;
	}
}
/* pNav */
	#pNav {
		position: absolute;
		top: 0px;
		right: 0;
	}
	#pNav li {
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
	}
	#pNav li a {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
	}
	#pNav li a:hover {
		text-decoration: underline;
	}
	#pNav li.req a,
	#pNav li.res a {
		display: block;
		line-height: 40px;
		font-size: 18px;
		text-align: center;
		font-family: Garamond , "Times New Roman" , "Ÿΰ–Ύ’©" , "Yu Mincho" , "Ÿΰ–Ύ’©‘Μ" , "YuMincho" , "ƒqƒ‰ƒMƒm–Ύ’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–Ύ’©E" , "‚l‚r ‚o–Ύ’©" , "MS PMincho" , serif;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	#pNav li.req a:hover,
	#pNav li.res a:hover {
		text-decoration: none;
	}
@media only screen and (max-width:840px) {
	#pNav {
		display: none;
	}
}

/* sNav */
	#sNav {
		display: none;
	}
    .spHeaderFixed #sNav {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
@media only screen and (max-width:840px) {
	#sNav {
		display: block;
	}
	#sNav ul {
		display: flex;
		justify-content: center;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	#sNav li {
		/*width: 20%;  btn 5‚Β */
		width: 25%; /* btn 4‚Β */
		text-align: center;
		font-size: 8px;
		line-height: 1.8;
		letter-spacing: 0;
		border-right: 1px solid #eee;
	}
	#sNav li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: 100%;
		padding: 3%;
		background-color: #fff;
	}
	#sNav li [class^="flaticon-"] {
		font-size: 25px;
	}
	#sNav li.menu .flaticon-cancel {
		display: none;
	}
	#sNav li.menu.on .flaticon-cancel {
		display: inline;
	}
	#sNav li.menu.on .flaticon-menu {
		display: none;
	}
}
/* ===================================
gNav
=================================== */
	#gNav {
		background-color: #fff;
		min-width: 770px;
		height:110px;
	}
	#popup #gNav {
		background-color: #fff;
		min-width: 770px;
		height:60px;
	}
	#gNav ul {
		position:relative;
		display: flex;
		justify-content: center;
		list-style:none;
		padding-left:0;
	}

	#gNav li {
		background:url(../image/menu_border.png) left no-repeat;
	}
	#gNav li.last{
		background:url(../image/menu_border.png) left no-repeat,url(../image/menu_border.png) right no-repeat;
	}

	#gNav li.sp {
		display: none;
	}
	#gNav li a {
		display: inline-table;
		margin: 5px 15px;
		font-size: 13px;
		line-height:1.5;
		position: relative;
		/*-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;*/
	}

	#gNav li a:hover,
	#gNav li.on a {
		background:url(../image/menu_ov_bg.png) bottom center repeat-x;
		opacity: 0.7;
	}
	#gNav li.off a {
		pointer-events: none;
		opacity: 0.5;
	}
	#gNav li .new {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		background-color: #004066;
		padding: 0 3px 1px;
		line-height: 1;
	}
	
	.gnavarea{
		position:relative;
		width:100%;
		top:70px;}
	.gnavarea_borde{
		position:relative;
		background:#CBCBCB;
		height:1px;
		top:60px;}
			
@media only screen and (max-width:840px) {
	#gNav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		z-index: 9999;
		display: none;
		background-color: #fff;
		height:auto;
	}
	.spHeaderFixed #gNav {
		position: fixed;
	}
	#gNav .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	#gNav ul {
		display: block;
		letter-spacing: -0.4em;
	}
	#gNav li {
		display: inline-block;
		width: 50%;
		text-align: center;
		font-size: auto;
	}
	#gNav li a {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 7%;
		padding-bottom: 7%;
		letter-spacing: -0.115em;
		font-size: 14px;
		margin: 0;
	}
	#gNav li.sp {
		display: inline-block;
	}
	.gnavarea{
		position: static;
		width:auto;
		top:auto;}
	.gnavarea_borde{
		display:none;}
}

/* ===================================
gNav2iƒ|ƒbƒvƒAƒbƒv“™j
=================================== */
	#gNav2 {
		background-color: #fff;
		min-width: 770px;
		height:60px;
	}
	#gNav2 ul {
		position:relative;
		display: flex;
		justify-content: center;
		list-style:none;
		padding-left:0;
	}

	#gNav2 li {
		background:url(../image/menu_border.png) left no-repeat;
	}
	#gNav2 li.last{
		background:url(../image/menu_border.png) left no-repeat,url(../image/menu_border.png) right no-repeat;
	}

	#gNav2 li.sp {
		display: none;
	}
	#gNav2 li a {
		display: inline-table;
		margin: 5px 15px;
		font-size: 13px;
		line-height:1.5;
		position: relative;
		/*-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;*/
	}

	#gNav2 li a:hover,
	#gNav2 li.on a {
		background:url(../image/menu_ov_bg.png) bottom center repeat-x;
		opacity: 0.7;
	}
	#gNav2 li.off a {
		pointer-events: none;
		opacity: 0.5;
	}
	#gNav2 li .new {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		background-color: #004066;
		padding: 0 3px 1px;
		line-height: 1;
	}
		
@media only screen and (max-width:840px) {
	#gNav2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: auto;
		z-index: 9999;
		display: none;
		background-color: none;
		height:auto;
	}
	.spHeaderFixed #gNav2 {
		position: fixed;
	}
	#gNav2 .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	#gNav2 ul {
		display: block;
		letter-spacing: -0.4em;
	}
	#gNav2 li {
		display: inline-block;
		width: 50%;
		text-align: center;
		font-size: auto;
	}
	#gNav2 li a {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 7%;
		padding-bottom: 7%;
		letter-spacing: -0.115em;
		font-size: 14px;
		margin: 0;
	}
	#gNav2 li.sp {
		display: inline-block;
	}
}

.popup_spce {height:90px;}
@media only screen and (max-width:840px) {.popup_spce {height:0;}}

/*---SPƒtƒbƒ^[---*/
.sp_footer { display:none; }
#footer_req { display:none; }

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

.sp_footer {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.navbg {
	background:#3c3221;
}
nav.nav03 {
	width: 94%;
	padding: 5% 0 0 0;
	margin:0 auto;
	text-align:center;
	font-size:0;
}
nav.nav03 img {
	display: block;
	padding: 1% 0 1% 0;
}
footer {
	background:#3c3221;
}
.footer_c {
	width:100%;
	margin:0 auto;
	padding:3% 0 0 0;
	text-align:center;
}

/*---ƒtƒbƒ^[ŒΕ’θŽ‘—ΏΏ‹---*/
#footer_req{
	display: block;
	position:fixed;
	bottom:0px;
	width:100%;
	height:auto;
	background:#000000;
	left:0;
	right:0;
	border-top: 1px solid #666666;
	z-index:8888;
}
a#pagetop {
	display: block;
	width: 120px;
	height: 120px;
	z-index: 5000;
	position: fixed;
	bottom: 110px;
	right: 10px;
}
}
/*---SPƒtƒbƒ^[ end\*/
	
@media only screen and (max-width:960px) {
	#index img{
		max-width: 100%;
		height: auto;
	}
	}

	.tb {
		display: none;
	}
	.sp {
		display: none;
	}
	@media only screen and (max-width:840px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.tb {
		display: none;
	}
	}
	
/* PC‚Μ‚Ζ‚«‰όs */
	.br-pc { display: block; }
@media only screen and (max-width:840px) {
	.br-pc { display:none; }
}

/* ƒXƒ}ƒz‚Μ‚Ζ‚«‰όs */
	.br-sp { display:none; }
@media only screen and (max-width:840px) {
	.br-sp { display: block; }
}

/* 840pxˆΘ‰Ί‰ζ‘œŠg‘ε */
@media only screen and (max-width:840px) {
	.img640 img { width:100%; }
}


/* ‹σ‚«‚‚³ŠΦŒW */
	.h_160_sp80{
		height:160px;
	}
	.h_140_sp70{
		height:140px;
	}
	.h_120_sp60{
		height:120px;
	}
	.h_100_sp50{
		height:100px;
		background: transparent;
	}
	.h_80_sp40{
		height:80px;
	}
	.h_70_sp35{
		height:60px;
	}
	.h_60_sp30{
		height:60px;
	}
	.h_50_sp25{
		height:50px;
	}
	.h_40_sp20{
		height:40px;
	}
	.h_30_sp15{
		height:30px;
	}
	.h_20_sp10{
		height:20px;
	}
	.h_10_sp15{
		height:15px;
	}
	.h_10_sp5{
		height:10px;
	}
	.h_0_sp20{
		height:0px;
	}
	
	@media only screen and (max-width:840px) {
	.h_160_sp80{
		height:80px;
	}
	.h_140_sp70{
		height:70px;
	}
	.h_120_sp60{
		height:60px;
	}
	.h_100_sp50{
		height:50px;
	}
	.h_80_sp40{
		height:40px;
	}
	.h_70_sp35{
		height:35px;
	}
	.h_60_sp30{
		height:30px;
	}
	.h_50_sp25{
		height:25px;
	}
	.h_40_sp20{
		height:20px;
	}
	.h_30_sp15{
		height:15px;
	}
	.h_20_sp10{
		height:10px;
	}
	.h_10_sp15{
		height:15px;
	}
	.h_10_sp5{
		height:5px;
	}
	.h_0_sp20{
		height:0px;
	}
	}
	
/* ƒtƒ‰ƒbƒVƒ…ƒGƒtƒFƒNƒg */
.figure {
  overflow: hidden;
  position: relative;
}
.figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  -webkit-animation: shine 3s infinite;
  animation: shine 3s infinite;}
  
.figure2 {
  overflow: hidden;
  position: relative;
}
.figure2::before {
  position: absolute;
  top: 312px;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  -webkit-animation: shine 6s infinite;
  animation: shine 6s infinite;}
  
.d05::before {animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.d1::before {animation-delay:1s; -webkit-animation-delay:1s; }
.d2::before {animation-delay:2s; -webkit-animation-delay:2s; }
.d3::before {animation-delay:3s; -webkit-animation-delay:3s; }
.d4::before {animation-delay:4s; -webkit-animation-delay:4s; }
@-webkit-keyframes shine {
  0% {
  left: -75%; }
  30% {
  left: 125%; }
  100% {
   left: 125%; }
}
@keyframes shine {
  0% {
  left: -75%; }
  30% {
  left: 125%; }
  100% {
   left: 125%; }
}

.mr_fl {float:left; margin-bottom:20px;}
.mr_fr {float:right; margin-bottom:20px;}

@media only screen and (max-width:960px) {
	.mr_fl {float:none; text-align:center; margin-bottom:10px;}
	.mr_fr {float:none; text-align:center; margin-bottom:10px;}
}
.footer_bnr_link {
	position: relative;
}
.footer_bnr_link >li {
	position: absolute;
	top: 0;
	left: 0;
}
#noscript {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 59px;
	border-bottom: 1px solid #999999;
	background: #ffffff;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-family: sans-serif;
	overflow: hidden;
}
#noscript .content { padding: 10px; width: auto; }
#noscript span { color: #cc0000; }
.pano-bnr >ul {
	max-width: 960px;
	margin: 2rem auto;
	display: flex;
	justify-content: space-around;
}
.pano-bnr a:hover img {
	opacity: .7;
}
@media screen and (max-width: 640px) {
	.pano-bnr >ul {
		width: calc(100% - 2rem);
		margin: 2rem auto;
		flex-direction: column;
	}
}
.bnrArea_pc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	box-sizing: border-box;
}
.bnrArea_pc >p {
	width: 49%;
}
.bnrArea_pc >p >a {
	display: block;
}
.bnrArea_pc >p >a:hover img {
	opacity: .7;
}
.bnrArea_pc >p.cp01 {
	width: 100%;
}
.bnrArea_sp.sp {
	display: none;
}
@media screen and (max-width: 640px) {
	.bnrArea_pc.pc {
		display: none;
	}
	.bnrArea_sp.sp {
		display: block;
	}
	.bnrArea_sp >p + p {
		margin-top: 1rem;
	}
}