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

body {
	margin:0;
	padding:0;
	font-size: 0.8vmax;
	letter-spacing: 0.1em;
	font-family:"Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProN W1", "Hiragino Kaku Gothic Pro", sans-serif;
}
@media screen and (max-width:1920px) {
	body {font-size: 1vmax;}
}
@media screen and (max-width:1400px) {
	body {font-size: 1.3vmax;}
}
* {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color:#000;
}
ul {
	padding:0;
}
li {
	list-style: none;
}
img,svg {
	display: block;
	width:100%;
	height: auto;
}
.pc_none {
	display: none;
}
.body_inner {
	position: relative;
	width:100%;
	background:#ffffff;
}

/*------------------------------
 loading
------------------------------*/

#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:#d60e19;
	text-align:center;
	color:#fff;
}
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#splash_logo img {
	width:260px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeUpAnime{
	from {opacity: 0;transform: translateY(100px);}
	to {opacity: 1;transform: translateY(0);}
}

/*------------------------------
 header
------------------------------*/

#header {
	width:100%;
	background:#d60e19;
	padding:1em 1.2em;
}
.header_logo {
	display: block;
	width:8%;
	height: auto;
}

/*------------------------------
 mv
------------------------------*/

.mv {
	width:auto;
	height: calc(100vh - 1.7em);
	position: relative;
	margin:-1em auto 0 auto;
}
.mv_background {
	width:auto;
	height: 100%;
	margin:0 auto;
	opacity: 0;
	animation: fadein 1s ease 2.5s;
	animation-fill-mode: forwards;
}
@keyframes fadein {
	100% {opacity: 1;}
}
.mv_open {
	position: absolute;
	top:2.5em;left:0;right:0;margin:auto;
	width:auto;
	height: 100%;
	opacity: 0;
	transform: scale(0.5);
	animation: zoomin .7s ease 2s;
	animation-fill-mode: forwards;
	transform-origin: center;
}
@keyframes zoomin {
	100% {transform: scale(1);opacity: 1;}
}

/*------------------------------
 flyer
------------------------------*/

.flyer {
	background:#8fc31f;
}
.flyer_inner {
	padding:6% 0;
	width:900px;
	max-width:100%;
	margin: 0 auto;
	position: relative;
}
.flyer_btn {
	display: block;
	width:53.6%;
	margin:0 auto;
}
.flyer_btn strong {
	color:#ffffff;
	text-align: center;
	display: block;
	margin-top:5%;
	line-height: 1;
	font-size: 0.9em;
	text-align: center;
}
.flyer_p1 {
	width:18.04%;
	position: absolute;
	left:3.09%;top:21.79%;
}
.flyer_p2 {
	width:13.91%;
	position: absolute;
	right:4.12%;top:21.79%;
}
.flyer_btn img {
	transition: .2s;
	transform-origin: center;
}
.flyer_btn:hover img {
	transform: scale(0.98);
}

/*------------------------------
 maker
------------------------------*/

.maker {
	padding:3.5% 0 5% 0;
}
.maker_wrapper {
	width:900px;
	max-width:85%;
	margin:0 auto;
}
.maker_h2 {
	position: relative;
	font-size: 1em;
	height: 1.2em;
	margin-bottom:5.9%;
}
.maker_h2 span {
	position: absolute;
	top:0;bottom:0;left:0;margin:auto;
	z-index: 2;
	background:#fff;
	padding-right:1em;
}
.maker_h2:after {
	content:'';
	width:100%;
	height: 1px;
	background:#000;
	position: absolute;
	top:0.7em;left:0;
	z-index: 1;
}
.maker_inner {
	display: flex;
	justify-content:space-around;
	align-items: center;
	flex-wrap: wrap;
}
.maker_inner img {
	width:auto;
	height: 3em;
	/*margin-right:6%;
	margin-bottom:4%;*/
	margin: 2%;
}/*
.maker_inner img:nth-of-type(6) {
	margin-right:0;
}
.maker_inner img:nth-of-type(7),
.maker_inner img:nth-of-type(8),
.maker_inner img:nth-of-type(9),
.maker_inner img:nth-of-type(10) {
	margin-bottom:0;
}*/
@media screen and (max-width:1470px) {
	.maker_inner img {height:4.3em;}
}

/*------------------------------
 footer
------------------------------*/

#footer {
	background:#d60e19;
	padding:3% 0;
}
.footer_inner {
	width:90%;
	margin:0 auto;
	position: relative;
}
.footer_information li {
	font-weight: bold;
	color:#ffffff;
	position: relative;
	padding-left:1.1em;
	font-size: 0.9em;
	margin-bottom:0.5em;
}
.footer_information li:before {
	content:'';
	width:0.9em;
	height: 0.9em;
	position: absolute;
	top:0;bottom:0;left:0;margin:auto;
	background:#fff;
}
.footer_information li:nth-last-of-type(1):before {
	display: none;
}
.footer_information li span {
	font-size: 0.75em;
	font-weight: normal;
	display: inline-block;
	transform: translateY(-0.1em);
	margin-left:1em;
}
.footer_information li a.map {
	display: inline-block;
	border:1px solid #fff;
	transform: translateX(-1.1em);
	color:#fff;
	padding:0 0.3em;
	margin-top:0.5em;
	transition: .5s;
}
.footer_information li a.map:hover {
	background:#fff;
	color:#000;
}
.store_image {
	width:19.41%;
	max-width:150px;
	margin-top:5%;
}
.footer_image {
	max-width:25%;
	width:350px;
	position: absolute;
	right:0;bottom:0;
}

/*-------------------------------
 animation
-------------------------------*/

/* フェードイン */
.fadeInUp {
	opacity: 0;
}
.fadeInUp.visible {
	opacity: 0;
	animation: fadeInUp 0.7s ease 0s 1 normal;
	animation-fill-mode: forwards;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ズームイン */
.zoomIn {
	opacity: 0;
}
.zoomIn.visible {
	opacity: 0;
	animation: zoomIn 0.7s ease 0s 1 normal;
	animation-fill-mode: forwards;
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.access_map {
	display: block;
	width:100%;
	height: calc(100vw * 0.35);
	border:0;
	margin:0;
}