/* CSS Document */
.sp_map{
display: none;
}

.sp_text1{
display: none;
}

.sp_nav {
	display: none;
}
.sp_v{
display: none;
}

.sp_so_box{
display: none;
}

.sp_v_in_part_wrp{
display: none;
}
.copy_right_wrp {
	background-color: #fff!important;
}
body {
	background-color: #000;
}
article {
	width: 1100px;
	margin: 0 auto;
	background-color: #000;
}
/*     block01     */
.block01 {
	width: auto;
	margin: 0 auto;
	min-width: 1100px;
}
.top_image_wrp {
	width: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #000;
}
.top_image_wrp img {
	width: 100%;
	margin: 0 auto;
	display: block;
	opacity: 0.55;
}

.main_leed_wrp{
width: 650px;
left: 50%;
position: absolute;
text-align: center;
top: 55%;
transform: translateY(-50%) translateX(-50%);
z-index: 9998;
}

.top_image_wrp p {
	color: #fff;
	z-index: 100;
}
.text1 {
	color: #fff;
	font-size: 30px;
	letter-spacing: 0.1em;
  text-align: center;
	margin: 0 auto;
  margin-bottom: 25px;
}
.text2 {
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
  text-align: center;
	margin: 0 auto;
  margin-bottom: 32px;
}

