/*!
Theme Name: Number8
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Number8
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Number8 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html, body  {
	font-size: 62.5%;
	/* scroll-behavior: smooth; */
}
header, section, .parallax,
.home main {
	height: 100%;
}
#container {
	background-color: #ffffff;
	border: solid 4px #070304;
	overflow: hidden;
	position: relative;
	width: 100vw; /* 画面高さにスクロールバーが含まれるのを防ぐ */
}
.home section, .parallax {
	position: relative;
	float: left;
}
.home h2 {
	border: solid 4px #070304;
	width: 22.5%;
	height: 25.3%;
	text-align: center;
	position: absolute;
	font-weight: 700;
	z-index: 5;
	transition: all 0.1s ease;
}
.home h2 span {
	display: block;
	text-align: left;
	font-size: 1.8vh;
	margin-left: 14%;
}
.br_pc {
	display: block;
}
.br_sp {
	display: none;
}
input, button, select, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
/* ====================================================
	parallax関連
==================================================== */
.parallax {
	/* background-attachment: fixed; */
	/* background-position: right; */
	background-size: cover;
	background-repeat: no-repeat;
	/* transition: all 0.1s ease; */
}
.parallax01 {
	background-image: url('/wp-content/themes/Number8/img/para01.jpg');
	width: 5.23%;
	background-color: #ffff00;
}
.parallax02 {
	background-image: url('/wp-content/themes/Number8/img/para02.jpg');
	width: 5.23%;
}
.parallax03 {
	background-image: url('/wp-content/themes/Number8/img/para03.jpg');
	width: 5.23%;
	background-position: left;
}
/* ====================================================
	font-family
==================================================== */
h2,
.menuContact a,
.menuContents li a,
.fvText,
.fvArrow p,
.newsDate,
.newsArrow p,
#philosophy h3,
.serviceArea01 ul li,
.companyArea02 h3,
footer,
.backBtn {
		font-family: 'Poppins', sans-serif;
}
h2 span,
.newsTitle,
.newsContents,
.noArticles,
.messageName,
.messageHeader,
.messageText,
#philosophy h3 p,
.philosophyText,
.serviceArea01 p,
.serviceArea01 ul li p,
.serviceArea02,
.companyInfo,
.companyArea02 h3 p,
.contactWrap,
.contactWrap table td input,
.contactWrap table td select,
.contactWrap table td textarea,
.contactWrap .formBtn input,
.contactWrap .formBtn_back input,
.newsCat {
		font-family: 'Noto Sans JP', sans-serif;
}
/* ====================================================
	loading
==================================================== */
#loading {
	position: relative;
	width: 100%;
	height: 100vh;
}
.loadingImage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loadingImage svg {
	height: 7vh;
	animation: loading 1.5s ease infinite;
}
@keyframes loading {
	0% {
			transform: perspective(400px) rotateX(180deg) rotateY(0deg);
	}
	50% {
			transform: perspective(400px) rotateX(0deg) rotateY(0deg);
	}
	100% {
			transform: perspective(400px) rotateY(0deg) rotateY(180deg);
	}
}
/* ====================================================
	header
==================================================== */
header {
	border: solid 4px #070304;
	background-color: #ffffff;
	width: 13.4vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
}
.menuWrap {
	height: 100%;
}
h1.menuLogo {
	border-bottom: solid 4px #070304;
	height: 16%;
	padding: 2vh;
	background-color: #ffff00;
}
nav {
	height: 84%;
	position: relative;
}
.menuContents {
	position: absolute;
	top: 19.2%;
	transform: translateY(-19.2%);
}
.menuContact {
	height: 16%;
	background-color: #070304;
	text-align: center;
	line-height: 12.3vh;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: solid 4px #070304;
	transition: all 0.1s linear;
}
.menuContact a {
	font-size: 1.8vh;
	font-weight: 600;
	letter-spacing: 0.1vh;
	display: block;
	color: #ffffff;
	transition: all 0.1s linear;
}
.menuContents li {
	margin-bottom: 2.26vh;
	position: relative;
	z-index: 5;
}
.menuContents li:nth-child(6) {
	display: none;
}
.menuContents li a {
	line-height: 12.3vh;
	writing-mode: vertical-rl;
	font-size: 2vh;
	font-weight: 600;
	position: relative;
	z-index: 5;
}
.menuContents li:after {
	content: "";
	background-color: #ffff00;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20%;
	height: 0;
	z-index: 0;
	transition: all 0.2s linear;
}
.menuSns {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 14.3vh;
	left: 50%;
	transform: translateX(-50%);
}
.menuSns li {
	padding-right: 0.9vh;
	transition: all 0.1s linear;
}
.menuSns li:last-child {
		padding-right: 0;
}
.menuSns li a {
	font-size: 2.9vh;
}
.toggle_btn, .menuBg {
	display: none;
}
/* ====================================================
	パンくず位置調整
==================================================== */

div#breadcrumb {
	margin: 0 0 50px 0;
}
div#breadcrumb ul li{
	display:inline;
	line-height: 2;
	font-size: 1.8rem;
	font-weight: 600;
}

