@charset "utf-8";
@import url("../../assets/css/common.css");
@import url("../../assets/css/second.css");
/*個別設定*/
.about_now a{
	border-bottom: 2px solid  var(--main-color)
}
/*page title*/
.top_area_ttl::before{
	width: 45px;
	height: 95px;
	top: -2em;
	right: calc(100% + 45px);
	background: url("../images/about.svg") center / 100% no-repeat

}
@media screen and (min-width: 768px) {
.top_area_ttl::before{
	width: 70px;
	height: 130px;
	right: calc(100% + 80px)
}
}
@media screen and (min-width: 1024px) {
.top_area_ttl::before{
	width: 85px;
	height: 150px
}
}
.about_cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}
.about_cont_txt{
	font-size: 1em;
	line-height: 1.8em;
	order: 2
}
.about_cont_txt p{
	text-indent: 1em
}
.about_cont figure{
	width: 160px;
	min-width: 160px;
	margin: 0 auto 1em auto;
	order: 1
}
.about_cont figure img{
	width: 100%
}
.about_cont figure figcaption{
	margin-top: 0.5em;
	font-size: 0.9em
}
.about_cont figure figcaption span{
	display: block;
	font-weight: bold
}
@media print, screen and (min-width: 768px) {
.about_cont{
	margin-bottom: 8em;
	flex-wrap: nowrap
}
.about_cont_txt{
	margin-right: 2em;
	order: 1
}
.about_cont figure{
	order: 2
}
}
@media screen and (min-width: 1024px) {
.about_cont_txt{
	margin-right: 3em;
	font-size: 1.1em;
	line-height: 2.2em
}
.about_cont figure{
	min-width: 180px
}
.about_cont figure figcaption{
	font-size: 1em
}
}