@charset "utf-8";

/*
#################################
 
	webフォント読み込み
 
#################################
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,600;1,600&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,700;1,700&display=swap');
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}


.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/
/*
#################################
 
	全体
 
#################################
*/
html{
	font-size:62.5%;
}
body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size:1.6rem;
	line-height:2;
	letter-spacing:0.05em;
	color:#333;
	background:#F1F1F1;
	padding-top:100px;
}
@media screen and (max-width:768px){
	body{
		padding-top:60px;
	}
}
.roboto{
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:"wdth" 100;
	letter-spacing:0.1em;
}
.serif{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.section--inner{
	max-width:1280px;
	margin:auto;
}

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

a{
	text-decoration:none;
	color:#333;
}

.pc{
	display:block;
}
.tablet{
	display:none;
}
.sp{
	display:none;
}
@media screen and (max-width:1080px){
	.pc{
		display:none;
	}
	.tablet{
		display:block;
	}
	.sp{
		display:block;
	}
}
@media screen and (max-width:768px){
	.pc{
		display:none;
	}
	.tablet{
		display:none;
	}
	.sp{
		display:block;
	}
	.sp-none{
		display:none;
	}
}

.order--reverse_1{
	order:1;
}
.order--reverse_2{
	order:2;
}
@media screen and (max-width:768px){
	.order--reverse_1{
		order:2;
	}
	.order--reverse_2{
		order:1;
	}
}



/*
#################################
 
	header
 
#################################
*/
#header{
	height:100px;
	background:#F1F1F1;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:500;
	border-bottom:#BBBBBB 1px solid;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	#header{
		height:60px;
	}
}
.header--brand{
	display:block;
}
.header--brand img{
	width:300px;
	height:auto;
}
@media screen and (max-width:768px){
	.header--brand img{
		height:30px;
		width:auto;
		
	}
}
@media screen and (max-width:1080px){
	.header--sub{
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items: center;
		-webkit-align-items: center;
	}
}
/*############ 多言語 ############*/
.language{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
	justify-content: end;
	-webkit-justify-content: end;
	margin-right:40px;
	line-height:1;
	padding-bottom:15px;
}
@media screen and (max-width:1080px){
	.language{
		margin-right:16px;
		padding-bottom:0;
	}
}
.language svg{
	fill:#333;
	width:18px;
	height:auto;
}
@media screen and (max-width:1080px){
	.language svg{
		width:14px;
		height:auto;
	}
}
.language a{
	text-decoration:underline;
}
@media screen and (max-width:768px){
	.language a{
		font-size:1.4rem;
	}
}
/*############ グローバルメニュー ############*/
.global--nav{

}
@media screen and (max-width:1080px){
	.global--nav{
		display:none;
	}
	.global--nav.panelactive{
		display:block;
		/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
		position:fixed;
		z-index: 800;
		top: 0;
		left:0;
		right:0;
		margin:auto;
		width:100%;
		height: 100vh;
		box-sizing:border-box;
		width:100%;
	}
}
.global--nav__menu{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

@media screen and (max-width:1080px){
	.global--nav__menu{	
		display:block;
		opacity: 0;/*はじめは透過0*/
		/*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
		position: absolute;
		z-index: 900;
		top:40%;
		left:50%;
		transform: translate(-50%,-50%);
		max-width:600px;
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	.global--nav.panelactive .global--nav__menu{
		opacity:1;
	}
}

.global--nav__menu--list a{
	font-size:1.4rem;
	padding:0 20px;
	font-weight:700;
}

@media screen and (max-width:1080px){
	.global--nav__menu--list a{
		display:block;
		font-size:1.4rem;
		color:#333;
		padding:20px 0 20px 20px;
		border-bottom:#ccc 1px solid;
		box-sizing:border-box;
		position:relative;
	}
	.global--nav__menu--list a:after{
		content:"";
		background:url(../images/arrow.svg)no-repeat;
		background-size:8px auto;
		background-position:center center;
		background-color:#111;
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		right:10px;
		margin:auto;
		width:40px;
		height:40px;
		border-radius:20px;
	}

}
@media screen and (max-width:1080px){
	.circle-bg{
		position: fixed;
		z-index:3;
		/*丸の形*/
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #F1F1F1;
		/*丸のスタート位置と形状*/
		transform: scale(0);/*scaleをはじめは0に*/
		right:-50px;
		top:-50px;
		transition: all .6s;/*0.6秒かけてアニメーション*/
	}

	.circle-bg.circleactive{
		transform: scale(50);/*クラスが付与されたらscaleを拡大*/
	}
}
/*############ ハンバーガーメニュー ############*/
.openbtn{
	display:none;
}
@media screen and (max-width:1080px){
	.openbtn{
		display:block;
		position: relative;
		width: 100px;
		height:100px;
		cursor: pointer;
		background:#111;
		z-index:999;
	}
	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 26px;
		height: 2px;
		background-color: #fff;
	}
	.openbtn span:nth-of-type(1) {
		top:44px;
		width: 50%;
	}
	
	.openbtn span:nth-of-type(2) {
		top:58px;
		width:30%;
	}
	.openbtn.active span:nth-of-type(1) {
		top: 40px;
		left: 32px;
		transform: translateY(6px) rotate(-45deg);
		width: 35%;
	}
	
	.openbtn.active span:nth-of-type(2) {
		top: 52px;
		left: 32px;
		transform: translateY(-6px) rotate(45deg);
		width: 35%;
	}
}
@media screen and (max-width:768px){
	.openbtn{
		display:block;
		position: relative;
		width: 60px;
		height:60px;
	}
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 2px;
		background-color: #fff;
	}
	.openbtn span:nth-of-type(1) {
		top:25px;
		width: 50%;
	}
	
	.openbtn span:nth-of-type(2) {
		top:34px;
		width:30%;
	}
	.openbtn.active span:nth-of-type(1) {
		top: 22px;
		left: 22px;
		transform: translateY(6px) rotate(-45deg);
		width: 35%;
	}
	
	.openbtn.active span:nth-of-type(2) {
		top: 34px;
		left: 22px;
		transform: translateY(-6px) rotate(45deg);
		width: 35%;
	}

}

