@charset "utf-8";

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

.md_panelArea { width: 100%; margin: 0 auto; }
.md_panelArea .panel { background-size: cover; padding: 100px 20px 30px; }
.md_panelArea .panel h1 { font-size: 1.75em; }
.md_panelArea .panel .md_pageSubTitle { margin-top: 5px; font-size: 1em; }

.md_container {}

/*============================
#whoArea
============================*/
#whoArea {}
#whoArea .topArea { padding: 20px 0; font-size: 0.875em; line-height: 1.35em; }
#whoArea .topArea span { height: 10px; }
#whoArea .topArea:before { width: 40%; height: auto; }
#whoArea .cherishArea { padding: 0 0 20px; }
#whoArea .cherishArea h2 { font-size: 1.25em; }
#whoArea .cherishArea ul { margin-top: 20px; justify-content: inherit; gap: initial; flex-direction: column; }
#whoArea .cherishArea ul li { padding-bottom: 20px; width: 100%; }
#whoArea .cherishArea ul li .top { display: flex; align-items: center; gap: 10px; }
#whoArea .cherishArea ul li .image { flex-shrink: 0; width: 35%; height: auto; border: 5px solid #ede9e9; }
#whoArea .cherishArea ul li .image img {}
#whoArea .cherishArea ul li .label { text-align: left; margin-top: 0; font-size: 1.25em; }
#whoArea .cherishArea ul li .text { margin-top: 10px; font-size: 0.875em; }
#whoArea .whatArea { padding: 0 0 20px; }
#whoArea .whatArea h2 { font-size: 1.25em; }
#whoArea .whatArea ul { margin-top: 20px; }
#whoArea .whatArea ul li { flex-direction: column; align-items: inherit; gap: initial; padding-bottom: 20px; }
#whoArea .whatArea ul li .image { overflow: hidden; width: 100%; height: 170px; }
#whoArea .whatArea ul li .image img { position: relative; top: -15px; }
#whoArea .whatArea ul li .rightArea {}
#whoArea .whatArea ul li .rightArea .label { margin-top: 10px; font-size: 1.25em; line-height: 1.15; }
#whoArea .whatArea ul li .rightArea .text { margin-top: 5px; font-size: 0.875em; line-height: 1.15; }
#whoArea .goverment { padding: 0 0 60px; margin-top: 0; }
#whoArea .goverment .content { flex-direction: column; align-items: inherit; gap: initial; padding: 20px; }
#whoArea .goverment .content:before {}
#whoArea .goverment .content .leftArea {}
#whoArea .goverment .content .leftArea .title { font-size: 1.125em; }
#whoArea .goverment .content .leftArea .text { font-size: 0.875em; }
#whoArea .goverment .content .logo { margin: 15px auto 0; }
#whoArea .goverment .content .logo img {}

}