@charset "UTF-8";

html {
	font-family: "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
	overflow-x: auto;
	overflow-y: scroll
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
	-webkit-text-size-adjust: none
}

a {
	background: transparent;
	outline: 0 !important
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

a,
abbr,
acronym,
address,
blockquote,
caption,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
label,
li,
object,
ol,
p,
pre,
span,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section,
small {
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none
}

fieldset {
	border: none
}

audio,
canvas,
video {
	display: inline-block
}

ol,
ul {
	list-style-type: none
}

table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

img {
	line-height: 1;
	vertical-align: middle
}

a img {
	border: none
}

img[usemap],
map area {
	border: none !important;
	outline: none !important
}

a:focus {
	border: 0 none
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

hr {
	box-sizing: content-box;
	height: 0
}

dd,
dt,
input,
li,
td,
textarea,
th {
	text-align: left;
	vertical-align: top
}

button,
input,
textarea {
	margin: 0;
	padding: 0
}

button,
label {
	background-color: transparent;
	cursor: pointer
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: content-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

html {
	font-family: "Microsoft YaHei", "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt"
}

html.safari {
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna"
}

body {
	background: #fffaf5;
	font-size: 10px;
	color: #0c0c0c;
	line-height: 1
}

body * {
	box-sizing: border-box
}

@media(min-width:641px) {
	body {
		font-size: 14px
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
td,
th {
	line-height: 1.7;
	font-size: 100%;
	font-weight: 400
}

figcaption,
input,
li,
p,
textarea {
	line-height: 1.7
}

button,
input,
select,
textarea {
	font-size: 100%;
	outline: none
}

strong {
	font-weight: 700
}

em {
	font-weight: 700
}

a {
	color: #0c0c0c;
	text-decoration: none
}

a:active,
a:hover {
	text-decoration: none
}

a,
input,
label {
	-webkit-tap-highlight-color: transparent
}

img {
	max-width: 100%;
	height: auto
}

body.js-action-load {
	height: 100vh;
	overflow: hidden
}

.l-document {
	width: 100%;
	background: #fffaf5;
	color: #595959;
	/*	overflow:hidden;*/
	transition: -webkit-filter .5s;
	-webkit-transition: -webkit-filter .5s;
	transition: filter .5s;
	transition: filter .5s, -webkit-filter .5s
}

.l-document.js-status-modal {
	-webkit-filter: blur(3px);
	filter: url('data:image/svg+xml;charset=utf-8,<filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
	filter: blur(3px)
}

@media(min-width:641px) {
	.l-document {
		min-width: 1100px
	}
}

.l-contents {
	position: relative;
	padding: 0 15px;
	display: flex;
    flex-direction: column;
}

@media(min-width:641px) {
	.l-contents {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0
	}
}

.l-header {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #262626;
	background: #eee6e0;
}

.l-header_gnav>ul>li.active2{
	background: #9a1616;
	color: #fff;
}

@media(max-width:1200px) {
	.l-header_gnav>ul>li>a {
		width: 100px !important
	}

	.l-header_gnav>ul>li>a>span {
		font-size: 12px
	}
}

@media(max-width:640px) {
	.l-header_lang {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		padding: 20px 0;
		line-height: 1.7;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: rgba(38, 38, 38, .9);
		font-size: 18px
	}

	.l-header_lang a {
		color: #fff
	}

	.l-header_lang a:hover {
		color: #c5a47e
	}

	.l-header_lang .active {
		color: #3891a5
	}

	.l-header_lang div:first-child:after {
		content: "/";
		padding: 0 15px
	}

	.l-header {
		position: fixed;
		height: auto
	}

	.l-header_logo {
		position: relative;
		padding: 6px 0 6px 6px;
		z-index: 2
	}

	.l-header_logo>a {
		display: block;
		width: 170px
	}

	.l-header_gnav {
		position: fixed;
		top: 47px;
		left: 0;
		width: 100%;
		z-index: 1;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		-webkit-transition: opacity .5s 0s, visibility .1s .5s;
		transition: opacity .5s 0s, visibility .1s .5s
	}

	.l-header_gnav>ul {
		border-top: 1px solid #666
	}

	.l-header_gnav>ul>li>a {
		display: block;
		position: relative;
		padding: 20px;
		border-bottom: 1px solid #666;
		background: rgba(38, 38, 38, .9);
		font-size: 12px;
		color: #fff;
		text-align: center;
		letter-spacing: .1em;
		width: 100% !important
	}

	.l-header_gnav>ul>li>a:before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: #000;
		-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
		transition: all .3s cubic-bezier(.785, .135, .15, .86)
	}

	.l-header_gnav>ul>li>a>span {
		position: relative;
		text-wrap: nowrap;
	}

	.l-header_gnav>ul>li>a:hover:before {
		left: 0;
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
	}

	.l-header_gnav[data-position=aboutus]>ul>li:nth-of-type(2)>a:before {
		left: 0
	}

	.l-header_gnav[data-position=projects]>ul>li:nth-of-type(3)>a:before {
		left: 0
	}

	.l-header_gnav[data-position=bases]>ul>li:nth-of-type(4)>a:before {
		left: 0
	}

	.l-header_gnav[data-position=recruit]>ul>li:nth-of-type(5)>a:before {
		left: 0
	}

	.l-header_gnav[data-position=access]>ul>li:nth-of-type(6)>a:before {
		left: 0
	}

	.l-header_toggle {
		position: absolute;
		top: 0;
		right: 0;
		width: 47px;
		height: 47px;
		z-index: 30
	}

	.l-header_toggle>i:before,
	.l-header_toggle:after,
	.l-header_toggle:before {
		content: '';
		position: absolute;
		left: 8px;
		width: 16px;
		height: 1px;
		background: #000;
		-webkit-transition: all 1s;
		transition: all 1s
	}

	.l-header_toggle:before {
		top: 17px
	}

	.l-header_toggle:after {
		top: 27px
	}

	.l-header_toggle>i:before {
		top: 22px;
		width: 12px;
		-webkit-transition: all .3s .6s;
		transition: all .3s .6s
	}

	.js-status-headeropen .l-header_gnav {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		visibility: visible;
		-webkit-transition: opacity .5s 0s, visibility .1s 0s;
		transition: opacity .5s 0s, visibility .1s 0s
	}

	.js-status-headeropen .l-header_gnav a:before {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		visibility: visible;
		-webkit-transition: opacity .5s 0s, visibility .1s 0s;
		transition: opacity .5s 0s, visibility .1s 0s
	}

	.js-status-headeropen .l-header_toggle:before {
		top: 18px;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg)
	}

	.js-status-headeropen .l-header_toggle:after {
		top: 18px;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg)
	}

	.js-status-headeropen .l-header_toggle>i:before {
		left: -4px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

@media(min-width:641px) {
	.l-header {
		position: absolute;
		min-width: 1100px;
		height: 74px;
		text-align: right;
		overflow: hidden
	}

	.l-header_logo {
		position: absolute;
		top: 25px;
		left: 35px;
	}

	.l-header_logo img {
		width: 130px;


	}

	.l-header_gnav {
		display: inline-block;
		position: relative;
		margin-left: 230px
	}

	.l-header_gnav>ul {
		display: table;
		margin: 0 auto
	}

	.l-header_gnav>ul>li {
		display: table-cell;
		color: #595959;
	}

	.l-header_gnav>ul>li>a {
		display: block;
		position: relative;
		/* min-width: 124px; */
		height: 74px;
		padding: 28px 30px 0;
		text-align: center;
		letter-spacing: .1em;
		overflow: hidden;
		-webkit-transition: all .4s;
		transition: all .4s;
		color: inherit;
	}

	.l-header_gnav>ul>li>a:before {
		content: '';
		position: absolute;
		left: 0;
		top: -100%;
		width: 100%;
		height: 100%;
		/*background:#9a1616;*/
		z-index: 1;
		-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
		transition: all .3s cubic-bezier(.785, .135, .15, .86)
	}

	.active>a:before {
		top: 0
	}

	.l-header_gnav>ul>li>a>span {
		position: relative;
		z-index: 2
	}

	.l-header_gnav>ul>li>a:hover {
		color: #c5a47e;
		letter-spacing: .15em
	}

	.l-header_gnav>ul>li>a:hover:before {
		top: 0;
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
	}

	.l-header_gnav[data-position=aboutus]>ul>li:nth-of-type(2)>a:before {
		top: 0
	}

	.l-header_gnav[data-position=projects]>ul>li:nth-of-type(3)>a:before {
		top: 0
	}

	.l-header_gnav[data-position=bases]>ul>li:nth-of-type(4)>a:before {
		top: 0
	}

	.l-header_gnav[data-position=recruit]>ul>li:nth-of-type(5)>a:before {
		top: 0
	}

	.l-header_gnav[data-position=access]>ul>li:nth-of-type(6)>a:before {
		top: 0
	}

	.l-header_toggle {
		display: none
	}

	.l-header_lang {
		height: 74px;
		line-height: 78px;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		padding: 0 30px;
	}

	.l-header_lang a {
		color: #fff
	}

	.l-header_lang a:hover {
		color: #c5a47e
	}

	.l-header_lang .active {
		color: #3891a5
	}

	.l-header_lang div:first-child:after {
		content: "/";
		padding: 0 5px
	}

	.js-status-headerfixedafter .l-header,
	.js-status-headerfixedbefore .l-header {
		position: fixed;
		top: -74px
	}

	.js-status-headerfixedafter .l-header {
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.js-status-headerfixed .l-header {
		position: fixed;
		top: 0;
		-webkit-transition: all .5s;
		transition: all .5s
	}
}

.js-action-load .l-header {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.js-status-loaded .l-header {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 1s 5s cubic-bezier(.075, .82, .165, 1);
	transition: -webkit-transform 1s 5s cubic-bezier(.075, .82, .165, 1);
	transition: transform 1s 5s cubic-bezier(.075, .82, .165, 1);
	transition: transform 1s 5s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1s 5s cubic-bezier(.075, .82, .165, 1)
}

.l-footer {
	border-top: 1px solid #525252;
	position: relative;
}

.l-footer::after {
	content: '';
	display: block;
	clear: both;
}

@media(max-width:640px) {
	.l-footer {
		padding: 20px 0
	}

	.l-footer .l-footer_logo>a {
		display: block;
		width: 150px;
		margin: 0 auto 20px
	}

	.l-footer .l-footer_copy {
		color: #4f4f4f;
		font-size: 10px;
		text-align: center
	}
}

@media(min-width:641px) {
	.l-footer .l-footer_logo {
		float: left;
		padding: 20px 0 12px 15px;
	}

	.l-footer .l-footer_logo img {
		width: 125px;
		height: auto;


	}

	.l-footer .l-footer_copy {
		color: #4f4f4f;
		font-size: 10px;
		text-align: right;
		width: 100%;
		float: left;
		margin-bottom: 22px;
		padding-right: 15px;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.b-is-hidden {
	display: none !important
}

@media(min-width:641px) {
	.b-is-hidden-sm {
		display: none !important
	}
}

@media(min-width:981px) {
	.b-is-hidden-md {
		display: none !important
	}
}

@media(min-width:1201px) {
	.b-is-hidden-lg {
		display: none !important
	}
}

.b-is-visible {
	display: block !important
}

@media(min-width:641px) {
	.b-is-visible-sm {
		display: block !important
	}
}

@media(min-width:981px) {
	.b-is-visible-md {
		display: block !important
	}
}

@media(min-width:1201px) {
	.b-is-visible-lg {
		display: block !important
	}
}

.m-marker {
	width: 16px;
	height: 25px;
	background: url(../images/icn-pin.png) center no-repeat;
	background-size: cover
}

@media(min-width:641px) {
	.m-marker {
		width: 32px;
		height: 50px
	}
}

@-webkit-keyframes hdg1 {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@keyframes hdg1 {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes hdg2 {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@keyframes hdg2 {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

.cssanimations .js-action-visible[data-anim=fade] {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.cssanimations .js-status-visible[data-anim=fade] {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-animation: fade 1s forwards;
	animation: fade 1s forwards
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
}

@keyframes fade {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
}

.cssanimations .js-action-visible[data-anim=fadeUp] {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.cssanimations .js-status-visible[data-anim=fadeUp] {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-animation: fadeUp 2s forwards;
	animation: fadeUp 2s forwards
}

@-webkit-keyframes fadeUp {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

.cssanimations .js-action-visible[data-anim=fadeLeft] {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.cssanimations .js-status-visible[data-anim=fadeLeft] {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-animation: fadeLeft 2s forwards;
	animation: fadeLeft 2s forwards
}

@-webkit-keyframes fadeLeft {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeLeft {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

.cssanimations .js-action-visible[data-anim=fadeRight] {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.cssanimations .js-status-visible[data-anim=fadeRight] {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-animation: fadeRight 2s forwards;
	animation: fadeRight 2s forwards
}

@-webkit-keyframes fadeRight {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeRight {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px)
	}

	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none
	}
}

.p-top_hdg {

	font-size: 20px;
	text-align: center;
	letter-spacing: .15em
}

.p-top_hdg>span:nth-of-type(1) {
	display: block;
	font-size: 18px;
	font-weight:700;
	letter-spacing: .2em;
	line-height: 1.5;
	overflow: hidden
}

.p-top_hdg>span:nth-of-type(1)>span {
	display: block
}

.p-top_hdg>span:nth-of-type(2) {
	display: block;
	position: relative margin-bottom: 50px;
}

@media(min-width:641px) {
	.p-top_hdg {

		font-size: 20px;
		margin-top: 50px;

	}

	.p-top_hdg>span:nth-of-type(1) {
		font-size: 30px;
		font-weight:700;
	}

	.p-top_hdg-access {
		margin-bottom: 30px;
		text-align: left
	}

	.p-top_hdg-access>span {
		display: inline
	}
	
}
@media (max-width:750px) {
	#home .p-top_home_hdg span{
	white-space: normal;
}
}
.p-top_home {
	position: relative;
	height: 100vh;
	color: #fff;
	overflow: hidden
}

.p-top_home:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-dot.png) center repeat;
	z-index: 2
}

.p-top_home_hdg {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.02;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 30
}
@media (max-width:750px) {
	.p-top_home_hdg {
		font-size: 26px;
		width: 90%;
	}
}
.p-top_home_hdg>span {
	display: inline-block;
	position: relative;
	overflow: hidden
}

.p-top_home_hdg>span:after,
.p-top_home_hdg>span:before {
	content: '';
	position: absolute;
	top: 0;
	left: -130%;
	width: 130%;
	height: 100%;
	z-index: 1
}

.p-top_home_hdg>span:before {
	background: #fbe2ca
}

.p-top_home_hdg>span:after {
	background: #9a1616
}

.p-top_home_hdg>span>span {
	display: block
}

.p-top_home_btn {
	position: absolute;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 20
}

.p-top_home_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.p-top_home_bg.js-status-horizontal {
	top: 50%
}

.p-top_home_bg.js-status-horizontal>video {
	width: 100%;
	height: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.p-top_home_bg.js-status-vertical {
	left: 50%;
	height: 100%
}

.p-top_home_bg.js-status-vertical>video {
	width: auto;
	height: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media(min-width:641px) {
	.p-top_home {
		min-height: 500px
	}

	.p-top_home_hdg {
		font-size: 84px
	}

	.p-top_home_btn {
		bottom: 42px
	}
}

.js-action-load .p-top_home_hdg>span>span {
	visibility: hidden
}

.js-action-load .p-top_home_btn {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-bottom: 20px
}

.js-status-loaded .p-top_home_hdg>span:before {
	left: 100%
}

.js-status-loaded .p-top_home_hdg>span:after {
	left: 100%
}

.js-status-loaded .p-top_home_hdg>span>span {
	visibility: visible
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(1):before {
	-webkit-transition: all .9s 3s cubic-bezier(.785, .135, .15, .86);
	transition: all .9s 3s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(1):after {
	-webkit-transition: all 1s 3.1s cubic-bezier(.785, .135, .15, .86);
	transition: all 1s 3.1s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(1)>span {
	-webkit-transition: visibility .1s 3.5s;
	transition: visibility .1s 3.5s
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(2):before {
	-webkit-transition: all .9s 3.3s cubic-bezier(.785, .135, .15, .86);
	transition: all .9s 3.3s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(2):after {
	-webkit-transition: all 1s 3.4s cubic-bezier(.785, .135, .15, .86);
	transition: all 1s 3.4s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(2)>span {
	-webkit-transition: visibility .1s 3.8s;
	transition: visibility .1s 3.8s
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(3):before {
	-webkit-transition: all .9s 3.6s cubic-bezier(.785, .135, .15, .86);
	transition: all .9s 3.6s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(3):after {
	-webkit-transition: all 1s 3.7s cubic-bezier(.785, .135, .15, .86);
	transition: all 1s 3.7s cubic-bezier(.785, .135, .15, .86)
}

.js-status-loaded .p-top_home_hdg>span:nth-of-type(3)>span {
	-webkit-transition: visibility .1s 4.1s;
	transition: visibility .1s 4.1s
}

.js-status-loaded .p-top_home_btn {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-bottom: 0;
	-webkit-transition: all 1s 4.8s;
	transition: all 1s 4.8s
}

.p-top_aboutus {
	padding: 35px 0 50px;
	background: url(../images/aboutus-bg.png) -63px 323px no-repeat;
	background-size: auto 300px
}

.p-top_aboutus .l-contents {
	width: 96%;
	margin: auto
}

.p-top_aboutus_box_body>h3 {
	margin: 17px 0;
	font-size: 18px;
	/*font-weight:700;*/
	letter-spacing: .1em;
	line-height: 1.55
}

.p-top_aboutus_box_body>h3>strong {
	color: #3891a5
}

.p-top_aboutus_box_body>p {
	line-height: 2
}

.p-top_aboutus_box_body>p.p-top_more {
	text-align: left;
	line-height: 1;
	margin: 10px 0 0
}

.p-top_aboutus_box_img {
	/*	width:60%;*/
	text-align: center;
	margin: 25px auto 0
}

@media(min-width:641px) {
	.p-top_aboutus {
		padding: 70px 0;
		background: url(../images/aboutus-bg.png) 0 170px no-repeat;
		background-size: auto
	}

	.p-top_aboutus_box {
		display: table;
		width: 100%
	}

	.p-top_aboutus_box_body {
		display: table-cell;
		padding-right: 100px;
		vertical-align: top
	}

	.p-top_aboutus_box_body>h3 {
		margin: 35px 0;
		font-size: 20px
	}

	.p-top_aboutus_box_img {
		display: table-cell;
		width: 498px;
		margin: 0;
		vertical-align: top
	}
}

.p-top_projects {
	padding: 35px 0 35px
}

.p-top_projects_slider>p.p-top_more {
	line-height: 1 !important
}

.p-top_projects_slider {
	position: relative
}

.p-top_projects_slider_wrap {
	width: 50%
}

.p-top_projects_slider_wrap>ul:after,
.p-top_projects_slider_wrap>ul:before {
	content: " ";
	display: table
}

.p-top_projects_slider_wrap>ul:after {
	clear: both
}

.p-top_projects_slider_wrap>ul>li {
	float: left
}

.p-top_projects_slider_wrap .bx-viewport {
	overflow: visible !important
}

.p-top_projects_slider .bx-next,
.p-top_projects_slider .bx-prev {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.p-top_projects_slider .bx-prev {
	left: 10px
}

.p-top_projects_slider .bx-next {
	right: 10px
}

.p-top_projects_slider_list {
	width: 7200px !important
}

.p-top_projects_slider_list_item>a {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 171.66666667%;
	overflow: hidden
}

.p-top_projects_slider_list_item>a:after,
.p-top_projects_slider_list_item>a:before {
	content: '';
	position: absolute
}

.p-top_projects_slider_list_item>a:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 6s;
	transition: all 6s
}

.p-top_projects_slider_list_item>a:after {
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

.p-top_projects_slider_list_item>a>h3 {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 10px;
	/*font-weight:700;*/
	text-align: center;
	-webkit-transition: all 6s;
	transition: all 6s
}

.p-top_projects_slider_list_item>a>h3>span {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	line-height: .9
}

.p-top_projects_slider_list_item>a:hover:before {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.p-top_projects_slider_list_item>a:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

.p-top_projects_slider_list_item>a:hover>h3 {
	text-shadow: rgba(0, 0, 0, .4) 0 0 30px, rgba(0, 0, 0, .6) 0 0 15px, rgba(0, 0, 0, .8) 0 0 5px
}

.p-top_projects_slider_list_item-wine>a:before {
	background-image: url(../images/projects-wine.jpg)
}

.p-top_projects_slider_list_item-soybean>a:before {
	background-image: url(../images/projects-soybean.jpg)
}

.p-top_projects_slider_list_item-distribution>a:before {
	background-image: url(../images/projects-distribution.jpg)
}

.p-top_projects_slider_list_item-freight>a:before {
	background-image: url(../images/projects-freight.jpg)
}

.p-top_projects_slider_list_item-customs>a:before {
	background-image: url(../images/projects-customs.jpg)
}

.p-top_projects_slider_list_item-consulting>a:before {
	background-image: url(../images/projects-consulting.jpg)
}

.p-top_projects_slider_list_item-warehousing>a:before {
	background-image: url(../images/projects-warehousing.jpg)
}

.p-top_projects_slider_list_item-estate>a:before {
	background-image: url(../images/projects-estate.jpg)
}

.p-top_projects_slider_list_item-recruit1>a:before {
	background-image: url(../images/recruit-img1.jpg)
}

.p-top_projects_slider_list_item-recruit2>a:before {
	background-image: url(../images/recruit-img2.jpg)
}

.p-top_projects_slider_list_item-recruit3>a:before {
	background-image: url(../images/recruit-img3.jpg)
}

.p-top_projects_slider_list_item-recruit4>a:before {
	background-image: url(../images/recruit-img4.jpg)
}

@media(min-width:641px) {
	.p-top_projects {
		padding: 70px 0
	}

	.p-top_projects_slider_wrap {
		width: 720px;
		margin: 0 auto;
		padding-right: 360px
	}

	.p-top_projects_slider_wrap .bx-prev {
		left: 60px
	}

	.p-top_projects_slider_wrap .bx-next {
		right: 60px
	}

	.p-top_projects_slider_list_item>a {
		width: 360px;
		height: 618px
	}

	.p-top_projects_slider_list_item>a>h3 {
		bottom: 60px;
		font-size: 14px
	}

	.p-top_projects_slider_list_item>a>h3>span {
		display: block;
		margin-bottom: 5px;
		font-size: 20px
	}
}

.p-top_bases {
	padding: 35px 0 0
}

.p-top_bases_map {
	display: none
}

.p-top_bases_list {
	padding-bottom: 84%;
	background: url(../images/bases-list-bg.png) center bottom no-repeat;
	background-size: 100% auto
}

.p-top_bases_list>div>ul {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.p-top_bases_list>div>ul>li {
	width: 50%;
	padding: 10px 5px;
	font-size: 12px
}

.p-top_bases_list>div>ul>li>a>.no-flexbox {
	float: left
}

.p-top_bases_list>div>ul>li>a {
	color: #fff
}

.p-top_bases_list>div>ul>li>a>span {
	display: inline-block;
	width: 31px;
	height: 31px;
	margin-right: 5px;
	border-radius: 50%;
	background: #fff;
	color: #0c0c0c;
	font-size: 16px;
	text-align: center;
	line-height: 31px
}

@media(min-width:641px) {
	.p-top_bases {
		padding: 70px 0 0
	}

	.p-top_bases_map {
		display: block;
		position: relative
	}

	.p-top_bases_map_base_name {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		visibility: hidden;
		z-index: 2
	}

	.p-top_bases_map_base_name:before {
		content: '';
		position: absolute;
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto 100%;
		-webkit-transform: scale(0);
		transform: scale(0);
		z-index: 10;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.p-top_bases_map_base_name img {
		max-width: 10000px
	}

	.p-top_bases_map_base_name>div {
		position: absolute;
		top: 0;
		right: 1%;
		width: 50%;
		border-radius: 50%;
		padding-top: 50%;
		overflow: hidden;
		/* -webkit-mask-image: url();
		mask-image: url(); */
		-webkit-transform: rotate(-10deg) scale(0);
		transform: rotate(-10deg) scale(0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
		transition: all .3s cubic-bezier(.785, .135, .15, .86)
	}

	.p-top_bases_map_base_name>div>div {
		position: absolute;
		top: 50%;
		left: -7%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 20px;
		mix-blend-mode: luminosity;
		z-index: 10
	}

	.p-top_bases_map_base_name>div>div>a>h3 {
		position: relative;
		left: -100%;
		margin-top: .7em;
		padding: 4.2% 0;
		overflow: hidden
	}

	.p-top_bases_map_base_name>div>div>a>h3>img {
		position: relative;
		left: 100%;
		width: 100%
	}

	.p-top_bases_map_base_name>div>div>h4 {
		display: inline-block;
		position: relative;
		top: -10px;
		padding-left: 18%;
		font-weight: 700;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}

	.p-top_bases_map_base_name>div>div>h4.en {
		font-size: 16px
	}

	.p-top_bases_map_base_name>div>i {
		content: '';
		position: absolute;
		top: -20%;
		left: -10%;
		width: 120%;
		height: 120%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 5;
		-webkit-transition: -webkit-transform .1s;
		transition: -webkit-transform .1s;
		transition: transform .1s;
		transition: transform .1s, -webkit-transform .1s
	}

	.p-top_bases_map_base_name.js-status-active {
		visibility: visible
	}

	.p-top_bases_map_base_name.js-status-active:before {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: none;
		transform: none;
		-webkit-transition: all .5s .1s cubic-bezier(.785, .135, .15, .86);
		transition: all .5s .1s cubic-bezier(.785, .135, .15, .86)
	}

	.p-top_bases_map_base_name.js-status-active>div {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		transition: -webkit-transform .5s .4s cubic-bezier(.075, .82, .165, 1);
		-webkit-transition: -webkit-transform .5s .4s cubic-bezier(.075, .82, .165, 1);
		transition: transform .5s .4s cubic-bezier(.075, .82, .165, 1);
		transition: transform .5s .4s cubic-bezier(.075, .82, .165, 1), -webkit-transform .5s .4s cubic-bezier(.075, .82, .165, 1)
	}

	.p-top_bases_map_base_name.js-status-active>div>div {
		left: 0;
		-webkit-transition: left .6s .4s;
		transition: left .6s .4s
	}

	.p-top_bases_map_base_name.js-status-active>div>div>a>h3 {
		left: 0;
		-webkit-transition: left .7s .4s cubic-bezier(.455, .03, .515, .955);
		transition: left .7s .4s cubic-bezier(.455, .03, .515, .955)
	}

	.p-top_bases_map_base_name.js-status-active>div>div>a>h3>img {
		left: 0;
		-webkit-transition: left .7s .4s cubic-bezier(.455, .03, .515, .955);
		transition: left .7s .4s cubic-bezier(.455, .03, .515, .955)
	}

	.p-top_bases_map_base_name.js-status-active>div>div>h4 {
		top: 0;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transition: top .5s .8s, opacity .5s .8s;
		transition: top .5s .8s, opacity .5s .8s
	}

	.p-top_bases_map_base_name-tatsumi:before {
		top: 42.2310757%;
		left: 45.06944444%;
		width: 11.18055556%;
		height: 4.38247012%;
		background-image: url(../images/bases-tatsumi-line.png);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.p-top_bases_map_base_name-tatsumi>div>i {
		background-image: url(../images/bases-tatsumi-bg.jpg)
	}

	.p-top_bases_map_base_name-toukyouko:before {
		top: 46.48074369%;
		left: 42.91666667%;
		width: 13.33333333%;
		height: 4.11686587%;
		background-image: url(../images/bases-toukyouko-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-toukyouko>div>i {
		background-image: url(../images/bases-toukyouko-bg.jpg)
	}

	.p-top_bases_map_base_name-odaiba:before {
		top: 46.48074369%;
		left: 42.43055556%;
		width: 13.81944444%;
		height: 1.859229748%;
		background-image: url(../images/bases-odaiba-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-odaiba>div>i {
		background-image: url(../images/bases-odaiba-bg.jpg)
	}

	.p-top_bases_map_base_name-shinagawa:before {
		top: 46.48074369%;
		left: 41.04166667%;
		width: 15.20833333%;
		height: 4.780876494%;
		background-image: url(../images/bases-shinagawa-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-shinagawa>div>i {
		background-image: url(../images/bases-shinagawa-bg.jpg)
	}

	.p-top_bases_map_base_name-headoffice:before {
		top: 46.34794157%;
		left: 40.27777778%;
		width: 15.90277778%;
		height: 1px;
		background-image: url(../images/bases-headoffice-line.png);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}

	.p-top_bases_map_base_name-headoffice>div>i {
		background-image: url(../images/bases-headoffice-bg.jpg)
	}

	.p-top_bases_map_base_name-shinbashi:before {
		top: 42.09827357%;
		left: 39.65277778%;
		width: 16.59722222%;
		height: 4.515272244%;
		background-image: url(../images/bases-shinbashi-line.png);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.p-top_bases_map_base_name-shinbashi>div>i {
		background-image: url(../images/bases-shinbashi-bg.jpg)
	}

	.p-top_bases_map_base_name-sumida:before {
		top: 35.32536521%;
		left: 44.65277778%;
		width: 11.59722222%;
		height: 11.28818061%;
		background-image: url(../images/bases-sumida-line.png);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.p-top_bases_map_base_name-sumida>div>i {
		background-image: url(../images/bases-sumida-bg.jpg)
	}

	.p-top_bases_map_base_name-higashikanagawa:before {
		top: 46.48074369%;
		left: 30.97222222%;
		width: 25.27777778%;
		height: 31.07569721%;
		background-image: url(../images/bases-higashikanagawa-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-higashikanagawa>div>i {
		background-image: url(../images/bases-higashikanagawa-bg.jpg)
	}

	.p-top_bases_map_base_name-suzushige:before {
		top: 46.48074369%;
		left: 33.68055556%;
		width: 22.56944444%;
		height: 33.33333333%;
		background-image: url(../images/bases-suzushige-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-suzushige>div>i {
		background-image: url(../images/bases-suzushige-bg.jpg)
	}

	.p-top_bases_map_base_name-ayase:before {
		top: 46.48074369%;
		left: 20.90277778%;
		width: 35.34722222%;
		height: 41.96547145%;
		background-image: url(../images/bases-ayase-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-ayase>div>i {
		background-image: url(../images/bases-ayase-bg.jpg)
	}

	.p-top_bases_map_base_name-atsugi:before {
		top: 46.48074369%;
		left: 14.09722222%;
		width: 42.15277778%;
		height: 43.42629482%;
		background-image: url(../images/bases-atsugi-line.png);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}

	.p-top_bases_map_base_name-atsugi>div>i {
		background-image: url(../images/bases-atsugi-bg.jpg)
	}

	.p-top_bases_map_list_more {
		position: absolute;
		left: 0;
		margin: 0;
		bottom: 40px;
		z-index: 10000;
		width: 100%
	}

	.p-top_bases_map_list_btn {
		position: absolute;
		width: 1.6%;
		padding-top: 1.6%
	}

	.p-top_bases_map_list_btn>a {
		display: block;
		position: absolute;
		top: 5px;
		bottom: 5px;
		left: 5px;
		right: 5px;
		cursor: pointer;
		z-index: 100;
		-webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
		transition: all .4s cubic-bezier(.175, .885, .32, 1.275)
	}

	.p-top_bases_map_list_btn>a>span {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #c8c6c6;
		box-shadow: rgba(255, 255, 255, .21) 0 0 10px 8px;
		text-indent: -9999px;
		-webkit-transition: all .4s;
		transition: all .4s
	}

	.p-top_bases_map_list_btn>a:hover {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	.p-top_bases_map_list_btn>a:hover>span {
		background: #c5a47e
	}

	.p-top_bases_map_list_btn.js-status-active>a {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	.p-top_bases_map_list_btn.js-status-active>a>span {
		background: #3891a5;
		box-shadow: rgba(56, 145, 165, .21) 0 0 10px 8px
	}

	.p-top_bases_map_list_btn-tatsumi {
		top: 40.9%;
		left: 44.3%
	}

	.p-top_bases_map_list_btn-odaiba {
		top: 47%;
		left: 41.8%
	}

	.p-top_bases_map_list_btn-toukyouko {
		top: 49.3%;
		left: 42.4%
	}

	.p-top_bases_map_list_btn-shinagawa {
		top: 50.1%;
		left: 40.4%
	}

	.p-top_bases_map_list_btn-headoffice {
		top: 45.2%;
		left: 39.6%
	}

	.p-top_bases_map_list_btn-shinbashi {
		top: 40.9%;
		left: 38.9%
	}

	.p-top_bases_map_list_btn-sumida {
		top: 34.2%;
		left: 44%
	}

	.p-top_bases_map_list_btn-suzushige {
		top: 78.8%;
		left: 32.9%
	}

	.p-top_bases_map_list_btn-higashikanagawa {
		top: 76.4%;
		left: 30.3%
	}

	.p-top_bases_map_list_btn-ayase {
		top: 87.2%;
		left: 20.1%
	}

	.p-top_bases_map_list_btn-atsugi {
		top: 88.6%;
		left: 13.2%
	}

	.p-top_bases_map_bg {
		position: relative;
		z-index: 1
	}

	.p-top_bases_map_bg>img {
		width: 100%;
		max-width: 10000px
	}

	.p-top_bases_list {
		display: none
	}
}

.p-top_recruit {
	position: relative;
	padding: 25px 0 40px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#recruit h2 {
	font-size: 30px;
	color: #fff;
}

#recruit h3 {
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.p-top_recruit:hover:before {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.p-top_recruit_hdg {
	position: relative;
	margin: 50px 0 10px;
	font-size: 18px;
	/*font-weight:700;*/
	text-align: center
}

.p-top_recruit_text {
	position: relative;
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	line-height: 2;
	color: #fff;
}

@media(max-width:750px) {
	.p-top_recruit_hdg {
		margin: 20px 0 10px;
		text-indent: 1rem
	}
}

.p-top_group {
	position: relative;
	padding: 130px 0;
	min-height: 300px;
	overflow: hidden
}

.p-top_group--bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 2
}

.p-top_group--bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 1
}

.p-top_group .l-contents {
	z-index: 3
}

.p-top_group_hdg {
	position: relative;
	margin: 50px 0 10px;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}

.p-top_group_text {
	position: relative;
	width: 80%;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	line-height: 2
}

@media(min-width:641px) {
	.p-top_recruit {
		padding: 70px 0 160px
	}

	.p-top_recruit_hdg {
		margin: 100px 0 20px;
		font-size: 20px;
	}

	.p-top_recruit_text {
		width: 520px;
		font-size: 14px
	}

	.p-top_group {
		position: relative;
		padding: 130px 0;
		min-height: 715px;
		overflow: hidden;
		display: table;
		width: 100%
	}

	.p-top_group .l-contents {
		display: table-cell;
		vertical-align: middle
	}
}

.p-top_access {
	position: relative;
	padding: 35px 0 0;
	z-index: 10;
	background: #fffaf5;
}

.p-top_access_address>address,
.p-top_access_address>p {
	text-align: center
}

.p-top_access_address>address {
	margin-bottom: 1.5em;
	font-size: 10px;
	font-style: normal;
	line-height: 1.5
}

.p-top_access_address>p {
	color: #a7a7a7
}

.p-top_access_address {
	font-size: 14px;
	line-height: 30px;
}

.p-top_access_address>address,
.p-top_access_address>p {
	text-align: left
}

.p-top_access_address>address {
	font-size: 14px
}

.p-top_access_map {
	height: 220px;
	margin-top: 30px
}

.p-top_access_img {
	display: none
}

@media(min-width:1800px) {
	.p-top_access {
		padding: 0
	}

	.p-top_access .l-contents {
		max-width: 60%;
		padding: 0
	}
}

@media(min-width:641px) {
	.p-top_access {
		padding: 240px 0 215px;
	}

	.p-top_access .l-contents {
		padding: 0 30px;
		box-sizing: content-box
	}

	.p-top_access_map {
		position: absolute !important;
		bottom: 0;
		left: 0;
		width: 48%;
		height: 365px;
		margin-top: 0
	}

	.p-top_access_img {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 52%;
		height: 100%;
		background: url(../images/access-bg.jpg) center no-repeat;
		background-size: cover
	}
}

.p-top_contact {
	padding: 50px 0 35px;
	text-align: center
}

.p-top_contact_btn>a {
	display: inline-block;
	width: 160px;
	height: 49px;
	margin-bottom: 38px;
	padding-top: 12px;
	border-radius: 25px;
	background: #9a1616;
	color: #fff;
	font-size: 14px;
	letter-spacing: .15em;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-top_contact_btn>a:hover {
	opacity: 0.8;
}

.p-top_contact_tel>a {
	display: inline-block;
	position: relative;
	padding-bottom: 2px;
	color: #9c9c9c;
	font-size: 15px;
	letter-spacing: .15em;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-top_contact_tel>a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #9a1616
}

.p-top_contact_tel>a:hover {
	color: #fff
}

.p-top_contact_tel>a:hover:before {
	-webkit-animation: telAnim .8s;
	animation: telAnim .8s
}

@-webkit-keyframes telAnim {
	0% {
		left: 0;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
		animation-timing-function: cubic-bezier(.075, .82, .165, 1)
	}

	45% {
		left: 100%;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
		animation-timing-function: cubic-bezier(.6, .04, .98, .335)
	}

	50% {
		left: 100%;
		width: 0
	}

	55% {
		left: 0;
		width: 0;
		-webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
		animation-timing-function: cubic-bezier(.075, .82, .165, 1)
	}

	100% {
		left: 0;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
		animation-timing-function: cubic-bezier(.6, .04, .98, .335)
	}
}

@keyframes telAnim {
	0% {
		left: 0;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
		animation-timing-function: cubic-bezier(.075, .82, .165, 1)
	}

	45% {
		left: 100%;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
		animation-timing-function: cubic-bezier(.6, .04, .98, .335)
	}

	50% {
		left: 100%;
		width: 0
	}

	55% {
		left: 0;
		width: 0;
		-webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
		animation-timing-function: cubic-bezier(.075, .82, .165, 1)
	}

	100% {
		left: 0;
		width: 100%;
		-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
		animation-timing-function: cubic-bezier(.6, .04, .98, .335)
	}
}

@media(min-width:641px) {
	.p-top_contact {
		padding: 90px 0 75px
	}

	.p-top_contact_btn>a {
		width: 150px;
		border-radius: 50px;
		border-radius: 39px;
		font-size: 14px
	}

	.p-top_contact_tel>a {
		font-size: 20px
	}
}

.p-top_more {
	margin-top: 25px;
	text-align: center
}

.p-top_more>a {
	display: inline-block;
	position: relative;
	padding-left: 19px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

.p-top_more>a:after,
.p-top_more>a:before {
	content: '';
	position: absolute;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

.p-top_more>a:before {
	top: 6px;
	left: -10px;
	width: 20px;
	height: 1px;
	background: #fff
}

.p-top_more>a:after {
	top: 4px;
	left: 10px;
	display: block;
	height: 0;
	width: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid #fff;
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

.p-top_more>a:hover {
	padding-left: 29px;
	color: #595959
}

.p-top_more>a:hover:before {
	left: 0;
	background: #666
}

.p-top_more>a:hover:after {
	left: 20px;
	border-left-color: #666
}

@media(min-width:641px) {
	.p-top_more {
		margin-top: 50px
	}

	.p-top_more>a {
		padding-left: 38px;
		font-size: 17px
	}

	.p-top_more>a:before {
		top: 8px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	.p-top_more>a:after {
		top: 5px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}

	.p-top_more>a:hover {
		padding-left: 58px
	}

	.p-top_more>a:hover:before {
		left: 0
	}

	.p-top_more>a:hover:after {
		left: 40px
	}
}

.p-top_arrow {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	letter-spacing: .15em;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-top_arrow span {
	margin-bottom: 15px;
	display: inline-block;



}

.p-top_arrow>img {
	display: block
}

.p-top_arrow>i {
	height: 37px;
	width: 37px;
	display: block;
	position: relative;
	border-radius: 50%;
	border: 1px solid #fff;
	transition: background .3s, -webkit-transform .3s .2s cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition: background .3s, -webkit-transform .3s .2s cubic-bezier(.175, .885, .32, 1.275);
	transition: transform .3s .2s cubic-bezier(.175, .885, .32, 1.275), background .3s;
	transition: transform .3s .2s cubic-bezier(.175, .885, .32, 1.275), background .3s, -webkit-transform .3s .2s cubic-bezier(.175, .885, .32, 1.275)
}
@media(max-width:750px) {
	.p-top_arrow>i {
		right: -8px;
	}
}
.p-top_arrow>i>i {
	display: block;
	width: 37px;
	height: 37px	
}

.p-top_arrow>i>i:after,
.p-top_arrow>i>i:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-top_arrow:hover>i {
	background: #fff;
	-webkit-transform: scale(1.1) translateY(1px);
	transform: scale(1.1) translateY(1px);
	transition: background .3s .2s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition: background .3s .2s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), background .3s .2s;
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), background .3s .2s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.p-top_arrow:hover>i>i:after,
.p-top_arrow:hover>i>i:before {
	-webkit-transition: background .3s .2s;
	transition: background .3s .2s;
	background: #c5a47e
}

.p-top_arrow-bottom>i>i:after,
.p-top_arrow-bottom>i>i:before,
.p-top_arrow-top>i>i:after,
.p-top_arrow-top>i>i:before {
	width: 5px;
	height: 1px
}

.p-top_arrow-bottom>i>i:before,
.p-top_arrow-top>i>i:before {
	margin-left: -5px
}

.p-top_arrow-bottom>i>i:after,
.p-top_arrow-top>i>i:after {
	margin-left: -2px
}

.p-top_arrow-top>i>i:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.p-top_arrow-top>i>i:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.p-top_arrow-top:hover>i>i {
	-webkit-animation: arrowAnimTop 1.5s .7s infinite;
	animation: arrowAnimTop 1.5s .7s infinite
}

@-webkit-keyframes arrowAnimTop {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes arrowAnimTop {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.p-top_arrow-bottom>i>i {
	-webkit-animation: arrowAnimBottom 1.5s .7s infinite;
	animation: arrowAnimBottom 1.5s .7s infinite
}

.p-top_arrow-bottom>i>i:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.p-top_arrow-bottom>i>i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@-webkit-keyframes arrowAnimBottom {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes arrowAnimBottom {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.p-top_arrow-left>i>i:after,
.p-top_arrow-left>i>i:before,
.p-top_arrow-right>i>i:after,
.p-top_arrow-right>i>i:before {
	width: 1px;
	height: 5px
}

.p-top_arrow-left>i>i:before,
.p-top_arrow-right>i>i:before {
	margin-top: -5px
}

.p-top_arrow-left>i>i:after,
.p-top_arrow-right>i>i:after {
	margin-top: -2px
}

.p-top_arrow-left>i>i:after,
.p-top_arrow-left>i>i:before {
	margin-left: -2px
}

.p-top_arrow-left>i>i:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.p-top_arrow-left>i>i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.p-top_arrow-left:hover>i>i {
	-webkit-animation: arrowAnimLeft 1.5s .7s infinite;
	animation: arrowAnimLeft 1.5s .7s infinite
}

@-webkit-keyframes arrowAnimLeft {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes arrowAnimLeft {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.p-top_arrow-right>i>i:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.p-top_arrow-right>i>i:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.p-top_arrow-right:hover>i>i {
	-webkit-animation: arrowAnimRight 1.5s .7s infinite;
	animation: arrowAnimRight 1.5s .7s infinite
}

@-webkit-keyframes arrowAnimRight {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes arrowAnimRight {
	0% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	30% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	40% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	70% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@media(min-width:641px) {
	.p-top_arrow>i {
		width: 56px;
		height: 56px
	}

	.p-top_arrow>i>i {
		width: 56px;
		height: 56px
	}

	.p-top_arrow-bottom>i>i:after,
	.p-top_arrow-bottom>i>i:before,
	.p-top_arrow-top>i>i:after,
	.p-top_arrow-top>i>i:before {
		width: 9px;
		height: 2px
	}

	.p-top_arrow-bottom>i>i:before,
	.p-top_arrow-top>i>i:before {
		margin-left: -7px
	}

	.p-top_arrow-bottom>i>i:after,
	.p-top_arrow-top>i>i:after {
		margin-left: -2px
	}

	.p-top_arrow-left>i>i:after,
	.p-top_arrow-left>i>i:before,
	.p-top_arrow-right>i>i:after,
	.p-top_arrow-right>i>i:before {
		width: 2px;
		height: 9px
	}

	.p-top_arrow-left>i>i:before,
	.p-top_arrow-right>i>i:before {
		margin-top: -7px
	}

	.p-top_arrow-left>i>i:after,
	.p-top_arrow-right>i>i:after {
		margin-top: -2px
	}
}

.p-top_popup {
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 15px;
	background: #fff;
	text-align: center
}

.p-top_popup_inner>h3 {
	margin-top: 20px;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	-webkit-transition: all 6s;
	transition: all 6s
}

.p-top_popup_inner img {
	width: 100%
}

.p-top_popup_inner>h3>span {
	display: block;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: .9
}

.p-top_popup_inner>p {
	min-height: 10em;
	padding: 10px 10px 15px;
	font-sizez: 12px
}

.p-top_popup .mfp-close {
	display: block;
	position: relative;
	width: 27px;
	height: 27px;
	margin: 0 auto;
	cursor: pointer
}

.p-top_popup .mfp-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

.p-top_popup .mfp-close:hover:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media(min-width:641px) {
	.p-top_popup {
		padding-bottom: 30px
	}

	.p-top_popup_inner>h3 {
		margin-top: 35px;
		font-size: 16px
	}

	.p-top_popup_inner>h3>span {
		margin-bottom: 12px;
		font-size: 46px
	}

	.p-top_popup_inner>p {
		padding: 15px 70px 30px;
		font-size: 16px
	}

	.p-top_popup .mfp-close {
		width: 54px;
		height: 54px
	}
}

.p-top_loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}

.p-top_loading:after,
.p-top_loading:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background: #f8f7f2;
	z-index: 1;
	-webkit-transition: top 1s 2s cubic-bezier(.785, .135, .15, .86), visibility .1s 3s;
	transition: top 1s 2s cubic-bezier(.785, .135, .15, .86), visibility .1s 3s
}

.p-top_loading:before {
	top: 0
}

.p-top_loading:after {
	top: 50%
}

.p-top_loading>i {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 1px;
	background: #9a1616;
	z-index: 2;
	-webkit-animation: loading 10s forwards;
	animation: loading 10s forwards
}

@-webkit-keyframes loading {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes loading {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

.js-status-loaded .p-top_loading {
	visibility: hidden;
	-webkit-transition: visibility .1s 4s;
	transition: visibility .1s 4s
}

.js-status-loaded .p-top_loading:before {
	top: -50%;
	visibility: hidden
}

.js-status-loaded .p-top_loading:after {
	top: 100%;
	visibility: hidden
}

.js-status-loaded .p-top_loading>i {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .6s 1.6s cubic-bezier(.075, .82, .165, 1);
	-webkit-transition: -webkit-transform .6s 1.6s cubic-bezier(.075, .82, .165, 1);
	transition: transform .6s 1.6s cubic-bezier(.075, .82, .165, 1);
	transition: transform .6s 1.6s cubic-bezier(.075, .82, .165, 1), -webkit-transform .6s 1.6s cubic-bezier(.075, .82, .165, 1);
	-webkit-animation: loading 2s forwards;
	animation: loading 2s forwards
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #CCC
}

.mfp-preloader a:hover {
	color: #FFF
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 15px;
		padding-right: 15px
	}
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	-webkit-transition: all .5s;
	transition: all .5s
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: none;
	transform: none
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.mfp-container {
	padding: 0 10px !important
}

h2.main-title {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(calc(-50% + 37px));
	transform: translate(Y) calc(-50% + 37px)
}

@media(max-width:750px) {
	h2.main-title {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

#accsess-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-access-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#accsess-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

#access-box {
	margin: 120px 0 0
}

#access-box h3.title {
	font-size: 18px;
	border-bottom: 2px solid #4b4b4b;
	font-weight: 700;
	margin: 0 auto 60px;
	padding: 0 0 10px
}

#access-box h3 {
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #4b4b4b;
	letter-spacing: 1px;
	margin: 0 0 30px;
	padding: 0 0 10px
}

#access-box .address {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 40px;
	line-height: 1.8
}

#access-box .access {
	font-size: 14px;
	line-height: 1.8
}

#access-box .tel {
	text-align: right;
	line-height: 1.8;
	font-size: 16px
}

#access-box .address-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

#access-box .address-inner div {
	width: 50%
}

#access-box .accsess-box-inner {
	padding: 0 20px;
	margin: 0 auto 90px
}

@media(max-width:750px) {
	#access-box {
		padding: 0 15px;
		margin: 60px 0 0
	}

	#access-box h3.title {
		font-size: 14px
	}

	#access-box h3 {
		font-size: 14px
	}

	#access-box .accsess-box-inner {
		padding: 0 10px
	}

	#access-box .address {
		font-size: 12px;
		margin: 0 0 20px
	}

	#access-box .tel {
		font-size: 12px
	}

	#access-box .address-inner .access {
		width: 100%;
		margin: 0 0 30px;
		font-size: 12px
	}

	#access-box .address-inner .p-access_map_btn {
		width: 100%;
		text-align: center
	}

	#access-box .address-inner .p-access_map_btn>a {
		padding-top: 15px;
		height: 45px
	}
}

.p-access_map_btn {
	padding: 0;
	text-align: right
}

.p-access_map_btn>a {
	text-align: center;
	display: inline-block;
	width: 210px;
	height: 65px;
	margin-bottom: 0;
	padding-top: 24px;
	border-radius: 50em;
	background: #3891a5;
	color: #fff;
	font-size: 14px;
	letter-spacing: .15em;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-access_map_btn>a:hover {
	background: #c5a47e
}

#about-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-aboutus-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#about-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

#aboutus-about {
	padding: 115px 0;
	line-height: 1.55;
	margin: 0 0 300px;
}

#aboutus-about h3 {
	display: block;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .2em;
	overflow: hidden;
	color: #595959;
	margin: 0 0 115px;
	text-align: center
}

#aboutus-about .aboutus-box {
	position: relative
}

#aboutus-about .aboutus-box h4 {
	font-size: 14px;
	margin: 0 0 0px;
	line-height: 2.3;

}

#aboutus-about .aboutus-box p {
	line-height: 2.3;

}

#aboutus-about .aboutus-box .copy {}

@media(max-width:750px) {
	#aboutus-about {
		margin: 0;
		padding: 115px 0 65px
	}

	#aboutus-about .aboutus-box {
		width: 90%;
		margin: auto;
		left: 0;
		overflow: hidden;
	}

	#aboutus-about .aboutus-box h4 {
		margin: 8px 0;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: .1em;
		line-height: 1.55
	}
	#aboutus-about .aboutus-box p {
    line-height: 1.4;
    }
	#aboutus-about .aboutus-box .copy {
		position: static;
		width: 100%;
		margin: auto
	}
}
.aboutus-box:nth-of-type(2n) .about-img-1{float:right;}
#aboutus-president {
	position: relative;
	z-index: 100;
	padding: 50px 0;
}

#aboutus-president .president-box-en {
	padding: 30px 0
}

#aboutus-president .president-box {
	display: table;
	width: 100%;
	overflow: hidden
}

#aboutus-president .president-box .text {
	background: #f8f7f2;
	padding: 50px 50px 0;
	box-sizing: border-box;
	width: 55%;
	display: table-cell;
	vertical-align: top
}

#aboutus-president .president-box .text .border {
	width: 25px;
	height: 1px;
	background: #FFF;
	margin: 35px 0
}

#aboutus-president .president-box .text .title {
	font-size: 20px;
	letter-spacing: .05em
}

#aboutus-president .president-box .text .title-en {
	font-size: 16px;
	letter-spacing: .05em;
	padding: 0 0 25px;
	margin: 0 0 25px;
	position: relative
}

#aboutus-president .president-box .text .title-en:after {
	content: "";
	width: 30px;
	height: 1px;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: 0
}

#aboutus-president .president-box .text .jp {
	font-size: 14px;
	padding: 25px 0
}

#aboutus-president .president-box .text .name-en {
	font-size: 44px;
	margin: 0 0 20px;
	letter-spacing: .1em;
	line-height: 1.2
}

#aboutus-president .president-box .text .name-jp {
	margin: 0 0 65px
}

#aboutus-president .president-box .text p {
	font-size: 13px;
	line-height: 2.2;
	letter-spacing: .05em
}

#aboutus-president .president-box .image {
	width: 45%;
	display: table-cell
}

@media(max-width:750px) {
	#aboutus-president {
		position: relative;
		z-index: 100
	}

	#aboutus-president .president-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		width: 100%;
		overflow: hidden
	}

	#aboutus-president .president-box .text {
		background: #121212;
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		display: block;
		vertical-align: top
	}

	#aboutus-president .president-box .text .border {
		width: 25px;
		height: 1px;
		background: #FFF;
		margin: 35px 0
	}

	#aboutus-president .president-box .text .title {
		font-size: 16px;
		letter-spacing: .05em
	}

	#aboutus-president .president-box .text .jp {
		font-size: 12px;
		padding: 25px 0
	}

	#aboutus-president .president-box .text .name-en {
		font-size: 30px;
		margin: 0 0 20px;
		letter-spacing: .1em;
		line-height: 1.2
	}

	#aboutus-president .president-box .text .name-jp {
		margin: 0 0 65px
	}

	#aboutus-president .president-box .text .name-jp img {
		max-width: 50%;
		height: auto
	}

	#aboutus-president .president-box .text p {
		font-size: 13px;
		line-height: 2.2;
		letter-spacing: .05em
	}

	#aboutus-president .president-box .image {
		width: 100%;
		display: block
	}

	#aboutus-president .president-box .image img {
		width: 100%;
		height: auto
	}
}

#aboutus-company {
	height: 680px;
	position: relative;
	width: 100%;
}

#aboutus-company:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/company-bg.jpg) center center no-repeat;
	background-size: cover;
	-webkit-transition: all 20s;
	transition: all 20s
}

#aboutus-company .company-box {
	padding: 210px 160px 60px
}

#aboutus-company .company-box .title {
	font-size: 20px;
	letter-spacing: .05em;
	margin: 0 0 50px
}

#aboutus-company .company-box ul {
	display: table
}

#aboutus-company .company-box li {
	padding: 0 0 15px
}

#aboutus-company .company-box .th {
	font-size: 14px;
	letter-spacing: .05em;
	font-weight: 300;
	display: table-cell;
	width: 100px
}

#aboutus-company .company-box .th-en {
	font-size: 14px;
	letter-spacing: .05em;
	font-weight: 300;
	display: table-cell;
	width: 150px
}

#aboutus-company .company-box .td {
	font-size: 14px;
	display: block;
	letter-spacing: .05em;
	width: 80%;
	white-space: normal
}

@media(max-width:750px) {
	#aboutus-company {
		height: auto;
		position: relative;
		width: 100%;
		margin: -30px 0 0;
		font-size: 12px
	}

	#aboutus-company .company-box {
		padding: 210px 0 60px
	}

	#aboutus-company .company-box ul {
		display: block
	}

	#aboutus-company .company-box .th {
		font-size: 12px
	}

	#aboutus-company .company-box .td {
		font-size: 12px;
		display: block;
		width:100%;
		white-space: normal;
	}
}
#aboutus-hisory {
	position: relative;
	width: 100%;
	margin: 0
}

