@charset "utf-8";
/* CSS Document */

/*-- all --*/
body {
	transform: none !important;
}

.white {
	color: #fff;
}

@media (max-width: 414px) {
	.pc {
		display: none;
	}
}

@media (max-width: 800px) {
	.tablet-sp {
		display: none;
	}
}

@media (min-width: 415px) {
	.sp {
		display: none;
	}
}

@media (max-width: 1240px) {
	nav .pc-nav {
		display: none;
	}
}

@media (min-width: 1241px) {
	
	nav .sp-nav {
		display: none !important;
	}
	
	nav .sp-nav .logo-gray {
		display: none !important;
	}
	
}

.mb120 {
	margin-bottom: 120px !important;
}

.ml10 {
	margin-left: 10px;
}

.kana {
	letter-spacing: 0 !important;
}

::selection {
    background: #ffba00;
    color: #000;
}

::-webkit-selection {
    background: #ffba00;
    color: #000;
}

::-moz-selection {
    background: #ffba00;
    color: #000;
}


/* all-nav */
nav {
	z-index: 202 !important;
	position: relative !important;
}

.header {
*zoom:1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 85px;
	transition: top .2s ease-in-out 0s, background .5s ease 0s;
	animation: slideDown ease .6s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	color: #fff;
	animation-fill-mode: forwards
}

.underlayer .header {
*zoom:1;
	background-color: rgba(238, 238, 238, 0.95);
}

.header:after {
	content: "";
	display: table;
	clear: both
}

.header h1 {
	line-height: 0;
	float: left;
}

.header h1 .logo {
	margin: 20px 0 0 20px;
	width: 309px;
	height: 46px;
	background-image: url("../images/logo/logo.png");
	background-size: 309px 46px;
}

.underlayer .header h1 .logo {
	background-image: url("../images/logo/logo_gray.png");
}

.header.packed h1 .logo {
	background-image: url("../images/logo/logo_gray.png");
}

.header ul {
	float: right;
}

.header ul .check {
	box-shadow: 0px -1px 0px 0px #fff inset;
}

.underlayer .header ul .check {
	box-shadow: 0px -1px 0px 0px #000 inset;
}

.header.packed ul .check {
	box-shadow: 0px -1px 0px 0px #000 inset;
}

.header ul a {
	margin: 0 15px;
}

	@media (max-width: 1320px) {
		.header ul a {
			margin: 0 10px;
		}
	}

.header ul a li {
	float: left;
	padding: 18.5px 0;
	font-size: 15px;
}

.underlayer .header ul a li {
	color: #000;
}

.header ul a li p {
    text-align: center;
	line-height: 1.6;
}

.header ul a li p span:first-of-type {
	border-bottom: 1px solid #ffba00;
	padding-bottom: 5px;
}

.header ul a li p span:last-of-type {
	font-size: 12px;
}

.header .hvr-underline-from-center::before {
	background: #fff;
}

.underlayer .header .hvr-underline-from-center::before {
	background: #000;
}

.header.packed .hvr-underline-from-center::before {
	background: #000;
}

.header .hamburger {
	position: fixed;
	top: 4px;
	right: 21px;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	display: none
}

.scroll-down .header {
	top: -85px
}

.scroll-up .header {
	top: 0
}

.scroll-up .header.packed {
	background-color: rgba(238, 238, 238, 0.95);
	color: #000;
}

@media (min-width: 415px) {
	nav .sp-nav h1 {
		position: fixed;
		top: 0;
		background-color: rgba(238, 238, 238, 0.95);
		width: 100%;
		height: 68px;
	}
}

@media (max-width: 800px) {
	nav .sp-nav h1 {
		position: fixed;
		top: 0;
		background-color: #eee;
		height: 68px;
		width: 100%;
		z-index: 2;
	}
}

nav .sp-nav h1 a {
	display: inline-block;
}

nav .sp-nav h1 a img {
    margin: 20px 0 0 20px;
    width: 309px;
}

	@media (max-width: 1240px) {
		nav .sp-nav h1 a img {
			margin: 15px 0 0 10px;
			width: 262px;
		}
	}

nav .sp-nav .back-color {
	background: #ffba00;
	height: 68px;
	width: 68px;
	z-index: 2;
	position: fixed;
	right: 0;
	top: 0;
}

@media (min-width: 801px) {
	nav #sp-main-box {
		display: none;
	}
}

nav #sp-main-box h2 {
	position: absolute;
	top: 38vw;
	right: 0;
	left: 0;
	z-index: 1;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
	color: #fff;
	font-weight: 900;
	text-shadow: 3px 3px 9px rgba(0,0,0,0.9);
	font-size: 7.5vw;
	letter-spacing: -1px;
	line-height: 1.2;
}

	@media (max-width: 414px) {
		nav #sp-main-box h2 {
			top: 150px !important;
		}
	}

nav #sp-main-box h2 span {
	font-size: 30px;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
}
	
	@media (max-width: 800px) {
		nav #sp-main-box h2 span {
			display: none;
		}
	}

@media (max-width: 800px) {
	nav #sp-main-box .sp-h2 {
		font-size: 20px;
		background: #ffba00;
		text-align: center;
		padding: 20px 0;
		line-height: 1.4;
		margin-top: -3px;
	}
}

nav #sp-main-box .sp-main {
	width: 100%;
	margin-top: 68px;
	z-index: -1;
}

.drawer-open {
	overflow: hidden!important
}

.drawer-nav {
	position: fixed;
	z-index: 3;
	top: 0;
	overflow: hidden;
	width: 260px;
	width: 14rem;
	height: 100%;
	background-color: #fff
}

.drawer-brand {
	font-size: 28px;
	font-weight: 700;
	display: block;
	padding: 20px 16px;
	letter-spacing: 2px;
}

.drawer-menu {
	margin: 0;
	padding: 0;
	list-style: none
}

.drawer-menu-item {
	display: block;
	padding: 16px !important;
	text-decoration: none;
	color: #222;
}

.drawer-menu-item:hover {
	background-color: transparent
}

.drawer-menu-item span {
	font-size: 10px;
}

.drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.drawer-open .drawer-overlay {
	display: block
}

.drawer--top .drawer-nav {
	top: -100%;
	left: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
	-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)
}

.drawer--top.drawer-open .drawer-nav {
	top: 0
}

.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
	right: 0
}

.drawer--left .drawer-nav {
	left: -260px;
	left: -16.25rem;
	-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)
}

.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0
}

.drawer--left.drawer-open .drawer-hamburger {
	left: 260px;
	left: 16.25rem
}

.drawer--right .drawer-nav {
	right: -260px;
	right: -16.25rem;
	-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	box-shadow: -10px 10px 10px rgba(0,0,0,0.25);
}

.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 224px;
	right: 14rem;
	background: #ffba00;
	margin-top: -2px;
	height: 4px;
	padding: 34px 19px 32px;
	z-index: 4;
	box-shadow: -10px 10px 10px rgba(0,0,0,0.25);
}

.drawer-hamburger {
	position: fixed;
	z-index: 3;
	top: 0;
	display: block;
	box-sizing: content-box;
	width: 30px;
	padding: 31px 19px 35px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: transparent
}

.drawer-hamburger:hover {
	cursor: pointer;
	background-color: transparent
}

.drawer-hamburger-icon {
	position: relative;
	display: block;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	width: 100%;
	height: 2px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	background-color: #222
}

.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	position: absolute;
	top: -10px;
	left: 0;
	content: ' '
}

.drawer-hamburger-icon:after {
	top: 10px
}

