@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 640px) {

/*============================
#topPanelArea
============================*/
#topPanelArea {}
#topPanelArea h1 {}
#topPanelArea .en {}

/*============================
#officeArea
============================*/
#officeArea { padding-bottom: 60px; margin-top: 60px; }
#officeArea .topCopy { padding-bottom: 30px; font-size: 1em; line-height: 1.75; }
#officeArea .content {}
#officeArea .content .container { margin-top: 40px; }
#officeArea .content .container .top { flex-direction: column; gap: 15px; }
#officeArea .content .container .top .name { font-size: 1.25em;  }
#officeArea .content .container .top .copy { font-size: 0.875em; line-height: 1.5; letter-spacing: 0.05em; }
#officeArea .content .container ul { margin-top: 10px; }
#officeArea .content .container ul li { width: 70%; height: auto; }
#officeArea .content .container ul li img {}
#officeArea .content .container .note { margin-top: 30px; padding: 15px 35px 15px 15px; border-radius: 10px; font-size: 0.875em; letter-spacing: 0.05em; line-height: 1.75; }
#officeArea .content .container .note.building {}
#officeArea .content .container .note.building:before { width: 65px; height: 71px; right: -20px; }
#officeArea .content .container .note.meet {}
#officeArea .content .container .note.meet:before { width: 60px; height: 69px; right: -25px; }
#officeArea .content .container .note.workspace {}
#officeArea .content .container .note.workspace:before { width: 55px; height: 74px; right: -15px; }
#officeArea .content .container .note.display {}
#officeArea .content .container .note.display:before { width: 60px; height: 67px; right: -23px; }
#officeArea .content .container .note.restroom {}
#officeArea .content .container .note.restroom:before { width: 60px; height: 73px; right: -27px; }

#officeArea .content .container .officeSlider01 {}
#officeArea .content .container .officeSlider01 ul {}
#officeArea .content .container .officeSlider01 ul li {}
#officeArea .content .container .officeSlider01 ul li img {}
#officeArea .content .container .officeSlider02 {}
#officeArea .content .container .officeSlider02 ul {}
#officeArea .content .container .officeSlider02 ul li {}
#officeArea .content .container .officeSlider02 ul li img {}
#officeArea .content .container .officeSlider03 {}
#officeArea .content .container .officeSlider03 ul {}
#officeArea .content .container .officeSlider03 ul li {}
#officeArea .content .container .officeSlider03 ul li img {}
#officeArea .content .container .officeSlider04 {}
#officeArea .content .container .officeSlider04 ul {}
#officeArea .content .container .officeSlider04 ul li {}
#officeArea .content .container .officeSlider04 ul li img {}
#officeArea .content .container .officeSlider05 {}
#officeArea .content .container .officeSlider05 ul {}
#officeArea .content .container .officeSlider05 ul li {}
#officeArea .content .container .officeSlider05 ul li img {}
}