@charset "UTF-8";
/* CSS Document */
@import url("../../../../css/common.css");


h1.title{
	margin-bottom:20px;
}

#wrap{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#side-navi{ float:left; width:240px;}
#side-navi .ttl{ color: #fff; line-height: 100%; padding: 10px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: linear-gradient(#0D4592 0%, #2558AA 100%) no-repeat 50% 50% / 100% 100%;}
#side-navi .ttl span{ display: inline-block; border-left: 4px solid #fff; padding-left: 5px;}
#side-navi ul{ border:1px solid #dedede; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 10px;}
#side-navi li{ border-bottom:1px solid #dedede; position: relative; padding-left: 20px; padding-bottom: 5px; padding-left:10px;}
#side-navi li+li{ margin-top: 5px;}
#side-navi li::before{ content: ''; width: 2px; height: 2px; background-color: #333; border-radius: 50%; position: absolute; top: 10px; left: 10px; display:none;}
#side-navi li a{ color: inherit;}



#cont{
	float:right;
	width:728px;
	border:1px solid #DEDEDE;
	border-radius: 5px;
	padding: 30px;
	margin-bottom:20px;
	text-align:left;
}

#cont .page_ttl{ width: auto; height: auto; margin-bottom: 20px; padding: 5px 0 7px 20px; border-bottom:1px solid #DEDEDE; position: relative; overflow: hidden;}
#cont .page_ttl::before{ content: ''; width: 8px; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(#0D4592 0%, #2558AA 100%) no-repeat 50% 50% / 100% 100%;}
#cont .page_ttl b{ display: block; overflow: hidden;}
#cont .page_ttl span{ float:right; font-size:0.8em;}


/* トップ用のスタイルを記述 */
.news-list-area dl{ margin-left: 20px; line-height:1.6;}
.news-list-area dl dt{ float:left; margin-top:10px; color:#1D52A3;}
.news-list-area dl dd{ padding-left:130px; padding-top:10px; padding-bottom:10px; border-bottom: 1px dashed #dedede;}
.news-list-area dl dd a{ color: inherit;}

/* 中面用のスタイルを記述 */
#cont .box h2{ height: auto;}
#cont .box p{ margin-bottom:20px;}
#cont .box img{ margin-bottom: 20px; border: 1px solid #DEDEDE; padding: 5px;}
#cont .box .none img{ border:none; padding: 0;}

#wrap .back_btn_01{ text-align: center; margin-top: 20px;}
#wrap .back_btn_01 a{ margin: 0 auto; display: block; background-color: #0A428B; color: #fff; border-radius: 5px; font-size: 12px; line-height: 150%; padding: 4px 5px;}
#wrap .back_btn_01 a span{ display: inline-block; position: relative; padding-left: 15px;}
#wrap .back_btn_01 a span::before,
#wrap .back_btn_01 a span::after{ position: absolute; top: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
#wrap .back_btn_01 a span::before{ top: 4px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff;}
#wrap .back_btn_01 a span::after{ top: 6px; left: 4px; width: 3px; height: 3px; border: 3px solid transparent; border-left: 3px solid #0A428B;}
	/* other */
	#wrap #cont .back_btn_01 a{ max-width: 145px;}

/* 09-05-2023 */
#side-navi{
	width: 280px;
}
#cont{
	width: 950px;
}

#side-navi ul {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

#cont {
    border: none;
    padding: 0;
}

#side-navi .ttl {
    height: auto;
    font-size: 16px;
    font-weight: 900;
    color: #000;
    line-height: 140%;
    border:none;
    border-radius:0;
    /* border-top: 1px solid #231815; */
    border-bottom: 1px solid #999;
    padding: 10px 0;
    background:transparent;
}

.news-list-area dl dt {
    color: #333;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 20px;
}

.news-list-area dl dd {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 190px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}

.detail_meta_area .entry_date{
	font-size: 14px;
	margin-right: 30px;
	position:relative;
	padding-left:30px;
}

.detail_meta_area .entry_date::before{
	content: '';
	width: 18px;
	height: 18px;
	background: url(../../images/tochikatsuyo/knowledge/common/icon-clock.png) no-repeat center/contain;
    padding: 0;
    position: absolute;
    top: 2px;
    left: 0;
}

.news-list-area dl{
    margin-left:0;
}

/* 10-17-2023 */
#cont .box .main-img-area{
    text-align: center;
}

#cont .box figure{
    text-align:center;
}

/* 11-14-2023 */
#side-navi li:last-child{
    border-bottom:none;
}

/* 11-16-2023 */
#side-navi .ttl {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}

#side-navi li{
    border-color:#999;
}

/* 11-22-2023 */
.news-list-area dl dd a br {
    display:none;
}

/* 2023-12-12 */
#cont .box p.page-small, #cont .box p small {
    font-size: 14px;
    line-height: 1.5;
}