@charset "utf-8";

/* hover */
.content a:hover img { opacity: 0.5;}


/* color */
.color01 { color: #159143;}
.color02 { color: #81b731;}

.color03 { color: #45b035;}
.color04 { color: #d8413c;}


/* list_item_type01 */
ul.list_item_type01 {
	margin: -5px 15px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.list_item_type01 li {
	background: none;
	margin: 15px;
	padding: 0;
	width: calc(25% - 30px);
	text-align: center;
}
ul.list_item_type01 img {
	width: 100%;
	height: auto;
}

ul.list_item_type01.list_item_type01_small {
	margin: -5px 25px;
	flex-wrap: nowrap;
}
ul.list_item_type01.list_item_type01_small li {
	margin: 5px;
	width: calc(14.28% - 10px);
}

@media (max-width:767px) {
	ul.list_item_type01 li { width: calc(50% - 30px);}

	ul.list_item_type01.list_item_type01_small { flex-wrap: wrap;}
	ul.list_item_type01.list_item_type01_small li { width: calc(25% - 10px);}
}
@media (max-width:480px) { /* スマホ縦用 */
	ul.list_item_type01 li { width: 100%;}

	ul.list_item_type01.list_item_type01_small li { width: calc(50% - 10px);}
}


/* list_item_type02 */
ul.list_item_type02 {
	margin-left: 20px;
	list-style: disc;
}
ul.list_item_type02 li {
	background: none;
	padding-left: 0;
}


/* sangakukan_mainheading */
h2.sangakukan_mainheading {
	position: relative;
	padding: 8px 18px 11px 47px;
	color: #fff;
	border-radius: 4px;
	background: #81B731 url(../img/icon_sangakukan_01.png) no-repeat left top;
}
h2.sangakukan_mainheading::after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	border-bottom: dashed 1px #FFE52C;
	width: 100%;
}
h2.sangakukan_mainheading.sangakukan_mainheading_02 {
	background-color: #2E9ECF;
	background-image: url(../img/icon_sangakukan_02.png);
}
h2.sangakukan_mainheading.sangakukan_mainheading_03 {
	background-color: #006BB7;
	background-image: url(../img/icon_sangakukan_03.png);
}
h2.sangakukan_mainheading.sangakukan_mainheading_04 {
	background-color: #8E549D;
	background-image: url(../img/icon_sangakukan_04.png);
}
h2.sangakukan_mainheading.sangakukan_mainheading_05 {
	background-color: #D95C4E;
	background-image: url(../img/icon_sangakukan_05.png);
}
h2.sangakukan_mainheading.sangakukan_mainheading_06_01,
h2.sangakukan_mainheading.sangakukan_mainheading_06_02,
h2.sangakukan_mainheading.sangakukan_mainheading_06_03 { background-color: #EC7783;}
h2.sangakukan_mainheading.sangakukan_mainheading_06_01 { background-image: url(../img/icon_sangakukan_06_01.png);}
h2.sangakukan_mainheading.sangakukan_mainheading_06_02 { background-image: url(../img/icon_sangakukan_06_02.png);}
h2.sangakukan_mainheading.sangakukan_mainheading_06_03 { background-image: url(../img/icon_sangakukan_06_03.png);}


/* sangakukan_mainheading */
h3.sangakukan_middleheading {
	display: table;
	padding-bottom: 0;
	border: none;
	position: relative;
	color: #D95C4E;
}
h3.sangakukan_middleheading::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: #FADBCE;
	transform: skewX(30deg);
}


/* column */
.column { display: flex;}
.column_in_flex { flex: 1;}
@media (max-width:767px) {
	.column { flex-wrap: wrap;}
	.column_in { width: 100%;}
	.column_in_flex { flex: none;}
}


/* mod_btn_cmn01 */
.mod_btn_cmn01 {
	text-align: center;
	margin-top: 30px;
}

/* btn_cmn01 */
.btn_cmn01 {
	display: inline-block;
	background-repeat: no-repeat;
	text-decoration: none;
	background-color: #dcdcdc;
	background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow2.png);
	background-position: 93% 45%;
	padding: 10px 70px 10px 21px;
}
.btn_cmn01:hover,
.btn_cmn01:focus {
	background-color: #bfbfbf;
	background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow4.png);
}
@media (max-width:959px) {
	.btn_cmn01 {
		background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow2@2x.png);
		background-size: 6px 9px;
	}
	.btn_cmn01:hover,
	.btn_cmn01:focus {
		background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow4@2x.png);
		background-size: 6px 9px;
	}
}