@charset "utf-8";

/* Header
-------------------------*/
#header{
	width:100%;
	position:fixed;
	background-color:#FFF;
	box-sizing:border-box;
	top:0;
	height:60px;
	z-index:300;}
#header .h-content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:auto 0 0;
	width:100%;}
#header .h-guide{
	display:flex;
	flex-wrap:wrap;
	justify-content:end;}
#header #logo{
	background:#000;
	margin:0;
	padding:0 10px;
	height:60px;
	line-height:46px;}
#header .h_btn{
	margin:15px 0 0;}
#header .h_btn ul{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	justify-content:end;
	align-items:center;}
#header .h_btn ul li{
	margin:0 20px 0 0;
	padding:0 0 0 24px;
	position:relative;}
#header .h_btn ul li:last-child,
#header .h_btn ul li.lang-btn:last-child{
	margin:0;}
#header .h_btn ul li::before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;}
#header .h_btn ul li.video::before{
	background-image:url(../img/video_i1.svg);}
#header .h_btn ul li.book::before{
	background-image:url(../img/book_i1.svg);}
#header .h_btn ul li.down::before{
	background-image:url(../img/down_i1.svg);}
#header .h_btn ul li.lang-btn{
	padding:0;
	margin:0 10px 0 0;}
#header .h_btn ul li.lang-btn::before{
	display:none;}
#header .h_btn ul li.lang-btn a{
	display:block;
	background:#fff;
	border:1px solid #C91C15;
	color:#C91C15;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	font-family:"Oswald", sans-serif;}
#header .h_btn ul li.lang-btn.main a,
#header .h_btn ul li.lang-btn a:hover{
	background:#C91C15;
	color:#fff;}
#header .h_btn a:hover{
	background-position:0 0;}
#header .h_btn span{
	font-size:14px;}
#header .sub-menu{
	display:none;}
#g_navi ul li.c-btn a{
	background:#f88746;
	color:#FFF;
	display:block;
	padding:4px 1em;
	line-height:2;
	height:auto;}
#g_navi ul li.c-btn{
	display:flex;
	align-items:center;}
#g_navi ul li a.ac_menu{
	cursor:pointer;
	overflow:hidden;}
#g_navi li a{
	text-decoration:none;
	font-size:16px;}
#g_navi li a:hover span{
	color:#C91C15;}
#g_navi ul li ul li{
	float:none;
	margin:0;}
#g_navi .sh-link{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 20px;}
#g_navi .sh-btn{
	margin:20px 0 0;
	display:flex;
	justify-content:center;}
#g_navi .sh-btn li{
	list-style:none;
	border:none!important;
	position:relative;
	height:25px;
	width:25px;
	margin:0 5px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;}
#g_navi .sh-btn li.video{
	background-image:url(../img/video_i1.svg);}
#g_navi .sh-btn li.book{
	background-image:url(../img/book_i1.svg);}
#g_navi .sh-btn li.down{
	background-image:url(../img/down_i1.svg)}
#g_navi .sh-btn li a{
    display:block;
    height:25px;
    width:25px;
	padding:0;
    text-indent:-9999px;
    position:relative;}
#g_navi ul.sh-lang{
	display:flex;
	justify-content:center;}
#g_navi ul.sh-lang li{
	border:none;
	margin:0 5px;}
#g_navi ul.sh-lang li a{
	height:30px;
	width:30px;
	line-height:30px;
	padding:0!important;
	display:block;
	background:#fff;
	border:1px solid #C91C15;
	color:#C91C15!important;
	text-align:center;
	font-family:"Oswald", sans-serif;}
.header-button a{
	background:#c91c15;
	background:linear-gradient(230deg, rgba(201,28,21,1) 0%, rgba(215,39,24,1) 35%, rgba(243,149,31,1) 90%, rgba(246,212,179,1) 100%);
	display:none;
	text-align:center;
	color:#fff;
	position:relative;
	font-weight:bold;
	font-size:16px;
	font-family:"Oswald", sans-serif;}
.header-button a:before{
	content:'';
	left:0;
	right:0;
	top:18px;
	margin:auto;
	width:30px;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(../img/h_mail_i.svg);
	position:absolute;}
