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


	
	
/* pagetitle
--------------------- */
#pagetitle.interview-list .bg {
	background: url("../img/interview-list/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.job .bg {
	background: url("../img/job/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.days .bg {
	background: url("../img/1days/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.career-step .bg {
	background: url("../img/career-step/pagetitle_pht.jpg") no-repeat center / cover;
}


	
	
/* kv
--------------------- */
#kv {
	padding: 10px;
	background: #FCF2F4;
}
	#kv .pht {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 7;
		border-radius: 20px;
	}
	#kv.interview01 .pht {
		background: url("../img/interview01/mainpht.jpg") no-repeat center / cover;
	}
	#kv.interview02 .pht {
		background: url("../img/interview02/mainpht.jpg") no-repeat right center / cover;
	}
	#kv.interview03 .pht {
		background: url("../img/interview03/mainpht.jpg") no-repeat right center / cover;
	}


	#kv .catch {
		position: absolute;
		top: -206px;
		left: 0;
	}
		#kv .catch .bg {
			display: inline-block;
			background: #fff;
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1;
			margin-bottom: 10px;
			padding: 5px;
			border-radius: 3px;
		}
			#kv .catch .bg .red {
				color: #C3002F;
			}


	#kv .area {
		padding-top: 70px;
	}
		#kv .area .profile {
			width: 35%;
			position: relative;
			padding-right: 5%;
		}
			#kv .area .profile .text {
				width: 65%;
			}
				#kv .area .profile .text h1 {
					font-size: 2.6rem;
					font-weight: 700;
					line-height: 1;
					margin-bottom: 10px;
				}
				#kv .area .profile .text .en {
					font-size: 1.2rem;
					color: #C3002F;
					line-height: 1;
					margin-bottom: 20px;
				}
				#kv .area .profile .text .job {
					font-size: 1.6rem;
					color: #C3002F;
					line-height: 1.3em;
				}

			#kv .area .profile .human {
				width: 35%;
				margin-bottom: -30px;
			}


		#kv .area .info {
			width: 65%;
		}
			#kv .area .info dl {
				margin-bottom: 40px;
			}
				#kv .area .info dl dt {
					width: 130px;
					font-size: 1.4rem;
					font-weight: 700;
					color: #C3002F;
					line-height: 1.4em;
					margin-top: 3px;
				}

				#kv .area .info dl dd {
					width: -webkit-calc(100% - 130px);
					width: calc(100% - 130px);
					font-size: 1.5rem;
					line-height: 1.7em;
				}


	
	
/* interview
--------------------- */
.interview {
	overflow: hidden;
}
#interview01 .text {
	margin-bottom: 50px;
}
#interview03 .text {
	width: 50%;
	padding-right: 4%;
}
	.interview .text h3 {
		font-size: 2.0rem;
		font-weight: 600;
		color: #C3002F;
		line-height: 1.3em;
		padding-left: 30px;
		margin-bottom: 18px;
		position: relative;
	}
	.interview .text h3:before {
		content: "";
		width: 20px;
		height: 2px;
		background: #C3002F;
		position: absolute;
		top: 13px;
		left: 0;
	}


#interview01 .pht {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
	#interview01 .pht img {
		width: calc(100vw - (100vw - 1000px) / 2);
		border-radius: 0 20px 20px 0;
	}

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


	
	
/* qa
--------------------- */
#qa {
	background: #FCF2F4;
}
	#qa .ttl {
		margin-bottom: 50px;
	}
		#qa .ttl h2 {
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.1em;
			text-align: center;
			color: #C3002F;
			margin-bottom: 5px;
		}
			#qa .ttl h2 .en {
				font-size: 5.7rem;
				font-weight: 700;
			}
				#qa .ttl h2 .en .small {
					font-size: 4.4rem;
				}

		#qa .ttl .txt {
			text-align: center;
		}


	#qa .list .box {
		width: 31%;
		border-radius: 20px;
		border: solid 3px #fff;
	}
		#qa .list .box .head {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 30px 15px 17px 15px;
			background: #fff;
			position: relative;
		}
			#qa .list .box .head .en {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 40px;
				height: 40px;
				background: #C3002F;
				border-radius: 50%;
				font-size: 2.1rem;
				font-weight: 700;
				line-height: 1;
				color: #fff;
				text-align: center;
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -20px;
			}

			#qa .list .box .head h3 {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1.3em;
				color: #C3002F;
				text-align: center;
			}


		#qa .list .box .text {
			padding: 20px 30px 30px 30px;
		}
			#qa .list .box .text h4 {
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1;
				color: #C3002F;
				text-align: center;
				margin-bottom: 12px;
			}

			#qa .list .box .text p {
				font-size: 1.5rem;
				line-height: 1.6em;
			}

			#qa .list .box .text img {
				border-radius: 10px;
				margin-top: 15px;
			}


	
	
