/*
Theme Name: worksjapan
Description: worksjapan
Version: 1.0
Author: worksjapan
*/


	
	
/* kv
--------------------- */
#kv {
	width: 100%;
	overflow: hidden;
	position: relative;
}
	#kv h2  {
		font-size: 1.8vw;
		line-height: 1.6em;
		font-weight: 500;
		letter-spacing: 0.1em;
		position: absolute;
		top: 42%;
		left: 50%;
		z-index: 2;
	}

	#kv .copy-en {
		padding: 0 5vw 2vw 5vw;
		font-size: 7.9vw;
		letter-spacing: 0;
		line-height: 1;
		font-weight: 500;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}
		#kv .copy-en .padding {
			margin-right: 2vw;
		}

		#kv .copy-en .padding {
			margin-right: 2vw;
		}

	#kv .swiper-container {
		width: 100%;
		height: 100vh;
		height: 100dvh;
		transition: opacity 0.6s ease, transform 0.3s ease;
	}
		#kv .swiper-container .swiper-slide {
			width: 100%;
			overflow: hidden;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#kv .swiper-container .swiper-slide-active {
			animation: zoom-in 10s linear infinite;
		}
		#kv .swiper-container .swiper-slide-prev {
			animation: zoom-in 10s linear infinite;
		}
			#kv .swiper-container .swiper-slide .slide-bgimg {
				width: 100%;
				height: 100vh;
			}
			#kv .swiper-container .swiper-slide .entity-img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@media screen and (max-width: 1024px) {
	#kv h2  {
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 767px) {
	#kv h2  {
		font-size: 4.0vw;
		line-height: 1.8em;
		left: 8vw;
	}

	#kv .copy-en  {
		padding: 0 8vw 8vw 8vw;
		font-size: 10vw;
		line-height: 1.2em;
	}
}


	
	
/* mcb
--------------------- */
#mcb .text h3 {
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.6em;
}

#mcb .list {
	margin-top: 120px;
}
	#mcb .list .box {
		width: 30%;
		height: 100%;
		border-radius: 50%;
		border: solid 1px rgba(255,255,255,0.1);
		aspect-ratio: 1 / 1;
		text-align: center;
		position: relative;
	}
	#mcb .list .box:before {
		content: "";
		width: 97%;
		height: 97%;
		border-radius: 50%;
		border: solid 1px rgba(255,255,255,0.3);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	#mcb .list .box:after {
		content: "";
		width: 94%;
		height: 94%;
		border-radius: 50%;
		border: solid 1px rgba(255,255,255,0.5);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
		#mcb .list .box .head {
			font-size: 1.4rem;
			line-height: 1;
			font-weight: 500;
			padding-top: 90px;
			padding-bottom: 25px;
			margin-bottom: 40px;
			position: relative;
		}
		#mcb .list .box .head:before {
			content: "";
			width: 32px;
			height: 1px;
			background: rgba(255,255,255,0.5);
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -16px;
		}

		#mcb .list .box h3 {
			font-size: 2.2rem;
			line-height: 1.5em;
			font-weight: 500;
			background-image: linear-gradient(
			70deg,
			rgb(255, 255, 255, 1) 45%,
			rgb(255, 255, 255, 0.3) 50%,
			rgb(255, 255, 255, 1) 55%
			);
			background-size: 500% 100%;
			background-clip: text;
			-webkit-background-clip: text;
			color: transparent;
			animation: shine 5s infinite;
		}
		@keyframes shine {
		  0% {
			background-position: 100% 50%;
		  }
		  100% {
			background-position: 0% 50%;
		  }
		}
			#mcb .list .box h3 span {
				font-size: 1.5rem;
			}
