@charset "utf-8";
main p {
		text-align: justify;
}
sub {
		font-size: 50%;
		vertical-align: 0em;
		margin-left: 2px;
}
.section_col {
		margin-bottom: 60px;
}
p.lead {
		line-height: 2.0;
		margin-bottom: 40px;
}
.sus_flex {
		display: flex;
		justify-content: space-between;
}
.sus_item {
		width: calc(calc(100% - 60px) / 3);
}
.sus_item_hd {
		background: #3DAE35;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		line-height: 58px;
		border-radius: 0px !important;
		text-align: center;
		margin: 0 0 15px
}
.sus_item p {
		font-size: 15px;
		line-height: 1.8;
		margin: 0 0 35px;
		text-align: justify;
}
.sus_item img {
		width: 100%;
		height: auto;
}
.sus_item_in {
		width: 100%;
		color: #fff;
		background: #3DAE35;
		border-radius: 0px;
		padding: 10px 5px 15px;
		text-align: center;
		box-sizing: border-box;
		min-height: 150px;
}
.sus_item .sus_item_in p {
		text-align: center;
		margin: 0
}
.result_hdr {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 4em
}
.result_hdr.extra {
		height: 5.5em;
}
.result_hdr.single {
		margin-bottom: -1em;
}
.result_sb {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.6;
}
.sus_item .sus_item_in p.result_notes {
		font-size: 13px;
		margin: 0 0 6px;
}
.sus_item_in {
		position: relative;
}
.sus_item_in p.result_count {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 5px;
		font-size: 30px;
		font-weight: 600;
		letter-spacing: 0
}
.result_count sup {
		font-size: 14px;
}
.result_count small {
		font-size: 14px;
		margin-left: 3px;
}
.torikumi_grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 60px 26px;
}
.torikumi_item {
		position: relative;
		padding-bottom: 50px;
}
.torikumi_figure {
		margin-bottom: 10px;
}
.torikumi_figure img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.torikumi_figure.border img {
		box-sizing: border-box;
		border: 1px solid #DCDCDC;
}
.torikumi_hdr {
		display: flex;
		align-items: center;
		height: 4em;
}
.torikumi_sb {
		color: #3DAE35;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.6;
}
.torikumi_caption p {
		line-height: 1.8;
		text-align: justify;
}
.torikumi_caption ul {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		color: #3DAE35;
}
.torikumi_caption li {
		/* height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #3DAE35;
		border-radius: 60px;
		padding: 0 8px; */
		font-size: 12px;
		font-weight: 500;
		margin-right: 15px;
}
.torikumi_caption ul li:last-child {
		margin-right: 0;
}
.bnr_col {
		display: flex;
		margin: 0 0 30px;
}
.bnr_figure {
		width: 282px;
		margin-right: 25px;
}
.bnr_figure img {
		width: 100%;
		height: auto;
		border: 1px solid #dcdcdc;
		border-radius: 8px;
}
.bnr_caption {
		flex: 1
}
.bnr_sb {
		font-size: 22px;
		line-height: 1.6;
		font-weight: 500;
		margin: 0 0 5px;
		color: #3DAE35;
}
.bnr_caption p {
		line-height: 1.8;
		text-align: justify;
}
.bnr_caption p.left {
		text-align: left !important;
}
@media(max-width: 767px) {
		.bnr_caption p.left {
				text-align: justify !important;
		}
}
hgroup.section_title {
		margin-top: 120px;
}
.page_btn {
		width: 580px;
		font-size: 30px;
		max-width: inherit;
}
.page_btn small {
		font-size: 20px;
}
.page_btn a {
		height: 150px;
		padding-left: 40px;
}
.page_btn a span {
		display: inline-block;
		/* padding-left: 40px; */
		position: relative;
}
/* 
.page_btn a span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 9px);
		left: 0;
		width: 23px;
		height: 18px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 23px;
		background-image: url("../images/icon_logo_wht_m.png")
} */
.page_btn.blank a::before {
		width: 40px;
		height: 40px;
		right: 34px;
		top: calc(50% - 20px);
}
.page_btn.blank a::after {
		width: 40px;
		height: 40px;
		border: none;
		top: calc(50% - 20px);
		right: 34px;
		transform: rotate(0deg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 40px;
		background-image: url("../images/icon_blankLink_dkGrn_40.png");
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.page_btn a:hover span::before {
				background-image: url("../images/icon_logo_dkGrn_m.png");
		}
		.page_btn.blank a:hover::before {
				transform: translateX(-8px);
		}
		.page_btn.blank a:hover::after {
				background-image: url("../images/icon_blankLink_wht_40.png");
				transform: translateX(-8px) rotate(0deg);
		}
}
@media(max-width: 1200px) {
		.sus_item_hd {
				font-size: 18px;
		}
		.result_sb {
				font-size: 16px;
		}
		.sus_item .sus_item_in p.result_notes {
				font-size: 11px;
		}
		.sus_item_in p.result_count {
				font-size: 24px;
		}
		.torikumi_grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 50px 15px;
		}
		.torikumi_sb {
				font-size: 17px;
		}
		.bnr_figure {
				width: 37%;
				margin-right: 20px;
		}
		.bnr_sb {
				font-size: 17px;
		}
}
@media(max-width: 960px) {
		.page_btn a {
				height: 120px;
		}
}
@media(max-width: 767px) {
		.sus_flex {
				display: block;
		}
		.sus_item {
				width: 100%;
				margin: 0 0 60px
		}
		.sus_item.count {
				width: 100%;
				margin: 0 0 20px
		}
		.sus_flex .sus_item:last-child {
				margin-bottom: 0;
		}
		.sus_item_hd {
				line-height: 50px;
				margin: 0 0 10px;
		}
		.sus_item p {
				margin-bottom: 20px;
		}
		.sus_item_mark {
				padding: 0 20px;
		}
		.sus_item_in {
				border-radius: 0px;
				padding: 18px 5px;
				min-height: 140px
		}
		.result_hdr, .result_hdr.extra {
				height: auto;
				margin: 0 0 5px !important;
		}
		.result_hdr.extra {
				height: 4em
		}
		.result_sb {
				font-size: 18px;
		}
		.sus_item .sus_item_in p.result_notes {
				font-size: 14px;
				margin: 0 0 6px;
		}
		.sus_item_in p.result_count {
				font-size: 32px;
		}
		.result_count sup {
				font-size: 14px;
		}
		.torikumi_grid {
				display: block;
				gap: 0;
		}
		.torikumi_item {
				display: block;
				margin: 0 0 60px;
				padding: 0;
		}
		.torikumi_grid .torikumi_item:last-child {
				margin-bottom: 0;
		}
		.torikumi_grid .torikumi_item {
				padding-bottom: 0;
		}
		.torikumi_figure {
				margin-bottom: 15px;
		}
		.torikumi_hdr {
				display: block;
				height: auto;
				margin: 0 0 18px;
		}
		.torikumi_sb {
				font-size: 20px;
		}
		.torikumi_caption ul {
				position: static;
				margin-top: 15px;
		}
		.bnr_col {
				display: block;
				margin: 0 0 60px;
		}
		.section_col .bnr_col:last-child {
				margin-bottom: 0;
		}
		.bnr_figure {
				width: 100%;
				margin: 0 0 15px;
		}
		.bnr_sb {
				font-size: 20px;
		}
		.wrap980 hgroup.section_title.alignCenter .jp {
				font-size: 24px;
		}
		.page_btn {
				width: 100%;
				font-size: 24px;
		}
		.page_btn a {
				height: 110px;
				padding-left: 15px;
		}
		.page_btn small {
				font-size: 12px;
		}
		.page_btn a span {
				padding-left: 35px;
		}
		.page_btn.blank a::before {
				width: 30px;
				height: 30px;
				right: 17px;
				top: calc(50% - 15px);
		}
		.page_btn.blank a::after {
				width: 30px;
				height: 30px;
				border: none;
				top: calc(50% - 15px);
				right: 17px;
				background-size: 30px;
				background-image: url("../images/icon_blankLink_dkGrn.png");
		}
}