@charset "UTF-8";


	
	
/* k-title
--------------------- */
.k-title {
	border-top: solid 1px #BACEFF;
	margin-bottom: 30px;
	position: relative;
}
	.k-title .label {
		width: 130px;
		position: absolute;
		top: 0;
	}
	.k-title .label-jp {
		left: 0;
	}
	.k-title .label-en {
		right: 0;
	}

	.k-title .head {
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-top: 8px;
	}

.k-tit {
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 30px;
}
.k-tit.left {
	text-align: left;
}
	.k-tit span {
		text-decoration: underline;
	}
@media screen and (max-width: 1024px) {
	.k-title {
		margin-bottom: 3vw;
	}
		.k-title .label {
			width: 18%;
		}

		.k-title .head {
			font-size: 3.0vw;
			margin-top: 1.5vw;
		}

	.k-tit {
		font-size: 4.6vw;
		margin-bottom: 3vw;
	}
	.k-tit.left {
		text-align: left;
	}
		.k-tit span {
			text-decoration: underline;
		}
}
@media screen and (max-width: 767px) {
	.k-title {
		margin-bottom: 4vw;
	}
		.k-title .label {
			width: 22%;
		}

		.k-title .head {
			font-size: 4.8vw;
			margin-top: 1.5vw;
		}

	.k-tit {
		font-size: 6.6vw;
		margin-bottom: 4.5vw;
	}
	.k-tit.left {
		text-align: left;
	}
		.k-tit span {
			text-decoration: underline;
		}
}


	
	
/* know01
--------------------- */
#know01 ul.pht-list {
	margin-top: 40px;
}
	#know01 ul.pht-list li {
		width: 31%;
		margin-right: 3.5%;
	}
	#know01 ul.pht-list li:nth-last-child(1) {
		margin-right: 0;
	}
@media screen and (max-width: 1024px) {
	#know01 ul.pht-list {
		margin-top: 3.5vw;
	}
}
@media screen and (max-width: 767px) {
	#know01 ul.pht-list {
		margin-top: 5vw;
	}
		#know01 ul.pht-list li {
			width: 48%;
		}
		#know01 ul.pht-list li:nth-child(2) {
			margin-right: 4%;
		}
		#know01 ul.pht-list li:nth-child(1) {
			width: 100%;
			margin-right: 0;
			margin-bottom: 4%;
		}
}


	
	
/* know02
--------------------- */
#know02 .list {
	margin-top: 50px;
}
	#know02 .list .row {
		margin-bottom: 60px;
		position: relative;
	}
	#know02 .list .row:nth-last-child(1) {
		margin-bottom: 0;
	}
		#know02 .list .row .pht {
			width: 80%;
		}
		#know02 .list .row:nth-child(odd) .pht {
			margin-left: 20%;
		}

		#know02 .list .row .text {
			width: 40%;
			padding: 30px 40px;
			background: #fff;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-50%) translateX(0);
			-webkit-transform: translateY(-50%) translateX(0);
		}
		#know02 .list .row:nth-child(odd) .text {
			right: auto;
			left: 0;
		}
			#know02 .list .row .text .en {
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 0;
				right: -22px;
			}
			#know02 .list .row:nth-child(odd) .text .en {
				right: auto;
				left: -22px;
			}
@media screen and (max-width: 1024px) {
	#know02 .list {
		margin-top: 5vw;
	}
		#know02 .list .row {
			margin-bottom: 7vw;
		}
			#know02 .list .row .pht {
				width: 80%;
				height: 100%;
				aspect-ratio: 4 / 3;
			}
			#know02 .list .row:nth-child(odd) .pht {
				margin-left: 20%;
			}
				#know02 .list .row .pht img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			#know02 .list .row .text {
				width: 45%;
				padding: 3vw;
			}
				#know02 .list .row .text .en {
					font-size: 1.8vw;
					right: -2.5vw;
				}
				#know02 .list .row:nth-child(odd) .text .en {
					left: -2.5vw;
				}
}
@media screen and (max-width: 767px) {
	#know02 .list {
		margin-top: 8vw;
	}
		#know02 .list .row {
			margin-bottom: 9vw;
		}
			#know02 .list .row .pht {
				width: 108.2%;
				aspect-ratio: 16 / 8;
			}
			#know02 .list .row:nth-child(odd) .pht {
				margin-left: -8.2%;
			}

			#know02 .list .row .text {
				width: 100%;
				padding: 4vw 0 0 0;
				background: none;
				position: static;
				transform: translateY(0) translateX(0);
				-webkit-transform: translateY(0) translateX(0);
			}
				#know02 .list .row .text .en {
					font-size: 3.0vw;
					top: 5vw;
					right: -6.5vw;
				}
				#know02 .list .row:nth-child(odd) .text .en {
					left: -6.5vw;
				}
	
				#know02 .list .row .text h3,
				#know02 .list .row .text .txt {
					color: #fff;
				}
}


	
	
