@charset "utf-8";
/* CSS Document */
.keyVisual{
	background: url("../img/kv.jpg") no-repeat center / cover;
	max-height: 110px;
    min-height: 110px;
}

#sec_kouhou .hd01{
	font-size: 2rem;
	margin-bottom: 0;
}

#sec_kouhou .contents{
	max-width: 1150px;
}

#sec_kouhou .contents.flex{
	justify-content: center;
	align-items: flex-start;
	gap: 60px;
}

#sec_kouhou .contents .listContainer{
	max-width: 730px;
	width: 68%;
}

#sec_kouhou .contents .archiveContainer{
	max-width: 360px;
	width: 32%;
}

#sec_kouhou .list{
	text-align: left;
}

#sec_kouhou .list a{
	display: block;
	padding: 20px 0;
	border-bottom: solid 1px #dcdfe5;
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: 700;
}
#sec_kouhou .list a:hover{
	color: #019371;
}

#sec_kouhou .list .date{
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom: 5px;
}


#sec_kouhou .archiveContainer .box + .box{
	margin-top: 40px;
}

#sec_kouhou .archiveContainer .list a{
	font-size: 1.6rem;
}

#sec_kouhou .archiveContainer .list.accordion{
	border-bottom: solid 1px #dcdfe5;
}

#sec_kouhou .archiveContainer .accordion-btn{
	font-weight: 700;
	font-size: 1.6rem;
	padding: 16px 0;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
	#sec_kouhou .archiveContainer .accordion-btn::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%) rotate(90deg);
		display: inline-block;
		background: url("/common/img/arrow_green.svg") no-repeat center / 10px 9px;
		width: 17px;
		height: 17px;
		border-radius: 50%;
		border: solid 1px #019371;
	}

#sec_kouhou .archiveContainer .accordion-btn:hover{
	color: #019371;
}

#sec_kouhou .archiveContainer .accordion-btn.active::after{
		transform: translateY(-50%) rotate(-90deg);
}
	
#sec_kouhou .archiveContainer .list.accordion dd{
	padding-left: 20px;
	display: none;
}
#sec_kouhou .archiveContainer .list.accordion dd.open{
	display: block;
}
#sec_kouhou .archiveContainer .list.accordion a{
	padding: 0;
	border: none;
	font-weight: 500;
	max-width: fit-content;
	margin-bottom: 1em;
}



@media screen and (max-width: 1440px){
	.keyVisual{
		background-position: right center;
	}
}
@media screen and (max-width: 1024px){
	.keyVisual{
		background-position: 90% center;
	}
}
@media screen and (max-width: 1023px){
	#sec_kouhou .contents.flex{
		flex-direction: column;
	}
	#sec_kouhou .contents .listContainer,
	#sec_kouhou .contents .archiveContainer{
		max-width: inherit;
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.keyVisual{
		background-image: url(../img/kv_sp.jpg);
		background-position: right center;
	}
	#sec_kouhou .hd01{
		font-size: 1.8rem;
	}
	#sec_kouhou .list a{
		font-size: 1.6rem;
	}
	#sec_kouhou .archiveContainer .list a{
		font-size: 1.4rem;
	}
}



/* ------------------------------------------------------------------------ */

/*  詳細ページ

/* ------------------------------------------------------------------------ */

#sec_kouhou.detail .detail-ttl{
	text-align: left;
	font-size: 3.2rem;
	border-bottom: solid 2px #019877;
	padding-bottom: 12px;
}

#sec_kouhou.detail .date{
	text-align: right;
	font-weight: 500;
	display: block;
	margin-top: 16px;
}

#newsCotainer {
	text-align: left;
	margin-top: 55px;
	line-height: 1.9;
}
#newsCotainer::after{
	content: "";
	display: block;
	clear: both;
}
#newsCotainer img{
	width /***/: inherit;
	max-width: inherit;
	height: inherit;
}
#newsCotainer p{
	margin: 0 0 1em;
}

#newsCotainer a{
	color: #019371;
	text-decoration: underline;
}

#newsCotainer a:hover{
	text-decoration: none;
}
	#newsCotainer a img:hover{
		opacity: 0.8;
	}

	#newsCotainer ul li,
	#newsCotainer ol li{
		list-style-position: inside;
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 5px;
	}
	#newsCotainer ul li{
		list-style-type: disc;
	}
	#newsCotainer ol li{
		list-style-type: decimal;
	}

#newsCotainer .bg_blue{
	background: #f5f9fc;
    border: 1px solid #d7e6ef;
    border-left: 8px solid #2d8fbd;
    padding: 22px;
    margin-bottom: 28px;
}
	#newsCotainer .bg_blue :last-child{
		margin-bottom: 0;
	}

#newsCotainer h3{
	font-size: 2em;
    line-height: 1.35;
    margin: 0 0 12px;
    color: #1f4f68;
}