/* ====================================================
	fv
==================================================== */
/* SVG */
.cls-1{
	stroke-width:6px;
	fill:none;
	stroke:#FFFFFF;
	stroke-width:20;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
	stroke-dasharray: 1500; /* この行を追加 */
	stroke-dashoffset:1500; /* この行を追加 */
}
#fv {
	padding-left: 1.2%;
	background-color: #ffff00;
	width: 11.58%;
}
#fv > div {
	position: absolute;
}
.fvTitle01 {
	top: 38.9%;
	left: 18%;
	width: 16%;
}
.fvTitle02 {
	top: 44.7%;
	left: 36.8%;
	width: 6%;
}
.fvTitle03 {
	top: 41.7%;
	left: 67.6%;
	width: 25.3%;
}
.fvLogo {
	top: 38%;
	left: 47.2%;
	width: 16.3%;
	z-index: 5;
}
.fvLogo .fvLogoText {
	margin-top: 12%;
}
.fvText {
	top: 92.9%;
	left: 44%;
	font-size: 1.6vh;
	font-weight: 600;
	letter-spacing: 0.39vh;
}
.fvText, .fvArrow {
	transition: all linear 0.5s;
	opacity: 0;
}
.fvText.active ,.fvArrow.active {
	opacity: 1;
}
.fvArrow {
	top: 91.6%;
	right: 4.8%;
}
.fvArrow p {
	font-size: 1.5vh;
	font-weight: 600;
	letter-spacing: 0.1vh;
}
.fvArrow div {
	height: 2vh;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.fvArrow div img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -89%;
	animation: arrow 2s ease infinite;
	opacity: 0;
}
@keyframes arrow {
	to {
		left: 0;
		opacity: 1;
	}
}
/* ====================================================
	news
==================================================== */
.home #news {
	background-color: #ffff00;
	width: 10.36%;
	padding: 0.53% 0 0.7% 0.58%;
}
.home .newsBg svg {
	position: absolute;
	top: 28.7%;
	left: 43.6%;
	width: 73%;
	fill: #ffffff;
}
.home #news h2 {
	background: #ffffff;
	padding-top: 6.9%;
	font-size: 5.8vh;
	left: 5.6%;
}
.home #news h2 span {
	margin-top: 1.4%;
}
.home .newsWrap {
	margin-left: 29.8%;
	position: relative;
	height: 100%;
	overflow-y: hidden;
	/* cursor: pointer; */
}
.home .newsWrap::-webkit-scrollbar {
	width: 5px;
}
.home .newsWrap::-webkit-scrollbar-track {
	background: inherit;
}
.home .newsWrap::-webkit-scrollbar-thumb {
	background: gray;
	border-radius: 10px;
}
.home .newsWrap ul li {
	border-top: solid 4px #070304;
	padding: 4.7% 4.7% 4.7% 0;
}
.home .newsWrap ul li:last-child {
	border-bottom: solid 4px #070304;
}
.home .newsArrow {
	position: absolute;
	top: 80.3%;
	left: 25%;
	width: 4%;
	cursor: pointer;
}
.home .newsArrow p {
	font-size: 1.7vh;
	letter-spacing: 0.14vh;
	writing-mode: vertical-lr;
	transform: scale(-1, -1);
	font-weight: 600;
}
.home .newsArrow div {
	height: 95%;
	width: 27.9%;
	position: absolute;
	top: 4%;
	left: 54.9%;
	overflow: hidden;
}
.home .newsArrow div img {
	position: absolute;
	top: -100%;
	left: 0;
	animation: newsArrow 2s ease infinite;
	opacity: 0;
}
@keyframes newsArrow {
	to {
		top: 0;
		opacity: 1;
	}
}
.home .newsDate {
	font-size: 1.8vh;
	font-weight: 700;
	letter-spacing: 0.15vh;
}
.home .newsTitle {
	margin-top: 1.1%;
	font-size: 3vh;
	font-weight: 600;
}
.home .newsContents,
.home .noArticles {
	margin-top: 2.5%;
	font-size: 1.6vh;
	font-weight: 500;
	line-height: 3.3vh;
}
.home .newsContents a {
	color: #939393;
	transition: all 0.1s linear;
}
/* ====================================================
	message
==================================================== */
#message {
	width: 10.34%;
	z-index: 1;
}
.messageWrap {
	height: 100%;
	background-image: url(/wp-content/themes/Number8/img/bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}
#message h2 {
	top: 19.3%;
	left: 5.5%;
	width: 22.5%;
	background-color: #ffff00;
	padding-top: 8.1%;
	font-size: 3.5vh;
	letter-spacing: 0.1vh;
}
#message h2 span {
	margin-top: 3.8%;
	letter-spacing: 0.2vh;
}
.messageImage {
	padding-left: 16.8%;
	padding-top: 5.2%;
	width: 94.4%;
}
.messageName {
	position: absolute !important;
	background-color: rgba(255, 255, 0, 0.9);
	top: 31.7%;
	right: 0;
	padding: 2.9% 0% 2.8% 2.8%;
	width: 40%;
}
.messageName p {
	font-size: 1.7vh;
	font-weight: 500;
	letter-spacing: 0.55vh;
	padding-left: 1%;
}
.messageName h4 {
	font-size: 3vh;
	font-weight: 600;
	margin-top: 2.8%;
	letter-spacing: 0.57vh;
}
.messageName h4 span {
	font-size: 1.5vh;
	font-weight: 400;
	padding-left: 3%;
	letter-spacing: 0.2vh;
	vertical-align: bottom;
}
.messageHeader {
	color: #ffff00;
	font-size: 3.7vh;
	font-weight: 600;
	letter-spacing: 0.4vh;
	position: absolute;
	top: 16.2%;
	left: 59.9%;
	line-height: 4.9vh;
}
.messageText {
	color: #ffff00;
	padding: 6.2% 0 0 11.4%;
	font-size: 1.6vh;
	letter-spacing: 0.06vh;
	font-weight: 500;
	line-height: 3.06vh;
}
/* ====================================================
	philosophy
==================================================== */
#philosophy {
	width: 10.35%;
	padding: 1.64% 0 0 2.02%;
}
.philoBg svg {
	fill: #ffff00;
	width: 41.5%;
	position: absolute;
}
.philoBg01 svg {
	top: -11.9%;
	left: -7.8%;
}
.philoBg02 svg {
	bottom: -9.9%;
	right: -5.5%;
}
#philosophy h2 {
	top: 35.5%;
	left: 5.6%;
	border: solid 4px #ffff00;
	color: #ffff00;
	background-color: #070304;
	font-size: 2.8vh;
	padding-top: 8%;
	z-index: 2;
}
#philosophy h2 span {
	margin-top: 3.8%;
	letter-spacing: 0.2vh;
}
#philosophy .philosophyHtext {
	z-index: 1;
	position: relative;
	background-color: #ffff00;
	width: 74.9%;
}
#philosophy h3 {
	font-size: 6vh;
	font-weight: 700;
	padding: 6.7% 0 6.6% 21.5%;
}
#philosophy h3 p {
	font-size: 1.6vh;
	margin-top: 1.3%;
	padding-left: 0.5%;
	letter-spacing: 0.2vh;
}
.philosophyText {
	background-color: #070304;
	color: #ffff00;
	position: absolute !important;
	top: 33.7%;
	right: 0;
	width: 75.3%;
	padding: 11.8% 0 5.5% 7.9%;
	font-size: 1.6vh;
	line-height: 3.7vh;
	letter-spacing: 0.04vh;
}
/* ====================================================
	service
==================================================== */
#service {
	width: 16.75%;
}
.serviceAreaWrap {
	display: flex;
	margin-top: 5.3%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.serviceArea01 {
	width: 58.4%;
	background-color: #ffff00;
	padding: 3% 0 0 20.8%;
}
.serviceArea01 p {
	position: relative;
	font-size: 1.6vh;
	letter-spacing: 0.01vh;
	line-height: 3.3vh;
	z-index: 1;
	font-weight: 500;
}
.serviceArea01 ul {
	position: relative;
	z-index: 1;
	margin-top: 7.3%;
}
.serviceArea01 ul li {
	font-size: 7vh;
	font-weight: 600;
	margin-bottom: 2.7%;
}
.serviceArea01 ul li p {
	font-size: 2.3vh;
}
.serviceArea02 {
	width: 41.6%;
	padding: 0.2% 3.5% 0 3.3%;
	font-weight: 500;
}
.serviceBg svg {
	width: 45.2%;
	position: absolute;
}
.serviceBg01 svg {
	fill: #ffff00;
	top: -14%;
	left: 9.5%;
}
.serviceBg02 svg {
	top: -24.1%;
	left: 9.6%;
	fill: #ffffff;
}
#service h2 {
	top: 5.8%;
	left: 3.5%;
	color: #070304;
	background-color: #ffffff;
	font-size: 4.3vh;
	padding-top: 4.8%;
	z-index: 2;
	width: 13.9%;
}
#service h2 span {
	margin-top: 2.8%;
	letter-spacing: 0.2vh;
}
.serviceFlowTitle {
	font-size: 2vh;
	letter-spacing: -0.04vh;
}
.serviceFlow {
	margin-top: 7%;
}
.serviceFlow li {
	background-color: #ffff00;
	text-align: center;
	font-size: 2.3vh;
	font-weight: 600;
	padding: 1.6% 0 1.9%;
	margin-bottom: 4.4%;
	position: relative;
	opacity: 0;
}
.serviceFlow li:first-child {
	letter-spacing: -0.2vh;
}
.serviceFlow li:before {
	/* font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d7"; */
	content: "▼";
	position: absolute;
	top: 112%;
	left: 50%;
	transform: translateX(-50%) scale(1, 0.7);
	width: 4%;
	height: 4%;
}
.serviceFlow li:last-child:before {
	content: "";
}
.serviceLpText {
	margin-top: 9.5%;
	font-size: 1.6vh;
	line-height: 3.1vh;
	letter-spacing: 0.03vh;
}
.serviceLp {
	margin-top: 17.5%;
}
.serviceLp li {
	margin-bottom: 5.7%;
}
.serviceLp li p {
	font-size: 2vh;
	margin-bottom: 0.5%;
}
/* ====================================================
	company
==================================================== */
#company {
	width: 14.6%;
	display: flex;
	padding-left: 1.28%;
}
.companyArea01 {
	width: 68.2%;
	background-color: #070304;
	position: relative;
	padding: 3.3% 0 0 16.6%;
}
.companyArea02 {
	width: 31.8%;
	background-color: #ffff00;
	position: relative;
	overflow: hidden;
	padding: 3.7% 4.3%;
}
.companyBg svg {
	fill: #ffffff;
	position: absolute;
}
.companyBg01 svg {
	top: 29.4%;
	right: -18.3%;
	width: 82.5%;
	opacity: 0.2;
}
.companyBg02 svg {
	top: 29.4%;
	left: -138.5%;
	width: 177.4%;
}
#company h2 {
	top: 5.9%;
	left: -7.8%;
	border: solid 4px #ffff00;
	color: #ffff00;
	background-color: #070304;
	font-size: 3.3vh;
	padding-top: 8.6%;
	z-index: 2;
	width: 25.7%;
}
#company h2 span {
	margin-top: 3.8%;
	letter-spacing: 0.2vh;
}
.companyInfo {
	width: 100%;
	font-size: 1.7vh;
	font-weight: 500;
}
.companyInfo * {
	color: #ffff00;
}
.companyInfo td {
	line-height: 3.8vh;
}
.companyMap {
	position: absolute;
	top: 62.1%;
	left: 0;
	width: 93.6%;
	height: 31.4%;
}
#map {
	width: 100%;
	height: 100%;
}
.companyArea02 h3 {
	font-size: 3.59vh;
	font-weight: 700;
}
.companyArea02 h3 p {
	display: block;
	font-size: 1.6vh;
	margin-top: 3.7%;
}
.companyArea02 ul {
	margin-top: 12%;
	position: relative;
}
.companyArea02 ul li {
	margin-bottom: 6%;
}
.companyArea02 ul li a {
	background-color: #070304;
	padding: 3.6% 0 3.6% 14.2%;
	display: block;
	display: flex;
	align-items: center;
	transition: all 0.1s linear;
}
.companyArea02 ul li a img {
	transition: all 0.1s linear;
}
.companyArea02 ul li a .companyIcon {
	display: inline-block;
	width: 13.5%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.companyArea02 ul li:nth-of-type(9) .companyIcon {
	margin-bottom: 2.4%;
}
.companyArea02 ul li a .companyName {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
}
.companyArea02 ul li:nth-of-type(1) .companyName {
	width: 45%;
	margin-left: 17%;
}
.companyArea02 ul li:nth-of-type(2) .companyName {
	width: 54%;
	margin-left: 13%;
}
.companyArea02 ul li:nth-of-type(3) .companyName {
	width: 29%;
	margin-left: 25%;
}
.companyArea02 ul li:nth-of-type(4) .companyName {
	width: 51.5%;
	margin-left: 13.9%;
}
.companyArea02 ul li:nth-of-type(5) .companyName {
	width: 62%;
	margin-left: 8.5%;
}
.companyArea02 ul li:nth-of-type(6) .companyName {
	width: 34.3%;
	margin-left: 22%;
}
.companyArea02 ul li:nth-of-type(7) .companyName {
	width: 43.4%;
	margin-left: 17.6%;
}
/* .companyArea02 ul li:nth-of-type(8) .companyName {
	width: 46.9%;
	margin-left: 16.4%;
} */
.companyArea02 ul li:nth-of-type(8) .companyName {
	width: 56.9%;
	margin-left: 12.4%;
	margin-top: 3%;
}
.companyArea02 ul li:nth-of-type(9) .companyName {
	width: 26.9%;
	margin-left: 25.4%;
	margin-top: -1%;
}
/* ====================================================
	contact
==================================================== */
#contact {
	width: 10.33%;
	z-index: 1;
}
#contact h2 {
	top: 11%;
	left: 5.6%;
	width: 22.4%;
	background-color: #ffff00;
	padding-top: 7.6%;
	font-size: 3.3vh;
	letter-spacing: 0.1vh;
}
#contact h2 span {
	margin-top: 3.5%;
	letter-spacing: 0.15vh;
}
.contactWrap {
	padding: 10.9% 0 0 33.6%;
	font-weight: 500;
}
.contactWrap {
	font-size: 1.6vh;
}
.contactWrap p {
	letter-spacing: 0.05vh;
}
.contactWrap p:nth-child(1) {
	display: block;
}
.contactWrap p:nth-child(2) {
	display: none;
}
.contactWrap table {
	width: 100%;
	margin-top: 6.9%;
}
.contactWrap table th,
.contactWrap table td {
	padding-bottom: 5.7%;
	text-align: left;
}
.contactWrap table th {
	width: 32.7%;
	vertical-align: middle;
	letter-spacing: -0.04vh;
}
.contactWrap table th label span {
	background-color: #ffff00;
	display: inline-block;
	margin-left: 4%;
	padding: 2% 6% 3%;
}
.contactWrap table tr:last-child th {
	vertical-align: top;
}
.contactWrap table td {
	width: 67.3%;
	padding-right: 8.3%;
}
.contactWrap table td input,
.contactWrap table td select,
.contactWrap table td textarea {
	width: 100%;
	padding: 1.4% 3%;
	border: 1px solid #d7d7d7;
	font-size: 1.6vh;
	letter-spacing: 0.13vh;
	background-color: #fff;
	color: #000;
}
.contactWrap table td textarea {
	resize: vertical;
	height: 25.5vh;
}
.contactWrap table td .selectBox {
	position: relative;
}
.contactWrap .mw_wp_form.mw_wp_form_input table td .selectBox:after {
	content: "\f054";
	font-size: 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 40%;
	right: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	transform: rotate(90deg);
	color: #959595;
	pointer-events: none;
}
.contactWrap .formBtn,
.contactWrap .formBtn_back {
	margin-left: 32.5%;
	position: relative;
	width: 44.2%;
}
.contactWrap .mw_wp_form .formBtn_back {
	display: none;
}
.contactWrap .mw_wp_form_confirm .formBtn_back {
	display: block;
	margin-bottom: 3%;
}
.contactWrap .mw_wp_form_confirm p:nth-child(1) {
	display: none;
}
.contactWrap .mw_wp_form_confirm p:nth-child(2) {
	display: block;
}
.contactWrap .formBtn::before,
.contactWrap .formBtn_back:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	color: #ffff00;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 89.5%;
	font-size: 2.2vh;
	transition: all 0.1s linear;
	pointer-events: none;
}
.contactWrap .formBtn_back:before {
	content: "\f053";
	left: 6.5%;
}
.contactWrap .formBtn input,
.contactWrap .formBtn_back input {
	cursor: pointer;
	color: #ffff00;
	background-color: #070304;
	font-size: 2.3vh;
	font-weight: 400;
	padding: 0.1% 19.9% 1.1%;
	border: 4px solid #070304;
	width: 100%;
	transition: all 0.1s linear;
}
.contactWrap .thanksMessage {
	line-height: 4.5vh;
	font-size: 1.7vh;
}
/* ====================================================
	footer
==================================================== */
.home footer {
	position: absolute;
	bottom: 5.6%;
	right: 0.56%;
	font-weight: 600;
	font-size: 1.5vh;
	letter-spacing: 0.03vh;
}
/* ====================================================
	アニメーション関連
==================================================== */
.fvCursor {
	width: 1.5%;
	top: 14%;
	left: 95%;
	z-index: 5;
}
.fvCursor.pre_active {
	animation: dropCursor01 ease 0.8s forwards;
}
.fvCursor.active {
	animation: dropCursor02 ease 3.1s forwards;
}
@keyframes dropCursor01 {
	0% {
		top: 17%;
		left: 92%;
		opacity: 1;
	}
	100% {
		top: 17%;
		left: 84.4%;
		opacity: 1;
	}
}
@keyframes dropCursor02 {
	0% {
		top:  17%;
		left: 84.4%;
		opacity: 1;
	}
	40% {
		top: 41.5%;
		left: 58.6%;
		opacity: 1;
	}
	50% {
		top: 41.5%;
		left: 58.6%;
		opacity: 0;
	}
	100% {
		top: 41.5%;
		left: 58.6%;
		opacity: 0;
	}
}
.fvEight {
	width: 16.3%;
	z-index: 3;
	padding: 1.4%;
	top: 13%;
	left: 73%;
}
.fvEight.active {
	animation: dropLogo ease 3.1s forwards;
}
@keyframes dropLogo {
	0% {
		top: 13%;
		left: 73%;
		opacity: 1;
	}
	40% {
		top: 38%;
		left: 47.2%;
		opacity: 1;
	}
	70% {
		top: 38%;
		left: 47.2%;
		opacity: 1;
	}
	100% {
		top: 38%;
		left: 47.2%;
		opacity: 0;
	}
}
.fvEight img {
	transform: rotate(-45deg);
}
.fvEight.active img {
	animation: dropRotate ease-in 0.7s forwards 1.6s;
}
@keyframes dropRotate {
	0% {
		transform: rotate(-45deg);
	}
	60% {
		transform: rotate(0deg);
	}
	70% {
		transform: rotate(-2deg);
	}
	80% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.fvLogoMark {
	opacity: 0;
	transition: all 1.2s ease;
}
.fvLogoMark.active {
	opacity: 1;
}
.typing,
.typing span {
	opacity: 0;
}
@-webkit-keyframes fadeInUp {
	0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
			opacity: 0;
			transform: translateY(20px);
	}
	100% {
			opacity: 1;
			transform: translateY(0);
	}
}
.fadeInUp{
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	animation-fill-mode: both;
	animation-duration: 1s;
}
.fadeInUp.active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
			opacity: 0;
			-webkit-transform: translateY(-20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
			opacity: 0;
			transform: translateY(-20px);
	}
	100% {
			opacity: 1;
			transform: translateY(0);
	}
}
.fadeInDown{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	animation-fill-mode: both;
	animation-duration: 1s;
}
.fadeInDown.active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.serviceFlow.active li {
	animation: fadeInDown linear 0.4s both;
}
.serviceFlow.active li:nth-of-type(2) {
	animation-delay: 0.2s !important;
}
.serviceFlow.active li:nth-of-type(3) {
	animation-delay: 0.4s !important;
}
.serviceFlow.active li:nth-of-type(4) {
	animation-delay: 0.6s !important;
}
.serviceFlow.active li:nth-of-type(5) {
	animation-delay: 0.8s !important;
}
/* ====================================================
	shapeアニメーション
==================================================== */
.shape {
	position: relative;
	overflow: hidden;
}
.shape > * {
	opacity: 0;
}
.shape.active > * {
	animation: syapeImg 0.1s 0.3s linear both;
}
.shape:after {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.shape:after {
	background: #ffffff;
}
.shape.active:after {
	animation: shapeFade 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
}
@keyframes syapeImg {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes shapeFade {
	0% {
		width: 0%;
	}
	50% {
		width: 110%;
	}
	55% {
		width: 110%;
		left: 0%;
	}
	100% {
		width: 110%;
		left: 110%;
	}
}

/* ====================================================
	高さ600px以下（固定）
==================================================== */
@media screen and (max-height:617px) {
	header {
		width: 83px;
		height: 617px;
	}
	h1.menuLogo {
		padding: 12px;
	}
	.menuContents li {
		padding-bottom: 0;
		margin-bottom: 1.4rem;
	}
	.menuContents li a {
		line-height: 7.4rem;
		font-size: 1.25rem;
	}
	.menuSns {
		bottom: 86px;
	}
	.menuSns li {
		padding-right: 6px;
	}
	.menuSns li a {
		font-size: 1.8rem;
	}
	.menuContact {
		line-height: 8.2rem;
	}
	.menuContact a {
		font-size: 1.1rem;
		letter-spacing: 0.06rem;
	}
	.fvText {
		font-size: 1rem;
		letter-spacing: 0.22rem;
	}
	.home #news h2 {
		font-size: 3.6rem;
	}
	.home h2 span {
		font-size: 1.1rem;
	}
	.newsArrow p {
		font-size: 1.05rem;
		letter-spacing: 0.08rem;
	}
	.newsDate {
		font-size: 1.1rem;
		letter-spacing: 0.1rem;
	}
	.newsTitle {
		font-size: 1.85rem;
	}
	.newsContents,
	.noArticles {
		font-size: 1rem;
		line-height: 2rem;
	}
	#message h2 {
		font-size: 2.15rem;
		letter-spacing: 0.05rem;
	}
	#message h2 span {
		letter-spacing: 0.1rem;
	}
	.messageName p {
		font-size: 1.05rem;
		letter-spacing: 0.35rem;
	}
	.messageName h4 {
		font-size: 1.86rem;
		letter-spacing: 0.3rem;
	}
	.messageName h4 span {
		font-size: 1rem;
		letter-spacing: 0.12rem;
	}
	.messageHeader {
		font-size: 2.3rem;
		letter-spacing: 0.15rem;
		line-height: 2.5rem;
	}
	.messageText {
		font-size: 1rem;
		letter-spacing: 0.035rem;
		line-height: 1.9rem;
	}
	#philosophy h2 {
		font-size: 1.72rem;
	}
	#philosophy h2 span {
		letter-spacing: 0.12rem;
	}
	#philosophy h3 {
		font-size: 3.7rem;
	}
	#philosophy h3 p {
		font-size: 1.6vh;
		letter-spacing: 0.06rem;
	}
	.philosophyText {
		font-size: 1rem;
		line-height: 2.3rem;
		letter-spacing: 0.04rem;
	}
	.serviceArea01 p {
		font-size: 1rem;
		letter-spacing: 0.005rem;
		line-height: 2.02rem;
	}
	.serviceArea01 ul li {
		font-size: 4.32rem;
	}
	.serviceArea01 ul li p {
		font-size: 1.42rem;
	}
	#service h2 {
		font-size: 2.65rem;
	}
	#service h2 span {
		letter-spacing: 0.1rem;
	}
	.serviceFlowTitle {
		font-size: 1.24rem;
		letter-spacing: -0.03rem;
	}
	.serviceFlow li {
		font-size: 1.42rem;
	}
	.serviceFlow li:first-child {
		letter-spacing: -0.1rem;
	}
	.serviceLpText {
		font-size: 1rem;
		line-height: 1.9rem;
		letter-spacing: 0.02rem;
	}
	.serviceLp li p {
		font-size: 1.23rem;
	}
	#company h2 {
		font-size: 2.05rem;
	}
	#company h2 span {
		letter-spacing: 0.1rem;
	}
	.companyInfo {
		font-size: 1.05rem;
	}
	.companyInfo td {
		line-height: 2.2rem;
	}
	.companyArea02 h3 {
		font-size: 2.21rem;
	}
	.companyArea02 h3 p {
		font-size: 1rem;
	}
	#contact h2 {
		font-size: 2.03rem;
		letter-spacing: 0.06rem;
	}
	#contact h2 span {
		letter-spacing: 0.1rem;
	}
	.contactWrap {
		font-size: 1rem;
	}
	.contactWrap p {
		letter-spacing: 0.01rem;
	}
	.contactWrap table th {
		letter-spacing: -0.03rem;
	}
	.contactWrap table td input,
	.contactWrap table td select,
	.contactWrap table td textarea {
		font-size: 1rem;
		letter-spacing: 0.08rem;
	}
	.contactWrap table td textarea {
		height: 157px;
	}
	.contactWrap .formBtn::before, .contactWrap .formBtn_back:before {
		font-size: 1.4rem;
	}
	.contactWrap .formBtn input, .contactWrap .formBtn_back input {
		font-size: 1.42rem;
	}
	.contactWrap .thanksMessage {
		line-height: 2.7rem;
		font-size: 1.05rem;
	}
	.home footer {
		font-size: 1rem;
		letter-spacing: 0.02rem;
	}
}
/* ====================================================
	スマホ
==================================================== */
@media screen and (max-width:750px) {
	.loadingImage svg {
		width: 10vw;
		height: auto;
	}
	#container {
		border: solid 0.6vw #070304;
		width: 100vw !important;
		height: initial !important;
		overflow: hidden;
	}
	.home section, .parallax {
		float: none;
	}
	.home h2 {
		border: solid 0.6vw #070304;
		width: 32vw;
		height: 32vw;
		/* transition: none; */
	}
	.home h2 span {
		font-size: 2.4vw;
		margin-left: 4.4vw;
	}
	.br_pc {
		display: none;
	}
	.br_sp {
		display: block;
	}
	header {
		border: solid 0.6vw #070304;
		width: 100vw;
		height: 20vw;
	}
	.menuWrap {
		height: 100%;
	}
	h1.menuLogo {
		border-bottom: none;
		width: 10.7vw;
		height: 100%;
		padding: 2.6vw 0 0 0;
		background-color: #ffffff;
		margin: 0 auto;
	}
	nav {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		background-color: rgba(0, 0, 0, 0.9);
		z-index: 3;
		transition: all .5s;
		right: -100vw;
		opacity: 0;
	}
	.open nav {
		right: 0;
		opacity: 1;
	}
	.menuContents {
		position: absolute;
		top: 36.6vw;
		left: 10.5vw;
		transform: translateY(0);
		z-index: 5;
	}
	.menuContents li {
		margin-bottom: 5.5vw;
	}
	.menuContents li:nth-child(6) {
		display: block;
	}
	.menuContents li a {
		line-height: 7.9vw;
		writing-mode: horizontal-tb;
		letter-spacing: 0.4vw;
		font-size: 7.4vw;
		color: #ffff00;
	}
	.menuSns {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 103.9vw;
		bottom: initial;
		left: 10.7vw;
		transform: translateX(0);
		z-index: 5;
	}
	.menuSns li {
		padding-right: 6.3vw;
	}
	.menuSns li:last-child {
		padding-right: 0;
	}
	.menuSns li a {
		font-size: 10.3vw;
		color: #ffff00;
	}
	.menuContact {
		height: 11.8vw;
		width: 49.4vw;
		top: 121.2vw;
		left: 10.5vw;
		background-color: #ffff00;
		text-align: center;
		line-height: 11.3vw;
		z-index: 5;
		position: absolute;
	}
	.menuContact a {
		color: #000000;
		font-size: 7.5vw;
		letter-spacing: 0.1vh;
		display: block;
	}
	.menuBg {
		display: block;
	}
	.menuBg svg {
		position: absolute;
		width: 112vw;
		top: 58.9vw;
		left: 7.1vw;
		fill: #ffffff;
		opacity: 0.1;
	}
	.toggle_btn {
		display: block;
		position: absolute;
		top: 6.6vw;
		right: 5.9vw;
		width: 9.3vw;
		height: 5.6vw;
		transition: all .5s;
		cursor: pointer;
		z-index: 3;
	}
	.toggle_btn span {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 0.5vw;
		background-color: #070304;
		transition: all .5s;
	}
	.toggle_btn span:nth-child(1) {
		top: 0;
	}
	.toggle_btn span:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}
	.toggle_btn span:nth-child(3) {
		bottom: 0;
	}
	.open .toggle_btn span {
		background-color: #ffff00;
	}
	.open .toggle_btn span:nth-child(1) {
		-webkit-transform: translateY(10px) rotate(-315deg);
		transform: translateY(2.5vw) rotate(-315deg);
	}
	.open .toggle_btn span:nth-child(2) {
		opacity: 0;
	}
	.open .toggle_btn span:nth-child(3) {
		-webkit-transform: translateY(-10px) rotate(315deg);
		transform: translateY(-2.7vw) rotate(315deg);
	}
	#mask {
		display: none;
		transition: all .5s;
	}
	.open #mask {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.4;
		z-index: 2;
		cursor: pointer;
	}
	#fv {
		padding-left: 0;
		width: 100vw;
		height: 159.4vw;
		padding-top: 20vw;
	}
	.fvTitle01 {
		top: 73.3vw;
		left: 5.5vw;
		width: 19.1vw;
	}
	.fvTitle02 {
		top: 78.7vw;
		left: 27.8vw;
		width: 7.2vw;
	}
	.fvTitle03 {
		top: 76vw;
		left: 63.3vw;
		width: 30.3vw;
	}
	.fvLogo {
		top: 72.6vw;
		left: 39.6vw;
		width: 19.5vw;
	}
	.fvLogo .fvLogoText {
		margin-top: 2.4vw;
	}
	.fvText {
		top: 137.1vw;
		left: 25.9vw;
		font-size: 2.6vw;
		letter-spacing: 0.64vw;
	}
	.fvArrow {
		top: 145.9vw;
		right: 51vw;
	}
	.fvArrow p {
		font-size: 1.75vw;
		letter-spacing: 0.2vw;
		writing-mode: vertical-lr;
		transform: scale(-1, -1);
	}
	.fvArrow div {
		height: 100%;
		width: 7.5vw;
		position: absolute;
		top: 0;
		left: -0.3vw;
		transform: rotate(90deg);
	}
	.fvArrow div img {
		left: -10vw;
	}
	.parallax {
		background-position: top center;
		/* transition: none; */
	}
	.parallax01 {
		background-image: url('/wp-content/themes/Number8/img/sp/para01.jpg');
		width: 100vw;
		height: 53.3vw;
	}
	.parallax02 {
		background-image: url('/wp-content/themes/Number8/img/sp/para02.jpg');
		width: 100vw;
		height: 53.3vw;
		z-index: 1;
	}
	.parallax03 {
		background-image: url('/wp-content/themes/Number8/img/sp/para03.jpg');
		width: 100vw;
		height: 53.4vw;
	}
	.home #news {
		width: 100vw;
		height: 160.2vw;
		padding: 53.3vw 0 10vw;
	}
	.home .newsBg svg {
		top: 86vw;
		left: 29.6vw;
		width: 85.4vw;
	}
	.home #news h2 {
		padding-top: 9.8vw;
		font-size: 7.6vw;
		top: 10.7vw;
		left: 50% !important;
		transform: translateX(-50%);
	}
	.home #news h2 span {
		margin-top: 0.3vw;
	}
	.home .newsWrap {
		margin: 0 auto;
		width: 78.8vw;
	}
	.home .newsWrap ul li {
		border-top: solid 0.6vw #070304;
		padding: 5.7vw 0 5vw;
	}
	.home .newsWrap ul li:last-child {
		border-bottom: solid 0.6vw #070304;
	}
	.home .newsArrow {
		top: 135.7vw;
		left: 3.6vw;
		width: 4.5vw;
	}
	.home .newsArrow p {
		font-size: 1.8vw;
		letter-spacing: 0.2vw;
		writing-mode: vertical-lr;
		transform: scale(-1, -1);
		font-weight: 600;
	}
	.home .newsArrow div {
		height: 12vw;
		width: 1.14vw;
		top: 0.5vw;
		left: 2.8vw;
	}
	.home .newsArrow div img {
		top: -12vw;
	}
	.home .newsDate {
		font-size: 2.4vw;
		letter-spacing: 0.2vw;
	}
	.home .newsTitle {
		margin-top: 1.1vw;
		font-size: 4.2vw;
		letter-spacing: -0.25vw;
	}
	.home .newsContents,
	.home .noArticles {
		margin-top: 2.6vw;
		font-size: 2.4vw;
		line-height: 4.8vw;
	}
	#message {
		width: 100vw;
		height: 253.2vw;
		padding-top: 28.1vw;
	}
	.messageWrap {
		margin-left: 0;
		background-image: url('/wp-content/themes/Number8/img/sp/bg.jpg');
	}
	#message h2 {
		top: 10.5vw;
		left: 10.1vw !important;
		width: 32vw;
		padding-top: 11.4vw;
		font-size: 4.6vw;
		letter-spacing: 0.1vw;
	}
	#message h2 span {
		margin-top: 0.9vw;
		letter-spacing: 0.2vw;
	}
	.messageImage {
		padding-top: 25vw;
		width: 93.5vw;
		padding-left: 0;
		margin-left: -0.8vw;
	}
	.messageName {
		top: 96vw;
		padding: 4.6vw 0 4.8vw 5vw;
		width: 62.7vw;
	}
	.messageName p {
		font-size: 2.8vw;
		font-weight: 500;
		letter-spacing: 0.6vw;
		padding-left: 0.4vw;
	}
	.messageName h4 {
		font-size: 4.6vw;
		margin-top: 1.5vw;
		letter-spacing: 1.1vw;
	}
	.messageName h4 span {
		font-size: 1.7vw;
		padding-left: 0.8vw;
		letter-spacing: 0.6vw;
	}
	.messageText {
		padding: 28.8vw 0 0 9.9vw;
		font-size: 2.4vw;
		letter-spacing: 0.12vw;
		font-weight: 400;
		line-height: 4.8vw;
	}
	.messageHeader {
		font-size: 6.8vw;
		letter-spacing: 0.53vw;
		top: 124.7vw;
		left: 10.1vw;
		line-height: 0;
	}
	#philosophy {
		width: 100vw;
		height: 166.6vw;
		padding: 53.2vw 0 0 0;
	}
	.philoBg svg {
		width: 63.4vw;
	}
	.philoBg01 svg {
		top: -13.5vw;
		left: -13.7vw;
	}
	.philoBg02 svg {
		bottom: -18vw;
		left: 51vw;
	}
	#philosophy h2 {
		top: 10.6vw;
		left: 50% !important;
		transform: translateX(-50%);
		border: solid 0.6vw #ffff00;
		font-size: 3.6vw;
		padding-top: 11.4vw;
	}
	#philosophy h2 span {
		margin-top: 0.8vw;
		letter-spacing: 0.2vw;
	}
	#philosophy .philosophyHtext {
				width: 77.1vw;
	}
	#philosophy h3 {
		font-size: 7.9vw;
		padding: 5.2vw 0 6vw 9.8vw;
		width: 77.1vw;
	}
	#philosophy h3 p {
		font-size: 2.4vw;
		margin-top: 0.9vw;
		padding-left: 0.4vw;
		letter-spacing: 0.2vw;
	}
	.philosophyText {
		top: 77.6vw;
		width: 89.7vw;
		padding: 12.1vw 0 6.3vw 7.5vw;
		font-size: 2.36vw;
		line-height: 4.8vw;
		letter-spacing: 0.06vw;
	}
	#service {
		width: 100vw;
		height: 340vw;
		padding-top: 15.7vw;
	}
	.serviceAreaWrap {
		display: block;
		margin-top: 0;
	}
	.serviceArea01 {
		width: 100%;
		padding: 36.4vw 0 8.8vw 9.9vw;
	}
	.serviceArea01 p {
		font-size: 2.6vw;
		letter-spacing: -0.15vw;
		line-height: 4.8vw;
	}
	.serviceArea01 ul {
		margin-top: 4.6vw;
	}
	.serviceArea01 ul li {
		font-size: 9vw;
		margin-bottom: 2.8vw;
		letter-spacing: 0.1vw;
	}
	.serviceArea01 ul li p {
		font-size: 3vw;
		margin-top: -0.7vw;
		letter-spacing: -0.1vw;
	}
	.serviceArea02 {
		width: 100%;
		padding: 10.5vw 11.1vw 0 10vw;
	}
	.serviceBg svg {
		width: 86.2vw;
	}
	.serviceBg01 svg {
		fill: #ffff00;
		top: -9.4vw;
		left: 16.4vw;
	}
	.serviceBg02 svg {
		top: -24.8vw;
		left: 16.4vw;
		fill: #ffffff;
	}
	#service h2 {
		top: 10.7vw;
		left: 10vw !important;
		font-size: 5.5vw;
		padding-top: 11.1vw;
		width: 32vw;
	}
	#service h2 span {
		margin-top: 0.7vw;
		letter-spacing: 0.2vw;
	}
	.serviceFlowTitle {
		font-size: 3vw;
		letter-spacing: 0.1vw;
	}
	.serviceFlow {
		margin-top: 6.5vw;
	}
	.serviceFlow li {
		font-size: 3.5vw;
		padding: 2.9vw 0 3.1vw;
		margin-bottom: 5.8vw;
		letter-spacing: 0.2vw;
		font-weight: 900;
	}
	.serviceFlow li:first-child {
		letter-spacing: -0.2vw;
	}
	.serviceFlow li:last-child {
		letter-spacing: -0.1vw;
	}
	.serviceFlow li:before {
		top: 10.4vw;
		width: 3.5vw;
		height: 3.5vw;
	}
	.serviceLpText {
		margin-top: 13.7vw;
		font-size: 2.5vw;
		line-height: 4.7vw;
		letter-spacing: -0.05vw;
	}
	.serviceLp {
		margin-top: 19.6vw;
	}
	.serviceLp li {
		margin-bottom: 8.2vw;
	}
	.serviceLp li p {
		font-size: 2.8vw;
		margin-bottom: 1.2vw;
	}
	#company {
		width: 100vw;
		/* height: 300vw; */
		display: block;
		padding-left: 0;
	}
	.companyArea01 {
		width: 100%;
		padding: 51.7vw 0vw 71.5vw 10vw;
	}
	.companyArea02 {
		width: 100%;
		padding: 9.8vw 10.7vw 6.5vw;
	}
	.companyBg01 svg {
		top: 97.8vw;
		left: 4.9vw;
		width: 116.2vw;
	}
	.companyBg02 svg {
		top: -91.5vw;
		left: 5.3vw;
		width: 113.3vw;
		z-index: 1;
	}
	#company h2 {
		top: 10.6vw;
		left: 50% !important;
		transform: translateX(-50%);
		border: solid 0.6vw #ffff00;
		font-size: 4.3vw;
		padding-top: 10.8vw;
		width: 32vw;
	}
	#company h2 span {
		margin-top: 0.8vw;
		letter-spacing: 0.2vw;
	}
	.companyInfo {
		width: 100%;
		font-size: 2.8vw;
		font-weight: 400;
	}
	.companyInfo td:nth-of-type(1) {
		width: 26%;
	}
	.companyInfo td:nth-of-type(2) {
		width: 74%;
	}
	.companyInfo td {
		line-height: 5.4vw;
		/* padding-right: 4vw; */
		letter-spacing: 0.1vw;
	}
	.companyMap {
		top: 132.9vw;
		width: 89.1vw;
		height: 46.7vw;
	}
	.companyArea02 h3 {
		font-size: 6.75vw;
		text-align: center;
		letter-spacing: 0.03vw;
		z-index: 1;
		position: relative;
	}
	.companyArea02 h3 p {
		font-size: 2.4vw;
		margin-top: 1.1vw;
	}
	.companyArea02 ul {
		margin-top: 8vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.companyArea02 ul li {
		width: 38.6vw;
		margin-bottom: 4.7vw;
	}
	.companyArea02 ul li a {
		padding: 3.9vw 0 4.4vw 4.5vw;
	}
	.companyArea02 ul li a .companyIcon {
		margin-top: 0.3vw;
		margin-bottom: 0.4vw;
	}
	.companyArea02 ul li:nth-of-type(9) .companyIcon {
		margin-top: 0.6vw;
		margin-bottom: 0.9vw;
	}
	.companyArea02 ul li:nth-of-type(1) .companyName {
		width: 16.6vw;
		margin-left: 4.7vw;
	}
	.companyArea02 ul li:nth-of-type(2) .companyName {
		width: 19.7vw;
		margin-left: 3.3vw;
	}
	.companyArea02 ul li:nth-of-type(3) .companyName {
		width: 10.9vw;
		margin-left: 7.7vw;
	}
	.companyArea02 ul li:nth-of-type(4) .companyName {
		width: 19.2vw;
		margin-left: 3.7vw;
	}
	.companyArea02 ul li:nth-of-type(5) .companyName {
		width: 22.9vw;
		margin-left: 1.7vw;
	}
	.companyArea02 ul li:nth-of-type(6) .companyName {
		width: 12.9vw;
		margin-left: 6.8vw;
	}
	.companyArea02 ul li:nth-of-type(7) .companyName {
		width: 16.1vw;
		margin-left: 5.1vw;
	}
	/* .companyArea02 ul li:nth-of-type(8) .companyName {
		width: 18.4vw;
		margin-left: 4.1vw;
	} */
	.companyArea02 ul li:nth-of-type(8) .companyName {
		width: 21.3vw;
		margin-left: 3.1vw;
	}
	.companyArea02 ul li:nth-of-type(9) .companyName {
		width: 10.8vw;
		margin-left: 7.1vw;
		margin-top: 0.2vw;
	}
	#contact {
		width: 100vw;
		/* height: 275vw; */
	}
	#contact h2 {
		top: 10.6vw;
		left: 50% !important;
		transform: translateX(-50%);
		width: 32vw;
		padding-top: 10.8vw;
		font-size: 4.4vw;
		letter-spacing: 0vw;
	}
	#contact h2 span {
		margin-top: 0.6vw;
		letter-spacing: 0.15vw;
	}
	.contactWrap {
		padding: 52.3vw 10.6vw 12.7vw;
	}
	.contactWrap {
		font-size: 3.15vw;
		text-align: center;
	}
	.contactWrap p {
		letter-spacing: 0.1vw;
		line-height: 4.8vw;
	}
	.contactWrap table {
		width: 100%;
		margin-top: 10.9vw;
	}
	.contactWrap table th,
	.contactWrap table td {
		padding-bottom: 1.8vw;
	}
	.contactWrap table th {
		width: 100%;
		display: block;
		letter-spacing: 0.16vw;
		font-size: 3.3vw;
	}
	.contactWrap table th label span {
		margin-left: 0.8vw;
		padding: 1.1vw 2.2vw 1.1vw;
		font-size: 2.7vw;
	}
	.contactWrap table td {
		width: 100%;
		display: block;
		padding-right: 0;
		padding-bottom: 5.72vw;
	}
	.contactWrap table td input,
	.contactWrap table td select,
	.contactWrap table td textarea {
		padding: 2.2vw 2.3vw;
		border: 0.1vw solid #d7d7d7;
		font-size: 3.25vw;
		letter-spacing: 0.13vh;
	}
	.contactWrap table td textarea {
		height: 66.8vw;
	}
	.contactWrap .mw_wp_form.mw_wp_form_input table td .selectBox:after {
		top: 45%;
	}
	.contactWrap .formBtn,.contactWrap .formBtn_back {
		padding-left: 0;
		margin: 6.7vw auto;
		width: 78.4vw;
	}
	.contactWrap .formBtn::before,.contactWrap .formBtn_back::before {
		left: 62.2vw;
		font-size: 4.2vw;
	}
	.contactWrap .formBtn_back::before {
		left: 12.2vw;
	}
	.contactWrap .formBtn input,.contactWrap .formBtn_back input {
		font-size: 4vw;
		padding: 1.7vw 0 2.2vw;
		width: 100%;
		letter-spacing: 0.2vw;
	}
	.contactWrap .thanksMessage {
		font-size: 2.7vw;
	}
	.home footer {
		position: relative;
		width: 100vw;
		height: 25vw;
		line-height: 30.4vw;
		font-size: 2.5vw;
		letter-spacing: 0.03vw;
		text-align: center;
	}
	/*---------- アニメーション関連 ----------*/
	.fvCursor {
		width: 3vw;
		top: 41.1vw;
		left: 84vw;
	}
	.fvCursor.pre_active {
		animation: dropCursor01 ease 0.8s forwards;
	}
	.fvCursor.active {
		animation: dropCursor02 ease 3.1s forwards;
	}
	@keyframes dropCursor01 {
		0% {
			top: 41.1vw;
			left: 90vw;
			opacity: 1;
		}
		100% {
			top: 41.1vw;
			left: 78.5vw;
			opacity: 1;
		}
	}
	@keyframes dropCursor02 {
		0% {
			top: 41.1vw;
			left: 78.5vw;
			opacity: 1;
		}
		40% {
			top: 78.1vw;
			left: 53.2vw;
			opacity: 1;
		}
		50% {
			top: 78.1vw;
			left: 53.2vw;
			opacity: 0;
		}
		100% {
			top: 78.1vw;
			left: 53.2vw;
			opacity: 0;
		}
	}
	.fvEight {
		width: 19.5vw;
		padding: 1.9vw;
		top: 35vw;
		left: 65vw;
	}
	.fvEight.active {
		animation: dropLogo ease 3.1s forwards;
	}
	@keyframes dropLogo {
		0% {
			top: 35vw;
			left: 65vw;
			opacity: 1;
		}
		40% {
			top: 72.6vw;
			left: 39.6vw;
			opacity: 1;
		}
		70% {
			top: 72.6vw;
			left: 39.6vw;
			opacity: 1;
		}
		100% {
			top: 72.6vw;
			left: 39.6vw;
			opacity: 0;
		}
	}
}