/*
#################################
 
	main
 
#################################
*/
.main{
	position:relative;
/*
	height:calc(100vh - 100px);
*/
}
@media screen and (max-width:1080px){
	.main{
		padding:0 0 100px;
	}
}
@media screen and (max-width:768px){
	.main{
		height:calc(100vh - 60px);
		padding:0;

	}
}
@media screen and (max-width:768px){
	.main--slider{
		
	}
}
.main--slider .main--slider__item{
	margin:0 25px;
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.main--slider .main--slider__item{
		margin:0;
	}
}
.main--slider__item:before{
	content: "";
	display: block;
	padding-top: 100%;
}
@media screen and (max-width:768px){
	.main--slider__item:before{
		padding-top: calc(100vh - 60px);
	}

}
.main--slider__item img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.main--text{
	position:absolute;
	top:50%;
	left:20px;
	right:0;
	max-width:1180px;
	margin:auto;
	font-weight:600;
}
@media screen and (max-width:1080px){
	.main--text{
		position:absolute;
		top:50%;
	}
}
@media screen and (max-width:787px){
	.main--text{
		position:absolute;
		top:auto;
/*
		bottom:5%;
*/
		top:40%;
		left:20px;
	}
}
.main--text p{
	line-height:1.8;
}
.main--text span{
	background:#fff;
	font-size:6rem;
	color:#111;
}
@media screen and (max-width:1080px){
	.main--text span{
		background:#fff;
		font-size:5rem;
		color:#111;
	}
}
@media screen and (max-width:768px){
	.main--text span{
		background:#fff;
		font-size:3rem;
		color:#111;
	}
}
@media screen and (max-width:480px){
	.main--text span{
		font-size:2.6rem;
	}
}
/*############ scrolldown ############*/
.scrolldown{
	display:none;
}
@media screen and (max-width:768px){
	.scrolldown{
		display:block;
		position:absolute;
		left:50%;
/*
		bottom:10px;
*/
		bottom:15%;
		height:50px;
		z-index:300;
	}
	.scrolldown span{
		position: absolute;
		left:-30px;
		top: -30px;
		color: #333;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
	}
	.scrolldown::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 30px;
		background: #333;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	@keyframes pathmove{
		0%{
			height:0;
			top:0;
			opacity: 0;
		}
		30%{
			height:30px;
			opacity: 1;
		}
		100%{
			height:0;
			top:50px;
			opacity: 0;
		}
	}
}


/*
#################################
 
	main-lower
 
#################################
*/

.main-lower{
	height:400px;
	position:relative;
	overflow:hidden;
	z-index:-1;
}
@media screen and (max-width:768px){
	.main-lower{
		height:200px;
	}
}
.main-lower:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.main-lower img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.main-lower--text{
	max-width:1240px;
	position:absolute;
	left:20px;
	right:0;
	bottom:80px;
	margin:auto
}
@media screen and (max-width:768px){
	.main-lower--text{
		position:absolute;
		left:20px;
		bottom:30px;
	}
}
.main-lower--text p{
	line-height:1.8;
}
.main-lower--text span{
	background:#fff;
	font-size:6rem;
	color:#111;
	padding:0 8px;
}
@media screen and (max-width:768px){
	.main-lower--text span{
		font-size:4rem;
		padding:0 8px;
	}
}
@media screen and (max-width:480px){
	.main-lower--text span{
		font-size:3rem;
		padding:0 8px;
	}
}

/*
#################################
 
	section
 
#################################
*/
.section{
	padding:96px 50px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.section{
		padding:64px 25px;
		box-sizing:border-box;
	}
}
@media screen and (max-width:480px){
	.section{
		padding:64px 15px;
		box-sizing:border-box;
	}
}


.section-border{
	border-top:#BBBBBB 1px solid;
}


