@charset "UTF-8";
/* CSS Document */


	
	
/* outline
--------------------- */
#outline .subspecies {
	width: 44%;
	position: relative;
}
	#outline .subspecies .text .h3-tit {
		text-decoration: underline;
		margin-bottom: 25px;
	}

	#outline .subspecies .text .txt {
		margin-top: 25px;
	}

#outline .pht {
	width: 48%;
	overflow: hidden;
	border-radius: 20px;
}
	#outline .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



	
/* strong-point
--------------------- */
#strong-point .cell .text-pht .text {
	width: 50%;
	padding-right: 4%;
}
	#strong-point .cell .text-pht .text img {
		border-radius: 20px;
		margin-top: 25px;
	}

#strong-point .cell .text-pht .pht {
	width: 50%;
}
	#strong-point .cell .text-pht .pht img {
		border-radius: 20px;
	}
	#strong-point .cell:nth-last-child(1) .text-pht .pht img {
		border-radius: 0;
	}


#strong-point .cell .field {
	margin-top: 45px;
	padding-bottom: 10px;
}
	#strong-point .cell .field h4 {
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 20px;
		position: relative;
		z-index: 0;
	}
	#strong-point .cell .field h4:before {
		content: "";
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: -1;
	}
		#strong-point .cell .field h4 span {
			background: #fff;
			padding: 0 15px;
		}

	#strong-point .cell .field ul.list {
		margin-bottom: 30px;
	}
		#strong-point .cell .field ul.list li {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 18%;
			height: 100%;
			border-radius: 50%;
			aspect-ratio: 1 / 1;
			font-size: 2.5rem;
			font-weight: 700;
			line-height: 1;
			text-align: center;
		}
			#strong-point .cell .field ul.list li .en {
				font-size: 1.4rem;
				font-weight: 600;
				line-height: 1;
			}


	
	
/* challenge
--------------------- */
#challenge .cell .topics {
	margin-bottom: 55px;
}
#challenge .cell .topics:nth-last-child(1) {
	margin-bottom: 0;
}
	#challenge .cell .topics .head {
		margin-bottom: 30px;
		position: relative;
		z-index: 0;
	}
	#challenge .cell .topics .head:before {
		content: "";
		width: 100%;
		height: 1px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: -1;
	}
		#challenge .cell .topics .head span {
			font-size: 1.5rem;
			font-weight: 700;
			background: #fff;
			line-height: 1;
			padding: 3px 8px;
			border-radius: 6px;
		}

	#challenge .cell .topics .text-pht .text {
		width: 42%;
		padding-right: 3%;
	}
		#challenge .cell .topics .text-pht .text h3 {
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 12px;
		}

	#challenge .cell .topics .text-pht .pht {
		width: 58%;
		border-radius: 20px;
		overflow: hidden;
	}
		#challenge .cell .topics .text-pht .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}


	
	
/* movie
--------------------- */
#movie .area {
	padding: 60px 100px;
	border-radius: 20px;
}
	#movie .area .txt {
		margin-bottom: 40px;
	}

	#movie iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}


	
	
/* gallery
--------------------- */
#gallery .loopSlider {
	height: 300px;
	overflow: hidden;
	position: relative;
}
	#gallery .loopSlider .loopslider_wrap {
		height: 300px;
		display: -webkit-flex;
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		#gallery .loopSlider .loopslider_wrap ul {
			display: -webkit-flex;
			display: flex;
		}
			#gallery .loopSlider .loopslider_wrap ul li {
				width: 280px;
			}


	
	
/* job
--------------------- */
#job .cell ul.list {
	margin-top: 30px;
}
	#job .cell ul.list li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 32%;
		padding: 18px 10px 18px 78px;
		border-radius: 10px;
	}
	#job .cell ul.list li:nth-child(1) {
		background: #fff url("../img/role/job_icon01.svg") no-repeat left 18px center / 44px;
	}
	#job .cell ul.list li:nth-child(2) {
		background: #fff url("../img/role/job_icon02.svg") no-repeat left 18px center / 44px;
	}
	#job .cell ul.list li:nth-child(3) {
		background: #fff url("../img/role/job_icon03.svg") no-repeat left 18px center / 44px;
	}
		#job .cell ul.list li .head {
			display: block;
			font-size: 1.2rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 3px;
		}
		#job .cell ul.list li .yellow-green {
			display: block;
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.3em;
		}

