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


	
	
/* pagetitle
--------------------- */
#pagetitle.faq .bg {
	background: url("../img/faq/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.recruitment .bg {
	background: url("../img/recruitment/pagetitle_pht.jpg") no-repeat center / cover;
}

#pagetitle.recruitment_career .bg {
	background: url("../img/recruitment/pagetitle_pht_career.jpg") no-repeat center / cover;
}


	
	
/* faq
--------------------- */
#faq dl {
	background: #FCF2F4;
	border-radius: 10px;
	margin-bottom: 15px;
}
#faq dl:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq dl dt {
		padding: 20px 30px 20px 70px;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4em;
		position: relative;
		cursor: pointer;
	}
	#faq dl dt.active {
		color: #C3002F;
	}
	#faq dl dt:before {
		content: "Q";
		font-family: 'Manrope', sans-serif;
		font-size: 2.0rem;
		font-weight: 500;
		color: #C3002F;
		position: absolute;
		top: 20px;
		left: 30px;
	}
		#faq dl dt span {
			display: block;
			padding-right: 40px;
			position: relative;
		}
		#faq dl dt span:before {
			content: "";
			width: 20px;
			height: 1px;
			background: #000;
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -0.5px;
		}
		#faq dl dt span:after {
			content: "";
			width: 1px;
			height: 20px;
			background: #000;
			position: absolute;
			top: 50%;
			right: 9.5px;
			margin-top: -10px;
		}
		#faq dl dt.active span:after {
			display: none;
		}

	#faq dl dd {
		display: none;
		padding: 0 30px 20px 70px;
		position: relative;
	}
	#faq dl dd:before {
		content: "A";
		font-family: 'Manrope', sans-serif;
		font-size: 2.0rem;
		font-weight: 500;
		color: #000;
		position: absolute;
		top: -4px;
		left: 30px;
	}
		#faq dl dd .txt {
			font-size: 1.5rem;
			line-height: 1.8em;
		}
		#faq dl dd a {
			text-decoration: underline;
		}
		#faq dl dd a:hover {
			text-decoration: none;
		}

		#faq dl dd .flow {
			margin-top: 15px;
		}


#faq .other {
	border: solid 1px #ddd;
	margin-top: 50px;
	padding: 30px 20px;
}
	#faq .other h2 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 15px;
	}

	#faq .other .txt {
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.6em;
	}


	
	
/* message
--------------------- */
#message .en {
	font-size: 1.4rem;
	color: #C3002F;
	line-height: 1;
	margin-bottom: 10px;
}
#message h2 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 25px;
}

#message .text {
	width: 60%;
	padding-right: 5%;
}


#message .pht {
	width: 40%;
}
	#message .pht img {
		border-radius: 20px;
	}

	#message .pht p {
		font-size: 1.4rem;
		text-align: center;
		line-height: 1.5em;
		margin-top: 15px;
	}


	
	
/* recruitment
--------------------- */
#recruitment ul.tab li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 70px;
	border-radius: 10px;
	background: #fff url("../../common/img/icon_arrow_bottom_gray.svg") no-repeat right 20px center;
	border: solid 1px #ddd;
	padding: 8px 30px 8px 20px;
	font-size: 1.6rem;
	line-height: 1.3em;
	font-weight: 700;
	cursor: pointer;
}
#recruitment ul.tab li.select {
	background: #C3002F url("../../common/img/icon_arrow_bottom_white.svg") no-repeat right 20px center;
	border: solid 1px #C3002F;
	color: #fff;
}
#recruitment ul.tab.column3 li {
	width: 32%;
}
#recruitment ul.tab.column2 li {
	width: 49%;
}


#recruitment .content {
	margin-top: 80px;
}
	#recruitment .content .hide {
		display: none;
	}
		#recruitment .content .cell .title {
			margin-bottom: 0;
		}

		#recruitment .content .cell .txt {
			margin-top: 30px;
			text-align: center;
		}

		#recruitment .content .cell table {
			width: 100%;
			border-collapse: collapse;
		}
			#recruitment .content .cell table tr:nth-child(2n) {
				background: #FCF2F4;
			}
				#recruitment .content .cell table tr th {
					width: 220px;
					padding: 20px 0 20px 30px;
					font-size: 1.6rem;
					line-height: 1.3em;
					font-weight: 700;
					color: #C3002F;
					text-align: left;
					letter-spacing: 0.02em;
				}
				#recruitment .content .cell table tr td {
					width: -webkit-calc(100% - 220px);
					width: calc(100% - 220px);
					padding: 20px 30px 20px 0;
					font-size: 1.5rem;
					line-height: 1.8em;
				}
					#recruitment .content .cell table tr td span {
						font-size: 1.3rem;
						letter-spacing: 0;
					}

					#recruitment .content .cell table tr td a.bnr {
						display: block;
						width: 200px;
						border: solid 1px #ddd;
						background: #fff;
						padding: 10px;
						margin-top: 5px;
					}
					#recruitment .content .cell table tr td a.bnr:nth-child(1) {
						margin-right: 10px;
					}

					#recruitment .content .cell table tr td a.entry {
						display: block;
						width: 120px;
						background: #C3002F;
						font-size: 1.6rem;
						font-weight: 700;
						border-radius: 4px;
						text-align: center;
						line-height: 1;
						color: #fff;
						padding: 10px 5px;
						margin-top: 5px;
					}
					#recruitment .content .cell table tr td a.entry:hover {
						opacity: 0.7;
					}






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







}





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

	
/* faq
--------------------- */
#faq dl dt {
	font-size: 1.7rem;
}
#faq dl dt:before {
	font-size: 1.9rem;
}
	
