@charset "utf-8";

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * WEBFONT ************************************************
 * RESET ************************************************
 * Global Reset
 * Custom Reset
 * SETTING **********************************************
 * Base Style
 * Utility Style
 * Contents Style
 * Print
 * Clearfix
====================================================== */

/* Web Font
------------------------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);


/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------------------ */
/*----- for HTML5 -----*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


/* Custom Reset
------------------------------------------------------ */
/*----- for HTML5 -----*/
main { display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6 ,small { font-weight: normal; }
ul, ol { list-style: none; }
th { font-weight: normal;}
strong { font-weight: bold; }
em { font-style: normal; }
address { font-style: normal; }
hr, legend { display: none; }
time { display: block; }
sub, sup{ position: relative; font-size: 10px; font-size: 1rem; line-height: 1; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { max-width: 100%; height: auto; vertical-align: top; }


/* Base Style
------------------------------------------------------ */
/*----- for HTML5 -----*/

/* page */
html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body {
	position: relative;
	color: #000000;
	font-size: 16px;
	font-size: 1.6rem;
	font-size: 1.6em; /* for Chrome */
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
}
/* input */
input, select, textarea {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
body {
	font-size: 13px;
	font-size: 1.3rem;
}
}
body * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

/* link */
a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out 0s;
		 -moz-transition: all 0.2s ease-out 0s;
					transition: all 0.2s ease-out 0s;
}
a:link    { color: #3388cc;}
a:visited { color: #787878;}
.pc a:hover,
.pc a:active  { color: #67b0ea;}

/* img */
.pc a img {
	-webkit-transition: opacity 0.2s ease-out 0s;
		 -moz-transition: opacity 0.2s ease-out 0s;
					transition: opacity 0.2s ease-out 0s;
}
.pc a:hover img {
	opacity: 0.6;
}

/* Utility Style
------------------------------------------------------ */
/*----- width -----*/
.w1per{width:1%!important}.w2per{width:2%!important}.w3per{width:3%!important}.w4per{width:4%!important}.w5per{width:5%!important}.w6per{width:6%!important}.w7per{width:7%!important}.w8per{width:8%!important}.w9per{width:9%!important}.w10per{width:10%!important}.w11per{width:11%!important}.w12per{width:12%!important}.w13per{width:13%!important}.w14per{width:14%!important}.w15per{width:15%!important}.w16per{width:16%!important}.w17per{width:17%!important}.w18per{width:18%!important}.w19per{width:19%!important}.w20per{width:20%!important}.w21per{width:21%!important}.w22per{width:22%!important}.w23per{width:23%!important}.w24per{width:24%!important}.w25per{width:25%!important}.w26per{width:26%!important}.w27per{width:27%!important}.w28per{width:28%!important}.w29per{width:29%!important}.w30per{width:30%!important}.w31per{width:31%!important}.w32per{width:32%!important}.w33per{width:33%!important}.w34per{width:34%!important}.w35per{width:35%!important}.w36per{width:36%!important}.w37per{width:37%!important}.w38per{width:38%!important}.w39per{width:39%!important}.w40per{width:40%!important}.w41per{width:41%!important}.w42per{width:42%!important}.w43per{width:43%!important}.w44per{width:44%!important}.w45per{width:45%!important}.w46per{width:46%!important}.w47per{width:47%!important}.w48per{width:48%!important}.w49per{width:49%!important}.w50per{width:50%!important}.w51per{width:51%!important}.w52per{width:52%!important}.w53per{width:53%!important}.w54per{width:54%!important}.w55per{width:55%!important}.w56per{width:56%!important}.w57per{width:57%!important}.w58per{width:58%!important}.w59per{width:59%!important}.w60per{width:60%!important}.w61per{width:61%!important}.w62per{width:62%!important}.w63per{width:63%!important}.w64per{width:64%!important}.w65per{width:65%!important}.w66per{width:66%!important}.w67per{width:67%!important}.w68per{width:68%!important}.w69per{width:69%!important}.w70per{width:70%!important}.w71per{width:71%!important}.w72per{width:72%!important}.w73per{width:73%!important}.w74per{width:74%!important}.w75per{width:75%!important}.w76per{width:76%!important}.w77per{width:77%!important}.w78per{width:78%!important}.w79per{width:79%!important}.w80per{width:80%!important}.w81per{width:81%!important}.w82per{width:82%!important}.w83per{width:83%!important}.w84per{width:84%!important}.w85per{width:85%!important}.w86per{width:86%!important}.w87per{width:87%!important}.w88per{width:88%!important}.w89per{width:89%!important}.w90per{width:90%!important}.w91per{width:91%!important}.w92per{width:92%!important}.w93per{width:93%!important}.w94per{width:94%!important}.w95per{width:95%!important}.w96per{width:96%!important}.w97per{width:97%!important}.w98per{width:98%!important}.w99per{width:99%!important}.wFull{width:100%!important}.wAuto{width:auto!important}.w1-3rd{width:33.33%!important}.w2-3rd{width:66.66%!important}.w1-6th{width:16.66%!important}.w1-7th{width:14.28%!important}.w1-8th{width:12.5%!important}.w1-9th{width:11.11%!important}

/*----- margin -----*/
.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt55{margin-top:55px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mt75{margin-top:75px!important}.mt80{margin-top:5pc!important}.mt85{margin-top:85px!important}.mt90{margin-top:90px!important}.mt95{margin-top:95px!important}.mt100{margin-top:75pt!important}.mtAuto{margin-top:auto!important}.mr0{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mr55{margin-right:55px!important}.mr60{margin-right:60px!important}.mr65{margin-right:65px!important}.mr70{margin-right:70px!important}.mr75{margin-right:75px!important}.mr80{margin-right:5pc!important}.mr85{margin-right:85px!important}.mr90{margin-right:90px!important}.mr95{margin-right:95px!important}.mr100{margin-right:75pt!important}.mrAuto{margin-right:auto!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb55{margin-bottom:55px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.mb75{margin-bottom:75px!important}.mb80{margin-bottom:5pc!important}.mb85{margin-bottom:85px!important}.mb90{margin-bottom:90px!important}.mb95{margin-bottom:95px!important}.mb100{margin-bottom:75pt!important}.mbAuto{margin-bottom:auto!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.ml55{margin-left:55px!important}.ml60{margin-left:60px!important}.ml65{margin-left:65px!important}.ml70{margin-left:70px!important}.ml75{margin-left:75px!important}.ml80{margin-left:5pc!important}.ml85{margin-left:85px!important}.ml90{margin-left:90px!important}.ml95{margin-left:95px!important}.ml100{margin-left:75pt!important}.mlAuto{margin-left:auto!important}

/*----- padding -----*/
.pt0{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pt55{padding-top:55px!important}.pt60{padding-top:60px!important}.pt65{padding-top:65px!important}.pt70{padding-top:70px!important}.pt75{padding-top:75px!important}.pt80{padding-top:5pc!important}.pt85{padding-top:85px!important}.pt90{padding-top:90px!important}.pt95{padding-top:95px!important}.pt100{padding-top:75pt!important}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pr55{padding-right:55px!important}.pr60{padding-right:60px!important}.pr65{padding-right:65px!important}.pr70{padding-right:70px!important}.pr75{padding-right:75px!important}.pr80{padding-right:5pc!important}.pr85{padding-right:85px!important}.pr90{padding-right:90px!important}.pr95{padding-right:95px!important}.pr100{padding-right:75pt!important}.pb0{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pb55{padding-bottom:55px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pb75{padding-bottom:75px!important}.pb80{padding-bottom:5pc!important}.pb85{padding-bottom:85px!important}.pb90{padding-bottom:90px!important}.pb95{padding-bottom:95px!important}.pb100{padding-bottom:75pt!important}.pl0{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pl55{padding-left:55px!important}.pl60{padding-left:60px!important}.pl65{padding-left:65px!important}.pl70{padding-left:70px!important}.pl75{padding-left:75px!important}.pl80{padding-left:5pc!important}.pl85{padding-left:85px!important}.pl90{padding-left:90px!important}.pl95{padding-left:95px!important}.pl100{padding-left:75pt!important}

/*----- border -----*/
.bdNone  { border: none !important; }
.bdtNone { border-top: none !important; }
.bdrNone { border-right: none !important; }
.bdbNone { border-bottom: none !important; }
.bdlNone { border-left: none !important; }

/*----- align -----*/
/* text-align */
.aL { text-align: left !important; }
.aC { text-align: center !important; }
.aR { text-align: right !important; }
/* vertical-align */
.vT { vertical-align: top !important; }
.vM { vertical-align: middle !important; }
.vB { vertical-align: bottom !important; }

/*----- clear -----*/
/* clear */
.clL { clear: left !important; }
.clR { clear: right !important; }
.clBoth { clear: both !important; }
.clNone { clear: none !important; }

/*----- float -----*/
/* float */
.flL { float: left !important; }
.flR { float: right !important; }
.flNone { float: none !important; }

/*----- display -----*/
/* display */
.dpBlock { display: block !important; }
.dpInlBlock { display: inline-block !important; }
.dpNone { display: none !important; }

/*----- overflow -----*/
.ovfHidden { overflow: hidden !important; }
.ovfVisible { overflow: visible !important; }

/*----- font -----*/
.bold { font-weight: bold !important; }
.italic {	font-style: italic !important; }
.fwNormal { font-weight: normal !important; }
.fsNormal { font-style: normal !important; }
.fzSmall { font-size: 1.2rem !important; }
.fzNormal { font-size: 1.6rem !important; }
.fzLarge { font-size: 1.8rem !important; }

/*----- break -----*/
.brAll { word-break: break-all !important; }
.brWord { word-wrap: break-word !important; }
.brNone { white-space: nowrap !important; }

/*----- centering -----*/
.centering {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 768px),print {
	.spOnly {
		display: none !important;
	}
}

/* SP Utility Style
------------------------------------------------------ */
@media screen and (max-width: 767px) {
	/*----- font -----*/
	.fzSmall { font-size: 1.1rem !important; }
	.fzNormal { font-size: 1.3rem !important; }
	.fzLarge { font-size: 1.5rem !important; }
	
	.pcOnly {
		display: none !important;
	}
}

/* reader
-------------------------------- */
.voiceGuide {position: absolute;left: 0;top: 0;display: block;width: 1px;height: 1px;margin: 0;padding: 0;overflow: hidden;}



/* PC Layout Style
------------------------------------------------------ */

/* header
-------------------------------- */
#header + * {
	padding-top: 70px !important;
}
#headerArea {
	position: fixed;
	width: 100%;
	z-index: 100;
}
#headerBlockWrap {
	background: #ffffff;
	border-bottom: 1px solid #0071be;
}
#headerBlock01 {
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content: space-between;
  				justify-content: space-between;
	-webkit-align-items: center;
					align-items: center;
	width: 1140px;
	height: 70px;
	margin: 0 auto;
}
#headerBlock01 #headerLogo {
	width: 230px;
	text-align: center;
	-webkit-order: 2;
  				order: 2;
}
#headerBlock01 #headerLogo img {
	opacity: 1 !important;
}
#headerBlock01 #headerMenu01 {
	width: 455px;
	-webkit-order: 3;
  				order: 3;
}
#headerCategory {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
  				flex-direction: row;
	-webkit-align-items: center;
					align-items: center;
}
#headerCategory > li {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.1;
}
#headerCategory > li + li {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #cccccc;
}
#headerCategory > li > a {
	display: inline-block;
	position: relative;
	padding-right: 15px;
	color: #000000;
	font-weight: bold;
}
.pc #headerCategory > li > a:hover,
#headerCategory > li.current > a {
	color: #0071be;
}
#headerCategory > li > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 1px solid #0c78c1;
	border-right: 1px solid #0c78c1;
	-webkit-transform: rotate(135deg);
		 -moz-transform: rotate(135deg);
					transform: rotate(135deg);
}
#headerCategory > li > a.active:after {
	margin-top: -2px;
	-webkit-transform: rotate(-45deg);
		 -moz-transform: rotate(-45deg);
					transform: rotate(-45deg);
}
#headerBlock01 #headerMenu02 {
	width: 455px;
	-webkit-order: 1;
  				order: 1;
}
#headerBtnWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
  				flex-direction: row-reverse;
	-webkit-align-items: center;
					align-items: center;
}
#headerBtnWrap > * + * {
	margin-right: 5px;
}
#headerBtnWrap #menuBtn > a,
#headerBtnWrap #headerContact > a,
#headerBtnWrap #headerSearch > a {
	display: block;
	width: 65px;
	height: 65px;
	font-size: 11px;
	font-size: 1.1rem;
	color: #000000;
	text-align: center;
	overflow: hidden;
}
#headerBtnWrap #menuBtn a.active,
#headerBtnWrap #headerContact > a.active,
#headerBtnWrap #headerSearch > a.active {
	color: #ffffff;
	background: #0071be;
}
.pc #headerBtnWrap #menuBtn > a:hover,
.pc #headerBtnWrap #headerContact > a:hover,
.pc #headerBtnWrap #headerSearch > a:hover {
	opacity: 0.6;
}
#headerBtnWrap #menuBtn {
	display: table;
	overflow: hidden;
}
#headerBtnWrap #menuBtn a {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	transition: all .4s;
	text-decoration: none;
	background: #ffffff;
}
#headerBtnWrap #menuBtn a span {
	position: absolute;
	left: 19px;
	display: inline-block;
	width: 25px;
	height: 3px;
	background-color: #0071be;
	border-radius: 3px;
	transition: all .4s;
}
#headerBtnWrap #menuBtn a.active span {
	background-color: #ffffff;
}
#headerBtnWrap #menuBtn a span:nth-of-type(1) {	top: 16px;}
#headerBtnWrap #menuBtn a span:nth-of-type(2) {	top: 22px;}
#headerBtnWrap #menuBtn a span:nth-of-type(3) {	top: 28px;}
#headerBtnWrap #menuBtn a.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
					transform: translateY(6px) rotate(-45deg);
}
#headerBtnWrap #menuBtn a.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar .8s forwards;
					animation: active-menu-bar .8s forwards;
}
#headerBtnWrap #menuBtn a.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
					transform: translateY(-6px) rotate(45deg);
}
#headerBtnWrap #menuBtn a em {
	display: block;
	position: absolute;
	width: 100%;
	top: 38px;
	left: 0;
	text-align: center;
}
#menuOverlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background: rgba(0,0,0,0.6);*/
	z-index: 99;
}
#headerBtnWrap #headerContact > a,
#headerBtnWrap #headerSearch > a {
	position: relative;
	padding-top: 38px;
}
#headerBtnWrap #headerContact > a:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 50%;
	width: 22px;
	height: 14px;
	margin-left: -11px;
	background: url(/common/img/com_ic_mail01.png) no-repeat 0 0;
	-webkit-background-size: 22px 14px;
					background-size: 22px 14px;
}
#headerBtnWrap #headerSearch > a:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	background: url(/common/img/com_ic_search01.png) no-repeat 0 0;
	-webkit-background-size: 20px 40px;
					background-size: 20px 40px;
}
#headerBtnWrap #headerSearch > a.active:before {
	background-position: 0 -20px;
}

