@charset "UTF-8";

.no-scroll{
	overflow: hidden;
}


*{
	margin: 0;
	padding: 0;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
li{
	list-style-type: none;
}
h1,h2,h3,h4,h5{
	font-weight: normal;
}
.company-contents i{
	font-style: normal;
}

.close-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	margin: 0 calc(50% - 50vw);
}
.company-about-slide.mode-jp .fig-en{
	display: none;
}
.company-about-slide.mode-en .fig-jp{
	display: none;
}


.popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	opacity: 0;
	transition: opacity 300ms ease;
	background: rgba(0, 0, 0, 0.8);
}
.popup.set{
	display: block;
}
.popup.on{
	opacity: 1;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	margin: 0 calc(50% - 50vw);
	z-index: 10;
}
.popup-movie{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 840px;
}
.popup-movie .popup-movie-inner{
	position: absolute;
	top: 50%;
	width: 100%;
	padding-top: 56.25%;
	background: #000;
	transform: translateY(-50%);
}
.popup-movie .popup-movie-inner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




@keyframes mapicon{
	0%{transform: scale(1);}
	10%{transform: scale(1.4);}
	20%{transform: scale(1);}
	100%{transform: scale(1);}
}

@keyframes attention{
	0%{transform: translateX(0);}
	50%{transform: translateX(-50%);}
	100%{transform: translateX(0);}

}

.company-about-slide-wrapper.on{
	animation: attention 1000ms ease 1;
}
#company-movie:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 20;
}