.sp-header-button{
	padding:20px;}
.sp-header-button a{
	display:block;
	color:#fff;
	position:relative;
	font-weight:bold;
	font-size:16px;
	font-family:"Oswald", sans-serif;
	background:#c91c15;
	background:linear-gradient(230deg, rgba(201,28,21,1) 0%, rgba(215,39,24,1) 35%, rgba(243,149,31,1) 90%, rgba(246,212,179,1) 100%);
	padding:8px 20px;
	text-align:center;}
#g_navi ul li.lang-btn.main a{
	background:#C91C15;
	color:#fff!important;}
@media screen and (max-width:640px){
	#header .h_btn span{
		font-size:10px;}
}
@media screen and (min-width:1024px){
	#header{
		height:auto;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;}
	#header .h-guide{
		margin:auto 0 0;}
	#header #logo{
		height:100px;
		padding:0 30px;
		line-height:75px;}
	#header .h_btn a{
		width:180px;
		top:20px;
		right:220px;}
	#header .h_btn a + a{
		margin:0 0 0 10px;}
	#header.fixed{
		height:100px;}
	#header.fixed a img{
		height:57px;
		top:5px;}
	#header.fixed .h_btn a{
		top:5px;}
	.menu-btn,
	.btn_close{
		display:none;}
	#g_navi{
		width:100%;
		z-index:1000;
		left:auto;
		right:0;
		bottom:0px;
		font-size:14px;}
	#g_navi ul.navi-base{
		height:50px;
		margin:0 auto;
		position:relative;
		display:flex;
		flex-wrap:wrap;
		justify-content:end;}
	#g_navi ul li{
		position:relative;
		margin:0 2em 0 0;
		line-height:1;
		text-align:center;
		font-size:16px;
		list-style:none;
		height:50px;}
	#g_navi ul li:last-child{
		margin:0;}
	#g_navi li a{
		font-size:15px;
		text-decoration:none;
		height:56px;
		line-height:56px;
		padding:0;
		display:block;
		position:relative;
		overflow:hidden;
		transition:0.3s;}
	#g_navi li:last-child a{
		margin-right:0;}
	#g_navi li a:hover::before{
		background-color:#C91C15;
		top:0px;}
	#g_navi li a:hover,
	#g_navi li a.active,
	#g_navi ul li:hover>a{
		color:#C91C15;}
	#g_navi ul li:hover>a.ac_menu,
	#g_navi li a.ac_menu:hover{
		position:relative;}
	#g_navi ul li div{
		position:absolute;
		z-index:2000;
		top:50px;
		left:0px;
		opacity:0;
		visibility:hidden;
		transition:.3s;
		width:100%;
		min-width:140px;
		background-color:#C91C15;}
	#g_navi ul li ul{
		margin-left:auto;
		margin-right:auto;}
	#g_navi li ul li a{
		padding:14px 10px;
		line-height:22px;
		height:auto;
		color:#FFF;
		text-align:left;
		-moz-border-radius:5px;}
	#g_navi ul li ul li a:hover{
		color:#C91C15;
		background-color:#FFF;
		box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;}
	#g_navi li li a::before{display:none;}
	#g_navi ul li:hover div{
		visibility:visible;
		opacity:1;}
	#g_navi div.ac_list{
		display:block !important;}
	#header.fixed #g_navi{
		height:40px;}
	#header.fixed #g_navi ul li div{
		top:40px;}
	#header.fixed #g_navi li a{
		padding-top:10px;
		height:30px;}
	#header.fixed #g_navi li ul li a{
		padding-top:9px;
		height:22px;}
	#g_navi .sh-link{
		display:none;}
	.header-button a{
		height:100px;
		width:100px;
		line-height:130px;
		margin:0 0 0 20px;
		display:block;}
	.sp-header-button{
		display:none;}
	#header .menu > .menu-item{
		display:inline-block;
		padding:.5em .3em;}
	#header .menu-item{
		list-style-type:none;}
	#header .menu-item-has-children{
		position:relative;}
	#header .menu-item-has-children:hover{
		cursor:pointer;}
	#header .menu-item-has-children:hover .sub-menu{
		display:block;}
	#header .sub-menu{
		position:absolute;
		top:55px;
		left:-50%;
		width:200px;
		background:#C91C15;
		padding:0;}
	#header .sub-menu > .menu-item:not(:last-child){
		border-bottom:1px solid #eee;}
	#header .sub-menu > .menu-item a{
		display:inline-block;
		width:100%;
		height:100%;
		padding:1em;}
	#header .sub-menu > .menu-item a:hover{
		background:#FFF;
		color:#C91C15;}
}
@media screen and (min-width:1140px){
	#header .logo a img{
		top:25px;}
}
@media screen and (max-width:1023px){
	#header .logo{
		margin:5px 0 0;}
	#header #logo img{
			height:45px;}
	#header .h_btn{
		display:none;}
	#header .h_menu, #header #info{
		display:none;}
	.menu-btn{
		display:block;
		height:40px;
		width:40px;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		position:fixed;
		z-index:5000;
		top:10px;
		right:5px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;}
	.menu-btn:hover{
		cursor:pointer;}
	.menu-btn span{
		width:28px;
		height:2px;
		display:block;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-14px;
		background-color:#F8121E;}
	.menu-btn span{
		transition:all 0.3s;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);}
	.menu-btn span.top{
		transform:translateY(-8px);
		-webkit-transform:translateY(-8px);
		-moz-transform:translateY(-8px);}
	.menu-btn span.bottom{
		transform:translateY(8px);
		-webkit-transform:translateY(8px);
		-moz-transform:translateY(8px);}
	.menu-btn:hover span.top{
		transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);}
	.menu-btn:hover span.bottom{
		transform:translateY(10px);
		-webkit-transform:translateY(10px);
		-moz-transform:translateY(10px);}
	.menu-btn.opened span.middle{
		background:rgba(255, 255, 255, 0);
		transform:translateX(30px);
		-webkit-transform:translateX(30px);
		-moz-transform:translateX(30px);}
	.menu-btn.opened span.top{
		transform:rotate(-45deg) translateY(0px);
		-webkit-transform:rotate(-45deg) translateY(0px);
		-moz-transform:rotate(-45deg) translateY(0px);}
	.menu-btn.opened span.bottom{
		transform:rotate(45deg) translateY(0px);
		-webkit-transform:rotate(45deg) translateY(0px);
		-moz-transform:rotate(45deg) translateY(0px);}
	#g_navi{
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		display:none;
		padding-top:50px;
		overflow:auto;
		z-index:3000;
		background-color:#FFF;
		box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		font-size:14px;
		letter-spacing:1px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}
	#g_navi ul{
		display:block;
		margin:55px 0 0;
		padding:0px;
		clear:both;}
	#g_navi ul li:first-child{
		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#EEE;}
	#g_navi ul li{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#EEE;}
	#g_navi ul li a{
		color:#111;
		text-decoration:none;
		display:block;
		padding:12px 20px;
		vertical-align:middle;
		font-size:14px;}
	#g_navi ul li a:hover{
		color:#999;}
	#g_navi ul li:first-child a{
		padding-top:14px;
		padding-bottom:14px;}
	#g_navi ul li ul{
		margin:0;
		background:#F8121E;}
	#g_navi ul li ul li:first-child a{
		padding-top:9px;
		padding-bottom:9px;
		color:#FFF;}
	#g_navi ul li:first-child a{
		padding-top:14px;
		padding-bottom:14px;}
	.fixed{
		overflow:hidden;}
	#g_navi ul li.c-btn{
		border:none;
		padding:20px;}
	#g_navi ul li.c-btn a{
		width:100%;
		text-align:center;}
	#g_navi ul li a.ac_menu{
		background-image:none;
		position:absolute;
		padding:20px 24px;
		top:0;
		right:0;}
	#g_navi ul li a.ac_menu.active{
		color:#999;}
	#g_navi ul li a.ac_menu::after{
		font-size:11px;
		display:block;
		right:12px;
		color:#555;
		z-index:2;
		content:'';
		width:6px;
		height:6px;
		border-width:2px 2px 0 0;
		border-style:solid;
		transform:rotate(135deg);
		transition:all .3s ease-in 0s;
		position:absolute;
		left:1.5em;
		top:calc(50% - 6px);}
	#g_navi ul li{
		position:relative;}
	#g_navi div.ac_list{
		display:none;
		background:#C91C15;}
	#g_navi ul li li:first-child{
		border-top:none;}
	#g_navi ul li ul li a{
		border-bottom:none;
		color:#FFF;}
	#g_navi ul li ul li a:hover{
		color:#999;}
	.bg_bl{
		background-color:#FFF;
		height:100%;
		width:100%;
		opacity:0.80;
		filter:alpha(opacity=80);
		-ms-filter:"alpha( opacity=80 )";
		display:block;
		position:fixed;
		z-index:2000;}
	#header .h_btn a{
		border-radius:0;
		height:50px;
		width:70px;
		top:0;
		right:48px;
		padding:0;}
	#header .navi-base{
		list-style:none;
		padding:0;}
	#header .sub-menu.open{
		display:block;}
	#g_navi ul li .plus{
		position:absolute;
		right:20px;
		top:8px;
		margin:auto;
		text-align:center;
		width:30px;
		height:30px;
		line-height:30px;
		display:block;}
	#g_navi ul li .plus::after{
		content:'+';
		font-size:30px;
		color:#C91C15;}
	#header .menu-item-has-children.open > .plus::after{
		content:'-';}
}
@media (min-width:1024px) and (max-width:1245px){
	#header .h-content{
		height:90px;}
	#header #logo{
		padding:0 10px;
		height:90px;
		line-height:65px;}
	#header #logo img{
		width:220px;}
	#header .h_btn ul,
	#g_navi ul.navi-base{
		padding-left:0;}
	#header .h_btn ul li{
		margin:0 15px 0 0;}
	#header .h_btn a,
	#g_navi li a{
		font-size:14px;}
	#g_navi ul li{
		margin:0 20px 0 0;}
	#g_navi li a{
		height:50px;
		line-height:50px;}
	#page-header{
		margin:90px 0 0;}
	.header-button a{
		margin:0 0 0 15px;
		height:90px;
		width:90px;}
}

