@charset "utf-8";
/* Box sizing rules */
/* Box sizingの定義 */
*,
*::before,
*::after {
	box-sizing: border-box;
}
 
/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul[class],
ol[class] {
	padding: 0;
}
 
/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}
 
/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-feature-settings : "palt";
	color: #333333;
	/* letter-spacing: 0.075em; */
}
 
/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class],
ol[class] {
	list-style: none;
}
 
/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
	text-decoration-skip-ink: auto;
}
 
/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img {
	vertical-align: bottom;
}
 
/* Natural flow and rhythm in articles by default */

 
/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
	font: inherit;
	appearance: none;
	-webkit-appearance: none;
}
 
/* その他 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr{
	margin: 0px;
	padding: 0px;
}
a{
	outline:none;
	text-decoration:none;
	color: #000000;
}
a img{
	border:none;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
 
/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
/* PC ================================================== */
@media all and (min-width:960px){
.tablet,
.sp {
	display: none;
}
.pc {
	display: inline-block;
}
.pc-img {
	display: block;
}
.sp-img {
	display: none;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
#cursor {
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #000000;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	pointer-events: none;
	z-index: 9999;
	-webkit-transform-origin: 200% 200%;
	transform-origin: 200% 200%;
	display: none;
}
#cursor.active {
	transform: scale(0);
}
#stalker {
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #1D2B62;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	transition: 0.2s;
	opacity: .8;
	pointer-events: none;
	z-index: 2900;
}
#stalker.active {
	transform: scale(2.5);
	-webkit-transform-origin: 90% 75%;
	transform-origin: 90% 75%;
}

h1{}

h2{
	font-size: 3rem;
	font-family: din-condensed, sans-serif;
	line-height: 1.3;
	letter-spacing: 0.15rem;
}
	h2 span {
		font-size: 1rem;
		font-weight: 300;
		letter-spacing: 0.15em;
	}
h3{}

h4{}

h5{}

header {
	width: 100%;
	height: 75px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	transition: all .6s;
	-webkit-transition: all .6s;
}
	.header--inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
		.header--logo {
			width: auto;
			padding: 0px 30px;
			margin-left: 0px;
			margin-right: auto;
			display: flex;
		}
			.header--logo a {
				width: 305px;
				height: 30px;
				display: inline-block;
				position: relative;
			}
				.header--logo a img {
					width: auto;
					height: 100%;
					position: absolute;
					transition: all .6s;
					-webkit-transition: all .6s;
				}
				.header--logo_bk {
					opacity: 0.0;
				}
				.header--logo_wh {
					opacity: 1.0;
				}

		.header--menu {
			position: relative;
			top: -2px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			line-height: 1.5;
		}
			.header--menu--item {
				margin-right: 15px;
				font-size: 14px;				
				font-weight: 700;
			}
			.header--menu--item:last-of-type {
				margin-right: 15px;
			}
				.header--menu--item a {
					width: 95px;
					display: block;
					color: #ffffff;
					text-align: center;
					overflow: hidden;
					height: 1.5em;
					transition: all .6s;
					-webkit-transition: all .6s;
				}
					.header--menu--item a span {
						position: relative;
						display: inline-block;
						-webkit-transition: -webkit-transform 0.3s;
						-moz-transition: -moz-transform 0.3s;
						transition: transform 0.3s;
					}
					.header--menu--item a span:before {
						letter-spacing: 0.05em;
						position: absolute;
						top: 100%;
						left: 50%;
						font-weight: 700;
						-webkit-transform: translate3d(-50%,0,0);
						-moz-transform: translate3d(-50%,0,0);
						transform: translate3d(-50%,0,0);
					}
					.header--menu--item a:hover span {
						display: inline-block;
						-webkit-transform: translateY(-100%);
						-moz-transform: translateY(-100%);
						transform: translateY(-100%);
					}
					.header--menu01 span:before {
						content: 'GREETINHG';
					}
					.header--menu02 span:before {
						content: 'COMPANY';
					}
					.header--menu03 span:before {
						content: 'WORKS';
					}
					.header--menu04 span:before {
						content: 'PRODUCT';
					}
					.header--menu05 span:before {
						content: 'BUSINESS';
					}
					.header--menu06 span:before {
						content: 'CONTACT';
					}

		.header--contact {
			width: 90px;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.header--contact a {
				display: inline-block;
				width: 40px;
				height: 40px;
				border: solid 1px #000000;
				border-radius: 50%;
				position: relative;
			}
				.header--contact a img {
					width: 16px;
					height: auto;
					position: absolute;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
				}

.small-header {
	background-color: #ffffff;
	height: 90px;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.1));
}
	.small-header .header--logo_bk {
		opacity: 1.0;
	}
	.small-header .header--logo_wh {
		opacity: 0.0;
	}
			.small-header .header--menu--item a {
				color: #000000;
			}

