@font-face {
	font-family: "Noto Sans JP Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Bold"),url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP Medium";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Medium"),url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP Regular";
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans JP Regular"),url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Poppins Bold"),url("../fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "KozGoPr6N-heavy";
	font-style: normal;
	font-weight: normal;
	src: local("KozGoPr6N-Heavy"),url("../fonts/KozGoPr6N-Heavy.otf") format("opentype");
}

@font-face {
	font-family: "KozGoPr6N-medium";
	font-style: normal;
	font-weight: normal;
	src: local("KozGoPr6N-Heavy"),url("../fonts/KozGoPr6N-Medium.otf") format("opentype");
}

@font-face {
	font-family: "ZenKakuGothicAntique-Black";
	font-style: normal;
	font-weight: normal;
	src: local("ZenKakuGothicAntique-Black"),url("../fonts/ZenKakuGothicAntique-Black.ttf") format("truetype");
}

@font-face {
	font-family: "Adobe Handwriting Ernie";
	font-style: normal;
	font-weight: normal;
	src: local("Adobe Handwriting Ernie"),url("../fonts/AdobeHandwriting-Ernie.ttf") format("truetype");
}

@font-face {
	font-family: "Apple SD Gothic Neo";
	font-style: normal;
	font-weight: normal;
	src: local("Apple SD Gothic Neo"),url("../fonts/AppleSDGothicNeoR.ttf") format("truetype");
}

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

.about_top {
	margin-bottom: 160px;
}

.about_top_container {
	background-color: #fffaf4;
}

.about_top .top_layout {
	margin: 0 52px 0 auto;
	width: calc(100% - 300px);
}

.about_top_heading {
	margin-bottom: 64px;
}

.about_top_message {
	margin-bottom: 108px;
}

}

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

.about_main .section_title {
	letter-spacing: 4px;
}

.about_top_link_wrapper {
	gap: 0 16px;
}

.business_area_text {
	margin-left: 40px;
}

}

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

.about_top {
	margin-bottom: 120px;
}

.about_top_text_background {
	height: 370px;
}

.about_top_link_wrapper {
	max-width: 240px;
}

.about_top_list {
	font-size: 16px;
	max-width: 240px;
}

.about_top_list img {
	width: 20px;
}

.business_content_container {
	width: calc(33.3333333333% - 16px);
}

.business_area_layout img {
	max-width: 240px;
	width: 100%;
}

.recent_event_container {
	width: calc(50% - 24px);
}

}

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

.about_main .section_title {
	line-height: 54px;
	margin-bottom: 24px;
}

.business_section_message_top {
	margin-bottom: 24px;
}

.about_main .concept_heading {
	color: #4d2c0c;
}

.about_top {
	margin-bottom: 64px;
}

.about_top_heading {
	font-size: 24px;
	padding-top: 24px;
}

.about_top_message {
	font-size: 13px;
	margin-bottom: 50px;
}

.about_top_link_container {
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.about_top_link_wrapper {
	margin-left: initial;
}

.about_top_list {
	margin-bottom: 20px;
}

.business_content .business_section_message_top {
	margin-bottom: 52px;
}

.business_content_top_layout {
	flex-wrap: wrap;
}

.business_content_container {
	margin-bottom: 48px;
	width: 100%;
}

.business_content_text {
	font-size: 14px;
}

.business_area_layout {
	flex-wrap: wrap;
}

.business_area_layout img {
	margin-bottom: 40px;
}

.business_area_text {
	font-size: 14px;
	margin-left: initial;
}

.business_vision_text {
	font-size: 14px;
}

.recent_event_container {
	width: 100%;
}

.future_outlook_text {
	font-size: 14px;
}

}

