@charset "utf-8";



ul.column_list {
	position: relative;
	display: flex;
	width: 100%;
	margin : 50px auto 0px auto;
	justify-content: space-between;

}

ul.column_list li:first-child {
	position: relative;
	display: block;
	width: 40%;

}

ul.column_list li:last-child {
	position: relative;
	display: block;
	width: 57%;

}

a ul.column_list li {
	color: #595757;
}

ul.column_list li a {
	color: #595757;
}

.column_title01 {
	display: block;
	font-weight: 900;
	font-size: 160%;
	letter-spacing: 1.2px;
	line-height: 1.2;
	margin-bottom: 20px;
}



.column_day {
	display: block;
	font-weight: 700;
	font-size: 80%;
	letter-spacing: 1.2px;
	margin-bottom: 5px;

}

.column_comment01 {
	display: block;
	font-weight: 500;
	font-size: 100%;
	letter-spacing: 1.2px;
	line-height: 1.6;
	margin-bottom: 20px;

}

.column_comment01_1 {
	display: -webkit-box; /* 必須 */
	-webkit-box-orient: vertical; /* 必須 */
	-webkit-line-clamp: 4; /* 行数を制限 */
	overflow: hidden; /* はみ出た部分を非表示 */
	font-weight: 500;
	font-size: 100%;
	letter-spacing: 1.2px;
	line-height: 1.6;
	margin-bottom: 20px;

}


.more_link_area {
	display:block;
	position: relative;
	width: 100%;
	background-color: #efefef;
	margin: 0 0 0 auto;
}





.view_more_box {
	position: absolute;
	right: 0px;
	display:inline-block;
	border: solid 1px #555555;
	color:#555555;
	background-color: #ffffff;
	padding:10px 50px 10px 30px;
	text-align:center;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 90%;
}
.view_more_box::after{
	position: absolute;
	content: "";
	top: calc(50% - 2px);
	right: 30px;
	width: 6px;
	height: 6px;
	border: 3px solid;
	border-color: transparent transparent #555555 #555555;
	transform: rotate(-135deg);
	transition: .3s;
}
.view_more_box:hover::after{
	right: 20px;
}





/******************************************************************************
/* コラム詳細ページレイアウト
*******************************************************************************/


.box:nth-child(odd){
	margin-top: 50px;
	position: relative;
	display: flex;
	flex-direction: row-reverse; /*左右入れ替え*/
	justify-content: space-between;

}

@media(max-width : 750px ){
	box:nth-child(odd){
	display: block;
}
}

.box:nth-child(even){
	margin-top: 50px;
	position: relative;
	display: flex;
	justify-content: space-between;

}
@media(max-width : 750px ){
	.box:nth-child(even){
	display: block;
}
}

.box .text {
	width: 57%;
	margin-top: 80px;
}

.box .text2 {
	width: 100%;
	margin-top: 80px;
}



.box .img {
	width: 40%;
	margin-top: 80px;
}


.column_title {
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	font-weight: 900;
	font-size: 120%;
	letter-spacing: 1.2px;
}


.detail_main {
	display: flex;
	margin-top: 50px;
}



.detail_main .flex-1 {
	width: 40%;
	margin-right: 3%;

}



.detail_main .flex-2 {
	width: 57%;

}



.detail_main .flex-2 p {
	margin-bottom: 30px;
	line-height: 2.0;

}



p.column_title {
	display: block;
	width: 100%;
	background: transparent;/*背景透明に*/
	border-left: solid 10px #A5D3C8;/*左線*/
	border-bottom: solid 1px #A5D3C8;/*下線*/
	padding: 5px;
}

p.column_title span {
	margin-left: 10px;
}


/******************************************************************************
/* コラム詳細ページレイアウト
*******************************************************************************/


.slider_area {
	margin-top: 100px;

}


/******************************************************************************
/* ボタンエリア設定
*******************************************************************************/


.button_area01 {
	width: 100%;
	text-align: right;

}

/******************************************************************************
/* スマートフォン・タブレットサイズ
*******************************************************************************/


@media screen and (max-width:1200px) {



.pcOnly {
	display: none!important;
}
.spOnly {
	display: block!important;
}







}



/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


@media screen and (max-width:600px) {


.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}













}