@media screen and (max-width: 1380px) {
	#mcb .list .box {
		width: 31%;
	}
		#mcb .list .box .head {
			padding-top: 4vw;
		}
}
@media screen and (max-width: 1024px) {
	#mcb .text {
		display: block;
	}
		#mcb .text h3 {
			font-size: 3.2vw;
			margin-bottom: 4vw;
		}
			#mcb .text h2 br.pc {
				display: none;
			}

	#mcb .list {
		margin-top: 10vw;
	}
		#mcb .list .box .head {
			font-size: 1.4vw;
			padding-top: 5vw;
			padding-bottom: 2.5vw;
			margin-bottom: 2.5vw;
		}
		#mcb .list .box .head:before {
			width: 3.2vw;
			margin-left: -1.6vw;
		}

		#mcb .list .box h3 {
			font-size: 2.2vw;
		}
			#mcb .list .box h3 span {
				font-size: 1.5vw;
			}
}
@media screen and (max-width: 767px) {
	#mcb .text h3 {
		font-size: 5.6vw;
		margin-bottom: 6vw;
	}
		#mcb .text h2 br.pc {
			display: block !important;
		}

	#mcb .list {
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#mcb .list .box {
			width: 47%;
		}
		#mcb .list .box:nth-child(1) {
			margin-right: 5%;
		}
			#mcb .list .box .head {
				font-size: 3.0vw;
				padding-top: 7vw;
				padding-bottom: 2.5vw;
				margin-bottom: 2vw;
			}
			#mcb .list .box .head:before {
				width: 6vw;
				margin-left: -3vw;
			}

			#mcb .list .box h3 {
				font-size: 3.8vw;
			}
				#mcb .list .box h3 span {
					font-size: 3.0vw;
				}
}


	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: 60px;
}
	.top-title .head {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.3em;
		margin-bottom: 10px;
	}

	.top-title h2 {
		font-size: 6.0rem;
		font-weight: 500;
		line-height: 1.3em;
	}
@media screen and (max-width: 1024px) {
	.top-title {
		margin-bottom: 6vw;
	}
		.top-title .head {
			font-size: 1.8vw;
			margin-bottom: 1vw;
		}

		.top-title h2 {
			font-size: 6.0vw;
		}
}
@media screen and (max-width: 767px) {
	.top-title {
		margin-bottom: 7vw;
	}
		.top-title .head {
			font-size: 3.8vw;
			margin-bottom: 2vw;
		}

		.top-title h2 {
			font-size: 8.0vw;
		}
}


	
	
/* business
--------------------- */
#business .title-area {
	border-top: solid 1px rgba(255,255,255,0.5);
}
	#business .title-area .p-title {
		width: 45%;
		margin-bottom: 0;
	}

	#business .title-area .text {
		width: 55%;
	}

#business a.linkbox {
	border-radius: 6px;
	overflow: hidden;
	background: rgba(255,255,255,0.3);
	margin-bottom: 25px;
}
#business a.linkbox:nth-last-child(1) {
	margin-bottom: 0;
}
	#business a.linkbox .text {
		width: 45%;
		padding: 50px;
		position: relative;
	}
		#business a.linkbox .text h3 {
			font-size: 4.0rem;
			font-weight: 500;
			line-height: 1;
			margin-bottom: 10px;
		}
		#business a.linkbox .text .jp {
			font-size: 2.0rem;
			font-weight: 500;
			line-height: 1;
		}

		#business a.linkbox .text .read {
			font-size: 1.5rem;
			line-height: 1.8em;
			position: absolute;
			bottom: 50px;
			left: 50px;
		}

	#business a.linkbox .pht {
		width: 55%;
		position: relative;
	}
		#business a.linkbox .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		#business a.linkbox .pht .btn-white {
			position: absolute;
			bottom: 25px;
			right: 25px;
		}
@media screen and (max-width: 1024px) {
	#business a.linkbox {
		margin-bottom: 2.5vw;
	}
		#business a.linkbox .text {
			padding: 4vw;
		}
			#business a.linkbox .text h3 {
				font-size: 4.0vw;
				margin-bottom: 1vw;
			}
			#business a.linkbox .text .jp {
				font-size: 2.0vw;
			}

			#business a.linkbox .text .read {
				font-size: 1.5vw;
				bottom: 4vw;
				left: 4vw;
			}

		#business a.linkbox .pht .btn-white {
			bottom: 2.5vw;
			right: 2.5vw;
		}
}
@media screen and (max-width: 767px) {
	#business .title-area {
		display: block;
	}
		#business .title-area .p-title {
			width: 100%;
			margin-bottom: 7vw;
		}
	
		#business .title-area .text {
			width: 100%;
			margin-bottom: -3vw;
		}

