/*---------------------------------------------------- column_slider --*/
#column_slider {
		margin-bottom: 2.5rem;
}

@media (max-width: 960px) {
		#column_slider {
				margin-bottom: 5rem;
		}
}

#column_slider.first_section {
		padding-top: 0;
}

#column_slider .container {
		max-width: 1366px;
		padding: 0;
}

#column_slider .column_slider_inner {
		height: 100%;
		max-height: 470px;
		margin-bottom: 0.5rem;
}

@media (max-width: 960px) {
		#column_slider .column_slider_inner {
				max-height: 100%;
		}
}

#column_slider .column_slider_inner li {
		display: flex;
		position: relative;
}

#column_slider .column_slider_inner a {
		display: block;
		width: 100%;
		text-decoration: none;
		outline: 0;
}

#column_slider .column_slider_inner a .column_slider_inner_image {
		max-width: 860px;
		max-height: 450px;
		height: calc(100% + 23px);
		overflow: hidden;
}

@media (max-width: 960px) {
		#column_slider .column_slider_inner a .column_slider_inner_image {
				max-width: 100%;
				height: auto;
				max-height: 400px;
				margin-bottom: -1.25rem;
		}
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner a .column_slider_inner_image {
				max-height: 217px;
		}
}

#column_slider .column_slider_inner a .column_slider_inner_image_inner {
		position: relative;
		padding-top: 52.5%;
		overflow: hidden;
}

#column_slider .column_slider_inner a .column_slider_inner_image img {
		display: block;
		width: 100%;
		max-height: 443px;
		border: 1px solid #E9F2F3;
		object-fit: cover;
		object-position: 0 0;
		transition: all 0.3s;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		object-position: center;
}

@media (max-width: 960px) {
		#column_slider .column_slider_inner a .column_slider_inner_image img {
				max-height: 400px;
		}
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner a .column_slider_inner_image img {
				max-height: 217px;
		}
}

#column_slider .column_slider_inner a:hover .column_slider_inner_image img {
		transform: translate(-50%, -50%) scale(1.1);
}

#column_slider .column_slider_inner .slick-current.slick-active .column_slider_inner_text {
		opacity: 1;
		transform: translateX(0);
}

#column_slider .column_slider_inner_text {
		position: absolute;
		bottom: -23px;
		right: 0;
		max-width: 525px;
		padding: 5rem 3.75rem 3.75rem;
		background-color: #E9F2F3;
		opacity: 0;
		transform: translateX(50px);
		transition: all 0.5s;
		transition-delay: 0.6s;
}

@media (max-width: 960px) {
		#column_slider .column_slider_inner_text {
				position: relative;
				bottom: inherit;
				right: inherit;
				max-width: 100%;
				margin: 0 1.25rem;
				padding: 2.5rem;
		}
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner_text {
				padding: 1.5rem;
		}
}

#column_slider .column_slider_inner_text_meta {
		display: flex;
		justify-content: space-between;
		align-items: center;
}

#column_slider .column_slider_inner_text_meta_pickup {
		font-family: 'Pathway Gothic One';
		-webkit-text-stroke-width: 0.5px;
		font-size: 2rem;
		color: #FFF;
		padding: 0.375rem 0.5rem 0.5rem;
		background-color: #2A2A2A;
		line-height: 0.8;
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner_text_meta_pickup {
				font-size: 1.5rem;
				margin-right: 1rem;
				line-height: 0.7;
				letter-spacing: 0;
				white-space: nowrap;
		}
}

#column_slider .column_slider_inner_text_meta ul {
		display: flex;
		align-items: center;
}

#column_slider .column_slider_inner_text_meta ul .column_slider_inner_text_meta_category {
		font-size: 0.75rem;
		font-weight: 700;
		color: #00B2A9;
}

