@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
	
#ps_details {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.ps_details--topimage {
		width: 100%;
		max-width: 1500px;
		height: auto;
		margin: auto auto;
		position: relative;
	}
		.ps_details--topimage img {
			width: 100%;
			height: auto;
		}
		.ps_details-topimage_info {
			width: 100%;
			height: 250px;
			padding-bottom: 50px;
			background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0));
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.ps_details-topimage_info h1{
			color: #fff;
			font-size: 2rem;
			text-align: left;
			width: 90%;
			max-width: 1000px;
			padding-bottom: 26px;
			letter-spacing: 0.1em;
		}
			.ps_details-topimage_info-dl {
				width: 90%;
				max-width: 1000px;
				color: #ffffff;
				line-height: 1.2;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}

				.ps_details-topimage_info-name {
					margin-right: 50px;
					font-size: 1.6rem;
					font-weight: 700;
				}
				.ps_details-topimage_info dd {
					position: relative;
				}
				.ps_details-topimage_info dd:before {
					content: '/';
					font-weight: 500;
					position: absolute;
					left: -28px;
					bottom: 1px;
				}
				.ps_details-topimage_info-joined {
					margin-right: 50px;
					font-size: 20px;
					font-weight: normal;
				}
				.ps_details-topimage_info-position {
					font-size: 20px;
					font-weight: normal;
				}

	.ps_details--contents {
		width: 100%;
		padding: 60px 0px 150px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--contents_inner {
			width: 90%;
			max-width: 1000px;
			margin: auto auto;
		}
		.ps_details-txt {
			width: 100%;
			margin: auto auto 65px;
			font-size: 20px;
			font-weight: 700;
			text-align: justify;
			line-height: 2.1;
			letter-spacing: 0.075em;
			font-feature-settings: "palt";
		}
			.ps_details-box {
				width: 100%;
				padding: 50px 0px 0px;
				margin: auto auto 100px;
				position: relative;
			}
			.ps_details-box:after {
				content: '';
				display: block;
				width: 85px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				top: 0;
				left: 0;
			}
				.ps_details-box_heading {
					width: 100%;
					margin-bottom: 35px;
					font-size: 1.5rem;
					font-weight: 700;
					text-align: justify;
					line-height: 1.4;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";
				}
				.ps_details-box_image {
					width: 100%;
					height: auto;
					margin-bottom: 35px;
				}
					.ps_details-box_image img {
						width: 100%;
						height: auto;
					}
				.ps_details-box_txt {
					width: 100%;
					font-size: 1rem;
					text-align: justify;
					line-height: 2.2;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";
				}
				.ps_details-box_flex {
					width: 100%;
					display: flex;
					justify-content: space-between;
				}
					.ps_details-box_flex .ps_details-box_txt {
						width: 39%;
					}
					.ps_details-box_flex .ps_details-box_image {
						width: 57%;
						margin-bottom: 0px;
					}

			.backlist-btn {
				padding-left: 30px;
				padding-bottom: 10px;
				font-family: din-condensed, sans-serif;
				font-size: 20px;
				line-height: 1.4;
				letter-spacing: 0.0em;
				color: #DF610F;
				position: relative;
			}
				.backlist-btn_arrow {
					width: 20px;
					height: auto;
					position: absolute;
					top: 5px;
					left: 0;
					transform: translate(0%, 0%);
					-webkit-transform: translate(0%, 0%);
					transition: .1s;
					-webkit-transition: .1s;
				}
				.backlist-btn:hover .backlist-btn_arrow {
					left: -3px;
				}
				.backlist-btn:after {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: #DF610F;
					position: absolute;
					bottom: 0;
					left: 0;
				}

	.ps_details--otherpaerson {
		width: 100%;
		padding: 0px 0px 180px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--otherpaerson_inner {
			width: 90%;
			max-width: 1000px;
			padding: 70px 0px 0px;
			margin: auto auto;
			border-top: solid 1px #DEDEDE;
		}
			.section-heading {
				width: 100%;
				margin: auto auto 105px 0px;
				float: left;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 25px;
					font-family: din-condensed, sans-serif;
					font-size: 50px;
					font-weight: 400;
					color: #DF610F;
					letter-spacing: 0.06em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 55px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -40px;
					left: 0;
				}
			.ps_details-personlist {
				width: 100%;
			}
				.person_swiper-container {

				}
					.person-list {
						width: 100%;
						padding: 0;
						margin: 0;
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
						flex-wrap: wrap;
					}
					.person-list:after{
						content: '';
						display: block;
						width: 31.5%;
					}
						.person-item {
							width: 31.5%;
							margin-bottom: 35px;
						}
						.person-item:nth-last-of-type(-n+3) {
							margin-bottom: 0px;
						}
							.person-item a {
								display: block;
								width: 100%;
								height: auto;
								box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.16);
								color: #ffffff;
								transition: .2s;
								-webkit-transition: .2s;
								overflow: hidden;
							}
								.person-thumb {
									width: 100%;
									height: auto;
									position: relative;
									z-index: 1;
									transition: .2s;
									-webkit-transition: .2s;
								}
								.person-item:hover .person-thumb {
									-webkit-transform: scale(1.05);
									transform: scale(1.05);
								}
								.person-item_container {
									width: 100%;
									height: 100%;
									position: absolute;
									top: 0;
									left: 0;
									z-index: 2;
								}
									.person-txt {
										width: 100%;
										height: 220px;
										padding: 105px 5% 25px;
										margin: auto auto;
										display: flex;
										justify-content: flex-start;
										flex-direction: column;
										line-height: 1.0;
										background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										position: absolute;
										bottom: 0;
									}
										.person-name {
											width: 100%;
											margin-bottom: 10px;
											font-size: 24px;
											font-weight: 700;
										}
										.person-hire_date {
											width: 100%;
											margin-bottom: 15px;
											font-size: 0.9rem;
											font-weight: 500;
										}
										.person-position {
											width: 100%;
											margin: auto auto 0px;
											font-size: 0.9rem;
											font-weight: 700;
										}

				.person_swiper-button-prev,
				.person_swiper-button-next {
					display: none;
				}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#ps_details {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.ps_details--topimage {
		width: 100%;
		height: 580px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		position: relative;
	}
		.ps_details--topimage img {
			width: auto;
			height: 100%;
		}
		.ps_details-topimage_info {
			width: 100%;
			height: 250px;
			padding-bottom: 40px;
			background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0));
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			position: absolute;
			bottom: 0;
			left: 0;
		}
					.ps_details-topimage_info h1{color: #fff;
			font-size: 2rem;
			text-align: left;
			width: 90%;
    padding-bottom: 26px;
    letter-spacing: 0.1em;
    line-height: 2.5rem
		}
			.ps_details-topimage_info-dl {
				width: 90%;
				color: #ffffff;
				line-height: 1.2;
			}
				.ps_details-topimage_info-name {
					padding-bottom: 15px;
					margin-right: 50px;
					font-size: 28px;
					font-weight: 700;
				}
				.ps_details-topimage_info-joined {
					margin-bottom: 5px;
					font-size: 18px;
					font-weight: normal;
				}
				.ps_details-topimage_info-position {
					font-size: 18px;
					font-weight: normal;
				}


	.ps_details--contents {
		width: 100%;
		padding: 50px 0px 150px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--contents_inner {
			width: 90%;
			margin: auto auto;
		}
		.ps_details-txt {
			width: 100%;
			margin: auto auto 70px;
			font-size: 20px;
			font-weight: 700;
			text-align: justify;
			line-height: 1.6;
			letter-spacing: 0.075em;
			font-feature-settings: "palt";
		}
			.ps_details-box {
				width: 100%;
				padding: 50px 0px 0px;
				margin: auto auto 65px;
				position: relative;
			}
			.ps_details-box:after {
				content: '';
				display: block;
				width: 85px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				top: 0;
				left: 0;
			}
				.ps_details-box_heading {
				    width: 100%;
				    margin-bottom: 35px;
				    font-size: 1.3rem;
				    font-weight: 700;
				    text-align: justify;
				    line-height: 1.4;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";
				}
				.ps_details-box_image {
					width: 100%;
					height: auto;
					margin-bottom: 20px;
				}
					.ps_details-box_image img {
						width: 100%;
						height: auto;
					}
				.ps_details-box_txt {
					width: 100%;
					font-size: 1rem;
					text-align: justify;
					line-height: 1.8;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";
				}
				.ps_details-box_flex {
					width: 100%;
					display: flex;
					flex-direction: column-reverse;
					justify-content: flex-start;
				}
					.ps_details-box_flex .ps_details-box_txt {
						width: 100%;
					}
					.ps_details-box_flex .ps_details-box_image {
						width: 100%;
					}

			.backlist-btn {
				display: block;
				width: 300px;
				height: 64px;
				margin: auto auto;
				border-radius: 32px;
				background-color: #DF610F;
				font-family: din-condensed, sans-serif;
				font-size: 20px;
				line-height: 64px;
				letter-spacing: 0.0em;
				text-align: center;
				color: #ffffff;
				position: relative;
			}
				.backlist-btn_arrow {
					width: 20px;
					height: auto;
					position: absolute;
					top: 48%;
					left: 20px;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}


	.ps_details--otherpaerson {
		width: 100%;
		padding: 0px 0px 145px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--otherpaerson_inner {
			width: 90%;
			padding: 35px 0px 0px;
			margin: auto auto;
			border-top: solid 1px #DEDEDE;
		}
			.section-heading {
				width: 100%;
				margin: auto auto 60px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				text-align: left;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 40px;
					font-weight: 400;
					color: #DF610F;
					letter-spacing: 0.06em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 50px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -30px;
					left: 0;
				}

			.ps_details-personlist {
				width: 290px;
				margin: auto auto;
				position: relative;
			}
				.person_swiper-container {
					display: flex;
					overflow: hidden;
				}
					.person-list {
						width: 100%;
					}
						.person-item {
							width: 100%;
						}
							.person-item a {
								display: block;
								width: 100%;
								height: auto;
								color: #ffffff;
								transition: .2s;
								-webkit-transition: .2s;
							}
								.person-thumb {
									width: 100%;
									height: auto;
									position: relative;
									z-index: 1;
									transition: .2s;
									-webkit-transition: .2s;
								}
								.person-item_container {
									width: 100%;
									height: 100%;
									position: absolute;
									top: 0;
									left: 0;
									z-index: 2;
								}
									.person-txt {
										width: 100%;
										height: 220px;
										padding: 105px 5% 25px;
										margin: auto auto;
										display: flex;
										justify-content: flex-start;
										flex-direction: column;
										line-height: 1.0;
										background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										position: absolute;
										bottom: 0;
									}
										.person-name {
											width: 100%;
											margin-bottom: 10px;
											font-size: 24px;
											font-weight: 700;
										}
										.person-hire_date {
											width: 100%;
											margin-bottom: 15px;
											font-size: 0.9rem;
											font-weight: 500;
										}
										.person-position {
											width: 100%;
											margin: auto auto 0px;
											font-size: 0.9rem;
											font-weight: 700;
										}

				.person_swiper-button-prev,
				.person_swiper-button-next {
					overflow: visible;
					width: 50px !important;
					height: 50px !important;
					margin: 0px !important;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}
				.person_swiper-button-prev {
					left: -40px !important;
				}
				.person_swiper-button-next {
					right: -40px !important;
				}
					.person_swiper-button-prev img,
					.person_swiper-button-next img {
						width: 100%;
						height: auto;
					}
}

/* SP ================================================== */
@media all and (max-width:559px){
#ps_details {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.ps_details--topimage {
		width: 100%;
		height: 580px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		position: relative;
	}
		.ps_details--topimage img {
			width: auto;
			height: 100%;
		}
		.ps_details-topimage_info {
			width: 100%;
			height: 250px;
			padding-bottom: 40px;
			background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0));
			background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0));
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			position: absolute;
			bottom: 0;
			left: 0;
		}
					.ps_details-topimage_info h1{color: #fff;
			font-size: 1.8rem;
			text-align: left;
			width: 90%;
    padding-bottom: 26px;
    letter-spacing: 0.1em;
    line-height: 2.1rem
		}
			.ps_details-topimage_info-dl {
				width: 90%;
				color: #ffffff;
				line-height: 1.2;
			}
				.ps_details-topimage_info-name {
					padding-bottom: 15px;
					margin-right: 50px;
					font-size: 1.5rem;
					font-weight: 700;
				}
				.ps_details-topimage_info-joined {
					margin-bottom: 5px;
					font-size: 16px;
					font-weight: normal;
				}
				.ps_details-topimage_info-position {
					font-size: 16px;
					font-weight: normal;
				}


	.ps_details--contents {
		width: 100%;
		padding: 50px 0px 150px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--contents_inner {
			width: 90%;
			margin: auto auto;
		}
		.ps_details-txt {
			width: 100%;
			margin: auto auto 70px;
			font-size: 1.2rem;
			font-weight: 700;
			text-align: justify;
			line-height: 1.6;
			letter-spacing: 0.075em;
			font-feature-settings: "palt";			
		}
			.ps_details-box {
				width: 100%;
				padding: 40px 0px 0px;
				margin: auto auto 75px;
				position: relative;
			}
			.ps_details-box:after {
				content: '';
				display: block;
				width: 50px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				top: 0;
				left: 0;
			}
				.ps_details-box_heading{
				    width: 100%;
				    margin-bottom: 20px;
				    font-size: 1.2rem;
				    font-weight: 700;
				    text-align: justify;
				    line-height: 1.4;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";
				}
				.ps_details-box_image {
					width: 100%;
					height: auto;
					margin-bottom: 20px;
				}
					.ps_details-box_image img {
						width: 100%;
						height: auto;
					}
				.ps_details-box_txt {
					width: 100%;
					font-size: .9rem;
					text-align: justify;
					line-height: 1.8;
					letter-spacing: 0.075em;
					font-feature-settings: "palt";					
				}
				.ps_details-box_flex {
					width: 100%;
					display: flex;
					flex-direction: column-reverse;
					justify-content: flex-start;
				}
					.ps_details-box_flex .ps_details-box_txt {
						width: 100%;
					}
					.ps_details-box_flex .ps_details-box_image {
						width: 100%;
					}

			.backlist-btn {
				display: block;
				width: 100%;
				height: 64px;
				border-radius: 32px;
				background-color: #DF610F;
				font-family: din-condensed, sans-serif;
				font-size: 20px;
				line-height: 64px;
				letter-spacing: 0.0em;
				text-align: center;
				color: #ffffff;
				position: relative;
			}
				.backlist-btn_arrow {
					width: 20px;
					height: auto;
					position: absolute;
					top: 48%;
					left: 20px;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}


	.ps_details--otherpaerson {
		width: 100%;
		padding: 0px 0px 145px;
		margin: auto auto;
		position: relative;
	}
		.ps_details--otherpaerson_inner {
			width: 90%;
			padding: 35px 0px 0px;
			margin: auto auto;
			border-top: solid 1px #DEDEDE;
		}
			.section-heading {
				width: 100%;
				margin: auto auto 60px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				text-align: left;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 40px;
					font-weight: 400;
					color: #DF610F;
					letter-spacing: 0.06em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 50px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -30px;
					left: 0;
				}

			.ps_details-personlist {
				width: 100%;
				position: relative;
			}
				.person_swiper-container {
					display: flex;
					overflow: hidden;
				}
					.person-list {
						width: 100%;
					}
						.person-item {
							width: 100%;
						}
							.person-item a {
								display: block;
								width: 100%;
								height: auto;
								color: #ffffff;
								transition: .2s;
								-webkit-transition: .2s;
							}
								.person-thumb {
									width: 100%;
									height: auto;
									position: relative;
									z-index: 1;
									transition: .2s;
									-webkit-transition: .2s;
								}
								.person-item_container {
									width: 100%;
									height: 100%;
									position: absolute;
									top: 0;
									left: 0;
									z-index: 2;
								}
									.person-txt {
										width: 100%;
										height: 220px;
										padding: 105px 5% 25px;
										margin: auto auto;
										display: flex;
										justify-content: flex-start;
										flex-direction: column;
										line-height: 1.0;
										background: -moz-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: -webkit-linear-gradient(bottom, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(255,255,255,0)); 
										position: absolute;
										bottom: 0;
									}
										.person-name {
											width: 100%;
											margin-bottom: 10px;
											font-size: 24px;
											font-weight: 700;
										}
										.person-hire_date {
											width: 100%;
											margin-bottom: 15px;
											font-size: 0.9rem;
											font-weight: 500;
										}
										.person-position {
											width: 100%;
											margin: auto auto 0px;
											font-size: 0.9rem;
											font-weight: 700;
										}

				.person_swiper-button-prev,
				.person_swiper-button-next {
					overflow: visible;
					width: 50px !important;
					height: 50px !important;
					margin: 0px !important;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}
				.person_swiper-button-prev {
					left: -15px !important;
				}
				.person_swiper-button-next {
					right: -15px !important;
				}
					.person_swiper-button-prev img,
					.person_swiper-button-next img {
						width: 100%;
						height: auto;
					}
}