#business a.linkbox {
	display: block;
	margin-bottom: 8vw;
}
	#business a.linkbox .text {
		width: 100%;
		padding: 7vw;
	}
		#business a.linkbox .text h3 {
			font-size: 6.0vw;
			margin-bottom: 1vw;
		}
		#business a.linkbox .text .jp {
			font-size: 4.0vw;
		}

		#business a.linkbox .text .read {
			margin-top: 5vw;
			font-size: 3.4vw;
			position: static;
		}

	#business a.linkbox .pht {
		width: 100%;
	}
		#business a.linkbox .pht .btn-white {
			bottom: 2.5vw;
			right: 2.5vw;
		}
}


	
	
/* news
--------------------- */
#news .column .cell {
	width: 48%;
	position: relative;
}
	#news .column .cell h3 {
		font-size: 2.0rem;
		font-weight: 500;
		line-height: 1.3em;
		margin-bottom: 30px;
	}

	#news .column .cell .news-list a.linkbox {
		display: block;
		background: #fff;
		padding: 25px;
		margin-bottom: 15px;
	}
	#news .column .cell .news-list a.linkbox:hover {
		opacity: 0.7;
	}
	#news .column .cell .news-list a.linkbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#news .column .cell .news-list a.linkbox .info {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			line-height: 1;
			margin-bottom: 20px;
		}
			#news .column .cell .news-list a.linkbox .info time {
				font-size: 1.4rem;
				font-weight: 400;
				color: #A2A2A2;
				margin-right: 25px;
			}

			#news .column .cell .news-list a.linkbox .info .cat {
				font-size: 1.3rem;
			}

		#news .column .cell .news-list a.linkbox h4 {
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.8em;
		}

	#news .column .cell.news-release .news-list a.linkbox h4 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	#news .column .cell.event .news-list a.linkbox {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px 0 7px 7px;
	}
		#news .column .cell.event .news-list a.linkbox .pht {
			width: 45%;
			aspect-ratio: 16 / 9;
			overflow: hidden;
		}
			#news .column .cell.event .news-list a.linkbox .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#news .column .cell.event .news-list a.linkbox .text {
			width: 55%;
			padding: 24px;
		}
			#news .column .cell.event .news-list a.linkbox .text h4 {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}

	#news .column .cell .btn-border {
		position: absolute;
		top: -5px;
		right: 0;
	}
@media screen and (max-width: 1024px) {
	#news .column .cell h3 {
		font-size: 2.0vw;
		margin-bottom: 3vw;
	}

	#news .column .cell .news-list a.linkbox {
		padding: 2.5vw;
		margin-bottom: 1.5vw;
	}
		#news .column .cell .news-list a.linkbox .info {
			margin-bottom: 1.5vw;
		}
			#news .column .cell .news-list a.linkbox .info time {
				font-size: 1.4vw;
				margin-right: 2.5vw;
			}

			#news .column .cell .news-list a.linkbox .info .cat {
				font-size: 1.3vw;
			}

		#news .column .cell .news-list a.linkbox h4 {
			font-size: 1.4vw;
			line-height: 1.5em;
		}

		#news .column .cell.event .news-list a.linkbox .pht {
			width: 35%;
		}

		#news .column .cell.event .news-list a.linkbox .text {
			width: 65%;
			padding: 3vw 2.5vw;
		}
			#news .column .cell.event .news-list a.linkbox h4 {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}

	#news .column .cell .btn-border {
		top: -0.5vw;
	}
}
@media screen and (max-width: 767px) {
	#news .column {
		display: block;
	}
		#news .column .cell {
			width: 100%;
			margin-bottom: 10vw;
		}
		#news .column .cell:nth-last-child(1) {
			margin-bottom: 0;
		}
			#news .column .cell h3 {
				font-size: 4.6vw;
				margin-bottom: 5vw;
			}

			#news .column .cell .news-list a.linkbox {
				padding: 5vw;
				margin-bottom: 3vw;
			}
				#news .column .cell .news-list a.linkbox .info {
					display: block;
					margin-bottom: 3vw;
				}
					#news .column .cell .news-list a.linkbox .info time {
						display: block;
						font-size: 3.2vw;
						margin-right: 0;
						margin-bottom: 1vw;
					}

					#news .column .cell .news-list a.linkbox .info .cat {
						display: block;
						font-size: 3.0vw;
					}

				#news .column .cell .news-list a.linkbox h4 {
					font-size: 3.4vw;
					line-height: 1.5em;
				}

				#news .column .cell.event .news-list a.linkbox .pht {
					width: 35%;
				}

				#news .column .cell.event .news-list a.linkbox .text {
					width: 65%;
					padding: 4vw;
				}
					#news .column .cell.event .news-list a.linkbox h4 {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
					}

			#news .column .cell .btn-border {
				position: static;
				margin-top: 6vw;
			}
}


	
	
