@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#article {
	width: 100%;
	height: auto;
}
	.article__inner {
		width: 100%;
		padding: 80px 0 120px;
		position: relative;
	}
		.article__container {
			width: 80%;
			max-width: 800px;
			height: auto;
			margin: 0 auto;
		}
			.article__container__top {
				width: 100%;
				height: auto;
				margin-bottom: 120px;
			}
				.article__title {
					width: 100%;
					height: auto;
					font-size: 28px;
					font-weight: 700;
					line-height: 1.6;
				}
				#en .article__title {
					letter-spacing: 0em;
				}
				.article__date {
					float: left;
					margin-top: 16px;
					font-style: 16px;
					line-height: 1;
					letter-spacing: 0.1em;
					color: #FF8F00;
				}
				.article__share {
					float: right;
				}
					.article__share__list {
						display: flex;
						margin-top: 11px;
						justify-content: flex-end;
						align-items: center;
					}
						.article__share__item {
							width: 29px;
							height: auto;
							margin-left: 8px;
						}
							.article__share__item a {
								display: block;
								width: 100%;
								height: auto;
								transition: .2s;
							}
							.article__share__item a:hover {
								transform: scale(1.05,1.05);
							}
								.article__share__item a img {
									width: 100%;
									height: auto;
								}
			.article__container__middle {
				width: 100%;
				height: auto;
				padding-bottom: 50px;
				margin-bottom: 100px;
				border-bottom: 1px solid #DCDCDE;
			}
				.article__container__middle h4 {
					width: calc(100% + 2px);
					height: auto;
					padding: 0px 0px 10px 40px;
					margin: 50px 0 30px -2px;
					background-image: url('../image/cmn/cmn-article_heading@pc.png');
					background-position: left bottom;
					background-repeat: no-repeat;
					background-size: auto 30.18px;
					font-size: 22px;
					font-weight: 700;
					line-height: 1.4;
					letter-spacing: 0.1em;
					font-feature-settings: "palt";
				}
				#en .article__container__middle h4{
					letter-spacing: 0.05em
				}
				.article__container__middle p {
					width: 100%;
					height: auto;
					margin: 15px 0;
					font-size: 16px;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.1em;
				}
				#en .article__container__middle p {
					letter-spacing: 0.05em;
				}
				.article__container__middle hr {
					height: 1px;
					background-color:#DCDCDE;
					border:none;
				}
				.article__container__middle img {
					width: 100%;
					height: auto;
				}
				.article__container__middle a,
				.article__container__middle p a {
					color: #14141E;
					text-decoration: underline;
					word-wrap:break-word;
				}
				.article__container__middle a:hover,
				.article__container__middle p a:hover {
					text-decoration: none;
				}
				.container .contents_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 600px;
					height: 84px;
					margin: 0 auto;
					background-image: url('../image/entry/entry-form_btn_bgimg@pc.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					font-size: 24px;
					font-weight: 700;
					letter-spacing: 0.2em;
					text-decoration: none;
					color: #ffffff;
					position: relative;
					pointer-events: auto;
				}
				#en .container .contents_btn {
					letter-spacing: 0.0em;
				}
					.container .contents_btn::before {
						content: '';
						display: block;
						width: 15px;
						height: 27px;
						background-image: url('../image/cmn/cmn-arrow.png');
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						top: 50%;
						right: 36px;
						transform: translate(0%,-50%);
						transition: .2s;
					}
					.container .contents_btn:hover::before {
						right: 33px;
					}
			.article__container__bottom {
				width: 100%;
				height: auto;
			}
				.article__container__bottom__list {
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.article__container__bottom__item {
						width: 210px;
						height: auto;
						margin: 0 5px;
					}
						.article__btn a {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 48px;
							padding-bottom: 2px;
							background-image: url('../image/news/news-article_btn_img@pc.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							font-size: 18px;
							font-weight: 700;
							line-height: 1.0;
							color: #ffffff;
							position: relative;
						}
						.article__btn__prev a {
							padding-left: 10px;
						}
						.article__btn__prev a::after {
							content: '';
							display: block;
							width: 15px;
							height: 27px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							left: 10px;
							transform: translate(0%,-50%) scale(-1,1);
						}
						.article__btn__next a {
							padding-right: 10px;
						}
						.article__btn__next a::after {
							content: '';
							display: block;
							width: 15px;
							height: 27px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							right: 10px;
							transform: translate(0%,-50%);
						}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#article {
	width: 100%;
	height: auto;
}
	.article__inner {
		width: 100%;
		padding: 60px 0 150px;
		position: relative;
	}
		.article__container {
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
			.article__container__top {
				width: 100%;
				height: auto;
				margin-bottom: 120px;
			}
				.article__title {
					width: 100%;
					height: auto;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.6;
				}
				#en .article__title {
					letter-spacing: 0em;
				}
				.article__date {
					float: left;
					margin-top: 16px;
					font-style: 16px;
					line-height: 1;
					letter-spacing: 0.1em;
					color: #FF8F00;
				}
				.article__share {
					float: right;
				}
					.article__share__list {
						display: flex;
						margin-top: 11px;
						justify-content: flex-end;
						align-items: center;
					}
						.article__share__item {
							width: 29px;
							height: auto;
							margin-left: 8px;
						}
							.article__share__item a {
								display: block;
								width: 100%;
								height: auto;
							}
								.article__share__item a img {
									width: 100%;
									height: auto;
								}
			.article__container__middle {
				width: 100%;
				height: auto;
				padding-bottom: 50px;
				margin-bottom: 100px;
				border-bottom: 1px solid #DCDCDE;
			}
				.article__container__middle h4 {
					width: calc(100% + 15px);
					height: auto;
					padding: 0px 0px 8px 32px;
					margin: 40px 0 20px -15px;
					background-image: url('../image/cmn/cmn-article_heading@pc.png');
					background-position: left bottom;
					background-repeat: no-repeat;
					background-size: auto 25.5px;
					font-size: 20px;
					font-weight: 700;
					line-height: 1.4;
					letter-spacing: 0.1em;
					font-feature-settings: "palt";
				}
				#en .article__container__middle h4{
					letter-spacing: 0.05em
				}
				.article__container__middle p {
					width: 100%;
					height: auto;
					margin: 15px 0;
					font-size: 15px;
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: 0.1em;
				}
				#en .article__container__middle p {
					letter-spacing: 0.05em;
				}
				.article__container__middle hr {
					height: 1px;
					background-color:#DCDCDE;
					border:none;
				}
				.article__container__middle img {
					width: 100%;
					height: auto;
				}
				.article__container__middle a,
				.article__container__middle p a {
					color: #14141E;
					text-decoration: underline;
					word-wrap:break-word;
				}
				.container .contents_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 450px;
					height: 63px;
					padding-right: 15px;
					margin: 0 auto;
					background-image: url('../image/entry/entry-form_btn_bgimg@pc.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					font-size: 18px;
					font-weight: 700;
					letter-spacing: 0.05em;
					text-decoration: none;
					color: #ffffff;
					position: relative;
				}
				#en .container .contents_btn {
					letter-spacing: 0.0em;
				}
					.container .contents_btn::before {
						content: '';
						display: block;
						width: 15px;
						height: 27px;
						background-image: url('../image/cmn/cmn-arrow.png');
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						top: 50%;
						right: 20px;
						transform: translate(0%,-50%);
					}
			.article__container__bottom {
				width: 100%;
				height: auto;
			}
				.article__container__bottom__list {
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.article__container__bottom__item {
						width: 140px;
						height: auto;
						margin: 0 10px;
					}
						.article__btn a {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 40px;
							padding-bottom: 1px;
							background-image: url('../image/news/news-article_btn_img@sp.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.0;
							color: #ffffff;
							position: relative;
						}
						.article__btn__prev a {
							padding-left: 10px;
						}
						.article__btn__prev a::after {
							content: '';
							display: block;
							width: 10px;
							height: 18px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							left: 10px;
							transform: translate(0%,-50%) scale(-1,1);
						}
						.article__btn__next a {
							padding-right: 10px;
						}
						.article__btn__next a::after {
							content: '';
							display: block;
							width: 10px;
							height: 18px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							right: 10px;
							transform: translate(0%,-50%);
						}
}

/* SP ================================================== */
@media all and (max-width:599px){
#article {
	width: 100%;
	height: auto;
}
	.article__inner {
		width: 100%;
		padding: 60px 0 150px;
		position: relative;
	}
		.article__container {
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
			.article__container__top {
				width: 100%;
				height: auto;
				margin-bottom: 120px;
			}
				.article__title {
					width: 100%;
					height: auto;
					font-size: 20px;
					font-weight: 700;
					line-height: 1.6;
				}
				#en .article__title {
					letter-spacing: 0em;
				}
				.article__date {
					float: left;
					margin-top: 16px;
					font-style: 16px;
					line-height: 1;
					letter-spacing: 0.1em;
					color: #FF8F00;
				}
				.article__share {
					float: right;
				}
					.article__share__list {
						display: flex;
						margin-top: 11px;
						justify-content: flex-end;
						align-items: center;
					}
						.article__share__item {
							width: 29px;
							height: auto;
							margin-left: 8px;
						}
							.article__share__item a {
								display: block;
								width: 100%;
								height: auto;
							}
								.article__share__item a img {
									width: 100%;
									height: auto;
								}
			.article__container__middle {
				width: 100%;
				height: auto;
				padding-bottom: 50px;
				margin-bottom: 100px;
				border-bottom: 1px solid #DCDCDE;
			}
				.article__container__middle h4 {
					width: calc(100% + 10px);
					height: auto;
					padding: 0px 0px 8px 30px;
					margin: 35px 0 20px -10px;
					background-image: url('../image/cmn/cmn-article_heading@pc.png');
					background-position: left bottom;
					background-repeat: no-repeat;
					background-size: auto 25.5px;
					font-size: 18px;
					font-weight: 700;
					line-height: 1.4;
					letter-spacing: 0.1em;
					font-feature-settings: "palt";
				}
				#en .article__container__middle h4{
					letter-spacing: 0.05em
				}
				.article__container__middle p {
					width: 100%;
					height: auto;
					margin: 15px 0;
					font-size: 15px;
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: 0.1em;
				}
				#en .article__container__middle p {
					letter-spacing: 0.05em;
				}
				.article__container__middle hr {
					height: 1px;
					background-color:#DCDCDE;
					border:none;
				}
				.article__container__middle img {
					width: 100%;
					height: auto;
				}
				.article__container__middle a,
				.article__container__middle p a {
					color: #14141E;
					text-decoration: underline;
					word-wrap:break-word;
				}
				.container .contents_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 340px;
					height: 64px;
					padding-right: 15px;
					margin: 0 auto;
					background-image: url('../image/entry/entry-form_btn_bgimg@sp.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					font-size: 16px;
					font-weight: 700;
					letter-spacing: 0.05em;
					text-decoration: none;
					color: #ffffff;
					position: relative;
				}
				#en .container .contents_btn {
					letter-spacing: -0.05em;
				}
					.container .contents_btn::before {
						content: '';
						display: block;
						width: 15px;
						height: 27px;
						background-image: url('../image/cmn/cmn-arrow.png');
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						top: 50%;
						right: 20px;
						transform: translate(0%,-50%);
					}
			.article__container__bottom {
				width: 100%;
				height: auto;
			}
				.article__container__bottom__list {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
					.article__container__bottom__item {
						width: 110px;
						height: auto;
					}
						.article__btn a {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 40px;
							background-image: url('../image/news/news-article_btn_img@sp.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.0;
							color: #ffffff;
							position: relative;
						}
						.article__btn__prev a {
							padding-left: 20px;
						}
						.article__btn__prev a::after {
							content: '';
							display: block;
							width: 10px;
							height: 18px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							left: 10px;
							transform: translate(0%,-50%) scale(-1,1);
						}
						.article__btn__next a {
							padding-right: 20px;
						}
						.article__btn__next a::after {
							content: '';
							display: block;
							width: 10px;
							height: 18px;
							background-image: url('../image/cmn/cmn-arrow.png');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							top: 50%;
							right: 10px;
							transform: translate(0%,-50%);
						}
}