@charset "UTF-8";

/* iOS */
input[type="submit"],input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display: none;}

input[type="submit"]::focus,
input[type="button"]::focus {outline-offset: -2px;}

input,button,textarea,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* /iOS */

/* flex */

.flex {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {justify-content: flex-start !important;}
.space-a {justify-content: space-around !important;}
.space-b {justify-content: space-between !important;}
.item-c {align-items: center;}

/* /flex */

::-webkit-scrollbar {width: 10px;}

::-webkit-scrollbar-thumb {
	background: #5b3005;
	border-radius: 5px;
}

::-webkit-scrollbar-track {
	background: rgb(255 255 255);
	border-radius: 5px;
	width: 80%;
}

/*-- all --*/

body {
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 600;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#5a3007;
}

article {overflow: hidden;}

main {
	background: url(../images/contbg.jpg) center top repeat;
	width: 100%;
	z-index: 5;
	position: relative;
}

main#under {margin-top: 160px;}

.wrapper {
	width: 96%;
	max-width: 1800px;
	background: #fff;
	margin: auto;
}

.under-h-bg {
	background: rgba(0, 0, 0, 0.9);
	height: 150px;
}

/* all-right-down */

#right-down {
	position: fixed;
	bottom: 40px;
	right: 20px;
	color: #fff;
	transition: all 0.3s ease-in;
	opacity: 0;
	z-index: -1;

	.box {position: relative;}

	.pt {
		padding: 15px 20px;

		img {
			width: 100%;
			max-width: 115px;
		}
		
		div {
			display: flex;
			align-items: center;

			img {
				width: 40px;
				display: flex;
				margin-right: 10px;
			}
		}	
	}

	.pt > p {
		font-size: 20px;
		text-align: center;
		margin-top: 10px;
		animation: blinkAnimeS1 1s infinite alternate;
	}
}

#right-down.-scrolled {
	transition: all 0.3s ease-in;
	opacity: 1;
	z-index: 50;
	right: 0;
}

.img_up {
	animation: img_up 1.5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes img_up {
	0% {transform: translateY(0);}
	33.33333% {transform: translateY(-3px);}
	66.66667% {transform: translateY(3px);}
	100% {transform: translateY(0);}
}

@keyframes blinkAnimeS1 {
	0% {color: #272727;}
	100% {color: #c6ba72;}
}

/* /all-right-down */

/*** bread ***/
.breadcrumb {
	padding: 1% ;
	box-sizing: border-box;
	font-size: 1vw;
	margin: 0 auto;
	background: #fff;
	color:#5a3007;
	
	@media screen and (max-width: 414px) {font-size: 11px;}
	
	li {
		display: inline-block;

		a {display: inherit;}
	}	
}

/*** /bread ***/

.sp {	
	display: none;
	@media screen and (max-width: 1000px) {display: block;}
}

.pc {
	display: block;	
	@media screen and (max-width: 1000px) {display: none;}
}

/***** sp header *****/

.headersp {
	display: none;
	
	@media screen and (max-width: 1000px) {
		position: relative;
		text-align: center;
	}
}

.headersp .info-box {
	margin: 0 auto 10px;
	
	.open {
		width: 387px;

		@media screen and (max-width: 1000px) {width: 38.7vw;}
	}

	.tel {
		width: 405px;

		@media screen and (max-width: 1000px) {width: 40.5vw;}	
	}

	.mail {
		width: 273px;

		@media screen and (max-width: 1000px) {width: 27.3vw;}
	}
}

.headersp nav.h-nav {
	background: #272727;
	padding-bottom: 5px;
	position: relative;
	z-index: 50;
	
	ul {
		gap: 1% 1.2%;

		li {
			width: 49.333%;
			margin-top: 5px;

			a {
				background: url(../images/navbtn-bg.jpg) center top no-repeat;
				display: block;
				color: #fff;
				background-size: cover;
				padding: 10px 0;
				min-height: 50px;

				@media screen and (max-width: 414px) {min-height: auto;}

				p {
					text-align: center;
					margin-top: 6px;
				}

				p:first-of-type {
					font-size: 20px;

					@media screen and (max-width: 414px) {font-size: 18px;}
				}

				p:last-of-type {
					font-size: 13px;

					@media screen and (max-width: 414px) {font-size: 12px;}
				}
			}	
		}
	}
}

/*-- /header --*/

/*-- nav --*/

.headersp nav > #nav-obi .open,
.open img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.headersp nav > #nav-obi .open {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #a9976d;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: visible;
	z-index: 3000;
	width: 100%;
	opacity: 1;
	transition: all 1.4s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	
	img {
		display: block;
		margin: 0 auto;
		width: 154px;
		opacity: 0;
		transform: translate(0, 5px);
		transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.1s;

		@media screen and (max-width: 768px) {width: 180px;}	
	}

	img:nth-of-type(2) {transition-delay: 0.4s;}
	
	p {
		color: #fff;
		text-align: center;
		font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
		opacity: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px);
		transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.4s;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: 0.1em;
	}
}

.headersp nav > #nav-obi .open.is-loading img,
nav > #nav-obi .open.is-loading p {
	opacity: 1;
	transform: translate(0, 0);
}

.headersp nav > #nav-obi .open.is-loaded {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.headersp nav > #nav-obi h1 img {width: 130px;}

.headersp nav > #nav-obi.is-fixed h1 img {width: 130px;}

.headersp nav > #nav-obi #open {
	font-size: 24px;
	color: #ff008a;
	background: #fff;
	height: 65px;
	text-align: center;
	margin-right: 10px;
	
	p {
		padding: 14px 10px;
		
		span {
			font-size: 13px;
			display: block;
		}
	}
}

.headersp nav > #nav-obi.is-fixed #open {
	height: 55px;
	
	p {padding: 9px 10px;}
}

.headersp nav .nav-obi .hamburer.is-open span {opacity: 0;}

.headersp nav .nav-obi .hamburer {
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	position: absolute;
	top: 23px;
	right: 30px;
	cursor: pointer;
	width: 52px;
	height: 30px;
	
	@media screen and (max-width: 1000px) {
		width: 40px;
		top: 3vw;
		right: 10px;
	}

}

.headersp nav .nav-obi.is-fixed .hamburer {
	top: 23px;
}

.headersp nav .nav-obi .hamburer.is-open span:first-of-type {
	transform: translate(0, 7px) rotate(0deg);
	
	@media screen and (max-width: 768px) {transform: translate(15px, 6px) rotate(0deg);}
}

.headersp nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
	transform: translate(0, 7px) rotate(0deg);
	opacity: 0;
	
	@media screen and (max-width: 768px) {transform: translate(0, 6px) rotate(0deg);}
}


.headersp nav .nav-obi .hamburer.is-open span:last-of-type {
	transform: translate(0, 7px) rotate(0deg);
	
	@media screen and (max-width: 768px) {transform: translate(0, 6px) rotate(0deg);}	
}

.headersp nav .nav-obi .hamburer:hover span:nth-of-type(2) {
	width: 30px;
}

.headersp nav .nav-obi .hamburer:hover span:last-of-type {
	width: 20px;
}

.headersp nav .nav-obi .hamburer span {
	display: block;
	width: 50px;
	height: 6px;
	background-color: #fff;
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	backface-visibility: hidden;
	opacity: 1;
	box-sizing: border-box;
	padding: 2px 0;
	border-radius: 30px;
	
	@media screen and (max-width: 1000px) {
		background-color: #fff;
		width: 40px;
		height: 4px;
	}	
}