#job .cell .demand {
	margin-top: 20px;
	padding: 0 5%;
}


	
	
/* services
--------------------- */
#services ul.anchor li {
	width: 350px;
	margin-right: 25px;
}
#services ul.anchor li:nth-last-child(1) {
	margin-right: 0;
}
	#services ul.anchor li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 70px;
		border-radius: 10px;
		overflow: hidden;
		font-size: 2.0rem;
		font-weight: 700;
		padding-left: 55px;
	}
	#services ul.anchor li:nth-child(1) a {
		background: #F7F7F7 url("../img/role/icon_anc_arrow_red.svg") no-repeat left 20px center;
	}
	#services ul.anchor li:nth-child(2) a {
		background: #F7F7F7 url("../img/role/icon_anc_arrow_blue.svg") no-repeat left 20px center;
	}
	#services ul.anchor li:nth-child(1) a:hover {
		color: #DE7674;
	}
	#services ul.anchor li:nth-child(2) a:hover {
		color: #3BA1D3;
	}


#services .service {
	padding-top: 100px;
}
	#services .service .set {
		padding-bottom: 45px;
		margin-bottom: 45px;
		border-bottom: dashed 1px #ddd;
	}
	#services .service .set:nth-last-child(1) {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
		#services .service .set .text {
			width: 60%;
			padding-top: 10px;
			padding-right: 100px;
			position: relative;
		}
			#services .service .set .text .s-ttl {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 20px;
			}
				#services .service .set .text .s-ttl .head {
					background: #F7F7F7;
					border-radius: 6px;
					font-size: 1.5rem;
					font-weight: 700;
					line-height: 1;
					padding: 6px 8px;
					margin-top: 5px;
					margin-right: 12px;
				}
				#services .service .set .text .s-ttl .h3-tit {
					margin-bottom: 0;
				}

			#services .service .set .text h4 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.4em;
				margin-bottom: 10px;
			}

			#services .service .set .text a.popup-btn {
				display: block;
				width: 150px;
				position: absolute;
				top: 50%;
				right: -75px;
				margin-top: -75px;
				z-index: 2;
			}
			#services .service .set .text a.popup-btn:hover {
				width: 130px;
				right: -65px;
				margin-top: -65px;
			}

		#services .service .set .pht {
			width: 40%;
			overflow: hidden;
			border-radius: 20px;
		}
			#services .service .set .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}


	
	
/* animatedModal */
.animatedModal {
	background: rgba(38,38,38,0.80) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5%;
}
	.animatedModal .close {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		cursor: pointer;
		transition: all 0.2s;
		z-index: 1;
	}
		.animatedModal .close img {
			margin-top: 40px;
			width: 40px;
			transition: all 0.2s;
			margin-left: -webkit-calc(100% - 80px);
			margin-left: calc(100% - 80px);
		}
		.animatedModal .close img:hover {
			transform: rotate(90deg);
		}

	.animatedModal .modal-content {
		position: relative;
		z-index: 2;
	}
		.animatedModal .modal-content .cont {
			background: #fff;
			max-width: 800px;
			padding: 50px;
			margin: 0 auto;
			border-radius: 20px;
		}
			.animatedModal .modal-content .cont .text {
				width: 50%;
				padding-right: 5%;
			}
				.animatedModal .modal-content .cont .text .head {
					display: inline-block;
					border-radius: 6px;
					font-size: 1.5rem;
					font-weight: 700;
					color: #fff;
					line-height: 1;
					padding: 6px 8px;
					margin-bottom: 8px;
				}
				.animatedModal .modal-content .cont .text .head.red {
					background: #DE7674;
				}
				.animatedModal .modal-content .cont .text .head.blue {
					background: #3BA1D3;
				}

				.animatedModal .modal-content .cont .text .h3-tit {
					margin-bottom: 15px;
				}

			.animatedModal .modal-content .cont .text h4 {
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1.4em;
				margin-bottom: 4px;
			}

			.animatedModal .modal-content .cont .pht {
				width: 50%;
				border-radius: 20px;
				overflow: hidden;
			}
				.animatedModal .modal-content .cont .pht img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}


	
	