/* Mega Menu
-------------------------------- */
#header .megaMenu {
	display: none;
	padding: 30px 0 20px;
	max-height: -webkit-calc(100vh - 70px);
	max-height: calc(100vh - 70px);
	-webkit-box-shadow: 0px 5px 6px 1px rgba(102,102,102,0.7);
					box-shadow: 0px 5px 6px 1px rgba(102,102,102,0.7);
	overflow-y: auto;
}
#header .megaMenu > * {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
#header .megaMenu > *:first-child {
	margin-top: 0 !important;
}
#header .megaMenu .menuClose {
	text-align: center;
}
#header .megaMenu .menuClose a {
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/common/img/com_ic_close01.png) no-repeat 0 0;
	-webkit-background-size: 50px 50px;
					background-size: 50px 50px;
}
.pc #header .megaMenu .menuClose a:hover {
	opacity: 0.6;
}

/* menu */
#header .megaMenu[data-navi="menu"] {
	background: rgba(0,113,190,0.95); 
}
#header .megaMenu[data-navi="menu"],
#header .megaMenu[data-navi="menu"] a {
	color: #ffffff;
}
.pc #header .megaMenu[data-navi="menu"] a:hover {
	opacity: 0.6;
}
#header #globalNavi > *:first-child {
	margin-top: 0 !important;
}
#header #globalNavi .naviColumn.flexElement5 > .column {
	width: -webkit-calc((100% - 120px)/5);
	width: calc((100% - 120px)/5);
	margin-right: 30px;
}
#header #globalNavi .naviColumn.flexElement5 > .column:nth-child(5n) {
	margin-right: 0;
}
#header #globalNavi .naviColumn > .column > *:first-child {
	margin-top: 0 !important;
}
#header #globalNavi .categoryBox > dt,
#header #globalNavi p.categoryBox {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
}
#header #globalNavi .categoryBox > dt + dd {
	margin-top: 0.5em;
}
#header #globalNavi .categoryBox > dd:first-child {
	margin-top: 0 !important;
}
#header #globalNavi .categoryBox + .categoryBox {
	margin-top: 1em;
}
#header #globalNavi .naviList > li.top {
	display: none;
}
#header #globalNavi .naviList > li + li,
#header #globalNavi .otherList > li + li,
#header #globalNavi .naviList + .otherList {
	margin-top: 0.2em;
}
#header #globalNavi .naviList > li.top + li {
	margin-top: 0;
}
#header #globalNavi .naviList > li > a,
#header #globalNavi .otherList > li > a {
	display: inline-block;
	position: relative;
	padding-left: 1em; 
}
#header #globalNavi .naviList > li > a:before,
#header #globalNavi .otherList > li > a:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 5px;
	height: 5px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
		 -moz-transform: rotate(45deg);
					transform: rotate(45deg);
}
#header #globalNavi .naviList > li > a[target="_blank"]:after,
#header #globalNavi .otherList > li > a[target="_blank"]:after,
#header #globalNavi p.categoryBox > a[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 11px;
	margin: 0 0 0 10px;
	background: url(/common/img/com_ic_blank02.png) no-repeat 0 0;
	background-size: 14px 11px;
}

