"); } @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: 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,UklGRn4NAABXRUJQVlA4WAoAAAA4AAAAeQAAeQAASUNDUOABAAAAAAHgbGNtcwQgAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmR56b9WWj4BtoMjhVVG90+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAACRjcHJ0AAABIAAAACJ3dHB0AAABRAAAABRjaGFkAAABWAAAACxyWFlaAAABhAAAABRnWFlaAAABmAAAABRiWFlaAAABrAAAABRyVFJDAAABwAAAACBnVFJDAAABwAAAACBiVFJDAAABwAAAACBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAYAAAAcAEMAQwAwAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMPwAABd3///MmAAAHkAAA/ZL///uh///9ogAAA9wAAMBxWFlaIAAAAAAAAG+gAAA48gAAA49YWVogAAAAAAAAYpYAALeJAAAY2lhZWiAAAAAAAAAkoAAAD4UAALbEcGFyYQAAAAAAAwAAAAJmaQAA8qcAAA1ZAAAT0AAACltBTFBIMAIAAAF/YJBtpDuBTxHOX/MlIiLjh6EHubVtq3ZzxAwRY8p6JfxIqZQqInP05ZTtDsSZhkJF3MB3B88puwQxv/+P4cE5e5ujiP47ciRJaqKMGryd6GH6C2JO692t9/oj208mygScYD3StISPKqDWIs1KOI2Te6eWbFSCzEVqS9gOsaz2DGIO4uu1+tLhNFt0+lLtu61u1ZtChcel+vPS4UARGTabKkEcVrneo721pKh02nr/FqZQZrGvuHQbK7CYKrKYKrQYKrNcg21mWFB0atKdw82kGijBHZan2VN8GsytCG/LQBmpSL1mXl5Q5JMtUaT4Uhb3SjmpjTshGc/sJ0pfDSgr5T8s0tT9cEzTn9ITvDssoglFJKe8VMa+yfziW6ImkXOimcR9zbu3I6JQAmWmYpaqepGq7g1V4zFV/xnV5AVV/pLq5Q3VLlmR6ov+Bwu5LX7lbiYvQuTlj7zwkpd88sOG/JgjP2DJj3bupoK8nSFvpMhbOPLmkbxtpW+YhdfPefKQQB5PyIMRdyQjD4PkMZQ8AJNH74Q9ioYkzipWEcMaJl+KMC8b0gyU4A7LUzDWwBlJtQBXk0Tpq03JsA/WnaX1FqpQJpkFXbMLuGYXbLUUZhVZgukUWy5hrWg0VcJ0U5WVHEAMiz2XkPccglv/P1Z4yGzRu1RXiy+vnTrEm2WXQfFnmXqIPI6sG5A2wST3zmSjUmBZi7LfnRZkgvUo/exRhYDTenfrfcz2k4kysUYAVlA4IH4IAADQLACdASp6AHoAPm0sk0WkIqGXypWwQAbEswBmDQp/ZPyj8EDkvc/y3/GDqp+ZPmv4t/IDq8kD9eX6X7cu075gH6M/5z7cu6p5gP2G/Yf3efSj6AH85/5PWWegB+1Xpg/uL8GH7kftV7SP//1jTw9/Zvxk7/v63+Rv7L9tj6LlL2G/u7+g9jvYXvDv5J/lt5FAB9X/1R5Eu2z4ymPPz3PpvzWfnP+U/8X+W+Aj+a/2H0hPWn+1vsgfsymChptpggKoiS2X/5zeoEcxyFZ/Awt7fZTSPZpBOaDtAQfYaEQGwzRYaGacygW8SbCVTT/e9TOMG4bJErDjoNCA8HcGly8wZgX0R7UMUbCzLKUusOXCiUdq2Ayy09AnpFEmTJmL6f+FYxkAM5eVuULqz6H8OD6BZU27VKK8kOkLyuyuzHTyXkEkqFqByT2/9BPliQ8NDVtjRuj6hcmL5nH/x0C6Qt1SIWU48s9gNJXP8x30imAAAP789B0+PP3/MxPH51+Rz8qxeddSchfnHsxO/UAG61YNMr39YzqW8PvHtemrpp7qeAY2LIdw4sOTrfCBNssg9gpGOrKLKMW88SplpprZzhm/9q83feluJLBTPqCZKtJiIoVsybfeOVDeBhivrQqtnsLeTvSn//KyvpyStdr/9szO3Muy+1KIAR5nc8ZHGF4AeKgpeml1NnZX8opbrw7OkyPSRPD3sDt3a/Qjbb+gOb+jgrJ6fVTKoIKgHfOUh9Mym8Vj0gl4yQfiaGbtHm7QozGfIeko0J/OPx+r7l1l3O49dbMM50Id6FvTn2TJ3vXM4NHEl3wuvUARHMSulABOqYoMWkulfl/9z2MABcgeysP/7DYG/+CUE+LvoaXAMnIQ5yXCZDmsvhd3/Mvy1DScc6N/1kw8aigGMo+omSn/Y38PKcHEcwWd8EI05Lma8eTOjlt//Ujtm9shExNgHSw1/iWin6epmHWCEadZE+KWXIsjvmDrKnq2bQRlZ6OS7jRixXpxpyAAHGI/9m5Cbum6VmxvykfjaEJWUZkkqFWHCGuB/5mUCb7Ln+Wn9KNUSX9ijce3IgETa9n5+rAhkbkkzFWWwMVyOVw0phhHBaAUMh4V8SvcWkkt02C+cc8OdTm83WsHfUBr3xRcH7k27XHifuK6iskFg9Wf5pDEz+eUxUM1pUeDTLBP8U6DWwQVyrFTGoK90mPXJk/cOkfIPE5MtUnAQR7Act3eDxoenxRu/OW4upknTwpB843R4jIbMLtNoVPCXuYdWgTO4H8ibPoHS+sLsXm1LRcgR2NXn/9Vzabvl8IhEuyY3Wq0gCqcGEjNGRGpdZzjCTDjmUCfqp87r8SKNP2lb3lGeYI+pcADobc0hiSavVPNIxfCLpDdzftu+shQ7saAbjOB88zFRatmf0ZHEQu3RM/mxf6A/MxeFVCPTjoX8nNi6iovB9apkWYP+sDJ4LLbW/FblNlK/zFm4BVXiGPQbbVBvLlkF2WJ/67hDOHWpaPc1ln+MFnUWx86hGIl7B/s/Bzm62zRSrUZUwR+V7C0y7k+O+wED0WtJbdlSdzfCq4Jn92D4KUVTw48VjlKrfLSoZ5PMKGr/+thAbUHTjxKTuAlepbmqyz0mrbN6DlNxf3HbFuBEMcg8PbCXFHCm2PmlAuSgCfWWs+tZgIsWLuPNMwSrlFpf/6fHig9SRDYATh+4/wrKLlZ7oXar7w9/n+SdAcgbm+b31cvlZSqAoktuuvo/jrH8kPUOIv6QgEK+FyehutFv2pMbe003oZ6uhxX6iWeF0NfxDj17Xn/vK0XkMQLCpaXayv5Lmm5TDs3YmMj65MWWvTC5kE2pAQjSD+twiGSmvYosUta/uhHDZmFhuwChn7eAW27qN38PQ/eqNvgWBpcuh9NJiPNibSqlq2Lepnzc0fnTE3tb7H5u4NmanNomux/bFHPwFS6kSTGbQtmkhPx6nkP99v0d0cwA9c0/u2sJCcKoblynnvbxd1mh80VzV5Gt+A1zIXAcZWG8dq23HITiSqpf6p2j20EVF3tD+y+0oFbMXAApASopsnpqe1IgRVvdfEj+Ly+5L14HtwGkEFvinstZtf5bKTgV6uq17iSfXJaQS0Q/8W7749Uc38V3NdvDdE9swFKN3hhnYbVHnbHBPvnIYgWBxjfNBduIQRwsHsBC0WmA/4Wu7d5TEdYDd6dHnSjNcJMBjehYnSPGwv7r80hAvlWlOpJe5q1vaqqO8y/CKHFn+bNAobeiz2fJ48noVsCH+LB9v8IXHK9WG8GUp8p4saSBPnSrhxizEXlDfLiqB7XKhsnsuz9qb+fRc/pmpgIiKfelgvCkhCeoI3zqw+Yr/+uAPN/cWmB/cm7VFF/SPRExVHGVifwszkcptwAVypLQxf888h12eKFyBuxQkldTrxYL+YAJrmksuFID/dfYtMmbljaV6+vQmNHRKV/DoecKNpYEe8cm+gLnmlhXxS74xScqDVnjbQaCEH8IZFwEaAXPiSL45+WVRYMwiHzHCVjPtSZKRhhxNUjaTJdriw7U/0IA3EL/B42PJI72tknxwphxFiz68QtcFnh5dxJhwYqPsvIwUSkZ9MRTVqol8FC8qL2qUtfxkFMbjH02HBXw00H/6pBq7WIIrasC1BmPkCIRUkgnpS6DD0fcxuSrD8EQEOguTajQYc+y6yvNO/ObY4gnv08k3LiSsC0skGLwgFnngPGtW/oAtT5X/9h527jRgCqsxBBX2URa4SgrPJw7CuRyb7/cYkK0EfzaArbacnGIkySlTcAv5vS0bYbtoXrwTAT/gxeS2IGBrW4BAMvEKXs66u1gXM3cCyvlGw91jATFdqAQCHTyu+XM6DpiDR1493ZNMnyVXIUJv1XU3E8TIYuwjdbnMhFjX+/au1Y2d0AAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAAB4MgIA6AMAAHgyAgDoAwAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAAHoAAAADoAQAAQAAAHoAAAAAAAAA) 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)
2023年入社

