@charset "UTF-8";

.main-visual {
	width: 100%;
	background: none;
	padding: 0 1.2%;
}

@media screen and (max-width: 959px) {
	.main-visual {
		padding: 0 1.2%;
	}
}


/* ---------------------------------
	 ページ内リンク設定
--------------------------------- */

.page-nav {
	background-color: #01b4ed;
	padding: 56px 0;
}

.page-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.page-nav ul li {
	margin-right: 24px;
	font-size: 1.6rem;
}

.page-nav ul li:last-child {
	margin-right: 0px;
}


.page-nav ul li a {
	color: #FFF;
	text-decoration: none;
}

.page-nav ul li a:hover {
	color: #fffc00;
}

.txt-nav-title {
	font-size: 3.2rem;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1rem;
	line-height: 1.5;
}

.arrow {
	padding-right: 1.3em;
	background: url("../images/organization/page_nav.svg") no-repeat right center / contain;
}

.page-nav table {
	width: 80%;
	margin: 0 auto;
}

.page-nav table a {
	color: #FFF;
	text-decoration: none;
}


@media screen and (max-width: 959px) {
	.page-nav {
		padding: 32px 0;
	}

	.page-nav ul li {
		margin-right: 3.6%;
		font-size: 1.6rem;
	}

	.txt-nav-title {
		font-size: 2.0rem;
		letter-spacing: 0;
	}
}


/* ---------------------------------
	 コンテンツ設定
--------------------------------- */

.wrap-contents {
	padding: 40px 6%;
}

.wrap-explanation {
	background-color:#fff;
	width: 100%;
	padding: 6%;
}

.explanation {
	width: auto;
	text-align: justify;
}

.wrap-image {
	width: 60%;
}

.wrap-image-full {
	width: 100%;
}

.h3_sub {
	font-size: 2.2rem;
}

@media screen and (max-width: 959px) {
	.wrap-contents {
		padding: 5%;
	}

	.wrap-explanation {
		width: 90%;
		padding:7%;
	}

	.wrap-image {
		width: 100%;
	}
}

/* ---------------------------------
	 カルーセル設定
--------------------------------- */

.wrap {
 max-width: 1200px;
	margin: 0 auto;
}