/* award
--------------------- */
#award .list {
	border-top: solid 1px #ddd;
}
	#award .list .box {
		width: 31%;
		margin-right: 3.5%;
	}
	#award .list .box {
		margin-top: 70px;
	}
	#award .list .box:nth-child(3n) {
		margin-right: 0;
	}
		#award .list .box .pht {
			overflow: hidden;
			box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2);
			border-radius: 6px;
			margin-bottom: 15px;
		}

		#award .list .box h3 {
			font-size: 1.3rem;
			font-weight: 400;
			line-height: 1.6em;
		}

		#award .list .box p {
			font-size: 1.3rem;
			line-height: 1.8em;
		}

#award .sub-txt {
	margin-top: 30px;
}
@media screen and (max-width: 1024px) {
	#award .list .box {
		margin-top: 7vw;
	}
		#award .list .box .pht {
			margin-bottom: 1.5vw;
		}

		#award .list .box h3 {
			font-size: 1.3vw;
		}

		#award .list .box p {
			font-size: 1.3vw;
		}

	#award .sub-txt {
		margin-top: 3vw;
	}
}
@media screen and (max-width: 767px) {
	#award .list {
		display: block;
	}
		#award .list .box {
			width: 100%;
			margin-right: 0;
			margin-top: 8vw;
		}
		#award .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#award .list .box .pht {
				margin-bottom: 3vw;
			}

			#award .list .box h3 {
				font-size: 3.2vw;
				letter-spacing: 0;
			}

			#award .list .box p {
				font-size: 3.2vw;
				line-height: 1.5em;
			}

	#award .sub-txt {
		margin-top: 6vw;
	}
}


	
	
/* recruit
--------------------- */
#recruit .btn-recruit {
	width: 48%;
	margin-right: 4%;
	border-radius: 60px;
}
#recruit .btn-recruit:nth-last-child(1) {
	margin-right: 0;
}
	#recruit .btn-recruit a {
		display: block;
		width: 100%;
		height: 120px;
		background: url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 10px center / 100px;
		border-radius: 60px;
		font-size: 2.6rem;
		font-weight: 500;
		text-align: center;
		line-height: 120px;
	}
	#recruit .btn-recruit a:hover {
		background: #313131 url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 0 center / 100px;
	}
@media screen and (max-width: 1024px) {
	#recruit .btn-recruit {
		border-radius: 6vw;
	}
		#recruit .btn-recruit a {
			height: 12vw;
			background: url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 1vw center / 10vw;
			border-radius: 6vw;
			font-size: 2.6vw;
			line-height: 12vw;
		}
		#recruit .btn-recruit a:hover {
			background: #313131 url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 0 center / 10vw;
		}
}
@media screen and (max-width: 767px) {
	#recruit .btn-recruit {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6vw;
		border-radius: 10vw;
	}
	#recruit .btn-recruit:nth-last-child(1) {
		margin-bottom: 0;
	}
		#recruit .btn-recruit a {
			height: 20vw;
			background: url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 1vw center / 16vw;
			border-radius: 10vw;
			font-size: 5vw;
			line-height: 20vw;
		}
		#recruit .btn-recruit a:hover {
			background: #313131 url("/wp-content/uploads/2026/01/btn_recruit.svg") no-repeat right 0 center / 16vw;
		}
}




