@charset "UTF-8";

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

/* Webフォント */
@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

body,
a,
input,
select,
textarea,
submit {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	}



/* 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: 1024px){
	#loading {
		background-size: 150px auto;
		}
	}



/* 見出し --------------------------------------------------------------- */
.hina {
	font-family: 'Hina Mincho', serif;
	letter-spacing: 1px;
	}



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

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

	.none:hover {
		opacity: 1;
		}

@media(max-width: 1024px){
	a:hover, .fade:hover {
		opacity: 1;
		}
	}



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



/* trans --------------------------------------------------------------- */
.trans {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 500ms;
	}
	
	.trans.scrollin {
		opacity: 1;
		transform: translate(0, 0);
		}



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

.mob {
	display: none !important;
	}
	
	
@media(max-width: 1024px){
	.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: #333333;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	}
	
input,
select,
textarea,
submit {
	border: 0;
	box-sizing: border-box;
	}

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