/* ====================================================
	NEWS test
==================================================== */
.add1207 .newsWrap {
	margin-left: 25%;
	overflow: initial;
}
.add1207 .newsWrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: flex-start;
	height: 100%;
}
.add1207 .newsWrap ul li {
	border-top: none;
	padding: 0 0 2.5% 0;
	width: 36%;
}
.add1207 .newsWrap ul li:nth-of-type(1),
.add1207 .newsWrap ul li:nth-of-type(2) {
	margin-top: 0;
}
.add1207 .newsWrap ul li:last-child {
	border-bottom: none;
}
.add1207 .newsInfo {
	margin-top: 3%;
	transition: all 0.1s linear;
}
.add1207 .newsCat,
.add1207 .newsDate {
	display: inline-block;
}
.add1207 .newsCat {
	background-color: #000000;
	color: #ffffff;
	font-size: 1.6vh;
	padding: 1% 5% 2%;
	margin-right: 2%;
}
.add1207 .newsDate {
	font-size: 1.8vh;
	font-weight: 600;
	letter-spacing: 0.15vh;
	vertical-align: -webkit-baseline-middle;
}
.add1207 .newsTitle {
	margin-top: 2%;
	font-size: 2vh;
	font-weight: 600;
	display: block;
	height: 4.6vh;
	line-height: 1.1;
	overflow: hidden;
}
.add1207 .newsContents {
	margin-top: 2.5%;
	font-size: 1.6vh;
	font-weight: 500;
	line-height: 3.3vh;
}
.add1207 .backBtn_wrap {
	position: absolute;
	right: 29.2%;
	bottom: -4.7%;
}
.add1207 .backBtn {
	background-color: #000000;
	width: 222%;
	font-size: 1.92vh;
	text-align: center;
	border: 4px solid #000000;
	transition: all 0.1s linear;
}
.add1207 .backBtn i {
	position: absolute;
	right: -110%;
	top: 30%;
	font-size: 1.7vh;
}
.add1207 .backBtn a {
	color: #ffffff;
	display: block;
	padding: 2.5%;
	letter-spacing: 0.1vh;
	transition: all 0.1s linear;
}

