"); } @media screen and (max-width: 767px) { body main section.yellow-cards .items .right { margin-top: 10vw; } } body main section#entry { margin-top: 50px; padding-bottom: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { margin-top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { padding-bottom: 4.16667vw; } } @media screen and (max-width: 767px) { body main section#entry { padding: 0px 7.3vw; overflow: hidden; margin-top: 0vw; } } body main section#entry .wrap { overflow: hidden; padding: 0px 80px; max-width: 1440px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap { padding: 0vw 6.66667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap { padding: 0px !important; } } body main section#entry .wrap > div { overflow: hidden; } body main section#entry .wrap > div .ticker { display: block; white-space: nowrap; margin: 2px 0px 5px; } body main section#entry .wrap > div .ticker h2 { display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; color: rgb(206, 210, 213); padding-right: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div .ticker h2 span { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 span { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 span { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div a { display: flex; justify-content: center; align-items: center; width: 100%; height: 320px; background-color: rgb(248, 248, 52); } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap > div a { height: 26.6667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a { height: 37.3vw; } } body main section#entry .wrap > div a h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 80px; line-height: 80px; letter-spacing: 20px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div a h3 { font-size: max(12px, 7.40741vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { font-size: 10.4vw; line-height: 12.35vw; } } body main section#entry .wrap > div a h3::after { content: " "; display: inline-block; width: 0.7em; height: 0.7em; margin-left: 0.3em; background: url(data:image/webp;base64,UklGRtAlAABXRUJQVlA4WAoAAAAQAAAAHwMAHwMAQUxQSEAdAAABkNDaWl5LlYAEJCABCZWAhEpAQiUgoRKQgAQk4IDkvjczHz+F7zs3k0SELNhWo1qCQ0VjhtfXIQMQ7d+D52ystc5/OMTfXEkcf3PwH3bWWnOAm611v+7DVIdy+nWfOmtxTMqe3seY64ScY/T+tAq3zdTp755t1Oi27P7UAlQy1odY6gu5xODROTYyp39SfT2nx58GkaMbH1JdCqfgYTgi0qfv1Yt7Z0/Pnxp8rdU/0q4rKehaMHOFXBfKOVxQGwtZH+uSOXqLsK7ceae6dE73qTB2bP2HsNaX+wL08fT1lLohLs+lIUTnnevGON8neMp1T90gPw41xRqf6jY5eYOXGGpvbm89PKREnKG8qcn403n3H/xXl983NZ4lnAiMyTE+3vvT2r7WWMpae3rvnxjz9BGgi8k/N+M5j9eUsefPLZrhFmHuPKvLrZrbqf6OCWNjIO3zbOV5Z/WLfjTr/GzFZY+FyWblZrqof7zP9as97md6tDiFg8HONM/6ZxFugvr0zzRtMASGQHqSwU4K13LsDO0V0iRDIOHX5OJ0abeUNDrBpy9TuJRv0Tm/3Bow6XNwS518NS5krCTXvow+tuQHuR59qHhBJ7fPLMf2e+ixQtax5JGefk5vwplmYKOdnRJw2TzwzTA+YaJoE8bZCjq1o/Z7nA1oMGLVz8dhy/CYnVmCjio2ilSfP2q4E/e3toi+4qgBkDQnA/yYrWeXo2DlnkGWxUqSW2VoDGMiildiNF8ZGbPZCJkbvOgwMoZHEUFLeytdm++sqCtJekMHnnmzap8HbMh4qwRGmDXZUOS7oe7+huOKGaetv9vBrUQ7k5xvzUCP5+KVWLcexlhpnI9MN1zmpOpA30Wc1i5n363o2OkAnU/pkI19J8oMS90RopXNVDJb7fqUzxKcZFZ+ZNncLNormUwH9BzBBqb1PWzo2WV2AqkkdRzucK7foXvq85MVRiVPV+UAm1VajxYE+dJzXRxOr8tUvBhyZXarzTpuZCuqXMmxcg4mySmTL1xXl9koo0w2993i54Z8MqnQd4vzG0HJRhGZHWtPfRaMmlLHrlsC2Ij8rvMqPbdksFEuXpNJ0+noWazLT4bTk8ndrFfFYbHt+RwrEe8HHQQR6cdPJfN+ktlzOFYw3tdnlkCkF44phS/cj9Spm5ZYOJYUSbNe1xLNwXw2ke86GPUMMKAQjLnRw9G+xVn6LM4spyXJy8nPc907F/8zsfsZalLnXELKlAwraxv2GBTODFq5GF1bsiJZgjlxuTKTp1Z1sV+JnDmY6prI50covnMX/5K9tPfM6hHro5iXrF+sZCJZm+rqFyu9yItvU5P9YuUXGRTTdJHdYmUUyVEd5Vm6xUopkp92YL5brCAjPbPKiKvrCPC0mx4VJ8+hP0TGvsOzlo1lZHsIjW1mYhF+aZpe9lpheB5pW+bzL5GVP0pQ/JG0hkU3OL/0TeIOTPNz7T4EyHdzv8Qwp9lf8cCRZRpnvnXcr37JpJvqYguFbskEnCpwRVffLZmIU0XFkiq7JRNyqqQYUuVm5uN5pF/jVY22VdwhUnatsJw6ReYQKhs+PYxdtz6wQFMlJiFseZIRKpdc6PfwEmoR/IF6+pUh8yIexYCuLwPKwMaVp1K7tkXECIyBbhR/iJk9Wyw2TOlYvuiLL2bjwpHyoXAJmtK8yIywkRrBEFGHuFm1ghsSDpFzaAQv5D6EzncjOCHuEDs7PuBskvIRUMDuVDrPJwOh3n3CFJaJpK9JUxi0/MPmTZ3asH9RBwBYNYIBgg9sXZ6PgABPGzYu4QAChzbsXPAP3So4gd7YgK9RgIKk9ixgwXblOiDB127xDDMUBoWV5LOjZrpRAIOwWfkCwHFaZHa9uk6lgaKwPcJ2rBUsldqNWLO0CUCwPwsX1SjggdqEPrJN0IO0BcQ2wQ/i1n7T5wAKPxt7tl8ScOLdxNhgW3oJ1yggglt8hW2CIhSzpQqLPuDCurTUt6dnDddZGH2g0CaQwXYK902mwqBht5k3LJ9tgiecW+mm3gdw+G4ZKWykhHBAh8M+CogNP+ABHk67sADzPfWRONJP+rWW0K9CLKlfzi38dh8BEDbwzFepU4WAqi+p5U9u+ANE7Fc/JXt1qhBU9V1r7Jf2KR1Xha8wjcpDFrkAkpF9XuDF/XQpHVqFP+tO5A4wsVt1GtOhBIAVYNacKB2A4rTkNE9DCYgiVRac5upQApgKWG8aU9pLQFkBxSxLW9ReAqAKWKwG/G7W10MqTVqq6/jZcQk6iOnvz5VOY5wHtPhc6ETtI+FVUtY6mHiWWVc64MVpkVXpIupELLviU2sicKVZYo/JtyZCXRq/EguD1kS4S2MW8sO0JsJdmrS8OHfAjB09anFxzwE0fuhRS4vLCmmkMjlqaXH2gBpbetTC4vwBNvbrikowqIst1/8l8PcnLNdp9lrUlPd1AI6vNSn/Iv1zh8TO7LgHHF1hjznSZT3qcdUWh8SoFysAQ1McFKPCe5VBbXFYjLJvpdwUB8ao/FZVaVMcHKP8SxtRfMTt/mZ4muIAGfW8MU9THCSj7DLyaPyRXkUWjxRr+j3fEbqQrekhyJmcZQl5LAbJriCLBckLeJZjbmXf7yRWFApJvX/Q4VCzztY+7wtV2lUuqFS+FPXymTuDRDLvrkHT14iHIt+v1pqHxjzgzBLeUUVjHiBmeXENEUN5dnZ7nI15AJrlfKtVTTgAyeGl9sOuMQ9Es7h3vuDBH5Bk/8rX4XjyuhSgZHIb8sa28kQlnS8cg/jWKlBag39faHFJ9nXB3VoFTmu432YQqSFEm7hTQmsVSK0hzPoQ6KCSBKpyUr8shGzwojArdJLK1OA9oTvgyY4avCc8AMrk4EUhbIP3hF+DwNND3Ab+FfPX8QApR6q+8A2hRSlZavCOELzBK8KvQZDJIVCD2Sd9nWxCpfkWuIlC0ehcTNrbN+It8s45RaNzsZ8ZGxbBzb2eSZRM6Hbn+7PIkbvhYDj/QgRJcS2YpMEPcgnVUyujkOe1jtRyCVWq9a9gWqCn1UkWJYQPzd0fXmB64uf99whAzs/1sFUsrH1x1FAk31f18Cxws46n+C9hu1fDwua3rEyWalSxVo5Bz2md9RDPP/dFp1rJ4FjwzHmvC+B/SLBrrKgP5okG9QJ4ozjbECecAi4C0Un62sqOX4+0Mt8/JLP/m8NYh0w8UfM1hNw3Zdk/ZhymTJdacb78XCvzoGZLfBNHnsz3weoFbnWL78lSG2lUya2JfzNXYieMku/aj3jj6RuJ7fxc/wbO+2AxA5O1NTOlLpyvkosoxMQTdSRuxpuysARvv5uyICyGz4/wEZqoap9nta2H6z5Y7cyrV7YSB5DnNFPUJ9NNWYZxYgrOWZSJipia6z5Y3ESZxBjFEVMz3QeLnbgnUZckYmqeVzkabEqc5vjjI89NWYaDJWczTtHkeBno7H2dgQObnnZ+BqVLUdwu/1MlU6HKBKoXQzzDDDdlYSuIDzwzwdyC5bcPFl9hiXPC4/czv32wuIUJbqvxuk0vpSp5dMn44TYpgf1Kl7tOx44bpImt+2jVf2K2OpK9oM25lNH71wFlXMTdwfvqgDLU4N1C9TjBMp6huyf1rAoQhj8Tk+fgfQGiGP7sDt6XIXi4a6j7cIYb2PO9qftwhhpo+5Wp+2KE5s1uHrkvRyTFvt2Lug9oqGHGKYm6j2g8g4wbNXUf0nCDjOMddR/SUINaoIe6npA0ERmzvtDTTlSTenki7JCGzYCNsYnUB6ihh9hG3lSPRVQjjVDdZ+Jq2LDGPUB1r6n+CrCGGTCIuagvG5EguDLdU/qfjYf4fJMr3P4p9C+0EM8esOG6d9MsVWkPbKjuy1t7aqmyBUcK9b01/f4QLs7Nk+9s9KOopQoXxTCkUNVg1EItFdsofZvym+iSBW48fe1UEnHqEdxwXWfCFNVmGNzQXQ+c1Je5yRg7163lngduolGLkJE2jkA70PeInMGhA9Qj8Ibu6NxrqUfwjdzP9MsTjwAcoZ8tVyQeETUCIw7EnkeEDd4cMNQjCEfuZQx8EY9AHKGX83sgHgE0ujVI/Zo36WLHi6wNHNAoqs+JxOGY4Hui+mgl4wFyxD6aSU90eQc1Ot1yvW5eUKNTl61X5w/TGDTk19QVt4QMBvRYUg+LlZOolZQVWOfpG3r4LnriuuIwx0VL2Cel8MGMhIX4ikSco4PmXhFTAh2pfdLYElOKH0ntPaHtkRIB4EPCQEwJbnTutiViSqSDNuzvMHEAdeTWdskQX6iAAmz89Qqm1arFHyhA2CN5mmVL+58FcHRsmB7ikltQh6YNbNpzIgH7z0j0eYc3etgFN+YMBxbg90ehLaMl5gQD3JYz2tY/CuRobJpaGzWMo3Vo0zoowjh6TY0VmlMWyNGoWimNZUkRDHJkbOu7NeYEBTad8SQ6LcIdF830sa0snKNH5+0mWkXCHZr2jqK2snCB/Tyxe0yOJVpZwgR3PH1b7r6msqCO5t6bIn4KP9TRMvpXLWoXqKN59vgkOr2DHQ23X4vaBR14dkMN3Tc6qQMeCBsiRaMWtQvW0TJ9TKZ8QB6ZRA1/D9zR1j4R1/yFPB7y+IaodgEJ3GbIU8kSCe5o0K9Q6Twgj5NG9D8H8GhooDxx0S3Iw9AGOPThECywuTEAlQKNoIJitkaBrLYHPUgnIxIpHqBHJFKiEV6wL0pksxbAYGeGLUS1PV6Q1RbI75F8ZTontS0yGyLYgKyhJ5p9LZ5gA7KFF43s4gk4sLsk1mNL5JBENeyIHHFVocUT77GjlYWIZsOLJ+Rgl8R9SIjYj+1QgBPVezeOJzRjSYkTDzx9qSb0NLeT1RNyEFFG1QmHZADZkBDw9aBqvh5UzDaIpntdPSEHoXZiv3pCDvwmSRKQCokC3w6qScmEhAGRkDQgERIHBELywLeDavx+0H8eO0n931FQUv932LUU/X22q//K+GV9P/x6gbUuxNdjXaH/PNalc1/rdbG/Mu9V+H68lwdQ73Xzu3mvG6DeC/rVfq/0d+a7BL4f37Xx/fguGoskSt+O785Kak/0/fiuv+/Hd2F+F74r9ivzXcrfj+8a/358F//34/9VQaQMejkKkWiOJ6CXg2qp40kEFan22Bp5sjYGKeJ2cj5oRNbmQ14OooUX+c9BvJAbKCp5yMvhyR04GiFeyBNkVHpAIuHYDD1kyiTFPeKFqqCn/z14F3r7RKYKeTkqmYgrCyFeFG1+rGE+DQuyy4kjSyO6PuZEhyS1HyLbrzTcsGiXxu6bItENeDnuhuE/iSLapW36mOj5nrAubXcfXfECDClbUjk0995uEmlcyL5c9jR19N+geMG6NM8enyS64C7HRdU+NihekC6NnbeGopAuPSbHCqkoMcqUboobLau03bNAlw59N+rSjQbtYqi+A01F4Vwa58aaMmJCtpuzsVGTvOxVDdc8tGkqSvCy2Yd0r6mxRMoICNlvztS6JJfGumiab3/rqOhEubSYPvrmPwvh0qFhasv4yFz2beD0NGvmSZRRIGqTlIkTY60ZkSC7ztmulrFIF0sb77WPiy5AyGadFn2HGxfd0rnbpmgdP/FL2alrRerw6gTaKYW3dJ42jrSEOBdLtQvukBAAsv+UrZYtQf6y95RnD8PJJGZhQJc+Uc3mOyRUchd37JVUJa4p1CWh7IUBKXsk9KiWTrdcp5sX1dKpy9ap8wdr6TPk72R6byQu947PXC+nq0DTTEpXuKBru2g/f7c/D9HSrUHq1rxBWgYOaGgnSiNcNO0M9JtecwCXw/VTqHjaAVFLUpum0E8hb2kHAC5Hphp09Tsga2HEkZ7mxU7UwogjiUo37YCohRFHbiqdtANClrJzD6Pc85UJinhAxvJj38eKI+roekDMwo0jPQ884JbjoZpO9zxQwC1Hob6xresBg20xLUf6mX55UQpDXm/pad7svf/MJEnhyLRP6t0QWWIzh2DpPJCx3YdJTr7CjVJL/2m2AGw5Qn9FykUrVIjClFU/Sv+zoYmFilAa+iMMKVUPMBO78St97VTyiD81wVqONKIROom2w6gWPUZPSxxAIlcGTYL1LzQKTxhzIcUxZvKOqLqXpiTFA1KDVFGaqMDCrAxqgfSgyYQH0nI8o6aIL+IuokUNmwEzxF1Ay+HGmahk2q4cpTBCh/aMW0XrJu6KURhhw6cq1YJr3K4ghTn7A62NHzjL8Yz0IAnEXTSLGmrtcxJ3pSX88R9y5DVkRu4KS8hPVgbtj92VoHBof+juBWU5LvISfUN3E5TlSKPXPwns91682Sua7Ks2eNezOnAjiUeXjB+/AnLm/yvebGGYF+/422qCjoXlNUzmrNg6fvUsQz2/vGaV2CXDh/VmgpavKG4jsFVUmWHU4qmzL9xmz1Q53BRTJ7plORph1ZgURyjOoTVJLaoXZisoOSqaeIImeWTeB8OR+CnHPcmQRVUpvIJERXbKUWax+g3Ut6xynAM35Zxm9uSk0XOwnK9RlJkiR5ynvcnExDzHWcZ58bIpdZ5o/HSzfX0hPspxT2Q3qlsTs9vIZYwwKrWeqYfo2I6Hi+KI+vbJ/g1s55sfsoK2pjSuTiMaIxfLmAHkZGOVu4ehnVB8tRy3dFj3D02UuCrGw2T2iaqz6UpigxO1aGp07HJUiNN1tfPBeg68kyM3nKi5Ejvew7NOHFGTOG1DKIEa9z1rM+UwZbbElvkwhW1i64yWjA/17DOfdWoQjo0Znxfc6zz31dq3rKgPlhsuAIHUGFh2rvKscw2K/7gY5jOnZp0DVqWHblIIvlpJcYf8tA2MbwnYX+NmZWHti25Vf4nByCUppqmr9MzjKRHg2assbH7LkAMR8M0ocXVmH6rYGIjAyKXog2lhnGaKRjLBYcsvL16uhec8N71kgsPkj3AtzLPf9VYKUCwSS+15zd9rxBgvcuTuZRPwLfTzKz0jeMOijhcE8A1fEMA3fEHgMEquRzivdWTGKOWXuN4GaoDRkOzj+ZIAuuFbAuCGrwkUOkk1hK8JPDrJ08P3BAWcgSr0dePeFIA2fFNQNYZoE3fKTX0KgIj20NNSBa3mkfZ9I3VfwWoeGekD9dcFJyrpbJjofV2QsWrR4l+pBvVIrSKrV5rRFAVUlaR7aWMZcFpFfutgqxo8kqmvncKKIKphZ7eHrRh1QHH1xSr0QM4C0Tzh1cZmNxbpfrcJrydnAWge/55GE59Z4tuHHg43WfZ5XyRyFnDmSccf9OIaAg419gtwj3oqMj20bCXSc7yKdIGOgf37LBPf+W5hX6FiYL/nOyLDchEVXVfRo7IVlcqX2DgiX0GWC310NeZZQpYChajd3wweklFxLdNVGZBRV2OeN2aBY5Quq1GXBzhGredza1UBY9RV12Ou6+hRWIxzK2pJIxTj4pqeFRcS4/Sifg2DNzLLaiES9edIAie2XP+mgtDC3pMvf7OwX8RijezSWodUAfhFDyo3jS7WFfUgjZ62uIVFOZyRW97YO6FPfa/L8uZuTQVfVaktbnFRN/TWiK9+iY+OE2F01iXaHuoi6zQsu+Iv3KVJdZWWuQ/q0tzrVPqpQk+DuURFrfQn0ohLVM+lNrFJ4YoUPdG92F8p4IrCalsCU9BmAObqcp1mLzJVgykyta530YWnYRoDUonKiv05VEaaejLVJfsDmoqzAsKqxxBXRVkBrjnRgtNUA7ISngUO1zLE9Pe6NCRa4iMFYPp7ldbeOboAVkBoSLT6n82jiPzyH/wqgatwt4GBgykNhYOo9A28q+Bs+e0AJKVuwQHQ46pwlXYxqH4agCprr/rs4/kSQFVhUhvpn97IoXsr4+mzNtQHnQq3sjiPbwGexO+mk1oNmBQuNexnDrBABqZsSFehSgM0ZEzpd7SogikS0U8Kow/kagvQItuaZLqaACK5dqBpRdB7p5+6MyuQ2PKbAsiapcY9tMn4Qdjd2ECVFsBEdrdcrmkCeMRs5KtuWoAcqXaLFm31Qgf52mZdu0c4hpLMrtcAGrjGAcEXAG6v4+WnCYCRZ7O2O/WCS2lJHXsCWCoNrbJfgEU25nvWBETIjl/CbNqAEzHHsWsARbaNR6GA1NMqG0cCAVRqlc0DIbJ7aPmTbpZtgmUrOjLhmmQBkCFM+Pmrk70lZOsDmw3AhfABt9jfStUsnEAQurK+WXiBpCSubmkWdkDcNZp22TVYUi8ULkFTKgpqdJUrT2id2k6Il7SHO1+GwKoRQcjFq9Au24f0zSR1ahUOOOE0Fi/j8rnjqhdqY/ECLp9B+umw6XMDlUvO1daur2DLT+1dFkZA5kWY0iycYNt8iiReRrH8eIZJWwOjArf6KipVWWtgdOLXWFfF1gfZKUs6W7spUfFlklHK3ox3bZ5P5gpftTmVLJPx7C1NrjSnEnGy4pgzFS/gVHftXCVDamxPJd1kSXFoPn4HzT5vOu4M1K/5D23L1poFPhSN5Hk4cKzZSo1srlyc9jFpxc83DvZHkmFVB2Cl55CPz9pH8fIhVy5p0VV6dkWYWESNopph1rG2l8GyjoAgI6/C0266CrVDpJxih2tbGGMn2SFShLGVcxePyT0i5RebDfM0vT0ixRPbcTqZb6kkF2li7ZiMtamqlwr52jMZ/1JJzBLM5tojGSN7zy+fmuSaUoDVI1aTepxlJw//kg66SF4+Bu/ao04jqvmAerOzo3GWyc81P5+h3e28uFhZl0xCyDWgNj5W1ieThHKVi7VGEl1m0Lg/W8Z8PbLvct4L49WU/tOxYL8S2aQupz6fPKfzo4jsOJvM/cgaGa7It7H2jJVAZA2a16RD7RorhMjqGT1BoHztGiuIyMLlDeXL6Fi+62BqzSzWU7rPdMBYXQtndTC9NmSwVaPmuQFFtw0BbBXHeC0x7yeZ7c/oUziWFDb322CsokU8PqW+cH3j7LZV/MF91k+tDK/O5W4n+9EyWICg4wYjt0bk4n6mjhsMHKKqz9aIXELI1E2Xzz8d/fS5+DrH2XGDcxaTOnTcSs25mK6m7MeBaReN/aXmmlERyWrr1Y4cGXbhuN8TyRNabLPb+6EjZ15dPMr/MRnwNo8fpiqTu15AbLL0Nr8fdzMqgNnufd23aD6V3VPTIiB2fTfKzZxeiL7Lz9aKFL/8Uw50Ts6d9L1VWoLa6J2cKenn2RLLJHPv5My4rNTv9LNMJUtnkrmnPt9yQgP5K33/qWT5btTsNQvOls91zJaQN2q6Nt9BUVeqg7YkvVEft+0I5Z46akt4G76MieBRTPGNW7KaZR4TseWYzcwkc8uub1DEfmPmtSsVkrXLEI7X9nou+vqbgmXBFiwMXQpnDKd7Y+bF5k6DTkVc8HuP+GUg3l9luaMennL/UD5O444gxEm0UcX6rVyOxv9R7o6myni4Ls64a/JxW7gotXsoz6au6zJJmO1TB3IOaz+kXch1ID//NIyTbtGjD638GDvK5o3P0eBD11LHQeYiHeOG7xpXHI8Gc4neLnAcoKyPpN93oNuayJOPb8AWNhywfzRXjEvPBS+LGTh9ki4oLXHqeIgnjvz5DHUSzo8/l3AV69M/uU7C4TxAwMqlOg/H4K157ejf+hDrPJwIOhb51zQVp+gv+6JGTNvLx789Wtjfn9uZleCviNmKu/0589yasqe/f5c3WczND8suXiwYMifn+Hh/ztPfM/b0/on9niIjlo/BBp/tEeN1NT+3qD+t7ducKWvt6X9uxjj7r/LnTABwImbs+f3ixxP4iT/8z17ba2NAMQZaHE881kFKxJX2SeniecwuXDTWSYOdaaDD5956ePn+51AHOMVuq1wgsfVxLxS9PQDF572JmYJ0nweuWH0OLf8Y3doRTH082PXlVutJvtT5sSBTzcoaXcpfMaE2h3M+8lifPi6rBcuR6kgJuhYspMWM/8NPawVHNqd/FpA1Pf6EyRjnzd7n7xwOld8e9zhla+kut3M6D1t7oJaVtb98cKf1Ff7xfoQx//LMDcMdEVOM4ZdX8AFuNtZa5z98x99caB7yv/n2H3bWcn1McwBWUDggaggAALDhAJ0BKiADIAM+kUSeSyWjoqGl/kgAsBIJaW7hdT4O/gH4AfoB/APsIeGpugvfgH8A/gH4AfoB///397/Awdqx8aJT7VjfaxClqIcV37hZchxZ3yil7izvlFL3Fne2/Py95H/bKRLL169evUWRcrxzcIAg55aI+NEp9qx8aJT7Vj4pjOWkA7AQm5hPqf0vcO2xcm1QvXQIZcgE0+tRhPasfGiU+1Y+NEpnKIe9DxF3qyHJx3yil7izZY9TrQEk0I6VOEEN1WPjRKfasfGh2/D8SY7C3alj+fO+UUvcWd8onsD2KuU1xDUC2OqHtWPjRKfart928Bg7wQ9ecI76Y+NEp9qx8aJT4JLbUgD+2MQcacTpx9qx8aJT7ErZJjSHktuxAcWd8ope4s75RS9w7YACuQB2B7FcgFe4s75RSo1u/UDwcKYDSTAfLO+UUvcWd8ope4s2Vq0XMVWQqNOJ04+1Y+NDqkSVdIeWuNKCdbMfGiU+1Y+NEp9qx8aJLGIxXh8OdOu87d4FFL2qktcaUE62Y+NEp9qx8aJT7Vj40SnwSW2pArTYntWPioJ6uIKQpEqS8Cil7izvlFL3FnfKKXuLNXi8d9c9I9wli2uQ1GlUf6OJTYCi8Cil7izvlFL3FnfKKXuHbAAVyAN/RbjC9xXa0DG45S/uLO+UUvcWd8ope4s75RS8ND9j9gqFjc0qj/UJ2rtvcWd8ope4s75RS9xZ3yil7izXDUBYghqAsWU0v8bKKXuLO+UUvcWaopF9veiU+1Y+ND09morZK+qP9Qnau29xZ3yil7izvlBrdqVXh7q9ttO2ltchxZ3yilUyPwL+ZH4GIL0U2iU+1Y+NEp9qvCdk6S1vaggeTh/olPtWPjQ9PZqKxj7w7NtchxZ3yil7iztsAZT8L2sE0+vps7O+UUvcWavF4766bkbrsDQa0R8aJT7Vj40Sn2Oz7evps7Nla7o03sFF4FFL3DrPtZWnRf42UUvcWd8ope4s7ec2+vps7Nla7o03sFF4FFL2sGtAukTLO+UUvcWd8ope4dsABXIBXtYJp9fTZ2d8ope4dSJ2+7ihY+NEp9qx8aJT7Vev6+jTewUEooV3nbvAope4rmOmSNW8/RKfasfGiU+1Y+NEpqooV3nbu/n6LOJ04+1Y+NDz85e9Ep9qxvHXr169evXr169evXr168nHe5+izidOPtWPjOXusPjRKfar1QsfGiU+1Y+NEp9js+3r6bOzvlE9QCKh7Vj40PP0Sn2rHxolPtWPjN6ft7tEp9qPhRfolPtWPbra5DizvlFL3FnfIw9gNJa3uLO+RzpzYlPtWPis87du3bt27du3bt27du3SGBoQtQb7NRlxgope4s2PdIuZjT9Ep9qx8aJT7Vj40SUSt/1xlag32ajLjBRS9xZ2whnQXEq+svcWd8ope4s75RSp9moy4wUTufqxJTy5DizvlCKZdImWd8ope4s75RS9w3bGlBOtmNzS1AQMHyzvlFL2rYMIjylFF4dPlhRS9xZ3yil7iuhPVxBUFE7n6sSU8uQ4s75RO5+SR0MJrAeaVN1WPjRKfasfGiSuSAVd+fO2vw/EmO+mPjRKfaiztrGa7+gqHtWPjRKfasfGcIGWqdS8Rr+ORWohxZ3yilX0FMjEYaZCHIkn4pe4s75RS9xZsrXdFoRmGKnNvAope4s72+3SC2WlUf/ZYYxtEfGiU+1Y+NEp9i9ttO2v8d5RS9xZ3yhBTSlcrlGmn0IscPpj40Sn2rHxolPtWPjRKfasfFQTtXZc/JI86aqhEuvo03sFF4FFL3FnfKKXuLO+UUvcWaopEfq4v02iSxiMNMb7CvJ7Vj40Sn2rHxolPtWPjRKfaiztrGWuGjmAUT2B7FcgDf0XAhKVKfasfGiU+1Y+NEp9qx8aHb8PxJjB3gtOmPis8G4QPJw/0Sn2rHxolPtWPjRKfase0tuzYrMDizvcIci1h8OdOu87d4FFL3FnfKKXuLO+UUvac30H4e6sp1iSnlyHFne4Q5FrD4c6dd527wKKXuLO+UUvcWd8opUa3fqB4OFMBpLW9xZ3yilUyPyhvIl0QFjaCe1Y+NEp9qx8aJT7VeE7J0kvf7NRlxgope4s75QehFmoFnZLkWsJaLN6Y+NEp9qx8aJT7ErZIU5e2tT7NRlxgope4s75RSsOlTidNvvDirlNiU+1Y+NEp9qx7TjaoxcS/WXXGdTvlFL3FnfKJ7A9irlNc1rui0I0PasfGiU+1Xc5YD8eVZlUPluzvlFL3FnfKKVh0qcIIbTisskRVyuq7O+UUqQr8tUvOCrOwt2pY/nzvlFL3FnfKKXuLNla7otCNCqqOoLD5pRIkSJEgQOueSJH/bMyqHwoKKXuLO+UUvcWd8ope1g63RyyohXVdnfKDClHmLh1/nzvlFL3FnbAAP1xqu89//8YojJgUrz3//xiiMVR/rCSbKdyCcF3BrRPaOqQD/9HwAJFwtJV9P2ewDEyTc4RKSAAaOQ2kB0+0wBLHhLmdExVASx4THl2pgBGuPaOm/GgFg0mS7UwBiZJugEQDheoXMLQAl5MCiIDHu30wCqaUNns9T7Eu3000dFhSUkysj5BuXYVQCIAuO3AL1nsAhhmu4BTwJgAAAB8TDMAAAC10wK7pemCeMBNeUARLl2fNWZRFhasEPrM345Nj0///xhweK30jul6lZQI9y7PmrMoi0mLQfK30jul6h435HwQqYAD1Nw+uTeTJCkxWNNKGz2AOtLhQARjj2nZIABNmyqABkZJuw6JiqBDNwo+ACFce0dN+NAGjkG7rpemAiXLte9L0wBo4u96JSIgG5E23yblHwA1ontH05liqAiG8XhjQ2ewE0WfmiR8ATw/yPgAAA==) center center / 100% 100% no-repeat; } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { letter-spacing: 0px; } } body main section#entry .wrap > div a:hover h3 { letter-spacing: 0px; } body main section#entry .wrap > div a:hover h3::after { background-image: url(""); } body footer { background-color: black; color: rgb(238, 239, 239); } body footer .mosaic { height: 240px; background: url(data:image/webp;base64,UklGRnQHAABXRUJQVlA4IGgHAAAQzwCdASrECSwBPpFIoEwlpCMiIygAsBIJaW7hdb1776B4T4fgD+AfgB9MVwH8A/AD8ANsE8A/AD8ANb/uv9ID+AfwD8//4Buf/H/g0rzPQEZddN3Wz/gyj+XXDQWHJgA/qv5tT3fMpqZSHjgf1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5ACLVAFlbXTd1uZ6AjLrpu63M9ARl103dbmefy4BACNW0A36YARq2gG/TAC263M9ARkNwqZUzCMuum7rczzgNij0hyegIy66butocAf9gO1uS58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwCAEatoBv0wAjVtAN+mAFt1uZ6AjIbhUypmEZddN3W5nnAbFHpDk9ARl103dbQ4A/7Adrclz4psIAW3W5noCMuum7rcz0BGXXTd1tDgEAI1bQDfpgBGraAb9MALbrcz0BGQ3CplTMIy66butzPOA2KPSHJ6AjLrpu62hwB/2A7W5LnxTYQAtutzPQEZddN3W5noCMuum7raHAIARq2gG/TACNW0A36YAW3W5noCMhuFTKmYRl103dbmecBsUekOT0BGXXTd1tDgD/sB2tyXPimwgBbdbmegIy66butzPQEZddN3W0OAQAjVtAN+mAEatoBv0wAtutzPQEZDcKmVMwjLrpu63M84DYo9IcnoCMuum7raHAH/YDtbkufFNhAC263M9ARl103dbmegIy66butnBY6oP5plVCYdXsGGbcbxvKDUaAeeaZVQmMe17egIoBMOiqhM+CRdnmaKGa/YZB/NMqn0q24htxvG8206TOaWbcbxvNsoJ7mUca4ZB/NMqn0tAK8is3Pimuto1kmZ8Ei+M+CRfGfBHGsAu35txvG8pt82+jebcbxvJcdAywgBbdbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARq2gIpPt5rc+KbCAFm58U12uFTPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butzPQEZddN3KnzYLktM9ARl103dXhsUekOTzgNij0ipZnbnzYLktM9ARltGhK/2A7W5noBv0wAjWdPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLriAdraHAIAW3W5noCKT7ea3PimcraAb9uKqvDYo9IcnoCMuow5PP5cAgBbdbQ4A/7BBk9ARl103dbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARrOnn8uAP+wHa3M9AN+mAFm58U2EALNz4pnLOnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl1xAO1tDgEALbrcz0BFJ9vNbnxTOVtAN+3FVXhsUekOT0BGXUYcnn8uAQAtutocAf9ggyegIy66butzPQEZddN3W5noCMuum7rcz0BGXUJS1+ytvG8241nBtP530yqhM9xqUaWALbrZ4umPzsz4JF8Ys0i5YIAiDzjCWoh/NMqn2AZCXUvMo6Gaer0JnwSLwpOeDZnm502XzTKqExqE4q3zTKqEz3SSehOm7rcztCSyxkJG28bzbTx4KKWgIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZUzCMhuFTPQEZddN3W5noCMuum7rcz0BGXXSKtoBwtBbdbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63Jc+KZytoCMuum7rcz0BGXXTd1uZ6AjLrpu6vDYo9IcnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butyXPimcraAjLrpu63M9ARl103dbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXUYcnnAbFIAtutzPQEZddN3W5noCMuum7rcztz5sFyWmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARSfbzW58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwB/2A7W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPOA2KPSHJ6AjLrpu63M9ARl103dbmegIy66bqGYRkNwqZ6AjLrpu63M9ARl103dbmegIy66butzPQDYAA/v94mIt2xqtkOlz2g9mv9o8v+U7aL/aPL/lO2i/2jy/5Ttov9o8v+U92pTf8bU++fsbdEnDEnDEnDFK18UAAAAAAAAAAAAAAAAAAAAAAAAAJh22XkYHv0cEquyR/UB9mMSoqSTiUjaoJ75nJMKWN6F3B7ypbmT7JOJSNpwAaWKFLU68uVPXfJivLj+fsVY7NevgAAAAAAAAAAAAAAAAAAAAAAAAAAGzKfOP7gE/Oq8VII9YnNjgDLKAByGUTrXLA3qZ62YvzOgAAC3AAGvAAAJAAe4AAIXAdEAAH6AbsAAHuAa8AAAA=) center 0px / auto 100% no-repeat; } @media screen and (max-width: 767px) { body footer .mosaic { height: 32vw; background-image: url(""); background-size: 100%; } } body footer .wrap { max-width: 1280px; margin: 142px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap { margin: 11.8333vw auto 0vw; } } @media screen and (max-width: 767px) { body footer .wrap { padding: 0px 4.5vw; margin-top: 18vw; } } body footer .wrap .title { display: flex; justify-content: flex-start; align-items: flex-end; } body footer .wrap .title svg { width: 120px; height: 37px; fill: rgb(238, 239, 239); } @media screen and (max-width: 767px) { body footer .wrap .title svg { width: 24.5vw; height: 7.4vw; } } body footer .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(238, 239, 239); padding: 0px 0px 0.3em 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .title p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .title p { font-size: 2.86vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1370px) { body footer .wrap .title { padding: 0px 3vw; } } body footer .wrap .menu { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1120px; margin: 60px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu { margin: 5vw auto 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body footer .wrap .menu { padding: 0px 5vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu { flex-wrap: wrap; margin: 0px 0px 0px 3vw; } } body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-family: Poppins, sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; margin-bottom: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 2.08333vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 3vw; } } body footer .wrap .menu div h3 a span { font-size: 0.9em; } body footer .wrap .menu div a { color: rgb(238, 239, 239); display: block; margin-bottom: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div a { margin-bottom: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div a { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div a { font-size: 3.38vw; line-height: 3.9vw; } } body footer .wrap .menu div a.gray-out { color: rgb(115, 115, 115); } body footer .wrap .menu div a.small { font-size: 0.77em; } body footer .wrap .menu div a:hover:not(.gray-out) { color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body footer .wrap .menu div a { margin-bottom: 3vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div { width: 49%; margin-top: 8vw; } body footer .wrap .menu div.top { width: 100%; } body footer .wrap .menu div.left { width: 65%; } body footer .wrap .menu div.right { width: 35%; } } body footer .wrap .menu.second div { margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu.second div { margin-bottom: 1.66667vw; } } body footer .wrap .menu.second div:last-child { margin-bottom: 0px; } body footer .wrap .menu.second div a.small { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu.second div a.small { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu.second div a.small { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu.second { margin: 0px; } body footer .wrap .menu.second div { display: flex; width: 80%; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 10vw auto 3vw; } } body footer .copyright { text-align: center; margin-top: 160px; padding: 30px 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 10px; line-height: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { margin-top: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { padding: 2.5vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .copyright { font-size: max(12px, 0.925926vw); line-height: max(16px, 0.925926vw); } } @media screen and (max-width: 767px) { body footer .copyright { font-size: 2.6vw; line-height: 2.6vw; } } @media screen and (max-width: 767px) { body footer .copyright { padding: 4vw 0px; margin-top: 26.6vw; } } body.sub-page-style1 main section#hero { max-width: 1400px; margin: 0px auto; width: 100%; padding: 290px 60px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero { padding: 24.1667vw 5vw 0vw; } } @media screen and (max-height: 800px) { body.sub-page-style1 main section#hero { padding-top: 200px; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero { padding: 30vw 0px 0px; } } body.sub-page-style1 main section#hero h1 { margin: 0px 0px 30px auto; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero h1 { margin: 0vw 0vw 2.5vw auto; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero h1 { margin: 0px 7.3vw 10.6vw auto; } } body.sub-page-style1 main section#hero img { width: 100%; } body.sub-page-style1 main section.style3 { padding: 0px 0px 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 { padding: 0vw 0vw 9.58333vw; } } body.sub-page-style1 main section.style3 .items { display: flex; flex-wrap: wrap; justify-content: space-between; } body.sub-page-style1 main section.style3 .items .item { width: 46.4%; margin-top: 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item { margin-top: 6.83333vw; } } body.sub-page-style1 main section.style3 .items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item h3 { margin: 0.416667vw 0vw 0.833333vw; } } body.sub-page-style1 main section.style3 .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 { padding: 0px 0px 30.7vw; } body.sub-page-style1 main section.style3 .items .item { width: 100%; margin-top: 13.3vw; } body.sub-page-style1 main section.style3 .items .item h3 { margin: 6vw 0px 2.5vw; } } body.sub-page-style1 main section.style3 .items .item img { aspect-ratio: 513 / 316; object-fit: cover; object-position: center center; } body#top main section#hero { background: rgb(76, 83, 91); position: relative; padding: 0px; } body#top main section#hero::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgb(94, 100, 106) 0%, rgb(94, 100, 106) 49%, rgb(72, 81, 86) 50%, rgb(72, 81, 86) 100%); transition: all 2s ease 0s; opacity: 0; z-index: 1; } body#top main section#hero img { height: 100%; object-fit: contain; margin: 0px auto; display: block; } body#top main section#hero video { height: auto; width: 100%; max-height: 850px; margin: 0px auto; display: block; position: relative; z-index: 1; } body#top main section#hero .block { margin-top: -15px; z-index: 100; } @media screen and (max-width: 767px) { body#top main section#hero { height: 173vw; } body#top main section#hero img { max-height: 173vw; } body#top main section#hero video { max-height: inherit; } body#top main section#hero .block { margin-top: 0px; } } body#top main section#intro { padding: 270px 0px; } @media screen and (max-width: 767px) { body#top main section#intro { padding: 51.6vw 0px 100.5vw; } } body#top main section#intro .wrap { max-width: 1120px; } body#top main section#intro .block { margin-top: 15px; z-index: 100; } body#top main section#intro h6 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro h6 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro h6 { font-size: 3.9vw; line-height: 3.9vw; } } body#top main section#intro h6::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: black; margin: 0px 0.5em 0.15em 0px; border-radius: 3px; } body#top main section#intro #intro-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 105px; line-height: 160px; max-width: 368px; width: 100%; padding: 80px 0px 5px; margin-bottom: -87px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-title { font-size: max(12px, 9.72222vw); line-height: max(16px, 14.8148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { font-size: 13.52vw; line-height: 20.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { padding: 6.66667vw 0vw 0.416667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { margin-bottom: -7.25vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { width: 48vw; padding-top: 13vw; margin-bottom: -15vw; } } body#top main section#intro #intro-sub-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 45px; line-height: 70px; max-width: 418px; width: 100%; margin-bottom: 15px; padding-top: 10px; padding-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-sub-title { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { font-size: 5.98vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-top: 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-bottom: 0.416667vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { width: 57vw; padding-top: 5vw; margin-bottom: 6.5vw; } } body#top main section#intro #intro-text { width: 100%; max-width: 360px; margin-bottom: -570px; } @media screen and (max-width: 767px) { body#top main section#intro #intro-text { width: 74vw; margin-bottom: -130vw; max-width: inherit; } } body#top main section#intro p { margin-top: 1.8em; letter-spacing: 0.05em; } body#top main section#intro p span { display: block; font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 18px; line-height: 44px; padding-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro p span { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#intro p span { font-size: 3.64vw; line-height: 8.84vw; } } body#top main section#why { background: url("") center 0px repeat; margin-top: -160px; } body#top main section#why::before { content: ""; display: block; width: 100%; height: 321px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#why::before { background-image: url(""); height: 32.1vw; background-size: auto 100%; } } body#top main section#why .wrap { max-width: 1440px; padding: 80px 0px 190px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap { padding: 6.66667vw 0vw 15.8333vw; } } body#top main section#why .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap h4 { margin: 0vw 0vw 0.833333vw; } } body#top main section#why .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#why .wrap .dash { width: 1px; height: 60px; background-color: rgb(0, 0, 0); margin: 78px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap .dash { margin: 6.5vw auto 0vw; } } body#top main section#why .wrap > div { display: flex; justify-content: space-between; margin: 50px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div { margin: 4.16667vw 0vw 0vw; } } body#top main section#why .wrap > div > div { margin: 0px auto; } body#top main section#why .wrap > div > div h3 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 65px; letter-spacing: 0.06em; position: relative; padding: 90px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.01852vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div h3 { font-size: 5.98vw; line-height: 8.45vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div h3 { padding: 7.5vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 48px; padding: 50px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.44444vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div p { padding: 4.16667vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div .photo { max-width: 47.2%; width: 50%; height: auto; margin-top: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div .photo { margin-top: 8.33333vw; } } body#top main section#why .wrap > div img { width: 100%; height: auto; object-fit: contain; object-position: 0% 0%; } body#top main section#why .wrap > div.point1 > div { padding-left: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point1 > div { padding-left: 4.16667vw; } } body#top main section#why .wrap > div.point1 > div h3 { background: url("") 0px 0px / 221px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point1 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } body#top main section#why .wrap > div.point2 { margin-top: 150px; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 { margin-top: 12.5vw; } } body#top main section#why .wrap > div.point2 > div.photo { max-width: 47.2%; margin-left: 0px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-right: 6.66667vw; } } body#top main section#why .wrap > div.point2 > div.text { margin: 0px; } body#top main section#why .wrap > div.point2 > div h3 { background: url("") 0px 0px / 232px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point2 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } @media screen and (max-width: 767px) { body#top main section#why { background-size: 10.66vw 10.66vw; margin-top: 0px; } body#top main section#why .wrap { padding: 21.333vw 0px 32vw; } body#top main section#why .wrap .dash { height: 8vw; margin: 13vw auto 0px; } body#top main section#why .wrap > div { flex-direction: column; margin: 9vw 0px 0px; } body#top main section#why .wrap > div .photo { max-width: 100%; width: 100%; height: 88vw; object-fit: cover; margin: 11.1vw 0px 0px; } body#top main section#why .wrap > div.point1 > div { padding-left: 0px; } body#top main section#why .wrap > div.point1 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point1 > div p { padding: 0px; max-width: 85vw; letter-spacing: 0.05em; } body#top main section#why .wrap > div.point2 { margin-top: 23vw; flex-direction: column-reverse; } body#top main section#why .wrap > div.point2 > div { margin-left: 0px; width: 100%; } body#top main section#why .wrap > div.point2 > div.photo { max-width: 100%; } body#top main section#why .wrap > div.point2 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point2 > div p { padding: 0px; max-width: 85vw; margin: 0px auto; letter-spacing: 0.05em; } } body#top main section#why::after { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (max-width: 767px) { body#top main section#why::after { background-image: url(""); height: 21.3vw; background-size: 100% 100%; } } body#top main section#ceo { background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); } body#top main section#ceo .wrap { max-width: 1280px; margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap { margin-top: 6.66667vw; } } body#top main section#ceo .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap h4 { margin: 0vw 0vw 1.66667vw; } } body#top main section#ceo .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#ceo .wrap > div { display: flex; justify-content: flex-start; width: 100%; margin: 140px auto 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div { margin: 11.6667vw auto 20vw; } } body#top main section#ceo .wrap > div .left { width: 480px; margin: 0px; height: 640px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { width: 40vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { height: 53.3333vw; } } body#top main section#ceo .wrap > div .right { display: flex; justify-content: flex-end; flex-direction: column; margin-left: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right { margin-left: 6.66667vw; } } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 65px; } body#top main section#ceo .wrap > div .right h1 i { display: none; } body#top main section#ceo .wrap > div .right h1 img { width: 521px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 img { width: 43.4167vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 { margin-bottom: 5.41667vw; } } body#top main section#ceo .wrap > div .right h5 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h5 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h5 { margin-bottom: 1vw; } } body#top main section#ceo .wrap > div .right h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h3 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h3 { font-size: 4.94vw; line-height: 4.94vw; } } body#top main section#ceo .wrap > div .right .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 88px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right .more { margin-top: 7.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#ceo .wrap > div .right .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#ceo { margin-top: -1px; } body#top main section#ceo .wrap { margin-top: 23.46vw; } body#top main section#ceo .wrap h4 { margin-bottom: 4vw; } body#top main section#ceo .wrap > div { margin: 17.3vw auto 10.6vw; flex-direction: column; } body#top main section#ceo .wrap > div .left { width: 100%; margin: 0px; height: 116vw; } body#top main section#ceo .wrap > div .right { margin: 10.66vw 0px 38vw; } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 7.3vw; } body#top main section#ceo .wrap > div .right h1 img { width: 100%; } body#top main section#ceo .wrap > div .right h5 { margin-bottom: 3.33vw; } body#top main section#ceo .wrap > div .right .more { width: 100%; margin-top: 9.33vw; } } body#top main section#realized { background: url("") center 0px repeat; margin-bottom: 160px; } body#top main section#realized::before { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized { margin-bottom: 13.3333vw; } } body#top main section#realized .wrap { max-width: 1200px; height: 1061.6px; } body#top main section#realized .wrap .title { position: relative; margin-top: -23px; } body#top main section#realized .wrap .title h4 { position: absolute; background: rgb(215, 218, 221); height: 39px; border-left: 7px solid black; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 41px; text-align: center; padding: 0px 2em; top: 50px; left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { height: 3.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title h4 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title h4 { font-size: 3.64vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { left: 5.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .title h4 { font-size: 1.56vw; line-height: 3.2vw; } } body#top main section#realized .wrap .title h2 i { display: none; } body#top main section#realized .wrap .title h2 img { width: 595px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h2 img { width: 49.5833vw; } } body#top main section#realized .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 44px; margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title p { margin-top: 3.75vw; } } body#top main section#realized .wrap .items { display: flex; justify-content: space-between; margin: 100px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items { margin: 8.33333vw 0vw 0vw; } } body#top main section#realized .wrap .items > div { background: rgb(45, 50, 55); width: 30.769%; height: 440px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { height: 36.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { padding: 3.33333vw 3.33333vw 2.5vw; } } body#top main section#realized .wrap .items > div > div { width: 100%; } body#top main section#realized .wrap .items > div > div h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; color: rgb(238, 239, 239); text-align: center; padding: 0px; margin-bottom: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h4 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 1.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 1.2vw; } } body#top main section#realized .wrap .items > div > div h3 { background-color: rgb(238, 239, 239); width: 100%; height: 57px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 25px; text-align: center; padding: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h3 { height: 4.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 { font-size: 4.42vw; line-height: 9.62vw; } } body#top main section#realized .wrap .items > div > div h3 span { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 13px; line-height: 17px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: max(12px, 1.2037vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: 3.64vw; line-height: 4.55vw; } } body#top main section#realized .wrap .items > div img { height: 101px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div img { height: 8.41667vw; } } body#top main section#realized .wrap .items > div p { color: rgb(238, 239, 239); border-top: 1px solid rgb(238, 239, 239); display: block; width: 100%; margin: 0px; padding-top: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div p { padding-top: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div p { font-size: 3.38vw; line-height: 3.38vw; } } body#top main section#realized .wrap .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 80px; margin-bottom: 100px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 12px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-bottom: 8.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#realized .wrap .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { width: 100%; margin-top: 10.6vw; } } body#top main section#realized::after { content: ""; display: block; width: 100%; height: 320px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#realized { background-size: 10.66vw 10.66vw; margin-bottom: 32vw; } body#top main section#realized::before { background-image: url(""); background-size: 100% 21.333vw; height: 21.333vw; margin-top: -1px; } body#top main section#realized .wrap { height: 319vw; } body#top main section#realized .wrap .title { margin-top: 21.333vw; } body#top main section#realized .wrap .title h4 { left: 0px; top: 10.66vw; height: 8vw; } body#top main section#realized .wrap .title p { margin-top: 13vw; } body#top main section#realized .wrap .items { flex-direction: column; margin: 4vw 0px 0px; } body#top main section#realized .wrap .items > div { width: 100%; height: 64vw; margin: 8vw 0px 0px; padding: 6.66vw 10.66vw 3.3vw; } body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 2vw; } body#top main section#realized .wrap .items > div > div h3 { height: 9.86vw; } body#top main section#realized .wrap .items > div img { height: 20.5vw; } body#top main section#realized .wrap .items > div p { padding-top: 3vw; } body#top main section#realized::after { background-image: url(""); background-size: 100% 32vw; height: 32vw; } } body#top main section#business { padding-bottom: 0px; } body#top main section#project-story .wrap { padding-top: 80px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-bottom: 13.3333vw; } } body#top main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; position: relative; overflow: hidden; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a { height: 33.3333vw; } } body#top main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body#top main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body#top main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text { padding: 4.16667vw 4.58333vw; } } body#top main section#project-story .wrap a .text h2 { display: inline; } body#top main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body#top main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body#top main section#project-story .wrap a .text p { margin-top: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body#top main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body#top main section#project-story .wrap a .arrow { display: none; } body#top main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#top main section#project-story .wrap { padding-top: 10.6vw; padding-bottom: 31.8vw; } body#top main section#project-story .wrap a { height: 64vw; border-bottom-right-radius: 16vw; } body#top main section#project-story .wrap a .text { padding: 12.6vw 0px 0px 4vw; } body#top main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body#top main section#project-story .wrap a .text h3 { margin-top: 2vw; } body#top main section#project-story .wrap a .text p { margin-top: 4vw; } body#top main section#project-story .wrap a .text p span { margin-bottom: 2vw; } body#top main section#project-story .wrap a .bg img { object-position: 50% 30%; } } body#top main section#people { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#people { padding-bottom: 26.6vw; } } body#top main section#people .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 9vw; } } body#top main section#people .wrap .coming { margin-top: 110px; max-height: 440px; border-radius: 80px; overflow: hidden; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap .coming { margin-top: 9.16667vw; } } body#top main section#people .wrap .coming p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(238, 239, 239); font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap .coming p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap .coming p { font-size: 4.68vw; line-height: 4.68vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap { overflow: visible; padding: 0px; } } body#top main section#people .items { margin-top: 0px; max-height: 440px; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-bottom: 13.3333vw; } } body#top main section#people .items .slick-list { overflow: visible; width: 1600px; } body#top main section#people .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#people .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { height: 5.08333vw; } } body#top main section#people .items .slick-arrow.slick-prev { left: 0px; } body#top main section#people .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#people .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#people .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#people .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#people .items .item { width: 320px; height: 440px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .item { height: 36.6667vw; } } body#top main section#people .items .item img { transition: transform 1s ease 0s; } body#top main section#people .items .item:hover img { transform: scale(1.08); } body#top main section#people .items .item div.photo { border-radius: 320px; overflow: hidden; } body#top main section#people .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#top main section#people .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#top main section#people .items .item div.text { margin-top: 0.5em; } body#top main section#people .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { font-size: 4.42vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#people .items .item div.text p { margin: 0px 0px 8px; white-space: nowrap; } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p { margin: 0px; } } body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#top main section#people .items .item div.text p .position { background-color: rgb(239, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } body#top main section#people .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#top main section#people .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.15em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (max-width: 767px) { body#top main section#people .items { width: 100%; margin-top: 0px; display: block; max-height: 85.3vw; overflow: visible !important; } body#top main section#people .items .slick-track, body#top main section#people .items .slick-list { overflow: visible !important; } body#top main section#people .items .slick-list { width: 100%; } body#top main section#people .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#people .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#people .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#top main section#people .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#people .items .item div.text { line-height: 0; } body#top main section#people .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .name_en { vertical-align: 0.15em; } body#top main section#people .items .left, body#top main section#people .items .middle, body#top main section#people .items .right { padding: 0px 4vw; } } body#top main section#interview { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#interview { padding-bottom: 26.6vw; } } body#top main section#interview .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 18vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap { overflow: visible; padding: 0px; } } body#top main section#interview .items { margin-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items { margin-top: 0vw; } } body#top main section#interview .items .slick-list { overflow: visible; width: 1600px; } body#top main section#interview .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#interview .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { height: 5.08333vw; } } body#top main section#interview .items .slick-arrow.slick-prev { left: 0px; } body#top main section#interview .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#interview .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#interview .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#interview .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#interview .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .item { height: 35.8333vw; } } body#top main section#interview .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body#top main section#interview .items .item:hover img { transform: scale(1.08); } body#top main section#interview .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: hidden; } body#top main section#interview .items .item div.text { margin-top: 0px; } body#top main section#interview .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#interview .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#top main section#interview .items { width: 100%; margin-top: 0px; display: block; overflow: visible !important; } body#top main section#interview .items .slick-track, body#top main section#interview .items .slick-list { overflow: visible !important; } body#top main section#interview .items .slick-list { width: 100%; } body#top main section#interview .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#interview .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#interview .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body#top main section#interview .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#interview .items .item div.text { line-height: 0; } body#top main section#interview .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .name_en { vertical-align: 0.15em; } } @media screen and (min-width: 768px) { body#top main section#recruit { padding-bottom: 240px; } } @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) { body#top main section#recruit { padding-bottom: 20vw; } } body#top main section#rest { background: url("") center center / auto 100% no-repeat; height: 720px; } @media screen and (max-width: 767px) { body#top main section#rest { height: 85vw; background-image: url(""); background-size: 100%; } } @media screen and (max-width: 767px) { body#top main section#entry { margin-top: 10vw; } } body#top.windows main section#hero, body#top.ios main section#hero { background: rgb(67, 74, 82); } body#top.windows main section#hero::before, body#top.ios main section#hero::before { background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body#top.video-before-finished main section#hero::before { opacity: 1; } body#recruit main section#hero { margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#hero { margin-bottom: 11.6667vw; } } body#recruit main section#hero h1 { width: 797px; height: 138px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruit main section#hero h1 { width: calc(-99.625px + 62.2656vw); height: calc(-17.25px + 10.7812vw); } } @media screen and (max-width: 767px) { body#recruit main section#hero h1 { width: 64vw; height: 36vw; } } @media screen and (max-width: 767px) { body#recruit main section#hero { margin-bottom: 34.67vw; } } body#recruit main section#business { padding-top: 130px; } body#recruit main section#business::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#business { padding-top: 10.8333vw; } } @media screen and (max-width: 767px) { body#recruit main section#business { padding-top: 0px; } } body#recruit main section.list1 { padding-bottom: 130px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 { padding-bottom: 10.8333vw; } } body#recruit main section.list1 ul { margin-top: 94px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul { margin-top: 7.83333vw; } } body#recruit main section.list1 ul li { display: flex; border-bottom: 1px solid rgb(196, 200, 203); padding: 50px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul li { padding: 4.16667vw 0vw; } } body#recruit main section.list1 ul li:first-child { border-top: 1px solid rgb(196, 200, 203); } body#recruit main section.list1 ul li > div:first-child { width: 21%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:first-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:first-child { font-size: 3.9vw; line-height: 5.2vw; } } body#recruit main section.list1 ul li > div:last-child { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:last-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:last-child { font-size: 3.9vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#recruit main section.list1 { padding-bottom: 33.33vw; } body#recruit main section.list1 ul { margin-top: 16vw; } body#recruit main section.list1 ul li { flex-direction: column; padding: 8vw 0px; } body#recruit main section.list1 ul li > div:first-child { width: 100%; margin-bottom: 3.33vw; } } body#recruit main section#flow .wrap ul { max-width: 960px; margin: 0px auto; padding: 95px 80px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul { padding: 7.91667vw 6.66667vw 0vw; } } body#recruit main section#flow .wrap ul li { display: flex; border: 1px solid rgb(196, 200, 203); margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li { margin-bottom: 3.33333vw; } } body#recruit main section#flow .wrap ul li div { padding: 32px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li div { padding: 2.66667vw 0vw; } } body#recruit main section#flow .wrap ul li div:first-child { background-color: rgb(196, 200, 203); width: 25%; font-family: Poppins, sans-serif; font-weight: 600; font-size: 22px; line-height: 22px; color: white; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: max(12px, 2.03704vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: 3.12vw; line-height: 3.12vw; } } body#recruit main section#flow .wrap ul li div:first-child::after { content: ""; display: block; width: 1px; height: 42px; position: absolute; top: 100%; left: 50%; background-color: rgb(196, 200, 203); } body#recruit main section#flow .wrap ul li div:last-child { width: 75%; justify-content: flex-start; } body#recruit main section#flow .wrap ul li div:last-child span { display: block; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 80px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: 3.64vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { padding-left: 0px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: 2.86vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li.step01 div:last-child, body#recruit main section#flow .wrap ul li.step07 div:last-child { background-color: rgb(246, 248, 252); } body#recruit main section#flow .wrap ul li:last-child { margin-bottom: 0px; } body#recruit main section#flow .wrap ul li:last-child div::after { display: none; } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul { max-width: 100%; padding: 16vw 0px 33.3vw; } body#recruit main section#flow .wrap ul li { margin-bottom: 4.5vw; } body#recruit main section#flow .wrap ul li div { padding: 3.5vw 0px; } body#recruit main section#flow .wrap ul li div:last-child { justify-content: space-between; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 4.67vw; width: auto; min-width: 40%; } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { width: auto; min-width: 60%; } } body#require main section#hero h1 { width: 814px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#require main section#hero h1 { width: calc(-101.625px + 63.5156vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#require main section#hero h1 { width: 61.2vw; height: 36vw; } } body#require main section#intro { text-align: center; padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#intro { padding: 16.6667vw 0vw; } } body#require main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 38px; line-height: 68px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#intro p { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#require main section#intro p { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (max-width: 767px) { body#require main section#intro { padding: 30.66vw 0px; } } body#require main section#conditions p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-top: 65px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions p.read { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions p.read { margin-top: 5.41667vw; } } body#require main section#conditions .items { position: relative; margin-top: 80px; padding: 360px 0px; background: url("") center 240px no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { content: ""; display: block; width: 100%; background: url("") center 0px repeat-x; position: absolute; top: 0px; height: 160px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::before { height: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding: 30vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#require main section#conditions .items { padding-left: 80px; padding-right: 80px; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-right: 6.66667vw; } } body#require main section#conditions .items .item { max-width: 1040px; position: relative; margin: 0px auto 80px; } body#require main section#conditions .items .item::before { content: ""; display: block; width: 100%; background: url("") left top / cover repeat-x transparent; height: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::before { height: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item { margin: 0vw auto 6.66667vw; } } body#require main section#conditions .items .item:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item .box { background-color: rgb(239, 239, 239); padding: 0px 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box { padding: 0vw 6.25vw; } } body#require main section#conditions .items .item .box h3 { background-color: rgb(196, 200, 203); display: block; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 32px; line-height: 70px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box h3 { font-size: max(12px, 2.96296vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box h3 { font-size: 6.24vw; line-height: 6.24vw; } } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { content: ""; display: block; width: 20px; height: 20px; background: url("") left top / auto 100% no-repeat transparent; position: absolute; top: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { height: 1.66667vw; } } body#require main section#conditions .items .item .box h3::after { transform: rotate(180deg); inset: auto 0px 0px auto; } body#require main section#conditions .items .item .box .content { display: flex; margin-top: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content { margin-top: 4.58333vw; } } body#require main section#conditions .items .item .box .content picture { max-height: 260px; max-width: 350px; width: 200%; display: block; margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content picture { margin-right: 3.33333vw; } } body#require main section#conditions .items .item .box .content picture img { width: 100%; } body#require main section#conditions .items .item .box .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box .content p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content p { margin-bottom: 1.66667vw; } } body#require main section#conditions .items .item .box .content p:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item::after { content: ""; display: block; width: 100%; height: 55px; background: url("") left bottom / cover repeat-x transparent; transform: rotate(180deg); margin-top: -0.5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::after { height: 4.58333vw; } } body#require main section#conditions .items::after { content: ""; display: block; width: 100%; height: 160px; background: url("") center bottom repeat-x; position: absolute; bottom: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#require main section#conditions .items { padding: 48vw 0px; margin-top: 10.96vw; background: url("") center 21.3vw / 100% no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { background-image: url(""); background-size: contain; } body#require main section#conditions .items .item { max-width: 85.3vw; } body#require main section#conditions .items .item::before { height: 8vw; background-size: auto 8vw; } body#require main section#conditions .items .item .box { padding: 6.03vw 6vw; } body#require main section#conditions .items .item .box h3 { height: 12vw; display: flex; align-items: center; justify-content: center; } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { width: 3.2vw; height: 3.2vw; } body#require main section#conditions .items .item .box .content { flex-direction: column; margin-top: 10.66vw; } body#require main section#conditions .items .item .box .content picture { min-height: auto; min-width: 100%; width: 100%; height: 46vw; margin: 0px 0px 10.66vw; } body#require main section#conditions .items .item .box .content picture img { width: auto; } body#require main section#conditions .items .item::after { height: 8vw; background-size: auto 8vw; margin-top: -1px; } body#require main section#conditions .items::after { background-image: url(""); background-size: contain; } } body#require main section#recruit { margin-top: 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#recruit { margin-top: 20vw; } } @media screen and (max-width: 767px) { body#require main section#recruit { margin-top: 45.86vw; } } body#message main section#hero { margin-bottom: 152px; background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#hero { margin-bottom: 12.6667vw; } } body#message main section#hero picture img { max-height: 690px; margin: 0px auto; } body#message main section#hero h2 { position: absolute; top: 21.3vw; left: 0px; background-color: black; width: 100%; color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 68px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section#hero h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#message main section#hero h2 { font-size: 3.9vw; line-height: 13vw; } } @media screen and (max-width: 767px) { body#message main section#hero { margin-bottom: 20.66vw; } body#message main section#hero picture img { } } body#message main section.message { padding: 0px 0px 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message { padding: 0vw 0vw 13.3333vw; } } body#message main section.message .wrap { max-width: 1060px; } body#message main section.message .wrap h1 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; text-align: center; margin-bottom: 55px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap h1 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap h1 { font-size: 6.24vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap h1 { margin-bottom: 4.58333vw; } } body#message main section.message .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; text-align: left; margin-top: 2em; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap p { margin-bottom: 2.91667vw; } } body#message main section.message .wrap .float-right p { text-align: right; } body#message main section.message img { max-width: 1040px; margin: 75px auto 0px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message img { margin-top: 6.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#message main section.message img { width: 100%; } } @media screen and (max-width: 767px) { body#message main section.message { padding: 0px 0px 24vw; } body#message main section.message .wrap h1 { margin-bottom: 10.66vw; } body#message main section.message .wrap p { margin-top: 1.5em; } body#message main section.message img { width: 100%; margin-top: 19.33vw; } } body#message main section#message3 img { max-width: 1280px; margin: 155px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#message3 img { margin: 12.9167vw auto 6.66667vw; } } @media screen and (max-width: 767px) { body#message main section#message3 img { width: 100%; margin: 16vw 0px 12.6vw; } } @media screen and (max-width: 767px) { body#message main section#entry { margin-top: 0px; } } body#mission main section#hero h1 { width: 796px; height: 256px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#mission main section#hero h1 { width: calc(-99.5px + 62.1875vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#mission main section#hero h1 { width: 65.7vw; height: 52vw; } } body#mission main section.style2 { padding: 116px 0px; } body#mission main section.style2::before { content: ""; display: block; width: 91.6%; max-width: 1120px; height: 1px; background-color: rgb(200, 200, 200); position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 { padding: 9.66667vw 0vw; } } body#mission main section.style2 .wrap { text-align: center; } body#mission main section.style2 .wrap h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; background-color: rgb(239, 239, 239); display: inline-block; padding: 7px 18px; margin-bottom: 57px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h3 { font-size: 4.16vw; line-height: 4.16vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { padding: 0.583333vw 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { margin-bottom: 4.75vw; } } body#mission main section.style2 .wrap h3 b { color: rgb(149, 150, 150); } body#mission main section.style2 .wrap h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 77px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h2 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h2 { font-size: 9.88vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h2 { margin-bottom: 6.41667vw; } } body#mission main section.style2 .wrap p { max-width: 800px; margin: 0px auto; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } body#mission main section.style2 .wrap p sup { display: inline-block; margin-left: -1em; color: rgb(82, 82, 82); font-size: 0.5em; position: relative; top: -1em; } body#mission main section.style2 .wrap p.sosumi { text-align: right; color: rgb(114, 114, 114); font-size: 0.75em; } @media screen and (max-width: 767px) { body#mission main section.style2 { padding: 26.6vw 0px 13.3vw; } body#mission main section.style2 .wrap h3 { padding: 2vw 2.4vw; margin-bottom: 10vw; } body#mission main section.style2 .wrap h2 { margin-bottom: 10vw; } body#mission main section.style2 .wrap p { max-width: 100%; } } body#mission main section#our-mission::before { display: none; } body#mission main section#our-mission .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-mission .wrap h2 { font-size: max(12px, 6.2963vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section#our-mission .wrap h2 { font-size: 10.4vw; line-height: 14.3vw; } } body#mission main section#our-style .wrap .items { max-width: 1060px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 73px auto 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items { margin: 6.08333vw auto 10vw; } } body#mission main section#our-style .wrap .items .item { margin-bottom: 60px; height: 640px; width: 47.1%; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { margin-bottom: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { height: 53.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item { background-size: 2.89vw !important; } } body#mission main section#our-style .wrap .items .item h5 { font-family: Poppins, sans-serif; font-weight: 500; font-size: 20px; line-height: 20px; margin: 65px 0px 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h5 { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h5 { margin: 5.41667vw 0px 2.08333vw; } } body#mission main section#our-style .wrap .items .item h5 b { font-weight: 600; } body#mission main section#our-style .wrap .items .item h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 52px; background-color: transparent; padding: 0px; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h3 { font-size: max(12px, 4.81481vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h3 { font-size: 9.1vw; line-height: 11.7vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2.91667vw; } } body#mission main section#our-style .wrap .items .item h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 24px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h4 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 4.16vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 1.8vw; } } body#mission main section#our-style .wrap .items .item img { margin: 25px auto 20px; height: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { margin: 2.08333vw auto 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { height: 14.1667vw; } } body#mission main section#our-style .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin: 0px auto; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item p { font-size: 3.64vw; line-height: 6.5vw; } } body#mission main section#our-style .wrap .items .item#item01 { background: url("") center 0px / 37px no-repeat rgb(250, 242, 250); } body#mission main section#our-style .wrap .items .item#item02 { background: url("") center 0px / 37px no-repeat rgb(229, 250, 250); } body#mission main section#our-style .wrap .items .item#item03 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(250, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item03 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item03 { height: auto; } } body#mission main section#our-style .wrap .items .item#item04 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(234, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item04 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item04 { height: auto; } } body#mission main section#our-style .wrap .items .item#item05 { background: url("") center 0px / 37px no-repeat rgb(240, 240, 252); } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items { margin: 31vw auto 11.6vw; } body#mission main section#our-style .wrap .items .item { width: 100%; height: auto; margin-bottom: 10.6vw; padding-bottom: 10.6vw; background-size: 6.4vw !important; } body#mission main section#our-style .wrap .items .item h5 { margin: 12vw 0px 4vw; } body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2vw; } body#mission main section#our-style .wrap .items .item img { margin: 5.5vw auto; height: 26.6vw; } body#mission main section#our-style .wrap .items .item p { text-align: left; padding: 0px 6.6vw; } } body#system main section#hero h1 { width: 851px; height: 257px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#system main section#hero h1 { width: calc(-106.375px + 66.4844vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#system main section#hero h1 { width: 78.9vw; height: 52vw; } } body#system main section#intro { padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro { padding: 16.6667vw 0px; } } body#system main section#intro .wrap { text-align: center; } body#system main section#intro .wrap h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 78px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap h1 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap h1 { font-size: 9.88vw; line-height: 13.91vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro .wrap h1 { margin-bottom: 6.5vw; } } body#system main section#intro .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 784px; margin: 0px auto; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#system main section#intro { padding: 26.7vw 0px 23.7vw; } body#system main section#intro .wrap h1 { margin-bottom: 10vw; } } body.business main section#intro { padding: 130px 0px 210px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro { padding: 10.8333vw 0px 17.5vw; } } body.business main section#intro h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro h2 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body.business main section#intro h2 { font-size: 5.2vw; line-height: 9.88vw; } } body.business main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 800px; margin: 65px auto 0px; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.business main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro p { margin: 5.41667vw auto 0px; } } @media screen and (max-width: 767px) { body.business main section#intro { padding: 33.3vw 0px; } body.business main section#intro p { margin-top: 13.3vw; text-align: left; } } body.business main section#flow .wrap .flow-items { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } body.business main section#flow .wrap .flow-items .item { position: relative; width: 22.32%; margin: 88px 0px 150px; } body.business main section#flow .wrap .flow-items .item::before { content: ""; display: block; width: 20px; height: 17px; position: absolute; right: -29px; top: 83px; background: url("data:image/svg+xml;utf8,") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { width: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { height: 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { right: -2.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { top: 6.91667vw; } } body.business main section#flow .wrap .flow-items .item:last-child::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item { margin: 7.33333vw 0px 12.5vw; } } body.business main section#flow .wrap .flow-items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item h3 { margin: 0.416667vw 0px 0.833333vw; } } body.business main section#flow .wrap .flow-items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; margin: 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items { flex-direction: column; margin-top: 16vw; margin-bottom: 11.6vw; } body.business main section#flow .wrap .flow-items .item { width: 100%; margin: 0px 0px 18.6vw; display: flex; } body.business main section#flow .wrap .flow-items .item::before { background-image: url("data:image/svg+xml;utf8,"); right: 50%; top: 112%; width: 9.3vw; height: 9.3vw; transform: translateX(50%); } body.business main section#flow .wrap .flow-items .item picture { width: 42.6vw; margin-right: 5.3vw; } body.business main section#flow .wrap .flow-items .item picture img { width: 100%; height: auto; } body.business main section#flow .wrap .flow-items .item > div { width: 45%; } body.business main section#flow .wrap .flow-items .item:last-child { margin-bottom: 0px; } } body.business main section#flow .box { background: url("") 50% 0px repeat; display: flex; flex-direction: column; max-width: 1120px; margin: 0px auto; padding: 100px 132px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box { padding: 8.33333vw 11vw; } } body.business main section#flow .box h2 { background-color: white; border: 1px solid black; text-align: center; border-radius: 3em; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box h2 { margin-bottom: 5vw; } } body.business main section#flow .box h2 i { display: none; } body.business main section#flow .box h2 img { max-width: 332px; display: inline-block; padding: 12px 0px; } body.business main section#flow .box > div { display: flex; justify-content: space-between; } body.business main section#flow .box > div > div { border: 1px solid rgb(0, 0, 0); width: 46.5%; background-color: white; } body.business main section#flow .box > div > div h4 { background-color: black; color: white; font-family: Poppins, sans-serif; font-weight: 500; font-size: 30px; line-height: 40px; text-align: center; padding: 0.2em 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div h4 { font-size: max(12px, 2.77778vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div h4 { font-size: 4.68vw; line-height: 9.1vw; } } body.business main section#flow .box > div > div > div { padding: 45px 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box > div > div > div { padding: 3.75vw 4.16667vw; } } body.business main section#flow .box > div > div > div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div h3 { font-size: 4.68vw; line-height: 7.28vw; } } body.business main section#flow .box > div > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin-top: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .box { padding: 13.3vw 7.3vw; background-size: 10.6vw 10.6vw; margin-top: 16vw; } body.business main section#flow .box h2 { margin-bottom: 10.6vw; } body.business main section#flow .box h2 img { width: 48.3vw; padding: 3vw 0px 1.5vw; } body.business main section#flow .box > div { flex-direction: column; } body.business main section#flow .box > div > div { width: 100%; } body.business main section#flow .box > div > div:first-child { margin-bottom: 6.6vw; } body.business main section#flow .box > div > div h4 { padding: 0px; } body.business main section#flow .box > div > div > div { padding: 6.4vw; } } body.business main section#project-story .wrap { padding-top: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap { padding-top: 10vw; } } body.business main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; border: 5px solid rgba(0, 0, 0, 0); position: relative; overflow: hidden; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a { height: 33.3333vw; } } body.business main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body.business main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body.business main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text { padding: 4.16667vw; } } body.business main section#project-story .wrap a .text h2 { display: inline; } body.business main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body.business main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body.business main section#project-story .wrap a .text p { margin-top: 40px; line-height: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body.business main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body.business main section#project-story .wrap a .arrow { position: absolute; bottom: 50px; right: 50px; width: 70px; height: 70px; background: url("") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { bottom: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { right: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { width: 5.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { height: 5.83333vw; } } body.business main section#project-story .wrap a:hover { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } body.business main section#project-story .wrap a:hover .arrow { background-image: url(""); } @media screen and (max-width: 767px) { body.business main section#project-story .wrap { padding-top: 13.3vw; } body.business main section#project-story .wrap a { height: 80vw; border-bottom-right-radius: 16vw; } body.business main section#project-story .wrap a .text { padding: 16.5vw 0px 0px 4vw; } body.business main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body.business main section#project-story .wrap a .text h3 { margin-top: 2.26vw; } body.business main section#project-story .wrap a .text p { margin-top: 4vw; } body.business main section#project-story .wrap a .text p span { margin-bottom: 1.8vw; } body.business main section#project-story .wrap a .arrow { bottom: 4vw; right: auto; left: 4vw; width: 9.3vw; height: 9.3vw; } body.business main section#project-story .wrap a.active { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a.active .bg img { transform: scale(1.08); } } body.business main section#skill { padding: 0px; margin: 150px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#skill { margin: 12.5vw 0px; } } @media screen and (max-width: 767px) { body.business main section#skill { margin: 33.3vw 0px; } } body.business main section#business { margin: 0px 0px 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business { margin: 0px 0px 16.6667vw; } } body.business main section#business .wrap .items { display: flex; justify-content: space-between; margin-top: 88px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items { margin-top: 7.33333vw; } } body.business main section#business .wrap .items .item { width: 46.4%; max-width: 100%; border-top-right-radius: 80px; } body.business main section#business .wrap .items .item .text { top: auto; bottom: 30px; left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { bottom: 2.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { left: 3.33333vw; } } body.business main section#business .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 40px; margin: 5px 0px 6px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text h3 { font-size: 4.94vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text h3 { margin: 0.416667vw 0px 0.5vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text h3 { font-size: 1.875vw; } } body.business main section#business .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; margin-top: 8px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text p { margin-top: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text p { font-size: 1.4vw; } } @media screen and (max-width: 767px) { body.business main section#business { margin: 0px 0px 30.6vw; } body.business main section#business .wrap .items { flex-direction: column; margin-top: 6vw; } body.business main section#business .wrap .items .item { margin-top: 10vw; border-top-right-radius: 16vw; width: 100% !important; } body.business main section#business .wrap .items .item .text { top: auto; left: 1em; bottom: 1em !important; } } body#marketing main section#hero h1 { width: 690px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#marketing main section#hero h1 { width: calc(-88.96px + 55.6vw); height: calc(-17.44px + 10.9vw); } } @media screen and (max-width: 767px) { body#marketing main section#hero h1 { width: 72.5vw; height: 35.8vw; } } body#career-advisor main section#hero h1 { width: 988px; height: 137px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#career-advisor main section#hero h1 { width: calc(-127.36px + 79.6vw); height: calc(-17.744px + 11.09vw); } } @media screen and (max-width: 767px) { body#career-advisor main section#hero h1 { width: 66.2vw; height: 36vw; } } body#career-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#recruiting-advisor main section#hero h1 { width: 1234px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruiting-advisor main section#hero h1 { width: calc(-153.6px + 96vw); height: calc(-17.632px + 11.02vw); } } @media screen and (max-width: 767px) { body#recruiting-advisor main section#hero h1 { width: 73.8vw; height: 52vw; } } body#recruiting-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#member main section#hero h1 { width: 384px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#member main section#hero h1 { width: calc(-48px + 30vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#member main section#hero h1 { width: 50.9vw; height: 20vw; } } body#member main section#members .wrap p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: 115px; margin-bottom: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-bottom: 6.66667vw; } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { text-align: center; margin-top: 23vw; margin-bottom: 14.5vw; } } body#member main section#members .wrap .items { margin-top: 0px; margin-bottom: 280px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-bottom: 23.3333vw; } } body#member main section#members .wrap .items .item { width: 48%; padding: 50px 0px; display: block; text-align: center; margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { padding: 4.16667vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { margin-bottom: 3.33333vw; } } body#member main section#members .wrap .items .item .photo { border-radius: 320px; overflow: hidden; width: 59%; margin: 0px auto; } body#member main section#members .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#member main section#members .wrap .items .item:hover .photo img { transform: scale(1.08); } body#member main section#members .wrap .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#member main section#members .wrap .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#member main section#members .wrap .items .item div.text { margin-top: 0.5em; } body#member main section#members .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } body#member main section#members .wrap .items .item div.text p { margin-bottom: 8px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#member main section#members .wrap .items .item div.text p .position { background-color: rgb(255, 255, 255); padding: 0px 0.5em; margin-right: 0.5em; } body#member main section#members .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 3.33333vw; } } body#member main section#members .wrap .items .item#interview01 { background-color: rgb(196, 200, 203); } body#member main section#members .wrap .items .item#interview02 { background-color: rgb(226, 231, 234); } body#member main section#members .wrap .items .item#interview03 { background-color: rgb(226, 228, 228); } body#member main section#members .wrap .items .item#interview04 { background-color: rgb(214, 217, 219); } body#member main section#members .wrap .items .item#interview05 { background-color: rgb(226, 228, 228); } @media screen and (max-width: 767px) { body#member main section#members .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 40vw; display: block; overflow: visible !important; } body#member main section#members .wrap .items .item { width: 100%; height: 140vw; overflow: hidden; padding: 8.6vw 0px; margin-right: 0px !important; margin-bottom: 6.6vw !important; } body#member main section#members .wrap .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#member main section#members .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#member main section#members .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#member main section#members .wrap .items .item div.text p { line-height: 0; margin-bottom: 1vw; } body#member main section#members .wrap .items .item div.text p .position { display: inline-block; margin: 0px 0px 2vw; background-color: rgb(238, 239, 239); padding-bottom: 0.15em; } body#member main section#members .wrap .items .item div.text p .start { display: inline-block; margin: 0px 0px 1vw; } } body.interview main { padding-top: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main { padding-top: 7.5vw; } } @media screen and (max-width: 767px) { body.interview main { padding-top: 16vw; } } body.interview main section#hero { overflow: hidden; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero { padding-bottom: 27.9167vw; } } body.interview main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview main section#hero .block { margin-top: -2.6vw; } } body.interview main section#hero .wrap_a { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body.interview main section#hero .wrap_a .wrap_b { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_a .wrap_b .photo { position: relative; max-width: 1180px; width: 84.2%; margin: 0px 0px 0px auto; display: block; } body.interview main section#hero .wrap_a .wrap_b .photo img { width: 100%; height: 100%; object-fit: cover; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; left: -55px; bottom: -55px; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { display: inline-block; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 68px; background-color: rgb(248, 248, 52); margin-bottom: 12px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: 5.85vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1vw; } } body.interview main section#hero .wrap_c .wrap_d { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_c .wrap_d .text { width: 460px; background-color: rgb(237, 240, 242); margin: 0px 0px 0px auto; position: relative; padding: 60px 0px 60px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 38.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { padding: 5vw 0vw 5vw 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 43vw; } } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text .position { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; background-color: black; padding: 0px 0.5em 0.1em; margin-right: 0.75em; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#hero .wrap_c .wrap_d .text .start { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#hero .wrap_c .wrap_d .text .name { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; margin: 15px 20px 0px 0px; display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text .name { margin: 1.25vw 1.66667vw 0px 0px; } } body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; vertical-align: 0.3em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: 3.12vw; line-height: 4.42vw; } } body.interview main section#hero .wrap_c .wrap_d .text::after { content: ""; display: block; background-color: rgb(237, 240, 242); position: absolute; left: 100%; top: 0px; width: 100%; height: 100%; } @media screen and (max-width: 767px) { body.interview main section#hero { padding-bottom: 41.3vw; overflow: hidden; } body.interview main section#hero .wrap_a { background: transparent; } body.interview main section#hero .wrap_a .wrap_b .photo { width: 100%; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; bottom: -16.5vw; left: 7.3vw; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1.6vw; } body.interview main section#hero .wrap_c .wrap_d .text { width: 100%; padding: 25.3vw 0px 8vw 7.3vw; } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .name { margin: 0px; } body.interview main section#hero .wrap_c .wrap_d .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview main section.article .wrap { display: flex; justify-content: space-between; } body.interview main section.article .wrap .left { width: 50%; } body.interview main section.article .wrap .right { width: 50%; } body.interview main section.article .wrap .text { padding: 80px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text { padding: 6.66667vw 0px 0px 6.66667vw; } } body.interview main section.article .wrap .text.left { padding: 80px 80px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text.left { padding: 6.66667vw 6.66667vw 0px 0px; } } body.interview main section.article .wrap.type2 { flex-direction: column; padding: 0px; } body.interview main section.article .wrap.type2 img { max-width: 1280px; width: 100%; margin: 70px auto 120px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap.type2 img { margin: 5.83333vw 0px 10vw; } } body.interview main section.article .wrap .center { max-width: 800px; margin: 0px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .center { margin-bottom: 6.66667vw; } } body.interview main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 24px; line-height: 32px; margin-bottom: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap h2 { font-size: max(12px, 2.22222vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap h2 { font-size: 4.68vw; line-height: 6.24vw; } } body.interview main section.article .wrap h2 span { display: inline-block; background-color: rgb(248, 248, 52); margin-bottom: 8px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap h2 span { margin-bottom: 0.666667vw; } } body.interview main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview main section.article::after { content: ""; background: url(data:image/webp;base64,UklGRtYDAABXRUJQVlA4IMoDAABQagCdASoACqAAPpFIn0ylpKKiIAi4sBIJaW7hd04A/gGSGaA0fTO9AJ+OVrqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkI5zGtJe6XtSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSEB9ugH26AfbqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKRpTaL3To1ra8rXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDH0QZ0KgkfxUkkHCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQor1r5RteUwF5MbdSFJIZCkkMhSSGQpJDIRyGzK+k9qy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rHpFY6BdEskVidZbZxXrXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDHzZ5rxL5JSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGPm2bzWC+fJBwpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSNXXUJQSQcKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhHUXPH1r58kHCkkMhSSGQpJDIUkhkKSQwYAAP7k5gAATEUu7qSn7DxZY+7T4b2nd0Uu7q8604EAAAAAAAAAAAAAAAAAAAAAAALSKXd0CAACyb87/UrUmk1W6BcVdp2qbyTChQwIAARLIaYq+N4d+FiIe8AAAAZepL/PCgAAAASmAAAAAd0AAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section.article { margin-top: 0px; } body.interview main section.article .wrap { flex-direction: column-reverse; } body.interview main section.article .wrap .left, body.interview main section.article .wrap .right { width: 100%; padding: 0px; } body.interview main section.article .wrap h2 { margin-bottom: 8vw; } body.interview main section.article .wrap h2 span { margin-bottom: 1.6vw; } body.interview main section.article .wrap.type2 { flex-direction: column-reverse; padding: 0px; margin-top: 15.6vw; } body.interview main section.article .wrap.type2 .center { margin: 0px; padding: 0px 7.3vw; } body.interview main section.article .wrap.type2 picture { margin: 0px; width: 100vw; } body.interview main section.article .wrap.type2 picture img { width: 100%; margin: 0px; } body.interview main section.article .wrap.type3 { flex-direction: column; margin-top: 15.3vw; padding-bottom: 31.7vw; } body.interview main section.article .wrap.type3 .left.text { padding: 0px; } body.interview main section.article::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#workflow { background-color: rgb(237, 240, 242); padding-top: 55px; padding-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-top: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-bottom: 7.5vw; } } body.interview main section#workflow .wrap .items { max-width: 800px; margin: 0px auto; padding-top: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items { padding-top: 9.58333vw; } } body.interview main section#workflow .wrap .items .item { display: flex; justify-content: flex-start; align-items: center; min-height: 195px; position: relative; } body.interview main section#workflow .wrap .items .item::before { content: ""; width: 1px; height: 100%; background-color: rgb(140, 145, 150); position: absolute; top: 0px; left: 83px; } body.interview main section#workflow .wrap .items .item .time h4 { display: flex; align-items: center; justify-content: center; position: relative; z-index: 100; font-family: Poppins, sans-serif; font-weight: 600; font-size: 34px; line-height: 34px; color: rgb(238, 239, 239); border-radius: 83px; background-color: rgb(140, 145, 150); width: 166px; height: 166px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: max(12px, 3.14815vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: 4.68vw; line-height: 4.68vw; } } body.interview main section#workflow .wrap .items .item .text { margin-left: 48px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items .item .text { margin-left: 4vw; } } body.interview main section#workflow .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 50px; margin-bottom: 0.5em; border-bottom: 1px solid rgb(196, 200, 203); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview main section#workflow .wrap .items .item .text h3.border { border-bottom: 1px solid rgb(196, 200, 203) !important; margin-bottom: 0.5em !important; } body.interview main section#workflow .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 27px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.98vw; } } body.interview main section#workflow .wrap .items .item:nth-child(2n) .time h4 { background-color: rgb(103, 108, 113); } body.interview main section#workflow .wrap .items .item.top::before { top: 50%; } body.interview main section#workflow .wrap .items .item.top .text h3 { border: none; margin: 0px; } body.interview main section#workflow .wrap .items .item.last::before { top: -50%; } body.interview main section#workflow .wrap .items .item.last .text h3 { border: none; margin: 0px; } @media screen and (max-width: 767px) { body.interview main section#workflow { padding: 11.2vw 0px 20vw; } body.interview main section#workflow .wrap .items { padding-top: 5vw; } body.interview main section#workflow .wrap .items .item { align-items: flex-start; min-height: auto; } body.interview main section#workflow .wrap .items .item::before { left: 14%; } body.interview main section#workflow .wrap .items .item .time h4 { width: 24vw; height: 24vw; border-radius: 12vw; } body.interview main section#workflow .wrap .items .item .text { margin-left: 5.3vw; margin-bottom: 7vw; } body.interview main section#workflow .wrap .items .item .text h3 { padding-bottom: 1.5vw; } body.interview main section#workflow .wrap .items .item .text h3.border { padding-bottom: 1.5vw !important; } body.interview main section#workflow .wrap .items .item.top { min-height: 48vw; align-items: center; } body.interview main section#workflow .wrap .items .item.top .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.top .text h3 { padding: 0px; } body.interview main section#workflow .wrap .items .item.last { min-height: 20vw; align-items: center; } body.interview main section#workflow .wrap .items .item.last .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.last .text h3 { padding: 0px; } } body.interview main section#mylife { background-color: rgb(248, 248, 52); padding-top: 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife { padding-top: 6.25vw; } } body.interview main section#mylife .wrap .items { display: flex; padding: 75px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items { padding: 6.25vw 5vw 5vw; } } body.interview main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap { padding-bottom: 8vw; } body.interview main section#mylife .wrap .items { flex-direction: column; padding: 10.6vw 0px 0px; } body.interview main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#people .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap { padding-top: 10.4167vw; } } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 320px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list { width: 26.6667vw; } } body.interview main section#people .wrap .slick-list .slick-slide { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { margin-right: 6.66667vw; } } body.interview main section#people .wrap .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 36%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { height: 5.08333vw; } } body.interview main section#people .wrap .slick-arrow.slick-prev { left: 0px; } body.interview main section#people .wrap .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview main section#people .wrap .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview main section#people .wrap .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview main section#people .wrap .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview main section#people .wrap .items { display: flex; justify-content: flex-start; width: 100%; padding-top: 94px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-bottom: 13.3333vw; } } body.interview main section#people .wrap .items .item { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { margin-right: 6.66667vw; } } body.interview main section#people .wrap .items .item .photo { border-radius: 320px; overflow: hidden; width: 100%; margin: 0px auto; } body.interview main section#people .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.interview main section#people .wrap .items .item:hover .photo img { transform: scale(1.08); } body.interview main section#people .wrap .items .item div.text { margin-top: 0.5em; } body.interview main section#people .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; text-align: center; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 2vw; } } body.interview main section#people .wrap .items .item div.text p { margin-bottom: 8px; text-align: center; line-height: 0; white-space: nowrap; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 2.86vw; } } body.interview main section#people .wrap .items .item div.text p .position { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; background-color: rgb(238, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#people .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 1.76vw; } } body.interview main section#people .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 1.28vw; } } @media screen and (max-width: 767px) { body.interview main section#people .wrap { padding-top: 33.3vw; } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 100%; } body.interview main section#people .wrap .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview main section#people .wrap .items { padding-top: 16.5vw; padding-bottom: 29.3vw; } body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 3.46vw; } body.interview main section#people .wrap .items .item div.text p { line-height: 0; white-space: inherit; } body.interview main section#people .wrap .items .item div.text p .position { margin-bottom: 2.53vw; margin-right: 0px; display: inline-block; } body.interview main section#people .wrap .items .item div.text p .start { margin-bottom: 1vw; display: inline-block; } } body#interview_top main section#hero { padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#hero { padding-bottom: 13.3333vw; } } body#interview_top main section#hero h1 { width: 628px; height: 135px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#interview_top main section#hero h1 { width: calc(-78.5px + 49.0625vw); height: calc(-16.875px + 10.5469vw); } } @media screen and (max-width: 767px) { body#interview_top main section#hero { padding-bottom: 35.3vw; } body#interview_top main section#hero h1 { width: 83.4vw; height: 19.7vw; padding-bottom: 0vw; } } body#interview_top main section#interview_list { background-color: rgb(80, 89, 95); margin-bottom: 160px; } body#interview_top main section#interview_list::before { content: ""; width: 100%; height: 240px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::before { height: 20vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::before { background-image: url(""); height: 21.3vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list { margin-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list { margin-bottom: 40vw; } } body#interview_top main section#interview_list .wrap p.read { color: rgb(238, 239, 239); text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: -67px; margin-bottom: 92px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-top: -5.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-bottom: 7.66667vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { margin-top: 14vw; margin-bottom: 13vw; } } body#interview_top main section#interview_list .wrap .items { margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0px 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1120px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { padding: 0px 3.33333vw; } } body#interview_top main section#interview_list .wrap .items .item { width: 28.8%; margin-right: 6.7%; margin-bottom: 60px; display: block; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items .item { margin-bottom: 5vw; } } body#interview_top main section#interview_list .wrap .items .item:nth-child(3n) { margin-right: 0px; } body#interview_top main section#interview_list .wrap .items .item .photo { border-radius: 320px 320px 0px 0px; overflow: hidden; margin: 0px auto; } body#interview_top main section#interview_list .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#interview_top main section#interview_list .wrap .items .item:hover .photo img { transform: scale(1.08); } body#interview_top main section#interview_list .wrap .items .item div.text { margin-top: 0px; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items { width: 100%; margin-top: 10vw; margin-bottom: 0vw; display: block; overflow: visible !important; } body#interview_top main section#interview_list .wrap .items .item { width: 58.6vw; overflow: hidden; padding: 0px; margin: 0px auto 16vw; } body#interview_top main section#interview_list .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 100%; height: 85.3vw; } body#interview_top main section#interview_list .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#interview_top main section#interview_list .wrap .items .item div.text p { margin-bottom: 1vw; } } body#interview_top main section#interview_list::after { content: ""; width: 100%; height: 160px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::after { display: none; } } body.interview_article main section#hero { overflow: hidden; background-color: rgb(237, 240, 242); } body.interview_article main section#hero::before { content: ""; position: absolute; width: 100%; height: 380px; } body.interview_article main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview_article main section#hero .block { margin-top: -2.6vw; } } body.interview_article main section#hero .wrap { max-width: 2240px; padding: 0px; margin: 0px auto; overflow: hidden; } body.interview_article main section#hero .wrap .photo { position: relative; width: 100%; margin: 0px auto; display: flex; } body.interview_article main section#hero .wrap .photo img { width: 2240px; height: 624px; object-fit: cover; } body.interview_article main section#hero .wrap .text { max-width: 950px; width: 100%; height: 100%; margin: 0px auto; position: absolute; left: 50%; top: 0px; transform: translateX(-475px); } body.interview_article main section#hero .wrap .text h1 { position: absolute; left: 0px; z-index: 100; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 30px; line-height: 56px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview_article main section#hero .wrap .text h1 b { display: block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; margin-bottom: 26px; padding: 0px; color: rgb(103, 108, 113); letter-spacing: 0.05em; } body.interview_article main section#hero .wrap .text h1 b::before { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-right: 0.5em; vertical-align: 36%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 2.16667vw; } } body.interview_article main section#hero .wrap .text h1 b i { font-style: normal; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; background-color: rgb(103, 108, 113); color: rgb(238, 239, 239); padding: 0em 1.5em 0.05em; margin-left: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b i { margin-left: 1.66667vw; } } @media screen and (max-width: 1080px) and (min-width: 768px) { body.interview_article main section#hero .wrap .text { max-width: 90%; left: 5%; transform: translateX(0px); } } body.interview_article main section#hero .wrap.text-line-4 .text h1 { top: 26%; } body.interview_article main section#hero .wrap.text-line-3 .text h1 { top: 30.5%; } @media screen and (max-width: 767px) { body.interview_article main section#hero { overflow: hidden; } body.interview_article main section#hero::before { display: none; } body.interview_article main section#hero .block { display: none; } body.interview_article main section#hero .wrap .photo { width: 100%; height: 98.66%; } body.interview_article main section#hero .wrap .photo img { object-fit: contain; width: 100%; height: 100%; } body.interview_article main section#hero .wrap .text { width: 100%; padding: 9vw 0px 0px; transform: translateX(0px); position: static; text-align: center; } body.interview_article main section#hero .wrap .text h1 { position: static; } body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 5.6vw; } body.interview_article main section#hero .wrap .text h1 b::after { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-left: 0.5em; vertical-align: 36%; } body.interview_article main section#hero .wrap .text p { line-height: 0; } body.interview_article main section#hero .wrap .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .name { margin: 0px; } body.interview_article main section#hero .wrap .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview_article main section#profile { padding: 120px 0px; background-color: rgb(237, 240, 242); } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile { padding: 10vw 0px; } } body.interview_article main section#profile .wrap { max-width: 1120px; } body.interview_article main section#profile .wrap::before { content: ""; height: 20px; width: 100%; display: block; border-top: 1px solid rgb(103, 108, 113); border-right: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-bottom: none; } body.interview_article main section#profile .wrap .content { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 34px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content { padding: 2.83333vw 5vw; } } body.interview_article main section#profile .wrap .content h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 50px; line-height: 50px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content h2 { font-size: max(12px, 4.62963vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content h2 { font-size: 9.1vw; line-height: 9.1vw; } } body.interview_article main section#profile .wrap .content div { margin-left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div { margin-left: 5.41667vw; } } body.interview_article main section#profile .wrap .content div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 { font-size: 2.86vw; line-height: 2.86vw; } } body.interview_article main section#profile .wrap .content div h3 b { background-color: black; color: white; letter-spacing: 0em; margin-right: 15px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 5px 1px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { padding: 0vw 0.416667vw 0.0833333vw; } } body.interview_article main section#profile .wrap .content div h1 { vertical-align: middle; letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; margin: 20px 0px 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 { font-size: 5.98vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 { margin: 1.66667vw 0vw 2.91667vw 0px; } } body.interview_article main section#profile .wrap .content div h1 span { vertical-align: middle; font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; margin-left: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 span { margin-left: 1.25vw; } } body.interview_article main section#profile .wrap .content div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { font-size: 3.12vw; line-height: 6.24vw; } } body.interview_article main section#profile .wrap::after { content: ""; height: 20px; width: 100%; display: block; border-right: 1px solid rgb(103, 108, 113); border-bottom: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-top: none; } @media screen and (max-width: 767px) { body.interview_article main section#profile { padding: 12.8vw 0px 16vw; } body.interview_article main section#profile .wrap .content { flex-direction: column; padding: 6vw 4vw; } body.interview_article main section#profile .wrap .content h2 { margin-bottom: 4vw; } body.interview_article main section#profile .wrap .content div { margin-left: 0px; text-align: center; } body.interview_article main section#profile .wrap .content div h3 b, body.interview_article main section#profile .wrap .content div h3 br { display: none; } body.interview_article main section#profile .wrap .content div h1 { margin: 2.6vw 0px 0px; } body.interview_article main section#profile .wrap .content div h1 span { margin: 0px; } body.interview_article main section#profile .wrap .content div b { background-color: black; color: white; display: inline-block; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 0.5em; margin-top: 3vw; } } @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) and (max-width: 767px) { body.interview_article main section#profile .wrap .content div b { font-size: 2.86vw; line-height: 4.16vw; } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { text-align: left; margin-top: 6vw; } } body.interview_article main section.article { background-color: rgb(237, 240, 242); padding-bottom: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article { padding-bottom: 10vw; } } body.interview_article main section.article .photo { max-width: 2000px; height: 640px; display: flex; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .photo { height: 53.3333vw; } } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { height: 100%; max-width: 1240px; width: 67%; object-fit: cover; } body.interview_article main section.article .photo picture img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo.right { justify-content: flex-end; } @media screen and (max-width: 767px) { body.interview_article main section.article .photo { height: 86vw; } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo .block { display: none; } } body.interview_article main section.article .wrap .text { background-color: white; max-width: 1000px; width: 100%; margin: 36px auto 0px; padding: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { padding: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { margin-top: 3vw; } } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text.kuikomi { margin-top: -13.3333vw; } } body.interview_article main section.article .wrap .text h2 { color: rgb(45, 50, 55); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 17px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text h2 { font-size: max(12px, 1.57407vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text h2 { font-size: 3.9vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p:last-child { margin-bottom: 0px; } body.interview_article main section.article .wrap .text ul { list-style-type: disc; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ul { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ul { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text ol { list-style-type: decimal; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ol { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ol { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .sosumi { max-width: 1000px; width: 100%; margin: 20px auto 0px; padding: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { padding: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section.article .wrap .sosumi li { padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi li { padding-bottom: 1.25vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { padding: 5vw 0px 9.6vw; margin-top: 0vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article { margin-top: 0px; padding-bottom: 5.3vw; } body.interview_article main section.article .wrap { padding: 0px 4.67vw; } body.interview_article main section.article .wrap .text { padding: 13.8vw 4.67vw 9.6vw; margin-top: 5.3vw; } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -16vw; } } body.interview_article main section#mylife { background-color: rgb(248, 248, 52); padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife { padding-top: 10.4167vw; } } body.interview_article main section#mylife .wrap .items { display: flex; padding: 90px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items { padding: 7.5vw 5vw 5vw; } } body.interview_article main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview_article main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview_article main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview_article main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview_article main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview_article main section#mylife { padding-top: 0px; } body.interview_article main section#mylife::before { content: ""; display: block; width: 100vw; height: 8vw; background-color: rgb(237, 240, 242); margin-bottom: 16vw; } body.interview_article main section#mylife .wrap { padding-bottom: 8vw; } body.interview_article main section#mylife .wrap .items { flex-direction: column; padding: 10vw 0px 0px; } body.interview_article main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview_article main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview_article main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview_article main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview_article main section#other_interviews { padding-top: 126px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-top: 10.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews { padding-top: 33vw; padding-bottom: 29vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap { overflow: visible; padding: 0px; } body.interview_article main section#other_interviews .wrap .simple { margin-left: 7.3vw; } } body.interview_article main section#other_interviews .wrap .items { margin-top: 110px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items { margin-top: 9.16667vw; } } body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible; width: 1600px; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { height: 5.08333vw; } } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { left: 0px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview_article main section#other_interviews .wrap .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .item { height: 35.8333vw; } } body.interview_article main section#other_interviews .wrap .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item:hover img { transform: scale(1.08); } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: hidden; } body.interview_article main section#other_interviews .wrap .items .item div.text { margin-top: 0px; } body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 15px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items { width: 100%; margin-top: 14.6vw; display: block; overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-track, body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-list { width: 100%; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview_article main section#other_interviews .wrap .items .item { width: 58.6vw; overflow: hidden; height: auto; } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body.interview_article main section#other_interviews .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item div.text { line-height: 0; } body.interview_article main section#other_interviews .wrap .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .name_en { vertical-align: 0.15em; } } body.interview_article main section#other_interviews .wrap .backto_list { display: block; text-align: center; margin-top: 90px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; padding: 24px 0px; width: 260px; background-color: rgb(248, 248, 52); margin-left: auto; margin-right: auto; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { margin-top: 7.5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { padding: 2vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { width: 21.6667vw; } } body.interview_article main section#other_interviews .wrap .backto_list:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { margin: 12vw auto 0px; } } body#real main section#hero h1 { width: 732px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#real main section#hero h1 { width: calc(-83.76px + 52.35vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#real main section#hero h1 { width: 56.6vw; height: 35.8vw; } } body#real main section#intro { padding: 115px 0px 180px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro { padding: 9.58333vw 0px 15vw; } } body#real main section#intro h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 30px; line-height: 58px; text-align: center; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#real main section#intro h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro h1 { margin-bottom: 5vw; } } body#real main section#intro p { max-width: 800px; margin: 0px auto; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#real main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#real main section#intro { padding: 32vw 0px 31vw; } body#real main section#intro h1 { margin-bottom: 10.6vw; } } body#real main section#data { padding-bottom: 225px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data { padding-bottom: 18.75vw; } } @media screen and (max-width: 767px) { body#real main section#data { padding-bottom: 33vw; } } body#real main section#data .wrap.items { max-width: 1280px; padding: 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items { padding: 0px 6.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items { padding: 0px; } } body#real main section#data .wrap.items .animation.fadeup { transform: translateY(30%); opacity: 0; transition: all 0.5s ease-in-out 0s; } body#real main section#data .wrap.items .animation.fadeup.active { opacity: 1; transform: translateY(0%); } body#real main section#data .wrap.items .row { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row { flex-direction: column; } } body#real main section#data .wrap.items .row .col { position: relative; overflow: hidden; flex-grow: 1; } body#real main section#data .wrap.items .row .col.gray1 { background-color: rgb(45, 50, 55); } body#real main section#data .wrap.items .row .col.gray2 { background-color: rgb(52, 57, 62); } body#real main section#data .wrap.items .row .col.gray3 { background-color: rgb(65, 70, 74); } body#real main section#data .wrap.items .row .col.gray4 { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items .row .col i { font-style: normal; margin: 0px -0.07em; } body#real main section#data .wrap.items .row .col b { font-style: normal; font-size: 0.65em; } body#real main section#data .wrap.items .row .col .content { width: 100%; height: 100%; padding-top: 38px; padding-bottom: 38px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-top: 3.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-bottom: 3.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content { padding-top: 11vw; padding-bottom: 11vw; } } body#real main section#data .wrap.items .row .col .content h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 50px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: max(12px, 4.62963vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: 11.44vw; line-height: 11.44vw; } } body#real main section#data .wrap.items .row .col .content h4 span { font-family: Poppins, sans-serif; font-weight: 400; font-size: 115px; line-height: 115px; color: rgb(248, 248, 52); vertical-align: -3%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: max(12px, 10.6481vw); line-height: max(16px, 10.6481vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: 26vw; line-height: 26vw; } } body#real main section#data .wrap.items .row .col .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 28px; width: 80%; margin-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content p { margin-top: 2.5vw; } } body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 5.83333vw; } } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 3.75vw; } } body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: absolute; bottom: 1.5em; left: 1.7em; white-space: nowrap; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: static; margin-top: 5vw; } body#real main section#data .wrap.items .row .col#col07 .content { padding-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col08 { text-align: center; } body#real main section#data .wrap.items .row .col#col08 i { margin: 0px -0.02em; } body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 80px; margin-bottom: 43px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-bottom: 3.58333vw; } } body#real main section#data .wrap.items .row .col#col08 p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: max(12px, 1.38889vw); line-height: max(16px, 1.38889vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 18vw; margin-bottom: 11vw; } } body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { width: 87.5%; padding-top: 42px; margin-bottom: -5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 3.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { margin-bottom: -0.416667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 15vw; } } body#real main section#data .wrap.items .row .col::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(248, 248, 52); } body#real main section#data .wrap.items .row.d3 .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3 .col { width: 100%; min-height: 100vw; } } body#real main section#data .wrap.items .row.d2 { max-height: 514px; } body#real main section#data .wrap.items .row.d2 .col { width: 50%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d2 { max-height: none; } body#real main section#data .wrap.items .row.d2 .col { width: 100%; } } body#real main section#data .wrap.items .row.d3a .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3a .col { width: 100%; padding-top: 0%; padding-bottom: 0% !important; } } body#real main section#data .wrap.items .row .animation.left-to-right .content { transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s; } body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { width: 64%; padding-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { padding-top: 2.5vw; } } body#real main section#data .wrap.items .row .animation.left-to-right::after { transform: translateX(-100%); transform-origin: right center; } body#real main section#data .wrap.items .row .animation.left-to-right.active .content { transform: translateX(0px); } body#real main section#data .wrap.items .row .animation.left-to-right.active::after { animation: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards running left-to-right-1, 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 normal forwards running left-to-right-2; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content { transform: translateY(-100%); transition: transform 0.6s ease-in-out 0.4s; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.top-to-bottom::after { transform: translateY(-100%); transform-origin: center bottom; } body#real main section#data .wrap.items .row .animation.top-to-bottom.active .content { transform: translateY(0px); } body#real main section#data .wrap.items .row .animation.top-to-bottom.active::after { animation: 0.8s ease-in-out 0s 1 normal forwards running top-to-bottom; } body#real main section#data .wrap.items#real_voice { margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice { margin-top: 6.66667vw; } } body#real main section#data .wrap.items#real_voice .header { border-top: 10px solid rgb(45, 50, 55); border-left: 10px solid rgb(45, 50, 55); border-right: 10px solid rgb(45, 50, 55); display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); padding: 90px 0px 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header { padding: 7.5vw 0px 6.83333vw; } } body#real main section#data .wrap.items#real_voice .header h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 90px; line-height: 64px; color: rgb(45, 50, 55); padding-right: 45px; border-right: 1px solid rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: max(12px, 8.33333vw); line-height: max(16px, 5.92593vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: 11.7vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 3.75vw; } } body#real main section#data .wrap.items#real_voice .header p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; padding-left: 35px; color: rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header p { font-size: 3.12vw; line-height: 4.68vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header p { padding-left: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header { flex-direction: column; border-width: 2vw; padding: 8vw 0px 5vw; border-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 0px; border-right: 0px; } body#real main section#data .wrap.items#real_voice .header h2::after { content: ""; display: block; width: 8vw; height: 1px; background-color: rgb(45, 50, 55); margin: 5vw auto 3vw; } body#real main section#data .wrap.items#real_voice .header p { padding-left: 0px; text-align: center; } } body#real main section#data .wrap.items#real_voice .row { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 25%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 100%; } } body#real main section#data .wrap.items#real_voice .row.d4 .col::after { display: none; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 43px 0px 22px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 3.58333vw 0px 1.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 11vw 0px 5.5vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { text-align: center; color: white; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: 4.94vw; line-height: 7.02vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 71.4%; margin-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { margin-top: 1.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 61.3%; margin-top: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { border-bottom: 2px dotted rgb(238, 239, 239); display: flex; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-top: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-bottom: 1.25vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li:last-child { border-bottom: none; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding: 5vw 0px; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { text-align: center; margin-right: 8px; width: 22%; line-height: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 0.666667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { width: 20%; margin-right: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 12px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: 3.12vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-family: Poppins, sans-serif; font-weight: 600; font-size: 30px; line-height: 22px; margin-right: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: max(12px, 2.77778vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: 7.8vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; border-bottom: 1px solid rgb(248, 248, 52); white-space: nowrap; display: inline; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: 2.86vw; line-height: 2.86vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { margin: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 3.9vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 1vw; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 1.2vw; white-space: nowrap; } } body#real main section#data .wrap.items#real_voice .baloons.type1 { background-color: rgb(52, 57, 62); padding: 45px 100px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type1 { padding: 3.75vw 8.33333vw 5vw; } } body#real main section#data .wrap.items#real_voice .baloons.type2 { background-color: rgb(65, 70, 74); padding: 45px 100px 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 3.75vw 8.33333vw 5.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons.type1, body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 12vw 7.3vw; } } body#real main section#data .wrap.items#real_voice .baloons h3 { color: white; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 48px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: 4.94vw; line-height: 7.02vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 4vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 14vw; } } body#real main section#data .wrap.items#real_voice .baloons .item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 2.5vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 5vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } body#real main section#data .wrap.items#real_voice .baloons .item .text p { text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: 3.64vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: 4.16vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text > div { text-align: right; width: 100%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 24px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.22222vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: 3.38vw; line-height: 6.76vw; } } body#real main section#data .wrap.items#real_voice .baloons .item:last-child { margin-bottom: 0px; } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text { background-color: rgb(248, 248, 52); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text { background-color: rgb(196, 200, 203); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.left .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { content: ""; display: block; position: absolute; right: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { content: ""; display: block; position: absolute; left: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { flex-direction: column; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0px; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { position: relative; padding: 30px 40px; margin-top: 35px; flex-grow: 1; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { padding: 2.5vw 3.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 2.91667vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { content: ""; display: block; position: absolute; left: 50%; bottom: 100%; width: 26px; height: 34px; background-size: contain; transform: rotate(-90deg) translate3d(-20%, -40%, 0px); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { height: 2.83333vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item.yellow .text::before { transform: rotate(90deg) translate3d(20%, 40%, 0px); } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { margin-bottom: 5vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 6vw; padding: 4vw 5.3vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { margin-bottom: -0.1vw; width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 48%; } body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 0px; } } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 30%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 100%; } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 100%; } } @keyframes left-to-right-1 { 0% { transform: scaleX(1) translateX(-100%); } 100% { transform: scaleX(1) translateX(0px); } } @keyframes left-to-right-2 { 0% { transform: scaleX(1) translateX(0px); } 100% { transform: scaleX(0) translateX(0px); } } @keyframes top-to-bottom { 0% { transform: scaleY(1) translateY(-100%); } 30% { transform: scaleY(1) translateY(0px); } 60% { transform: scaleY(1) translateY(0px); } 100% { transform: scaleY(0) translateY(0px); } } body#project_story_top main section#hero h1 { width: 617px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#project_story_top main section#hero h1 { width: calc(-77.12px + 48.2vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#hero h1 { width: 81.7vw; height: 19.8vw; } } body#project_story_top main section#contents .wrap h1 { text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; margin-top: 115px; margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-bottom: 11.6667vw; } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { margin-top: 32vw; margin-bottom: 18vw; } } body#project_story_top main section#contents .wrap .items { margin-top: 0px; margin-bottom: 80px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-bottom: 6.66667vw; } } body#project_story_top main section#contents .wrap .items .item { width: 100%; position: relative; display: block; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item { margin-bottom: 13.3333vw; } } body#project_story_top main section#contents .wrap .items .item .tag { display: flex; justify-content: flex-start; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; font-family: Poppins, sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; transform: rotate(90deg) translate3d(-100px, -200%, 0px); opacity: 0; transform-origin: 0% 0%; } body#project_story_top main section#contents .wrap .items .item .tag::before { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-right: 15px; width: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { width: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: 2.6vw; line-height: 2.6vw; } } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(10px, -200%, 0px); opacity: 1; } body#project_story_top main section#contents .wrap .items .item .text { width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 30px; } body#project_story_top main section#contents .wrap .items .item .text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 68px; color: rgb(0, 0, 0); display: block; margin-bottom: 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: max(12px, 6.2963vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 9.1vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { margin-bottom: 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1240px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 5.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 2.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 { position: absolute; right: 0px; color: white; -webkit-text-stroke: 1px black; margin-top: -0.2em; font-family: Poppins, sans-serif; font-weight: 600; font-size: 122px; line-height: 122px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: max(12px, 11.2963vw); line-height: max(16px, 11.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: 16.38vw; line-height: 16.38vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 sup { font-size: 0.6em; font-weight: 500; vertical-align: 0.5em; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap { overflow: hidden; width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap picture img { transition: all 1s ease 0s; } body#project_story_top main section#contents .wrap .items .item .photo h3 { position: absolute; left: 0px; bottom: -45px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { bottom: -3.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 5.85vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 10px 20px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { padding: 0.833333vw 1.66667vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { margin-bottom: 1vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body#project_story_top main section#contents .wrap .items .item:hover .photo picture img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 34vw; display: block; overflow: visible !important; } body#project_story_top main section#contents .wrap .items .item { width: 100%; padding: 0px; display: block; margin-bottom: 20vw !important; } body#project_story_top main section#contents .wrap .items .item .tag::before { width: 25vw; margin-right: 3vw; display: block; } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(1.5vw, -200%, 0px); } body#project_story_top main section#contents .wrap .items .item div.text { width: 74.6vw; } body#project_story_top main section#contents .wrap .items .item div.text .tag2 { top: 19vw; z-index: 10; right: -2.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position { margin-bottom: 3.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position .en { margin-bottom: 2vw; } body#project_story_top main section#contents .wrap .items .item div.photo { width: 74.6vw; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#project_story_top main section#contents .wrap .items .item div.photo .photo-wrap { margin: 0px; width: 100%; } body#project_story_top main section#contents .wrap .items .item div.photo h3 { bottom: -6vw; } body#project_story_top main section#contents .wrap .items .item div.photo h3 .line { padding: 1.5vw 3.6vw; margin-bottom: 1.6vw; } } body.project_story main { padding-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main { padding-top: 0vw; } } @media screen and (max-width: 767px) { body.project_story main { padding-top: 0px; } body.project_story main .reverse-sp { flex-direction: column-reverse !important; display: flex; } } body.project_story main section#hero { overflow: visible; position: relative; height: 945px; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero { padding-bottom: 27.9167vw; } } body.project_story main section#hero .bg { height: 800px; width: 100%; position: absolute; top: 145px; background: url("") 50% 0px / auto 100% no-repeat; } body.project_story main section#hero .bg p { font-family: Poppins, sans-serif; font-weight: 600; font-size: 260px; line-height: 260px; color: rgb(247, 248, 248); position: absolute; top: 45%; left: -1%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .bg p { font-size: max(12px, 24.0741vw); line-height: max(16px, 24.0741vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .bg p { font-size: 29.9vw; line-height: 29.9vw; } } body.project_story main section#hero .bg p sup { font-size: 0.5em; font-weight: 500; } body.project_story main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.project_story main section#hero .block { margin-top: 2.4vw; } } body.project_story main section#hero .wrap_a { max-width: 100%; width: 100%; margin: 0px auto; position: relative; } body.project_story main section#hero .wrap_a .wrap_b { position: absolute; left: 11.4%; top: 150px; z-index: 10; } body.project_story main section#hero .wrap_a .wrap_b .tag { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 7px 17px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 24px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { padding: 0.583333vw 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 2vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#hero .wrap_a .wrap_b .title { color: rgb(0, 0, 0); margin-top: 60px; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: 5.85vw; line-height: 5.85vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 12px 25px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { padding: 1vw 2.08333vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { margin-bottom: 1vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .ten { letter-spacing: -0.35em; } body.project_story main section#hero .wrap_a .wrap_c { position: absolute; left: 45.3%; top: 0px; height: 681px; width: 54.8%; } body.project_story main section#hero .wrap_a .wrap_c picture { position: relative; display: block; width: 100%; height: 100%; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 767px) { body.project_story main section#hero { padding-bottom: 41.3vw; overflow: hidden; height: 194.6vw; } body.project_story main section#hero .wrap_a { background: transparent; } body.project_story main section#hero .wrap_a .wrap_b { left: 7.33vw; top: 91.73vw; } body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title span[class^="line"] { padding: 1.5vw 3.3vw; margin-bottom: 1.6vw; } body.project_story main section#hero .wrap_a .wrap_c { position: relative; left: 0px; top: 0px; width: 100%; height: 94.66vw; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } body.project_story main section#hero .bg { height: 100vw; width: 100%; top: 94.66vw; background-image: url(""); } body.project_story main section#hero .bg p { top: 43%; left: auto; right: 9vw; } } body.project_story main section.article .wrap.narrow { max-width: 960px; } body.project_story main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; margin: 100px 0px 70px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap h2 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2 { margin: 8.33333vw 0px 5.83333vw; } } body.project_story main section.article .wrap h2.read { margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2.read { margin-top: 3.75vw; } } body.project_story main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.project_story main section.article .wrap .cols { display: flex; justify-content: space-between; } body.project_story main section.article .wrap .cols .left { width: 50%; } body.project_story main section.article .wrap .cols .left.text { padding-right: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-right: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-top: 4.16667vw; } } body.project_story main section.article .wrap .cols .right { width: 50%; } body.project_story main section.article .wrap .cols .right.text { padding-left: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-top: 4.16667vw; } } body.project_story main section.article .photo-wrap { max-width: 1280px; margin: 80px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .photo-wrap { margin-top: 6.66667vw; } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap.narrow { max-width: 100%; } body.project_story main section.article .wrap h2 { margin: 22vw auto 7.5vw; } body.project_story main section.article .wrap h2.read { margin-top: 10vw; } body.project_story main section.article .wrap .cols { flex-direction: column; } body.project_story main section.article .wrap .cols .left, body.project_story main section.article .wrap .cols .right { width: 100%; } body.project_story main section.article .wrap .cols .left.text, body.project_story main section.article .wrap .cols .right.text { padding: 0px; } body.project_story main section.article .photo-wrap { max-width: 100%; margin: 7vw auto 0px; } } body.project_story main section#other_project .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap { padding-top: 10.4167vw; } } body.project_story main section#other_project .wrap .items { display: flex; justify-content: space-between; width: 100%; padding-top: 94px; padding-bottom: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-bottom: 14.1667vw; } } body.project_story main section#other_project .wrap .items .item { width: 520px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item { width: 43.3333vw; } } body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 0.833333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag span { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 5px 14px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { padding: 0.416667vw 1.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: 3.64vw; line-height: 3.64vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag::after { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-left: 15px; width: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { margin-left: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 8.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#other_project .wrap .items .item .photo { overflow: hidden; width: 100%; margin: 15px auto 0px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo { margin-top: 1.25vw; } } body.project_story main section#other_project .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.project_story main section#other_project .wrap .items .item .photo h3 { position: absolute; left: 27px; bottom: 23px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 25px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { left: 2.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { bottom: 1.91667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 8.84vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 0px 15px; margin-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { padding: 0px 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 0.416667vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body.project_story main section#other_project .wrap .items .item:hover .photo img { transform: scale(1.08); } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap { padding-top: 33.3vw; } body.project_story main section#other_project .wrap .items { padding-top: 16.5vw; padding-bottom: 17vw; flex-direction: column; } body.project_story main section#other_project .wrap .items .item { width: 100%; margin-bottom: 17vw; margin-right: 0px !important; margin-left: 0px !important; } body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 5.4vw; } body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 20vw; } body.project_story main section#other_project .wrap .items .item div.text .position .ja { margin-top: 1.1vw; display: block; } body.project_story main section#other_project .wrap .items .item .photo { margin-top: 4.5vw; overflow: visible; } body.project_story main section#other_project .wrap .items .item .photo h3 { left: 0px; bottom: -5.5vw; margin-bottom: 0px; } body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 1.5vw; } } body.project_story#project_story_01 main section#hero .wrap_c img { object-position: 90% 50%; } body.project_story#project_story_02 main section#hero .wrap_c img { object-position: 10% 50%; } body.project_story#project_story_03 main section#hero .wrap_c img { object-position: 30% 50%; } "); } @media screen and (max-width: 767px) { body main section.yellow-cards .items .right { margin-top: 10vw; } } body main section#entry { margin-top: 50px; padding-bottom: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { margin-top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { padding-bottom: 4.16667vw; } } @media screen and (max-width: 767px) { body main section#entry { padding: 0px 7.3vw; overflow: hidden; margin-top: 0vw; } } body main section#entry .wrap { overflow: hidden; padding: 0px 80px; max-width: 1440px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap { padding: 0vw 6.66667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap { padding: 0px !important; } } body main section#entry .wrap > div { overflow: hidden; } body main section#entry .wrap > div .ticker { display: block; white-space: nowrap; margin: 2px 0px 5px; } body main section#entry .wrap > div .ticker h2 { display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; color: rgb(206, 210, 213); padding-right: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div .ticker h2 span { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 span { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 span { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div a { display: flex; justify-content: center; align-items: center; width: 100%; height: 320px; background-color: rgb(248, 248, 52); } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap > div a { height: 26.6667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a { height: 37.3vw; } } body main section#entry .wrap > div a h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 80px; line-height: 80px; letter-spacing: 20px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div a h3 { font-size: max(12px, 7.40741vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { font-size: 10.4vw; line-height: 12.35vw; } } body main section#entry .wrap > div a h3::after { content: " "; display: inline-block; width: 0.7em; height: 0.7em; margin-left: 0.3em; background: url(data:image/webp;base64,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) center center / 100% 100% no-repeat; } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { letter-spacing: 0px; } } body main section#entry .wrap > div a:hover h3 { letter-spacing: 0px; } body main section#entry .wrap > div a:hover h3::after { background-image: url(""); } body footer { background-color: black; color: rgb(238, 239, 239); } body footer .mosaic { height: 240px; background: url(data:image/webp;base64,UklGRnQHAABXRUJQVlA4IGgHAAAQzwCdASrECSwBPpFIoEwlpCMiIygAsBIJaW7hdb1776B4T4fgD+AfgB9MVwH8A/AD8ANsE8A/AD8ANb/uv9ID+AfwD8//4Buf/H/g0rzPQEZddN3Wz/gyj+XXDQWHJgA/qv5tT3fMpqZSHjgf1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5ACLVAFlbXTd1uZ6AjLrpu63M9ARl103dbmefy4BACNW0A36YARq2gG/TAC263M9ARkNwqZUzCMuum7rczzgNij0hyegIy66butocAf9gO1uS58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwCAEatoBv0wAjVtAN+mAFt1uZ6AjIbhUypmEZddN3W5nnAbFHpDk9ARl103dbQ4A/7Adrclz4psIAW3W5noCMuum7rcz0BGXXTd1tDgEAI1bQDfpgBGraAb9MALbrcz0BGQ3CplTMIy66butzPOA2KPSHJ6AjLrpu62hwB/2A7W5LnxTYQAtutzPQEZddN3W5noCMuum7raHAIARq2gG/TACNW0A36YAW3W5noCMhuFTKmYRl103dbmecBsUekOT0BGXXTd1tDgD/sB2tyXPimwgBbdbmegIy66butzPQEZddN3W0OAQAjVtAN+mAEatoBv0wAtutzPQEZDcKmVMwjLrpu63M84DYo9IcnoCMuum7raHAH/YDtbkufFNhAC263M9ARl103dbmegIy66butnBY6oP5plVCYdXsGGbcbxvKDUaAeeaZVQmMe17egIoBMOiqhM+CRdnmaKGa/YZB/NMqn0q24htxvG8206TOaWbcbxvNsoJ7mUca4ZB/NMqn0tAK8is3Pimuto1kmZ8Ei+M+CRfGfBHGsAu35txvG8pt82+jebcbxvJcdAywgBbdbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARq2gIpPt5rc+KbCAFm58U12uFTPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butzPQEZddN3KnzYLktM9ARl103dXhsUekOTzgNij0ipZnbnzYLktM9ARltGhK/2A7W5noBv0wAjWdPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLriAdraHAIAW3W5noCKT7ea3PimcraAb9uKqvDYo9IcnoCMuow5PP5cAgBbdbQ4A/7BBk9ARl103dbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARrOnn8uAP+wHa3M9AN+mAFm58U2EALNz4pnLOnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl1xAO1tDgEALbrcz0BFJ9vNbnxTOVtAN+3FVXhsUekOT0BGXUYcnn8uAQAtutocAf9ggyegIy66butzPQEZddN3W5noCMuum7rcz0BGXUJS1+ytvG8241nBtP530yqhM9xqUaWALbrZ4umPzsz4JF8Ys0i5YIAiDzjCWoh/NMqn2AZCXUvMo6Gaer0JnwSLwpOeDZnm502XzTKqExqE4q3zTKqEz3SSehOm7rcztCSyxkJG28bzbTx4KKWgIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZUzCMhuFTPQEZddN3W5noCMuum7rcz0BGXXSKtoBwtBbdbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63Jc+KZytoCMuum7rcz0BGXXTd1uZ6AjLrpu6vDYo9IcnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butyXPimcraAjLrpu63M9ARl103dbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXUYcnnAbFIAtutzPQEZddN3W5noCMuum7rcztz5sFyWmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARSfbzW58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwB/2A7W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPOA2KPSHJ6AjLrpu63M9ARl103dbmegIy66bqGYRkNwqZ6AjLrpu63M9ARl103dbmegIy66butzPQDYAA/v94mIt2xqtkOlz2g9mv9o8v+U7aL/aPL/lO2i/2jy/5Ttov9o8v+U92pTf8bU++fsbdEnDEnDEnDFK18UAAAAAAAAAAAAAAAAAAAAAAAAAJh22XkYHv0cEquyR/UB9mMSoqSTiUjaoJ75nJMKWN6F3B7ypbmT7JOJSNpwAaWKFLU68uVPXfJivLj+fsVY7NevgAAAAAAAAAAAAAAAAAAAAAAAAAAGzKfOP7gE/Oq8VII9YnNjgDLKAByGUTrXLA3qZ62YvzOgAAC3AAGvAAAJAAe4AAIXAdEAAH6AbsAAHuAa8AAAA=) center 0px / auto 100% no-repeat; } @media screen and (max-width: 767px) { body footer .mosaic { height: 32vw; background-image: url(""); background-size: 100%; } } body footer .wrap { max-width: 1280px; margin: 142px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap { margin: 11.8333vw auto 0vw; } } @media screen and (max-width: 767px) { body footer .wrap { padding: 0px 4.5vw; margin-top: 18vw; } } body footer .wrap .title { display: flex; justify-content: flex-start; align-items: flex-end; } body footer .wrap .title svg { width: 120px; height: 37px; fill: rgb(238, 239, 239); } @media screen and (max-width: 767px) { body footer .wrap .title svg { width: 24.5vw; height: 7.4vw; } } body footer .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(238, 239, 239); padding: 0px 0px 0.3em 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .title p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .title p { font-size: 2.86vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1370px) { body footer .wrap .title { padding: 0px 3vw; } } body footer .wrap .menu { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1120px; margin: 60px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu { margin: 5vw auto 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body footer .wrap .menu { padding: 0px 5vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu { flex-wrap: wrap; margin: 0px 0px 0px 3vw; } } body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-family: Poppins, sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; margin-bottom: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 2.08333vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 3vw; } } body footer .wrap .menu div h3 a span { font-size: 0.9em; } body footer .wrap .menu div a { color: rgb(238, 239, 239); display: block; margin-bottom: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div a { margin-bottom: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div a { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div a { font-size: 3.38vw; line-height: 3.9vw; } } body footer .wrap .menu div a.gray-out { color: rgb(115, 115, 115); } body footer .wrap .menu div a.small { font-size: 0.77em; } body footer .wrap .menu div a:hover:not(.gray-out) { color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body footer .wrap .menu div a { margin-bottom: 3vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div { width: 49%; margin-top: 8vw; } body footer .wrap .menu div.top { width: 100%; } body footer .wrap .menu div.left { width: 65%; } body footer .wrap .menu div.right { width: 35%; } } body footer .wrap .menu.second div { margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu.second div { margin-bottom: 1.66667vw; } } body footer .wrap .menu.second div:last-child { margin-bottom: 0px; } body footer .wrap .menu.second div a.small { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu.second div a.small { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu.second div a.small { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu.second { margin: 0px; } body footer .wrap .menu.second div { display: flex; width: 80%; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 10vw auto 3vw; } } body footer .copyright { text-align: center; margin-top: 160px; padding: 30px 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 10px; line-height: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { margin-top: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { padding: 2.5vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .copyright { font-size: max(12px, 0.925926vw); line-height: max(16px, 0.925926vw); } } @media screen and (max-width: 767px) { body footer .copyright { font-size: 2.6vw; line-height: 2.6vw; } } @media screen and (max-width: 767px) { body footer .copyright { padding: 4vw 0px; margin-top: 26.6vw; } } body.sub-page-style1 main section#hero { max-width: 1400px; margin: 0px auto; width: 100%; padding: 290px 60px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero { padding: 24.1667vw 5vw 0vw; } } @media screen and (max-height: 800px) { body.sub-page-style1 main section#hero { padding-top: 200px; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero { padding: 30vw 0px 0px; } } body.sub-page-style1 main section#hero h1 { margin: 0px 0px 30px auto; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero h1 { margin: 0vw 0vw 2.5vw auto; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero h1 { margin: 0px 7.3vw 10.6vw auto; } } body.sub-page-style1 main section#hero img { width: 100%; } body.sub-page-style1 main section.style3 { padding: 0px 0px 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 { padding: 0vw 0vw 9.58333vw; } } body.sub-page-style1 main section.style3 .items { display: flex; flex-wrap: wrap; justify-content: space-between; } body.sub-page-style1 main section.style3 .items .item { width: 46.4%; margin-top: 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item { margin-top: 6.83333vw; } } body.sub-page-style1 main section.style3 .items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item h3 { margin: 0.416667vw 0vw 0.833333vw; } } body.sub-page-style1 main section.style3 .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 { padding: 0px 0px 30.7vw; } body.sub-page-style1 main section.style3 .items .item { width: 100%; margin-top: 13.3vw; } body.sub-page-style1 main section.style3 .items .item h3 { margin: 6vw 0px 2.5vw; } } body.sub-page-style1 main section.style3 .items .item img { aspect-ratio: 513 / 316; object-fit: cover; object-position: center center; } body#top main section#hero { background: rgb(76, 83, 91); position: relative; padding: 0px; } body#top main section#hero::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgb(94, 100, 106) 0%, rgb(94, 100, 106) 49%, rgb(72, 81, 86) 50%, rgb(72, 81, 86) 100%); transition: all 2s ease 0s; opacity: 0; z-index: 1; } body#top main section#hero img { height: 100%; object-fit: contain; margin: 0px auto; display: block; } body#top main section#hero video { height: auto; width: 100%; max-height: 850px; margin: 0px auto; display: block; position: relative; z-index: 1; } body#top main section#hero .block { margin-top: -15px; z-index: 100; } @media screen and (max-width: 767px) { body#top main section#hero { height: 173vw; } body#top main section#hero img { max-height: 173vw; } body#top main section#hero video { max-height: inherit; } body#top main section#hero .block { margin-top: 0px; } } body#top main section#intro { padding: 270px 0px; } @media screen and (max-width: 767px) { body#top main section#intro { padding: 51.6vw 0px 100.5vw; } } body#top main section#intro .wrap { max-width: 1120px; } body#top main section#intro .block { margin-top: 15px; z-index: 100; } body#top main section#intro h6 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro h6 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro h6 { font-size: 3.9vw; line-height: 3.9vw; } } body#top main section#intro h6::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: black; margin: 0px 0.5em 0.15em 0px; border-radius: 3px; } body#top main section#intro #intro-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 105px; line-height: 160px; max-width: 368px; width: 100%; padding: 80px 0px 5px; margin-bottom: -87px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-title { font-size: max(12px, 9.72222vw); line-height: max(16px, 14.8148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { font-size: 13.52vw; line-height: 20.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { padding: 6.66667vw 0vw 0.416667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { margin-bottom: -7.25vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { width: 48vw; padding-top: 13vw; margin-bottom: -15vw; } } body#top main section#intro #intro-sub-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 45px; line-height: 70px; max-width: 418px; width: 100%; margin-bottom: 15px; padding-top: 10px; padding-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-sub-title { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { font-size: 5.98vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-top: 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-bottom: 0.416667vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { width: 57vw; padding-top: 5vw; margin-bottom: 6.5vw; } } body#top main section#intro #intro-text { width: 100%; max-width: 360px; margin-bottom: -570px; } @media screen and (max-width: 767px) { body#top main section#intro #intro-text { width: 74vw; margin-bottom: -130vw; max-width: inherit; } } body#top main section#intro p { margin-top: 1.8em; letter-spacing: 0.05em; } body#top main section#intro p span { display: block; font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 18px; line-height: 44px; padding-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro p span { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#intro p span { font-size: 3.64vw; line-height: 8.84vw; } } body#top main section#why { background: url("") center 0px repeat; margin-top: -160px; } body#top main section#why::before { content: ""; display: block; width: 100%; height: 321px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#why::before { background-image: url(""); height: 32.1vw; background-size: auto 100%; } } body#top main section#why .wrap { max-width: 1440px; padding: 80px 0px 190px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap { padding: 6.66667vw 0vw 15.8333vw; } } body#top main section#why .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap h4 { margin: 0vw 0vw 0.833333vw; } } body#top main section#why .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#why .wrap .dash { width: 1px; height: 60px; background-color: rgb(0, 0, 0); margin: 78px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap .dash { margin: 6.5vw auto 0vw; } } body#top main section#why .wrap > div { display: flex; justify-content: space-between; margin: 50px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div { margin: 4.16667vw 0vw 0vw; } } body#top main section#why .wrap > div > div { margin: 0px auto; } body#top main section#why .wrap > div > div h3 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 65px; letter-spacing: 0.06em; position: relative; padding: 90px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.01852vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div h3 { font-size: 5.98vw; line-height: 8.45vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div h3 { padding: 7.5vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 48px; padding: 50px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.44444vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div p { padding: 4.16667vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div .photo { max-width: 47.2%; width: 50%; height: auto; margin-top: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div .photo { margin-top: 8.33333vw; } } body#top main section#why .wrap > div img { width: 100%; height: auto; object-fit: contain; object-position: 0% 0%; } body#top main section#why .wrap > div.point1 > div { padding-left: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point1 > div { padding-left: 4.16667vw; } } body#top main section#why .wrap > div.point1 > div h3 { background: url("") 0px 0px / 221px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point1 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } body#top main section#why .wrap > div.point2 { margin-top: 150px; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 { margin-top: 12.5vw; } } body#top main section#why .wrap > div.point2 > div.photo { max-width: 47.2%; margin-left: 0px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-right: 6.66667vw; } } body#top main section#why .wrap > div.point2 > div.text { margin: 0px; } body#top main section#why .wrap > div.point2 > div h3 { background: url("") 0px 0px / 232px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point2 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } @media screen and (max-width: 767px) { body#top main section#why { background-size: 10.66vw 10.66vw; margin-top: 0px; } body#top main section#why .wrap { padding: 21.333vw 0px 32vw; } body#top main section#why .wrap .dash { height: 8vw; margin: 13vw auto 0px; } body#top main section#why .wrap > div { flex-direction: column; margin: 9vw 0px 0px; } body#top main section#why .wrap > div .photo { max-width: 100%; width: 100%; height: 88vw; object-fit: cover; margin: 11.1vw 0px 0px; } body#top main section#why .wrap > div.point1 > div { padding-left: 0px; } body#top main section#why .wrap > div.point1 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point1 > div p { padding: 0px; max-width: 85vw; letter-spacing: 0.05em; } body#top main section#why .wrap > div.point2 { margin-top: 23vw; flex-direction: column-reverse; } body#top main section#why .wrap > div.point2 > div { margin-left: 0px; width: 100%; } body#top main section#why .wrap > div.point2 > div.photo { max-width: 100%; } body#top main section#why .wrap > div.point2 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point2 > div p { padding: 0px; max-width: 85vw; margin: 0px auto; letter-spacing: 0.05em; } } body#top main section#why::after { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (max-width: 767px) { body#top main section#why::after { background-image: url(""); height: 21.3vw; background-size: 100% 100%; } } body#top main section#ceo { background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); } body#top main section#ceo .wrap { max-width: 1280px; margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap { margin-top: 6.66667vw; } } body#top main section#ceo .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap h4 { margin: 0vw 0vw 1.66667vw; } } body#top main section#ceo .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#ceo .wrap > div { display: flex; justify-content: flex-start; width: 100%; margin: 140px auto 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div { margin: 11.6667vw auto 20vw; } } body#top main section#ceo .wrap > div .left { width: 480px; margin: 0px; height: 640px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { width: 40vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { height: 53.3333vw; } } body#top main section#ceo .wrap > div .right { display: flex; justify-content: flex-end; flex-direction: column; margin-left: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right { margin-left: 6.66667vw; } } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 65px; } body#top main section#ceo .wrap > div .right h1 i { display: none; } body#top main section#ceo .wrap > div .right h1 img { width: 521px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 img { width: 43.4167vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 { margin-bottom: 5.41667vw; } } body#top main section#ceo .wrap > div .right h5 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h5 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h5 { margin-bottom: 1vw; } } body#top main section#ceo .wrap > div .right h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h3 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h3 { font-size: 4.94vw; line-height: 4.94vw; } } body#top main section#ceo .wrap > div .right .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 88px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right .more { margin-top: 7.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#ceo .wrap > div .right .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#ceo { margin-top: -1px; } body#top main section#ceo .wrap { margin-top: 23.46vw; } body#top main section#ceo .wrap h4 { margin-bottom: 4vw; } body#top main section#ceo .wrap > div { margin: 17.3vw auto 10.6vw; flex-direction: column; } body#top main section#ceo .wrap > div .left { width: 100%; margin: 0px; height: 116vw; } body#top main section#ceo .wrap > div .right { margin: 10.66vw 0px 38vw; } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 7.3vw; } body#top main section#ceo .wrap > div .right h1 img { width: 100%; } body#top main section#ceo .wrap > div .right h5 { margin-bottom: 3.33vw; } body#top main section#ceo .wrap > div .right .more { width: 100%; margin-top: 9.33vw; } } body#top main section#realized { background: url("") center 0px repeat; margin-bottom: 160px; } body#top main section#realized::before { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized { margin-bottom: 13.3333vw; } } body#top main section#realized .wrap { max-width: 1200px; height: 1061.6px; } body#top main section#realized .wrap .title { position: relative; margin-top: -23px; } body#top main section#realized .wrap .title h4 { position: absolute; background: rgb(215, 218, 221); height: 39px; border-left: 7px solid black; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 41px; text-align: center; padding: 0px 2em; top: 50px; left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { height: 3.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title h4 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title h4 { font-size: 3.64vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { left: 5.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .title h4 { font-size: 1.56vw; line-height: 3.2vw; } } body#top main section#realized .wrap .title h2 i { display: none; } body#top main section#realized .wrap .title h2 img { width: 595px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h2 img { width: 49.5833vw; } } body#top main section#realized .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 44px; margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title p { margin-top: 3.75vw; } } body#top main section#realized .wrap .items { display: flex; justify-content: space-between; margin: 100px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items { margin: 8.33333vw 0vw 0vw; } } body#top main section#realized .wrap .items > div { background: rgb(45, 50, 55); width: 30.769%; height: 440px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { height: 36.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { padding: 3.33333vw 3.33333vw 2.5vw; } } body#top main section#realized .wrap .items > div > div { width: 100%; } body#top main section#realized .wrap .items > div > div h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; color: rgb(238, 239, 239); text-align: center; padding: 0px; margin-bottom: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h4 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 1.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 1.2vw; } } body#top main section#realized .wrap .items > div > div h3 { background-color: rgb(238, 239, 239); width: 100%; height: 57px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 25px; text-align: center; padding: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h3 { height: 4.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 { font-size: 4.42vw; line-height: 9.62vw; } } body#top main section#realized .wrap .items > div > div h3 span { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 13px; line-height: 17px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: max(12px, 1.2037vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: 3.64vw; line-height: 4.55vw; } } body#top main section#realized .wrap .items > div img { height: 101px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div img { height: 8.41667vw; } } body#top main section#realized .wrap .items > div p { color: rgb(238, 239, 239); border-top: 1px solid rgb(238, 239, 239); display: block; width: 100%; margin: 0px; padding-top: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div p { padding-top: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div p { font-size: 3.38vw; line-height: 3.38vw; } } body#top main section#realized .wrap .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 80px; margin-bottom: 100px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 12px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-bottom: 8.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#realized .wrap .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { width: 100%; margin-top: 10.6vw; } } body#top main section#realized::after { content: ""; display: block; width: 100%; height: 320px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#realized { background-size: 10.66vw 10.66vw; margin-bottom: 32vw; } body#top main section#realized::before { background-image: url(""); background-size: 100% 21.333vw; height: 21.333vw; margin-top: -1px; } body#top main section#realized .wrap { height: 319vw; } body#top main section#realized .wrap .title { margin-top: 21.333vw; } body#top main section#realized .wrap .title h4 { left: 0px; top: 10.66vw; height: 8vw; } body#top main section#realized .wrap .title p { margin-top: 13vw; } body#top main section#realized .wrap .items { flex-direction: column; margin: 4vw 0px 0px; } body#top main section#realized .wrap .items > div { width: 100%; height: 64vw; margin: 8vw 0px 0px; padding: 6.66vw 10.66vw 3.3vw; } body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 2vw; } body#top main section#realized .wrap .items > div > div h3 { height: 9.86vw; } body#top main section#realized .wrap .items > div img { height: 20.5vw; } body#top main section#realized .wrap .items > div p { padding-top: 3vw; } body#top main section#realized::after { background-image: url(""); background-size: 100% 32vw; height: 32vw; } } body#top main section#business { padding-bottom: 0px; } body#top main section#project-story .wrap { padding-top: 80px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-bottom: 13.3333vw; } } body#top main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; position: relative; overflow: hidden; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a { height: 33.3333vw; } } body#top main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body#top main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body#top main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text { padding: 4.16667vw 4.58333vw; } } body#top main section#project-story .wrap a .text h2 { display: inline; } body#top main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body#top main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body#top main section#project-story .wrap a .text p { margin-top: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body#top main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body#top main section#project-story .wrap a .arrow { display: none; } body#top main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#top main section#project-story .wrap { padding-top: 10.6vw; padding-bottom: 31.8vw; } body#top main section#project-story .wrap a { height: 64vw; border-bottom-right-radius: 16vw; } body#top main section#project-story .wrap a .text { padding: 12.6vw 0px 0px 4vw; } body#top main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body#top main section#project-story .wrap a .text h3 { margin-top: 2vw; } body#top main section#project-story .wrap a .text p { margin-top: 4vw; } body#top main section#project-story .wrap a .text p span { margin-bottom: 2vw; } body#top main section#project-story .wrap a .bg img { object-position: 50% 30%; } } body#top main section#people { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#people { padding-bottom: 26.6vw; } } body#top main section#people .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 9vw; } } body#top main section#people .wrap .coming { margin-top: 110px; max-height: 440px; border-radius: 80px; overflow: hidden; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap .coming { margin-top: 9.16667vw; } } body#top main section#people .wrap .coming p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(238, 239, 239); font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap .coming p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap .coming p { font-size: 4.68vw; line-height: 4.68vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap { overflow: visible; padding: 0px; } } body#top main section#people .items { margin-top: 0px; max-height: 440px; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-bottom: 13.3333vw; } } body#top main section#people .items .slick-list { overflow: visible; width: 1600px; } body#top main section#people .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#people .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { height: 5.08333vw; } } body#top main section#people .items .slick-arrow.slick-prev { left: 0px; } body#top main section#people .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#people .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#people .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#people .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#people .items .item { width: 320px; height: 440px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .item { height: 36.6667vw; } } body#top main section#people .items .item img { transition: transform 1s ease 0s; } body#top main section#people .items .item:hover img { transform: scale(1.08); } body#top main section#people .items .item div.photo { border-radius: 320px; overflow: hidden; } body#top main section#people .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#top main section#people .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#top main section#people .items .item div.text { margin-top: 0.5em; } body#top main section#people .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { font-size: 4.42vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#people .items .item div.text p { margin: 0px 0px 8px; white-space: nowrap; } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p { margin: 0px; } } body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#top main section#people .items .item div.text p .position { background-color: rgb(239, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } body#top main section#people .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#top main section#people .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.15em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (max-width: 767px) { body#top main section#people .items { width: 100%; margin-top: 0px; display: block; max-height: 85.3vw; overflow: visible !important; } body#top main section#people .items .slick-track, body#top main section#people .items .slick-list { overflow: visible !important; } body#top main section#people .items .slick-list { width: 100%; } body#top main section#people .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#people .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#people .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#top main section#people .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#people .items .item div.text { line-height: 0; } body#top main section#people .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .name_en { vertical-align: 0.15em; } body#top main section#people .items .left, body#top main section#people .items .middle, body#top main section#people .items .right { padding: 0px 4vw; } } body#top main section#interview { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#interview { padding-bottom: 26.6vw; } } body#top main section#interview .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 18vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap { overflow: visible; padding: 0px; } } body#top main section#interview .items { margin-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items { margin-top: 0vw; } } body#top main section#interview .items .slick-list { overflow: visible; width: 1600px; } body#top main section#interview .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#interview .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { height: 5.08333vw; } } body#top main section#interview .items .slick-arrow.slick-prev { left: 0px; } body#top main section#interview .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#interview .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#interview .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#interview .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#interview .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .item { height: 35.8333vw; } } body#top main section#interview .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body#top main section#interview .items .item:hover img { transform: scale(1.08); } body#top main section#interview .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: hidden; } body#top main section#interview .items .item div.text { margin-top: 0px; } body#top main section#interview .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#interview .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#top main section#interview .items { width: 100%; margin-top: 0px; display: block; overflow: visible !important; } body#top main section#interview .items .slick-track, body#top main section#interview .items .slick-list { overflow: visible !important; } body#top main section#interview .items .slick-list { width: 100%; } body#top main section#interview .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#interview .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#interview .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body#top main section#interview .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#interview .items .item div.text { line-height: 0; } body#top main section#interview .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .name_en { vertical-align: 0.15em; } } @media screen and (min-width: 768px) { body#top main section#recruit { padding-bottom: 240px; } } @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) { body#top main section#recruit { padding-bottom: 20vw; } } body#top main section#rest { background: url("") center center / auto 100% no-repeat; height: 720px; } @media screen and (max-width: 767px) { body#top main section#rest { height: 85vw; background-image: url(""); background-size: 100%; } } @media screen and (max-width: 767px) { body#top main section#entry { margin-top: 10vw; } } body#top.windows main section#hero, body#top.ios main section#hero { background: rgb(67, 74, 82); } body#top.windows main section#hero::before, body#top.ios main section#hero::before { background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body#top.video-before-finished main section#hero::before { opacity: 1; } body#recruit main section#hero { margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#hero { margin-bottom: 11.6667vw; } } body#recruit main section#hero h1 { width: 797px; height: 138px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruit main section#hero h1 { width: calc(-99.625px + 62.2656vw); height: calc(-17.25px + 10.7812vw); } } @media screen and (max-width: 767px) { body#recruit main section#hero h1 { width: 64vw; height: 36vw; } } @media screen and (max-width: 767px) { body#recruit main section#hero { margin-bottom: 34.67vw; } } body#recruit main section#business { padding-top: 130px; } body#recruit main section#business::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#business { padding-top: 10.8333vw; } } @media screen and (max-width: 767px) { body#recruit main section#business { padding-top: 0px; } } body#recruit main section.list1 { padding-bottom: 130px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 { padding-bottom: 10.8333vw; } } body#recruit main section.list1 ul { margin-top: 94px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul { margin-top: 7.83333vw; } } body#recruit main section.list1 ul li { display: flex; border-bottom: 1px solid rgb(196, 200, 203); padding: 50px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul li { padding: 4.16667vw 0vw; } } body#recruit main section.list1 ul li:first-child { border-top: 1px solid rgb(196, 200, 203); } body#recruit main section.list1 ul li > div:first-child { width: 21%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:first-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:first-child { font-size: 3.9vw; line-height: 5.2vw; } } body#recruit main section.list1 ul li > div:last-child { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:last-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:last-child { font-size: 3.9vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#recruit main section.list1 { padding-bottom: 33.33vw; } body#recruit main section.list1 ul { margin-top: 16vw; } body#recruit main section.list1 ul li { flex-direction: column; padding: 8vw 0px; } body#recruit main section.list1 ul li > div:first-child { width: 100%; margin-bottom: 3.33vw; } } body#recruit main section#flow .wrap ul { max-width: 960px; margin: 0px auto; padding: 95px 80px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul { padding: 7.91667vw 6.66667vw 0vw; } } body#recruit main section#flow .wrap ul li { display: flex; border: 1px solid rgb(196, 200, 203); margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li { margin-bottom: 3.33333vw; } } body#recruit main section#flow .wrap ul li div { padding: 32px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li div { padding: 2.66667vw 0vw; } } body#recruit main section#flow .wrap ul li div:first-child { background-color: rgb(196, 200, 203); width: 25%; font-family: Poppins, sans-serif; font-weight: 600; font-size: 22px; line-height: 22px; color: white; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: max(12px, 2.03704vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: 3.12vw; line-height: 3.12vw; } } body#recruit main section#flow .wrap ul li div:first-child::after { content: ""; display: block; width: 1px; height: 42px; position: absolute; top: 100%; left: 50%; background-color: rgb(196, 200, 203); } body#recruit main section#flow .wrap ul li div:last-child { width: 75%; justify-content: flex-start; } body#recruit main section#flow .wrap ul li div:last-child span { display: block; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 80px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: 3.64vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { padding-left: 0px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: 2.86vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li.step01 div:last-child, body#recruit main section#flow .wrap ul li.step07 div:last-child { background-color: rgb(246, 248, 252); } body#recruit main section#flow .wrap ul li:last-child { margin-bottom: 0px; } body#recruit main section#flow .wrap ul li:last-child div::after { display: none; } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul { max-width: 100%; padding: 16vw 0px 33.3vw; } body#recruit main section#flow .wrap ul li { margin-bottom: 4.5vw; } body#recruit main section#flow .wrap ul li div { padding: 3.5vw 0px; } body#recruit main section#flow .wrap ul li div:last-child { justify-content: space-between; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 4.67vw; width: auto; min-width: 40%; } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { width: auto; min-width: 60%; } } body#require main section#hero h1 { width: 814px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#require main section#hero h1 { width: calc(-101.625px + 63.5156vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#require main section#hero h1 { width: 61.2vw; height: 36vw; } } body#require main section#intro { text-align: center; padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#intro { padding: 16.6667vw 0vw; } } body#require main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 38px; line-height: 68px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#intro p { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#require main section#intro p { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (max-width: 767px) { body#require main section#intro { padding: 30.66vw 0px; } } body#require main section#conditions p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-top: 65px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions p.read { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions p.read { margin-top: 5.41667vw; } } body#require main section#conditions .items { position: relative; margin-top: 80px; padding: 360px 0px; background: url("") center 240px no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { content: ""; display: block; width: 100%; background: url("") center 0px repeat-x; position: absolute; top: 0px; height: 160px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::before { height: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding: 30vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#require main section#conditions .items { padding-left: 80px; padding-right: 80px; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-right: 6.66667vw; } } body#require main section#conditions .items .item { max-width: 1040px; position: relative; margin: 0px auto 80px; } body#require main section#conditions .items .item::before { content: ""; display: block; width: 100%; background: url("") left top / cover repeat-x transparent; height: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::before { height: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item { margin: 0vw auto 6.66667vw; } } body#require main section#conditions .items .item:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item .box { background-color: rgb(239, 239, 239); padding: 0px 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box { padding: 0vw 6.25vw; } } body#require main section#conditions .items .item .box h3 { background-color: rgb(196, 200, 203); display: block; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 32px; line-height: 70px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box h3 { font-size: max(12px, 2.96296vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box h3 { font-size: 6.24vw; line-height: 6.24vw; } } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { content: ""; display: block; width: 20px; height: 20px; background: url("") left top / auto 100% no-repeat transparent; position: absolute; top: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { height: 1.66667vw; } } body#require main section#conditions .items .item .box h3::after { transform: rotate(180deg); inset: auto 0px 0px auto; } body#require main section#conditions .items .item .box .content { display: flex; margin-top: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content { margin-top: 4.58333vw; } } body#require main section#conditions .items .item .box .content picture { max-height: 260px; max-width: 350px; width: 200%; display: block; margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content picture { margin-right: 3.33333vw; } } body#require main section#conditions .items .item .box .content picture img { width: 100%; } body#require main section#conditions .items .item .box .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box .content p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content p { margin-bottom: 1.66667vw; } } body#require main section#conditions .items .item .box .content p:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item::after { content: ""; display: block; width: 100%; height: 55px; background: url("") left bottom / cover repeat-x transparent; transform: rotate(180deg); margin-top: -0.5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::after { height: 4.58333vw; } } body#require main section#conditions .items::after { content: ""; display: block; width: 100%; height: 160px; background: url("") center bottom repeat-x; position: absolute; bottom: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#require main section#conditions .items { padding: 48vw 0px; margin-top: 10.96vw; background: url("") center 21.3vw / 100% no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { background-image: url(""); background-size: contain; } body#require main section#conditions .items .item { max-width: 85.3vw; } body#require main section#conditions .items .item::before { height: 8vw; background-size: auto 8vw; } body#require main section#conditions .items .item .box { padding: 6.03vw 6vw; } body#require main section#conditions .items .item .box h3 { height: 12vw; display: flex; align-items: center; justify-content: center; } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { width: 3.2vw; height: 3.2vw; } body#require main section#conditions .items .item .box .content { flex-direction: column; margin-top: 10.66vw; } body#require main section#conditions .items .item .box .content picture { min-height: auto; min-width: 100%; width: 100%; height: 46vw; margin: 0px 0px 10.66vw; } body#require main section#conditions .items .item .box .content picture img { width: auto; } body#require main section#conditions .items .item::after { height: 8vw; background-size: auto 8vw; margin-top: -1px; } body#require main section#conditions .items::after { background-image: url(""); background-size: contain; } } body#require main section#recruit { margin-top: 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#recruit { margin-top: 20vw; } } @media screen and (max-width: 767px) { body#require main section#recruit { margin-top: 45.86vw; } } body#message main section#hero { margin-bottom: 152px; background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#hero { margin-bottom: 12.6667vw; } } body#message main section#hero picture img { max-height: 690px; margin: 0px auto; } body#message main section#hero h2 { position: absolute; top: 21.3vw; left: 0px; background-color: black; width: 100%; color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 68px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section#hero h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#message main section#hero h2 { font-size: 3.9vw; line-height: 13vw; } } @media screen and (max-width: 767px) { body#message main section#hero { margin-bottom: 20.66vw; } body#message main section#hero picture img { } } body#message main section.message { padding: 0px 0px 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message { padding: 0vw 0vw 13.3333vw; } } body#message main section.message .wrap { max-width: 1060px; } body#message main section.message .wrap h1 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; text-align: center; margin-bottom: 55px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap h1 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap h1 { font-size: 6.24vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap h1 { margin-bottom: 4.58333vw; } } body#message main section.message .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; text-align: left; margin-top: 2em; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap p { margin-bottom: 2.91667vw; } } body#message main section.message .wrap .float-right p { text-align: right; } body#message main section.message img { max-width: 1040px; margin: 75px auto 0px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message img { margin-top: 6.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#message main section.message img { width: 100%; } } @media screen and (max-width: 767px) { body#message main section.message { padding: 0px 0px 24vw; } body#message main section.message .wrap h1 { margin-bottom: 10.66vw; } body#message main section.message .wrap p { margin-top: 1.5em; } body#message main section.message img { width: 100%; margin-top: 19.33vw; } } body#message main section#message3 img { max-width: 1280px; margin: 155px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#message3 img { margin: 12.9167vw auto 6.66667vw; } } @media screen and (max-width: 767px) { body#message main section#message3 img { width: 100%; margin: 16vw 0px 12.6vw; } } @media screen and (max-width: 767px) { body#message main section#entry { margin-top: 0px; } } body#mission main section#hero h1 { width: 796px; height: 256px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#mission main section#hero h1 { width: calc(-99.5px + 62.1875vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#mission main section#hero h1 { width: 65.7vw; height: 52vw; } } body#mission main section.style2 { padding: 116px 0px; } body#mission main section.style2::before { content: ""; display: block; width: 91.6%; max-width: 1120px; height: 1px; background-color: rgb(200, 200, 200); position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 { padding: 9.66667vw 0vw; } } body#mission main section.style2 .wrap { text-align: center; } body#mission main section.style2 .wrap h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; background-color: rgb(239, 239, 239); display: inline-block; padding: 7px 18px; margin-bottom: 57px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h3 { font-size: 4.16vw; line-height: 4.16vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { padding: 0.583333vw 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { margin-bottom: 4.75vw; } } body#mission main section.style2 .wrap h3 b { color: rgb(149, 150, 150); } body#mission main section.style2 .wrap h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 77px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h2 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h2 { font-size: 9.88vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h2 { margin-bottom: 6.41667vw; } } body#mission main section.style2 .wrap p { max-width: 800px; margin: 0px auto; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } body#mission main section.style2 .wrap p sup { display: inline-block; margin-left: -1em; color: rgb(82, 82, 82); font-size: 0.5em; position: relative; top: -1em; } body#mission main section.style2 .wrap p.sosumi { text-align: right; color: rgb(114, 114, 114); font-size: 0.75em; } @media screen and (max-width: 767px) { body#mission main section.style2 { padding: 26.6vw 0px 13.3vw; } body#mission main section.style2 .wrap h3 { padding: 2vw 2.4vw; margin-bottom: 10vw; } body#mission main section.style2 .wrap h2 { margin-bottom: 10vw; } body#mission main section.style2 .wrap p { max-width: 100%; } } body#mission main section#our-mission::before { display: none; } body#mission main section#our-mission .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-mission .wrap h2 { font-size: max(12px, 6.2963vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section#our-mission .wrap h2 { font-size: 10.4vw; line-height: 14.3vw; } } body#mission main section#our-style .wrap .items { max-width: 1060px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 73px auto 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items { margin: 6.08333vw auto 10vw; } } body#mission main section#our-style .wrap .items .item { margin-bottom: 60px; height: 640px; width: 47.1%; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { margin-bottom: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { height: 53.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item { background-size: 2.89vw !important; } } body#mission main section#our-style .wrap .items .item h5 { font-family: Poppins, sans-serif; font-weight: 500; font-size: 20px; line-height: 20px; margin: 65px 0px 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h5 { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h5 { margin: 5.41667vw 0px 2.08333vw; } } body#mission main section#our-style .wrap .items .item h5 b { font-weight: 600; } body#mission main section#our-style .wrap .items .item h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 52px; background-color: transparent; padding: 0px; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h3 { font-size: max(12px, 4.81481vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h3 { font-size: 9.1vw; line-height: 11.7vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2.91667vw; } } body#mission main section#our-style .wrap .items .item h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 24px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h4 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 4.16vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 1.8vw; } } body#mission main section#our-style .wrap .items .item img { margin: 25px auto 20px; height: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { margin: 2.08333vw auto 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { height: 14.1667vw; } } body#mission main section#our-style .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin: 0px auto; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item p { font-size: 3.64vw; line-height: 6.5vw; } } body#mission main section#our-style .wrap .items .item#item01 { background: url("") center 0px / 37px no-repeat rgb(250, 242, 250); } body#mission main section#our-style .wrap .items .item#item02 { background: url("") center 0px / 37px no-repeat rgb(229, 250, 250); } body#mission main section#our-style .wrap .items .item#item03 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(250, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item03 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item03 { height: auto; } } body#mission main section#our-style .wrap .items .item#item04 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(234, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item04 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item04 { height: auto; } } body#mission main section#our-style .wrap .items .item#item05 { background: url("") center 0px / 37px no-repeat rgb(240, 240, 252); } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items { margin: 31vw auto 11.6vw; } body#mission main section#our-style .wrap .items .item { width: 100%; height: auto; margin-bottom: 10.6vw; padding-bottom: 10.6vw; background-size: 6.4vw !important; } body#mission main section#our-style .wrap .items .item h5 { margin: 12vw 0px 4vw; } body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2vw; } body#mission main section#our-style .wrap .items .item img { margin: 5.5vw auto; height: 26.6vw; } body#mission main section#our-style .wrap .items .item p { text-align: left; padding: 0px 6.6vw; } } body#system main section#hero h1 { width: 851px; height: 257px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#system main section#hero h1 { width: calc(-106.375px + 66.4844vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#system main section#hero h1 { width: 78.9vw; height: 52vw; } } body#system main section#intro { padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro { padding: 16.6667vw 0px; } } body#system main section#intro .wrap { text-align: center; } body#system main section#intro .wrap h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 78px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap h1 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap h1 { font-size: 9.88vw; line-height: 13.91vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro .wrap h1 { margin-bottom: 6.5vw; } } body#system main section#intro .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 784px; margin: 0px auto; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#system main section#intro { padding: 26.7vw 0px 23.7vw; } body#system main section#intro .wrap h1 { margin-bottom: 10vw; } } body.business main section#intro { padding: 130px 0px 210px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro { padding: 10.8333vw 0px 17.5vw; } } body.business main section#intro h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro h2 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body.business main section#intro h2 { font-size: 5.2vw; line-height: 9.88vw; } } body.business main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 800px; margin: 65px auto 0px; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.business main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro p { margin: 5.41667vw auto 0px; } } @media screen and (max-width: 767px) { body.business main section#intro { padding: 33.3vw 0px; } body.business main section#intro p { margin-top: 13.3vw; text-align: left; } } body.business main section#flow .wrap .flow-items { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } body.business main section#flow .wrap .flow-items .item { position: relative; width: 22.32%; margin: 88px 0px 150px; } body.business main section#flow .wrap .flow-items .item::before { content: ""; display: block; width: 20px; height: 17px; position: absolute; right: -29px; top: 83px; background: url("data:image/svg+xml;utf8,") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { width: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { height: 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { right: -2.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { top: 6.91667vw; } } body.business main section#flow .wrap .flow-items .item:last-child::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item { margin: 7.33333vw 0px 12.5vw; } } body.business main section#flow .wrap .flow-items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item h3 { margin: 0.416667vw 0px 0.833333vw; } } body.business main section#flow .wrap .flow-items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; margin: 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items { flex-direction: column; margin-top: 16vw; margin-bottom: 11.6vw; } body.business main section#flow .wrap .flow-items .item { width: 100%; margin: 0px 0px 18.6vw; display: flex; } body.business main section#flow .wrap .flow-items .item::before { background-image: url("data:image/svg+xml;utf8,"); right: 50%; top: 112%; width: 9.3vw; height: 9.3vw; transform: translateX(50%); } body.business main section#flow .wrap .flow-items .item picture { width: 42.6vw; margin-right: 5.3vw; } body.business main section#flow .wrap .flow-items .item picture img { width: 100%; height: auto; } body.business main section#flow .wrap .flow-items .item > div { width: 45%; } body.business main section#flow .wrap .flow-items .item:last-child { margin-bottom: 0px; } } body.business main section#flow .box { background: url("") 50% 0px repeat; display: flex; flex-direction: column; max-width: 1120px; margin: 0px auto; padding: 100px 132px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box { padding: 8.33333vw 11vw; } } body.business main section#flow .box h2 { background-color: white; border: 1px solid black; text-align: center; border-radius: 3em; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box h2 { margin-bottom: 5vw; } } body.business main section#flow .box h2 i { display: none; } body.business main section#flow .box h2 img { max-width: 332px; display: inline-block; padding: 12px 0px; } body.business main section#flow .box > div { display: flex; justify-content: space-between; } body.business main section#flow .box > div > div { border: 1px solid rgb(0, 0, 0); width: 46.5%; background-color: white; } body.business main section#flow .box > div > div h4 { background-color: black; color: white; font-family: Poppins, sans-serif; font-weight: 500; font-size: 30px; line-height: 40px; text-align: center; padding: 0.2em 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div h4 { font-size: max(12px, 2.77778vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div h4 { font-size: 4.68vw; line-height: 9.1vw; } } body.business main section#flow .box > div > div > div { padding: 45px 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box > div > div > div { padding: 3.75vw 4.16667vw; } } body.business main section#flow .box > div > div > div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div h3 { font-size: 4.68vw; line-height: 7.28vw; } } body.business main section#flow .box > div > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin-top: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .box { padding: 13.3vw 7.3vw; background-size: 10.6vw 10.6vw; margin-top: 16vw; } body.business main section#flow .box h2 { margin-bottom: 10.6vw; } body.business main section#flow .box h2 img { width: 48.3vw; padding: 3vw 0px 1.5vw; } body.business main section#flow .box > div { flex-direction: column; } body.business main section#flow .box > div > div { width: 100%; } body.business main section#flow .box > div > div:first-child { margin-bottom: 6.6vw; } body.business main section#flow .box > div > div h4 { padding: 0px; } body.business main section#flow .box > div > div > div { padding: 6.4vw; } } body.business main section#project-story .wrap { padding-top: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap { padding-top: 10vw; } } body.business main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; border: 5px solid rgba(0, 0, 0, 0); position: relative; overflow: visible; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a { height: 33.3333vw; } } body.business main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body.business main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body.business main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text { padding: 4.16667vw; } } body.business main section#project-story .wrap a .text h2 { display: inline; } body.business main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body.business main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body.business main section#project-story .wrap a .text p { margin-top: 40px; line-height: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body.business main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body.business main section#project-story .wrap a .arrow { position: absolute; bottom: 50px; right: 50px; width: 70px; height: 70px; background: url("") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { bottom: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { right: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { width: 5.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { height: 5.83333vw; } } body.business main section#project-story .wrap a:hover { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } body.business main section#project-story .wrap a:hover .arrow { background-image: url(""); } @media screen and (max-width: 767px) { body.business main section#project-story .wrap { padding-top: 13.3vw; } body.business main section#project-story .wrap a { height: 80vw; border-bottom-right-radius: 16vw; } body.business main section#project-story .wrap a .text { padding: 16.5vw 0px 0px 4vw; } body.business main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body.business main section#project-story .wrap a .text h3 { margin-top: 2.26vw; } body.business main section#project-story .wrap a .text p { margin-top: 4vw; } body.business main section#project-story .wrap a .text p span { margin-bottom: 1.8vw; } body.business main section#project-story .wrap a .arrow { bottom: 4vw; right: auto; left: 4vw; width: 9.3vw; height: 9.3vw; } body.business main section#project-story .wrap a.active { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a.active .bg img { transform: scale(1.08); } } body.business main section#skill { padding: 0px; margin: 150px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#skill { margin: 12.5vw 0px; } } @media screen and (max-width: 767px) { body.business main section#skill { margin: 33.3vw 0px; } } body.business main section#business { margin: 0px 0px 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business { margin: 0px 0px 16.6667vw; } } body.business main section#business .wrap .items { display: flex; justify-content: space-between; margin-top: 88px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items { margin-top: 7.33333vw; } } body.business main section#business .wrap .items .item { width: 46.4%; max-width: 100%; border-top-right-radius: 80px; } body.business main section#business .wrap .items .item .text { top: auto; bottom: 30px; left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { bottom: 2.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { left: 3.33333vw; } } body.business main section#business .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 40px; margin: 5px 0px 6px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text h3 { font-size: 4.94vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text h3 { margin: 0.416667vw 0px 0.5vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text h3 { font-size: 1.875vw; } } body.business main section#business .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; margin-top: 8px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text p { margin-top: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text p { font-size: 1.4vw; } } @media screen and (max-width: 767px) { body.business main section#business { margin: 0px 0px 30.6vw; } body.business main section#business .wrap .items { flex-direction: column; margin-top: 6vw; } body.business main section#business .wrap .items .item { margin-top: 10vw; border-top-right-radius: 16vw; width: 100% !important; } body.business main section#business .wrap .items .item .text { top: auto; left: 1em; bottom: 1em !important; } } body#marketing main section#hero h1 { width: 690px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#marketing main section#hero h1 { width: calc(-88.96px + 55.6vw); height: calc(-17.44px + 10.9vw); } } @media screen and (max-width: 767px) { body#marketing main section#hero h1 { width: 72.5vw; height: 35.8vw; } } body#career-advisor main section#hero h1 { width: 988px; height: 137px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#career-advisor main section#hero h1 { width: calc(-127.36px + 79.6vw); height: calc(-17.744px + 11.09vw); } } @media screen and (max-width: 767px) { body#career-advisor main section#hero h1 { width: 66.2vw; height: 36vw; } } body#career-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#recruiting-advisor main section#hero h1 { width: 1234px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruiting-advisor main section#hero h1 { width: calc(-153.6px + 96vw); height: calc(-17.632px + 11.02vw); } } @media screen and (max-width: 767px) { body#recruiting-advisor main section#hero h1 { width: 73.8vw; height: 52vw; } } body#recruiting-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#member main section#hero h1 { width: 384px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#member main section#hero h1 { width: calc(-48px + 30vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#member main section#hero h1 { width: 50.9vw; height: 20vw; } } body#member main section#members .wrap p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: 115px; margin-bottom: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-bottom: 6.66667vw; } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { text-align: center; margin-top: 23vw; margin-bottom: 14.5vw; } } body#member main section#members .wrap .items { margin-top: 0px; margin-bottom: 280px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-bottom: 23.3333vw; } } body#member main section#members .wrap .items .item { width: 48%; padding: 50px 0px; display: block; text-align: center; margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { padding: 4.16667vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { margin-bottom: 3.33333vw; } } body#member main section#members .wrap .items .item .photo { border-radius: 320px; overflow: hidden; width: 59%; margin: 0px auto; } body#member main section#members .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#member main section#members .wrap .items .item:hover .photo img { transform: scale(1.08); } body#member main section#members .wrap .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#member main section#members .wrap .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#member main section#members .wrap .items .item div.text { margin-top: 0.5em; } body#member main section#members .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } body#member main section#members .wrap .items .item div.text p { margin-bottom: 8px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#member main section#members .wrap .items .item div.text p .position { background-color: rgb(255, 255, 255); padding: 0px 0.5em; margin-right: 0.5em; } body#member main section#members .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 3.33333vw; } } body#member main section#members .wrap .items .item#interview01 { background-color: rgb(196, 200, 203); } body#member main section#members .wrap .items .item#interview02 { background-color: rgb(226, 231, 234); } body#member main section#members .wrap .items .item#interview03 { background-color: rgb(226, 228, 228); } body#member main section#members .wrap .items .item#interview04 { background-color: rgb(214, 217, 219); } body#member main section#members .wrap .items .item#interview05 { background-color: rgb(226, 228, 228); } @media screen and (max-width: 767px) { body#member main section#members .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 40vw; display: block; overflow: visible !important; } body#member main section#members .wrap .items .item { width: 100%; height: 140vw; overflow: hidden; padding: 8.6vw 0px; margin-right: 0px !important; margin-bottom: 6.6vw !important; } body#member main section#members .wrap .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#member main section#members .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#member main section#members .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#member main section#members .wrap .items .item div.text p { line-height: 0; margin-bottom: 1vw; } body#member main section#members .wrap .items .item div.text p .position { display: inline-block; margin: 0px 0px 2vw; background-color: rgb(238, 239, 239); padding-bottom: 0.15em; } body#member main section#members .wrap .items .item div.text p .start { display: inline-block; margin: 0px 0px 1vw; } } body.interview main { padding-top: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main { padding-top: 7.5vw; } } @media screen and (max-width: 767px) { body.interview main { padding-top: 16vw; } } body.interview main section#hero { overflow: visible; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero { padding-bottom: 27.9167vw; } } body.interview main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview main section#hero .block { margin-top: -2.6vw; } } body.interview main section#hero .wrap_a { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body.interview main section#hero .wrap_a .wrap_b { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_a .wrap_b .photo { position: relative; max-width: 1180px; width: 84.2%; margin: 0px 0px 0px auto; display: block; } body.interview main section#hero .wrap_a .wrap_b .photo img { width: 100%; height: 100%; object-fit: cover; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; left: -55px; bottom: -55px; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { display: inline-block; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 68px; background-color: rgb(248, 248, 52); margin-bottom: 12px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: 5.85vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1vw; } } body.interview main section#hero .wrap_c .wrap_d { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_c .wrap_d .text { width: 460px; background-color: rgb(237, 240, 242); margin: 0px 0px 0px auto; position: relative; padding: 60px 0px 60px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 38.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { padding: 5vw 0vw 5vw 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 43vw; } } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text .position { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; background-color: black; padding: 0px 0.5em 0.1em; margin-right: 0.75em; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#hero .wrap_c .wrap_d .text .start { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#hero .wrap_c .wrap_d .text .name { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; margin: 15px 20px 0px 0px; display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text .name { margin: 1.25vw 1.66667vw 0px 0px; } } body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; vertical-align: 0.3em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: 3.12vw; line-height: 4.42vw; } } body.interview main section#hero .wrap_c .wrap_d .text::after { content: ""; display: block; background-color: rgb(237, 240, 242); position: absolute; left: 100%; top: 0px; width: 100%; height: 100%; } @media screen and (max-width: 767px) { body.interview main section#hero { padding-bottom: 41.3vw; overflow: hidden; } body.interview main section#hero .wrap_a { background: transparent; } body.interview main section#hero .wrap_a .wrap_b .photo { width: 100%; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; bottom: -16.5vw; left: 7.3vw; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1.6vw; } body.interview main section#hero .wrap_c .wrap_d .text { width: 100%; padding: 25.3vw 0px 8vw 7.3vw; } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .name { margin: 0px; } body.interview main section#hero .wrap_c .wrap_d .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview main section.article .wrap { display: flex; justify-content: space-between; } body.interview main section.article .wrap .left { width: 50%; } body.interview main section.article .wrap .right { width: 50%; } body.interview main section.article .wrap .text { padding: 80px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text { padding: 6.66667vw 0px 0px 6.66667vw; } } body.interview main section.article .wrap .text.left { padding: 80px 80px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text.left { padding: 6.66667vw 6.66667vw 0px 0px; } } body.interview main section.article .wrap.type2 { flex-direction: column; padding: 0px; } body.interview main section.article .wrap.type2 img { max-width: 1280px; width: 100%; margin: 70px auto 120px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap.type2 img { margin: 5.83333vw 0px 10vw; } } body.interview main section.article .wrap .center { max-width: 800px; margin: 0px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .center { margin-bottom: 6.66667vw; } } body.interview main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 24px; line-height: 32px; margin-bottom: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap h2 { font-size: max(12px, 2.22222vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap h2 { font-size: 4.68vw; line-height: 6.24vw; } } body.interview main section.article .wrap h2 span { display: inline-block; background-color: rgb(248, 248, 52); margin-bottom: 8px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap h2 span { margin-bottom: 0.666667vw; } } body.interview main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview main section.article::after { content: ""; background: url(data:image/webp;base64,UklGRtYDAABXRUJQVlA4IMoDAABQagCdASoACqAAPpFIn0ylpKKiIAi4sBIJaW7hd04A/gGSGaA0fTO9AJ+OVrqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkI5zGtJe6XtSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSEB9ugH26AfbqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKRpTaL3To1ra8rXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDH0QZ0KgkfxUkkHCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQor1r5RteUwF5MbdSFJIZCkkMhSSGQpJDIRyGzK+k9qy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rHpFY6BdEskVidZbZxXrXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDHzZ5rxL5JSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGPm2bzWC+fJBwpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSNXXUJQSQcKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhHUXPH1r58kHCkkMhSSGQpJDIUkhkKSQwYAAP7k5gAATEUu7qSn7DxZY+7T4b2nd0Uu7q8604EAAAAAAAAAAAAAAAAAAAAAAALSKXd0CAACyb87/UrUmk1W6BcVdp2qbyTChQwIAARLIaYq+N4d+FiIe8AAAAZepL/PCgAAAASmAAAAAd0AAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section.article { margin-top: 0px; } body.interview main section.article .wrap { flex-direction: column-reverse; } body.interview main section.article .wrap .left, body.interview main section.article .wrap .right { width: 100%; padding: 0px; } body.interview main section.article .wrap h2 { margin-bottom: 8vw; } body.interview main section.article .wrap h2 span { margin-bottom: 1.6vw; } body.interview main section.article .wrap.type2 { flex-direction: column-reverse; padding: 0px; margin-top: 15.6vw; } body.interview main section.article .wrap.type2 .center { margin: 0px; padding: 0px 7.3vw; } body.interview main section.article .wrap.type2 picture { margin: 0px; width: 100vw; } body.interview main section.article .wrap.type2 picture img { width: 100%; margin: 0px; } body.interview main section.article .wrap.type3 { flex-direction: column; margin-top: 15.3vw; padding-bottom: 31.7vw; } body.interview main section.article .wrap.type3 .left.text { padding: 0px; } body.interview main section.article::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#workflow { background-color: rgb(237, 240, 242); padding-top: 55px; padding-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-top: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-bottom: 7.5vw; } } body.interview main section#workflow .wrap .items { max-width: 800px; margin: 0px auto; padding-top: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items { padding-top: 9.58333vw; } } body.interview main section#workflow .wrap .items .item { display: flex; justify-content: flex-start; align-items: center; min-height: 195px; position: relative; } body.interview main section#workflow .wrap .items .item::before { content: ""; width: 1px; height: 100%; background-color: rgb(140, 145, 150); position: absolute; top: 0px; left: 83px; } body.interview main section#workflow .wrap .items .item .time h4 { display: flex; align-items: center; justify-content: center; position: relative; z-index: 100; font-family: Poppins, sans-serif; font-weight: 600; font-size: 34px; line-height: 34px; color: rgb(238, 239, 239); border-radius: 83px; background-color: rgb(140, 145, 150); width: 166px; height: 166px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: max(12px, 3.14815vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: 4.68vw; line-height: 4.68vw; } } body.interview main section#workflow .wrap .items .item .text { margin-left: 48px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items .item .text { margin-left: 4vw; } } body.interview main section#workflow .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 50px; margin-bottom: 0.5em; border-bottom: 1px solid rgb(196, 200, 203); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview main section#workflow .wrap .items .item .text h3.border { border-bottom: 1px solid rgb(196, 200, 203) !important; margin-bottom: 0.5em !important; } body.interview main section#workflow .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 27px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.98vw; } } body.interview main section#workflow .wrap .items .item:nth-child(2n) .time h4 { background-color: rgb(103, 108, 113); } body.interview main section#workflow .wrap .items .item.top::before { top: 50%; } body.interview main section#workflow .wrap .items .item.top .text h3 { border: none; margin: 0px; } body.interview main section#workflow .wrap .items .item.last::before { top: -50%; } body.interview main section#workflow .wrap .items .item.last .text h3 { border: none; margin: 0px; } @media screen and (max-width: 767px) { body.interview main section#workflow { padding: 11.2vw 0px 20vw; } body.interview main section#workflow .wrap .items { padding-top: 5vw; } body.interview main section#workflow .wrap .items .item { align-items: flex-start; min-height: auto; } body.interview main section#workflow .wrap .items .item::before { left: 14%; } body.interview main section#workflow .wrap .items .item .time h4 { width: 24vw; height: 24vw; border-radius: 12vw; } body.interview main section#workflow .wrap .items .item .text { margin-left: 5.3vw; margin-bottom: 7vw; } body.interview main section#workflow .wrap .items .item .text h3 { padding-bottom: 1.5vw; } body.interview main section#workflow .wrap .items .item .text h3.border { padding-bottom: 1.5vw !important; } body.interview main section#workflow .wrap .items .item.top { min-height: 48vw; align-items: center; } body.interview main section#workflow .wrap .items .item.top .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.top .text h3 { padding: 0px; } body.interview main section#workflow .wrap .items .item.last { min-height: 20vw; align-items: center; } body.interview main section#workflow .wrap .items .item.last .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.last .text h3 { padding: 0px; } } body.interview main section#mylife { background-color: rgb(248, 248, 52); padding-top: 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife { padding-top: 6.25vw; } } body.interview main section#mylife .wrap .items { display: flex; padding: 75px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items { padding: 6.25vw 5vw 5vw; } } body.interview main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap { padding-bottom: 8vw; } body.interview main section#mylife .wrap .items { flex-direction: column; padding: 10.6vw 0px 0px; } body.interview main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#people .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap { padding-top: 10.4167vw; } } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 320px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list { width: 26.6667vw; } } body.interview main section#people .wrap .slick-list .slick-slide { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { margin-right: 6.66667vw; } } body.interview main section#people .wrap .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 36%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { height: 5.08333vw; } } body.interview main section#people .wrap .slick-arrow.slick-prev { left: 0px; } body.interview main section#people .wrap .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview main section#people .wrap .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview main section#people .wrap .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview main section#people .wrap .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview main section#people .wrap .items { display: flex; justify-content: flex-start; width: 100%; padding-top: 94px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-bottom: 13.3333vw; } } body.interview main section#people .wrap .items .item { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { margin-right: 6.66667vw; } } body.interview main section#people .wrap .items .item .photo { border-radius: 320px; overflow: visible; width: 100%; margin: 0px auto; } body.interview main section#people .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.interview main section#people .wrap .items .item:hover .photo img { transform: scale(1.08); } body.interview main section#people .wrap .items .item div.text { margin-top: 0.5em; } body.interview main section#people .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; text-align: center; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 2vw; } } body.interview main section#people .wrap .items .item div.text p { margin-bottom: 8px; text-align: center; line-height: 0; white-space: nowrap; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 2.86vw; } } body.interview main section#people .wrap .items .item div.text p .position { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; background-color: rgb(238, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#people .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 1.76vw; } } body.interview main section#people .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 1.28vw; } } @media screen and (max-width: 767px) { body.interview main section#people .wrap { padding-top: 33.3vw; } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 100%; } body.interview main section#people .wrap .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview main section#people .wrap .items { padding-top: 16.5vw; padding-bottom: 29.3vw; } body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 3.46vw; } body.interview main section#people .wrap .items .item div.text p { line-height: 0; white-space: inherit; } body.interview main section#people .wrap .items .item div.text p .position { margin-bottom: 2.53vw; margin-right: 0px; display: inline-block; } body.interview main section#people .wrap .items .item div.text p .start { margin-bottom: 1vw; display: inline-block; } } body#interview_top main section#hero { padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#hero { padding-bottom: 13.3333vw; } } body#interview_top main section#hero h1 { width: 628px; height: 135px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#interview_top main section#hero h1 { width: calc(-78.5px + 49.0625vw); height: calc(-16.875px + 10.5469vw); } } @media screen and (max-width: 767px) { body#interview_top main section#hero { padding-bottom: 35.3vw; } body#interview_top main section#hero h1 { width: 83.4vw; height: 19.7vw; padding-bottom: 0vw; } } body#interview_top main section#interview_list { background-color: rgb(80, 89, 95); margin-bottom: 160px; } body#interview_top main section#interview_list::before { content: ""; width: 100%; height: 240px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::before { height: 20vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::before { background-image: url(""); height: 21.3vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list { margin-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list { margin-bottom: 40vw; } } body#interview_top main section#interview_list .wrap p.read { color: rgb(238, 239, 239); text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: -67px; margin-bottom: 92px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-top: -5.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-bottom: 7.66667vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { margin-top: 14vw; margin-bottom: 13vw; } } body#interview_top main section#interview_list .wrap .items { margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0px 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1120px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { padding: 0px 3.33333vw; } } body#interview_top main section#interview_list .wrap .items .item { width: 28.8%; margin-right: 6.7%; margin-bottom: 60px; display: block; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items .item { margin-bottom: 5vw; } } body#interview_top main section#interview_list .wrap .items .item:nth-child(3n) { margin-right: 0px; } body#interview_top main section#interview_list .wrap .items .item .photo { border-radius: 320px 320px 0px 0px; overflow: hidden; margin: 0px auto; } body#interview_top main section#interview_list .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#interview_top main section#interview_list .wrap .items .item:hover .photo img { transform: scale(1.08); } body#interview_top main section#interview_list .wrap .items .item div.text { margin-top: 0px; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items { width: 100%; margin-top: 10vw; margin-bottom: 0vw; display: block; overflow: visible !important; } body#interview_top main section#interview_list .wrap .items .item { width: 58.6vw; overflow: hidden; padding: 0px; margin: 0px auto 16vw; } body#interview_top main section#interview_list .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 100%; height: 85.3vw; } body#interview_top main section#interview_list .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#interview_top main section#interview_list .wrap .items .item div.text p { margin-bottom: 1vw; } } body#interview_top main section#interview_list::after { content: ""; width: 100%; height: 160px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::after { display: none; } } body.interview_article main section#hero { overflow: visible; background-color: rgb(237, 240, 242); } body.interview_article main section#hero::before { content: ""; position: absolute; width: 100%; height: 380px; } body.interview_article main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview_article main section#hero .block { margin-top: -2.6vw; } } body.interview_article main section#hero .wrap { max-width: 2240px; padding: 0px; margin: 0px auto; overflow: visible; } body.interview_article main section#hero .wrap .photo { position: relative; width: 100%; margin: 0px auto; display: flex; } body.interview_article main section#hero .wrap .photo img { width: 2240px; height: 624px; object-fit: cover; } body.interview_article main section#hero .wrap .text { max-width: 950px; width: 100%; height: 100%; margin: 0px auto; position: absolute; left: 50%; top: 0px; transform: translateX(-475px); } body.interview_article main section#hero .wrap .text h1 { position: absolute; left: 0px; z-index: 100; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 30px; line-height: 56px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview_article main section#hero .wrap .text h1 b { display: block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; margin-bottom: 26px; padding: 0px; color: rgb(103, 108, 113); letter-spacing: 0.05em; } body.interview_article main section#hero .wrap .text h1 b::before { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-right: 0.5em; vertical-align: 36%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 2.16667vw; } } body.interview_article main section#hero .wrap .text h1 b i { font-style: normal; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; background-color: rgb(103, 108, 113); color: rgb(238, 239, 239); padding: 0em 1.5em 0.05em; margin-left: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b i { margin-left: 1.66667vw; } } @media screen and (max-width: 1080px) and (min-width: 768px) { body.interview_article main section#hero .wrap .text { max-width: 90%; left: 5%; transform: translateX(0px); } } body.interview_article main section#hero .wrap.text-line-4 .text h1 { top: 26%; } body.interview_article main section#hero .wrap.text-line-3 .text h1 { top: 30.5%; } @media screen and (max-width: 767px) { body.interview_article main section#hero { overflow: hidden; } body.interview_article main section#hero::before { display: none; } body.interview_article main section#hero .block { display: none; } body.interview_article main section#hero .wrap .photo { width: 100%; height: 98.66%; } body.interview_article main section#hero .wrap .photo img { object-fit: contain; width: 100%; height: 100%; } body.interview_article main section#hero .wrap .text { width: 100%; padding: 9vw 0px 0px; transform: translateX(0px); position: static; text-align: center; } body.interview_article main section#hero .wrap .text h1 { position: static; } body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 5.6vw; } body.interview_article main section#hero .wrap .text h1 b::after { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-left: 0.5em; vertical-align: 36%; } body.interview_article main section#hero .wrap .text p { line-height: 0; } body.interview_article main section#hero .wrap .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .name { margin: 0px; } body.interview_article main section#hero .wrap .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview_article main section#profile { padding: 120px 0px; background-color: rgb(237, 240, 242); } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile { padding: 10vw 0px; } } body.interview_article main section#profile .wrap { max-width: 1120px; } body.interview_article main section#profile .wrap::before { content: ""; height: 20px; width: 100%; display: block; border-top: 1px solid rgb(103, 108, 113); border-right: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-bottom: none; } body.interview_article main section#profile .wrap .content { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 34px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content { padding: 2.83333vw 5vw; } } body.interview_article main section#profile .wrap .content h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 50px; line-height: 50px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content h2 { font-size: max(12px, 4.62963vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content h2 { font-size: 9.1vw; line-height: 9.1vw; } } body.interview_article main section#profile .wrap .content div { margin-left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div { margin-left: 5.41667vw; } } body.interview_article main section#profile .wrap .content div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 { font-size: 2.86vw; line-height: 2.86vw; } } body.interview_article main section#profile .wrap .content div h3 b { background-color: black; color: white; letter-spacing: 0em; margin-right: 15px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 5px 1px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { padding: 0vw 0.416667vw 0.0833333vw; } } body.interview_article main section#profile .wrap .content div h1 { vertical-align: middle; letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; margin: 20px 0px 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 { font-size: 5.98vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 { margin: 1.66667vw 0vw 2.91667vw 0px; } } body.interview_article main section#profile .wrap .content div h1 span { vertical-align: middle; font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; margin-left: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 span { margin-left: 1.25vw; } } body.interview_article main section#profile .wrap .content div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { font-size: 3.12vw; line-height: 6.24vw; } } body.interview_article main section#profile .wrap::after { content: ""; height: 20px; width: 100%; display: block; border-right: 1px solid rgb(103, 108, 113); border-bottom: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-top: none; } @media screen and (max-width: 767px) { body.interview_article main section#profile { padding: 12.8vw 0px 16vw; } body.interview_article main section#profile .wrap .content { flex-direction: column; padding: 6vw 4vw; } body.interview_article main section#profile .wrap .content h2 { margin-bottom: 4vw; } body.interview_article main section#profile .wrap .content div { margin-left: 0px; text-align: center; } body.interview_article main section#profile .wrap .content div h3 b, body.interview_article main section#profile .wrap .content div h3 br { display: none; } body.interview_article main section#profile .wrap .content div h1 { margin: 2.6vw 0px 0px; } body.interview_article main section#profile .wrap .content div h1 span { margin: 0px; } body.interview_article main section#profile .wrap .content div b { background-color: black; color: white; display: inline-block; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 0.5em; margin-top: 3vw; } } @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) and (max-width: 767px) { body.interview_article main section#profile .wrap .content div b { font-size: 2.86vw; line-height: 4.16vw; } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { text-align: left; margin-top: 6vw; } } body.interview_article main section.article { background-color: rgb(237, 240, 242); padding-bottom: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article { padding-bottom: 10vw; } } body.interview_article main section.article .photo { max-width: 2000px; height: 640px; display: flex; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .photo { height: 53.3333vw; } } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { height: 100%; max-width: 1240px; width: 67%; object-fit: cover; } body.interview_article main section.article .photo picture img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo.right { justify-content: flex-end; } @media screen and (max-width: 767px) { body.interview_article main section.article .photo { height: 86vw; } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo .block { display: none; } } body.interview_article main section.article .wrap .text { background-color: white; max-width: 1000px; width: 100%; margin: 36px auto 0px; padding: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { padding: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { margin-top: 3vw; } } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text.kuikomi { margin-top: -13.3333vw; } } body.interview_article main section.article .wrap .text h2 { color: rgb(45, 50, 55); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 17px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text h2 { font-size: max(12px, 1.57407vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text h2 { font-size: 3.9vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p:last-child { margin-bottom: 0px; } body.interview_article main section.article .wrap .text ul { list-style-type: disc; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ul { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ul { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text ol { list-style-type: decimal; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ol { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ol { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .sosumi { max-width: 1000px; width: 100%; margin: 20px auto 0px; padding: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { padding: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section.article .wrap .sosumi li { padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi li { padding-bottom: 1.25vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { padding: 5vw 0px 9.6vw; margin-top: 0vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article { margin-top: 0px; padding-bottom: 5.3vw; } body.interview_article main section.article .wrap { padding: 0px 4.67vw; } body.interview_article main section.article .wrap .text { padding: 13.8vw 4.67vw 9.6vw; margin-top: 5.3vw; } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -16vw; } } body.interview_article main section#mylife { background-color: rgb(248, 248, 52); padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife { padding-top: 10.4167vw; } } body.interview_article main section#mylife .wrap .items { display: flex; padding: 90px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items { padding: 7.5vw 5vw 5vw; } } body.interview_article main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview_article main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview_article main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview_article main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview_article main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview_article main section#mylife { padding-top: 0px; } body.interview_article main section#mylife::before { content: ""; display: block; width: 100vw; height: 8vw; background-color: rgb(237, 240, 242); margin-bottom: 16vw; } body.interview_article main section#mylife .wrap { padding-bottom: 8vw; } body.interview_article main section#mylife .wrap .items { flex-direction: column; padding: 10vw 0px 0px; } body.interview_article main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview_article main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview_article main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview_article main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview_article main section#other_interviews { padding-top: 126px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-top: 10.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews { padding-top: 33vw; padding-bottom: 29vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap { overflow: visible; padding: 0px; } body.interview_article main section#other_interviews .wrap .simple { margin-left: 7.3vw; } } body.interview_article main section#other_interviews .wrap .items { margin-top: 110px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items { margin-top: 9.16667vw; } } body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible; width: 1600px; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { height: 5.08333vw; } } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { left: 0px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview_article main section#other_interviews .wrap .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .item { height: 35.8333vw; } } body.interview_article main section#other_interviews .wrap .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item:hover img { transform: scale(1.08); } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: visible; } body.interview_article main section#other_interviews .wrap .items .item div.text { margin-top: 0px; } body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 15px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items { width: 100%; margin-top: 14.6vw; display: block; overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-track, body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-list { width: 100%; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview_article main section#other_interviews .wrap .items .item { width: 58.6vw; overflow: hidden; height: auto; } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body.interview_article main section#other_interviews .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item div.text { line-height: 0; } body.interview_article main section#other_interviews .wrap .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .name_en { vertical-align: 0.15em; } } body.interview_article main section#other_interviews .wrap .backto_list { display: block; text-align: center; margin-top: 90px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; padding: 24px 0px; width: 260px; background-color: rgb(248, 248, 52); margin-left: auto; margin-right: auto; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { margin-top: 7.5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { padding: 2vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { width: 21.6667vw; } } body.interview_article main section#other_interviews .wrap .backto_list:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { margin: 12vw auto 0px; } } body#real main section#hero h1 { width: 732px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#real main section#hero h1 { width: calc(-83.76px + 52.35vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#real main section#hero h1 { width: 56.6vw; height: 35.8vw; } } body#real main section#intro { padding: 115px 0px 180px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro { padding: 9.58333vw 0px 15vw; } } body#real main section#intro h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 30px; line-height: 58px; text-align: center; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#real main section#intro h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro h1 { margin-bottom: 5vw; } } body#real main section#intro p { max-width: 800px; margin: 0px auto; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#real main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#real main section#intro { padding: 32vw 0px 31vw; } body#real main section#intro h1 { margin-bottom: 10.6vw; } } body#real main section#data { padding-bottom: 225px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data { padding-bottom: 18.75vw; } } @media screen and (max-width: 767px) { body#real main section#data { padding-bottom: 33vw; } } body#real main section#data .wrap.items { max-width: 1280px; padding: 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items { padding: 0px 6.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items { padding: 0px; } } body#real main section#data .wrap.items .animation.fadeup { transform: translateY(30%); opacity: 0; transition: all 0.5s ease-in-out 0s; } body#real main section#data .wrap.items .animation.fadeup.active { opacity: 1; transform: translateY(0%); } body#real main section#data .wrap.items .row { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row { flex-direction: column; } } body#real main section#data .wrap.items .row .col { position: relative; overflow: hidden; flex-grow: 1; } body#real main section#data .wrap.items .row .col.gray1 { background-color: rgb(45, 50, 55); } body#real main section#data .wrap.items .row .col.gray2 { background-color: rgb(52, 57, 62); } body#real main section#data .wrap.items .row .col.gray3 { background-color: rgb(65, 70, 74); } body#real main section#data .wrap.items .row .col.gray4 { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items .row .col i { font-style: normal; margin: 0px -0.07em; } body#real main section#data .wrap.items .row .col b { font-style: normal; font-size: 0.65em; } body#real main section#data .wrap.items .row .col .content { width: 100%; height: 100%; padding-top: 38px; padding-bottom: 38px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-top: 3.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-bottom: 3.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content { padding-top: 11vw; padding-bottom: 11vw; } } body#real main section#data .wrap.items .row .col .content h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 50px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: max(12px, 4.62963vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: 11.44vw; line-height: 11.44vw; } } body#real main section#data .wrap.items .row .col .content h4 span { font-family: Poppins, sans-serif; font-weight: 400; font-size: 115px; line-height: 115px; color: rgb(248, 248, 52); vertical-align: -3%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: max(12px, 10.6481vw); line-height: max(16px, 10.6481vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: 26vw; line-height: 26vw; } } body#real main section#data .wrap.items .row .col .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 28px; width: 80%; margin-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content p { margin-top: 2.5vw; } } body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 5.83333vw; } } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 3.75vw; } } body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: absolute; bottom: 1.5em; left: 1.7em; white-space: nowrap; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: static; margin-top: 5vw; } body#real main section#data .wrap.items .row .col#col07 .content { padding-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col08 { text-align: center; } body#real main section#data .wrap.items .row .col#col08 i { margin: 0px -0.02em; } body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 80px; margin-bottom: 43px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-bottom: 3.58333vw; } } body#real main section#data .wrap.items .row .col#col08 p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: max(12px, 1.38889vw); line-height: max(16px, 1.38889vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 18vw; margin-bottom: 11vw; } } body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { width: 87.5%; padding-top: 42px; margin-bottom: -5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 3.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { margin-bottom: -0.416667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 15vw; } } body#real main section#data .wrap.items .row .col::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(248, 248, 52); } body#real main section#data .wrap.items .row.d3 .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3 .col { width: 100%; min-height: 100vw; } } body#real main section#data .wrap.items .row.d2 { max-height: 514px; } body#real main section#data .wrap.items .row.d2 .col { width: 50%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d2 { max-height: none; } body#real main section#data .wrap.items .row.d2 .col { width: 100%; } } body#real main section#data .wrap.items .row.d3a .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3a .col { width: 100%; padding-top: 0%; padding-bottom: 0% !important; } } body#real main section#data .wrap.items .row .animation.left-to-right .content { transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s; } body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { width: 64%; padding-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { padding-top: 2.5vw; } } body#real main section#data .wrap.items .row .animation.left-to-right::after { transform: translateX(-100%); transform-origin: right center; } body#real main section#data .wrap.items .row .animation.left-to-right.active .content { transform: translateX(0px); } body#real main section#data .wrap.items .row .animation.left-to-right.active::after { animation: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards running left-to-right-1, 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 normal forwards running left-to-right-2; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content { transform: translateY(-100%); transition: transform 0.6s ease-in-out 0.4s; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.top-to-bottom::after { transform: translateY(-100%); transform-origin: center bottom; } body#real main section#data .wrap.items .row .animation.top-to-bottom.active .content { transform: translateY(0px); } body#real main section#data .wrap.items .row .animation.top-to-bottom.active::after { animation: 0.8s ease-in-out 0s 1 normal forwards running top-to-bottom; } body#real main section#data .wrap.items#real_voice { margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice { margin-top: 6.66667vw; } } body#real main section#data .wrap.items#real_voice .header { border-top: 10px solid rgb(45, 50, 55); border-left: 10px solid rgb(45, 50, 55); border-right: 10px solid rgb(45, 50, 55); display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); padding: 90px 0px 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header { padding: 7.5vw 0px 6.83333vw; } } body#real main section#data .wrap.items#real_voice .header h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 90px; line-height: 64px; color: rgb(45, 50, 55); padding-right: 45px; border-right: 1px solid rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: max(12px, 8.33333vw); line-height: max(16px, 5.92593vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: 11.7vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 3.75vw; } } body#real main section#data .wrap.items#real_voice .header p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; padding-left: 35px; color: rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header p { font-size: 3.12vw; line-height: 4.68vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header p { padding-left: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header { flex-direction: column; border-width: 2vw; padding: 8vw 0px 5vw; border-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 0px; border-right: 0px; } body#real main section#data .wrap.items#real_voice .header h2::after { content: ""; display: block; width: 8vw; height: 1px; background-color: rgb(45, 50, 55); margin: 5vw auto 3vw; } body#real main section#data .wrap.items#real_voice .header p { padding-left: 0px; text-align: center; } } body#real main section#data .wrap.items#real_voice .row { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 25%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 100%; } } body#real main section#data .wrap.items#real_voice .row.d4 .col::after { display: none; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 43px 0px 22px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 3.58333vw 0px 1.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 11vw 0px 5.5vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { text-align: center; color: white; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: 4.94vw; line-height: 7.02vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 71.4%; margin-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { margin-top: 1.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 61.3%; margin-top: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { border-bottom: 2px dotted rgb(238, 239, 239); display: flex; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-top: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-bottom: 1.25vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li:last-child { border-bottom: none; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding: 5vw 0px; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { text-align: center; margin-right: 8px; width: 22%; line-height: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 0.666667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { width: 20%; margin-right: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 12px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: 3.12vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-family: Poppins, sans-serif; font-weight: 600; font-size: 30px; line-height: 22px; margin-right: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: max(12px, 2.77778vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: 7.8vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; border-bottom: 1px solid rgb(248, 248, 52); white-space: nowrap; display: inline; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: 2.86vw; line-height: 2.86vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { margin: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 3.9vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 1vw; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 1.2vw; white-space: nowrap; } } body#real main section#data .wrap.items#real_voice .baloons.type1 { background-color: rgb(52, 57, 62); padding: 45px 100px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type1 { padding: 3.75vw 8.33333vw 5vw; } } body#real main section#data .wrap.items#real_voice .baloons.type2 { background-color: rgb(65, 70, 74); padding: 45px 100px 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 3.75vw 8.33333vw 5.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons.type1, body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 12vw 7.3vw; } } body#real main section#data .wrap.items#real_voice .baloons h3 { color: white; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 48px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: 4.94vw; line-height: 7.02vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 4vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 14vw; } } body#real main section#data .wrap.items#real_voice .baloons .item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 2.5vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 5vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } body#real main section#data .wrap.items#real_voice .baloons .item .text p { text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: 3.64vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: 4.16vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text > div { text-align: right; width: 100%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 24px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.22222vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: 3.38vw; line-height: 6.76vw; } } body#real main section#data .wrap.items#real_voice .baloons .item:last-child { margin-bottom: 0px; } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text { background-color: rgb(248, 248, 52); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text { background-color: rgb(196, 200, 203); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.left .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { content: ""; display: block; position: absolute; right: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { content: ""; display: block; position: absolute; left: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { flex-direction: column; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0px; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { position: relative; padding: 30px 40px; margin-top: 35px; flex-grow: 1; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { padding: 2.5vw 3.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 2.91667vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { content: ""; display: block; position: absolute; left: 50%; bottom: 100%; width: 26px; height: 34px; background-size: contain; transform: rotate(-90deg) translate3d(-20%, -40%, 0px); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { height: 2.83333vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item.yellow .text::before { transform: rotate(90deg) translate3d(20%, 40%, 0px); } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { margin-bottom: 5vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 6vw; padding: 4vw 5.3vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { margin-bottom: -0.1vw; width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 48%; } body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 0px; } } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 30%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 100%; } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 100%; } } @keyframes left-to-right-1 { 0% { transform: scaleX(1) translateX(-100%); } 100% { transform: scaleX(1) translateX(0px); } } @keyframes left-to-right-2 { 0% { transform: scaleX(1) translateX(0px); } 100% { transform: scaleX(0) translateX(0px); } } @keyframes top-to-bottom { 0% { transform: scaleY(1) translateY(-100%); } 30% { transform: scaleY(1) translateY(0px); } 60% { transform: scaleY(1) translateY(0px); } 100% { transform: scaleY(0) translateY(0px); } } body#project_story_top main section#hero h1 { width: 617px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#project_story_top main section#hero h1 { width: calc(-77.12px + 48.2vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#hero h1 { width: 81.7vw; height: 19.8vw; } } body#project_story_top main section#contents .wrap h1 { text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; margin-top: 115px; margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-bottom: 11.6667vw; } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { margin-top: 32vw; margin-bottom: 18vw; } } body#project_story_top main section#contents .wrap .items { margin-top: 0px; margin-bottom: 80px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-bottom: 6.66667vw; } } body#project_story_top main section#contents .wrap .items .item { width: 100%; position: relative; display: block; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item { margin-bottom: 13.3333vw; } } body#project_story_top main section#contents .wrap .items .item .tag { display: flex; justify-content: flex-start; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; font-family: Poppins, sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; transform: rotate(90deg) translate3d(-100px, -200%, 0px); opacity: 0; transform-origin: 0% 0%; } body#project_story_top main section#contents .wrap .items .item .tag::before { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-right: 15px; width: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { width: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: 2.6vw; line-height: 2.6vw; } } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(10px, -200%, 0px); opacity: 1; } body#project_story_top main section#contents .wrap .items .item .text { width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 30px; } body#project_story_top main section#contents .wrap .items .item .text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 68px; color: rgb(0, 0, 0); display: block; margin-bottom: 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: max(12px, 6.2963vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 9.1vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { margin-bottom: 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1240px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 5.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 2.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 { position: absolute; right: 0px; color: white; -webkit-text-stroke: 1px black; margin-top: -0.2em; font-family: Poppins, sans-serif; font-weight: 600; font-size: 122px; line-height: 122px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: max(12px, 11.2963vw); line-height: max(16px, 11.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: 16.38vw; line-height: 16.38vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 sup { font-size: 0.6em; font-weight: 500; vertical-align: 0.5em; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap { overflow: hidden; width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap picture img { transition: all 1s ease 0s; } body#project_story_top main section#contents .wrap .items .item .photo h3 { position: absolute; left: 0px; bottom: -45px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { bottom: -3.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 5.85vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 10px 20px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { padding: 0.833333vw 1.66667vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { margin-bottom: 1vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body#project_story_top main section#contents .wrap .items .item:hover .photo picture img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 34vw; display: block; overflow: visible !important; } body#project_story_top main section#contents .wrap .items .item { width: 100%; padding: 0px; display: block; margin-bottom: 20vw !important; } body#project_story_top main section#contents .wrap .items .item .tag::before { width: 25vw; margin-right: 3vw; display: block; } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(1.5vw, -200%, 0px); } body#project_story_top main section#contents .wrap .items .item div.text { width: 74.6vw; } body#project_story_top main section#contents .wrap .items .item div.text .tag2 { top: 19vw; z-index: 10; right: -2.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position { margin-bottom: 3.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position .en { margin-bottom: 2vw; } body#project_story_top main section#contents .wrap .items .item div.photo { width: 74.6vw; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#project_story_top main section#contents .wrap .items .item div.photo .photo-wrap { margin: 0px; width: 100%; } body#project_story_top main section#contents .wrap .items .item div.photo h3 { bottom: -6vw; } body#project_story_top main section#contents .wrap .items .item div.photo h3 .line { padding: 1.5vw 3.6vw; margin-bottom: 1.6vw; } } body.project_story main { padding-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main { padding-top: 0vw; } } @media screen and (max-width: 767px) { body.project_story main { padding-top: 0px; } body.project_story main .reverse-sp { flex-direction: column-reverse !important; display: flex; } } body.project_story main section#hero { overflow: visible; position: relative; height: 945px; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero { padding-bottom: 27.9167vw; } } body.project_story main section#hero .bg { height: 800px; width: 100%; position: absolute; top: 145px; background: url("") 50% 0px / auto 100% no-repeat; } body.project_story main section#hero .bg p { font-family: Poppins, sans-serif; font-weight: 600; font-size: 260px; line-height: 260px; color: rgb(247, 248, 248); position: absolute; top: 45%; left: -1%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .bg p { font-size: max(12px, 24.0741vw); line-height: max(16px, 24.0741vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .bg p { font-size: 29.9vw; line-height: 29.9vw; } } body.project_story main section#hero .bg p sup { font-size: 0.5em; font-weight: 500; } body.project_story main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.project_story main section#hero .block { margin-top: 2.4vw; } } body.project_story main section#hero .wrap_a { max-width: 100%; width: 100%; margin: 0px auto; position: relative; } body.project_story main section#hero .wrap_a .wrap_b { position: absolute; left: 11.4%; top: 150px; z-index: 10; } body.project_story main section#hero .wrap_a .wrap_b .tag { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 7px 17px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 24px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { padding: 0.583333vw 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 2vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#hero .wrap_a .wrap_b .title { color: rgb(0, 0, 0); margin-top: 60px; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: 5.85vw; line-height: 5.85vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 12px 25px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { padding: 1vw 2.08333vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { margin-bottom: 1vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .ten { letter-spacing: -0.35em; } body.project_story main section#hero .wrap_a .wrap_c { position: absolute; left: 45.3%; top: 0px; height: 681px; width: 54.8%; } body.project_story main section#hero .wrap_a .wrap_c picture { position: relative; display: block; width: 100%; height: 100%; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 767px) { body.project_story main section#hero { padding-bottom: 41.3vw; overflow: hidden; height: 194.6vw; } body.project_story main section#hero .wrap_a { background: transparent; } body.project_story main section#hero .wrap_a .wrap_b { left: 7.33vw; top: 91.73vw; } body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title span[class^="line"] { padding: 1.5vw 3.3vw; margin-bottom: 1.6vw; } body.project_story main section#hero .wrap_a .wrap_c { position: relative; left: 0px; top: 0px; width: 100%; height: 94.66vw; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } body.project_story main section#hero .bg { height: 100vw; width: 100%; top: 94.66vw; background-image: url(""); } body.project_story main section#hero .bg p { top: 43%; left: auto; right: 9vw; } } body.project_story main section.article .wrap.narrow { max-width: 960px; } body.project_story main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; margin: 100px 0px 70px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap h2 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2 { margin: 8.33333vw 0px 5.83333vw; } } body.project_story main section.article .wrap h2.read { margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2.read { margin-top: 3.75vw; } } body.project_story main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.project_story main section.article .wrap .cols { display: flex; justify-content: space-between; } body.project_story main section.article .wrap .cols .left { width: 50%; } body.project_story main section.article .wrap .cols .left.text { padding-right: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-right: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-top: 4.16667vw; } } body.project_story main section.article .wrap .cols .right { width: 50%; } body.project_story main section.article .wrap .cols .right.text { padding-left: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-top: 4.16667vw; } } body.project_story main section.article .photo-wrap { max-width: 1280px; margin: 80px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .photo-wrap { margin-top: 6.66667vw; } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap.narrow { max-width: 100%; } body.project_story main section.article .wrap h2 { margin: 22vw auto 7.5vw; } body.project_story main section.article .wrap h2.read { margin-top: 10vw; } body.project_story main section.article .wrap .cols { flex-direction: column; } body.project_story main section.article .wrap .cols .left, body.project_story main section.article .wrap .cols .right { width: 100%; } body.project_story main section.article .wrap .cols .left.text, body.project_story main section.article .wrap .cols .right.text { padding: 0px; } body.project_story main section.article .photo-wrap { max-width: 100%; margin: 7vw auto 0px; } } body.project_story main section#other_project .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap { padding-top: 10.4167vw; } } body.project_story main section#other_project .wrap .items { display: flex; justify-content: space-between; width: 100%; padding-top: 94px; padding-bottom: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-bottom: 14.1667vw; } } body.project_story main section#other_project .wrap .items .item { width: 520px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item { width: 43.3333vw; } } body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 0.833333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag span { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 5px 14px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { padding: 0.416667vw 1.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: 3.64vw; line-height: 3.64vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag::after { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-left: 15px; width: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { margin-left: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 8.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#other_project .wrap .items .item .photo { overflow: visible; width: 100%; margin: 15px auto 0px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo { margin-top: 1.25vw; } } body.project_story main section#other_project .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.project_story main section#other_project .wrap .items .item .photo h3 { position: absolute; left: 27px; bottom: 23px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 25px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { left: 2.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { bottom: 1.91667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 8.84vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 0px 15px; margin-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { padding: 0px 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 0.416667vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body.project_story main section#other_project .wrap .items .item:hover .photo img { transform: scale(1.08); } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap { padding-top: 33.3vw; } body.project_story main section#other_project .wrap .items { padding-top: 16.5vw; padding-bottom: 17vw; flex-direction: column; } body.project_story main section#other_project .wrap .items .item { width: 100%; margin-bottom: 17vw; margin-right: 0px !important; margin-left: 0px !important; } body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 5.4vw; } body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 20vw; } body.project_story main section#other_project .wrap .items .item div.text .position .ja { margin-top: 1.1vw; display: block; } body.project_story main section#other_project .wrap .items .item .photo { margin-top: 4.5vw; overflow: visible; } body.project_story main section#other_project .wrap .items .item .photo h3 { left: 0px; bottom: -5.5vw; margin-bottom: 0px; } body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 1.5vw; } } body.project_story#project_story_01 main section#hero .wrap_c img { object-position: 90% 50%; } body.project_story#project_story_02 main section#hero .wrap_c img { object-position: 10% 50%; } body.project_story#project_story_03 main section#hero .wrap_c img { object-position: 30% 50%; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .top.ad, a[href^="https://m.do.co/c/"] > img { display: none !important; } (cache)社員紹介 リクルーティングアドバイザー(RA) | Geekly(ギークリー)新卒採用サイト