.drawer-open .drawer-hamburger-icon {
	background-color: transparent
}

.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
	top: 0
}

.drawer-open .drawer-hamburger-icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.drawer-open .drawer-hamburger-icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.sr-only {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto;
	margin: 0
}

.drawer--sidebar, .drawer--sidebar .drawer-contents {
	background-color: #fff
}

@media (min-width:75em) {
	
	.drawer--sidebar .drawer-nav {
		width: 16.25rem
	}
	
	.drawer--sidebar.drawer--left .drawer-contents {
		margin-left: 16.25rem
	}
	
	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 16.25rem
	}
	
	.drawer--sidebar .drawer-container {
		max-width: 60rem
	}
	
}

@media (min-width:64em) {
	
	.drawer--sidebar .drawer-hamburger {
		display: none;
		visibility: hidden
	}

	.drawer--sidebar .drawer-nav {
		display: block;
		-webkit-transform: none;
		transform: none;
		position: fixed;
		width: 12.5rem;
		height: 100%
	}

	.drawer--sidebar.drawer--left .drawer-nav {
		left: 0;
		border-right: 1px solid #ddd
	}

	.drawer--sidebar.drawer--left .drawer-contents {
		margin-left: 12.5rem
	}

	.drawer--sidebar.drawer--right .drawer-nav {
		right: 0;
		border-left: 1px solid #ddd
	}
	
	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 12.5rem
	}
	
	.drawer--sidebar .drawer-container {
		max-width: 48rem
	}
	
}

.drawer--navbarTopGutter {
	padding-top: 60px;
	padding-top: 3.75rem
}

.drawer-navbar .drawer-navbar-header {
	border-bottom: 1px solid #ddd;
	background-color: #fff
}

.drawer-navbar {
	z-index: 3;
	top: 0;
	width: 100%
}

.drawer-navbar--fixed {
	position: fixed
}

.drawer-navbar-header {
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	height: 3.75rem;
	padding: 0 9pt;
	padding: 0 .75rem;
	text-align: center
}

.drawer-navbar .drawer-brand {
	line-height: 60px;
	line-height: 3.75rem;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	text-decoration: none
}

.drawer-navbar .drawer-brand:hover {
	background-color: transparent
}

.drawer-navbar .drawer-nav {
	padding-top: 60px;
	padding-top: 3.75rem
}

.drawer-navbar .drawer-menu {
	padding-bottom: 90pt;
	padding-bottom: 7.5rem
}

@media (min-width:64em) {
	
	.drawer-navbar {
		height: 3.75rem;
		border-bottom: 1px solid #ddd;
		background-color: #fff
	}
	
	.drawer-navbar .drawer-navbar-header {
		position: relative;
		display: block;
		float: left;
		width: auto;
		padding: 0;
		border: 0
	}
	
	.drawer-navbar .drawer-menu--right {
		float: right
	}
	
	.drawer-navbar .drawer-menu li {
		float: left
	}
	
	.drawer-navbar .drawer-menu-item {
		line-height: 3.75rem;
		padding-top: 0;
		padding-bottom: 0
	}
	
	.drawer-navbar .drawer-hamburger {
		display: none
	}
	
	.drawer-navbar .drawer-nav {
		position: relative;
		left: 0;
		overflow: visible;
		width: auto;
		height: 3.75rem;
		padding-top: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	
	.drawer-navbar .drawer-menu {
		padding: 0
	}
	
	.drawer-navbar .drawer-dropdown-menu {
		position: absolute;
		width: 16.25rem;
		border: 1px solid #ddd
	}
	
	.drawer-navbar .drawer-dropdown-menu-item {
		padding-left: .75rem
	}
	
}

.drawer-dropdown-menu {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff
}

.drawer-dropdown-menu>li {
	width: 100%;
	list-style: none
}

.drawer-dropdown-menu-item {
	line-height: 60px;
	line-height: 3.75rem;
	display: block;
	padding: 0;
	padding-right: 9pt;
	padding-right: .75rem;
	padding-left: 24px;
	padding-left: 1.5rem;
	text-decoration: none;
	color: #222
}

.drawer-dropdown-menu-item:hover {
	text-decoration: underline;
	color: #555;
	background-color: transparent
}

.drawer-dropdown.open>.drawer-dropdown-menu {
	display: block
}

.drawer-dropdown .drawer-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	-webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
	transition: transform .2s ease, opacity .2s ease;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.drawer-dropdown.open .drawer-caret {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.drawer-container {
	margin-right: auto;
	margin-left: auto
}

@media (min-width:75em) {
	
	.drawer-container {
		max-width: 70rem
	}
	
}

@media (min-width:64em) {
	
	.drawer-container {
		max-width: 60rem
	}
	
}
/* /all-nav */


/* all-title */
.tit-box {
	position: relative;
	margin: 0 auto;
}

.tit-box h2 {
	margin-bottom: -105px !important;
	font-size: 48px !important;
	font-weight: normal !important;
	letter-spacing: 5px !important;
	line-height: 0.9 !important;
	text-align: center !important;
}

	@media (max-width: 800px) {
		.tit-box h2 {
			font-size: 36px !important;
			line-height: 0.75 !important;
		}
	}

.tit-box h2::after {
    content: "";
	position: absolute;
	top: 30%;
	right: 0;
	left: 9px;
	z-index: -1;
	display: block;
	width: 93%;
	height: 13px;
	background-color: #ffba00;
}

	@media (max-width: 800px) {
		.tit-box h2::after {
			top: 25%;
		}
	}

.tit-box h2 span {
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
}

	@media (max-width: 800px) {
		.tit-box h2 span {
			font-size: 14px;
		}
	}
/* /all-title */


/* all-underlayer-title */
#main-img {
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
}

	@media (max-width: 800px) {
		#main-img {
			height: 200px;
		}
	}

#main-img h2.tit {
	margin-bottom: -105px !important;
	font-size: 48px !important;
	font-weight: normal !important;
	letter-spacing: 5px !important;
	line-height: 0.7 !important;
	text-align: center !important;
}

	@media (max-width: 800px) {
		#main-img h2.tit {
			margin-bottom: -88px !important;
			font-size: 36px !important;
		}
	}

#main-img h2.tit span {
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
}

	@media (max-width: 800px) {
		#main-img h2.tit span {
			font-size: 14px;
		}
	}

#main-img hr {
	border-color: #ffc200;
	border-style: solid;
	border-width: 130px 0 0 0;
	z-index: -1;
	position: relative; 
}

	@media (max-width: 800px) {
		#main-img hr {
			border-width: 110px 0 0 0;
		}
	}

#main-img #sec04 {
	padding-top: 295px;
}

	@media (max-width: 800px) {
		#main-img #sec04 {
			padding-top: 230px;
		}
	}

.main-img-company {
    background-image: url("../images/main_img/company.jpg");
}

	@media (max-width: 414px) {
		.main-img-company {
			background-image: url("../images/main_img/company_small.jpg");
		}
	}

.main-img-message {
    background-image: url("../images/main_img/message.jpg");
	background-position: bottom center !important;
	margin-top: 220px;
}

	@media (max-width: 800px) {
		.main-img-message {
			margin-top: 165px;
		}
	}

	@media (max-width: 414px) {
		.main-img-message {
			background-image: url("../images/main_img/message_small.jpg");
		}
	}

.main-img-recruit {
    background-image: url("../images/main_img/recruit.jpg");
}

	@media (max-width: 414px) {
		.main-img-recruit {
			background-image: url("../images/main_img/recruit_small.jpg");
		}
	}

