@import url("https://use.typekit.net/qum3gst.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&family=Noto+Sans:wght@400;500&display=swap');
#about_us {
	width:100% !important;
	display:block;
	padding:5% 0 5% 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	text-align:center !important;
	overflow: hidden !important;
	box-sizing:border-box !important;
	line-height:180% !important;
	font-size:14px !important;
}
#about_us section .btm_dt {
	background-position: bottom left 0;
	background-repeat: repeat-x;
	background-size: 1.1em .5em;
	background-image: radial-gradient(.15em .15em at center center,#3c463c,#3c463c 100%,transparent,transparent);
	padding-bottom: .6em;
}

#about_us section > h1 {
	margin-bottom:5%;
}

#about_us #about_area {
	width:90%;
	max-width:1000px;
	padding-bottom:8%;
	border-bottom:1px solid #7e8062;
	margin:0 auto;
}
#about_us .txt_about_us {
	width:90%;
	max-width:1000px;
	text-align:center;
	margin:10% auto 0% auto;
}
#about_us .txt_about_us > h1 {
	font-size:25px !important;
	font-weight:900;
	margin-bottom:5%;
}
#about_us .txt_about_us > h1 > span {
	font-size:80%;
	font-weight:400;
	display:block;
	line-height:100%;
	margin-top:5%;
}
#about_us .txt_about_us > p {
	line-height:3.0em;
	margin-top:5%;
}
#about_us .txt_about_us > p.en {
	margin-top:10%;
}

#about_us #about_project  {
	width:90%;
	max-width:1000px;
	margin:5% auto;
}

#about_us .area_flex  {
	display:flex;
}
#about_us h3  {
	width:100%;
	max-width:900px;
	font-size:20px !important;
	margin:14% auto 8% auto;
	color:#7e8062;
	position:relative;
}
	#about_us h3:before  {
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#7e8062;
		position:absolute;
		top:50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		z-index:-1;
	}
#about_us h3 > span  {
	box-sizing:border-box;
	background:#fdfdf8;
	padding:0 1.0em;
}
#about_us .about_point  {
	flex-wrap:wrap;
	box-sizing:border-box;
	align-items:stretch;
	margin:10% auto 0 auto;
}
	#about_us .about_point > div  {
		width:calc(100% / 3);
		height:10.0em;
		text-align:center;
		margin-bottom:10%;
		position:relative;
	}
	#about_us .about_point > div > a > div  {
		position:relative;
		height:6.0em;
	}
	#about_us .about_point > div > a > div:after  {
		content:"";
		display:block;
		width:20px;
		height:calc(20px * 0.875);
		background:url(https://untule.itembox.design/item/aboutus/img/i_arrow_b.svg) no-repeat;
		background-size:contain;
		position:absolute;
		bottom:-2.0em;
		left:50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}
	#about_us .about_point > div > a > h2  {
		width:100%;
		color:#7e8062;
		padding:0;
		margin:0;
		border:none !important;
		text-align:center;
		margin-bottom:1.2em;
		position:relative;
	}
	#about_us .about_point > div > a > h2:after  {
		content:"";
		display:block;
		width:4.5em;
		height:1px;
		background:#7e8062;
		position:absolute;
		bottom:-0.5em;
		left:50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}
	#about_us .about_point > div > a > div > p  {
		width:100%;
		font-size:20px !important;
		position:absolute;
		top:50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}
	#about_us .about_point > div > a > div > p > span  {
		display:block;
		font-size:60%;
	}

#about_us #about_project  p.ttl {
	font-size:20px !important;
	margin:10% auto 5% auto;
}
	#about_us #about_project  p.ttl > span {
		font-size:60%;
		display:block;
		margin-bottom:1.0em;
	}
#about_us #about_project  p.ttl_b {
	font-size:30px !important;
	margin:0 auto 5% auto;
}
	#about_us #about_project  p.ttl_b > span {
		font-size:50%;
		display:block;
		margin-bottom:1.0em;
	}
#about_us #about_project  img.deco {
	width:30%;
	max-width:150px;
	display:block;
	margin:0 auto 5% auto;
}
#about_us #about_project  p.txt_sub {
	line-height:4.0em;
	margin:10% auto;
}
#about_us .about_point_01,
#about_us .about_point_06  {
	flex-wrap:wrap;
	box-sizing:border-box;
	align-items:stretch;
	justify-content:space-between;
}
	#about_us .about_point_01 > div  {
		width:50%;
	}
	#about_us .about_point_06 > div  {
		width:50%;
	}
	#about_us .about_point_01 > div > p  {
		margin-top:0.5em;
	}
#about_us .about_pop  {
	box-sizing:border-box;
	align-items:stretch;
	justify-content:center;
	gap:50px;
}
	#about_us .about_pop > div  {
		width:auto;
	}