/* Contact
-------------------------*/
#contact{
	padding:40px 20px 50px;
	color:#fff;
	position:relative;
	background-image:url(../img/c-bak.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;}
#contact::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);}
#contact p{
	color:#FFF;}
#contact .dlb-title{
	text-align:center;
	margin:0;
	color:#FFF;}
#contact .dlb-sub{
	color:#FFF;}
.cnt-inner{
	max-width:1100px;
	margin:auto;}
.cnt-box{
	position:relative;
	max-width:840px;
	margin:auto;
	z-index:2;}
#contact .cnt-txt{
	margin:30px 0 40px;}
#contact .headline{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	margin:0 0 10px;}
#contact .time{
	margin:0 0 0 auto;
	font-weight:bold;
	font-size:14px;
	max-width:225px;}
#contact .time-en{
    font-weight:bold;
    font-size:14px;
    text-align:center;}
#contact .button a{
	display:flex;
	align-items:center;
	color:#fff;
	background:#c91c15;
	background:linear-gradient(230deg, rgba(201, 28, 21, 1) 0%, rgba(215, 39, 24, 1) 35%, rgba(243, 149, 31, 1) 90%, rgba(246, 212, 179, 1) 100%);
	max-width:300px;
	text-align:center;
	height:80px;
	margin:auto;}
