@charset "utf-8";
#article {
	width: 100%;
	height: auto;
	padding: 27px 0 0;
}
	.news__page_heading__txt {
		width: 100.36px;
	}
	.article__inner {
		width: 90%;
		max-width: 900px;
		height: auto;
		padding: 50px 0 135px;
		margin: 0 auto;
	}
		.article__info {
			width: 100%;
			height: auto;
			margin: 0 auto 25px;
		}
			.article__date {
				width: 100%;
				height: auto;
				margin: 0 auto 5px;
				font-size: 16px;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0.04em;
				color: var(--color--gray);
			}
			.article__title {
				width: 100%;
				height: auto;
				padding-bottom: 3px;
				border-bottom: solid 4px var(--color--black);
				font-size: 26px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.04em;
				color: var(--color--black);
				position: relative;
			}
				.article__title::before {
					content: '';
					display: block;
					width: 70px;
					height: 4px;
					background-color: var(--color--red);
					position: absolute;
					bottom: -4px;
					left: 0;
				}
		.article__body {
			width: 100%;
			height: auto;
			margin: 0 auto 70px;
		}
			.article__body p {
				width: 100%;
				height: auto;
				font-size: 16px;
				font-weight: 500;
				line-height: 1.75;
				letter-spacing: 0.04em;
			}
			.article__body h2 {
				width: 100%;
				height: auto;
				padding-bottom: 3px;
				margin: 0 auto 15px;
				border-bottom: solid 4px var(--color--black);
				font-size: 26px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.04em;
				color: var(--color--black);
				position: relative;
			}
				.article__body h2::before {
					content: '';
					display: block;
					width: 70px;
					height: 4px;
					background-color: var(--color--red);
					position: absolute;
					bottom: -4px;
					left: 0;
				}
			.article__body h3 {
				width: 100%;
				height: auto;
				padding: 10px 17px 8px;
				margin: 0 auto 15px;
				background: rgb(245,188,191);
				background: linear-gradient(90deg, rgba(245,188,191,1) 0%, rgba(249,212,215,1) 50%, rgba(255,255,255,1) 100%);
				font-size: 20px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.01em;
			}
			.article__body h4 {
				width: 100%;
				height: auto;
				padding: 0 0 3px;
				margin: 0 auto 15px;
				border-bottom: solid 3px #D6D6D6;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.01em;
				position: relative;
			}
				.article__body h4::before {
					content: '';
					display: block;
					width: 70px;
					height: 3px;
					background-color: var(--color--red);
					position: absolute;
					bottom: -3px;
					left: 0;
				}
			.article__body h5 {
				width: 100%;
				height: auto;
				padding: 8px 17px 7px;
				margin: 0 auto 10px;
				background-color: #F5F5F5;
				font-size: 18px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.01em;
				position: relative;
			}
				.article__body h5::before {
					content: '';
					display: block;
					width: 2px;
					height: 46%;
					background-color: var(--color--red);
					position: absolute;
					top: 50%;
					left: 0;
					transform: translate(0%,-50%);
				}
			.article__body h6 {
				width: 100%;
				height: auto;
				padding: 0 0 0 17px;
				margin: 0 auto 10px;
				font-size: 18px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.01em;
				position: relative;
			}
				.article__body h6::before {
					content: '';
					display: block;
					width: 10px;
					height: 14px;
					background-image: url('../image/icon-red_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: absolute;
					top: 6px;
					left: 0;
				}
			.article__body img {
				width: auto;
				max-width: 100%;
				height: auto;
			}
			.article__body ul {
				width: 100%;
				height: auto;
			}
				.article__body ul li {
					width: 100%;
					height: auto;
					padding-left: 17px;
					margin-bottom: 5px;
					position: relative;
				}
					.article__body ul li::before {
						content: '';
						display: block;
						width: 10px;
						height: 10px;
						border-radius: 50%;
						background-color: var(--color--red);
						position: absolute;
						top: 9px;
						left: 0;
					}
					.article__body ul li ul {
						width: 100%;
						height: auto;
					}
						.article__body ul li ul li {
							width: 100%;
							height: auto;
							padding-left: 17px;
							margin-bottom: 5px;
							position: relative;
						}
							.article__body ul li ul li::before {
								content: '';
								display: block;
								width: 10px;
								height: 10px;
								border-radius: 50%;
								background-color: #BFBFBF;
								position: absolute;
								top: 9px;
								left: 0;
							}
			.article__body a {
				opacity: 1;
				color: var(--color--red);
				text-decoration: underline;
			}
			.article__body a.btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 320px;
				height: 56px;
				margin: 0 auto;
				border-radius: 5px;
				background-color: var(--color--black);
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.04em;
				color: var(--color--white);
				text-decoration: none;
				text-align: center;
				position: relative;
			}
			.article__body a.em_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 320px;
				height: 56px;
				margin: 0 auto;
				border-radius: 5px;
				background-color: var(--color--red);
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.04em;
				color: var(--color--white);
				text-decoration: none;
				text-align: center;
				position: relative;
			}
			.article__body a.back_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 320px;
				height: 56px;
				margin: 0 auto;
				border-radius: 5px;
				background-color: var(--color--black);
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.04em;
				color: var(--color--white);
				text-decoration: none;
				text-align: center;
				position: relative;
			}
				.article__body a.btn::after,
				.article__body a.em_btn::after {
					content: '';
					display: block;
					width: 15.32px;
					height: 15.72px;
					background-image: url('../image/news/icon-btn_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					top: 50%;
					right: 17px;
					transform: translate(0%,-50%);
				}
				.article__body a.back_btn::after {
					content: '';
					display: block;
					width: 15.32px;
					height: 15.72px;
					background-image: url('../image/news/icon-btn_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					top: 50%;
					left: 17px;
					transform: translate(0%,-50%) scale(-1,1);
				}
			.article__body a.link {
				display: inline-block;
				padding-left: 23px;
				position: relative;
			}
				.article__body a.link::before {
					content: '';
					display: block;
					width: 18px;
					height: 18px;
					background-image: url('../image/icon-red_circle_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: absolute;
					top: 5px;
					left: 0;
				}
		.article__adjacent {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			max-width: 435px;
			height: auto;
			margin: 0 auto 70px
		}
			.article__adjacent__prev__txt,
			.article__adjacent__next__txt {
				display: flex;
				align-items: center;
				width: auto;
				padding: 2px 0 0;
				border: none !important;
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.04em;
				text-indent: 0.04em;
				color: var(--color--black);
				position: relative;
			}
			.article__adjacent__prev__txt.disabled,
			.article__adjacent__next__txt.disabled {
				opacity: 0.3;
				pointer-events: none;
			}
				.article__adjacent__prev__txt::before,
				.article__adjacent__next__txt::after {
					content: '';
					display: inline-block;
					width: 28px;
					height: 28px;
					position: relative;
					top: -1px;
				}
				.article__adjacent__prev__txt::before {
					margin-right: 12px;
					background-image: url('../image/news/icon-black_circle_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					transform: scale(-1,1);
				}
				.article__adjacent__next__txt::after {
					margin-left: 12px;
					background-image: url('../image/news/icon-black_circle_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}
		.list_back__area {
			width: 100%;
			height: auto;
		}
			a.list_back {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 320px;
				height: 56px;
				margin: 0 auto;
				border-radius: 5px;
				background-color: var(--color--black);
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.04em;
				color: var(--color--white);
				text-decoration: none;
				text-align: center;
				position: relative;
			}
				a.list_back::after {
					content: '';
					display: block;
					width: 15.32px;
					height: 15.72px;
					background-image: url('../image/news/icon-btn_arrow.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					top: 50%;
					left: 17px;
					transform: translate(0%,-50%) scale(-1,1);
				}

/* PC ================================================== */
@media all and (min-width:720px){
			.article__body a {
				opacity: 1;
				transition: .4s;
			}
			.article__body a:hover {
				opacity: 0.7;
				text-decoration: none;
			}
				.article__body a.btn::after,
				.article__body a.em_btn::after,
				.article__body a.back_btn::after {
					transition: .4s;
				}
				.article__body a.btn:hover::after,
				.article__body a.em_btn:hover::after {
					right: 14px;
				}
				.article__body a.back_btn:hover::after {
					left: 14px;
				}

					.article__adjacent__prev__txt::before {
						transition: .25s;
						left: 0;
					}
					.article__adjacent__next__txt::after {
						transition: .25s;
						right: 0;
					}
					.article__adjacent__prev__txt:hover::before {
						left: -3px;
					}
					.article__adjacent__next__txt:hover::after {
						right: -3px;
					}
}

/* SP ================================================== */
@media all and (max-width:719px){
#article {
	padding: 20px 0 0;
}
	.news__page_heading__txt {
		width: 75.27px;
	}
	.article__inner {
		max-width: initial;
		padding: 35px 0 90px;
	}
		.article__info {
			margin: 0 auto 18px;
		}
			.article__date {
				margin: 0 auto 4px;
				font-size: 14px;
			}
			.article__title {
				font-size: 22px;
				line-height: 1.4;
			}
				.article__title::before {
					width: 40px;
					height: 3px;
					bottom: -3px;
				}
		.article__body {
			margin: 0 auto 50px;
		}
			.article__body p {
				font-size: 14px;
			}
			.article__body h2 {
				margin: 0 auto 12px;
				border-bottom: solid 3px var(--color--black);
				font-size: 22px;
				line-height: 1.4;
			}
				.article__body h2::before {
					width: 40px;
					height: 3px;
					bottom: -3px;
				}
			.article__body h3 {
				padding: 8px 14px 6px;
				margin: 0 auto 12px;
				font-size: 18px;
			}
			.article__body h4 {
				padding: 0 0 3px;
				margin: 0 auto 12px;
				border-bottom: solid 2px #D6D6D6;
				font-size: 18px;
			}
				.article__body h4::before {
					width: 40px;
					height: 2px;
					bottom: -2px;
				}
			.article__body h5 {
				padding: 8px 14px 7px;
				margin: 0 auto 10px;
				font-size: 16px;
			}
				.article__body h5::before {
					width: 2px;
					height: 46%;
				}
			.article__body h6 {
				padding: 0 0 0 14px;
				margin: 0 auto 8px;
				font-size: 16px;
			}
				.article__body h6::before {
					top: 5px;
				}
			.article__body img {
				width: auto;
				max-width: 100%;
				height: auto;
			}
				.article__body ul li {
					padding-left: 14px;
				}
					.article__body ul li::before {
						width: 8px;
						height: 8px;
						top: 10px;
					}
						.article__body ul li ul li {
							padding-left: 14px;
						}
							.article__body ul li ul li::before {
								width: 8px;
								height: 8px;
								top: 10px;
							}
			.article__body a.btn {
				width: 100%;
				max-width: 400px;
			}
			.article__body a.em_btn {
				width: 100%;
				max-width: 400px;
			}
			.article__body a.link {
				padding-left: 20px;
			}
				.article__body a.link::before {
					width: 14px;
					height: 14px;
					top: 7px;
				}

		.article__adjacent {
			margin: 0 auto 50px;
		}
			.article__adjacent__prev__txt,
			.article__adjacent__next__txt {
				font-size: 16px;
				padding-top: 3px;
			}
				.article__adjacent__prev__txt::before,
				.article__adjacent__next__txt::after {
					width: 20px;
					height: 20px;
					top: 0px;
				}
				.article__adjacent__prev__txt::before {
					margin-right: 8px;
				}
				.article__adjacent__next__txt::after {
					margin-left: 8px;
				}

			a.list_back {
				width: 100%;
				max-width: 400px;
			}
}