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

.wrapper100 { margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;width: 100%;float: left; }
.wrapper90 { margin-left: 5%;margin-right: 5%;padding-left: 0;padding-right: 0;width: 90%;float: left; }
.wrapper80 { margin-left: 10%;margin-right: 10%;padding-left: 0;padding-right: 0;width: 80%;float: left; }
.wrapper70 { margin-left: 15%;margin-right: 15%;padding-left: 0;padding-right: 0;width: 70%;float: left; }
.wrapper60 { margin-left: 20%;margin-right: 20%;padding-left: 0;padding-right: 0;width: 60%;float: left; }
.wrapper50 { margin-left: 25%;margin-right: 25%;padding-left: 0;padding-right: 0;width: 50%;float: left; }
.inner { margin: 0 auto;padding: 0;width: 1000px; }

.height-adjust { width: 100%;margin: 0;height: 1px;float: left; }

.glid-left {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

.glid-right {
	width: 50%;
	margin: 0;
	padding: 0;
	float: right;
}

.glid-70 { width: 70%; }
.glid-60 { width: 60%; }
.glid-50 { width: 50%; }
.glid-40 { width: 40%; }
.glid-30 { width: 30%; }
.glid-70-text { width: 66%;margin-left: 2%;margin-right: 2%; }
.glid-60-text { width: 56%;margin-left: 2%;margin-right: 2%; }
.glid-50-text { width: 46%;margin-left: 2%;margin-right: 2%; }
.glid-40-text { width: 36%;margin-left: 2%;margin-right: 2%; }
.glid-30-text { width: 26%;margin-left: 2%;margin-right: 2%; }

.flo_left { float: left; }
.flo_right { float: right; }

.tx_left { text-align: left; }
.tx_center { text-align: center; }
.tx_right { text-align: right; }

.margin-top100 { margin-top: 100px; }
.margin-top90 { margin-top: 90px; }
.margin-top80 { margin-top: 80px; }
.margin-top70 { margin-top: 70px; }
.margin-top60 { margin-top: 60px; }
.margin-top50 { margin-top: 50px; }
.margin-top40 { margin-top: 40px; }
.margin-top30 { margin-top: 30px; }
.margin-top20 { margin-top: 20px; }
.margin-top10 { margin-top: 10px; }
.margin-top5 { margin-top: 5px; }

.margin-bottom100 { margin-bottom: 100px; }
.margin-bottom90 { margin-bottom: 90px; }
.margin-bottom80 { margin-bottom: 80px; }
.margin-bottom70 { margin-bottom: 70px; }
.margin-bottom60 { margin-bottom: 60px; }
.margin-bottom50 { margin-bottom: 50px; }
.margin-bottom40 { margin-bottom: 40px; }
.margin-bottom30 { margin-bottom: 30px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom5 { margin-bottom: 5px; }

.linheight-30 { line-height: 30px; }
.linheight-35 { line-height: 35px; }
.linheight-40 { line-height: 40px; }
.linheight-45 { line-height: 45px; }
.linheight-50 { line-height: 50px; }
.linheight-60 { line-height: 60px; }
.linheight-70 { line-height: 70px; }
.linheight-80 { line-height: 80px; }
.linheight-90 { line-height: 90px; }
.linheight-100 { line-height: 100px; }


/* ************************************************** */
/*       RESPONSIV  LAYOUT
/* ************************************************** */
@media screen and (max-width:1100px) {
	.inner { margin: 0 5%;width: 90%; }
}


/* **************************************************************** */
/*  RESPONSIVE  LAYOUT  MAX-WIDTH 640px */
/* **************************************************************** */
@media screen and (max-width:640px) {
	.glid-70 { width: 100%; }
	.glid-60 { width: 100%; }
	.glid-50 { width: 100%; }
	.glid-40 { width: 100%; }
	.glid-30 { width: 100%; }
	.glid-70-text { width: 96%;margin-left: 2%;margin-right: 2%; }
	.glid-60-text { width: 96%;margin-left: 2%;margin-right: 2%; }
	.glid-50-text { width: 96%;margin-left: 2%;margin-right: 2%; }
	.glid-40-text { width: 96%;margin-left: 2%;margin-right: 2%; }
	.glid-30-text { width: 96%;margin-left: 2%;margin-right: 2%; }

	.glid-left,
	.glid-right { width: 90%;margin: 0 5%; }
}


/* **************** */
/*  Cookie表示 */
/* **************** */
.cookie-consent {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 13px;
	color: #000000;
	background: rgb(255 255 255 / 80%);
	padding: 1.2em;
	box-sizing: border-box;
	visibility: hidden;
}
.cookie-consent.is-show {
	visibility: visible;
}
.cookie-consent a {
	color: #000000 !important;
}
.cookie-agree {
	color: #fff;
	background: #022B1C;
	padding: .5em 1.5em;
	margin-left: 5em;
}
.cookie-agree:hover {
	cursor: pointer;
}
.cc-hide {
	display: none;
}

@keyframes hide {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
	.cookie-consent {
		flex-direction: column;
	}
	.cookie-text {
		margin-bottom: 1em;
	}
}