豊岡 舞葉 TOYOOKA Maiha

幼い頃の夢を叶えた
航空会社への入社

内気で人見知りの激しい中学生だった自分は、中学時代吹奏楽部で地道に練習を続けていました。ある日見たテレビで、同じ地元京都の高校のマーチングバンドが全国1位を獲得した演奏を見て、心が震えました。
「私もあの一員になって演奏してみたい!」

色々な中学から演奏の上手な人達が集まってくるような高校だったので、最初はついていくのがやっとという状況でした。練習は非常に厳しく、何度も辞めようと思ったのですが、自分で決めた目標は達成したいという思いと、一緒に頑張る仲間たちの存在のおかげで、最後までやりきることができました。大学に進学する前から、航空会社の客室乗務員として働きたいという目標があり、航空会社への就職が多い外国語大学へと進学しました。小さい頃に飛行機に乗った時に見た客室乗務員さんたちに憧れたというすごくシンプルな理由でしたが、自分で決めた目標の達成に向けて最大限努力する、ということが高校時代に育んだ自分の強みだと思います。

2020年に新卒で航空会社に入社し、客室乗務員として働くことになりました。目標へと到達できた達成感はあったものの、実際に働いてみて、描いていたイメージとのギャップに苦しむ日々でした。専門性の高い仕事ではあるものの、お客様とのコミュニケーション以外は航空に関する専門的な知識が多く、果たして自分は成長できているのだろうかという不安。その上で本格化したコロナ禍によって激減してしまったお客様。約3年間勤務する中で、自分の成長を考えた時に、今ここが自分にとって最適な場所ではないと考えました。どこでも通用するスキルを獲得できる環境に身を置いて、ビジネスパーソンとしてスピード感を持って成長する。新たな目標を自分で設定した時、ギークリーは私にとって最適な職場でした。徹底した顧客志向、成長環境と納得感の高い評価制度、一次面接の時からどこよりも志望度が高かったのですが、入社するという目標がセットされた時の自分には自信があり(笑)、無事入社することができました。

