/*TOPMVスライド*/
.slider {
	position:relative;
	z-index: 1;
}
.slider-item {
    width: 100%;
}
/* 記事一覧デザイン 共通
---------------------------------------------*/
.article-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.article-item{
	position: relative;
	width: 32%;
	margin-bottom: 1em;
	background-color: #fff;
}
.article-link{
	display: block;
	width: 100%;
	background-color: #fff;
}
.article-link::after{
	/* リンクを広げる */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: transparent;
}
.article-img{position: relative;}
.article-img img{
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	font-family: 'object-fit: cover';/*IE対策*/
	object-fit: cover;
	vertical-align: bottom;
}
/* 特集記事
---------------------------------------------*/
/* top-feature */
#top-feature {padding-top: 5rem;}
#top-feature .top-feature-wrap{
	display: flex;
    align-items: center;
    justify-content: center;
}
#top-feature h2 {width: 56%; }
.top-feature-text {width: 40%; padding-right: 3rem;}
.top-feature-text h3{
	padding: 5rem 0 5rem 0;
	font-weight: 500;
	font-size: 3rem;
	line-height: 1.4;
}
.marker{
	background: linear-gradient(transparent 80%, #fff 20%)
}
.top-feature-text p{
	line-height: 2.7rem;
	padding-bottom: 2rem;
}
.top-feature-image {width: 53%; position: relative;}
.top-feature-image figure{ position: relative;}
.top-feature-image figure img{
	object-fit: contain;
	-o-object-fit: contain;
}

.top-feature-image .article-label,
.feature-Item .article-label{
	background-color: #ad000e !important;
}
.top-feature-image i,
.feature-Item i{
	color: #ad000e !important;
}
/* top-feature end */
/*見出し共通*/
.top-head {
	padding-bottom: 2rem;
}
.top-head img{
	max-height: 34px;
    max-width: 100%;
    width: auto;
}
/* ボタン追加 */
/* 過去の記事を見る */
.pastArticle-btn{
	padding-top: 6rem;
	text-align: center;
	margin: 0 auto;
}

.pastArticle-btn a{
	position: relative;
	padding: 2.5rem 8rem;
	min-height: 80px;
	font-size: 2.5rem;
	cursor: pointer;
	border-radius: 9rem;
	background-color: #fff;
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
	display: table;
	margin: 0 auto;
	font-weight: normal;
	width: 100%;
	max-width: 40rem;
}

.pastArticle-btn a::after{
	content: "";
    display: inline-block;
	width: 40px;
	height: 8px;
	position: absolute;
	top: 3.4rem;
    right: 3rem;
	border-bottom: 2px solid #ad000e;
	border-right: 2px solid #ad000e;
	transform: skew(45deg);
}

#topJirei .pastArticle-btn a::after{
	border-bottom: 2px solid #004c81;
	border-right: 2px solid #004c81;
}

.top-moreBtn{
	padding-top: 4rem;
	text-align: center;
	margin: 0 auto;
}

.top-moreBtn i{
	position: relative;
	padding: 2.5rem 8rem;
	min-height: 80px;
	font-size: 2.5rem;
	cursor: pointer;
	border-radius: 9rem;
	background-color: #004c81;
	border: 2px solid #fff;
	outline: 2px solid #004c81;
	color: #fff;
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
	display: table;
	margin: 0 auto;
	font-weight: normal;
	max-width: 38rem;
	width: 100%;
	transition: all .3s;
}
.top-moreBtn i::before{
	content: '';
    position: absolute;
    right: 41px;
    top: 34px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #fff;
}

.top-moreBtn i:hover{
	opacity: .85;
	transition: all .3s;
}
/* 記事一覧デザイン 共通end */


/* 福島・宮城・岩手の最新事例30記事一覧
---------------------------------------------*/
#topJirei{padding-top: 8rem;}
.jirei-textBox{padding: 2rem 3rem 3rem 2rem;}
.jirei-title{
	font-size: 1.8rem;
    font-weight: 600;
}
.jirei-place{
	display: block;
    font-size: 1.4rem;
    margin-top: 0.5rem;
}
.jirei-text{
	margin-top: 1rem;
    font-size: 1.6rem;
	font-weight: normal;
    line-height: 1.5;
    overflow: hidden;
}
.jirei-arrow{
	position: relative;
}
.jirei-arrow::after{
	content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #e60012;
    border-right: solid 2px #e60012;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: rotate(45deg);
}