@media screen and (max-height:617px) {
	.add1207 .newsCat {
		font-size: 1rem;
	}
	.add1207 .newsDate {
		font-size: 1.05rem;
		letter-spacing: 0.09rem;
	}
	.add1207 .newsTitle {
		font-size: 1.17rem;
		height: 2.9rem;
	}
	.add1207 .newsContents {
		font-size: 1.6vh;
		line-height: 3.3vh;
	}
	.add1207 .backBtn {
		font-size: 1.18rem;
	}
	.add1207 .backBtn i {
		right: -128%;
		top: 30%;
		font-size: 1.7vh;
	}
	.add1207 .backBtn a {
		letter-spacing: 0.06rem;
	}
}

/* ====================================================
	NEWS archive and single
==================================================== */
.page #container,
.single #container {
	width: 100%;
	background-image: url('/wp-content/themes/Number8/img/news_bg_02.jpg');
	background-size: cover;
	background-position: top center;
	height: 100%;
	padding: 0 12.9vh;
}
.page #container_inner,
.single #container_inner {
	background-color: #ffffff;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
	position: relative;
	padding-bottom: 230px;
}
.page .archives,
.single .detail {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.page h2,
.single h2 {
	border: solid 4px #070304;
	width: 230px;
	height: 230px;
	text-align: center;
	position: absolute;
	top: 200px;
	left: 0px;
	font-weight: 700;
	z-index: 5;
	font-size: 5.4rem;
	padding-top: 72px;
	background-color: #ffff00;
}
.page h2 span,
.single h2 span {
	display: block;
	text-align: left;
	font-size: 1.7rem;
	margin-left: 31px;
}
.page .headerImg,
.single .headerImg {
	padding: 55px 0 95px 170px;
}
.page .newsWrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.page .newsWrap ul::after{
	content:"";
	display: block;
	width:29%;
}
.page .newsWrap ul li {
	width: 29%;
	margin-top: 50px;
}
.page .newsWrap ul li:nth-of-type(1),
.page .newsWrap ul li:nth-of-type(2),
.page .newsWrap ul li:nth-of-type(3) {
	margin-top: 0;
}
.newsImg {
	border: 4px solid #000000;
	overflow: hidden;
	transition: all 0.1s linear;
	background: #ffffff;
}
.newsImg img {
	transition: all 0.1s linear;
	width: 100%;
	height: 100%;
}
.page .newsInfo {
		margin-top: 3%;
		transition: all 0.1s linear;
}
.page .newsCat,
.page .newsDate {
	display: inline-block;
}
.page .newsCat {
	background-color: #000000;
	color: #ffffff;
	font-size: 1.5rem;
	padding: 1% 5% 2%;
	margin-right: 2%;
}
.page .newsDate {
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: 0.13rem;
	vertical-align: -webkit-baseline-middle;
}
.page .newsTitle {
	margin-top: 2%;
	font-size: 1.9rem;
	font-weight: 600;
	display: block;
	line-height: 1.1;
	height: 4rem;
	overflow: hidden;
}
.page .newsBg svg,
.single .newsBg svg {
	position: absolute;
	bottom: -260px;
	left: 540px;
	width: 750px;
	fill: #ffff00;
	z-index: 0;
}
.page footer,
.single footer {
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	padding: 30px 0;
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
}
.single .newsDate {
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0.14rem;
}
.single .newsTitle {
	margin-top: 11px;
	font-size: 2.8rem;
	font-weight: 600;
}
.single .newsContents,
.single .noArticles {
	margin: 30px 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.06;
}
.single .newsContents a {
	color: #939393;
	transition: all 0.1s linear;
}
.single .backBtn_wrap,
.page .backBtn_wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 110px;
}
.single .backBtn,
.page .backBtn {
	background-color: #000000;
	width: 297px;
	font-size: 1.8rem;
	text-align: center;
	border: 4px solid #000000;
	transition: all 0.1s linear;
}
.single .backBtn i,
.page .backBtn i {
	position: absolute;
	left: 20px;
	top: 11px;
	font-size: 1.5rem;
}
.single .backBtn a,
.page .backBtn a {
	color: #ffffff;
	display: block;
	padding: 6px;
	transition: all 0.1s linear;
}
.page .backBtn a  {
	letter-spacing: 3px;
}
.single .backBtn a  {
	letter-spacing: 1px;
}