#aboutus-hisory:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	-webkit-transition: all 20s;
	transition: all 20s
}

#aboutus-hisory .company-box {
	padding: 100px 0 0 160px
}

#aboutus-hisory .company-box .title {
	font-size: 20px;
	letter-spacing: .05em;
	margin: 0 0 50px
}

#aboutus-hisory .company-box ul {
	display: table
}

#aboutus-hisory .company-box li {
	padding: 0 0 15px
}

#aboutus-hisory .company-box .th {
	font-size: 13px;
	letter-spacing: .05em;
	font-weight: 300;
	display: table-cell;
	width: 160px
}

#aboutus-hisory .company-box .td {
	font-size: 13px;
	display: table-cell;
	letter-spacing: .05em
}

@media(max-width:750px) {
	#aboutus-hisory {
		position: relative;
		width: 100%;
		margin: 0;
		font-size: 12px
	}

	#aboutus-hisory:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		-webkit-transition: all 20s;
		transition: all 20s
	}

	#aboutus-hisory .company-box {
		padding: 100px 0 0
	}

	#aboutus-hisory .company-box .title {
		font-size: 16px;
		letter-spacing: .05em;
		margin: 0 0 50px
	}

	#aboutus-hisory .company-box ul {
		display: table
	}

	#aboutus-hisory .company-box li {
		padding: 0 0 15px
	}

	#aboutus-hisory .company-box .th {
		font-size: 13px;
		letter-spacing: .05em;
		font-weight: 300;
		display: block;
		width: 100%
	}

	#aboutus-hisory .company-box .td {
		margin: 0 0 10px;
		font-size: 13px;
		display: block;
		letter-spacing: .05em
	}
}

