@charset "UTF-8";


/*================================================
 *  広報誌 つなぐ（magazine）
 ================================================*/

section#magazine_area .magazine_list {
	gap: 7rem 2rem;
}
section#magazine_area .magazine_list li {
	width: 26rem;
	width: calc((100% - 2rem * 3) / 4);
}
section#magazine_area .magazine_list li a {
	display: block;
}
section#magazine_area .magazine_list li figure {
	position: relative;
}
section#magazine_area .magazine_list li:first-of-type figure::before {
	position: absolute;
	top: -1rem;
	left: -1rem;
	content: '';
	background: url("../images/magazine/magazine_icon_new.svg") top left / 100% auto no-repeat;
	width: 9rem;
	height: 3rem;
	z-index: 10;
}
section#magazine_area .magazine_list li figure .thumb {
	border: 1px solid #ccc;
	position: relative;
	height: 36.7rem;
}
section#magazine_area .magazine_list li figure .thumb img {
	position: absolute;
	top: 0;
	left: 0;
}
section#magazine_area .magazine_list li figure figcaption {
	font-size: 1.8rem;
	letter-spacing: 0.06em;
	padding: 1.2em 0.6em 0;
}
section#magazine_area .magazine_list li figure figcaption em {
	display: block;
	font-size: 122.22%;
	font-weight: 700;
}
section#magazine_area .magazine_list li figure figcaption span {
	display: block;
	margin-top: 0.7em;
}








/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {


section#magazine_area .magazine_list {
	gap: 10vw 3vw
}
section#magazine_area .magazine_list li {
	width: calc((100% - 3vw) / 2);
}
section#magazine_area .magazine_list li:first-of-type figure::before {
	top: -2vw;
	left: -2vw;
	width: 15vw;
	height: 5vw;
}
section#magazine_area .magazine_list li figure .thumb {
	height: 57.8vw;
}
section#magazine_area .magazine_list li figure figcaption {
	font-size: 3.7vw;
}






}