@charset "Utf-8";


#history_wr{}

/* ------------------------------
 intro
  ------------------------------ */



#intro{position: relative;
	margin: 0px auto 0;
	padding:1em 0 6%;
}

#intro h2{
	margin-bottom: 1em;
	text-align: center
}

#intro h2 span{
	display: block;
	border-top: solid 1px var(--color-main-tint);
	margin: 1em 0 0;
	color: var(--color-main-tint);
	padding: .8em 0 0;
	font-size: .8em
}

#intro .jp{padding-bottom: 1em}

.intro_wrap{
	width: 90%;
	margin: 0 auto
}

.intro_wrap p{
	margin-bottom: 1em
}


@media screen and (max-width: 767px) {
	#intro{
	margin: 0 auto 30px;}
	
	#intro .jp{ line-height: 1.8em;}
}

@media print, screen and (min-width: 768px) {
}	

@media print, screen and (min-width: 1024px) {
	.intro_wrap{max-width: 800px;}
}	



.history_link{
	margin: 0 auto;
	display: flex;
	justify-content: center
}

.history_link a{
	display: block;
	background: var(--color-point);
	color: #fff;
	border-radius: 50px;
	position: relative;
	padding: 1em 3em;
	width:90%;
	max-width: 400px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.history_link a::after{
	font-family: icomoon;
	content: "\e977";
	padding: 0 0 0 1em;
}

.history_link a:hover{
	opacity: .8
}





/* ------------------------------
 riji
  ------------------------------ */

#riji{
	background: #EDE4C2;
	background: linear-gradient(180deg,rgba(237, 228, 194, 1) 0%, rgba(255, 255, 255, 0.88) 40%);
	padding: 6% 0 8%;
	text-align: center
}

#riji h2{
	margin: 0 0 1em
}

#riji_img{margin: 0 auto 2em}


.yakuin_wrap{
	display: flex;
	justify-content: center;
}


dl.yakuin {
}

dl.yakuin dt,
dl.yakuin dd{
	padding: .8em 1em;
}

dl.yakuin dt{
 background: rgba(var(--color-main-rgb), 0.12)	
}

dl.yakuin dd{
}

@media screen and (max-width: 767px) {
	
	dl.yakuin dt{padding: .6em 1em;border-top: solid 1px #ccc;}
	dl.yakuin dd{padding: .6em 1em 1em;}
}	

@media print, screen and (min-width: 768px) {
	dl.yakuin {
	display: flex;
	flex-wrap: wrap;
	max-width: 900px;
	text-align: left;
	border-top: solid 1px #ccc
	}
	
	dl.yakuin dt,
	dl.yakuin dd{
		width: 50%;
		border-bottom: solid 1px #ccc;
	}

}	

@media print, screen and (min-width: 1024px) {}