/* know03
--------------------- */
#know03 .row {
	margin-top: 60px;
}
	#know03 .row .text {
		width: 47.5%;
	}
	#know03 .row:nth-last-child(1) .text {
		order: 2;
	}

	#know03 .row .pht {
		width: 47.5%;
		overflow: hidden;
	}
	#know03 .row:nth-last-child(1) .pht {
		order: 1;
	}
		#know03 .row .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
@media screen and (max-width: 1024px) {
	#know03 .row {
		margin-top: 6vw;
	}
}
@media screen and (max-width: 767px) {
	#know03 .row {
		display: block;
		margin-top: 10vw;
	}
		#know03 .row .text {
			width: 100%;
			margin-bottom: 5vw;
		}

		#know03 .row .pht {
			width: 100%;
		}
}


	
	
/* know04
--------------------- */
#know04 .row:nth-last-child(1) {
	margin-top: 60px;
}
	#know04 .row .txt {
		text-align: center;
		margin-bottom: 30px;
	}
	#know04 .row .txt.mt {
		margin-top: 50px;
		margin-bottom: 20px;
	}

	#know04 .row .share h3 {
		text-align: center;
		position: relative;
		z-index: 2;
		margin-bottom: 20px;
	}
	#know04 .row .share h3:before {
		content: "";
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: 1px;
		z-index: -1;
	}
		#know04 .row .share h3 span {
			padding: 0 15px;
			background: #fff;
		}

	#know04 .row .share .graph li {
		width: 50%;
	}
	#know04 .row .share .graph li:nth-child(1) {
		border-right: solid 1px #ddd;
	}

	#know04 .row .share .btn-more {
		text-align: center;
		margin-top: 40px;
	}
		#know04 .row .share .btn-more a {
			display: inline-block;
			background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 15px center / 18px;
			padding: 10px 70px;
			font-size: 1.8rem;
			font-weight: 700;
			color: #004DFF;
			line-height: 1.3em;
		}
		#know04 .row .share .btn-more a:hover {
			background: #004DFF url("../../common/img/icon_arrow_yellow.svg") no-repeat right 15px center / 18px;
			color: #fff;
		}

	#know04 .row .js-scrollable {
		text-align: center;
	}
		#know04 .row .js-scrollable .pht02 {
			max-width: 670px;
		}
@media screen and (max-width: 1024px) {
	#know04 .row:nth-last-child(1) {
		margin-top: 6vw;
	}
		#know04 .row .txt {
			margin-bottom: 4vw;
		}
		#know04 .row .txt.mt {
			margin-top: 4vw;
			margin-bottom: 2vw;
		}

		#know04 .row .share h3 {
			margin-bottom: 2vw;
		}
			#know04 .row .share h3 span {
				padding: 0 3vw;
			}

		#know04 .row .share .btn-more {
			margin-top: 4vw;
		}
			#know04 .row .share .btn-more a {
				background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 2vw center / 2.5vw;
				padding: 1vw 8vw;
				font-size: 2.0vw;
			}
			#know04 .row .share .btn-more a:hover {
				background: #004DFF url("../../common/img/icon_arrow_yellow.svg") no-repeat right 2vw center / 2.5vw;
			}
}
@media screen and (max-width: 767px) {
	#know04 .row:nth-last-child(1) {
		margin-top: 9vw;
	}
		#know04 .row .txt {
			margin-bottom: 5vw;
		}
		#know04 .row .txt.mt {
			margin-top: 7vw;
			margin-bottom: 4vw;
		}

		#know04 .row .share h3 {
			margin-bottom: 4vw;
		}

		#know04 .row .share .btn-more {
			margin-top: 6vw;
		}
			#know04 .row .share .btn-more a {
				background: #EEF3FF url("../../common/img/icon_arrow_blue.svg") no-repeat right 3vw center / 4vw;
				padding: 2vw 12vw;
				font-size: 4.0vw;
			}
			#know04 .row .share .btn-more a:hover {
				background: #004DFF url("../../common/img/icon_arrow_yellow.svg") no-repeat right 3vw center / 4vw;
			}
	
		#know04 .row .js-scrollable .pht01 {
			max-width: 230%;
			width: 230%;
		}
		#know04 .row .js-scrollable .pht02 {
			max-width: 130%;
			width: 130%;
		}
}


	
	