h3.sbt{
	color: #787878;
}
.company-information-detail ul li:nth-child(1) a{
	background-image: url(../img/icon_info1.svg);
}
.company-information-detail ul li:nth-child(2) a{
	background-image: url(../img/icon_info2.svg);
}
.company-information-detail ul li:nth-child(3) a{
	background-image: url(../img/icon_info3.svg);
}
.company-information-detail ul li:nth-child(4) a{
	background-image: url(../img/icon_info4.svg);
}
.company-information-detail ul li:nth-child(5) a{
	background-image: url(../img/icon_info5.svg);
}
.company-information-detail ul li:nth-child(6) a{
	background-image: url(../img/icon_info6.svg);
}
.company-information-detail ul li:nth-child(7) a{
	background-image: url(../img/icon_info7.svg);
}
.company-information-detail ul li:nth-child(8) a{
	background-image: url(../img/icon_info8.svg);
	background-size: auto 45px;
}



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

	body {
		font-size: 16px;
		width: 100%;

	}
	.ignore-pc{
		display: none;
	}
	.company-contents p{
		font-size: 14px;
	}

	/* contents
	--------------------------------------------------------------------*/
	.company-sec-header h2{
		font-size: 30px;
		font-weight: bold;
		line-height: 1.5;
	}
	.company-contents{
		margin: auto;
		padding: 145px 15px;
		width: 100%;
		max-width: 1130px;
		min-width: 980px;
		box-sizing: border-box;
	}
	span.icon-futuremap{
		display: inline-block;
		width: 26px;
		height: 26px;
		border-radius: 13px;
		border: 2px solid #199b74;
		box-sizing: border-box;
		background: #fff url(../img/icon_futuremap.png) 50% 50% no-repeat;
		background-size: 16px 9px;
		vertical-align: middle;
		margin-right: 1.5rem;
	}




	/* kv
	--------------------------------------------------------------------*/

	.company-kv{
		position: relative;
		width: 100%;
	}
	.company-kv .company-movie-wrap{
		width: 100%;
	}
	.company-kv .company-movie-inner{
		position: relative;
		margin: auto;
		max-width: 908px;
		border-radius: 10px;
		overflow: hidden;
	}
	.company-kv .company-movie-inner figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20;
	}
	.company-kv .company-movie-inner figure.hide{
		visibility: hidden;
	}
	#company-movie{
		position: relative;
		padding-top: 56.25%;
		z-index: 10;
	}
	#company-movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.company-kv-select{
		position: absolute;
		width: 100%;
		bottom: -20px;
		text-align: center;
		z-index: 30;

	}
	.company-kv-select p{
		font-size: 25px;
		font-weight: bold;
	}






	/* company-futuremap
	--------------------------------------------------------------------*/

	.company-futuremap-header{
		display: flex;
		align-items: center;
	}
	.company-futuremap-header p{
		padding: 0 0 0 80px;
		width: 600px;
		font-size: 14px;
		line-height: 1.8;
		border-left: 1px solid #ccc;
		box-sizing: border-box;
	}
	.company-futuremap-header h2{
		padding: 0 80px 0 0;

	}
	.company-futuremap-wrap{
		margin: 40px 0 0 !important;
	}
	.company-futuremap-detail{
		position: relative;
		max-width: 1140px;
		transform-origin: top left;
	}
	.company-futuremap-detail{
		-webkit-transition: unset;
		-moz-transition: unset;
		-o-transition: unset;
		transition: unset;
	}
	.company-futuremap-detail figure{
		box-sizing: border-box;		
	}
	.company-futuremap-detail figure img{
		/*width: 100%;
		height: auto;*/
		border-radius: 10px;
		max-width: inherit;
	}
	.company-futuremap-detail a{
		position: absolute;
		margin: -25px 0 0 -25px;
		display: block;
		width: 50px;
		height: 50px;
	}
	.company-futuremap-detail a.on{
		animation: mapicon 2000ms ease 1;
	}
	.company-futuremap-detail a span{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: transform 300ms ease;
	}
	.company-futuremap-detail a:hover span{
		transform: scale(1.4);
	}
	
	#company-futuremap .note{
		margin: 20px 0 0;
		vertical-align: middle;
		font-size: 14px;
	}
	#company-futuremap .note span{
		margin: 0 10px 0 0;
		vertical-align: middle;
	}
	.company-futuremap-wrap + p {
		margin-top: 2rem;
		text-align: center;
	}



	/* company-about
	--------------------------------------------------------------------*/

	#company-about{
		margin-top: 160px;

	}
	.company-about-slide-box{
		background-color: #F5F6FA;
		width: 90%;
		max-width: 1140px;
		margin: 0 auto;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 4rem 0;
	}
	.company-about-header{
		position: relative;
		text-align: center;
	}
	.company-about-header p{
		display: none;
	}

	.slide-select-lang{
		margin: 0 auto 20px;
		width: 79.47%;
		text-align: right;
	}
	.slide-select-lang li{
		position: relative;
		display: inline-block;
		padding-left: 1rem;
	}
	.slide-select-lang li + li {
		margin-left: 2rem;
	}
	.slide-select-lang li a {
		font-weight: bold;
	}
	.slide-select-lang li a.active {
		color: #009e8a;
	}
	.slide-select-lang li a.active::before {
		content: "";
		display: block;
		width: 8px;
		height: 0;
		padding-top: 8px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -4px;
		background-color: #009e8a;
		border-radius: 100%;
	}

	.company-about-header .btn-dl-list{
		margin: 40px 0 0;
		display: flex;
		justify-content: center;
	}
	.company-about-header .btn-dl-list li + li{
		margin: 0 0 0 20px;
	}

	.company-about-header .btn-dl a,
	.company-about-header .btn-dl span{
		position: relative;
		display: block;
		padding: 0 30px;
		width: 300px;
		height: 45px;
		line-height: 45px;
		font-size: 11px;
		color: #1a9e8a;
		border: 1px solid #1a9e8a;
		transition: opacity 300ms ease;
		box-sizing: border-box;
	}
	.company-about-header .btn-dl a:hover{
		opacity: 0.7;
	}
	.company-about-header .btn-dl a:after,
	.company-about-header .btn-dl span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 10px;
		bottom: 0;
		display: block;
		width: 12px;
		height: 12px;
		background: url(../img/icon_dl.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.company-about-header .btn-dl span{
		opacity: 0.3;
	}
	#company-about-nav ul.localNav {
		margin-bottom: 3rem;
	}

	#company-about-nav ul.localNav li {
		width: 14.95%;
		letter-spacing: normal;
	}
	#company-about-nav ul.localNav li:nth-child(2) {
		width: 15.5%;
	}

	.company-about-slide {
		position: relative;
		margin: 0 auto 0;
		max-width: 906px;
		cursor: grab;
		
	}
	.company-about-slide img {
		max-width: inherit;
		width: 100%;
		border-radius: 10px;
	}

	.company-about-slide .btn-prev,
	.company-about-slide .btn-next{
		position: absolute;
		top: 50%;
		margin: -35px 0 0;
		width: 32px;
		height: 70px;
		outline: none;
		z-index: 100;
	}
	.company-about-slide .btn-prev a,
	.company-about-slide .btn-next a{
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 300ms ease;
	}
	.company-about-slide .btn-prev.swiper-button-disabled,
	.company-about-slide .btn-next.swiper-button-disabled{
		opacity: 0.2;
	}
	.company-about-slide .btn-prev{
		left: 0;
	}
	.company-about-slide .btn-next{
		right: 0;
	}
	.company-about-slide .btn-prev a{
		background: url(/asset/img/common/prev.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.company-about-slide .btn-next a{
		background: url(/asset/img/common/next.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.company-about-slide .btn-prev a:hover,
	.company-about-slide .btn-next a:hover{
		opacity: 0.7;
	}
	.company-about-control{
		margin: 30px auto 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 79.47%;
	}
	@media screen and (max-width: 906px) {
		.company-about-control {
			width: 90%;		}

	}
	
	.company-about-control ul{
		display: flex;
		margin: 0 65px;
		align-items: center;
	}
	.company-about-control ul span{
		display: inline-block;
		margin: 0 5px;
		font-weight: bold;
		font-size: 17px;
	}
	.company-about-control .btn-prev-s{
		display: block;
		margin: 0 25px 0 0;
		width: 30px;
		height: 30px;
		border: 1px solid #199b74;
		border-radius: 100%;
		background: #fff url(/asset/img/common/arw-l.svg) 50% 50% no-repeat;
		background-size: 9px 9px;
		box-sizing: border-box;
	}
	.company-about-control .btn-next-s{
		display: block;
		margin: 0 0 0 25px;
		width: 30px;
		height: 30px;
		border: 1px solid #199b74;
		border-radius: 100%;
		background: #fff url(/asset/img/common/arw.svg) 50% 50% no-repeat;
		background-size: 9px 9px;
		box-sizing: border-box;
	}
	.company-about-control .btn-first{
		position: relative;
		padding: 0 0 0 40px;
		font-size: 1.4rem;
	}
	.company-about-control .btn-first:before{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		border: 1px solid #199b74;
		border-radius: 100%;
		background: #fff url(/asset/img/common/arw-l.svg) 50% 50% no-repeat;
		background-size: 9px 9px;
		box-sizing: border-box;
	}
	.company-about-control .btn-last{
		position: relative;
		padding: 0 40px 0 0;
		font-size: 1.4rem;
	}
	.company-about-control .btn-last:before{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		border: 1px solid #199b74;
		border-radius: 100%;
		background: #fff url(/asset/img/common/arw.svg) 50% 50% no-repeat;
		background-size: 9px 9px;
		box-sizing: border-box;
	}
	.page-couter {
		color: #D6D6D6;
	}
	.page-couter span {
		color: #000;
	}


	.company-about-control .btn-first,
	.company-about-control .btn-next-s,
	.company-about-control .btn-prev-s,
	.company-about-control .btn-last{
		outline: none;
		transition: opacity 300ms ease;
	}

	.company-about-control .btn-first:hover,
	.company-about-control .btn-next-s:hover,
	.company-about-control .btn-prev-s:hover,
	.company-about-control .btn-last:hover{
		opacity: 0.7;
	}
	.company-about-control .btn-first.hide,
	.company-about-control .btn-next-s.hide,
	.company-about-control .btn-prev-s.hide,
	.company-about-control .btn-last.hide{
		opacity: 0.3;
		cursor: default;
	}

	/* company-about
	--------------------------------------------------------------------*/

	#company-information{
		margin-top: 160px;
	}
	.company-information-header{
		position: relative;
		text-align: center;
	}
	.company-information-detail ul {
		width: 940px;
		margin: 0 auto;
		padding: 2em 0 0;
		overflow: hidden;
	}
	.company-information-detail ul li {
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
		width: 220px;
	}
	.company-information-detail ul li:nth-child(4n) {
		margin-right: 0px;
	}
	.company-information-detail ul li a{
		display: block;
		border: solid 1px #dcdcdc;
		text-align: center;
		padding: 80px 0 20px;
		line-height: 1;
		font-size: 14px;
		background-repeat: no-repeat;
		background-position: center 25px;
		color: #707070;
	}
	.company-information-detail ul li a br{
		display: none;
	}
	.company-information-detail ul li a:hover {
		text-decoration: none;
		border: solid 1px #3cc878;
	}

	/* company-popup
	--------------------------------------------------------------------*/

	#company-popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 500;
		background: rgba(0,0,0,0.7);
		display: none;
		opacity: 0;
		transition: opacity 600ms ease;
	}
	#company-popup.set{
		display: block;
	}
	#company-popup.on{
		opacity: 1;
	}
	.popup-slide-wrap{
		position: relative;
		margin: 0 60px;
		height: 100%;
	}
	.popup-slide-box{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		max-width: 660px;
	}
	.popup-slide{
		position: absolute;
		top: 50%;
		margin: auto;
		padding: 40px 40px 0;
		max-width: 660px;
		background: #fff;
		box-sizing: border-box;
		transform: translateY(-50%);
		box-sizing: border-box;
		border-radius: 10px;
	}

	.popup-slide-item .title{
		padding:  60px 0;
		text-align: center;
	}
	.popup-slide-item h3{
		position: relative;
		line-height: 1.6;
	}
	.popup-slide-item h3 span{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: inline-block;
		text-align: center;
		transform: translateY(-50%);
	}
	.popup-slide-item h3 span i{
		display: inline-block;
		text-align: left;
		font-style: normal;
	}
	.popup-slide-item.ready{
		position: relative;
	}
	.popup-slide-item{
		display: block;
		transition: opacity 600ms ease;
	}
	.popup-slide-item.on{
		opacity: 1;
	}
	.popup-slide-item{
		position: absolute;
		top: 0;
		opacity: 0;
	}
	.popup-slide-inner{
		position: relative;
	}
	.popup-slide-item figure img {
		border-radius: 10px;
	}



	#company-popup .btn-prev-s{
		position: absolute;
		margin: auto;
		top: 0;
		left: -60px;
		bottom: 0;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-next-s{
		position: absolute;
		margin: auto;
		top: 0;
		right: -60px;
		bottom: 0;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-close-s{
		position: absolute;
		margin: auto;
		top: -60px;
		right: -60px;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-prev-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/arrow_l.png) 50% 50% no-repeat;
		background-size: 8px 11px;
		box-sizing: border-box;
	}
	#company-popup .btn-next-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/arrow_r.png) 50% 50% no-repeat;
		background-size: 8px 11px;
		box-sizing: border-box;
	}
	#company-popup .btn-close-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/icon_close.png) 50% 50% no-repeat;
		background-size: 12px 12px;
		box-sizing: border-box;
	}


	/*movie popup*/

	.popup-movie-wrap{
		position: relative;
		margin: 0 60px;
		height: 100%;
	}
	.popup .btn-close-popup{
		position: absolute;
		margin: auto;
		top: -60px;
		right: -60px;
		width: 26px;
		height: 26px;
	}
	.popup .btn-close-popup a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/icon_close.png) 50% 50% no-repeat;
		background-size: 12px 12px;
		box-sizing: border-box;
	}


}