.jirei-img.article-img::before{
	border-left: 8rem solid #004c81;  /* 三角の色変更 */
}
/*福島・宮城・岩手の最新事例30記事一覧end */


/* 産業復興データ*/
#topData{padding-top: 8rem;padding-bottom: 8rem;}
/* .topData-img.article-img::before{
	border-left: 8rem solid #933f9b;
} */
.topData-arrow {position: relative;}
.topData-title.topData-arrow::after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #e60012;
	border-right: solid 2px  #e60012;
	position: absolute;
	right: 8px;
    top: 50%;
	transform: rotate(45deg);
}
.topData-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topData-title {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.7;
	font-weight: 500;
	padding: 2rem 3rem 3rem 2rem;
	flex-grow: 1;
}
.topData-item{
	width: 48%;
}
.topData-link{
	display: flex;
}
.data-label{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 8rem;
    height: 8rem;
    padding: 0.5rem 0.8rem;
    background-color: #933f9b;
    font-family: 'Teko-font';
	font-size: 3.5rem;
	color: #fff;
	text-align: center;
	letter-spacing: .2px;
	line-height: 8rem;
}

/*追加20250128*/
.point-label{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 8rem;
    height: 8rem;
    padding: 0.5rem 0.8rem;
    background-color: #D3752D;
    font-family: 'Teko-font';
	font-size: 3.5rem;
	color: #fff;
	text-align: center;
	letter-spacing: .2px;
	line-height: 8rem;
}
/*追加20250128end*/

.topData-img{
	width: 50%;
}
.topData-title{
	width: 50%;
	display: flex;
    align-items: center;
}

@media (min-width: 1400px) {
	.slider-item{ background-size: cover;}

}

@media (max-width: 960px) {
/* TOP FUTURE */
#top-feature .top-feature-wrap{
	flex-direction: column-reverse;
}
.top-feature-text,.top-feature-image{width: 100%; min-height: 0%;}
.top-feature-text{ padding-right: 0;}
#top-feature h2.pc-only{ display: none !important;}
#top-feature h2.sp-only{ display: block !important;}
#top-feature h2{padding-bottom: 2rem; order: 1; width: 100%;}
#top-feature h2 img {max-height: 25px; width: auto;}
.top-feature-text h3{
    font-size: 2.3rem;
    padding: 2rem 0 3rem 0;
}

/* 記事一覧デザイン */
.article-list{
    margin-top: 2px;
}
.article-item{ width: 100%;}
.article-link{ display: flex !important;}
.top-head img{ max-height: 25px;}
.article-img::before {
    border-bottom: 5rem solid transparent;
    border-left: 5rem solid #e60012;  /* 三角の色変更 */
}

.article-img{
    width: 50%;
}

.article-img img{
	height: 165px;
}



/* 福島・宮城・岩手の最新事例30記事一覧 */
#topJirei{
	padding-top: 5rem;
}
.jirei-img.article-img::before {
    border-bottom: 5rem solid transparent;
    border-left: 5rem solid #004c81;  /* 三角の色変更 */
}
.jirei-textBox{
	width: 50%;
    padding: 0.7rem 2rem 0.7rem 1rem;
}
.jirei-title{
	font-size: 1.4rem;
    line-height: 1.3;
}
.jirei-place{
	display: block;
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
}
.jirei-text{
	margin-top: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.3;
}

/* 産業復興データ*/
#topData{padding-top: 6rem;padding-bottom: 5rem;}
.topData-title{
    width: 50%;
    padding: 0.7rem 2rem 0.7rem 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.topData-img.article-img::before {
    border-bottom: 5rem solid transparent;
    border-left: 5rem solid #933f9b;  /* 三角の色変更 */
}
.topData-title.topData-arrow::after{
	top: 47%;
}

.data-label{
	line-height: 5.5rem;
	width: 6rem;
	height: 6rem;
	font-size: 2.8rem;
}
.data-label i{
	line-height: 1;
}

/* もっとみるボタン */
.Trig{
    padding-top: 3rem;
}
.Trig i{
    font-size: 1.8rem;
}
.top-moreBtn i {
	min-height: auto;
}
.Trig i::after{
    top: 2.3rem;
}
.pastArticle-btn{
	padding-top: 3rem;
}
.pastArticle-btn a{
	font-size: 1.8rem;
	min-height: auto;
}
.pastArticle-btn a::after{
    width: 27px;
    top: 2.5rem;
}
}
@media (max-width: 768px) {
	ul.sns-btn-box li{width:22%;}
}