27年度新卒採用

MISSION, VISION, STYLE

個人とチームが
ともに成長する組織を創る

キャリアアドバイザー(CA)
2020年入社

関口 樹 SEKIGUCHI Tatsuki

やりきったからこそ見えた
次の目標

中学時代は弱小のバレーボール部、高校は強豪校でした。一人ではゲームができないバレーボールだからこそ、チームの力が大事。ただ、チームの力になる云々の前に、自分のレベルを上げないと話にならない。高校1年間は、ただひたすらに自分がチームに貢献できるレベルになるまで自分を鍛え抜く。誰よりも多い練習量をこなし、自分のイメージを自分の体で表現できるようになるまで、動きを叩き込む。上級生になって、ようやく一人前としてチーム力の向上に貢献できるようになり、本気でインターハイ出場を目指しました。インターハイまであと一歩というところで、相手のスパイクがコートに叩きつけられるのを、自分はベンチで眺めていました。最後の最後で、自分の右膝は限界を迎え、コートに立つことができませんでした。まだ終わるわけにはいかない。痛む右膝を引きずりながら、大学でもバレーボールを続けることを決めました。

結局大学ではクラブチームで4年間週5〜6日バレーボールをし、そこで引退することを決意しました。最後の最後までやりきったからこそ、自分にはバレーボールで食べていける実力がないという限界を知ることができたと思います。就職をする上で重視したことは、自分の力で食っていけるスキルを身につけられるかどうか。企業のブランドで勝負するのではなく、自分自身の力を伸ばしていける環境かどうか。大手企業で成長できないわけがないのですが、当時の自分は「社名を知っている会社は受けない」と決めるほど、尖っていました。