#contact .button a span{
	position:relative;
	font-size:20px;
	padding:0 0 0 40px;
	font-weight:bold;
	margin:auto;
	display:table;
	color:#FFF;}
#contact .button a span::before{
	content:"";
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../img/f_mail_i.svg);}
.cnt-info{
	margin:0 auto 40px;}
.cnt-num{
	padding:0 0 0 45px;
	position:relative;
	margin:20px 0;}
.cnt-num::before{
	content:"";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	left:40px;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../img/tel-icon.svg);}
.jp.cnt-num::before{
	content:"";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../img/top/tel-icon.svg);}
.cnt-num dl{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 15px;
	justify-content: center;
	padding-right: 40px;
	align-items:center;}
.cnt-num dl:last-child{
	margin:0;}
.cnt-num dt,
.cnt-num dd a{
	font-weight:bold;
	color:#FFF;
	font-size:22px;
	position:relative;
	line-height:1;
	margin:auto;}
.cnt-num dt{
	margin:0;}
.cnt-num dd{
	padding:0 0 0 22px;
	position:relative;}
.cnt-num dd::before{
	content:"\ff1a";
	display:block;
	position:absolute;
	font-size:22px;
	left:0;
	top:-4px;
	background-repeat:no-repeat;}
.cnt-num dd a{
	display:block;
	font-family:"Oswald", sans-serif;}