/* state
--------------------- */
#state {
	background: #FCF2F4;
}
#state.off {
	display: none;
}
	#state .textbox {
		padding: 0 60px 0 60px;
		border-radius: 20px;
		background: #C3002F;
		color: #fff;
	}
		#state .textbox .text {
			width: 55%;
			padding-right: 5%;
			padding-top: 40px;
			padding-bottom: 40px;
		}
			#state .textbox .text h2 {
				display: inline-block;
				font-size: 3.0rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 12px;
			}
				#state .textbox .text h2 span {
					display: inline-block;
					color: #F5FF00;
					position: relative;
				}
				#state .textbox .text h2 span:before {
					content: "";
					width: 55px;
					height: 55px;
					background: url("../img/icon_state.svg") no-repeat center / 100%;
					position: absolute;
					top: -4.5px;
					left: -8.5px;
				}

			#state .textbox .text .txt {
				font-weight: 700;
			}


		#state .textbox .pht {
			width: 45%;
			margin-top: -30px;
		}
			#state .textbox .pht img {
				display: block;
				width: 100%;
				height: 100%;
				border-radius: 20px 20px 0 0;
				object-fit: cover;
			}


	
	
/* interview-list
--------------------- */
#interview-list a.linkbox {
	display: block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 50px;
}
#interview-list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#interview-list a.linkbox .pht {
		overflow: hidden;
		border-radius: 20px;
	}
		#interview-list a.linkbox .pht img {
			-moz-transition: -moz-transform 0.2s linear;
			-webkit-transition: -webkit-transform 0.2s linear;
			-o-transition: -o-transform 0.2s linear;
			-ms-transition: -ms-transform 0.2s linear;
			transition: transform 0.2s linear;
		}
		#interview-list a.linkbox:hover .pht img {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}


	#interview-list a.linkbox .text {
		padding: 25px 20px 0 20px;
	}
		#interview-list a.linkbox .text .head {
			font-size: 1.6rem;
			line-height: 1;
			color: #C3002F;
			margin-bottom: 12px;
		}

		#interview-list a.linkbox .text h2 {
			font-size: 2.4rem;
			line-height: 1.3em;
			margin-bottom: 5px;
		}
			#interview-list a.linkbox .text h2 .en {
				font-size: 1.3rem;
				color: #C3002F;
				padding-left: 10px;
				letter-spacing: 0.02em;
			}

		#interview-list a.linkbox .text .job-join {
			font-size: 1.4rem;
			line-height: 1.5em;
		}


	
	
/* job
--------------------- */
#job .inner_1000 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	#job .inner_1000 .txt {
		width: 45%;
		padding-right: 5%;
	}

	#job .inner_1000 .pht {
		width: 55%;
	}


	
	
/* employment
--------------------- */
.employment .title h2 span {
	color: #C3002F;
}


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


