/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none;box-sizing: border-box;}fieldset{border:0}body{line-height:1.8}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}strong{font-weight: bold}
html{font-size: 62.5%;}
body{font-size: 1.5rem;}

/* img */ 
img {
	width: 100%;
	height: auto;
}

/* sp */ 
.sp {
	display: none;
}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #404040;
	text-decoration: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a:before,
a:after {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	background: #FFFAE5;
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	color: #404040;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
body.fixed {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
}

::-webkit-scrollbar {
	width: 3px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background: none;
}
::-webkit-scrollbar-thumb {
	background: #FFCD00;
}

.white	{
	color: #fff;
}
.yellow	{
	color: #FFCD00;
}
.orange	{
	color: #F99900;
}
.bg-yellow	{
	background: #FFCD00;
}
.bg-orange	{
	background: #F99900;
}

.en {
	font-family: "Poppins", serif;
	font-weight: 500;
}



/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}
.flex-center {
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	display: none;
}
@media screen and (max-width: 1300px) {
	#header {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		max-width: 500px;
		padding: 10px 10px 0 20px;
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		-webkit-transform: translateY(0) translateX(-50%);
		z-index: 13;
	}
		#header .logo {
			width: 160px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#header .logo.trigger {
			opacity: 0;
			pointer-events: none;
		}
		#header.is-animation .logo {
			opacity: 0;
			pointer-events: none;
		}
			#header .logo a:hover {
				opacity: 0.7;
			}
			#header .logo h1 {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1;
				margin-top: 3px;
			}

		#header #menubtn {
			display: block;
			width: 50px;
			height: 50px;
			border-radius: 6px;
			background: #FFCD00;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
			#header #menubtn .menu {
				display: block;
				position: relative;
				cursor: pointer;
				width: 50px;
				height: 50px;
			}
				#header #menubtn .menu .openbtn-area {
					transition: all .4s;
				}
					#header #menubtn .menu span {
						width: 24px;
						display: inline-block;
						transition: all .4s;
						border-radius: 1px;
						position: absolute;
						top: 50%;
						left: 50%;
						margin-left: -12px;
						height: 2px;
						background: #fff;
					}
					#header #menubtn .menu span:nth-of-type(1) {
						margin-top: -8px;
					}
					#header #menubtn .menu span:nth-of-type(2) {
						margin-top: -1px;
					}
					#header #menubtn .menu span:nth-of-type(3) {
						margin-top: 6px;
					}

					#header #menubtn.active .menu span:nth-of-type(1) {
						transform: translateY(6px) rotate(-155deg);
						margin-top: -7px;
					}
					#header #menubtn.active .menu span:nth-of-type(2) {
						opacity: 0;
					}
					#header #menubtn.active .menu span:nth-of-type(3) {
						transform: translateY(-6px) rotate(155deg);
						margin-top: 5px;
					}
}
	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* メニュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#menubox {
	display: none;
}
@media screen and (max-width: 1300px) {
	#menubox {
		width: 100%;
		max-width: 500px;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		-webkit-transform: translateY(0) translateX(-50%);
		z-index: 12;
	}
		#menubox .menunav {
			display: block;
			width: 100%;
			height: 100vh;
			height: 100dvh;
			padding: 35px 0 30px 0;
			overflow: hidden;
			overflow-y: scroll;
		}
			#menubox .menunav .row {
				width: 80%;
				margin: 0 auto;
			}

			#menubox .menunav .anchor {
				border-bottom: solid 1px #FCE6B2;
				padding: 25px 0;
			}
				#menubox .menunav .anchor ul li {
					margin-bottom: 5px;
				}
				#menubox .menunav .anchor ul li:nth-last-child(1) {
					margin-bottom: 0;
				}
					#menubox .menunav .anchor ul li a {
						display: block;
						background: url("../img/icon_ac_arrow.svg") no-repeat left top 7px;
						padding-left: 30px;
						font-size: 1.8rem;
						font-weight: 500;
					}
					#menubox .menunav .anchor ul li a:hover {
						color: #FFCD00;
					}

			#menubox .menunav .application {
				border-bottom: solid 1px #FCE6B2;
				padding: 25px 0;
			}
				#menubox .menunav .application .head {
					font-size: 1.8rem;
					font-weight: 500;
					background: url("../img/icon_application.svg") no-repeat left center;
					padding-left: 30px;
					margin-bottom: 15px;
					line-height: 1;
				}

				#menubox .menunav .application a.btn-entry {
					display: block;
					width: 100%;
					height: 70px;
					background: #F99900 url("../img/icon_arrow_white.svg") no-repeat right 25px center;
					border-radius: 6px;
					font-size: 2.0rem;
					font-weight: 700;
					line-height: 70px;
					color: #fff;
					padding: 0 25px;
				}
				#menubox .menunav .application a.btn-entry:hover {
					background: #FFCD00 url("../img/icon_arrow_white.svg") no-repeat right 20px center;
				}

			#menubox .menunav .external {
				padding: 20px 0 17px 0;
			}
				#menubox .menunav .external ul li {
					margin-bottom: 5px;
				}
				#menubox .menunav .external ul li:nth-last-child(1) {
					margin-bottom: 0;
				}
					#menubox .menunav .external ul li a {
						display: block;
						background: url("../img/icon_external_orange.svg") no-repeat left top 7px;
						padding-left: 15px;
						font-size: 1.3rem;
						font-weight: 500;
					}
					#menubox .menunav .external ul li a:hover {
						color: #FFCD00;
					}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* レコメンド */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#information {
	width: calc(50% - 250px);
	height: 100vh;
	overflow-y: scroll;
	padding: 15px 0 0 0;
	position: fixed;
	top: 0;
	left: 0;
}
	#information .area .row {
		max-width: 330px;
		margin: 0 auto;
	}

	#information .area .logo {
		border-bottom: solid 1px #FCE6B2;
		padding-bottom: 35px;
	}
		#information .area .logo a {
			display: block;
			width: 170px;
		}
		#information .area .logo a:hover {
			opacity: 0.7;
		}

		#information .area .logo h1 {
			font-size: 1.4rem;
			line-height: 1;
			margin-top: 3px;
		}

	#information .area .anchor {
		border-bottom: solid 1px #FCE6B2;
		padding: 25px 0;
	}
		#information .area .anchor ul li {
			margin-bottom: 5px;
		}
		#information .area .anchor ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
			#information .area .anchor ul li a {
				display: block;
				background: url("../img/icon_ac_arrow.svg") no-repeat left top 7px;
				padding-left: 30px;
				font-size: 1.8rem;
				font-weight: 500;
			}
			#information .area .anchor ul li a:hover {
				color: #FFCD00;
			}

	#information .area .application {
		border-bottom: solid 1px #FCE6B2;
		padding: 25px 0;
	}
		#information .area .application .head {
			font-size: 1.8rem;
			font-weight: 500;
			background: url("../img/icon_application.svg") no-repeat left center;
			padding-left: 30px;
			margin-bottom: 15px;
			line-height: 1;
		}

		#information .area .application a.btn-entry {
			display: block;
			width: 100%;
			height: 70px;
			background: #F99900 url("../img/icon_arrow_white.svg") no-repeat right 25px center;
			border-radius: 6px;
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 70px;
			color: #fff;
			padding: 0 25px;
		}
		#information .area .application a.btn-entry:hover {
			background: #FFCD00 url("../img/icon_arrow_white.svg") no-repeat right 20px center;
		}

	#information .area .external {
		border-bottom: solid 1px #FCE6B2;
		padding: 20px 0 17px 0;
	}
		#information .area .external ul li {
			margin-bottom: 5px;
		}
		#information .area .external ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
			#information .area .external ul li a {
				display: block;
				background: url("../img/icon_external_orange.svg") no-repeat left top 7px;
				padding-left: 15px;
				font-size: 1.3rem;
				font-weight: 500;
			}
			#information .area .external ul li a:hover {
				color: #FFCD00;
			}

	#information .area .copyright {
		padding: 25px 0;
		font-size: 1.1rem;
		line-height: 1;
		text-align: center;
	}