/* news-release
--------------------- */
#news-release .contents {
	width: -webkit-calc(100% - 370px);
	width: calc(100% - 370px);
}
	#news-release .contents .event-list a.linkbox {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
	}
	#news-release .contents .event-list a.linkbox:hover {
		opacity: 0.7;
	}
	#news-release .contents .event-list a.linkbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#news-release .contents .event-list a.linkbox .text {
			width: -webkit-calc(100% - 260px);
			width: calc(100% - 260px);
			padding: 0 24px;
		}
			#news-release .contents .event-list a.linkbox .info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				line-height: 1;
				margin-bottom: 20px;
			}
				#news-release .contents .event-list a.linkbox .info time {
					font-size: 1.4rem;
					font-weight: 400;
					color: #A2A2A2;
					margin-right: 25px;
				}

				#news-release .contents .event-list a.linkbox .info .cat {
					font-size: 1.3rem;
				}

			#news-release .contents .event-list a.linkbox h4 {
				font-size: 1.6rem;
				font-weight: 500;
				line-height: 1.8em;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}

	#news-release .contents .event-list a.linkbox .pht {
		width: 260px;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		border-radius: 8px;
	}
		#news-release .contents .event-list a.linkbox .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}


	#news-release .contents .news-list a.linkbox {
		display: block;
		background: #fff;
		padding: 35px 25px 30px 25px;
		border-bottom: solid 1px #ddd;
	}
	#news-release .contents .news-list a.linkbox:hover {
		opacity: 0.7;
	}
	#news-release .contents .news-list a.linkbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#news-release .contents .news-list a.linkbox .info {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			line-height: 1;
			margin-bottom: 20px;
		}
			#news-release .contents .news-list a.linkbox .info time {
				font-size: 1.4rem;
				font-weight: 400;
				color: #A2A2A2;
				margin-right: 25px;
			}

			#news-release .contents .news-list a.linkbox .info .cat {
				font-size: 1.3rem;
			}

		#news-release .contents .news-list a.linkbox h4 {
			font-size: 1.6rem;
			font-weight: 500;
			line-height: 1.8em;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}

#news-release .sidenav {
	width: 300px;
}
	#news-release .sidenav .cell {
		margin-bottom: 60px;
	}
		#news-release .sidenav .cell h3 {
			font-size: 2.6rem;
			line-height: 1;
			margin-bottom: 15px;
		}

		#news-release .sidenav .cell ul {
			border-bottom: solid 1px #ddd;
		}
			#news-release .sidenav .cell ul li {
				width: 100%;
				border: none;
				border-top: solid 1px #ddd;
			}
				#news-release .sidenav .cell ul li a {
					display: block;
					background: url("/common/img/icon_arrow_blue.svg") no-repeat right 15px center;
					font-size: 1.4rem;
					letter-spacing: 0.1em;
					text-align: left;
					cursor: pointer;
					padding: 15px 10px;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#news-release .sidenav .cell ul li a:hover {
					background: url("/common/img/icon_arrow_blue.svg") no-repeat right 10px center;
					color: #0092E5;
				}
