@charset "utf-8";
/* CSS Document */
#PC-------------------------------------------------------------------------------------------------------------------------- {}
a{
	color: #06F;
	text-decoration: none;
}
a:hover{
	opacity: 0.5;
}
#us_all {
	background-color: #eff3f4;
	padding-bottom: min(7.813vw,150px);
}
.us_title {
	font-size: min(2.083vw,40px);
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: min(5.495vw,100px);
}

.us_Wbk{
	background-color: #FFF;
	padding-top: min(4.688vw,90px);
	padding-bottom: min(4.688vw,90px);
	padding-left: min(4.688vw,90px);
	border-radius: min(2.604vw,50px) 0px 0px min(2.604vw,50px);
	margin-top: min(2.604vw,50px);
}
.us_Wbk_wide {
	width: 100%;
	max-width: min(69.271vw,1330px);
	font-size: min(1.042vw,20px);
}
.us_txt01 {
	font-size: min(1.042vw,20px);
	padding-top: min(2.083vw,40px);
	width: min(72.917vw,1400px);
}
.us_search {
	display: flex;
	column-gap: 20px;
	font-size: 14px;
	padding-bottom: 30px;
	word-break: break-all;
}
.us_search_t {
	font-weight: 700;
	color: #222480;
	white-space: nowrap;
}





.us_kyT {
	font-size: min(1.563vw,30px);
	font-weight: 700;
	color: #232583;
	padding-bottom: min(0.833vw,16px);
}

.us_k_all {
	background-color: #f2f2f2;
	padding: min(2.083vw,40px);
	width: 100%;
	box-sizing: border-box;
}


.us_k_all_cat{
	display: flex;
	flex-wrap: wrap;
	column-gap: min(1.563vw,30px);
	row-gap: min(1.042vw,20px);
	width: auto;
	word-break: break-all;
}
.us_k_all_cat input[type="checkbox"] {
	display: none;
}
.us_k_all_cat label{
	background-color: #FFF;
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-size: min(1.042vw,20px);
}
.us_k_all_cat input[type="checkbox"]:checked + label {
	background-color: #cccccc;
}


.us_k_all_sw{
	text-align: center;
	margin-top: min(1.875vw,36px);
}
.us_k_all_sw01,
.us_k_all_sw02 {
	padding-top: min(0.521vw,10px);
	padding-right: min(1.042vw,20px);
	padding-bottom: min(0.521vw,10px);
	padding-left: min(1.042vw,20px);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: min(0.521vw,10px);
	margin-right: min(0.417vw,8px);
	margin-left: min(0.417vw,8px);
	cursor: pointer;
	font-size: min(0.938vw,18px);
	font-weight: 700;
	color: #FFF;
}
.us_k_all_sw01:hover,
.us_k_all_sw02:hover {
	opacity: 0.5;
}
.us_k_all_sw01 {
	background-color: #232583;
}
.us_k_all_sw02 {
	background-color: #7b7b7b;
}















.us_box02 {
	display: flex;
	flex-wrap:wrap;
	column-gap: min(1.042vw,20px);
	row-gap: min(1.042vw,20px);
	margin-top: min(2.604vw,50px);
}
.us_box02 a{
	width: min(21.875vw,420px);
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	background-color: #F9FAFC;
	border-radius: min(0.521vw,10px);
	box-shadow: 4px 4px 4px 0px #CCC;
	position: relative;
	padding-bottom: min(2.917vw,56px);
	transition:0.5S;
}
.us_box02 a:hover{
	box-shadow: 0px 0px 8px 4px #BBB;
}
.us_box02_a_img{
	padding: min(0.521vw,10px);
}
.us_box02_a_img img{
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: min(0.521vw,10px);
}
.us_box02_a_day {
	font-size: min(0.938vw,18px);
	color: #808080;
	padding-top: 0px;
	padding-right: min(1.042vw,20px);
	padding-bottom: 0px;
	padding-left: min(1.042vw,20px);
}
.us_box02_a_title {
	font-size: min(1.042vw,20px);
	font-weight: 700;
	padding-top: 0px;
	padding-right: min(1.042vw,20px);
	padding-bottom: 0px;
	padding-left: min(1.042vw,20px);
	word-break: break-all;
}


