@charset "UTF-8";

/* reset */
@import url('../common/reset.css');


/* Webフォント */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;700&display=swap');
body,
a,
input,
select,
textarea,
submit {
	font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  font-style: normal;
	font-weight: 400;
	}



/* loading --------------------------------------------------------------- */
#loading {
	width: 100%;
	height: 100vh;
	z-index: 99999;
	background-color: #ffffff;
	background-image: url("../../img/common/loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px auto;
	position: fixed;
	left: 0;
	top: 0;
	}

@media(max-width: 990px){
	}



/* fade --------------------------------------------------------------- */
a, .fade {
	transition: all 0.3s ease-in-out;
	}

	a:hover, .fade:hover {
		opacity: 0.5;
		}

	.none:hover {
		opacity: 1;
		}

@media(max-width: 990px){
	a, .fade {
		transition: none;
		}

		a:hover, .fade:hover {
			opacity: 1;
			}
	}



/* zoom --------------------------------------------------------------- */
.zoom {
	overflow: hidden;
	}
	
	.zoom img {
		transition: all 0.5s ease-in-out;
		}
		
		.zoom:hover img {
			transform: scale(1.06, 1.06);
			}

@media(max-width: 990px){
	.zoom img {
		transition: none;
		}
		
		.zoom:hover img {
			transform: none;
			}
	}



/* scrinT --------------------------------------------------------------- */
.scrinT {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	}

.scrinT {
	transform : translate(0, 50px);
	}
	
	.scrinT.active {
		opacity: 1;
		transform : translate(0, 0);
		}



/* desktop / mobile --------------------------------------------------------------- */
.dsk {
	display: inline-block !important;
	}

.mob {
	display: none !important;
	}
	
	
@media(max-width: 990px){
	.dsk {
		display: none !important;
		}
	
	.mob {
		display: inline-block !important;
		}
	}



/* body --------------------------------------------------------------- */
body {
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	}

body,
a,
input,
select,
textarea,
submit {
	color: #251e1c;
	font-size: 14px;
	line-height: 1;
	}
	
input,
select,
textarea,
submit {
	border: 0;
	box-sizing: border-box;
	}

@media(max-width: 990px){
	}



/* wrapper --------------------------------------------------------------- */
#wrapper {
	}
	


/* footer --------------------------------------------------------------- */
#footer {
	padding: 50px 0 50px 100px;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	}

	#footer #footerleft {
		float: left;
		width: 350px;
		}

		#footer #footerleft ul {
			}

			#footer #footerleft ul li {
				margin-bottom: 10px;
				}

				#footer #footerleft ul li a {
					display: inline-block;
					color: #595858;
					font-size: 16px;
					line-height: 1.5;
					letter-spacing: 1px;
					font-family: "Jost", sans-serif;
					font-weight: 300;
					}

				#footer #footerleft ul li:first-of-type {
					margin-bottom: 20px;
					}

					#footer #footerleft ul li:first-of-type a img {
						width: 200px;
						}
					
					#footer #footerleft ul li:last-of-type a img {
						width: 23px;
						}


	#footer #footerright {
		float: left;
		width: 480px;
		}

		#footer #footerright ul {
			overflow: hidden;
			margin-bottom: 10px;
			}

			#footer #footerright ul li {
				float: left;
				width: 50%;
				margin-bottom: 30px;
				}

				#footer #footerright ul li a,
				#footer #footerright ul li a span {
					color: #595858;
					line-height: 1.4;
					letter-spacing: 1px;
					font-family: "Jost", sans-serif;
					font-weight: 200;
					}

				#footer #footerright ul li a {
					display: inline-block;
					font-size: 20px;
					}

					#footer #footerright ul li a span {
						font-size: 14px;
						}
		
		#footer #footerright .link {
			width: 350px;
			}

			#footer #footerright .link a {
				color: #595858;
				font-size: 13px;
				display: inline-block;
				line-height: 20px;
				margin-bottom: 20px;
				}

			#footer #footerright .link a:last-of-type {
				margin-bottom: 0;
				}

				#footer #footerright .link a span {
					display: inline;
					font-size: 12px;
					}

	#footer #footerbottom {
		position: absolute;
		right: 5%;
		bottom: 20px;
		}

		#footer #footerbottom p {
			letter-spacing: 1px;
			font-family: "Jost", sans-serif;
			font-weight: 300;
			}

@media(max-width: 990px){
	#footer {
		padding: 50px 5% 20px 5%;
		}

		#footer #footerleft {
			float: none;
			width: 100%;
			margin-bottom: 30px;
			}

		#footer #footerright {
			float: none;
			width: 100%;
			}

				#footer #footerright ul li {
					float: none;
					width: 100%;
					margin-bottom: 20px;
					}

			#footer #footerright .link {
				width: 90%;
				margin: 0 auto;
				text-align: right;
				}

				#footer #footerright .link a {
					margin-bottom: 30px;
					}

					#footer #footerright .link a span {
						display: block;
						font-size: 13px;
						}

		#footer #footerbottom {
			position: static;
			margin: 50px auto 0 auto;
			text-align: center;
			}
}