@charset "utf-8";
/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */

/*------------------------------------------------------------
[SP] category_list
------------------------------------------------------------ */
.category_list {
	margin: 9.375vw auto 5.46875vw;
}
.category_list ul {
	margin: 0 3.90625vw 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.category_list li {
	margin: 0 5.9375vw 3.90625vw 0;
	font-size: 2.34375vw;
	font-weight:bold;
}
.category_list li:nth-child(2n){
	margin: 0 0 3.90625vw;
}
.category_list li.category_general {
	color: #0069ac;
	background: url(../img/icon_flower_dark.svg) no-repeat 0 center;
	background-size: auto 6.71875vw;
	padding-left: 8.4375vw;
	line-height: 6.71875vw;
}
.category_list li.category_fishing {
	color: #00abe4;
	background: url(../img/icon_fishing_boat.svg) no-repeat 0 0;
	background-size: auto 5.9375vw;
	padding-left: 11.25vw;
	line-height: 6.71875vw;
}
.category_list li.category_children {
	color: #2bc732;
	background: url(../img/icon_children_future.svg) no-repeat 0 center;
	background-size: auto 6.875vw;
	padding-left: 7.03125vw;
	line-height: 6.875vw;
}
.category_list li.category_challenged_sports {
	color: #fa9900;
	background: url(../img/icon_challenged_sports.svg) no-repeat 0 0;
	background-size: 7.1875vw auto;
	padding-left: 10vw;
	line-height: 6.875vw;
}
.category_list li.category_culture_sports {
	color: #f47275;
	background: url(../img/icon_culture_sports.svg) no-repeat 0 center;
	background-size: auto 9.21875vw;
	padding-left: 10.46875vw;
	line-height: 9.21875vw;
}
.category_list li.category_future_challenge {
	color: #ff4d4d;
	background: url(../img/icon_future_challenge.svg) no-repeat 0 center;
	background-size: 10.46875vw auto;
	padding-left: 11.5625vw;
	line-height: 9.21875vw;
}

.category_list li.category_general span {
	background: url(../img/three_dots_dark_blue.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}
.category_list li.category_fishing span {
	background: url(../img/three_dots_light_blue.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}
.category_list li.category_children span {
	background: url(../img/three_dots_green.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}
.category_list li.category_challenged_sports span {
	background: url(../img/three_dots_orange.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}
.category_list li.category_culture_sports span {
	background: url(../img/three_dots_pink.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}
.category_list li.category_future_challenge span {
	background: url(../img/three_dots_red.svg) no-repeat 0 center;
	background-size: 2.5vw auto;
	padding-left: 2.65625vw;
}

/*------------------------------------------------------------
[SP] note
------------------------------------------------------------ */
.note {
	margin: 0 1.5625vw 5.46875vw;
	font-size: 3.75vw;
	line-height: 1.5;
	color: #53c1dd;
	text-align: center;
}
/*------------------------------------------------------------
[SP] news_list_container
------------------------------------------------------------ */
.news_list_container {
	margin:0 1.5625vw 9.375vw;
}
.news_list_container h2 {
	margin-bottom: 3.75vw;
	display: inline-block;
	background: #0069ac;
	font-size: 3.75vw;
	line-height: 1;
	color: #fff;
	padding: 3.125vw;
}
.news_list {
	list-style: none;
	margin:0;
	padding: 0;
}
.news_list li {
	margin-bottom: 3.75vw;
	position:relative;
}
.news_list li.general::before {
	content:'';
	width: 10.78125vw;
	height: 16vw;
	background: url(../img/icon_flower_dark.svg) no-repeat 0 center;
	background-size: 10.78125vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 4.0625vw;
}
.news_list li.future_challenge::before {
	content:'';
	width: 12.5vw;
	height: 16vw;
	background: url(../img/icon_future_challenge.svg) no-repeat 0 center;
	background-size: 12.5vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 3.90625vw;
}
.news_list li.children::before {
	content:'';
	width: 9.21875vw;
	height: 16vw;
	background: url(../img/icon_children_future.svg) no-repeat 0 center;
	background-size: 9.21875vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 4.6875vw;
}
.news_list li.culture_sports::before {
	content:'';
	width: 11.25vw;
	height: 16vw;
	background: url(../img/icon_culture_sports.svg) no-repeat 0 center;
	background-size: 11.25vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 3.75vw;
}
.news_list li.challenged_sports::before {
	content:'';
	width: 10.9375vw;
	height: 16vw;
	background: url(../img/icon_challenged_sports.svg) no-repeat 0 center;
	background-size: 10.9375vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 3.75vw;
}
.news_list li.fishing::before {
	content:'';
	width: 12.5vw;
	height: 16vw;
	background: url(../img/icon_fishing_boat.svg) no-repeat 0 center;
	background-size: 12.5vw auto;
	position: absolute;
	top: calc(50% - 8vw);
	left: 3.75vw;
}


/* new mark */
.news_list li.new::after {
	content: 'NEW';
	width: 8vw;
	height: 8vw;
	background: #0d69a8;
	font-size: 2vw;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -2.8vw;
	right: -1.6vw;
}
.news_list li.new.fishing::after {
	background:#00abe4;
}
.news_list li.new.children::after {
	background:#2bc732;
}
.news_list li.new.challenged_sports::after {
	background:#fa9900;
}
.news_list li.new.culture_sports::after {
	background:#f47275;
}
.news_list li.new.future_challenge::after {
	background:#ff4d4d;
}


.news_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background:#fff;
	border-radius: 3.125vw;
	text-decoration: none;
	color: #666;
	min-height: 20vw;
	padding: 3.90625vw 3.90625vw 3.90625vw 18.75vw;
}
.news_list li a .date {
	margin-bottom: 0.78125vw;
	font-size: 2.8125vw;
	line-height:1;
}
.news_list li a .title {
	font-size: 3.4375vw;
	line-height:1.3;
	color: #0069ac;
	text-decoration: underline;
	
}

.news_list li.general a .title {
	color: #0069ac;
}
.news_list li.future_challenge a .title {
	color: #ff4d4d;
}
.news_list li.children a .title {
	color: #2bc732;
}
.news_list li.culture_sports a .title {
	color: #f47275;
}
.news_list li.challenged_sports a .title {
	color: #fa9900;
}
.news_list li.fishing a .title {
	color: #00abe4;
}

.btn_more {
	background:#fff;
	border-radius: 3.125vw;
	height: 12.8125vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.21875vw;
	color: #0069ac;
}
.btn_more span {
	background: url(../img/icon_arrow_up.svg) no-repeat 0 center;
	background-size: 5vw auto;
	padding-left: 6.71875vw;
}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

/*------------------------------------------------------------
[PC] category_list
------------------------------------------------------------ */
.category_list {
	margin: 40px auto;
}
.category_list ul {
	width: 650px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.category_list li {
	margin: 0;
	font-size: 12px;
}
.category_list li:nth-child(2n){
	margin: 0;
}
.category_list li:nth-child(1){
	margin: 0 30px 15px 30px;
}
.category_list li:nth-child(2){
	margin: 0 30px 15px 0;
}
.category_list li:nth-child(3){
	margin: 0 30px 15px 0;
}
.category_list li:nth-child(4){
	margin: 0 30px 0 0;
}
.category_list li:nth-child(5){
	margin: 0 30px 0 0;
}
.category_list li:nth-child(6){
	margin: 0;
}

.category_list li.category_general {
	color: #0069ac;
	background: url(../img/icon_flower_dark.svg) no-repeat 0 center;
	background-size: auto 30px;
	padding-left: 37px;
	line-height: 31px;
}
.category_list li.category_fishing {
	color: #00abe4;
	background: url(../img/icon_fishing_boat.svg) no-repeat 0 0;
	background-size: auto 27px;
	padding-left: 51px;
	line-height: 31px;
}
.category_list li.category_children {
	color: #2bc732;
	background: url(../img/icon_children_future.svg) no-repeat 0 center;
	background-size: auto 31px;
	padding-left: 34px;
	line-height: 31px;
}
.category_list li.category_challenged_sports {
	color: #fa9900;
	background: url(../img/icon_challenged_sports.svg) no-repeat 0 0;
	background-size: 31px auto;
	padding-left: 45px;
	line-height: 42px;
}
.category_list li.category_culture_sports {
	color: #f47275;
	background: url(../img/icon_culture_sports.svg) no-repeat 0 center;
	background-size: auto 42px;
	padding-left: 48px;
	line-height: 42px;
}
.category_list li.category_future_challenge {
	color: #ff4d4d;
	background: url(../img/icon_future_challenge.svg) no-repeat 0 center;
	background-size: 35px auto;
	padding-left: 53px;
	line-height: 42px;
}

.category_list li.category_general span {
	background: url(../img/three_dots_dark_blue.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}
.category_list li.category_fishing span {
	background: url(../img/three_dots_light_blue.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}
.category_list li.category_children span {
	background: url(../img/three_dots_green.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}
.category_list li.category_challenged_sports span {
	background: url(../img/three_dots_orange.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}
.category_list li.category_culture_sports span {
	background: url(../img/three_dots_pink.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}
.category_list li.category_future_challenge span {
	background: url(../img/three_dots_red.svg) no-repeat 0 center;
	background-size: 10px auto;
	padding-left: 12px;
}

/*------------------------------------------------------------
[PC] note
------------------------------------------------------------ */
.note {
	margin: 0 auto 12px;
	width: 980px;
	font-size: 12px;
	line-height: 1.5;
	color: #53c1dd;
	text-align: left;
}
/*------------------------------------------------------------
[PC] news_list_container
------------------------------------------------------------ */
.news_list_container {
	margin:0 auto 30px;
	width: 980px;
}
.news_list_container h2 {
	margin-bottom: 15px;
	display: inline-block;
	background: #0069ac;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	padding: 15px 20px;
}
.news_list {
	list-style: none;
	width: 940px;
	margin:0 auto;
	padding: 0;
}
.news_list li {
	margin-bottom: 15px;
	position:relative;
}
.news_list li.general::before {
	content:'';
	width: 39px;
	height: 80px;
	background: url(../img/icon_flower_dark.svg) no-repeat 0 center;
	background-size: 39px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 25px;
}
.news_list li.future_challenge::before {
	content:'';
	width: 55px;
	height: 80px;
	background: url(../img/icon_future_challenge.svg) no-repeat 0 center;
	background-size: 55px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 18px;
}
.news_list li.children::before {
	content:'';
	width: 37px;
	height: 80px;
	background: url(../img/icon_children_future.svg) no-repeat 0 center;
	background-size: 37px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 27px;
}
.news_list li.culture_sports::before {
	content:'';
	width: 45px;
	height: 80px;
	background: url(../img/icon_culture_sports.svg) no-repeat 0 center;
	background-size: 45px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 22px;
}
.news_list li.challenged_sports::before {
	content:'';
	width: 40px;
	height: 80px;
	background: url(../img/icon_challenged_sports.svg) no-repeat 0 center;
	background-size: 40px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 26px;
}
.news_list li.fishing::before {
	content:'';
	width: 44px;
	height: 80px;
	background: url(../img/icon_fishing_boat.svg) no-repeat 0 center;
	background-size: 44px auto;
	position: absolute;
	top: calc(50% - 40px);
	left: 22px;
}

/* new mark */
.news_list li.new::after {
	content: 'NEW';
	width: 40px;
	height: 40px;
	background: #0d69a8;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -10px;
	right: -10px;
}

.news_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background:#fff;
	border-radius: 5px;
	text-decoration: none;
	color: #666;
	min-height: 90px;
	padding: 20px 20px 20px 85px;
}
.news_list li a .date {
	margin: 0 0 5px;
	font-size: 14px;
	line-height:1;
}
.news_list li a .title {
	margin: 0;
	font-size: 18px;
	line-height:1.3;
	color: #0069ac;
	text-decoration: underline;
}
.news_list li a:hover .title {
	text-decoration: none;
}

.news_list li.general a .title {
	color: #0069ac;
}
.news_list li.future_challenge a .title {
	color: #ff4d4d;
}
.news_list li.children a .title {
	color: #2bc732;
}
.news_list li.culture_sports a .title {
	color: #f47275;
}
.news_list li.challenged_sports a .title {
	color: #fa9900;
}
.news_list li.fishing a .title {
	color: #00abe4;
}

.btn_more {
	margin: 0 auto;
	width: 940px;
	background:#fff;
	border-radius: 5px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #0069ac;
	cursor: pointer;
}
.btn_more:hover {
	opacity: .75;
}
.btn_more span {
	background: url(../img/icon_arrow_up.svg) no-repeat 0 center;
	background-size: 16px auto;
	padding-left: 22px;
}







}