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


.kv-wrapper_column {
	background-size: cover;
	background-image: url("../assets/img/column/column_kv.jpg") ;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 54vh;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	align-items: -webkit-center;
	justify-content: center;
	justify-content: -webkit-center;
}
@media screen and (max-width: 768px) {
	.kv-wrapper_column {
		height: 60vh;
		background-image: url("../assets/img/column/column_kv_sp.jpg") ; } }

.kv-wrapper_column .kv-inner {
	width: 100%;
	max-width: 306px;
}
@media screen and (max-width: 768px) {
	.kv-wrapper_column .kv-inner {
		max-width: 290px; } }


.column__title {
	margin:6.0vw 0 ; }
@media screen and (max-width: 768px) {
	.column__title {
		margin: 16.0vw 0; } }

.column__title h2 {
	margin-bottom: 2.0vw ;
	text-align: center; }
@media screen and (max-width: 768px) {
	.column__title h2 {
		margin-bottom: 4.0vw ; } }



/*------------------------------column-main ここから-----------------------------------*/


.column_main {
	width: 100%;
	margin-bottom: 2.0vw;
}
@media screen and (max-width: 768px) {
	.column_main {
		margin-bottom: 8.0vw; } }

.column_main .column_detail {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-direction: row;
}
@media screen and (max-width: 768px) {
	.column_main .column_detail { } }

.column_block {
	position: relative;
	width: 30%;
	margin-bottom: 4.0vw;
}
.column_detail::after {
	width: 30%;
	content: "";
	display: block; }

@media screen and (max-width: 768px) {
	.column_block {
		width: 47%;
		margin-bottom: 10.0vw; }
	.column_detail::after {
	width: 47%; } }

.column_block .column_pic {
	margin-bottom: 1.0vw;
}
@media screen and (max-width: 768px) {
	.column_block .column_pic {
		margin-bottom: 2.0vw; } }

.column_block .column_tag {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	flex-direction: row;
}
.column_block .column_tag .news_item {
	width: auto;
	margin-right: 5px;
	margin-left: 0;
	padding: 5px;
}
@media screen and (max-width: 768px) {
	.column_block .column_tag .news_item {
		margin-right: 5px; } }

.column_block .column_word h3 {
	margin: 1.0vw 0;
}
@media screen and (max-width: 768px) {
	.column_block .column_word h3 {
		margin: 2.0vw 0; } }


/*------------------------------column-main ここまで-----------------------------------*/



.column_block a{
  display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.column_block:hover{
  opacity: 0.5;
  transition: 0.5s;
}




/*------------------------------下層記事ページ ここから-----------------------------------*/
.column__sub-title {
	padding:6.0vw 0 8.0vw; }
@media screen and (max-width: 768px) {
	.column__sub-title {
		padding: 16.0vw 0 18.0vw; } }

.feature-title-lead {
	font-size: 18px;
	padding:4.0vw 0 0; }
@media screen and (max-width: 768px) {
	.feature-title-lead {
		padding: 8.0vw 0 0; } }

.column__sub-title h2 {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 100%; }

.column__sub-title h2::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -2.0vw;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/ }

.column_contents_1,.column_contents_2 { 
	margin-bottom: 8.0vw;
	width: 100%;
	max-width: 780px;
}
@media screen and (max-width: 768px) {
	.column_contents_1,.column_contents_2 { 
		margin-bottom: 16.0vw;
		width: 100%;
		max-width: auto; } }

.column_contents_3 { 
	margin-bottom: 8.0vw;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.column_contents_3 { 
		margin-bottom: 16.0vw;
		width: 100%; } }

.feature-title {
	width: 100%;
	border-bottom: 1px solid #000;
	padding-bottom: 1.5vw;
	margin-bottom: 2.5vw;
}
@media screen and (max-width: 768px) {
	.feature-title {
		padding-bottom: 4.0vw;
		margin-bottom: 6.0vw; } }

.feature-title_2 {
	width: 100%;
	margin-bottom: 2.5vw;
}
@media screen and (max-width: 768px) {
	.feature-title_2 {
		margin-bottom: 6.0vw; } }

.feature-block-2column {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 3.0vw;
}
@media screen and (max-width: 768px) {
	.feature-block-2column {
		display: -webkit-block;
		display: block;
		margin-bottom: 6.0vw; } }

.feature-block-2column-pic {
	width: 49%;
}
@media screen and (max-width: 768px) {
	.feature-block-2column-pic {
		width: 100%;
		margin-bottom: 20px; } }

.feature-block-2column p {
	width: 48%;
}
@media screen and (max-width: 768px) {
	.feature-block-2column p {
		width: 100%; } }


.feature-block-text {
	width: 100%;
	margin-bottom: 3.0vw;
}
@media screen and (max-width: 768px) {
	.feature-block-text {
		margin-bottom: 6.0vw; } }

.feature-block-text_2 {
	width: 100%;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	.feature-block-text_2 {
		margin-top: 10px; } }

.feature-block-pic {
	width: 100%;
	margin-bottom: 3.0vw;
}
@media screen and (max-width: 768px) {
	.feature-block-pic {
		margin-bottom: 6.0vw; } }


.feature-block-pic-caption {
    text-align: left;
    padding-top: 6px;
    font-size: 13px;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.feature-block-pic-caption {
		margin-bottom: 6.0vw; } }


.feature-column-list {
    background: #fff;
	padding: 3.0vw;
}
@media screen and (max-width: 768px) {
	.feature-column-list {
		padding: 6.0vw; } }

.feature-list-block {
	display: flex;
	align-items: center;
    margin-bottom: 15px;
	padding-bottom: 15px;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.4;
	border-bottom:solid 1px #000;
	width: 100%;
}
.feature-list-block:nth-of-type(5) {
    margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none; }

.feature-list-block .feature-list-title {
	width: 30%;
	font-weight: bold; }
.feature-list-block .feature-list-word {
	width: 70%;	 }

@media screen and (max-width: 768px) {
.feature-list-block {
	justify-content: space-between; }
	
.feature-list-block .feature-list-title {
	width: 40%; }
.feature-list-block .feature-list-word {
	width: 58%;	 } }



/*------------------------------下層記事ページ ここまで-----------------------------------*/