.us_box02_a_cat {
	display: flex;
	flex-wrap:wrap;
	column-gap: min(0.417vw,8px);
	row-gap: min(0.417vw,8px);
	padding-top: min(0.521vw,10px);
	padding-right: min(1.042vw,20px);
	padding-left: min(1.042vw,20px);
}
.us_box02_a_cat p {
	font-size: min(0.833vw,16px);
	color: #999999;
	border: 1px solid #999999;
	border-radius: 6px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	line-height: normal;
}

.us_box02_a_more {
	text-align: right;
	position: absolute;
	right: min(0.521vw,10px);
	bottom: min(0.521vw,10px);
}

.us_box02_a_more img{
	width: min(4.427vw,85px);
	vertical-align: bottom;
}












.usNO_wide {
	width: min(62.5vw,1200px);
	word-break: break-all;
}

#usNO_title {
	font-size: min(2.083vw,40px);
	font-weight: 700;
	line-height: normal;
}
#usNO_title_img {
	padding-top: min(2.604vw,50px);
}
#usNO_title_img img {
	width: 100%;
}

#usNO_title_box {
	display: grid;
	grid-template-columns: min(52.083vw,1000px) min(10.417vw,200px);
	justify-content:space-between;
	color: #666666;
	font-size: min(1.042vw,20px);
	margin-top: min(1.354vw,26px);
}
#usNO_title_box_cat {
	display: flex;
	column-gap: min(0.521vw,10px);
	row-gap: min(0.521vw,10px);
	flex-wrap:wrap;
}
#usNO_title_box_cat p {
	border: 1px solid #666666;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-radius: 6px;
}

#usNO_title_box_day {
	text-align: right;
}
#usNO_title_sub_txt01 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #232583;
	border-bottom-color: #232583;
	font-size: min(1.875vw,36px);
	font-weight: 700;
	color: #232583;
	margin-top: min(5.208vw,100px);
	padding-top: min(1.563vw,30px);
	padding-bottom: min(1.563vw,30px);
}
#usNO_title_sub_txt02 {
	font-size: min(1.042vw,20px);
	padding-top: min(2.604vw,50px);
}
.usNO_next_title {
	font-size: min(1.667vw,32px);
	font-weight: 700;
	background-color: #f4f4f4;
	padding: 0.8em;
	margin-top: min(5.208vw,100px);
}
.usNO_next_img {
	padding-top: min(3.125vw,60px);
}
.usNO_next_img img {
	width: 100%;
}

.usNO_next_txt {
	font-size: min(1.042vw,20px);
	padding-top: min(3.125vw,60px);
}

.us_modoru{
	margin-top: min(3.646vw,70px);
	
}
.us_modoru a{
	font-size: min(1.146vw,22px);
	color: #FFF;
	text-decoration: none;
	background-color: #7b7b7b;
	
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: min(0.521vw,10px);
	height: min(2.396vw,46px);
	width: min(15.625vw,300px);
	margin-right: auto;
	margin-left: auto;
}











