@charset "UTF-8";

.title {
	width: 42%; 
	padding: 0 0.75em 0.5em 0; 
}
.float_01 div {
	float: right; 
	width: 45%; 
	margin: 0.8em 0 0.5em 1em; 
}
.float_03 div {
	float: right; 
	width: 30%; 
	margin: 0.8em 0 0.5em 1em; 
}
.float_02 {
	justify-content: center; 
	width: 100%; 
}
.float_02 .col2:first-child {
	max-width: 100%; 
}
.sect_01 {
	width: 100%; 
	margin: 1.5em 0 1em; 
	line-height: 1.6; 
	font-weight: bold; 
}
.sect_01 p:first-child {
	padding: 0 0.75em; 
	font-size: 1.25em; 
	color: white; 
	background: rgb(124,189,39); 
}
.sect_01 p:last-child {
	padding: 0.25em 0.75em; 
	font-size: 1.25em; 
	background: rgb(255,251,199); 
}
.sect_01 span {
	font-size: 1.5em; 
	color: rgb(255,241,0); 
}
.sect_02 {
	width: 100%; 
	margin: 1.5em 0 0.75em; 
	padding: 0 0.75em; 
	font-size: 1.25em; 
	font-weight: bold; 
	line-height: 1.4; 
	background: rgb(247,201,221)
}
.sect_02:first-letter {
	font-size: 1.5em; 
	color: rgb(228,0,127); 
}
.feature_list li {
	margin-left: 0.75em;
	text-indent: -0.75em;
}
.feature_list li:before {
	content: "●";
	color: rgb(238,135,180); 
}

/* ページリンク */
.feature_link {
	width: 100%; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
	font-size: 0.95em; 
	line-height: 1.4; 
}
.feature_link a {
	width: 49%; 
	position: relative; 
	display: block;
 	padding: 0.5em 2em 0.5em 1em; 
	text-decoration: none; 
	background: white; 
	color: rgb(51,51,51);
	border: solid 2px rgb(0,140,214); 
	// white-space: nowrap;
	// overflow: hidden;
	// text-overflow: ellipsis;
}
.feature_link .current {
	pointer-events : none;
	color: white; 
	background: rgb(0,140,214); 
}
.feature_link a:hover {
	background: rgba(0,140,214,0.1); 
	opacity: 1; 
	transition: all 0.25s;
}
.feature_link a:after {
	position: absolute; 
	top: 50%; 
	transform: translate(0, -50%);
	right: 0.5em; 
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: rgb(0,140,214); 
}
.feature_link .current:after {
	content: '';
}
.feature_link span {
	font-size: 1.5em; 
}

.article_link a {
	width: 100%; 
	color: rgb(0,104,183); 
}
.article_link a:before {
	margin-right: 0.25em; 
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: bold; 
}
.article_link a:hover {
	text-decoration: none; 
}

@media only screen and (min-width: 961px) { 
.title {
	width: 32%; 
	}
.float_01 div {
	width: 35%; 
}
.float_03 div {
	width: 20%; 
	}
}