@media screen and (max-width:750px) {
	.add1207 #news {
		height: initial;
		padding: 53.3vw 0 15vw;
	}
	.add1207 .newsBg svg {
		top: initial;
		bottom: -12vw;
	}
	.add1207 .newsWrap {
		margin: 0 auto;
	}
	.add1207 .newsWrap ul {
		justify-content: space-between;
		margin-bottom: 10vw;
	}
	.add1207 .newsWrap ul li {
		padding: 0 0 5vw 0;
		width: 47.5%;
	}
	.add1207 .newsInfo {
		margin-top: 2vw;
	}
	.add1207 .newsCat {
		font-size: 2.4vw;
		padding: 0.7vw 3vw 1vw;
		margin-right: 1.6vw;
	}
	.add1207 .newsDate {
		font-size: 3vw;
		letter-spacing: 0.15vw;
	}
	.add1207 .newsTitle {
		margin-top: 1vw;
		font-size: 3.2vw;
		height: 7vw;
		letter-spacing: 0;
	}
	.add1207 .backBtn_wrap {
		position: relative;
		right: initial;
		bottom: initial;
	}
	.add1207 .backBtn {
		width: 100%;
		font-size: 4vw;
	}
	.add1207 .backBtn i {
		right: 5vw;
		top: 50%;
		transform: translateY(-50%);
		font-size: 3vw;
	}
	.add1207 .backBtn a {
		padding: 3vw;
		letter-spacing: 0.2vw;
	}
	div#breadcrumb{
		width: 78.8vw;
    margin: 0 auto 3vw;
	}
	div#breadcrumb ul li{
    font-size: 3vw;
    line-height: 4;
	}
	.page #container,
	.single #container {
		width: 100%;
		background-image: none;
		background-size: cover;
		background-position: top center;
		height: 100%;
		padding: 0;
	}
	.page #container_inner,
	.single #container_inner {
		width: 100%;
		padding-bottom: 0;
		padding-top: 19vw;
	}
	.page .archives,
	.single .detail {
		width: 100%;
	}
	.page .header_wrap,
	.single .header_wrap  {
		margin-left: 0;
		position: relative;
		padding-bottom: 22vw;
	}
	.single article {
		width: 78.8vw;
		margin: 0 auto;
	}
	.page .newsWrap,
	.single .newsWrap {
		width: 78.8vw;
		margin: 0 auto 15vw;
	}
	.page h2,
	.single h2 {
		border: solid 0.6vw #070304;
		width: 32vw;
		height: 32vw;
		top: 27vw;
		left: 10vw;
		font-size: 7.6vw;
		padding-top: 9.8vw;
	}
	.page h2 span,
	.single h2 span {
		font-size: 2.4vw;
		margin-left: 4.4vw;
	}
	.page .headerImg,
	.single .headerImg {
		padding: 0 0 0 0;
	}
	.page .newsWrap ul {
	}
	.page .newsWrap ul::after{
		content:"";
		display: block;
		width:29%;
	}
	.page .newsWrap ul li {
		width: 47.5%;
		margin-top: 5vw;
	}
	.page .newsWrap ul li:nth-of-type(3) {
		margin-top: 5vw;
	}
	.newsImg {
		border: 0.6vw solid #000000;
	}
	.page .newsInfo {
			margin-top: 2.5vw;
	}
	.page .newsCat,
	.page .newsDate {
		display: inline-block;
	}
	.page .newsCat {
		font-size: 2.2vw;
		padding: 0.7vw 3vw 1vw;
		margin-right: 1.6vw;
	}
	.page .newsDate {
		font-size: 2.8vw;
		letter-spacing: 0.15vw;
	}
	.page .newsTitle {
		margin-top: 0.5vw;
		font-size: 3.2vw;
		height: 7vw;
	}
	.page .newsBg svg,
	.single .newsBg svg {
		position: absolute;
		bottom: -10vw;
		left: 26.6vw;
		width: 90vw;
	}
	.page footer,
	.single footer {
		font-size: 2.5vw;
		height: 25vw;
		line-height: 30.4vw;
		letter-spacing: 0.03vw;
		padding: 0;
		position: relative;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}
	.single .newsDate {
		font-size: 3vw;
		font-weight: 600;
		letter-spacing: 0.15vw;
	}
	.single .newsTitle {
		margin-top: 1.5vw;
		font-size: 3.6vw;
	}
	.single .newsContents,
	.single .noArticles {
		margin: 3.5vw 0 15vw;
		font-size: 2.6vw;
	}
	.single .newsContents a {
		color: #939393;
		transition: all 0.1s linear;
	}
	.single .backBtn_wrap,
	.page .backBtn_wrap {
		position: relative;
		left: initial;
		transform: translateX(0);
		bottom: initial;
		width: 78.8vw;
		margin: 0 auto;
	}
	.single .backBtn,
	.page .backBtn {
		width: 100%;
		font-size: 4vw;
	}
	.single .backBtn i,
	.page .backBtn i {
		left: 5vw;
		top: 50%;
		transform: translateY(-50%);
		font-size: 3vw;
	}
	.page .backBtn a,
	.single .backBtn a {
		padding: 3vw;
	}
	.page .backBtn a  {
		letter-spacing: 0.2vw;
	}
	.single .backBtn a {
		letter-spacing: 0.1vw;
	}
}

