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

.ttl-area {
    background-image: url(../images/data/img_mv.jpg)!important;
}

.sp {
    display: none;
}

.pc {
    display: inline-block;
}

/*==================
    main
===================*/
section.data{
	padding-bottom: 80px;
}
h3.data-ttl{
	font-weight: bold;
	text-align: center;
	font-size: 3rem;
	margin-bottom: 50px;
}
.block01,
.block02,
.block03{
	width: 32%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}
.block03{
	margin-right: 0!important;
}
.left-block{
	width: 49%;
	float: left;
}
.left-block.oneColumn {
	width: 100%;
}
.right-block{
	width: 49%;
	float: right;
}

.block-wrap{
	margin-bottom: 20px;
}
.block-box{
	background-color: #fff;
	padding: 40px 40px;
	position: relative;
	min-height: 343px;
}
.block-box.nendai,
	.block-box.shusshinchi {
		min-height: 535px;
	}
.block-box h3{
	font-weight: bold;
	text-align: center;
	font-size: 3rem;
	margin-bottom: 20px;
}
.block-box .number{
	color: #f08200;
	font-weight: bold;
	font-size: 3.5rem;
	text-align: center;
}
/*.block-box .number span{
	vertical-align: middle;
}*/
.inner-wrap .box{
	width: 50%;
}

@media (min-width: 768px) {
	.oneColumn .inner-wrap .box{
		width: 25%;
	}
	.oneColumn .inner-wrap .box2{
		width: 75%;
		margin-top: 15px;
	}
}


.inner-wrap h4{
	color:#fff;
	font-weight: bold;
	background-color:#f08200;
	border-radius: 10px;
	padding: 2px 15px;
	text-align: center;
	font-size: 2rem;
	display: table;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}
