@charset "utf-8";
/* ------------------------------------------ */
/* NEWS CSS */
/* ------------------------------------------ */


/* ページ看板 */
.page-sign-area {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 96px;
}
@media (max-width: 1300px) {
    .page-sign-area {
        margin-top: 70px;
    }
}

#subPage.news .eventnews-wrapper {
    background: url("../img/lifeplan/bg-main.png") no-repeat center bottom;
    background-size: contain;
}
#subPage.news .common-contactbox {
    background: none;
    /* padding: 0 0 100px; */
}


#subPage.news .eventnews-wrapper main {
	background-color: #EAF2FA;
    padding-top: 30px;
}

#subPage.news .eventnews-wrapper .panNavi {
	background: none;
}


/* sec-news */
#sec-news {
}
#sec-news .container-full {
	width: 90%;
	background-color: #fff;
	max-width: 1287px;
	margin: 0 auto;
	border-radius: 30px;
}
#sec-news .newsdetail-wrap {
}


.newsdetail-wrap {
	padding: 8% 10% 13%;
}
.newsdetail-wrap .c-header {
}
.newsdetail-wrap .c-header .n-head {
    display: inline-flex;
    align-items: center;
}

.newsdetail-wrap .c-header .n-head .n-cate {
    display: inline-block;
    line-height: 1;
    background-color: #172A88;
    padding: 10px 30px;
    border-radius: 30px;
}

.newsdetail-wrap .c-header .n-head .n-cate .text {
    display: block;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.03em;
}

.newsdetail-wrap .c-header .n-head .n-date {
    display: inline-block;
    margin-left: 20px;
}

.newsdetail-wrap .c-header .n-head .n-date .text {
    display: block;
    font-size: 18px;
    color: #638095;
    line-height: 1;
    letter-spacing: 0.01em;
}

.newsdetail-wrap .c-header .n-ttl {
    display: block;
    padding-top: 15px;
}

.newsdetail-wrap .c-header .n-ttl .text {
    display: block;
    letter-spacing: 0.01em;
    line-height: 1.3;
}



.newsdetail-wrap .mainimage-wrap {
    display: block;
    overflow: hidden;
    position: relative;
	margin-top: 50px;
}

.newsdetail-wrap .mainimage-wrap .tag-new {
    display: block;
    width: 250px;
    background-color: #172A88;
    padding: 5px;
    transform: rotate(-32.4deg);
    position: absolute;
	top: 20px;
    left: -75px;
}

.newsdetail-wrap .mainimage-wrap .tag-new .text {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
    font-size: 20px;
}

.newsdetail-wrap .mainimage-wrap img {
    display: block;
}



.main-content {
    border-bottom: 1px solid #000;
}
.main-content span,
.main-content a,
.main-content ifram,
.main-content img,
.main-content b,
.main-content p
{
    display: block;
    letter-spacing: 0.03em;
    line-height: 1.3;
}
.main-content img,
.main-content iframe {
        width: 100%;
    max-width: 100%;
    height: auto;
}
.main-content table,
.main-content td,
.main-content th {
	border-collapse: collapse;
}

.main-content .iframe-wrap {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.main-content .iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 768px) {
	.newsdetail-wrap {
		padding: 8% 5%;
	}
	.newsdetail-wrap .c-header {
	}
	.newsdetail-wrap .c-header .n-head {
		display: inline-flex;
		align-items: center;
	}
	
	.newsdetail-wrap .c-header .n-head .n-cate {
		display: inline-block;
		line-height: 1;
		background-color: #172A88;
		padding: 8px 30px;
		border-radius: 30px;
	}
	
	.newsdetail-wrap .c-header .n-head .n-cate .text {
		display: block;
		font-size: 20px;
		line-height: 1;
		color: #fff;
		letter-spacing: 0.03em;
	}
	
	.newsdetail-wrap .c-header .n-head .n-date {
		display: inline-block;
		margin-left: 20px;
	}
	
	.newsdetail-wrap .c-header .n-head .n-date .text {
		display: block;
		font-size: 18px;
		color: #638095;
		line-height: 1;
		letter-spacing: 0.01em;
	}
	
	.newsdetail-wrap .c-header .n-ttl {
		display: block;
		padding-top: 15px;
	}
	
	.newsdetail-wrap .c-header .n-ttl .text {
		display: block;
		letter-spacing: 0.01em;
		line-height: 1.3;
	}
	
	
	
	.newsdetail-wrap .mainimage-wrap {
		display: block;
		overflow: hidden;
		position: relative;
		margin-top: 30px;
	}
	
	.newsdetail-wrap .mainimage-wrap .tag-new {
		display: block;
		width: 250px;
		background-color: #172A88;
		padding: 5px;
		transform: rotate(-32.4deg);
		position: absolute;
		top: 20px;
		left: -75px;
	}
	
	.newsdetail-wrap .mainimage-wrap .tag-new .text {
		display: block;
		text-align: center;
		color: #fff;
		line-height: 1;
		letter-spacing: 0.01em;
		font-size: 20px;
	}
	
	.newsdetail-wrap .mainimage-wrap img {
		display: block;
	}
}



.btn-more {
    display: table;
    background-color: #172A88;
    border: 2px solid #172A88;
    margin: 0 auto;
    padding: 5px 50px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.28s ease;
}

.btn-more .text {
    display: block;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
}

.btn-more:hover {
    background-color: #fff;
    border: 2px solid #172A88;
}

.btn-more:hover .text {
    color: #172A88;
}