.cnt-num .note{
	font-size:14px;
	margin:-18px 0 15px;
	font-weight:bold;}
.cnt-en .cnt-num .note{
	font-size:14px;
	margin:-18px 0 -15px;
	text-align: center;
	font-weight:bold;}
@media screen and (min-width:768px){
	#contact{
		padding:45px 30px 80px;}
	#contact .cnt-txt{
		text-align:center;
		margin:26px 0 40px;}
	#contact .number{
		font-size:40px;}
	.cnt-row{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;}
	.cnt-col{
		width:calc(50% - 10px);}
	.cnt-info{
		margin:auto;
		max-width:none;}
	.cnt-num{
		padding:0 0 0 40px;}
	.cnt-num dt,
	.cnt-num dd a{
		font-size:28px;}
	.cnt-num::before{
		width:35px;
		height:35px;}
	.cnt-num dd{
		text-align:right;}
}
@media screen and (min-width:1024px){
	#contact{
		padding:55px 40px 100px;}
	.cnt-col{
		width:calc(50% - 20px);}
	.cnt-num{
		padding:0 0 0 55px;}
	.cnt-num::before{
		width:45px;
		height:45px;}
	.cnt-num dt,
	.cnt-num dd a{
		font-size:28px;}
	.cnt-num dd{
		padding:0 0 0 28px;}
	.cnt-num dd::before{
		font-size:28px;
		top:-6px;}
}
@media screen and (min-width:768px) and (max-width:1024px){
	#contact .button a{
		height:65px;
		max-width:250px;}
	#contact .time{
		max-width:175px;}
}

/* Contact(English)
-------------------------*/
.cnt-box.cnt-en{
	max-width:870px;}
@media screen and (min-width:768px){
	.cnt-en .cnt-row .cnt-col{
		width:50%;}
	.cnt-en .cnt-row .cnt-num{
		padding:0 0 0 45px;}
	.cnt-en .cnt-num::before{
		width:35px;
		height:35px;}
	.cnt-en .cnt-num dt{
		font-size:16px;}
	.cnt-en .cnt-num dd{
		padding:0 0 0 20px;}
	.cnt-en .cnt-num dd::before{
		font-size:24px;
		top:-4px;
	    display:none;}
	.cnt-en .cnt-num dd a{
		font-size:24px;}
}
@media screen and (min-width:1024px){
	.cnt-en .cnt-num{
		padding:0 0 0 50px;}
	.cnt-en .cnt-num::before{
		width:40px;
		height:40px;}
	.cnt-en .cnt-num dt{
		font-size:20px;}
	.cnt-en .cnt-num dd{
		padding:0;}
	.cnt-en .cnt-num dd::before{
		font-size:28px;
		top:-7px;
		display:none;}
	.cnt-en .cnt-num dd a{
		font-size:28px;}
}
@media screen and (max-width:767px){
	.cnt-en .cnt-num{
		display:table;
		margin:20px auto;}
	.cnt-en .cnt-num dl{
		display:block;}
	.cnt-en .cnt-num dt{
		font-size:18px;}
	.cnt-en .cnt-num dd{
		padding:0;}
	.cnt-en .cnt-num dd::before{
		display:none;}
	.cnt-num dd a{
		font-size:28px;}
	#contact .cnt-en .time{
		margin:auto;}
}