.header_nav_button_area {
	width: 110px;
	height: 100%;
}
	.header_nav_buttonPC {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 0;
		text-align: center;
		background-color: #1D2B62;
		outline: none;
		border: none;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
		cursor: pointer;
	}
	.header_nav_buttonPC span {
		display: inline-block;
		width: 42px;
		height: 1px;
		background-color: #ffffff;
		position: relative;
		top: -2px;
	}
	.header_nav_buttonPC span:before {
		content: "";
		display: inline-block;
		width: 42px;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		top: -10px;
		left: 0;
	}

#nav_container {
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
	.header_contaiver_nav {
		width: 100%;
		height: 75px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		display: flex;
		justify-content: flex-end;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}
	.small-header .header_contaiver_nav {
		height: 60px;
	}
		.header_nav_buttonPC_close {
			display: inline-block;
			width: 110px;
			height: 100%;
			padding: 0;
			text-align: center;
			background-color: #ffffff;
			outline: none;
			border: none;
			-moz-transition: all 0.6s;
			-o-transition: all 0.6s;
			-webkit-transition: all 0.6s;
			transition: all 0.6s;
			cursor: pointer;
		}
			.header_nav_buttonPC_close span {
				display: inline-block;
				width: 42px;
				height: 1px;
				margin-bottom: 5px;
				background-color: #1D2B62;
				position: relative;
				top: -2px;
			}
	.nav_container_inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
		.nav_container_left {
			width: 55%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			background-image: url(../image/index/main_image01.jpg);
			position: relative;
		}
			.menu_link_image {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
			}
			.image_show {
				opacity: 1.0;
			}
			.menu_link_image01 {
				background-image: url(../image/greeting--top.jpg);
			}
			.menu_link_image02 {
				background-image: url(../image/index/main_image01.jpg);
			}
			.menu_link_image03 {
				background-image: url(../image/index/WEB_CREATIVE.jpg);
			}
			.menu_link_image04 {
				background-image: url(../image/index/product_image01.jpg);
			}
			.menu_link_image05 {
				background-image: url(../image/index/SOFT_WEAR.jpg);
			}
			.menu_link_image06 {
				background-image: url(../image/index/main_image03.jpg);
			}

		.nav_container_right {
			width: 45%;
			height: 100%;
			position: relative;
			background-color: #1F1D59;
		}
			.nav_contents {
				position: absolute;
				top: 55%;
				left: 35%;
				transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
			}
				.nav_contents_logo {
					width: 250px;
					margin-bottom: 40px;
				}
					.nav_contents_logo a {
						width: 100%;
					}
						.nav_contents_logo a img {
							width: 100%;
						}
				.nav_contents_menu {
					padding-left: 20px;
					line-height: 1.5;
				}
					.nav_contents_menu_list {
						list-style: none;
						vertical-align: middle;
					}
					.nav_contents_menu_list li {
						margin-bottom: 20px;
					}
						.nav_contents_menu_item a {
							width: 120px;
							display: block;
							color: #ffffff;
							overflow: hidden;
							font-size: 18px;
							transition: all .6s;
							-webkit-transition: all .6s;
						}
							.nav_contents_menu_item a span {
								position: relative;
								display: inline-block;
								-webkit-transition: -webkit-transform 0.3s;
								-moz-transition: -moz-transform 0.3s;
								transition: transform 0.3s;
							}
							.nav_contents_menu_item a span:before {
								letter-spacing: 0.05em;
								position: absolute;
								top: 100%;
								left: 0%;
								font-weight: 700;
								-webkit-transform: translate3d(0,0,0);
								-moz-transform: translate3d(0,0,0);
								transform: translate3d(0,0,0);
							}
							.nav_contents_menu_item a:hover span {
								display: inline-block;
								-webkit-transform: translateY(-100%);
								-moz-transform: translateY(-100%);
								transform: translateY(-100%);
							}

