/* Common */
.sec {
	padding:100px 0px 160px;
}

.item {
	margin-bottom:100px;
}

.item:last-child {
	margin-bottom:0px;
}

.item-title {
	display: flex;
	align-items: center;
	margin-bottom:50px;
}

.item-title::before {
	content: "";
	display: block;
	width:7px;
	height:34px;
	background-color: #55a783;
	margin-right:12px;
}

.item-title p {
	font-size:3.8rem;
	font-weight:700;
}

@media screen and (max-width:1200px) {
	.item-title p {
		font-size:3rem;
	}

	.item-title::before {
		height:30px;
	}
}
@media screen and (max-width:1024px) {
	.sec {
		padding:80px 0px 120px;
	}

	.item {
		margin-bottom:80px;
	}

	.item-title {
		margin-bottom:38px;
	}
}
@media screen and (max-width:768px) {
	.sec {
		padding:60px 0px 100px;
	}

	.item {
		margin-bottom:60px;
	}

	.item-title {
		margin-bottom: 28px;
	}

	.item-title p {
		font-size:2.4rem;
	}

	.item-title::before {
		width:4px;
		height:20px;
		margin-right:10px;
	}
}
@media screen and (max-width:576px) {
	.item {
		margin-bottom:40px;
	}

	.item-title {
		margin-bottom: 20px;
	}

	.item-title p {
		font-size:2rem;
	}

	.item-title::before {
		width:3px;
		height:16px;
		margin-right:6px;
	}
}



/* Path */
.sub-path-navi {
	display: flex;
	align-items: center;
	padding-bottom:40px;
}

.sub-path-navi span {
	position: relative;
	display: block;
	margin-right:20px;
	font-size:1.8rem;
	line-height:1;
}

.sub-path-navi span:last-child {
	margin:0px;
}

.sub-path-navi span.home {
	width:18px;
	height:18px;
}

.sub-path-navi span.home a {
	display: block;
	width:100%;
	height:100%;
	background: url('/child/img/icon/ico_home.svg') no-repeat center;
}

.sub-path-navi span.arr {
	width:7px;
	height:13px;
	background: url('/child/img/icon/ico_arr.svg') no-repeat center;
}

.sub-path-title {
	padding-bottom:40px;
}

.sub-path-title p {
	font-size:4.4rem;
	font-weight:700;
}

.sub-path-text {
	padding-bottom:40px;
}

.sub-path-text p {
	font-size:2rem;
	line-height:1.6;
}

