@charset "utf-8";

/* ニチロジナンバー */

/*------------------------------*/
/* pc */
/*------------------------------*/
.flex{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}

.header-main {
	box-sizing: border-box;
}

.header-logo {
    margin: inherit;
    height: inherit;
}

.main_contents {
	color: #fff;
}

#number_top {
	background: #aacf52;
	text-align: center;
	line-height: 1;
}

#number01 {background: #2e7bc1;}
#number02 {background: #e1475c;}
#number03 {background: #089a97;}
#number04 {background: #cb5289;}
#number05 {background: #d7aa08;}
#number06 {background: #7463b5;}
#number07 {background: #f07737;}
#number08 {background: #2f9d4d;}



@media screen and (min-width:769px){

	body {
		min-width: 1022px;
	}

	.pc {
		display: block;
	}

	.sp {
		display: none;
	}

	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index:30;
	}

	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index:30;
	}

	.main_contents {


	}



	#number_logo {
		display: none;
		position: fixed;
		top: 12px;
		left: 50%;
		margin-left: -167px;
		width: 334px;
		height: 112px!important;
		z-index:10;
	}	

	#number_logo img {
		width: 100%;
	}

	.number_inner {
		/*display: table;*/
		position: relative;
		/*padding: 22px;*/
		/*padding:104px 0 0 0;*/
		width: 100%;
		overflow: hidden;
	}

	.number_wrap {
		position: relative;
		width: 100%;
	}

	.number_box {
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding-bottom: 8%;
	}




	/* ----- 下層ページの固定エリア ----- */
	.number_fixed {
		display: none;
		width: 100%;
		min-width: 1022px;
		position: fixed;
		left: 0;
		bottom: 0px;
		padding-top:7.5%;
		overflow: hidden;
		z-index:10;
	}



	.number_fixed .sign_list_pc {
		width: 100%;
		background: #a9cf52;
		position: absolute;
		top: 0%;
		left:0;
		padding-left: 23.5%;
		padding-top: 1%;
	}

	.number_fixed .sign_list_pc li {
		position: relative;
		width: 5.4%;
		/* min-width: 77.75px; */
		overflow: hidden;
		float: left;
		margin-left: 2.5%;
		cursor: pointer;
	}

	.number_fixed .sign_list_pc li:hover {
		opacity: 0.7;
	}

	.number_fixed .sign_list_pc li:first-child {
		/*margin-left: 0px;*/
	}

	.number_fixed .sign_list_pc li img {
		width: 100%;
	}	


	.sign_big {
		display: none;
		position: fixed;
		left: 0;
		bottom: 0px;
		width: 20.83%;
		min-width:212px;
		padding-top: 40.4%;
		margin-left: 7.4%;
		background: url("../images/sign_bg.png") no-repeat left top;
		background-size: 100% auto;
		z-index:11;
	}

	.num_b {
		position: absolute;
		top: 0;
		left: 12.4688%;
		padding-top: 42.394%;
		width: 74.8129%;
	}

	.num_b img {
		width: 100%;
	}

	/* ----- 下層ページの共通部分 ----- */


	.number_txt {
		position: relative;
		z-index:10;
		padding-left: 31.83%;
	}

	.number_txt h3 {
		font-size: 40px;
		line-height: 1.3;
		margin-bottom: 10px;
		margin-left: -0.5em;
	}

	.english .number_txt h3 {
		margin-left: 0em;
	}

	.number_txt .txt {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 20px;
	}

	.english .number_txt .txt {
		width: 50%;
		max-width: 500px;
	}

	.number_txt .num_dtl {
		width: 170px;
	}

	.english .number_txt .num_dtl {
		width: 224px;
	}

	.number_txt .num_dtl img {
		width: 100%;
	}

	.img01 img,
	.img02 img,
	.img03 img,
	.img01_2 img,
	.truck img {
		width: 100%;
	}

	.truck {
		position: absolute;
		right: -50%;
		bottom: 0%;
		width: 22%;
		z-index:10;
	}

	#scroll_icon {
		position: fixed;
		bottom: 0;
		left: 50%;
		margin-left: -45px;
	}

	/* ----- トップ ----- */
	.main_contents #number_top {
		position: relative;
		z-index:20;
	}

	/* トップのみ固定サイズ */
	.main_contents #number_top .number_box {
		width: 982px;
		margin:0 auto;
		padding: 0% 0 100px;
	}

	#number_top h2 {
		width: 602px;
		height: 111px;
		margin: 0 auto 1.25%;

	}

	#number_top .number_copy {
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 2%;
	}

	#number_top .sign_list_pc {
		/*width: 81%;*/
		margin: 3% auto 0;
	}

	#number_top .sign_list_pc li {
		position: relative;
		/*width: 8%;
		margin-left: 5%;*/
		width: 79px;
		height: 149px;
		margin: 0 25px;
		overflow: hidden;
		float: left;
		cursor: pointer;
	}

	#number_top .sign_list_pc li:first-child {
		margin-left:0;
	}

	#number_top .sign_list_pc li.last {
		margin-right:0;
	}

	#number_top .sign_list_pc li:hover {
		opacity: 0.7;
	}

	#number_top .sign_list_pc li img {
		width: 100%;
	}

	#number_top .sign_list_sp {
		display: none;
	}

	#number_top .img01 {
		width: 299px;
		margin: 0 auto;
	}

	/* トラックのみ可変 */
	#number_top .truck {
		position: absolute;
		right: -25%;
		top: 378px;
		width: 305px;
		/*width: 16%;*/
		/*padding-bottom: 32%;*/
		
		
		z-index:10;
	}

	#number_top .img02 img {
		width: 100%;
	}

	/* ----- 冷蔵設備能力 ----- */
	#number01 .img01_1 {
		position: absolute;
		right: 28.5%;
		bottom: 0;
		width: 12.5%;
		padding-top: 11.71875%;
		background: url("../images/num01_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}	

	#number01 .img01_2 {
		position: absolute;
		right: 39.5%;
		bottom: 0;
		width: 5%;
		padding-top: 6.3541%;
		background: url("../images/num01_img01_2.png") no-repeat;
		background-position: 0% 0%;
		background-size: 500% auto;
		z-index:2;
	}	

	#number01 .img01_3 {
		position: absolute;
		right: 25.08%;
		bottom: 0;
		width: 7%;
		z-index:1;
	}

	#number01 .img02 {
		position: absolute;
		right: 7.25%;
		bottom: 0;
		width: 21.41%;
	}

	/* ----- 国内車両運行台数 ----- */

	#number02 .img01_1 {
		position: absolute;
		right: 12%;
		bottom: 0;
		width: 10%;
		padding-top: 8.2812%;
		background: url("../images/num02_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}	

	#number02 .img01_2 {
		position: absolute;
		right: 20.5%;
		bottom: 0;
		width: 3.125%;
		padding-top: 3.3854%;
		background: url("../images/num02_img01_2.png") no-repeat;
		background-position: 0% 0%;
		background-size: 300% auto;
		z-index:2;
	}		

	#number02 .img02 {
		position: absolute;
		right: 7.25%;
		bottom: 0;
		width: 35.3125%;
		z-index:2;
	}

	#number02 .img03 {
		position: absolute;
		right: 7.3%;
		bottom: 0;
		width: 6.1979%;
		z-index:2;
	}


	/* ----- 海外カバーエリア ----- */

	#number03 .img01_1 {
		position: absolute;
		right: 34.5%;
		bottom: 0;
		width: 11.9791%;
		padding-top: 12.9166%;
		background: url("../images/num03_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}

	#number03 .img01_2 {
		position: absolute;
		right: 8.7%;
		bottom: 0;
		padding-bottom: 30.5%;
		width: 3.5416%;
	}

	#number03 .img01_2 img {
		display: block;
	}

	#number03 .img02 {
		position: absolute;
		right: 7.25%;
		bottom: 0;
		width: 28.59375%;
	}

	/* ----- 年間お客さま数 ----- */

	#number04 .img01_1 {
		position: absolute;
		right: 32.3%;
		bottom: 0;
		width: 6.25%;
		padding-bottom: 19.8%;
		background: url("../images/num04_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}

	#number04 .img01_2 {
		position: absolute;
		right: 37.5%;
		bottom: 0;
		width: 3%;
		padding-bottom: 16.3%;
		background: url("../images/num01_img01_2.png") no-repeat;
		background-position: 0% 0%;
		background-size: 500% auto;
		z-index:2;
	}		

	#number04 .img02 {
		position: absolute;
		right: 7.25%;
		bottom: 0;
		width: 66.2%;
		padding-bottom: 4.5%;
	}

	#number04 .truck {
		padding-bottom: 8%;
	}	

	/* ----- グループ拠点数 ----- */

	#number05 .img01_1 {
		position: absolute;
		right: 30.5%;
		bottom: 0;
		width: 7.5%;
		padding-bottom: 23.8%;
		background: url("../images/num05_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}

	#number05 .img01_2 {
		position: absolute;
		right: 28%;
		bottom: 0;
		width: 3.125%;
		padding-bottom: 19%;
		background: url("../images/num05_img01_2.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}

	#number05 .img02 {
		position: absolute;
		right: 5%;
		bottom: 0;
		width: 67.44%;
		padding-bottom: 6.5%;
	}

	#number05 .img03 {
		position: absolute;
		right: 24.25%;
		bottom: 0;
		padding-bottom: 19%;
		width: 4.94%;
		padding-bottom: 21.5%;
	}

	#number05 .img03 img {
		display: block;
	}

	#number05 .truck {
		padding-bottom: 8%;
	}

	/* ----- 従業員数 ----- */
	#number06 .img01 {
		position: absolute;
		left: 60%;
		top: 55px;
		width: 31.25%;
		max-width:410px;
		padding-top: 44%;
	}

	#number06 .img01_1 {
		position: absolute;
		left: 45%;
		top: 0%;
		width: 24%;
		padding-top: 50%;
		background: url("../images/num06_img01_1.png") no-repeat;
		background-position: 0% 0%;
		background-size: 200% auto;
		z-index:2;
	}

	#number06 .img01_2 {
		position: absolute;
		left: 51%;
		top: 0%;
		width: 9.33%;
		z-index:3;
	}

	#number06 .img01_2 img {
		display: block;
	}	

	#number06 .img01_3 {
		position: absolute;
		left: 0%;
		top: 0px;
		width: 100%;
		padding-top: 100%;
		background: url("../images/num06_img01_3.png") no-repeat;
		background-position: 87.5% 0%;
		background-size: 900% auto;
		z-index:2;
	}




	/* ----- ニチレイグループ外売上比率 ----- */
	#number07 .img01 {
		position: absolute;
		right: 0%;
		top: 10%;
		padding-top: 26%;
		width: 100%;
		z-index:1;
	}

	#number07 .img01_1 {
		position: absolute;
		right: 4.5%;
		top: 0;
		width: 17.1875%;
		padding-top: 25.5%;
		background: url("../images/num07_img01_1.png") no-repeat;
		background-position: 0% bottom;
		background-size: 300% auto;
		z-index:2;
	}

	.english #number07 .img01_1 {
		background-image: url("../images/num07_img01_1_en.png");
	}

	#number07 .img01_2 {
		position: absolute;
		right: 19.5%;
		top: 0;
		width: 5%;
		padding-top: 10.1%;
		background: url("../images/num07_img01_2.png") no-repeat;
		background-position: 0% bottom;
		background-size: 300% auto;
		z-index:2;
	}

	#number07 .img01_3 {
		position: absolute;
		right: 7%;
		top: 0;
		padding-top: 10%;
		width: 27.8645%;
		z-index:1;
	}

	#number07 .truck {
		padding-bottom: 0%;
		bottom: 0%;
	}

	/* ----- 創業年 ----- */

	#number08 .img01_1 {
		position: absolute;
		right: 39.5%;
		bottom: 0;
		width: 14.375%;
		padding-bottom: 20%;
		background: url("../images/num08_img01_1.png") no-repeat;
		background-position: 100% 0%;
		background-size: 300% auto;
		z-index:2;
	}

	#number08 .img01_2 {
		position: absolute;
		right: 44.5%;
		bottom: 0;
		width: 3.125%;
		padding-bottom: 13.5%;
		background: url("../images/num08_img01_2.png") no-repeat;
		background-position: 0% 0%;
		background-size: 300% auto;
		z-index:2;
	}

	#number08 .img02 {
		position: absolute;
		right: 7.25%;
		bottom: 0;
		width: 34%;
		padding-bottom: 9.5%;
	}

	#number08 .truck {
		padding-bottom: 8%;
	}



	#page_top_num {
		display: none;
		z-index:10;
	}

	footer {
		display: none;
	}



}

