@charset "UTF-8";

html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
}

/* Content Flex */
.content-1300 {
	width: 90%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.pad60120 {
	padding-top: 60px;
	padding-bottom: 120px;
}
@media only screen and (max-width: 1180px) {
	.pad60120 {
		padding-bottom: 80px;
	}
}
@media only screen and (max-width: 750px) {
	.pad60120 {
		padding-top: 30px;
		padding-bottom: 60px;
	}
}

#content-flex .content-flex {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 750px) {
	#content-flex .content-flex {
		display: block;
	}
}

#content-flex .content-flex .col-left {
	width: 67.692%;
	max-width: 880px;
}
@media only screen and (max-width: 750px) {
	#content-flex .content-flex .col-left {
		width: 100%;
	}
}

#content-flex .content-flex .col-right {
	width: 27.692%;
	max-width: 360px;
}
@media only screen and (max-width: 750px) {
	#content-flex .content-flex .col-right {
		width: 100%;
		max-width: 100%;
		margin-top: 60px;
	}
}

#content-flex .content-flex .col-right .banner + .banner {
	margin-top: 20px;
}
#content-flex .content-flex .col-right .banner a {
	display: block;
}
#content-flex .content-flex .col-right .banner a img {
	width: 100%;
	height: auto;
}

.date-tag-new {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}
@media only screen and (max-width: 750px) {
	.date-tag-new {
		margin-bottom: 15px;
	}
}

.date-tag-new .date {
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	font-family: "IBM Plex Sans JP", sans-serif;
	font-size: var(--fz-xsmall);
	line-height: 1;
	font-weight: 500;
	color: #808080;
}
@media only screen and (max-width: 750px) {
	.date-tag-new .date {
		margin-top: 5px;
		height: 20px;
	}
}

.article .txthead-box {
	margin-bottom: 30px;
}
.article .txthead-box h1 {
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: 500;
}
@media only screen and (max-width: 750px) {
	.article .txthead-box {
		margin-bottom: 20px;
	}
	.article .txthead-box h1 {
		font-size: 2.2rem;
	}
}

.article p,
.article ul li,
.article ol li {
	font-size: 1.6rem;
	line-height: 1.8;
}
@media only screen and (max-width: 750px) {
	.article p,
	.article ul li,
	.article ol li  {
		font-size: 1.5rem;
	}
}

.article .cover img {
	width: 100%;
	height: auto;
}

.article .content {
	margin-top: 60px;
}
@media only screen and (max-width: 1180px) {
	.article .content {
		margin-top: 40px;
	}
}
@media only screen and (max-width: 750px) {
	.article .content {
		margin-top: 30px;
	}
}

.article .content.text-under-cover {
	margin-top: 30px;
}
@media only screen and (max-width: 750px) {
	.article .content.text-under-cover {
		margin-top: 20px;
	}
}

.article .content h2 {
	position: relative;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}
@media only screen and (max-width: 1180px) {
	.article .content h2 {
		font-size: 2rem;
	}
}

.article .content h3 {
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500;
}
@media only screen and (max-width: 1180px) {
	.article .content h3 {
		font-size: 1.8rem;
	}
}

.article .content h4 {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 500;
}
@media only screen and (max-width: 1180px) {
	.article .content h3 {
		font-size: 1.6rem;
	}
}

.article .content ul,
.article .content ol {
	margin-left: 20px;
}
.article .content ul li {
	list-style: disc;
}
.article .content ol li {
	list-style: decimal;
}

.article .content .img {
	display: flex;
	justify-content: center;
}
.article .content .img.col2 {
	justify-content: space-between;
}
.article .content .img.full div {
	width: 100%;
	max-width: 100%;
}
.article .content .img div {
	width: 48%;
	max-width: 345px;
}
.article .content .img div p {
	margin-top: 0.5em;
}

.article .content strong {
	font-weight: bold;
}
.article .content em {
	font-style: italic;
}
.article .content mark {
	background: #e3f3f9 !important;
}

.article .content h3,
.article .content p + h3,
.article .content ul + h3,
.article .content ol + h3,
.article .content .img + h3 {
	margin-top: 1.8em;
	margin-bottom: 1em;
}
.article .content ul,
.article .content ol,
.article .content p {
	margin-top: 1.2em;
}
@media only screen and (max-width: 750px) {
    .article .content ul,
    .article .content ol,
    .article .content p {
        margin-top: 1em;
    }
}
.article .content .img {
	margin-top: 2em;
}
.article .content .img + .img {
	margin-top: 1em;
}

.article .content h4 {
	margin-top: 1.2em;
}
.article .content h4 + p {
	margin-top: 0.5em;
}

.buttonAction {
	width: fit-content;
	margin-inline: auto;
	margin-block-start: 60px;
	background-color: #E33E10;
	border-radius: 20px;
	padding: 20px;
	display: grid;
	grid-template-columns: 50px auto;
	align-items: center;
	column-gap: 16px;
}
@media only screen and (max-width: 1180px) {
	.buttonAction {
		margin-block-start: 40px;
	}
}
@media only screen and (max-width: 750px) {
	.buttonAction {
		margin-block-start: 30px;
	}
}
.buttonAction__icon img {
	width: 100%;
}
.buttonAction__text {
	color: var(--color-white);
	font-weight: 500;
	font-feature-settings: "palt";
}
.buttonAction__text .small {
	font-size: 20px;
	line-height: 1.5;
}
.buttonAction__text .main {
	font-size: 30px;
	line-height: 1.2;
	letter-spacing: 0.07em;
}