.main-img-service {
    background-image: url("../images/pc_about_img01.jpg");
}

	@media (max-width: 414px) {
		.main-img-service {
    		background-image: url("../images/main_img/service_small.jpg");
		}
	}	

.main-img-staff {
    background-image: url("../images/main_img/staff.jpg");
	background-position: top center !important;
}

	@media (max-width: 414px) {
		.main-img-staff {
    		background-image: url("../images/main_img/staff_small.jpg");
		}
	}

.main-img-information {
    background-image: url("../images/main_img/information.jpg");
	background-position: bottom center !important;
}

	@media (max-width: 414px) {
		.main-img-information {
    		background-image: url("../images/main_img/information_small.jpg");
		}
	}
/* /all-underlayer-title */


/* all-button */
#news .button {
	margin: 60px 0 50px 50px;
}

	@media (max-width: 800px) {
		#news .button {
			margin: 30px 0 30px 20px;
		}
	}

#information .button {
	text-align: center;
}

[class^="hvr-"] {
	cursor: pointer;
	text-decoration: none;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	font-size: 20px;
	letter-spacing: 1.6px;
	padding: 13px 55px;
}

.hvr-ripple-out:before {
	content: '';
	position: absolute;
	border: #000 solid 1px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out;
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* /all-button */


/* all-entry */
.nav-entry {
	background: #ffba00;
	padding-top: 10px;
	font-size: 18px;
	color: #000;
	width: 124px;
	height: 28px;
	float: right;
	text-align: center;
	margin: 23px 23px 0 18px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.header ul a.nav-entry-btn:hover, a#entry-btn:hover {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}

@media (max-width: 800px) {
	.sp-entry-btn {
		display: none;
	}
}

#entry {
	font-size: 60px;
	letter-spacing: 5px;
	margin-top: 200px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 31;
}

.holder,
.first,
.second,
.third {
  height: 460px;
  width: 100%;
}

.first,
.second,
.third {
  position: absolute;
}

.second,
.third {
  opacity: 0;
}

.holder {
  height: 460px;
  position: relative;
}

.first {
  animation: first 10s infinite;
  background: linear-gradient(#ffba00, #ff9f00);
  z-index: 10;
}

  @keyframes first {
	0% {opacity: 1.0;}
	10% {opacity: 0.8;}
	20% {opacity: 0.6;}
	30% {opacity: 0.4;}
	40% {opacity: 0.2;}
	50% {opacity: 0.1;}
	60% {opacity: 0.2;}
	70% {opacity: 0.4;}
	80% {opacity: 0.6;}
	90% {opacity: 0.8;}
	100% {opacity: 1.0;}
  }

.second {
  animation: second 10s infinite; animation-delay: 2s;
  background: linear-gradient(#ff9f00, #ffba00);
  z-index: 20;
}

  @keyframes second {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
  }

.third {
  animation: third 10s infinite;
  animation-delay: 8s;
  background: linear-gradient(#ffba00, #ff9f00);
  z-index: 30;
}

  @keyframes third {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
  }
/* /all-entry */


/* all-breadcrumb */
.breadcrumb {
	position: absolute;
	top: 85px;
	left: 20px;
	background-color: rgba(238, 238, 238, 0.95);
	padding: 12px 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

	@media (max-width: 1240px) {
		.breadcrumb {
			top: 68px;
			left: 10px;
		}
	}

	@media (max-width: 800px) {
		.breadcrumb {
			background-color: #eee;
		}
	}

.breadcrumb a p {
	color: #ff8a00;
	margin: 0;
	float: left;
}

.breadcrumb p {
	color: #888888;
	margin: 0 10px;
	float: left;
}
/* /all-breadcrumb */


#text-area {
	max-width: 1320px;
	width: 100%;
	margin: 180px auto 0;
}

	@media (max-width: 800px) {
		#text-area {
			max-width: 100%;
			width: auto;
			margin: 60px 10% 0;
		}
	}

	@media (max-width: 414px) {
		#text-area {
			margin: 60px 20px 0;
		}
	}

#text-area h3 {
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	letter-spacing: 5px;
}

	@media (max-width: 800px) {
		#text-area h3 {
			font-size: 21px;
			line-height: 1.8;
		}
	}


/* all-footer */
#footer {
	background: #eee;
	color: #575757;
	overflow: hidden;
	padding: 60px 0 110px;
}

	@media (max-width: 1480px) {
		#footer {
			padding: 60px 20px 110px;
		}
	}

	@media (max-width: 800px) {
		#footer {
			padding: 40px 20px 150px;
			z-index: 1000;
			position: relative;
		}
	}

#footer .box {
	max-width: 1440px;
	width: 100%;
	margin: 0px auto;
}

#footer .box div {
	border-bottom: 1px solid #b8b8b8;
	overflow: hidden;
	padding-bottom: 60px;
}

	@media (max-width: 1430px) {
		#footer .box div {
			padding-bottom: 20px;
		}
	}

@media (max-width: 1440px) {
	#footer .box .logo {
		margin-right: 50px;
	}
}

#footer .box .logo img {
	width: 309px; 
}

#footer .box ul {
	color: #fff;
	margin: 20px 0 0;
	font-size: 14px;
	float: right;
}

	@media (max-width: 1440px) {
		#footer .box ul {
			margin-top: 30px;
		}
	}

	@media (max-width: 414px) {
		#footer .box ul {
			margin: 30px 0 0;
			font-size: 12px;
			line-height: 1.8;
		}
	}

#footer .box ul li {
	float: left;
	border-right: 1px solid #575757;
	padding-right: 20px;
	margin-right: 20px;
}

	@media (max-width: 1430px) {
		#footer .box ul li {
			margin-bottom: 15px;
		}
	}

	@media (max-width: 800px) {
		#footer .box ul li {
			padding-right: 15px;
			margin-right: 15px;
		}
	}

#footer .box ul li:nth-child(8) {
	cursor: pointer;
}

#footer .box ul li:last-of-type {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#footer .box address {
	color: #575757;
	margin-top: 40px;
	font-size: 12px;
	float: right;
}

	@media (max-width: 800px) {
		#footer .box address {
			margin-top: 20px;
			text-align: center;
			float: none;
		}
	}

#footer .box ul li a {
	color: #575757;
}
/* /all-footer */


/* all-pagetop */
#page-top {
    position: fixed;
    bottom: 30px;
	right: 30px;
	font-size: 120%;
	z-index: 1200;
}

	@media (max-width: 800px) {
		#page-top {
			bottom: 80px;
			right: 20px;
		}
	}

#page-top a {
    background-color: #ffba00;
    text-decoration: none;
    color: #fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	padding: 15px;
    text-align: center;
    display: block;
}

#page-top a:hover {
	opacity: 1;
}

div #page-top {
    bottom: 85px;
}
/* /all-pagetop */


/* all-f-btn */
@media (min-width: 801px) {
	#f-btn {
		display: none;
	}
}

#f-btn {
    position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1100;
}

#f-btn li {
	float: left;
	width: 50%;
	text-align: center;
	height: 56px;
	font-size: 20px;
}

#f-btn a:first-of-type li {
	background: #f8b500;
	padding: 20px 0 0;
	height: 40px;
	letter-spacing: 2px;
}

#f-btn a:last-of-type li {
	background: #eee;
	padding: 13px 0 0;
	height: 47px;
	font-size: 18px;
	line-height: 0.9;
	font-weight: 900;
}