#recruit-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-recruit-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#recruit-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

#recruit-about {
	padding: 115px 0 150px;
	text-align: center;
	line-height: 1.55
}

#recruit-about h3 {
	margin: 0 0 35px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.55
}

#recruit-about h3 strong {
	color: #3891a5
}

#recruit-about p {
	width: 690px;
	margin: 0 auto
}

@media(max-width:750px) {
	#recruit-about {
		padding: 40px 0 60px
	}

	#recruit-about h3 {
		margin: 17px 0;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: .1em;
		line-height: 1.55
	}

	#recruit-about p {
		width: 100%
	}
}

#recruit-interview {
	margin: 0 0 200px
}

#recruit-interview h4 {
	text-align: center;
	margin: 0 0 100px
}

#recruit-interview h4 span {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #3891a5;
	margin: 0 0 115px;
	text-align: center
}

#recruit-interview ul {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

#recruit-interview ul .recruit-interview1 figure:before {
	background: url(../images/recruit-img1.jpg) center center no-repeat;
	background-size: cover
}

#recruit-interview ul .recruit-interview2 figure:before {
	background: url(../images/recruit-img2.jpg) center center no-repeat;
	background-size: cover
}

#recruit-interview ul .recruit-interview3 figure:before {
	background: url(../images/recruit-img3.jpg) center center no-repeat;
	background-size: cover
}