表層ではなく深層へと向かう
コミュニケーションを

ギークリーの選考途中で、自分の出来が悪く「落ちた」と思った面接がありました。けれど、その後連絡がきて、自分の良かった所・課題だった所について詳細のフィードバックとともに「面接通過」の連絡が来ました。あの面接の時間の中で、そこまで人を見ているのか、ということに驚き、ギークリーに興味を持ちました。

説明会や選考過程でギークリーを知るほど、ギークリーの勢いや高みを目指すという志に魅力を感じました。まだ名前も知られていないけれど、大手がひしめく業界の中で、独自のやり方で圧倒的な成長を目指す。こんな人達が集まる会社で、切磋琢磨しながら成長していきたいと思い、入社を決めました。

入社して1年間は、同期の中で一番多く仕事をしたという自負があります。同期の田上や杉江は「自分が一番」と主張するかもしれませんが。MAとして、ビジネスパーソンとしての足腰を鍛える。ビジネスの基礎を学び、やるべきことを徹底的にやる。スポーツと同じで、足腰を鍛えることが、この先の成長の土台になると考えていました。MAを経て、CAに異動をしました。日々新しい人と出会うCAという仕事を通じて、コミュニケーションの力を伸ばしたいと考えたからです。

ただ、CAに異動した直後は苦労の連続でした。求職者の方と面談をしても、次に繋がらない。原因は、自分が人に興味を持てていなかったことです。表層的な質問で情報を集めても、相手からは信頼されない。ただ話を聞くのではなく、求職者の方の経歴や考えに対して「どうしてですか?」という質問を通じて掘り下げていく。聞けば聞くほど、その人が大切にしていることが見えてきて、興味も大きくなっていく。人の内面、深層を理解して、信頼関係を築いていく。ギークリーのCAという仕事を通じて、自分が最も成長できた部分だと思います。

