@charset "utf-8";
/**
 *  HOME
 *  update.25.2.20
**/
.main-image {
	padding-bottom:30px;
}
.section-nav {
	padding-top:20px !important;
}
.section-nav .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 -1%;
	padding:0 0 20px;
	border-top:1px solid #575757;
	border-bottom:1px solid #575757;
}
.section-nav .box > a {
	width:98%;
	max-width:340px;
	margin:20px 1% 0;
	padding:0;
	font-size:1.5rem;
	text-align: center;
}
.section-nav .box .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width:5.5em;
	height:5.5em;
	margin:0 auto;
	border:1px solid #5d99d1;
	border-radius:5.5em;
	font-size:1.2em;
	font-weight: 600;
	line-height: 1.1;
	color:#5d99d1;
	overflow: hidden;
	transition: all 0.3s;
}
.section-nav .box .index {
	margin:0.5em 0 0;
	font-size:1em;
	font-weight:700;
	color:#575757;
}
.section-nav .box .text {
	margin:0.5em 0 0;
	font-size:0.8em;
	font-weight:500;
	color:#575757;
	line-height: 1.7;
}
.section-nav .box > a:hover,
.section-nav .box > a:active {
	text-decoration: none;
}
.section-nav .box > a:hover .icon,
.section-nav .box > a:active .icon {
	color:#fff;
	background-color: #5d99d1;
}

.section-nav .box > a:hover .index,
.section-nav .box > a:active .index,
.section-nav .box > a:hover .text,
.section-nav .box > a:active .text {
	text-decoration: underline;
}
.section-nav .box .link-topics .icon > span {
	padding-bottom:0.25em;
}
.section-nav .box .link-event .icon > span > span {
	display: block;
	font-size:0.75em;
}
.section-nav .trans-image {
	margin:20px 0 0;
}
@media print, screen and (min-width: 728px) {
	.section-nav {
		padding-top:30px !important;
	}
	.section-nav .box {
		padding:0 0 40px;
	}
	.section-nav .box > a {
		margin:40px 0 0;
	}
	.section-nav .box .icon {
		font-size:1.5em;
	}
	.section-nav .box .index {
		margin:1.5em 0 0;
	}
	.section-nav .box .text {
		margin:0.5em 0 0;
		font-size:0.866em;
	}
	.section-nav .trans-image {
		margin:30px 0 0;
	}
}
@media print, screen and (min-width: 1025px) {
	.section-nav .box > a {
		width:22em;
		font-size:1.29vw;
	}
}
@media print, screen and (min-width: 1240px) {
	.section-nav .box > a {
		font-size:1.6rem;
	}
}
.section-member {
	padding-top:20px;
}
.section-member .box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:0;
	padding:10px 10px 20px;
	background-color: #eee;
}
.section-member .box a {
	width:98%;
	margin:10px 1% 0;
	padding-right:0 !important;
	padding-left: 2.2em !important;
	border-left:0.5em solid #575757;
	text-decoration: none !important;
	line-height: 1.2 !important;
}
.section-member .box a:before {
	left:0.5em;
}
.section-member .box a:hover ,
.section-member .box a:active {
	color:#575757 !important;
	background-color: #ddd !important;
}
.section-member .box a:hover:before,
.section-member .box a:before {
	background-image: url(../img/icon-arrow-g.png);
}
.section-member .box span:first-child {
	flex: 1;
	padding-right:0.5em;
}
.section-member .box .image {
	width:112px;
}
@media print, screen and (min-width: 728px) {
	.section-member {
		padding-top:24px;
	}
	.section-member .box {
		padding:0 10px 24px;
	}
	.section-member .box a {
		margin:24px 1% 0;
		width:48%;
	}
	.section-member .box .image {
		width:128px;
	}
}
@media print, screen and (min-width: 1025px){
	.section-member .box .image {
		width:144px
	}
}
.section-sns {
	padding-top:30px;
}
.section-sns .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin:0;
	padding:0;
}
.section-sns .box > * {
	position: relative;
	width:100%;
	max-width:500px;
	margin:66px auto 0;
	text-align: center;
}
.section-sns .box > *:after {
	content: '';
	position: absolute;
	left:0;
	right:0;
	top:-46px;
	margin:auto;
	width:36px;
	height:36px;
	background-repeat: no-repeat;
	background-size: contain;
}
.section-sns .box .instagram:before {
	content: '';
	display: block;
	padding-top:150%;
}
.section-sns .box .instagram:after {
	background-image: url(../img/icon-instagram.png);
}
.section-sns .box .instagram > * {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y: auto;
}
.section-sns .box .instagram #sb_instagram #sbi_images {
	padding:0;
}
.section-sns .box .facebook:after {
	background-image: url(../img/icon-facebook.png);
}
@media print, screen and (min-width: 728px) {
	.section-sns .box > * {
		width:44%;
		margin:98px 3% 0;
	}
	.section-sns .box > *:after {
		width:48px;
		height:48px;
		top:-68px;
	}
}
.section-link {
	margin-top:40px;
	border-top:2px solid #717171;
}
.section-link .box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:-10px 0 0;
	padding: 0;
}
.section-link .box a {
	width:100%;
	margin:10px 0 0;
}
@media print, screen and (min-width: 728px) {
	.section-link .box {
		margin:-24px -1% 0;
	}
	.section-link .box a {
		margin:24px 1% 0;
		width:31.333%;
		font-size:1.6rem;
	}
}