#recruit-interview ul .recruit-interview4 figure:before {
	background: url(../images/recruit-img4.jpg) center center no-repeat;
	background-size: cover
}

#recruit-interview ul li {
	width: 50%;
	position: relative
}

#recruit-interview ul li a {
	color: #fff
}

#recruit-interview ul li a:after,
#recruit-interview ul li a:before {
	content: '';
	position: absolute
}

#recruit-interview ul li a:after {
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#recruit-interview ul li a:hover figure:before {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#recruit-interview ul li a:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

#recruit-interview ul li .text {
	left: 80px;
	top: -85px;
	position: absolute;
	z-index: 10
}

#recruit-interview ul li .num {
	font-size: 120px;
	line-height: 1;
	margin: 0 0 40px
}

#recruit-interview ul li .border {
	width: 25px;
	height: 1px;
	background: #FFF;
	margin: 25px 0
}

#recruit-interview ul li .business span {
	font-size: 28px;
	line-height: 1;
	padding: 0 0 10px;
	display: block;
	font-weight: 700
}

#recruit-interview ul li .name {
	font-size: 10px
}

#recruit-interview ul li .name span {
	font-size: 14px
}

#recruit-interview ul li figure {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	padding-top: 55.55556%
}

#recruit-interview ul li figure:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 6s;
	transition: all 6s
}

#recruit-interview ul li:nth-child(2n) {
	margin: 165px 0 0
}

#recruit-interview ul li:nth-child(3) {
	margin: -165px 0 0
}

#recruit-interview ul li:nth-child(4) {
	margin: 0
}

#recruit-interview ul li:nth-child(3) .text,
#recruit-interview ul li:nth-child(4) .text {
	left: 80px;
	top: initial;
	bottom: -85px;
	position: absolute;
	z-index: 10
}