.employment .pht-text .text {
	width: 48%;
}
	.employment .pht-text .text .cell {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: dashed 1px #ddd;
	}
	.employment .pht-text .text .cell:nth-last-child(1) {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
		.employment .pht-text .text .cell h3 {
			font-size: 2.2rem;
			font-weight: 700;
			color: #C3002F;
			line-height: 1.3em;
			margin-bottom: 10px;
		}

		.employment .pht-text .text .cell h4 {
			font-size: 1.9rem;
			font-weight: 700;
			line-height: 1.5em;
		}

		.employment .pht-text .text .cell ul li {
			width: 30%;
			text-align: center;
		}
			.employment .pht-text .text .cell ul li span {
				display: block;
				padding-top: 8px;
				font-size: 1.4rem;
				line-height: 1.4em;
			}

		.employment .pht-text .text .cell .txt {
			margin-top: 20px;
		}


.employment .linklist {
	margin-top: 40px;
}
	.employment .linklist a.linkbox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 48%;
		background: #FCF2F4;
		padding: 20px 20px 20px 30px;
		border-radius: 20px;
	}
	.employment .linklist a.linkbox.off {
		pointer-events: none;
	}
		.employment .linklist a.linkbox img {
			width: 106px;
		}

		.employment .linklist a.linkbox .text {
			width: -webkit-calc(100% - 106px);
			width: calc(100% - 106px);
			padding-left: 20px;
		}
			.employment .linklist a.linkbox .text h3 {
				font-size: 2.2rem;
				font-weight: 700;
				color: #C3002F;
				line-height: 1.3em;
				margin-bottom: 4px;
			}

			.employment .linklist a.linkbox .text .more {
				display: inline-block;
				font-size: 1.6rem;
				padding-right: 25px;
				background: url("../img/job/icon_arrow_red.svg") no-repeat right center;
			}
			.employment .linklist a.linkbox.off .text .more {
				background: none;
			}