#f-btn a:last-of-type li span:first-of-type {
	font-size: 27px;
	margin: 3px -20px 0 20px;
	float: left;
}

	@media (max-width: 320px) {
		#f-btn a:last-of-type li span:first-of-type {
			margin: 3px -12px 0 12px;
		}
	}

#f-btn a:last-of-type li span:nth-of-type(2) {
	font-weight: normal;
	font-size: 10px;
	margin-right: 3px;
}

#f-btn a:last-of-type li span:last-of-type {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0.5px;
}
/* /all-f-btn */


#interview .grid {
	overflow: hidden;
}

#interview .grid > li {
	width: calc(100%/3);
	line-height: 0;
	float: left;
}

	@media (max-width: 1200px) {
		#interview .grid > li {
			max-width: 500px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
	}

#interview .grid h2 {
	line-height: 1.6;
	font-size: 1.6rem;
	font-size: 20px;
	padding: 13px 0 13px 30px;
}

	@media (max-width: 800px) {
		#interview .grid h2 {
			font-size: 16px;
			padding: 8px 0 8px 10px;
		}
	}

#interview .grid h2 span {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0, #ffba00));
	background-image: linear-gradient(180deg, transparent 65%, #ffba00 0);
	background-size: 0 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	-webkit-transition: background-size .6s ease;
	transition: background-size .6s ease;
}

#interview .grid a {
	display: block;
	position: relative;
}

#interview .grid a:hover h2 span {
  	background-size: 100% 100%;
}

#interview .grid a:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

#interview .grid .date {
	color: #a2aeb6;
	margin-right: 10px;
}

#interview .grid .date, #interview .grid .cat {
	display: inline-block;
	font-weight: 900;
	font-size: 1.1rem;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
}
/*-- /all --*/


/*-- index --*/
#movie {
	position: relative;
}

	@media (max-width: 800px) {
		#movie {
			display: none;
		}
	}

#movie h2 {
	position: absolute;
	top: 40%;
	top: 22.3vw;
	text-align: center;
	color: #fff;
	right: 0;
	left: 0;
	text-shadow: 6px 6px 12px rgba(0,0,0,0.7);
}

#movie h2 p:first-of-type {
	font-size: 60px;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: 900;
	letter-spacing: -2px;
}

	@media (max-width: 1090px) {
		#movie h2 p:first-of-type {
			font-size: 48px !important;
		}
	}

#movie h2 p:last-of-type {
	font-size: 30px;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 10px;
}

	@media (max-width: 1090px) {
		#movie h2 p:last-of-type {
			font-size: 24px !important;
		}
	}

#movie .video::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #ff8a00;
	opacity: 0.04;
}

#message {
	margin-top: 240px;
}

	@media (max-width: 800px) {
		#message {
			margin-top: 50px;
		}
	}

@media (max-width: 800px) {
	.underlayer-message {
		margin-top: 166px !important;
	}
}

#message .tit-box {
	width: 370px;
}

	@media (max-width: 800px) {
		#message .tit-box {
			width: 300px;
		}
	}

#message .message-txt {
	text-align: center;
	margin-top: 225px;
}

	@media (max-width: 800px) {
		#message .message-txt {
			margin-top: 145px;
		}
	}

#message .message-txt p:first-of-type {
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 30px;
	letter-spacing: 2px;
}

	@media (max-width: 800px) {
		#message .message-txt p:first-of-type {
			font-size: 20px;
			line-height: 2;
		}
	}

#message .message-txt p:last-of-type {
	font-size: 18px;
	line-height: 3.3;
	margin-top: 55px;
	letter-spacing: 1.6px;
}

	@media (max-width: 800px) {
		#message .message-txt p:last-of-type {
			font-size: 15px;
			line-height: 2.5;
			margin-top: 20px;
		}
	}

#news {
	margin-top: 240px;
}

	@media (max-width: 800px) {
		#news {
			margin-top: 90px;
		}
	}

#news dl {
	background: #ffba00;
}

#news .tit-box {
	max-width: 550px;
	width: 100%;
	min-height: 413px;
	float: left;
}

	@media (max-width: 800px) {
		#news .tit-box {
			max-width: none;
			min-height: auto;
			float: none;
			height: 50px;
		}
	}

#news .tit-box h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

	@media (max-width: 800px) {
		#news .tit-box h2 {
			top: 100%;
			width: 200px;
		}
	}

#news .txt-box {
	background: #fff;
	border: 15px solid #eee;
	border-left: none;
	margin-left: 550px;
	letter-spacing: 1.6px;
}

	@media (max-width: 800px) {
		#news .txt-box {
			border: 9px solid #eee;
			border-left: 9px solid #eee;
			border-top: none;
			margin-left: 0;
		}
	}

#news .txt-box .box {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 15px;
}

	@media (max-width: 800px) {
		#news .txt-box .box {
			padding-bottom: 10;
		}
	}

#news .txt-box .box:first-of-type {
	margin: 50px 50px 0;
}

	@media (max-width: 800px) {
		#news .txt-box .box:first-of-type {
			margin: 50px 20px 0;
			padding-top: 30px;
		}
	}

#news .txt-box .box:nth-of-type(2) {
	margin: 30px 50px 0;
}

	@media (max-width: 800px) {
		#news .txt-box .box:nth-of-type(2) {
			margin: 20px 20px 0;
		}
	}

#news .txt-box .box p:first-of-type {
	background: #ffba00;
	padding: 3px 15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	width: 90px;
	margin-bottom: 10px;
}

#news .txt-box .box p:nth-of-type(2) {
	line-height: 1.6;
}

	@media (max-width: 800px) {
		#news .txt-box .box p:nth-of-type(2) {
			text-decoration: underline;
		}
	}

#news .txt-box .box p:nth-of-type(2):hover {
	text-decoration: underline;
}

#About {
	position: relative;
	padding: 200px 5% 220px 45%;
	margin-top: 270px;
}

	@media screen and (max-width:800px) {
		#About {
			padding: 50px 20px;
			margin-top: 100px;
		}
	}

	@media screen and (max-width:414px) {
		#About {
			padding: 0 20px 50px;
			margin-top: 100px;
		}
	}

@media (max-width: 800px) {
	#About .tit-box {
		width: 278px;
		margin: 0;
	}
}

@media (max-width: 375px) {
	#About .tit-box {
		margin: auto;
	}
}

#About .inline {
	position: relative;
	z-index: 20;
	margin-top: 165px;
}

	@media screen and (min-width:769px) {
		#About .inline {
			width: 100%
		}
	}

#About ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}

#About ul li {
	visibility: hidden;
	z-index: 10
}

#About ul:after, #About ul li {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat
}

#About ul:after {
	content: "";
	width: 100%;
	display: block;
	z-index: 20;
	background-position: 50% 50%;
	background-size: cover
}

@media screen and (min-width:769px) {
	#About ul li {
		width: 100%;
		background-position: 50% 50%;
		background-size: cover
	}
	#About ul li:first-child {
		background-image: url(../images/pc_about_img01.jpg)
	}
	#About ul li:nth-child(2) {
		background-image: url(../images/pc_about_img02.jpg)
	}
	#About ul li:nth-child(3) {
		background-image: url(../images/pc_about_img03.jpg)
	}
	#About ul li:nth-child(4) {
		background-image: url(../images/pc_about_img04.jpg)
	}
	#About ul:after {
		background-image: url(../images/pc_about_bg.png)
	}
}