/* search */
#header .megaMenu[data-navi="search"] {
	padding-top: 50px;
	background: rgba(0,113,190,0.95); 
}
#header #searchBox {
	width: 580px;
	padding: 10px 0;
	background: #ffffff;
}
#header #searchBox .searchTxt {
	width: 515px;
	height: 35px;
	padding: 0 10px;
	background: #ffffff;
	border: none;
	border-right: solid 1px #cccccc;
	border-radius: 0;
	-webkit-appearance: none;
					appearance: none;
}
#header #searchBox .searchTxt:focus {
	outline: none;
}
#header #searchBox .searchBtn {
	width: 65px;
	height: 35px;
	padding: 0 10px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/common/img/com_ic_search02.png) no-repeat 50% 50% #ffffff;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	-webkit-transition: all 0.2s ease-out 0s;
					transition: all 0.2s ease-out 0s;
}
.pc #header #searchBox .searchBtn:hover {
	opacity: 0.6;
}

/* global, products, company */
#header .megaMenu[data-navi="global"] > .inner,
#header .megaMenu[data-navi="products"] > .inner {
	position: relative;
	height: 490px;
	padding: 25px 20px;
}
#header .megaMenu > .inner > .heading {
	-webkit-justify-content: center;
					justify-content: center;
	color: #ffffff;
	font-size: 35px;
	font-size: 3.5rem;
	text-align: center;
}
#header .megaMenu > .inner > .heading > a {
	padding-right: 30px;
	color: #ffffff;
}
#header .megaMenu > .inner > .heading > a:after {
	content: "";
	position: absolute;
	top: 0.65em;
	right: 10px;
	width: 13px;
	height: 13px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	-webkit-transform: rotate(45deg);
		 -moz-transform: rotate(45deg);
					transform: rotate(45deg);
}
.pc #header .megaMenu > .inner > .heading > a:hover:after {
	right: 0;
}
#header .megaMenu > .inner > *:first-child {
	margin-top: 0 !important;
}
#header .megaMenu[data-navi="global"] {
	padding: 0;
	background: rgba(0,69,164,0.95); 
}
#header .megaMenu[data-navi="global"] > .inner {
	background: url(/common/img/gnav_network_bg01.png) 50% 0;
}
#header .megaMenu[data-navi="products"] {
	padding: 0;
	background: rgba(0,161,196,0.95); 
}
#header .megaMenu[data-navi="products"] > .inner {
	background: url(/common/img/gnav_products_bg01.png) 50% 0;
}
#header .megaMenu > .inner .pointList li {
	position: absolute;
}
#header .megaMenu > .inner .pointList li.point01 {
	bottom: 250px;
	right: 415px;
}
#header .megaMenu > .inner .pointList li.point02 {
	bottom: 163px;
	right: 487px;
}
#header .megaMenu > .inner .pointList li.point03 {
	bottom: 112px;
	right: 115px;
}
#header .megaMenu > .inner .pointList li.point04 {
	bottom: 303px;
	right: 216px;
}
#header .megaMenu > .inner .pointList li.point05 {
	bottom: 238px;
	right: 296px;
}
#header .megaMenu > .inner .pointList li.point06 {
	bottom: 299px;
	right: 500px;
}
#header .megaMenu > .inner .pointList li.point07 {
	bottom: 341px;
	left: 185px;
}
#header .megaMenu > .inner .pointList li.point08 {
	bottom: 172px;
	left: 324px;
}
#header .megaMenu > .inner .pointList li.point09p {
	bottom: 180px;
	right: 200px;
}
#header .megaMenu > .inner .pointList li > a {
	display: -webkit-flex;
  display: flex;
	-webkit-justify-content: center;
					justify-content: center;
	-webkit-align-items: center;
					align-items: center;
	position: relative;
	height: 90px;
	width: 90px;
	color: #0051bf;
	text-align: center;
	line-height: 1.1;
	background: #ffffff;
	border: 1px solid #003277;
	-webkit-box-shadow: 0px 2px 0px 2px #003277;
					box-shadow: 0px 2px 0px 2px #003277;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out 0s;
					transition: all 0.2s ease-out 0s;
}
#header .megaMenu > .inner .pointList li > a:hover {
	-webkit-transform: scale(1.1, 1.1);
					transform: scale(1.1, 1.1);
}
#header .megaMenu > .inner .pointList li > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	margin-left: -9px;
	border-top: solid 15px #003277;
	border-left: solid 9px transparent;
	border-bottom: solid 15px transparent;
	border-right: solid 9px transparent;
}
#header .megaMenu > .inner .pointList li > a:before {
	content: "";
	position: absolute;
	bottom: 8px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -4px;
	border-top: 2px solid #0051bf;
	border-right: 2px solid #0051bf;
	-webkit-transform: rotate(45deg);
		 -moz-transform: rotate(45deg);
					transform: rotate(45deg);
}
#header .megaMenu > .inner .pointList li > a > span {
	display: inline-block;
	position: relative;
}
#header .megaMenu > .inner .pointList li > a[target="_blank"] > span {
	padding-bottom: 15px;
}
#header .megaMenu > .inner .pointList li > a[target="_blank"] > span:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 12px;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	background: url(/common/img/com_ic_blank01.png) no-repeat 0 0;
	-webkit-background-size: 12px 10px;
					background-size: 12px 10px;
}
#header .megaMenu[data-navi="global"] > .inner .menuClose,
#header .megaMenu[data-navi="products"] > .inner .menuClose {
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 20px;
	margin-top: 0;
}
#header .megaMenu[data-navi="company"] {
	background: rgba(232,238,246,0.95);
}
#header .megaMenu[data-navi="company"] > .inner > .heading {
	color: #0051bf;
}
#header .megaMenu[data-navi="company"] > .inner > .heading > a {
	color: #0051bf;
}
#header .megaMenu[data-navi="company"] > .inner > .heading > a:after {
	border-top: 3px solid #0051bf;
	border-right: 3px solid #0051bf;
}
#header .megaMenu[data-navi="company"] .menuClose a {
	background: url(/common/img/com_ic_close02.png) no-repeat 0 0;
	-webkit-background-size: 50px 50px;
					background-size: 50px 50px;
}