/* 社員の1日
--------------------- */
.red{
	color:#C3002F;
}
.tab {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.tablist.active {
	background: #FCF2F4;
	border: 1px solid #FCF2F4;
}
.tablist {
	width: 32%;
	list-style-type: none;
	border: 1px solid #ddd;
	text-align: center;
	padding: 20px 20px;
	border-radius: 20px 20px 0 0;
	cursor: pointer;
}
	.tablist .cntnr{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}	
		.tablist .cntnr .pht{
			width: 80px ;
		}
		.tablist .cntnr .txtarea{
			width: calc(100% - 92px);
			text-align: left;
		}
			.tablist .cntnr .red{
				line-height: 1;
				font-weight: 600;
			}
			.tablist .cntnr .shoku{
				padding: 8px 0;
			}
			.tablist .cntnr .nyusha{
				line-height: 1;
			}

.tab-top .tablist{
	border-bottom: none;
}
.tab-bottom .tablist{
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.tabcontents {
	width: calc(100% - 20px);
	margin: 0 auto;
	height:auto;
	background: #FCF2F4;
	border-radius: 20px;
}
.tabcontents-list{
	padding: 100px 0;
}
.tabcontents-list.block{
	display: block !important;
}
.tabcontents-list.hide{
	display: none;
}
	.tabcontents-list .prf_flex{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.tabcontents-list .prf_flex .pht{
			width: 220px;
		}
		.tabcontents-list .prf_flex .txt-area{
			width: calc(100% - 260px);
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}
		.tabcontents-list .prf_flex .txt-area .cntnr{
			width: 100%;
		}
			.tabcontents-list .prf_flex .txt-area .name{
				font-size: 2.4rem;
				line-height: 1;
				font-weight: 600;
			}
				.tabcontents-list .prf_flex .txt-area .name span{
					display: inline-block;
					font-size: 1.0rem;
					line-height: 1;
					padding-left: 10px;
				}

			.tabcontents-list .prf_flex .txt-area .mise{
				font-size: 1.4rem;
				line-height: 1;
				margin-top: 10px;
			}
.prf-txt {
	margin-top: 35px;
	position: relative;
	width: 100%;
	padding: 15px 20px;
	background-color: #fff;
	border-radius: 10px;
}
.prf-txt .red{
	position: absolute;
	top:0;
	left:20px;
	transform: translateY(-50%);
}
.prf-txt .txt{
	padding-top: 5px;
	line-height: 1.6;
	font-weight: 700;
}

.sche_cntnts{
	margin-top: 100px;
}
.sche_cntnts .head_imganim{
	height: 110px;
	position: relative;
	margin-bottom: 50px;	
	display: flex;
	justify-content: center;;
	align-items: center;
}
.sche_cntnts .head_imganim .sc-ttl{
	font-size: 3rem;
	line-height: 1;
	text-align: center;
	z-index: 5;
}
.sche_cntnts .head_imganim .pht {
		height: 100%;
		animation-duration: 200s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		position: absolute;
		right: 0;
	}
	.sche_cntnts .head_imganim .pht02 {
		width: 100%;
		height: 110px;
		animation-duration: 200s;
		background: url(../img/1days/loop-txt.svg) repeat-x 0 0;
		background-size: 3000px 110px;
		top: 0px;
		animation-name: slide_img01;
	}



.sche_cntnts .sche-list{
	position: relative;
	overflow: hidden;
}
.sche_cntnts .sche-list:before{
	content:'';
	position: absolute;
	top:5px;
	left:50%;
	transform: translateX(-50%);
	width: 2px;
	height: 100%;
	background-color: #C3002F;
}


.sche-list .cntnt{
	position: relative;
}
	.sche-list .cntnt:nth-child(n+2){
		margin-top: 50px;
	}
	.sche-list .cntnt .time{
		position:absolute;
		top:0;
		right:calc(50% + 40px);
		font-size: 1.8rem;
		font-weight: bold;
	}
	.sche-list .cntnt .time.rv{
		right:auto;
		left:calc(50% + 40px);
	}
	.sche-list .cntnt .time.zure{
		top:22px;
	}
	.sche-list .cntnt .cntnr{
		position: relative;
		width: calc(100% - (50% + 40px));/*連携*/
		margin: 0 0 0 auto;
	}
	.sche-list .cntnt .cntnr.rv{
		margin: 0 auto 0 0; 
	}
	.sche-list .cntnt .cntnr.waku{
		padding: 35px 30px;
		background-color: #fff;
		border-radius: 20px;
	}
	.sche-list .cntnt .cntnr.red-bg{
		color:#fff;
		background-color: #C3002F;
	}
	.sche-list .cntnt .cntnr.waku:before{
		content:'';
		position: absolute;
		top:28px;
		left:0px;/*連携*/
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 20px solid #C3002F;
		border-left: 0;
		transform: translateX(-100%);
	}
	.sche-list .cntnt .cntnr.waku.rv:before{
		content:'';
		position: absolute;
		top:28px;
		left:auto;
		right:0px;/*連携*/
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid #fff;
		border-right: 0;
		transform: translateX(100%);
	}
	.sche-list .cntnt .cntnr:after{
		content:'';
		position: absolute;
		top:5px;
		left:-40px;/*連携*/
		transform: translateX(-50%);
		width: 20px;
		height: 20px;
		background-color: #C3002F;
		border-radius: 50%;
	}
	.sche-list .cntnt .cntnr.rv:after{
		left:auto;
		right:-40px;/*連携*/
		transform: translateX(50%);
	}
	.sche-list .cntnt .cntnr.waku:after{
		top:28px;
	}
		.sche-list .cntnt .cntnr .ttl{
			font-size: 2.4rem;
			line-height: 1;
			font-weight: 600;
		}
		.sche-list .cntnt .cntnr .txt{
			font-size: 1.56rem;
			line-height: 1.8;
			margin-top: 10px;
		}
		.sche-list .cntnt .cntnr .mini{
			font-size: 1.3rem;
			line-height: 1.6;
			margin-top: 6px;
		}
		.sche-list .cntnt .cntnr .pht{
			margin-top: 15px;
		}


	
	
/* read
--------------------- */
#read .txt {
	text-align: center;
}


	
	
/* case
--------------------- */
#case ul.anchor li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
#case ul.anchor li:nth-child(3n) {
	margin-right: 0;
}
	#case ul.anchor li a {
		display: block;
		border: solid 1px #ddd;
		border-radius: 20px;
		overflow: hidden;
	}
	#case ul.anchor li a:hover {
		opacity: 0.7;
	}