@media screen and (max-width: 960px) and (min-width: 768px) {
	.company-kv .company-movie-inner {
		max-width: 90%;
	}
	.company-futuremap-wrap.on {
		padding-left: 1.25%;
	}
	.company-about-slide {
		max-width: 90%;
	}


}

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

	body {
		width: 100%;
		
	}

	.ignore-sp{
		display: none;
	}

	#wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	/* contents
	--------------------------------------------------------------------*/

	.company-sec-header h2{
		line-height: 1.3;
		font-size: 27px;
		font-weight: bold;
		text-align: center;
	}
	.company-contents{
		padding: 125px 20px;
	}
	span.icon-futuremap{
		display: inline-block;
		width: 26px;
		height: 26px;
		border-radius: 13px;
		border: 2px solid #199b74;
		box-sizing: border-box;
		background: #fff url(../img/icon_futuremap.png) 50% 50% no-repeat;
		background-size: 16px 9px;
		vertical-align: middle;
		margin-right: 1.5rem;		
	}


	/* kv
	--------------------------------------------------------------------*/
	

	.company-kv{
		position: relative;
		width: 89.33%;
		margin: 0 auto;
	}
	
	.company-kv .company-movie-wrap{
		width: 100%;
	}
	.company-kv .company-movie-inner{
		position: relative;
		margin: auto;
		width: 100%;
	}
	.company-kv .company-movie-inner figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20;
	}
	.company-kv .company-movie-inner figure.hide{
		visibility: hidden;
	}
	#company-movie{
		position: relative;
		padding-top: 56.25%;
		z-index: 10;
	}
	#company-movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.company-kv-select{
		margin: 10px 0 0;
		width: 100%;
		text-align: center;
	}
	.company-kv-select p{
		font-size: 20px;
		font-weight: bold;
	}




	/* company-futuremap
	--------------------------------------------------------------------*/

	.company-futuremap-header p{
		margin-top: 40px;
		font-size: 14px;
		line-height: 1.6;
	}
	.company-futuremap-header p br{
		display: none;
	}

	.company-futuremap-wrap *{
		-webkit-transition: unset;
		-moz-transition: unset;
		-o-transition: unset;
		transition: unset;
	}

	.company-futuremap-wrap{
		margin: 40px -20px 0;
		display: none;
	}
	.company-futuremap-wrap + p {
		margin-top: 2rem;
		margin-bottom: -1rem;
		text-align: center;
	}
	.company-futuremap-wrap.on{
		display: block;
		padding-left: 7.5%;
	}
	.company-futuremap-detail{
		position: relative;
		width: 1140px;
		transform-origin: top left;
	}

	.company-futuremap-detail{
		-webkit-transition: unset;
		-moz-transition: unset;
		-o-transition: unset;
		transition: unset;
	}

	.company-futuremap-detail figure{		
		box-sizing: border-box;
	}
	.company-futuremap-detail figure img{
		/*width: 100%;
		height: auto;*/
		border-radius: 20px;
		max-width: inherit;
	}
	.company-futuremap-detail a{
		position: absolute;
		margin: -25px 0 0 -25px;
		display: block;
		width: 50px;
		height: 50px;
	}
	.company-futuremap-detail a.on{
		animation: mapicon 2000ms ease 1;
	}
	.company-futuremap-detail a span{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: transform 300ms ease;
	}
	.company-futuremap-detail a span{

	}
	#company-futuremap .note{
		margin: 20px 0 0;
		text-align: center;
	}
	#company-futuremap .note span{
		margin: 0 10px 0 0;
		vertical-align: middle;
	}

	.company-information-detail ul li:nth-child(8) a {
    background-size: auto 28px;
	}

	/* company-about
	--------------------------------------------------------------------*/

	#company-about{
		margin-top: 80px;
	}

	.company-about-header{
		position: relative;
	}
	.company-about-header h2{
	}
	.slide-select-lang{
		display: none;
	}
	.company-about-header p{
		margin-top: 40px;
		font-size: 14px;
		line-height: 1.6;
	}

	#company-about-nav{
		display: none;
	}
	.company-about-slide{
		display: none;
	}
	.company-about-control{
		display: none;
	}

	/* company-about
	--------------------------------------------------------------------*/

	#company-information{
		margin-top: 80px;
	}

	.company-information-detail ul {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		display: flex;
		font-size: 14px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.company-information-detail ul li {
		margin: 0 0 2em 0;
		width: 47.8%;
	}
	.company-information-detail ul li:nth-child(4n) {
		margin-right: 0px;
	}
	.company-information-detail ul li a {
		display: block;
		border: solid 1px #dcdcdc;
		text-align: center;
		padding: 58px 0 22px;
		line-height: 1;
		background-size: 26px;
		background-repeat: no-repeat;
		background-position: center 25px;
		font-size: 100%;
		height: 100%;
		box-sizing: border-box;
		color: #707070;
	}
	.company-information-detail ul li a i{
		display: table-cell;
		width: 100%;
		height: 2.8em;
		line-height: 1.4;
		vertical-align: middle;
		text-align: center;
	}


	/* company-popup
	--------------------------------------------------------------------*/

	#company-popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 500;
		background: rgba(0,0,0,0.7);
		display: none;
		opacity: 0;
		transition: opacity 600ms ease;
	}
	#company-popup.set{
		display: block;
	}
	#company-popup.on{
		opacity: 1;
	}
	.popup-slide-wrap{
		position: relative;
		margin: 0 25px;
		height: 100%;
	}
	.popup-slide-box{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		max-width: 660px;
	}
	.popup-slide{
		position: absolute;
		top: 50%;
		margin: auto;
		padding: 20px 20px 0;
		border-radius: 10px;
		max-width: 660px;
		background: #fff;
		box-sizing: border-box;
		transform: translateY(-50%);
	}


	.popup-slide-item .title{
		padding:  50px 0;
		text-align: center;
	}
	.popup-slide-item h3{
		position: relative;
		line-height: 1.6;
	}
	.popup-slide-item h3 span{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: inline-block;
		text-align: center;
		transform: translateY(-50%);
	}
	.popup-slide-item h3 span i{
		display: inline-block;
		text-align: left;
		font-style: normal;		
	}
	.popup-slide-item.ready{
		position: relative;
	}
	.popup-slide-item{
		display: block;
		transition: opacity 600ms ease;
	}
	.popup-slide-item.on{
		opacity: 1;
	}
	.popup-slide-item{
		position: absolute;
		top: 0;
		opacity: 0;
	}
	.popup-slide-item figure img {
		border-radius: 10px;
	}
	.popup-slide-inner{
		position: relative;
	}

	#company-popup .btn-prev-s{
		position: absolute;
		margin: auto;
		top: 0;
		left: -13px;
		bottom: 0;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-next-s{
		position: absolute;
		margin: auto;
		top: 0;
		right: -13px;
		bottom: 0;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-close-s{
		position: absolute;
		margin: auto;
		top: -45px;
		right: -13px;
		width: 26px;
		height: 26px;
	}
	#company-popup .btn-prev-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/arrow_l.png) 45% 50% no-repeat;
		background-size: 8px 11px;
		box-sizing: border-box;
	}
	#company-popup .btn-next-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/arrow_r.png) 55% 50% no-repeat;
		background-size: 8px 11px;
		box-sizing: border-box;
	}
	#company-popup .btn-close-s a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/icon_close.png) 50% 50% no-repeat;
		background-size: 12px 12px;
		box-sizing: border-box;
	}



	/*movie popup*/

	.popup-movie-wrap{
		position: relative;
		margin: 0 25px;
		height: 100%;
	}
	.popup .btn-close-popup{
		position: absolute;
		margin: auto;
		top: -45px;
		right: -13px;
		width: 26px;
		height: 26px;
	}
	.popup .btn-close-popup a{
		display: block;
		width: 26px;
		height: 26px;
		border: 2px solid #199b74;
		border-radius: 13px;
		background: #fff url(../img/icon_close.png) 50% 50% no-repeat;
		background-size: 12px 12px;
		box-sizing: border-box;
	}



}


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


	.company-about-header .btn-dl a:after, .company-about-header .btn-dl span:after {
	    right: 8px;
	    bottom: 0;
	    display: block;
	    width: 14px;
	    height: 14px;
	    background: url(../img/icon_dl.png) 50% 50% no-repeat;
	    background-size: 100% 100%;
	}

}