@charset "UTF-8";
@media (min-width:1200px) {
    #main_image {
        width: 100%;
        height: 470px;
        background-image: url("../img/news_top.avif");
        background-size: 101% auto;
        background-position: 50% 40%;
        background-repeat: no-repeat;
    }
    #main_wrap {
        width: 1200px;
        margin: 0 auto;
        min-height: 100%;
        position: relative;
    }
    #main_wrap .center {
        text-align: center;
    }
    #main_wrap .spacer {
width: 100%;
height: 50px;
    }
    #main_wrap #news1 {
margin-top: 30px;
margin-bottom: 90px;
border: 1px solid #000000;
width: 100%;
height: 600px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 25px;
overflow-y: scroll;
    }
    #main_wrap #news1 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #news1 ul li {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 16px;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #news1 ul li a {
        text-decoration: none;
        color: #000000;
        min-height: 34px;
        display: flex;
        align-items: center;
    }
    #news1 li a .left {
        display: flex;
        width: 230px;
        align-items: center;
        height: 34px;
        margin-right: 10px;
    }
    #news1 a .left .cate {
        background-color: #f4810b;
        display: flex;
        width: 130px;
        height: 34px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        margin-right: 10px;
    }
    #news1 a .left .date {
        width: auto;
    }
    #news1 li a .right {
        width: 890px;
        display: flex;
        align-items: center;
        flex-flow: column wrap;
        position: relative;
    }
    #news1 a .right .dantai {
        width: 100%;
        display: block;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f4810b;
    }
    #news1 a .right .title {
        display: block;
        text-align: left;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #main_wrap #news2 {
width: 100%;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
height: 600px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #696969;
overflow-y: scroll;
margin-bottom: 100px;
margin-top: 30px;
    }
    #main_wrap #news2 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #news2 ul a {
        width: 100%;
        color: #000000;
        text-decoration: none;
    }
    #news2 ul a li {
        width: 100%;
        height: 32px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 16px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        flex-flow: row wrap;
    }
#news2 ul a li .title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#news2 ul a li .title .memonly {
height: 20px;
font-size: 12px;
font-family: "Noto Sans JP", sans-serif;
color: #ffffff;
background-color: #ff0000;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 3px;
line-height: 20px;
margin-right: 10px;
display: inline-block;
}
#news2 ul a li .mob {
height: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
margin-right: 10px;
    }
    #news2 ul a li .cat_a {
        width: 124px;
        height: 32px;
        display: flex;
        background-color: #f4810b;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 16px;
        color: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
#news2 ul a li .mob2 {
			height: 32px;
			width: 280px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			margin-right: 10px;
					}
    #news2 ul a li .cat_b {
			width: 180px;
			height: 32px;
			display: flex;
			background-color: #f4810b;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 14px;
			color: #ffffff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
    }
}
@media (max-width:1199px) and (min-width:451px) {
    #search_bar {
        display: none !important;
    }
    #main_image {
        width: 100%;
        height: 300px;
        background-image: url("../img/news_top.avif");
        background-size: 101% auto;
        background-position: 50% 40%;
        background-repeat: no-repeat;
    }
    #main_wrap {
        width: 100%;
        margin: 0;
        min-height: 100%;
        position: relative;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main_wrap .center {
        text-align: center;
    }
    #main_wrap .spacer {
        width: 100%;
        height: 30px;
    }
    #main_wrap #news1 {
        margin-top: 45px;
        margin-bottom: 90px;
        border: 1px solid #000000;
        width: 100%;
        height: 400px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 25px;
        overflow-y: scroll;
    }
    #main_wrap #news1 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #news1 ul li {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #news1 ul li a {
        text-decoration: none;
        color: #000000;
        min-height: 34px;
        display: flex;
        align-items: center;
    }
    #news1 li a .left {
        display: flex;
        align-items: center;
        flex-flow: column wrap;
        margin-right: 10px;
    }
    #news1 a .left .cate {
        background-color: #f4810b;
        display: flex;
        height: 34px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        margin-right: 10px;
        font-size: 12px;
        width: 100px;
    }
    #news1 a .left .date {}
    #news1 li a .right {
        width: calc(100% - 110px);
        display: flex;
        align-items: center;
        flex-flow: column wrap;
        position: relative;
    }
    #news1 a .right .dantai {
        width: 100%;
        display: block;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f4810b;
    }
    #news1 a .right .title {
        display: block;
        text-align: left;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #main_wrap #news2 {
        margin-top: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 50px;
    }
    #news2 ul a li {
        width: 100%;
        min-height: 32px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 16px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
    }
    #main_wrap #news2 ul {