成長を支援することが
徹底されたギークリーの文化

自分と同じように成長を志して入社してきた仲間たちと切磋琢磨して学んだ研修期間。そしてキャリアアドバイザーとして仕事をし始めた時も、前職でのお客様とのコミュニケーションをとるスキルを活かすことができ、比較的スムーズにギークリーでのキャリアをスタートできた実感があります。前職との比較で言うと、航空会社も業務に関するマニュアルやトレーニグは非常に多くあったのですが、仕事の現場でわからないことを聞く、という環境ではありませんでした。ギークリーの場合は、すぐ近くに先輩や上司がいて「わからないことがあったら聞いて」という、非常にオープンな風土があります。「できないことが悪」ではなく、「できないなら、会社のナレッジや他の人のアドバイスを活用して、できるようになろう」という文化が、本当に隅々にまで浸透しています。おかげで、想像以上に早いタイミングで月間のMVPや四半期のMVPも獲得することができ、マネージャーへと昇格することになりました。

ただ、私にとってはマネージャーという仕事が、大きな壁として立ちはだかりました。プレイヤーとしては、自分でやるべきことを決めて目標達成に向けて推進していけるのですが、人に対してそのやり方や自分と同じ基準を伝えることに苦労をしました。今の自分にはマネージャーは務まらない。もう一度プレイヤーとして人に伝えられるレベルまで仕事の質を高めてから、マネージャーになるのがいいのかもしれない。そんな気持ちを正直に会社に伝えたところ、会社の制度でプロフェッショナル職として働くことに変えてくれました。上司や会社が自分の気持ちを汲んでくれて、すごいスピードで意思決定してくれたことに驚きました。それぞれの強みや志向を活かした働き方を、ということがギークリーでは実践されています。