@media screen and (max-width:768px) {
	#About ul li {
		width: 130%;
		background-position: 50% 70%;
		background-size: 100% auto
	}
	#About ul li:first-child {
		background-image: url(../images/sp_about_img01.jpg)
	}
	#About ul li:nth-child(2) {
		background-image: url(../images/sp_about_img02.jpg)
	}
	#About ul li:nth-child(3) {
		background-image: url(../images/sp_about_img03.jpg)
	}
	#About ul li:nth-child(4) {
		background-image: url(../images/sp_about_img04.jpg)
	}
	#About ul:after {
		background-image: url(../images/sp_about_bg.png)
	}
}

#About h2 {
	position: relative;
	z-index: 20;
}

@media screen and (min-width:769px) {
	#About h2 {
		 width: 342px;
	}
}

@media screen and (max-width:768px) {
	#About h2 {
		margin-bottom: 72px;
		font-size: 40px
	}
}

#About .lead {
	font-weight: 300;
	line-height: 2;
	letter-spacing: .07em;
	-webkit-transform: scaleX(.96);
	-ms-transform: scaleX(.96);
	transform: scaleX(.96);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

@media screen and (min-width:769px) {
	#About .lead {
		margin-bottom: 45px;
		font-size: 28px
	}
}

@media screen and (max-width:768px) {
	#About .lead {
		margin-bottom: 20px;
		font-size: 20px
	}
}

#About .txt {
	line-height: 3;
}

@media screen and (min-width:769px) {
	#About .txt {
		font-size: 16px;
		margin-bottom: 63px;
	}
}

@media screen and (max-width:768px) {
	#About .txt {
		margin-bottom: 70px;
		font-size: 14px
	}
}

@media screen and (max-width:800px) {
	#About .txt {
		margin-bottom: 50px;
		font-size: 13px;
	}
}

#interview .tit-box {
	width: 428px;
	margin: 200px auto 191px;
}

	@media screen and (max-width:800px) {
		#interview .tit-box {
			width: 338px;
			margin: 90px auto 135px;
		}
	}

.jsScroll .imgEffect {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 1;
	border-bottom: 0px solid #fcf113;
}

.jsScroll .imgEffect img {
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

.jsScroll .detail {
	position: absolute;
	top: 29px;
	right: 40px;
	z-index: 1;
}

	@media screen and (max-width:800px) {
		.jsScroll .detail {
			top: 15px;
			right: 15px;
		}
	}

.jsScroll .detail p:first-of-type {
	background: #ffffffb3;
	height: 42px;
	width: 66px;
	font-size: 20px;
	padding: 44px 0 0 20px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

	@media screen and (max-width:800px) {
		.jsScroll .detail p:first-of-type {
			height: 33px;
			width: 54px;
			font-size: 16px;
			padding: 37px 0 0 16px;
		}
	}

.jsScroll .detail p:last-of-type {
	line-height: 1.4;
	text-align: center;
	margin-top: 11px;
}

	@media screen and (max-width:800px) {
		.jsScroll .detail p:last-of-type {
			line-height: 1.2;
			margin-top: 5px;
		}
	}

.jsScroll .detail p:last-of-type span:first-of-type {
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
}

	@media screen and (max-width:800px) {
		.jsScroll .detail p:last-of-type span:first-of-type {
			font-size: 12px;
		}
	}

.jsScroll .detail p:last-of-type span:last-of-type {
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 18px;
}

	@media screen and (max-width:800px) {
		.jsScroll .detail p:last-of-type span:last-of-type {
			font-size: 14px;
		}
	}

.jsScroll .text-area {
	opacity: 0;
	-webkit-transition: 1s;
	transition: 1s;
}

.jsScroll.jsReach.jsSlide .imgEffect img {
	opacity: 1;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	width: 100%;
}

.jsScroll.jsReach.jsSlide .text-area {
	opacity: 1;
	position: absolute;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0)), url() center bottom / cover no-repeat;
	font-size: 20px;
	width: 100%;
}


/* index-information */
.home-information {
	position: relative;
	margin-top: 340px;
}

	@media screen and (max-width:800px) {
		.home-information {
			margin-top: 85px;
		}
	}

.home-information .tit-box {
    width: 495px;
}

	@media screen and (max-width:800px) {
		.home-information .tit-box {
			width: 345px;
		}
		.home-information .tit-box h2 {
			letter-spacing: 3px !important;
			font-size: 34px !important;
		}
	}

.home-information .home-information-body-content .txt {
	text-align: center;
	margin-top: 152px;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
	line-height: 2.2;
}

	@media screen and (max-width:800px) {
		.home-information .home-information-body-content .txt {
			font-size: 16px;
		}
	}

.home-information .home-information-body-content .img {
	text-align: center;
	line-height: 0;
	margin: 47px 0 60px;
}

	@media screen and (max-width:800px) {
		.home-information .home-information-body-content .img {
			margin: 20px 0 40px;
		}
	}

.home-information .home-information-body-content .img img {
	max-width: 660px;
	width: 100%;
}

.home-information-body-content {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0%;
	padding-bottom: 8%;
}

	@media (min-width: 980px) {
		
		.home-information-body-content {
			padding-left: 16.66667%;
			padding-right: 16.66667%;
			padding: 20% 0;
		}
		
		.home-information-body-content a {
			display: inline-block;
		}
		
	}

	@media (min-width: 480px) {
		
		.home-information-body-content {
			padding-left: 8.33333%;
			padding-right: 8.33333%;
		}
		
	}

	@media (max-width: 800px) {
		
		.home-information-body-content {
			padding-bottom: 12%;
		}
		
	}

.home-information-visual {
	background-color: #f8f8f8;
}

	@media (min-width: 980px) {
		.home-information-visual {
			position: absolute;
			left: 50%;
			top: 0;
			bottom: 0;
		}
	}

.home-information-visual-inner {
	padding-top: 41.66667%;
	box-sizing: border-box;
	background-image: url("../images/img_information_small.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

	@media (min-width: 1960px) {
		.home-information-visual-inner {
			background-image: url("../images/img_information.jpg");
			background-position: right center;
		}
	}

	@media (min-width: 980px) {
		.home-information-visual-inner {
			padding-top: 0;
			background-image: url("../images/img_information.jpg");
		}
	}

	@media (min-width: 680px) {
		.home-information-visual-inner {
			padding-top: 31.25%;
		}
	}
/* /index-information */


/* index-company */
.home-company {
	position: relative;
	color: #000;
}

#company .button {
    text-align: center;
	margin-top: 47px;
}
.company-btn a{
	font-size: 0.9em;
}
	@media screen and (max-width:800px) {
		#company .button {
			margin-top: 30px;
		}
	}

.home-company .tit-box {
    width: 385px;
}

	@media screen and (max-width:800px) {
		.home-company .tit-box {
			width: 305px;
		}
	}

.home-company .home-company-body-content .txt {
	text-align: center;
	margin-top: 152px;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
	line-height: 2.2;
}

	@media screen and (max-width:800px) {
		.home-company .home-company-body-content .txt {
			font-size: 16px;
		}
	}

.home-company-body-content {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8.3%;
	padding-bottom: 17%;
}

	@media (min-width: 980px) {
		.home-company-body-content {
			padding-left: 16.66667%;
			padding-right: 16.66667%;
			padding: 20% 0;
		}
	}

	@media (min-width: 480px) {
		.home-company-body-content {
			padding-left: 8.33333%;
			padding-right: 8.33333%;
		}
	}

	@media (max-width: 800px) {
		.home-company-body-content {
			padding-top: 100px;
			padding-bottom: 12%;
		}
	}