@media screen and (max-width: 1024px) {
	#news-release .contents {
		width: 65%;
	}
		#news-release .contents .event-list a.linkbox {
			margin-bottom: 4vw;
		}
			#news-release .contents .event-list a.linkbox .text {
				width: 65%;
				padding: 0 2.4vw;
			}
				#news-release .contents .event-list a.linkbox .info {
					margin-bottom: 1vw;
				}
					#news-release .contents .event-list a.linkbox .info time {
						font-size: 1.4vw;
						margin-right: 2.5vw;
					}

					#news-release .contents .event-list a.linkbox .info .cat {
						font-size: 1.3vw;
					}

				#news-release .contents .event-list a.linkbox h4 {
					font-size: 1.5vw;
				}

		#news-release .contents .event-list a.linkbox .pht {
			width: 35%;
			border-radius: 0.8vw;
		}


		#news-release .contents .news-list a.linkbox {
			padding: 3.5vw 2.5vw 3vw 2.5vw;
		}
			#news-release .contents .news-list a.linkbox .info {
				margin-bottom: 1vw;
			}
				#news-release .contents .news-list a.linkbox .info time {
					font-size: 1.4vw;
					margin-right: 2.5vw;
				}

				#news-release .contents .news-list a.linkbox .info .cat {
					font-size: 1.3vw;
				}

			#news-release .contents .news-list a.linkbox h4 {
				font-size: 1.5vw;
			}

	#news-release .sidenav {
		width: 30%;
	}
		#news-release .sidenav .cell {
			margin-bottom: 6vw;
		}
			#news-release .sidenav .cell h3 {
				font-size: 2.4vw;
				margin-bottom: 1.5vw;
			}

			#news-release .sidenav .cell ul li a {
				background: url("/common/img/icon_arrow_blue.svg") no-repeat right 1.5vw center / 0.6vw;
				font-size: 1.4vw;
				padding: 1.5vw 1.0vw;
			}
			#news-release .sidenav .cell ul li a:hover {
				background: url("/common/img/icon_arrow_blue.svg") no-repeat right 1vw center / 0.6vw;
			}
}
@media screen and (max-width: 767px) {
	#news-release .inner_1220 {
		display: block;
	}
		#news-release .contents {
			width: 100%;
			margin-bottom: 15vw;
		}
			#news-release .contents .event-list a.linkbox {
				display: block;
				margin-bottom: 10vw;
			}
				#news-release .contents .event-list a.linkbox .text {
					width: 100%;
					padding: 6vw 4vw 0 4vw;
				}
					#news-release .contents .event-list a.linkbox .info {
						margin-bottom: 3vw;
					}
						#news-release .contents .event-list a.linkbox .info time {
							font-size: 3.2vw;
						}

						#news-release .contents .event-list a.linkbox .info .cat {
							font-size: 3.2vw;
						}

					#news-release .contents .event-list a.linkbox h4 {
						font-size: 3.8vw;
						line-height: 1.5em;
					}

			#news-release .contents .event-list a.linkbox .pht {
				width: 100%;
				border-radius: 1.6vw;
			}


			#news-release .contents .news-list a.linkbox {
				padding: 7vw 2vw 7vw 2vw;
			}
				#news-release .contents .news-list a.linkbox .info {
					margin-bottom: 3vw;
				}
					#news-release .contents .news-list a.linkbox .info time {
						font-size: 3.2vw;
					}

					#news-release .contents .news-list a.linkbox .info .cat {
						font-size: 3.2vw;
					}

				#news-release .contents .news-list a.linkbox h4 {
					font-size: 3.8vw;
					line-height: 1.5em;
					-webkit-line-clamp: 3;
				}

		#news-release .sidenav {
			width: 100%;
		}
			#news-release .sidenav .cell {
				margin-bottom: 12vw;
			}
				#news-release .sidenav .cell h3 {
					font-size: 5.4vw;
					margin-bottom: 3vw;
				}

				#news-release .sidenav .cell ul li a {
					background: url("/common/img/icon_arrow_blue.svg") no-repeat right 2vw center / 2vw;
					font-size: 3.8vw;
					padding: 3vw 2vw;
				}
				#news-release .sidenav .cell ul li a:hover {
					background: url("/common/img/icon_arrow_blue.svg") no-repeat right 2vw center / 2vw;
				}
}


	
	