.headersp nav .nav-obi .hamburer span:first-of-type {
	transform: translate(0, -5px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer span:nth-of-type(2) {
	transform: translate(0, 3px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer span:last-of-type {
	transform: translate(0, 11px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer p {
	font-size: 14px;
	text-align: center;
	color: #fff;
	padding-top: 3px;
	
	@media screen and (max-width: 1400px) {
		font-size: 10px;
		color: #fff;
	}	
}

.headersp nav .nav-obi {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	
	.logo {
		margin-top: 0;

		img {width: 130px;}	
	}
}

.headersp nav .nav-obi.is-show {opacity: 1;}

.headersp nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
}

.headersp nav .hamburer-in,
nav .hamburer-in .hamburer-close {
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	opacity: 0;
	z-index: 1000;
}

.headersp nav .hamburer-in {
	left: 0;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
	background-color: rgba(0, 0, 0, 1);
	backface-visibility: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	@media screen and (max-width: 1000px) {background: linear-gradient(to bottom, rgb(176, 6, 6) 0%, rgb(99, 3, 3) 100%);}	
}

.headersp nav .hamburer-in.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2000;
}

.headersp nav .hamburer-in .hamburer-close {
	position: absolute;
	top: 30px;
	right: 20px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	
	span {
		display: block;
		width: 50px;
		height: 5px;
		background-color: #fff;
		position: relative;
		top: -4px;
		left: 0px;
		transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
		transform: rotate(45deg) translate(1px, 0);
		border-radius: 20px;
	}

	p {
		font-size: 10px;
		text-align: center;
		margin: 0 8px 0;
	}
}

.headersp nav .hamburer-in .hamburer-close.is-open,
nav .top-brand__list-item a:hover img[src*="h.png"] {
	opacity: 1;
}

.headersp nav .hamburer-in .hamburer-close.is-open span:first-child {
	transform: rotate(-45deg) translate(-1px, 0);
	top: 1px;
}

.headersp nav .hamburer-in .hamburer-close.is-open span:last-child {
	transform: rotate(45deg);
}

.headersp nav .hamburer-in .hamburer-main {
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;

	@media screen and (max-width: 320px) {margin-top: 40px;}
	
	.h-box {
		box-shadow: unset;
	}

	.box {
		font-size: 1.6rem;
		overflow: hidden;
	}
		
	ul li img {
		width: 100%;
	}

	ul.bna li img {
		width: 165px;
		margin: 0 5px;

		@media screen and (max-width: 320px) {width: 147px;}	
	}
}

/*-- /nav --*/

/***** /sp header *****/

/* all-nav */

header nav {width: 100%;}

nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
	width: 100%;
	opacity: 0.95;
}

nav .nav-obi #nav-menu {
	width: 100%;
	margin: 0 auto;
	
	li {
		box-sizing: border-box;
		padding: 0 1.6%;
		
		@media screen and (max-width: 1200px) {padding: 0 1%;}
		
		a {
			max-height: 80px;
			text-align: center;
			display: block;
			box-sizing: border-box;
			background-size: contain;
			font-size: 1.75vw;
			color:#5a3007;

			@media screen and (max-width: 1200px) {font-size: 1.8vw;}
			
			p:first-of-type {
				font-family: "Open Sans", sans-serif;
				font-weight: 400;
			}
			
			p:last-of-type {
				font-size: 0.8vw;
				font-weight: bold;
				padding-top: 5px;

				@media screen and (max-width: 1200px) {font-size: 1vw;}
			}
	
			img {
				width: 25px;
				margin-right: 10px;

				@media screen and (max-width: 1620px) {width: 20px;}	
			}	
		}
	}

	li:hover a {
		opacity: 0.8;
		color: #000;
	}

	li:hover p {
		opacity: 0.8;
		color: #000;
		transition: 0.3s ease-in-out;
	}
}

/* /all-nav */

.slider-all-back {margin-left: 25%;}

.mainstage.under {
    background: url(../images/under_bg.jpg) no-repeat;
    background-size: 100%;
	height: 22vw;
    max-height: 393px;

	.txtbox {
		z-index: 10;
		text-align: center;

		.titletxt {
				font-family: "Open Sans", sans-serif;
				background: linear-gradient(to bottom,  rgba(134,15,15,1) 6%,rgba(218,34,34,1) 50%,rgba(134,15,15,1) 94%);
				color: transparent;
				-webkit-background-clip: text;
				background-clip: text;
				-webkit-text-fill-color: transparent;
				text-fill-color: transparent;
				font-size: 70px;
				font-weight: bold;
				letter-spacing: 20px;
		}

		.subt {
			font-size: 32px;
			color: #b22c2c;
			margin: 20px auto 0;
		}
	}
}

.slick-vertical .slick-slide {border: none !important;}

/*-- /all --*/

/*-- header --*/

header {
	z-index: 50;
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
}

/* snsbtn */

header .snsbtn {
	z-index: 55;
	position: fixed;
	background: linear-gradient(to bottom, rgb(191, 198, 205) 0%, rgb(255, 255, 255) 50%, rgb(191, 198, 205) 100%);
	width: 70px;
	top: 0;
	right: 0;
	padding: 50px 0 100px;
	box-sizing: border-box;
	border-radius: 0 0 0 80px;

	@media screen and (max-width: 1400px) {
		width: 50px;
		padding: 40px 0 80px;
	}

	@media screen and (max-width: 1200px) {
		width: 40px;
		padding: 30px 0 60px;
	}

	i {
		width: 100%;
		text-align: center;

		img {
			width: 40px;

			@media screen and (max-width: 1400px) {width: 30px;}

			@media screen and (max-width: 1200px) {width: 20px;}
		}
	}

	p {
		margin-top: 10px;
		font-size: 22px;
		height: auto;

		@media screen and (max-width: 1400px) {font-size: 20px;}

		@media screen and (max-width: 1200px) {font-size: 16px;}
	}
}

header .snsbtn:hover {
	transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
	transform: translateY(-10px);
}

/* /snsbtn */

/* snsbtn0 */

.snsbtn0 {
	background: linear-gradient(to right, rgba(132, 116, 82, 1) 15%, rgba(199, 187, 165, 1) 50%, rgba(199, 187, 165, 1) 50%, rgba(132, 116, 82, 1) 85%);
	width: 58%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 40px;
	margin: auto;

	@media screen and (max-width: 1000px) {
		background: #fff;
		background: linear-gradient(20deg, #bfc6cd 0%, #fff 50%, #bfc6cd 100%);
		width: 66%;
		margin: 0;
		padding: 3px;
	}
}

.snsbtn0 i {
	width: 15%;
	text-align: center;

	img {
		width: 3vw;

		@media screen and (max-width: 1000px) {width: 20px;}
	}
}

.snsbtn0 p {
	color: #fff;
	font-size: 2.2vw;
	height: auto;
	letter-spacing: 0;
	width: 68%;

	@media screen and (max-width: 1000px) {
		color: #5a3007;
		margin-left: 11px;
	}
}

/* /snsbtn0 */

header .h-box {
	color: #fff;
	background: linear-gradient(to bottom,  rgba(255,238,204,1) 0%,rgba(239,207,143,1) 100%);
	width: 100%;
	height: 120px;
	font-weight: 400;

	@media screen and (max-width: 1000px) {
		height: auto;
		min-height: 80px;
	}

	.box {overflow: hidden;	}
}

header .h-box .info {
	box-sizing: border-box;
	text-align: center;
	margin-left: 1%;
	width: 43%;

	.tel {
		color:#5a3007;

		p {
			padding-top: 10px;

			img {
				width: 1.8vw;
				vertical-align: super;
			}
		}

		span {
			font-size: 1.9vw;
			margin-left: 5px;
			letter-spacing: 0;

			@media screen and (max-width: 1000px) {font-size: 3vw;}
		}
	}

	.open {
		font-size: 1vw;
		color: #5a3007;
		font-weight: bold;

		@media screen and (max-width: 1200px) {font-size: 13px;}

		@media screen and (max-width: 1000px) {font-size: 1.8vw;}

		span {
			font-size: 10px;
			margin-right: 3px;

			@media screen and (max-width: 1000px) {font-size: 1.8vw;}
		}
	}
}

header #logo {
	width: 43%;
	margin-right: 3%;

	@media screen and (max-width: 1000px) {width: 44%;}

	h1 img {
		width: 100%;
		max-width: 300px;
	}
}

header .h-left {
	width: 35%;

	@media screen and (max-width: 1000px) {width: 51%;}
}

header .h-right {
	width:60%;

	@media screen and (max-width: 1200px) {width: 64%;}

	@media screen and (max-width: 1000px) {
		width: 40%;
		margin-right: 6%;
	}

	nav {display: block;}
}

/*-- /header --*/


/* snsbtn0 */

.hamburer-main .snsbtn0 {
	background: linear-gradient(to right, rgba(132, 116, 82, 1) 15%, rgba(199, 187, 165, 1) 50%, rgba(199, 187, 165, 1) 50%, rgba(132, 116, 82, 1) 85%);
	width: 58%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 40px;
	margin: auto;

	@media screen and (max-width: 1000px) {
		background: linear-gradient(20deg, #bfc6cd 0%, #fff 50%, #bfc6cd 100%);
		width: 66%;
		margin: 0;
		padding: 3px;
	}

	i {
		width: 15%;
		text-align: center;

		img {
			width: 3vw;

			@media screen and (max-width: 1000px) {width: 20px;}
		}
	}

	p {
		color: #fff;
		font-size: 2.2vw;
		height: auto;
		letter-spacing: 0;
		width: 60%;

		@media screen and (max-width: 1000px) {color: #5a3007;}
	}
}

/* /snsbtn0 */

.hamburer-main .h-box {
	background: none;
	position: static;
}

.hamburer-main .h-box .box {
	overflow: hidden;
}

.hamburer-main .h-box .info {
	box-sizing: border-box;
	text-align: center;
	margin-left: 1%;
}

@media screen and (max-width: 414px) {
	.hamburer-main .h-box .info .tel img {
		width: 14px;
	}
}

.hamburer-main .h-box .info .tel span {
	font-size: 1.8vw;
	margin-left: 5px;
	letter-spacing: 0;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .tel span {
		font-size: 3vw;
		color: #fff;
	}
}

.hamburer-main .h-box .info .open {
	font-size: 15px;
	margin-top: 6px;
}

@media screen and (max-width: 1200px) {
	.hamburer-main .h-box .info .open {
		font-size: 13px;
	}
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .open {
		font-size: 1.8vw;
		color: #fff;
	}
}

.hamburer-main .h-box .info .open span {
	font-size: 10px;
	margin-right: 3px;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .open span {
		font-size: 1.8vw;
	}
}

.hamburer-main #logo {
	width: 38%;
}

@media screen and (max-width: 1000px) {
	.hamburer-main #logo {
		width: 44%;
	}
}

.hamburer-main #logo h1 img {
	width: 100%;
	max-width: 230px;
}

.hamburer-main .h-left {
	width: 30%;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-left {
		width: 51%;
	}
}

.hamburer-main .h-right {
	width: 69%;
	margin-right: 10px;
}

@media screen and (max-width: 1200px) {
	.hamburer-main .h-right {
		width: 64%;
	}
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-right {
		width: 40%;
		margin-right: 6%;
	}
}

.global-menu {
	margin-top: 8%;
}

.global-menu ul li {
	width: calc(100% / 2);
	border-bottom: 1px solid;
	box-sizing: border-box;
}

.global-menu ul li:nth-of-type(even) {
	border-left: 1px solid;
}

.global-menu ul li a {
	display: block;
	padding: 5% 0;
	box-sizing: border-box;
}

.global-menu ul li p:first-of-type {
	font-size: 3.4vw;
}

.global-menu ul li p:last-of-type {
	font-size: 2vw;
	margin-top: 6px;
}

/*****/

/*-- top --*/

/*-- verticaltxt --*/

.vtxt {
	writing-mode: vertical-rl;
	height: 60vh;
}

/*-- /verticaltxt --*/

.ttl-box {
	background: url(../images/top-ttl-bg.jpg) center top no-repeat;
	min-height: 160px;
	box-sizing: border-box;
	padding: 15px;
}

/*-- /top --*/

/* form-all */

.formnote {
	text-align: center;
	padding: 50px 0 0;
	font-size: 16px;
	line-height: 32px;
}

.bg-set {
	border-radius: 0 16px 16px 0;
	box-sizing: border-box;
}

.cont_form {
	width: 96%;
	margin: 0px auto;
	max-width: 1200px;
}

.cont_form .att {
	text-align: center;
	font-size: 18px;
	color: #ff0000;
	margin-top: 50px;
}

@media screen and (max-width: 1000px) {
	.cont_form .att {
		font-size: 3.2vw;
		margin-top: 5vw;
	}
}

.cont_form .two {
	width: 50%;
}

.entry-form {
	width: 96%;
	max-width: 1000px;
	margin: 50px auto;
}

.entry-form.cofirm dl:last-of-type dt {
	height: auto;
}

.entry-form dl {
	padding: 5px;
	box-sizing: border-box;
	margin: 15px 0;
}

@media screen and (max-width: 800px) {
	.entry-form dl {
		margin: 4px 0;
	}
}

.entry-form dl dt {
	border: 0px;
	text-align: left;
	color: #5a3007;
	font-size: 24px;
	width: 100%;
	padding-right: 5px;
	box-sizing: border-box;
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1.8;
}

@media screen and (max-width: 800px) {
	.entry-form dl dt {
		font-size: 16px;
		margin-bottom: 2px;
	}
}

.entry-form dl dt span {
	font-weight: normal;
	padding: 0px;
	font-size: 13px;
	margin-left: 15px;
	color: #ff0000;
}

.entry-form dl dt:before {
	content: none;
}

.entry-form dl dd {
	width: 100%;
	line-height: 1.8;
}

.entry-form label {
	display: block;
}

.entry-form label > span {
	width: 100px;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}

.entry-form span.required {
	color: red;
}

.entry-form input.input-field {
	width: 100%;
}

.entry-form input.input-field,
.entry-form .textarea-field,
.entry-form .select-field {
	box-sizing: border-box;
	padding: 15px 15px;
	outline: none;
	line-height: 1.6;
	appearance: none;
	font-size: 18px;
	border: 1px solid #5a3007;
	border-radius: 14px;
}

@media screen and (max-width: 800px) {
	.entry-form input.input-field,
	.entry-form .textarea-field,
	.entry-form .select-field {
		border-radius: 10px;
	}
}

.entry-form .select-field {
	width: 35%;
	height: 45px;
	font-size: 17px;
}

.entry-form .input-field:focus,
.entry-form .textarea-field:focus,
.entry-form .select-field:focus {
	box-sizing: border-box;
	border: 5px solid #5a3007;
	margin: -4px;
}

.entry-form .textarea-field {
	height: 400px;
	width: 100%;
}

@media screen and (max-width: 800px) {
	.entry-form .textarea-field {
		height: 300px;
	}
}

/* form-all-radio */
.f-btn .list_item {
	margin: 0px;
	padding: 24px;
}

.f-btn label {
	line-height: 135%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
	font-size: 20px;
}

.f-btn .option-input {
	position: relative;
	margin: 7px 20px 0px 0px;
	cursor: pointer;
}

.f-btn .option-input::before,
.f-btn .option-input::after {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: -5px;
	width: 15px;
	height: 15px;
	content: "";
	transition: all 0.3s ease-in-out 0s;
	border: 2px solid #333;
	border-radius: 50%;
	background: #ffffff;
}

.f-btn .option-input:after {
	z-index: 0;
	top: 0;
	border: none;
}

.f-btn .option-input:checked:before {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #774491;
}

/* /form-all-radio */

.entry-form .f-submit {
	width: 96%;
	max-width: 680px;
	margin: 20px auto;
}

.entry-form .f-submit label {
	margin: 0;
}

.entry-form input[type="submit"],
.entry-form input[type="button"] {
	background: #5a3007;
	padding: 8px 15px;
	width: 100%;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 100px;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 60px;
	font-weight: 600;
	color: #fff;
}

@media screen and (max-width: 800px) {
	.entry-form input[type="submit"],
	.entry-form input[type="button"] {
		height: 50px;
		font-size: 18px;
	}
}

.entry-form input[type="submit"]:hover,
.entry-form input[type="button"]:hover {
	opacity: 0.8;
}

.entry-form dd.select {
	position: relative;
}

.entry-form dd.select label::before {
	position: absolute;
	top: 0.9em;
	right: 17.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: "";
	border-left: 9px solid transparent;
	border-right: 8px solid transparent;
	border-top: 15px solid #000;
	pointer-events: none;
}

.entry-form dd.select select option {
	line-height: 1;
}

.parsley-custom-error-message,
.parsley-required,
.parsley-equalto,
.parsley-errors-list filled {
	color: #f00;
	font-size: 15px;
	padding: 4px;
}

.entry-form dl dt.item {
	color: #9d8aee;
}

.entry-form dl dd.form-txt {
	font-size: 16px;
	padding: 10px 0;
}

/* form-all-select */
.entry-form .select {
	background: #fff;
	box-sizing: border-box;
	padding: 3px;
	outline: none;
	line-height: 2;
	appearance: none;
	font-size: 18px;
	border: 1px solid #ccc;
	position: relative;
}

.entry-form .select::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	right: 18px;
	top: 46%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 3px solid #8c8a8b;
	border-right: 3px solid #8c8a8b;
}

