@charset "utf-8";

.edit h1{
    font-family: Didot,Didot LT STD,Hoefler Text,Garamond,Calisto MT,Times New Roman,serif;
    margin: 2em 0 1em 0;
	padding-bottom: 10px;
    font-size: 2em;
    text-align:left;
    line-height: 1;

	border-bottom: 2px solid #ddd;
	position: relative;
}
.edit h1::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;

	width: 3em;
	height: 2px;
	background: #2e4fb5;
}
.edit h1:first-of-type{
    margin-top: 0;
}
.edit h2{
    border-left: 4px solid #2e4fb5;
    font-size: 1.5em;
    padding: 3px 0 3px 10px;
    margin: 2em 0 0.5em 0;
}
.edit h3{
    margin: 1em 0;
	color: #2e4fb5;
	font-size: 1.1em;
}

.fl_box > .left_txt{
	width: 70%;
}
.fl_box > .right_img{
	width: 25%;
	margin-left: 5%;
}
.fl_box > .left_txt.w60{
	width: 60%;
}
.fl_box > .right_img.w40{
	width: 35%;
	margin-left: 5%;
}
.fl_box > .right_img img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.fl_box > .right_img figure img{
	aspect-ratio: 3 / 2;
}
.fl_box > .right_img figure.tri_1-1 img{
	aspect-ratio: 1 / 1;
}
.fl_box > .right_img figure.tri_2-3 img{
	aspect-ratio: 2 / 3;
}

.fl_box > .right_txt{
	width: 65%;
}
.fl_box > .left_img{
	width: 30%;
	margin-right: 5%;
}
.fl_box > .left_img img{
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
}


.fl_box.col_03 > section,
.fl_box.col_03 > li,
.fl_box.col_03 > div{
    width: 31%;
}

.edit table{
    margin-bottom: 40px;
    border: 1px solid #ddd;
}
.edit table th{
    background: #eff5f7;
    padding: 15px;
    border: 1px solid #ddd;
}
.edit table td{
    border: 1px solid #ddd;
    padding: 15px;
}

.edit a[rel="lightbox"] img{
    transition: all ease .3s;
}
.edit a[rel="lightbox"]:hover img{
    opacity: 0.5;
}

.bd_box{
    border: 1px solid #ddd;
    text-align: center;
    margin: 40px auto;
    padding: 15px;
}



/*-------- list ------------*/
.edit li{
	position: relative;
	line-height: 1.4;
}

.edit li ul,
.edit li ol{
	margin-left: 1em;
}
.edit ul,
.edit ol{
	box-sizing: border-box;
	margin: 15px auto;
}
.edit ul > li:last-of-type,
.edit ol > li:last-of-type{
	margin-bottom: 0;
}

.edit ul > li::before,
.edit ol > li::before{
	position: absolute;
}

.edit ul li{
	padding-left: 1.85em;
	margin-bottom: 0.25em;
}
.edit ul li::before{
	content: "";
	top: 0.7em;
	left: 0.65em;
	
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #333
}
ul.slick-dots > li,
.edit ul.none > li{
	padding-left:0 !important;
	margin-bottom:0
}
ul.slick-dots > li::before,
.edit ul.none li::before{
	display:none !important;
}
.edit ol{
	counter-reset:list;
}
.edit ol > li{
	padding-left: 2em;
	margin-bottom: 1em;
}
.edit ol > li::before{
	counter-increment: list;
	content: counter(list);
	top: 0;
	left: 0;
	
	width: 1.5em;
	height: 100%;
	border-right: 1px solid #212121;
	text-align: center;
	font-weight: bold
}
.edit ol > li > small{
	margin-top: 0.5em;
	display: block;
	line-height: 1.2;
}

.edit .none > li{/*װꥻ¥Ã¥È*/
	padding-left: 0;
}
.edit .none > li::before{
	display: none;
}

.edit .pager > li a{
	line-height:1;
	text-align:left;
}
.edit .pager > li:last-of-type a{
	text-align:right;
}


@media screen and (max-width: 999px){ /* tablet,smartphone */
    .fl_box.tb_bl{
	flex-direction:column;
    }
    .fl_box.tb_bl > .left_txt,.fl_box.tb_bl > .left_txt.w60,
	.fl_box.tb_bl > .right_txt,.fl_box.tb_bl > .left_img{
        width: 100%;
    }
    .fl_box.tb_bl > .right_img,.fl_box.tb_bl > .right_img.w40,
	.fl_box.tb_bl > .left_img{
        width: 100%;
        margin: 20px auto;
        margin-left: auto;
    }
    .fl_box > .right_img img{
        display: block;
		margin:0 auto;
    }

    .edit table{
        width: 100%;
    }

	img.sp_w60{
		width:100%;
		display:block;
		max-width:400px;
		margin:10px auto;
	}

	.fl_box > .right_img figure img,.fl_box.tb_bl > .right_img figure.tri_2-3 img,.fl_box.tb_bl > .right_img figure.tri_1-1 img{
		aspect-ratio: 2 / 1;
	}

	.edit h1{
		font-size: 1.8em;
	}
	.edit h2{
		font-size: 1.35em;
	}
    
}
@media screen and (min-width: 0px) and (max-width: 600px){ 
    .edit h1{
        font-size: 1.4em;
    }

    .fl_box.col_03.sm_bl > section,
    .fl_box.col_03.sm_bl > li,
    .fl_box.col_03.sm_bl > div{
        width: 100% !important;
    }

	img.sp_w60{
		display:block;
		max-width:60%;
		margin:10px auto;
	}

	.fl_box.sm_bl > .left_img,.fl_box.sm_bl > .right_img,
	.fl_box.sm_bl > .left_txt,.fl_box.sm_bl > .right_txt{
		width: 100%;
	}
	.fl_box.sm_bl > .left_img figure img,
	.fl_box.sm_bl > .right_img figure img{
		aspect-ratio: 2 / 1 !important;
	}
	.fl_box.sm_bl > .left_img,.fl_box.sm_bl > .right_img{
        width: 100%;
        margin: 0 auto;
    }
	.fl_box.sm_bl > .left_img{
		margin-bottom: 20px;
	}
	.fl_box.sm_bl > .right_img{
		margin-top: 20px;
	}
}