@media (hover: hover) and (pointer: fine) {
	.menuContact:hover {
		background-color: #ffff00;
	}
	.menuContact:hover a {
		color: #070304;
	}
	.menuContents li:hover:after {
		height: 100%;
	}
	.menuSns li:hover {
		opacity: 0.6;
	}
	.home .newsContents a:hover {
		color: #070304;
	}
	.add1207 .newsWrap ul li:hover .newsImg,
	.page .newsWrap ul li:hover .newsImg {
		border: solid 4px rgba(0, 0, 0, 0.7);
	}
	.add1207 .newsWrap ul li:hover .newsImg img,
	.page .newsWrap ul li:hover .newsImg img {
		transform: scale(1.05);
		opacity: 0.7;
	}
	.add1207 .newsWrap ul li:hover .newsInfo,
	.page .newsWrap ul li:hover .newsInfo {
		opacity: 0.7;
	}
	.companyArea02 ul li a:hover {
		background-color: #ffffff;
	}
	.companyArea02 ul li a:hover img {
		opacity: 0;
	}
	.companyArea02 ul li:nth-of-type(1) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/g_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(1) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/g_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(2) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/f_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(2) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/f_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(3) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/e_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(3) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/e_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(4) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/d_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(4) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/d_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(5) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/c_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(5) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/c_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(6) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/b_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(6) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/b_name_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(7) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/a_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(7) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/a_name_h.svg?version=210929);
	}
	/* .companyArea02 ul li:nth-of-type(8) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/p_icon_h.svg?version=210929);
	}
	.companyArea02 ul li:nth-of-type(8) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/p_name_h.svg?version=210929);
	} */
	.companyArea02 ul li:nth-of-type(8) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/one_icon_h.svg);
	}
	.companyArea02 ul li:nth-of-type(8) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/one_name_h.svg);
	}
	.companyArea02 ul li:nth-of-type(9) a:hover .companyIcon {
		background-image: url(/wp-content/themes/Number8/img/l_icon_h.svg);
	}
	.companyArea02 ul li:nth-of-type(9) a:hover .companyName {
		background-image: url(/wp-content/themes/Number8/img/l_name_h.svg);
	}
	.contactWrap .formBtn:hover input,
	.contactWrap .formBtn_back:hover input {
		color: #070304;
		background-color: #ffffff;
	}
	.contactWrap .formBtn:hover:before,
	.contactWrap .formBtn_back:hover:before {
		color: #070304;
	}
	.add1207 .backBtn:hover,
	.page .backBtn:hover,
	.single .backBtn:hover {
		background-color: #ffffff;
	}
	.add1207 .backBtn:hover a,
	.page .backBtn:hover a,
	.single .backBtn:hover a {
		color: #000000;
	}
	.single .newsContents a:hover {
		color: #070304;
	}
	.single .newsContents a:hover {
		color: #070304;
	}
}