/* localNavi
-------------------------------- */
#localNavi > * {
	width: 100%;
}
#localNavi > * > * {
	width: 1140px;
	margin: 0 auto;
}
#localNavi .thirdLayer {
	background-color: #0071be;
}
#localNavi .thirdLayer > * {
	padding: 10px 0;
}
#localNavi .fourthLayer {
	background-color: #0065aa;
}
#localNavi .fourthLayer > * {
	padding: 8px 0;
}
.pc #localNavi a:hover {
	opacity: 0.6;
}
#localNavi .thirdLayer > dl,
#localNavi .thirdLayer > ul,
#localNavi .thirdLayer > dl > dd > ul,
#localNavi .fourthLayer > ul {
	display: -webkit-flex;
  display: flex;
	-webkit-align-items: center;
					align-items: center;
	line-height: 1;
}
#localNavi .thirdLayer > dl > dt {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #ffffff;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1;
}
#localNavi .thirdLayer > dl > dt > a {
	color: #ffffff;
}
#localNavi .thirdLayer > ul > li,
#localNavi .thirdLayer > dl > dd > ul > li,
#localNavi .fourthLayer > ul > li {
	margin-right: 12px;
	padding-right: 12px;
	font-size: 15px;
	font-size: 1.5rem;
	border-right: 1px solid #0049ab;
}
#localNavi .thirdLayer > ul > li:last-child,
#localNavi .thirdLayer > dl > dd > ul > li:last-child,
#localNavi .fourthLayer > ul > li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
#localNavi .thirdLayer > dl > dd > ul > li.top {
	display: none;
}
#localNavi .thirdLayer > ul > li a,
#localNavi .thirdLayer > dl > dd > ul > li a,
#localNavi .fourthLayer > ul > li a {
	color: #b4d5f6;
}
#localNavi .thirdLayer > ul > li.current a,
#localNavi .thirdLayer > dl > dd > ul > li.current a,
#localNavi .fourthLayer > ul > li.current a {
	color: #ffffff;
}
#localNavi .thirdLayer > dl > dd > ul > li a {
	display: inline-block;
}
#localNavi .thirdLayer > ul > li a[target="_blank"],
#localNavi .thirdLayer > dl > dd > ul > li a[target="_blank"] {
	position: relative;
	padding-right: 20px;
}
#localNavi .thirdLayer > ul > li a[target="_blank"]:after,
#localNavi .thirdLayer > dl > dd > ul > li a[target="_blank"]:after {
	content: "";
	position: absolute;
	top: 0.5em;
	right: 0;
	display: inline-block;
	width: 14px;
	height: 11px;
	margin-top: -6px;
	background: url(/common/img/com_ic_blank02.png) no-repeat 0 0;
	background-size: 14px 11px;
}
#localNavi .thirdLayer > ul > li a[target="_blank"]:after {
	margin-top: 0;
}

