/*! mobile 氩勳爠 - css */
@media (max-width: 1023px) {
	.introduction502-container .location-form .input-txt,.introduction502-container .location-form .selectbox3 {
		border-bottom: 2px solid #e5e5e5
	}

	.tab-type1 {
		margin: 75px 0 30px;
		margin: 7.5rem 0 3rem
	}

	.location-form {
		margin: 0 16px 28px;
		margin: 0 1.6rem 2.8rem
	}

	.location-form ul li {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.location-form ul li:first-child {
		float: left;
		margin: 0 0 14px;
		margin: 0 0 1.4rem
	}

	.location-form ul li:first-child .selectbox3 {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: -webkit-calc( 50% - 7px);
		width: calc( 50% - 7px);
		margin: 0 0 0 7px;
		margin: 0 0 0 0.7rem
	}

	.location-form ul li:first-child .selectbox3:first-child {
		margin: 0 7px 0 0;
		margin: 0 0.7rem 0 0
	}

	.location-form .input-txt.search2,.location-form .input-txt.search2 input,.location-form .selectbox3 {
		background: #f5f5f5;
		font-size: 15px;
		font-size: 1.5rem
	}

	.location-form .selectbox3 select {
		font-size: 15px;
		font-size: 1.5rem
	}

	.location-form .input-txt.search2 input::-webkit-input-placeholder {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::-moz-placeholder {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input:-ms-input-placeholder {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::-ms-input-placeholder {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::placeholder {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		color: #bbb
	}

	.location-info {
		margin: 0 16px;
		margin: 0 1.6rem;
		padding: 0 0 40px;
		padding: 0 0 4rem
	}

	.location-info .info {
		margin: 40px 0 0;
		margin: 4rem 0 0;
		border-top: 1px solid #222
	}

	.location-info .info.type1 ul li a {
		padding-left: 46px;
		padding-left: 4.6rem
	}

	.location-info .info.type1 ul li a .fnt-text1 span {
		line-height: 1.5714
	}

	.location-info .info.type1 ul li a .category {
		position: absolute;
		left: 0;
		top: 13px;
		top: 1.3rem;
		width: 36px;
		width: 3.6rem;
		height: 36px;
		height: 3.6rem;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 36px;
		line-height: 3.6rem;
		text-align: center;
		color: #fff
	}

	.location-info .info.type1 ul li a .category.dry {
		background: url(../image/ico_dry.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info.type1 ul li a .category.ice {
		background: url(../image/ico_ice.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info.type1 ul li.on a {
		padding-left: 46px;
		padding-left: 4.6rem
	}

	.location-info .info ul li {
		border-bottom: 1px solid #e5e5e5
	}

	.location-info .info ul li a {
		display: block;
		position: relative;
		padding: 17px 30px 18px 0;
		padding: 1.7rem 3rem 1.8rem 0
	}

	.location-info .info ul li a .info-addr {
		display: none
	}

	.location-info .info ul li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 11px;
		right: 1.1rem;
		margin-top: -7px;
		margin-top: -0.7rem;
		width: 14px;
		width: 1.4rem;
		height: 14px;
		height: 1.4rem;
		background: url(../image/info_list_off.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on a {
		padding: 17px 30px 22px 0;
		padding: 1.7rem 3rem 2.2rem 0
	}

	.location-info .info ul li.on a .info-addr {
		display: block
	}

	.location-info .info ul li.on a:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		top: 3rem;
		right: 11px;
		right: 1.1rem;
		width: 15px;
		width: 1.5rem;
		height: 1px;
		height: 0.1rem;
		background: url(../image/info_list_on.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on a .fnt-title-s1 {
		margin: 0 0 10px;
		margin: 0 0 1rem
	}

	.location-info .info ul li.on a .fnt-text1 + .ico-list {
		margin: 13px 0 0;
		margin: 1.3rem 0 0
	}

	.location-info .info ul li.on .ico-list .ico-pr1:before {
		background: url(../image/ico_pr1.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr2:before {
		background: url(../image/ico_pr2.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr3:before {
		background: url(../image/ico_pr3.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr4:before {
		background: url(../image/ico_pr4.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr5:before {
		background: url(../image/ico_pr5.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr6:before {
		background: url(../image/ico_pr6.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr7:before {
		background: url(../image/ico_pr7.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info ul li.on .ico-list .ico-pr8:before {
		background: url(../image/ico_pr8.jpg) no-repeat 0 0;
		background-size: 100% 100%
	}

	.location-info .info .ico-list span {
		display: inline-block;
		margin: 0 26px 0 0;
		margin: 0 2.6rem 0 0;
		font-size: 10px;
		font-size: 1rem;
		line-height: 11px;
		line-height: 1.1rem;
		color: #222;
		text-align: center;
		font-weight: 300
	}

	.location-info .info .ico-list span:before {
		content: '';
		display: block;
		margin: 0 auto;
		width: 30px;
		width: 3rem;
		height: 30px;
		height: 3rem
	}

	.location-info .info .ico-list .ico-pr1:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px 0;
		background-position: -26.4rem 0;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr2:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -176px -194px;
		background-position: -17.6rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr3:before {
		background-image: url(../image/sprite_pc.png);
		background-position: 0 -194px;
		background-position: 0 -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr4:before {
		background-image: url(../image/sprite_pc.png);
		background-position: 0 -238px;
		background-position: 0 -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr5:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -44px;
		background-position: -26.4rem -4.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr6:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -132px -238px;
		background-position: -13.2rem -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr7:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -132px;
		background-position: -26.4rem -13.2rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr8:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -44px -238px;
		background-position: -4.4rem -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .map-area {
		position: -webkit-sticky;
		position: sticky;
		top: 89px;
		top: 8.9rem;
		left: 16px;
		left: 1.6rem;
		z-index: 1
	}

	.location-info .map {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 65%
	}

	.location-info .map .map-in {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.location-info .map .map-in .map-api {
		width: 100%;
		height: 100%;
		background: #fff
	}

	.location-info .map.fix {
		position: fixed;
		top: 56px;
		top: 5.6rem
	}

	.history-wrp {
		position: relative
	}

	.history-wrp-control {
		position: fixed;
		left: 0;
		display: none;
		bottom: 36px;
		bottom: 3.6rem;
		width: 100%;
		z-index: 10
	}

	.history-wrp-control.reverse ul {
		border-bottom: 1px solid #d9d9d9
	}

	.history-wrp-control.reverse ul li a {
		color: #d9d9d9
	}

	.history-wrp-control.reverse ul li a:after {
		background: #d9d9d9
	}

	.history-wrp-control.reverse ul li.on a {
		color: #222
	}

	.history-wrp-control ul {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #878787
	}

	.history-wrp-control ul li {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-top: 15px;
		padding-top: 1.5rem
	}

	.history-wrp-control ul li a {
		display: block;
		position: relative;
		padding-bottom: 18px;
		padding-bottom: 1.8rem;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 15px;
		line-height: 1.5rem;
		min-height: 30px;
		min-height: 3rem;
		font-style: italic;
		font-weight: 500;
		color: #d9d9d9;
		text-align: center
	}

	.history-wrp-control ul li a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 -4px 0;
		margin: 0 0 -0.4rem 0;
		width: 8px;
		width: 0.8rem;
		height: 8px;
		height: 0.8rem;
		border-radius: 7px;
		border-radius: 0.7rem;
		background: #878787;
		z-index: 1
	}

	.history-wrp-control ul li a br {
		display: none
	}

	.history-wrp-control ul li.on {
		padding: 0
	}

	.history-wrp-control ul li.on a {
		color: #fff;
		font-weight: 700
	}

	.history-wrp-control ul li.on a:after {
		right: 0;
		margin: 0 0 -6px 0;
		margin: 0 0 -0.6rem 0;
		width: 12px;
		width: 1.2rem;
		height: 12px;
		height: 1.2rem;
		border-radius: 12px;
		border-radius: 1.2rem;
		background: #366cce;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s
	}

	.history-wrp-control ul li.on a br {
		display: block
	}

	.history-wrp .h100vh {
		height: 100vh;
		overflow: hidden
	}

	.history-wrp .h100vh .pos-rel {
		position: relative;
		width: 100%;
		height: 200vh
	}

	.history-wrp .h100vh .pos-rel .top-year {
		width: 100%;
		height: 100vh
	}

	.history-wrp .h100vh .pos-rel .top-year .max-1240 {
		position: relative;
		width: 100%;
		height: 100%
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num {
		position: absolute;
		left: 10px;
		left: 1rem;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .num1,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 {
		font-size: 90px;
		font-size: 9rem;
		line-height: 90px;
		line-height: 9rem;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		font-size: 90px;
		font-size: 9rem;
		line-height: 90px;
		line-height: 9rem;
		width: 65px;
		width: 6.5rem;
		text-align: center;
		margin-left: -4px;
		margin-left: -0.4rem
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span:first-child,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span:first-child {
		margin-left: 0
	}

	.history-wrp .h100vh .pos-rel .top-year .tit {
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 25px;
		left: 2.5rem;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		margin: 150px 0 0 0;
		margin: 15rem 0 0 0;
		color: #fff
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .fnt-title-s3 {
		margin-top: 7px;
		margin-top: 0.7rem
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .fnt-title-s3 span {
		font-weight: 400
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .bar {
		display: none
	}

	.history-wrp .h100vh .move-year {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 1
	}

	.history-wrp .h100vh .move-year .max-1240 {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 auto;
		min-height: 100%
	}

	.history-wrp .h100vh .move-year .big-num {
		position: relative;
		padding-top: 85px;
		padding-top: 8.5rem;
		margin-left: 25px;
		margin-left: 2.5rem
	}

	.history-wrp .h100vh .move-year .big-num .num1,.history-wrp .h100vh .move-year .big-num .num2 {
		font-size: 90px;
		font-size: 9rem;
		line-height: 90px;
		line-height: 9rem;
		font-family: 'countBold',sans-serif
	}

	.history-wrp .h100vh .move-year .big-num .num1 {
		text-shadow: -1px 0 #c9c9c9,0 1px #c9c9c9,1px 0 #c9c9c9,0 -1px #c9c9c9;
		color: #fff
	}

	.history-wrp .h100vh .move-year .line {
		display: none
	}

	.history-wrp .h100vh .move-year .list {
		position: absolute;
		top: 260px;
		top: 26rem;
		margin: 15px 16px 0;
		margin: 1.5rem 1.6rem 0
	}

	.history-wrp .h100vh .move-year .list li {
		position: relative;
		padding: 0 0 0 26px;
		padding: 0 0 0 2.6rem;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 28px;
		line-height: 2.8rem;
		font-weight: 300;
		color: #555
	}

	.history-wrp .h100vh .move-year .list li:before {
		content: '';
		display: block;
		position: absolute;
		left: 10px;
		left: 1rem;
		top: 12px;
		top: 1.2rem;
		width: 4px;
		width: 0.4rem;
		height: 4px;
		height: 0.4rem;
		border-radius: 4px;
		border-radius: 0.4rem;
		background: #555
	}

	.history-wrp .h100vh .move-year .y-img {
		z-index: -1
	}

	.history-wrp .h100vh .move-year .y-img .img,.history-wrp .h100vh .move-year .y-img .img1,.history-wrp .h100vh .move-year .y-img .img2 {
		margin: 0 auto
	}

	.history-wrp .h100vh .move-year .y-img p {
		margin-top: 8px;
		margin-top: 0.8rem;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px;
		line-height: 2rem;
		color: #555;
		text-align: center
	}

	.history-wrp .section1 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history1_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section1 .idx1 .y-img {
		position: absolute;
		top: 0;
		top: 0;
		right: 40px;
		right: 4rem;
		z-index: -1
	}

	.history-wrp .section1 .idx1 .y-img .img {
		width: 237px;
		width: 23.7rem;
		height: 283px;
		height: 28.25rem;
		background: url(../image/y_img01_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section1 .idx2 .y-img {
		position: absolute;
		top: 374px;
		top: 37.4rem;
		right: 28px;
		right: 2.8rem;
		z-index: -1
	}

	.history-wrp .section1 .idx2 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img01_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section1 .idx3 .y-img {
		position: absolute;
		top: 270px;
		top: 27rem;
		right: 62px;
		right: 6.2rem;
		z-index: -1
	}

	.history-wrp .section1 .idx3 .y-img .img {
		width: 191px;
		width: 19.05rem;
		height: 262px;
		height: 26.15rem;
		background: url(../image/y_img01_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section1 .idx4 .y-img {
		position: absolute;
		top: 362px;
		top: 36.2rem;
		right: 37px;
		right: 3.7rem;
		z-index: -1
	}

	.history-wrp .section1 .idx4 .y-img .img {
		width: 243px;
		width: 24.25rem;
		height: 133px;
		height: 13.3rem;
		background: url(../image/y_img01_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section1 .idx5 .y-img {
		position: absolute;
		top: 318px;
		top: 31.8rem;
		right: 16px;
		right: 1.6rem;
		z-index: -1
	}

	.history-wrp .section1 .idx5 .y-img .img {
		width: 284px;
		width: 28.4rem;
		height: 227px;
		height: 22.7rem;
		background: url(../image/y_img01_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section1 .idx6 .y-img {
		position: absolute;
		top: 372px;
		top: 37.2rem;
		right: 35px;
		right: 3.5rem;
		z-index: -1
	}

	.history-wrp .section1 .idx6 .y-img .img {
		width: 245px;
		width: 24.45rem;
		height: 175px;
		height: 17.45rem;
		background: url(../image/y_img01_06.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section2 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history2_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section2 .idx1 .y-img {
		position: absolute;
		top: 420px;
		top: 42rem;
		right: 25px;
		right: 2.5rem;
		z-index: -1
	}

	.history-wrp .section2 .idx1 .y-img .img {
		width: 263px;
		width: 26.3rem;
		height: 127px;
		height: 12.65rem;
		background: url(../image/y_img02_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section2 .idx2 .y-img {
		position: absolute;
		top: 422px;
		top: 42.2rem;
		right: 70px;
		right: 7rem;
		z-index: -1
	}

	.history-wrp .section2 .idx2 .y-img .img {
		width: 172px;
		width: 17.15rem;
		height: 151px;
		height: 15.1rem;
		background: url(../image/y_img02_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section2 .idx3 .y-img {
		position: absolute;
		top: 465px;
		top: 46.5rem;
		right: 22px;
		right: 2.2rem;
		z-index: -1
	}

	.history-wrp .section2 .idx3 .y-img .img {
		width: 274px;
		width: 27.4rem;
		height: 114px;
		height: 11.35rem;
		background: url(../image/y_img02_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section2 .idx4 .y-img {
		position: absolute;
		top: 385px;
		top: 38.5rem;
		right: 60px;
		right: 6rem;
		z-index: -1
	}

	.history-wrp .section2 .idx4 .y-img .img {
		width: 191px;
		width: 19.05rem;
		height: 173px;
		height: 17.3rem;
		background: url(../image/y_img02_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history3_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section3 .idx1 .y-img {
		position: absolute;
		top: -40px;
		top: -4rem;
		right: 16px;
		right: 1.6rem;
		z-index: -1
	}

	.history-wrp .section3 .idx1 .y-img .img {
		width: 228px;
		width: 22.8rem;
		height: 288px;
		height: 28.8rem;
		background: url(../image/y_img03_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx2 .y-img {
		position: absolute;
		top: 365px;
		top: 36.5rem;
		right: 26px;
		right: 2.6rem;
		z-index: -1
	}

	.history-wrp .section3 .idx2 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img03_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx3 .y-img {
		position: absolute;
		top: 380px;
		top: 38rem;
		right: 52px;
		right: 5.2rem;
		z-index: -1
	}

	.history-wrp .section3 .idx3 .y-img .img {
		width: 210px;
		width: 21rem;
		height: 194px;
		height: 19.35rem;
		background: url(../image/y_img03_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx4 .y-img {
		position: absolute;
		top: 400px;
		top: 40rem;
		right: 42px;
		right: 4.2rem;
		z-index: -1
	}

	.history-wrp .section3 .idx4 .y-img .img {
		width: 231px;
		width: 23.1rem;
		height: 98px;
		height: 9.75rem;
		background: url(../image/y_img03_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx5 .y-img {
		position: absolute;
		top: 365px;
		top: 36.5rem;
		right: 28px;
		right: 2.8rem;
		z-index: -1
	}

	.history-wrp .section3 .idx5 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img03_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx6 .y-img {
		position: absolute;
		top: 365px;
		top: 36.5rem;
		right: 28px;
		right: 2.8rem;
		z-index: -1
	}

	.history-wrp .section3 .idx6 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(https://www.lottewellfood.com/images/introduction/y_img03_06.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx7 .y-img {
		position: absolute;
		top: 305px;
		top: 30.5rem;
		right: 40px;
		right: 4rem;
		z-index: -1
	}

	.history-wrp .section3 .idx7 .y-img .img1 {
		margin: 0 auto;
		width: 60px;
		width: 5.95rem;
		height: 125px;
		height: 12.45rem;
		background: url(../image/y_img03_07_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx7 .y-img .img2 {
		margin-top: 70px;
		margin-top: 7rem;
		width: 234px;
		width: 23.4rem;
		height: 109px;
		height: 10.9rem;
		background: url(../image/y_img03_07_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx8 .y-img {
		position: absolute;
		top: 375px;
		top: 37.5rem;
		right: 70px;
		right: 7rem;
		z-index: -1
	}

	.history-wrp .section3 .idx8 .y-img .img {
		margin-top: 70px;
		margin-top: 7rem;
		width: 174px;
		width: 17.4rem;
		height: 149px;
		height: 14.9rem;
		background: url(../image/y_img03_08.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx9 .y-img {
		position: absolute;
		top: 400px;
		top: 40rem;
		right: 25px;
		right: 2.5rem;
		z-index: -1
	}

	.history-wrp .section3 .idx9 .y-img .img {
		width: 266px;
		width: 26.55rem;
		height: 123px;
		height: 12.3rem;
		background: url(../image/y_img03_09.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx10 .y-img {
		position: absolute;
		top: 370px;
		top: 37rem;
		right: 95px;
		right: 9.5rem;
		z-index: -1
	}

	.history-wrp .section3 .idx10 .y-img .img {
		width: 126px;
		width: 12.6rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img03_10.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history4_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section4 .idx1 .y-img {
		position: absolute;
		top: -40px;
		top: -4rem;
		right: 16px;
		right: 1.6rem
	}

	.history-wrp .section4 .idx1 .y-img .img {
		width: 143px;
		width: 14.3rem;
		height: 78px;
		height: 7.8rem;
		background: url(../image/y_img04_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx2 .y-img {
		position: absolute;
		top: 467px;
		top: 46.7rem;
		right: 25px;
		right: 2.5rem
	}

	.history-wrp .section4 .idx2 .y-img .img {
		width: 265px;
		width: 26.45rem;
		height: 126px;
		height: 12.6rem;
		background: url(../image/y_img04_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx3 .y-img {
		position: absolute;
		top: 434px;
		top: 43.4rem;
		right: 23px;
		right: 2.3rem
	}

	.history-wrp .section4 .idx3 .y-img .img {
		width: 263px;
		width: 26.25rem;
		height: 191px;
		height: 19.1rem;
		background: url(../image/y_img04_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx4 .y-img {
		position: absolute;
		top: 350px;
		top: 35rem;
		right: 31px;
		right: 3.1rem
	}

	.history-wrp .section4 .idx4 .y-img .img {
		width: 259px;
		width: 25.85rem;
		height: 190px;
		height: 19rem;
		background: url(../image/y_img04_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx5 .y-img {
		position: absolute;
		top: 350px;
		top: 35rem;
		right: 31px;
		right: 3.1rem
	}

	.history-wrp .section4 .idx5 .y-img .img {
		width: 259px;
		width: 25.85rem;
		height: 190px;
		height: 19rem;
		background: url(https://www.lottewellfood.com/images/introduction/y_img04_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx6 .y-img {
		position: absolute;
		top: 424px;
		top: 42.4rem;
		right: 93px;
		right: 9.3rem
	}

	.history-wrp .section4 .idx6 .y-img .img {
		width: 130px;
		width: 12.95rem;
		height: 187px;
		height: 18.65rem;
		background: url(../image/y_img04_06.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx7 .y-img {
		position: absolute;
		top: 372px;
		top: 37.2rem;
		right: 30px;
		right: 3rem
	}

	.history-wrp .section4 .idx7 .y-img .img {
		width: 257px;
		width: 25.7rem;
		height: 119px;
		height: 11.9rem;
		background: url(../image/y_img04_07.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx8 .y-img {
		position: absolute;
		top: 316px;
		top: 31.6rem;
		right: 44px;
		right: 4.4rem
	}

	.history-wrp .section4 .idx8 .y-img .img {
		width: 226px;
		width: 22.6rem;
		height: 150px;
		height: 14.95rem;
		background: url(../image/y_img04_08.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx9 .y-img {
		position: absolute;
		top: 300px;
		top: 30rem;
		right: 30px;
		right: 3rem
	}

	.history-wrp .section4 .idx9 .y-img .img1 {
		margin: 0 auto;
		width: 35px;
		width: 3.5rem;
		height: 166px;
		height: 16.55rem;
		background: url(../image/y_img04_09_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx9 .y-img .img2 {
		margin-top: 30px;
		margin-top: 3rem;
		width: 265px;
		width: 26.45rem;
		height: 189px;
		height: 18.85rem;
		background: url(../image/y_img04_09_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx10 .y-img {
		position: absolute;
		top: 541px;
		top: 54.1rem;
		right: 28px;
		right: 2.8rem
	}

	.history-wrp .section4 .idx10 .y-img .img1 {
		margin: 0 auto;
		width: 273px;
		width: 27.3rem;
		height: 215px;
		height: 21.45rem;
		background: url(../image/y_img04_10_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .idx10 .y-img .img2 {
		margin-top: 30px;
		margin-top: 3rem;
		width: 206px;
		width: 20.55rem;
		height: 150px;
		height: 14.95rem;
		background: url(../image/y_img04_10_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history5_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section5 .idx1 .y-img {
		position: absolute;
		top: 344px;
		top: 34.4rem;
		right: 75px;
		right: 7.5rem
	}

	.history-wrp .section5 .idx1 .y-img .img {
		width: 137px;
		width: 13.7rem;
		height: 134px;
		height: 13.4rem;
		background: url(../image/y_img05_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx2 .y-img {
		position: absolute;
		top: 390px;
		top: 39rem;
		right: 28px;
		right: 2.8rem
	}

	.history-wrp .section5 .idx2 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img05_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx3 .y-img {
		position: absolute;
		top: 380px;
		top: 38rem;
		right: 67px;
		right: 6.7rem
	}

	.history-wrp .section5 .idx3 .y-img .img {
		width: 124px;
		width: 12.4rem;
		height: 125px;
		height: 12.45rem;
		background: url(../image/y_img05_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx4 .y-img {
		position: absolute;
		top: 369px;
		top: 36.9rem;
		right: 49px;
		right: 4.9rem
	}

	.history-wrp .section5 .idx4 .y-img .img {
		width: 217px;
		width: 21.7rem;
		height: 162px;
		height: 16.15rem;
		background: url(../image/y_img05_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx5 .y-img {
		position: absolute;
		top: 369px;
		top: 36.9rem;
		right: 48px;
		right: 4.8rem
	}

	.history-wrp .section5 .idx5 .y-img .img {
		width: 219px;
		width: 21.9rem;
		height: 84px;
		height: 8.35rem;
		background: url(../image/y_img05_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx6 .y-img {
		position: absolute;
		top: 445px;
		top: 44.5rem;
		right: 60px;
		right: 6rem
	}

	.history-wrp .section5 .idx6 .y-img .img1 {
		width: 182px;
		width: 18.2rem;
		height: 54px;
		height: 5.35rem;
		background: url(../image/y_img05_06_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx6 .y-img .img2 {
		margin-top: 40px;
		margin-top: 4rem;
		width: 192px;
		width: 19.15rem;
		height: 125px;
		height: 12.45rem;
		background: url(../image/y_img05_06_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx7 .y-img {
		position: absolute;
		top: 365px;
		top: 36.5rem;
		right: 67px;
		right: 6.7rem
	}

	.history-wrp .section5 .idx7 .y-img .img {
		width: 182px;
		width: 18.2rem;
		height: 208px;
		height: 20.8rem;
		background: url(../image/y_img05_07.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx8 .y-img {
		position: absolute;
		top: 395px;
		top: 39.5rem;
		right: 70px;
		right: 7rem
	}

	.history-wrp .section5 .idx8 .y-img .img1 {
		display: none;
		width: 265px;
		width: 26.45rem;
		height: 191px;
		height: 19.1rem;
		background: url(../image/y_img05_08_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx8 .y-img .img1 + p {
		display: none
	}

	.history-wrp .section5 .idx8 .y-img .img2 {
		width: 173px;
		width: 17.25rem;
		height: 202px;
		height: 20.2rem;
		background: url(../image/y_img05_08_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx9 .y-img {
		position: absolute;
		top: 384px;
		top: 38.4rem;
		right: 29px;
		right: 2.9rem
	}

	.history-wrp .section5 .idx9 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img05_09.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section5 .idx10 .y-img {
		position: absolute;
		top: 385px;
		top: 38.5rem;
		right: 88px;
		right: 8.8rem
	}

	.history-wrp .section5 .idx10 .y-img .img {
		width: 110px;
		width: 11rem;
		height: 157px;
		height: 15.7rem;
		background: url(../image/y_img05_10.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/img_history6_mo.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section6 .idx1 .y-img {
		position: absolute;
		top: 388px;
		top: 38.8rem;
		right: 28px;
		right: 2.8rem
	}

	.history-wrp .section6 .idx1 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx2 .y-img {
		position: absolute;
		top: 393px;
		top: 39.3rem;
		right: 83px;
		right: 8.3rem
	}

	.history-wrp .section6 .idx2 .y-img .img1 {
		width: 163px;
		width: 16.25rem;
		height: 62px;
		height: 6.15rem;
		background: url(../image/y_img06_02_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx2 .y-img .img2 {
		margin-top: 35px;
		margin-top: 3.5rem;
		width: 156px;
		width: 15.55rem;
		height: 53px;
		height: 5.3rem;
		background: url(../image/y_img06_02_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx3 .y-img {
		position: absolute;
		top: 433px;
		top: 43.3rem;
		right: 60px;
		right: 6rem
	}

	.history-wrp .section6 .idx3 .y-img .img {
		width: 191px;
		width: 19.1rem;
		height: 134px;
		height: 13.4rem;
		background: url(../image/y_img06_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx4 .y-img {
		position: absolute;
		top: 512px;
		top: 51.2rem;
		right: 51px;
		right: 5.1rem
	}

	.history-wrp .section6 .idx4 .y-img .img {
		width: 229px;
		width: 22.85rem;
		height: 288px;
		height: 28.8rem;
		background: url(../image/y_img06_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx5 .y-img {
		position: absolute;
		top: 385px;
		top: 38.5rem;
		right: 65px;
		right: 6.5rem
	}

	.history-wrp .section6 .idx5 .y-img .img {
		width: 161px;
		width: 16.1rem;
		height: 152px;
		height: 15.2rem;
		background: url(../image/y_img06_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx6 .y-img {
		position: absolute;
		top: 385px;
		top: 38.5rem;
		right: 82px;
		right: 8.2rem
	}

	.history-wrp .section6 .idx6 .y-img .img {
		width: 166px;
		width: 16.6rem;
		height: 127px;
		height: 12.7rem;
		background: url(../image/y_img06_06.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx7 .y-img {
		position: absolute;
		top: 400px;
		top: 40rem;
		right: 30px;
		right: 3rem
	}

	.history-wrp .section6 .idx7 .y-img .img1 {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_07_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx7 .y-img .img2 {
		margin-top: 35px;
		margin-top: 3.5rem;
		width: 167px;
		width: 16.7rem;
		height: 201px;
		height: 20.1rem;
		background: url(../image/y_img06_07_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx8 .y-img {
		position: absolute;
		top: 450px;
		top: 45rem;
		right: 27px;
		right: 2.7rem
	}

	.history-wrp .section6 .idx8 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_08.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx9 .y-img {
		position: absolute;
		top: 495px;
		top: 49.5rem;
		right: 27px;
		right: 2.7rem
	}

	.history-wrp .section6 .idx9 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_09.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx10 .y-img {
		position: absolute;
		top: 490px;
		top: 49rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section6 .idx10 .y-img .img1 {
		width: 201px;
		width: 20.1rem;
		height: 108px;
		height: 10.75rem;
		background: url(../image/y_img06_10_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx10 .y-img .img2 {
		margin-top: 70px;
		margin-top: 7rem;
		width: 119px;
		width: 11.85rem;
		height: 117px;
		height: 11.65rem;
		background: url(../image/y_img06_10_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx11 .y-img {
		position: absolute;
		top: 270px;
		top: 27rem;
		right: 60px;
		right: 6rem
	}

	.history-wrp .section6 .idx11 .y-img .img {
		width: 191px;
		width: 19.05rem;
		height: 262px;
		height: 26.15rem;
		background: url(../image/y_img06_11.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx12 .y-img {
		position: absolute;
		top: 362px;
		top: 36.2rem;
		right: 72px;
		right: 7.2rem
	}

	.history-wrp .section6 .idx12 .y-img .img {
		width: 176px;
		width: 17.6rem;
		height: 95px;
		height: 9.45rem;
		background: url(../image/y_img06_12.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx13 .y-img {
		position: absolute;
		top: 336px;
		top: 33.6rem;
		right: 27px;
		right: 2.7rem
	}

	.history-wrp .section6 .idx13 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_13.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section6 .idx14 .y-img {
		position: absolute;
		top: 336px;
		top: 33.6rem;
		right: 27px;
		right: 2.7rem
	}

	.history-wrp .section6 .idx14 .y-img .img {
		width: 262px;
		width: 26.15rem;
		height: 191px;
		height: 19.05rem;
		background: url(../image/y_img06_14.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people {
		padding: 28px 0 0;
		padding: 2.8rem 0 0
	}

	.company-people .txt1 {
		text-align: center
	}

	.company-people .txt1 .fnt-title6 span {
		font-weight: 300
	}

	.company-people .txt1 .fnt-title6 span em {
		font-weight: 700
	}

	.company-people .txt1 .fnt-text1 {
		margin: 10px 0 0;
		margin: 1rem 0 0;
		color: #666
	}

	.company-people .top-img {
		width: 100%;
		margin: 22px 0 0;
		margin: 2.2rem 0 0
	}

	.company-people .top-img img {
		max-width: 100%
	}

	.company-people .top-img .only-pc {
		display: none
	}

	.company-people .txt2 {
		padding: 55px 0 0;
		padding: 5.5rem 0 0
	}

	.company-people .txt2 .fnt-title-s1 {
		text-align: center
	}

	.company-people .txt2 .fnt-title-s1 span {
		line-height: 33px;
		line-height: 3.3rem
	}

	.company-people .txt2 .fnt-title-s1 span em {
		display: inline-block;
		line-height: 33px;
		line-height: 3.3rem
	}

	.company-people .txt2 ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 70px 0 0;
		padding: 7rem 0 0
	}

	.company-people .txt2 ul li {
		width: 50%;
		height: 50vw
	}

	.company-people .txt2 ul li span {
		display: inline-block;
		position: relative;
		width: 80%;
		height: 80%;
		border: 1px solid #888;
		border-radius: 100%
	}

	.company-people .txt2 ul li span:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.company-people .txt2 ul li span strong {
		display: block;
		position: absolute;
		left: 0;
		bottom: 30px;
		bottom: 3rem;
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 18px;
		line-height: 1.8rem;
		font-weight: 700;
		text-align: center
	}

	.company-people .txt2 ul li:nth-child(odd) {
		text-align: right
	}

	.company-people .txt2 ul li:nth-child(odd) span {
		margin-right: 10px;
		margin-right: 1rem
	}

	.company-people .txt2 ul li:nth-child(even) {
		text-align: left
	}

	.company-people .txt2 ul li:nth-child(even) span {
		margin-left: 10px;
		margin-left: 1rem
	}

	.company-people .txt2 ul li.idx1 span:before {
		margin-top: -35px;
		margin-top: -3.5rem;
		width: 38px;
		width: 3.8rem;
		height: 42px;
		height: 4.15rem;
		background: url(../image/ico_cp01_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt2 ul li.idx2 span:before {
		margin-top: -31px;
		margin-top: -3.1rem;
		width: 41px;
		width: 4.1rem;
		height: 42px;
		height: 4.15rem;
		background: url(../image/ico_cp02_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt2 ul li.idx3 span:before {
		margin-top: -31px;
		margin-top: -3.1rem;
		width: 45px;
		width: 4.45rem;
		height: 45px;
		height: 4.5rem;
		background: url(../image/ico_cp03_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt2 ul li.idx4 span:before {
		margin-top: -35px;
		margin-top: -3.5rem;
		width: 45px;
		width: 4.5rem;
		height: 41px;
		height: 4.1rem;
		background: url(../image/ico_cp04_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt3 {
		padding: 103px 0 0;
		padding: 10.3rem 0 0
	}

	.company-people .txt3 .fnt1 {
		text-align: center
	}

	.company-people .txt3 .fnt1 span {
		
		font-size: 23px;
		font-size: 2.3rem;
		line-height: 32px;
		line-height: 3.2rem;
		font-weight: 700
	}

	.company-people .txt3 ul {
		padding: 21px 0 0;
		padding: 2.1rem 0 0
	}

	.company-people .txt3 ul li {
		width: 80vw;
		height: 80vw;
		max-width: 320px;
		max-height: 320px;
		margin: 0 auto
	}

	.company-people .txt3 ul li > span {
		display: block;
		position: relative;
		height: 100%;
		border-radius: 100%;
		border: 1px solid #bbb
	}

	.company-people .txt3 ul li > span:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50px;
		top: 5rem;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 45px;
		width: 4.5rem;
		height: 30px;
		height: 3rem;
		background: url(../image/ico_cp_vs02_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt3 ul li:first-child {
		margin-bottom: 49px
	}

	.company-people .txt3 ul li:first-child > span:before {
		top: 60px;
		top: 6rem;
		width: 39px;
		width: 3.9rem;
		height: 28px;
		height: 2.8rem;
		background: url(../image/ico_cp_vs01_mo.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt3 ul li:first-child > span:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -55px;
		left: 50%;
		margin-left: -4px;
		margin-left: -0.4rem;
		width: 8px;
		height: 59px;
		background: url(../image/ico_cp_vs_line_mo.png) no-repeat 0 0;
		background-size: 100% 100%;
		z-index: 1
	}

	.company-people .txt3 ul li .txt {
		position: absolute;
		left: 50%;
		top: 40%;
		width: 80%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center
	}

	.company-people .txt3 ul li .txt .fnt-title-s3 {
		margin-bottom: 20px;
		margin-bottom: 2rem
	}

	.company-people .txt3 ul li .txt .fnt-text1 {
		color: #666
	}

	.company-people .txt3 ul li .txt br {
		display: none
	}

	.company-people .txt4 {
		padding: 59px 0 0;
		padding: 5.9rem 0 0
	}

	.company-people .txt4 .fnt-title-s1 {
		text-align: center
	}

	.company-people .txt4 .fnt-title-s1 em {
		
		font-weight: 700;
		vertical-align: top;
		font-size: 25px;
		font-size: 2.5rem
	}

	.company-people .txt4 ul {
		margin: 20px 16px 0;
		margin: 2rem 1.6rem 0;
		padding: 19px 24px;
		padding: 1.9rem 2.4rem;
		background: #f5f5f5
	}

	.company-people .txt4 ul li {
		margin-bottom: 10px;
		margin-bottom: 1rem
	}

	.company-people .txt4 ul li:last-child {
		margin-bottom: 0
	}

	.company-people .txt4 ul li .fnt-text1 {
		margin: 0;
		position: relative;
		padding: 0 0 0 30px;
		padding: 0 0 0 3rem
	}

	.company-people .txt4 ul li .fnt-text1 span {
		line-height: 1.7142;
		color: #666
	}

	.company-people .txt4 ul li .fnt-text1 span strong {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		margin-right: 18px;
		margin-right: 1.8rem;
		
		font-weight: 700;
		color: #000
	}

	.txt5 {
		padding: 113px 0 0;
		padding: 11.3rem 0 0;
		max-width: 1240px;
		margin: 0 auto
	}

	.txt5 .fnt-title-s1 {
		text-align: center
	}

	.txt5 .fnt-title-s1 span {
		
		font-weight: 700;
		vertical-align: top;
		font-size: 38px;
		font-size: 3.8rem
	}

	.txt5 ul {
		margin: 0 16px 0 18px;
		margin: 0 1.6rem 0 1.8rem;
		padding: 33px 0 0;
		padding: 3.3rem 0 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.txt5 ul li {
		position: relative;
		width: -webkit-calc(31vw - 10px);
		width: calc(31vw - 10px);
		height: -webkit-calc(31vw - 10px);
		height: calc(31vw - 10px);
		border-radius: 31vw;
		margin: 17px 0 0 10px;
		background: #f5f5f5
	}

	.txt5 ul li .fnt-text1 {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-align: center
	}

	.txt5 ul li:first-child {
		margin-left: 0
	}

	.txt5 ul li:nth-child(3n + 1) {
		margin-left: 0
	}

	.txt5 ul li:nth-child(3):after,.txt5 ul li:nth-child(4):after {
		top: auto;
		bottom: -10px;
		left: 50%;
		margin-left: -15px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.txt5 ul li:nth-child(5):after,.txt5 ul li:nth-child(6):after {
		top: 50%;
		right: auto;
		left: -20px
	}

	.txt5 ul li:nth-child(7):after {
		display: none
	}

	.txt5 ul li:after {
		content: '';
		display: block;
		position: absolute;
		right: -20px;
		top: 50%;
		margin-top: 5px;
		margin-top: 0.5rem;
		width: 30px;
		height: 2px;
		background: url(../image/ico_cp_vs_lin2_mo.png) no-repeat 0 0;
		background-size: 100% 100%;
		z-index: -1
	}

	.section-wrap {
		padding-top: 90px;
		padding-top: 9rem
	}

	.section-wrap .fnt-title5 span {
		font-weight: 300
	}

	.section-wrap .fnt-title5 span em {
		font-weight: 700
	}

	.section-wrap .fnt-text1 {
		color: #666
	}

	.section-wrap section {
		margin-bottom: 65px;
		margin-bottom: 6.5rem
	}

	.section-wrap section:last-child {
		margin-bottom: 0
	}

	.section-wrap .bg-gray {
		background: #f5f5f5
	}

	.introduction1-container .sec-ttl {
		text-align: center;
		margin-bottom: 30px;
		margin-bottom: 3rem;
		padding: 0 16px;
		padding: 0 1.6rem
	}

	.introduction1-container .sec-ttl .text {
		margin-top: 10px;
		margin-top: 1rem
	}

	.introduction1-container .sec-ttl .text span {
		line-height: 1.71
	}

	.introduction1-container .intro-sec {
		padding-bottom: 70px;
		padding-bottom: 7rem
	}

	.introduction1-container .intro-sec .cont-box > img {
		width: 100%
	}

	.introduction1-container .intro-sec .intro-box {
		padding: 0 16px;
		padding: 0 1.6rem
	}

	.introduction1-container .intro-sec .intro-box .eng-box {
		padding: 35px 0;
		padding: 3.5rem 0
	}

	.introduction1-container .intro-sec .intro-box .eng-box img {
		width: 189px;
		width: 18.9rem
	}

	.introduction1-container .intro-sec .intro-box .text-box .text {
		margin-bottom: 20px;
		margin-bottom: 2rem;
		line-height: 1.71
	}

	.introduction1-container .intro-sec .intro-box .text-box .text:last-child {
		margin-bottom: 0
	}

	.introduction1-container .summary-sec {
		padding: 70px 16px 80px;
		padding: 7rem 1.6rem 8rem;
		margin-bottom: 0
	}

	.introduction1-container .summary-sec .summary-ttl {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.introduction1-container .summary-sec .summary-ttl .caption span {
		color: #888
	}

	.introduction1-container .summary-cont {
		margin-top: 25px;
		margin-top: 2.5rem;
		border-top: 1px solid #222
	}

	.introduction1-container .value-cont {
		padding: 35px 0;
		padding: 3.5rem 0
	}

	.introduction1-container .value-cont li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 30px;
		margin-bottom: 3rem
	}

	.introduction1-container .value-cont li:last-child {
		margin-bottom: 0
	}

	.introduction1-container .value-cont .ttl {
		padding-top: 4px;
		padding-top: 0.4rem
	}

	.introduction1-container .value-cont .ttl span {
		font-weight: 400
	}

	.introduction1-container .value-cont .fnt-number span {
		font-size: 40px;
		font-size: 4rem;
		vertical-align: baseline
	}

	.introduction1-container .value-cont .fnt-number em {
		font-size: 23px;
		font-size: 2.3rem;
		font-weight: 700;
		display: inline-block;
		vertical-align: baseline
	}

	.introduction1-container .company-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.introduction1-container .company-info li {
		padding: 30px 10px;
		padding: 3rem 1rem;
		text-align: center;
		width: 50%;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.introduction1-container .company-info li:nth-child(-n+2) {
		border-top: 0
	}

	.introduction1-container dl:before {
		content: '';
		display: inline-block;
		width: 40px;
		width: 4rem;
		height: 40px;
		height: 4rem;
		margin-bottom: 15px;
		margin-bottom: 1.5rem
	}

	.introduction1-container dl dt {
		margin-bottom: 5px;
		margin-bottom: 0.5rem
	}

	.introduction1-container dl dt span {
		color: #222
	}

	.introduction1-container .info01:before {
		background: url(../image/intro_icon01.png) center no-repeat;
		background-size: 25px 29px;
		background-size: 2.45rem 2.9rem
	}

	.introduction1-container .info02:before {
		background: url(../image/intro_icon02.png) center no-repeat;
		background-size: 26px 25px;
		background-size: 2.6rem 2.5rem
	}

	.introduction1-container .info03:before {
		background: url(../image/intro_icon03.png) center no-repeat;
		background-size: 25px 23px;
		background-size: 2.5rem 2.3rem
	}

	.introduction1-container .info04:before {
		background: url(../image/intro_icon04.png) center no-repeat;
		background-size: 25px 29px;
		background-size: 2.45rem 2.9rem
	}

	.introduction1-container .info05:before {
		background: url(../image/intro_icon05.png) center no-repeat;
		background-size: 38px 28px;
		background-size: 3.75rem 2.8rem
	}

	.introduction1-container .info06:before {
		background: url(../image/intro_icon06.png) center no-repeat;
		background-size: 27px 27px;
		background-size: 2.7rem 2.7rem
	}

	.introduction1-container .info07:before {
		background: url(../image/intro_icon07.png) center no-repeat;
		background-size: 22px 30px;
		background-size: 2.15rem 3rem
	}

	.introduction1-container .info08:before {
		background: url(../image/intro_icon08.png) center no-repeat;
		background-size: 23px 31px;
		background-size: 2.3rem 3.1rem
	}

	.introduction1-container .info09:before {
		background: url(../image/intro_icon09.png) center no-repeat;
		background-size: 33px 30px;
		background-size: 3.3rem 3rem
	}

	.introduction1-container .origin-sec {
		background: url(../image/introduction1_img02_mo.png) center no-repeat;
		background-size: cover;
		padding: 105px 16px 185px;
		padding: 10.5rem 1.6rem 18.5rem
	}

	.introduction1-container .origin-sec .sub-ttl span,.introduction1-container .origin-sec .ttl em,.introduction1-container .origin-sec .ttl span,.introduction1-container .origin-sec .txt em,.introduction1-container .origin-sec .txt span {
		color: #fff
	}

	.introduction1-container .origin-sec .sub-ttl span {
		font-weight: 300
	}

	.introduction1-container .origin-sec .ttl {
		margin: 0 0 15px;
		margin: 0 0 1.5rem
	}

	.introduction1-container .origin-sec .txt span {
		font-weight: 300;
		line-height: 1.71
	}

	.introduction4-container .ceo-sec .sec-ttl {
		padding: 0 16px;
		padding: 0 1.6rem;
		margin-bottom: 28px;
		margin-bottom: 2.8rem;
		text-align: center
	}

	.introduction4-container .ceo-sec .cont-box {
		position: relative
	}

	.introduction4-container .ceo-sec .cont-box img {
		width: 100%
	}

	.introduction4-container .ceo-sec .text {
		padding: 16px;
		padding: 1.6rem
	}

	.introduction4-container .ceo-sec .text span {
		line-height: 1.71
	}

	.introduction4-container .ceo-sec .point {
		color: #366cce;
		vertical-align: top
	}

	.introduction4-container .ceo-sec .sign {
		margin-top: 24px;
		margin-top: 2.4rem;
		font-weight: 700;
		color: #222
	}

	.introduction4-container .ceo-sec .sign img {
		display: inline-block;
		margin-left: 8px;
		margin-left: 0.8rem;
		width: 62px;
		width: 6.2rem
	}

	.introduction4-container .ceo-sec span.txt {
		margin-top: 20px;
		margin-top: 2rem
	}

	.introduction4-container .ceo-sec span.txt:first-child {
		margin-top: 0
	}

	.introduction4-container .mention-wrap {
		position: absolute;
		top: 15vw;
		width: 100%;
		text-align: center
	}

	.introduction4-container .mention {
		padding: 0 20px;
		padding: 0 2rem;
		display: inline-block;
		position: relative;
		font-family: 'Noto Sans KR',sans-serif;
		font-weight: 300;
		color: #fff;
		line-height: 1.58;
		font-size: 14px;
		font-size: 1.4rem
	}

	.introduction4-container .mention:before {
		content: '鈥?;
		display: block;
		position: absolute;
		left: 0;
		top: -10px;
		top: -1rem;
		font-size: 36px;
		font-size: 3.6rem
	}

	.introduction4-container .mention:after {
		content: '鈥?;
		display: block;
		position: absolute;
		right: 0;
		top: -10px;
		top: -1rem;
		font-size: 36px;
		font-size: 3.6rem
	}

	.introduction6-container .visual-sec .sec-ttl {
		padding: 0 16px;
		padding: 0 1.6rem;
		position: relative;
		z-index: 2
	}

	.introduction6-container .visual-sec .cont-box {
		margin-top: -14px;
		margin-top: -1.4rem;
		position: relative
	}

	.introduction6-container .visual-sec .cont-box img {
		width: 100%
	}

	.introduction6-container .visual-sec .text {
		padding: 16px;
		padding: 1.6rem
	}

	.introduction6-container .visual-sec .text span {
		line-height: 1.71
	}

	.introduction6-container .certi-sec {
		padding: 0 16px;
		padding: 0 1.6rem;
		margin-top: 65px;
		margin-top: 6.5rem
	}

	.introduction6-container .certi-sec .certi-list > li {
		margin-bottom: 75px;
		margin-bottom: 7.5rem
	}

	.introduction6-container .certi-sec .certi-list > li:last-child {
		margin-bottom: 0
	}

	.introduction6-container .certi-sec .certi-title {
		margin-bottom: 25px;
		margin-bottom: 2.5rem
	}

	.introduction6-container .certi-sec .certi-title .fnt-title6 span {
		font-weight: 300
	}

	.introduction6-container .certi-sec .certi-title .fnt-title6 span em {
		font-weight: 700
	}

	.introduction6-container .certi-sec .certi-title .roboto span {
		
		font-weight: 700
	}

	.introduction6-container .certi-sec .certi-title .sub-txt {
		display: block;
		color: #888;
		font-weight: 300;
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 5px;
		margin-top: 0.5rem
	}

	.introduction6-container .certi-sec .certi-img {
		margin: 0 auto;
		margin-bottom: 25px;
		margin-bottom: 2.5rem
	}

	.introduction6-container .certi-sec .list01 .certi-img {
		width: 343px;
		width: 34.3rem
	}

	.introduction6-container .certi-sec .list01 .certi-img:after {
		content: '';
		display: block;
		clear: both
	}

	.introduction6-container .certi-sec .list01 .certi-img img {
		width: 161px;
		width: 16.1rem
	}

	.introduction6-container .certi-sec .list01 .certi-img img:nth-child(1) {
		float: left
	}

	.introduction6-container .certi-sec .list01 .certi-img img:nth-child(2) {
		float: right
	}

	.introduction6-container .certi-sec .list02 .certi-img,.introduction6-container .certi-sec .list03 .certi-img {
		width: 192px;
		width: 19.2rem
	}

	.introduction6-container .certi-sec .list02 .certi-img img,.introduction6-container .certi-sec .list03 .certi-img img {
		width: 100%
	}

	.introduction6-container .certi-sec .certi-text .text span {
		color: #666;
		line-height: 1.71
	}

	.introduction6-container .certi-sec .certi-text .caption {
		margin-top: 25px;
		margin-top: 2.5rem
	}

	.introduction6-container .certi-sec .certi-text .caption span {
		color: #888;
		font-weight: 300
	}

	.introduction6-container .certi-sec .certi-text .text-list .dash {
		position: relative;
		padding-left: 8px;
		padding-left: 0.8rem
	}

	.introduction6-container .certi-sec .certi-text .text-list .dash:before {
		content: '-';
		display: block;
		position: absolute;
		left: 0;
		top: 0
	}

	section.recruit {
		padding: 0 16px;
		padding: 0 1.6rem;
		margin-top: 53px;
		margin-top: 5.3rem;
		text-align: center
	}

	section.recruit .text {
		margin-top: 3px;
		margin-top: 0.3rem;
		color: #666
	}

	section.recruit .cont01 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 320px;
		width: 32rem;
		margin: 0 auto
	}

	section.recruit .cont01 > li {
		width: 150px;
		width: 15rem;
		height: 150px;
		height: 15rem;
		border-radius: 100%;
		background: #f5f5f5;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 20px;
		margin-top: 2rem
	}

	section.recruit .cont01 > li span {
		font-weight: 400
	}

	section.recruit .cont02 {
		margin-top: 18px;
		margin-top: 1.8rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 1px solid #222
	}

	section.recruit .cont02 > li {
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
		padding-top: 42px;
		padding-top: 4.2rem
	}

	section.recruit .cont02 .icon {
		display: block;
		width: 100%;
		height: 50px;
		height: 5rem;
		margin-bottom: 15px;
		margin-bottom: 1.5rem
	}

	section.recruit .cont02 .icon.icon01 {
		background: url(../image/ico3_01.png) center no-repeat;
		background-size: 48px 38px;
		background-size: 4.8rem 3.75rem
	}

	section.recruit .cont02 .icon.icon02 {
		background: url(../image/ico3_02.png) center no-repeat;
		background-size: 48px 40px;
		background-size: 4.8rem 3.95rem
	}

	section.recruit .cont02 .icon.icon03 {
		background: url(../image/ico3_03.png) center no-repeat;
		background-size: 48px 44px;
		background-size: 4.8rem 4.4rem
	}

	section.recruit .cont02 .icon.icon04 {
		background: url(../image/ico3_04.png) center no-repeat;
		background-size: 48px 37px;
		background-size: 4.8rem 3.7rem
	}

	section.recruit .cont02 .icon.icon05 {
		background: url(../image/ico3_05.png) center no-repeat;
		background-size: 46px 46px;
		background-size: 4.6rem 4.55rem
	}

	section.recruit .cont02 .icon.icon06 {
		background: url(../image/ico3_06.png) center no-repeat;
		background-size: 49px 45px;
		background-size: 4.9rem 4.5rem
	}

	section.recruit .cont02 .icon.icon07 {
		background: url(../image/ico3_07.png) center no-repeat;
		background-size: 46px 39px;
		background-size: 4.6rem 3.9rem
	}

	section.recruit .cont02 .icon.icon08 {
		background: url(../image/ico3_08.png) center no-repeat;
		background-size: 48px 39px;
		background-size: 4.8rem 3.9rem
	}

	section.recruit .cont02 .icon.icon09 {
		background: url(../image/ico3_09.png) center no-repeat;
		background-size: 49px 28px;
		background-size: 4.9rem 2.8rem
	}

	section.recruit .cont02 .icon.icon10 {
		background: url(../image/ico3_10.png) center no-repeat;
		background-size: 38px 48px;
		background-size: 3.8rem 4.8rem
	}

	section.recruit .cont02 .icon.icon11 {
		background: url(../image/ico3_11.png) center no-repeat;
		background-size: 47px 45px;
		background-size: 4.65rem 4.5rem
	}

	section.recruit .cont02 .icon.icon12 {
		background: url(../image/ico3_12.png) center no-repeat;
		background-size: 47px 46px;
		background-size: 4.7rem 4.6rem
	}

	section.recruit .cont02 .icon.icon13 {
		background: url(../image/ico3_13.png) center no-repeat;
		background-size: 48px 45px;
		background-size: 4.8rem 4.45rem
	}

	section.recruit .cont02 .icon.icon14 {
		background: url(../image/ico3_14.png) center no-repeat;
		background-size: 43px 47px;
		background-size: 4.25rem 4.7rem
	}

	section.recruit .cont02 .icon.icon15 {
		background: url(../image/ico3_15.png) center no-repeat;
		background-size: 42px 46px;
		background-size: 4.2rem 4.55rem
	}

	.introduction704-container .tab-btn {
		padding: 0 16px;
		padding: 0 1.6rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.introduction704-container .tab-btn .tab {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 51px;
		height: 5.1rem;
		background: #f5f5f5
	}

	.introduction704-container .tab-btn .tab:focus {
		outline: none
	}

	.introduction704-container .tab-btn .tab span {
		vertical-align: middle;
		color: #888;
		font-size: 12px;
		font-size: 1.2rem
	}

	.introduction704-container .tab-btn .tab.on {
		background: #888
	}

	.introduction704-container .tab-btn .tab.on span {
		color: #f5f5f5
	}

	.introduction704-container .tab-cont {
		margin-top: 35px;
		margin-top: 3.5rem;
		display: none
	}

	.introduction704-container .tab-cont.on {
		display: block
	}

	.introduction704-container .sec-ttl {
		padding: 0 16px;
		padding: 0 1.6rem;
		margin-bottom: 22px;
		margin-bottom: 2.2rem;
		text-align: center
	}

	.introduction704-container .sec-ttl span {
		font-weight: 300
	}

	.introduction704-container .sec-ttl span em {
		font-weight: 700
	}

	.introduction704-container .cont-box {
		position: relative
	}

	.introduction704-container .cont-box img {
		width: 100%
	}

	.introduction704-container .text {
		padding: 30px 16px 0;
		padding: 3rem 1.6rem 0;
		color: #666
	}

	.introduction704-container .text span {
		line-height: 1.71
	}

	.number-sec {
		padding: 0 16px;
		padding: 0 1.6rem
	}

	.number-sec .box-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-bottom: 1px solid #222;
		padding-bottom: 23px;
		padding-bottom: 2.3rem
	}

	.number-sec .box-wrap .box {
		text-align: center;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.number-sec .box-wrap .box dt:after {
		content: '';
		display: block;
		height: 49px;
		height: 4.9rem;
		margin-top: 17px;
		margin-top: 1.7rem;
		margin-bottom: 5px;
		margin-bottom: 0.5rem
	}

	.number-sec .box-wrap .box:nth-child(1) dt:after {
		background: url(../image/intro8_ico01.png) center no-repeat;
		background-size: 39px 35px;
		background-size: 3.9rem 3.45rem
	}

	.number-sec .box-wrap .box:nth-child(2) {
		margin: 0 14px;
		margin: 0 1.4rem
	}

	.number-sec .box-wrap .box:nth-child(2) dt:after {
		background: url(../image/intro8_ico02.png) center no-repeat;
		background-size: 53px 47px;
		background-size: 5.3rem 4.7rem
	}

	.number-sec .box-wrap .box:nth-child(3) dt:after {
		background: url(../image/intro8_ico03.png) center no-repeat;
		background-size: 46px 38px;
		background-size: 4.55rem 3.8rem
	}

	.number-sec .box-wrap .box .fnt-number span {
		font-size: 46px;
		font-size: 4.6rem;
		vertical-align: baseline;
		line-height: 1
	}

	.number-sec .box-wrap .box .fnt-number em {
		font-size: 16px;
		font-size: 1.6rem;
		vertical-align: baseline
	}

	.number-sec .box-wrap .box .fnt-text2 span {
		color: #888;
		font-weight: 300;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.625;
		margin-top: 8px;
		margin-top: 0.8rem
	}

	.map-sec {
		margin-top: 50px;
		margin-top: 5rem;
		overflow-y: hidden;
		position: relative
	}

	.map-sec .map-area {
		position: relative;
		width: 620px;
		width: 62rem
	}

	.map-sec img.map {
		width: 100%
	}

	.map-sec .ico-tbl {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 70px;
		width: 7rem;
		height: 70px;
		height: 7rem;
		background: url(../image/ico_tbl_swipe.png) no-repeat 50% 50%;
		background-size: 100% 100%
	}

	.map-sec .map-point {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.map-sec .map-btn {
		position: absolute
	}

	.map-sec .map-btn span {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700;
		padding-left: 15px;
		padding-left: 1.5rem
	}

	.map-sec .map-btn span:before {
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		content: '';
		display: block;
		width: 11px;
		width: 1.1rem;
		height: 11px;
		height: 1.1rem;
		border-radius: 100%;
		background: rgba(230, 0, 18, 0.4)
	}

	.map-sec .map-btn span:after {
		left: 4px;
		left: 0.35rem;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		content: '';
		display: block;
		width: 5px;
		width: 0.45rem;
		height: 5px;
		height: 0.45rem;
		border-radius: 100%;
		background: #e60012
	}

	.indicator {
		position: fixed;
		z-index: 10;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 14px 0 35px;
		padding: 1.4rem 0 3.5rem;
		background: rgba(0, 0, 0, 0.9);
		overflow-y: hidden;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s
	}

	.indicator.on {
		bottom: 0;
		opacity: 1;
		visibility: visible
	}

	.indicator li {
		text-align: center
	}

	.indicator-wrap {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 120%;
		padding: 0 15px;
		padding: 0 1.5rem;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.indicator-wrap:before {
		content: '';
		display: block;
		height: 1px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -13px;
		bottom: -1.3rem;
		background: #535b4f
	}

	.indi-btn {
		position: relative
	}

	.indi-btn .txt {
		color: #535b4f;
		font-size: 12px;
		font-size: 1.2rem
	}

	.indi-btn .txt:after {
		content: '';
		display: block;
		width: 9px;
		width: 0.9rem;
		height: 9px;
		height: 0.9rem;
		border-radius: 100%;
		background: #535b4f;
		position: absolute;
		left: 50%;
		bottom: -16px;
		bottom: -1.6rem;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%)
	}

	li.on .indi-btn .txt {
		color: #fff
	}

	li.on .indi-btn .txt:after {
		background: #366cce;
		width: 12px;
		width: 1.2rem;
		height: 12px;
		height: 1.2rem;
		bottom: -18px;
		bottom: -1.8rem
	}

	.company-sec {
		margin-top: 32px;
		margin-top: 3.2rem;
		padding: 0 16px;
		padding: 0 1.6rem
	}

	.company-list li {
		margin-bottom: 50px;
		margin-bottom: 5rem
	}

	.company-list li:last-child {
		margin-bottom: 0
	}

	.company-list .company-img img {
		width: 100%
	}

	.company-list .company-img .swiper-container.progress .swiper-pagination-progressbar {
		height: 3px;
		height: 0.3rem;
		bottom: 24px;
		bottom: 2.4rem
	}

	.company-list .company-detail {
		position: relative;
		margin-top: 34px;
		margin-top: 3.4rem
	}

	.company-list .company-detail .detail-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 16px;
		margin-top: 1.6rem
	}

	.company-list .company-detail .detail-list dt {
		width: 69px;
		width: 6.9rem
	}

	.company-list .company-detail .detail-list dt span {
		font-weight: 700;
		line-height: 1.45
	}

	.company-list .company-detail .detail-list dd {
		width: -webkit-calc(100% - 6.9rem);
		width: calc(100% - 6.9rem);
		margin-bottom: 10px;
		margin-bottom: 1rem
	}

	.company-list .company-detail .detail-list dd:last-child {
		margin-bottom: 0
	}

	.company-list .company-detail .detail-list dd span {
		font-weight: 300;
		color: #666;
		line-height: 1.45
	}

	.company-list .company-detail .country span {
		vertical-align: baseline
	}

	.company-list .company-detail .country em {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 300;
		color: #666;
		vertical-align: baseline
	}

	.company-list .company-detail .add {
		margin-top: 22px;
		margin-top: 2.2rem
	}

	.company-list .company-detail .add span {
		color: #666
	}

	.company-list .company-detail .site-link {
		position: absolute;
		right: 0;
		top: 0
	}

	.company-list .company-detail .site-link.btn-border {
		height: 32px;
		height: 3.2rem;
		line-height: 30px;
		line-height: 3rem
	}

	.global-sec {
		margin-top: 40px;
		margin-top: 4rem;
		padding: 0 16px;
		padding: 0 1.6rem
	}

	.global-sec .global-list {
		border-top: 1px solid #222
	}

	.global-sec .global-list li {
		border-right: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		padding: 16px 19px;
		padding: 1.6rem 1.9rem
	}

	.global-sec .global-list li.on {
		background-color: #efefef
	}

	.global-sec .ttl {
		margin-bottom: 11px;
		margin-bottom: 1.1rem;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500
	}

	.global-sec .global-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.global-sec .global-info dt {
		font-size: 13px;
		font-size: 1.3rem;
		font-family: 'Roboto';
		font-weight: 400;
		color: #222;
		width: 64px;
		width: 6.4rem;
		width: 13.8%
	}

	.global-sec .global-info dd {
		font-size: 13px;
		font-size: 1.3rem;
		font-family: 'Roboto';
		font-weight: 300;
		color: #666;
		width: 86.2%;
		margin-bottom: 7px;
		margin-bottom: 0.7rem
	}

	.global-sec .global-info dd:last-child {
		margin-bottom: 0
	}

	.global-sec .global-info dd a {
		vertical-align: top;
		font-size: 13px;
		font-size: 1.3rem;
		font-family: 'Roboto';
		font-weight: 300;
		color: #666
	}

	.introduction301-container .tab-type1 ul,.introduction302-container .tab-type1 ul {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.introduction301-container {
		position: relative;
		padding-bottom: 100px;
		padding-bottom: 10rem
	}

	.introduction301-container + #footer {
		margin: 0
	}

	.introduction301-container + #footer .floating-banner,.introduction301-container + #footer .top-btn {
		display: none
	}

	.introduction301-container .map-sec .map-btn.belgium {
		left: 47.2%;
		top: 17.1%
	}

	.introduction301-container .map-sec .map-btn.russia {
		left: 67%;
		top: 7.9%
	}

	.introduction301-container .map-sec .map-btn.china {
		left: 77.2%;
		top: 20%
	}

	.introduction301-container .map-sec .map-btn.kazakhstan {
		left: 59.5%;
		top: 25.2%
	}

	.introduction301-container .map-sec .map-btn.pakistan {
		left: 64%;
		top: 34.4%
	}

	.introduction301-container .map-sec .map-btn.myanmar {
		left: 74.3%;
		top: 41.5%
	}

	.introduction301-container .map-sec .map-btn.india {
		left: 69.2%;
		top: 45.5%
	}

	.introduction301-container .map-sec .map-btn.singapore {
		left: 81.1%;
		top: 55.9%
	}

	.introduction302-container .map-sec .map-btn.europe {
		left: 48.2%;
		top: 18.2%
	}

	.introduction302-container .map-sec .map-btn.russia {
		left: 64.1%;
		top: 6.5%
	}

	.introduction302-container .map-sec .map-btn.china {
		left: 74.4%;
		top: 27.7%
	}

	.introduction302-container .map-sec .map-btn.myanmar {
		left: 70%;
		top: 41.2%
	}

	.introduction302-container .map-sec .map-btn.singapore {
		left: 81%;
		top: 56.7%
	}

	.introduction302-container .map-sec .map-btn.centralAsia {
		top: 22%;
		left: 64.1%
	}

	.introduction302-container .map-sec .map-btn.mongolia {
		top: 19.2%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.japan {
		top: 29.7%;
		left: 86.6%
	}

	.introduction302-container .map-sec .map-btn.africa {
		top: 45%;
		left: 48.1%
	}

	.introduction302-container .map-sec .map-btn.middleEast {
		top: 35%;
		left: 57.5%
	}

	.introduction302-container .map-sec .map-btn.southAsia {
		top: 34.9%;
		left: 66.9%
	}

	.introduction302-container .map-sec .map-btn.hongkong {
		top: 41.5%;
		left: 78%
	}

	.introduction302-container .map-sec .map-btn.taiwan {
		top: 38.2%;
		left: 82.5%
	}

	.introduction302-container .map-sec .map-btn.southeastAsia {
		top: 46%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.vietnam {
		top: 51%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.oceania {
		top: 75%;
		left: 85.7%
	}

	.introduction302-container .map-sec .map-btn.northAmerica {
		top: 15%;
		left: 9.4%
	}

	.introduction302-container .map-sec .map-btn.usa {
		top: 27%;
		left: 12.7%
	}

	.introduction302-container .map-sec .map-btn.southAmerica {
		top: 67%;
		left: 23.1%
	}
/*20211020 霊愲皵鞚 css於旉皜*/
	.introduction302-container .map-sec .map-btn.duBai {
		top: 41%;
		left: 62%
	}

	:lang(en) .introduction1-container .summary-sec .summary-ttl {
		display: block
	}

	:lang(en) .history-wrp .h100vh .pos-rel .top-year .big-num {
		margin-top: -40px;
		margin-top: -4rem
	}

	:lang(en) .number-sec .box-wrap .box span {
		height: 60px;
		height: 6rem
	}

	:lang(en) .history-wrp .h100vh .pos-rel .top-year .tit span {
		font-size: 24px;
		font-size: 2.4rem
	}

	:lang(en) .introduction301-container .tab-type1 ul,:lang(en) .introduction302-container .tab-type1 ul {
		-webkit-box-pack: left;
		-webkit-justify-content: left;
		-ms-flex-pack: left;
		justify-content: left
	}

	:lang(en) .introduction4-container .mention {
		font-size: 13px;
		font-size: 1.3rem
	}

	:lang(en) .location-info .map .map-in img {
		width: 100%
	}

	:lang(en) .company-list .company-detail .detail-list dd,:lang(en) .company-list .company-detail .detail-list dt {
		width: 100%
	}
}
/*! pc 氩勳爠 - css */
@media (min-width: 1024px) {
	.introduction502-container .location-form .input-txt,.introduction502-container .location-form .selectbox3 {
		border-bottom: 2px solid #e5e5e5
	}

	.tab-type1 {
		margin: 111px 0 72px;
		margin: 11.1rem 0 7.2rem
	}

	.location-form {
		margin: 0 0 56px;
		margin: 0 0 5.6rem
	}

	.location-form ul li {
		float: left;
		width: 60%;
		padding: 0 0 0 32px;
		padding: 0 0 0 3.2rem
	}

	.location-form ul li:first-child {
		width: 40%;
		padding: 0;
		padding: 0
	}

	.location-form ul li:first-child .selectbox3 {
		float: left;
		width: -webkit-calc( 50% - 15px);
		width: calc( 50% - 15px);
		margin: 0 0 0 15px;
		margin: 0 0 0 1.5rem
	}

	.location-form ul li:first-child .selectbox3:first-child {
		margin: 0 15px 0 0;
		margin: 0 1.5rem 0 0
	}

	.location-form .input-txt.search2,.location-form .input-txt.search2 input,.location-form .selectbox3 {
		background: #f5f5f5;
		font-size: 20px;
		font-size: 2rem
	}

	.location-form .selectbox3 select {
		font-size: 20px;
		font-size: 2rem
	}

	.location-form .input-txt.search2 input::-webkit-input-placeholder {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::-moz-placeholder {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input:-ms-input-placeholder {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::-ms-input-placeholder {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		color: #bbb
	}

	.location-form .input-txt.search2 input::placeholder {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		color: #bbb
	}

	.location-info {
		position: relative
	}

	.location-info .info {
		width: 40%;
		border-top: 1px solid #222
	}

	.location-info .info.type1 ul li a {
		padding-left: 66px;
		padding-left: 6.6rem
	}

	.location-info .info.type1 ul li a .category {
		position: absolute;
		left: 3px;
		top: 47px;
		top: 4.7rem;
		width: 45px;
		width: 4.5rem;
		height: 45px;
		height: 4.5rem;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 45px;
		line-height: 4.5rem;
		text-align: center;
		color: #fff
	}

	.location-info .info.type1 ul li a .category.dry {
		background-image: url(../image/sprite_pc.png);
		background-position: -139px -120px;
		background-position: -13.9rem -12rem;
		width: 45px;
		width: 4.5rem;
		height: 45px;
		height: 4.5rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info.type1 ul li a .category.ice {
		background-image: url(../image/sprite_pc.png);
		background-position: -84px -120px;
		background-position: -8.4rem -12rem;
		width: 45px;
		width: 4.5rem;
		height: 45px;
		height: 4.5rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li {
		border-bottom: 1px solid #e5e5e5
	}

	.location-info .info ul li a {
		display: block;
		position: relative;
		padding: 50px 0 49px;
		padding: 5rem 0 4.9rem
	}

	.location-info .info ul li.on a {
		padding-right: 70px;
		padding-right: 7rem
	}

	.location-info .info ul li.on a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 33px;
		right: 3.3rem;
		margin-top: -20px;
		margin-top: -2rem;
		background-image: url(../image/sprite_pc.png);
		background-position: -308px -100px;
		background-position: -30.8rem -10rem;
		width: 20px;
		width: 2rem;
		height: 40px;
		height: 4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr1:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -88px -194px;
		background-position: -8.8rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr2:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -132px -194px;
		background-position: -13.2rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr3:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -210px -110px;
		background-position: -21rem -11rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr4:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -88px;
		background-position: -26.4rem -8.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr5:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -44px -194px;
		background-position: -4.4rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr6:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -220px -194px;
		background-position: -22rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr7:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -176px;
		background-position: -26.4rem -17.6rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info ul li.on .ico-list .ico-pr8:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -88px -238px;
		background-position: -8.8rem -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .fnt-title-s1 {
		margin: 0 0 10px;
		margin: 0 0 1rem
	}

	.location-info .info .fnt-text1 + .ico-list {
		margin: 24px 0 0;
		margin: 2.4rem 0 0
	}

	.location-info .info .ico-list span {
		display: inline-block;
		margin: 0 22px 0 0;
		margin: 0 2.2rem 0 0;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 28px;
		line-height: 2.8rem;
		color: #222;
		text-align: center;
		font-weight: 300
	}

	.location-info .info .ico-list span:before {
		content: '';
		display: block;
		margin: 0 auto;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem
	}

	.location-info .info .ico-list .ico-pr1:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px 0;
		background-position: -26.4rem 0;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr2:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -176px -194px;
		background-position: -17.6rem -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr3:before {
		background-image: url(../image/sprite_pc.png);
		background-position: 0 -194px;
		background-position: 0 -19.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr4:before {
		background-image: url(../image/sprite_pc.png);
		background-position: 0 -238px;
		background-position: 0 -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr5:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -44px;
		background-position: -26.4rem -4.4rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr6:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -132px -238px;
		background-position: -13.2rem -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr7:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -264px -132px;
		background-position: -26.4rem -13.2rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .info .ico-list .ico-pr8:before {
		background-image: url(../image/sprite_pc.png);
		background-position: -44px -238px;
		background-position: -4.4rem -23.8rem;
		width: 34px;
		width: 3.4rem;
		height: 34px;
		height: 3.4rem;
		background-size: 351px 325px;
		background-size: 35.1rem 32.5rem
	}

	.location-info .map-area {
		position: -webkit-sticky;
		position: sticky;
		right: 0;
		top: 148px;
		top: 14.8rem
	}

	.location-info .map {
		position: absolute;
		right: 0;
		top: 0;
		width: -webkit-calc(60% - 32px);
		width: calc(60% - 32px)
	}

	.location-info .map .map-in {
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		width: 100%;
		height: 640px;
		height: 64rem
	}

	.location-info .map .map-in .map-api {
		width: 100%;
		height: 100%;
		background: #fff
	}

	.location-info .map.fix {
		position: fixed;
		top: 148px;
		top: 14.8rem
	}

	.history-wrp {
		position: relative
	}

	.history-wrp-control {
		position: fixed;
		top: 50%;
		display: none;
		right: 48px;
		right: 4.8rem;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 10
	}

	.history-wrp-control.reverse ul li.on a {
		color: #000
	}

	.history-wrp-control ul {
		position: relative
	}

	.history-wrp-control ul:after {
		content: '';
		display: block;
		position: absolute;
		right: 8px;
		right: 0.8rem;
		top: 5px;
		top: 0.5rem;
		width: 1px;
		height: -webkit-calc(100% - 10px);
		height: calc(100% - 10px);
		height: -webkit-calc(100% - 1rem);
		height: calc(100% - 1rem);
		background: #666
	}

	.history-wrp-control ul li {
		margin-top: 53px;
		margin-top: 5.3rem
	}

	.history-wrp-control ul li:first-child {
		margin-top: 0
	}

	.history-wrp-control ul li a {
		display: block;
		position: relative;
		padding-right: 32px;
		padding-right: 3.2rem;
		font-size: 16px;
		font-size: 1.6rem;
		
		font-style: italic;
		font-weight: 500;
		color: #666
	}

	.history-wrp-control ul li a br {
		display: none
	}

	.history-wrp-control ul li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		right: 0.5rem;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 7px;
		width: 0.7rem;
		height: 7px;
		height: 0.7rem;
		border-radius: 7px;
		border-radius: 0.7rem;
		background: #666;
		z-index: 1
	}

	.history-wrp-control ul li.on a {
		color: #fff
	}

	.history-wrp-control ul li.on a:after {
		right: 0;
		width: 17px;
		width: 1.7rem;
		height: 17px;
		height: 1.7rem;
		border-radius: 17px;
		border-radius: 1.7rem;
		background: #366cce;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s
	}

	.history-wrp .h100vh {
		height: 100vh;
		overflow: hidden
	}

	.history-wrp .h100vh .pos-rel {
		position: relative;
		width: 100%;
		height: 200vh
	}

	.history-wrp .h100vh .pos-rel .top-year {
		width: 100%;
		height: 100vh
	}

	.history-wrp .h100vh .pos-rel .top-year .max-1240 {
		position: relative;
		width: 100%;
		height: 100%
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num {
		position: absolute;
		top: 50%;
		margin-top: -200px;
		left: 260px
	}
}

@media (min-width: 1024px) and (min-width: 1240px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num {
		margin-left: -23px;
		margin-left: -2.3rem
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num {
		margin-top: -16.14205vw
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num {
		left: 20.98467vw
	}
}

@media (min-width: 1024px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num.move {
		left: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .num1,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		color: #fff
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		width: 156px;
		font-size: 214px;
		line-height: 200px;
		margin-left: -15px;
        font-weight: bold;
		text-align: center
        
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		width: 12.5908vw
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		font-size: 17.27199vw
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		line-height: 16.14205vw
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span {
		margin-left: -1.21065vw
	}
}

@media (min-width: 1024px) {
	.history-wrp .h100vh .pos-rel .top-year .big-num .num1 span:first-child,.history-wrp .h100vh .pos-rel .top-year .big-num .num2 span:first-child {
		margin-left: 0
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .nnn div {
		margin-right: -10px;
		margin-right: -1rem;
		height: 20rem!important
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .nnn > div {
		width: 14.5rem!important
	}

	.history-wrp .h100vh .pos-rel .top-year .big-num .nnn > div > div {
		text-align: center
	}

	.history-wrp .h100vh .pos-rel .top-year .tit {
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		margin: 100px 0 0 16px;
		margin: 10rem 0 0 1.6rem;
		color: #fff
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .fnt-title-s3 {
		margin-top: 10px;
		margin-top: 2rem
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .fnt-title-s3 span {
		font-weight: 300
	}

	.history-wrp .h100vh .pos-rel .top-year .tit .bar {
		margin-bottom: 38px;
		margin-bottom: 3.8rem;
		width: 140px;
		width: 14rem;
		height: 3px;
		background: #366cce
	}

	.history-wrp .h100vh .move-year {
		position: absolute;
		left: 0;
		opacity: 0;
		visibility: hidden;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 1
	}

	.history-wrp .h100vh .move-year .max-1240 {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 auto;
		min-height: 100%
	}

	.history-wrp .h100vh .move-year .big-num {
		position: relative;
		padding-top: 120px;
		padding-top: 12rem
	}

	.history-wrp .h100vh .move-year .big-num .num1,.history-wrp .h100vh .move-year .big-num .num2 {
		font-size: 214px;
		font-size: 21.4rem;
		line-height: 200px;
		line-height: 20rem;
		font-family: 'countBold',sans-serif
	}

	.history-wrp .h100vh .move-year .big-num .num1 {
		text-shadow: -1px 0 #c9c9c9,0 1px #c9c9c9,1px 0 #c9c9c9,0 -1px #c9c9c9;
		color: #fff
	}

	.history-wrp .h100vh .move-year .line {
		display: block;
		position: absolute;
		top: 570px;
		top: 57rem;
		left: -340px;
		left: -34rem;
		height: 3px;
		width: 540px;
		width: 54rem;
		background: #366cce
	}

	.history-wrp .h100vh .move-year .list {
		position: absolute;
		top: 610px;
		top: 61rem
	}

	.history-wrp .h100vh .move-year .list li {
		position: relative;
		padding: 0 0 0 20px;
		padding: 0 0 0 30px;
		font-size: 18px;
		line-height: 38px;
		line-height: 43px;
		font-weight: normal;
		color: #555
	}

	.history-wrp .h100vh .move-year .list li:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 18px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        border-radius: 50%;
        background: #276bcb;
	}
    .history-wrp .h100vh .move-year .list li::after {
        position: absolute;
        top: 11px;
        left: -7px;
        content: "";
        background-color: #001df5;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        opacity: .15;
    }



	.history-wrp .h100vh .move-year .y-img .img,.history-wrp .h100vh .move-year .y-img .img1,.history-wrp .h100vh .move-year .y-img .img2 {
		margin: 0 auto
	}

	.history-wrp .h100vh .move-year .y-img p {
		margin-top: 23px;
		margin-top: 2.3rem;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 32px;
		line-height: 3.2rem;
		color: #555;
		text-align: center
	}

	.history-wrp .h100vh .move-year.sm .big-num {
		padding-top: 20px;
		padding-top: 2rem
	}

	.history-wrp .h100vh .move-year.sm .line {
		top: 520px
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .move-year.sm .line {
		top: 41.96933vw
	}
}

@media (min-width: 1024px) {
	.history-wrp .h100vh .move-year.sm .list {
		top: 540px
	}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
	.history-wrp .h100vh .move-year.sm .list {
		top: 43.58354vw
	}
}

@media (min-width: 1024px) {
	.history-wrp .h100vh .move-year.sm .y-img {
		top: 100px;
		top: 10rem
	}

	.history-wrp .section1 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/20220614b35d4cda344e475.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section1 .idx1 .y-img {
		position: absolute;
		top: 249px;
		top: 24.9rem;
		right: 65px;
		right: 6.5rem
	}

	.history-wrp .section1 .idx1 .y-img .img {
		width: 474px;
		width: 47.4rem;
		height: 565px;
		height: 56.5rem;
		background: url(../image/y_img01_01.png) no-repeat 0 0
	}

	.history-wrp .section1 .idx2 .y-img {
		position: absolute;
		top: 242px;
		top: 24.2rem;
		right: 42px;
		right: 4.2rem
	}

	.history-wrp .section1 .idx2 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img01_02.png) no-repeat 0 0
	}

	.history-wrp .section1 .idx3 .y-img {
		position: absolute;
		top: 194px;
		top: 19.4rem;
		right: 106px;
		right: 10.6rem
	}

	.history-wrp .section1 .idx3 .y-img .img {
		width: 381px;
		width: 38.1rem;
		height: 523px;
		height: 52.3rem;
		background: url(../image/y_img01_03.png) no-repeat 0 0
	}

	.history-wrp .section1 .idx4 .y-img {
		position: absolute;
		top: 270px;
		top: 27rem;
		right: 63px;
		right: 6.3rem
	}

	.history-wrp .section1 .idx4 .y-img .img {
		width: 485px;
		width: 48.5rem;
		height: 266px;
		height: 26.6rem;
		background: url(../image/y_img01_04.png) no-repeat 0 0
	}

	.history-wrp .section1 .idx5 .y-img {
		position: absolute;
		top: 232px;
		top: 23.2rem;
		right: 20px;
		right: 2rem
	}

	.history-wrp .section1 .idx5 .y-img .img {
		width: 568px;
		width: 56.8rem;
		height: 454px;
		height: 45.4rem;
		background: url(../image/y_img01_05.png) no-repeat 0 0
	}

	.history-wrp .section1 .idx6 .y-img {
		position: absolute;
		top: 232px;
		top: 23.2rem;
		right: 58px;
		right: 5.8rem
	}

	.history-wrp .section1 .idx6 .y-img .img {
		width: 489px;
		width: 48.9rem;
		height: 349px;
		height: 34.9rem;
		background: url(../image/y_img01_06.png) no-repeat 0 0
	}

	.history-wrp .section2 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/20220614c9310cf494f2482.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section2 .idx1 .y-img {
		position: absolute;
		top: 285px;
		top: 28.5rem;
		right: 38px;
		right: 3.8rem
	}

	.history-wrp .section2 .idx1 .y-img .img {
		width: 526px;
		width: 52.6rem;
		height: 253px;
		height: 25.3rem;
		background: url(../image/y_img02_01.png) no-repeat 0 0
	}

	.history-wrp .section2 .idx2 .y-img {
		position: absolute;
		top: 265px;
		top: 26.5rem;
		right: 134px;
		right: 13.4rem
	}

	.history-wrp .section2 .idx2 .y-img .img {
		width: 343px;
		width: 34.3rem;
		height: 302px;
		height: 30.2rem;
		background: url(../image/y_img02_02.png) no-repeat 0 0
	}

	.history-wrp .section2 .idx3 .y-img {
		position: absolute;
		top: 285px;
		top: 28.5rem;
		right: 30px;
		right: 3rem
	}

	.history-wrp .section2 .idx3 .y-img .img {
		width: 548px;
		width: 54.8rem;
		height: 227px;
		height: 22.7rem;
		background: url(../image/y_img02_03.png) no-repeat 0 0
	}

	.history-wrp .section2 .idx4 .y-img {
		position: absolute;
		top: 200px;
		top: 20rem;
		right: 106px;
		right: 10.6rem
	}

	.history-wrp .section2 .idx4 .y-img .img {
		width: 381px;
		width: 38.1rem;
		height: 346px;
		height: 34.6rem;
		background: url(../image/y_img02_04.png) no-repeat 0 0
	}

	.history-wrp .section3 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/202206148ea8f5d5abf247a.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section3 .idx1 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 60px;
		right: 6rem
	}

	.history-wrp .section3 .idx1 .y-img .img {
		width: 456px;
		width: 45.6rem;
		height: 576px;
		height: 57.6rem;
		background: url(../image/y_img03_01.png) no-repeat 0 0
	}

	.history-wrp .section3 .idx2 .y-img {
		position: absolute;
		top: 240px;
		top: 24rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section3 .idx2 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img03_02.png) no-repeat 0 0
	}

	.history-wrp .section3 .idx3 .y-img {
		position: absolute;
		top: 220px;
		top: 22rem;
		right: 95px;
		right: 9.5rem;
		z-index: -1
	}

	.history-wrp .section3 .idx3 .y-img .img {
		width: 420px;
		width: 42rem;
		height: 387px;
		height: 38.7rem;
		background: url(../image/y_img03_03.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx4 .y-img {
		position: absolute;
		top: 300px;
		top: 30rem;
		right: 72px;
		right: 7.2rem;
		z-index: -1
	}

	.history-wrp .section3 .idx4 .y-img .img {
		width: 462px;
		width: 46.2rem;
		height: 195px;
		height: 19.5rem;
		background: url(../image/y_img03_04.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx5 .y-img {
		position: absolute;
		top: 225px;
		top: 22.5rem;
		right: 44px;
		right: 4.4rem;
		z-index: -1
	}

	.history-wrp .section3 .idx5 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img03_05.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx6 .y-img {
		position: absolute;
		top: 225px;
		top: 22.5rem;
		right: 44px;
		right: 4.4rem;
		z-index: -1
	}

	.history-wrp .section3 .idx6 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(https://www.lottewellfood.com/images/introduction/y_img03_06.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx7 .y-img {
		position: absolute;
		top: 219px;
		top: 21.9rem;
		right: 69px;
		right: 6.9rem;
		z-index: -1
	}

	.history-wrp .section3 .idx7 .y-img .img1 {
		margin: 0 auto;
		width: 119px;
		width: 11.9rem;
		height: 249px;
		height: 24.9rem;
		background: url(../image/y_img03_07_01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx7 .y-img .img2 {
		margin-top: 70px;
		margin-top: 7rem;
		width: 468px;
		width: 46.8rem;
		height: 218px;
		height: 21.8rem;
		background: url(../image/y_img03_07_02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx8 .y-img {
		position: absolute;
		top: 225px;
		top: 22.5rem;
		right: 130px;
		right: 13rem;
		z-index: -1
	}

	.history-wrp .section3 .idx8 .y-img .img {
		width: 348px;
		width: 34.8rem;
		height: 298px;
		height: 29.8rem;
		background: url(../image/y_img03_08.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx9 .y-img {
		position: absolute;
		top: 247px;
		top: 24.7rem;
		right: 40px;
		right: 4rem;
		z-index: -1
	}

	.history-wrp .section3 .idx9 .y-img .img {
		width: 531px;
		width: 53.1rem;
		height: 246px;
		height: 24.6rem;
		background: url(../image/y_img03_09.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section3 .idx10 .y-img {
		position: absolute;
		top: 225px;
		top: 22.5rem;
		right: 180px;
		right: 18rem;
		z-index: -1
	}

	.history-wrp .section3 .idx10 .y-img .img {
		width: 252px;
		width: 25.2rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img03_10.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.history-wrp .section4 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/20220614508b563b5731420.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section4 .idx1 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 60px;
		right: 6rem
	}

	.history-wrp .section4 .idx1 .y-img .img {
		width: 286px;
		width: 28.6rem;
		height: 156px;
		height: 15.6rem;
		background: url(../image/y_img04_01.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx2 .y-img {
		position: absolute;
		top: 275px;
		top: 27.5rem;
		right: 36px;
		right: 3.6rem
	}

	.history-wrp .section4 .idx2 .y-img .img {
		width: 529px;
		width: 52.9rem;
		height: 252px;
		height: 25.2rem;
		background: url(../image/y_img04_02.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx3 .y-img {
		position: absolute;
		top: 215px;
		top: 21.5rem;
		right: 35px;
		right: 3.5rem
	}

	.history-wrp .section4 .idx3 .y-img .img {
		width: 525px;
		width: 52.5rem;
		height: 382px;
		height: 38.2rem;
		background: url(../image/y_img04_03.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx4 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 52px;
		right: 5.2rem
	}

	.history-wrp .section4 .idx4 .y-img .img {
		width: 517px;
		width: 51.7rem;
		height: 380px;
		height: 38rem;
		background: url(../image/y_img04_04.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx5 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 52px;
		right: 5.2rem
	}

	.history-wrp .section4 .idx5 .y-img .img {
		width: 517px;
		width: 51.7rem;
		height: 380px;
		height: 38rem;
		background: url(https://www.lottewellfood.com/images/introduction/y_img04_05.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx6 .y-img {
		position: absolute;
		top: 220px;
		top: 22rem;
		right: 173px;
		right: 17.3rem
	}

	.history-wrp .section4 .idx6 .y-img .img {
		width: 259px;
		width: 25.9rem;
		height: 373px;
		height: 37.3rem;
		background: url(../image/y_img04_06.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx7 .y-img {
		position: absolute;
		top: 270px;
		top: 27rem;
		right: 42px;
		right: 4.2rem
	}

	.history-wrp .section4 .idx7 .y-img .img {
		width: 514px;
		width: 51.4rem;
		height: 238px;
		height: 23.8rem;
		background: url(../image/y_img04_07.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx8 .y-img {
		position: absolute;
		top: 260px;
		top: 26rem;
		right: 75px;
		right: 7.5rem
	}

	.history-wrp .section4 .idx8 .y-img .img {
		width: 452px;
		width: 45.2rem;
		height: 299px;
		height: 29.9rem;
		background: url(../image/y_img04_08.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx9 .y-img {
		position: absolute;
		top: 50px;
		top: 5rem;
		right: 33px;
		right: 3.3rem
	}

	.history-wrp .section4 .idx9 .y-img .img1 {
		margin: 0 auto;
		width: 70px;
		width: 7rem;
		height: 331px;
		height: 33.1rem;
		background: url(../image/y_img04_09_01.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx9 .y-img .img2 {
		margin-top: 70px;
		margin-top: 7rem;
		width: 529px;
		width: 52.9rem;
		height: 377px;
		height: 37.7rem;
		background: url(../image/y_img04_09_02.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx10 .y-img {
		position: absolute;
		top: 110px;
		top: 11rem;
		right: 28px;
		right: 2.8rem
	}

	.history-wrp .section4 .idx10 .y-img .img1 {
		margin: 0 auto;
		width: 546px;
		width: 54.6rem;
		height: 429px;
		height: 42.9rem;
		background: url(../image/y_img04_10_01.png) no-repeat 0 0
	}

	.history-wrp .section4 .idx10 .y-img .img2 {
		margin-top: 50px;
		margin-top: 5rem;
		width: 411px;
		width: 41.1rem;
		height: 299px;
		height: 29.9rem;
		background: url(../image/y_img04_10_02.png) no-repeat 0 0
	}

	.history-wrp .section5 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/202206149fb648b9767b4b7.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section5 .idx1 .y-img {
		position: absolute;
		top: 265px;
		top: 26.5rem;
		right: 176px;
		right: 17.6rem
	}

	.history-wrp .section5 .idx1 .y-img .img {
		width: 274px;
		width: 27.4rem;
		height: 268px;
		height: 26.8rem;
		background: url(../image/y_img05_01.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx2 .y-img {
		position: absolute;
		top: 242px;
		top: 24.2rem;
		right: 43px;
		right: 4.3rem
	}

	.history-wrp .section5 .idx2 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img05_02.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx3 .y-img {
		position: absolute;
		top: 256px;
		top: 25.6rem;
		right: 176px;
		right: 17.6rem
	}

	.history-wrp .section5 .idx3 .y-img .img {
		width: 248px;
		width: 24.8rem;
		height: 249px;
		height: 24.9rem;
		background: url(../image/y_img05_03.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx4 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 85px;
		right: 8.5rem
	}

	.history-wrp .section5 .idx4 .y-img .img {
		width: 434px;
		width: 43.4rem;
		height: 323px;
		height: 32.3rem;
		background: url(../image/y_img05_04.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx5 .y-img {
		position: absolute;
		top: 306px;
		top: 30.6rem;
		right: 80px;
		right: 8rem
	}

	.history-wrp .section5 .idx5 .y-img .img {
		width: 438px;
		width: 43.8rem;
		height: 167px;
		height: 16.7rem;
		background: url(../image/y_img05_05.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx6 .y-img {
		position: absolute;
		top: 230px;
		top: 23rem;
		right: 106px;
		right: 10.6rem
	}

	.history-wrp .section5 .idx6 .y-img .img1 {
		width: 364px;
		width: 36.4rem;
		height: 107px;
		height: 10.7rem;
		background: url(../image/y_img05_06_01.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx6 .y-img .img2 {
		margin-top: 150px;
		margin-top: 15rem;
		width: 383px;
		width: 38.3rem;
		height: 249px;
		height: 24.9rem;
		background: url(../image/y_img05_06_02.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx7 .y-img {
		position: absolute;
		top: 185px;
		top: 18.5rem;
		right: 120px;
		right: 12rem
	}

	.history-wrp .section5 .idx7 .y-img .img {
		width: 364px;
		width: 36.4rem;
		height: 416px;
		height: 41.6rem;
		background: url(../image/y_img05_07.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx8 .y-img {
		position: absolute;
		top: 10px;
		top: 1rem;
		right: 33px;
		right: 3.3rem
	}

	.history-wrp .section5 .idx8 .y-img .img1 {
		width: 529px;
		width: 52.9rem;
		height: 382px;
		height: 38.2rem;
		background: url(../image/y_img05_08_01.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx8 .y-img .img2 {
		margin-top: 145px;
		margin-top: 14.5rem;
		width: 345px;
		width: 34.5rem;
		height: 404px;
		height: 40.4rem;
		background: url(../image/y_img05_08_02.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx9 .y-img {
		position: absolute;
		top: 235px;
		top: 23.5rem;
		right: 43px;
		right: 4.3rem
	}

	.history-wrp .section5 .idx9 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img05_09.png) no-repeat 0 0
	}

	.history-wrp .section5 .idx10 .y-img {
		position: absolute;
		top: 242px;
		top: 24.2rem;
		right: 190px;
		right: 19rem
	}

	.history-wrp .section5 .idx10 .y-img .img {
		width: 220px;
		width: 22rem;
		height: 314px;
		height: 31.4rem;
		background: url(../image/y_img05_10.png) no-repeat 0 0
	}

	.history-wrp .section6 .top-year .bg {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: url(../image/202206243cc0432c2a69450.jpg) no-repeat 0 0;
		background-size: cover
	}

	.history-wrp .section6 .idx1 .y-img {
		position: absolute;
		top: 235px;
		top: 23.5rem;
		right: 44px;
		right: 4.4rem
	}

	.history-wrp .section6 .idx1 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_01.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx2 .y-img {
		position: absolute;
		top: 235px;
		top: 23.5rem;
		right: 140px;
		right: 14rem
	}

	.history-wrp .section6 .idx2 .y-img .img1 {
		width: 325px;
		width: 32.5rem;
		height: 123px;
		height: 12.3rem;
		background: url(../image/y_img06_02_01.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx2 .y-img .img2 {
		margin-top: 70px;
		margin-top: 7rem;
		width: 311px;
		width: 31.1rem;
		height: 106px;
		height: 10.6rem;
		background: url(../image/y_img06_02_02.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx3 .y-img {
		position: absolute;
		top: 250px;
		top: 25rem;
		right: 108px;
		right: 10.8rem
	}

	.history-wrp .section6 .idx3 .y-img .img {
		width: 382px;
		width: 38.2rem;
		height: 268px;
		height: 26.8rem;
		background: url(../image/y_img06_03.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx4 .y-img {
		position: absolute;
		top: 222px;
		top: 22.2rem;
		right: 74px;
		right: 7.4rem
	}

	.history-wrp .section6 .idx4 .y-img .img {
		width: 457px;
		width: 45.7rem;
		height: 576px;
		height: 57.6rem;
		background: url(../image/y_img06_04.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx5 .y-img {
		position: absolute;
		top: 240px;
		top: 24rem;
		right: 140px;
		right: 14rem
	}

	.history-wrp .section6 .idx5 .y-img .img {
		width: 322px;
		width: 32.2rem;
		height: 304px;
		height: 30.4rem;
		background: url(../image/y_img06_05.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx6 .y-img {
		position: absolute;
		top: 245px;
		top: 24.5rem;
		right: 135px;
		right: 13.5rem
	}

	.history-wrp .section6 .idx6 .y-img .img {
		width: 332px;
		width: 33.2rem;
		height: 254px;
		height: 25.4rem;
		background: url(../image/y_img06_06.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx7 .y-img {
		position: absolute;
		top: 10px;
		top: 1rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section6 .idx7 .y-img .img1 {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_07_01.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx7 .y-img .img2 {
		margin-top: 140px;
		margin-top: 14rem;
		width: 334px;
		width: 33.4rem;
		height: 402px;
		height: 40.2rem;
		background: url(../image/y_img06_07_02.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx8 .y-img {
		position: absolute;
		top: 238px;
		top: 23.8rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section6 .idx8 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_08.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx9 .y-img {
		position: absolute;
		top: 243px;
		top: 24.3rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section6 .idx9 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_09.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx10 .y-img {
		position: absolute;
		top: 243px;
		top: 24.3rem;
		right: 40px;
		right: 4rem
	}

	.history-wrp .section6 .idx10 .y-img .img1 {
		width: 402px;
		width: 40.2rem;
		height: 215px;
		height: 21.5rem;
		background: url(../image/y_img06_10_01.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx10 .y-img .img2 {
		margin-top: 150px;
		margin-top: 15rem;
		width: 237px;
		width: 23.7rem;
		height: 233px;
		height: 23.3rem;
		background: url(../image/y_img06_10_02.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx11 .y-img {
		position: absolute;
		top: 240px;
		top: 24rem;
		right: 105px;
		right: 10.5rem
	}

	.history-wrp .section6 .idx11 .y-img .img {
		width: 381px;
		width: 38.1rem;
		height: 523px;
		height: 52.3rem;
		background: url(../image/y_img06_11.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx12 .y-img {
		position: absolute;
		top: 275px;
		top: 27.5rem;
		right: 130px;
		right: 13rem
	}

	.history-wrp .section6 .idx12 .y-img .img {
		width: 352px;
		width: 35.2rem;
		height: 189px;
		height: 18.9rem;
		background: url(../image/y_img06_12.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx13 .y-img {
		position: absolute;
		top: 234px;
		top: 23.4rem;
		right: 142px;
		right: 14.2rem
	}

	.history-wrp .section6 .idx13 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_13.png) no-repeat 0 0
	}

	.history-wrp .section6 .idx14 .y-img {
		position: absolute;
		top: 234px;
		top: 23.4rem;
		right: 142px;
		right: 14.2rem
	}

	.history-wrp .section6 .idx14 .y-img .img {
		width: 523px;
		width: 52.3rem;
		height: 381px;
		height: 38.1rem;
		background: url(../image/y_img06_14.png) no-repeat 0 0
	}

	.company-people {
		padding: 27px 0 0;
		padding: 2.7rem 0 0
	}

	.company-people .txt1 {
		text-align: center
	}

	.company-people .txt1 .fnt-title6 span {
		font-weight: 300
	}

	.company-people .txt1 .fnt-title6 span em {
		font-weight: 700
	}

	.company-people .txt1 .fnt-text1 {
		margin: 23px 0 0;
		margin: 2.3rem 0 0;
		color: #666
	}

	.company-people .top-img {
		width: 100%;
		margin: 48px 0 0;
		margin: 4.8rem 0 0
	}

	.company-people .top-img img {
		max-width: 100%
	}

	.company-people .top-img .only-mo {
		display: none
	}

	.company-people .txt2 {
		max-width: 1240px;
		margin: 0 auto;
		padding: 109px 0 0;
		padding: 10.9rem 0 0
	}

	.company-people .txt2 .fnt-title-s1 {
		text-align: center
	}

	.company-people .txt2 .fnt-title-s1 span {
		line-height: 50px;
		line-height: 5rem
	}

	.company-people .txt2 .fnt-title-s1 span em {
		display: inline-block;
		line-height: 50px;
		line-height: 5rem
	}

	.company-people .txt2 ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 70px 0 0;
		padding: 7rem 0 0;
		margin-left: -32px
	}

	.company-people .txt2 ul li {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.company-people .txt2 ul li span {
		display: block;
		position: relative;
		height: 286px;
		margin-left: 32px;
		border: 1px solid #888;
		border-radius: 100%
	}

	.company-people .txt2 ul li span:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}

	.company-people .txt2 ul li span strong {
		display: block;
		position: absolute;
		left: 0;
		bottom: 70px;
		bottom: 7rem;
		width: 100%;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 32px;
		line-height: 3.2rem;
		font-weight: 700;
		text-align: center
	}

	.company-people .txt2 ul li.idx1 span:before {
		top: 80px;
		top: 8rem;
		width: 63px;
		width: 6.3rem;
		height: 68px;
		height: 6.8rem;
		top: 80px;
		top: 8rem;
		background: url(../image/ico_cp01.png) no-repeat 0 0
	}

	.company-people .txt2 ul li.idx2 span:before {
		top: 80px;
		top: 8rem;
		width: 69px;
		width: 6.9rem;
		height: 68px;
		height: 6.8rem;
		background: url(../image/ico_cp02.png) no-repeat 0 0
	}

	.company-people .txt2 ul li.idx3 span:before {
		top: 80px;
		top: 8rem;
		width: 74px;
		width: 7.4rem;
		height: 75px;
		height: 7.5rem;
		background: url(../image/ico_cp03.png) no-repeat 0 0
	}

	.company-people .txt2 ul li.idx4 span:before {
		top: 80px;
		top: 8rem;
		width: 74px;
		width: 7.4rem;
		height: 68px;
		height: 6.8rem;
		background: url(../image/ico_cp04.png) no-repeat 0 0
	}
}

@media (min-width: 1024px) and (max-width: 1240px) {
	.company-people .txt2 {
		max-width: 1024px
	}

	.company-people .txt2 ul li span {
		height: 232px
	}
}

@media (min-width: 1024px) {
	.company-people .txt3 {
		padding: 103px 0 0;
		padding: 10.3rem 0 0;
		max-width: 1240px;
		margin: 0 auto
	}

	.company-people .txt3 .fnt1 {
		text-align: center
	}

	.company-people .txt3 .fnt1 span {
		
		font-size: 40px;
		font-size: 4rem;
		line-height: 64px;
		line-height: 6.4rem;
		font-weight: 700
	}

	.company-people .txt3 ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 21px 0 0;
		padding: 2.1rem 0 0;
		width: 904px;
		margin: 0 auto
	}

	.company-people .txt3 ul li {
		width: 402px;
		height: 402px
	}

	.company-people .txt3 ul li > span {
		display: block;
		position: relative;
		height: 100%;
		border-radius: 100%;
		border: 1px solid #888
	}

	.company-people .txt3 ul li > span:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 83px;
		top: 8.3rem;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 60px;
		width: 6rem;
		height: 40px;
		height: 4rem;
		background: url(../image/ico_cp_vs02.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt3 ul li:first-child {
		margin-right: 99px
	}

	.company-people .txt3 ul li:first-child > span:before {
		top: 85px;
		top: 8.5rem;
		width: 51px;
		width: 5.1rem;
		height: 37px;
		height: 3.7rem;
		background: url(../image/ico_cp_vs01.png) no-repeat 0 0;
		background-size: 100% 100%
	}

	.company-people .txt3 ul li:first-child > span:after {
		content: '';
		display: block;
		position: absolute;
		right: -105px;
		top: 50%;
		margin-top: 5px;
		margin-top: 0.5rem;
		width: 109px;
		height: 8px;
		background: url(../image/ico_cp_vs_line.png) no-repeat 0 0;
		background-size: 100% 100%;
		z-index: 1
	}

	.company-people .txt3 ul li .txt {
		position: absolute;
		left: 50%;
		width: 100%;
		top: 165px;
		top: 16.5rem;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center
	}

	.company-people .txt3 ul li .txt .fnt-title-s3 {
		margin-bottom: 20px;
		margin-bottom: 2rem
	}

	.company-people .txt3 ul li .txt .fnt-text1 {
		color: #666
	}

	.company-people .txt4 {
		padding: 113px 0 0;
		padding: 11.3rem 0 0;
		max-width: 1240px;
		margin: 0 auto
	}

	.company-people .txt4 .fnt-title-s1 {
		text-align: center
	}

	.company-people .txt4 .fnt-title-s1 em {
		
		font-weight: 700;
		vertical-align: top;
		font-size: 38px;
		font-size: 3.8rem
	}

	.company-people .txt4 ul {
		margin: 33px 0 0 0;
		margin: 3.3rem 0 0 0;
		padding: 43px 56px;
		padding: 4.3rem 5.6rem;
		background: #f5f5f5
	}

	.company-people .txt4 ul li .fnt-text1 {
		margin: 0
	}

	.company-people .txt4 ul li .fnt-text1 span {
		display: block;
		position: relative;
		padding-left: 38px;
		padding-left: 3.8rem;
		line-height: 2.3333;
		color: #666
	}

	.company-people .txt4 ul li .fnt-text1 span strong {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		
		font-weight: 700;
		color: #000;
		vertical-align: top
	}

	.company-people .txt5 {
		padding: 113px 0 0;
		padding: 11.3rem 0 0;
		max-width: 1240px;
		margin: 0 auto
	}

	.company-people .txt5 .fnt-title-s1 {
		text-align: center
	}

	.company-people .txt5 .fnt-title-s1 span {
		
		font-weight: 700;
		vertical-align: top;
		font-size: 38px;
		font-size: 3.8rem
	}

	.company-people .txt5 ul {
		margin: 0 0 0 -20px;
		margin: 0 0 0 -2rem;
		padding: 33px 0 0;
		padding: 3.3rem 0 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.company-people .txt5 ul li {
		position: relative;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 160px;
		height: 160PX;
		border-radius: 160px;
		margin-left: 20px;
		margin-left: 2rem;
		background: #f5f5f5
	}

	.company-people .txt5 ul li .fnt-text1 {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-align: center
	}

	.company-people .txt5 ul li:first-child:after {
		display: none
	}

	.company-people .txt5 ul li:after {
		content: '';
		display: block;
		position: absolute;
		left: -20px;
		top: 50%;
		margin-top: 5px;
		margin-top: 0.5rem;
		width: 26px;
		height: 2px;
		background: url(../image/ico_cp_vs_lin2.png) no-repeat 0 0;
		background-size: 100% 100%;
		z-index: -1
	}
}

@media (min-width: 1024px) and (max-width: 1240px) {
	.company-people .txt5 ul li {
		width: 130px;
		height: 130PX;
		border-radius: 130px
	}
}

@media (min-width: 1024px) and (max-width: 1240px) {
	.company-people .txt5 ul {
		max-width: 1024px;
		margin: 0 auto
	}
}

@media (min-width: 1024px) {
	.section-wrap {
		padding-top: 140px;
		padding-top: 14rem
	}

	.section-wrap .fnt-title5 span {
		font-weight: 300
	}

	.section-wrap .fnt-title5 span em {
		font-weight: 700
	}

	.section-wrap .fnt-text1 {
		color: #666
	}

	.section-wrap section {
		margin-bottom: 160px;
		margin-bottom: 16rem
	}

	.section-wrap section:last-child {
		margin-bottom: 0
	}

	.section-wrap .bg-gray {
		background: #f5f5f5
	}

	.introduction1-container + #footer {
		margin: 0
	}

	.introduction1-container .sec-ttl {
		text-align: center;
		margin-bottom: 80px;
		margin-bottom: 8rem
	}

	.introduction1-container .sec-ttl .text {
		margin-top: 26px;
		margin-top: 2.6rem
	}

	.introduction1-container .intro-sec {
		padding-bottom: 145px;
		padding-bottom: 14.5rem
	}

	.introduction1-container .intro-sec .cont-box img {
		width: 100%
	}

	.introduction1-container .intro-sec .intro-box {
		max-width: 1240px;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 70px;
		margin-top: 7rem
	}

	.introduction1-container .intro-sec .intro-box .eng-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.introduction1-container .intro-sec .intro-box .eng-box img {
		width: 423px;
		width: 42.3rem
	}

	.introduction1-container .intro-sec .intro-box .text-box {
		margin-left: 113px;
		margin-left: 11.3rem;
		-webkit-box-flex: 2;
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2
	}

	.introduction1-container .intro-sec .intro-box .text-box .text {
		margin-bottom: 20px;
		margin-bottom: 2rem
	}

	.introduction1-container .intro-sec .intro-box .text-box .text:last-child {
		margin-bottom: 0
	}

	.introduction1-container .summary-sec {
		padding: 150px 0 160px;
		padding: 15rem 0 16rem;
		margin-bottom: 0
	}

	.introduction1-container .summary-sec .summary-ttl {
		position: relative
	}

	.introduction1-container .summary-sec .summary-ttl .caption {
		position: absolute;
		right: 0;
		bottom: 0
	}

	.introduction1-container .summary-sec .summary-ttl .caption span {
		color: #888
	}

	.introduction1-container .summary-cont {
		border-top: 1px solid #222
	}

	.introduction1-container .value-cont {
		padding: 80px 0;
		padding: 8rem 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.introduction1-container .value-cont li {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}

	.introduction1-container .value-cont li:nth-child(3) .fnt-number {
		position: relative;
		top: -10px;
		top: -1rem
	}

	.introduction1-container .value-cont li:nth-child(3) .fnt-number span {
		font-size: 82px;
		font-size: 8.2rem
	}

	.introduction1-container .value-cont .ttl {
		margin-bottom: 25px;
		margin-bottom: 2.5rem
	}

	.introduction1-container .value-cont .ttl span {
		font-weight: 400
	}

	.introduction1-container .value-cont .fnt-number span {
		font-size: 70px;
		font-size: 7rem;
		vertical-align: baseline
	}

	.introduction1-container .value-cont .fnt-number em {
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: 700;
		display: inline-block;
		vertical-align: baseline
	}

	.introduction1-container .company-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.introduction1-container .company-info li {
		padding: 60px 10px;
		padding: 6rem 1rem;
		text-align: center;
		width: 25%;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.introduction1-container .company-info li:nth-child(-n+4) {
		border-top: 0
	}

	.introduction1-container dl:before {
		content: '';
		display: inline-block;
		width: 50px;
		width: 5rem;
		height: 50px;
		height: 5rem;
		margin-bottom: 20px;
		margin-bottom: 2rem
	}

	.introduction1-container dl dt span {
		color: #222
	}

	.introduction1-container .info01:before {
		background: url(../image/intro_icon01.png) center no-repeat;
		background-size: 29px 33px;
		background-size: 2.9rem 3.3rem
	}

	.introduction1-container .info02:before {
		background: url(../image/intro_icon02.png) center no-repeat;
		background-size: 30px 29px;
		background-size: 3rem 2.9rem
	}

	.introduction1-container .info03:before {
		background: url(../image/intro_icon03.png) center no-repeat;
		background-size: 29px 25px;
		background-size: 2.9rem 2.5rem
	}

	.introduction1-container .info04:before {
		background: url(../image/intro_icon04.png) center no-repeat;
		background-size: 28px 33px;
		background-size: 2.8rem 3.3rem
	}

	.introduction1-container .info05:before {
		background: url(../image/intro_icon05.png) center no-repeat;
		background-size: 43px 32px;
		background-size: 4.3rem 3.2rem
	}

	.introduction1-container .info06:before {
		background: url(../image/intro_icon06.png) center no-repeat;
		background-size: 31px 31px;
		background-size: 3.1rem 3.1rem
	}

	.introduction1-container .info07:before {
		background: url(../image/intro_icon07.png) center no-repeat;
		background-size: 24px 35px;
		background-size: 2.4rem 3.5rem
	}

	.introduction1-container .info08:before {
		background: url(../image/intro_icon08.png) center no-repeat;
		background-size: 26px 35px;
		background-size: 2.6rem 3.5rem
	}

	.introduction1-container .info09:before {
		background: url(../image/intro_icon09.png) center no-repeat;
		background-size: 41px 37px;
		background-size: 4.1rem 3.7rem
	}

	.introduction1-container .origin-sec {
		background: url(../image/introduction1_img02.png) center no-repeat;
		background-size: cover;
		padding: 180px 0 190px;
		padding: 18rem 0 19rem
	}

	.introduction1-container .origin-sec .origin-wrap {
		width: 50%;
		float: right
	}

	.introduction1-container .origin-sec .sub-ttl span,.introduction1-container .origin-sec .ttl em,.introduction1-container .origin-sec .ttl span,.introduction1-container .origin-sec .txt em,.introduction1-container .origin-sec .txt span {
		color: #fff
	}

	.introduction1-container .origin-sec .sub-ttl span {
		font-weight: 300
	}

	.introduction1-container .origin-sec .ttl {
		margin: 0 0 37px;
		margin: 0 0 3.7rem
	}

	.introduction1-container .origin-sec .txt span {
		font-weight: 300
	}

	.introduction4-container .sec-ttl {
		text-align: center;
		margin-bottom: 90px;
		margin-bottom: 9rem
	}

	.introduction4-container .cont-box {
		position: relative
	}

	.introduction4-container .cont-box .img-wrap {
		position: relative;
		float: left
	}

	.introduction4-container .cont-box .img-wrap img {
		width: 100%;
		float: left
	}

	.introduction4-container .text {
		position: relative;
		letter-spacing: -0.4px;
		float: right;
		margin-top: -120px;
		margin-top: -12rem;
		max-width: 1300px;
		max-width: 130rem;
		width: 82%;
		padding: 70px 180px 0 80px;
		padding: 7rem 18rem 0 8rem;
		background: #fff
	}

	.introduction4-container .text span {
		display: block
	}

	.introduction4-container .text .point {
		color: #366cce;
		vertical-align: top
	}

	.introduction4-container .text .sign {
		margin-top: 38px;
		margin-top: 3.8rem;
		font-weight: 700;
		color: #222
	}

	.introduction4-container .text .sign img {
		display: inline-block;
		margin-left: 8px;
		margin-left: 0.8rem;
		width: 70px;
		width: 7rem
	}

	.introduction4-container .text span.txt {
		margin-top: 30px;
		margin-top: 3rem
	}

	.introduction4-container .text span.txt:first-child {
		margin-top: 0
	}

	.introduction4-container .mention-wrap {
		position: absolute;
		left: 18%;
		top: 34%
	}

	.introduction4-container .mention {
		padding: 0 32px;
		padding: 0 3.2rem;
		display: inline-block;
		position: relative;
		font-family: 'Noto Sans KR',sans-serif;
		font-weight: 300;
		color: #fff;
		line-height: 1.58;
		font-size: 24px;
		font-size: 2.4rem
	}
}

@media (min-width: 1024px) and (max-width: 1600px) and (min-width: 1024px) {
	.introduction4-container .mention {
		font-size: 1.49vw
	}
}

@media (min-width: 1024px) {
	.introduction4-container .mention:before {
		content: '鈥?;
		display: block;
		position: absolute;
		left: 0;
		top: -18px;
		top: -1.8rem;
		font-size: 60px;
		font-size: 6rem
	}

	.introduction4-container .mention:after {
		content: '鈥?;
		display: block;
		position: absolute;
		right: 0;
		top: -18px;
		top: -1.8rem;
		font-size: 60px;
		font-size: 6rem
	}

	.introduction6-container .visual-sec .sec-ttl {
		max-width: 1240px;
		max-width: 124rem;
		margin: 0 auto;
		position: relative;
		z-index: 2
	}

	.introduction6-container .visual-sec .cont-box {
		margin-top: -24px;
		margin-top: -2.4rem;
		position: relative
	}

	.introduction6-container .visual-sec .cont-box img {
		float: left;
		width: 100%
	}

	.introduction6-container .visual-sec .text {
		width: 80%;
		letter-spacing: -0.4px;
		float: right;
		margin-top: -150px;
		margin-top: -15rem;
		max-width: 1106px;
		max-width: 110.6rem;
		padding: 70px 190px 0 80px;
		padding: 7rem 19rem 0 8rem;
		background: #fff
	}

	.introduction6-container .visual-sec .text span {
		display: block
	}

	.introduction6-container .certi-sec {
		margin-top: 160px;
		margin-top: 16rem
	}

	.introduction6-container .certi-sec .certi-list > li {
		margin-bottom: 140px;
		margin-bottom: 14rem
	}

	.introduction6-container .certi-sec .certi-list > li:last-child {
		margin-bottom: 0
	}

	.introduction6-container .certi-sec .certi-title {
		float: right;
		width: 68%;
		margin-bottom: 35px;
		margin-bottom: 3.5rem
	}

	.introduction6-container .certi-sec .certi-title .fnt-title6 span {
		vertical-align: baseline;
		font-weight: 300
	}

	.introduction6-container .certi-sec .certi-title .fnt-title6 span em {
		font-weight: 700
	}

	.introduction6-container .certi-sec .certi-title .roboto span {
		
		font-weight: 700
	}

	.introduction6-container .certi-sec .certi-title .sub-txt {
		color: #888;
		font-weight: 300;
		font-size: 16px;
		font-size: 1.6rem;
		margin-left: 5px;
		margin-left: 0.5rem;
		vertical-align: baseline
	}

	.introduction6-container .certi-sec .certi-img {
		float: left;
		width: 28%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-top: 10px;
		padding-top: 1rem
	}

	.introduction6-container .certi-sec .list01 .certi-img {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.introduction6-container .certi-sec .list01 .certi-img img {
		width: 48.5%
	}

	.introduction6-container .certi-sec .list02 .certi-img,.introduction6-container .certi-sec .list03 .certi-img {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.introduction6-container .certi-sec .list02 .certi-img img,.introduction6-container .certi-sec .list03 .certi-img img {
		width: 240px;
		width: 24rem
	}

	.introduction6-container .certi-sec .certi-text {
		float: right;
		width: 68%
	}

	.introduction6-container .certi-sec .certi-text .caption {
		margin-top: 30px;
		margin-top: 3rem
	}

	.introduction6-container .certi-sec .certi-text .caption span {
		color: #888;
		font-weight: 300
	}

	.introduction6-container .certi-sec .certi-text .text-list .dash {
		position: relative;
		padding-left: 10px;
		padding-left: 1rem
	}

	.introduction6-container .certi-sec .certi-text .text-list .dash:before {
		content: '-';
		display: block;
		position: absolute;
		left: 0;
		top: 0
	}

	section.recruit {
		margin-top: 110px;
		margin-top: 11rem;
		text-align: center
	}

	section.recruit .text {
		margin-top: 10px;
		margin-top: 1rem;
		color: #666
	}

	section.recruit .cont01 {
		margin-top: 30px;
		margin-top: 3rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	section.recruit .cont01 > li {
		width: 280px;
		width: 28rem;
		height: 280px;
		height: 28rem;
		border-radius: 100%;
		background: #f5f5f5;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	section.recruit .cont01 > li span {
		font-weight: 400
	}

	section.recruit .cont02 {
		margin-top: 34px;
		margin-top: 3.4rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	section.recruit .cont02 > li {
		width: 20%;
		padding: 70px 0;
		padding: 7rem 0;
		border-bottom: 1px solid #e5e5e5
	}

	section.recruit .cont02 > li:nth-child(-n+5) {
		border-top: 1px solid #222
	}

	section.recruit .cont02 .icon {
		display: block;
		width: 100%;
		height: 70px;
		height: 7rem;
		margin-bottom: 20px;
		margin-bottom: 2rem
	}

	section.recruit .cont02 .icon.icon01 {
		background: url(../image/ico3_01.png) center no-repeat;
		background-size: 64px 50px;
		background-size: 6.4rem 5rem
	}

	section.recruit .cont02 .icon.icon02 {
		background: url(../image/ico3_02.png) center no-repeat;
		background-size: 64px 53px;
		background-size: 6.4rem 5.3rem
	}

	section.recruit .cont02 .icon.icon03 {
		background: url(../image/ico3_03.png) center no-repeat;
		background-size: 64px 59px;
		background-size: 6.4rem 5.9rem
	}

	section.recruit .cont02 .icon.icon04 {
		background: url(../image/ico3_04.png) center no-repeat;
		background-size: 64px 49px;
		background-size: 6.4rem 4.9rem
	}

	section.recruit .cont02 .icon.icon05 {
		background: url(../image/ico3_05.png) center no-repeat;
		background-size: 62px 61px;
		background-size: 6.2rem 6.1rem
	}

	section.recruit .cont02 .icon.icon06 {
		background: url(../image/ico3_06.png) center no-repeat;
		background-size: 64px 59px;
		background-size: 6.4rem 5.9rem
	}

	section.recruit .cont02 .icon.icon07 {
		background: url(../image/ico3_07.png) center no-repeat;
		background-size: 62px 54px;
		background-size: 6.2rem 5.4rem
	}

	section.recruit .cont02 .icon.icon08 {
		background: url(../image/ico3_08.png) center no-repeat;
		background-size: 64px 51px;
		background-size: 6.4rem 5.1rem
	}

	section.recruit .cont02 .icon.icon09 {
		background: url(../image/ico3_09.png) center no-repeat;
		background-size: 64px 36px;
		background-size: 6.4rem 3.6rem
	}

	section.recruit .cont02 .icon.icon10 {
		background: url(../image/ico3_10.png) center no-repeat;
		background-size: 50px 63px;
		background-size: 5rem 6.3rem
	}

	section.recruit .cont02 .icon.icon11 {
		background: url(../image/ico3_11.png) center no-repeat;
		background-size: 62px 60px;
		background-size: 6.2rem 6rem
	}

	section.recruit .cont02 .icon.icon12 {
		background: url(../image/ico3_12.png) center no-repeat;
		background-size: 62px 61px;
		background-size: 6.2rem 6.1rem
	}

	section.recruit .cont02 .icon.icon13 {
		background: url(../image/ico3_13.png) center no-repeat;
		background-size: 64px 60px;
		background-size: 6.4rem 6rem
	}

	section.recruit .cont02 .icon.icon14 {
		background: url(../image/ico3_14.png) center no-repeat;
		background-size: 57px 63px;
		background-size: 5.7rem 6.3rem
	}

	section.recruit .cont02 .icon.icon15 {
		background: url(../image/ico3_15.png) center no-repeat;
		background-size: 55px 60px;
		background-size: 5.5rem 6rem
	}

	.introduction704-container .tab-btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.introduction704-container .tab-btn .tab {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 60px;
		height: 6rem;
		background: #f5f5f5
	}

	.introduction704-container .tab-btn .tab:focus {
		outline: none
	}

	.introduction704-container .tab-btn .tab span {
		vertical-align: middle;
		color: #888;
		font-size: 20px;
		font-size: 2rem
	}

	.introduction704-container .tab-btn .tab.on {
		background: #888
	}

	.introduction704-container .tab-btn .tab.on span {
		color: #f5f5f5
	}

	.introduction704-container .tab-cont {
		margin-top: 70px;
		margin-top: 7rem;
		display: none
	}

	.introduction704-container .tab-cont.on {
		display: block
	}

	.introduction704-container .sec-ttl {
		text-align: center;
		margin-bottom: 45px;
		margin-bottom: 4.5rem
	}

	.introduction704-container .sec-ttl span {
		font-weight: 300
	}

	.introduction704-container .sec-ttl span em {
		font-weight: 700
	}

	.introduction704-container .cont-box {
		position: relative
	}

	.introduction704-container .cont-box > img {
		float: left;
		width: 100%
	}

	.introduction704-container .text {
		letter-spacing: -0.4px;
		float: right;
		margin-top: -120px;
		margin-top: -12rem;
		max-width: 1300px;
		max-width: 130rem;
		width: 82%;
		padding: 70px 180px 0 80px;
		padding: 7rem 18rem 0 8rem;
		background: #fff;
		color: #666
	}

	.introduction704-container .text span {
		display: block
	}

	.number-sec .box-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-bottom: 1px solid #222;
		padding-bottom: 50px;
		padding-bottom: 5rem
	}

	.number-sec .box-wrap .box {
		text-align: center
	}

	.number-sec .box-wrap .box dt:after {
		content: '';
		display: block;
		height: 97px;
		height: 9.7rem;
		margin-top: 28px;
		margin-top: 2.8rem;
		margin-bottom: 7px;
		margin-bottom: 0.7rem
	}

	.number-sec .box-wrap .box:nth-child(1) {
		width: 180px;
		width: 18rem
	}

	.number-sec .box-wrap .box:nth-child(1) dt:after {
		background: url(../image/intro8_ico01.png) center no-repeat
	}

	.number-sec .box-wrap .box:nth-child(2) dt:after {
		background: url(../image/intro8_ico02.png) center no-repeat
	}

	.number-sec .box-wrap .box:nth-child(3) {
		width: 180px;
		width: 18rem
	}

	.number-sec .box-wrap .box:nth-child(3) dt:after {
		background: url(../image/intro8_ico03.png) center no-repeat
	}

	.number-sec .box-wrap .box .fnt-number span {
		font-size: 92px;
		font-size: 9.2rem;
		vertical-align: baseline;
		line-height: 1
	}

	.number-sec .box-wrap .box .fnt-number em {
		font-size: 24px;
		font-size: 2.4rem;
		vertical-align: baseline
	}

	.number-sec .box-wrap .box .fnt-text2 span {
		color: #888;
		font-weight: 300
	}

	.map-sec {
		margin-top: 50px;
		margin-top: 5rem
	}

	.map-sec img.map {
		width: 100%
	}

	.map-sec .map-area {
		position: relative
	}

	.map-sec .map-btn {
		position: absolute
	}

	.map-sec .map-btn span {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
		padding-left: 30px;
		padding-left: 3rem
	}

	.map-sec .map-btn span:before {
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		content: '';
		display: block;
		width: 22px;
		width: 2.2rem;
		height: 22px;
		height: 2.2rem;
		border-radius: 100%;
		background: rgba(230, 0, 18, 0.4)
	}

	.map-sec .map-btn span:after {
		left: 7px;
		left: 0.7rem;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		content: '';
		display: block;
		width: 8px;
		width: 0.8rem;
		height: 8px;
		height: 0.8rem;
		border-radius: 100%;
		background: #e60012
	}

	.indicator li:after {
		content: '';
		display: block;
		width: 1px;
		width: 0.1rem;
		height: 47px;
		height: 4.65rem;
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		right: 9px;
		right: 0.85rem;
		top: 19px;
		top: 1.9rem
	}

	.indicator {
		z-index: 10;
		position: fixed;
		top: 25%;
		right: 48px;
		right: 4.8rem;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
		opacity: 0;
		visibility: hidden
	}

	.indicator.on {
		opacity: 1;
		visibility: visible
	}

	.indicator li {
		position: relative;
		text-align: right;
		margin-bottom: 35px;
		margin-bottom: 3.5rem
	}

	.indicator li.on:after {
		height: 44px;
		height: 4.35rem;
		top: 22px;
		top: 2.2rem
	}

	.indicator li:last-child {
		margin-bottom: 0
	}

	.indicator li:last-child:after {
		display: none
	}

	.indicator li button:focus {
		outline: none
	}

	.indicator .txt {
		display: block;
		padding-right: 30px;
		padding-right: 3rem;
		font-size: 16px;
		font-size: 1.6rem;
		position: relative;
		color: rgba(0, 0, 0, 0.2)
	}

	.indicator .txt::after {
		position: absolute;
		right: 3px;
		right: 0.3rem;
		top: 50%;
		-webkit-transform: translateY(-42%);
		-ms-transform: translateY(-42%);
		transform: translateY(-42%);
		display: block;
		content: '';
		width: 12px;
		width: 1.2rem;
		height: 12px;
		height: 1.2rem;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 100%
	}

	.indicator li.on .indi-btn .txt {
		color: #000
	}

	.indicator li.on .indi-btn .txt::after {
		width: 18px;
		width: 1.8rem;
		height: 18px;
		height: 1.8rem;
		right: 0;
		background: #366cce
	}

	.company-list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-top: 100px;
		padding-top: 10rem
	}

	.company-list li:first-child {
		margin-top: 120px;
		margin-top: 12rem
	}

	.company-list li:nth-child(2n) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.company-list .company-img {
		width: 48.71%
	}

	.company-list .company-img .swiper-slide img {
		width: 100%
	}

	.company-list .company-img .swiper-container.progress .swiper-pagination-progressbar {
		height: 3px;
		height: 0.3rem;
		bottom: 24px;
		bottom: 2.4rem
	}

	.company-list .company-detail {
		position: relative;
		width: 530px;
		width: 53rem;
		margin-top: 45px;
		margin-top: 4.5rem
	}

	.company-list .company-detail .detail-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
		margin-top: 2rem
	}

	.company-list .company-detail .detail-list dt {
		width: 106px;
		width: 10.6rem
	}

	.company-list .company-detail .detail-list dt span {
		font-weight: 700
	}

	.company-list .company-detail .detail-list dd {
		width: 424px;
		width: 42.4rem;
		margin-bottom: 18px;
		margin-bottom: 1.8rem
	}

	.company-list .company-detail .detail-list dd:last-child {
		margin-bottom: 0
	}

	.company-list .company-detail .detail-list dd span {
		font-weight: 300;
		color: #666
	}

	.company-list .company-detail .country span {
		vertical-align: baseline
	}

	.company-list .company-detail .country em {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 300;
		color: #666;
		vertical-align: baseline
	}

	.company-list .company-detail .add {
		margin-top: 30px;
		margin-top: 3rem
	}

	.company-list .company-detail .add span {
		color: #666
	}

	.company-list .company-detail .site-link {
		position: absolute;
		right: 0;
		top: 0
	}

	.company-list .company-detail .site-link.btn-border {
		height: 48px;
		height: 4.8rem;
		line-height: 46px;
		line-height: 4.6rem
	}

	.global-sec {
		margin-top: 80px;
		margin-top: 8rem
	}

	.global-sec .global-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 1px solid #222
	}

	.global-sec .global-list li {
		width: 25%;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		padding: 25px 30px 30px;
		padding: 2.5rem 3rem 3rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.global-sec .global-list li:nth-child(4n+1) {
		border-left: 1px solid #e5e5e5
	}

	.global-sec .global-list li.on {
		background-color: #efefef
	}

	.global-sec .ttl {
		margin-bottom: 13px;
		margin-bottom: 1.3rem;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.55
	}

	.global-sec .global-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.global-sec .global-info dt {
		font-size: 16px;
		font-size: 1.6rem;
		font-family: 'Roboto';
		font-weight: 400;
		color: #222;
		width: 64px;
		width: 6.4rem;
		width: 25.8%
	}

	.global-sec .global-info dd {
		font-size: 16px;
		font-size: 1.6rem;
		font-family: 'Roboto';
		font-weight: 300;
		color: #666;
		width: 74.2%;
		margin-bottom: 10px;
		margin-bottom: 1rem
	}

	.global-sec .global-info dd:last-child {
		margin-bottom: 0
	}

	.global-sec .global-info dd a {
		vertical-align: top;
		font-size: 16px;
		font-size: 1.6rem;
		font-family: 'Roboto';
		font-weight: 300;
		color: #666
	}

	.introduction301-container .map-sec .map-btn:focus {
		outline: none
	}

	.introduction301-container .map-sec .map-btn.belgium {
		left: 46.2%;
		top: 17.1%
	}

	.introduction301-container .map-sec .map-btn.russia {
		left: 67.3%;
		top: 9.6%
	}

	.introduction301-container .map-sec .map-btn.china {
		left: 77.2%;
		top: 20%
	}

	.introduction301-container .map-sec .map-btn.kazakhstan {
		left: 60%;
		top: 26.2%
	}

	.introduction301-container .map-sec .map-btn.pakistan {
		left: 66%;
		top: 33.4%
	}

	.introduction301-container .map-sec .map-btn.myanmar {
		left: 75.7%;
		top: 41.2%
	}

	.introduction301-container .map-sec .map-btn.india {
		left: 69.2%;
		top: 47.5%
	}

	.introduction301-container .map-sec .map-btn.singapore {
		left: 81.2%;
		top: 55.9%
	}

	.introduction302-container .map-sec .map-btn.europe {
		left: 48.2%;
		top: 18.2%
	}

	.introduction302-container .map-sec .map-btn.russia {
		left: 64.1%;
		top: 6.5%
	}

	.introduction302-container .map-sec .map-btn.china {
		left: 74.4%;
		top: 30.7%
	}

	.introduction302-container .map-sec .map-btn.myanmar {
		left: 71%;
		top: 41.2%
	}

	.introduction302-container .map-sec .map-btn.singapore {
		left: 81%;
		top: 56.7%
	}

	.introduction302-container .map-sec .map-btn.centralAsia {
		top: 22%;
		left: 64.1%
	}

	.introduction302-container .map-sec .map-btn.mongolia {
		top: 23.2%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.japan {
		top: 29.7%;
		left: 86.6%
	}

	.introduction302-container .map-sec .map-btn.africa {
		top: 45%;
		left: 48.1%
	}

	.introduction302-container .map-sec .map-btn.middleEast {
		top: 35%;
		left: 57.5%
	}

	.introduction302-container .map-sec .map-btn.southAsia {
		top: 36.5%;
		left: 67.9%
	}

	.introduction302-container .map-sec .map-btn.hongkong {
		top: 41.5%;
		left: 78%
	}

	.introduction302-container .map-sec .map-btn.taiwan {
		top: 39.5%;
		left: 82.9%
	}

	.introduction302-container .map-sec .map-btn.southeastAsia {
		top: 46%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.vietnam {
		top: 51%;
		left: 77.1%
	}

	.introduction302-container .map-sec .map-btn.oceania {
		top: 78%;
		left: 85.7%
	}

	.introduction302-container .map-sec .map-btn.northAmerica {
		top: 15%;
		left: 9.4%
	}

	.introduction302-container .map-sec .map-btn.usa {
		top: 27%;
		left: 12.7%
	}

	.introduction302-container .map-sec .map-btn.southAmerica {
		top: 67%;
		left: 23.1%
	}

	.introduction302-container .map-sec .map-btn.duBai {
		top: 41%;
		left: 62%
	}
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: active),(min-width: 1024px) and (-ms-high-contrast: none) {
	.indicator .txt::after {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.indicator li:after {
		top: 15px;
		top: 1.5rem;
		height: 42px;
		height: 4.2rem
	}

	.indicator li.on:after {
		top: 18px;
		top: 1.8rem;
		height: 38px;
		height: 3.8rem
	}
}

@media (min-width: 1024px) {
	:lang(en) .history-wrp .h100vh .pos-rel .top-year .tit {
		left: 55%;
		margin-top: 0
	}

	:lang(en) .number-sec .box-wrap .box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	:lang(en) .introduction301-container .tab-type1,:lang(en) .introduction302-container .tab-type1 {
		max-width: 1240px;
		margin: 0 auto;
		margin-top: 111px;
		margin-top: 11.1rem;
		margin-bottom: 72px;
		margin-bottom: 7.2rem
	}

	:lang(en) .introduction301-container .tab-type1 ul,:lang(en) .introduction302-container .tab-type1 ul {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	:lang(en) .introduction4-container .mention {
		font-size: 23px;
		font-size: 2.3rem
	}

	:lang(en) .introduction4-container .mention:after {
		right: 10px;
		right: 1rem
	}

	:lang(en) .location-info .map .map-in img {
		width: 100%
	}

	:lang(en) .company-list .company-detail .detail-list dd,:lang(en) .company-list .company-detail .detail-list dt {
		width: 100%
	}
}

.ui-animate {
	-webkit-transition: opacity 0.7s ease,-webkit-transform 0.7s ease;
	transition: opacity 0.7s ease,-webkit-transform 0.7s ease;
	-o-transition: transform 0.7s ease,opacity 0.7s ease;
	transition: transform 0.7s ease,opacity 0.7s ease;
	transition: transform 0.7s ease,opacity 0.7s ease,-webkit-transform 0.7s ease;
	-webkit-transform: translate(0, 150px);
	-ms-transform: translate(0, 150px);
	transform: translate(0, 150px);
	opacity: 0
}

.ui-animate.ui-animation {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.visible-hidden {
	visibility: hidden
}

.history-wrp .h100vh .pos-rel .top-year {
	position: absolute;
	z-index: 10
}

.history-wrp .y-img {
	opacity: 0
}

.history-wrp .h100vh .pos-rel .top-year .tit .bar {
	opacity: 0
}

.history-wrp .fnt-title4 {
	overflow: hidden
}

.history-wrp .h100vh .pos-rel .top-year .tit .fnt-title-s3 {
	overflow: hidden
}

.history-wrp .h100vh .move-year .line {
	opacity: 0
}

.scrollbar-track {
	display: none!important
}