/*
channel code : y5TPvfE6Mde6
for biz
*/
@charset "utf-8";
/* CSS Document */

.top_cp_area .mgn_left {
	display: none;
}
.top_cp_area .mgn_left.fv {
    margin-right: 13px;
    display: block;
}

.div_cp_box.no {
	display: none;
}

.div_cp_box.no.fv {
	display: block;
}

.interface .int_note { 	margin:0 auto; }
.interface .int_note:first-child { margin:10px auto 0; }
/* spn */
@media screen and (max-width: 640px) {
.interface .int_note, .interface .int_note:first-child { margin: 0.5em 5% 0; }
}
/* 221025 */
div.series-feat-cont p.list{
	margin: 0 auto 2em;
}
div.series-feat-cont p.list span{
	font-size: 12.61px !important;
    font-weight: normal!important;
}

/* 240529 */
div.box-grid.col-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 32px;
    row-gap: 16px;
}
div.box-grid.col-3 a {
	color: #000;
}
div.box-grid.col-3 a div {
		position: relative;
}
div.box-grid.col-3 a div::before {
    content:"";
	position: absolute;
	z-index: 2;
	height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 2px #fff solid;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff66;
}
div.box-grid.col-3 a div::after {
    content: "";
    position: absolute;
    z-index: 3;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #ffffff;
    border-right: 0;
}

div.box-grid.col-3 div img {
			margin-bottom: 0.8em;
}


div.soec.bg_DFE3EE {
    background-color: #DFE3EE;
}