/* topicPathArea
-------------------------------- */
#topicPathArea {
	padding: 5px 0;
	background: #f5f5f5;
}
#topicPathArea > ol {
	width: 1140px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	line-height: 1.2;
}
#topicPathArea > ol > li {
	display: inline-block;
	margin-right: 3px;
	letter-spacing: normal;
}
#topicPathArea > ol > li > a,
#topicPathArea > ol > li.current > span {
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	color: #006699;
}
#topicPathArea > ol > li > a:before,
#topicPathArea > ol > li.current > span:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 10px;
	border-top: 1px solid #869099;
	border-right: 1px solid #869099;
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
	vertical-align: 2px;
}
#topicPathArea > ol > li.home > a {
	position: relative;
	padding-left: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
#topicPathArea > ol > li.home > a:before {
	display: none;
}
#topicPathArea > ol > li.current > a,
#topicPathArea > ol > li:last-child > a {
	cursor: default;
	color: #333;
	text-decoration: none !important;
	font-weight: bold;
	pointer-events: none;
}

/* mainArea
-------------------------------- */
#main {
	width: 100%;
	background: #ffffff;
}

/* headingArea
-------------------------------- */
#headingArea {
	width: 100%;
	padding: 25px 0;
	background: #f5f5f5;
}
#headingArea > * {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
#headingArea > *:first-child {
	margin-top: 0 !important;
}