footer {
	width: 100%;
	padding: 85px 0px 60px;
	background-color: #100C39;
	color: #FFFFFF;
}
	.footer--inner {
		width: 100%;
		max-width: 1000px;
		margin: auto auto;
	}
		.footer--logo {
			width: 120px;
			height: auto;
			margin-bottom: 25px;
		}
			.footer--logo img {
				width: 100%;
				height: auto;
			}
		.footer--contents {
			width: 100%;
			display: flex;
			justify-content: flex-end;
			align-items: flex-start;
		}
			.footer--info {
				width: auto;
				margin: 0px auto 0px 0px;
			}
				.footer--info01 {
					margin-bottom: 30px;
					font-size: 12px;
					font-weight: 700;
				}
				.footer--info02 {
					margin-bottom: 10px;
					font-size: 14px;
					font-weight: 700;
				}
				.footer--info03 {
					display: block;
					width: 220px;
					height: auto;
					margin-bottom: 50px;
				}
				.footer--info04 {
					display: block;
					width: 65px;
					height: auto;
				}

			.footer--menu {
				margin-right: 50px;
			}
				.footer--menu dl {
					width: 100%;
					line-height: 1.0;
				}
					.footer--menu dl dt {
						width: 100%;
						margin-bottom: 25px;
						font-size: 18px;
						font-family: din-condensed, sans-serif;
						font-weight: 400;
						letter-spacing: 0.05em;
					}
					.footer--menu dl dd {
						width: 100%;
					}
						.footer--menu dl dd ul {
							width: 100%;
							padding: 0;
							margin: 0;
							list-style: none;
						}
							.footer--menu dl dd ul li {
								width: 100%;
								margin-bottom: 15px;
							}
								.footer--menu dl dd ul li a {
									font-size: 14px;
									font-weight: 500;
									color: #ffffff;
									letter-spacing: 0.05em;
								}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