#case .case {
	padding-top: 100px;
}
	#case .case h2 {
		font-size: 2.0rem;
		font-weight: 500;
		line-height: 1;
		text-align: center;
		margin-bottom: 30px;
		position: relative;
		z-index: 2;
	}
	#case .case h2:before {
		content: "";
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.5px;
		z-index: -1;
	}
		#case .case h2 span {
			padding: 0 20px;
			background: #fff;
		}


	#case .case .profile {
		margin-bottom: 35px;
	}
		#case .case .profile .human {
			width: 160px;
			text-align: center;
		}
			#case .case .profile .human span {
				display: block;
				font-size: 1.4rem;
				padding-top: 8px;
			}


		#case .case .profile .text {
			width: -webkit-calc(100% - 160px);
			width: calc(100% - 160px);
			padding-left: 40px;
		}
			#case .case .profile .text h3 {
				background: url("../img/career-step/icon_q.svg") no-repeat left 20px top;
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1.3em;
				padding-top: 7px;
				padding-left: 64px;
				padding-bottom: 24px;
			}

			#case .case .profile .text dl {
				background: #FCF2F4;
				border-radius: 20px;
				padding: 20px;
			}
				#case .case .profile .text dl dt {
					background: url("../img/career-step/icon_a.svg") no-repeat left top;
					font-size: 1.6rem;
					font-weight: 700;
					line-height: 1.3em;
					padding-top: 7px;
					padding-left: 44px;
					padding-bottom: 15px;
				}
				#case .case .profile .text dl dd {
					padding-left: 44px;
					font-size: 1.4rem;
					line-height: 1.8em;
				}



















@keyframes slide_img01 {
	100% {
		background-position: -10000px 0;
	}
}
@keyframes slide_img02 {
	100% {
		background-position: 10000px 0;
	}
}









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


	
	
/* kv
--------------------- */
#kv .catch {
	left: -10px;
}


#kv .area .profile .text {
	width: 60%;
}

#kv .area .profile .human {
	width: 40%;
}


	
	
/* state
--------------------- */
#state .textbox {
	padding: 0 40px 0 40px;
}







}





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


	
	
/* kv
--------------------- */
#kv .pht {
	aspect-ratio: 16 / 9;
}


#kv .catch {
	top: -170px;
}
	#kv .catch .bg {
		font-size: 3.0rem;
	}


#kv .area {
	padding-top: 60px;
}
	#kv .area .profile .text {
		width: 55%;
	}
		#kv .area .profile .text h1 {
			font-size: 2.2rem;
		}
		#kv .area .profile .text .en {
			font-size: 1.0rem;
		}
		#kv .area .profile .text .job {
			font-size: 1.4rem;
		}

	#kv .area .profile .human {
		width: 45%;
		margin-bottom: -30px;
	}
	

	#kv .area .info dl {
		margin-bottom: 40px;
	}
		#kv .area .info dl dt {
			width: 110px;
			font-size: 1.2rem;
		}

		#kv .area .info dl dd {
			width: -webkit-calc(100% - 110px);
			width: calc(100% - 110px);
			font-size: 1.4rem;
		}


	
	
/* interview
--------------------- */
#interview01 .text {
	margin-bottom: 40px;
}
	.interview .text h3 {
		font-size: 1.9rem;
		padding-left: 25px;
		margin-bottom: 15px;
	}
	.interview .text h3:before {
		width: 15px;
		top: 11px;
	}


	
	
/* qa
--------------------- */
#qa .ttl {
	margin-bottom: 40px;
}
	#qa .ttl h2 {
		font-size: 2.4rem;
	}
		#qa .ttl h2 .en {
			font-size: 4.7rem;
		}
			#qa .ttl h2 .en .small {
				font-size: 3.4rem;
			}


#qa .list .box {
	width: 32%;
	border-radius: 20px;
	border: solid 3px #fff;
}
	#qa .list .box .head {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px 10px 17px 10px;
		background: #fff;
		position: relative;
	}

		#qa .list .box .head h3 {
			font-size: 1.7rem;
			font-weight: 700;
			line-height: 1.3em;
			color: #C3002F;
			text-align: center;
		}


	#qa .list .box .text {
		padding: 20px 25px 25px 25px;
	}
		#qa .list .box .text h4 {
			font-size: 2.0rem;
			margin-bottom: 10px;
		}

		#qa .list .box .text p {
			font-size: 1.4rem;
		}


	
	