マネージャーとして
組織を進化させる

3年目からはチームマネージャーとなり、今は約20名のメンバーがいます。おかげさまで多種多様なメンバーと一緒に仕事をすることができており、今はチームとしての成果をどうやって最大化するか、ということが自分の仕事のテーマです。一人ひとりと向き合い、「どうして?」と問いかける。彼達彼女達のキャリアに対する希望を引き出し、それが叶うように支援をする。プレイヤーとして仕事をしていた時以上に、本当に人と向き合えているか、が問われる仕事だと思います。

ギークリーは創業以来、常に進化してきた会社です。自分が入社した時と今では、社員数も売上も知名度も働く環境も格段に進化しました。ギークリーのマネージャーの1人として、自分は組織の進化に挑みたいと思います。個人としてもチームとしても強い組織を、このメンバーとともに目指せることに、大きなやりがいを感じています。

WORK
FLOW

1日の業務の流れ

10:30

出社&朝会

メンバーの直近起きたGoodな事を聞いたり、グループ全体の目標に対しての現状の共有や、実務に繋がるような勉強会を実施しています。

10:45

デスクワーク

前日の進捗の確認や自部署全体の進捗確認などを細かくチェックを行います。細かく現状を把握することで、自グループのメンバーへのFBやグループの方針決めなどを行っていきます。