.entry-form .select2 {
	background: #ffffff;
	padding: 7px;
	width: 140px;
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: 0;
}

@media screen and (max-width: 1700px) {
	.entry-form .select2 {
		width: 7.8vw;
	}
}

@media screen and (max-width: 1400px) {
	.entry-form .select2 {
		width: 6.8vw;
	}
}

.entry-form label {
	font-size: 16px;
}

.entry-form .select2::after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	right: 18px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 1px solid #282828;
	border-right: 1px solid #282828;
	z-index: -1;
}

.entry-form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #333;
	font-size: 18px;
	width: 100%;
	height: 100%;
	padding: 8px;
}

/* /form-all-select */

::placeholder {
	color: #ccc;
}

/* /form-all */

/* confirm */

.submit-box {
	width: 680px;
	margin: 0 auto;
}

.confirm .check {
	text-align: center;
}

.entry-form dl dt {
	height: auto;
	background: none;
	border-radius: 0;
}

.entry-form.confirm dl dd {
	border-bottom: 2px solid #000;
	font-size: 28px;
}

@media screen and (max-width: 800px) {
	.entry-form.confirm dl dd {
		font-size: 20px;
	}
}

@media screen and (max-width: 414px) {
	.entry-form.confirm dl dd {
		font-size: 16px;
	}
}