/* state
--------------------- */
#state .textbox {
	padding: 0 0 0 40px;
}
	#state .textbox .text {
		padding-right: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
		#state .textbox .text h2 {
			font-size: 2.4rem;
		}
			#state .textbox .text h2 span:before {
				width: 45px;
				height: 45px;
				top: -2.5px;
				left: -7px;
			}


	#state .textbox .pht {
		background: #fff;
		margin-top: 0;
		overflow: hidden;
		border-radius: 0 20px 20px 0;
	}
		#state .textbox .pht img {
			border-radius: 0;
			object-fit: contain;
		}


	
	
/* interview-list
--------------------- */
#interview-list a.linkbox {
	margin-bottom: 40px;
}
	#interview-list a.linkbox .text {
		padding: 22px 15px 0 15px;
	}
		#interview-list a.linkbox .text .head {
			font-size: 1.4rem;
		}

		#interview-list a.linkbox .text h2 {
			font-size: 2.0rem;
		}
			#interview-list a.linkbox .text h2 .en {
				font-size: 1.1rem;
			}

		#interview-list a.linkbox .text .job-join {
			font-size: 1.2rem;
			line-height: 1.5em;
		}


	
	
/* employment
--------------------- */
.employment .pht-text .pht {
	border-radius: 15px;
}


.employment .pht-text .text .cell {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
	.employment .pht-text .text .cell h3 {
		font-size: 2.0rem;
	}

	.employment .pht-text .text .cell h4 {
		font-size: 1.7rem;
	}

	.employment .pht-text .text .cell ul li span {
		font-size: 1.2rem;
	}

	.employment .pht-text .text .cell .txt {
		margin-top: 15px;
	}


.employment .linklist {
	margin-top: 30px;
}
.employment .linklist a.linkbox {
	padding: 20px 20px 20px 20px;
	border-radius: 15px;
}
	.employment .linklist a.linkbox .text {
		padding-left: 15px;
	}
		.employment .linklist a.linkbox .text h3 {
			font-size: 1.8rem;
		}

		.employment .linklist a.linkbox .text .more {
			font-size: 1.4rem;
		}



/* 社員の1日
--------------------- */
.tablist .cntnr .shoku {
    padding: 6px 0;
	font-size: 1.3rem;
}	
.sche-list .cntnt .cntnr .ttl {
    font-size: 2.0rem;
}
.sche-list .cntnt .time {
    font-size: 1.6rem;
}


	
	
/* case
--------------------- */
#case .case {
	padding-top: 80px;
}
	#case .case h2 {
		font-size: 1.8rem;
	}


	#case .case .profile .human {
		width: 140px;
	}
		#case .case .profile .human span {
			font-size: 1.2rem;
		}


	#case .case .profile .text {
		width: -webkit-calc(100% - 140px);
		width: calc(100% - 140px);
		padding-left: 30px;
	}
		#case .case .profile .text h3 {
			font-size: 1.5rem;
		}

		#case .case .profile .text dl {
			border-radius: 15px;
		}
			#case .case .profile .text dl dt {
				font-size: 1.5rem;
			}
			#case .case .profile .text dl dd {
				font-size: 1.3rem;
				line-height: 1.6em;
			}


	#case .case .flow {
		width: 100%;
	}






}





/* max 768px */
@media screen and (max-width: 768px) {
#pagetitle.job .bg {
	background: url("../img/job/pagetitle_pht_sp.jpg") no-repeat center / cover;
}
#pagetitle.days .bg {
	background: url("../img/1days/pagetitle_pht_sp.jpg") no-repeat center / cover;
}


	
	
/* kv
--------------------- */
#kv .pht {
	aspect-ratio: 1 / 1;
}
	#kv.interview02 .pht {
		background: url("../img/interview02/mainpht.jpg") no-repeat right 10% center / cover;
	}
	#kv.interview03 .pht {
		background: url("../img/interview03/mainpht.jpg") no-repeat right 10% center / cover;
	}


#kv .catch {
	top: -135px;
}
	#kv .catch .bg {
		font-size: 2.4rem;
		margin-bottom: 5px;
	}