.section--flex{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}

.block{
	width:100%;
}

.block-50{
	width:50%;
	padding:0 20px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.block-50{
		width:100%;
		padding:24px 5px;
		box-sizing:border-box;
	}
}
.block--about{
	margin-top:48px;
}
@media screen and (max-width:768px){
	.block--about{
		margin-top:0;
		order:1;
	}
}
.block--sub_title{
	font-size:4rem;
	color:#333;
	font-size:900;
	position: relative;
	display: block;
	line-height:1;
}
@media screen and (max-width:768px){
	.block--sub_title{
		font-size:2.8rem;
		line-height:1;
	}
}

.block--sub_title__small{
	font-size:3rem;
	color:#333;
}

.block--sub_title:before {
	content: '';
	position: absolute;
	display:inline-block;
	top: calc(50% - 1px);
	right: 0;
	width: 100%;
	height: 1px;
	background: #BBB;
}

.block--sub_title span {
	position: relative;
	background: #f1f1f1;
	padding-right:32px;
}
@media screen and (max-width:768px){
	.block--sub_title span {
		padding-right:16px;
	}
}
.block--title{
	font-size:4.2rem;
	line-height:1.7;
	margin-top:16px;
	font-weight:600;
}
@media screen and (max-width:768px){
	.block--title{
		font-size:3rem;
		line-height:1.6;
		margin-top:16px;
	}
}
.block--title span{
	background:#fff;
/*
	padding:0 8px;
*/
}

.block--title.block--title__big{
	font-size:6rem;
	margin-top:40px;
}
@media screen and (max-width:768px){
	.block--title.block--title__big{
		font-size:3.4rem;
		margin-top:24px;
	}
}

.block--text{
	margin-top:32px;
	font-weight:500;
}
@media screen and (max-width:768px){
	.block--text{
		margin-top:16px;
		font-weight:500;
	}
}
.block--subtext{
	margin-top:16px;
	font-weight:500;
	font-size:1.6rem;
}



.block--link{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
}
.block--link:hover{
	text-decoration:underline;
}
.block--link__center{
	justify-content: center;
	-webkit-justify-content: center;
}
.link--store{
	margin-top:16px;
}
.circle-arrow{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:50px;
	height:50px;
	background:#111;
	border-radius:25px;
	margin-right:16px;
}
@media screen and (max-width:768px){
	.circle-arrow{
		width:40px;
		height:40px;
		border-radius:20px;
		margin-right:8px;
	}
}
.circle-arrow svg,
.circle-arrow img{
	fill:#fff;
	width:12px;
	height:auto;
}
@media screen and (max-width:768px){
	.circle-arrow svg,
	.circle-arrow img{
		width:8px;
		height:auto;
	}
}
.circle-arrow img{
	width:10px !important;
	height:auto;
	margin:0 !important;

}
@media screen and (max-width:768px){
	.circle-arrow img{
		width:8px !important;
		height:auto;
	}
}

.link--top{
	margin-top:40px;
}

.circle-arrow2{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:40px;
	height:40px;
	border:#BBBBBB 1px solid;
	background:#fff;
	border-radius:30px;
}
.circle-arrow2 svg{
	fill:#555;
	width:12px;
	height:auto;
}

.image__contrast--3_2{
	width:100%;
	position:relative;
	overflow:hidden;
}
.image__contrast--3_2:before{
	content: "";
	display: block;
	padding-top: 66.7%;
}
.image__contrast--3_2 img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.image__margin--top{
	margin-top:40px;
}

.image--about{
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.image--about{
		order:2;
	}
}
.image--about:before{
	content: "";
	display: block;
	padding-top: 100%;
}
@media screen and (max-width:768px){
	.image--about:before{
		content: "";
		display: block;
		padding-top: 40%;
	}
}
.image--about img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}












/*
#################################
 
	news
 
#################################
*/
.container--news{
	margin-top:32px;
}
@media screen and (max-width:768px){
	.container--news{
		margin-top:16px;
	}
}
.news--list{
	
}

.news--list__link{
	padding:30px;
	box-sizing:border-box;
	border-bottom:#BBBBBB 1px solid;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
}
@media screen and (max-width:768px){
	.news--list__link{
		padding:30px 15px;
	}
}
.news--list__link:hover{
	text-decoration:underline;
}
.news--list__link:hover.news--detail{
	text-decoration:none;
}
.news--list__category{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	font-size:1.4rem;
	background:#fff;
	width:140px;
	height:30px;
	margin-right:24px;
}
.news--list__time{
	margin-right:24px;
}
.news--list__title{
	font-size:1.6rem;
}
.news--detail .news--list__title{
	width:100%;
	display:block;
	font-size:2.4rem;
	margin-top:8px;
}
.news--list__title.recruit--title{
	font-size:2rem;
}
.news--list__tags{
	width:100%;
	margin-top:8px;
}
.tag{
	font-size:1.2rem;
	border-radius:15px;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 20px;
	box-sizing:border-box;
	border:#BBBBBB 1px solid;
	margin-right:8px;
}
@media screen and (max-width:768px){
	.tag{
		font-size:1rem;
		border-radius:10px;
		height:20px;
		line-height:20px;
		display:inline-block;
		padding:0 15px;
		box-sizing:border-box;
		border:#BBBBBB 1px solid;
		margin-right:8px;
	}
}
/*
#################################
 
	separator--slider
 
#################################
*/
.separator--slider{
	padding:64px 0;
}
@media screen and (max-width:768px){
	.separator--slider{
		padding:48px 0;
	}
}
.separator--slider div{
	padding:0 10px;
	box-sizing:border-box;
}