@media screen and (max-width: 1300px) {
	#information {
		display: none;
	}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* その他 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#message {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 250px);
	height: 100vh;
	overflow-y: scroll;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
}
	#message .area {
		margin: 0 calc(50% - 170px) 20px;
		overflow: hidden;
	}
		#message .area .m-ttl {
			text-align: center;
			padding-bottom: 20px;
			margin-bottom: 20px;
			background: url("../img/motif_border.svg") no-repeat center bottom;
		}
			#message .area .m-ttl .en {
				font-size: 6.0rem;
				line-height: 1;
			}

			#message .area .m-ttl h2 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1;
			}

		#message .area .txt {
			margin-bottom: 12px;
		}
		#message .area .txt:nth-last-child(1) {
			margin-bottom: 0;
		}
@media screen and (max-width: 1300px) {
	#message {
		display: none;
	}
}


	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* main */
#main {
	display: block;
	background: #fff;
	max-width: 500px;
	margin: 0 auto;
}
.inner {
	width: 100%;
	padding: 0 7%;
	position: relative;
}

/* wrap */
.wrap-top {
	padding-top: 60px;
}
.wrap-bottom {
	padding-bottom: 80px;
}

/* txt */
.txt {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.8em;
}

/* list-icon */
ul.list-icon li {
	font-size: 1.6rem;
	line-height: 1.6em;
	margin-bottom: 5px;
	padding-left: 15px;
	position: relative;
}
ul.list-icon li:nth-last-child(1) {
	margin-bottom: 0;
}
ul.list-icon li:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #E2E2E2;
	position: absolute;
	top: 9px;
	left: 0;
}