#about_us .point_box  a.checkpop {
	width:60%;
	max-width:300px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding:1.0em 0;
	background:#fff;
	border-radius:50px;
	border: 1px solid #a3a3a4;
}
#about_us .point_box .about_pop a.checkpop {
	width:100%;
	max-width:300px;
	min-width:300px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding:1.0em 0;
	background:#fff;
	border-radius:50px;
	border: 1px solid #a3a3a4;
}
#about_us .point_box  a.checkpop > span,
#about_us .point_box .about_pop a.checkpop > span {
	text-align:center;
	position:relative;
	font-size:14px !important;
}
	#about_us .point_box  a.checkpop > span:after,
	#about_us .point_box .about_pop a.checkpop > span:after {
		content:"";
		display:block;
		width:10px;
		height:calc(10px * 1.429);
		background:url(https://untule.itembox.design/item/aboutus/img/i_arrow_r.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		right:-1.5em;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}
#about_us .point_box  a#all {
	color:#7e8c60;
	position:relative;
	font-size:14px !important;
}
	#about_us .point_box  a#all:after  {
		content:"";
		display:block;
		width:6.0em;
		height:1px;
		background:#7e8062;
		position:absolute;
		bottom:-0.5em;
		left:50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}


/* ------------------------------------------- */
/* ------------------------------------------- */


@media screen and (max-width:849px) {

#about_us {
	font-size:14px !important;
}
#about_us .pc { display:none; }
#about_us .sp { display:block; }

#about_us #about_area .txt_about_us > p {
	text-align:left;
}
#about_us .about_point  {
	flex-wrap:wrap;
	box-sizing:border-box;
	align-items:stretch;
	margin:10% auto 15% auto;
}
	#about_us .about_point > div  {
		width:calc(100% / 2);
		height:10.0em;
		text-align:center;
		margin-bottom:15%;
		position:relative;
	}
#about_us #about_project  {
	width:90%;
	max-width:800px;
	margin:10% auto 5% auto;
}
#about_us #about_project  p.txt_sub {
	line-height:3.0em;
	margin:10% auto;
}
#about_us .point_box {
}
#about_us h3  {
	width:100%;
	max-width:800px;
	font-size:20px !important;
	margin:15% auto 8% auto !important;
	color:#7e8062;
	position:relative;
}

	#about_us .about_point > div > a > div:after,
	#about_us .about_pop > div > a > div:after  {
		content:"";
		display:block;
		width:3.0vw;
		height:calc(3.0vw * 0.875);
		background:url(https://untule.itembox.design/item/aboutus/img/i_arrow_b.svg) no-repeat;
		background-size:contain;
		position:absolute;
		bottom:-2.5em;
		left:50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}
	#about_us .about_point > div > a > div  {
		position:relative;
		height:6.0em;
	}
	#about_us .about_point > div > a > h2  {
		width:100%;
		color:#7e8062;
		text-align:center;
		margin-bottom:1.2em;
		position:relative;
		font-size:3.0vw !important;
	}
	#about_us .about_point > div > a > div > p  {
		width:100%;
		font-size:2.7vw !important;
		position:absolute;
		top:50%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}
	#about_us .about_point_01 > div  {
		width:45%;
	}
	#about_us .about_point_06 > div  {
		width:48%;
	}
#about_us #about_project  img.deco {
	width:20%;
	max-width:100px;
	display:block;
	margin:0 auto 5% auto;
}
#about_us .point_box .about_pop a.checkpop {
	width:100%;
	max-width:300px;
	min-width:250px !important;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding:0.7em 0 !important;
	background:#fff;
	border-radius:50px;
	border: 1px solid #a3a3a4;
	letter-spacing:0.05em !important;
}
}

/* ------------------------------------------- */
/* ------------------------------------------- */


@media screen and (max-width:748px) {
#about_us,
#about_us p {
	font-size:2.6vw !important;
}
	#about_us .about_point > div  {
		width:calc(100% / 2);
		height:10.0em;
		text-align:center;
		margin-bottom:10%;
		position:relative;
	}
	#about_us .about_point > div > a > div  {
		position:relative;
		height:4.0em;
	}
	#about_us .about_point > div > a > div:after  {
		content:"";
		display:block;
		width:3.0vw;
		height:calc(3.0vw * 0.875);
		background:url(https://untule.itembox.design/item/aboutus/img/i_arrow_b.svg) no-repeat;
		background-size:contain;
		position:absolute;
		bottom:-1.5em;
		left:50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}
#about_us #about_project  p.ttl {
	font-size:3.5vw !important;
	margin:10% auto 5% auto;
}
	#about_us #about_project  p.ttl > span {
		font-size:60%;
		display:block;
		margin-bottom:1.0em;
	}