/*
#################################
 
	service--box
 
#################################
*/
.service--box{
	max-width:360px;
	width:30%;
}
@media screen and (max-width:768px){
	.service--box{
		max-width:360px;
		width:100%;
		margin:0 auto;
	}
}
.service--box__image{
	width:100%;
	position:relative;
	overflow:hidden;
}
.service--box__image:before{
	content: "";
	display: block;
	padding-top: 67%;
}
.service--box__image img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.service__head{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}
.service--box__subtitle{
	color:#555;
	margin-top:24px;
	line-height:1;
}
.service--box__title{
	font-size:3rem;
	color:#111;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.service--box__title{
		font-size:2.6rem;
	}
}
.service--box__text{
	margin-top:16px;
}

/*
#################################
 
	store--box
 
#################################
*/
.store--box{
	max-width:500px;
	width:50%;
	padding:0 10px;
	box-sizing:border-box;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.store--box{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		margin:0 auto 48px;
	}
}
.store--box:nth-child(even){
	margin-top:100px;
}
@media screen and (max-width:768px){
	.store--box:nth-child(even){
		margin-top:0;
	}
}
.store__head{
	margin-top:24px;
}
.store--box__title{
	font-size:3rem;
	font-weight:600;
}
@media screen and (max-width:1080px){
	.store--box__title{
		font-size:2.6rem;
	}
}
@media screen and (max-width:768px){
	.store--box__title{
		font-size:2.2rem;
	}
}
.store--box__table{
	width:100%;
}
.site--box__table{
	width:100%;
}
.border-table th,
.border-table td{
	font-size:1.4rem;
	color:#333;
	vertical-align:middle;
	border-bottom:#BBBBBB 1px solid;
	padding:20px 13px;
	box-sizing:border-box;
	line-height:1.6;
	text-align:left;
}
.border-table th{
	width:25%;
}
.border-table td{
	width:75%;
}