/* img-over */
a .img-over {
	overflow: hidden;
}
	a .img-over 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;
	}
	a:hover .img-over img {
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		-o-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
	}

/* title */
.title {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
}
	.title h2 {
		font-size: 3.4rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		position: relative;
		z-index: 1;
		padding-top: 30px;
		padding-bottom: 15px;
	}

	.title .marquee {
		display: flex;
		width: 100%;
		color: #FEF5E5;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.title .marquee.white {
		opacity: 0.2;
	}
		.title .marquee .marquee__item {
			flex: 0 0 auto;
			font-size: 10.0rem;
			font-weight: 500;
			letter-spacing: 0;
			white-space: nowrap;
			line-height: 1;
			padding-right: 20px;
		}
		.title .marquee .marquee__item:nth-child(odd) {
			animation: loop 80s -40s linear infinite;
		}
		.title .marquee .marquee__item:nth-child(even) {
			animation: loop2 80s linear infinite;
		}
		@keyframes loop {
			0% {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-100%);
			}
		}
		@keyframes loop2 {
			0% {
				transform: translateX(0);
			}
			to {
				transform: translateX(-200%);
			}
		}
@media screen and (max-width: 500px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	/* wrap */
	.wrap-top {
		padding-top: 45px;
	}
	.wrap-bottom {
		padding-bottom: 60px;
	}

	/* txt */
	.txt {
		font-size: 1.5rem;
		line-height: 1.7em;
	}

	/* list-icon */
	ul.list-icon li {
		font-size: 1.5rem;
	}
	ul.list-icon li:before {
		top: 8px;
	}
	
	/* title */
	.title {
		margin-bottom: 10px;
	}
		.title h2 {
			font-size: 3.0rem;
			padding-top: 20px;
			padding-bottom: 25px;
		}

		.title .marquee .marquee__item {
			font-size: 8.0rem;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* FV */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#fv {
	background: url("../img/fv_bg.svg") no-repeat center top / 100%;
	padding-top: 115px;
	padding-bottom: 40px;
}
	#fv .text {
		text-align: center;
	}
		#fv .text .en {
			font-size: 2.0rem;
			line-height: 1;
			text-decoration: underline;
		}

		#fv .text h2 {
			margin-top: -5px;
			font-size: 7.4rem;
			line-height: 1em;
			background: url("../img/motif_circle.svg") no-repeat right 20px bottom 0;
			padding-bottom: 40px;
		}
			#fv .text h2 span {
				font-size: 4.1rem;
			}

	#fv .human {
		padding: 0 7%;
	}