/* ====================================================
	404ページ
==================================================== */
.error404 #container{
	width: 100%;
	background-image: url('/wp-content/themes/Number8/img/news_bg_02.jpg');
	background-size: cover;
	background-position: top center;
	height: 100%;
	padding: 0 12.9vh;
}
.error404 #container_inner {
	background-color: #ffffff;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
	position: relative;
	padding-bottom: 230px;
}
.error404 h3{
	font-size: 4rem;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	margin-top: 110px;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.error404 p{
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
}
.error404 .errortitle_wrap p{
	font-size: 30px;
	line-height: 2;
}
.error404 .error_wrap p{
	font-size: 20px;
	z-index: 6;
	position: relative;
	width: 60%;
	margin: 50px auto;
	line-height: 1.5;
}
.error404 .newsBg svg{
	position: absolute;
	bottom: -260px;
	left: 540px;
	width: 750px;
	fill: #ffff00;
	z-index: 0;
}
.error404 .backBtn_wrap{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 110px;
}
.error404 .backBtn{
	background-color: #000000;
	width: 297px;
	font-size: 1.8rem;
	text-align: center;
	border: 4px solid #000000;
	transition: all 0.1s linear;
}
.error404 .backBtn i{
	position: absolute;
	left: 20px;
	top: 11px;
	font-size: 1.5rem;
}
.error404 .backBtn a{
	color: #ffffff;
	display: block;
	padding: 6px;
	transition: all 0.1s linear;
	letter-spacing: 1px;
}
.error404 footer {
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 0.03rem;
	padding: 30px 0;
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
}
@media screen and (max-width:750px) {
	.error404 #container{
		width: 100%;
		background-image: none;
		background-size: cover;
		background-position: top center;
		height: 100%;
		padding: 0;
	}
	.error404 #container_inner{
		width: 100%;
		padding-bottom: 0;
		padding-top: 19vw;
	}
	.error404 article{
    width: 78.8vw;
    margin: 0 auto;
		z-index: 2;
    position: relative;
	}
	.error404 h3{
		font-size: 3.5vw;
    margin-top: 18vw;
	}
	.error404 .errortitle_wrap p{
		font-size: 3.4vw;
	}
	.error404 .error_wrap p{
		width: 100%;
    font-size: 2.9vw;
	}
	.error404 .newsBg svg{
		position: absolute;
    bottom: -10vw;
    left: 26.6vw;
    width: 90vw;
	}
	.error404 .backBtn_wrap{
		position: relative;
    left: initial;
    transform: translateX(0);
    bottom: initial;
    width: 78.8vw;
    margin: 0 auto;
	}
	.error404 .backBtn{
		width: 100%;
    font-size: 4vw;
	}
	.error404 .backBtn i{
	left: 5vw;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3vw;
	}
	.error404 footer{
		font-size: 2.5vw;
		height: 25vw;
		line-height: 30.4vw;
		letter-spacing: 0.03vw;
		padding: 0;
		position: relative;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}
}