#newsCotainer h4{
	font-size: 1.45em;
    margin: 28px 0 14px;
    padding: 0 0 8px;
    color: #1f4f68;
    border-bottom: 3px solid #2d8fbd;
    display: inline-block;
}

#newsCotainer h5{
	margin: 0 0 12px;
    font-size: 1.15em;
    color: #2d8fbd;
    border-left: 5px solid #2d8fbd;
    padding-left: 10px;
}

#newsCotainer h6{
	margin: 0 0 10px;
    font-size: 1.05em;
    color: #1f4f68;
    border-bottom: none;
}

.kuttuku_three{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
	margin-bottom: 26px;
}

.kuttuku_three > .box{
    padding: 6px;
    width:33.333%;
}
	.kuttuku_three > .box .txt{
		text-align: center;
		font-size: 1.02em;
		font-weight: 900;
		margin: 8px 0 0 !important;
		padding: 8px 10px;
	}
	.kuttuku_three > .box .img{
		width: 100%;
		height: 180px;
		object-fit: cover;
		display: block;
		border: 0;
	}
        .kuttuku_three > .box .img img{
            width: 100% !important;
            height: 180px !important;
            object-fit: cover;
            display: block;
            border: 0;
        }

.kuttuku_box_orange{
    border: 2px solid #ffd966;
    background: #fff9f0;
}
    .kuttuku_box_orange .txt{
        background: #fff1c9;
        border: 3px solid #ffb347;
        color: #8a3500;
    }

.kuttuku_box_blue{
    border: 2px solid #8fc7ff;
    background: #f3fbff;
}
    .kuttuku_box_blue .txt{
        background: #eaf6ff;
        border: 3px solid #58a8ff;
        color: #063f78;
    }

.kuttuku_box_green{
    border: 2px solid #7bd389;
    background: #f5fff4;
}
    .kuttuku_box_green .txt{
        background: #e9fff0;
        border: 3px solid #4dd07a;
        color: #04602a;
    }

.kuttuku_bg_blue{
    border: 1px solid #dfe8ee;
    background: #fbfdfe;
    padding: 16px 18px;
	margin-bottom: 12px;
}
.kuttuku_bg_white{
	border: 1px solid #e1e1e1;
    background: #ffffff;
    padding: 18px;
	margin-bottom: 28px;
}
    #newsCotainer .kuttuku_bg_blue :last-child,
    #newsCotainer .kuttuku_bg_white :last-child{
        margin-bottom: 0;
    }

.kuttuku_hd_red{
    margin: 0 0 12px;
    background: #ffffff;
    padding: 12px 14px;
    text-align: center;
}
    #newsCotainer .kuttuku_hd_red p{
        margin: 0;
        font-size: 1.18em;
        color: #e60012;
        font-weight: 900;
        line-height: 1.4;
    }

#newsCotainer .kuttuku_faq .bg_blue{
	padding: 14px;
    background: #f7fbfd;
    border-left: 5px solid #2d8fbd;
    margin-bottom: 14px;
}
	#newsCotainer .kuttuku_faq .bg_blue:last-child{
		margin-bottom: 0;
	}
		#newsCotainer .kuttuku_faq .bg_blue :last-child{
			margin-bottom: 0;
		}

.tbl_outer{
	overflow-x: auto;
    margin-bottom: 14px;
}

.kuttuku_tbl_top,
.kuttuku_tbl_left{
	border-collapse: collapse;
    width: 100%;
}

.kuttuku_tbl_top{
    min-width: 640px;
}
	.kuttuku_tbl_top th{
		border: 1px solid #cccccc;
		background: #eaf4f9;
		padding: 12px;
		text-align: left;
	}
	.kuttuku_tbl_top td{
		border: 1px solid #cccccc;
		padding: 12px;
	}

.kuttuku_tbl_left{
	width: 100%;
    border-collapse: collapse;
    margin: 0 0 14px;
    font-size: 0.98em;
}
	.kuttuku_tbl_left th{
		border: 1px solid #cccccc;
		background: #ece8f3;
		padding: 10px;
		text-align: left;
	}
	.kuttuku_tbl_left td{
		border: 1px solid #cccccc;
		padding: 10px;
	}

.kuttuku_notes{
    margin: 10px 0 0;
    font-size: 0.92em;
    color: #555555;
}
	#newsCotainer .kuttuku_notes :last-child{
		margin-bottom: 0;
	}

#newsCotainer iframe{
	aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
}

#newsCotainer .kuttuku_faq_box{
    padding: 14px;
    background: #f7fbfd;
    border-left: 5px solid #2d8fbd;
    margin-bottom: 14px;
}
    #newsCotainer .kuttuku_faq_box p{
        margin-bottom: 0;
    }
    #newsCotainer .kuttuku_faq_box .question{
        margin-bottom: 8px;
    }

@media screen and (max-width: 767px){
	#sec_kouhou.detail .detail-ttl{
		font-size: 2rem;
	}
}