/* CSS Document */

#visual {
	width: 100%;
	position: relative;
}
#visual .image {
	width: calc( 100vw * ( 1513 / 1918 ));
}
#visual .image img {
	width: 100%;	
}
#visual .title {
	position: absolute;
	min-width: calc( 100vw * ( 315 / 1918 ));
	top: calc( 100vw * ( 473 / 1918 ) );
	left: calc( 100vw * ( 1268 / 1918 ) );
	background-color: #f18700;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: calc(100vw * (48/1920));
	color: #fff;
}

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

}

@media only screen and (max-width: 767px) {
	#visual .image {
		width: calc( 100vw * ( 626 / 730 ));
	}
	#visual .title {
		min-width: calc( 100vw * ( 170 / 730 ));
		top: calc( 100vw * ( 261 / 730 ) );
		left: calc( 100vw * ( 496 / 730 ) );
		font-size: calc(100vw * ( 26.8 / 730));
	}
}
.page-title-wrap {
	padding-top: 100px;
}
.page-title-wrap h2 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 0;
	padding: 0;
}
.page-title-wrap h2 span {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.page-title-wrap h2 span.en {
	padding: 0 0 40px 0;
}
.page-title-wrap h2 span.en img {
	width: 260px;
}
.page-title-wrap h2 span.ja {
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}

@media only screen and (max-width: 1024px) {
	.page-title-wrap {
		padding-top: calc( 100vw * ( 100 / 1024 ));
	}
	.page-title-wrap h2 span.en {
		padding: 0 0 calc( 100vw * ( 40 / 1024 )) 0;
	}
	.page-title-wrap h2 span.en img {
		width: calc( 100vw * ( 286 / 1024 ));
	}
	.page-title-wrap h2 span.ja {
		font-size: calc( 100vw * ( 40 / 1024 ));
	}
}
@media only screen and (max-width: 767px) {
	.page-title-wrap {
		padding-top: calc( 100vw * ( 67 / 730 ));
	}
	.page-title-wrap h2 span.en {
		padding: 0 0 calc( 100vw * ( 30 / 730 )) 0;
	}
	.page-title-wrap h2 span.en img {
		width: calc( 100vw * ( 320 / 730 ));
	}
	.page-title-wrap h2 span.ja {
		font-size: calc( 100vw * ( 40 / 730 ));
	}
}
#anchor-nav {
	padding-top: calc(80px * 0.8);
	padding-bottom: 0;
}
#anchor-nav ul {
	width: 970px;
	display: flex;
	margin: 0 auto;
	padding: 0;
	justify-content: space-between;
}
#anchor-nav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 206px;
}
#anchor-nav ul li a {
	width: 206px;
	font-size: 17px;
	font-weight: bold;
	padding: 0.5em 0;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #999999;
}
#anchor-nav ul li a.active {
	border-bottom: 3px solid #f18700;
}

@media only screen and (max-width: 1024px) {
	#anchor-nav ul {
		width: calc( 100vw * ( 970 / 1024 ));
	}
	#anchor-nav ul li {
		width: calc( 100vw * ( 206 / 1024 ));
	}
	#anchor-nav ul li a {
		width: calc( 100vw * ( 206 / 1024 ));
		font-size: calc( 100vw * ( 17 / 1024 ));
	}
}

@media only screen and (max-width: 767px) {
	#anchor-nav {
		padding-top: calc( 100vw * ( 35 / 730 ));
	}
	#anchor-nav ul {
		width: calc( 100vw * ( 600 / 730 ));
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#anchor-nav ul li {
		width: calc( 100vw * ( 257 / 730 ));
		padding-top: calc( 100vw * ( 50 / 730 ));
	}
	#anchor-nav ul li a {
		width: calc( 100vw * ( 257 / 730 ));
		font-size: calc( 100vw * ( 21 / 730 ));
	}
}