/* structure
--------------------- */
#structure p {
	font-size: 2.0rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.8em;
	text-align: center;
}


	
	
/* event
--------------------- */
#event .cell .e-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
}
#event .cell .e-box:nth-last-child(1) {
	margin-bottom: 0;
}
	#event .cell .e-box .icon {
		width: 200px;
	}

	#event .cell .e-box .text {
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
		padding-left: 30px;
	}
		#event .cell .e-box .text .en {
			font-size: 1.4rem;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 8px;
		}


	
	
/* placement
--------------------- */
#placement .cell .flow {
	position: relative;
}
#placement .cell .flow:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #74b933;
	border-width: 17px 0px 17px 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -7px;
}
	#placement .cell .flow .box {
		width: 47%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: #fff;
		border-radius: 20px;
		padding: 25px;
	}
		#placement .cell .flow .box dt {
			width: 150px;
		}
		#placement .cell .flow .box dd {
			width: -webkit-calc(100% - 150px);
			width: calc(100% - 150px);
			padding-left: 25px;
			font-size: 2.2rem;
			font-weight: 700;
			line-height: 1.3em;
		}


#placement .cell .ratio {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	#placement .cell .ratio .graph {
		width: 42%;
	}

	#placement .cell .ratio .text {
		width: 53%;
		background: #fff;
		border-radius: 20px;
		padding: 25px 30px;
		position: relative;
	}
	#placement .cell .ratio .text:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent #fff transparent transparent;
		border-width: 15px 30px 15px 0px;
		position: absolute;
		top: 50%;
		left: -30px;
		margin-top: -15px;
	}
		#placement .cell .ratio .text h4 {
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 10px;
		}
			#placement .cell .ratio .text h4 .en {
				font-size: 4.0rem;
				font-weight: 700;
				letter-spacing: 0;
			}

		#placement .cell .ratio .text p {
			font-size: 1.2rem;
			line-height: 1.5em;
		}


	
	
/* job-rotation
--------------------- */
#job-rotation .cell .list .box {
	width: 48%;
	border-radius: 20px;
	margin-top: 10px;
	padding: 40px 30px 30px 30px;
}
	#job-rotation .cell .list .box .h3-tit {
		text-align: center;
		margin-top: -62px;
	}

	#job-rotation .cell .list .box ul.list-icon li {
		font-size: 1.6rem;
		line-height: 1.5em;
		margin-bottom: 5px;
		padding-left: 15px;
		position: relative;
	}
	#job-rotation .cell .list .box ul.list-icon li:nth-last-child(1) {
		margin-bottom: 0;
	}
	#job-rotation .cell .list .box ul.list-icon li:before {
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #00A33C;
		position: absolute;
		top: 9.5px;
		left: 0;
	}
		#job-rotation .cell .list .box ul.list-icon li span {
			font-size: 1.2rem;
		}

	#job-rotation .cell table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 20px;
	}
		#job-rotation .cell table th {
			width: 290px;
			background: #F7F7F7;
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 20px;
			text-align: left;
		}
			#job-rotation .cell table th .txt-center {
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
				#job-rotation .cell table th .txt-center img {
					width: 50px;
				}
				#job-rotation .cell table th .txt-center span {
					font-size: 1.8rem;
					padding-left: 12px;
				}

		#job-rotation .cell table td {
			width: -webkit-calc(100% - 290px);
			width: calc(100% - 290px);
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 20px;
			font-size: 1.6rem;
		}


	
	
/* research
--------------------- */
#research h2 {
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
}
	#research h2 span {
		font-size: 1.4rem;
	}