@media screen and (max-width: 500px) {
	#fv {
		background: url("../img/fv_bg.svg") no-repeat center top / 100%;
		padding-top: 100px;
		padding-bottom: 0;
	}
		#fv .text {
			text-align: center;
		}
			#fv .text .en {
				font-size: 1.8rem;
			}

			#fv .text h2 {
				margin-top: -10px;
				font-size: 6.8rem;
				line-height: 0.9em;
				background: url("../img/motif_circle.svg") no-repeat right 0 bottom 0 / 210px;
				padding-bottom: 35px;
			}
				#fv .text h2 span {
					font-size: 3.7rem;
				}

		#fv .human {
			padding: 0 8%;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* イオンディライトとは? */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#what ul.list li {
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
}
#what ul.list li:nth-last-child(1) {
	margin-bottom: 0;
}
@media screen and (max-width: 500px) {
	#what ul.list li {
		margin-bottom: 10px;
	}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 設備管理の仕事とは？ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#management {
	border-radius: 40px;
}
	#management .pht {
		width: 107%;
		border-radius: 0 10px 10px 0;
		overflow: hidden;
		margin-left: -8%;
		margin-bottom: 30px;
	}

	#management h3 {
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 5px;
		padding-bottom: 17px;
		background: url("../img/motif_border.svg") no-repeat left bottom;
	}

	#management .txt {
		font-weight: 500;
	}
@media screen and (max-width: 500px) {
	#management {
		border-radius: 30px;
	}
		#management .pht {
			margin-bottom: 25px;
		}

		#management h3 {
			font-size: 2.6rem;
			margin-bottom: 0;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 先輩社員インタビュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#interview .cell {
	border-top: solid 1px #ddd;
	padding: 30px 7%;
}
#interview .cell:nth-last-child(1) {
	border-bottom: solid 1px #ddd;
}
	#interview .cell .profile {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
		#interview .cell .profile .pht {
			width: 140px;
			border-radius: 10px;
			overflow: hidden;
		}

		#interview .cell .profile .text {
			width: -webkit-calc(100% - 140px);
			width: calc(100% - 140px);
			padding-left: 25px;
		}
			#interview .cell .profile .text .en {
				font-size: 1.4rem;
				line-height: 1;
				margin-bottom: 10px;
			}

			#interview .cell .profile .text h3 {
				font-size: 3.0rem;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 12px;
			}

			#interview .cell .profile .text .join {
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1.3em;
			}

	#interview .cell .content {
		display: none;
		background: #F8F8F8;
		border-radius: 10px;
		margin-top: 30px;
		padding: 30px;
	}
		#interview .cell .content h3 {
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 5px;
			padding-bottom: 17px;
			background: url("../img/motif_border.svg") no-repeat left bottom;
		}

		#interview .cell .content .pht {
			border-radius: 10px;
			overflow: hidden;
			margin-top: 20px;
		}

		#interview .cell .content .examples {
			margin-top: 35px;
		}
			#interview .cell .content .examples .head {
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1;
				text-align: center;
				margin-bottom: 15px;
				position: relative;
				z-index: 0;
			}
			#interview .cell .content .examples .head:before {
				content: "";
				width: 100%;
				height: 1px;
				background: #ddd;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -0.5px;
				z-index: -1;
			}
				#interview .cell .content .examples .head span {
					background: #F8F8F8;
					padding: 0 15px;
				}

			#interview .cell .content .examples h4 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.3em;
				text-align: center;
				margin-bottom: 15px;
			}

			#interview .cell .content .examples dl dt {
				width: 135px;
			}
				#interview .cell .content .examples dl dt img {
					border-radius: 10px;
				}
			#interview .cell .content .examples dl dd {
				width: -webkit-calc(100% - 135px);
				width: calc(100% - 135px);
				padding-left: 20px;
				font-size: 1.5rem;
				line-height: 1.8em;
			}

	#interview .cell a.btn {
		display: block;
		width: 190px;
		height: 50px;
		border-radius: 25px;
		background: #FFCD00;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 50px;
		text-align: center;
		margin: 20px auto 0 auto;
	}
	#interview .cell a.btn.active {
		background: #404040;
		color: #fff;
	}
	#interview .cell a.btn:hover {
		opacity: 0.7;
	}
		#interview .cell a.btn .open {
			display: block;
		}
		#interview .cell a.btn .close {
			display: none;
		}
		#interview .cell a.btn.active .open {
			display: none;
		}
		#interview .cell a.btn.active .close {
			display: block;
		}