/* know05
--------------------- */
#know05 ul.data li {
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
}
#know05 ul.data li:nth-child(3) {
	margin-right: 0;
}
#know05 ul.data li:nth-child(5) {
	width: 66%;
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	#know05 ul.data li {
		width: 48%;
		margin-right: 4%;
		margin-top: 4%;
	}
	#know05 ul.data li:nth-child(3) {
		margin-right: 4%;
	}
	#know05 ul.data li:nth-child(2n) {
		margin-right: 0;
	}
	#know05 ul.data li:nth-child(5) {
		width: 100%;
	}
}


	
	
/* produce
--------------------- */
.produce .p-title {
	margin-bottom: 100px;
	text-align: center;
}
	.produce .p-title .head {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 8px;
	}

	.produce .p-title h2 {
		font-size: 4.0rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 40px;
	}

	.produce .p-title .maintitle {
		padding: 120px 20px;
		font-size: 3.4rem;
		font-weight: 700;
		line-height: 1;
	}
	#ship .p-title .maintitle {
		background: url("../img/produce/ship_mainpht.webp") no-repeat center / cover;
	}
	#industry .p-title .maintitle {
		background: url("../img/produce/industry_mainpht.webp") no-repeat center / cover;
	}

.produce .as {
	margin-bottom: 80px;
}
	.produce .as .box {
		width: 47.5%;
		text-align: center;
		padding: 0 40px 40px 40px;
	}
	.produce .as .box.white {
		border: solid 3px #fff;
	}
	.produce .as .box.yellow {
		border: solid 3px #FFFF00;
	}
	.produce .as .box.black {
		border: solid 3px #231816;
	}
	.produce .as .box.blue {
		border: solid 3px #004DFF;
	}
		.produce .as .box .head {
			margin-bottom: 20px;
		}
			.produce .as .box .head h3 {
				margin-top: -22px;
				margin-bottom: 5px;
			}
				.produce .as .box .head h3 span {
					display: inline-block;
					padding: 0 20px;
				}
				.produce .as .box.white .head h3 span,
				.produce .as .box.yellow .head h3 span {
					background: #004DFF;
				}
				.produce .as .box.black .head h3 span,
				.produce .as .box.blue .head h3 span {
					background: #fff;
				}
			.produce .as .box .head .en {
				font-size: 1.2rem;
				font-weight: 700;
				line-height: 1;
			}

		.produce .as .box .txt {
			font-size: 1.8rem;
			line-height: 1.7em;
		}

.produce .economy {
	margin-bottom: 80px;
	text-align: center;
}
	.produce .economy .pht {
		max-width: 800px;
		margin: 25px auto 0 auto;
	}

.produce .function {
	margin-bottom: 80px;
}
	.produce .function h3 {
		text-align: center;
		margin-bottom: 0;
	}

	.produce .function .list .box {
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.produce .function .list .box:nth-child(2n) {
		margin-right: 0;
	}
		.produce .function .list .box .text {
			padding-top: 20px;
			padding-left: 30px;
			position: relative;
		}
			.produce .function .list .box .text .en {
				font-size: 1.2rem;
				line-height: 1;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 27px;
				left: 0;
			}

			.produce .function .list .box .text h4 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 8px;
			}