.site--box{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	margin-top:64px;
}
@media screen and (max-width:768px){
	.site--box{
		margin-top:48px;
	}
}
.site--box__image{
	max-width:550px;
	width:50%;
	padding:0 20px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.site--box__image{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		margin:0 auto;
	}
}
.site--box__body{
	max-width:550px;
	width:50%;
	padding:0 20px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.site--box__body{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		margin:0 auto;
	}
}
.site--box__title{
	font-size:3rem;
	color:#111;
	line-height:1.6;
}
@media screen and (max-width:1080px){
	.site--box__title{
		font-size:2.6rem;
	}
}
.site--box__table{
	margin-top:8px;
}
.sns--list{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.sns--icon{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:40px;
	height:40px;
	background:#333;
	border-radius:20px;
	border:#333 1px solid;
	box-sizing:border-box;
	margin-right:8px;
}
.sns--icon svg{
	fill:#fff;
	width:24px;
	height:auto;
}




/*
#################################
 
	service
 
#################################
*/
.container--service{
	margin-top:64px;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;

}
.service--box:nth-of-type(2){
	margin-top:62px;
}
.service--box:nth-of-type(3){
	margin-top:124px;
}
.icon-window{
	width:18px;
	height:auto;
	margin-left:8px;
}
img.icon-window{
	width:18px;
	height:auto;
	margin-left:8px;

}
.recruit__image{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-top:24px;
}
.recruit__image:before{
	content: "";
	display: block;
	padding-top: 56%;
}
.recruit__image img{
	object-fit:cover;
	-o-object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
/*
#################################
 
	partner
 
#################################
*/
.partner--block1{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	margin-top:64px;
}

.partner--block1__title{
	width:100%;
	font-size:4.2rem;
	font-weight:700;
	text-align:center;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.partner--block1__title{
		font-size:3rem;
	}
}
.partner--block1__title span{
	background:#fff;
	padding:0 5px;
}

.partner--block1__box{
	max-width:350px;
	width:33%;
	padding:0 10px;
	box-sizing:border-box;
	margin-top:40px;
}
@media screen and (max-width:768px){
	.partner--block1__box{
		max-width:350px;
		width:100%;
		margin:0 auto;
		margin-top:40px;
	}
}
.partner--box__title{
	text-align:center;
	font-size:2.4rem;
	font-weight:700;
	line-height:1.8;
	margin-top:32px;
}
@media screen and (max-width:768px){
	.partner--box__title{
		font-size:2rem;
		margin-top:16px;
	}
}
.partner--box__text{
	margin-top:16px;
	font-size:1.4rem;
}
@media screen and (max-width:768px){
	.partner--box__text{
		margin-top:8px;
	}
}

.partner--block2__box{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-top:80px;
}
@media screen and (max-width:768px){
	.partner--block2__box{
		max-width:550px;
		margin:40px auto 0;
	}
}
.partner--block2__box:nth-child(1){
	margin-top:48px;
}
@media screen and (max-width:768px){
	.partner--block2__box:nth-child(1){
		margin-top:32px;
	}
}
.partner--block2__box--img{
	max-width:650px;
	width:50%;
}
@media screen and (max-width:768px){
	.partner--block2__box--img{
		max-width:550px;
		width:100%;
	}
}
/*
.partner--block2__box:nth-child(even) .partner--block2__box--img{
*/
.partner--block2__box:nth-of-type(even) .partner--block2__box--img{
	order:2;
}
@media screen and (max-width:768px){
	.partner--block2__box:nth-of-type(even) .partner--block2__box--img{
		order:1;
	}
}
.partner--block2__box--img img{
	width:100%;
	height:auto;
}
.partner--block2__box--body{
	max-width:600px;
	width:50%;
	padding:40px 30px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.partner--block2__box--body{
		max-width:550px;
		width:100%;
		padding:20px 10px;
	}
}
.partner--block2__box--body2{
	max-width:auto;
	width:100%;
}
.partner--block2__box:nth-of-type(even) .partner--block2__box--body{
	order:1;
}
@media screen and (max-width:768px){
	.partner--block2__box:nth-of-type(even) .partner--block2__box--body{
		order:2;
	}
}
.partner--block2__box--body2 h3,
.partner--block2__box--body h3{
	font-size:3rem;
	font-weight:700;
}
@media screen and (max-width:768px){
	.partner--block2__box--body h3,
	.partner--block2__box--body2 h3{
		font-size:2.4rem;
	}
}
.partner--block2__box--body p{
	margin-top:16px;
}
@media screen and (max-width:768px){
	.partner--block2__box--body p{
		margin-top:8px;
	}
}



.aboutus--block2__box{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-top:80px;
}
@media screen and (max-width:768px){
	.aboutus--block2__box{
		max-width:550px;
		margin:40px auto 0;
	}
}
.aboutus--block2__box:nth-child(1){
	margin-top:48px;
}
@media screen and (max-width:768px){
	.aboutus--block2__box:nth-child(1){
		margin-top:32px;
	}
}
.aboutus--block2__box--img{
	max-width:650px;
	width:50%;
}
@media screen and (max-width:768px){
	.aboutus--block2__box--img{
		max-width:550px;
		width:100%;
	}
}

.aboutus--block2__box:nth-of-type(even) .aboutus--block2__box--img{
	order:2;
}
/*
@media screen and (max-width:768px){
	.aboutus--block2__box:nth-of-type(even) .aboutus--block2__box--img{
		order:1;
	}
}
*/
@media screen and (max-width:768px){
	.aboutus--block2__box--img{
		order:2 !important;
	}
}
.aboutus--block2__box--img img{
	width:100%;
	height:auto;
}
.aboutus--block2__box--body{
	max-width:600px;
	width:50%;
	padding:40px 30px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.aboutus--block2__box--body{
		max-width:550px;
		width:100%;
		padding:20px 10px;
	}
}
.aboutus--block2__box--body2{
	max-width:auto;
	width:100%;
}
.aboutus--block2__box:nth-of-type(even) .aboutus--block2__box--body{
	order:1;
}
/*
@media screen and (max-width:768px){
	.aboutus--block2__box:nth-of-type(even) .aboutus--block2__box--body{
		order:2;
	}
}
*/
.aboutus--block2__box--body2 h3,
.aboutus--block2__box--body h3{
	font-size:3rem;
	font-weight:700;
}
@media screen and (max-width:768px){
	.aboutus--block2__box--body h3,
	.aboutus--block2__box--body2 h3{
		font-size:2.4rem;
	}
}
.aboutus--block2__box--body p{
	margin-top:16px;
}
@media screen and (max-width:768px){
	.aboutus--block2__box--body p{
		margin-top:8px;
	}
}


.value--block{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	margin-top:64px;
}
@media screen and (max-width:768px){
	.value--block{
		margin-top:32px;
	}
}
.value--block__list{
	max-width:360px;
	width:32%;
	background:#F9F9F9;
	padding:40px 20px;
	box-sizing:border-box;
	text-align:center;
	margin-top:48px;
}
.value--block__list:nth-child(1),
.value--block__list:nth-child(2),
.value--block__list:nth-child(3){
	margin-top:0;
}
@media screen and (max-width:1080px){
	.value--block__list{
		width:48%;
		padding:40px 20px;
		box-sizing:border-box;
		margin-top:40px !important;
	}
}
@media screen and (max-width:768px){
	.value--block__list{
		width:100%;
		padding:30px 10px;
		box-sizing:border-box;
		margin-top:32px !important;

	}
	.value--block__list:nth-child(1){
		margin-top:0;
	}
}
.value--block__list--mark{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:80px;
	height:80px;
	border-radius:40px;
	background:#111111;
	color:#fff;
	font-size:4rem;
	letter-spacing:0;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.value--block__list--mark{
		width:60px;
		height:60px;
		border-radius:30px;
		font-size:3rem;
	}

}
.value--block__list--title{
	font-size:3rem;
}
@media screen and (max-width:768px){
	.value--block__list--text{
		font-size:1.4rem;
	}
}/*
#################################
 
	message
 
#################################
*/

.container--message__bg{
/*
	background:url(../images/ceo-message.jpg)no-repeat;
	background-position:center top;
	background-size:cover;
	background:#999;
*/

	position:relative;
/*
	min-height:350px;
	margin-top:40px;
*/
}
@media screen and (max-width:768px){
	.container--message__bg{
/*
		background:url(../images/ceo-message.jpg)no-repeat;
		background-position:center top;
		background-size:100% auto;
		position:relative;
*/
/*
		background:#999;
		min-height:auto;
		margin-top:40px;
*/
	}
}
.section--message{
	background:#fff;
	padding:64px 100px;
	box-sizing:border-box;
	max-width:1100px;
	width:100%;
	z-index:100;
	margin:-110px auto 96px;
	position:relative;
	z-index:200;
}
@media screen and (max-width:768px){
	.section--message{
		width:calc(100% - 30px);
		padding:48px 20px;
		box-sizing:border-box;
		margin:0 auto;
		margin-top:-100px;
		margin-bottom:15px;
	}
}
.message--box__title{
	text-align:center;
	font-size:4rem;
	line-height:1.6;
	font-weight:700;
}
.message--box__text{
	text-align:center;
	font-size:1.6rem;
}
.message--box__body{
	margin-top:32px;
}
.message--box__ceo{
	font-size:2.4rem;
	text-align:right;
	margin-top:4rem;
	line-height:1.4;
}
.message--box__ceo span{
	font-size:1.4rem;
}
/*
#################################
 
	contact
 
#################################
*/

.container--contact{
	background:url(../images/contact.jpg)no-repeat;
	background-size:cover;
	background-position:center top;
	position:relative;
	height:350px;
}

.container--contact .section--inner{
	background:#fff;
	padding:64px 0;
	position:absolute;
	top:250px;
	left:0;
	right:0;
	margin:auto;
	max-width:1100px;
	width:100%;
	z-index:100;
}
@media screen and (max-width:768px){
	.container--contact .section--inner{
		padding:48px 10px;
		box-sizing:border-box;
		position:absolute;
		top:250px;
		left:0;
		right:0;
		margin:auto;
		max-width:1100px;
		width:100%;
		z-index:100;
	}

}
.container--contact .section--inner:before{
	content:"";
	width:50%;
	height:100%;
	background:#fff;
	position:absolute;
	left:-50%;
	top:0;
	z-index:10;
}
.contact--box__title{
	text-align:center;
	font-size:4rem;
	line-height:1.6;
	font-weight:700;
}
@media screen and (max-width:768px){
	.contact--box__title{
		font-size:3rem;
	}
}
.contact--box__text{
	text-align:center;
	font-size:1.6rem;
}



/*
#################################
 
	footer
 
#################################
*/
#footer{
	margin-top:230px;
	background:#000000;
}

.footer--block{
	padding:64px 10px 96px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){



}
.footer--block{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}

.footer--block__box{
	width:30%;
}
@media screen and (max-width:768px){
	.footer--block__box{
		width:100%;
		padding:0 24px;
	}
}
.footer--nav__menu--list a{
	display:block;
	color:#fff;
	padding:10px 0;
	font-size:1.8rem;
}
@media screen and (max-width:768px){
	.footer--nav__menu--list a{
		padding:6px 0;
		font-size:1.6rem;
	}
}
.footer--nav__menu--list a:hover{
	text-decoration:underline;
	opacity:0.9;
}
.footer--nav__menu--list svg{
	fill:#fff;
	
}
.footer--nav__menu--list__menu{
	padding-left:32px;
}
@media screen and (max-width:768px){
	.footer--nav__menu--list__menu{
		padding-left:16px;
	}
}
.footer--nav__menu--list__menu a{
	font-size:1.6rem;
	color:#DDDDDD;
/*
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	overflow: hidden;
*/
	position:relative;
}
.footer--nav__menu--list__menu a:before{
	content:"";
	display:block;
/*
	border:#707070 1px solid;
*/
	background:#707070;
	width:15px;
	height:1px;
	position:absolute;
	left:-25px;
	top:0;
	bottom:0;
	margin:auto;
}

@media screen and (max-width:768px){
	.footer--nav__menu--list__menu a{
		font-size:1.4rem;
	}

}
.copyright{
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	padding:10px 0;
	margin-top:32px;
}
@media screen and (max-width:768px){
	.copyright{
		margin-top:24px;
	}
}
.footer--brand{
	display:block;
	width:350px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.footer--brand{
		width:250px;
	}

}

/*
#################################
 
	page-top
 
#################################
*/
.page-top{
	position:fixed;
	bottom:0;
	right:0;
	z-index:800;
	transition-duration: 0.5s;
}
.page-top img{
	width:150px;
	height:auto;
}
@media screen and (max-width:768px){
	.page-top img{
		width:100px;
		height:auto;
	}
}
.page-top:hover{
	transform: scale(1.1);
	transition-duration: 0.5s;
}
/*
.page-top{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:80px;
	height:80px;
	box-shadow:0px 0px 10px rgba(0,0,0,.18);
	background:#f0f0f0;
	border-radius:40px;
	position:fixed;
	bottom:10%;
	right:20px;
	z-index:800;
}
@media screen and (max-width:768px){
	.page-top{
		width:60px;
		height:60px;
		border-radius:30px;
		position:fixed;
		bottom:10%;
		right:20px;
		z-index:800;
	}

}
.page-top svg{
	width:24px;
	height:auto;
	fill:#333;
}
@media screen and (max-width:768px){
	.page-top svg{
		width:16px;
		height:auto;
		fill:#333;
	}
}
*/
/*
#################################
 
	pagination
 
#################################
*/
.pagination{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:48px;
}

.pagination ul{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 auto;
}
.pagination li{
	margin:0 10px;
}
a.page-numbers,
span.page-numbers{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width:50px;
	height:50px;
	border-radius:25px;
	box-shadow:0px 0px 10px rgba(0,0,0,.18);
	background:#fff;
	color:#333;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:"wdth" 100;
	letter-spacing:0;
	font-size:1.8rem;
}

span.current,
a.page-numbers:hover{
	background:#333;
	color:#fff;
}
/*
#################################
 
	company
 
#################################
*/
.company--box{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;

}
.company--box__list{
	max-width:350px;
	width:30%;
	min-height:200px;
	background-color:#F9F9F9;
	background-image:url(../images/card-bg.png);
	background-repeat:no-repeat;
	background-size:190px auto;
	background-position:center center;
	padding:16px;
	box-sizing:border-box;
	margin-top:32px;
}
@media screen and (max-width:1080px){
	.company--box__list{
		max-width:350px;
		padding:16px;
		box-sizing:border-box;
		margin-top:24px;
	}
}
@media screen and (max-width:768px){
	.company--box__list{
		min-height:150px;
		width:48%;
		padding:16px 8px;

	}
}
.company--box__list--title{
	text-align:center;
	font-size:3rem;
	text-align:center;
}
@media screen and (max-width:768px){
	.company--box__list--title{
		font-size:1.8rem;
	}
}
.company--box__list--text{
	font-size:2.4rem;
	text-align:center;
	margin-top:24px;
}
@media screen and (max-width:768px){
	.company--box__list--text{
		font-size:1.4rem;
		margin-top:24px;
	}
}
.company--box__list--text span{
	font-size:3rem;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:"wdth" 100;
}
@media screen and (max-width:768px){
	.company--box__list--text span{
		font-size:2.2rem;
	}
}
.company--box__list--text table{
	width:100%;
}

@media screen and (max-width:768px){
	.company--box__list--text table tr{
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
}
.company--box__list--text table th{
	font-size:1.4rem;
	font-weight:700;
	text-align:left;
	width:30%;
	padding:0 5px;
	vertical-align:middle;
}
@media screen and (max-width:768px){
	.company--box__list--text table th{
		width:60%;
		display:block;
		box-sizing:border-box;
		line-height:3rem;
		
	}
}
.company--box__list--text table td{
	font-size:2rem;
	text-align:right;
	width:20%;
}
@media screen and (max-width:768px){
	.company--box__list--text table td{
		width:40%;
		display:block;
		box-sizing:border-box;
		box-sizing:border-box;
		line-height:3rem;

	}
}
.logo--list{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	margin-top:-4px;
}
.logo--list li{
	width:33%;
}
.logo--list li img{
	width:80px;
	height:auto;
}

.history {
	list-style: none;
}
/*
.timeline > li {
	margin-bottom: 60px;
}
*/

.history > li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.history--date {
	width: 110px;
	float: left;
	margin-top: 10px;
	font-size:2rem;
}
.history--content {
/*
	width: 75%;
*/
	width:calc(100% - 130px);
	float: left;
	border-left: 2px #333333 solid;
	padding-left: 30px;
	box-sizing:border-box;
}
.history--content:before {
	content: '';
	width: 15px;
	height: 15px;
	background: #333333;
	position: absolute;
	left: 103px;
	top: 20px;
	border-radius: 100%;
}
.history--title{
	margin-top:10px;
	font-size:2rem;
}
















/*
#################################
 
	section--content
 
#################################
*/
.section--content{
	padding:40px 0;
	
}
.news--content{
	padding:40px 20px;
	box-sizing:border-box;
}
.section--content table{
	width:100%;
}
.section--content th,
.section--content td{
	font-size:1.6rem;
	color:#333;
	font-weight:500;
	vertical-align:middle;
	border-bottom:#BBBBBB 1px solid;
	padding:30px 13px;
	box-sizing:border-box;
	line-height:2;
	text-align:left;
}

.section--content th{
	width:25%;
	font-size:1.6rem;
	font-weight:700;
}
@media screen and (max-width:768px){
	.section--content th{
		display:block;
		width:100%;
		border:none;
/*
		padding:30px 13px 10px;
*/
		padding:20px 10px 5px;
	}
}

.section--content td{
	width:75%;
}
@media screen and (max-width:768px){
	.section--content td{
		display:block;
		width:100%;
/*
		padding:10px 13px 30px;
*/
		padding:5px 10px 20px;
	}
}

.section--content p{
	font-size:1.6rem;
	line-height:2;
	padding-bottom:1em;
	font-weight:600;
}
.section--content h2{
	font-size:3rem;
	line-height:1.6;
	padding-bottom:1em;
}
.section--content h3{
	font-size:2.4rem;
	font-weight:700;
	margin:24px 0;

}
.section--content dl{
	margin-bottom:10px;
}
.section--content dt{
	padding:5px 0;
}
.section--content dd{
	padding:5px 0;
}


.section--content ol{
	list-style-type: decimal;
	padding-left:1.5rem;
	margin-bottom:32px;
}
.section--content ul{
	list-style-type: disc;
	padding-left:1.5rem;
	margin-bottom:32px;
}
.section--content table ul,
.section--content table ol{
	margin-bottom:0;
}

.section--content li{
	line-height:2;
}






.text--align__center{
	text-align:center !important;
}
.text--align__right{
	text-align:right !important;
}
.section--content img{
	max-width:600px;
	width:100%;
	height:auto;
	margin-top:32px;
	display:block;
}
.section--content img.aligncenter{
	margin-left:auto;
	margin-right:auto;
}


/*
#################################
 
	form
 
#################################
*/
.form--mark{
	display:inline-block;
	font-size:1.2rem;
	height:20px;
	line-height:20px;
	width:80px;
	background:#111;
	color:#fff;
	text-align:center;
	margin-left:16px;
	border-radius:10px;
}

input[type="text"],
input[type="email"],
textarea,
select{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="submit"],
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;

}

input[type="text"].form--input,
input[type="email"].form--input,
textarea.form--input{
	background:#fff;
	width:100%;
	border-radius:10px;
	font-size:1.6rem;
	padding:16px 20px;
	box-sizing:border-box;

}


input[type="submit"].form--button,
button.form--button,
.form--button{
	display:block;
	width:300px;
	height:70px;
	line-height:70px;
	border-radius:35px;
	background:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,.18);
	font-size:1.8rem;
	font-weight:700;
	margin:40px auto 0;
	text-align:center;
	position:relative;
	color:#333;
}
input[type="submit"].form--button:hover,
button.form--button:hover,
.form--button:hover{
	background:#111;
	color:#fff;
}
.form--button2{
	color:#fff;
	background:#111;
	box-shadow:0px 0px 10px rgba(0,0,0,.18);
}
.form--button2 svg.arrow--back{
	position:absolute;
	left:20px;
	top:0;
	bottom:0;
	margin:auto;
	fill:#fff;
	width:18px;
	height:auto;
}