.entry-form.confirm button {
	background: #ac9784;
	padding: 8px 15px;
	width: 100%;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 80px;
	font-size: 24px;
	color: #fffdfd;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.entry-form.confirm button {
		height: 50px;
		font-size: 18px;
	}
}

.entry-form.confirm button:hover {
	opacity: 0.8;
}

.confirm .check {
	text-align: center;
	font-size: 30px;
	margin: 50px auto;
}

@media screen and (max-width: 1000px) {
	.confirm .check {
		font-size: 24px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 600px) {
	.confirm .check {
		font-size: 22px;
	}
}

@media screen and (max-width: 414px) {
	.confirm .check {
		font-size: 16px;
	}
}

/* /confirm */

/* thanks */

.thanks h4 {
	text-align: center;
	font-size: 34px;
}

@media screen and (max-width: 1000px) {
	.thanks h4 {
		font-size: 30px;
	}
}

@media screen and (max-width: 414px) {
	.thanks h4 {
		font-size: 28px;
	}
}

.thanks h4 span {
	border-bottom: 2px solid #000;
}

.thanks .check {
	text-align: center;
	font-size: 30px;
	margin: 100px auto;
	line-height: 2;
	width: 90%;
}

@media screen and (max-width: 1000px) {
	.thanks .check {
		font-size: 24px;
		margin: 60px auto;
		line-height: 1.5;
	}
}

@media screen and (max-width: 600px) {
	.thanks .check {
		font-size: 22px;
	}
}

@media screen and (max-width: 414px) {
	.thanks .check {
		font-size: 20px;
		margin: 50px auto;
	}
}

.thanks .prevbtn {
	margin: 50px auto;
	text-align: center;
	width: 100%;
	max-width: 600px;
}

.thanks .prevbtn a {
	background: #ac9784;
	padding: 25px 20px;
	width: 94%;
	margin: 0 auto;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 80px;
	font-size: 28px;
	color: #fffdfd;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	display: block;
}

@media screen and (max-width: 1000px) {
	.thanks .prevbtn a {
		padding: 20px;
		height: auto;
		font-size: 24px;
	}
}

.thanks .prevbtn a:hover {opacity: 0.8;}

/* /thanks */

/*-- /under --*/

/*** entry-form input ***/

.entry-form input[type="submit"]:disabled {
	background: #ccc;
	cursor: not-allowed;
}

.entry-form input[type="submit"]:disabled:hover {
	opacity: 1;
}

/*** /entry-form input ***/


/* slick 崩れ防止 */

.maincover_slide,
.slider-txt-back {display: none;}

.maincover_slide .slick-initialized,
.slider-txt-back .slick-initialized {display: block; /*slick-initializedが付与されたら表示*/}

/* /slick 崩れ防止 */

/* fukidasi */

.fuki {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 4%;
	border: 1px solid #5a3007;
	border-radius: 3px;
	color: #5a3007;
	background:#f7f7f7;
}

.fuki::before {
	content: "";
	position: absolute;
	top: 0;
	left: 24.777%;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #5a3007;
	translate: -50% -100%;
}

.fuki::after {
	content: "";
	position: absolute;
	top: 0;
	left: 25%;
	border-style: solid;
	border-width: 0 0 39px 39px;
	border-color: transparent transparent #f7f7f7;
	translate: calc(-50% + 0.2px) -100%;
}

/* /fukidasi */

/* linkbutton */

.lnkbox {
	text-align: center;
}

.link_btn {
    display: inline-block;
    width: 94%;
    max-width: 400px;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
    outline: none;
    color: #fff;
    background: linear-gradient(to right, rgba(134, 15, 15, 1) 6%, rgba(218, 34, 34, 1) 50%, rgba(134, 15, 15, 1) 92%);
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
	border-radius: 40px;
	
	.text {font-size:20px;}
}

.link_btn:hover {
  transform: scale(1.1,1.1);
}

.link_btn::before {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 30px;
  top: 0;
  transform: rotate(45deg);
  transition: right .3s;
}

.link_btn:hover::before {
  right: 25px;
}

/* /linkbutton */

/* #txt-back  */

#txt-back {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#txt-back .ttt {
	font-size: 6vw;
	color: rgba(195, 0, 0, 0.6);
	opacity: 0.6;
	height: 6vw;
	letter-spacing: 0;
}


/* /#txt-back  */

.title-con {
	text-align: center;
	font-weight: bold;
	
	.main-t {
		background: linear-gradient(to bottom,  rgba(134,15,15,1) 6%,rgba(218,34,34,1) 50%,rgba(134,15,15,1) 94%);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
		font-size: 6.8vw;
		
	}
	
	.sub-t {
		font-size: 50px;
		color: #5a3007;
	}	
}

/*** maincover ***/

.maincover {
	margin-top: 160px;
	background: url(../images/cover_bg.jpg) center top no-repeat;
	background-size: cover;

}

.maincover .cover-box {
	position: relative;

	.box01 {
		z-index: 10;
		width: 44%;

		h2 {
			padding-left: 7%;

			img {
				width: 100%;
				max-width: 1000px;
			} 
		}
	}

	.box02 {
		z-index: 10;
		width: 55%;

		.maincover_slide {

			img {width: 50vw;}
		}
	}

}

/*** /maincover ***/

/*** maincont 01 ***/

#maincont01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../images/bg_cont01.jpg);
	background-size: cover;
	position: relative;
}

#maincont01 .stage01 {
	padding: 0 0;

	.box {

		.sideimage {
			width: 30%;
            height: 45vw;
			
			.mainside_slide {
				img {}
			}
		}

		.infomation {
			width: 60%;
            padding: 80px 3% 0 6%;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {margin-top: 40px;text-align: left;}
				
				.sub-t {
					color: #fff;
					font-weight: normal;
					text-align: left;
					font-size: 2vw;

					span {
						padding: 0 2%;
						background: linear-gradient(to bottom,  rgba(134,15,15,1) 6%,rgba(218,34,34,1) 50%,rgba(134,15,15,1) 94%);
					}
				}
			}

			.c1txt {
				width: 100%;
                text-align: center;
                margin: 5% auto;
                gap: 1%;
				
				figure {
					width: calc(97% / 3);
					img {width: 15vw;}
				}
				
				figure:last-of-type {
					img {width: 17.3vw;}
				}
			}
			
			.snsinfo {
				p {
					font-weight: bold;
					font-size: 3vw;
					text-align: center;
					
					span {
						background: linear-gradient(to right,  rgba(91,46,4,1) 0%,rgba(137,82,28,1) 50%,rgba(91,46,4,1) 99%); 
						color: #fff;
						margin-right: 2%;
					}
				}
			}					
		}
	}
}