#PC_END-------------------------------------------------------------------------------------------------------------------------- {}
@media screen and (max-width: 737px) {
#SP-------------------------------------------------------------------------------------------------------------------------- {}
.us_s_title {
	font-size: 26px;
	font-weight: 700;
	padding-top: 70px;
	line-height: normal;
}
.us_Wbk{
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 19px;
	border-radius: 0px 0px 0px 0px;
	padding-right: 20px;
}
.us_Wbk_wide {
	width: 100%;
	max-width: 100%;
	font-size: 16px;
	line-height: normal;
}

.us_search {
	display: block;
	column-gap: 20px;
	font-size: 14px;
	padding-bottom: 30px;
}
.us_search_t {
	font-weight: 700;
	color: #222480;

}

.us_kyT {
	font-size: 18px;
	font-weight: 700;
	color: #232583;
	padding-bottom: 10px;
}

.us_k_all {
	background-color: #f2f2f2;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}


.us_k_all_cat{
	display: flex;
	flex-wrap: wrap;

	column-gap: 10px;
	row-gap: 10px;
	width: auto;
}
.us_k_all_cat input[type="checkbox"] {
	display: none;
}
.us_k_all_cat label{
	background-color: #FFF;
	border: 1px solid #cccccc;
	border-radius: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-size: 14px;
}
.us_k_all_cat input[type="checkbox"]:checked + label {
	background-color: #cccccc;
}


.us_k_all_sw{
	text-align: center;
	margin-top: 20px;
}
.us_k_all_sw01,
.us_k_all_sw02 {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px;
	margin-right: 8px;
	margin-left: 8px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
}
.us_k_all_sw01:hover,
.us_k_all_sw02:hover {
	opacity: 0.5;
}
.us_k_all_sw01 {
	background-color: #232583;
}
.us_k_all_sw02 {
	background-color: #7b7b7b;
}






.us_box02 {
	display: flex;
	flex-wrap:wrap;
	column-gap: 20px;
	row-gap: 20px;
	margin-top: 50px;
}
.us_box02 a{
	width: 100%;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	background-color: #F9FAFC;
	border-radius: 10px;
	box-shadow: 4px 4px 4px 0px #CCC;
	position: relative;
	padding-bottom: 10px;
	transition:0.5S;
}
.us_box02 a:hover{
	box-shadow: 0px 0px 8px 4px #BBB;
}
.us_box02_a_img{
	padding: 10px;
}
.us_box02_a_img img{
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 10px;
}
.us_box02_a_day {
	font-size: 14px;
	color: #808080;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.us_box02_a_title {
	font-size: 18px;
	font-weight: 700;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}


.us_box02_a_cat {
	display: flex;
	flex-wrap:wrap;
	column-gap: 8px;
	row-gap: 8px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.us_box02_a_cat p {
	font-size: 12px;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 6px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.us_box02_a_more {
	text-align: right;
	position: relative;
	right: 10px;
	bottom: 0px;
	padding-top: 10px;
}

.us_box02_a_more img{
	width: 70px;
	vertical-align: bottom;
}

















.usNO_wide {
	width: 100%;
}

#usNO_title {
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
}
#usNO_title_img {
	padding-top: 20px;
}
#usNO_title_img img {
	width: 100%;
}

#usNO_title_box {
	display: grid;
	grid-template-columns: 100%;
	justify-content:space-between;
	color: #666666;
	font-size: 16px;
	margin-top: 16px;
}
#usNO_title_box_cat {
	order: 2;
	display: flex;
	column-gap: 6px;
	row-gap: 6px;
	flex-wrap:wrap;
}
#usNO_title_box_cat p {
	border: 1px solid #666666;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 4px;
	font-size: 12px;
}

#usNO_title_box_day {
	order: 1;
	text-align: left;
	padding-bottom: 10px;
}
#usNO_title_sub_txt01 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #232583;
	border-bottom-color: #232583;
	font-size: 20px;
	font-weight: 700;
	color: #232583;
	margin-top: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#usNO_title_sub_txt02 {
	font-size: 18px;
	padding-top: 20px;
}
.usNO_next_title {
	font-size: 20px;
	font-weight: 700;
	background-color: #f4f4f4;
	padding: 10pxem;
	margin-top: 50px;
}
.usNO_next_img {
	padding-top: 20px;
}
.usNO_next_img img {
	width: 100%;
}

.usNO_next_txt {
	font-size: 18px;
	padding-top: 30px;
}
.us_modoru{
	margin-top: 50px;
}
.us_modoru a{
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	background-color: #7b7b7b;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#SP_END-------------------------------------------------------------------------------------------------------------------------- {}
}
