@charset "utf-8";
#article {
	width: 100%;
	height: auto;
	position: relative;
	padding: 22px 0 0;
	overflow: hidden;
}
	.article__inner {
		width: 100%;
		height: auto;
	}
		.article__contents {
			width: 100%;
			height: auto;
			padding: 70px 0 90px;
			border-radius: 60px 60px 0 0;
			background-color: var(--color--pink);
		}
			.article__contents__inner {
				width: 85%;
				max-width: 890px;
				height: auto;
				margin: 0 auto;
			}
				.article__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 10px;
				}
					.article__title {
						width: 100%;
						height: auto;
						margin-bottom: 8px;
						font-size: 32px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.05em;
						color: var(--color--black);
					}
					.article__heading__line {
						width: 100%;
						height: 5.08px;
						margin: 0 auto 10px;
					}
						.article__heading__line picture img {
							width: 100%;
							height: 100%;
						}
					.article__info {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						width: 100%;
						height: auto;
					}
						.article__cat {
							padding-bottom: 3px;
							margin-right: 27px;
							font-size: 12px;
							font-weight: 500;
							color: #8E8E8E;
							position: relative;
						}
							.article__cat::after {
								content: '';
								width: 1px;
								height: 60%;
								background-color: #8E8E8E;
								position: absolute;
								top: 48%;
								right: -14px;
								transform: translate(0%,-50%);
							}
						.article__date {
							font-size: 16px;
							font-weight: 400;
							color: #8E8E8E;
						}
				.article__body {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.08em;
				}
					.article__body img {
						max-width: 100%;
						height: auto;
						border-radius: 10px;
						position: relative;
						z-index: 3;
					}
					.article__body p {
						width: 100%;
						height: auto;
						font-size: 16px;
						font-weight: 500;
						line-height: 2.0;
						letter-spacing: 0.08em;
					}
						.article__body p a {
							color: var(--color--lightblue);
						}
					.article__body figure {
						position: relative;
						z-index: 3;
					}
					.article__body p:empty {
						height: 30px;
					}
					.article__body .linktxt_only {
						padding-left: 28px;
						position: relative;
					}
					.article__body .linktxt_only::before {
						content: '';
						display: block;
						width: 19px;
						height: 19px;
						background-image: url('../image/news/article-linktxt_only_arrow.svg');
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						top: 6px;
						left: 0;
					}
						.article__body .linktxt_only a {
							font-weight: 700;
						}
					.article__body ul {
						width: 100%;
						height: auto;
					}
						.article__body li {
							padding-left: 16px;
							font-size: 16px;
							font-weight: 500;
							line-height: 1.8;
							letter-spacing: 0.01em;
							position: relative;
						}
						.article__body li:not(:last-of-type) {
							margin-bottom: 5px;
						}
							.article__body li::before {
								content: '';
								display: block;
								width: 7px;
								height: 7px;
								border-radius: 50%;
								background-color: var(--color--lightblue);
								position: absolute;
								top: 11px;
								left: 0;
							}
					.article__body h2 {
						width: 100%;
						height: auto;
						padding: 0 0 13px;
						margin: 0 auto 20px;
						font-size: 32px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.05em;
						position: relative;
					}
						.article__body h2::after {
							content: '';
							display: block;
							width: 100%;
							height: 5.08px;
							background-image: url('../image/h2_line@pc.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							bottom: 0;
							left: 0;
						}
					.article__body h3 {
						width: 100%;
						height: auto;
						padding: 5px 0 6px;
						background-color: #AAC2CC;
						background-image: url('../image/h3_bk_image@pc.png');
						background-position: center bottom;
						background-repeat: no-repeat;
						background-size: 100% auto;
						-webkit-mask-image: url('../image/h3_mask@pc.svg');
						-webkit-mask-repeat: no-repeat;
						-webkit-mask-position: 0 0;
						-webkit-mask-size: 100% 100%;
						mask-image: url('../image/h3_mask@pc.svg');
						mask-repeat: no-repeat;
						mask-position: 0 0;
						mask-size: 100% 100%;
						padding-left: 14px;
						margin: 0 auto 15px;
						font-size: 24px;
						font-weight: 500;
						line-height: 1.45;
						letter-spacing: 0.05em;
					}
					.article__body h4 {
						width: 100%;
						height: auto;
						padding-left: 14px;
						padding-bottom: 12px;
						margin: 0 auto 11px;
						font-size: 22px;
						font-weight: 700;
						line-height:  1.45;
						letter-spacing: 0.05em;
						position: relative;
					}
						.article__body h4::after {
							content: '';
							display: block;
							width: 100%;
							height: 5.08px;
							background-image: url('../image/h4_line@pc.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							bottom: 0;
							left: 0;
						}
					.article__body h5 {
						width: 100%;
						height: auto;
						padding: 5px 0 6px 14px;
						margin: 0 auto 11px;
						background-color: #CCCCCC;
						-webkit-mask-image: url('../image/h5_mask@pc.svg');
						-webkit-mask-repeat: no-repeat;
						-webkit-mask-position: 0 0;
						-webkit-mask-size: 100% 100%;
						mask-image: url('../image/h5_mask@pc.svg');
						mask-repeat: no-repeat;
						mask-position: 0 0;
						mask-size: 100% 100%;
						font-size: 20px;
						font-weight: 500;
						line-height: 1.45;
						letter-spacing: 0.05em;
						position: relative;
					}
					.article__body h6 {
						width: 100%;
						height: auto;
						padding-left: 14px;
						margin: 0 auto 10px;
						font-size: 18px;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.05em;
						position: relative;
					}
						.article__body h6::before {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							background-image: url('../image/h6_obj.svg');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 10px;
							left: 0;
						}
				.article__back__btn_wrap {
					width: 100%;
					height: auto;
					margin: 100px auto 0;
				}
					.article__back__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 260px;
						height: 56px;
						margin: 0 auto;
						border-radius: 10px;
						background-color: var(--color--black);
						font-size: 15px;
						font-weight: 700;
						color: var(--color--white);
						cursor: pointer;
						position: relative;
						transition: filter .2s, background-color .2s;
					}
						.article__back__btn::after {
							content: '';
							display: block;
							width: 23px;
							height: 23px;
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							transform: translate(0%,-50%);
						}
						.article__back__btn::after {
							left: 21px;
							background-image: url('../image/news/article-back_arrow.svg');
						}

/* PC ================================================== */
@media all and (min-width:1025px){
						.article__body p a {
							transition: border .2s;
							border-bottom: solid 2px rgba(92,119,149,0);
						}
						.article__body p a:hover {
							border-bottom: solid 2px rgba(92,119,149,1);
						}
					.article__back__btn:hover {
						filter: brightness(1.4);
					}
						.article__back__btn::after {
							transition: .2s;
						}
						.article__back__btn:hover::after {
							left: 18px;
						}
}

/* Tablet ================================================== */
@media all and (max-width:1024px){
#article {
	padding: 25px 0 0;
}
		.article__contents {
			padding: 51px 0 45px;
			border-radius: 30px 30px 0 0;
		}
			.article__contents__inner {
				width: 87.2%;
			}
				.article__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 6px;
				}
					.article__title {
						margin-bottom: 9px;
						font-size: 24px;
					}
					.article__heading__line {
						margin: 0 auto 8px;
					}
				.article__body {
					font-size: 14px;
					line-height: 1.8;
					letter-spacing: 0.05em;
				}
					.article__body p {
						font-size: 14px;
						line-height: 1.8;
						letter-spacing: 0.05em;	
					}
						.article__body p a {
							border-bottom: solid 1px rgba(92,119,149,1);
						}
					.article__body p:empty {
						height: 25px;
					}
					.article__body .linktxt_only::before {
						top: 4px;
					}
						.article__body li {
							font-size: 14px;
						}
							.article__body li::before {
								top: 9px;
							}
					.article__body h2 {
						padding: 0 0 10px;
						margin: 0 auto 18px;
						font-size: 24px;
						letter-spacing: 0.03em;
					}
						.article__body h2::after {
							height: 3.55px;
						}
					.article__body h3 {
						padding: 4px 0;
						padding-left: 12px;
						margin: 0 auto 15px;
						font-size: 22px;
						line-height: 1.4;
						letter-spacing: 0.02em;
					}
					.article__body h4 {
						padding-left: 12px;
						padding-bottom: 10px;
						margin: 0 auto 15px;
						font-size: 20px;
						line-height:  1.35;
					}
						.article__body h4::after {
							height: 3.55px;
						}
					.article__body h5 {
						padding: 3px 0 4px 12px;
						margin: 0 auto 13px;
						font-size: 18px;
						line-height: 1.4;
					}
					.article__body h6 {
						padding-left: 12px;
						margin: 0 auto 9px;
						font-size: 16px;
					}
						.article__back__btn:hover::after {
							right: 21px;
						}
}

/* SP ================================================== */
@media all and (max-width:599px){
					.article__body p:empty {
						height: 20px;
					}
						.article__body h2::after {
							background-image: url('../image/h2_line@sp.png');
						}
					.article__body h3 {
						padding: 6px 3px;
						font-size: 20px;
						background-image: url('../image/h3_bk_image@sp.png');
						-webkit-mask-image: url('../image/h3_mask@sp.svg');
						mask-image: url('../image/h3_mask@sp.svg');
					}
						.article__body h3::after {
							background-image: url('../image/h3_frame@sp.svg');
						}
						.article__body h4::after {
							background-image: url('../image/h4_line@sp.png');
						}
					.article__body h5::after {
						-webkit-mask-image: url('../image/h5_mask@sp.svg');
						mask-image: url('../image/h5_mask@sp.svg')
					}
					.article__back__btn {
						width: 100%;
					}
}