/* detail
--------------------- */
.detail .contents .info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
	margin-bottom: 20px;
}
	.detail .contents .info time {
		font-size: 1.4rem;
		font-weight: 400;
		color: #A2A2A2;
		margin-right: 25px;
	}

	.detail .contents .info .cat {
		font-size: 1.3rem;
	}


	.detail .contents h1 {
		font-size: 3.0rem;
		font-weight: 500;
		line-height: 1.4em;
		margin-bottom: 25px;
	}


	.detail .contents .mainpht {
		margin-bottom: 30px;
	}


	.detail .contents .btn-border {
		margin: 60px auto 0 auto;
	}


	.detail .contents .free {
		margin-bottom: 60px;
	}
	.detail .contents #event_report_body_all {
		margin-bottom: 60px;
	}
	.detail .contents #news_body_all {
		margin-bottom: 60px;
	}
		.detail .contents .news_head_text {
			font-size: 1.5rem;
		}

		.detail .contents .array {
			margin-top: 60px;
		}
		.detail .contents .free h2 {
			font-size: 2.6rem;
			font-weight: 500;
			line-height: 1.4em;
			border-left: solid 1px #ddd;
			padding-left: 15px;
			margin-top: 60px;
			margin-bottom: 18px;
		}

		.detail .contents .free h3 {
			font-size: 2.0rem;
			font-weight: 500;
			color: #004479;
			line-height: 1.4em;
			margin-top: 30px;
			margin-bottom: 10px;
		}

		.detail .contents .free #news_head_all {
			/* border: solid 1px #ddd;*/
			text-align: center;
			margin-bottom: 30px;
		}
			.detail .contents .free #news_head_all img {
				width: auto;
				max-width: 100%;
				height: 100%;
			}

		.detail .contents .free table {
			width: 100%;
			border-collapse: collapse;
		}
			.detail .contents .free table th {
				width: 75px;
				font-size: 1.5rem;
				font-weight: 500;
				padding-bottom: 5px;
				vertical-align: top;
			}
			.detail .contents .free table td {
				font-size: 1.5rem;
				padding-bottom: 5px;
				vertical-align: top;
				text-align: left;
			}
				.detail .contents .free table td a {
					color: #0B41A0;
					text-decoration: underline;
				}
				.detail .contents .free table td a:hover {
					text-decoration: none;
				}

		.detail .contents .free dl {
			margin-top: 60px;
		}
		.detail .contents .free dl dd {
			word-wrap: break-word;
			overflow-wrap: break-word;
		}

		.detail .contents .free p {
			font-size: 1.5rem;
			line-height: 30px;
			margin-bottom: 15px;
			word-wrap: break-word;
			overflow-wrap: break-word;
		}
		.detail .contents .free img {
			display: block;
			width: auto;
			max-width: 100%;
		}
			.detail .contents .free p a {
				color: #0B41A0;
				text-decoration: underline;
			}
			.detail .contents .free .pdf {
				background: url("./common/img/icon_pdf.svg") no-repeat left center / 20px;
				padding-left: 25px;
			}

			.detail .contents .free p a:hover {
				text-decoration: none;
			}

			.detail .contents .free #news_body_all a {
				font-size: 1.5rem;
				color: #0B41A0;
				text-decoration: underline;
			}
			.detail .contents .free #news_body_all a:hover {
				text-decoration: none;
			}

		.detail .contents .free .pht {
			margin-top: 25px;
			margin-bottom: 25px;
		}

		.detail .contents .free .column2 {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			.detail .contents .free .column2 li {
				width: 48%;
				margin-right: 4%;
				margin-top: 15px;
			}
			.detail .contents .free .column2 li:nth-child(2n) {
				margin-right: 0;
			}
				.detail .contents .free .column2 li p {
					padding-top: 10px;
					margin-bottom: 0;
					line-height: 26px;
				}

		.detail .contents .free .quotation {
			background: #F8F8F8 url("/common/img/quotation.svg") no-repeat 25px 30px;
			padding: 25px 25px 25px 65px;
			margin-top: 25px;
		}
			.detail .contents .free .quotation p {
				margin: 0;
			}
@media screen and (max-width: 1024px) {
	.detail .contents .info {
		margin-bottom: 2vw;
	}
		.detail .contents .info time {
			font-size: 1.4vw;
			margin-right: 2.5vw;
		}

		.detail .contents .info .cat {
			font-size: 1.3vw;
		}


		.detail .contents h1 {
			font-size: 2.8vw;
			margin-bottom: 2.5vw;
		}


		.detail .contents .mainpht {
			margin-bottom: 3vw;
		}


		.detail .contents .btn-border {
			margin: 6vw auto 0 auto;
		}


		.detail .contents .free {
			margin-bottom: 6vw;
		}
		.detail .contents #event_report_body_all {
			margin-bottom: 6vw;
		}
		.detail .contents #news_body_all {
			margin-bottom: 6vw;
		}
			.detail .contents .news_head_text {
				font-size: 1.5vw;
			}
	
			.detail .contents .array {
				margin-top: 6vw;
			}
			.detail .contents .free h2 {
				font-size: 2.4vw;
				padding-left: 1.5vw;
				margin-top: 6vw;
				margin-bottom: 1.8vw;
			}

			.detail .contents .free h3 {
				font-size: 2.0vw;
				margin-top: 3vw;
				margin-bottom: 1vw;
			}

			.detail .contents .free #news_head_all {
				/* border: solid 1px #ddd;*/
				margin-bottom: 3vw;
			}

			.detail .contents .free table th {
				width: 7.5vw;
				padding-bottom: 0.5vw;
			}
			.detail .contents .free table td {
				font-size: 1.5vw;
				padding-bottom: 0.5vw;
			}
	
			.detail .contents .free dl {
				margin-top: 6vw;
			}

			.detail .contents .free p {
				font-size: 1.5vw;
				margin-bottom: 1.5vw;
			}
				.detail .contents .free .pdf {
					background: url("/common/img/icon_pdf.svg") no-repeat left center / 2vw;
					padding-left: 2.5vw;
				}

				.detail .contents .free #news_body_all a {
					font-size: 1.5vw;
				}

			.detail .contents .free .pht {
				margin-top: 2.5vw;
				margin-bottom:  2.5vw;
			}
				.detail .contents .free .column2 li {
					margin-top: 1.5vw;
				}
					.detail .contents .free .column2 li p {
						padding-top: 1vw;
					}

			.detail .contents .free .quotation {
				background: #F8F8F8 url("/common/img/quotation.svg") no-repeat 25px 30px;
				padding: 2.5vw 2.5vw 2.5vw 6.5vw;
				margin-top: 2.5vw;
			}
}
@media screen and (max-width: 767px) {
	.detail .contents .info {
		margin-bottom: 3vw;
	}
		.detail .contents .info time {
			font-size: 3.2vw;
		}

		.detail .contents .info .cat {
			font-size: 3.2vw;
		}


		.detail .contents h1 {
			font-size: 4.8vw;
			margin-bottom: 5vw;
		}


		.detail .contents .mainpht {
			margin-bottom: 6vw;
		}


		.detail .contents .btn-border {
			margin: 10vw auto 0 auto;
		}


		.detail .contents .free {
			margin-bottom: 12vw;
		}
		.detail .contents #event_report_body_all {
			margin-bottom: 12vw;
		}
		.detail .contents #news_body_all {
			margin-bottom: 12vw;
		}
			.detail .contents .news_head_text {
				font-size: 3.8vw;
			}
	
			.detail .contents .array {
				margin-top: 12vw;
			}
			.detail .contents .free h2 {
				font-size: 4.4vw;
				padding-left: 3vw;
				margin-top: 10vw;
				margin-bottom: 4vw;
			}

			.detail .contents .free h3 {
				font-size: 4.0vw;
				margin-top: 6vw;
				margin-bottom: 2vw;
			}

			.detail .contents .free #news_head_all {
				/* border: solid 1px #ddd;*/
				margin-bottom: 6vw;
			}
	
			.detail .contents .free dl {
				margin-top: 10vw;
			}

			.detail .contents .free p {
				font-size: 3.8vw;
				margin-bottom: 3vw;
			}
				.detail .contents .free .pdf {
					background: url("/common/img/icon_pdf.svg") no-repeat left center / 4vw;
					padding-left: 5vw;
				}

				.detail .contents .free #news_body_all a {
					font-size: 3.8vw;
				}

			.detail .contents .free .pht {
				margin-top: 5vw;
				margin-bottom:  5vw;
			}
				.detail .contents .free .column2 li {
					margin-top: 3vw;
				}
					.detail .contents .free .column2 li p {
						padding-top: 2vw;
					}

			.detail .contents .free .quotation {
				background: #F8F8F8 url("/common/img/quotation.svg") no-repeat 25px 30px;
				padding: 5vw 5vw 5vw 13vw;
				margin-top: 5vw;
			}
}


	
	