#research .list a.linkbox {
	width: 48%;
	display: block;
	margin-top: 50px;
	margin-right: 4%;
}
#research .list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#research .list a.linkbox h3 {
		margin-top: 15px;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.3em;
		background: url("../../common/img/icon_external.svg") no-repeat left center / 14px;
		padding-left: 24px;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#research .list a.linkbox:hover h3 {
		padding-left: 20px;
	}




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


	
	
/* outline
--------------------- */
#outline .subspecies {
	width: 46%;
}
	#outline .subspecies .text .h3-tit {
		margin-bottom: 25px;
	}

	#outline .subspecies .text .txt {
		margin-top: 20px;
	}

#outline .pht {
	width: 46%;
	border-radius: 15px;
}


	
	
/* strong-point
--------------------- */
#strong-point .cell .text-pht .text {
	padding-right: 5%;
}
	#strong-point .cell .text-pht .text img {
		border-radius: 15px;
		margin-top: 20px;
	}

	#strong-point .cell .text-pht .pht img {
		border-radius: 15px;
	}


#strong-point .cell .field {
	margin-top: 35px;
	padding-bottom: 10px;
}
	#strong-point .cell .field h4 {
		font-size: 2.4rem;
	}
		#strong-point .cell .field h4 span {
			padding: 0 12px;
		}

	#strong-point .cell .field ul.list {
		margin-bottom: 25px;
	}
		#strong-point .cell .field ul.list li {
			font-size: 2.0rem;
		}
			#strong-point .cell .field ul.list li .en {
				font-size: 1.2rem;
			}


	
	
/* challenge
--------------------- */
#challenge .cell .topics {
	margin-bottom: 45px;
}
	#challenge .cell .topics .head {
		margin-bottom: 20px;
	}
		#challenge .cell .topics .head span {
			font-size: 1.4rem;
		}

	#challenge .cell .topics .text-pht .text {
		width: 50%;
		padding-right: 4%;
	}
		#challenge .cell .topics .text-pht .text h3 {
			font-size: 2.3rem;
		}

	#challenge .cell .topics .text-pht .pht {
		width: 50%;
		border-radius: 15px;
	}


	
	
/* movie
--------------------- */
#movie .area {
	padding: 30px 6%;
	border-radius: 15px;
}
	#movie .area .txt {
		margin-bottom: 25px;
	}


	
	
/* gallery
--------------------- */
#gallery .loopSlider {
	height: 260px;
}
	#gallery .loopSlider .loopslider_wrap {
		height: 260px;
	}
		#gallery .loopSlider .loopslider_wrap ul li {
			width: 242px;
		}


	
	
/* job
--------------------- */
#job .cell ul.list {
	margin-top: 30px;
}
	#job .cell ul.list li {
		width: 32%;
		padding: 80px 30px 30px 30px;
		text-align: center;
	}
	#job .cell ul.list li:nth-child(1) {
		background: #fff url("../img/role/job_icon01.svg") no-repeat center top 30px / 50px;
	}
	#job .cell ul.list li:nth-child(2) {
		background: #fff url("../img/role/job_icon02.svg") no-repeat center top 30px / 50px;
	}
	#job .cell ul.list li:nth-child(3) {
		background: #fff url("../img/role/job_icon03.svg") no-repeat center top 30px / 50px;
	}
		#job .cell ul.list li div {
			width: 100%;
		}
			#job .cell ul.list li .head {
				font-size: 1.1rem;
			}
			#job .cell ul.list li .yellow-green {
				font-size: 1.8rem;
			}

#job .cell .demand {
	margin-top: 15px;
	padding: 0;
}


	
	
/* services
--------------------- */
#services ul.anchor li {
	width: 48%;
	margin-right: 4%;
}
	#services ul.anchor li a {
		height: 60px;
		font-size: 1.8rem;
	}