/*** /maincont 01 ***/

/*** maincont 02 ***/

#maincont02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../images/bg_cont00.jpg);
	background-size: cover;
	position: relative;
}

#maincont02 .stage01 {
	padding: 5% 5%;
	box-sizing: border-box;
	
	.cont-logo {
		text-align: center;
		img {width:100%;max-width: 1000px;}
	}
	
	.box {

		.sideimage {
			width: 38%;
			
			img {width: 100%;}
		}

		.infomation {
			width: 62%;
            padding:0 1% 0 5%;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {text-align: left;}
				
				.sub-t {
					text-align: left;
					font-size: 2vw;
					margin-top: 1%;
					line-height: 1.4;			
				}
			}

			.c1txt {
				width: 100%;
				text-align: left;
				margin: 50px auto;
				position: relative;
				
				p {line-height: 1.4;font-size: 1.8vw;}
				
				.txt1 {
					span {color: #ca1f1f;}
				}
				
				.txt2 {
					color: #ca1f1f;
					font-size: 76px;
					margin: 20px 0;
				}
				
				.txt3 {
					line-height: 1.6;
					position: relative;
					span {
						color: #ca1f1f;
					}
					
					.border {position: relative; color: #5b2e04;}	
					.border::before {
						content: "";
						position: absolute;
						top: 12px;
						left: 0;
						width: 100%;
						height: 3vh;
						background: #feb1d2;
						z-index: -1;
					}
					
					.border::after {}
				}
			}			
		}
	}
}

#maincont02 .stage02 {
	padding: 0 5% 5%;
	box-sizing: border-box;
	
	.cont-logo {
		text-align: center;
		img {width:100%;max-width: 1000px;}
	}
	
	.box {

		.sideimage {
			width: 40%;
			
			img {width: 100%;}
		}

		.infomation {
			width: 60%;
            padding:0 3%;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {text-align: left;}
				
				.sub-t {
					text-align: left;
					font-size: 30px;
					margin-top: 10px;
					line-height: 1.4;			
				}
			}

			.c1txt {
				width: 100%;
				text-align: left;
				margin: 50px auto;
				position: relative;
				
				p {line-height: 1.6;font-size: 30px;}
				
				.txt1 {
					span {color: #ca1f1f;}
				}
				
				.txt2 {
					color: #ca1f1f;
					font-size: 30px;
					margin: 20px 0;
				}
				
				.txt3 {
					line-height: 1.6;
					position: relative;
					span {
						color: #ca1f1f;
					}
					
					.border {position: relative; color: #5b2e04;}	
					.border::before {
						content: "";
						position: absolute;
						top: 12px;
						left: 0;
						width: 100%;
						height: 3vh;
						background: #feb1d2;
						z-index: -1;
					}
					
					.border::after {}
				}
			}				
		}	
	}
	
	.c2txt {
		width: 100%;
		margin: 50px auto;

		p {line-height: 1.6;font-size: 30px;}

		.txt1 {
			margin: 0;
			text-align: center;

			img {		
				width: 100%;
				max-width: 1000px;
			}
		}

		.txt2 {
			font-size: 30px;
			margin: 50px 0 0;
			text-align: center;
			
			span {color: #ca1f1f;}			
		}
	}
}

/*** /maincont 02 ***/

/*** maincont 03 ***/

#maincont03 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../images/bg_cont02.jpg);
	background-size: cover;
	position: relative;
}

#maincont03 .stage01 {
	padding: 5% 5% 0;
	box-sizing: border-box;
		
	.box {

		.sideimage {
			width: 40%;
			
			img {width: 100%;}
		}

		.infomation {
			width: 60%;
            padding:0 3% 0 6%;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {text-align: left;font-size: 8vw;}
				
				.sub-t {
					text-align: left;
					font-size: 4vw;
					margin-top: 1%;
					line-height: 1.4;			
				}
			}

			.c1txt {
				width: 100%;
				text-align: left;
				margin: 5% auto;
				position: relative;
				
				p {
					background: linear-gradient(to right,  rgba(235,175,0,1) 0%,rgba(218,0,22,1) 23%,rgba(218,0,138,1) 44%,rgba(117,0,215,1) 76%,rgba(19,237,255,1) 100%);
					line-height: 1.4;
					font-size: 1.8vw;
					color: #fff;
					text-align: center;
					border-radius: 22px;
                    padding: 1% ;
                    box-sizing: border-box;
					margin-bottom: 5%;
				}	
			}			
		}
	}
}

#maincont03 .stage02 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {

		.main-t {text-align: center;font-size: 8vw;}

		.sub-t {
			text-align: center;
			font-size: 50px;
			margin-top: 10px;
			line-height: 1.4;			
		}
	}

	.box {
		justify-content: center;
		max-width: 1600px;
		margin: 20px auto;
		position: relative;
		gap: 15px;
						
		.imgbox {
			width: calc(90% / 3);
			margin: 0 1%;
            box-sizing: border-box;
						
			.reason {
				color: #c30000;
				font-size: 1.6vw;
                width: 100%;
                text-align: center;

				span {
					color: #fff;
                    background: #c30000;
                    padding: 2px;
                    box-sizing: border-box;
                    border-radius: 42px;
                    margin-right: 0.5%;
				}
			}

			figure {
				
				margin-top: 24px;
				
				img {width: 100%;}	
			}
		}
	}
}

#maincont03 .stage03 {
	padding: 5% 5%;
	box-sizing: border-box;
	
	.title-con {

		.main-t {text-align: center;font-size: 8vw;}

		.sub-t {
			text-align: center;
			font-size: 50px;
			margin-top: 10px;
			line-height: 1.4;			
		}
	}

	.box {
		justify-content: center;
		max-width: 1600px;
		margin: 20px auto;
		position: relative;
		gap: 15px;
						
		.imgbox {
			width: calc(90% / 2);
			margin: 0 1%;
            box-sizing: border-box;
			
			.reason {
				color: #c30000;
				font-size: 28px;
				span {
					color: #fff;
                    background: #c30000;
                    padding: 2px;
                    box-sizing: border-box;
                    border-radius: 42px;
                    margin-right: 5px;
				}
			}

			figure {
				
				margin: 24px 0 50px;
				
				img {width: 100%;}	
			}
			
			.begtxt {

				p {
					line-height:1.5;
					text-align: center;
				}
				
				.txt1 {
					color: #c30000;
					font-size: 2vw;					
				}
				
				.txt2{
					font-size: 1.8vw;					
				}
			}	
		}
	}
}

/*** /maincont 03 ***/

/*** maincont 04 ***/

#maincont04 {
	width: 100%;
	padding: 5% 0;
	box-sizing: border-box;
	overflow: hidden;
	background: linear-gradient(to bottom,  rgba(255,251,220,1) 0%,rgba(255,255,255,1) 50%,rgba(255,251,220,1) 100%);
	background-size: cover;
	position: relative;
	
	.lnkbox {
		margin-top: 50px;
	}
}

#maincont04 .stage01 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {

		.main-t {text-align: center;font-size: 8vw;}

		.sub-t {
			text-align: center;
			font-size: 50px;
			margin-top: 10px;
			line-height: 1.4;			
		}
	}
}
	
#maincont04 .stage01 .box {
	justify-content: center;
	max-width: 1600px;
	margin: 20px auto;
	position: relative;
	gap: 15px;
}
						
#maincont04 .stage01 .box .imgbox {
	width: calc(90% / 3);
	margin: 0 1%;
	box-sizing: border-box;
	position: relative;
			
	.mess {
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 10px;
	}

	figure {
		margin-top: 24px;
		border-radius: 24px;
		overflow: hidden;

		img {width: 100%;}	
	}

	.name {
		position: absolute;
		bottom: 55px;
		left: -22px;
		background: #c30000;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 28px;
		padding: 2% 5%;
		width: 60%;
		box-sizing: border-box;
		overflow: unset;
		z-index: 20;
	}
}

/****-- voice slider --****/