ギークリーのプロフェッショナル職として
新たな道を切り拓く

今私は自分という看板で勝負できるビジネスパーソンになること、を目標にしています。まだ数は少ないプロフェッショナル職として、これから後に続く人たちの道しるべになれたら、という思いもあります。目標を掲げて、達成に向けて本気で努力をすること。それが今までもこれからも、変わらない私の生き方です。ギークリーは、目標に向けて努力する人を応援して支えてくれる会社ですし、何よりも同じような思いと熱量を持った人が集まっています。これからも新しい仲間がたくさん入社してくると思いますが、一緒に切磋琢磨しながら働けることを楽しみにしています。

WORK
FLOW

1日の業務の流れ

13:00

出社

14:00

面談準備

求職者の履歴書や職務経歴書を見て転職理由や希望条件を予測しながら面談のプランニングと求人の選定を行います。いかに想像を膨らませて、お会いする方のキャリアプランを組み立てられるかが肝になります。

15:00

面談

求職者の悩みに寄り添うだけでなく、転職の軸となる部分をヒアリングを通して一緒に探していきます。求人のご提案や転職活動の進め方についてすり合わせを行いますが、いかに私自身に信頼を感じて頂けるかが非常に重要です。

17:30

求人プレゼン

求人や企業の知識をつけるためにCAとRAが協力して求人のアウトプットとインプットを行います。身につけた知識は面談で求職者へお伝えるす事で信頼創出に繋げています。

19:00

面接対策や2回目の面談

応募企業の進捗を基に面接対策を行なったり、求人を追加でご提案を行います。面接は皆様相当な不安を感じられているので、細かくサポートを行います。

20:00

求職者様と進捗すり合わせ

最終面接に進まれている求職者様等に対して、ご意向の確認を行い、その意向を基に企業に我々からプッシュできるように努めます。転職活動を進めると初期の転職理由を見失う方も多いため、改めて一緒に軸を整理します。

22:00

退社

#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!