#kv .area {
	display: block;
	padding-top: 50px;
}
	#kv .area .profile {
		width: 100%;
		padding: 0 0 30px 0;
		margin-bottom: 30px;
		border-bottom: solid 1px #fff;
	}
		#kv .area .profile .text {
			width: 100%;
		}

		#kv .area .profile .human {
			width: 85px;
			margin-bottom: 0;
			position: absolute;
			top: -20px;
			right: 0;
		}
	

	#kv .area .info {
		width: 100%;
	}
		#kv .area .info dl {
			display: block;
			margin-bottom: 25px;
		}
			#kv .area .info dl dt {
				width: 100%;
				margin-bottom: 10px;
			}

			#kv .area .info dl dd {
				width: 100%;
			}


	
	
/* interview
--------------------- */
.interview {
	overflow: hidden;
}
#interview01 .text {
	margin-bottom: 25px;
}
#interview03 .text {
	width: 100%;
	padding-right: 0;
	margin-bottom: 25px;
}
	.interview .text h3 {
		font-size: 1.7rem;
		margin-bottom: 14px;
	}
	
.interview .text-pht {
	display: block;
}


#interview01 .pht {
	width: 108%;
	margin-left: -8%;
}
	#interview01 .pht img {
		width: 100%;
		border-radius: 0 15px 15px 0;
	}

#interview03 .pht {
	width: 100%;
	border-radius: 15px;
}


	
	
/* qa
--------------------- */
#qa .ttl {
	margin-bottom: 40px;
}
	#qa .ttl h2 {
		font-size: 2.4rem;
		margin-bottom: 10px;
	}
		#qa .ttl h2 .en {
			font-size: 4.0rem;
		}
			#qa .ttl h2 .en .small {
				font-size: 3.0rem;
			}


#qa .list {
	display: block;
}
	#qa .list .box {
		width: 100%;
		border-radius: 15px;
		margin-bottom: 40px;
	}
	#qa .list .box:nth-last-child(1) {
		margin-bottom: 0;
	}
		#qa .list .box .head h3 {
			font-size: 1.9rem;
		}


	
	
/* state
--------------------- */
#state .textbox {
	display: block;
	padding: 0;
	border-radius: 15px;
}
	#state .textbox .text {
		width: 100%;
		padding: 30px;
	}
		#state .textbox .text h2 {
			font-size: 2.2rem;
		}
			#state .textbox .text h2 span:before {
				width: 40px;
				height: 40px;
				left: -6.5px;
			}


	#state .textbox .pht {
		width: 100%;
		border-radius: 0 0 15px 15px;
	}


	
	
/* interview-list
--------------------- */
#interview-list {
	display: block;
}
	#interview-list a.linkbox {
		width: 100%;
		margin-right: 0;
		margin-bottom: 35px;
	}
	#interview-list a.linkbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#interview-list a.linkbox .pht {
			border-radius: 15px;
		}


	
	
/* employment
--------------------- */
.employment .pht-text {
	display: block;
}
	.employment .pht-text .pht {
		width: 100%;
	}


	.employment .pht-text .text {
		width: 100%;
		padding-top: 20px;
	}
		.employment .pht-text .text .cell {
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
			.employment .pht-text .text .cell h3 {
				font-size: 1.8rem;
			}

			.employment .pht-text .text .cell h4 {
				font-size: 1.5rem;
			}

			.employment .pht-text .text .cell ul li span {
				font-size: 1.2rem;
			}

			.employment .pht-text .text .cell .txt {
				margin-top: 15px;
			}


.employment .linklist {
	display: block;
	margin-top: 30px;
}
.employment .linklist a.linkbox {
	width: 100%;
	padding: 20px 20px 20px 20px;
	border-radius: 15px;
	margin-top: 20px;
}
	.employment .linklist a.linkbox img {
		width: 80px;
	}
	.employment .linklist a.linkbox .text {
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
		padding-left: 15px;
	}
		.employment .linklist a.linkbox .text h3 {
			font-size: 1.6rem;
		}

		.employment .linklist a.linkbox .text .more {
			font-size: 1.3rem;
		}


	
	
/* job
--------------------- */
#job .inner_1000 {
	display: block;
}
	#job .inner_1000 .txt {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	#job .inner_1000 .pht {
		width: 100%;
	}


	