#faq dl dd:before {
	font-size: 1.9rem;
}
	#faq dl dd .txt {
		font-size: 1.4rem;
	}


#faq .other h2 {
	font-size: 1.7rem;
}

#faq .other .txt {
	font-size: 1.4rem;
}


	
	
/* message
--------------------- */
#message .en {
	font-size: 1.2rem;
}
#message h2 {
	font-size: 2.2rem;
	margin-bottom: 15px;
}

	
#message .text {
	width: 50%;
}


#message .pht {
	width: 50%;
}
	#message .pht p {
		font-size: 1.2rem;
	}


	
	
/* recruitment
--------------------- */
#recruitment ul.tab li {
	height: 60px;
	background: #fff url("../../common/img/icon_arrow_bottom_gray.svg") no-repeat right 15px center;
	padding: 8px 25px 8px 15px;
	font-size: 1.4rem;
}
#recruitment ul.tab li.select {
	background: #C3002F url("../../common/img/icon_arrow_bottom_white.svg") no-repeat right 15px center;
}


#recruitment .content {
	margin-top: 60px;
}
	#recruitment .content .cell table tr th {
		width: 130px;
		padding: 20px 0 20px 20px;
		font-size: 1.5rem;
	}
	#recruitment .content .cell table tr td {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
		padding: 20px 20px 20px 0;
		font-size: 1.4rem;
		line-height: 1.7em;
	}
		#recruitment .content .cell table tr td span {
			font-size: 1.2rem;
		}










}





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

	
/* faq
--------------------- */
#faq dl {
	margin-bottom: 12px;
}
	#faq dl dt {
		padding: 16px 20px 16px 45px;
		font-size: 1.6rem;
		position: relative;
	}
	#faq dl dt:before {
		font-size: 1.7rem;
		top: 19px;
		left: 20px;
	}
		#faq dl dt span {
			padding-right: 25px;
		}

	#faq dl dd {
		padding: 0 20px 16px 45px;
	}
	#faq dl dd:before {
		font-size: 1.7rem;
		top: -2px;
		left: 20px;
	}
		#faq dl dd .txt {
			font-size: 1.3rem;
			line-height: 1.7em;
		}


#faq .other {
	margin-top: 35px;
	padding: 25px 20px;
}
	#faq .other h2 {
		font-size: 1.6rem;
	}

	#faq .other .txt {
		font-size: 1.3rem;
		line-height: 1.5em;
	}


	
	
/* message
--------------------- */
#message .flex-start {
	display: block;
}
#message .text {
	width: 100%;
	padding-right: 0;
	margin-bottom: 20px;
}


#message .pht {
	width: 100%;
}


	
	
/* recruitment
--------------------- */
#recruitment ul.tab li {
	height: 70px;
	background: #fff url("../../common/img/icon_arrow_bottom_gray.svg") no-repeat right 12px center;
	padding: 8px 20px 8px 12px;
	font-size: 1.2rem;
	line-height: 1.3em;
}
#recruitment ul.tab li.select {
	background: #C3002F url("../../common/img/icon_arrow_bottom_white.svg") no-repeat right 12px center;
}


#recruitment .content {
	margin-top: 50px;
}
	#recruitment .content .cell table tr th {
		display: block;
		width: 100%;
		padding: 20px 20px 8px 20px;
		font-size: 1.5rem;
	}
	#recruitment .content .cell table tr td {
		display: block;
		width: 100%;
		padding: 0 20px 20px 20px;
		font-size: 1.3rem;
		line-height: 1.6em;
		letter-spacing: 0;
	}
		#recruitment .content .cell table tr td span {
			font-size: 1.1rem;
		}
	
		#recruitment .content .cell table tr td .flex {
			display: block;
		}
		#recruitment .content .cell table tr td a.bnr:nth-child(1) {
			margin-right: 0;
			margin-bottom: 10px;
		}







}