@charset "utf-8";

.column_list {margin-bottom: 5%;}
.column_list .column_block{opacity:0;visibility:hidden;-webkit-transform:translateY(90px);transform:translateY(90px);width:100%;background:#fff;-webkit-box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2);box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2);overflow:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transition:opacity .3s ease,visibility .3s ease,transform .3s ease,-webkit-transform .3s ease}
.column_list .column_block.is-active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.column_list .column_block:not(:first-child){margin-top:20px}
.column_list .column_block a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:50px}
.column_list .column_block a:hover .thumb::after{opacity:1}
.column_list .column_block a:hover .read_more_wrap span{opacity:1}
.column_list .column_block a:hover .read_more_wrap span::before{width:100%}
.column_list .column_block .text_area{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.column_list .column_block .text_area .date{font-size:12px;margin-bottom:10px}
.column_list .column_block .text_area .date::before,.column_list .column_block .text_area .date::after{content:'';display:block;position:absolute;height:1px}
.column_list .column_block .text_area .date::before{width:40px;background:#28325a;top:8px;left:-50px}
.column_list .column_block .text_area .date::after{width:20px;background:#d9dbe2;top:8px;left:-30px}
.column_list .column_block .text_area .title{color:#005ab4;font-size:22px;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.column_list .column_block .text_area .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.column_list .column_block .thumb{width:300px;height:185px;position:relative;margin-left:30px;overflow:hidden}
.column_list .column_block .thumb::after{content:'';display:block;width:100%;height:100%;background-color:rgba(11,21,59,0.6);position:absolute;left:0;top:0;z-index:1;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.column_list .column_block .thumb .read_more_wrap{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;top:0;z-index:2}
.column_list .column_block .thumb .read_more_wrap span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:12px;position:relative;letter-spacing:0.2em;opacity:0}
.column_list .column_block .thumb .read_more_wrap span::before{content:'';display:block;width:0;height:1px;background:#fff;position:absolute;bottom:-10px;left:0;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition:width .3s ease;transition:width .3s ease}
.column_list .column_block .thumb .read_more_wrap span::after{content:'';display:inline-block;width:18px;height:6px;background:url(../img/icon/icon_arrow_right.svg) no-repeat;background-size:100% auto;margin:0 0 0 28px}
@media screen and (max-width:1000px){
	.column_header .inner_small{padding-left:60px;padding-right:60px}
	.column_heading .small_text{margin-bottom:5px}
	.column_heading .big_text{line-height:1.3}
	.column_heading .big_text span{display:block;text-indent:0px}
	.column_header_lead{bottom:-80px;left:60px}
}
@media screen and (max-width:750px){
	.column_list {margin-bottom: 10%;}
	.column_header{height:230px}
	.column_header .inner_small{padding-right:7.33333%;padding-left:7.33333%}
	.column_heading{font-size:20px;padding-top:50px}
	.column_heading .small_text{font-size:13px}
	.column_heading .big_text{text-indent:-10px}
	.column_header_lead{width:85.33333%;height:200px;bottom:-115px;left:0;right:0;margin:auto;background-size:cover;padding:25px 0;padding-left:7%;padding-right:7%}
	.column_header_lead .job{font-size:12px;margin-bottom:5px}
	.column_header_lead .name{font-size:18px;margin-bottom:7px}
	.column_header_lead .text{font-size:11px}
	.column_header_lead .note{font-size:10px}
	.column_list .column_block a{display:block;padding:6%}
	.column_list .column_block .text_area{padding:0 8px}
	.column_list .column_block .text_area .date{font-size:11px}
	.column_list .column_block .text_area .date::before{display:none}
	.column_list .column_block .text_area .date::after{display:none}
	.column_list .column_block .text_area .title{font-size:16px}
	.column_list .column_block .text_area .text{font-size:12px}
	.column_list .column_block .thumb{width:100%;height:auto;margin-left:0;margin-bottom:20px}
	.column_list .column_block .thumb::after{display:none}
	.column_list .column_block .thumb .read_more_wrap{display:none}
}


/*info*/
.article{background:#fff;padding:80px;-webkit-box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2);box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2)}
.article h2{margin-top:0}
.article h3,.article h4,.article h5,.article h6{font-weight:bold;}
.article h3{font-size:20px;line-height:30px;margin:2% 0;}
.article h4{font-size:18px;line-height:30px;margin:1.5% 0;}
.article h5{font-size:17px;line-height:28px;margin:1% 0;}
.article h6{font-size:16px;line-height:26px;margin:8px 0;}
.article p{font-size:16px;line-height:26px;margin:8px 0;text-indent:3.8ch;text-align:justify;}
.article img{display:block;margin:auto;width:auto;}
.article ol,.article ul{display:block;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0;padding-inline-start:0}
.article ul{display:block;list-style-type:disc;}
.article ol li,.article ul li{margin:6px 0 6px 6ch;font-size:15px;}
.article ol li p,.article ul li p{text-indent:0}
@media screen and (max-width:750px){
	.article{padding:6%}
	.article ol li,.article ul li{margin:6px 0 6px 3.8ch;font-size:14px;}
	.article h3{font-size:17px;line-height:28px;}
	.article h4{font-size:16px;line-height:26px;}
	.article h5{font-size:15px;line-height:24px;}
	.article h6,.article p{font-size:14px;line-height:22px;}
	.back_btn a::after{display:none}
	.back_btn{width:240px;margin-top:30px}
}