@charset "utf-8";

main { line-height: 1.75; }

.top-mv .wp-block-image {
	padding: 0 20px;
	background: url("../images/top_mv_bg.png") 50% 50% no-repeat;
	background-size: auto 100%;
	box-shadow: 10px 10px 0 0 #E0FF33;
}

#news {
	margin-top: var(--space-xl);
}

#news h2 {
	font-size: var(--ft-size42);
	text-align: center;
	margin-bottom: var(--space-xs);
}

.news-list > li > a {
	display: flex;
	flex-flow: row wrap;
	gap: 1.0rem 1.5em;
	padding: 2.4rem 0;
	border-bottom: 2px solid #cccccc;
}

.news-list > li:nth-of-type(1) > a {
	border-top: 2px solid #cccccc;
}

#news ul li a time {
	flex-shrink: 0;
}

.news-list .item-cat {
	display: flex;
	flex-flow: row nowrap;
	gap: 1.0rem;
}

.news-list .item-cat li {
	padding: 0.5rem 1rem;
	line-height: 1;
	border: 2px solid #E0FF33;
	border-radius: 99em;
	font-size: 1.4rem;
}

.news-list .news-title {
	width: 100%;
	font-size: var(--ft-size18);
}

#news .wp-block-buttons {
	justify-content: center;
}

#news .wp-block-button__link {
	width: 90vw;
	max-width: 300px;
	background-color: var(--text-color);
	color: #ffffff;
}

#news .wp-block-button::after {
	width: 24px;
	height: 15px;
	background-image: url("../images/icon_arrow_wht.svg");
}

#bousai {
	margin-top: var(--space-xl);
}

#product {
	margin-top: var(--space-l);
	padding-top: var(--space-l);
	background-color: #f5f5f5;
}

#product h2 {
	line-height: 1;
	text-align: center;
	font-size: var(--ft-size42);
}

#product p {
	padding: var(--space-xs) 0;
	text-align: center;
	font-size: var(--ft-size18);
}

.item-area {
	padding-bottom: var(--space-l);
	background-color: #f5f5f5;
}

.item-area > div {
	display: flex;
	flex-flow: row wrap;
	gap: var(--space-xs);
}

.item-area .item-box {
	padding: var(--space-xs);
	width: calc((100% - var(--space-xs)) / 2);
	background-color: #ffffff;
	border-radius: 1rem;
	box-shadow: 3px 3px 6px 3px #88888822;
}

.item-area .item-box h3 {
	display: flex;
	align-items: center;
	font-size: var(--ft-size26);
}

.item-area .item-box h3::before {
	content: "";
	width: 1.2em;
	height: 1.2em;
	margin-right: 1rem;
	background: url("../images/icon_check.svg") center center no-repeat;
	background-size: contain;
}

.item-box .item-img {
	margin: 1rem 0 3rem 0;
}

.item-box .item-img figure {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.item-box .item-img figure img {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	aspect-ratio: 1;
	object-fit: contain;
}

.item-box .item-img figcaption {
	margin: 0;
	font-size: 1.4rem;
}

.bnr-area {
	margin: var(--space-l) 0;
}

.bnr-box {
	display: flex;
	flex-flow: row wrap;
	gap: var(--space-s) 1.6rem;
}

.bnr-box > * {
	width: calc((100% - 3.2rem) / 3);
}

.bnr-box > :last-of-type {
	width: 100%;
}

/* ================================================ */
@media (min-width: 1001px) {
}

/* ================================================ */
@media (max-width: 1000px) {
}

/* ================================================ */
@media (max-width: 768px) {

.item-area .item-box {
	width: 100%;
}

}

/* ================================================ */
@media (max-width: 640px) {

.bnr-box {
	width: min(100%,356px);
	margin-left: auto;
	margin-right: auto;
	gap: 2.0rem;
}

.bnr-box > * {
	width: 100%;
}

}

/* ================================================ */
@media (max-width: 480px) {

.top-mv .wp-block-image {
	padding: 0 20px;
	background: url("../images/top_mv_bg_sp.png") 50% 50% no-repeat;
	background-size: cover;
	box-shadow: 5px 5px 0 0 #E0FF33;
}

#news ul li a {
	flex-flow: column nowrap;
}

}