@media(max-width:750px) {
	#recruit-interview {
		margin: 0 0 60px
	}

	#recruit-interview h4 span {
		line-height: 1.3
	}

	#recruit-interview ul li {
		width: 100%
	}

	#recruit-interview ul li .text {
		left: 20px;
		top: -50px
	}

	#recruit-interview ul li .num {
		font-size: 70px;
		margin: 0 0 20px
	}

	#recruit-interview ul li .business span {
		font-size: 18px
	}

	#recruit-interview ul li:nth-child(2),
	#recruit-interview ul li:nth-child(3),
	#recruit-interview ul li:nth-child(4) {
		margin: 60px 0 0
	}

	#recruit-interview ul li:nth-child(3) .text,
	#recruit-interview ul li:nth-child(4) .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		left: 20px;
		top: -50px;
		bottom: initial;
		position: absolute;
		z-index: 10
	}

	#recruit-interview ul li:nth-child(3) .num,
	#recruit-interview ul li:nth-child(4) .num {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	#recruit-interview ul li:nth-child(3) .name,
	#recruit-interview ul li:nth-child(4) .name {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	#recruit-interview ul li:nth-child(3) .border,
	#recruit-interview ul li:nth-child(4) .border {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	#recruit-interview ul li:nth-child(3) .business,
	#recruit-interview ul li:nth-child(4) .business {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

#recruit-slider {
	margin: 100px 0 200px
}

#recruit-slider h4 {
	text-align: center;
	margin: 0 0 100px
}

#recruit-slider h4 span {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #3891a5;
	margin: 0 0 115px;
	text-align: center
}

#recruit-slider ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

#recruit-slider ul li {
	width: 50%;
	position: relative
}

#recruit-slider ul li a {
	color: #fff
}

#recruit-slider ul li .text {
	left: 80px;
	top: -85px;
	position: absolute;
	z-index: 10
}

#recruit-slider ul li .num {
	font-size: 120px;
	line-height: 1;
	margin: 0 0 40px
}

#recruit-slider ul li .border {
	width: 25px;
	height: 1px;
	background: #FFF;
	margin: 35px 0 50px
}

#recruit-slider ul li .business span {
	font-size: 28px;
	line-height: 1;
	padding: 0 0 10px;
	display: block;
	font-weight: 700
}

#recruit-slider ul li .name {
	font-size: 10px
}

#recruit-slider ul li .name span {
	font-size: 14px
}

#recruit-slider ul li img {
	width: 100%;
	height: auto;
	position: relative
}

@media(max-width:750px) {
	#recruit-slider {
		margin: 100px 0 140px
	}

	#recruit-slider h4 span {
		line-height: 1.3
	}

	#recruit-slider ul li {
		width: 100%
	}

	#recruit-slider ul li .text {
		top: -50px;
		left: 70px
	}

	#recruit-slider ul li .num {
		font-size: 70px;
		margin: 0 0 20px
	}

	#recruit-slider ul li .business span {
		font-size: 18px
	}

	#recruit-slider ul li .border {
		margin: 15px 0 17px
	}
}

#recruit-guidelines h4 {
	text-align: center;
	margin: 0 0 100px
}

#recruit-guidelines h4 span {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #3891a5;
	margin: 0 0 115px;
	text-align: center
}

#recruit-guidelines ul li {
	font-size: 16px;
	display: table;
	border-top: 1px solid #434343;
	color: #fcfcfc;
	width: 800px;
	margin: 0 auto;
	padding: 15px
}

#recruit-guidelines ul li .th {
	width: 115px;
	display: table-cell;
	font-weight: 700
}

#recruit-guidelines ul li .td {
	display: table-cell
}

#recruit-guidelines ul li:last-child {
	border-bottom: 1px solid #434343
}

@media(max-width:750px) {
	#recruit-guidelines h4 {
		margin: 0 0 30px
	}

	#recruit-guidelines ul li {
		font-size: 12px
	}

	#recruit-guidelines ul li .th {
		display: block
	}

	#recruit-guidelines ul li .td {
		display: block
	}
}

#recruit-entry {
	width: 100%;
	background: url(../images/recruit-entry-bg.jpg) center center no-repeat;
	background-size: cover;
	height: 80px;
	margin: 10px 0
}

#recruit-entry a:hover h4 {
	color: #c5a47e;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

#recruit-entry h4 {
	line-height: 80px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .8s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .8s .1s cubic-bezier(.175, .885, .32, 1.275)
}

@media(max-width:750px) {
	#recruit-entry {
		margin: 60px 0 10px
	}
}

#recruit-details-main .l-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 130px auto 30px
}

#recruit-details-main .title {
	width: 50%
}

#recruit-details-main .title h2 {
	font-size: 120px;
	line-height: 1;
	color: #378ca8;
	margin-bottom: 15px;
	text-align: left !important;
	letter-spacing: -.05em
}

#recruit-details-main .title p.business {
	font-size: 22px;
	margin: 0 0 5px
}

#recruit-details-main .catch {
	font-size: 27px;
	width: 50%
}

#recruit-details-main .catch span {
	position: absolute;
	top: 50%;
	line-height: 1.6;
	right: 0;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%)
}

#recruit-details-main .main-image {
	position: relative
}

#recruit-details-main .main-image .l-contents {
	position: absolute;
	width: 1100px;
	margin: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%
}

#recruit-details-main .main-image .l-contents .name-box {
	padding: 34px 34px 10px;
	background: #212121;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 415px;
	box-sizing: border-box
}

#recruit-details-main .main-image .l-contents .name-box .name {
	font-size: 27px;
	margin: 0 0 15px;
	line-height: 1.4
}

#recruit-details-main .main-image .l-contents .name-box .name-en {
	font-size: 15px;
	margin: 0 0 25px
}

#recruit-details-main .main-image .l-contents .name-box .name-en span {
	font-size: 10px
}

#recruit-details-main .main-image .l-contents .name-box p {
	font-size: 13px
}

#recruit-details-main .main-image img {
	width: 100%;
	height: auto
}

@media(max-width:750px) {
	#recruit-details-main .l-contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin: 60px auto 30px
	}

	#recruit-details-main .title {
		width: 50%
	}

	#recruit-details-main .title h2 {
		font-size: 60px;
		line-height: 1;
		color: #378ca8;
		margin-bottom: 15px;
		text-align: left !important;
		letter-spacing: -.05em
	}

	#recruit-details-main .title p.business {
		font-size: 22px;
		margin: 0 0 5px
	}

	#recruit-details-main .catch {
		font-size: 18px;
		width: 100%
	}

	#recruit-details-main .catch span {
		position: static;
		top: 50%;
		line-height: 1.6;
		right: 0;
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%)
	}

	#recruit-details-main .main-image {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap
	}

	#recruit-details-main .main-image .l-contents {
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		height: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding: 0
	}

	#recruit-details-main .main-image .l-contents .name-box {
		padding: 34px 34px 10px;
		background: #212121;
		position: relative;
		bottom: 0;
		top: 0;
		right: 0;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box
	}

	#recruit-details-main .main-image .l-contents .name-box .name {
		font-size: 18px;
		margin: 0 0 15px;
		line-height: 1.4
	}

	#recruit-details-main .main-image .l-contents .name-box .name-en {
		font-size: 15px;
		margin: 0 0 25px
	}

	#recruit-details-main .main-image .l-contents .name-box .name-en span {
		font-size: 10px
	}

	#recruit-details-main .main-image .l-contents .name-box p {
		font-size: 12px
	}

	#recruit-details-main .main-image img {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		height: auto
	}
}

#recruit-details-about {
	padding: 115px 0 145px;
	line-height: 1.55;
	background: #212121
}

#recruit-details-about h3 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #3891a5;
	margin: 0 0 115px;
	text-align: center
}

#recruit-details-about .recruit-details-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0 0 100px
}

#recruit-details-about .recruit-details-box .image {
	width: 65%
}

#recruit-details-about .recruit-details-box h4 {
	font-size: 25px;
	margin: 0 0 40px
}

#recruit-details-about .recruit-details-box p {
	line-height: 2.3;
	letter-spacing: .1em
}

#recruit-details-about .recruit-details-box .copy {
	text-align: left;
	left: 0;
	width: 50%;
	margin: 140px 0 0 -220px
}

#recruit-details-about .recruit-details-box-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0 0 100px
}

#recruit-details-about .recruit-details-box-right .image {
	width: 65%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin: 0 0 0 -170px
}

#recruit-details-about .recruit-details-box-right h4 {
	font-size: 25px;
	margin: 0 0 40px
}

#recruit-details-about .recruit-details-box-right p {
	line-height: 2.3;
	letter-spacing: .1em
}

#recruit-details-about .recruit-details-box-right .copy {
	text-align: left;
	left: 0;
	width: 50%;
	margin: 140px 0 0 -220px
}

#recruit-details-about .recruit-details-comment-box {
	max-width: 1100px;
	background: #121212;
	padding: 85px 77px;
	box-sizing: border-box;
	margin: 0 auto
}

#recruit-details-about .recruit-details-comment-box h4 {
	font-size: 22px;
	margin: 0 0 20px;
	font-weight: 700
}

#recruit-details-about .recruit-details-comment-box p {
	line-height: 2.0;
	font-size: 16px
}

@media(max-width:750px) {
	#recruit-details-about {
		padding: 60px 0 145px
	}

	#recruit-details-about .recruit-details-box {
		margin: 0 0 60px
	}

	#recruit-details-about .recruit-details-box .image {
		width: 100%
	}

	#recruit-details-about .recruit-details-box .copy {
		width: 100%;
		margin: 20px 0 0
	}

	#recruit-details-about .recruit-details-box h4 {
		font-size: 18px;
		margin: 0 0 20px
	}

	#recruit-details-about .recruit-details-box-right {
		margin: 0 0 60px
	}

	#recruit-details-about .recruit-details-box-right .image {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin: 0 0 0 -170px
	}

	#recruit-details-about .recruit-details-box-right h4 {
		font-size: 18px;
		margin: 0 0 20px
	}

	#recruit-details-about .recruit-details-box-right p {
		line-height: 2.3;
		letter-spacing: .1em
	}

	#recruit-details-about .recruit-details-box-right .copy {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		text-align: left;
		left: 0;
		width: 100%;
		margin: 20px 0 0
	}

	#recruit-details-about .recruit-details-comment-box {
		max-width: 100%;
		background: #121212;
		padding: 30px;
		box-sizing: border-box;
		margin: 0 auto
	}

	#recruit-details-about .recruit-details-comment-box h4 {
		font-size: 18px;
		margin: 0 0 10px;
		font-weight: 700
	}

	#recruit-details-about .recruit-details-comment-box p {
		line-height: 2.0;
		font-size: 12px
	}
}

#recruit-details-private {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 0 170px;
	background: #2f2f2f
}

#recruit-details-private figure {
	width: 40%;
	position: relative;
	overflow: hidden
}

#recruit-details-private figure img {
	max-width: none;
	width: auto;
	height: 100%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

#recruit-details-private .text {
	width: 60%;
	padding: 50px 70px;
	box-sizing: border-box;
	position: relative
}

#recruit-details-private .text .text-inner h4 {
	font-size: 16px;
	margin: 0 0 10px
}

#recruit-details-private .text .text-inner p {
	font-size: 14px;
	line-height: 2.0
}

#contact-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-contact-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#contact-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

#contact-about {
	padding: 115px 0 0;
	text-align: center;
	line-height: 1.55;
	font-size: 115%
}

#contact-form-section {
	background: #fffaf5;
	padding: 75px 0
}

#contact-form-section h4 {
	text-align: center;
	margin: 0 30px;
}

#contact-form-section h4 span {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #666;
	margin: 0 0 115px;
	text-align: center
}

#contact-form-section h4 p {
	font-size: 20px;



}

#contact-form {
	max-width: 760px;
	margin: auto
}

.form-list select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background: url(../images/select_arrow.png) right 14px center/10px 5px no-repeat, #fff
}

.form-list select::-ms-expand {
	display: none
}

.form-list input,
.form-list textarea {
	width: 100%
}

.form-list input,
.form-list select {
	border-radius: 3px;
	padding: 5px 40px 5px 16px;
	border: none
}

.form-list textarea {
	padding: 8px 16px;
	border-radius: 5px;
	min-height: 160px;
	min-height: 10rem
}

@media(max-width:640px) {
	.form-list {
		margin-bottom: 2rem
	}

	.form-list dt,
	.form-list dd {
		margin-bottom: 1rem
	}
}

@media(min-width:641px) {
	.form-list {
		position: relative;
		display: block;
		font-size: 16px;
		margin-top: 40px;
	}

	.form-list:before,
	.form-list:after {
		content: '';
		display: table;
		clear: both
	}

	.form-list dt,
	.form-list dd {
		float: left
	}

	.form-list dt {
		width: 190px
	}

	.form-list dd {
		width: calc(100% - 190px);
	}
}

.explanation {
	margin: .75em 0;
	display: block;
	color: #c3c3c3;
	font-size: 90%
}

#enterprise_field {
	margin: 130px auto
}

#enterprise_field legend {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #c4c4c4;
	padding-bottom: 1em;
	border-bottom: 1px solid #454545;
	margin-bottom: 3em;
	letter-spacing: .1em
}

.p-contact_submit_btn {
	text-align: center
}

.p-contact_submit_btn input {
	display: inline-block;
	width: 160px;
	height: 49px;
	text-align: center;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;

	border-radius: 25px;
	border: none;
	background: #9a1616;
	color: #fff;
	font-size: 14px;
	letter-spacing: .15em;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p-contact_submit_btn input:hover {
	opacity: 0.8;
}

@media(min-width:641px) {
	.p-contact_submit_btn input {
		width: 260px;
		height: 78px;
		border-radius: 39px;
		font-size: 22px
	}
}

.required {
	color: #9a1616;
	font-size: 12px
}

.formTable {
	width: 100%;
	margin: 48px auto 80px;
	margin: 3rem auto 5rem
}

.formTable tr th,
.formTable tr td {
	padding: 8px 16px;
	padding: .5rem 1rem;
	font-size: 16px
}

.formTable tr th {
	padding-right: 16px;
	padding-right: 1rem
}

#bases-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-bases-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#bases-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

.bases-details {
	background: url(../images/bases-domestic-bg.png) top center no-repeat;
	background-size: cover
}

#bases-domestic {
	padding: 115px 0;
	text-align: center;
	line-height: 1.55
}

#bases-domestic h3 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.55;
	color: #3891a5;
}

#bases-domestic p {
	width: 690px;
	margin: 0 auto
}

#bases-domestic ul {
	margin: 80px 0 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	box-sizing: border-box;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

#bases-domestic ul li {
	width: 33.333333%;
	margin: 0 0 95px;
	position: relative
}

#bases-domestic ul li .domestic-inner {
	width: 230px;
	margin: 0 auto
}

#bases-domestic ul li a {
	color: #fff
}

#bases-domestic ul li:hover h4 {
	color: #3891a5
}

#bases-domestic ul li:hover figure {
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

#bases-domestic ul li:hover .text-box {
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

#bases-domestic ul li:hover .text-box .bases-domestic_more {
	color: #3891a5;
	margin-top: 10px;
	padding-left: 38px;
	font-size: 16px
}

#bases-domestic ul li:hover .text-box .bases-domestic_more:before {
	left: 0;
	background: #3891a5
}

#bases-domestic ul li:hover .text-box .bases-domestic_more:after {
	left: 20px;
	border-left-color: #3891a5
}

