@charset "UTF-8";
/**** html ****/


#mainimages img {
    width: 100%;
}



#copy_txt {
	text-align: center;
	margin: 55px 0 55px;
}
#copy_txt img {
    width: 100%;
    max-width: 535px;
}

.en img{
	width: auto !important;
    max-width: none !important;
}

.en{
	margin: 90px 0px !important;
}

@media screen and (max-width:768px) {
	#copy_txt img {
	    width: 80vw;
	    max-width: 535px;
	}

	.en img{
		width: 90vw  !important;
		max-width: 535px  !important;
	}

	.en{
		margin: 55px 0 !important;
	}

	.exporter_map{
		width:90vw;
	}



}
@media screen and (max-width:468px) {
	#copy_txt {
		text-align: center;
		margin: 8vw 0 8vw;
	}
}



section#business {
	text-align: center;
	display: inline-block;
	width: 100%;
    background: url(../img/index_business_bg.png) center no-repeat;
    background-size: cover;
}
section#business h2 {
	width: 100%;
	margin: 70px auto 55px;
}
#business_contentsbox {
    margin: 0 0 30px;
    padding: 0 20px;
}
.business_contentssubbox {
	display: inline-block;
	vertical-align: top;
}
.business_contents {
    float: left;
    margin: 5px 30px 25px;
}
.business_contents img {
    width: 100%;
    max-width: 275px;
}

.business_contents img.eng{
	max-width: none !important;
}

@media screen and (max-width:1070px) {
	.business_contents {
	    float: left;
	    margin: 5px 3vw 25px;
	}
	.business_contents img {
	    width: 25vw;
	    max-width: 275px;
	}
}
@media screen and (max-width:820px) {
	#business_contentsbox {
	    margin: 0 0 30px;
	    padding: 0 0px;
	}
	.business_contents {
	    float: left;
	    margin: 5px 3vw 25px;
	}
	.business_contents img {
	    width: 25vw;
	    max-width: 275px;
	}
}
@media screen and (max-width:468px) {
	#business_contentsbox {
	    margin: 0 0 30px;
	    padding: 0 0px;
	}
	.business_contents {
	    float: none;
	    margin: 5px 3vw 25px;
	}
	.business_contents img {
	    width: 50vw;
	    max-width: 275px;
	    min-width: 200px;
	}
}



section#exporter_map {
	text-align: center;
	width: 100%;
}
section#exporter_map h2 {
	width: 100%;
	margin: 70px auto 15px;
}
#exporter_contentsbox {
    margin: 0 0 30px;
    padding: 0px;
}

section#exporter_map h2.eng {
	width: 100%;
	margin: 70px auto 30x;
}



section#md {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: url(../img/index_md_bg.png) center no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
    max-height: 650px;
}
section#md h2 {
	width: 100%;
	margin: 60px auto 55px;
}
.index_md_txt {
    width: 350px;
    position: absolute;
    right: 40px;
    bottom: 130px;
}
.index_md_btn {
    display: inline-block;
    position: absolute;
    right: 40px;
    bottom: 25px;
	transition-duration: 0.2s;
}
.index_md_btn:hover {
    opacity: 0.7;
	transition-duration: 0.2s;
}
.index_md_btn img {
    width: 251.5px;
}
@media screen and (max-width:768px) {
	section#md {
	    text-align: center;
	    display: inline-block;
	    width: 100%;
	    background: url(../img/index_md_bg.png) center no-repeat;
	    background-size: cover;
	    position: relative;
	    height: max(80vw, 500px);
	    max-height: 650px;
	}
	.index_md_txt {
	    width: min(85vw, 490px);
	    position: relative;
	    right: auto;
	    bottom: auto;
	    margin: 0 0 9vw;
	}
	.index_md_btn {
	    display: inline-block;
	    position: relative;
	    right: auto;
	    bottom: auto;
	    transition-duration: 0.2s;
	}
	.index_md_btn img {
	    width: min(35vw, 250px);
	}
}
@media screen and (max-width:468px) {
	section#md {
	    text-align: center;
	    display: inline-block;
	    width: 100%;
	    background: url(../img/index_md_bg.png) center no-repeat;
	    background-size: cover;
	    position: relative;
	    height: max(93vw, 315px);
	    max-height: 650px;
	}
	.index_md_txt {
	    width: 85vw;
	    position: relative;
	    right: auto;
	    bottom: auto;
	    margin: 0 0 9vw;
	}
	.index_md_btn {
	    display: inline-block;
	    position: relative;
	    right: auto;
	    bottom: auto;
	    transition-duration: 0.2s;
	}
	.index_md_btn img {
	    width: 45vw;
	}
	section#business h2 {
	    width: 100%;
	    margin: max(9vw, 35px) auto max(7vw, 25px);
	}
	section#exporter_map h2 {
	    width: 100%;
	    margin: max(9vw, 35px) auto max(7vw, 25px);
	}
	section#md h2 {
	    width: 100%;
	    margin: max(9vw, 35px) auto max(7vw, 25px);
	}
	#mainimages img {
	    width: 150%;
	    margin-left: -50%;
	}
}