.intro-wrap-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 0;
	padding-top: 150px;
}
.intro-wrap-flex .text-wrap {
	width: 600px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.intro-wrap-flex .text-wrap .header {
	width: 512px;
}
.intro-wrap-flex .text-wrap h3 {
	border-bottom: 1px solid #f18700;
	padding-bottom: 27px;
	margin-top: 0;
	font-size: 40px;
}
.intro-wrap-flex .text-wrap h3 span {
	display: inline-flex;
	width: 70px;
}
.intro-wrap-flex .text-wrap h3 span img {
	height: 60px;
}
.intro-wrap-flex .text-wrap p {
	font-size: 19px;
	line-height: 1.8;
	margin: 1em 0;
}
.intro-wrap-flex .text-wrap .more {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 40px;
}
.intro-wrap-flex .text-wrap .more a {
	width: 300px;
	display: inline-flex;
	justify-content: flex-start;
	background-color: #000;
	padding: 0.3em 0 0.3em 40px;
}
.intro-wrap-flex .text-wrap .more a img {
	width: 161px;
}
.intro-wrap-flex .image-wrap {
	width: 370px;
}
.intro-wrap-flex .image-wrap img {
	width: 420px;
	margin-right: -50px;
}

.intro-wrap-flex:nth-child(even) {
	flex-direction: row-reverse;
}
.intro-wrap-flex:nth-child(even) .text-wrap {
	margin-left: 88px;
}
.intro-wrap-flex:nth-child(even) .image-wrap img {
	margin-right: 0;
	margin-left: -50px;
}
.intro-wrap-flex:nth-child(even) .text-wrap .more {
	justify-content: flex-start;
	margin-left: -88px;
}
.intro-wrap-flex:nth-child(even) .text-wrap .more a {
	width: 300px;
	display: inline-flex;
	justify-content: flex-end;
	background-color: #000;
	padding: 0.3em 40px 0.3em 0;
}

@media only screen and (max-width: 1070px) {
	#content-intro .inner {
		width: 100%;
		overflow: hidden;
	}
	.intro-wrap-flex {
		width: calc( 100vw * ( 970 / 1070 ));
		margin-left: auto;
		margin-right: auto;
		margin-top: calc( 100vw * ( 25 / 1070 ));
		margin-bottom: 0;
		padding-top: calc( 100vw * ( 150 / 1070 ));
	}
	.intro-wrap-flex .text-wrap {
		width: calc( 100vw * ( 600 / 1070 ));
	}
	.intro-wrap-flex .text-wrap .header {
		width: calc( 100vw * ( 512 / 1070 ));
	}
	.intro-wrap-flex .text-wrap h3 {
		padding-bottom: calc( 100vw * ( 27 / 1070 ));
		font-size: calc( 100vw * ( 40 / 1070));
	}
	.intro-wrap-flex .text-wrap h3 span {
		width: calc( 100vw * ( 70 / 1070 ));
	}
	.intro-wrap-flex .text-wrap h3 span img {
		height: calc( 100vw * ( 60 / 1070 ));
	}
	.intro-wrap-flex .text-wrap p {
		font-size: calc( 100vw * ( 19 / 1070 ));
	}
	.intro-wrap-flex .text-wrap .more {
		margin-bottom: calc( 100vw * ( 40 / 1070 ));
	}
	.intro-wrap-flex .text-wrap .more a {
		width: calc( 100vw * ( 300 / 1070 ));
		padding: 0.3em 0 0.3em calc( 100vw * ( 40 / 1070 ));
	}
	.intro-wrap-flex .text-wrap .more a img {
		width: calc( 100vw * ( 161 / 1070 ));
	}
	.intro-wrap-flex .image-wrap {
		width: calc( 100vw * ( 370 / 1070 ));
	}
	.intro-wrap-flex .image-wrap img {
		width: calc( 100vw * ( 420 / 1070 ));
		margin-right: calc( 100vw * ( -50 / 1070 ));
	}

	.intro-wrap-flex:nth-child(even) .text-wrap {
		margin-left: calc( 100vw * ( 88 / 1070 ));
	}
	.intro-wrap-flex:nth-child(even) .image-wrap img {
		margin-left: calc( 100vw * ( -50 / 1070 ));
	}
	.intro-wrap-flex:nth-child(even) .text-wrap .more {
		margin-left: calc( 100vw * ( -88 / 1070 ));
	}
	.intro-wrap-flex:nth-child(even) .text-wrap .more a {
		width: calc( 100vw * ( 300 / 1070 ));
		padding: 0.3em calc( 100vw * ( 40 / 1070 )) 0.3em 0;
	}

}

