html {position: relative; height: 100%;}
body {margin: 0;}
@media screen and (min-width: 1000px) {}
@media screen and (max-width: 999px) {}
@media (max-width:736px){
	h1,.h1{font-size:24px;line-height:1.2;}
	h2,.h2{font-size:20px;line-height:1.3;}
	h3,.h3{font-size:16px;line-height:1.4; margin: 25px 0 0;}
}

a{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s; text-decoration: none;}
a:hover,
a:focus,
a:active{text-decoration:none;cursor:pointer;}
a:hover {opacity: 0.4;}

@media screen and (min-width:1000px){a:hover{opacity:.7;}}
a,
button{-webkit-tap-highlight-color:rgba(0,0,0,.4);}
.btn {padding: 8px 15px;}

.page-loader {background: #011d4f;}
.cf {zoom: 1;}
.cf:after {display: block; height: 0; content: ""; visibility: hidden; clear: both;}


/*========= Layout =========*/
section{padding: 80px 0;}
section .btn{margin: 0 auto; padding: 25px 0 20px; text-align: center; display: block; width: 100%; max-width: 350px; font-size: 1.6rem; line-height: 1;}
section .btn-circle{color: #212121; background: #e3e3e3; border-radius: 5px !important;}
.container{width: 1200px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.row{width: 1200px; margin: 0 auto; padding: 0;}
h2{text-align: center; font-size: 2.4rem; font-weight: normal; line-height: 2.4rem; margin: 0;}
h2 span{display: block; font-size: 0.85rem; margin: 0;}

/*tablet*/
@media (max-width: 1199px) {
	.container{width: 100%;}
	.row{width: 100%;}
}

/*smart phone*/
@media (max-width: 767px) {
	.container{width: 90%;}
	section{padding: 40px 0;}
	h2{font-size: 1.6rem; line-height: 1.65rem;}
	h2 span{font-size: 0.75rem;}
	section .btn{padding: 15px 0 12px; font-size: 1.4rem;}
}

/*========= header =========*/
header {margin: 0; adding: 0; position: relative;}

@media (max-width: 767px) {
	header {margin: 0; adding: 0; position: relative;}
}

/*=== navigation ===*/

.navbar-custom {background-color: rgba(1, 29, 79, 0.9);}
@media (min-width: 768px) {
	.navbar-transparent {background: transparent; padding-bottom: 15px; padding-top: 15px;}
	.navbar-transparent .navbar-brand {width: 150px; height: 65px;}
}

.navbar-brand {float: left; height: 40px; width: 80px; padding: 10px 15px 0;}
.navbar-brand:hover,
.navbar-brand:focus {text-decoration: none;}
.navbar-brand > img {display: block;}

@media (min-width: 768px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {margin-left: -15px;}
}

.navbar-fixed-bottom .dropdown .caret {content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9;}
.navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 2px;}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {right: 0; left: auto;}
	.navbar-right .dropdown-menu-left {right: auto; left: 0;}
}

.nav {padding-left: 0; margin-bottom: 0; list-style: none;}
.nav > li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 10px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none; background-color: #eee;}
.nav > li.disabled > a {color: #777;}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: #eee; border-color: #337ab7;}
.nav .nav-divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}
.nav-tabs {border-bottom: 1px solid #ddd;}
.nav-tabs > li {float: left; margin-bottom: -1px;}
.nav-tabs > li > a {margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;}
.nav-tabs > li > a:hover {border-color: #eee #eee #ddd;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;}
.nav-tabs.nav-justified {width: 100%; border-bottom: 0;}
.nav-tabs.nav-justified > li {float: none;}
.nav-tabs.nav-justified > li > a {margin-bottom: 5px; text-align: center;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto;}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {display: table-cell; width: 1%;}
	.nav-tabs.nav-justified > li > a {margin-bottom: 0;}
}

.nav-tabs.nav-justified > li > a {margin-right: 0; border-radius: 4px;}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {border: 1px solid #ddd;}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0;}
	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #fff;}
}

.nav-pills > li {float: left;}
.nav-pills > li > a {border-radius: 4px;}
.nav-pills > li + li {margin-left: 2px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {color: #fff; background-color: #337ab7;}
.nav-stacked > li {float: none;}
.nav-stacked > li + li {margin-top: 2px; margin-left: 0;}
.nav-justified {width: 100%;}
.nav-justified > li {float: none;}
.nav-justified > li > a {margin-bottom: 5px; text-align: center;}
.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto;}

@media (min-width: 768px) {
	.nav-justified > li {display: table-cell; width: 1%;}
	.nav-justified > li > a {margin-bottom: 0;}
}

.nav-tabs-justified {border-bottom: 0;}
.nav-tabs-justified > li > a {margin-right: 0; border-radius: 4px;}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {border: 1px solid #ddd;}

@media (min-width: 768px) {
	.nav-tabs-justified > li > a {border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0;}
	.nav-tabs-justified > .active > a,
	.nav-tabs-justified > .active > a:hover,
	.nav-tabs-justified > .active > a:focus {border-bottom-color: #fff;}
}

.nav-tabs .dropdown-menu {margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;}
.navbar {position: relative; min-height: 50px;}

@media (min-width: 768px) {
	.navbar {border-radius: 4px;}
}
@media (min-width: 768px) {
	.navbar-header {float: left;}
}

.navbar-collapse {padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);}
.navbar-collapse.in {overflow-y: auto;}

@media (min-width: 768px) {
	.navbar-collapse {width: auto; border-top: 0; box-shadow: none; -webkit-box-shadow: none;}
	.navbar-collapse.collapse {display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
	.navbar-collapse.in {overflow-y: visible;}
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {padding-right: 0; padding-left: 0;}
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {max-height: 340px;}

@media (max-device-width: 480px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {max-height: 200px;}
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {margin-right: -15px; margin-left: -15px;}

@media (min-width: 768px) {
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;}
}

.navbar-static-top {z-index: 1000; border-width: 0 0 1px;}
@media (min-width: 768px) {
	.navbar-static-top {border-radius: 0;}
}

.navbar-fixed-top,
.navbar-fixed-bottom {position: fixed; right: 0; left: 0; z-index: 1030;}
@media (min-width: 768px) {
	.navbar-fixed-top,
	.navbar-fixed-bottom {border-radius: 0;}
}
.navbar-fixed-top {top: 0;}
.navbar-fixed-bottom {bottom: 0; margin-bottom: 0; border-width: 1px 0 0;}

.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px;
background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
@media (min-width: 768px) {
	.navbar-toggle {display: none;}
}

.navbar-nav {margin: 7.5px -15px;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 20px;}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; -webkit-box-shadow: none;}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}
	.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {background-image: none;}
}

@media (min-width: 768px) {
	.navbar-nav {float: left; margin: 0;}
	.navbar-nav > li {float: left;}
	.navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px;}
}

.navbar-form {padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);}

@media (min-width: 768px) {
	.navbar-form .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
	.navbar-form .form-control {display: inline-block; width: auto; vertical-align: middle;}
	.navbar-form .form-control-static {display: inline-block;}
	.navbar-form .input-group {display: inline-table; vertical-align: middle;}
	.navbar-form .input-group .input-group-addon,
	.navbar-form .input-group .input-group-btn,
	.navbar-form .input-group .form-control {width: auto;}
	.navbar-form .input-group > .form-control {width: 100%;}
	.navbar-form .control-label {margin-bottom: 0; vertical-align: middle;}
	.navbar-form .radio,
	.navbar-form .checkbox {display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
	.navbar-form .radio label,
	.navbar-form .checkbox label {padding-left: 0;}
	.navbar-form .radio input[type="radio"],
	.navbar-form .checkbox input[type="checkbox"] {position: relative; margin-left: 0;}
	.navbar-form .has-feedback .form-control-feedback {top: 0;}
}

@media (max-width: 767px) {
	.navbar-form .form-group {margin-bottom: 5px;}
	.navbar-form .form-group:last-child {margin-bottom: 0;}
}

@media (min-width: 768px) {
	.navbar-form {width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; box-shadow: none; -webkit-box-shadow: none;}
}

.navbar-nav > li > .dropdown-menu {margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.navbar-btn {margin-top: 8px; margin-bottom: 8px;}
.navbar-btn.btn-sm {margin-top: 10px; margin-bottom: 10px;}
.navbar-btn.btn-xs {margin-top: 14px; margin-bottom: 14px;}
.navbar-text {margin-top: 15px; margin-bottom: 15px;}

@media (min-width: 768px) {
	.navbar-text {float: left; margin-right: 15px; margin-left: 15px;}
}

@media (min-width: 768px) {
	.navbar-left {float: left !important;}
	.navbar-right {float: right !important; margin-right: -15px;}
	.navbar-right ~ .navbar-right {margin-right: 0;}
}

.navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;}
.navbar-default .navbar-brand {color: #777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #5e5e5e; background-color: transparent;}
.navbar-default .navbar-text {color: #777;}
.navbar-default .navbar-nav > li > a {color: #777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #333; background-color: transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #555; background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {color: #ccc; background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #ddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #555; background-color: #e7e7e7;}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333; background-color: transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555; background-color: #e7e7e7;}
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #ccc; background-color: transparent;}
}

.navbar-default .navbar-link {color: #777;}
.navbar-default .navbar-link:hover {color: #333;}
.navbar-default .btn-link {color: #777;}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {color: #333;}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {color: #ccc;}
.navbar-inverse {background-color: #222; border-color: #080808;}
.navbar-inverse .navbar-brand {color: #9d9d9d;}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {color: #fff; background-color: transparent;}
.navbar-inverse .navbar-text {color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a {color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #fff; background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {color: #fff; background-color: #080808;}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {color: #444; background-color: transparent;}
.navbar-inverse .navbar-toggle {border-color: #333;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color: #333;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {border-color: #101010;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {color: #fff; background-color: #080808;}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {border-color: #080808;}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #080808;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #9d9d9d;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff; background-color: transparent;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff; background-color: #080808;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #444; background-color: transparent;}
}
.navbar-inverse .navbar-link {color: #9d9d9d;}
.navbar-inverse .navbar-link:hover {color: #fff;}
.navbar-inverse .btn-link {color: #9d9d9d;}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {color: #fff;}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {color: #444;}

.nav-pills > .active > a > .badge {color: #337ab7; background-color: #fff;}

.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {display: table; content: " ";}

.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {clear: both;}

.fade {opacity: 0; transition: opacity 0.15s linear;
-webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear;}
.fade.in {opacity: 1;}
.collapse {display: none;}
.collapse.in {display: block;}
tr.collapse.in {display: table-row;}
tbody.collapse.in {display: table-row-group;}
.collapsing {position: relative; height: 0; overflow: hidden;
transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease;
-webkit-transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-webkit-transition-timing-function: ease;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.dropup,
.dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {text-decoration: none; color: #262626; background-color: #f5f5f5;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #fff; text-decoration: none; outline: 0; background-color: #337ab7;}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {color: #777777;}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropdown-menu-right {left: auto; right: 0;}
.dropdown-menu-left {left: 0; right: auto;}
.dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap;}
.dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
.pull-right > .dropdown-menu {right: 0; left: auto;}

/*========= main =========*/
#home{position: relative; overflow: hidden;}
.home-section {height: auto !important;}
#home .video_box{position: relative; overflow: hidden; width: 100%; height: 100vh; margin: -80px 0; background-color: #000;}
#home .video_box video {width: auto; height: 100vh; position: absolute; top: 0; left: 0;}
#home .video_box .overlay {width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background-image: linear-gradient(45deg, rgba(0,0,0,.25) 75%, rgba(0,0,0,.9) 50%); background-size: 4px 4px; z-index: 2;}
#home::before{content: ""; position: absolute; top: -100px; left: -100%; margin: -100px 0 0; background: #011d4f; width: 200%; height: 500px; z-index: 5; transform: rotate(-20deg);}
#home::after{content: ""; position: absolute; bottom: -100px; right: -100%; margin: 0 0 -100px; background: #011d4f; width: 200%; height: 500px; z-index: 5; transform: rotate(-20deg);}
#home .box{position: absolute; top: 150px; left: 15px; z-index: 10;}

#home .box p{color: #fff; font-family: 'Century Gothic',sans-serif,Roboto; text-transform: lowercase; font-size: 7.5rem; font-weight: 700; line-height: 9.1rem; width: 700px; margin: 0 0 30px;}
#home .box p.for_ie{display: none;}
@media all and (-ms-high-contrast: none) {#home .box p.for_ie{display: block;}}

#home .box p.subtxt{font-size: 1.0rem; line-height: 1; letter-spacing: 0.36rem; font-weight: normal !important;}
#home .box p span{background-color: rgba( 9, 183, 240, 0.75 )}
#home .box .subtxt {animation: subtxt 5.0s ease-in-out 1; }

@keyframes subtxt {
	0% { transform: translateX(-200px); opacity: 0; }
	90% { transform: translateX(-200px); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}
#home .dl_box{position: absolute !important; top: 320px; right: 15px; width: 240px; z-index: 10;}
#home .dl_box a.btn{color: #fff; font-size: 1.2rem; border-radius: 50px !important; background: #09b7c2; background: -webkit-linear-gradient(left,  #09b7c2 0%,#011d4f 100%); padding: 20px;}
#home .dl_box a span{color: #e2039b; font-size: 0.9rem; font-weight: 700; font-style: oblique; display: block; margin: 5px 0 0; letter-spacing: 6px;}
#home .scroll {width: 60px; margin: 0 auto; text-align: center; position: absolute; top: 750px; left: 0; right: 0; z-index: 10; color: white; font-weight: 500;}
#home .scroll span {width: 24px; height: 38px; margin-left: -11px; border: solid 4px #fff;border-radius: 50px; box-sizing: border-box; position: absolute; top: -42px; left: 50%;
-webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px;}
#home .scroll span::before {content: ''; width: 4px; height: 8px; margin-left: -2px; background-color: #fff; border-radius: 4px; position: absolute; top: 5px; left: 50%;
-webkit-animation: wheel 1.5s infinite; animation: wheel 1.5s infinite; box-sizing: border-box;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;}

@-webkit-keyframes wheel {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0, 5px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wheel {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  60% {
    transform: translate(0, 5px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*tablet*/
@media (max-width: 1199px) {
	#home .container{position: initial;}
	#home::before{content: ""; top: -250px; left: -100%; margin: -100px 0 0;}
	#home::after{content: ""; bottom: -250px; right: -100%; margin: 0 0 -100px;}
	#home .box{top: 50%; left: 5%; margin: -215px 0 0 0;}
	#home .box p{font-size: 5.5rem; line-height: 6.65rem; width: 500px; margin: 0 0 20px;}
	#home .box p.subtxt{font-size: 0.8rem; letter-spacing: 0.22rem;}
	#home .dl_box{top: 50%; left: 50%; margin: 190px 0 0 -120px;}
	#home .dl_box a.btn{font-size: 1.2rem; padding: 10px;}
	#home .dl_box a span{font-size: 0.6rem;}
	#home .scroll {top: 50%; left: 50%; margin: 320px 0 0 -30px;}
}

/*smart phone*/
@media (max-width: 767px) {
	#home .container{position: initial;}
	#home::before{content: ""; top: -280px; left: -100%; margin: -120px 0 0;}
	#home::after{content: ""; bottom: -300px; right: -100%; margin: 0 0 -120px;}
	#home .box{top: 50%; left: 5%; margin: -150px 0 0 0;}
	#home .box p{font-size: 2.8rem; line-height: 2.88rem; width: 300px; margin: 0 0 10px;}
	#home .box p.subtxt{font-size: 0.85rem; letter-spacing: 0.3rem; line-height: 1.05rem;}
	#home .dl_box{top: 50%; left: 50%; margin: 75px 0 0 -120px;}
	#home .scroll {top: 50%; left: 50%; margin: 200px 0 0 -30px;}
}

/*HD Monitor*/
@media (max-height: 720px) and (min-width: 1200px) {
	#home .container{position: initial;}
	#home::before{content: ""; top: -250px; left: -100%; margin: -100px 0 0;}
	#home::after{content: ""; bottom: -250px; right: -100%; margin: 0 0 -100px;}
	#home .box{top: 50%; left: 5%; margin: -170px 0 0 0;}
	#home .box p{font-size: 5.5rem; line-height: 6.65rem; width: 500px; margin: 0 0 20px;}
	#home .box p.subtxt{font-size: 0.8rem; letter-spacing: 0.22rem;}
	#home .dl_box{top: 320px; right: 70px; margin: 0;}
	#home .dl_box a.btn{font-size: 1.2rem; padding: 10px;}
	#home .dl_box a span{font-size: 0.6rem;}
	#home .scroll {top: 50%; left: 50%; margin: 255px 0 0 -30px;}
}


/*========= News =========*/
#news h2{color: #06022f;}
#news h2 span{}
#news .news-entry dl{margin: 0 0 25px; padding: 0;}
#news .news-entry dt{font-size: 0.9rem; font-weight: 700; line-height: 1rem; margin: 0 0 10px;}

#news .news-entry dd{margin: 0;}
#news .news-entry dd::after{content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; margin: 20px 0;}
#news .news-entry dd p{margin: 0 0 5px;}
#news .news-entry dd p.news__ttl{font-size: 0.9rem; font-weight: 700;}
#news .news-entry dd .news__ttl span{display: inline-block; min-width: 70px; font-size: .6rem; font-weight: 700; color: #fff; border: 1px solid #ccc; border-radius: 3px; background: #ddd; text-align: center; margin: 0 5px 0 0; vertical-align: 2px;}
#news .news-entry dd .news__ttl span.ct__red{border: 1px solid #d63c3c; background: #dc5051;}
#news .news-entry dd .news__ttl span.ct__blue{border: 1px solid #286ea2; background: #2e7ab4;}
#news .news-entry dd .news__ttl span.ct__green{border: 1px solid #45af55; background: #57b964;}

#news .banner{margin-top: 50px;}
#news .banner .owl-item div{margin: 0 1.5%;}
#news .banner .owl-item img {transition: all 0.3s ease-in-out 0s; border: 2px solid #ccc; display: inline-block;}

/*smart phone*/
@media (max-width: 767px) {
	#news .banner{margin-top: 0;}
}

/*=== Business ===*/
#business{background: #011d4f;}
#business h2{color: #fff;}
#business h2 span{}

#business .biz__intro{margin: 50px 0 80px;}
#business .biz__intro ul{display: flex; justify-content: space-between; list-style: none; margin: 0 0 40px; padding: 0;}
#business .biz__intro li{width: 28%; color: #fff;}
#business .biz__intro li dl{margin: 0; padding: 0;}
#business .biz__intro li dt{margin-bottom: 40px;}
#business .biz__intro li dt .hex_image{position: relative; width: 100%;}
#business .biz__intro li dt .hex_inner__image{width: 100%; height: 100%;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}

#business .biz__intro li dd{margin: 0; padding: 0;}
#business .biz__intro li dd h3{text-align: center; font-size: 1.6rem; margin: 0 0 10px;}
#business .biz__intro li dd p{margin: 0;}

#business .biz__company{background: #fff; position: relative; display: flex;}
#business .biz__company h2{color: #06022f;}
#business .biz__company h2 span{}
#business .biz__company .biz__side-image{width: 50%; background: url("../img/da_content_bg_biz_company.jpg") no-repeat; background-position: left; background-size: cover;}
#business .biz__company .biz__side-text{display: flex; width: 50%; min-height: 650px; align-items: center; flex-direction: column; justify-content: center;}
#business .biz__company .biz__side-text .side-text_box{width: 100%; max-width: 500px;}
#business .biz__company .biz__side-text .side-text_box p{margin: 30px 0 40px; font-size: 1.4rem;}

#business .biz__player{margin-top: 50px;}
#business .biz__player ul{display: flex; align-items: center; list-style: none; margin: 0; padding: 0;}
#business .biz__player li{width: 50%; color: #fff;}
#business .biz__player li h3{font-size: 2rem; margin: 0; padding: 0;}
#business .biz__player li p{font-size: 1.1rem; margin: 0; padding: 0;}

/*smart phone*/
@media (max-width: 767px) {
#business .biz__intro{margin: 25px 0 40px;}
#business .biz__intro ul{display: block; margin: 0 0 25px;}
#business .biz__intro li{width: 100%; max-width: 550px; margin: 0 auto 35px;}
#business .biz__intro li dt{margin-bottom: 20px;}
#business .biz__intro li dt .hex_image{width: 80%; margin: 0 auto;}
#business .biz__intro li dd{margin: 0 0 25px;}
#business .biz__intro li dd h3{font-size: 1.35rem; margin: 0 0 5px;}

#business .biz__company{flex-flow: column; flex-direction: column-reverse;}
#business .biz__company .biz__side-image{width: auto; padding: 50%; display: block; background: url(../img/da_content_bg_biz_company.jpg) no-repeat; background-position: center; background-size: cover;}
#business .biz__company .biz__side-text{display: block; width: 90%; max-width: 550px; min-height: auto; padding: 40px 0; margin: 0 auto;}
#business .biz__company .biz__side-text .side-text_box{max-width: inherit;}
#business .biz__company .biz__side-text .side-text_box p{margin: 15px 0 20px; font-size: 0.85rem;}

#business .biz__player{margin-top: 25px;}
#business .biz__player ul{display: block;}
#business .biz__player li{width: 100%;}
#business .biz__player li h3{font-size: 1.35rem; margin: 0 0 5px; text-align: center;}
#business .biz__player li p{font-size: 0.85rem; margin: 0 0 20px;}
}

/*=== Project ===*/
#project{}
#project h2{color: #06022f;}
#project h2 span{}
#project .projectBox{margin: 50px 0 0;}
#project .filter {margin: 25px 0;}
#project .container .works-grid-3 .work-item {width: 32.2%;}
#project .container .works-grid {padding: 0; margin: 0 0 80px;}
#project .pj__contentBox{background: #011d4f; margin-bottom: -80px;}
#project .pj__contentBox ul{display: flex; align-items: center; list-style: none; margin: 0; padding: 80px 0;}
#project .pj__contentBox li{width: 50%; color: #fff;}
#project .pj__contentBox li h3{font-size: 2rem; margin: 0; padding: 0;}
#project .pj__contentBox li p{font-size: 1.1rem; margin: 0; padding: 0;}

/*smart phone*/
@media (max-width: 767px) {
#project .filter {margin: 15px 0;}
#project .filter > li {padding: 0 0 5px; margin: 0 10px;}
#project .container .works-grid-3 .work-item {width: 46%; padding: 0 0 4% 4%;}
#project .container .works-grid {margin: 0 0 40px;}

#project .pj__contentBox{margin-bottom: -40px;}
#project .pj__contentBox ul{display: block; list-style: none; padding: 40px 0;}
#project .pj__contentBox li{width: 100%;}
#project .pj__contentBox li h3{font-size: 1.35rem; margin: 0; padding: 0;}
#project .pj__contentBox li p{font-size: 0.85rem; margin: 0 0 15px;}

#project .work-caption {padding: 0;}
#project .font-alt {letter-spacing: 1px;}
}


/*========= Contents Area =========*/
section.contentBox{background: #fff !important;}

section.contentBox .title{background: #011d4f; margin: -80px 0 0; padding: 140px 0 100px; color: #fff; position: relative; overflow: hidden;}
section.contentBox .title::after{content: ""; width: 550px; height: 550px; background: url(../img/da_content_bg_title.png) no-repeat; background-size: cover; position: absolute; top: 40px; right: 50%; margin: 0 -700px 0 0; z-index: 1;}
section.contentBox .title::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-size: 10px 10px; background-image: linear-gradient(-45deg, rgba(255,255,255,.15) 45%, rgba(255,255,255,.0) 45%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 95%, rgba(255,255,255,.0) 75%, rgba(255,255,255,.0));}
section.contentBox .title h2 p{background-color: rgba( 9, 183, 240, 0.75 ); display: inline-block; color: #fff; padding: 5px 5px 2px; margin: 0 0 -10px;}
section.contentBox .title h2 span{background-color: rgba( 9, 183, 240, 0.75 ); display: inline-block; color: #fff; font-size: 0.85rem; line-height: 1; padding: 5px 5px 3px;}
section.contentBox h3{text-align: center; color: #333333; font-size: 2rem; padding: 0; margin: 50px 0 25px;}

section.contentBox .detail_100{width: 100%; padding: 0; margin: 0 auto;}
section.contentBox .detail_90{width: 90%; padding: 0; margin: 0 auto;}
section.contentBox .detail_80{width: 80%; padding: 0; margin: 0 auto;}
section.contentBox .detail_50{width: 50%; padding: 0; margin: 0 auto;}

section.contentBox .detail__box{margin: 25px 0;}
section.contentBox .detail__box h4{font-size: 1.6rem; color: #06022f; margin: 0; padding: 0;}
section.contentBox .detail__box h4::after{content: ""; display: block; width: 100%; height: 2px; background: #06022f; padding: 0; margin: 5px 0 20px;}
section.contentBox .detail__box p{font-size: 0.8rem; margin: 0 0 5px;}
section.contentBox .detail__box ul{margin: 0; padding: 0 0 0 20px; font-size: 0.8rem;}

section.contentBox table{border-spacing: 0px; border-collapse: collapse;}
section.contentBox table th,section.contentBox table td{border: 1px solid #999999; padding: 15px;}
section.contentBox table th{background: #eaeaea; font-weight: 700; font-size: 0.9rem;}
section.contentBox table td{font-size: 0.9rem;}
section.contentBox table td ul{margin: 0 0 0 25px; padding: 0;}

section.contentBox .biz__detail{margin: 50px 0;}
section.contentBox .biz__detail p{font-size: 1.1rem; margin: 0 0 50px;}
section.contentBox .biz__detail .contentBox{display: flex; justify-content:center;}
section.contentBox .biz__detail .row-reverse{flex-direction: row-reverse;}
section.contentBox .biz__detail .contentBox .side-image{position: relative; width: 50%;}
section.contentBox .biz__detail .contentBox .side-text{width: 50%;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box{padding: 0 50px;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box h4{margin: 0 0 15px; font-size: 1.6rem; font-weight: 700;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box p{font-size: 1.0rem; margin: 0 0 30px;}
section.contentBox .biz__detail .contentBox .banner{text-align: center;}
section.contentBox .biz__detail .contentBox .banner a:hover div img {opacity: 0.7; transition: all 0.3s ease-in-out 0s;}
section.contentBox .biz__detail .contentBox .banner span{margin: 5px 0; display: block;}

section.contentBox .playerBox{margin: 50px 0 0;}
section.contentBox .playerBox ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;}
section.contentBox .playerBox li{width: 30%; margin: 1.5%;}
section.contentBox .playerBox li dl{margin: 0; padding: 0;}
section.contentBox .playerBox li dd{margin: 0; padding: 0;}
section.contentBox .playerBox li dd ul{margin: 0; padding: 0;}
section.contentBox .playerBox li dd li{width: 100%; margin: 0; border: none; border-radius: 0;}
section.contentBox .playerBox li dd li:first-child{font-size: 1.4rem; font-weight: 700; border-bottom: 1px dotted; margin: 0 0 10px; line-height: 1.6;}
section.contentBox .playerBox li dd li ul{list-style: disc; margin: 0 0 0 20px;}
section.contentBox .playerBox li dd li li{border: none !important; font-size: 0.8rem !important; font-weight: normal !important; border-bottom: 1px dotted; margin: 5px 0 !important; line-height: 1 !important;}
section.contentBox .playerBox .notReady{padding: 240px 0;}
section.contentBox .playerBox .notReady p{font-size: 3.25rem; line-height: 1em; text-align: center; margin: 0; padding: 0;}

section.contentBox .project__era{margin: 50px auto;}
section.contentBox .works-grid {margin: 0 !important;}
section.contentBox .work-caption h3 {color: #aaa; font-size: 1.4rem; padding: 0; margin: 0;}
section.contentBox .work-caption{padding: 0;}

section.contentBox .sitemapBox{margin: 50px 0 -30px;}
section.contentBox .sitemapBox dt{font-size: 1.4rem; margin: 0 0 20px; line-height: 1.2em;}
section.contentBox .sitemapBox dt::after{content: ""; display: block; width: 100%; height: 1px; padding: 0; margin: 5px 0; border-top: 1px dotted;}
section.contentBox .sitemapBox dt i{font-size: 1rem; margin: 0 7px 0 0; vertical-align: 3px; color: #09b7f0;}
section.contentBox .sitemapBox dd{font-size: 1rem; margin: 0 0 10px 25px;}
section.contentBox .sitemapBox dd:last-of-type{margin: 0 0 20px 25px;}
section.contentBox .sitemapBox dd i{font-size: 1rem; margin: 0 5px 0 0; vertical-align: -1px; color: #09b7f0;}

section.contentBox .linkBox{margin: 50px 0 0;}
section.contentBox .linkBox ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;}
section.contentBox .linkBox li a:hover img{opacity: 0.7; transition: all 0.3s ease-in-out 0s;}
section.contentBox .linkBox li{border: 3px solid #e5e5e5; border-radius: 5px; width: 30%; margin: 1%;}
section.contentBox .linkBox li dl{margin: 0; padding: 20px;}
section.contentBox .linkBox li dd{margin: 0; padding: 0;}
section.contentBox .linkBox li dd ul{margin: 0; padding: 0;}
section.contentBox .linkBox li dd li{width: 100%; margin: 0; border: none; border-radius: 0;}

section.contentBox .contactBox{background: #fff; color: #011d4f; max-width: 1000px; margin: 50px auto;}
section.contentBox .contactBox ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0; padding: 0;
display: -webkit-flex; -webkit-justify-content: center; -webkit-flex-wrap: wrap; border: 5px solid #011d4f;}
section.contentBox .contactBox ul li{flex-grow: 1; width: 50%; box-sizing: border-box; list-style: none; text-align: center;
-webkit-flex-grow: 1; -webkit-box-sizing: border-box; padding: 15px;}
section.contentBox .contactBox li:nth-child(1){border-right: 5px solid #011d4f;}
section.contentBox .contactBox li:nth-child(1) span,
section.contentBox .contactBox li:nth-child(2) span{font-size: 2rem; font-weight: 700; line-height: 2.8rem;}

/*smart phone*/
@media (max-width: 767px) {
section.contentBox .title{margin: -100px 0 0; padding: 150px 0 50px;}
section.contentBox .title::after{content: ""; width: 280px; height: 280px; top: 115px; right: 50%; margin: 0 -325px 0 0;}

section.contentBox h3{font-size: 1.55rem; margin: 25px 0 20px;}

section.contentBox table th{width: 38%;}
section.contentBox table th,section.contentBox table td{padding: 10px; font-size: 0.8rem;}

section.contentBox .biz__detail{margin: 30px 0;}
section.contentBox .biz__detail p{font-size: 0.75rem; margin: -10px 0 25px;}
section.contentBox .biz__detail .contentBox{display: block;}
section.contentBox .biz__detail .contentBox .side-image{position: relative; width: 100%; overflow: hidden;}
section.contentBox .biz__detail .contentBox .side-text{width: 100%;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box{padding: 0;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box h4{margin: 15px 0; font-size: 1.2rem; text-align: center;}
section.contentBox .biz__detail .contentBox .side-text .side-text_box p{font-size: 0.8rem; margin: 0 0 15px;}

section.contentBox .playerBox li{width: 100%; margin: 0 0 30px;}
section.contentBox .playerBox li dd li:first-child{font-size: 1.2rem; line-height: 1.4;}
section.contentBox .playerBox .notReady{padding: 120px 0;}
section.contentBox .playerBox .notReady p{font-size: 2.0rem;}

section.contentBox .project__era{margin: 40px auto 20px;}
section.contentBox .works-grid {margin: 0 !important;}
section.contentBox .work-caption h3 {font-size: 0.8rem; padding: 0; margin: 0;}

section.contentBox .sitemapBox{margin: 30px 0 -30px;}
section.contentBox .sitemapBox dt{font-size: 1.05rem; margin: 0 0 15px;}
section.contentBox .sitemapBox dd{font-size: 0.9rem; margin: 0 0 5px 25px;}
section.contentBox .sitemapBox dd:last-of-type{margin: 0 0 15px 25px;}

section.contentBox .linkBox li{width: 100%; margin: 0 auto 20px;}
section.contentBox .detail__box h4{font-size: 1.4rem;}

section.contentBox .contactBox{margin: 25px auto;}
section.contentBox .contactBox ul{display: block;display: -webkit-block; border: 3px solid #011d4f;}
section.contentBox .contactBox ul li{border-bottom: 3px solid #011d4f; border-right: none; width: 100%;}
section.contentBox .contactBox li:nth-child(1){border-bottom: 3px solid #011d4f; border-right: none;}
section.contentBox .contactBox li:last-child{border-bottom: none;}
section.contentBox .contactBox li:nth-child(1) span,
section.contentBox .contactBox li:nth-child(2) span{font-size: 1.7rem; line-height: 2.6rem;}
}



/*--------------------------------------
form
---------------------------------------*/
.contact-form {max-width: 1000px; margin: auto; font-size: 1.8rem;}
.contact-form fieldset {margin: 0; padding: 15px; border: none; overflow: hidden; animation: fadeIn .8s ease;
-webkit-animation: fadeIn .8s ease;}
.contact-form p.category{margin: 10px 0 -15px !important; font-weight: 700; color: #F60;}
.panel-primary {position: relative; z-index: 1; background: white; border: 5px solid #011d4f;}
.panel-body {padding: 15px;}
@media (max-width: 767px) {
	.contact-form p.category{margin: 5px 0 -5px !important;}
	.panel-primary {border: 3px solid #011d4f;}
	.panel-body {padding: 0;}
	fieldset label {font-size: 1.0rem;}
	.contact-form-btn .btn-send, .contact-form-btn .btn-reset {max-width: 80% !important; margin: 0 auto 15px !important; font-size: 1.1rem;}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.contact-form fieldset sup {color: #d61518; font-size: 0.7rem;}
.contact-form fieldset>label+div {background: #eee; padding: 6px; font-size: 0.9rem;}
.contact-form [name=tournament] {border-color: transparent;}
fieldset label {display: block; color: #011d4f; margin-bottom: 0; font-size: 1.1rem; font-weight: 700;}
textarea {border: none; border-radius: 0px; -webkit-appearance: none;}
fieldset input[type=text],
fieldset input[type=email],
fieldset input[type=email_conf],
fieldset input[type=tel],
fieldset input[type=url],
fieldset textarea {width:100%; background:#FFF; font-size: 1.0rem; margin:0; padding:10px 0; border: none; border-bottom: 2px solid #ccc; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 500ms; transition: all 500ms;}

/* radio */
fieldset input[type=radio] {display: none; margin: 0;}
fieldset input[type=radio] + label {    cursor: pointer; display: inline-block; line-height: 1px; margin: 0 5px 20px 10px; padding: 0 5px 0 25px; position: relative; font-size: 0.9rem; font-weight: normal;}
fieldset input[type=radio] + label::before {border: 1px solid #777777; border-radius: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; content: ""; display: block; margin-top: -9px; position: absolute; left: 0; top: 50%; height: 16px; width: 16px;}
fieldset input[type=radio]:checked + label::after {background: #333333; border-radius: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; content: ""; display: block; margin-top: -4px; position: absolute; left: 4px; top: 0; height: 8px; width: 8px;}

@media (max-width: 767px) {
	fieldset.radio-responsive input[type=radio] + label {display: block; margin: 26px 10px;}
}

/* checkbox */
fieldset input[type=checkbox] {display: none; margin: 0;}
fieldset input[type=checkbox] + label {cursor: pointer; display: inline-block; margin-right: 5px; padding: 0 0 0 25px; position: relative; font-size: 0.9rem; font-weight: normal;}
fieldset input[type=checkbox] + label::before {border: 1px solid #999999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; content: ""; display: block; margin-top: -9px; position: absolute; left: 0; top: 50%; height: 16px; width: 16px;}
fieldset input[type=checkbox]:checked + label::after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; content: ""; display: block; position: absolute; top: 50%;}
fieldset input[type=checkbox]:checked + label::after {border-bottom: 2px solid #0f0f0f; border-left: 2px solid #0f0f0f; left: 3px; margin-top: -6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); height: 6px; width: 10px;}

/* pull down */
fieldset select {appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
background:#FFFFFF; border: 1px solid #999999; border-radius: 0; box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
cursor: pointer; padding: 10px; position:relative; height: 54px; width: 100%;}
fieldset .form-select{position:relative;}
fieldset .form-select:after {content:""; border-bottom: 2px solid #333333; border-left: 2px solid #333333; right: 22px; height: 10px; margin-top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:50%; width: 10px;}

/* file */
fieldset label.form-file {border: 1px solid #999999; box-sizing: border-box; cursor: pointer; display:block; font-size:14px; padding: 10px; position:relative; height: 40px; width: 230px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
fieldset label.form-file:before {content:"＋"; color:#333333; font-size:20px; line-height:1; margin-top: -9px; right:10px; position:absolute; top:50%;}
fieldset input[type=file] {display: none;}

/* focus */
fieldset input:focus, fieldset textarea:focus {outline:0; border: none; border-bottom: 2px solid #011d4f; transition: all 500ms;
-webkit-transition: all 500ms;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888;}
::-moz-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}

/* submit */
.contact-form-btn {margin: 10px 0 30px;}
.contact-form-btn .btn-send,
.contact-form-btn .btn-reset {cursor: pointer; width: 100%; max-width: 60%; border: none; background: #d61518; color: #FFF; margin: 0 auto 10px; padding: 10px; font-weight: 400; transition: all .2s ease-in-out;}
.contact-form-btn .btn-send:hover,
.contact-form-btn .btn-reset:hover {background: #011d4f;}
.contact-form-btn .btn-send:active,
.contact-form-btn .btn-reset:active {box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);}
.contact-form-btn .btn-reset {background:#ccc; color:#545454;}
.contact-form-btn .btn-reset:hover {background: #d4d4d4;}

@media (max-width: 767px) {
	.contact-form {font-size: 1.4rem;}
}

.entry-list {max-width: 860px; margin: auto; text-align: center; font-size: 1.6rem; white-space: nowrap;}
.entry-list tbody>tr {display: none;}
.entry-list .w50 {width: 50px;}
.entry-list .w80 {width: 80px;}

.result {display: flex; flex-wrap: wrap;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.result img {width: 100%;}
.result>.col {position: relative; width: 48%; margin: 1%;}
.result>.col .txt {position: absolute; bottom: 0; width: 100%; padding: 5px 8px; background: rgba(0,0,0,.7); color: white;}
.result>.col span {display: block; font-size: 1.6rem;}
.shoulder.result span {border-left: 5px solid #d61518; padding-left: 10px; display: inline-block; margin: auto; line-height: 1.4;}

@media (max-width: 767px) {
	.result-title {height: 33px; width: auto;}
	.result {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.result>.col {width: 100%; margin: 0;}
	.shoulder.result span {text-align: left;}
}
@media (min-width: 768px) {
	.shoulder.result {font-size: 2rem; margin-top: 40px;}
}

/*========= Footer =========*/
footer{background: #041026; color: #fff;}
footer .contactbox{background: url("../img/da_section_bg_contact.jpg"); background-position: 50%; padding: 80px;}
footer .contactbox p{font-size: 1.1rem; text-align: center; margin: 20px 0 0;}
footer .contactbox .contents__box{background: #fff; color: #011d4f; max-width: 1000px; margin: 0 auto;}
footer .contactbox .contents__box ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0; padding: 0;
display: -webkit-flex; -webkit-justify-content: center; -webkit-flex-wrap: wrap; border: 1px solid #011d4f;}
footer .contactbox .contents__box ul li{flex-grow: 1; width: 50%; box-sizing: border-box; list-style: none; text-align: center;
-webkit-flex-grow: 1; -webkit-box-sizing: border-box; padding: 15px;}
footer .contactbox .contents__box li:nth-child(1){border-right: 2px solid #011d4f;}
footer .contactbox .contents__box li:nth-child(1) span,
footer .contactbox .contents__box li:nth-child(2) span{font-size: 2rem; font-weight: 700; line-height: 2.8rem;}
footer .contactbox .contents__box li:nth-child(3){background: #011d4f; color: #fff;}
footer .contactbox .contents__box li:nth-child(3) p{font-size: 1.3rem; margin: 0 0 5px;}
footer .contactbox .contents__box li:nth-child(3) .btn {display: block; padding: 10px 0; font-size: 1.2rem; margin: 0 auto; width: 400px; position: relative;}
footer .contactbox .contents__box li:nth-child(3) a i {position: absolute; top: 50%; right: 15px; margin: -8px 0 0 0;}
footer .navbox{width: 1200px; margin: 50px auto;}
footer .navbox ul.footer-nav{display: flex; justify-content: space-evenly; align-items: baseline; margin: 0; padding: 0;
display: -webkit-flex; -webkit-justify-content: space-evenly; -webkit-align-items: baseline;}
footer .navbox ul.footer-nav li{width: 30%; list-style: none; border-right: 1px dotted #fff; min-height: 200px; margin-right: 1.5%;}
footer .navbox ul.footer-nav li:nth-child(1),footer .navbox ul.footer-nav li:nth-child(2){}
footer .navbox ul.footer-nav li:last-child{border-right: none;}
footer .navbox ul.footer-nav li h3{font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; padding: 0;}
footer .navbox ul.footer-nav li div{margin: 0 0 15px; padding: 0;}
footer .navbox ul.footer-nav li ul{margin: 0; padding: 0;}
footer .navbox ul.footer-nav li ul li{width: 100%; position: relative; margin: 0 0 5px 0; padding: 0 0 0 15px; border-right: none; min-height: auto;}
footer .navbox ul.footer-nav li ul li:before{content: "ー"; display: block; position: absolute; left: 0; top: 2px; width: 1em; height: 1em; color: #fff; font-size: 8px; font-weight: 700;}
footer .social{width: 1200px; margin: 0 auto;}
footer .social::after{content: ""; display: block; width: 100%; height: 1px; background: #fff;}
footer .social ul{list-style: none; display:flex; justify-content: center; margin: 0 0 30px; padding: 0;}
footer .social li{margin: 0 10px;}
footer .social li svg{fill: #fff;}
footer .footer-media{text-align: center; margin: 0; padding: 40px 0;}
footer .footer-media .logo{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
footer a {color: #fff;}

.fat-nav{display: none;}

/*smart phone*/
@media (max-width: 767px) {
footer .contactbox{padding: 30px;}
footer .contactbox p{font-size: 0.85rem; margin: 10px 0 0;}
footer .contactbox .contents__box ul{display: block; display: -webkit-block;}
footer .contactbox .contents__box ul li{width: 100%; padding: 15px;}
footer .contactbox .contents__box li:nth-child(1){border-right: none; border-bottom: 2px solid #011d4f;}
footer .contactbox .contents__box li:nth-child(1) span,
footer .contactbox .contents__box li:nth-child(2) span{font-size: 1.7rem; line-height: 2.6rem;}
footer .contactbox .contents__box li:nth-child(3) p{font-size: 1.1rem;}
footer .contactbox .contents__box li:nth-child(3) .btn {padding: 10px 0; font-size: 0.75rem; width: 95%;}
footer .contactbox .contents__box li:nth-child(3) a i {position: absolute; top: 50%; right: 15px; margin: -5px 0 0 0;}

footer .navbox{width: 90%; margin: 25px auto;}
footer .navbox ul.footer-nav{display: block; display: -webkit-block;}
footer .navbox ul.footer-nav li{width: 100%; border-right: none; border-bottom: 1px dotted #fff; min-height: auto; margin-right: 0; margin-bottom: 15px; padding-bottom: 10px;}
footer .navbox ul.footer-nav li:last-child{border-bottom: none; padding-bottom: 0;}
footer .navbox ul.footer-nav li ul li{border-bottom: none;}
footer .social{width: 100%;}
footer .footer-media .logo{}
}

/*========= core =========*/
@media (max-width: 767px) {
	body {}
}