@media screen and (min-width: 768px),print {
#headingArea.narrowType {
	padding: 15px 0;
}
}

/* contentsArea
-------------------------------- */
#contentsArea {
	width: 100%;
	padding: 50px 0 80px;
}
#contentsArea > * {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
#contentsArea > *:first-child,
#contentsArea > section:first-child > *:first-child,
#contentsArea > .outlineText:first-child + * {
	margin-top: 0 !important;
}

/* footer
-------------------------------- */
#footer {
	width: 100%;
	padding-bottom: 15px;
	background-color: #ffffff;
}
#pageTopArea {
	margin-top: 0;
	position: fixed;
	right: 5%;
	bottom: 70px;
	z-index: 10;
}
#pageTopArea a {
	display: block;
	height: 94px;
	width: 94px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/common/img/footer_bt01.png) no-repeat 0 0;
}
.pc #pageTopArea a:hover {
	opacity: 0.6;
}
#footer #footerLinks {
	padding: 10px 0;
	background-color: #0071be;
}
#footer #footerLinks > ul {
	width: 1140px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -0.4em;
}
#footer #footerLinks > ul > li {
	display: inline-block;
	letter-spacing: normal;
	line-height: 1.1;
}
#footer #footerLinks > ul > li + li {
	margin-left: 23px;
	padding-left: 23px;
	border-left: 1px solid #ffffff;
}
#footer #footerLinks > ul > li > a {
	display: inline-block;
	position: relative;
	color: #ffffff;
}
.pc #footer #footerLinks > ul > li > a:hover {
	opacity: 0.6;
}
#footer #footerLinks > ul > li > a[target="_blank"] {
	padding-right: 20px;
}
#footer #footerLinks > ul > li > a[target="_blank"]:before {
	content: "";
	position: absolute;
	top: 0.7em;
	right: 0;
	display: inline-block;
	width: 14px;
	height: 11px;
	margin-top: -6px;
	background: url(/common/img/com_ic_blank02.png) no-repeat 0 0;
	background-size: 14px 11px;
}
#footer #footerLogo {
	margin-top: 10px;
	text-align: center;
	line-height: 1.0;
}
#footer #copyright {
	margin-top: 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.1;
}

/* other
-------------------------------- */

/* jScrollPane */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 10px;
	overflow: hidden;
	width: calc(100% - 20px);
	height: 10px;
	border-radius: 5px;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #eeeeee;
	position: relative;
}
.jspDrag {
	background: #0071be;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 5px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 10px;
}
.jspHorizontalBar .jspArrow {
	width: 10px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}


/* slick slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/ -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.75; filter: alpha(opacity = 75);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px; background-color: rgba(0,0,0,0);}
        .cboxIframe{/*background:#fff;*/ background-color: rgba(0,0,0,0);}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background-color: rgba(0,0,0,0);}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(/common/img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/common/img/com_ic_arr01.png) no-repeat top left; width:39px; height:64px; text-indent:-9999px;}
        /*#cboxPrevious:hover{background-position:bottom left;}*/
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/common/img/com_ic_arr02.png) no-repeat top right; width:39px; height:64px; text-indent:-9999px;}
   			/*#cboxNext:hover{background-position:bottom right;}*/
        #cboxClose{position:absolute; top:-45px; right:80px; display:block; background: url(/common/img/com_ic_close03.png) no-repeat top center; width:23px; height:23px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

@media screen and (max-width: 767px) {
	#cboxClose{
		right:5px;
		top:-30px;
	}
}


/* SP Layout Style
------------------------------------------------------ */