/* Footer
-------------------------*/
footer{
	padding:50px 20px 0;
	background-image:url(../img/f-bak.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.f-cover{
	background:#FFF;
	max-width:1100px;
	margin:auto;}
.f-logo{
	background:#000;
	width:100%;
	padding:20px;
	text-align:center;
	height:auto;
	line-height:normal;
	box-sizing:border-box;
	margin:0 0 20px;}
.f-logo img{
	width:auto;}
.f-nav{
	display:table;
	margin:auto;}
.f-nav li{
	position:relative;
	margin:10px 0 0;}
.f-nav li:first-child{
	margin:0;}
.f-nav li{
	position:relative;
	margin:10px 0 0;
	padding:0 0 0 24px;}
.f-nav li::before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;}
.f-nav li.video::before{
	background-image:url(../img/video_i2.svg);}
.f-nav li.book::before{
	background-image:url(../img/book_i2.svg);}
.f-nav li.down::before{
	background-image:url(../img/down_i2.svg)}
.f-o-lang{
	margin:20px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;}
.f-o-lang li{
	margin:0 0 0 10px;}
.f-o-lang li a{
	display:block;
	background:#fff;
	border:1px solid #C91C15;
	color:#C91C15;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	font-family:"Oswald", sans-serif;}
.f-o-lang li.lang-btn a:hover,
.f-o-lang li.lang-btn.main a{
	background:#C91C15;
	color:#fff;}
.f-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:auto;
	width:100%;
	max-width:1000px;
	padding:0 20px;
	box-sizing:border-box;}
.f-grid-menu ul{
	padding:0;
	margin:0 0 20px;}
.f-grid-menu ul li a{
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
	position:relative;}
.f-grid-menu ul li a:hover{
	color:#aaa;}
.f-grid-menu ul li ul li{
	padding:0 0 0 10px;
	position:relative;}
.f-grid-menu ul li ul li::before{
	content:"";
	display:block;
	width:6px;
	height:1px;
	background:#888;
	position:absolute;
	left:0;
	top:0.7em;}
.f-grid-menu ul li ul li a{
	color:#888;
	font-size:13px;
	font-weight:normal;}
.f-item{
	width:50%;}
.gap-two ul{
	column-count:2;
	width:fit-content;}
.f-u-grid{
	max-width:1000px;
	margin:auto;}
.f-u-menu{
	border-top:1px solid #ccc;
	padding:20px;
	max-width:1000px;
	box-sizing:border-box;
	margin:auto;}
.f-u-menu ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:auto;
	width:100%;
	max-width:1090px;}
.f-u-menu ul li{
	padding:0 14px 0 0;
	margin:0 14px 0 0;
	position:relative;}
.f-u-menu ul li:last-child{
	padding:0;
	margin:0;}
.f-u-menu ul li a{
	font-size:14px;
	text-decoration:none;}
.f-u-menu ul li::after{
	position:absolute;
	content:'';
	display:block;
	width:1px;
	height:calc(100% - 1em);
	background:#000;
	transition:0.4s;
	top:0;
	right:0;
	bottom:0;
	margin:auto;}
.f-u-menu ul li:last-child::after{
	display:none;}
#copyright{
	margin:15px 0 0;
	font-size:14px;
	text-align:center;}
@media screen and (min-width:768px){
	footer{
		padding:60px 30px 0;}
	.f-over{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;}
	.f-o-menu{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		padding:0 20px 0 0;}
	.f-logo{
		height:90px;
		line-height:84px;
		width:100%;
		max-width:165px;
		margin:0;
		padding:0;}
	.f-logo img{
		width:80%;}
	.f-o-lang{
		justify-content:end;}
	.f-grid{
		margin:50px auto;}
	.f-nav{
		display:flex;
		flex-wrap:wrap;
		width:auto;}
	.f-nav li{
		margin:0 0 0 20px;}
	.f-item{
		width:auto;
		margin:0 10px 0 0;}
	.f-item:last-of-type{
		margin:0;}
	.f-grid-menu ul{
		margin:0;}
	.f-grid-menu ul li{
		margin:0 0 20px;}
	.f-grid-menu ul li:last-of-type{
		margin:0;}
	.f-grid-menu ul li:last-child ul{
		margin:0;}
	.f-grid-menu ul li ul{
		margin:0;}
	.f-grid-menu ul li ul li,
	.f-grid-menu ul li ul li:last-of-type{
		margin:0 0 0 10px}
	.f-grid-menu ul li ul li a{
		font-size:15px;}
	.f-u-menu ul{
		justify-content:center;}
	#copyright{
		margin:0;}
}
@media screen and (min-width:850px){
	.f-logo{
		max-width:230px;}
	.f-logo img{
		width:auto;}
}
@media screen and (min-width:1024px){
	footer{
		padding:100px 40px 0;}
	.f-o-menu{
		padding:0 40px 0 0;}
}
@media screen and (max-width:767px){
	.f-item:nth-child(2){
		width:100%;}
	.gap-two ul{
		width:100%;}
	.gap-two ul li{
		width:100%;}
	.cnt-num::before{
		left: 0px;}
	.cnt-num dl{
		padding-right:0;
		padding-left:30px;
		margin-bottom:30px;}
}