width: 100%;
padding: 15px;
height: 400px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #696969;
overflow-y: scroll;
margin: 0;
    }
    #news2 ul a {
        width: 100%;
        color: #000000;
        text-decoration: none;
    }
#news2 ul a li .title {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
}
#news2 ul a li .title .memonly {
height: 20px;
font-size: 12px;
font-family: "Noto Sans JP", sans-serif;
color: #ffffff;
background-color: #ff0000;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 3px;
line-height: 20px;
margin-right: 10px;
display: inline-block;
}
    #news2 ul a li .mob {
height: 32px;
width: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
margin-right: 10px;
min-width: 200px;
    }
#news2 ul a li .cat_a {
        width: 100px;
        height: 32px;
        display: flex;
        background-color: #f4810b;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 14px;
        color: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
#news2 ul a li  .mob2 {
height: 32px;
width: 240px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
margin-right: 10px;
min-width: 240px;
					}
    #news2 ul a li .cat_b {
			width: 140px;
			height: 32px;
			display: flex;
			background-color: #f4810b;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 12px;
			color: #ffffff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
    }

}

@media (max-width:450px) {
    #search_bar {
        display: none !important;
    }
    #main_image {
        width: 100%;
        height: 270px;
        background-image: url("../img/news_top.avif");
        background-position: 2% 50%;
        background-repeat: no-repeat;
        background-size: auto 130%;
    }
    #main_wrap {
        width: 100%;
        margin: 0;
        min-height: 100%;
        position: relative;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main_wrap .center {
        text-align: center;
    }
    #main_wrap .spacer {
        width: 100%;
        height: 30px;
    }
    #main_wrap #news1 {
margin-top: 20px;
margin-bottom: 40px;
border: 1px solid #000000;
width: 100%;
height: 400px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
overflow-y: scroll;
    }
    #main_wrap #news1 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #news1 ul li {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #news1 ul li a {
        text-decoration: none;
        color: #000000;
        min-height: 34px;
        display: flex;
        align-items: center;
        flex-flow: column wrap;
    }
    #news1 li a .left {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        margin-right: 10px;
        width: 100%;
    }
    #news1 a .left .cate {
        background-color: #f4810b;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        margin-right: 10px;
        font-size: 12px;
        min-width: 100px;
        padding: 3px;
        text-align: center;
    }
    #news1 a .left .date {}
    #news1 li a .right {
        width: 100%;
        display: flex;
        align-items: center;
        flex-flow: column wrap;
        position: relative;
    }
    #news1 a .right .dantai {
        width: 100%;
        display: block;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f4810b;
    }
    #news1 a .right .title {
        display: block;
        text-align: left;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #main_wrap #news2 {
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;
width: 100%;
height: 400px;
    }
    #main_wrap #news2 ul {
width: 100%;
padding: 15px;
height: 400px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #696969;
overflow-y: scroll;
margin: 0px;
    }
    #news2 ul a {
        width: 100%;
        color: #000000;
        text-decoration: none;
    }
    #news2 ul a li {
        width: 100%;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        flex-flow: column wrap;
    }
#news2 ul a li .title {
    width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
}
#news2 ul a li .title .memonly {
height: 18px;
font-size: 10px;
font-family: "Noto Sans JP", sans-serif;
color: #ffffff;
background-color: #ff0000;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
border-radius: 3px;
line-height: 18px;
margin-right: 10px;
display: inline-block;
}
    #news2 ul a li .mob {
display: block;
width: 100%;
border-bottom: 1px solid #f4810b;
padding-bottom: 3px;
margin-bottom: 3px;
    }
#news2 ul a li .cat_a {
        width: 100px;
        background-color: #f4810b;
        justify-content: center;
        margin-right: 10px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 14px;
        color: #ffffff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 3px;
        display: inline-block;
        text-align: center;
        border: 2px solid #f4810b;
    }
#news2 ul a li .mob2 {
display: block;
width: 100%;
border-bottom: 1px solid #f4810b;
padding-bottom: 3px;
margin-bottom: 3px;
}
    #news2 ul li .cat_b {
width: 140px;
background-color: #f4810b;
justify-content: center;
margin-right: 10px;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
color: #ffffff;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 3px;
display: inline-block;
text-align: center;
border: 2px solid #f4810b;
    }

}