.produce .topics .head {
	font-size: 7.6rem;
	font-weight: 700;
	text-align: center;
	line-height: 0.7;
}
.produce .topics .border {
	padding: 35px 80px 40px 80px;
}
.produce .topics .border-yellow {
	border: solid 3px #FFFF00;
}
.produce .topics .border-blue {
	border: solid 3px #004DFF;
}
	.produce .topics .border h3 {
		text-align: center;
		margin-bottom: 30px;
	}

	.produce .topics .border .list .achievements {
		width: 47.5%;
	}
		.produce .topics .border .list .achievements h4 {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: 15px;
		}

		.produce .topics .border .list .achievements .year {
			font-size: 1.8rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: 3px;
		}

		.produce .topics .border .list .achievements .number {
			font-size: 6.8rem;
			font-weight: 700;
			line-height: 1;
			margin-top: 10px;
		}
			.produce .topics .border .list .achievements .number span {
				font-size: 4.4rem;
			}

	.produce .topics .border .list .field {
		width: 47.5%;
	}
		.produce .topics .border .list .field h4 {
			font-size: 2.0rem;
			text-align: center;
			line-height: 1;
			padding: 10px 10px;
			margin-bottom: 15px;
		}

		.produce .topics .border .list .field ul.icon-list li {
			font-size: 1.6rem;
			line-height: 1.6em;
			padding-left: 14px;
			margin-bottom: 8px;
			position: relative;
		}
		.produce .topics .border .list .field ul.icon-list li:before {
			content: "";
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #B1C8FF;
			position: absolute;
			top: 9px;
			left: 0;
		}
			.produce .topics .border .list .field ul.icon-list li span {
				font-size: 2.0rem;
				font-weight: 500;
			}

		.produce .topics .border .list .field ul.field-list li {
			width: 48%;
			margin-top: 20px;
			margin-right: 4%;
		}
		.produce .topics .border .list .field ul.field-list li:nth-child(2n) {
			margin-right: 0;
		}
			.produce .topics .border .list .field ul.field-list li h5 {
				font-size: 1.7rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-top: 8px;
			}

.produce .contribution {
	margin-bottom: 80px;
}
	.produce .contribution h3 {
		text-align: center;
		margin-bottom: 0;
	}

	.produce .contribution .list .box {
		width: 22.7%;
		margin-right: 3%;
		margin-top: 30px;
	}
	.produce .contribution .list .box:nth-child(4n) {
		margin-right: 0;
	}
		.produce .contribution .list .box h4 {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: 15px;
			margin-bottom: 5px;
		}