@media only screen and (max-width: 767px){
	
	/* header
	-------------------------------- */
	#header + * {
		padding-top: 50px !important;
	}
	#headerBlock01 {
		width: 100%;
		height: 50px;
		padding: 0 2px 0 10px;
	}
	#headerBlock01 #headerLogo {
		width: 140px;
		-webkit-order: 1;
						order: 1;
	}
	#headerBlock01 #headerMenu01 {
		width: auto;
		-webkit-order: 2;
						order: 2;
	}
	#headerBlock01 #headerMenu02 {
		display: none;
	}
	#headerBtnWrap > * + * {
		margin-right: 2px;
	}
	#headerBtnWrap #menuBtn > a,
	#headerBtnWrap #headerContact > a,
	#headerBtnWrap #headerSearch > a {
		width: 50px;
		height: 45px;
		font-size: 8px;
		font-size: 0.8rem;
	}
	#headerBtnWrap #menuBtn a span {
		left: 16px;
		width: 18px;
		height: 2px;
		border-radius: 2px;
	}
	#headerBtnWrap #menuBtn a span:nth-of-type(1) {	top: 10px;}
	#headerBtnWrap #menuBtn a span:nth-of-type(2) {	top: 15px;}
	#headerBtnWrap #menuBtn a span:nth-of-type(3) {	top: 20px;}
	#headerBtnWrap #menuBtn a.active span:nth-of-type(3) {
		-webkit-transform: translateY(-4px) rotate(45deg);
						transform: translateY(-4px) rotate(45deg);
	}
	#headerBtnWrap #menuBtn a em {
		display: block;
		position: absolute;
		width: 100%;
		top: 27px;
		left: 0;
		text-align: center;
	}
	#headerBtnWrap #headerContact > a,
	#headerBtnWrap #headerSearch > a {
		padding-top: 27px;
	}
	#headerBtnWrap #headerContact > a:before {
		top: 10px;
		width: 17px;
		height: 111px;
		margin-left: -9px;
		-webkit-background-size: 17px 11px;
						background-size: 17px 11px;
	}
	#headerBtnWrap #headerSearch > a:before {
		top: 10px;
		width: 15px;
		height: 15px;
		margin-left: -8px;
		-webkit-background-size: 15px 30px;
						background-size: 15px 30px;
	}
	#headerBtnWrap #headerSearch > a.active:before {
		background-position: 0 -15px;
	}
	
	/* Mega Menu
	-------------------------------- */

	#header .megaMenu {
		max-height: -webkit-calc(100vh - 50px);
		max-height: calc(100vh - 50px);
		padding: 0 0 20px;
	}
	#header .megaMenu > * {
		width: 100%;
	}
	#header .megaMenu .menuClose a {
		height: 40px;
		width: 40px;
		margin-top: 15px;
		-webkit-background-size: 40px 40px;
						background-size: 40px 40px;
	}
	
	/* menu */
	#header .megaMenu[data-navi="menu"] {
		background: #0071be;
	}
	#header #globalNavi .naviColumn.flexElement5 > .column {
		width: 100%;
		margin: 0;
	}
	#header #globalNavi .categoryBox,
	#header #globalNavi .naviColumn > .column > .naviList > li {
		border-bottom: 1px solid #0065aa;
	}
	#header #globalNavi .categoryBox > dt,
	#header #globalNavi p.categoryBox {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: normal;
		background: #0071be;
	}
	#header #globalNavi .categoryBox > dt + dd {
		margin-top: 0;
	}
	#header #globalNavi .categoryBox + .categoryBox {
		margin-top: 0;
	}
	#header #globalNavi .categoryBox > dd {
		background: #0065aa;
		border-top: 1px solid #0065aa;
	}
	#header #globalNavi .categoryBox > dd .naviList > li + li {
		border-top: solid 1px #0071be;
	}
	#header #globalNavi .naviList > li.top {
		display: list-item;
		background: #0071be;
	}
	#header #globalNavi .naviList > li + li,
	#header #globalNavi .otherList > li + li,
	#header #globalNavi .naviList + .otherList {
		margin-top: 0;
	}
	#header #globalNavi .naviList > li.top + li {
		margin-top: 0;
	}
	#header #globalNavi .categoryBox > dt > a,
	#header #globalNavi p.categoryBox > a,
	#header #globalNavi .naviList > li > a {
		display: block;
		position: relative;
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#header #globalNavi .categoryBox > dt > a,
	#header #globalNavi p.categoryBox > a,
	#header #globalNavi .naviList > li > a {
		padding: 10px 30px 10px 15px;
	}
	#header #globalNavi .categoryBox > dd .naviList > li > a {
		padding: 10px 30px 10px 35px;
	}
	#header #globalNavi .categoryBox > dd .naviList > li.top a {
		padding: 10px 30px 10px 25px;
	}
	#header #globalNavi .categoryBox > dt > a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		-webkit-transform: rotate(135deg);
						transform: rotate(135deg);
	}
	#header #globalNavi .categoryBox > dt > a.active:after {
		-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
	}
	#header #globalNavi .naviList > li a:after,
	#header #globalNavi p.categoryBox > a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
	}
	#header #globalNavi .naviList > li a[target="_blank"],
	#header #globalNavi p.categoryBox > a[target="_blank"] {
		padding-right: 30px;
	}
	#header #globalNavi .naviList > li a[target="_blank"]:after,
	#header #globalNavi p.categoryBox > a[target="_blank"]:after {
		top: 50%;
		right: 7px;
		width: 12px;
		height: 10px;
		margin: -5px 0 0 0;
		background: url(/common/img/com_ic_blank02.png) no-repeat 0 0;	
		border: none !important;
		-webkit-transform: rotate(0) !important;
						transform: rotate(0) !important;
		-webkit-background-size: 12px 10px;
						background-size: 12px 10px;
	}
	#header #globalNavi .naviList > li > a:before {
		display: none;
	}
	#header #globalNavi .otherList {
		display: -webkit-flex;
		display: flex;
		padding: 0 15px;
	}
	#header #globalNavi .otherList > li {
		margin: 1em 2em 0 0 !important;
	}
	#header #globalNavi .otherList > li > a:before {
		content: "";
		position: absolute;
		top: 0.6em;
		left: 0;
		width: 5px;
		height: 5px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		-webkit-transform: rotate(45deg);
			 -moz-transform: rotate(45deg);
						transform: rotate(45deg);
	}
	#header #globalNavi .otherList > li > a[target="_blank"] {
		padding-right: 18px;
	}
	#header #globalNavi .otherList > li > a[target="_blank"]:after {
		content: "";
		position: absolute;
		top: 0.5em;
		right: 0;
		width: 12px;
		height: 10px;
		background: url(/common/img/com_ic_blank02.png) no-repeat 0 0;	
		-webkit-background-size: 12px 10px;
						background-size: 12px 10px;
	}
	
	/* search */
	#header .megaMenu[data-navi="search"] {
		padding: 20px 15px 15px;
	}
	#header #searchBox {
		width: 100%;
		padding: 5px 0;
	}
	#header #searchBox .searchTxt {
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		height: 25px;
		padding: 0 5px;
	}
	#header #searchBox .searchBtn {
		width: 40px;
		height: 25px;
		padding: 0 5px;
		-webkit-background-size: 18px 18px;
						background-size: 18px 18px;
	}
	
	/* topicPathArea
	-------------------------------- */
	#topicPathArea {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	#topicPathArea > ol {
		display: table;
		width: auto;
		margin: 0 10px;
		white-space: nowrap;
		letter-spacing: normal;
	}
	#topicPathArea > ol > li {
		display: table-cell;
	}
	#topicPathArea > ol > li + li {
		padding-left: 5px;
	}
	
	/* localNavi
	-------------------------------- */
	#localNavi > * > * {
		width: 100%;
		padding: 0 !important;
	}
	#other #localNavi {
		display: none;
	}
	#localNavi .thirdLayer {
		width: 100%;
	}
	#localNavi .fourthLayer {
		display: none;
	}
	#localNavi .thirdLayer > dl,
	#localNavi .thirdLayer > dl > dd > ul {
		display: block;
		line-height: 1.3;
	}
	#localNavi .thirdLayer > dl {
		position: relative;
	}
	#localNavi .thirdLayer > dl > dd {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		-webkit-box-shadow: 0px 5px 3px -4px #515151;
						box-shadow: 0px 5px 3px -4px #515151;
		z-index: 99;
	}
	#localNavi .thirdLayer > dl > dt {
		display: block;
		margin-right: 0;
		padding-right: 0;
		border-right: none;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: normal;
		line-height: 1.3;
		border-bottom: solid 1px #0065aa;
	}
	#localNavi .thirdLayer > dl > dt > a {
		display: block;
		position: relative;
		width: 100%;
		padding: 10px 30px 10px 15px;
		background: #117cc5;
	}
	#localNavi .thirdLayer > dl > dd > ul > li,
	#localNavi .fourthLayer > ul > li {
		margin-right: 0;
		padding-right: 0;
		font-size: 12px;
		font-size: 1.2rem;
		border-right: none;
	}
	#localNavi .thirdLayer > dl > dd > ul > li a {
		display: block;
		position: relative;
		padding: 10px 30px 10px 35px;
		color: #ffffff;
		background: #0071be;
	}
	#localNavi .thirdLayer > dl > dd > ul > li.current a,
	#localNavi .fourthLayer > ul > li.current a {
		font-weight: bold;
	}
	#localNavi .thirdLayer > dl > dd > ul > li.top {
		display: list-item;
	}
	#localNavi .thirdLayer > dl > dd > ul > li.top a {
		padding: 10px 30px 10px 25px;
		background: #117cc5;
	}
	#localNavi .thirdLayer > dl > dd > ul > li + li {
		border-top: solid 1px #0065aa !important;
	}
	#localNavi .thirdLayer > dl > dt > a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		-webkit-transform: rotate(135deg);
						transform: rotate(135deg);
	}
	#localNavi .thirdLayer > dl > dt > a.active:after {
		-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
	}
	#localNavi .thirdLayer > dl > dd > ul > li a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
	}
	#localNavi .thirdLayer > dl > dd > ul > li a[target="_blank"] {
		padding-right: 30px;
	}
	#localNavi .thirdLayer > dl > dd > ul > li a[target="_blank"]:after {
		top: 50%;
		right: 7px;
		width: 12px;
		height: 10px;
		margin-top: -5px;
		border: none !important;
		-webkit-transform: rotate(0) !important;
						transform: rotate(0) !important;
		-webkit-background-size: 12px 10px;
						background-size: 12px 10px;
	}
	
	/* headingArea
	-------------------------------- */
	#headingArea {
		padding: 10px;
	}
	#headingArea > * {
		width: 100%;
	}
	
	/* contentsArea
	-------------------------------- */
	#contentsArea {
		width: 100%;
		padding: 20px 10px 30px;
	}
	#contentsArea > * {
		width: 100%;
	}
	
	/* footer
	-------------------------------- */
	#footer {
		padding: 10px 10px 20px;
		border-top: 2px solid #0071be;
	}
	#pageTopArea {
		bottom: 40px;
		right: 5px;
	}
	#pageTopArea a {
		height: 60px;
		width: 60px;
		-webkit-background-size: 60px 60px;
						background-size: 60px 60px;
	}
	#footerLinks {
		display: none;
	}
	#footer #footerLogo {
		width: 290px;
		margin: 0 auto;
	}
	#footer #copyright {
		font-size: 8px;
		font-size: 0.8rem;
	}

}

/* Print Style
------------------------------------------------------ */
@media print{
	#headerArea {
		position: absolute;
		top: 0;
		left: 0;
	}
}