.home-company-visual-inner {
	background-image: url("../images/img_company.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 41.66667%;
	box-sizing: border-box;
}

	@media (min-width: 980px) {
		.home-company-visual-inner {
			padding-top: 0;
		}
	}

	@media (max-width: 800px) {
		.home-company-visual-inner {
			background-image: url("../images/img_company_small.jpg");
		}
	}

.home-company-visual-inner img {
	display: none;
}


@media (min-width: 980px) {
	
	.home-company-visual {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}
	
	.home-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	
	.home-content.home-company {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	.home-content-block.block-left {
		width: 50%;
	}
	
	.home-content-block.block-right {
		width: 50%;
	}
	
	.home-content-block-inner {
		height: 100%;
		max-width: 980px;
	}
	
}
/* /index-company */
/*-- /index --*/


/*-- company & recruit --*/
.text-area-company .box, .text-area-recruit .box {
    max-width: 1200px;
	width: 100%;
	margin: 120px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	letter-spacing: 2px;
}

	@media screen and (max-width:800px) {
		.text-area-company .box, .text-area-recruit .box {
			display: inline-block;
			font-size: 15px;
			max-width: none;
			margin: 40px 0 0px;
		}
	}

.text-area-company .box h4, .text-area-recruit .box h4 {
    width: 300px;
	margin-right: 20px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	font-weight: 300;
	line-height: 2.4;
}

	@media screen and (max-width:800px) {
		.text-area-company .box h4, .text-area-recruit .box h4 {
			width: auto;
			margin-right: 0;
		}
	}

.text-area-company .box h4 span, .text-area-recruit .box h4 span {
    margin-right: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #ff8a00;
	line-height: 1.8;
}

.text-area-company .box h4::after, .text-area-recruit .box h4::after {
    content: "";
	width: 100%;
	height: 1px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	background-color: #cdcdcd;
}

.text-area-company .box p, .text-area-recruit .box p {
	line-height: 2.4;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

	@media screen and (max-width:800px) {
		.text-area-company .box p, .text-area-recruit .box p {
			line-height: 2;
		}
	}

@media screen and (max-width:1440px) {
	.text-area-company {
		width: auto !important;
		margin: 150px 60px 0 !important;
	}
}

.text-area-company .box p a {
	color: #ff8a00;
	text-decoration: underline;
}

.text-area-company #map {
	width: 560px;
	margin: 20px auto;
}

	@media screen and (max-width:800px) {
		.text-area-company #map {
			width: auto;
		}
	}

.text-area-company #map iframe {
	width: 600px;
	height: 450px;
}

	@media screen and (max-width:800px) {
		.text-area-company #map iframe {
			width: 335px;
			height: 200px;
		}
	}

.house {
	text-align: center;
	margin-top: 150px;
}

.house img {
	max-width: 1440px;
	width: 100%;
}

@media (max-width: 800px) {
	.loop_img {
		background: url(../images/company/sp_house.jpg) repeat-x 0 0;
		background-size: contain;
		width: 100%;
		height: 800px;
		height: 100vw;
		overflow: hidden;
		-moz-animation: loop 26s linear infinite;
		animation: loop 26s linear infinite;
		margin: 60px 0;
	}
}

@keyframes loop {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1258px 0;
	}
}

#interview #tit-box {
	max-width: 1320px;
	width: 100%;
	margin: 180px auto 120px;
}

	@media (max-width: 800px) {
		#interview #tit-box {
			max-width: 100%;
			width: auto;
			margin: 180px 20px 40px;
		}
	}

.company .grid {
	margin-bottom: 180px;
}

	@media (max-width: 800px) {
		.company .grid {
			margin-bottom: 90px;
		}
	}

#interview h3 {
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	letter-spacing: 5px;
}

	@media (max-width: 800px) {
		#interview h3 {
			font-size: 21px;
		}
	}

	@media (max-width: 414px) {
		#interview h3 {
			margin: 120px 20px 0 !important;
		}
	}
/*-- /company & recruit --*/


/*-- company --*/
.text-area-company .box:first-of-type {
	margin: 120px auto 180px;
}

	@media (max-width: 414px) {
		.text-area-company .box:first-of-type {
			margin: 40px 0 150px;
		}
	}

.text-area-company .box span {
	font-size: 21px;
	font-weight: bold;
}

	@media (max-width: 414px) {
		.text-area-company .box span {
			font-size: 18px;
		}
	}

@media (max-width: 800px) {
	.text-area-company {
		margin: 180px 20px 0 !important ;
	}
}

@media (max-width: 800px) {
	.company #tit-box {
		margin: 180px 0 40px !important ;
	}
}
/*-- /company --*/


/*-- message --*/
.text-area-message {
	margin-bottom: 195px !important ;
}

	@media (max-width: 1440px) {
		.text-area-message {
			padding: 0 60px !important;
			width: auto !important;
		}
	}

	@media (max-width: 800px) {
		.text-area-message {
			padding: 0 !important;
			margin-bottom: 105px !important;
		}
	}

.text-area-message h3.tit {
	text-align: center;
}

.text-area-message .tit-sub {
	line-height: 5;
	text-align: center;
	margin: 100px 0 150px;
}

	@media (max-width: 800px) {
		.text-area-message .tit-sub {
			line-height: 3;
			text-align: left;
			margin: 50px 0 150px;
			text-align: justify;
		}
	}

.text-area-message .wrap {
	margin-bottom: 165px;
}

	@media (max-width: 800px) {
		.text-area-message .wrap {
			margin-bottom: 95px;
		}
	}

.text-area-message .box {
	overflow: hidden;
	margin: 70px 0 0 !important;
}

	@media (max-width: 800px) {
		.text-area-message .box {
			margin: 60px 0 165px !important;
		}
	}

	@media (max-width: 800px) {
		.text-area-message .box {
			margin: 35px 0 0 !important;
		}
	}

.text-area-message .box p {
	width: calc(100%/2.13);
	float: left;
	line-height: 3.5 !important;
	text-align: justify;
}
	
	@media (max-width: 800px) {
		.text-area-message .box p {
			width: auto;
			float: none;
			line-height: 3 !important;
		}
	}

.text-area-message .box p:first-of-type {
	margin-right: 6%;
}

	@media (max-width: 800px) {
		.text-area-message .box p:first-of-type {
			margin-right: 0;
		}
	}

.text-area-message .box p span {
	color: #ffba00;
	margin-right: 10px;
}
/*-- /message --*/


/*-- recruit --*/
#slanting-back {
	position: absolute;
	width: 46%;
	height: 601px;
	background: #fff;
	-webkit-transform: skewX(155deg);
	-moz-transform: skewX(155deg);
	transform: skewX(155deg);
	left: -150px;
}

	@media (max-width: 1460px) {
		#slanting-back {
			width: 55%;
		}
	}

	@media (max-width: 1220px) {
		#slanting-back {
			width: 65%;
		}
	}

	@media (max-width: 1030px) {
		#slanting-back {
			width: 80%;
		}
	}

	@media (max-width: 800px) {
		#slanting-back {
			display: none;
		}
	}

.text-area-recruit {
	margin-bottom: 120px !important;
}

	@media screen and (max-width:1440px) {
		.text-area-recruit {
			width: auto !important;
			margin: 150px 60px 120px !important;
		}
	}

	@media (max-width: 800px) {
		.text-area-recruit {
			margin: 160px 20px 90px !important;
		}
	}

#recruit {
	margin: 0;
	position: absolute;
	left: 10vw;
	top: 300px;
	z-index: 1;
}

	@media (max-width: 800px) {
		#recruit {
			top: 240px;
			left: 0;
			right: 0;
		}
	}