.inner-wrap h4::before{
    left: 47%;
	transform: translate(-50%, 0%);
	bottom: -14px;
	transform: rotate(90deg);
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border: 7px solid transparent;
    border-left: 7px solid #f08200;
	position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.uriage .number{
	position: absolute;
	right: 20px;
	top: 74px;
	font-size: 2rem!important;
}
.maternity .other-info{
	color: #989797;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
.maternity .other-info span{
	line-height: 1;
	vertical-align: sub;
}
.zouka img{
	display: block;
	margin: 59px auto 0;
}
.zouka .number{
	position: absolute;
	right: 70px;
	top: 100px;
	font-size: 2rem !important;
}
.staff img{
	display: block;
	margin: 43px auto 0;
}
.staff .number{
	position: absolute;
	right: 30px;
	top: 150px;
	font-size: 2rem !important;
}
.age-block .block-box{
	width: 30%;
	float: left;
	min-height: 503px;
}

.inner-wrap .yellow h4{
	background-color:#f0cc00!important;
}
.inner-wrap .yellow h4::before{
    border-left: 7px solid #f0cc00;
}
.inner-wrap .brown h4{
	background-color:#ccaa00!important;
}
.inner-wrap .brown h4::before{
    border-left: 7px solid #ccaa00;
}
.inner-wrap .pink h4{
	background-color:#ff7c80!important;
}
.inner-wrap .pink h4::before{
    border-left: 7px solid #ff7c80;
}
.inner-wrap .red h4{
	background-color:#eb5656!important;
}
.inner-wrap .red h4::before{
    border-left: 7px solid #eb5656;
}
.age-block .age{
	text-align: center;
	font-weight: bold;
	font-size: 4rem;
	color: #989797;
	margin-top: 24px;
}
.age-block .age p{
	font-size: 2.5rem;
}
.age-block .age span{
	line-height: 1;
}
.work-block{
	width: 68%;
	float: right;
}
.work-type{
	display: inline-block;
	margin-right: 22px;
	vertical-align: top;
	margin-bottom: 20px;
}
.work-type .number{
	font-size: 2.5rem;
}
.work-block .block-box{
	min-height: 503px;
}
.work-block .left{
	margin-top: 70px;
}
.work-type h4{
	font-size: 1.8rem;
}
.nendai-block .work-type{
	max-width: 127px;
	width: 100%;
}
.nendai-block .block-box{
	padding: 40px 80px;
}
.work-block img,
.age-block img,
.nendai-block img{
	display: block;
	margin: 0 auto;
}

.fs12{
	font-size: 12rem;
	line-height: 1;
}
.fs9{
	font-size: 9rem;
}
.fs8{
	font-size: 8rem;
}
.fs6{
	font-size: 6rem;
}
.fs4{
	font-size: 4rem;
}
.fs5{
	font-size: 5rem;
}
.fs3{
	font-size: 3rem;
}
.fs2{
	font-size: 2rem;
}
.orange{
	color: #f08200;
}
.orange2{
	color: #ed9e00;
}
.yellow{
	color: #f0cc00!important;
}
.brown{
	color: #ccaa00!important;
}
.pink{
	color: #ff7c80!important;
}
.red{
	color: #eb5656!important;
}
.mb15{
	margin-bottom: 13px!important;
}
.mtmin48{
	margin-top: -48px;
}
.mt45{
	margin-top: 45px;
}
.mt52{
	margin-top: 52px;
}
.mt65{
	margin-top: 65px;
}
.jigyo-box .title-box{
	display: inline-block;
	width: 14%;
	font-weight: bold;
	color: #989797;
	font-size: 2rem;
}
.jigyo-box .number-box{
	display: inline-block;
	max-width: 190px;
	width: 100%;
	font-weight: bold;
	font-size: 2rem;
	color: #989797;
	text-align: center;
}
.jigyo-box .box01 h4{
	margin-bottom: 19px;
}
.jigyo-box .box02 p{
	font-size: 1.4rem;
}
.number span{
	line-height: 1;
	vertical-align: baseline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    line-height: 1;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
   line-height: 1;
}
.odometer-inside{
	line-height: 1;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer-ribbon,
.odometer-value {
}
.block-box .number span {
}
.torihiki{
	background-image: url(../images/data/img_photo01_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.est{
	background-image: url(../images/data/img_photo02_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.seisan{
	background-image: url(../images/data/img_photo04_bg.png);
	background-repeat: no-repeat;
	background-position: 12%;
}
.seisan p{
	text-align: center;
	font-size: 2rem;
	color:#a3a3a3;
	font-weight: bold;
}
.seisan p span{
	display: block;
}
.leave{
	background-image: url(../images/data/img_photo05_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.maternity{
	background-image: url(../images/data/img_photo06_bg.png);
	background-repeat: no-repeat;
	background-position: 82%;
}
.maternity.nobg{
	background-image: none;
}
.danjo{
	background-image: url(../images/data/img_photo07_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.newcareer .number{
	font-size: 3rem!important;
	color: #989797;
}
.jigyo-box p.sp-only,
.danjo p.sp-only{
	display: none;
}
.training span.until{
	vertical-align: middle;
}
.training .number{
	font-size: 3rem;
}
.training .box.left p{
	color:#989797;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
}

.ikukyu span.until{
	vertical-align: middle;
}
.ikukyu .number{
	font-size: 3rem;
}
.ikukyu .box.left p{
	color:#989797;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.memo {
	font-size: 12px;
	margin-top: 10px;
	color: #989797;
}
.dot{
	display: inline-block;
	letter-spacing: 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    left: -6px!important;
}
article {
   background: linear-gradient(180deg,#eee 91%,#f08200 20%);
}
.entry-btn-area {
	background-color: #ededed;
}

/*==================
    requirement
===================*/




@media screen and (max-width: 1160px) {



}


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

    .sp {
        display: inline-block;
    }

    .pc {
        display: none;
    }


    /*==================
        main
    ===================*/

    .main {
        padding-bottom: 60px;
    }
	section.data {
		padding-bottom: 30px;
	}
    h3.data-ttl {
		margin-bottom: 20px;
		font-size: 2rem;
	}
    .block-box h3 {
		font-size: 1.8rem;
	}
    .left-block{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.right-block{
		width: 100%;
		float: none;
	}
	.age-block{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.age-block .age{
		font-size: 1.6rem;
	}
	.age-block .age p{
		font-size: 2.5rem;
	}
	.age-block .age span{
		line-height: 1;
	}
	.work-block{
		width: 100%;
		float: none;
	}
	.block-box {
		padding: 20px 20px;
		position: relative;
		min-height: auto;
	}

	.block-box.nendai,
	.block-box.shusshinchi {
		min-height: auto;
	}
    .block01, .block02, .block03 {
		width: 100%;
		margin-right: 0%;
	}
	.block01, .block02{
		margin-bottom: 20px;
	}
	.inner-wrap .box {
		width: 100%;
	}
	.inner-wrap .box.left {
		margin-bottom: 20px;
	}
	.inner-wrap h4 {
		font-size: 1.3rem;
		padding: 2px 8px;
	}
	.nendai-block .block-box {
    	padding: 40px 20px;
	}
	.block-box .number {
		font-size: 1.8rem;
	}
	.jigyo-box .title-box {
		display: none;
	}
	.jigyo-box .number-box {
		display: inline-block;
		max-width: 48%;
		font-size: 1.6rem;
	}
	.jigyo-box .box01 h4 {
		margin-bottom: 20px;
	}
	.jigyo-box .box02 p {
		font-size: 1rem;
	}
	.nendai-block .work-type {
		max-width: 49%;
		width: 100%;
	}
	.work-type {
    	margin-right: 0;
		width: 48%;
	}
	.work-block .block-box{
		min-height: auto;
	}
	.uriage .number {
		position: absolute;
		right: 8px;
		top: 50px;
		font-size: 1.6rem!important;
	}
	.maternity .other-info {
		font-size: 1.6rem;
	}
	.maternity .other-info span {
		vertical-align: bottom;
	}
	.work-block .block-box{
		min-height: 540px;
	}


	.work-block.y2021 .block-box{
		min-height: auto;
	}
	.age-block .block-box {
		width: 100%;
		float: none;
		min-height: auto;
	}
	.fs12{
		font-size: 4rem;
		line-height: 1;
	}
	.fs9{
		font-size: 4rem;
	}
	.fs8{
		font-size: 4rem;
	}
	.fs6{
		font-size: 4rem;
	}
	.fs4{
		font-size: 2.4rem;
	}
	.fs5{
		font-size: 2.4rem;
	}
	.fs3{
		font-size:1.6rem;
	}
	.fs2{
		font-size: 1.6rem;
	}
	.mt45{
		margin-top: 0px;
	}
	.mtmin48 {
		margin-top: 0px;
	}
	.age-block .age p {
		font-size: 1.8rem;
	}
	.zouka .number {
		right: 23px;
		top: 63px;
		font-size: 1.4rem !important;
	}
	.staff .number {
		position: absolute;
		right: 15px;
		top: 82px;
		font-size: 1.4rem !important;
	}
	.work-block .left {
    	margin-top: 38px;
	}
	.torihiki{
		background-size: 50%;
	}
	.est{
		background-size: 36%;
	}
	.leave{
		background-size: 36%;
	}
	.seisan{
		background-size: 50%;
		background-position: 105%;
	}
	.maternity {
		background-size: 36%;
	}
	.seisan p{
		font-size: 1.6rem;
	}
	.danjo {
		background-size: 50%;
	}
	.jigyo-box p.sp-only,
	.danjo p.sp-only{
		display: block;
		font-size: 1.2rem;
		text-align: center;
		color: #adadad;
	}
	.jigyoshosuu .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -6px;
	}
	.est .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -6px;
	}
	.seisan .odometer-digit:nth-of-type(2) {
		position: relative;
		right: -6px;
	}
	.rishoku .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -6px;
	}
	.maternity .number .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -6px;
	}
	.zouka .number .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -3px;
	}
	.staff .number .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -3px;
	}
	.jigyo-box .box01 .odometer-digit:nth-of-type(1),
	.jigyo-box .box02 .odometer-digit:nth-of-type(1) ,
	.jigyo-box .box02 .odometer-digit:nth-of-type(2) {
		position: relative;
		right: -6px;
	}
	.newcareer .box01 .odometer-digit:nth-of-type(1),
	.newcareer .box01 .odometer-digit:nth-of-type(3),
	.newcareer .box02 .odometer-digit:nth-of-type(3) {
		position: relative;
		right: -7px;
	}

	.nendai-block .box01 .odometer-digit:nth-of-type(1),
	.nendai-block .box02 .odometer-digit:nth-of-type(1),
	.nendai-block .box05 .odometer-digit:nth-of-type(1) {
		position: relative;
		right: -6px;
	}
	.work-block .box04 .odometer-digit:nth-of-type(2) {
		position: relative;
		right: -6px;
	}
}