#about_us #about_project  p.ttl_b {
	font-size:4.0vw !important;
	margin:5% auto 5% auto;
}
	#about_us #about_project  p.ttl_b > span {
		font-size:50%;
		display:block;
		margin-bottom:1.0em;
	}
	#about_us .point_box  a.checkpop > span:after,
	#about_us .point_box .about_pop a.checkpop > span:after {
		content:"";
		display:block;
		width:2.0vw;
		height:calc(2.0vw * 1.429);
		background:url(https://untule.itembox.design/item/aboutus/img/i_arrow_r.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		right:-1.5em;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
	}
#about_us .about_pop  {
	box-sizing:border-box;
	align-items:stretch;
	justify-content:center;
	gap:15px;
}
#about_us .point_box a.checkpop {
	width:60%;
	max-width:300px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding:0.7em 0;
	background:#fff;
	border-radius:50px;
	border: 1px solid #a3a3a4;
}
#about_us .point_box .about_pop a.checkpop {
	width:100%;
	max-width:300px;
	min-width:40.0vw !important;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding:0.7em 0 !important;
	background:#fff;
	border-radius:50px;
	border: 1px solid #a3a3a4;
	letter-spacing:0.05em !important;
}
#about_us .point_box a.checkpop > span,
#about_us .point_box .about_pop a.checkpop > span {
	text-align:center;
	position:relative;
	font-size:2.6vw !important;
}
#about_us .point_box  a#all {
	color:#7e8c60;
	position:relative;
	font-size:2.6vw !important;
}

}



/* ------------------------------------------- */
/* ------------------------------------------- */


@media screen and (max-width:498px) {
#about_us,
#about_us p {
	font-size:2.5vw !important;
}
#about_us .txt_about_us > h1 {
	font-size:3.5vw !important;
	font-weight:900;
	margin-bottom:5%;
}
#about_us h3  {
	width:100%;
	max-width:800px;
	font-size:3.5vw !important;
	margin:15% auto 8% auto !important;
	color:#7e8062;
	position:relative;
}
#about_us .about_pop  {
	box-sizing:border-box;
	align-items:stretch;
	justify-content:center;
	gap:10px;
}
}



/*--------------------------------------------
	movie
--------------------------------------------*/

#about_us #movie {
	width:100%;
	width:100vw;
	background:none;
	margin:0 auto;
	position:relative;
	left:50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
#about_us .video {
	position:relative;
	width:100%;
/*	padding-top:56.25%; */
}
#about_us .video iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
}



/* ____________________ */

.mfp-container,
.mfp-inline-holder {
	width:100% !important;
	height:100% !important;
	padding:0 !important;
	margin:0 !important;
	position:fixed !important;
	top:0%;
	left:0%;
/*	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform:translate(-50%, -50%) !important; */
	z-index:999;
}

.mfp-content {
	width:100% !important;
	height:100% !important;
	min-width:100vw !important;
	min-height:100% !important;
	padding:0 !important;
	margin:0 !important;
}
.popup-box_wrap {
	width:100% !important;
	height:100% !important;
	padding:0;
	margin:0;
	position:fixed;
	top:65px;
	left:50%;
	-webkit-transform: translate(-50%, 0%) !important;
	-ms-transform: translate(-50%, 0%) !important;
	transform:translate(-50%, 0%) !important;
	background:#fff;
}
.popup-box {
	height:auto !important;
	width:auto;
	max-width:700px;
	height:auto;
	max-height:100vh;
	margin:0 auto !important;
	text-align: center;
	box-sizing:border-box;
	overflow:auto !important;
	padding:0;
	background: #fff;
	position:relative;
	top:50%;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
}

.mfp-content .popup-box > img {
	width:90%;
	max-width:700px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:5% 0;
}
.popup-box_wrap .mfp-close { display:none !important; opacity:0 !important;width:0;height:0; }

.popup-box_wrap .popup-box .popup-btn-close {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	top:2%;
	right:4%;
	z-index:1057;
	cursor:pointer;
}
@media screen and (max-width:748px) {
.popup-box_wrap .popup-box .popup-btn-close {
	width:5.5vw;
	height:5.5vw;
	display:block;
	position:absolute;
	top:2%;
	right:4%;
	z-index:1057;
	cursor:pointer;
}
}
	.mfp-close:active {
		top:0.5%;
		display:block; }
.mfp-fade.mfp-bg{
	opacity: 0;
	transition: all 0.3s ease-out;
	background:rgba(255, 255, 255, 0.5);
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing{
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
	opacity: 1;
	background:rgba(255, 255, 255, 0.8);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
	opacity: 0;
}

.mfp-bg,
.mfp-wrap {
	z-index:99999 !important;
}
	.mfp-close { display:none !important; }