@media screen and (max-width: 1024px) {
	.produce .p-title {
		margin-bottom: 6vh;
	}
		.produce .p-title .head {
			font-size: 2.2vw;
			margin-bottom: 1vw;
		}

		.produce .p-title h2 {
			font-size: 4.6vw;
			margin-bottom: 4vw;
		}

		.produce .p-title .maintitle {
			padding: 12vw 5vw;
			font-size: 4.0vw;
		}

	.produce .as {
		margin-bottom: 7vw;
	}
		.produce .as .box {
			padding: 0 2vw 4vw 2vw;
		}
			.produce .as .box .head {
				margin-bottom: 2vw;
			}
				.produce .as .box .head h3 {
					margin-top: -2.7vw;
					margin-bottom: 0.7vw;
				}
					.produce .as .box .head h3 span {
						padding: 0 2vw;
					}
				.produce .as .box .head .en {
					font-size: 1.4vw;
				}

			.produce .as .box .txt {
				font-size: 2.0vw;
			}

	.produce .economy {
		margin-bottom: 7vw;
	}
		.produce .economy .pht {
			margin: 2vw auto 0 auto;
		}

	.produce .function {
		margin-bottom: 7vw;
	}
		.produce .function .list .box {
			margin-top: 3vw;
		}
			.produce .function .list .box .text {
				padding-top: 2vw;
				padding-left: 4vw;
			}
				.produce .function .list .box .text .en {
					font-size: 1.4vw;
					top: 3vw;
				}

				.produce .function .list .box .text h4 {
					font-size: 2.8vw;
					margin-bottom: 0.6vw;
				}

	.produce .topics .head {
		font-size: 7.0vw;
	}
	.produce .topics .border {
		padding: 4vw 6vw 4vw 6vw;
	}
		.produce .topics .border h3 {
			margin-bottom: 3.5vw;
		}

		.produce .topics .border .list .achievements h4 {
			font-size: 2.8vw;
			margin-top: 2vw;
		}

		.produce .topics .border .list .achievements .year {
			font-size: 2.2vw;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: 0.2vw;
		}

		.produce .topics .border .list .achievements .number {
			font-size: 6.6vw;
			font-weight: 700;
			line-height: 1;
			margin-top: 1vw;
		}
			.produce .topics .border .list .achievements .number span {
				font-size: 4.2vw;
			}

	.produce .topics .border .list .field h4 {
		font-size: 2.4vw;
		padding: 1vw;
		margin-bottom: 1.5vw;
	}

	.produce .topics .border .list .field ul.icon-list li {
		font-size: 1.8vw;
		padding-left: 2vw;
		margin-bottom: 1vw;
	}
	.produce .topics .border .list .field ul.icon-list li:before {
		width: 1vw;
		height: 1vw;
		top: 1vw;
	}
		.produce .topics .border .list .field ul.icon-list li span {
			font-size: 2.2vw;
		}

	.produce .topics .border .list .field ul.field-list li {
		margin-top: 2vw;
	}
		.produce .topics .border .list .field ul.field-list li h5 {
			font-size: 1.8vw;
			margin-top: 1vw;
		}

	.produce .contribution {
		margin-bottom: 7vw;
	}
		.produce .contribution .list .box {
			width: 47%;
			margin-right: 5%;
			margin-top: 3vw;
		}
		.produce .contribution .list .box:nth-child(2n) {
			margin-right: 0;
		}
			.produce .contribution .list .box h4 {
				font-size: 2.6vw;
				margin-top: 2vw;
				margin-bottom: 0.7vw;
			}
}
@media screen and (max-width: 767px) {
	.produce .p-title {
		margin-bottom: 8vh;
	}
		.produce .p-title .head {
			font-size: 4.0vw;
			margin-bottom: 2vw;
		}

		.produce .p-title h2 {
			font-size: 6.6vw;
			margin-bottom: 6vw;
		}

		.produce .p-title .maintitle {
			padding: 18vw 2vw;
			font-size: 6.0vw;
		}

	.produce .as {
		display: block;
		margin-bottom: 11vw;
	}
		.produce .as .box {
			width: 100%;
			padding: 0 8vw 7vw 8vw;
		}
		.produce .as .box:nth-child(1) {
			margin-bottom: 10vw;
		}
			.produce .as .box .head {
				margin-bottom: 5vw;
			}
				.produce .as .box .head h3 {
					margin-top: -4.1vw;
					margin-bottom: 1vw;
				}
					.produce .as .box .head h3 span {
						padding: 0 4vw;
					}
				.produce .as .box .head .en {
					font-size: 3.0vw;
				}

			.produce .as .box .txt {
				font-size: 3.8vw;
				text-align: left;
			}

	.produce .economy {
		margin-bottom: 11vw;
	}
		.produce .economy .pht {
			margin: 4vw auto 0 auto;
		}

	.produce .function {
		display: block;
		margin-bottom: 11vw;
	}
		.produce .function .list .box {
			width: 100%;
			margin-right: 0;
			margin-top: 7vw;
		}
		.produce .function .list .box:nth-child(1) {
			margin-top: 4vw;
		}
			.produce .function .list .box .text {
				padding-top: 5vw;
				padding-left: 7vw;
			}
				.produce .function .list .box .text .en {
					font-size: 2.8vw;
					top: 6vw;
				}

				.produce .function .list .box .text h4 {
					font-size: 5.0vw;
					margin-bottom: 2vw;
				}

	.produce .topics .border {
		padding: 4.5vw 7vw 6vw 7vw;
	}
		.produce .topics .border h3 {
			margin-bottom: 4.5vw;
		}

		.produce .topics .border .list {
			display: block;
		}
			.produce .topics .border .list .achievements {
				width: 100%;
			}
			.produce .topics .border .list .achievements:nth-child(1) {
				margin-bottom: 6vw;
			}
				.produce .topics .border .list .achievements h4 {
					font-size: 4.8vw;
					margin-top: 3vw;
				}

				.produce .topics .border .list .achievements .year {
					font-size: 3.6vw;
					margin-top: 0.4vw;
				}

				.produce .topics .border .list .achievements .number {
					font-size: 7.6vw;
					margin-top: 2vw;
				}
					.produce .topics .border .list .achievements .number span {
						font-size: 5.2vw;
					}

		.produce .topics .border .list .field {
			width: 100%;
		}
		.produce .topics .border .list .field:nth-child(1) {
			margin-bottom: 6vw;
		}
			.produce .topics .border .list .field h4 {
				font-size: 4.4vw;
				padding: 1.5vw;
				margin-bottom: 3vw;
			}

			.produce .topics .border .list .field ul.icon-list li {
				font-size: 3.4vw;
				padding-left: 3vw;
				margin-bottom: 1.5vw;
			}
			.produce .topics .border .list .field ul.icon-list li:nth-last-child(1) {
				margin-bottom: 0;
			}
			.produce .topics .border .list .field ul.icon-list li:before {
				width: 2vw;
				height: 2vw;
				top: 1.8vw;
			}
				.produce .topics .border .list .field ul.icon-list li span {
					font-size: 4.0vw;
				}

			.produce .topics .border .list .field ul.field-list li {
				margin-top: 4vw;
			}
				.produce .topics .border .list .field ul.field-list li h5 {
					font-size: 3.2vw;
					margin-top: 2vw;
				}

	.produce .contribution {
		margin-bottom: 11vw;
	}
		.produce .contribution .list .box {
			margin-top: 5vw;
		}
			.produce .contribution .list .box h4 {
				font-size: 4.6vw;
				margin-top: 3vw;
				margin-bottom: 1vw;
			}
}




