/*----------
	ir
	top
----------*/
.l-ir_outer {
	background: var(--color-bg);
	padding-top: 40px;
	padding-bottom: 40px;
}
@media (min-width: 768px) {
	.l-ir_outer {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

.c-heading-secondary--pad {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 30px;
}
@media (min-width: 768px) {
	.c-heading-secondary--pad {
		padding-top: 80px;
		padding-bottom: 40px;
	}
}

.un-ir_top_message {
	border-radius: 10px;
	background-color: var(--color-bg);
	display: flex;
	flex-direction: column;
	margin-top: 50px;
}
@media (min-width: 768px) {
	.un-ir_top_message {
		flex-wrap: nowrap;
		flex-direction: row;
		max-height: 379px;
		margin-top: 70px;
	}
}
@media (min-width: 768px) {
	.un-ir_top_message__item--img {
		width: 65.82%;
	}
}
@media (max-width: 767px) {
	.un-ir_top_message__item--img > figure {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
}
@media (min-width: 768px) {
	.un-ir_top_message__item--img > figure {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}
.un-ir_top_message__item--txt {
	text-align: center;
	/* padding: 0 20px 20px 20px; */
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 10px;
	/* margin-top: -30px; */
	z-index: 1;
}
@media (min-width: 768px) {
	.un-ir_top_message__item--txt {
		margin-top: 0;
		/* padding: 40px 25px; */
		padding: 130px 25px;
		row-gap: 20px;
		width: 34.18%;
	}
}
.un-ir_top_message__mark {
	max-width: 90px;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.un-ir_top_message__mark {
		max-width: 150px;
	}
}
.un-ir_top_message__main {
	color: var(--color-seco);
	font-size: 1.8rem;
	font-weight: bold;
	line-height: var(--line-height-s);
}
@media (min-width: 768px) {
	.un-ir_top_message__main {
		font-size: 2.2rem;
	}
}
.un-ir_top_message__sub {
	font-size: 1.3rem;
}
@media (min-width: 768px) {
	.un-ir_top_message__sub {
		font-size: 1.6rem;
	}
}
.un-radius_button {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 60px;
}
@media (min-width: 768px) {
	.un-radius_button {
		flex-wrap: nowrap;
		flex-direction: row;
		margin-top: 100px;
	}
}
.un-radius_button a {
	color: var(--color-txt);
}
.un-radius_button__item {
	border: 1px solid #ccc;
}
@media (min-width: 768px) {
	.un-radius_button__item {
		flex: 0 1 342px;
	}
	.un-radius_button__item:nth-child(n+2) {
		border-left: 0;
	}
	.un-radius_button__item:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.un-radius_button__item:last-child {
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
	}
}
@media (max-width: 767px) {
	.un-radius_button__item:nth-child(n+2) {
		border-top: 0;
	}
	.un-radius_button__item:first-child {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.un-radius_button__item:last-child {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}
.un-radius_button__inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 62px;
	position: relative;
	overflow: hidden;
	padding: 30px 25px 30px 50px;
}
@media (min-width: 768px) {
	.un-radius_button__inner {
		transition: color 0.2s linear;
	}
	.un-radius_button__inner:hover {
		color: var(--color-txt-hover);
	}
}
.un-radius_button__inner > span {
	flex: 1 1 auto;
	text-align: left;
	font-weight: bold;
	line-height: var(--line-height-s);
	color: inherit;
	font-size: 1.6rem;
}
.un-radius_button__icon {
	width: 16px;
	height: 16px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	font-size: 1.6rem;
	line-height: 1;
	color: var(--color-swril);
}

@media (min-width: 768px) {
	.g-button-container--break {
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-between;
		gap: 0 32px;
		display: grid;
	}
}
.g-button-container--break .g-button-container__item {
	max-width: none;
}
@media (min-width: 768px) {
	.g-button-container--break .g-button-container__item + .g-button-container__item {
		margin-left: 0;
	}
}
@media (max-width: 767px) {
	.g-button-container--break .g-button-container__item {
		margin: 0;
	}
}

@media (min-width: 768px) {
	.g-grid--irtop {
		gap: 60px 56px;
	}
}