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

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

/*============================
#officeArea
============================*/
#officeArea { padding-bottom: 120px; }
#officeArea .topCopy { padding-bottom: 80px; font-size: 1.375em; line-height: 2; font-weight: 500; font-feature-settings: 'palt'; }
#officeArea .content { border-top: 1px solid #ddd; }
#officeArea .content .container { margin-top: 80px; }
#officeArea .content .container .top { display: flex; gap: 80px; }
#officeArea .content .container .top .name { font-size: 2em; font-weight: 600; color: #00377e; white-space: nowrap; }
#officeArea .content .container .top .copy { font-weight: 500; line-height: 1.75; }
#officeArea .content .container ul { margin-top: 40px; }
#officeArea .content .container ul li { width: 580px; height: 435px; }
#officeArea .content .container ul li img { width: 100%; height: auto; }
#officeArea .content .container .note { margin-top: 40px; padding: 40px 60px; background-color: #bbe2f1; border-radius: 20px; font-size: 1.125em; line-height: 2; }
#officeArea .content .container .note.building { position: relative; }
#officeArea .content .container .note.building:before { content: ''; position: absolute; bottom: 0; right: 50px; background-image: url("../../imageFile/office/peerson_office01.png"); background-size: contain; background-repeat: no-repeat; width: 240px; height: 263px; z-index: 1; }
#officeArea .content .container .note.meet { position: relative; }
#officeArea .content .container .note.meet:before { content: ''; position: absolute; bottom: 0; right: 50px; background-image: url("../../imageFile/office/peerson_office02.png"); background-size: contain; background-repeat: no-repeat; width: 204px; height: 234px; z-index: 1; }
#officeArea .content .container .note.workspace { position: relative; }
#officeArea .content .container .note.workspace:before { content: ''; position: absolute; bottom: 0; right: 50px; background-image: url("../../imageFile/office/peerson_office03.png"); background-size: contain; background-repeat: no-repeat; width: 200px; height: 270px; z-index: 1; }
#officeArea .content .container .note.display { position: relative; }
#officeArea .content .container .note.display:before { content: ''; position: absolute; bottom: 0; right: 50px; background-image: url("../../imageFile/office/peerson_office04.png"); background-size: contain; background-repeat: no-repeat; width: 220px; height: 246px; z-index: 1; }
#officeArea .content .container .note.restroom { position: relative; }
#officeArea .content .container .note.restroom:before { content: ''; position: absolute; bottom: 0; right: 50px; background-image: url("../../imageFile/office/peerson_office05.png"); background-size: contain; background-repeat: no-repeat; width: 220px; height: 269px; z-index: 1; }

#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 {}