@charset "utf-8";

.md_panelArea { text-align: left; position: relative; width: 1240px; padding: 0; margin: -36px auto 0; background-color: inherit; }
.md_panelArea .panel { background-image: url("../../imageFile/who/bg_mainPanel.jpg"); background-size: cover; padding: 250px 130px 70px; }
.md_panelArea .panel h1 { color: #fff; font-size: 5em; font-family: "Bell MT", serif; }
.md_panelArea .panel .md_pageSubTitle { margin-top: 15px; color: #fff; font-size: 1.875em; font-weight: 400; letter-spacing: 0.03em; }

.md_container { background-color: #fff; box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.1); }

/*============================
#whoArea
============================*/
#whoArea {}
#whoArea .topArea { position: relative; overflow: hidden; padding: 70px 130px 65px; font-size: 1.25em; line-height: 1.75em; font-weight: 400; }
#whoArea .topArea span { display: block; height: 30px; }
#whoArea .topArea:before { content: ''; position: absolute; right: 0; top: -90px; background-image: url("../../imageFile/who/illust_who.png"); width: 487px; height: 269px; background-size: cover; background-repeat: no-repeat; }
#whoArea .cherishArea { padding: 0 130px 80px; }
#whoArea .cherishArea h2 { text-align: center; color: #fff; font-size: 2em; background-color: #3c3333; padding: 10px 0 9px; font-weight: 400; letter-spacing: 0.05em; }
#whoArea .cherishArea ul { display: flex; margin-top: 30px; justify-content: center; gap: 40px; }
#whoArea .cherishArea ul li { width: 270px; }
#whoArea .cherishArea ul li .image { width: 240px; height: 240px; border: 15px solid #ede9e9; border-radius: 50%; box-sizing:content-box; }
#whoArea .cherishArea ul li .image img { width: 100%; height: auto; border-radius: 50%; }
#whoArea .cherishArea ul li .label { text-align: center; margin-top: 15px; font-size: 2em; line-height: 1.25; font-weight: 600; }
#whoArea .cherishArea ul li .text { margin-top: 20px; font-size: 1.25em; font-weight: 300; }
#whoArea .whatArea { padding: 0 130px; }
#whoArea .whatArea h2 { text-align: center; color: #fff; font-size: 2em; background-color: #3c3333; padding: 10px 0 9px; font-weight: 400; letter-spacing: 0.05em; }
#whoArea .whatArea ul { margin-top: 50px; }
#whoArea .whatArea ul li { display: flex; align-items: center; gap: 50px; padding-bottom: 60px; }
#whoArea .whatArea ul li .image { flex-shrink: 0; width: 300px; height: 200px; }
#whoArea .whatArea ul li .image img { width: 100%; height: auto; }
#whoArea .whatArea ul li .rightArea {}
#whoArea .whatArea ul li .rightArea .label { font-weight: 600; font-size: 2em; line-height: 1.35; }
#whoArea .whatArea ul li .rightArea .text { margin-top: 15px; font-size: 1.25em; line-height: 1.35; }
#whoArea .goverment { padding: 0 130px 90px; margin-top: 20px; }
#whoArea .goverment .content { position: relative; display: flex; align-items: center; gap: 55px; padding: 30px 40px 30px 30px; background-color: #f8f6f2; border: 1px solid #d3cdc1; }
#whoArea .goverment .content:before { content: ''; position: absolute; inset: 5px; border: 1px solid #d3cdc1; pointer-events: none; }
#whoArea .goverment .content .leftArea {}
#whoArea .goverment .content .leftArea .title { font-weight: 600; font-size: 1.25em; }
#whoArea .goverment .content .leftArea .text { margin-top: 10px; font-size: 1.125em; }
#whoArea .goverment .content .logo { flex-shrink: 0; width: 140px; height: 40px; }
#whoArea .goverment .content .logo img { width: 100%; height: auto; }