#voice-slider {
	width: 100%;
	padding: 5% 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;	
}

#voice-slider .voice_slide  {

	figure.space {padding: 0 15px;}

	figure img {width: 50vw;}

	.slick-dots {
		text-align: center;
		position: absolute;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		padding-left: 0;

		li {
			width: 35px;
			margin: 2.7vw 5px 0;

			@media screen and (max-width: 1680px) {margin: 2vw 5px 0;}

			@media screen and (max-width: 1500px) {margin: 2.5vw 5px 0;}

			@media screen and (max-width: 1300px) {margin: 2.3vw 5px 0;}
			
			button:before {
				font-size: 25px;
				
				@media screen and (max-width: 1680px) {font-size: 20px;}
			}	
		}
	}
}

#voice-slider .btn_prev,
#voice-slider .btn_next {
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

#voice-slider .btn_prev {left: 0;}

#voicep-slider .btn_next {right: 0;}

/*** /voice-slider ***/

/*** /maincont 04 ***/

/*** maincont 05 ***/

#maincont05 {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

#maincont05 .stage01 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {
		padding: 5% 0 0;

		.sub-t {margin-bottom: 1%;}
		.main-t {text-align: center;font-size: 7vw;}
	}

	.box {
		justify-content: center;
		width: 100%;
		margin: 20px auto;
		position: relative;
						
		.imgbox {
			width: 100%;
			margin: 2% 1%;
            box-sizing: border-box;
			position: relative;
			
			img {width: 100%;max-width: 1600px;}	
		}

		.flowbox {
			width: 100%;
            margin-left: 4%;

			dl {
				width: calc(100% / 3);
                padding-left: 4%;
                box-sizing: border-box;

				dt {
					text-align: left;
					color: #c30000;
					font-size: 28px;	
				}

				dd {
					margin-top: 1%;
					line-height: 1.5;
					font-size: 20px;	
				}
			}	

		}	
	}
}

#maincont05 .stage02 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.boxpc {
		max-width: 1500px;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        margin: 2% auto 5%;
		
		.use {
			
			figure {

				img {width: 100%;max-width: 1500px;}
			}
			
			p {
				color: #c30000;
                margin-top: 3%;
                font-size: 30px;
			}

		}
	}

	.box {
		max-width: 1500px;
        position: relative;
        padding: 1%;
        border: 2px solid #c30000;
        border-radius: 20px;
        box-sizing: border-box;
        width: 100%;
        margin: 2% auto 5%;
		justify-content: space-evenly;

		.usepc {
			width: 20%;

			figure {
				margin-right: 3%;
				img {}
							}
			
			p {}

		}

		.use {
			width: 20%;

			figure {
				margin-right: 3%;
				img {}
							}
			
			p {width: 70%;}

		}

		.plus {width: 10%!important;}
	}
}

/*** /maincont 05 ***/

/*** maincont 06 ***/

#maincont06 {
	width: 100%;
	padding: 8% 0;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../images/bg_cont03.jpg);
	background-size: cover;
	position: relative;
}

#maincont06 .stage01 {
	padding: 0;

	.box {

		.cimage {
			width: 100%;
			max-width: 2000px;
			
			.centerside_slide1, 
			.centerside_slide2 {
				
				figure {
				img {width:23vw!important ;}
					}
			}
		}

		.infomation {
			width: 100%;
            padding:5% 0;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {
					font-size: 3vw;
                    line-height: 1;
					text-align: center;
					background: linear-gradient(to right,  rgba(90,48,7,1) 12%,rgba(137,82,29,1) 50%,rgba(90,48,7,1) 89%);
					color: transparent;
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
					text-fill-color: transparent;
				}		
			}
		}
	}
}

/*** /maincont 06 ***/

/*** maincont 07 ***/

#maincont07 {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background-size: cover;
	background-image: url(../images/bg_cont04.jpg);
	
	.bgbox {position: relative;
	
		.bg01 {position: absolute;top: 0;left:0;}
		.bg02 {position: absolute;bottom: 0;right:0;}
	}
}

#maincont07 .stage01 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {
		padding: 5% 0 0;

		.main-t {text-align: center;font-size: 7vw;}
	}

	.box {
		justify-content: center;
		max-width: 1500px;
		margin: 20px auto;
		position: relative;
		gap: 15px;
						
		.imgbox {
			width: calc(90% / 2);
			margin: 2% 1%;
            box-sizing: border-box;
			position: relative;
						
			h4 {
				font-family: "Open Sans", sans-serif;
                position: absolute;
                top: 6vw;
                left: 1vw;
                font-size: 4vw;
                font-weight: bold;
                color: rgba(255, 214, 214, .6);
                z-index: -1;
				width: auto;
                height: 100%;
			}
			
			.grattl {
				color: #c30000;
				text-align: center;
				font-size: 28px;	
			}

			.border {
				display: block;
				text-align: center;
				margin: 30px auto 0; 
				width: 50px;
				border-bottom: solid 1px #c30000;
			}
			
			figure {	
				margin: 20px auto;
                text-align: center;
				
				img {width: 31vw;max-width: 493px;}	
			}
		}
	}
}

#maincont07 .stage02 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-sub {
		position: relative;
		
		.sub-ttl {
			text-align: center;
            font-size: 7vw;
            font-family: "Open Sans", sans-serif;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            font-weight: bold;
            color: rgba(255, 214, 214, .6);
            z-index: -1;
            width: 100%;
		}
	}

	.box {
		justify-content: center;
        max-width: 1500px;
        position: relative;
        gap: 15px;
        padding: 3% 0;
						
		.imgbox {
			width: calc(90% / 3);
			margin: 2% 1%;
            box-sizing: border-box;
			position: relative;
						
			figure {	
				margin: 20px auto;
                text-align: center;
				
				img {width: 100%;max-width: 437px;}	
			}
		}
	}
}

/*** /maincont 07 ***/

/*** maincont 08 ***/

#maincont08 {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background-size: cover;
	background-image: url(../images/bg_cont05.jpg);
}

#maincont08 .stage01 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {
		padding: 5% 0 0;

		.main-t {text-align: center;font-size: 4.8vw;}
	}

	.title-sub {
		position: relative;
		
		.sub-ttl {
			text-align: center;
            font-size: 7vw;
            font-family: "Open Sans", sans-serif;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            font-weight: bold;
            color: rgba(255, 214, 214, .6);
            z-index: -1;
            width: 100%;
		}
	}

	.box {
		justify-content: center;
        max-width: 1600px;
        position: relative;
        gap: 15px;
        padding: 3% 0;
						
		.imgbox {
			width:100%;
            box-sizing: border-box;
			position: relative;
						
			.txtimg1 {	
				margin: 20px auto;
                text-align: center;
				
				img {width: 100%;max-width: 1200px;}	
			}
			
			.txtimg2 {	
                text-align: center;
				
				img {width: 100%;max-width: 1300px;}	
			}
			
			figure {	
				margin: 20px auto;
                text-align: center;
				
				img {width: 100%;max-width: 437px;}	
			}
		}
	}
}

#maincont08 .stage02 {
	padding: 0 5%;
	box-sizing: border-box;
	
	.title-con {
		padding: 5% 0 0;

		.main-t {text-align: center;font-size: 6vw;}

		.sub-t {
			font-size: 2vw;
			line-height: 1.5;
		}
	}

	.title-sub {
		position: relative;
		
		.sub-ttl {
			text-align: center;
            font-size: 7vw;
            font-family: "Open Sans", sans-serif;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            font-weight: bold;
            color: rgba(255, 214, 214, .6);
            z-index: -1;
            width: 100%;
		}
	}

	.box {
		justify-content: center;
        max-width: 1500px;
        position: relative;
        gap: 15px;
        padding: 3% 0;
						
		.imgbox {
			width: calc(90% / 2);
			margin: 2% 1%;
            box-sizing: border-box;
			position: relative;
						
			figure {	
				margin: 20px auto;
                text-align: center;
				
				img {width: 100%;max-width: 773px;}	
			}
		}
	}
}

/*** /maincont 08 ***/

/*** maincont 09 ***/

#maincont09 {
	width: 100%;
	margin: 0 auto;
	padding: 5%;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../images/bg_cont06.jpg);
	background-size: cover;
	position: relative;	
}

