@charset "UTF-8";

/* ----- about_logo共通 ----- */
a[id*="about_logo"]+div .inner_item_img img,
a[id*="about_logo"]+section .inner_item_img img{
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	object-fit: contain;
}

/* ----- about_logo_title ----- */
#about_logo_title+section>.content_wrapper{
	border: 1px solid var(--i_txt_color);
	border-bottom: none;
}
#about_logo_title+section .heading.block_header_4 .h{
	font-size: 2.2rem !important;
}
#about_logo_title+section .inner_item_img{
	margin-top: 30px;
}

/* ----- about_logo_txt ----- */
#about_logo_txt+section>.content_wrapper{
	border-inline: 1px solid var(--i_txt_color);
}
@media screen and (max-width: 900px) {
	#about_logo_txt+section>.content_wrapper {
		padding-block: 40px;
	}
	#about_logo_txt+section .wrapper_item{
		display: flex;
	}
	#about_logo_txt+section .inner_item_txt{
		padding-left: 20px !important;
	}
	#about_logo_txt+section .inner_item_img{
		flex-basis: 30%;
		max-width: 30%;
	}
}

/* ----- about_logo_pc/sp共通 ----- */
#about_logo_pc+div>.content_wrapper,
#about_logo_sp+div>.content_wrapper{
	border: 1px solid var(--i_txt_color);
	border-top: none;
}
#about_logo_pc+div .inner_item_img,
#about_logo_sp+div .inner_item_img{
	width: auto;
}
#about_logo_pc+div .inner_item>a,
#about_logo_sp+div .inner_item>a {
	width: auto;
}
#about_logo_pc+div .inner_item>a{
	margin-right: 18px;
}
#about_logo_pc+div .inner_item_txt p,
#about_logo_sp+div .inner_item_txt p{
	font-size: 1.4rem;
	font-weight: 600;
	font-family: 'Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	white-space: nowrap;
	line-height: 1.4;
}

/* ----- about_logo_pc ----- */
#about_logo_pc+div .wrapper_item {
	flex-wrap: nowrap;
	justify-content: space-around;
	gap: 1%;
}
#about_logo_pc+div .inner_item {
	flex-direction: row;
	width: auto;
	margin-left: 0;
}
@media screen and (max-width: 900px) {
	#about_logo_pc+div{
		display: none;
	}
}

/* ----- about_logo_sp ----- */
#about_logo_sp+div .inner_item{
	margin-bottom: 20px;
	width: 100% !important;
	margin-left: 0 !important;
}
@media screen and (min-width: 901px) {
	#about_logo_sp+div{
		display: none;
	}
}