@charset "utf-8";
/* ------------------------------
 メイン（PC）
------------------------------ */
.mainBlock {
	position: relative;
}
/* -- メインイメージ -- */
.mainBlock,
.newsBlock,
.supportBlock,
.caseBlock {
	background-color: var(--blue-bg-color);
}
.mainBlock .mainimgSwiper {
	position: relative;
	width: 100%;
	padding-bottom: 65px;
}
.mainBlock .swiper,
.mainBlock .swiper-slide,
.mainBlock .swiper-img {
	height: 100%;
}
.mainBlock .swiper-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mainimgSwiper .swiper-wrapper {
	overflow: hidden;
}
/* 拡大して切り替え */
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
.mainimgSwiper .swiper-slide-active  img,
.mainimgSwiper .swiper-slide-duplicate-active  img,
.mainimgSwiper .swiper-slide-prev  img {
	animation: zoomUp 7s linear 0s normal both;
}
/* ページネーション */
.mainimgSwiper .swiper-pagination {
	bottom: 0;
}
.mainimgSwiper .swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background-color: #b5cce9;
	opacity: 1;
	margin: 0 7px;
}
.mainimgSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--blue-color);
}
/* メインテキスト */
.mainText {
	height: fit-content;
	text-shadow: 0px 0px 5px rgba(22, 50, 122, 0.74);
	position: absolute;
	top: 0;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}
