@charset "UTF-8";
/* ================================================

-メインビジュアル

================================================ */
.l-mainvisual {
	background-image: url(../../images/topics/bg_mainvisual.jpg);
}
@media screen and (max-width: 767px) {
	.l-mainvisual {
		background-image: url(../../images/topics/bg_mainvisual_sp.jpg);
	}
	.p-main {
		padding: 4% 4vw 8%;
	}
	.p-main .p-main-ttl {
		text-align: center;
		color: #1c1c1c;
	}
	.p-main .p-main-txt {
		margin-top: 10.66666%;
		font-size: 4vw;
		line-height: 1.6;
		text-align: center;
	}
	.p-main .p-main-txt .p-main-line {
		padding: 8% 0;
		font-size: 5.33333vw;
		line-height: 1.5;
	}
}
/* ================================================

- メインコンテンツ

================================================ */
.topics-detail {
	padding: 80px 0;
	background: #1c1c1c;
}
.topics-detail-inner {
	max-width: 1280px;
	margin: 0 auto 50px;
	padding: 50px;
	background: #fff;
}
.topics-detail-inner-date {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.topics-detail-inner-date .blog-date {
	font-size: 2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #8c8c8c;
	white-space: nowrap;
	margin: 0 15px 0 0;
}
.topics-detail-inner-date .blog-cate {
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	font-weight: 700;
}
.topics-detail-inner-date .blog-cate span {
	padding: 0px 8px;
	color: #2f2f2f;
	border: solid 1px #2f2f2f;
}
.topics-detail-inner-ttl h3 {
	color: #2f2f2f;
	padding: 18px 0 20px;
	border-bottom: solid 4px #006cb8;
}
.topics-detail-inner-photo .blog-photo {
	max-width: 630px;
margin: 40px auto;
}

@media screen and (max-width: 767px) {
.topics-detail {
	padding: 10.66666vw 4vw;
}
.topics-detail-inner {
	margin: 0 auto 10.6666vw;
	padding: 8vw 3.33333vw;
}
.topics-detail-inner-date .blog-date {
    font-size: 4vw;
    margin: 0 2vw 0 0;
}
.topics-detail-inner-date .blog-cate {
    font-size:3.46667vw;
}
.topics-detail-inner-photo .blog-photo {
    margin: 5.33333vw auto;
}
}


/* topics-detail-sub
---------------------------------------------------------------------------- */
.topics-detail-sub {
	margin: 50px 0 0;
}
.topics-detail-sub .topics-detail-sub-ttl {
	margin: 0 0 36px;
	border-bottom: solid 1px #bbbbbb;
}
.topics-detail-sub .topics-detail-sub-ttl h4 {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  font-weight: 700;
	line-height: 1.4;
	padding: 0 0 0 15px;
	margin: 0 0 14px;
	border-left: solid 4px #006cb8;
}
.topics-detail-sub-inner {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding: 0 20px;
}
.topics-detail-sub-inner .topics-detail-sub-inner-txt {
	max-width: 1280px;
	padding: 0 0 0 40px;
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
.topics-detail-sub {
    margin: 6.66667vw 0 0;
}
.topics-detail-sub .topics-detail-sub-ttl {
    margin: 0 0 5.33333vw;
}
	.topics-detail-sub .topics-detail-sub-ttl h4 {
  font-size: 4.53333vw;
	padding: 0 0 0 2vw;
	margin: 0 0 1.86667vw;
}
.topics-detail-sub-inner {
	display: block;
	padding: 0;
}
	.topics-detail-sub-inner-photo img {
		width: 100%
	}
.topics-detail-sub-inner .topics-detail-sub-inner-txt {
    padding: 5.33333vw 0 0 0;
}	
	
}



.m-btn-blue.aleft {
	max-width: 245px;
}