/* common
*****************************************/
.pcNone {display: none;}

@media screen and (max-width: 991px) {
.spNone {display: none;}
.pcNone {display: block;}
}

/* header
*****************************************/
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
}
#header.fix {
	position: fixed;
	height: 60px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	box-shadow:0px 0px 5px 0px rgb(102, 102, 102);
	animation: headslide linear .3s 1;
	-webkit-animation: headslide linear .3s 1;
}

/*--��𧢲�煺�𦠜䲮ICON--*/
#headicon {display: none;}

/*--�㭘頠詨�睲�𦠜㬢��閙��詨鱓霈羓���閙��--*/
@keyframes headslide {
	0% {top: -60px;}
	100% {top: 0;}
}
@-webkit-keyframes headslide {
	0% {top: -60px;}
	100% {top: 0;}
}
#header .inner01 {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 1170px;
}
#logo01 {
	position: absolute;
	top: 15px;
	left: 0;
	width: 400px; 
}
#logo01 img {
	width: 200px;
	height: auto;
	float: left;
}
#logo01 .slogan {
	font-size: 16px;
	color: #005bac;
	position: relative;
	top: 17px;
	left: 10px;
	float: left;
	font-weight: bold;
	letter-spacing: 1px;
}

/*--�㭘頠詨�睲�𦠜㬢��閙�閮剖�𡁻�见��--*/
.fix #logo01 {
	top: 15px;
	width: 160px;
}
.fix #logo01 img {
	width: 100%;
	height: auto;
}
.fix #logo01 .slogan {display: none;}
.fix #globalNav {
	padding: 23px 0 0 200px;
}
.fix #globalNav ul {background-image: none;}
.fix #globalNav li {
	padding: 0 26px;
	width: inherit;
}
.fix #globalNav li a {font-size: 14px;}
.fix #globalNav li a:hover {
	color: #fff;
	opacity: 1;
	/* padding: 5px; */
	/* background-color: #0277BD; */
	/* margin: -5px 0px 0;	 */
}
.fix .headNav01 {top: 4px;}
.fix .headList01 {float: left; margin-top: 15px;}
.fix .headList01 li {float: left; margin-right: 0px;}
.fix .headList01 li a {
	display: block;
    padding: 0px 0px 0px 15px;
	font-size: 14px;
}
.fix .telList01 {float: right;}
.fix .telList01 li {
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	font-size: 14px;
	color: #B71C1C;
}
.fix .telList01 li span {
	font-size: 24px;
	position: relative;
	top: 3px;
}
.fix .telList01 li .ts {
	font-size: 32px;
	position: relative;
	top: 8px;
	padding-right: 2px;
}
#headBtn01,#headBtn02 {display: none;}

/*--�詨鱓����蠘身摰�--*/
#globalNav {padding-top: 80px;}
#globalNav ul {
	background-image: url(../images/menu-line.gif);
	background-position: right 0%;
	background-repeat: no-repeat;
}
#globalNav li {
	float: left;
	width: 16.66666%;
	box-sizing: border-box;
	background-image: url(../images/menu-line.gif);
	background-position: left 0%;
	background-repeat: no-repeat;
}
#globalNav li a {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
	-webkit-transition: all 1s;
	transition: all 0.3s;
	color:#333;
	font-size: 16px;
}
#globalNav li a:hover {
	color: #fff;
	opacity: 1;
	/*padding: 5px 0;
	background-color: #0277BD;
	margin: -5px 20px 0;*/
}
#globalNav li a:focus {overflow: inherit;}
#globalNav li.current a {font-weight: bold;}
#globalNav li.current a:hover {opacity: 1.0;}
#globalNav li a i {
	color: #0277BD;
	padding: 0px 5px;
}
#globalNav li a:hover i {color: #fff;}
#globalNav li .hot {
    color: #0277BD;
}

/*--�詨鱓����𥡝秐���鱓����憿讛𠧧--*/
#globalNav li.navi01.current a {color: #df6764;}
#globalNav li.navi02.current a {color: #60accf;}
#globalNav li.navi03.current a {color: #7fb94f;}
#globalNav li.navi04.current a {color: #f4cd31;}
#globalNav li.navi05.current a {color: #00ada9;}
#globalNav li.navi06.current a {color: #a64a97;}