/* pagenavi
--------------------- */
.pagenavi {
	width: 100%;
	display: block;
	margin-top: 50px;
}
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-weight: 500;
	font-size: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	font-weight: 500;
	background: #fff;
	border: solid 1px #212121;
	color: #0D0D0D;
	text-align: center;
	line-height: 40px;
	margin: 0 5px;
	padding: 0;
	transition: 0.3s;
	-webkit-ransition: 0.3s;
}
.wp-pagenavi a:hover{
	opacity: 1;
	background: #F1F1F1;
}
.wp-pagenavi span.current{
	color: #fff;
	background: #212121;
	font-weight: 700;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last {
	display: none;
}
@media screen and (max-width: 1024px) {
	.pagenavi {
		margin-top: 5vw;
	}
		.wp-pagenavi a, .wp-pagenavi span {
			width: 4vw;
			height: 4vw;
			font-size: 1.5vw;
			line-height: 4vw;
			margin: 0 0.5vw;
		}
}
@media screen and (max-width: 767px) {
	.pagenavi {
		margin-top: 8vw;
	}
		.wp-pagenavi a, .wp-pagenavi span {
			width: 8vw;
			height: 8vw;
			font-size: 3.2vw;
			line-height: 8vw;
			margin: 0 1vw;
		}
}