.pc,
.sp {
	display: none;
}
.tablet {
	display: inline-block;
}
.pc-img {
	display: none;
}
.sp-img {
	display: block;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
h1{}

h2{
	font-size: 28px;
	font-family: din-condensed, sans-serif;
	line-height: 1.0;
	letter-spacing: 0.0em;
}
	h2 span {
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 0.15em;
	}

h3{}

h4{}

h5{}

header {
	width: 100%;
	height: 95px;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
	.header--inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
		.header--logo {
			width: auto;
			height: 50px;
			margin-left: 20px;
		}
			.header--logo a {
				width: auto;
				height: 100%;
				display: inline-block;
			}
				.header--logo a img {
					width: auto;
					height: 100%;
				}

		.header_nav_button_area {
			width: 95px;
			height: 95px;
			position: absolute;
			top: 0px;
			right: 0;
		}
			.header_nav_button {
				display: inline-block;
				width: 100%;
				height: 100%;
				padding: 0px;
				text-align: center;
				background-color: rgba(0, 0, 0, 0);
				outline: none;
				border: none;
			}
			.header_nav_button span {
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #1F1B59;
				position: relative;
				top: -2px;
			}
			.header_nav_button span:before {
				content: "";
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #1F1B59;
				position: absolute;
				top: -10px;
				left: 0;
			}

		.sp_header_contents	{
			width: 100%;
			height: 100vh;
			height: calc(var(--vh, 1vh) * 100);
			background-color: #1F1D59;
			position: fixed;
			top: 0;
			left: 0;
			display: none;
			text-align: center;
		}
			.header_nav_button_close {
				display: inline-block;
				width: 100%;
				height: 100%;
				text-align: center;
				background-color: rgba(0, 0, 0, 0);
				outline: none;
				border: none;
				position: absolute;
				top: 0;
				right: 0;
			}
			.header_nav_button_close span {
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #ffffff;
				position: relative;
				top: -7px;
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
			}
			.header_nav_button_close span:after {
				content: "";
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #ffffff;
				position: absolute;
				top: 0px;
				left: 0;
				transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
			}
			.sp_header_contents_menu--header {
				width: 100%;
				height: 95px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.sp_header_contents_menu {
				width: 80%;
				height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				pointer-events: none;
			}
				.sp_header_contents_menu_list {
					width: 100%;
					margin: auto auto 30px;
					list-style: none;
					font-size: 14px;
					font-weight: 700;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
				}
					.sp_header_contents_menu_li {

					}
					.sp_header_contents_menu_li:last-child {

					}
						.sp_header_contents_menu_li a {
							display: inline-block;
							width: 100%;
							padding: 18px 0px;
							margin: auto auto;
							color: #ffffff;
							line-height: 1.0;
							text-align: center;
							pointer-events: auto;
						}

			.header--contact {
				width: 100%;
				height: 90px;
				background-color: #FFF900;
				position: absolute;
				bottom: 0px;
				left: 0px;
			}
				.header--contact a {
					width: 100%;
					height: 100%;
					font-family: din-condensed, sans-serif;
					color: #333333;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.header--contact_en {
						margin-right: 15px;
						font-size: 32px;
						letter-spacing: 0.0em;
					}
						.header--contact_ja {
							font-size: 14px;
							font-weight: 700;
						}

#nav_container {
	display: none;
}

footer {
	width: 100%;
	padding: 85px 0px 60px;
	background-color: #100C39;
	color: #FFFFFF;
}
	.footer--inner {
		width: 80%;
		margin: auto auto;
	}
		.footer--logo {
			width: 95px;
			height: auto;
			margin-bottom: 25px;
		}
			.footer--logo img {
				width: 100%;
				height: auto;
			}
		.footer--contents {
			width: 100%;
			margin: auto auto;
		}
			.footer--info {
				width: auto;
				margin: 0px auto 0px 0px;
			}
				.footer--info01 {
					margin-bottom: 30px;
					font-size: 15px;
					font-weight: 700;
				}
				.footer--info02 {
					margin-bottom: 10px;
					font-size: 18px;
					font-weight: 700;
				}
				.footer--info03 {
					display: block;
					width: 300px;
					height: auto;
					margin-bottom: 50px;
				}
				.footer--info04 {
					display: block;
					width: 65px;
					height: auto;
				}

			.footer--menu {
				display: none;
			}
}

/* SP ================================================== */
@media all and (max-width:559px){
.pc,
.tablet {
	display: none;
}
.sp {
	display: inline-block;
}
.pc-img {
	display: none;
}
.sp-img {
	display: block;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
h1{}

h2{
	font-size: 28px;
	font-family: din-condensed, sans-serif;
	line-height: 1.0;
	letter-spacing: 0.0em;
}
	h2 span {
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 0.15em;
	}

h3{}

h4{}

h5{}

header {
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
	.header--inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
		.header--logo {
			width: auto;
			height: 35px;
			margin-left: 20px;
		}
			.header--logo a {
				width: auto;
				height: 100%;
				display: inline-block;
			}
				.header--logo a img {
					width: auto;
					height: 100%;
				}

		.header_nav_button_area {
			width: 70px;
			height: 70px;
			position: absolute;
			top: 0px;
			right: 0;
		}
			.header_nav_button {
				display: inline-block;
				width: 100%;
				height: 100%;
				padding: 0px;
				text-align: center;
				background-color: rgba(0, 0, 0, 0);
				outline: none;
				border: none;
			}
			.header_nav_button span {
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #1F1B59;
				position: relative;
				top: -2px;
			}
			.header_nav_button span:before {
				content: "";
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #1F1B59;
				position: absolute;
				top: -10px;
				left: 0;
			}

		.sp_header_contents	{
			width: 100%;
			height: 100vh;
			height: calc(var(--vh, 1vh) * 100);
			background-color: #1F1D59;
			position: fixed;
			top: 0;
			left: 0;
			display: none;
			text-align: center;
		}
			.header_nav_button_close {
				display: inline-block;
				width: 100%;
				height: 100%;
				text-align: center;
				background-color: rgba(0, 0, 0, 0);
				outline: none;
				border: none;
				position: absolute;
				top: 0;
				right: 0;
			}
			.header_nav_button_close span {
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #ffffff;
				position: relative;
				top: -7px;
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
			}
			.header_nav_button_close span:after {
				content: "";
				display: inline-block;
				width: 35px;
				height: 1px;
				background-color: #ffffff;
				position: absolute;
				top: 0px;
				left: 0;
				transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
			}
			.sp_header_contents_menu--header {
				width: 100%;
				height: 70px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.sp_header_contents_menu {
				width: 80%;
				height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				pointer-events: none;
			}
				.sp_header_contents_menu_list {
					width: 100%;
					margin: auto auto 30px;
					list-style: none;
					font-size: 14px;
					font-weight: 700;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
				}
					.sp_header_contents_menu_li {

					}
					.sp_header_contents_menu_li:last-child {

					}
						.sp_header_contents_menu_li a {
							display: inline-block;
							width: 100%;
							padding: 18px 0px;
							margin: auto auto;
							color: #ffffff;
							line-height: 1.0;
							text-align: center;
							pointer-events: auto;
						}

			.header--contact {
				width: 100%;
				height: 70px;
				background-color: #FFF900;
				position: absolute;
				bottom: 0px;
				left: 0px;
			}
				.header--contact a {
					width: 100%;
					height: 100%;
					font-family: din-condensed, sans-serif;
					color: #333333;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.header--contact_en {
						margin-right: 15px;
						font-size: 32px;
						letter-spacing: 0.0em;
					}
						.header--contact_ja {
							font-size: 14px;
							font-weight: 700;
						}

#nav_container {
	display: none;
}

footer {
	width: 100%;
	padding: 85px 0px 60px;
	background-color: #100C39;
	color: #FFFFFF;
}
	.footer--inner {
		width: 80%;
		margin: auto auto;
	}
		.footer--logo {
			width: 95px;
			height: auto;
			margin-bottom: 25px;
		}
			.footer--logo img {
				width: 100%;
				height: auto;
			}
		.footer--contents {
			width: 100%;
			margin: auto auto;
		}
			.footer--info {
				width: auto;
				margin: 0px auto 0px 0px;
			}
				.footer--info01 {
					margin-bottom: 30px;
					font-size: 16px;
					font-weight: 700;
				}
				.footer--info02 {
					margin-bottom: 10px;
					font-size: 20px;
					font-weight: 700;
				}
				.footer--info03 {
					display: block;
					width: 100%;
					height: auto;
					margin-bottom: 50px;
				}
				.footer--info04 {
					display: block;
					width: 65px;
					height: auto;
				}

			.footer--menu {
				display: none;
			}
}