#recruit .tit-box {
	width: 355px;
}

	@media (max-width: 800px) {
		#recruit .tit-box {
			width: 280px;
		}
	}

/* recruit-form */
.contact-box {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.contact-box .check {
	margin: 40px 0;
}

.contact-box .check p {
	margin: 20px 0;
	color: #f00;
}

.contact-box dt {
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 40px 0 10px;
}

	@media (max-width: 800px) {
		.contact-box dt, .contact-box dd {
			margin: 0 !important;
		}
	}

.contact-box dt:first-of-type {
	padding: 50px 0 10px;
}

.contact-box dt span {
	color: #f00;
}

.contact-box dd select {
	display: block;
	border: 1px solid #606060;
	-webkit-appearance: none;
	font-family: inherit;
	cursor: pointer;
	width: 100%;
	padding: 15px;
	position: relative;
}

.contact-box dd .select-box{
	position: relative;
}

.contact-box dd .select-box::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
}

.contact-box dd input {
	display: block;
	width: 97%;
	padding: 15px;
}

	@media (max-width: 1140px) {
		.contact-box dd input {
			width: 91%;
		}
	}

.contact-box dd textarea.input-usually {
	width: 99%;
}

	@media (max-width: 1140px) {
		.contact-box dd textarea.input-usually {
			width: 98%;
		}
	}

.contact-box .btn {
	width: 280px;
	margin: 90px auto 0;
}

	@media (max-width: 1140px) {
		.contact-box .btn {
			margin: 60px auto 0;
		}
	}

#entry-form {
	margin: 230px 0 60px;
}

	@media (max-width: 1140px) {
		#entry-form {
			margin: 110px 0 0;
		}
	}

form .submit {
	width: 100%;
	padding: 20px;
	background-color: #ffba00;
	border: 1px solid #ffba00; 
	color: #000;
	font-weight: 900;
	letter-spacing: 4px;
	transition: all 1s cubic-bezier(0.19,1,.22,1);
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 16px;
}

form .submit:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}
/* /recruit-form */
/*-- /recruit --*/


/*-- privacypolicy --*/
#privacypolicy {
	margin-top: 240px;
}

.underlayer-privacypolicy {
	margin-top: 195px !important;
}

	@media (max-width: 800px) {
		.underlayer-privacypolicy {
			margin-top: 165px !important;
		}
	}

#privacypolicy .tit-box {
	width: 590px;
}

@media (max-width: 800px) {
	.underlayer-privacypolicy .tit-box {
		width: 260px !important;
	}
}

#text-main {
	background: #eee;
}

#text-main p {
	max-width: 1140px;
	width: 100%;
	margin: 210px auto 0;
	padding: 90px 0;
	line-height: 3.5;
	font-size: 20px;
	text-align: center;
}

	@media (max-width: 800px) {
		#text-main p {
			max-width: 100%;
			width: auto;
			margin: 160px 20px 0;
			padding: 30px 0;
			line-height: 2.5;
			font-size: 18px;
		}
	}

@media (max-width: 1440px) {
	.text-area-privacypolicy h3 {
		margin: 0 60px;
	}
}

@media (max-width: 800px) {
	.text-area-privacypolicy h3 {
		margin: 0;
	}
}

.text-area-privacypolicy h3 {
	margin-top: 180px;
}

	@media (max-width: 800px) {
		.text-area-privacypolicy h3 {
			margin-top: 100px;
		}
	}

.text-area-privacypolicy h3:first-of-type {
	margin-top: 0;
}

.text-area-privacypolicy p {
	line-height: 3.5;
	margin: 60px 0 0;
}

	@media (max-width: 1440px) {
		.text-area-privacypolicy p {
			line-height: 3;
			margin: 60px 60px 0;
		}
	}

	@media (max-width: 800px) {
		.text-area-privacypolicy p {
			line-height: 3;
			margin: 30px 0 0;
		}
	}

.text-area-privacypolicy p:last-of-type {
	margin-bottom: 220px;
}

	@media (max-width: 800px) {
		.text-area-privacypolicy p:last-of-type {
			margin-bottom: 100px;
		}
	}
/*-- /privacypolicy --*/


/*-- service --*/
.text-area-service {
	margin: 120px auto 0 !important;
}

	@media (max-width: 800px) {
		.text-area-service {
			margin: 60px 20px 0 !important;
		}
	}

.text-area-service .txt {
	text-align: center;
	line-height: 3.5;
	margin-bottom: 180px;
	font-size: 18px;
}

	@media (max-width: 800px) {
		.text-area-service .txt {
			line-height: 3;
			margin-top: 125px;
			margin-bottom: 75px;
			font-size: 16px;
		}
	}

@media (max-width: 1440px) {
	.text-area-service h3 {
		margin-left: 60px;
	}
}

@media (max-width: 800px) {
	.text-area-service h3 {
		margin-left: 0;
	}
}

.text-area-service .one-box {
	margin-top: 120px;
}

	@media (max-width: 800px) {
		.text-area-service .one-box {
			margin-top: 100px;
		}
	}

.text-area-service .one-box:first-of-type {
	margin-top: 100px;
}

	@media (max-width: 800px) {
		.text-area-service .one-box:first-of-type {
			margin-top: 50px;
		}
	}

.text-area-service .one-box:last-of-type {
	margin-bottom: 180px;
}

	@media (max-width: 800px) {
		.text-area-service .one-box:last-of-type {
			margin-bottom: 150px;
		}
	}

.text-area-service h4 {
	font-size: 20px;
	background: #eee;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 60px;
}

	@media (max-width: 1440px) {
		.text-area-service h4 {
			margin: 120px 60px 60px;
		}
	}

	@media (max-width: 800px) {
		.text-area-service h4 {
			font-size: 18px;
			padding: 15px;
			margin: 80px 0 10px;
		}
	}

@media (max-width: 1440px) {
	.text-area-service h4 {
		margin: 100px 60px 60px;
	}
}

@media (max-width: 800px) {
	.text-area-service h4 {
		margin: 20px 0 0;
	}
}

.text-area-service .wrap {
	line-height: 0;
	margin: 0 60px 0 0;
}

	@media (max-width: 800px) {
		.text-area-service .wrap {
			margin: 0;
		}
	}

.text-area-service .wrap .box {
	width: 1200px;
	margin: 0 auto;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box {
			max-width: 900px;
			width: 100%;
		}
	}

.text-area-service .wrap .box div {
	position: relative;
	width: 50%;
	height: 320px;
	line-height: 1.6;
	float: left;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box div {
			height: 240px;
		}
	}

	@media (max-width: 1020px) {
		.text-area-service .wrap .box div {
			max-width: 450px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
	}

.text-area-service .wrap .box:nth-child(2n) div {
	float: right;
}

	@media (max-width: 1020px) {
		.text-area-service .wrap .box:nth-child(2n) div {
			float: none;
		}
	}

.text-area-service .wrap .box div h5 {
	text-align: center;
}

.text-area-service .wrap .box div h5.txt1 {
	padding-top: 120px;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box div h5.txt1 {
			padding-top: 80px;
		}
	}

	@media (max-width: 800px) {
		.text-area-service .wrap .box div h5.txt1 {
			padding-top: 100px;
		}
	}

.text-area-service .wrap .box div h5.txt2 {
	padding-top: 110px;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box div h5.txt2 {
			padding-top: 60px;
		}
	}

	@media (max-width: 800px) {
		.text-area-service .wrap .box div h5.txt2 {
			padding-top: 80px;
		}
	}

.text-area-service .wrap .box div h5.txt3 {
	padding-top: 80px;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box div h5.txt3 {
			padding-top: 40px;
		}
	}

	@media (max-width: 800px) {
		.text-area-service .wrap .box div h5.txt3 {
			padding-top: 60px;
		}
	}

.text-area-service .wrap .box div h5.txt2-no-link {
	padding-top: 130px;
}

.text-area-service .wrap .box div a.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
	padding: 0;
	width: 120px;
	margin: 0 auto;
	letter-spacing: 1px;
}