/*--銝𦠜䲮��憿𧼮����--*/
.headNav01 {
	position: absolute;
	top: 5px;
	right: 0;
}
.headNav01 a {
	text-decoration: none;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	font-size: 12px;
	line-height: 24px;
}
.headNav01 li a:hover {opacity: 0.6;}
.headNav01 li.current a:hover {opacity: 1.0;}

/*--銝𦠜䲮摮𣂼�憿𧼮����--*/
.headList01 {float: left; margin-top: 15px;}
.headList01 li {float: left; margin-right: 0px;}
.headList01 li a {
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	color: #005bac;
}
.headList01 li .ts {
	font-size: 12px;
	position: relative;
	top: 0px;
	padding-right: 2px;

}
.telList01 {float: right;}
.telList01 li {
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	font-size: 14px;
	color: #b81c22;
}
.telList01 li span{
	font-size: 24px;
	position: relative;
	top: 3px;
}
.telList01 li .ts {
	font-size: 32px;
	position: relative;
	top: 8px;
	padding-right: 2px;
}
.langList01 {float: right;}
.langList01 li {float: left; margin-left: 5px;}
.langList01 li a {
	display: table-cell;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background-color: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.langList01 li.color1 a {background-color: #FF7043;}
.langList01 li.color2 a {background-color: #8BC34A;}
.langList01 li.color3 a {background-color: #03A9F4;}
.socialList01 {
	position: relative;
	display: table;
	margin-top: 100px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

@media screen and (max-width: 1199px) {
.fix #logo01 {
	top: 17px;
	width: 150px;
}	
.fix .telList01 li  {line-height: 50px;}	
.fix .telList01 li span {
	font-size: 20px;
	position: relative;
	top: 2px;
}	
.fix .telList01 li .ts {display: none;}		
.fix #globalNav {padding: 25px 0 0 170px;}	
.fix #globalNav li {
	padding: 0 15px;
	width: inherit;
}
}

@media screen and (max-width: 991px) {
#globalNav li .hot, #globalNav li a i {
	color: #fff;
}	
#globalNav li a .dp-web {display: none;}
#header,
#header.fix {
	position: fixed;
	height: 50px;
	background-image: none;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	box-shadow: 0px 0px 5px 0px rgb(102, 102, 102);
	border-radius: 0px;
	animation: none;
	-webkit-animation: none;
}
.telList01 {display: none;}		
	
/*--��𧢲�罸�詨鱓撅閖�见����--*/
#header.openSp {height: 100%; background-color: inherit;}
#header.openSp .inner01 {height: 100%; overflow-y: auto;}

/*--��𧢲�煺�𦠜䲮�����--*/
#header .headWrap02 {background-color: #fff; height: 50px;}
#header .inner01 {width: 100%;}
#logo01,
.fix #logo01 {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 260px;
}
#logo01 img,
.fix #logo01 img {
	width: 140px;
}	
#logo01 .slogan,
.fix #logo01 .slogan {
	font-size: 12px;
	top: 10px;
	left: 6px;
	letter-spacing: 1px;
	display: block;
}	
	
/*--��𧢲�煺�㗇�萘�𡁜����--*/
#headBtn01 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#headBtn01 span {
	position: absolute;
	display: block;
	margin-left: -12px;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	background-color: #0277BD;
	-webkit-transition: width 0.2s, right 0.2s, left 0.2s;
	transition: width 0.2s, right 0.2s, left 0.2s;
}
#headBtn01 .top {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

/*--��𧢲�煺�㗇�萘�𡁶�銝剝�梶��--*/
#headBtn01 .middle {
	position: relative;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	background: none;
}
#headBtn01 .middle:before,
#headBtn01 .middle:after {
	display: block;
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	margin-top: 0px;
	background-color: #0277BD;
	-webkit-transition: all 0.2s;
	-webkit-transform: rotate(0deg);
	transition: all 0.2s;
	transform: rotate(0deg);
}
#headBtn01 .bottom {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
.openSp #headBtn01 {background-color: #fff;}
.openSp #headBtn01 .top {left: 100%; width: 0px;}