#maincont09 .stage01 {
	padding: 5% 0 0;
	box-sizing: border-box;
		
	.title-con {

		.main-t {font-size: 5vw;}

		.sub-t {
			font-size: 3vw;
			margin-top: 10px;
		}
	}
		
	.box {
		padding: 5% 3%;
		box-sizing: border-box;
		
		.sideimage {
			width: 30%;
			
			img {width: 100%;max-width: 429px;}
		}

		.infomation {
			width: 69%;
            padding:0 3%;
            box-sizing: border-box;
					
			.c1txt {
				width: 100%;
				text-align: left;
				margin: 50px auto;
				position: relative;
				
				p {line-height: 1.6;font-size: 20px;}
				
				.txt1 {
					
				}
				
				.txt2 {
					color: #ca1f1f;
					margin: 50px 0;
				}
			}				
		}	
	}
}

#maincont09 .stage02 {
	padding: 0 0;

	.box {

		.infomation {
			width: 100%;
            padding: 5% 0;
            box-sizing: border-box;
					
			.title-con {
				
				.main-t {margin-top: 20px;}
				
				.sub-t {

				}
			}

			.c1txt {
				width: 100%;
				text-align: center;
				margin: 0 auto;
				gap: 1%;
				
				figure {
					width: calc(95% / 5);
					img {width: 100%;max-width: 257px;}
				}			
			}
		}
	}
}

/*** /maincont 09 ***/

/****-- top slider --****/

#top-slider {
	width: 100%;
	padding: 5% 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	
}

#top-slider .top_slide  {

	figure.space {padding: 0 15px;}

	figure img {width: 50vw;}

	.slick-dots {
		text-align: center;
		position: absolute;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		padding-left: 0;

		li {
			width: 35px;
			margin: 2.7vw 5px 0;

			@media screen and (max-width: 1680px) {margin: 2vw 5px 0;}

			@media screen and (max-width: 1500px) {margin: 2.5vw 5px 0;}

			@media screen and (max-width: 1300px) {margin: 2.3vw 5px 0;}
			
			button:before {
				font-size: 25px;
				
				@media screen and (max-width: 1680px) {font-size: 20px;}
			}	
		}
	}
}

#top-slider .btn_prev,
#top-slider .btn_next {
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

#top-slider .btn_prev {left: 0;}

#top-slider .btn_next {right: 0;}

/*** /top-slider ***/

/*** ban-area ***/

.ban-area {
	
	box-sizing: border-box;
	text-align: center;
	
	img {width: 100%;max-width: 1600px;}
}

/*** /ban-area ***/

/****-- top offer --****/

#offer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/* offer .stage01 */

#offer .stage01 {
	position: relative;
	padding: 80px 3%;
	
	.offer-box {
		width: 100%;
        max-width: 1200px;
        margin: 50px auto 0;
		
			border: 1px solid #5a3007;
			border-radius: 14px;
			box-sizing: border-box;
		
		dl {
			border-bottom: 1px solid #5a3007;
		
			dt,dd {
				box-sizing: border-box;
				font-size: 20px;
				font-weight:bold;
				padding: 30px 2%;
			}
						
			dt {
				color: #c30000;
				width: 25%;
				text-align: center;
			}
			
			dd {
				width: 75%;
				text-align: left;
				border-left: 1px solid #5a3007;
				line-height: 1.5;
				
				img {width: 100%;max-width: 200px;}
				
				a {text-decoration: underline}
				
			}
		}
		
		dl:last-of-type {
			border-bottom: 0;
		}	
	}
}
/* /offer .stage01 */

/****-- /top offer --****/

/*-- footer --*/

#footer {
	padding: 0px;
	font-size: 1.6rem;
	background: linear-gradient(to bottom,  rgba(255,238,204,1) 0%,rgba(239,207,143,1) 100%);
	z-index: 10;
	position: relative;
	color: #fff;
}

#footer .inner {
	padding: 50px 0;
	box-sizing: border-box;
}


#footer .nav {
	padding: 10px 0px 0px;
	width: 45%;

	ul {
		margin-top: 24px;

		li {width: calc(100% / 4);}

		p {font-size: 14px}

		a {
			position: relative;
			color: #5a3007;
		}

		a.line:hover {
			opacity: 0.8;
			color: #db3636;
		}

		a.line:hover::after {
	            content: ">";
            left: -11%;
            position: absolute;
            font-family: cursive;
            top: -3px;
		}

	}
}

#footer .info-box {
	text-align: center;
	padding: 15px 0;
	width: 30%;

	img {
		width: 80%;
		max-width: 380px;
	}

	.info .mail {
		font-size: 18px;

		span {font-size: 16px;}
	}
}

#footer .add {background: #000;}

#footer address {
	font-size: 13px;
	color: #5a3007;
	text-align: center;
	padding: 15px 0;
	background: #ffeecc;
}

/*-- /footer --*/

/****************-- Under page --****************/

/****-- faq.html --****/

#faq {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#faq .stage01 {
	position: relative;
	padding: 80px 0;
}

.qa-tab {
	position: relative;
	overflow: hidden;
	margin: 50px auto 0;
	padding: 20px 40px 8px;
	width: 96%;
	max-width: 1200px;
	z-index: 5;
	background: #fff;
	box-sizing: border-box;
	border: 3px solid #efafaf;
	border-radius: 10px;

	span {
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
		background: #5a3007;
		text-align: center;
		color: #fff;
		font-size: 32px;
		width: 40px;
		height: 40px;
		padding: 3px;
		border-radius: 80px;
	}

	input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

	label {
		display: flex;
		align-items: center;
		line-height: 1.2;
		position: relative;
		cursor: pointer;
		padding: 0 0 12px 0;
	}

	.que {
		width: 87%;
		display: inline-block;
		font-size: 24px;
		color: #5a3007;
	}
}

.qa-tab .qa-info {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #d8d8d8;

	.inner {
		color: #5a3007;
		border-top: 2px solid;
	}

	p {
		margin: 20px 0;
		line-height: 25px;
		width: 92%;
	}

	p:first-of-type {
		margin: 20px 0;
		line-height: 25px;
		width: 5%;
		font-size: 30px;
	}

	.link-box {margin: 20px 0 50px;}
}

/* :checked */
.qa-tab input:checked ~ .qa-info {max-height: 40em;}

/* Icon */
.qa-tab label::after {
	line-height: 3;
	position: absolute;
	top: -25px;
	right: -38px;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}

.qa-tab input[type="checkbox"] + label::after {
	content: ">";
	color: #5a3007;
	transform: rotate(90deg);
	font-family: fangsong;
	font-size: 30px;
}

.qa-tab input[type="checkbox"]:checked + label::after {
	transform: rotate(269deg);
}

/****-- /faq.html --****/

/****-- apply.html --****/

#apply {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#apply .stage01 {
	position: relative;
	padding: 80px 0;

	@media screen and (max-width: 1000px) {padding: 8vw 0;}

	.title {

		h3 {text-align: center;font-size: 50px; }
	}
}

/****-- /apply.html --****/

/****-- contact.html --****/

#contact {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#contact .stage01 {
	position: relative;
	padding: 80px 0;

	@media screen and (max-width: 1000px) {padding: 8vw 0;}

	.title {

		h3 {text-align: center;font-size: 50px; }
	}
}

/****-- /contact.html --****/

/*** blog.html ***/

#blog .cont {
	background: #fff;
	position: relative;
	padding: 80px 2% 120px;
	box-sizing: border-box;

	.box {
		justify-content: flex-start;
		max-width: 1200px;
		margin: 50px auto 0;
		gap: 1%;
	}

	.b-box {
		background: #fff7e6;
		width: calc(97.5% / 3);
		z-index: 10;
		box-sizing: border-box;
		margin: 0 0 20px;
		border-radius: 20px;

		figure img {width: 100%;}
	}
}

#blog .cate {
	justify-content: space-between;
	margin: 3% 4%;
	height: 28px;

	.icon {
		background: #5a3007;
		box-sizing: border-box;
		padding: 5px 14px;
		border-radius: 28px;
		color: #fff;
		min-width: 120px;
        min-height: 25px;
		text-align: center;
	}
}