.text3 {
	width: 470px;
	font-size: 16px;
	line-height: 1.8em;
	text-align: justify;
	margin: 0 auto;
}
/*     block02     */
.block02 {
	padding-top: 58px;
	padding-bottom: 68px;
	min-width: 1100px;
	text-align: center;
}
.center p:first-of-type {
	font-size: 25px;
	color: #fff;
	margin-bottom: 30px;
}
.center p:last-of-type {
	font-size: 18px;
	color: #fff;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}

/*     block03     */
.block03 {
	min-width: 1100px;
	padding-bottom: 45px;
}
.img_col {
	min-width: 1100px;
}
.img_col img {
	width: 465px;
	float: left;
}
.text_box {
	width: 550px;
	float: left;
}
.text_box dl {
	margin: 0 auto;
	padding-left: 48px;
	padding-right: 34px;
}
.text_box dt {
	color: #fff;
	font-size: 19px;
	line-height: 1.7em;
	margin-bottom: 28px;
	letter-spacing: 0.05em;
}
.text_box dd {
	width: 465px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}

/*     block04     */
.block04 {
	min-width: 1100px;
	padding-top: 45px;
	padding-bottom: 45px;
}
.block04 img {
	width: 455px;
	margin-left: 48px;
}

.text_box2 {
	width: 550px;
	float: right;
}

.text_box2 dl {
	margin: 0 auto;
	padding-left: 48px;
	padding-right: 34px;
}
.text_box2 dt {
	color: #fff;
	font-size: 19px;
	line-height: 1.7em;
	margin-bottom: 28px;
	letter-spacing: 0.05em;
}
.text_box2 dd {
	width: 465px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}


/*     block05     */
.block05 {
	min-width: 1100px;
	padding-top: 45px;
}


/*     block06     */
.block06 {
	min-width: 1100px;
	text-align: center;
	padding-top: 102px;
	padding-bottom: 87px;
}
.button a {
	width: 256px;
	border: 1px #fff solid;
	border-radius: 3px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 23px;
	letter-spacing: 0.05em;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.button a:last-of-type {
	margin-right: 0;
	letter-spacing: 0.05em;
}
.button a:hover {
	background-color: #fff;
	color: #000;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



/*     block07     */
.map {
	width: 1100px;
	margin: 0 auto;
	height: 556px;
}
.us1,.us2,.ls1,.ls2 {
	width: 550px;
	position: relative;
	float: left;
}
.us1,.us2,.ls1,.ls2 img {
	width: 550px;
}

.area {
	width: 445px;
	font-size: 19px;
	border-bottom: 1px #fff solid;
	padding-bottom: 3px;
	color: #fff;
	position: absolute;
	left: 51px;
	top: 16px;
}
.us1 .left1,.us2 .left1 {
	position: absolute;
	left: 51px;
	top: 76px;
}
.us1 .left2,.us2 .left2 {
	position: absolute;
	left: 51px;
	top: 178px;
}
.us1 .right1,.us2 .right1 {
	position: absolute;
	right: 62px;
	top: 76px;
}
.us1 .right2,.us2 .right2 {
	position: absolute;
	right: 62px;
	top: 178px;
}


.ls1 .left1,.ls2 .left1 {
	position: absolute;
	left: 51px;
	top: 54px;
}
.ls1 .left2,.ls2 .left2 {
	position: absolute;
	left: 51px;
	top: 155px;
}
.ls1 .left3,.ls2 .left3 {
	position: absolute;
	left: 51px;
	top: 225px;
}
.ls1 .right1,.ls2 .right1 {
	position: absolute;
	right: 64px;
	top: 54px;
}
.ls1 .right2,.ls2 .right2 {
	position: absolute;
	right: 20px;
	top: 120px;
}
.ls1 .right3,.ls2 .right3 {
	position: absolute;
	right: 69px;
	top: 200px;
}
.country {
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
}
.region {
	color: #fff;
	font-size: 12px;
	line-height: 1.6em;
	cursor: pointer;
}

/*MAPのマーキング設定*/

.circle_italy01{
position: absolute;
top: 160px;
left: 292px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_italy02{
position: absolute;
top: 154px;
left: 302px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_italy03{
position: absolute;
top: 147px;
left: 293px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_uk01{
position: absolute;
top: 127px;
left: 249px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_uk02{
position: absolute;
top: 135px;
left: 256px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_france01{
position: absolute;
top: 141px;
left: 284px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_germany01{
position: absolute;
top: 125px;
left: 292px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_india01{
position: absolute;
top: 180px;
left: 285px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_india02{
position: absolute;
top: 161px;
left: 273px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_pakistan01{
position: absolute;
top: 141px;
left: 247px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa01{
position: absolute;
top: 137px;
left: 348px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa02{
position: absolute;
top: 155px;
left: 338px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa03{
position: absolute;
top: 137px;
left: 336px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa04{
position: absolute;
top: 166px;
left: 348px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa05{
position: absolute;
top: 155px;
left: 350px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa06{
position: absolute;
top: 137px;
left: 318px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa07{
position: absolute;
top: 136px;
left: 213px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa08{
position: absolute;
top: 166px;
left: 336px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_usa09{
position: absolute;
top: 194px;
left: 346px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_mexico01{
position: absolute;
top: 197px;
left: 290px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_mexico02{
position: absolute;
top: 205px;
left: 278px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_japan01{
position: absolute;
top: 108px;
left: 323px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_japan02{
position: absolute;
top: 114px;
left: 313px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_japan03{
position: absolute;
top: 120px;
left: 304px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_korea01{
position: absolute;
top: 100px;
left: 290px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_korea02{
position: absolute;
top: 111px;
left: 295px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_taiwan01{
position: absolute;
top: 140px;
left: 278px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_china01{
position: absolute;
top: 96px;
left: 266px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_china02{
position: absolute;
top: 121px;
left: 278px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_china03{
position: absolute;
top: 142px;
left: 263px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_china04{
position: absolute;
top: 120px;
left: 259px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_indonesia01{
position: absolute;
top: 215px;
left: 248px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_thailand01{
position: absolute;
top: 168px;
left: 232px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.circle_thailand02{
position: absolute;
top: 157px;
left: 232px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 10px;
z-index: 1;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}




/*     block     */
.block {
	width: auto;
	background-color: #C9CACE;
	text-align: center;
	padding-top: 43px;
	padding-bottom: 43px;
}
.block a {
	font-size: 21px;
	color: #000;
	position: relative;
}
.contact {
	font-size: 17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact::after {
	content: '>';
	color: #000;
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	right: -16%;
	top: -6%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact:hover {
	opacity: 0.6;
	
}

.pc_nav ul li a{
color: #fff;
font-size: 17px;
padding-bottom: 2px;
}

.pc_nav ul li:nth-of-type(5) a{
border-bottom: #fff solid 2px;
}

.pc_nav ul li:not(:first-child) a:hover{
border-bottom: #fff solid 2px;
}

.pc_nav ul li:first-of-type a{
border-bottom: none;
}

.pc_nav ul li:not(:first-child) a.g_link:hover{
border-bottom: none;
}



@media only screen and (max-width:640px){
.pc_map{
display: none;
}

.sp_map{
display: block;
}

.sp_map img{
width: 100%;
height: auto;
display: block;
}

.sp_map_link_box{
background-color: #595758;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
}

.sp_map_link_box p{
display: inline-block;
color: #fff;
margin-right: 13px;
font-size: 14px;
}

.sp_map_link_box a{
display: inline-block;
color: #fff;
padding-bottom: 2px;
border-bottom: solid 1px #fff;
margin-right: 30px;
font-size: 14px;
}

.dongguan{
margin-right: 0!important;
}

.sp_map_link_box a{

}

.main_leed_wrp .text1{
display: none;
}

.m_img_wrp{
width: 100%;
height: auto;
position: relative;
}

.sp_text1{
display: block;
left: 50%;
    position: absolute;
    text-align: center;
    top: 52%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    z-index: 1;
    font-size: 20px;
    color: #fff;
}



.block01 {
    margin: 0 auto;
    min-width: inherit;
    width: auto;
    margin-top: 49px;
}

.top_image_wrp {
    background: #000 none repeat scroll 0 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.main_leed_wrp {
    left: inherit;
    position: inherit;
    text-align: center;
    top: inherit;
    transform: inherit;
    width: 90%;
    z-index: 1;
    margin: 0 auto;
    margin-top: 30px;
}


.text2 {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    margin: 0 auto 32px;
    text-align: left;
}

.text3 {
    font-size: 14px;
    line-height: 1.6em;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

article {
    background-color: #000;
    margin: 0 auto;
    width: 90%;
}

.block02 {
    min-width: inherit;
    padding-bottom: 0;
    padding-top: 58px;
    text-align: center;
}

.center p:first-of-type {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}

.center p:last-of-type {
    color: #fff;
    font-size: 14px;
    line-height: 1.7em;
    text-align: left;
}

.text_box dt{
font-size: 17px;
}

.block03 {
    min-width: inherit;
    padding-bottom: 0px;
}

.img_col {
    min-width: inherit;
}

.text_box {
    float: none;
    width: 100%;
    margin-top: 60px;
}

.text_box dl {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.text_box dd {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    width: 100%;
    margin-bottom: 20px;
}

.img_col img {
    float: none;
    width: 100%;
}

.block04 {
    min-width: inherit;
    padding-bottom: 0;
    padding-top: 60px;
}

.block04 img {
    margin-left: 0;
    margin-top: 20px;
}

.text_box2 {
    float: none;
    width: 100%;
    margin-top: 0px;
}

.text_box2 dl {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.text_box2 dd {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    width: 100%;
    margin-bottom: 20px;
}


.block05 {
    min-width: inherit;
    padding-top: 0;
}

.block06 {
    min-width: inherit;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
}

.button a {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-right: 0;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-top: 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.button a:first-of-type{
margin-bottom: 30px;
}

.map {
    height: inherit;
    margin: 0 auto;
    width: 100%;
}

.us1, .us2, .ls1, .ls2 img {
    width: 100%;
}

.us1, .us2, .ls1, .ls2 {
    float: none;
    position: relative;
    width: 100%;
}

#base img{
width: 100%;
}


footer{
background-color: #fff;
}

}