#services .service {
	padding-top: 80px;
}
	#services .service .set {
		padding-bottom: 35px;
		margin-bottom: 35px;
	}
		#services .service .set .text {
			padding-top: 0;
			padding-right: 80px;
		}
			#services .service .set .text .s-ttl {
				margin-bottom: 15px;
			}
				#services .service .set .text .s-ttl .head {
					font-size: 1.3rem;
				}

			#services .service .set .text h4 {
				font-size: 2.1rem;
			}

			#services .service .set .text a.popup-btn {
				width: 120px;
				right: -60px;
				margin-top: -60px;
			}
			#services .service .set .text a.popup-btn:hover {
				width: 110px;
				right: -55px;
				margin-top: -55px;
			}

		#services .service .set .pht {
			border-radius: 15px;
		}


	
	
/* animatedModal */
.animatedModal .close img {
	margin-top: 30px;
	width: 30px;
	margin-left: -webkit-calc(100% - 60px);
	margin-left: calc(100% - 60px);
}

.animatedModal .modal-content .cont {
	padding: 40px;
	border-radius: 15px;
}
	.animatedModal .modal-content .cont .text .head {
		font-size: 1.3rem;
	}

	.animatedModal .modal-content .cont .text h4 {
		font-size: 2.0rem;
	}

	.animatedModal .modal-content .cont .pht {
		border-radius: 15px;
	}


	
	
/* structure
--------------------- */
#structure p {
	font-size: 1.8rem;
}


	
	
/* event
--------------------- */
#event .cell .e-box {
	margin-bottom: 25px;
}
	#event .cell .e-box .text .en {
		font-size: 1.3rem;
	}


	
	
/* placement
--------------------- */
#placement .cell .flow .box {
	border-radius: 15px;
	padding: 20px;
}
	#placement .cell .flow .box dt {
		width: 90px;
	}
	#placement .cell .flow .box dd {
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
		padding-left: 15px;
		font-size: 1.6rem;
	}


#placement .cell .ratio .text {
	border-radius: 15px;
	padding: 20px 25px;
}
	#placement .cell .ratio .text h4 {
		font-size: 2.2rem;
	}
		#placement .cell .ratio .text h4 .en {
			font-size: 3.6rem;
		}


	
	
/* job-rotation
--------------------- */
#job-rotation .cell .list .box {
	border-radius: 15px;
	padding: 40px 25px 25px 25px;
}
	#job-rotation .cell .list .box .h3-tit {
		margin-top: -58px;
	}

	#job-rotation .cell .list .box ul.list-icon li {
		font-size: 1.5rem;
	}
	#job-rotation .cell .list .box ul.list-icon li:before {
		top: 8px;
	}
		#job-rotation .cell .list .box ul.list-icon li span {
			font-size: 1.1rem;
		}

	#job-rotation .cell table {
		margin-top: 15px;
	}
		#job-rotation .cell table th {
			width: 220px;
			padding: 15px;
		}
			#job-rotation .cell table th .txt-center img {
				width: 40px;
			}
			#job-rotation .cell table th .txt-center span {
				font-size: 1.7rem;
			}

		#job-rotation .cell table td {
			width: -webkit-calc(100% - 220px);
			width: calc(100% - 220px);
			padding: 15px;
			font-size: 1.5rem;
		}


	
	
/* research
--------------------- */
#research h2 {
	font-size: 1.8rem;
}
	#research h2 span {
		font-size: 1.3rem;
	}


#research .list a.linkbox {
	margin-top: 40px;
}
	#research .list a.linkbox h3 {
		font-size: 1.5rem;
	}



}





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


	
	
/* outline
--------------------- */
#outline {
	padding-bottom: 0;
	overflow: hidden;
}
#outline .inner {
	display: block;
}
	#outline .subspecies {
		width: 100%;
		padding-bottom: 50px;
	}
		#outline .subspecies .text .h3-tit {
			margin-bottom: 22px;
		}

		#outline .subspecies .text .txt {
			margin-top: 16px;
		}

#outline .pht {
	width: 114%;
	height: 100%;
	margin-left: -7%;
	aspect-ratio: 4 / 3;
	border-radius: 0;
	position: relative;
}


	
	
