@charset "utf-8";
/*下層ページのタイトル・背景画像*/
main {
	padding-top: 0;
}
main .ul_title {
	background-image: url(../images/ul_title/ul_title_about.jpg);
	background-position: 0 35%;
}
/*下層ページのタイトル・背景画像*/
section {
	margin-top: 15rem;
}
section h2 {
	font-size: 2.8rem;
	text-align: center;
	position: absolute;
	top: -3rem;
	left: 5%;
	box-sizing: border-box;
	background-color: #FFF;
	padding: 1rem 2rem;
	letter-spacing: 1rem;
	border: solid 0.1rem #382d13;
	box-shadow: 0px 0px 3px 1px rgb(56 45 19 / 40);
}
/*各セクションタイトルの背景*/
section .section_t {
	background-repeat: no-repeat;
	background-size: cover;
}
section .section_t .po_re {
	padding: 8rem 0;
}
/*スペースについて*/
section .s_of {
	background-image: url(../images/sec_title/sec_box2.jpg);
	background-position: 0 35%;
}
/*営業時間*/
section .s_bo {
	background-image: url(../images/sec_title/sec_box10.jpg);
	background-position: 0 66%;
}
/*各セクションタイトルの背景*/

main section .about_container {
	background-color: #efefef;
	padding: 3rem 0;
	font-size: 2rem;
}
main section .about_container .greeting{
	font-size: 2.4rem;
	margin-bottom:2rem;
}
main section .about_container .greeting + p{
	line-height:1.5;
}
main section .about_container .p_inner {
	margin: 0 auto;
	width: 96rem;
}
.about_content {
	border: solid 0.1rem #382d13;
	width: 23%;
	box-sizing: border-box;
	position: relative;
	padding: 3rem 1rem 1rem 2rem;
}
.about_content h3 {
	font-weight: bold;
	margin-bottom: 2rem;
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
 -webkit- transform: translateX(-50%);
	margin: auto;
	background-color: #efefef;
	width: 60%;
}
.about_content p {
	margin-bottom: 2rem;
}
.about_content span {
	display: block;
}
 @media screen and (max-width:640px) {
main {
	margin-top: 10.7rem;
}
section {
	margin-top: 10rem;
}
section h2 {
	top: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
 -webkit- transform: translateX(-50%);
	margin: auto;
	font-size: 2rem;
	width: 80%;
	padding: 0.5rem 1rem;
}
main section .about_container .p_inner {
	width: 80%;
	flex-direction: column;
}
.about_content {
	width: 100%;
	margin-bottom: 3rem;
}
.about_content h3 {
	width: auto;
}
}