@media only screen and (max-width: 767px) {
	.intro-wrap-flex {
		width: calc( 100vw * ( 600 / 730 ));
		margin-top: calc( 100vw * ( 30 / 730 ));
		padding-top: calc( 100vw * ( 80 / 730 ));
		margin-bottom: 0;
		flex-direction: column-reverse;
	}
	.intro-wrap-flex:nth-child(even) {
		flex-direction: column-reverse;
	}
	.intro-wrap-flex:nth-child(even) .text-wrap,
	.intro-wrap-flex .text-wrap {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.intro-wrap-flex .text-wrap .header {
		width: 100%;
	}
	.intro-wrap-flex .text-wrap p {
		font-size: calc( 100vw * ( 25 / 730 ));
	}
	.intro-wrap-flex:nth-child(even) .image-wrap,
	.intro-wrap-flex .image-wrap {
		width: calc( 100vw * ( 600 / 730 ));
		padding-bottom: calc( 100vw * ( 40 / 730 ));
	}
	.intro-wrap-flex:nth-child(even) .image-wrap img {
		width: calc( 100vw * ( 665 / 730 ));
		max-width: none;
		margin-left: calc( 100vw * ( -65 / 730 ));
	}
	
	.intro-wrap-flex .text-wrap .more,
	.intro-wrap-flex:nth-child(even) .text-wrap .more {
		margin-right: calc( 100vw * ( -65 / 730 ));
		justify-content: flex-end;
	}
	
	.intro-wrap-flex .text-wrap .more a,
	.intro-wrap-flex:nth-child(even) .text-wrap .more a {
		justify-content: flex-start;
		width: calc( 100vw * ( 300 / 730 ));
		padding: 0.3em 0 0.3em calc( 100vw * ( 40 / 730 ));
	}
	
	.intro-wrap-flex .text-wrap .more a img {
		width: calc( 100vw * ( 161 / 730 ));
	}
	
	.intro-wrap-flex .image-wrap img {
		width: calc( 100vw * ( 665 / 730 ));
		max-width: none;
		margin-right: calc( 100vw * ( -65 / 730 ));
	}
}

#other {
	margin-top: 170px;
}
#other h2 {
	display: flex;
	justify-content: center;
}
#other h2 img {
	height: 20px;
}

.other-wrap-flex {
	width: 740px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.other-wrap-flex .text-wrap {
	width: 430px;
}
.other-wrap-flex .text-wrap h3 {
	color: #f9b700;
	font-size: 30px;
	padding-bottom: 20px;
	margin: 0;
	border-bottom: 1px solid #000;
}
.other-wrap-flex .text-wrap p {
	font-size: 19px;
	line-height: 1.8;
	margin: 0.5em 0 1em 0;
}
.other-wrap-flex .text-wrap .more {

}
.other-wrap-flex .text-wrap .more a {
	display: inline-flex;
	justify-content: center;
	width: 118px;
	background-color: #000;
	padding: 0.2em 0;
}
.other-wrap-flex .text-wrap .more a img {
	width: 90px;
}
.other-wrap-flex .image-wrap {
	width: 273px;
}
.other-wrap-flex .image-wrap img {
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	#other {
		margin-top: calc(100vw * (170 / 1024));
	}
	#other h2 img {
		height: calc(100vw * (20 / 1024));
	}
	.other-wrap-flex {
		margin-top: calc(100vw * (100 / 1024));
		width: calc(100vw * (740 / 1024));
	}
	.other-wrap-flex .text-wrap {
		width: calc(100vw * (430 / 1024));
	}
	.other-wrap-flex .text-wrap h3 {
		font-size: calc(100vw * (30 / 1024));
		padding-bottom: calc(100vw * (20 / 1024));
	}
	.other-wrap-flex .text-wrap p {
		font-size: calc(100vw * (19 / 1024));
	}
	.other-wrap-flex .text-wrap .more a {
		width: calc(100vw * (118 / 1024));
	}
	.other-wrap-flex .text-wrap .more a img {
		width: calc(100vw * (90 / 1024));
	}
	.other-wrap-flex .image-wrap {
		width: calc(100vw * (273 / 1024));
	}
}

@media only screen and (max-width: 767px) {
	#other {
		margin-top: calc(100vw * (150 / 730));
	}
	#other h2 img {
		height: calc(100vw * (24 / 730));
	}
	.other-wrap-flex {
		margin-top: calc(100vw * (100 / 730));
		width: calc(100vw * (600 / 730));
		flex-direction: column-reverse;
	}
	.other-wrap-flex .text-wrap {
		width: calc(100vw * (600 / 730));
	}
	.other-wrap-flex .image-wrap {
		width: calc(100vw * (600 / 730));
	}
	
	.other-wrap-flex .text-wrap h3 {
		font-size: calc(100vw * (40 / 730));
		padding-top: calc(100vw * (40 / 730));
		padding-bottom: calc(100vw * (20 / 730));
		text-align: center;
	}
	.other-wrap-flex .text-wrap p {
		font-size: calc(100vw * (24 / 730));
	}
	.other-wrap-flex .text-wrap .more {
		display: inline-flex;
		justify-content: center;
		width: 100%;
	}
	.other-wrap-flex .text-wrap .more a {
		width: calc(100vw * (203 / 730));
		padding: 0.3em 0;
	}
	.other-wrap-flex .text-wrap .more a img {
		width: calc(100vw * (130 / 730));
	}
	
}