#column_slider .column_slider_inner_text_meta ul .column_slider_inner_text_meta_date {
		font-size: 0.75rem;
		color: #92A2A8;
		margin-left: 1.25rem;
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner_text_meta ul .column_slider_inner_text_meta_date {
				margin-left: 0.5rem;
				white-space: nowrap;
		}
}

#column_slider .column_slider_inner_text_title {
		font-size: 1.375rem;
		font-weight: 700;
		margin: 2rem 0 1rem;
		line-height: 1.6;
		letter-spacing: -0.31px;
		transition: all 0.3s;
}

@media (max-width: 480px) {
		#column_slider .column_slider_inner_text_title {
				font-size: 1.25rem;
				margin: 1.25rem 0;
				letter-spacing: -0.92px;
		}
}

#column_slider .column_slider_inner_text_excerpt {
		font-size: 0.75rem;
		line-height: 1.8;
		letter-spacing: 0;
}

#column_slider .column_slider_inner:hover .column_slider_inner_text_title {
		color: #00B2A9;
}

#column_slider .column_slider_control {
		display: flex;
		justify-content: flex-end;
		align-items: center;
}

@media (max-width: 960px) {
		#column_slider .column_slider_control {
				justify-content: center;
		}
}

#column_slider .column_slider_control .slick_arrow {
		position: relative;
		z-index: 1;
		display: block;
		width: 50px;
		height: 50px;
		background-color: #ffffff;
}

#column_slider .column_slider_control .slick_arrow:before {
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(-50%) rotate(45deg);
		-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
		transition: border, 0.2s;
}

#column_slider .column_slider_control .slick_arrow.prev {
		order: 1;
}

#column_slider .column_slider_control .slick_arrow.prev:before {
		border-bottom: solid 2px #333333;
		border-left: solid 2px #333333;
		left: calc(50% + 1px);
}

#column_slider .column_slider_control .slick_arrow.prev:hover::before {
		border-bottom: solid 2px #b0b0b0;
		border-left: solid 2px #b0b0b0;
}

#column_slider .column_slider_control .slick_arrow.next {
		order: 3;
}

#column_slider .column_slider_control .slick_arrow.next::before {
		border-top: solid 2px #333333;
		border-right: solid 2px #333333;
		left: calc(50% - 1px);
}

#column_slider .column_slider_control .slick_arrow.next:hover:before {
		border-top: solid 2px #b0b0b0;
		border-right: solid 2px #b0b0b0;
}

#column_slider .column_slider_control .slick_dots {
		order: 2;
		display: flex;
		height: 50px;
		background-color: #ffffff;
		margin: 0 1.25rem;
		z-index: 1;
}

#column_slider .column_slider_control .slick_dots > li {
		position: relative;
		margin: 0 1rem 0 0;
		display: block;
		width: 5px;
		height: 5px;
		background-color: #92A2A8;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: background-color, 0.2s height, 0.2s;
}

#column_slider .column_slider_control .slick_dots > li:last-child {
		margin-right: 0;
}

#column_slider .column_slider_control .slick_dots > li.slick-active {
		background-color: #00B2A9;
		width: 30px;
}

#column_slider .column_slider_control .slick_dots > li button {
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
}

/*---------------------------------------------------- new_column --*/
#new_column .btn {
		margin: 0 auto;
}

@media (max-width: 768px) {
		#new_column .btn {
				margin-top: 3.75rem;
		}
}

@media (max-width: 480px) {
		#new_column .btn {
				margin-top: 2.5rem;
		}
}

/*---------------------------------------------------- ranking --*/
#ranking {
		margin-top: 7.5rem;
}

@media (max-width: 768px) {
		#ranking {
				margin-top: 5rem;
		}
}

#ranking .column_list {
		counter-reset: number;
}

#ranking .column_list li {
		position: relative;
		width: calc((100% - 3rem) / 4);
		margin-right: 1rem;
}

@media (max-width: 768px) {
		#ranking .column_list li {
				width: 100%;
				margin: 0 0 2.5rem;
		}
}