/* strong-point
--------------------- */
#strong-point .cell .text-pht {
	display: block;
}
	#strong-point .cell .text-pht .text {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	#strong-point .cell .text-pht .pht {
		width: 100%;
	}


#strong-point .cell .field {
	margin-top: 30px;
	padding-bottom: 0;
}
	#strong-point .cell .field h4 {
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
		#strong-point .cell .field h4 span {
			padding: 0 10px;
		}

	#strong-point .cell .field ul.list {
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
		#strong-point .cell .field ul.list li {
			width: 32%;
			margin-right: 2%;
			margin-bottom: 1%;
			font-size: 1.6rem;
		}
		#strong-point .cell .field ul.list li:nth-child(3n),
		#strong-point .cell .field ul.list li:nth-last-child(1) {
			margin-right: 0;
		}
			#strong-point .cell .field ul.list li .en {
				font-size: 1.1rem;
			}


	
	
/* challenge
--------------------- */
#challenge .cell .topics {
	margin-bottom: 45px;
}
	#challenge .cell .topics .head span {
		font-size: 1.3rem;
	}

	#challenge .cell .topics .text-pht {
		display: block;
	}
		#challenge .cell .topics .text-pht .text {
			width: 100%;
			padding-right: 0;
			margin-bottom: 20px;
		}
			#challenge .cell .topics .text-pht .text h3 {
				font-size: 2.0rem;
			}

		#challenge .cell .topics .text-pht .pht {
			width: 100%;
		}


	
	
/* movie
--------------------- */
#movie .area {
	padding: 25px 6%;
}
	#movie .area .txt {
		margin-bottom: 15px;
	}


	
	
/* gallery
--------------------- */
#gallery .loopSlider {
	height: 220px;
}
	#gallery .loopSlider .loopslider_wrap {
		height: 220px;
	}
		#gallery .loopSlider .loopslider_wrap ul li {
			width: 205px;
		}


	
	
/* job
--------------------- */
#job .cell ul.list {
	display: block;
	margin-top: 20px;
}
	#job .cell ul.list li {
		width: 100%;
		padding: 15px 10px 15px 76px;
		border-radius: 10px;
		margin-top: 12px;
	}
	#job .cell ul.list li:nth-child(1) {
		background: #fff url("../img/role/job_icon01.svg") no-repeat left 18px center / 40px;
	}
	#job .cell ul.list li:nth-child(2) {
		background: #fff url("../img/role/job_icon02.svg") no-repeat left 18px center / 40px;
	}
	#job .cell ul.list li:nth-child(3) {
		background: #fff url("../img/role/job_icon03.svg") no-repeat left 18px center / 40px;
	}
		#job .cell ul.list li div {
			text-align: left;
		}
			#job .cell ul.list li .head {
				font-size: 1.1rem;
			}


	
	
/* services
--------------------- */
#services ul.anchor li a {
	font-size: 1.6rem;
	line-height: 1.2em;
}


#services .service {
	padding-top: 60px;
}
	#services .service .set {
		display: block;
		padding-bottom: 35px;
		margin-bottom: 30px;
	}
		#services .service .set .text {
			width: 100%;
			padding-top: 0;
			padding-right: 0;
			padding-bottom: 40px;
		}
			#services .service .set .text .s-ttl {
				margin-bottom: 12px;
			}
				#services .service .set .text .s-ttl .head {
					font-size: 1.2rem;
					margin-top: 2px;
				}

			#services .service .set .text h4 {
				font-size: 1.8rem;
			}

			#services .service .set .text a.popup-btn {
				width: 100px;
				right: 50%;
				top: auto;
				bottom: -70px;
				margin-top: 0;
				margin-right: -50px;
			}
			#services .service .set .text a.popup-btn:hover {
				width: 100px;
				right: 50%;
				top: auto;
				bottom: -70px;
				margin-top: 0;
				margin-right: -50px;
			}

		#services .service .set .pht {
			width: 100%;
		}


	
	
