@charset "UTF-8";
/*------------------
　　　ABOUTページ
------------------*/

.section-inner > * + *{
	margin-top: 80px;
}

.about_title{
	position: relative;
}

.about_title::after{
	content: "";
	display: block;
	width: 173px;
  height: 3px;
	background: url(/images/beige-border.svg) no-repeat left top;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 173px / 2);
}

.about-contents{
	font-family: "Zen Maru Gothic", serif;
	text-align: center;
	line-height: 3;
}

.about-contents > * + *{
	margin-top: 28px;
}

.about-contents h4 {
	font-size: 2em;
}

.about-pic{
	max-width: 540px;
	margin-inline: auto;
}

.about-table{
	max-width: 760px;
	background-color: #fff;
	border: 2px solid #514742;
	border-radius: 20px;
	padding: 40px 4vw;
	margin-inline: auto;
}

.about-table tbody{
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .about-table{
    padding: 40px 8vw;
  }
}

.about-table h4{
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 20px;
	position: relative;
}

.about-table tr{
	position: relative;
	/*iphoneのpositionバグ対策*/
	width: 100%;
	float: left;
	clear: both;
}

.about-table tr::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: url("/images/beige-border.svg") no-repeat center top/auto 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.about-table th,
.about-table td{
	padding: 20px 0;
	vertical-align: middle;
	line-height: 1.5;
	font-weight: 500;
}
.about-table th{
	width: 6.5em;
}

.about-table td span{
	white-space: nowrap;
}

@media screen and (min-width: 768px) {
	.about-table th{
    width: 8em;
		padding-left: 1em;
	}
	.about-table td{
		padding-right: 1em;
	}

}

@media screen and (min-width: 768px) {
  .about-table tbody{
  font-size: 1em;
}
}