@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/

/* INDEX */

/*------------------------------*/
/* ================================

お知らせ
.post-listは css>post>post-list.cssを参照

================================ */
#index-news .button {
	margin-top: 3.8em;
}


/* ================================

開催報告
スライダーは css>option>slider>slider-report.cssを参照

================================ */
#index-report {
	padding-block: var(--section-inner-gutter);
	position: relative;
	z-index: 0;
}
#index-report::before {
	content: "";
	display: inline-block;
	width: calc(100% - calc(var(--head-match-space) + var(--gutter-var-8x)));
	height: 100%;
	background-color: var(--color-main-thin);

	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#report-slider ,
#index-report .button {
	margin-top: 3.8em;
}


/* ================================

加東市経済懇話会とは

================================ */
.index-about__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;

	row-gap: 3.8em;

	margin-left: var(--head-match-space);
	max-width: var(--max-width--lg);

	margin-top: 3.8em;
}
.ia__photo {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-item-align: stretch;
	    align-self: stretch;

	width: max(
		50%,
		calc(390rem / 16)
	);

	display: block;
}
.ia__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: top right;
	   object-position: top right;
}
.ia__txt-box {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 2.5em;

	width: min(
		calc(446rem / 16),
		50%
	);
	max-width: 100%;

	padding-right: var(--gutter-var-8x);
}
.ia__heading {
	font-size: var(--txt-lg);
	font-weight: 700;
	line-height: 1.35;
	color: var(--color-main);
}
@media (max-width: 559px) {
	.ia__txt-box .button {
		-ms-flex-item-align: center;
		    align-self: center;
	}
}


/* ================================

リンク

================================ */
.index-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
[class^="index-links__"] {
	width: 50%;
	height: calc(300rem / 16);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-column-gap: 1em;
	   -moz-column-gap: 1em;
	        column-gap: 1em;

	color: var(--color-white);
	font-size: var(--txt-md);
	font-weight: 500;
}
.index-links__member {
	background-color: var(--color-main-strong);
	padding-left: var(--head-match-space);
	padding-right: var(--gutter-var-8x);
}
.index-links__contact {
	background-color: var(--color-main);
	padding-left: var(--gutter-var-8x);
	padding-right: var(--head-match-space);
}
[class^="index-links__"] svg {
	width: 1em;
	height: 1em;
}
.index-links {
	container-type: inline-size;
}
@container (max-width: 1120px) {
	.index-links__member,
	.index-links__contact {
		padding-inline: var(--gutter-var-8x);
	}
}
@media (max-width: 959px) {
	[class^="index-links__"] {
		height: calc(224rem / 16);
	}
}
@media (max-width: 559px) {
	.index-links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	[class^="index-links__"] {
		width: 100%;
		height: calc(168rem / 16);
		padding-block: 1em;
	}
}
@media (any-hover: hover) {
	[class^="index-links__"] {
		-webkit-transition: background-color .2s var(--easeInQuad);
		transition: background-color .2s var(--easeInQuad);
	}
	.index-links__member:hover,
	.index-links__member:focus-visible,
	.index-links__contact:hover,
	.index-links__contact:focus-visible {
		background-color: var(--color-main-hover);
	}
	[class^="index-links__"] .arrow {
		-webkit-transition: -webkit-transform .2s var(--easeInQuad);
		transition: -webkit-transform .2s var(--easeInQuad);
		transition: transform .2s var(--easeInQuad);
		transition: transform .2s var(--easeInQuad), -webkit-transform .2s var(--easeInQuad);
	}
	[class^="index-links__"]:hover .arrow ,
	[class^="index-links__"]:focus-visible .arrow {
		-webkit-animation-name: hover-arrow;
		        animation-name: hover-arrow;
		-webkit-animation-timing-function: var(--easeInExpo);
		        animation-timing-function: var(--easeInExpo);
		-webkit-animation-duration: .4s;
		        animation-duration: .4s;
		-webkit-animation-delay: .03s;
		        animation-delay: .03s;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
	}
}