.mainText h1 {
	font-size: 3.0rem;
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.025em;
}
.mainText h1 span {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.035em;
	margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
	.mainBlock {
		width: 100%;
	}
	/* -- メインイメージ -- */
	.mainBlock .mainimgSwiper {
		max-width: 1920px;
		height: 715px;
	}
	/* メインテキスト */
	.mainText {
		width: 1140px;
	}
	.mainText h1 {
		text-align: center;
	}
}
/* ------------------------------
 メイン（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* メインイメージ */
	.mainBlock .mainimgSwiper {
		min-height: 500px;
		padding-bottom: 50px;
	}
	/* メインテキスト */
	.mainText {
		width: 80%;
		bottom: 5%;
	}
	.mainText h1 {
		font-size: 2.3rem;
	}
	.mainText h1 span {
		font-size: 1.1rem;
	}
}
/* ------------------------------
 見出し・共通（PC）
------------------------------ */
/* h2 */
.contentsHome h2 {
	position: relative;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 45px;
}
.contentsHome h2 span {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--blue-color);
	letter-spacing: 0.035em;
	margin-bottom: 8px;
}
.contentsHome h2::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--blue-color);
	margin-top: 25px;
}
.contentsHome h2::before {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	background-color: var(--co-color);
	position: absolute;
	left: 0;
	bottom: 0;
}
.contentsHome .newsBlock h2 {
	font-size: 2.4rem;
}
.contentsHome .newsBlock h2 span {
	font-size: 1.1rem;
}
/* h3 */
.contentsHome h3 {
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 10px;
}
/* -- リードテキスト -- */
.mainlead {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
/* -- リンク -- */
.contentsHome .cms_link:not(.btn) a:not([target="_blank"])::after,
.contentsHome a:not([target="_blank"]).cms_link::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: -3px 0 0 6px;
	background: url(../img/icon_arrowbox_32.svg) no-repeat center / cover;
    vertical-align: middle;
}
/* -- ボタン -- */
.contentsHome .btn a {
	min-height: 60px;
}
.contentsHome .btn a::after {
	right: 20px;
}
@media print, screen and (min-width: 768px) {
	.contentsHome .caseBlock h2,
	.contentsHome .aboutBlock h2 {
		margin-bottom: 0;
	}
}
/* ------------------------------
 見出し・共通（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* h2 */
	.contentsHome h2 {
		font-size: 2.8rem;
		margin-bottom: 20px;
	}
	.contentsHome h2 span,
	.contentsHome .newsBlock h2 span {
		font-size: 1.0rem;
		margin-bottom: 5px;
	}
	.contentsHome h2::after {
		width: 25px;
		height: 2px;
		margin-top: 16px;
	}
	.contentsHome h2::before {
		width: calc(25px / 2);
		height: 2px;
	}
	.contentsHome .newsBlock h2 {
		font-size: 2.2rem;
		margin-bottom: 25px;
	}
	/* h3 */
	.contentsHome h3 {
		font-size: 2.4rem;
	}
	/* -- リードテキスト -- */
	.mainlead {
		font-size: 2.0rem;
		text-align: left;
		margin-bottom: 40px;
	}
	/* -- リンク -- */
	.contentsHome .cms_link:not(.btn) a:not([target="_blank"])::after,
	.contentsHome a:not([target="_blank"]).cms_link::after {
		width: 24px;
		height: 24px;
		background-image: url(../img/icon_arrowbox_24.svg);
	}
	/* -- ボタン -- */
	.contentsHome .btn a {
		min-height: 54px;
	}
}
/* ------------------------------
 新着情報（PC）
------------------------------ */
.newsBlock {
	position: relative;
	padding: 55px 0 90px;
}
.newsBlock .inBlock.div2 {
	margin-bottom: 30px;
}
.newsBlock .inBlock .newsBox {
	position: relative;
	background-color: #fff;
	border: var(--border);
	border-radius: 10px;
	padding: 40px 36px;
}
.newsBlock .inBlock .newsBox .cms_link {
	position: absolute;
	top: 40px;
	right: 36px;
}
/* -- タグ絞り込み -- */
.newsBlock input {
    display: none;
}
.tagBtnBox {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
	margin-bottom: 30px;
}
label.tagBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 90px;
    height: 40px;
    font-size: 1.4rem;
    color: var(--blue-color);
    background-color: #fff;
    border: var(--border);
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
	padding: 0 10px;
}
label.tagBtn:hover,
#news1:checked ~ .tagBtnBox label.tagBtn[for="news1"],
#news2:checked ~ .tagBtnBox label.tagBtn[for="news2"],
#news3:checked ~ .tagBtnBox label.tagBtn[for="news3"],
#news4:checked ~ .tagBtnBox label.tagBtn[for="news4"],
#news5:checked ~ .tagBtnBox label.tagBtn[for="news5"],
#news6:checked ~ .tagBtnBox label.tagBtn[for="news6"],
#news7:checked ~ .tagBtnBox label.tagBtn[for="news7"],
#news8:checked ~ .tagBtnBox label.tagBtn[for="news8"],
#news9:checked ~ .tagBtnBox label.tagBtn[for="news9"],
#news10:checked ~ .tagBtnBox label.tagBtn[for="news10"] {
    color: #fff;
    background-color: var(--blue-color);
	border-color: var(--blue-color);
}
.tagArea {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: 0.3s ease-in-out;
}
#news1:checked ~ .news-container .tagArea.news1,
#news2:checked ~ .news-container .tagArea.news2,
#news3:checked ~ .news-container .tagArea.news3,
#news4:checked ~ .news-container .tagArea.news4,
#news5:checked ~ .news-container .tagArea.news5,
#news6:checked ~ .news-container .tagArea.news6,
#news7:checked ~ .news-container .tagArea.news7,
#news8:checked ~ .news-container .tagArea.news8,
#news9:checked ~ .news-container .tagArea.news9,
#news10:checked ~ .news-container .tagArea.news10 {
    opacity: 1;
    visibility: visible;
    display: block;
}
@media print, screen and (min-width: 768px) {
	.newsBlock .inBlock.div2 {
		display: flex;
		justify-content: space-between;
	}
	.newsBlock .inBlock.div2 .newsBox {
		width: 555px;
		height: 786px;
	}
	.newsBlock .inBlock:not(.div2) .newsBox {
		display: flex;
		justify-content: space-between;
	}
	.newsBlock .inBlock:not(.div2) .newsBox h2 {
		width: 220px;
		height: fit-content;
	}
	.newsBlock .inBlock:not(.div2) .newsBox .news-container {
		width: 800px;
	}
	.newsBlock .inBlock:not(.div2) .newsBox .cms_link {
		top: auto;
		right: auto;
		bottom: 40px;
		left: 36px;
	}
	/* カテゴリタブ */
	.contentsHome .tagBtnBox {
		align-items: center;
		height: 60px;
	}
	.contentsHome .newsBox .tagBtnBox.thin {
		row-gap: 7px;
		margin-bottom: 26px;
	}
	.contentsHome .newsBox .tagBtnBox.thin label.tagBtn {
		height: 26px;
	}
	/* -- スクロール（Simplebar） -- */
	.scrollBox {
		height: 496px;
	}
	.scrollBox::before,
	.scrollBox::after {
		width: 441px;
	}
	.newsBlock .inBlock:not(.div2) .scrollBox {
		height: 298px;
	}
	.newsBlock .inBlock:not(.div2) .scrollBox::before,
	.newsBlock .inBlock:not(.div2) .scrollBox::after {
		width: 761px;
	}
}
/* ------------------------------
 新着情報（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.newsBlock {
		padding: 25px 0 50px;
	}
	.newsBlock .inBlock.div2 {
		margin-bottom: 10px;
	}
	.newsBlock .inBlock .newsBox {
		padding: 25px 5% 60px;
		border-radius: 8px;
	}
	.newsBlock .inBlock .newsBox:not(:last-child) {
		margin-bottom: 10px;
	}
	.newsBlock .inBlock .newsBox .cms_link {
		top: auto;
		bottom: 20px;
		right: 5%;
	}
	.tagBtnBox {
		gap: 6px 4px;
		margin-bottom: 15px;
	}
	label.tagBtn {
		min-width: 68px;
		height: 30px;
		font-size: 1.1rem;
		border-radius: 4px;
		padding: 0 11px 1px;
	}
	.newsBlock .simplebar-content-wrapper {
		overflow: hidden !important;
	}
	.newsBlock .inBlock .newsBox .newsList {
		padding-bottom: 1px;
	}
	/* スマホ時は最後から3件目まで非表示 */
	.newsBlock .inBlock .newsBox .newsList li:nth-child(8),
	.newsBlock .inBlock .newsBox .newsList li:nth-child(9),
	.newsBlock .inBlock .newsBox .newsList li:nth-child(10) {
		display: none;
	}
}
/* ------------------------------
 支援メニュー（PC）
------------------------------ */
.supportBlock .inBox {
	margin-bottom: 45px;
}
.supportBlock .bgBox-w {
	box-shadow: var(--box-shadow);
	padding: 60px 45px 45px;
	margin-bottom: 55px;
}
/* -- 下層リンク -- */
.supportBlock .lowerLink .cms_text figure {
	border-radius: 0px !important;
}
.supportBlock .lowerLink .cms_text p {
	position: relative;
	margin-top: 40px;
}
.supportBlock .lowerLink .cms_text p::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.supportBlock .bgBox-w .lowerLink .cms_text a {
	padding-bottom: 25px;
	border-bottom: var(--border);
}
/* デスク */
.supportBlock .deskBlock .lowerLink .cms_text {
	box-shadow: var(--box-shadow);
	border-radius: 10px;
	overflow: hidden;
}
.supportBlock .deskBlock .lowerLink .cms_text a {
	background-color: #fff;
}
.supportBlock .deskBlock .lowerLink .cms_text p {
	padding: 20px 20px 20px 25px;
	margin-top: 0;
}
.supportBlock .deskBlock .lowerLink .cms_text p::after {
	right: 20px;
}
@media print, screen and (min-width: 768px) {
	.supportBlock > img {
		display: block;
		width: 100%;
		max-width: 1920px;
		height: 600px;
		object-fit: cover;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.supportBlock .inBlock:not(.centerBlock) {
		position: relative;
		z-index: 1;
		margin-top: -530px;
		margin-bottom: 55px;
	}
	.supportBlock .inBox {
		width: 460px;
	}
	/* -- 下層リンク -- */
	.supportBlock .lowerLink .cms_text p {
		font-size: 2.0rem;
	}	
	.supportBlock .lowerLink .cms_text p::after {
		width: 32px;
		height: 32px;
		background: url(../img/icon_arrowbox_32.svg) no-repeat 0 0 / cover;
	}
	/* ブランクアイコン */
	.supportBlock .lowerLink .cms_text a[target="_blank"] p::after {
		background: url(../img/icon_blankbox_32.svg) no-repeat 0 0 / cover;
	}
	.supportBlock .bgBox-w .lowerLink {
		gap: 80px 2.855%;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text {
		width: 31.43%;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text figure {
		text-align: center;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text figure img {
		width: 176px;
		height: auto;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text a:hover {
		opacity: .7;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text a:hover figure img {
		transform: none;
	}
	/* デスク */
	.supportBlock .bgBox-w .lowerLink .cms_text {
		width: 31.43%;
	}
}
/* ------------------------------
 支援メニュー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.supportBlock .inBox {
		padding-top: 40px;
	}
	.supportBlock .bgBox-w {
		padding: 20px 5% 30px;
		margin-bottom: 15px;
	}
	/* -- 下層リンク -- */
	.supportBlock .lowerLink .cms_text p {
		font-size: 1.4rem;
	}
	.supportBlock .bgBox-w .lowerLink {
		flex-direction: row;
		gap: 20px 7.818%;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text {
		width: 46.091%;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text a {
		padding-bottom: 15px;
		border-radius: 0;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text figure {
		width: 110px;
		height: auto;
		margin: 0 auto;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text p {
		padding-right: 30px;
		margin-top: 15px;
	}
	.supportBlock .bgBox-w .lowerLink .cms_text p::after {
		top: auto;
		bottom: -1px;
	}
	/* デスク */
	.supportBlock .deskBlock {
		margin-bottom: 35px;
	}
	.supportBlock .deskBlock .lowerLin {
		column-gap: 15px;
	}
	.supportBlock .deskBlock .lowerLink .cms_text {
		border-radius: 8px;
	}
}
/* ------------------------------
 支援成果事例（PC）
------------------------------ */
.caseBlock {
	padding: 80px 0 165px;
}
.caseBlock .inBlock,
.aboutBlock .inBlock .flexBox {
	margin-bottom: 80px;
}
/* -- 事例スライド -- */
.caseBlock .caseSwiper {
	position: relative;
}
.caseBlock .caseBox {
	display: flex;
	width: 400px;
	height: auto;
	border-radius: 10px;
	box-shadow: var(--box-shadow);
}
.caseBlock .caseBox a {
	background-color: #fff;
	border-radius: 10px;
	padding: 18px 18px 30px 18px;
}
.caseBlock .caseBox a figure {
	border-radius: 6px;
}
.caseBlock .caseBox a .date {
	margin-bottom: 6px;
}
.caseBlock .caseBox a .cate:not(.cateBox .cate) {
	display: block;
	color: var(--blue-color);
	background-color: transparent;
	border-radius: 0;
}
.caseBlock .caseBox a .cate:not(.cateBox .cate)::before {
	content: "＃";
	display: inline-block;
	margin-right: 2px;
}
.caseBlock .caseBox a .cateBox .date {
	padding: 0;
	margin-bottom: 0;
}
/* スクロールバー */
.caseBlock .caseSwiper .controlBox {
	position: relative;
	display: flex;
	align-items: center;
	width: 1140px;
	height: 38px;
	margin: auto;
	bottom: -80px;
}
.caseBlock .caseSwiper .swiper-scrollbar {
	position: relative;
	width: 90.088%;
	height: 16px;
	background: transparent;
	border-radius: 0;
	padding: 6px 0;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 1;
}
.caseBlock .caseSwiper .swiper-scrollbar::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: var(--border-color);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.caseBlock .caseSwiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--blue-color);
	border-radius: 0;
}
/* 前へ／次へボタン */
.caseBlock .caseSwiper .swiper-buttons {
	display: flex;
	position: absolute;
	justify-content: flex-end;
	height: 38px;
	gap: 11px;
	bottom: 0;
	right: 0;
}
.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev,
.caseBlock .caseSwiper .swiper-buttons .swiper-button-next {
	position: static;
	width: 38px;
	height: 38px;
	margin: 0;
	transition: .3s ease-in-out;
	opacity: 1;
}
.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev::after,
.caseBlock .caseSwiper .swiper-buttons .swiper-button-next::after {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 4px;
	background: url(../img/icon_arrowbox_b_38.svg) no-repeat center / cover;
}
.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev::after {
	transform: rotate(180deg);
}
.caseBlock .caseSwiper .swiper-button-prev.swiper-button-disabled,
.caseBlock .caseSwiper .swiper-button-next.swiper-button-disabled {
	opacity: .7;
}
@media print, screen and (min-width: 768px) {
	.caseBlock .inBlock,
	.aboutBlock .inBlock .flexBox {
		display: flex;
		justify-content: space-between;
	}
	.caseBlock .inBlock .inBox,
	.aboutBlock .inBlock .flexBox .inBox {
		display: flex;
		justify-content: space-between;
		width: 65.351%;
		max-width: 745px;
		padding-top: 25px;
	}
	.caseBlock .inBlock .inBox p,
	.aboutBlock .inBlock .flexBox .inBox p {
		width: 61.745%;
		max-width: 460px;
	}
	.caseBlock .inBlock .inBox .btn,
	.aboutBlock .inBlock .flexBox .inBox .btn {
		width: fit-content;
	}
	/* -- 事例スライド -- */
	.caseBlock .caseSwiper {
		width: 1252px;
		margin: 0 auto;
	}
	.caseBlock .caseBox a figure {
		margin-bottom: 18px;
	}
	.caseBlock .caseBox a .title {
		font-size: 2.0rem;
		margin-bottom: 15px;
	}
	.caseBlock .caseBox a .text,
	.caseBlock .caseBox a .cate,
	.caseBlock .caseBox a .date {
		padding: 0 15px;
	}
	/* 前へ／次へボタン */
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev:hover,
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-next:hover {
		opacity: .7;
	}
}
/* ------------------------------
 支援成果事例（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.caseBlock {
		padding: 50px 0 80px;
	}	
	.caseBlock .inBlock,
	.aboutBlock .inBlock .flexBox {
		margin-bottom: 40px;
	}
	.caseBlock .caseBox {
		width: 74.667%;
	}
	.caseBlock .caseBox a {
		padding: 13px 13px 30px 13px;
	}
	.caseBlock .caseBox a .date,
	.caseBlock .caseBox a .cate {
		padding: 0 9px;
	}
	/* スクロールバー */
	.caseBlock .caseSwiper .controlBox {
		width: 90%;
		height: 30px;
		bottom: -40px;
	}
	.caseBlock .caseSwiper .swiper-scrollbar {
		width: calc(100% - 76px);
	}
	.caseBlock .caseSwiper .swiper-scrollbar .swiper-scrollbar-drag {
		background: var(--blue-color);
		border-radius: 0;
	}
	/* 前へ／次へボタン */
	.caseBlock .caseSwiper .swiper-buttons {
		height: 30px;
		gap: 6px;
	}
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev,
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-next {
		width: 30px;
		height: 30px;
	}
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-prev::after,
	.caseBlock .caseSwiper .swiper-buttons .swiper-button-next::after {
		width: 30px;
		height: 30px;
		border-radius: 5px;
	}
}
/* ------------------------------
 当財団について（PC）
------------------------------ */
.aboutBlock {
	padding: 90px 0 100px;
}
.aboutList li {
	border-bottom: var(--border);
}
.aboutList li:first-child {
	border-top: var(--border);
}
.aboutList li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4.579%;
	padding: 30px 0;
}
.aboutList li a figure {
	width: 42.125%;
	border-radius: 10px;
	overflow: hidden;
}
.aboutList li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease-in-out;
}
.aboutList li a .textBox {
	width: calc(100% - 46.704%);
	height: fit-content;
}
.aboutList li a .textBox p {
	position: relative;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
.aboutList li a .textBox p::after {
    content: "";
	position: absolute;
    width: 32px;
    height: 32px;
    background: url(../img/icon_arrowbox_32.svg) no-repeat 0 0 / cover;
	top: 0;
	bottom: 0;
	right: -37px;
	margin: auto;
}
@media print, screen and (min-width: 768px) {
	.aboutList {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
		gap: 0 4.21%;
	}
	.aboutList li {
		width: 47.895%;
	}
	.aboutList li:nth-child(2) {
		border-top: var(--border);
	}
	.aboutList li a:hover {
		opacity: 1;
	}
	.aboutList li a:hover figure img {
		transform: scale(1.1);
	}
	.aboutList li a .textBox {
		padding-right: 37px;
	}
}
/* ------------------------------
 当財団について（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.aboutBlock {
		padding: 35px 0;
	}
	.aboutList li a {
		gap: 5.184%;
		padding: 25px 0;
	}
	.aboutList li a figure {
		width: 37.334%;
	}
	.aboutList li a .textBox {
		width: 57.482%;
	}
	.aboutList li a .textBox p {
		font-size: 1.7rem;
		margin-bottom: 10px;
		padding-right: calc(30px + 5%);
	}
	.aboutList li a .textBox p::after {
		width: 24px;
		height: 24px;
		background-image: url(../img/icon_arrowbox_24.svg);
		right: 5%;
	}
}
/* ------------------------------
 バナー（PC）
------------------------------ */
.bnrBlock {
	background-color: #eff1f3;
	padding: 40px 0;
}
/* -- 浜松地域産業支援ネットワーク会議 -- */
.bnrBlock .network {
	background-color: #fff;
	border: var(--border);
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 25px;
}
.bnrBlock .network .title {
	position: relative;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
}
.bnrBlock .network .title span:not(.toggleBtn) {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	margin-top: 4px;
}
.bnrBlock .network ul {
	display: flex;
	flex-flow: row wrap;
	height: fit-content;
	gap: 4px 3px;
}
.bnrBlock .network ul li {
	position: relative;
	line-height: 1.3;
}
.bnrBlock .network ul li:not(:last-child)::after {
	content: "/";
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: middle;
	margin-left: 3px;
	margin-bottom: 4px;
}
.bnrBlock .network ul li a {
	font-size: 1.4rem;
}
/* -- バナー -- */
ul.bnrLink {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
}
@media print, screen and (min-width: 768px) {
	.bnrBlock .toggle {
		pointer-events: none;
	}
	.bnrBlock .network {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.bnrBlock .network .title {
		width: 22.171%;
	}
	.bnrBlock .network .title::after {
		content: "";
		width: 0;
		height: 120px;
		border-right: solid 1px #dddddd;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -15px;
		margin: auto;
	}
	.bnrBlock .network .toggleContents {
		width: 74.583%;
	}
	.bnrBlock .toggleContents {
		display: block !important;
	}
}
/* ------------------------------
 バナー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.bnrBlock {
		padding: 25px 0;
	}
	.bnrBlock .toggleContents {
		display: none;
		padding: 15px 0 10px;
	}
	.bnrBlock .title .toggleBtn {
		background-color: transparent;
        position: absolute;
		width: 50px;
		height: 50px;
		top: -12px;
		right: -5%;
	}
	.bnrBlock .title .toggleBtn::before,
	.bnrBlock .title .toggleBtn::after {
        content: "";
        width: 16px;
        height: 2px;
        background-color: var(--blue-color);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
	.bnrBlock .title .toggleBtn::after {
        width: 2px;
        height: 16px;
		transition: opacity .2s ease-in-out;
    }
	.bnrBlock .title.is-open .toggleBtn::after {
		opacity: 0;
	}
	/* -- 浜松地域産業支援ネットワーク会議 -- */
	.bnrBlock .network {
		padding: 12px 5%;
		margin-bottom: 10px;
	}
	.bnrBlock .network .title {
		font-size: 1.5rem;
		text-align: left;
	}
	.bnrBlock .network .title span:not(.toggleBtn) {
		display: none;
	}
	/* -- バナー -- */
	.bnrBlock .bnr {
		background-color: #fff;
		border: var(--border);
		border-radius: 10px;
		padding: 12px 5%;
	}
	.bnrBlock .bnr .title {
		position: relative;
		font-size: 1.5rem;
		font-weight: bold;
	}
	ul.bnrLink {
		gap: 8px;
	}
	ul.bnrLink li {
		width: calc(50% - 4px);
	}
}