<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8"; /* CSS Document */



/* Basic
********************************************************************************/
.spView { display:block !important; }
.pcView { display:none !important; }



/* header
********************************************************************************/

/* gHeaderArea
**************************************/
.gHeaderArea {
	height:auto !important;
	display:block !important;
}

.gHeaderBody {
	min-height:0px;
	padding:15px !important;
}

.fixHdrBg {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#ffffff;
	z-index:1500;
}

/* logoArea
**************************************/
.gHeaderBody .logoArea {
	overflow:hidden;
	z-index:2000;
}

/* gnaviWrap
**************************************/
.gnaviArea-sp .gnaviWrap {
	width:100%;
	height:100%;
	padding:0px;
	display:none;	
	position:fixed;
	top:0px;
	left:0px;
	background-color:#ffffff;
	/*box-sizing:border-box;*/
	z-index:1000;

	box-sizing:border-box;
		
	/*ios対策*/
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
}

.gnaviArea-sp.openNavi .gnaviWrap {	
	display:block;
}

/* menuBody
****************/
.gnaviArea-sp .gnaviWrap .menuBody {
	width:100%;
	height:100%;
	position:relative;

	-webkit-overflow-scrolling:touch;
	overflow-scrolling:auto;
	overflow-y:auto;
}

/* tabArea
****************/
.gnaviArea-sp .gnaviWrap .tabArea {
	background-color:#7d8685;
}

header .tabArea ul li.active span {
    -webkit-transform:translateX(-50%) scale(0.9);
    transform:translateX(-50%) scale(0.9);
}

.gnaviArea-sp .gnaviWrap .tabArea a:visited,
.gnaviArea-sp .gnaviWrap .tabArea a:link { 
	color: #ffffff !important;
}

/* localnaviArea
****************/
.gnaviArea-sp .gnaviWrap .localnaviArea {
	padding:50px 20px;
}
.art .gnaviArea-sp .gnaviWrap .localnaviArea {
	background-color:#7d8685;
}
.arc .gnaviArea-sp .gnaviWrap .localnaviArea {
	background-color:#3c4745;
}

.gnaviArea-sp .gnaviWrap .localnaviArea ul {
	border-top:2px solid rgba(255,255,255,0.3);
}

.gnaviArea-sp .gnaviWrap .localnaviArea ul li {
	width:100%;
	box-sizing:border-box;
	border-bottom:2px solid rgba(255,255,255,0.3);
}

.gnaviArea-sp .gnaviWrap .localnaviArea ul li a {
	padding:18px 0px;
	display:block;
	color:#ffffff;
	background-image:url("common/imgs/icn_arw_right_wt_sp.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:9px 15px;
}

.gnaviArea-sp .gnaviWrap .localnaviArea ul li a:visited,
.gnaviArea-sp .gnaviWrap .localnaviArea ul li a:link { 
	color: #ffffff !important;
}

.art .gnaviArea-sp .gnaviWrap .localnaviArea ul li.active a {
	color: #3c4947 !important;
}

.arc .gnaviArea-sp .gnaviWrap .localnaviArea ul li.active a {
	color: #a5c403 !important;
}

/* gnaviArea
****************/
.gnaviArea-sp .gnaviWrap .gnaviArea {
    width:100%;
	padding:50px 20px;
    text-align:left;
    position:relative;
    left:auto;
    -webkit-transform:none;
    transform:none;
}

.gnaviArea-sp .gnaviWrap .gnaviArea ul {
	border-top:2px solid #dddddd;
}

.gnaviArea-sp .gnaviWrap .gnaviArea ul li {
	width:100%;
	padding:0px;
	box-sizing:border-box;
	border-bottom:2px solid #dddddd;
}

.gnaviArea-sp .gnaviWrap .gnaviArea ul li a {
	padding:18px 0px;
	display:block;
	background-image:url("common/imgs/icn_arw_right_sp.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:9px 15px;
}

.gHeaderBody .gnaviArea ul li.active a {
    opacity: 0.4 !important;
}

.gnaviArea-sp .gnaviWrap .langBtn {
	margin:30px 0px 0px 0px;
}

.gnaviArea-sp .gnaviWrap .langBtn a {
	padding:0px 15px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	display:inline-block;
}

/* gnaviToggleBtn
**************************************/
#gnaviToggleBtn {
	width:30px;
	height:27px;
	position:absolute;
	right:15px !important;
	top:15px;
	cursor:pointer;
	z-index:3000;
	display:block;
		
	/*ios対策*/
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
}

#gnaviToggleBtn div {
	position:relative;
}

#gnaviToggleBtn span {
	display:block;
	position:absolute;
	height:3px;
	width:100%;
	background:#333333;
	left:0px;
	-webkit-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
.gnaviArea-sp.openNavi #gnaviToggleBtn span {
	background:#333333;
}

#gnaviToggleBtn span:nth-child(1) {
	top:0px;
}
#gnaviToggleBtn span:nth-child(2) {
	top:12px;
}
#gnaviToggleBtn span:nth-child(3) {
	top:24px;
}

/* #gnaviToggleBtn 切替えアニメーション */
.openNavi #gnaviToggleBtn span:nth-child(1) {
	top:11px;
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
}
.openNavi #gnaviToggleBtn span:nth-child(2) {
	width:0;
	left:50%;
}
.openNavi #gnaviToggleBtn span:nth-child(3) {
	top:11px;
	-webkit-transform:rotate(-315deg);
	transform:rotate(-315deg);
}

/* subnaviArea
**************************************/
.gHeaderBody .subnaviArea {
	margin-right:45px;
	padding-right:15px;
	border-right:2px solid #cccccc;
	z-index:2000;
}

.gHeaderBody .subnaviArea .SNSMenu {
	margin:0px -7px !important;
}

.gHeaderBody .subnaviArea .SNSMenu li {
	margin:0px 5px !important;
}

/* tabArea
**************************************/
header .tabArea {
	width:100%;
	background-color:#7d8685;
}

header .tabArea ul li {
	min-height:60px;
}
header .tabArea ul li.active {
	width:60%;
}
header .tabArea ul li.inactive {
	width:40%;
}

/*
header .tabArea ul li.art {
	background-color:#7d8685;
}
header .tabArea ul li.arc {
	background-color:#3c4745;
}
*/

header .tabArea ul li a,
header .tabArea ul li div {
	padding:10px !important;
	top:30px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

header .tabArea ul li span {		
    	-webkit-transform:translateX(-50%) scale(0.55);
    	transform:translateX(-50%) scale(0.55);
}
header .tabArea ul li.active span {
    	-webkit-transform:translateX(-50%) scale(0.8);
    	transform:translateX(-50%) scale(0.8);
}

header .tabArea ul li span br {
	display:block;
}</pre></body></html>