/* Contact
-------------------------*/
#contact{
	padding:0 20px;
	background-image:url(../img/top/sys_bak.jpg);}
#contact::after{
	height:100%;
	background:linear-gradient(90deg, rgba(201,28,21,0.6) 0%, rgba(215,39,24,0.6) 35%, rgba(243,149,31,0.6) 90%, rgba(246,212,179,0.6) 100%);}
#contact .dlb-title{
	color:#000;
	color:transparent;
	background:linear-gradient(0deg, rgba(201, 28, 21, 1) 0%, rgba(215, 39, 24, 1) 35%, rgba(243, 149, 31, 1) 60%, rgba(246, 212, 179, 1) 100%);
	background:-webkit-linear-gradient(0deg, rgba(201, 28, 21, 1) 0%, rgba(215, 39, 24, 1) 35%, rgba(243, 149, 31, 1) 60%, rgba(246, 212, 179, 1) 100%);
	-webkit-background-clip:text;}
#contact .dlb-sub{
	color:#000;}
#contact p{
	color:#000;}
.cnt-num::before{
	background-image:url(../img/top/tel-icon.svg);}
.cnt-num dt,
.cnt-num dd a{
	color:#000;}
.cnt-num dd a{
	font-family:"Oswald", sans-serif;}
.cnt-inner{
	padding:45px 20px 60px;
	background:#FFF;
	position:relative;
	z-index:3;}
@media only screen and (min-width:768px){
	#contact{
		padding:0 30px 60px;}
	#contact::before{
		content:'';
		position:absolute;
		top:0;
		left: 0;
		width:100%;
		height:100px;
		z-index:2;
		background:#FFF;}
	.cnt-inner{
		box-shadow:0 3px 15px 0 rgba(0,0,0,0.3);
		padding:40px 20px 60px;}
}
@media print, screen and (min-width:1024px){
	#contact{
		padding:0 40px 100px;}
	.cnt-inner{
		padding:70px 20px 100px;}
}

/* Footer
--------------------*/
footer{
	padding:40px 40px 0;
	background:#000;}
.f-grid{
	padding:0;}
.f-cover{
	background:transparent;}
.f-u-menu{
	border-top:1px solid #FFF;}
.f-u-menu ul li::after{
	background:#FFF;}
.f-nav li.video::before{
	background-image:url(../img/top/video_i.svg);}
.f-nav li.book::before{
	background-image:url(../img/top/book_i.svg);}
.f-nav li.down::before{
	background-image:url(../img/top/down_i.svg)}
.f-nav li a,
.f-grid-menu ul li a,
.f-grid-menu ul li ul li a,
.f-u-menu ul li a,
#copyright{
	color:#FFF;}
@media print, screen and (min-width:768px){
	footer{
		padding:40px 40px 0;}
	.f-grid{
		padding:0 20px;}
}