@charset "utf-8";

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

/*============================
#katenArea
============================*/
#katenArea { padding: 0 20px; }
#katenArea .panel { margin-top: 0; overflow: hidden; margin-left: -20px; margin-right: -20px; }
#katenArea .panel .image { margin-left: -40px; margin-right: -40px; }
#katenArea .panel .image img { width: 100%; height: auto; }
#katenArea .panel .text { padding: 0 20px; }
#katenArea .mainTitle { margin-top: 40px; font-size: 1.5em; }
#katenArea .copy { margin-top: 15px; }
#katenArea .copy.center { text-align: left; }
#katenArea .katen {}
#katenArea .katen .main { margin-top: 20px; height: inherit; padding: 0 20px 20px; }
#katenArea .katen .main .image { position: inherit; left: inherit; top: inherit; margin: 0 -20px 0; }
#katenArea .katen .main .image img { width: 100%; height: auto; }
#katenArea .katen .main .image .caption { position: inherit; left: inherit; bottom: inherit; margin: 10px 10px 0; font-size: 0.75em; text-align: right; }
#katenArea .katen .main .title { font-size: 1.375em; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-top: 20px; }
#katenArea .katen .main .first { margin-top: 20px; position: relative; }
#katenArea .katen .main .first .data {}
#katenArea .katen .main .first .data table {}
#katenArea .katen .main .first .data table tr {}
#katenArea .katen .main .first .data table tr th {}
#katenArea .katen .main .first .data table tr td {}
#katenArea .katen .main .first .button { position: inherit; right: inherit; bottom: inherit; text-align: center; margin-top: 15px; }
#katenArea .katen .main .first .button a.md_btn_main_black {}
#katenArea .katen .main .second { margin-top: 20px; padding-top: 20px; }
#katenArea .katen .main .second .text { line-height: 1.5; }
#katenArea .katen .main .second .button { position: inherit; right: inherit; top: inherit; text-align: center; margin-top: 15px; }
#katenArea .katen .main .second .button a.md_btn_main_black {}
#katenArea .katen .sub {}
#katenArea .katen .sub ul {}
#katenArea .katen .sub ul li { margin-top: 20px; display: block; align-items: inherit; padding: 20px; }
#katenArea .katen .sub ul li:first-child { margin-top: 20px; }
#katenArea .katen .sub ul li .title { width: inherit; text-align: left; padding-bottom: 10px; }
#katenArea .katen .sub ul li .data { padding-left: 0; border-top: solid 1px #ccc; border-left: none; width: inherit; padding-top: 15px; }
#katenArea .katen .sub ul li .data table {}
#katenArea .katen .sub ul li .data table tr {}
#katenArea .katen .sub ul li .data table tr th { padding: 2px 20px 2px 0; font-weight: normal; }
#katenArea .katen .sub ul li .data table tr td { padding: 2px 0; }
#katenArea .katen .sub ul li .button { text-align: center; margin-top: 15px; }
#katenArea .katen .sub ul li .button a.md_btn_main_black {}
#katenArea .about { padding: 20px; margin-top: 60px; }
#katenArea .about .aboutImage { position: inherit; top: inherit; right: inherit; text-align: center; }
#katenArea .about .aboutImage img { width: 160px; height: auto; margin-top: -30px; }
#katenArea .about .aboutTitle { line-height: 1.5; margin-top: 15px; }
#katenArea .about .aboutText { margin-top: 15px; line-height: 1.5;  }

}