/*--��𧢲�峑蝺�--*/
.openSp #headBtn01 .middle:before {
	background-color: #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.openSp #headBtn01 .middle:after {
	background-color: #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.openSp #headBtn01 .bottom {right: 100%;width: 0px;}
	
/*--��𧢲�煺�𦠜䲮ICON--*/
#headicon {
	float: right;
	right: 50px;
	position: relative;
	display: block;
}
#headicon a .top-icon-1 {
	font-size: 34px;
	color: #7CB342;
	padding: 9px 0 0 15px;
	float: right;
}	
#headicon a .top-icon-2 {
	font-size: 30px;
	color: #b81c22;
	/* padding: 10px 0 0 15px; */
	margin-top: 10px;
	float: right;
}		

/*--憛怠鱓隢株岷--*/
#headBtn02 {display: block;}
#headBtn02 a{
	display: block;
	margin: 10px auto 0;
	padding: 12px 0;
	width: 200px;
	background-color: #9C27B0;
	color: #fff;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	text-decoration: none;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
#headBtn02 a:hover{opacity: 0.6;}
#headBtn02 .ts{
	font-size: 16px;
	position: relative;
	top: 0px;
	padding-right: 5px;
}	
.headWrap01 {
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 50px;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 1000;
}
	
/*--��𧢲�罸�詨鱓撅閖�钅�睃漲--*/
.openSp .headWrap01 {
	height: 100%;
	background-color: #333;
}

/*--��𧢲�罸�詨鱓閮剖��--*/
#globalNav,
.fix #globalNav {padding: 0;}
#globalNav ul {background-image: none;}
#globalNav li,
.fix #globalNav li {
	/* display: table; */
	padding: 0;
	width: 100%;
	background-image: none;
}
#globalNav li:nth-child(odd) {border-left: none;}
#globalNav li a {
	position: relative;
	/* display: table-cell; */
	padding: 0 0 0 15px;
	width: 100%;
	height: 50px;
	background-color: #333;
	border-bottom: #666 solid 1px;
	color: #fff;
	/* vertical-align: middle; */
	text-align: left;
	font-size: 16px;
	line-height: 50px;
}
#globalNav li a:hover {
	color: #fff;
	opacity: 1;
	padding: 0 0 0 15px;
	background-color: #0277BD;
	margin: 0;
}	
.fix #globalNav li a {font-size: 16px;}	

/*--��𧢲�毺悌��閮剖��--*/
#globalNav li a:after {
	position: absolute;
	display: block;
	top: 20px;
	right: 15px;
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#globalNav li.current a {font-weight: normal;}

#globalNav li.navi01.current a,
#globalNav li.navi02.current a,
#globalNav li.navi03.current a,
#globalNav li.navi04.current a,
#globalNav li.navi05.current a,
#globalNav li.navi06.current a {
	color: #fff;
}

/*--��𧢲�笔�鞾�詨鱓�����--*/
.headNav01,
.fix .headNav01 {
	position: relative;
	top: 0;
}
.langList01 {
	float: none;
	display: table;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.langList01 li {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	width: 54px;
}
.langList01 li:first-child {margin-left: 0;}
.langList01 li a {
	width: 54px;
	height: 54px;
	border-radius: 28px;
	font-size: 30px;
}
.langList01 li a span {font-size: 36px;}	
.langList01 .tel {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-top: 10px;
}
.langList01 .tel span{font-size: 26px;}	
.langList01 .fb {
	width: 100%;
	max-width: 150px;
	margin: 15px auto 0;
	border-radius: 3px;
	background-color: #3C5A9A;
	display: none;
}
#header .socialList01 {display: block;}
}