.text-area-service .wrap .box div a {
	position: absolute;
	bottom: 90px;
	left: 0;
	right: 0;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box div a {
			bottom: 60px;
		}
	}

	@media (max-width: 800px) {
		.text-area-service .wrap .box div a {
			bottom: 40px;
		}
	}

.text-area-service .wrap .box div a ul li {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}

.text-area-service .wrap .box figure {
	text-align: center;
}

.text-area-service .wrap .box figure img {
	max-width: 600px;
	width: 100%;
}

	@media (max-width: 1440px) {
		.text-area-service .wrap .box figure img {
			max-width: 50%;
		}
	}

	@media (max-width: 800px) {
		.text-area-service .wrap .box figure img {
			max-width: 90%;
		}
	}
/*-- /service --*/


/*-- staff --*/
#interview h3 {
	max-width: 1320px;
	width: 100%;
	margin: 150px auto 0;
}

	@media (max-width: 1440px) {
		#interview h3 {
			margin-left: 60px;
			width: auto;
		}
	}

	@media (max-width: 800px) {
		#interview h3 {
			width: auto;
			margin: 150px 0 0 20px;
		}
	}

#interview .interview-img {
	position: relative;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: 400px;
	margin-top: 90px;
}

	@media (max-width: 800px) {
		#interview .interview-img {
			height: 300px;
			margin-top: 40px;
		}
	}

#interview #sales {
	background: url(../images/staff/staff_01.jpg) no-repeat;
}

#interview #sales p {
	position: absolute;
	top: 160px;
	right: 490px;
	top: 9.5vw;
	right: 29.2vw;
}

	@media (max-width: 1200px) {
		#interview #sales p {
			top: 14.5vw;
			right: 26.2vw;
		}
	}

	@media (max-width: 800px) {
		#interview #sales p {
			right: 16.2vw;
		}
	}

	@media (max-width: 560px) {
		#interview #sales p {
			top: 36vw;
			right: 3vw;
		}
	}

#interview #sales span {
	background: #eee;
	font-size: 20px;
	line-height: 1.8;
	padding: 3px;
}

	@media (max-width: 800px) {
		#interview #sales span {
			font-size: 18px;
		}
	}

#interview #production1 {
	background: url(../images/staff/staff_02.jpg) no-repeat;
}

#interview #production1 p {
	position: absolute;
	top: 160px;
	left: 270px;
	top: 9.5vw;
	left: 22.5vw;
}

	@media (max-width: 1200px) {
		#interview #production1 p {
			top: 18.5vw;
			left: 12.2vw;
		}
	}

	@media (max-width: 800px) {
		#interview #production1 p {
			left: 4.2vw;
		}
	}

	@media (max-width: 560px) {
		#interview #production1 p {
			top: 29.5vw;
		}
	}

#interview #production1 span {
	background: #eee;
	font-size: 20px;
	line-height: 1.8;
	padding: 3px;
}

	@media (max-width: 800px) {
		#interview #production1 span {
			font-size: 18px;
		}
	}

#interview #production2 {
	background: url(../images/staff/staff_03.jpg) no-repeat;
}

#interview #production2 p {
	position: absolute;
	top: 160px;
	right: 490px;
	top: 9.5vw;
	right: 29.2vw;
}

	@media (max-width: 1200px) {
		#interview #production2 p {
			top: 14.5vw;
			right: 12.2vw;
		}
	}

	@media (max-width: 800px) {
		#interview #production2 p {
			top: 16.5vw;
			right: 7.2vw;
		}
	}

	@media (max-width: 560px) {
		#interview #production2 p {
			top: 36.5vw;
			right: 3.2vw;
		}
	}

#interview #production2 span {
	background: #eee;
	font-size: 20px;
	line-height: 1.8;
	padding: 3px;
}

	@media (max-width: 800px) {
		#interview #production2 span {
			font-size: 18px;
		}
	}

#interview h4 {
	overflow: hidden;
	margin: 70px auto 0;
	width: 520px;
}

	@media (max-width: 800px) {
		#interview h4 {
			margin: 30px 20px 0;
			width: auto;
		}
	}

#interview h4 p:first-of-type {
	font-size: 64px;
	float: left;
	font-style: italic;
}

	@media (max-width: 800px) {
		#interview h4 p:first-of-type {
			font-size: 40px;
			float: none;
			text-align: center;
		}
	}

#interview h4 p:last-of-type {
	font-size: 24px;
	float: left;
	margin: 20px 0 0 20px;
	letter-spacing: 2px;
}

	@media (max-width: 800px) {
		#interview h4 p:last-of-type {
			font-size: 18px;
			float: none;
			margin: 10px 0 0 0;
			text-align: center;
		}
	}

#interview .comment {
	background: #eee;
	padding: 60px 20% 120px;
	margin: 40px 0 0;
	line-height: 3;
}

	@media (max-width: 800px) {
		#interview .comment {
			text-align: justify;
			padding: 30px 10% 90px;
			margin: 30px 0 0;
		}
	}

	@media (max-width: 414px) {
		#interview .comment {
			padding: 20px 20px 60px;
		}
	}
/*-- /staff --*/


/*-- information --*/
@media (max-width: 414px) {
	#main-img #sec04 h2.tit {
		letter-spacing: 3px !important;
	}
}

#underlayer-information {
	overflow: hidden
}

#underlayer-information .inbox {
	position: relative;
	visibility: hidden
}

#underlayer-information .inbox p {
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (min-width:801px) {
	
	#underlayer-information .box {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	
	#underlayer-information .inbox {
		-webkit-box-flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}
	
	#underlayer-information .inbox {
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		-webkit-flex-direction: column;
		-ms-flex-direction: auto;
		flex-direction: auto;
		background-color: #fff;
		box-shadow: 68px 68px 64px rgba(27,27,27,.16), 0 4px 16px 0 rgba(27,27,27,.08);
		border: 2px solid #ff8400;
	}
	
	#underlayer-information .inbox img {
		width: 100%;
		max-width: none;
		height: auto
	}
	
	#underlayer-information .box .inbox img:last-of-type {
		display: none;
	}
	
}

@media screen and (max-width:800px) {
	
	#underlayer-information {
		margin-bottom: -4px;
		margin-top: 110px;
	}
	
	#underlayer-information .inbox {
		margin-bottom: 4px
	}
	
	#underlayer-information img {
		width: 100%;
		max-width: none;
		height: auto
	}
	
	#underlayer-information .box .inbox img:first-of-type {
		display: none;
	}
	
}
/*-- /information --*/

/*-- 190408追加 --*/

#sp-main-box{
	position: fixed;
	top: 0;
	z-index: 1;
}

#sp-main-box .video{
	margin-top: 68px;
}

@media screen and (max-width:800px) {
	#top{
		position: relative;
		margin-top: 100vw;
		z-index: 1000;
		background: #fff;
		overflow: hidden;
	}
	.sp-nav-box{
		z-index: 1200 !important;
	}
}