@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1023px){
/* desktop to ipad */
#main .container { max-width:740px; }

#top .name { padding-top:6px; }

#footer .copyright_area { font-weight:normal; }
#footer .footer_menu_area { width:100%; }
#footer .copyright { width: 100%; padding-top:8px; text-align:left; font-size:12px; }
#footer .copyright p { padding:0; }

}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap .container { max-width:740px; padding-left:2em; padding-right:2em; }

#top .lang_box { display: none; }

#menu-sticky-wrapper { height:auto !important; }

#menu { position:static !important; }
#menu .container { padding:0; }
#menu button { display:block; }

#menu .menu_area { padding:0.75em 1.695em; border-top:1px solid #eeeeee; display:none; }
#menu .menu_area ul.menu_list { font-size:16px; }
#menu .menu_area ul.menu_list > li { display:block; border-top:1px solid #eeeeee; text-align:left; }
#menu .menu_area ul.menu_list > li:first-child { border-top:none; }
#menu .menu_area ul.menu_list > li > a.lv1 { padding:0.5em 0; font-size:16px; line-height:1.66; }
#menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:-0.5em; top:0; display:block; padding:0.5em; margin:0 auto; background-color:transparent; border:0; box-shadow:none; color:#222222; font-size:16px; line-height:1.5; text-shadow:none; }
#menu .menu_area ul.menu_list > li.mobile_only { display: block; } 

#menu .menu_area ul.dropdown_menu { position:static; width:100%; padding-left:1.5em; border:none; }
#menu .menu_area ul.dropdown_menu:before,
#menu .menu_area ul.dropdown_menu:after { display:none; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { width:100%; padding:0.4em 0; font-size:16px; }

#menu.open_mobile_menu { }
#menu.open_mobile_menu button i.fa-bars { display:none; }
#menu.open_mobile_menu button i.fa-times { display:inline-block; }
#menu.open_mobile_menu .menu_area { display:block; }

REM#footer .footer_logo { max-width: 40%; }
REM#footer .footer_logo { float: none; width: 400px; xtext-align: center; }
REM#footer .footer_logo img { max-width: 100%; }
#footer .footer_logo { float: none; max-width: 100%; width: 100%; text-align: center; }
#footer .footer_logo img { max-width: 100%; max-height: none; }

}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#top { padding:1em 0; }
#top .name { font-size:13px; }

#footer .footer_logo { float: none; max-width: 100%; width: 100%; text-align: center; }
#footer .footer_logo img { max-width: 100%; max-height: none; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1023px){
.index_content { padding:6em 0 4.5em 0 !important; }
}

/*-------------------------------------------------------------------------------------*/
/* EM&A DATA */

@media screen and (max-width: 479px){
.data_filter .filter_area { padding:10px 0; }
.data_filter .filter_area .title { position:static; padding:0; margin-bottom:5px !important; }
.data_filter .filter_area .field select { width:100%; }
}