@media(min-width:641px) {
	#bases-domestic ul li:hover .text-box .bases-domestic_more {
		padding-left: 58px
	}

	#bases-domestic ul li:hover .text-box .bases-domestic_more:before {
		left: 0
	}

	#bases-domestic ul li:hover .text-box .bases-domestic_more:after {
		left: 40px
	}
}

#bases-domestic ul li .text-box {
	position: absolute;
	left: 50%;
	bottom: -35px;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-domestic ul li .text-box h4 {
	font-size: 27px;
	line-height: 1.2
}

#bases-domestic ul li .text-box .bases-domestic_more {
	margin-top: 25px;
	text-align: center;
	display: inline-block;
	position: relative;
	padding-left: 19px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-domestic ul li .text-box .bases-domestic_more:after,
#bases-domestic ul li .text-box .bases-domestic_more:before {
	content: '';
	position: absolute;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-domestic ul li .text-box .bases-domestic_more:before {
	top: 6px;
	left: -10px;
	width: 20px;
	height: 1px;
	background: #fff
}

#bases-domestic ul li .text-box .bases-domestic_more:after {
	top: 4px;
	left: 10px;
	display: block;
	height: 0;
	width: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid #fff;
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

@media(min-width:641px) {
	#bases-domestic ul li .text-box .bases-domestic_more {
		margin-top: 10px;
		padding-left: 38px;
		font-size: 16px
	}

	#bases-domestic ul li .text-box .bases-domestic_more:before {
		top: 11px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	#bases-domestic ul li .text-box .bases-domestic_more:after {
		top: 8px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}
}

@media(max-width:750px) {
	#bases-domestic ul li .text-box .bases-domestic_more {
		margin-top: 10px;
		padding-left: 38px;
		font-size: 12px
	}

	#bases-domestic ul li .text-box .bases-domestic_more:before {
		top: 11px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	#bases-domestic ul li .text-box .bases-domestic_more:after {
		top: 8px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}
}

#bases-domestic ul li figure {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	will-change: transform;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	width: 100%;
	height: auto;
	border-radius: 50%;
	padding-top: 0;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	mask-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

@media(max-width:750px) {
	#bases-domestic {
		padding: 60px 0 0
	}

	#bases-domestic .l-contents .l-contents {
		padding: 0
	}

	#bases-domestic p {
		width: 100%
	}

	#bases-domestic ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#bases-domestic ul li {
		width: 48%
	}

	#bases-domestic ul li .domestic-inner {
		width: 100%
	}

	#bases-domestic ul li .text-box {
		left: 0;
		bottom: -60px
	}

	#bases-domestic ul li .text-box h4 {
		font-size: 20px
	}

	#bases-domestic ul li .text-box .bases-domestic_more {
		margin-top: 10px;
		padding-left: 38px;
		font-size: 12px
	}
}

#bases-details-main .l-contents {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	margin: 130px auto 30px
}

#bases-details-main h2 {
	width: 60%;
	font-size: 118px;
	text-align: left;
	line-height: .8;
	z-index: 2
}

#bases-details-main p {
	width: 40%;
	text-align: right;
	font-size: 20px;
	position: relative
}

#bases-details-main p span {
	display: block;
	position: absolute;
	bottom: 100px;
	right: 0
}

#bases-details-main figure {
	margin: -120px 0 0
}

#bases-details-main figure img {
	width: 100%;
	height: auto
}

@media(max-width:750px) {
	#bases-details-main .l-contents {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		box-sizing: border-box;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		margin: 80px auto
	}

	#bases-details-main h2 {
		width: 60%;
		font-size: 30px;
		text-align: left;
		line-height: .8;
		z-index: 2
	}

	#bases-details-main p {
		width: 40%;
		text-align: right;
		font-size: 20px;
		position: relative
	}

	#bases-details-main p span {
		display: block;
		position: absolute;
		bottom: 23px;
		right: 0;
		font-size: 12px
	}

	#bases-details-main figure {
		margin: -100px 0 0;
		position: relative;
		overflow: hidden;
		height: 200px;
		width: 100%;
		display: block
	}

	#bases-details-main figure img {
		max-width: 100%;
		width: auto;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

#bases-details-about {
	padding: 150px 0 0;
	background: #212121
}

#bases-details-about .bases-details-about-box {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 0 0 90px
}

#bases-details-about .bases-details-about-box figure {
	width: 55%
}

#bases-details-about .bases-details-about-box figure img {
	width: 100%;
	height: auto
}

#bases-details-about .bases-details-about-box .text-box {
	width: 45%;
	padding: 0 60px;
	box-sizing: border-box;
	position: relative
}

#bases-details-about .bases-details-about-box .text-box .text-box-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	padding: 60px 50px;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#bases-details-about .bases-details-about-box .text-box h3 {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 10px
}

#bases-details-about .bases-details-about-box .text-box h3 strong {
	color: #3891a5
}

#bases-details-about .bases-details-about-box .text-box p {
	font-size: 14px;
	line-height: 2.0
}

#bases-details-about .bases-details-about-box-three {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: space-around;
	margin: 0 auto;
	padding: 0 0 90px
}

#bases-details-about .bases-details-about-box-three li {
	width: 31.33333%
}

#bases-details-about .bases-details-about-box-three li figure {
	width: 100%;
	margin: 0 0 10px
}

#bases-details-about .bases-details-about-box-three li figure img {
	width: 100%;
	height: auto
}

#bases-details-about .bases-details-about-box-three li figure p {
	font-size: 14px
}

@media(max-width:750px) {
	#bases-details-about {
		padding: 60px 0 0;
		background: #212121
	}

	#bases-details-about .bases-details-about-box {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		box-sizing: border-box;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		margin: 0 auto;
		padding: 0 0 20px;
		font-size: 12px
	}

	#bases-details-about .bases-details-about-box figure {
		width: 100%
	}

	#bases-details-about .bases-details-about-box figure img {
		width: 100%;
		height: auto
	}

	#bases-details-about .bases-details-about-box .text-box {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		position: relative
	}

	#bases-details-about .bases-details-about-box .text-box .text-box-inner {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding: 10px 0 40px;
		box-sizing: border-box;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	#bases-details-about .bases-details-about-box .text-box h3 {
		font-size: 18px;
		font-weight: 700;
		margin: 0 0 10px
	}

	#bases-details-about .bases-details-about-box .text-box h3 strong {
		color: #3891a5
	}

	#bases-details-about .bases-details-about-box .text-box p {
		font-size: 12px;
		line-height: 2.0
	}

	#bases-details-about .bases-details-about-box-three {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		box-sizing: border-box;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		justify-content: space-around;
		margin: 0 auto;
		padding: 0 0 40px
	}

	#bases-details-about .bases-details-about-box-three li {
		width: 100%;
		margin: 0 0 30px
	}

	#bases-details-about .bases-details-about-box-three li figure {
		width: 100%;
		margin: 0 0 10px
	}

	#bases-details-about .bases-details-about-box-three li figure img {
		width: 100%;
		height: auto
	}

	#bases-details-about .bases-details-about-box-three li figure p {
		font-size: 14px
	}
}

#bases-details-map {
	background: #212121
}

#bases-details-map .map-inner {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	-webkit-box-pack: end;
	justify-content: flex-end;
	position: relative;
	padding: 0 0 30px;
	overflow: hidden
}

#bases-details-map .map-inner figure.map {
	position: absolute;
	bottom: -20px;
	height: auto;
	width: 55%;
	left: 0;
	z-index: 0;
	line-height: 0
}

#bases-details-map .map-inner .text-box {
	position: relative;
	z-index: 1;
	width: 55%
}

#bases-details-map .map-inner .text-box #details-map1 {
	height: 385px;
	width: 100%
}

#bases-details-map .map-inner .text-box .title {
	font-size: 16px;
	font-weight: 700;
	margin: 40px 0
}

#bases-details-map .map-inner .text-box .address {
	font-size: 14px;
	margin: 0 0 35px;
	line-height: 1.7;
	margin: 10px 0 40px
}

#bases-details-map .map-inner .text-box .info li {
	clear: both;
	margin: 0 0 8px;
	display: table
}

#bases-details-map .map-inner .text-box .info .th {
	width: 80px;
	font-weight: 700;
	display: table-cell
}

#bases-details-map .map-inner .text-box .info .td {
	display: table-cell
}

@media(max-width:750px) {
	#bases-details-map {
		background: #212121
	}

	#bases-details-map .map-inner {
		width: 100%;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		box-sizing: border-box;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		-webkit-box-pack: end;
		justify-content: flex-end;
		position: relative;
		padding: 0 0 30px;
		overflow: hidden
	}

	#bases-details-map .map-inner figure.map {
		position: absolute;
		bottom: -20px;
		height: auto;
		width: 55%;
		left: 0;
		z-index: 0;
		line-height: 0
	}

	#bases-details-map .map-inner .text-box {
		position: relative;
		z-index: 1;
		width: 90%;
		margin: 0 auto
	}

	#bases-details-map .map-inner .text-box #details-map1 {
		height: 385px;
		width: 100%
	}

	#bases-details-map .map-inner .text-box .title {
		font-size: 16px;
		font-weight: 700;
		margin: 40px 0
	}

	#bases-details-map .map-inner .text-box .address {
		font-size: 14px;
		margin: 0 0 35px;
		line-height: 1.7;
		margin: 10px 0 40px
	}

	#bases-details-map .map-inner .text-box .info li {
		clear: both;
		margin: 0 0 8px;
		display: table
	}

	#bases-details-map .map-inner .text-box .info .th {
		width: 80px;
		font-weight: 700;
		display: table-cell
	}

	#bases-details-map .map-inner .text-box .info .td {
		display: table-cell
	}
}

#en #group-details {
	display: none
}

#bases-relation {
	position: relative;
	height: 100%;
	overflow: hidden
}

#bases-relation h3 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.55;
	color: #3891a5;
	text-align: center;
}

#bases-relation p {
	width: 690px;
	margin: 0 auto;
	text-align: center
}

#bases-relation ul {
	margin: 50px 0 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: #2b2b2b
}

#bases-relation ul p {
	text-align: left
}

#bases-relation .tokyo:before {
	background: url(../images/bases-relation1.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .yokoun:before {
	background: url(../images/bases-relation2.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .kyuso:before {
	background: url(../images/bases-relation3.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .sumidagawa:before {
	background: url(../images/bases-relation4.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .dainichi:before {
	background: url(../images/bases-relation5.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .ysk:before {
	background: url(../images/bases-relation6.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation .shihoan:before {
	background: url(../images/bases-shihouan.jpg) center center no-repeat;
	background-size: cover
}

#bases-relation ul.relation-list-en {
	margin: 0 !important
}

#bases-relation ul.relation-list li {
	min-height: 550px;
	width: 14.288888%;
	overflow: hidden;
	position: relative;
	will-change: transform
}

#bases-relation ul.relation-list li:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#bases-relation ul.relation-list li .relation {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #fff
}

#bases-relation ul.relation-list li .relation-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#bases-relation ul.relation-list li .text {
	width: 100%;
	height: 100%
}

#bases-relation ul.relation-list li .text .text-inner {
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#bases-relation ul.relation-list li .text .close {
	position: absolute;
	bottom: 30px;
	left: 50px;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#bases-relation ul.relation-list li .text:after {
	content: '';
	position: absolute
}

#bases-relation ul.relation-list li .text:after {
	bottom: 30px;
	left: 50px;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(1);
	transform: rotate(-90deg) scale(1);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#bases-relation ul.relation-list li .text:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

#bases-relation ul.relation-list li .text:hover .close {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

#bases-relation ul.relation-list li .name-en {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4
}

#bases-relation ul.relation-list li .details {
	visibility: hidden;
	width: 100%;
	position: absolute;
	top: 50%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 0 20px;
	box-sizing: border-box;
	will-change: transform;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#bases-relation ul.relation-list li .details .l-contents {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#bases-relation ul.relation-list li .details .details-text {
	width: 48%
}

#bases-relation ul.relation-list li .details .details-text .name {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 60px
}

#bases-relation ul.relation-list li .details .details-text .name span {
	display: block;
	font-size: 14px
}

#bases-relation ul.relation-list li .details .details-text .name-en {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 10px
}

#bases-relation ul.relation-list li .details .details-text .name-en span {
	display: block;
	font-size: 30px
}

#bases-relation ul.relation-list li .details .details-text .catch-en {
	font-size: 16px;
	margin: 0 0 35px;
	padding: 0 20px 0 0;
	line-height: 1.4
}

#bases-relation ul.relation-list li .details .details-text .catch {
	font-size: 18px;
	margin: 0 0 35px;
	padding: 0 20px 0 0
}

#bases-relation ul.relation-list li .details .details-maps {
	width: 48%;
	overflow: hidden
}

#bases-relation ul.relation-list li .details .details-maps .address {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.8
}

#bases-relation ul.relation-list li .details .details-maps .bases-maps {
	width: 550px;
	height: 250px;
	margin: 0 0 10px
}

#bases-relation ul.relation-list li .details .button a {
	display: inline-block;
	background: #378ca8;
	color: #FFF;
	border-radius: 50em;
	text-align: center;
	padding: 10px 20px;
	line-height: 1
}

#bases-relation ul.second-nav {
	position: absolute;
	bottom: -55px;
	height: auto
}

#bases-relation ul.second-nav li {
	width: 16.666666%;
	padding: 0 0 0 30px;
	cursor: pointer;
	will-change: transform
}

#bases-relation ul.second-nav li a {
	color: #fff
}

#bases-relation ul.second-nav li .close {
	display: none
}

#bases-relation ul.second-nav li .close img {
	-webkit-transition: all .3s .11s;
	transition: all .3s .11s
}

#bases-relation ul.second-nav li .close:after {
	content: '';
	position: absolute
}

#bases-relation ul.second-nav li .close:after {
	top: 27px;
	left: 57px;
	width: 55px;
	height: 55px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#bases-relation ul.second-nav li .close:hover img {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

#bases-relation ul.second-nav li .close:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}

#bases-relation ul.second-nav li .name-box {
	height: 54px;
	position: relative;
	line-height: 1.3
}

#bases-relation ul.second-nav li .name-box span.name {
	top: 50%;
	left: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#bases-relation ul.second-nav li .name-box span.icon {
	line-height: 0;
	position: absolute;
	display: block;
	height: 54px;
	width: 54px;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	border: 1px solid #fff;
	border-radius: 50em;
	-webkit-transition: all .5s;
	transition: all .5s
}

#bases-relation ul.second-nav li .name-box:after {
	content: '';
	position: absolute
}

#bases-relation ul.second-nav li .name-box:after {
	top: 27px;
	left: 27px;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

#bases-relation ul.second-nav li .name-box:hover .icon {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

#bases-relation ul.second-nav li .name-box:hover .name {
	-webkit-transform: translate(40px, -50%);
	transform: translate(40px, -50%)
}

#bases-relation ul.second-nav li .name-box:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

@media(max-width:750px) {
	#bases-relation {
		display: none
	}

	#en #group-details {
		display: block
	}

	#en #group-details .l-contents {
		width: 90%;
		max-width: 1100px;
		margin: 0 auto
	}
}

#bases-details-domestic {
	padding: 115px 0;
	text-align: center;
	line-height: 1.55;
	position: relative
}

#bases-details-domestic h3 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.55;
	color: #3891a5;
}

#bases-details-domestic p {
	width: 690px;
	margin: 0 auto
}