/* 社員の1日
--------------------- */
.sche_cntnts .sche-list:before {
    top: 5px;
    left: 8px;
    transform: translateX(-50%);
    width: 2px;
}
.sche-list .cntnt:nth-child(n+2) {
    margin-top: 35px;
}
#schedule-sec .inner_1000:first-child{
	padding: 0 10px;
}
#schedule-sec .inner_1000:last-child{
	padding: 0 10px;
}
.tablist {
    padding: 15px 10px;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
}
.tablist .cntnr .txtarea {
    width: 100%;
    text-align: center;
}
.tablist .cntnr .shoku {
    font-size: 1.2rem;
	line-height: 1.25;
	padding: 4px 0;
}
.tablist .cntnr .nyusha {
    font-size: 1.2rem;
}
.tablist .cntnr .pht {
    width:80px;
	margin: 0 auto 10px;
}
.tabcontents {
    border-radius: 0 0;
}
	
.tabcontents-list .prf_flex .txt-area {
    width: 100%;
    display: block;
}	
.tabcontents-list .prf_flex .txt-area .name {
    font-size: 1.9rem;
}
.prf-txt {
    margin-top: 15px;
    padding: 15px 20px 10px;
}	
.tabcontents-list {
    padding: 40px 0;
}
	.tabcontents-list .prf_flex .pht {
		width: 180px;
		margin: 0 auto;
	}
	.tabcontents-list .inner_1000{
		padding: 0 15px!important;
	}
.tabcontents-list .prf_flex .txt-area .mise {
    font-size: 1.3rem;
    text-align: center;
}
.tabcontents-list .prf_flex .txt-area .name {
    font-size: 1.9rem;
	text-align: center;
	margin-top: 15px;
}
.tabcontents-list .prf_flex .txt-area .name span {
    width: 100%;
    padding-left: 0px;
}
.sche_cntnts {
    margin-top: 50px;
}
.sche_cntnts .head_imganim .sc-ttl {
    font-size: 2.4rem;
    line-height: 1;
    text-align: center;
    z-index: 5;
}	
.sche_cntnts .head_imganim {
    height: 80px;
    margin-bottom: 20px;
}
.sche_cntnts .head_imganim .pht02 {
    height: 80px;
    background-size: 1900px 80px;
}	
	
.sche-list .cntnt .cntnr {
    width: calc(100% - 80px);
    margin: 0 0 0 auto;
}
.sche-list .cntnt .cntnr.rv {
    margin: 0 0 0 auto;
}
.sche-list .cntnt .time {
    top: -2px!important;
	left:20px!important;
    right: auto;
    font-size: 1.4rem;
}	

.sche-list .cntnt .cntnr .txt {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-top: 8px;
}
.sche-list .cntnt .cntnr.waku {
    padding: 25px 20px;
    border-radius: 15px;
}	
.sche-list .cntnt .cntnr .ttl {
    font-size: 1.7rem;
}
.sche-list .cntnt .cntnr:after {
    display: none!important;
}	
.sche-list .cntnt:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    transform: translateX(0);
    width: 16px;
    height: 16px;
    background-color: #C3002F;
    border-radius: 50%;
}
	.sche-list .cntnt .cntnr:before{
		display: none!important
	}	


	
	
/* case
--------------------- */
#case ul.anchor li {
	width: 49%;
}
#case ul.anchor li:nth-child(3n) {
	margin-right: 2%;
}
#case ul.anchor li:nth-child(2n) {
	margin-right: 0;
}
	#case ul.anchor li a {
		border-radius: 15px;
	}
	
	
#case .case {
	padding-top: 60px;
}
	#case .case h2 {
		font-size: 1.8rem;
	}


	#case .case .profile {
		display: block;
		margin-bottom: 25px;
	}
		#case .case .profile .human {
			width: 160px;
			margin: 0 auto 15px auto;
		}
			#case .case .profile .human span {
				font-size: 1.2rem;
			}


		#case .case .profile .text {
			width: 100%;
			padding-left: 0;
		}


	#case .case .flow .js-scrollable {
		overflow-x: scroll !important;
		overflow-y: hidden !important;
	}
		#case .case .flow .js-scrollable img {
			width: 700px;
		}
	
	

}