@media screen and (max-width:1200px) {	
	.sub-path-navi span {
		font-size:1.7rem;
	}

	.sub-path-title p {
		font-size:3.2rem;
	}

	.sub-path-text p {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sub-path-navi {
		padding-bottom:30px;
	}
	
	.sub-path-navi span {
		margin-right:16px;
	}

	.sub-path-title {
		padding-bottom:30px;
	}

	.sub-path-text {
		padding-bottom:30px;
	}
}
@media screen and (max-width:768px) {
	.sub-path-navi {
		padding-bottom:24px;
	}
	
	.sub-path-navi span {
		font-size:1.6rem;
		margin-right:12px;
	}

	.sub-path-navi span.home {
		width:16px;
		height: 16px;
	}

	.sub-path-title {
		padding-bottom:24px;
	}

	.sub-path-title p {
		font-size:2.6rem;
	}

	.sub-path-text {
		padding-bottom:24px;
	}

	.sub-path-text p {
		font-size:1.7rem;
	}
}
@media screen and (max-width:576px) {
	.sub-path-navi {
		padding-bottom:16px;
	}

	.sub-path-navi span {
		font-size:1.4rem;
		margin-right:6px;
	}

	.sub-path-navi span.home {
		width:14px;
		height: 14px;
	}

	.sub-path-navi span.arr {
		height:10px;
		background-size:auto 10px;
	}

	.sub-path-title {
		padding-bottom:16px;
	}

	.sub-path-title p {
		font-size:2.2rem;
	}

	.sub-path-text {
		padding-bottom:16px;
	}

	.sub-path-text p {
		font-size:1.6rem;
	}
}



/* Manual */
.manual {
	margin-bottom:80px;
	padding:40px 50px;
	background-color: #e0efe9;
}

.manual .t01 {
	display: flex;
	font-size:2.5rem;
	font-weight:600;
	margin-bottom:30px;
}

.manual .t01 img {
	display: block;
	margin-right:10px;
}

.manual .t02 {
	font-size:2.2rem;
	line-height:1.7;
}

@media screen and (max-width:1200px) {
	.manual .t01 {
		font-size:2rem;
	}

	.manual .t01 img {
		width:24px;
		height:24px;
	}
	
	.manual .t02 {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.manual {
		padding: 30px 38px;
		margin-bottom:60px;
	}

	.manual .t01 {
		margin-bottom: 24px;
	}
}
@media screen and (max-width:768px) {
	.manual {
		padding: 24px 28px;
		margin-bottom:40px;
	}

	.manual .t01 {
		font-size:1.8rem;
		margin-bottom: 20px;
	}

	.manual .t01 img {
		width:20px;
		height:20px;
		margin-right:6px;
	}

	.manual .t02 {
		font-size:1.7rem;
	}
}
@media screen and (max-width:576px) {
	.manual {
		padding:20px;
		margin-bottom:30px;
	}

	.manual .t01 {
		font-size:1.7rem;
		margin-bottom: 12px;
	}

	.manual .t01 img {
		margin-right:4px;
	}

	.manual .t02 {
		font-size:1.6rem;
	}
}


/* Intro */
.sec--intro .intro {
	margin-bottom:100px;
}

.sec--intro .intro .img {
	display: flex;
	gap:40px;
	margin-bottom:60px;
}

.sec--intro .intro .img-box {
	flex:1 1;
}

.sec--intro .intro .img img {
	display: block;
}

.sec--intro .intro .text .t01 {
	font-size:2.8rem;
	font-weight:700;
	line-height:1.5;
	color:#255341;
	margin-bottom:40px;
}

.sec--intro .intro .text .t02 {
	font-size:2rem;
	line-height:1.6;
}

.sec--intro .item .text .t01 {
	font-size:2rem;
	line-height:2;
}

.sec--intro .item02 .item-title {
	padding-bottom:40px;
	border-bottom: 2px solid #255341;
}

.sec--intro .item03 .img {
	margin-top:40px;
}

.sec--intro .his-block {
	position: relative;
	margin-bottom:40px;
	padding-left:220px;
}

.sec--intro .his-block:last-child {
	margin-bottom:0px;
}

.sec--intro .his-block dt {
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	font-size:4.4rem;
	font-weight:700;
	line-height:1;
	color:#255341;
}

.sec--intro .his-block dt::after {
	content: "";
	display: inline-block;
	position: absolute;
	top:-2px;
	right:-6px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color: #aad3c1;
	z-index: -1;
}

.sec--intro .his-block dd {
	display: flex;
	padding-bottom:40px;
}

.sec--intro .his-block dd:last-child {
	padding-bottom:0px;
}

.sec--intro .his-block p {
	width: calc(100% - 160px);
	font-size: 2rem;
	font-weight:500;
	line-height:1.8;
}

.sec--intro .his-block p span {
	font-weight:400;
	color:#7d7d7d;
}

.sec--intro .his-block p.his-month {
	width:160px;
	font-weight:700;
	color:#255341;
}

@media screen and (max-width:1200px) {
	.sec--intro .intro .text .t01 {
		font-size:2.4rem;
	}

	.sec--intro .intro .text .t02 {
		font-size:1.8rem;
	}

	.sec--intro .item .text .t01 {
		font-size:1.8rem;
	}

	.sec--intro .his-block {
		padding-left:170px;
	}

	.sec--intro .his-block dt {
		font-size:3.2rem;
	}

	.sec--intro .his-block dt::after {
		width:20px;
		height:20px;
	}

	.sec--intro .his-block p {
		width:calc(100% - 140px);
		font-size: 1.8rem;
	}

	.sec--intro .his-block p.his-month {
		width:140px;
	}
}
@media screen and (max-width:1024px) {
	.sec--intro .item02 .item-title {
		padding-bottom:30px;
	}

	.sec--intro .intro {
		margin-bottom:80px;
	}

	.sec--intro .intro .img {
		gap:24px;
		margin-bottom:48px;
	}

	.sec--intro .intro .text .t01 {
		margin-bottom:30px;
	}

	.sec--intro .his-block {
		padding-left:140px;
		margin-bottom:30px;
	}

	.sec--intro .his-block dd {
		padding-bottom:30px;
	}

	.sec--intro .item03 .img {
		margin-top:30px;
	}
}
@media screen and (max-width:768px) {
	.sec--intro .item02 .item-title {
		padding-bottom:24px;
	}

	.sec--intro .intro {
		margin-bottom:60px;
	}

	.sec--intro .intro .img {
		gap: 16px;
		margin-bottom: 38px;
	}

	.sec--intro .intro .text .t01 {
		font-size: 2rem;
		margin-bottom: 24px;
	}

	.sec--intro .intro .text .t02 {
		font-size:1.7rem;
	}

	.sec--intro .item .text .t01 {
		font-size:1.7rem;
	}

	.sec--intro .his-block {
		padding:0px;
		margin-bottom:24px;
	}

	.sec--intro .his-block dt {
		position: relative;
		top:unset;
		left:unset;
		margin-bottom:20px;
		font-size:2.6rem;
	}

	.sec--intro .his-block dd {
		padding-bottom: 24px;
	}

	.sec--intro .his-block p {
		width: calc(100% - 110px);
		font-size:1.7rem;
	}

	.sec--intro .his-block p.his-month {
		width:110px;
	}

	.sec--intro .item03 .img {
		margin-top:24px;
	}
}
@media screen and (max-width:576px) {
	.sec--intro .item02 .item-title {
		padding-bottom:20px;
	}

	.sec--intro .intro {
		margin-bottom:40px;
	}

	.sec--intro .intro .img {
		flex-wrap: wrap;
		gap:6px;
		margin-bottom:24px;
	}

	.sec--intro .intro .img-box {
		flex:1 1 100%;
	}

	.sec--intro .intro .text .t01 {
		font-size: 1.8rem;
		margin-bottom:16px;
	}

	.sec--intro .intro .text .t02 {
		font-size:1.6rem;
	}

	.sec--intro .item .text .t01 {
		font-size:1.6rem;
		line-height:1.6;
	}

	.sec--intro .his-block dt {
		font-size: 2.2rem;
		margin-bottom:16px;
	}

	.sec--intro .his-block dt::after {
		width:14px;
		height:14px;
	}

	.sec--intro .his-block dd {
		flex-direction: column;
		padding-bottom:16px;
	}

	.sec--intro .his-block p {
		width:100%;
		font-size:1.6rem;
		line-height:1.6;
	}

	.sec--intro .his-block p.his-month {
		width:100%;
	}

	.sec--intro .item03 .img {
		margin-top:16px;
	}
}


/* Guide */
.sec--guide .list li {
	padding-bottom:30px;
}

.sec--guide .list li:last-child {
	padding-bottom:0px;
}

.sec--guide .text {
	padding:40px 50px;
	border:2px solid #cccccc;
}

.sec--guide .text .t01 {
	display: flex;
	align-items: center;
	font-size:2.4rem;
	font-weight:700;
	color:#255341;
	margin-bottom:30px;
}

.sec--guide .text .t01 img {
	display: block;
	margin-right:10px;
}

.sec--guide .text .t02 {
	font-size:2rem;
	font-weight:500;
	line-height:1.5;
}

.sec--guide .text .t02 em {
	font-style: normal;
	color:#626262;
}

.sec--guide .text .t0201 {
	margin:0px -5px;
}

.sec--guide .text .t0201 span {
	display: inline-block;
	vertical-align: middle;
	padding:0px 5px;
}

.sec--guide .text .t0202 {
	display: flex;
	flex-wrap: wrap;
	margin:0px -16px;
}

.sec--guide .text .t0202 span {
	display: block;
	position: relative;
	padding:0px 16px;
}

.sec--guide .text .t0202 span.full {
	flex:1 1 100%;
}

.sec--guide .text .t0202 span:last-child::before {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:2px;
	height:16px;
	background-color: #333;
}

@media screen and (max-width:1200px) {
	.sec--guide .text .t01 {
		font-size:2rem;
	}

	.sec--guide .text .t01 img {
		width:30px;
	}

	.sec--guide .text .t02 {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sec--guide .list li {
		padding-bottom:20px;
	}

	.sec--guide .text {
		padding:30px 38px;
	}

	.sec--guide .text .t01 {
		margin-bottom:24px;
	}
}
@media screen and (max-width:768px) {
	.sec--guide .list li {
		padding-bottom:16px;
	}

	.sec--guide .text {
		padding:24px 28px;
		border-width: 1px;
	}

	.sec--guide .text .t01 {
		font-size:1.8rem;
		margin-bottom:20px;
	}

	.sec--guide .text .t01 img {
		width:26px;
	}

	.sec--guide .text .t02 {
		font-size:1.7rem;
	}
}
@media screen and (max-width:576px) {
	.sec--guide .list li {
		padding-bottom:10px;
	}

	.sec--guide .text {
		padding:12px 16px;
	}

	.sec--guide .text .t01 {
		font-size:1.7rem;
		margin-bottom:12px;
	}

	.sec--guide .text .t01 img {
		width:22px;
		margin-right:6px;
	}

	.sec--guide .text .t02 {
		font-size:1.6rem;
	}

	.sec--guide .text .t0201 {
		margin:0px;
	}

	.sec--guide .text .t0201 span {
		display: block;
		padding:0px;
	}

	.sec--guide .text .t0202 {
		flex-direction: column;
		margin:0px;
	}

	.sec--guide .text .t0202 span {
		padding:0px;
	}

	.sec--guide .text .t0202 br {
		display: none;
	}

	.sec--guide .text .t0202 span:last-child::before {
		display: none;
	}
}


/* Location */
.sec--location .location-img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(600/1280*100%);
	overflow: hidden;
}

.sec--location .location-img iframe {
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	height:100%;
}

.sec--location .location-info li {
	border-bottom:1px solid #cccccc;
}

.sec--location .location-info .din {
	display: flex;
	align-items: center;
}

.sec--location .location-info .lt {
	width:160px;
}

.sec--location .location-info .rt {
	width:calc(100% - 160px);
	padding:50px 0px;
}

.sec--location .location-info .icon {
	position: relative;
	width:100%;
	height:0;
	padding-top:calc(160/160*100%);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size:48px auto;
}

.sec--location .location-info .icon01 {
	background-image: url('/child/img/icon/ico_pin.svg');
}

.sec--location .location-info .icon02 {
	background-image: url('/child/img/icon/ico_car.svg');
}

.sec--location .location-info .icon03 {
	background-image: url('/child/img/icon/icon_metro.svg');
}

.sec--location .location-info .icon04 {
	background-image: url('/child/img/icon/ico_bus.svg');
}

.sec--location .location-info .box {
	padding:24px 0px;
}

.sec--location .location-info .box:first-child {
	padding-top:0px;
	border-bottom:1px solid #cccccc;	
}

.sec--location .location-info .box:last-child {
	padding-bottom:0px;
}

.sec--location .location-info .text .t01 {
	font-size:2.4rem;
	font-weight:700;
	color:#255341;
	margin-bottom:24px;
}

.sec--location .location-info .text .t02 {
	font-size:2rem;
	font-weight:500;
	line-height:1.6;
}

.sec--location .location-info .text .t02 span {
	font-weight:400;
	color:#626262;
}

.sec--location .location-info .route {
	display: flex;
	align-items: center;
	margin-top:10px;
}

.sec--location .location-info .route01 {
	margin-top:20px;
}

.sec--location .location-info .route dt {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:90px;
	height:30px;
	font-size:1.8rem;
	font-weight:700;
	color:#ffffff;
	border-radius:6px;
	background-color: #255341;
}

.sec--location .location-info .route dd span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:60px;
	height:30px;
	margin-left:10px;
	font-size:1.8rem;
	font-weight:700;
	color:#255341;
	border-radius:6px;
	background-color: #e0efe9;
}

@media screen and (max-width:1200px) {
	.sec--location .location-info .text .t01 {
		font-size:2rem;
	}
	
	.sec--location .location-info .text .t02 {
		font-size:1.8rem;
	}
	
	.sec--location .location-info .route dt {
		font-size: 1.7rem;
	}

	.sec--location .location-info .route dd span {
		font-size: 1.7rem;
	}
}
@media screen and (max-width:1024px) {
	.sec--location .location-info .lt {
		width: 120px;
	}

	.sec--location .location-info .rt {
		width: calc(100% - 120px);
		padding:38px 0px;
	}

	.sec--location .location-info .icon {
		padding-top:calc(120/120*100%);
		background-size:40px auto;
	}

	.sec--location .location-info .text .t01 {
		margin-bottom:20px;
	}

	.sec--location .location-info .box {
		padding:20px 0px;
	}
}
@media screen and (max-width:800px) {
	.sec--location .location-info li {
		padding: 28px 0px;
	}

	.sec--location .location-info .din {
		display: block;
	}
	
	.sec--location .location-info .lt {
		width:50px;
	}

	.sec--location .location-info .rt {
		width:100%;
		padding:0px;
		margin-top:20px;
	}

	.sec--location .location-info .route {
		flex-wrap: wrap;
		margin-top:16px;
	}

	.sec--location .location-info .route dt {
		width:100%;
		margin-bottom:10px;
	}

	.sec--location .location-info .route dd {
		display: flex;
		flex-wrap: wrap;
		width:100%;
		gap:6px;
	}

	.sec--location .location-info .route dd span {
		flex:1 1 calc(25% - 6px);
		max-width: calc(25% - 6px);
		width:auto;
		margin:0px;
	}
}
@media screen and (max-width:768px) {
	.sec--location .location-info li {
		padding:20px 0px;
	}

	.sec--location .location-info .rt {
		margin-top: 12px;
	}

	.sec--location .location-info .icon {
		padding-top: calc(80/80*100%);
	}

	.sec--location .location-info .text .t01 {
		font-size:1.8rem;
		margin-bottom:16px;
	}

	.sec--location .location-info .text .t02 {
		font-size:1.7rem;
	}

	.sec--location .location-info .route {
		margin-top:12px;
	}

	.sec--location .location-info .route dt {
		width:100%;
		font-size:1.6rem;
	}

	.sec--location .location-info .route dd span {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.sec--location .location-info .text .t01 {
		font-size:1.7rem;
		margin-bottom:10px;
	}

	.sec--location .location-info .text .t02 {
		font-size:1.6rem;
	}

	.sec--location .location-info .route {
		margin-top:6px;
	}

	.sec--location .location-info .route dt {
		font-size:1.4rem;
		margin-bottom:4px;
	}

	.sec--location .location-info .route dd {
		gap:4px;
	}

	.sec--location .location-info .route dd span {
		flex:1 1 calc(25% - 4px);
		max-width:calc(25% - 4px);
		height:26px;
		font-size:1.4rem;
	}
}


/* Statute */


/* Photo  Front */
.photo-front .din {
	display: flex;
}

.photo-front .lt {
	position: relative;
	width:440px;
	padding-right: 40px;
	padding-bottom:40px;
}

.photo-front .lt .thumbnail {
	position: relative;
}

.photo-front .lt .thumbnail::after {
	content: "";
	display: block;
	position: absolute;
	right:-40px;
	bottom:-40px;
	width:91%;
	height:0;
	padding-top: calc(520/440*100%);
	background-color: #55a783;
}

.photo-front .rt {
	width:calc(100% - 440px);
	padding-top:40px;
	padding-left:110px;
}

@media screen and (max-width:1200px) {
	.photo-front .rt {
		padding-left:80px;
	}
}
@media screen and (max-width:1024px) {
	.photo-front .lt {
		width:340px;
		padding-right:30px;
		padding-bottom:30px;
	}

	.photo-front .rt {
		width:calc(100% - 340px);
		padding-left:60px;
	}
}
@media screen and (max-width:768px) {
	.photo-front .din {
		flex-wrap: wrap;
	}

	.photo-front .lt {
		max-width:300px;
		width:100%;
		margin:0 auto;
		padding-right:24px;
		padding-bottom:24px;
	}

	.photo-front .rt {
		width: 100%;
		padding-top:30px;
		padding-left:0px;
	}
}
@media screen and (max-width:576px) {
	.photo-front .lt {
		max-width:220px;
		padding-right:16px;
		padding-bottom:16px;
	}
}


/* People Photo */
.people .din {
	display: flex;
}

.people .lt {
	width:220px;
}

.people .rt {
	width:calc(100% - 220px);
	padding-left:20px;
}

.people .item-title {
	padding-bottom:30px;
	border-bottom: 2px solid #cccccc;
}

.people .item01 .din {
	max-width:620px;
	width:100%;
	margin:0 auto;
}

.people .item02 .list {
	display: flex;
	flex-wrap: wrap;
	margin:-20px;
}

.people .item02 .list li {
	flex:0 0 50%;
	max-width:50%;
	padding:20px;
}

.people .thumbnail {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(300/220*100%);
	background-color: #cccccc;
	overflow: hidden;
}

.people .thumbnail div {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.people .info {
	width:100%;
	height:100%;
	padding:40px 30px 20px;
	background-color: #f5f5f5;
}

.people .info .name {
	margin-bottom:30px;
}

.people .info .name p {
	font-size:2.8rem;
	font-weight:700;
}

.people .info .context {
	font-size:1.8rem;
	line-height:1.7;
	color:#808080;
}

.people .info .context dd {
	display: flex;
}

.people .info .context dd span {
	display: block;
	margin-right:4px;
}

@media screen and (max-width:1200px) {
	.people .info .name p {
		font-size:2.4rem;
	}
	
	.people .info .context {
		font-size:1.7rem;
	}
}
@media screen and (max-width:1024px) {
	.people .din {
		max-width:620px;
		margin:0 auto;
	}

	.people .lt {
		width:180px;
	}
	
	.people .rt {
		width:calc(100% - 180px);
		padding-left:16px;
	}	

	.people .item-title {
		padding-bottom:24px;
	}

	.people .item02 .list {
		margin:-16px;
	}
	
	.people .item02 .list li {
		flex:1 1 100%;
		max-width:100%;
		padding:16px;
	}

	.people .info {
		padding:30px 24px 16px;
	}

	.people .info .name {
		margin-bottom:24px;
	}
}
@media screen and (max-width:768px) {
	.people .item-title {
		padding-bottom:20px;
		border-width:1px;
	}

	.people .item02 .list {
		margin:-12px;
	}
	
	.people .item02 .list li {
		padding:12px;
	}

	.people .info {
		padding:24px 20px;
	}

	.people .info .name {
		margin-bottom:20px;
	}

	.people .info .name p {
		font-size:2rem;
	}
	
	.people .info .context {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.people .din {
		flex-wrap: wrap;
	}

	.people .lt {
		max-width:160px;
		width:100%;
		margin:0 auto;
	}
	
	.people .rt {
		width:100%;
		padding-left:0px;
		padding-top:6px;
	}	

	.people .item-title {
		padding-bottom:12px;
	}

	.people .info {
		padding:16px 12px;
	}

	.people .info .name {
		margin-bottom:12px;
	}

	.people .info .name p {
		font-size:1.8rem;
	}
	
	.people .info .context {
		font-size:1.4rem;
	}
}


/* Board */
.sec--board .container {
	position: relative;
}

.sec--board .snb-menu {
	position: absolute;
	top:296px;
	left:-195px;
}

.sec--board .snb-menu li {
	margin-bottom:10px;
}

.sec--board .snb-menu li:last-child {
	margin-bottom:0px;
}

.sec--board .snb-menu a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:128px;
	height:40px;
	font-size:1.6rem;
	color:#737373;
	border-radius:6px;
	background-color: #f5f5f5;
}

.sec--board .snb-menu li.on a {
	font-weight:700;
	color:#fff;
	background-color: #55a783;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Member */
.sec--member .textarea {
	width:100%;
	height:600px;
	border:1px solid #d6d6d6;
	overflow-y: auto;
}

.sec--member .textarea div {
	width:100%;
	padding:20px;
}

.sec--member .textarea div p {
	font-size:1.6rem;
	line-height:1.5;
}

@media screen and (max-width:1200px) {
	.sec--member .textarea div p {
		font-size:1.5rem;
	}
}
@media screen and (max-width:1024px) {
	.sec--member .textarea {
		height:400px;
	}

	.sec--member .textarea div {
		padding:16px;
	}
}
@media screen and (max-width:768px) {
	.sec--member .textarea div p {
		font-size:1.4rem;
	}
}
@media screen and (max-width:576px) {
	.sec--member .textarea {
		height:360px;
	}

	.sec--member .textarea div p {
		font-size:1.3rem;
	}
}