@charset "utf-8";

.find_country h2 {font-family:'NotoSansL'; font-size:30px; text-align:center; padding-top:55px;}
.find_country h2 span {font-family:'NotoSansM';}

.find_country {min-height:600px; padding-bottom:40px}
.find_country .list_area {margin-top:60px; border-top:1px solid #ddd}
.find_country .list_area > li {border-bottom:1px solid #ddd}
.find_country .list_area > li > a {position:relative; display:block; font-family:'NotoSansR'; font-size:18px; padding:20px 15px}
.find_country .list_area > li > a:after {content:''; position:absolute; right:20px; top:50%; display:block; width:10px; height:10px; margin-top:-5px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); transform-origin:center center;}

.find_country .list_area > li > ul {overflow:hidden; display:none; padding:23px 16px; background:#f7f7f7}
.find_country .list_area > li > ul > li {float:left; width:45.8%; padding:15px 25px; margin-bottom:3px; background:#fff}
.find_country .list_area > li > ul > li:nth-child(odd){float:left;}
.find_country .list_area > li > ul > li:nth-child(even){float:right;}
.find_country .list_area > li > ul > li a {display:block}

.find_country .list_area > li.on > a {color:#fff; background:#000}
.find_country .list_area > li.on > a:after {border-color:#fff; margin-top:-2px; transform:rotate(135deg)}
.find_country .list_area > li.on > ul {display:block;}