13:00

ランチ

自分のグループのメンバーと外に出てご飯を食べることもあれば、他のグループの人ともご飯に行ったりなど、色々な人と気軽にコミュニケーションを取っています。

14:00

採用面接orオファー面談

新しい仲間を増やす為に採用活動にも積極的に参加をしています。面接官として担当することもあれば、オファー面談で現場のマネージャーとしてギークリーの抱える課題や魅力に感じている点を本音で伝えて組織の拡大にも貢献しています。

17:00

マネージャーとMTG

自管轄のチームマネージャーとMTGを実施します。具体的には、自チームの進捗状況についてや、マネジメント上の課題について報告をしてもらい、FBを実施しています。MTGを通じて1つでも多くの気づきを与えられるように意識しています。

19:30

デスクワーク

事業の数字を振り返って、翌日のアクションを決めるだけではなく、どうしたら成果に再現性を持たすことができるか?を思考し、仕組みやマニュアルのアップデートを行います。

#MY LIFE

#バレーボール

一番大好きなスポーツで今もちょくちょくやってます。

#グルメ巡り

観光地に行った際にグルメスポットを巡ります。(写真は宮古島)

#旅行

知床が一番最高の場所です。更新目指して色んな所行きたいです。

※掲載内容は全て取材当時のものです。

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

ENTRY

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!