@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	アクセス

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	contents

------------------------------------------------------------------------------*/

main .contents {
	padding-top: 0;
	background-color: rgba(233,237,239,1);
}

.ja main .contents .access_map {
	background: url(../img/area_map.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;
}

.en main .contents .access_map {
	background: url(../img/area_map_en.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;	
}

.ko main .contents .access_map {
	background: url(../img/area_map_ko.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;	
}

.ru main .contents .access_map {
	background: url(../img/area_map_ru.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;	
}

.zhHans main .contents .access_map {
	background: url(../img/area_map_zhhans.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;	
}

.zhHant main .contents .access_map {
	background: url(../img/area_map_zhhant.svg) no-repeat;
	background-position: top left;
	background-size: 1400px;
	min-height: 680px;	
}

.access .access_map ul {
	float: right;
	margin-top: 90px;
	width: 626px;
}

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

main .contents .access_map {
	background-size: 80%;
}

}

@media screen and (max-width: 1270px) {
	
main .contents .access_map {
	background-size: 100%;
	background-position: top center;
	min-height: 880px;
}	
	
.access .access_map ul {
	float: none;
    justify-content: flex-start;
}

.access .access_map ul {
	margin: 0 auto;
	padding-top: 55%;
}

}

@media screen and (max-width: 970px) {
main .contents .access_map {
	padding-bottom: 20px;
	min-height: 680px;
}
}

@media screen and (max-width: 768px) {
	
.ja main .contents .access_map {
	background: url(../img/area_map_sp.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

.en main .contents .access_map {
	background: url(../img/area_map_sp_en.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

.ko main .contents .access_map {
	background: url(../img/area_map_sp_ko.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

.ru main .contents .access_map {
	background: url(../img/area_map_sp_ru.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

.zhHans main .contents .access_map {
	background: url(../img/area_map_sp_zhhans.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

.zhHant main .contents .access_map {
	background: url(../img/area_map_sp_zhhant.svg) no-repeat;
	background-size: 100%;
	padding-bottom: 20px;
}

	
.access .access_map ul {
	width: 100%;
	padding-top: 100%;
}
	
}

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

main .contents .access_map {
	min-height: auto;
}
		
.access .access_map ul {
	padding-top: 110%;
}

.access .access_map ul li {
    width: 49%;
}
	
.access .access_map ul li:nth-child(2n){
    margin-right: 0;
}
	
.access .access_map ul li a{
	padding-top: 50%;
}
	
}