.form--select{
	background:#fff;
	width:100%;
	border-radius:10px;
	font-size:1.6rem;
	padding:16px 20px;
	box-sizing:border-box;
	position:relative;
	line-height:1;
}
.mw_wp_form_confirm .form--select{
	background:none;
	padding:5px 0;
}
.form--select select{
	width:100%;
	font-size:1.6rem;
	color:#333;
}
.form--select svg{
	fill:#555555;
	width:14px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
}


/*
#################################
 
	map
 
#################################
*/
.map{
	width:100%;
	margin-top:80px;
}
.map iframe{
	width:100%;
	height:400px;
}

.map--store{
	width:100%;
	margin-top:40px;
}
.map--store iframe{
	width:100%;
	height:250px;
}


/*
#################################
 
	animation
 
#################################
*/
.fadeInTrigger,
.fadeInUpTrigger,
.fadeInLeftTrigger,
.fadeInRightTrigger,
.zoomInTrigger,
.bounceInRightTrigger,
.bounceInLeftTrigger{
	opacity:0;
}

.fadeInTrigger.animate__animated,
.fadeInUpTrigger.animate__animated,
.fadeInLeftTrigger.animate__animated,
.fadeInRightTrigger.animate__animated,
.zoomInTrigger.animate__animated,
.bounceInRightTrigger.animate__animated,
.bounceInLeftTrigger.animate__animated{
	opacity:1;
}