/* base
--------------------- */
#base .row .map {
	width: 700px;
	margin: -300px auto 0 auto;
}
@media screen and (max-width: 1024px) {
	#base .row .map {
		width: 80%;
		margin: -18vw 0 0 20%;
	}
}
@media screen and (max-width: 767px) {
	#base .row .map {
		width: 100%;
		margin: 0 0 0 0;
	}
}




/* location
--------------------- */
#location {
	width: 100%;
	position: relative;
}
#location:before {
	content: "";
	width: 100%;
	height: 30px;
	background: #004DFF;
	position: absolute;
	top: 0;
	left: 0;
}
	#location .tab {
		margin-bottom: 100px;
	}
		#location .tab li {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 23.5%;
			height: 60px;
			background: #fff;
			border: solid 1px #004DFF;
			font-size: 1.8rem;
			font-weight: 500;
			line-height: 1.1em;
			text-align: center;
			color: #004DFF;
			cursor: pointer;
		}
		#location .tab li.select {
			background: #004DFF;
			border: solid 1px #fff;
			color: #FFFF00;
		}
			#location .tab li span span {
				font-size: 1.3rem;
			}

	#location .hide {
		display: none;
	}
		#location .tab-cont .row {
			margin-bottom: 70px;
		}
		#location .tab-cont .row:nth-last-child(1) {
			margin-bottom: 0;
		}
			#location .tab-cont .row .mainpht {
				margin-top: 40px;
				margin-bottom: 25px;
			}

			#location .tab-cont .row .list .box {
				width: 30%;
				margin-right: 5%;
				margin-bottom: 40px;
			}
			#location .tab-cont .row .list .box:nth-child(3n) {
				margin-right: 0;
			}
				#location .tab-cont .row .list .box h3 {
					font-size: 1.8rem;
					font-weight: 700;
					color: #004DFF;
					line-height: 1.3em;
					margin-top: 15px;
				}
@media screen and (max-width: 1024px) {
	#location:before {
		height: 3vw;
	}
		#location .tab {
			margin-bottom: 10vw;
		}
			#location .tab li {
				width: 23.5%;
				height: 6vw;
				font-size: 1.8vw;
			}
				#location .tab li span span {
					font-size: 1.3vw;
				}

		#location .tab-cont .row {
			margin-bottom: 7vw;
		}
			#location .tab-cont .row .mainpht {
				margin-top: 4vw;
				margin-bottom: 2.5vw;
			}

			#location .tab-cont .row .list .box {
				margin-bottom: 4vw;
			}
				#location .tab-cont .row .list .box h3 {
					font-size: 1.8vw;
					margin-top: 1.5vw;
				}
}
@media screen and (max-width: 767px) {
	#location:before {
		height: 7vw;
	}
		#location .tab {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 10vw;
		}
			#location .tab li {
				width: 48%;
				margin-right: 4%;
				height: 14vw;
				font-size: 3.8vw;
				margin-bottom: 4%;
			}
			#location .tab li:nth-child(2n) {
				margin-right: 0;
			}
				#location .tab li span span {
					font-size: 3.0vw;
				}

		#location .tab-cont .row {
			margin-bottom: 10vw;
		}
			#location .tab-cont .row .mainpht {
				margin-top: 4vw;
				margin-bottom: 2.5vw;
			}

			#location .tab-cont .row .list .box {
				width: 48%;
				margin-right: 4%;
				margin-bottom: 7vw;
			}
			#location .tab-cont .row .list .box:nth-child(3n) {
				margin-right: 4%;
			}
			#location .tab-cont .row .list .box:nth-child(2n) {
				margin-right: 0;
			}
				#location .tab-cont .row .list .box h3 {
					font-size: 3.8vw;
					margin-top: 3vw;
				}
}