#bases-details-domestic .bx-next,
#bases-details-domestic .bx-prev {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#bases-details-domestic .bx-prev {
	left: 20px
}

#bases-details-domestic .bx-next {
	right: 20px
}

#bases-details-domestic ul {
	margin: 0;
	width: 100%;
	position: relative
}

#bases-details-domestic ul li {
	width: 230px;
	height: 300px;
	margin: 0 75px;
	padding: 30px 0 0;
	position: relative
}

#bases-details-domestic ul li .domestic-inner {
	width: 100%;
	margin: 0 auto
}

#bases-details-domestic ul li a {
	width: 230px;
	height: 230px;
	display: block;
	color: #fff;
	position: relative
}

#bases-details-domestic ul li:hover h4 {
	color: #3891a5
}

#bases-details-domestic ul li:hover figure {
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

#bases-details-domestic ul li:hover .text-box {
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

#bases-details-domestic ul li:hover .text-box .bases-domestic_more {
	padding-left: 29px;
	color: #3891a5
}

#bases-details-domestic ul li:hover .text-box .bases-domestic_more:before {
	left: 0;
	background: #3891a5
}

#bases-details-domestic ul li:hover .text-box .bases-domestic_more:after {
	left: 20px;
	border-left-color: #3891a5
}

@media(min-width:641px) {
	#bases-details-domestic ul li:hover .text-box .bases-domestic_more {
		padding-left: 58px
	}

	#bases-details-domestic ul li:hover .text-box .bases-domestic_more:before {
		left: 0
	}

	#bases-details-domestic ul li:hover .text-box .bases-domestic_more:after {
		left: 40px
	}
}

#bases-details-domestic ul li .text-box {
	position: absolute;
	left: 50%;
	bottom: -40px;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-details-domestic ul li .text-box h4 {
	font-size: 27px;
	line-height: 1.2
}

#bases-details-domestic ul li .text-box .bases-domestic_more {
	margin-top: 25px;
	text-align: center;
	display: inline-block;
	position: relative;
	padding-left: 19px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-details-domestic ul li .text-box .bases-domestic_more:after,
#bases-details-domestic ul li .text-box .bases-domestic_more:before {
	content: '';
	position: absolute;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

#bases-details-domestic ul li .text-box .bases-domestic_more:before {
	top: 6px;
	left: -10px;
	width: 20px;
	height: 1px;
	background: #fff
}

#bases-details-domestic ul li .text-box .bases-domestic_more:after {
	top: 4px;
	left: 10px;
	display: block;
	height: 0;
	width: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid #fff;
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

@media(min-width:641px) {
	#bases-details-domestic ul li .text-box .bases-domestic_more {
		margin-top: 10px;
		padding-left: 38px;
		font-size: 16px
	}

	#bases-details-domestic ul li .text-box .bases-domestic_more:before {
		top: 11px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	#bases-details-domestic ul li .text-box .bases-domestic_more:after {
		top: 8px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}
}

@media(max-width:641px) {
	#bases-details-domestic ul li .text-box .bases-domestic_more {
		margin-top: 10px;
		padding-left: 38px;
		font-size: 12px
	}

	#bases-details-domestic ul li .text-box .bases-domestic_more:before {
		top: 11px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	#bases-details-domestic ul li .text-box .bases-domestic_more:after {
		top: 8px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}
}

#bases-details-domestic ul li figure {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	will-change: transform;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding-top: 0;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	mask-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

@media(max-width:750px) {
	#bases-details-domestic {
		padding: 60px 0 20px
	}

	#bases-details-domestic .bx-next,
	#bases-details-domestic .bx-prev {
		display: block;
		position: absolute;
		top: 56%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#bases-details-domestic p {
		width: 100%;
		text-align: center
	}

	#bases-details-domestic ul .flickity-viewport {
		overflow: visible
	}

	#bases-details-domestic ul li .text-box {
		bottom: -40px
	}
}

#group-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-group-img.jpg) center center no-repeat;
	background-size: cover
}

@media(max-width:750px) {
	#group-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}
}

#group-details {
	padding: 115px 0 145px;
	line-height: 1.55;
	background: #fffaf5;
}

#group-details h3 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	overflow: hidden;
	color: #3891a5;
	margin: 0 0 115px;
	text-align: center
}

#group-details .group-details-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 180px
}

#group-details .group-details-box .image {
	width: 55%
}

#group-details .group-details-box h4 {
	font-size: 20px;
	margin: 0 0 20px;
	line-height: 1.2;
	/*font-weight:700*/
}

#group-details .group-details-box h4 .en {
	font-size: 14px;
	font-size: .875rem;
}

#group-details .group-details-box p {
	line-height: 1.8;
	letter-spacing: .1em;
	margin: 0 0 20px
}

#group-details .group-details-box .details-maps {
	width: 100%
}

#group-details .group-details-box .details-maps .address {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 0 30px
}

#group-details .group-details-box .details-maps .bases-maps {
	width: 550px;
	height: 250px;
	margin: 0 0 20px
}

#group-details .group-details-box .copy {
	text-align: left;
	left: 0;
	width: 40%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

#group-details .group-details-box .button a {
	display: block;
	background: #9a1616;
	color: #FFF;
	border-radius: 50em;
	text-align: center;
	transition: all 0.3s ease-in-out;
	line-height: 50px;
	width: 150px;
	height: 50px;
}

#group-details .group-details-box .button a:hover {
	opacity: 0.8;
}

#group-details .group-details-box-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 180px
}

#group-details .group-details-box-right .image {
	width: 55%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin: 0 0 0 -170px
}

#group-details .group-details-box-right h4 {
	font-size: 20px;
	margin: 0 0 20px;
	line-height: 1.2;

}

#group-details .group-details-box-right h4 .en {
	font-size: 14px;
	font-size: .875rem;
}

#group-details .group-details-box-right p {
	line-height: 1.8;
	letter-spacing: .1em;
	margin: 0 0 20px
}

#group-details .group-details-box-right .copy {
	text-align: left;
	left: 0;
	width: 40%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

#group-details .group-details-box-right .details-maps {
	width: 100%
}

#group-details .group-details-box-right .details-maps .address {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 0 30px
}

#group-details .group-details-box-right .details-maps .bases-maps {
	width: 550px;
	height: 250px;
	margin: 0 0 20px
}

#group-details .group-details-box-right .button a {
	display: block;
	background: #9a1616;
	color: #FFF;
	border-radius: 50em;
	text-align: center;
	width: 150px;
	height: 50px;
	transition: all 0.3s ease-in-out;
	line-height: 50px;
}

#group-details .group-details-box-right .button a:hover {
	opacity: 0.8;
}

#group-details .group-details-comment-box {
	max-width: 1100px;
	background: #121212;
	padding: 85px 77px;
	box-sizing: border-box;
	margin: 0 auto
}

#group-details .group-details-comment-box h4 {
	font-size: 22px;
	margin: 0 0 20px;
	font-weight: 700
}

#group-details .group-details-comment-box p {
	line-height: 2.0;
	font-size: 16px
}

@media(max-width:750px) {
	#group-details {
		padding: 60px 0
	}

	#group-details .group-details-box-right {
		margin: 0 0 60px
	}

	#group-details .group-details-box-right .image {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		margin: 0
	}

	#group-details .group-details-box-right .copy {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 30px 0 0;
		width: 100%
	}

	#group-details .group-details-box-right .copy h4 {
		font-size: 18px
	}

	#group-details .group-details-box-right .copy h4 .en {
		font-size: 12px
	}

	#group-details .group-details-box {
		margin: 0 0 60px
	}

	#group-details .group-details-box .image {
		width: 100%
	}

	#group-details .group-details-box .copy {
		margin: 30px 0 0;
		width: 100%
	}

	#group-details .group-details-box .copy h4 {
		font-size: 18px
	}

	#group-details .group-details-box .copy h4 .en {
		font-size: 12px
	}
}

#project-main {
	height: 550px;
	width: 100%;
	background: url(../images/main-project-img.jpg) center center no-repeat;
	background-size: cover
}

#project-about {
	padding: 115px 0;
	text-align: center;
	line-height: 1.55
}

#project-about h3 {
	margin: 0 0 35px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.55
}

#project-about h3 strong {
	color: #3891a5
}

#project-about p {
	width: 690px;
	margin: 0 auto
}

#project-projects {
	margin: 0
}

#project-projects ul {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: start;
	justify-content: flex-start
}

#project-projects ul li {
	width: 25%;
	height: auto
}

#project-projects ul li a {
	width: 100%
}

#project-private-berth {
	height: 667px;
	position: relative;
	margin: 0 0 330px
}

#project-private-berth:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/project-bg-photo.jpg) center top no-repeat;
	background-size: cover;
	-webkit-transition: all 20s;
	transition: all 20s
}

#project-private-berth .l-contents {
	position: relative;
	height: 100%
}

#project-private-berth h3 {
	position: absolute;
	top: -130px;
	font-size: 176px;
	line-height: 1
}

#project-private-berth .copy {
	position: absolute;
	width: 470px;
	right: 0;
	bottom: -80px
}

#project-private-berth .copy h4 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: .1em;
	margin: 0 0 10px
}

#project-private-berth .copy p {
	line-height: 2
}

@media(max-width:750px) {
	#project-private-berth {
		height: 400px;
		position: relative;
		margin: 0 0 200px
	}

	#project-private-berth h3 {
		top: -80px;
		font-size: 80px
	}

	#project-private-berth .copy {
		position: relative;
		width: 470px;
		top: 410px;
		width: 90%;
		margin: 0 auto
	}

	#project-private-berth .copy h4 {
		font-size: 18px;
		line-height: 1.6
	}

	#project-about {
		padding: 80px 0
	}

	#project-about h3 {
		font-size: 18px
	}

	#project-about p {
		width: 100%
	}

	#project-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}

	#project-projects {
		margin: 0 0 160px
	}

	#project-projects ul li {
		width: 50%;
		height: auto
	}

	#project-projects ul li a {
		width: 100%
	}
}

.p-recruit-slider {
	position: relative
}

.p-recruit-slider_wrap>ul:after,
.p-recruit-slider_wrap>ul:before {
	content: " ";
	display: table
}

.p-recruit-slider_wrap>ul:after {
	clear: both
}

.p-recruit-slider_wrap>ul>li {
	float: left
}

.p-recruit-slider_wrap .bx-viewport {
	overflow: visible !important
}

.p-recruit-slider .bx-next,
.p-recruit-slider .bx-prev {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.p-recruit-slider .bx-prev {
	left: 10px
}

.p-recruit-slider .bx-next {
	right: 10px
}

.p-recruit-slider-slider-inner {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	padding-top: 55.5555555556%
}

.p-recruit-slider-slider-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	top: 0;
	-webkit-transition: all 6s;
	transition: all 6s;
	left: 0
}

.p-recruit-slider_list_item>a {
	display: block;
	position: relative;
	width: 100%
}

.p-recruit-slider_list_item>a:after,
.p-recruit-slider_list_item>a:before {
	content: '';
	position: absolute
}

.p-recruit-slider_list_item>a:after {
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../images/icn-plus.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	-webkit-transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .5s .1s cubic-bezier(.175, .885, .32, 1.275)
}

.p-recruit-slider_list_item>a:hover .p-recruit-slider-slider-inner:before {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.p-recruit-slider_list_item>a:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

.p-recruit-slider_list_item>a:hover>h3 {
	text-shadow: rgba(0, 0, 0, .4) 0 0 30px, rgba(0, 0, 0, .6) 0 0 15px, rgba(0, 0, 0, .8) 0 0 5px
}

.p-recruit-slider_list_item-recruit1:before {
	background-image: url(../images/recruit-img1.jpg)
}

.p-recruit-slider_list_item-recruit2:before {
	background-image: url(../images/recruit-img2.jpg)
}

.p-recruit-slider_list_item-recruit3:before {
	background-image: url(../images/recruit-img3.jpg)
}

.p-recruit-slider_list_item-recruit4:before {
	background-image: url(../images/recruit-img4.jpg)
}

@media(max-width:750) {
	.p-recruit-slider_wrap {
		width: 100%
	}
}

.second_loading {
	top: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 1000
}

.second_loading .load-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.second_loading .load-logo img {
	width: 100%;
	height: auto
}

.second_loading .load-scene1 {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #3891a5;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.second_loading .load-scene2 {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #000;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.second_loading .load-scene3 {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #262626;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.flickity-enabled {
	position: relative
}

.flickity-enabled:focus {
	outline: none
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: white;
	background: rgba(255, 255, 255, .75);
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
	background: white
}

.flickity-prev-next-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #09F
}

.flickity-prev-next-button:active {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.flickity-prev-next-button.previous {
	left: 10px
}

.flickity-prev-next-button.next {
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}

.flickity-prev-next-button:disabled {
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	cursor: auto
}

.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}

.flickity-prev-next-button .arrow {
	fill: #333
}

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}

.flickity-rtl .flickity-page-dots {
	direction: rtl
}

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #fff;
	border-radius: 50%;
	opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	cursor: pointer
}

.flickity-page-dots .dot.is-selected {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media screen and (max-width:1600px) {
	.carousel-cell {
		width: 70%
	}

	.carousel-cell img {
		width: 100%;
		height: auto
	}
}

@media screen and (max-width:750px) {
	.carousel-cell {
		width: 70%
	}

	.carousel-cell img {
		width: 100%;
		height: auto
	}
}

#privacy-main {
	height: 550px;
	width: 100%;
	background: url(../images/main_privacy_img.jpg) center center no-repeat;
	background-size: cover
}

#privacy-box {
	margin: 120px 0 0;
	font-size: 16px
}

#privacy-box .privacyText {
	width: 750px;
	margin: 0 auto 120px;
	line-height: 1.8
}

#privacy-box dl {
	width: 1002px;
	margin: 0 auto
}

#privacy-box dt {
	width: 1002px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #4b4b4b;
	padding-bottom: 10px
}

#privacy-box dd {
	width: 1002px;
	margin: 0 auto 90px;
	line-height: 1.8
}

#privacy-box h3 {
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #4b4b4b;
	letter-spacing: 1px;
	margin: 0 0 30px;
	padding: 0 0 10px
}

footer ul {
	float: right;
	font-size: 12px;
	margin: 20px 15px 0 0;
	color: #d0d0d0
}

footer ul li {
	line-height: 1;
	padding: 0 15px 0 0;
	display: inline-block
}

footer ul li:last-child {
	padding: 0 0 0 15px;
	border-left: 1px solid #fff
}

footer ul li a {
	color: #d0d0d0
}

.aboutusOfflcers {
	width: 400px
}

.aboutusOfflcers dt {
	width: 150px;
	float: left
}

.domesticOfficeBt {
	margin-top: 300px;
	text-align: center
}