@media screen and (max-width: 500px) {
	#interview .cell {
		padding: 25px 7%;
	}
		#interview .cell .profile .pht {
			width: 100px;
		}

		#interview .cell .profile .text {
			width: -webkit-calc(100% - 100px);
			width: calc(100% - 100px);
			padding-left: 18px;
		}
			#interview .cell .profile .text .en {
				font-size: 1.3rem;
			}

			#interview .cell .profile .text h3 {
				font-size: 2.6rem;
			}

			#interview .cell .profile .text .join {
				font-size: 1.3rem;
			}

		#interview .cell .content {
			margin-top: 20px;
			padding: 20px;
		}
			#interview .cell .content h3 {
				font-size: 2.2rem;
				margin-bottom: 0;
			}

			#interview .cell .content .pht {
				margin-top: 15px;
			}

			#interview .cell .content .examples {
				margin-top: 30px;
			}
				#interview .cell .content .examples .head {
					font-size: 2.0rem;
					margin-bottom: 12px;
				}
					#interview .cell .content .examples .head span {
						padding: 0 12px;
					}

				#interview .cell .content .examples h4 {
					font-size: 2.4rem;
					margin-bottom: 15px;
				}

				#interview .cell .content .examples dl dt {
					width: 110px;
				}
				#interview .cell .content .examples dl dd {
					width: -webkit-calc(100% - 110px);
					width: calc(100% - 110px);
					font-size: 1.4rem;
					line-height: 1.6em;
				}

		#interview .cell a.btn {
			width: 170px;
			height: 44px;
			border-radius: 22px;
			font-size: 1.6rem;
			line-height: 44px;
			margin-top: 20px;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 福利厚生 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#employee-benefits .row {
	margin-bottom: 30px;
}
#employee-benefits .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#employee-benefits .row .ttl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: #F8F8F8;
		border-radius: 10px;
		padding: 15px 20px;
		margin-bottom: 12px;
	}
		#employee-benefits .row .ttl h3 {
			font-size: 2.2rem;
			line-height: 1.3em;
		}
@media screen and (max-width: 500px) {
	#employee-benefits .row {
		margin-bottom: 25px;
	}
		#employee-benefits .row .ttl {
			padding: 15px 20px;
		}
			#employee-benefits .row .ttl h3 {
				font-size: 2.0rem;
			}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 人材育成 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#development {
	border-radius: 40px;
}
	#development .read {
		margin-top: -10px;
		margin-bottom: 30px;
	}

	#development .whitebox {
		border-radius: 10px;
		background: #fff;
		margin-top: 20px;
		padding: 30px;
	}
		#development .whitebox .ttl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 12px;
		}
			#development .whitebox .ttl .number {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 44px;
				height: 44px;
				border-radius: 50%;
				font-size: 2.0rem;
				font-weight: 500;
				text-align: center;
			}

			#development .whitebox .ttl h3 {
				width: -webkit-calc(100% - 44px);
				width: calc(100% - 44px);
				padding-left: 12px;
				font-size: 2.3rem;
			}
@media screen and (max-width: 500px) {
	#development {
		border-radius: 30px;
	}
		#development .read {
			margin-top: 0;
			margin-bottom: 25px;
		}

		#development .whitebox {
			margin-top: 15px;
			padding: 25px;
		}
			#development .whitebox .ttl {
				margin-bottom: 10px;
			}
				#development .whitebox .ttl .number {
					width: 40px;
					height: 40px;
					font-size: 1.8rem;
				}

				#development .whitebox .ttl h3 {
					width: -webkit-calc(100% - 40px);
					width: calc(100% - 40px);
					padding-left: 10px;
					font-size: 2.1rem;
				}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 先生・保護者の方へ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#teachers-parents .row:nth-child(1) {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: dashed 1px #ddd;
}
	#teachers-parents .row h3 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 8px;
	}

	#teachers-parents .row .txt {
		margin-bottom: 10px;
	}
	#teachers-parents .row .txt:nth-last-child(1) {
		margin-bottom: 0;
	}
		#teachers-parents .row .txt a {
			text-decoration: underline;
		}
		#teachers-parents .row .txt a:hover {
			text-decoration: none;
		}