#blog .sc {
	width: 80%;
	margin: 15px auto 0;

	li {
		width: calc(95% / 5);
		height: auto;
		margin: 0.5%;
	}

	.opt {
		background: #5a3007;
		color: #fff;
		box-sizing: border-box;
		padding: 4% 2%;
		border-radius: 28px;
		display: block;
		height: auto;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
	}

	.opt:hover {
		background: #000;
		color: #fff;
		opacity: 1;
	}

	.opt.on {
		background: #fff;
		color: #685141;
	}
}

.b-frame {
	overflow: hidden;
    padding-bottom: 2%;

	figure {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		        max-height: 250px;
				min-height: 250px;

		img {
			width: 100%;
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: 0.7s ease-in-out;
			transition: 0.7s ease-in-out;
		}
	}

	a:hover {
		color: #5a3007;
		transition: 0.7s ease-in-out;
	}

	figure:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.ttl {
		position: relative;
		font-weight: 500;
		font-size: 1.4vw;
		font-weight: bold;
		color: #c30000;
		text-align: left;
		margin-top: 1vw;
		padding: 5% 5% 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.txt {
		position: relative;
		font-weight: 500;
		font-size: 1vw;
		line-height: 1.5;
		font-weight: bold;
		text-align: left;
		padding: 5%;
		height: 3vw;
		overflow: auto;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;

	}

	h4 {
		position: relative;
		font-size: 1.4vw;
		text-align: left;
		margin-top: 1vw;
		height: 25px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	h4:hover {color: #5a3007;}
}

.pagination {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto;
	justify-content: space-around;

	li .nolink {
		pointer-events: none;
		color: #a8a8a8;
	}

	li .rev {
		text-decoration: underline;
	}
}

/* detail */
#blog.detail .s-box {
	background: none;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0;
	box-sizing: border-box;
	border-radius: 28px;
}

#blog.detail .revbtn {
	background: #ac9784;
    color: #fff;
    box-sizing: border-box;
    padding: 18px;
    border-radius: 28px;
    display: block;
    height: auto;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    margin: auto;
    max-width: 400px;
}

#blog.detail .d-area {
	margin: 50px auto;
	width: 100%;

	h4 {
		color: #c30000;
		background: #fff7e6;
		text-align: center;
		padding: 20px;
		font-size: 30px;
		box-sizing: border-box;
	}

	.d-info {
		margin: 15px auto;

		.d-icon {
			color: #fff;
			background: #5a3007;
			border-radius: 30px;
			padding: 2px 14px;
			margin-right: 10px;
		}
	}

	.blog_area {

		div {
			max-width: 100% !important;
			box-sizing: border-box;
		}

		img {
			display: block;
			margin: auto;

			@media screen and (max-width: 1200px) {max-width: 100%;}
		}

		.com {
			margin-top: 30px;
			font-size: 18px;
			line-height: 1.5;
		}
	}
}

/* /detail */

/*** blog.html ***/

/*** article.html ***/

#article {

	.b-frame {
		overflow: hidden;

		figure {
			margin: 0;
			padding: 0;
			overflow: hidden;
			position: relative;

			img {
				width: 100%;
				-webkit-transform: scale(1);
				transform: scale(1);
				-webkit-transition: 0.7s ease-in-out;
				transition: 0.7s ease-in-out;
			}
		}

		a:hover {
			color: #5a3007;
			transition: 0.7s ease-in-out;
		}

		figure:hover img {
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		
		.ttl {
			position: relative;
			font-weight: 500;
			font-size: 1.4vw;
			font-weight: bold;
			text-align: left;
			margin-top: 10px;
			color: inherit;
			padding: 0;
		}

	}
}

#article .cont {
	background: #fff;
	position: relative;
	padding: 80px 2% 120px;
	box-sizing: border-box;

	.box {
		justify-content: flex-start;
		max-width: 1600px;
		margin: 50px auto 0;
		gap: 15px;

		h3 {
			text-align: center;
			font-size: 30px;
			margin: 0 auto 5%;
		}
	}

	.b-box {
		width: calc(97.5% / 2);
		z-index: 10;
		box-sizing: border-box;
		margin: 0 0 20px;
		border-radius: 20px;

		figure img {width: 100%;}
	}

	.i-box {
		width: 100%;
		max-width: 1200px;
		margin: auto;

		img {width: 100%;}
	}
}

/*** article.html ***/

/****-- voice.html --****/

#voice {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

/* voice .stage01 */

#voice .stage01 {
	position: relative;
	padding: 80px 0;

	.title {
		font-family: "Open Sans", sans-serif;
		width: 100%;
		padding: 100px 0 80px;
		box-sizing: border-box;

		h3 {
			position: relative;
			font-size: 48px;
			z-index: 5;
			text-align: center;
			color: #685141;
		}

		.subt {
			font-size: 100px;
			color: #e0d7ce;
			z-index: 3;
			text-align: center;
			position: absolute;
			width: 100%;
			top: 80px;
			left: 0;
		}
	}
}

#voice .stage01 .box {
    margin: 5% 0;
    width: 100%;
    max-width: 1400px;
    margin: auto;

	.in-b {position: relative;}

	.mbox {
		width: 34%;
		position: relative;
		margin-right: 1%;

		@media screen and (max-width: 1300px) {width: 40%;}

		h3 {
			font-size: 80px;
			color: rgba(229, 121, 121, 0.6);
			z-index: 3;
			font-family: "Open Sans", sans-serif;
			font-weight: bold;
			width: 15%;
		}

		img {
			overflow: hidden;
			border-radius: 12px;
			width: 100%;
			max-width: 360px;
			z-index: 5;
			position: relative;
		}
	}
}

#voice .stage01 .info {
	border: #9c836a 2px solid;
	padding: 2%;
	box-sizing: border-box;
	border-radius: 14px;
	width: 50%;
	z-index: 5;
	height: 455px;

	.name {
		font-size: 28px;
		color: #c30000;
		margin-bottom: 30px;
	}

	.comment {
		height: 300px;
		overflow: hidden;

		p {
			font-family: "ta-oonishi", sans-serif;
			font-weight: 300;
			font-style: normal;
			color: #5a3007;
			text-underline-offset: auto;
			text-decoration: dotted underline ;
			line-height: 1.6;
			font-size: 20px;
			height: 300px;
			overflow: auto;
		}
	}

	#voice .stage01 .info dl {
		margin: 30px 0 0;

		dt,dd {
			font-size: 16px;
			margin: 6px 0;
		}

		dt {
			width: 23%;
			background: #c30000;
			color: #fff;
			padding: 5px;
			box-sizing: border-box;
			text-align: center;
		}

		dd {
			width: 74%;
			color: #0f0f0f;
			padding-left: 10px;
			letter-spacing: 0.1em;
		}
	}

	.mess {
		width: 100%;
		font-size: 16px;
		line-height: 1.5;
		padding: 0;
		box-sizing: border-box;

		p {
			border-bottom: 2px dotted #000;
			margin-top: 10px;
		}	
	}
}

/****-- /voice.html --****/

/****************-- /Under page --****************/

/***** Enter *****/

.modal {
	position: fixed;
	display: none;
	z-index: 20000;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: auto;
	max-height: 100vh;
	line-height: 1.6;
	font-size: 1.6rem;

	.logo {
		display: inline-block;
		padding-top: 10%;

		img {width: 700px;}
	}

	.r18 {
		text-align: center;
		margin: 1% auto 2%;

		img {width: 60px;}
	}

	.enter {
		margin-bottom: 30px;

		a {
			display: block;
			background: #5a3007;
			color: #fff;
			max-width: 350px;
			margin: auto;
			padding: 10px;
			box-sizing: border-box;

			p {color: #fff;line-height: 1;}

			.main {
				font-size: 46px;
				letter-spacing: 6px;
				font-weight: 500;
			}

			.sub {font-size: 22px;}
		}
	}

	.exit {
		margin-bottom: 30px;

		a {
			display: block;
			background: #ac9783;
			color: #fff;
			max-width: 300px;
			margin: auto;
			padding: 10px;
			box-sizing: border-box;

			p {color: #fff;line-height: 1;}

			.main {font-size: 30px;}
			
			.sub {font-size: 18px;}
		}
	}
}

/***** /Enter *****/