.domesticOfficeBt>a {
	display: inline-block;
	position: relative;
	padding-left: 19px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

.domesticOfficeBt>a:after,
.domesticOfficeBt>a:before {
	content: '';
	position: absolute;
	-webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
	transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

.domesticOfficeBt>a:before {
	top: 6px;
	left: -10px;
	width: 20px;
	height: 1px;
	background: #fff
}

.domesticOfficeBt>a:after {
	top: 4px;
	left: 10px;
	display: block;
	height: 0;
	width: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid #fff;
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

.domesticOfficeBt>a:hover {
	padding-left: 29px;
	color: #c5a47e
}

.domesticOfficeBt>a:hover:before {
	left: 0;
	background: #c5a47e
}

.domesticOfficeBt>a:hover:after {
	left: 20px;
	border-left-color: #c5a47e
}

@media(min-width:641px) {
	.domesticOfficeBt {
		margin-top: 600px
	}

	.domesticOfficeBt>a {
		padding-left: 38px;
		font-size: 17px
	}

	.domesticOfficeBt>a:before {
		top: 8px;
		left: -20px;
		width: 40px;
		height: 1px
	}

	.domesticOfficeBt>a:after {
		top: 5px;
		left: 20px;
		display: block;
		height: 0;
		width: 0;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 8px solid #fff
	}

	.domesticOfficeBt>a:hover {
		padding-left: 58px
	}

	.domesticOfficeBt>a:hover:before {
		left: 0
	}

	.domesticOfficeBt>a:hover:after {
		left: 40px
	}
}

.arrowTop {
	position: absolute;
	right: 20px;
	bottom: 80px;
	border: 0;
	display: none;
}

footer {
	background: #262626;
	position: relative;
	z-index: 5;
}

@media screen and (max-width:750px) {
	footer ul {
		float: none;
		text-align: center;
		margin: 20px 15px 20px 0
	}

	#privacy-main {
		padding: 37px 0 0;
		height: 200px;
		box-sizing: border-box
	}

	#privacy-box {
		margin: 60px 0 0;
		padding: 0 15px;
		font-size: 12px
	}

	#privacy-box .privacyText {
		width: 100%;
		margin: 0 auto 60px
	}

	#privacy-box dl {
		width: 100%
	}

	#privacy-box dt {
		width: 100%
	}

	#privacy-box dd {
		width: 100%;
		margin: 0 auto 50px
	}

	.arrowTop {
		position: absolute;
		right: 10px;
		bottom: 150px;
		border: 0
	}

	.arrowTop img {
		width: 60%;
		height: auto
	}
}

/* 分页代码开始*/


#fenye {
	width: 100%;
	padding: 0px 15px;
	text-align: center;
	height: 40px;
	margin-top: 50px;
	margin-bottom: 50px;

	font-size: 14px;
}

#fenye1 {


	display: inline-block;
	height: 40px;
}

#fenye1 li {
	margin-left: 5px;
	margin-right: 5px;
}

/* 左边可以单击的时候开始*/
.shang {
	height: 34px;
	font-size: 15px;
	float: left;
	display: block;
	margin-right: 15px !important;
	line-height: 34px;
}

.shang a {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 30px;


	cursor: pointer;
	width: 100%;

	height: 100%;
}

.shang a:hover {
	color: #666;
}

/* 左边可以单击的时候结束*/


/* 左边不能单击的时候开始*/
.shang1 {
	height: 34px;
	font-size: 15px;
	float: left;
	display: block;
	margin-right: 15px !important;
}

.shang1 a {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 34px;


	width: 100%;

	height: 100%;
}

.shang1 a:hover {
	color: #000;
}

/* 左边不能单击的时候结束*/





/* 右边可以单击的时候开始*/
.next {
	height: 34px;
	float: left;
	font-size: 15px;
	display: block;
	margin-left: 15px !important;
}

.next a {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 34px;

	cursor: pointer;
	width: 100%;

	height: 100%;
}

.next a:hover {
	color: #666;
}

/* 右边可以单击的时候结束*/


/* 右边不能单击的时候开始*/
.next1 {
	height: 34px;
	font-size: 15px;
	margin-left: 15px !important;
	float: left;
	display: block;
}

.next1 a {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 34px;

	cursor: url(../static/images/jinzhi.cur), auto;
	width: 100%;

	height: 100%;
}

.next1 a:hover {}

/* 右边不能单击的时候结束*/



.j {
	height: 34px;
	float: left;
	display: block;
	width: 34px;
	line-height: 34px;
}


.j a {
	text-decoration: none;
	display: block;
	width: 100%;

	height: 100%;
	text-align: center;
	color: #000;
}




.j a:hover {
	color: #fff;
	background: #9a1616;


	text-decoration: none;
}





.dianji {
	background: #9a1616;
	height: 34px;
	float: left;
	float: left;
	display: block;
	width: 34px;
	line-height: 34px;
	border-color: #9a1616;
}

.dianji a {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	height: 100%;
}

.dianji a:hover {
	color: #fff;

	text-decoration: none;
}



/* 分页代码结束*/
.anniu {
	width: 100%;
	padding: 70px 0 0px 0px;

}

.anniu a {
	display: inline-block;
	background: #9a1616;
	color: #FFF;
	border-radius: 50em;
	text-align: center;
	padding: 10px 20px;
	transition: all 0.3s;

}

.anniu a:hover {
	background: #c5a47e;
}

.anniu a:nth-child(1) {
	float: left;
}

.anniu a:nth-child(2) {
	float: right;
}

@media screen and (min-width:320px) and (max-width:399px) {
	#googlemap1 {
		display: none;
	}

	.p-top_access_address>address {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 400px) and (max-width:499px) {
	#googlemap1 {
		display: none;
	}

	.p-top_access_address>address {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 500px) and (max-width:639px) {
	#googlemap1 {
		display: none;
	}

	.p-top_access_address>address {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 640px) and (max-width:767px) {
	#googlemap1 {
		display: none;
	}

	.p-top_access_address>address {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width:991px) {
	#googlemap1 {
		display: none;
	}
}

.C-title-box {
	background: #fffaf5;
	padding: 20px 0 50px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.p-top_access {
		padding: 35px 0;
	}

	.p-top_access_address {
		text-align: center;
	}
}

section.work {
	background-color: #d0bea1 !important;
	padding-bottom: 150px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding-left: 120px;
}

section.work H2 {
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-right: 57%;
	padding: 150px 0 50px;
}

section.work div.workitem {
	margin-right: 57%;
	line-height: 1.5em;
	/* padding-bottom:100px; */
}

section.work H3 {
	font-weight: bold;
	font-size: 24px;
	padding: 100px 0 25px;
	transition: transform 0.7s, opacity 0.7s;
	transform-origin: left center;
	transform: scale(0.8);
	opacity: 0.4;
}
section.work p {
	opacity: 0.4;
	transition: transform 0.7s, opacity 0.7s;
}

section.work UL {
	transition: transform 0.7s, opacity 0.7s;
	transform-origin: left top;
	opacity: 0;
	transform: translateX(50px);
}

section.work LI {
	padding-left: 13px;
}

section.work LI:before {
	content: "•";
	position: absolute;
	margin: 1px 0 0 -12px;
	font-size: 14px;
}

section.work .icon {
	position: absolute;
	background-color: #fff;
	border: 6px solid #fff;
	border-radius: 50%;
	width: 106px;
	height: 106px;
	margin: 60px 0 0 -53px;
	left: 50%;
	transition: box-shadow 0.7s, transform 0.7s;
	z-index: 2;
}

section.work .icon>SPAN {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 60%;
	height: 60%;
	margin: 20%;
}

section.work .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	background: red;
	height: 10px;
}

section.work .img {
	position: fixed;
	opacity: 0;
	top: 74px;
	left: 50%;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	transition: all 1s;
	z-index: 1;
}

section.work div.workitem.active .img {
	opacity: 1;
}

section.work div.workitem.active .icon {
	box-shadow: rgba(0, 0, 0, 0.5) 0 6px 30px;
	transform: scale(1.2);
}

section.work div.workitem.active UL {
	opacity: 1;
	transform: translateX(0);
}

section.work div.workitem UL UL {
	margin-bottom: 20px;
	margin-left: 10px;
}

section.work div.workitem.active H3 {
	transform: scale(1);
	opacity: 1;
}
section.work div.workitem.active p {
	transform: scale(1);
	opacity: 1;
}

@media screen and (max-width: 950px) {

	section.work div.workitem,
	section.work H2 {
		margin-right: 50%;
		padding-right: 80px;
	}

	section.work {
		padding-left: 0px;
	}

	section.work div.workitem {
		font-size: 14px;
	}
}

@media screen and (max-width: 750px) {
	BODY {
		font-size: 15px;
	}

	section.work {
		padding-left: 0px;
	}

	section.work .img {
		top: 50px;
		left: 65%;
	}

	section.work div.workitem,
	section.work H2 {
		margin-right: 35%;
		padding-right: 15px;
		font-size: 24px;
		letter-spacing: 2px;
		padding-left: 10px;
	}

	section.work H3,
	section.work H2 {
		padding-top: 50px;
	}

	section.work H3 {
		font-size: 16px;
		letter-spacing: 0;
	}

	section.work div.workitem,
	section.work H2 {
		letter-spacing: 0;
	}

	section.work div.workitem {
		font-size: 16px;
	}

	section.work div.workitem UL {
		line-height: 1.3em;
	}

	section.work div.workitem UL UL {
		font-size: 14px;
		line-height: 1.3em;
		margin-left: 5px;
	}

	section.work .icon {
		right: auto;
		left: 72.5%;
		width: 20vw;
		height: 20vw;
		border-width: 1vw;
	}

	/*.l-header_gnav ul li:last-child a {*/
	/*	padding-left: 120px !important;*/
	/*}*/
}

/*.l-header_gnav ul li:last-child {*/
/*	display: flex !important;*/
/*	align-items: center !important;*/
/*	justify-content: center !important;*/
/*}*/

/*.l-header_gnav ul li:last-child a {*/
/*	display: flex !important;*/
/*	align-items: center !important;*/
/*	height: 100% !important;*/
/*}*/

/*.l-header_gnav ul li:last-child span {*/
/*	line-height: 1 !important;*/
/*	margin: 0 !important;*/
/*}*/

.about-img-1 {
	width: 50%;
	float: left;
}

.about-text-1 {
	width: 50%;
	float: left;
	top: 0;
	padding: 20px 50px;
}

/* 视频样式，确保与原图片显示效果一致 */
.about-img-1 video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Counter项目垂直居中对齐样式 */
.counters-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 200px;
	/* 设置最小高度确保有足够空间 */
	padding: 20px 10px !important;
}

.counters-item img {
	width: 60px !important;
	height: 60px !important;
	margin-bottom: 15px !important;
	object-fit: contain !important;
}

.counters-item .counter-number {
	font-size: 36px !important;
	font-weight: bold !important;
	margin: 10px 0 !important;
	line-height: 1 !important;
}

.counters-item p:last-child {
	font-size: 16px !important;
	margin: 10px 0 0 0 !important;
	text-align: center !important;
	line-height: 1.2 !important;
}

@media screen and (max-width: 750px) {
	.about-img-1 {
		width: 100%;
	}

	.about-text-1 {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* 移动端视频样式 */
	.about-img-1 video {
		width: 100%;
		height: auto;
	}

	/* 移动端Counter样式调整 */
	.counters-item {
		min-height: 150px !important;
		padding: 15px 5px !important;
	}

	.counters-item img {
		width: 50px !important;
		height: 50px !important;
		margin-bottom: 10px !important;
	}

	.counters-item .counter-number {
		font-size: 28px !important;
		margin: 8px 0 !important;
	}

	.counters-item p:last-child {
		font-size: 14px !important;
		margin: 8px 0 0 0 !important;
	}
}

/* 保持原有样式，只添加必要的数字滚动效果 */
.counter-number.counting {
	/* 可选：轻微的动画效果，不改变外观 */
}

#vr {
	width: 100vw;
	height: 85vh;
}

#vr iframe {
	border: 0;
	height: 100%;
	width: 100%;
}



/* VR移动端替代方案样式 */
.vr-mobile {
	padding: 20px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 12px;
	margin: 20px auto;
	max-width: 400px;
}

.vr-mobile-content {
	text-align: center;
}

.vr-preview {
	position: relative;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.vr-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

.vr-icon {
	font-size: 40px;
	margin-bottom: 10px;
	animation: float 2s ease-in-out infinite;
}

.vr-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.vr-subtitle {
	font-size: 14px;
	opacity: 0.9;
}

.vr-mobile-btn {
	display: inline-block;
	background: linear-gradient(45deg, #ff6b6b, #ffa500);
	color: white;
	padding: 15px 30px;
	border-radius: 25px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
	transition: all 0.3s ease;
	margin-bottom: 15px;
}

.vr-mobile-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
	color: white;
	text-decoration: none;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}
}

/* 移动端VR优化 */
@media screen and (max-width: 750px) {
	#vr {
		height: auto !important;
		margin: 20px 0 !important;
		padding: 0 15px;
		width: auto !important;
	}

	#vr iframe {
		display: none !important;
	}

	.vr-mobile {
		display: block !important;
		margin: 0;
		padding: 15px;
	}

	.vr-icon {
		font-size: 35px;
	}

	.vr-title {
		font-size: 18px;
	}

	.vr-subtitle {
		font-size: 13px;
	}

	.vr-mobile-btn {
		padding: 12px 25px;
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {
	.vr-mobile {
		padding: 12px;
	}

	.vr-icon {
		font-size: 30px;
	}

	.vr-title {
		font-size: 20px;
	}

	.vr-subtitle {
		font-size: 12px;
	}

	.vr-mobile-btn {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* Logo横向滚动样式 */
.logo-scroll-container {
	width: 100vw;
	height: 300px;
	background-color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	margin: 50px 0 0;
}

.logo-scroll-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.logo-scroll-track {
	display: flex;
	align-items: center;
	animation: logoScroll 30s linear infinite;
	white-space: nowrap;
}

.logo-item {
	flex-shrink: 0;
	margin: 0 25px;
	height: 120px;
	width: calc(100vw / 6 - 50px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-item img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	opacity: 0.7;
	transition: opacity 0.3s ease, transform 0.3s ease;
	filter: brightness(0) invert(1);
}

.logo-item:hover img {
	opacity: 1;
	transform: scale(1.05);
}

/* 移动端logo增强 */
@media screen and (max-width: 768px) {
	.logo-item img {
		opacity: 0.8;
	}

	.logo-item:hover img {
		opacity: 1;
		transform: scale(1.1);
	}
}

@keyframes logoScroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
	.logo-scroll-container {
		height: 260px;
		margin: 40px 0;
	}

	.logo-item {
		margin: 0 20px;
		height: 100px;
		width: calc(100vw / 5 - 40px);
	}

	.handleText {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 480px) {
	.logo-scroll-container {
		height: 200px;
		margin: 30px 0;
	}

	.logo-item {
		margin: 0 15px;
		height: 80px;
		width: calc(100vw / 4 - 30px);
	}
}

/* 超小屏幕优化 */
@media screen and (max-width: 360px) {
	.logo-scroll-container {
		height: 170px;
		margin: 25px 0;
	}

	.logo-item {
		margin: 0 12px;
		height: 65px;
		width: calc(100vw / 3.5 - 24px);
	}
}

/* Client Dashboard 导航项垂直居中样式 */
/*.l-header_gnav ul li:nth-child(6) {*/
/*	display: flex !important;*/
/*	align-items: center !important;*/
/*	justify-content: center !important;*/
/*}*/

/*.l-header_gnav ul li:nth-child(6) a {*/
/*	display: flex !important;*/
/*	align-items: center !important;*/
/*	height: 100% !important;*/
/*}*/

/*.l-header_gnav ul li:nth-child(6) span {*/
/*	line-height: 1 !important;*/
/*	margin: 0 !important;*/
/*}*/