/* Clearfix
*****************************************/
#globalNav ul:before,
#globalNav ul:after,
#footer:before,
#footer:after,
.cf:before,
.cf:after,
.topWrapper01:before,
.topWrapper01:after,
.list01 li a:before,
.list01 li a:after,
.list02:before,
.list02:after,
.list04:before,
.list04:after,
.anchorLink01:before,
.anchorLink01:after,
.iconList01:before,
.iconList01:after,
.frameArea01 .inner01:before,
.frameArea01 .inner01:after,
.headNav01:before,
.headNav01:after,
.headList01:before,
.headList01:after,
.langList01:before,
.langList01:after,
.footList02:before,
.footList02:after,
.editorArea:before,
.editorArea:after {
    content: " ";
    display: table;
}

#globalNav ul:after,
#footer:after,
.cf:after,
.topWrapper01:after,
.list01 li a:after,
.list02:after,
.list04:after,
.anchorLink01:after,
.iconList01:after,
.frameArea01 .inner01:after,
.headNav01:after,
.headList01:after,
.langList01:after,
.footList02:after,
.editorArea:after {
    clear: both;
}

/*--銝𧢲�厰�詨鱓閮剖��--*/
.global_nav-item {position: relative;}
.global_nav-item > .inner {
   position: relative;
   z-index: 2;
}
#globalNav .global_nav-item.js-openSub > .inner {color: #fff;}
#globalNav .sub_nav-list {
	width: 100%;
	background-image: none;
}
#globalNav .sub_nav-item {
	width: 100%;
	padding: 0px 0px;
	background-image: none;
}
#globalNav .sub_nav-item a {
	padding: 12px 0;
	border-bottom: 1px solid #fff;
}
#globalNav .sub_nav-item a:hover {
	padding: 12px 0;
	margin: 0;
	background-color: #0277BD;
}
#globalNav .sub_nav-item .borderno {
    border-bottom: none;
}
.sub_nav {
	width: 100%;
	padding-top: 24px;
	position: absolute;
	top: 100%;
	left: 0;
}
.sub_nav-list {
	max-height: 0;
	background-color: #f8f8f8;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fix #globalNav .sub_nav {padding-top: 23px;}
.fix #globalNav .sub_nav-item {padding: 0px 0px;}
.fix #globalNav .sub_nav-item a {padding: 10px 0;}
.fix #globalNav .sub_nav-item a:hover {
	padding: 10px 0;
	margin: 0;
	background-color: #0277BD;
}
.js-openSub .sub_nav:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -25%;
	width: 150%;
	height: 130%;
	z-index: 1;
}
.js-openSub .sub_nav-list {
    max-height: 360px;
    padding: 15px 0 15px 0;
}

@media screen and (max-width: 480px) {
#logo01 .slogan,
.fix #logo01 .slogan {
	font-size: 10px;
	top: 14px;
}	
}
@media screen and (max-width: 320px) {
#logo01 .slogan,
.fix #logo01 .slogan {display: none;}		
}

@media (max-width: 1199px) {
.fix #globalNav .sub_nav {padding-top: 21px;}
}

@media (min-width: 992px) {
.global_nav-item a {cursor: pointer;}	
.global_nav-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #0277BD;
    transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}
.global_nav-item.js-openSub:before {
	top: -6px;
	opacity: 1;
	width: 78%;
	padding: 13px 0px;
}
}

@media (max-width: 991px) {
.sub_nav {
    position: relative;
    padding-top: 0;
    display: none;
}
.sub_nav-list {
	background-color: #f8f8f8;
	box-shadow: inset 0px 0px 0px rgba(0,0,0,0);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}	
#globalNav .sub_nav-item {
    width: 50%;
    border-bottom: 1px solid #ccc;
    display: table;
}
#globalNav .sub_nav-item a {
	padding: 0;
	background-color: transparent;
	border-bottom: none;
	color: #333;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#globalNav .sub_nav-item a:hover {
	padding: 0;
	background-color: #fff;
	color: #333;
	margin: 0;
}	
#globalNav .sub_nav-item a:after {display: none;}	
#globalNav .sub_nav-item:nth-of-type(odd) {border-right: 1px solid #ccc;}	
#globalNav .global_nav-item a:after {right: 30px;}
#globalNav .global_nav-item.js-openSub > .inner {background-color: #0277BD;}
.js-openSub .sub_nav-list {
    padding: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}	
}