@charset "utf-8";

.page-header.matter { height: 400px; background-size: auto, cover; background-repeat: repeat-x, no-repeat; background-position: center bottom, center top; }

.page-header.matter { background-image: url(../img/all/title_bg_matter.png), url(../img/all/title_matter.jpg) ; background-color: #41ccf4; }

.page-header.matter h1.page-header_pageTitle::before { content: url("../img/all/title_logo01.png"); }

@media only screen and (max-width: 559px) {

    .matter h1.page-header_pageTitle::before {
        width: 100%;
        float: left;
    }

    .page-header.matter {
        background-image: url(../img/all/title_bg_matter.png), url(../img/all/title_matter.jpg);
        height: 120vw;
    }

}

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

.offcanvas .offcanvas-element {
	width: 280px !important;
	/*right: -280px !important;*/
}

.offcanvas.offcanvas-open .offcanvas-element {
	width: 280px !important;
}

.nav ul li:nth-child(8) a { background: #41ccf4; }
.nav ul li:nth-child(9) a { background: #3095d3; }
.nav ul li:nth-child(10) a { background: #f4af41; }
.nav ul li:nth-child(11) a { background: #f4af41; }

@media only screen and (max-width: 559px) {

	.nav ul {
	    margin-top: 60px;
	}

}

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

.matter_box{
	width: 1000px;
    margin: 0 auto 50px;
    clear: both;
    display: table;
    position: relative;
    background: #fff;
    padding: 0;
}

@media only screen and (max-width: 820px) {

    .matter_box {
        width: 94%;
        margin: 0 3% 50px;
        clear: both;
    }

}



width: 1000px;
    margin: 0 auto 50px;
    clear: both;
    display: table;
    position: relative;
    /* overflow: hidden; */
    background: #fff;
    padding: 0;

}

.matter_list{
	
}

.matter_list li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.matter_list li .title_t{
	display: flex;
}

.matter_list li .title_t div{
	min-width: 30px;
}

.matter_list li .text_t {
	padding-left: 30px;
}

.matter_list li .box {
	padding-left: 30px;
}

.matter_list li .box.up {
	margin-top: 10px;
}

.matter_list li .box .title_t{
	margin-top: 15px;
}

.matter_list li .box .bt_m{
	display: flex;
}

.matter_list li .box .bt_m div{
	min-width: 20px;
}

.matter_list li .box .bt_t{
	margin-top: 15px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.matter_list li .box .bt_t .pc{ display: block; }
.matter_list li .box .bt_t .sp{ display: none; }

.matter_list li .box .bt_t a{
    border: 0.1rem solid;
    padding: 0.5rem 1rem;
	width: fit-content;
    display: flex;
	align-items: center;
	border-radius: 0.4rem;
	align-items: center;
	line-height: 1.4;

	width: 100%;
	justify-content: center;
	position: relative;
}

.matter_list li .box .bt_t a .material-symbols-outlined{
    font-size: 19px;
	margin-left: 5px;
}

@media only screen and (max-width: 559px){

	.matter_list{
		margin-left: 10px;
		margin-right: 10px;
	}

	.matter_list {
		margin-top: 20px;
	}

    .matter_list li .box .bt_t .pc{ display: none; }
    .matter_list li .box .bt_t .sp{ display: block; }
    
    .matter_list li .box .bt_t a{
		justify-content: left;
	}
	
	.matter_list li .box .bt_t a .material-symbols-outlined {
	    position: absolute;
	    top: 23%;
	    right: 3%;
	}

}

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