@charset "utf-8";
/* ------------------------------------------------------------ common */

#fv { background: url(../images2/locations/fv.jpg) center center no-repeat; color: #000;}

#location .place .country { text-align: center; color: #fff; padding: 130px 0 120px; margin: 0 0 80px;}
#location .place .country h3 { padding: 0 0 55px; letter-spacing: 3px;}
#location .place .country h3 span { font-size: 46px; display: block; line-height: 130%; font-family: 'JosefinSans-BoldItalic';}
#location .place .country p { font-size: 29px;}
#location #head_office .country { background: url(../images2/locations/bg_01.jpg) center center no-repeat; background-size: cover;}
#location #china .country { background: url(../images2/locations/bg_02.jpg) center center no-repeat; background-size: cover;}
#location #thailand .country { background: url(../images2/locations/bg_03.jpg) center center no-repeat; background-size: cover;}
#location #vietnam .country { background: url(../images2/locations/bg_04.jpg) center center no-repeat; background-size: cover;}
#location #america .country { background: url(../images2/locations/bg_05.jpg) center center no-repeat; background-size: cover;}
#location #indonesia .country { background: url(../images2/locations/bg_06.jpg) center center no-repeat; background-size: cover;}
#location #taiwan .country { background: url(../images2/locations/bg_07.jpg) center center no-repeat; background-size: cover;}

#location .place .text p { float: left; width: 515px; line-height: 32px;}
#location .place .text p.left { margin: 0 70px 0 0;}
#location .place ul { margin: 95px 0 0; padding: 50px 0 125px; border-top: 1px solid #b1b1b1;}
#location .place ul li { float: left; width: 350px; margin: 0 0 0 25px; }
#location .place ul li:first-child { margin: 0; }
#location .place ul li img { float: left;}
#location .place ul li div h4 { font-size: 20px; padding: 20px 0 20px; font-family: 'Noto Sans Japanese medium';} 
#location .place ul li div p { font-size: 14px;}

#location #thailand h4.h4 { font-size: 30px; padding: 115px 0 65px; text-align: center; font-family: 'Noto Sans Japanese medium';}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { background: url(../images2/locations/fv.jpg) center center no-repeat; background-size: cover; color: #000; padding: 20% 0;}

#location .place .country { padding: 40px 0 40px; text-align: center; color: #fff; margin: 0 0 40px;}
#location .place .country h3 { padding: 0 0 25px; letter-spacing: 2px;}
#location .place .country h3 span { font-size: 26px; display: block; line-height: 130%;}
#location .place .country p { font-size: 16px; padding: 0 3%;}
#location #head_office .country { background: url(../images2/locations/bg_01.jpg) center center no-repeat; background-size: cover;}
#location #china .country { background: url(../images2/locations/bg_02.jpg) center center no-repeat; background-size: cover;}
#location #thailand .country { background: url(../images2/locations/bg_03.jpg) center center no-repeat; background-size: cover;}
#location #vietnam .country { background: url(../images2/locations/bg_04.jpg) center center no-repeat; background-size: cover;}
#location #america .country { background: url(../images2/locations/bg_05.jpg) center center no-repeat; background-size: cover;}
#location #indonesia .country { background: url(../images2/locations/bg_06.jpg) center center no-repeat; background-size: cover;}

#location .place .text p { float: none; width: 100%;}
#location .place .text p.left { margin: 0 0 15px;}
#location .place ul { margin: 40px 0 0; padding: 25px 0 40px; border-top: 1px solid #b1b1b1;}
#location .place ul li { float: none; width: 100%; margin: 0 0 15px;}
#location .place ul li img { float: left; width: 45%; height: auto;}
#location .place ul li div { float: left; width: 52%; padding: 0 0 0 3%;}
#location .place ul li div h4 { font-size: 16px; padding: 0 0 10px;} 
#location .place ul li div p { font-size: 12px;}

#location #thailand h4.h4 { font-size: 18px; padding: 30px 0; text-align: center;}
#location #thailand.place ul li { margin: 0 0 15px;}
}