@charset "utf-8";

/*--------------------------------------------------
	わっはっ歯倶楽部CSS
--------------------------------------------------*/

div[id^="no"] .company_magazine_folder_container h2.has-large-font-size {
	font-weight: 800;
}
.company_magazine_header_images .is-header-images-container .wp-block-group__inner-container {
	position: relative;
}
.company_magazine_header_images .is-background-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.company_magazine_header_images .is-background-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.company_magazine_header_images .is-header-images-container div.wp-block-image {
	padding: 40px 50px 20px;
}
.company_magazine_folder_container .wp-block-columns.is-row-reverse {
	flex-direction: row-reverse;
}
.company_magazine_folder_container .is-clear-left {
	clear: left;
}
.company_magazine_folder_container .is-clear-right {
	clear: right;
}
.company_magazine_folder_container .is-clear-both {
	clear: both;
}
@media(max-width: 1023px) {
	.company_magazine_folder_container .is-tablet-clear-left {
		clear: left;
	}
	.company_magazine_folder_container .is-tablet-clear-right {
		clear: right;
	}
	.company_magazine_folder_container .is-tablet-clear-both {
		clear: both;
	}
}

/* わっはっ歯倶楽部74号 */
#no74 .company_magazine_header_images .is-header-images-container div.wp-block-image {
	padding: 40px 50px 20px;
}
#no74 .company_magazine_header_images p {
	line-height: 2;
}
#no74 .company_magazine_header_images p + p {
	margin-top: 0;
}
#no74 .is-eye-catch {
	margin-top: -70px;
}
#no74 .company_magazine_folder_container_training .company_magazine_folder_content::after {
	position: absolute;
	right: 40px;
	bottom: 30px;
	width: 618px;
	height: 44px;
	background: url(../img/no74/company_magazine_no74_training_decoration.png) no-repeat center / contain;
	content: "";
}
#no74 .company_magazine_folder_container_training .is-negative-margin {
	margin-top: -140px;
}
#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image1 {
	max-width: 61.53846%;
}
#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image2 {
	float: right;
	max-width: 34.61538%;
}
#no74 .company_magazine_folder_container_activity:has(.is-happyfes-image2) .company_magazine_folder_content::before {
	position: absolute;
	left: 44.82758%;
	bottom: 0;
	width: 8%;
	height: 0;
	padding-top: 12.17391%;
	background: url(../img/no74/company_magazine_no74_happyfes_decoration.png) no-repeat center bottom / contain;
	content: "";
}
#no74 .company_magazine_folder_container_activity .is-happyfes-image2 {
	max-width: 52%;
}
#no74 .company_magazine_folder_container_activity .is-happyfes-image3 {
	float: right;
	max-width:48%;
}
#no74 .company_magazine_folder_container_activity .is-happyfes-image3 img {
	margin-top: -60px;
}
#no74 .company_magazine_folder_container_activity .is-font-size-large {
	font-weight: 400;
	font-size: 36px;
}
#no74 .company_magazine_folder_container_activity .is-council-image {
	max-width: 48%;
}
#no74 .company_magazine_folder_container_myboom .company_magazine_folder_content {
	padding-bottom: 30px;
	background: linear-gradient(
		to bottom,
		#feeabe 0%,
		#ffffff 20%,
		#ffffff 80%,
		#f4d8e3 100%
	);
}
#no74 .company_magazine_folder_container_myboom .company_magazine_folder_content .wp-block-column {
	position: relative;
}
#no74 .company_magazine_folder_container_myboom .company_magazine_folder_content .wp-block-column:last-of-type::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: url(../img/no74/company_magazine_no74_myboom_decoration.svg) no-repeat bottom right / contain;
	content: "";
}
#no74 .company_magazine_note {
	max-width: 760px;
}
#no74 .company_magazine_note::after {
	position: absolute;
	right: -15px;
	bottom: 10px;
	width: 120px;
	height: 194px;
	background: url(../img/no74/company_magazine_no74_note_decoration.png) no-repeat center / contain;
	content: "";
}
#no74 .company_magazine_note > * {
	padding-right: 60px;
}
#no74 .company_magazine_note_title::before {
	display: none;
}
@media(max-width: 1200px) {
	#no74 .company_magazine_folder_container_myboom .company_magazine_folder_content .wp-block-column:last-of-type::after {
		bottom: -15px;
	}
}
@media(max-width: 1180px) {
	#no74 .wp-block-column:has(.is-eye-catch) {
		flex-basis: 55% !important;
	}
	#no74 .company_magazine_folder_container_training .is-negative-margin {
		margin-top: 0;
	}
	#no74 .company_magazine_folder_container_training .company_magazine_folder_content::after {
		width: calc(100% - 420px);
	}
}
@media(max-width: 980px) {
	#no74 .company_magazine_folder_container_activity .is-happyfes-image3,
	#no74 .company_magazine_folder_container_activity .is-happyfes-image3 img {
		margin-top: 0;
	}
}
@media(max-width: 930px) {
	#no74 .is-eye-catch {
		margin-top: 0;
	}
}
@media(max-width: 890px) {
	#no74 .company_magazine_no74_information_title img {
		width: 100%;
	}
	#no74 .company_magazine_folder_container_activity .is-font-size-large {
		font-size: 32px;
	}
	#no74 .is-890-clear-both {
		clear: both;
	}
}
@media(max-width: 780px) {
	#no74 .company_magazine_header_images .is-header-images-container div.wp-block-image {
		padding: 2.5641vw 3.84615vw 1.53846vw;
	}
	#no74 .company_magazine_header_images .is-header-title-image {
		width: 80vw;
		max-width: 640px;
	}
	#no74 .company_magazine_folder_container .wp-block-image > figure {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#no74 .company_magazine_folder_container_information .company_magazine_no74_information_title {
		width: 100%;
		max-width: 480px;
		height: 0;
		padding-top: clamp(87px, 27.11267%, 130px);
		background: url(../img/no74/company_magazine_no74_information_title-sp.webp) no-repeat center / contain;
	}
	#no74 .company_magazine_folder_container_information .company_magazine_no74_information_title img {
		display: none;
	}
	#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image1 {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image2 {
		max-width: 50%;
		margin-left: 1em;
	}
	#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image3,
	#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image3 figure {
		width: 100%;
	}
	#no74 .company_magazine_folder_container img {
		width: 100% !important;
	}
	#no74 .company_magazine_folder_container_training .company_magazine_folder_content {
		padding-bottom: 44px;
	}
	#no74 .company_magazine_folder_container_training .company_magazine_folder_content::after {
		bottom: 0;
		width: calc(100% - 80px);
	}
	#no74 .wp-block-columns:has(.is-eye-catch) {
		flex-direction: column-reverse;
	}
	#no74 .wp-block-column:has(.is-negative-margin) {
		flex-basis: 45% !important;
	}
	#no74 .company_magazine_folder_container_activity .is-council-image {
		max-width: 100%;
	}
	#no74 .is-introduction-image2 {
		width: 43.54136%;
	}
	#no74 .is-890-clear-both {
		clear: right;
		padding-top: 1em;
	}
}
@media(max-width: 630px) {
	#no74 .company_magazine_folder_container_activity:has(.is-happyfes-image2) .company_magazine_folder_content::before {
		left: 15px;
		width: 16.14035%;
		padding-top: 24.5614%;
	}
	#no74 .company_magazine_folder_container_activity .is-happyfes-image2 {
		max-width: 100%;
	}
	#no74 .company_magazine_folder_container_activity .is-happyfes-image3 {
		max-width: 80%;
		margin-top: -40px;
	}
	#no74 .company_magazine_folder_container_activity .is-font-size-large {
		font-size: 28px;
	}
}
@media(max-width: 480px) {
	#no74 .wp-block-columns.is-not-stacked-on-mobile:has(.is-negative-margin) {
		flex-direction: column;
	}
	#no74 .company_magazine_folder_container_myboom .company_magazine_folder_content .wp-block-column:last-of-type::after {
		height: 30px;
	}
	#no74 .company_magazine_folder_container_information .wp-block-image.is-information-image2 {
		width: 100%;
		max-width: 100%;
	}
	#no74 .company_magazine_folder_container_activity .is-font-size-large {
		font-size: 24px;
	}
	#no74 .company_magazine_note::after {
		right: -5px;
		width: 25.64102vw;
		height: 41.53846vw;
	}
	#no74 .company_magazine_note > * {
		padding-right: 10.25641vw;
	}
	#no74 .company_magazine_note .sp_br {
		display: block;
	}
}