@media screen and (min-width:769px) and (max-height:660px){

	#number_top h2 {
		padding-top: 60px;
	}
}

@media screen and (min-width:769px) and (max-height:570px){

	#scroll_icon {
		bottom: -78px;
	}
}

@media screen and (min-width:1180px){

	#number06 .img01 {
		left: 71%;
		top: -2%;
	}

}

@media screen and (min-width:1320px){

	#number06 .img01 {
		left: 71%;
		top: -4%;
	}

}

@media screen and (min-width:1300px){

	#number07 .img01 {
		top:auto;
		bottom: -5%;
	}

}

@media screen and (min-width:1500px){

	#number07 .img01 {
		top:auto;
		bottom: 0%;
	}

}

/*------------------------------*/
/* sp */
/*------------------------------*/

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

	body {
		width: 100%;
		overflow-x: hidden;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}



	img {
		width: 100%;
		max-width:100%;
	}
	h1 img {
		width: inherit;
	}

	main {
		margin-bottom: -30px;
	}

	h2 {
		width: 89.32%;
		height: auto!important;
		margin: 0 auto 8%;
	}

	.number_inner {
		position: relative;
		padding: 15% 0 0;
	}


	/* ----- 下層ページの共通部分 ----- */
	.main_contents .number_fixed, .sign_big {
		display: none;
	}

	.num_ttl {
		width: 27.9947%;
		margin: 0 auto 4%;
	}

	.number_txt {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	.number_txt h3 {
		font-size: 18px;
		line-height: 1.3;
		margin-bottom: 4%;
	}

	.number_txt h3 span {
		font-size: 12px;
		font-weight: normal;
	}	

	.number_txt .txt {
		font-size: 12px;
		line-height: 1.8;
		margin-bottom: 5%;
	}

	.number_txt .num_dtl {
		width: 127px;
		margin: 0 auto;
	}


	#scroll_icon  {
		display: none!important;
	}

	/* ----- トップ ----- */
	.main_contents #number_top {
		padding-bottom: 32.55%;
	}

	#number_top .number_copy {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 8%;
		text-align: center;

	}

	#number_top .img01 {
		width: 75.65%;
		margin: 0 auto;
	}

	#number_top .sign_list_pc {
		display: none;
	}

	#number_top .sign_list_sp {
		position: relative;
	}

	#number_top .sign_list_sp ul {
		margin: 7.29% 0 0 -122%;
		width: 242%;
	}

	#number_top .sign_list_sp li {
		position: relative;
		width: 7.5%;
		overflow: hidden;
		float: left;
		margin-left: 5%;
	}

	#number_top .sign_list_sp .arrow01 {
		width: 13px;
		position: absolute;
		top: 20%;
		left: 0;
		padding: 0 10px;
		cursor: pointer;
	}

	#number_top .sign_list_sp .arrow02 {
		width: 13px;
		position: absolute;
		top: 20%;
		right: 0px;
		padding: 0 10px;
		cursor: pointer;
	}

	#number_top .sign_list_sp .arrow01 img {
		width: 13px;
		height: auto;
	}

	#number_top .truck {
		position: absolute;
		bottom: 5%;
		left: 21.61%;
		width: 73.43%;
	}

	.number_wrap {
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	/* ----- 冷蔵設備能力 ----- */
	#number01 .number_wrap {
		padding-bottom: 50%;
		background-image: url("../images/num01_img01_sp.png");
	}

	/* ----- 国内車両運行台数 ----- */
	#number02 .number_wrap {
		padding-bottom: 45%;
		background-image: url("../images/num02_img01_sp.png");
	}

	/* ----- 海外カバーエリア ----- */
	#number03 .number_wrap {
		padding-bottom: 48%;
		background-image: url("../images/num03_img01_sp.png");
	}

	/* ----- 年間お客さま数 ----- */
	#number04 .number_wrap {
		padding-bottom: 53%;
		background-image: url("../images/num04_img01_sp.png");
	}

	/* ----- グループ拠点数 ----- */
	#number05 .number_wrap {
		padding-bottom: 53%;
		background-image: url("../images/num05_img01_sp.png");
	}

	/* ----- 従業員数 ----- */
	#number06 .number_wrap {
		padding-bottom: 54.427%;
		background-image: url("../images/num06_img01_sp.png");
	}

	/* ----- ニチレイグループ外売上比率 ----- */
	#number07 .number_wrap {
		padding-bottom: 55%;
		background-image: url("../images/num07_img01_sp.png");
	}

	/* ----- 創業年 ----- */
	#number08 .number_wrap {
		padding-bottom: 43%;
		background-image: url("../images/num08_img01_sp.png");
	}
	footer {
		background: #fff;
	}
	footer .footer_logo {
    width: inherit;
}





}