@charset "utf-8";
/*-------------------------------------------

    Benefit 01

-------------------------------------------*/
/*#page_wrap.benefit .page_slide{display: none;margin: -80px 20px -40px;}*/
.work_img_list{
	max-width: 700px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.work_img_list .work_list_item{width: 49%;margin: 2% 0 0;}
.work_box{margin: 100px 0 0;}
.work_box dl{display: flex;justify-content: space-between;}
.work_box dl:nth-of-type(even){flex-direction: row-reverse;margin: 80px 0;}
.work_box dt{width: 48%;}
.work_box dd{width: 48%;}
.work_box dd h4{
	font-size: 2rem;
	line-height: 1.6;
	color: #ED6500;
	padding: 0 0 0 14px;
	margin: 0 0 15px;
	border-left: solid 1px #ED6500;
}
.work_box dd p{
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	margin: 15px 0 0;
}
.health-management {padding-bottom: 80px;}
.health-management .w500 {max-width: 546px; margin: 0 auto;}
.health-management figure {max-width: 400px; margin: 0 auto;}
.health-management p + p {margin-top: 1em;}
.health-management p a { display:inline; color: #F79007; text-decoration: underline;}
@media screen and (min-width:320px) and ( max-width: 767px) {
	/*#page_wrap.benefit .page_slide{display: block;margin: -40px 0 0;}*/
	.health-management .w500 {padding: 0 5% ;}
	.work_img_list{display: block;}
	.work_img_list .work_list_item{width: 100%;}
	.work_img_list .work_list_item img{width: 100%;}
	.work_box{margin: 40px 0;}
	.work_box dl{display: block;}
	.work_box dl:nth-of-type(even){margin: 40px 0;}
	.work_box dt{width: 100%;}
	.work_box dd{margin: 20px 0 0;width: 100%;}
	.work_box dd h4{font-size: 1.8rem;}
	.work_box dd p{font-size: 1.4rem;line-height: 1.6;}
}


/*-------------------------------------------

   Benefit 02

-------------------------------------------*/
#technic_slide{margin: -100px 20px 0;}
.benefit .mv {max-width: 980pxpx;margin: 0 auto 35px;padding: 0 20px;}
.benefit .flexbox {display: flex;flex-wrap: wrap; justify-content: space-between;}
.benefit .technic_txt{text-align: center;margin: 60px 0;}
.benefit .technic_txt h2{font-size: 3rem;margin: 0 0 20px;}
.benefit .technic_txt h2 b{font-size: 6rem;}
.benefit .technic_txt h2 b span{color: #ED6500;}
.benefit .technic_txt p{font-size: 2rem;font-weight: bold;}
.benefit .technic_list{margin: 0 20px 60px;display: flex;justify-content: space-between;}
.benefit .technic_list_item{max-width: 23%;}
.benefit .technic_ttl{
	background: #F79E10;
	color: #FFF;
	font-size: 2rem;
	text-align: center;
	border-radius: 4px;
	padding: 15px 0;
	letter-spacing: 0.2em;
	margin: 0 0 35px;
}
.benefit .training_txt01{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.1em;
}
.benefit .training_txt02{
    text-align: justify;
    max-width: 580px;
    margin: 30px auto 0;
    font-size: 1.4rem;
    line-height: 1.8;
}
.benefit .training_txt01 .cl01{color: #EEC600;}
.benefit .training_txt01 .cl02{color: #03AFB4;}
.benefit .training_txt01 .cl03{color: #ED6500;}
.benefit .training_list{
	display: flex;
	justify-content: space-between;
	max-width: 850px;
	margin: 60px auto 100px;
}
.benefit .training_list_item{width: 30%;text-align: center;}
.benefit .training_list_item p{
	text-align: justify;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 20px 0 0;
}
.benefit .welfare .flexbox {justify-content: space-between;}
.benefit .welfare .flexbox figure {width: 49%;}
.benefit .welfare .flexbox figure figcaption {padding: 2rem 2.5rem;background: #FFFBF4;line-height: 2;}
.benefit .welfare .flexbox figure figcaption h4 {
	margin-bottom: 2.5rem;
	padding-left: 1.5rem;
	border-left: .2rem solid #ED6500;
	color: #ED6500;
	font-weight: bold;
	font-size: 2rem;
}
.benefit .subtitle {
	margin-bottom: 3rem;
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
}
.benefit dl{display: flex;justify-content: space-between;margin-bottom: 10rem;}
.benefit dl:nth-of-type(even){flex-direction: row-reverse;margin: 80px 0;}
.benefit dl:last-child {margin-bottom: 0;}
.benefit dt{width: 48%;}
.benefit dt img {width: 100%;}
.benefit dd{width: 48%;}
.benefit dd h4{
	font-size: 2.7rem;
	line-height: 1.6;
	color: #ED6500;
	padding: 0 0 0 14px;
	margin: 0 0 15px;
	border-left: solid 1px #ED6500;
}
.benefit dd p{line-height: 1.8;margin: 15px 0 0;}
.benefit .training_point {
	max-width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.benefit .training_point_txt {max-width: 45%;}
.benefit .training_point figure {margin-bottom: 2rem;}
.benefit .training_point_txt p{font-size: 1.6rem;line-height: 1.8;}
.benefit .training_point_txt p span{color: #ED6500;}
.benefit .training_img{text-align: center;margin: 60px 0 0;}
.benefit .backup_box .flexbox {margin: 0 20px;}
.benefit .backup_box .flexbox a {width: 23%;margin: 1% 0 0;}
.benefit .backup_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 20px 0;
}
.benefit .backup_list_item{width: 19%;margin: 1% 0 0;}
.benefit .rankup .training_txt01 {margin-bottom: 12rem;}
.benefit .rankup figcaption {
	color: #ED6500;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
.benefit .rankup figcaption span {margin-right: 6rem;font-size: 1.5em;}
.benefit .naming .training_txt01 {margin-bottom: 3.5rem;padding: 4rem 0;background: url("../images/benefit/02/naming-bg.png") no-repeat center / 16.5rem;}
.benefit .naming .flexbox {padding: 2rem;background: #FFFBF4;}
.benefit .naming .flexbox div {width: 49%;text-align: center;}
.benefit .naming .flexbox div:nth-of-type(1) {border-right: .1rem solid #03AFB4;color: #707070;}
.benefit .naming .flexbox div:nth-of-type(2) {color: #ED6500;}
.benefit .naming .flexbox figure {margin-bottom: 2rem;}
.benefit .naming .flexbox div:nth-of-type(2) figure {margin-top: -3.5rem;}
.benefit .naming .flexbox h4 {
	margin: 0 auto 2rem;
	padding: 1.5rem 0;
	border-radius: 5rem;
	color: #FFFBF4;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: center;
}
.benefit .naming .flexbox div:nth-of-type(1) h4 {max-width: 29.8rem;background: #707070;}
.benefit .naming .flexbox div:nth-of-type(2) h4 {max-width: 36.5rem;background: #ED6500;}
.benefit .naming .flexbox p {font-weight: bold;text-align: center;}
.benefit .naming .flexbox p span {margin-left: .5rem;font-size: 2em;}
.benefit .allowance dl {flex-direction: row-reverse;}
.benefit .qualification .ttlbox {display: flex;margin-bottom: 10rem;}
.benefit .qualification .ttlbox figure {width: 100%;max-width: 19rem;text-align: center;}
.benefit .qualification .ttlbox p {font-weight: bold;font-size: 2rem;line-height: 1.6;}
.benefit .qualification .ttlbox p span {color: #ED6500;}
.benefit .qualification h3 {
	position: relative;
	max-width: 35.4rem;
	margin-bottom: 2rem;
	color: #ED6500;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
.benefit .qualification h3::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	transform: translate(0,50%);
	width: 100%;
	height: 1px;
	background: #ED6500;
}
.benefit .qualification h3 span {position: relative;padding: 0 1rem;background: #fff;}
.benefit .qualification .flexbox {justify-content: space-between;align-items: center;margin-bottom: 3rem;}
.benefit .qualification .flexbox figure {width: 40%;text-align: center;}
.benefit .qualification .flexbox figcaption {
	margin-bottom: 2rem;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
.benefit .qualification .flexbox figcaption span:nth-child(1) {color: #ED6500;}
.benefit .qualification .flexbox figcaption span:nth-child(2) {margin-left: 1rem;font-size: 2em;}
.benefit .qualification .flexbox div {width: 59%;}
.benefit .qualification .flexbox h4 {
	margin-bottom: 2rem;
	color: #ED6500;
	font-weight: bold;
	font-size: 2rem;
}
.benefit .qualification .flexbox p {margin-bottom: 4rem;line-height: 1.8;}
.benefit .qualification .flexbox p:last-child {margin-bottom: 0;}
.benefit .qualification .schedulebox {
	display: flex;
	justify-content: space-between;
	margin-top: 10rem;
	padding: 6rem 3.8rem;
	background: #FFFBF4;
}
.benefit .qualification .schedulebox .subtitle {
	width: 100%;
	max-width: 32.6rem;
	margin: 0 auto 3.5rem;
	padding: 1rem 0;
	border-radius: 2rem;
	background: #ED6500;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
}
.benefit .qualification .schedulebox figure {width: 45%;text-align: center;}
.benefit .qualification .schedulebox div {width: 50%;}
.benefit .qualification .schedulebox p {margin: -15rem 0 3rem;text-align: center;}
.benefit .qualification .schedulebox table {width: 100%;}
.benefit .qualification .schedulebox th {
	padding: 1rem 0;
	border: 1px solid #000;
	background: #ED6500;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.benefit .qualification .schedulebox td {
	padding: 3.5rem 0;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
}
.benefit .qualification .schedulebox td:nth-of-type(1) {background: #F7E19E;color: #707070;}
@media screen and (min-width:320px) and ( max-width: 767px) {
	#technic_slide{margin: -40px 0 0;}
	.benefit .technic_txt{text-align: center;margin: 40px 0 0;}
	.benefit .technic_txt h2{font-size: 2rem;}
	.benefit .technic_txt h2 b{font-size: 3rem;display: block;margin: 10px 0;}
	.benefit .technic_txt p{font-size: 1.6rem;}
	.benefit .technic_list{flex-wrap: wrap;}
	.benefit .technic_list_item{max-width: 48%;margin: 4% 0 0;}
	.benefit .subtitle {font-size: 2rem;}
	.benefit dl:nth-of-type(even) {margin: 0 0 4rem;}
	.benefit .welfare .flexbox figure {width: 100%;margin-bottom: 4rem;}
	.benefit .welfare .flexbox figure img {width: 100%;}
	.benefit .training_txt01{text-align: justify;font-size: 1.6rem;}
	.benefit .training_list{display: block;margin: 40px auto 60px;}
	.benefit .training_list_item{
		width: 100%;
		display: flex;
		align-items: center;
		margin: 10px 0;
	}
	.benefit .training_list_item img{width: 80px;}
	.benefit .training_list_item p{width: calc(100% - 80px);margin: 0 0 0 20px;}
	.benefit .training_point{display: block;}
	.benefit .training_point figure img {width: 100%;} 
	.benefit .training_point_txt{max-width: 100%;margin-bottom: 3rem;}
	.benefit .backup_box {margin: 0 0 40px;}
	.benefit .backup_box .flexbox {margin: 20px 0 0;}
	.benefit .backup_box .flexbox a {width: 32%;margin: 1% 0;}
	.benefit .backup_list{margin: 20px 0 0;}
	.benefit .backup_list_item{width: 32%;margin: 1% 0;}
	.benefit .naming .training_txt01 {padding: 5rem 0;}
	.benefit .naming .flexbox div {width: 100%;}
	.benefit .naming .flexbox div:nth-of-type(1) {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
		border-right: none;
		border-bottom: .1rem solid #03AFB4;
	}
	.benefit .naming .flexbox div:nth-of-type(2) figure {margin-top: 0;}
	.benefit .naming .flexbox h4 {font-size: 1.3rem;}
	.benefit dl {display: block;}
	.benefit dt {width: 100%;}
	.benefit dd {width: 100%;}
	.benefit dd h4 {margin-top: 2rem;font-size: 1.8rem;}
	.benefit .qualification .ttlbox {display: block;margin-bottom: 5rem;}
	.benefit .qualification .ttlbox figure {margin: 0 auto 2rem;}
	.benefit .qualification .ttlbox p {font-size: 1.6rem;line-height: 1.8;}
	.benefit .qualification h3 {margin: 0 auto 2rem;}
	.benefit .qualification .flexbox figure {width: 100%;margin-bottom: 4rem;}
	.benefit .qualification .flexbox div {width: 100%;}
	.benefit .qualification .schedulebox {display: block;padding: 3rem 1rem;}
	.benefit .qualification .schedulebox .subtitle {font-size: 1.5rem;}
	.benefit .qualification .schedulebox figure {width: 100%;margin-bottom: 5rem;}
	.benefit .qualification .schedulebox div {width: 100%;}
	.benefit .qualification .schedulebox p {margin-top: 0;}
}