/* animatedModal */
.animatedModal .close img {
	margin-top: 10px;
	width: 30px;
	margin-left: -webkit-calc(100% - 40px);
	margin-left: calc(100% - 40px);
}

.animatedModal .modal-content .cont {
	display: block;
	padding: 25px;
}
	.animatedModal .modal-content .cont .text {
		width: 100%;
		margin-bottom: 20px;
	}
		.animatedModal .modal-content .cont .text .head {
			font-size: 1.2rem;
		}

		.animatedModal .modal-content .cont .text h4 {
			font-size: 1.7rem;
			margin-bottom: 5px;
		}
	
	.animatedModal .modal-content .cont .pht {
		width: 100%;
	}


	
	
/* structure
--------------------- */
#structure p {
	font-size: 1.6rem;
	text-align: left;
}


	
	
/* event
--------------------- */
#event .cell .e-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 30px;
}
	#event .cell .e-box .icon {
		width: 120px;
	}

	#event .cell .e-box .text {
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px);
		padding-left: 15px;
	}
		#event .cell .e-box .text .en {
			font-size: 1.2rem;
			margin-bottom: 5px;
		}
	
		#event .cell .e-box .text .h3-tit {
			margin-bottom: 8px;
		}


	
	
/* placement
--------------------- */
#placement .cell .flow {
	display: block;
}
#placement .cell .flow:before {
	border-color: #74b933 transparent transparent transparent;
	border-width: 14px 17px 0px 17px;
	margin-top: -7px;
	margin-left: -17px;
}
	#placement .cell .flow .box {
		width: 100%;
		margin-bottom: 40px;
	}
	#placement .cell .flow .box:nth-last-child(1) {
		margin-bottom: 0;
	}


#placement .cell .ratio {
	display: block;
}
	#placement .cell .ratio .graph {
		width: 100%;
		padding: 0 10%;
		margin-bottom: 13px;
	}
	
	#placement .cell .ratio .text {
		width: 100%;
		padding: 20px 25px;
	}
	#placement .cell .ratio .text:before {
		border-color: transparent transparent #fff transparent;
		border-width: 0px 10px 20px 10px;
		top: -20px;
		left: 50%;
		margin-top: 0;
		margin-left: -10px;
	}
		#placement .cell .ratio .text h4 {
			font-size: 2.0rem;
			text-align: center;
		}
			#placement .cell .ratio .text h4 .en {
				font-size: 3.2rem;
			}
	
		#placement .cell .ratio .text p {
			font-size: 1.1rem;
			text-align: center;
		}


	
	
/* job-rotation
--------------------- */
#job-rotation .cell .list {
	display: block;
}
	#job-rotation .cell .list .box {
		width: 100%;
		margin-bottom: 35px;
	}
	#job-rotation .cell .list .box:nth-last-child(1) {
		margin-bottom: 0;
	}
		#job-rotation .cell .list .box .h3-tit {
			margin-top: -56px;
		}

		#job-rotation .cell .list .box ul.list-icon li {
			font-size: 1.4rem;
		}
		#job-rotation .cell .list .box ul.list-icon li:before {
			top: 7px;
		}
			#job-rotation .cell .list .box ul.list-icon li span {
				font-size: 1.0rem;
			}

	#job-rotation .cell table {
		margin-top: 15px;
		border-bottom: solid 1px #ddd;
	}
		#job-rotation .cell table th {
			display: block;
			width: 100%;
			padding: 25px 15px 15px 15px;
			background: none;
			border-bottom: none;
		}
			#job-rotation .cell table th .txt-center span {
				font-size: 2.0rem;
			}

		#job-rotation .cell table td {
			display: block;
			width: 100%;
			padding: 0 15px 20px 15px;
			font-size: 1.4rem;
			border-top: none;
			border-bottom: none;
		}


	
	
/* research
--------------------- */
#research h2 {
	font-size: 1.6rem;
}
	#research h2 span {
		font-size: 1.2rem;
	}


#research .list {
	display: block;
}
	#research .list a.linkbox {
		width: 100%;
		margin-top: 35px;
		margin-right: 0;
	}


}