@media screen and (max-width: 500px) {
	#teachers-parents .row:nth-child(1) {
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
		#teachers-parents .row h3 {
			font-size: 2.2rem;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 採用FAQ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#faq .read {
	margin-top: -10px;
	margin-bottom: 30px;
}

#faq .row {
	margin-top: 20px;
	background: #F8F8F8;
	border-radius: 10px;
}
	#faq .row h3 {
		padding: 15px 50px 15px 60px;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
		position: relative;
		cursor: pointer;
	}
	#faq .row h3:before {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		content: "Q";
		height: 100%;
		font-size: 3.0rem;
		font-family: "Poppins", serif;
		font-weight: 500;
		color: #F99900;
		position: absolute;
		top: 0;
		left: 20px;
	}
	#faq .row h3:after {
		content: "";
		width: 24px;
		height: 24px;
		background: url("../img/icon_plus.svg") no-repeat center / 100%;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -12px;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#faq .row h3.active:after {
		 transform:rotate(135deg); 
	}

	#faq .row .text {
		display: none;
		position: relative;
		padding: 0 20px 20px 60px;
	}
	#faq .row .text:before {
		content: "A";
		height: 100%;
		font-size: 3.0rem;
		font-family: "Poppins", serif;
		font-weight: 500;
		line-height: 1;
		color: #FFCD00;
		position: absolute;
		top: 5px;
		left: 20px;
	}
@media screen and (max-width: 500px) {
	#faq .read {
		margin-top: 0;
		margin-bottom: 25px;
	}

	#faq .row {
		margin-top: 15px;
	}
		#faq .row h3 {
			padding: 15px 40px 15px 50px;
		}
		#faq .row h3:before {
			font-size: 2.6rem;
			left: 15px;
		}
		#faq .row h3:after {
			width: 20px;
			height: 20px;
			right: 15px;
			margin-top: -10px;
		}

		#faq .row .text {
			display: none;
			position: relative;
			padding: 0 15px 20px 50px;
		}
		#faq .row .text:before {
			font-size: 2.6rem;
			top: 3px;
			left: 15px;
		}
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 採用情報 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#recruit .row {
	margin-bottom: 45px;
}
#recruit .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#recruit .row h3 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 15px;
	}

	#recruit .row dl {
		border-top: solid 1px #ddd;
		padding: 18px 10px;
	}
	#recruit .row dl:nth-last-child(1) {
		border-bottom: solid 1px #ddd;
	}
		#recruit .row dl dt {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 5px;
		}

		#recruit .row dl dd .txt {
			margin-bottom: 10px;
		}
		#recruit .row dl dd .txt:nth-last-child(1) {
			margin-bottom: 0;
		}
			#recruit .row dl dd .txt a {
				text-decoration: underline;
			}
			#recruit .row dl dd .txt a:hover {
				text-decoration: none;
			}
			#recruit .row dl dd .txt .sub-txt {
				font-size: 1.2rem;
				letter-spacing: 0;
			}
@media screen and (max-width: 500px) {
	#recruit .row {
		margin-bottom: 40px;
	}
		#recruit .row h3 {
			font-size: 2.2rem;
		}
	
		#recruit .row dl dt {
			font-size: 1.8rem;
		}
			#recruit .row dl dd .txt .sub-txt {
				font-size: 1.0rem;
				letter-spacing: 0;
			}

}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* その他 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	background: #404040;
	padding: 40px 0;
}
	#footer ul.external li {
		margin-right: 20px;
	}
	#footer ul.external li:nth-last-child(1) {
		margin-right: 0;
	}
		#footer ul.external li a {
			display: block;
			background: url("../img/icon_external_white.svg") no-repeat left top 7px;
			padding-left: 15px;
			font-size: 1.3rem;
			color: #fff;
			font-weight: 500;
		}
		#footer ul.external li a:hover {
			opacity: 0.7;
		}

	#footer .copyright {
		font-size: 1.2rem;
		line-height: 1;
		text-align: center;
		margin-top: 25px;
	}
@media screen and (max-width: 500px) {
		#footer .copyright {
			font-size: 1.1rem;
		}
}