@charset "utf-8";

@media only screen and (max-width: 640px) {
    
/*============================
#translationArea
============================*/
#translationArea { padding: 10px 20px; }
#translationArea .container { padding: 5px 0; }
#translationArea .container .ja {}
#translationArea .container .ja a { padding: 4px 15px; }
#translationArea .container .ja a.active {}
#translationArea .container .ja a.active span {}
#translationArea .container .ja a.inactive {}
#translationArea .container .ja a:hover.inactive {}
#translationArea .container .ja a.inactive span {}
#translationArea .container .en {}
#translationArea .container .en a { padding: 4px 15px; }
#translationArea .container .en a.active {}
#translationArea .container .en a.active span {}
#translationArea .container .en a.inactive {}
#translationArea .container .en a:hover.inactive {}
#translationArea .container .en a.inactive span {}
#translationArea .container .chs {}
#translationArea .container .chs a { padding: 4px 15px; }
#translationArea .container .chs a.active {}
#translationArea .container .chs a.active span {}
#translationArea .container .chs a.inactive {}
#translationArea .container .chs a.inactive:hover.inactive {}
#translationArea .container .chs a.inactive span {}
#translationArea .container .cht {}
#translationArea .container .cht a { padding: 4px 15px; }
#translationArea .container .cht a.active {}
#translationArea .container .cht a.active span {}
#translationArea .container .cht a.inactive {}
#translationArea .container .cht a:hover.inactive {}
#translationArea .container .cht a.inactive span {}

/*============================
#leadArea
============================*/
.md_lead {}
.md_lead .catch { font-size: 1.5em; line-height: 1.5; }
.md_lead .tagline {}
.md_lead .text {}

/*============================
#companyArea
============================*/
#companyArea { padding-top: 50px; }
#companyArea .md_mainTitle {}
#companyArea .md_mainTitle .sub {}
#companyArea .md_mainTitle .main {}
#companyArea .search {}
#companyArea .search .md_tab_bar { margin-top: 30px; }
#companyArea .search .searchContent { padding: 20px 0; }
#companyArea .search .searchContent dl {}
#companyArea .search .searchContent dl dt { text-align: left; display: block; padding: 10px 20px; width: 100%; }
#companyArea .search .searchContent dl dd { display: block; padding: 0 20px; }
#companyArea .search .searchContent dl dd ul {}
#companyArea .search .searchContent dl dd ul li {}
#companyArea .search .searchContent dl dd ul li a { min-width: 70px; }
 a.active {}
#companyArea .search .searchContent dl dd ul li.service01 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service01 a::before {}
#companyArea .search .searchContent dl dd ul li.service02 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service02 a::before {}
#companyArea .search .searchContent dl dd ul li.service03 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service03 a::before {}
#companyArea .search .searchContent dl dd ul li.service04 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service04 a::before {}
#companyArea .search .searchContent dl dd ul li.service05 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service05 a::before {}
#companyArea .search .searchContent dl dd ul li.service06 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service06 a::before {}
#companyArea .search .searchContent dl dd ul li.service07 a { text-align: left; }
#companyArea .search .searchContent dl dd ul li.service07 a::before {}
#companyArea .search .searchContent ul li a.active {}

#companyArea .search::after { width: 40px; height: 40px; bottom: 20px; background-size: 40px auto; }
#companyArea .content {}
#companyArea .content ul {}
#companyArea .content ul li { flex-direction: column; margin-top: 40px; }
#companyArea .content ul li:first-child { margin-top: 0; }
#companyArea .content ul li .image { width: 120px; height: 80px; }
#companyArea .content ul li .image img {}
#companyArea .content ul li .data { margin-left: 0; }
#companyArea .content ul li .data .name { width: 200px; margin: -80px 0 0 130px; font-size: 1em; line-height: 1.5; }
#companyArea .content ul li .data .text { margin: 5px 0 0 130px; min-height: 55px; font-size: 0.875em; }
#companyArea .content ul li .data .table { margin-top: 20px; }
#companyArea .content ul li .data .table table { width: 100%; }
#companyArea .content ul li .data .table table tr {}
#companyArea .content ul li .data .table table tr th { width: 100px; }
#companyArea .content ul li .data .table table tr td {}
#companyArea .content ul li .data .button { margin-top: 30px; }
#companyArea .content ul li .data .button a.md_btn_sub {}
#companyArea .content ul li .data .button a.md_btn_sub span { line-height: 1.35; }


}