@charset "utf-8";

/* =================================================

		topic page
	 
----------------------------------------------------
*
		hero
    column_list
*
================================================= */







/* =================================================

		hero

================================================= */

#column_top .lower_hero,
#column_lower .lower_hero {
	 background-image: url(../column/img/column_top_kv01.jpg) ; 
}






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

}

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

}



/* =================================================

		column_list

================================================= */
.column_lead_block .inr{
  display:-webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.column_lead_block .txt_area {
	width: 650px;
	margin-right: 40px;
}

.column_lead_block .img_area{
  width: 420px;
}

.column_list_block {
  margin-top: 80px;
}

.column_list {
  border-top: 1px solid #e6e6e6;
}

.column_list li {
	border-bottom: 1px solid #e6e6e6;
}

.column_list li .column_list_link {
	position: relative;
	padding: 20px 0 20px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.column_list_txt_wrap {
	width: 1040px;
  display:-webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column_list_txt_head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-justify-content:center ;
  justify-content: center;
  border: 1px solid #112D5C;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #fff;
    color: #112D5C;
}

.head_ttl {
	font-size: 9px;
	line-height: 1;
	margin-top: 8px;
}

.head_num {
	font-size: 28px;
	line-height: 1;
	display: block;
	margin-top: 3px;
}


.column_list_box_txt_wrap {
	margin-left: 18px;
}

.column_list_box_txt {
	display: inline;
	background-image: linear-gradient(90deg, #112D5C, #112D5C);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 0 1px;
	transition: background-size 0.5s;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 24px;
	color: #112D5C;
}



.column_list li .column_list_arr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transform: translateX(-10px);
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .3s;
}


.column_list li .column_list_link:hover {
	opacity: 1;
}

.column_list li .column_list_link:hover .column_list_box_txt {
	background-size: 100% 1px;
	background-position: left bottom;
}

.column_list li .column_list_link:hover .column_list_arr {
	transform: translateX(0);
}


/* lower style */
.lower_ttl {
	width: auto;
	border-bottom: 1px solid #112D5C;
	padding-bottom: 20px;
}

.lower_ttl .column_list_txt_head {
  background-color: #112D5C;
}

.lower_ttl  .head_ttl,
.lower_ttl  .head_num {
  color: #fff;
}

.column_list_box_txt_wrap {
	margin-left: 18px;
}

.lower_ttl .column_list_box_txt {
	font-size: 30px;
}

.column_txt_area {
  padding-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 80px;
}

#column_lower .cmn_btn02 {
	min-width: 420px;
}


@media screen and (max-width: 1279px) {
.column_list_txt_wrap {
	width: calc(100% - 60px);
}

.lower_ttl {
	width: auto;
	border-bottom: 1px solid #112D5C;
	padding-bottom: 20px;
}


}


@media screen and (max-width: 599px) {
.column_lead_block .inr {
	display: block;
}

.column_lead_block .txt_area {
	width: auto;
	margin-right: 0;
}

.column_lead_block .img_area {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
  text-align: center;
}

.column_list_txt_head {
	width: 55px;
	height: 55px;
}

.head_num {
	font-size: 20px;
}

.column_list_box_txt_wrap {
	margin-left: 10px;
	width: calc(100% - 55px);
}

.column_list_box_txt {
	font-size: 16px;
}
.column_list li .column_list_link:hover .column_list_box_txt {
	background-size: 0px;
}

.column_list li .column_list_arr {
	width: 14px;
	transform: none;
}

.lower_ttl .column_list_box_txt {
	font-size: 22px;
}

#column_lower .cmn_btn02 {
	min-width: initial;
	min-width: inherit;
}

#column_lower .cmn_btn02 .button {
	font-size: 16px;
}

}