#ranking .column_list li a .column_list_image {
		width: 100%;
		max-width: 260px;
		max-height: 136px;
}

@media (max-width: 768px) {
		#ranking .column_list li a .column_list_image {
				width: 150px;
				height: 79px;
				margin-right: 1rem;
		}
}

@media (max-width: 480px) {
		#ranking .column_list li a .column_list_image {
				width: 120px;
				height: 63px;
		}
}

#ranking .column_list li::after {
		position: absolute;
		bottom: -18px;
		right: -6px;
		content: counter(number, decimal-leading-zero);
		counter-increment: number 1;
		font-family: 'Pathway Gothic One';
		-webkit-text-stroke-width: 1px;
		font-size: 5rem;
		color: #E9F2F3;
		line-height: 1;
		letter-spacing: 2.5px;
		z-index: -1;
}

@media (max-width: 768px) {
		#ranking .column_list li::after {
				font-size: 3.75rem;
		}
}

#ranking .column_list li:first-child {
		width: 100%;
		margin: 0 0 2.5rem;
}

#ranking .column_list li:first-child::after {
		bottom: -30px;
		right: -20px;
		font-size: 10.875rem;
		letter-spacing: 12px;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child::after {
				bottom: -18px;
				right: -6px;
				font-size: 3.75rem;
				letter-spacing: 7px;
		}
}

#ranking .column_list li:first-child a {
		position: relative;
		display: flex;
		text-decoration: none;
		transition: all 0.3s;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child a {
				flex-wrap: inherit;
		}
}

#ranking .column_list li:first-child a .column_list_image {
		max-width: 536px;
		max-height: 281px;
		margin-right: 3rem;
		overflow: hidden;
		padding-top: 29.5%;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child a .column_list_image {
				width: 150px;
				height: 79px;
				margin-right: 1rem;
				padding-top: 0;
		}
}

@media (max-width: 480px) {
		#ranking .column_list li:first-child a .column_list_image {
				width: 120px;
				height: 63px;
		}
}

#ranking .column_list li:first-child a .column_list_image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 0.3s;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child a .column_list_image img {
				width: 150px;
				height: 79px;
		}
}

@media (max-width: 480px) {
		#ranking .column_list li:first-child a .column_list_image img {
				width: 120px;
				height: 63px;
		}
}

#ranking .column_list li:first-child a:hover .column_list_image img {
		transform: translate(0, -50%) scale(1.1);
}

#ranking .column_list li:first-child .column_list_text {
		width: 100%;
}

#ranking .column_list li:first-child .column_list_text_meta {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 1rem;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child .column_list_text_meta {
				margin-bottom: 0.5rem;
		}
}

#ranking .column_list li:first-child .column_list_text_meta_category {
		font-size: 0.75rem;
		color: #00B2A9;
		margin-right: 0.5rem;
}

#ranking .column_list li:first-child .column_list_text_meta_date {
		font-size: 0.75rem;
		color: #92A2A8;
}

#ranking .column_list li:first-child .column_list_text_title {
		font-size: 1.375rem;
		font-weight: 700;
		margin: 1.25rem 0;
		line-height: 1.6;
		letter-spacing: 0;
		transition: all 0.3s;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child .column_list_text_title {
				font-size: 0.875rem;
				margin: 0;
				line-height: 1.4;
		}
}

#ranking .column_list li:first-child .column_list_text_excerpt {
		font-size: 0.75rem;
		line-height: 1.8;
}

@media (max-width: 768px) {
		#ranking .column_list li:first-child .column_list_text_excerpt {
				display: none;
		}
}

#ranking .column_list li:first-child a:hover .column_list_title {
		color: #00B2A9;
}

#ranking .column_list li:last-of-type {
		margin-right: 0;
}

@media (max-width: 768px) {
		#ranking .column_list li:last-of-type {
				margin-bottom: 0;
		}
}