"); } @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,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) center center / cover no-repeat; width: 61px; height: 61px; top: 36%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { height: 5.08333vw; } } body.interview main section#people .wrap .slick-arrow.slick-prev { left: 0px; } body.interview main section#people .wrap .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview main section#people .wrap .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview main section#people .wrap .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview main section#people .wrap .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview main section#people .wrap .items { display: flex; justify-content: flex-start; width: 100%; padding-top: 94px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-bottom: 13.3333vw; } } body.interview main section#people .wrap .items .item { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { margin-right: 6.66667vw; } } body.interview main section#people .wrap .items .item .photo { border-radius: 320px; overflow: hidden; width: 100%; margin: 0px auto; } body.interview main section#people .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.interview main section#people .wrap .items .item:hover .photo img { transform: scale(1.08); } body.interview main section#people .wrap .items .item div.text { margin-top: 0.5em; } body.interview main section#people .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; text-align: center; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 2vw; } } body.interview main section#people .wrap .items .item div.text p { margin-bottom: 8px; text-align: center; line-height: 0; white-space: nowrap; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 2.86vw; } } body.interview main section#people .wrap .items .item div.text p .position { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; background-color: rgb(238, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#people .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 1.76vw; } } body.interview main section#people .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 1.28vw; } } @media screen and (max-width: 767px) { body.interview main section#people .wrap { padding-top: 33.3vw; } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 100%; } body.interview main section#people .wrap .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview main section#people .wrap .items { padding-top: 16.5vw; padding-bottom: 29.3vw; } body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 3.46vw; } body.interview main section#people .wrap .items .item div.text p { line-height: 0; white-space: inherit; } body.interview main section#people .wrap .items .item div.text p .position { margin-bottom: 2.53vw; margin-right: 0px; display: inline-block; } body.interview main section#people .wrap .items .item div.text p .start { margin-bottom: 1vw; display: inline-block; } } body#interview_top main section#hero { padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#hero { padding-bottom: 13.3333vw; } } body#interview_top main section#hero h1 { width: 628px; height: 135px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#interview_top main section#hero h1 { width: calc(-78.5px + 49.0625vw); height: calc(-16.875px + 10.5469vw); } } @media screen and (max-width: 767px) { body#interview_top main section#hero { padding-bottom: 35.3vw; } body#interview_top main section#hero h1 { width: 83.4vw; height: 19.7vw; padding-bottom: 0vw; } } body#interview_top main section#interview_list { background-color: rgb(80, 89, 95); margin-bottom: 160px; } body#interview_top main section#interview_list::before { content: ""; width: 100%; height: 240px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::before { height: 20vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::before { background-image: url(""); height: 21.3vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list { margin-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list { margin-bottom: 40vw; } } body#interview_top main section#interview_list .wrap p.read { color: rgb(238, 239, 239); text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: -67px; margin-bottom: 92px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-top: -5.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-bottom: 7.66667vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { margin-top: 14vw; margin-bottom: 13vw; } } body#interview_top main section#interview_list .wrap .items { margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0px 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1120px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { padding: 0px 3.33333vw; } } body#interview_top main section#interview_list .wrap .items .item { width: 28.8%; margin-right: 6.7%; margin-bottom: 60px; display: block; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items .item { margin-bottom: 5vw; } } body#interview_top main section#interview_list .wrap .items .item:nth-child(3n) { margin-right: 0px; } body#interview_top main section#interview_list .wrap .items .item .photo { border-radius: 320px 320px 0px 0px; overflow: hidden; margin: 0px auto; } body#interview_top main section#interview_list .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#interview_top main section#interview_list .wrap .items .item:hover .photo img { transform: scale(1.08); } body#interview_top main section#interview_list .wrap .items .item div.text { margin-top: 0px; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items { width: 100%; margin-top: 10vw; margin-bottom: 0vw; display: block; overflow: visible !important; } body#interview_top main section#interview_list .wrap .items .item { width: 58.6vw; overflow: hidden; padding: 0px; margin: 0px auto 16vw; } body#interview_top main section#interview_list .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 100%; height: 85.3vw; } body#interview_top main section#interview_list .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#interview_top main section#interview_list .wrap .items .item div.text p { margin-bottom: 1vw; } } body#interview_top main section#interview_list::after { content: ""; width: 100%; height: 160px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::after { display: none; } } body.interview_article main section#hero { overflow: hidden; background-color: rgb(237, 240, 242); } body.interview_article main section#hero::before { content: ""; position: absolute; width: 100%; height: 380px; } body.interview_article main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview_article main section#hero .block { margin-top: -2.6vw; } } body.interview_article main section#hero .wrap { max-width: 2240px; padding: 0px; margin: 0px auto; overflow: hidden; } body.interview_article main section#hero .wrap .photo { position: relative; width: 100%; margin: 0px auto; display: flex; } body.interview_article main section#hero .wrap .photo img { width: 2240px; height: 624px; object-fit: cover; } body.interview_article main section#hero .wrap .text { max-width: 950px; width: 100%; height: 100%; margin: 0px auto; position: absolute; left: 50%; top: 0px; transform: translateX(-475px); } body.interview_article main section#hero .wrap .text h1 { position: absolute; left: 0px; z-index: 100; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 30px; line-height: 56px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview_article main section#hero .wrap .text h1 b { display: block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; margin-bottom: 26px; padding: 0px; color: rgb(103, 108, 113); letter-spacing: 0.05em; } body.interview_article main section#hero .wrap .text h1 b::before { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-right: 0.5em; vertical-align: 36%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 2.16667vw; } } body.interview_article main section#hero .wrap .text h1 b i { font-style: normal; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; background-color: rgb(103, 108, 113); color: rgb(238, 239, 239); padding: 0em 1.5em 0.05em; margin-left: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b i { margin-left: 1.66667vw; } } @media screen and (max-width: 1080px) and (min-width: 768px) { body.interview_article main section#hero .wrap .text { max-width: 90%; left: 5%; transform: translateX(0px); } } body.interview_article main section#hero .wrap.text-line-4 .text h1 { top: 26%; } body.interview_article main section#hero .wrap.text-line-3 .text h1 { top: 30.5%; } @media screen and (max-width: 767px) { body.interview_article main section#hero { overflow: hidden; } body.interview_article main section#hero::before { display: none; } body.interview_article main section#hero .block { display: none; } body.interview_article main section#hero .wrap .photo { width: 100%; height: 98.66%; } body.interview_article main section#hero .wrap .photo img { object-fit: contain; width: 100%; height: 100%; } body.interview_article main section#hero .wrap .text { width: 100%; padding: 9vw 0px 0px; transform: translateX(0px); position: static; text-align: center; } body.interview_article main section#hero .wrap .text h1 { position: static; } body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 5.6vw; } body.interview_article main section#hero .wrap .text h1 b::after { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-left: 0.5em; vertical-align: 36%; } body.interview_article main section#hero .wrap .text p { line-height: 0; } body.interview_article main section#hero .wrap .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .name { margin: 0px; } body.interview_article main section#hero .wrap .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview_article main section#profile { padding: 120px 0px; background-color: rgb(237, 240, 242); } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile { padding: 10vw 0px; } } body.interview_article main section#profile .wrap { max-width: 1120px; } body.interview_article main section#profile .wrap::before { content: ""; height: 20px; width: 100%; display: block; border-top: 1px solid rgb(103, 108, 113); border-right: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-bottom: none; } body.interview_article main section#profile .wrap .content { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 34px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content { padding: 2.83333vw 5vw; } } body.interview_article main section#profile .wrap .content h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 50px; line-height: 50px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content h2 { font-size: max(12px, 4.62963vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content h2 { font-size: 9.1vw; line-height: 9.1vw; } } body.interview_article main section#profile .wrap .content div { margin-left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div { margin-left: 5.41667vw; } } body.interview_article main section#profile .wrap .content div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 { font-size: 2.86vw; line-height: 2.86vw; } } body.interview_article main section#profile .wrap .content div h3 b { background-color: black; color: white; letter-spacing: 0em; margin-right: 15px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 5px 1px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { padding: 0vw 0.416667vw 0.0833333vw; } } body.interview_article main section#profile .wrap .content div h1 { vertical-align: middle; letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; margin: 20px 0px 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 { font-size: 5.98vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 { margin: 1.66667vw 0vw 2.91667vw 0px; } } body.interview_article main section#profile .wrap .content div h1 span { vertical-align: middle; font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; margin-left: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 span { margin-left: 1.25vw; } } body.interview_article main section#profile .wrap .content div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { font-size: 3.12vw; line-height: 6.24vw; } } body.interview_article main section#profile .wrap::after { content: ""; height: 20px; width: 100%; display: block; border-right: 1px solid rgb(103, 108, 113); border-bottom: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-top: none; } @media screen and (max-width: 767px) { body.interview_article main section#profile { padding: 12.8vw 0px 16vw; } body.interview_article main section#profile .wrap .content { flex-direction: column; padding: 6vw 4vw; } body.interview_article main section#profile .wrap .content h2 { margin-bottom: 4vw; } body.interview_article main section#profile .wrap .content div { margin-left: 0px; text-align: center; } body.interview_article main section#profile .wrap .content div h3 b, body.interview_article main section#profile .wrap .content div h3 br { display: none; } body.interview_article main section#profile .wrap .content div h1 { margin: 2.6vw 0px 0px; } body.interview_article main section#profile .wrap .content div h1 span { margin: 0px; } body.interview_article main section#profile .wrap .content div b { background-color: black; color: white; display: inline-block; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 0.5em; margin-top: 3vw; } } @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) and (max-width: 767px) { body.interview_article main section#profile .wrap .content div b { font-size: 2.86vw; line-height: 4.16vw; } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { text-align: left; margin-top: 6vw; } } body.interview_article main section.article { background-color: rgb(237, 240, 242); padding-bottom: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article { padding-bottom: 10vw; } } body.interview_article main section.article .photo { max-width: 2000px; height: 640px; display: flex; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .photo { height: 53.3333vw; } } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { height: 100%; max-width: 1240px; width: 67%; object-fit: cover; } body.interview_article main section.article .photo picture img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo.right { justify-content: flex-end; } @media screen and (max-width: 767px) { body.interview_article main section.article .photo { height: 86vw; } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo .block { display: none; } } body.interview_article main section.article .wrap .text { background-color: white; max-width: 1000px; width: 100%; margin: 36px auto 0px; padding: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { padding: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { margin-top: 3vw; } } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text.kuikomi { margin-top: -13.3333vw; } } body.interview_article main section.article .wrap .text h2 { color: rgb(45, 50, 55); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 17px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text h2 { font-size: max(12px, 1.57407vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text h2 { font-size: 3.9vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p:last-child { margin-bottom: 0px; } body.interview_article main section.article .wrap .text ul { list-style-type: disc; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ul { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ul { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text ol { list-style-type: decimal; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ol { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ol { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .sosumi { max-width: 1000px; width: 100%; margin: 20px auto 0px; padding: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { padding: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section.article .wrap .sosumi li { padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi li { padding-bottom: 1.25vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { padding: 5vw 0px 9.6vw; margin-top: 0vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article { margin-top: 0px; padding-bottom: 5.3vw; } body.interview_article main section.article .wrap { padding: 0px 4.67vw; } body.interview_article main section.article .wrap .text { padding: 13.8vw 4.67vw 9.6vw; margin-top: 5.3vw; } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -16vw; } } body.interview_article main section#mylife { background-color: rgb(248, 248, 52); padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife { padding-top: 10.4167vw; } } body.interview_article main section#mylife .wrap .items { display: flex; padding: 90px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items { padding: 7.5vw 5vw 5vw; } } body.interview_article main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview_article main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview_article main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview_article main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview_article main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview_article main section#mylife { padding-top: 0px; } body.interview_article main section#mylife::before { content: ""; display: block; width: 100vw; height: 8vw; background-color: rgb(237, 240, 242); margin-bottom: 16vw; } body.interview_article main section#mylife .wrap { padding-bottom: 8vw; } body.interview_article main section#mylife .wrap .items { flex-direction: column; padding: 10vw 0px 0px; } body.interview_article main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview_article main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview_article main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview_article main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview_article main section#other_interviews { padding-top: 126px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-top: 10.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews { padding-top: 33vw; padding-bottom: 29vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap { overflow: visible; padding: 0px; } body.interview_article main section#other_interviews .wrap .simple { margin-left: 7.3vw; } } body.interview_article main section#other_interviews .wrap .items { margin-top: 110px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items { margin-top: 9.16667vw; } } body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible; width: 1600px; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow { height: 5.08333vw; } } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { left: 0px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview_article main section#other_interviews .wrap .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items .item { height: 35.8333vw; } } body.interview_article main section#other_interviews .wrap .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item:hover img { transform: scale(1.08); } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: hidden; } body.interview_article main section#other_interviews .wrap .items .item div.text { margin-top: 0px; } body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 15px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .items { width: 100%; margin-top: 14.6vw; display: block; overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-track, body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible !important; } body.interview_article main section#other_interviews .wrap .items .slick-list { width: 100%; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview_article main section#other_interviews .wrap .items .item { width: 58.6vw; overflow: hidden; height: auto; } body.interview_article main section#other_interviews .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body.interview_article main section#other_interviews .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section#other_interviews .wrap .items .item div.text { line-height: 0; } body.interview_article main section#other_interviews .wrap .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body.interview_article main section#other_interviews .wrap .items .item div.text p .name_en { vertical-align: 0.15em; } } body.interview_article main section#other_interviews .wrap .backto_list { display: block; text-align: center; margin-top: 90px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; padding: 24px 0px; width: 260px; background-color: rgb(248, 248, 52); margin-left: auto; margin-right: auto; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { margin-top: 7.5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { padding: 2vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .backto_list { width: 21.6667vw; } } body.interview_article main section#other_interviews .wrap .backto_list:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap .backto_list { margin: 12vw auto 0px; } } body#real main section#hero h1 { width: 732px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#real main section#hero h1 { width: calc(-83.76px + 52.35vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#real main section#hero h1 { width: 56.6vw; height: 35.8vw; } } body#real main section#intro { padding: 115px 0px 180px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro { padding: 9.58333vw 0px 15vw; } } body#real main section#intro h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 30px; line-height: 58px; text-align: center; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#real main section#intro h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#intro h1 { margin-bottom: 5vw; } } body#real main section#intro p { max-width: 800px; margin: 0px auto; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#real main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#real main section#intro { padding: 32vw 0px 31vw; } body#real main section#intro h1 { margin-bottom: 10.6vw; } } body#real main section#data { padding-bottom: 225px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data { padding-bottom: 18.75vw; } } @media screen and (max-width: 767px) { body#real main section#data { padding-bottom: 33vw; } } body#real main section#data .wrap.items { max-width: 1280px; padding: 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items { padding: 0px 6.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items { padding: 0px; } } body#real main section#data .wrap.items .animation.fadeup { transform: translateY(30%); opacity: 0; transition: all 0.5s ease-in-out 0s; } body#real main section#data .wrap.items .animation.fadeup.active { opacity: 1; transform: translateY(0%); } body#real main section#data .wrap.items .row { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row { flex-direction: column; } } body#real main section#data .wrap.items .row .col { position: relative; overflow: hidden; flex-grow: 1; } body#real main section#data .wrap.items .row .col.gray1 { background-color: rgb(45, 50, 55); } body#real main section#data .wrap.items .row .col.gray2 { background-color: rgb(52, 57, 62); } body#real main section#data .wrap.items .row .col.gray3 { background-color: rgb(65, 70, 74); } body#real main section#data .wrap.items .row .col.gray4 { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items .row .col i { font-style: normal; margin: 0px -0.07em; } body#real main section#data .wrap.items .row .col b { font-style: normal; font-size: 0.65em; } body#real main section#data .wrap.items .row .col .content { width: 100%; height: 100%; padding-top: 38px; padding-bottom: 38px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-top: 3.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content { padding-bottom: 3.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content { padding-top: 11vw; padding-bottom: 11vw; } } body#real main section#data .wrap.items .row .col .content h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 50px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: max(12px, 4.62963vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 { font-size: 11.44vw; line-height: 11.44vw; } } body#real main section#data .wrap.items .row .col .content h4 span { font-family: Poppins, sans-serif; font-weight: 400; font-size: 115px; line-height: 115px; color: rgb(248, 248, 52); vertical-align: -3%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: max(12px, 10.6481vw); line-height: max(16px, 10.6481vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content h4 span { font-size: 26vw; line-height: 26vw; } } body#real main section#data .wrap.items .row .col .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 28px; width: 80%; margin-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col .content p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col .content p { margin-top: 2.5vw; } } body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col01 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col03 h3 { margin-bottom: 7.5vw; } } body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col04 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col04 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col04 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 5.83333vw; } } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col05 p { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col05 h3 { margin-bottom: 14vw; } body#real main section#data .wrap.items .row .col#col05 p { width: 75%; margin-top: 9vw; } } body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col06 { padding-bottom: 3.75vw; } } body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: absolute; bottom: 1.5em; left: 1.7em; white-space: nowrap; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col07 p.sosumi { position: static; margin-top: 5vw; } body#real main section#data .wrap.items .row .col#col07 .content { padding-bottom: 5vw; } } body#real main section#data .wrap.items .row .col#col08 { text-align: center; } body#real main section#data .wrap.items .row .col#col08 i { margin: 0px -0.02em; } body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 80px; margin-bottom: 43px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-bottom: 3.58333vw; } } body#real main section#data .wrap.items .row .col#col08 p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: max(12px, 1.38889vw); line-height: max(16px, 1.38889vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 p { font-size: 3.12vw; line-height: 4.42vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col08 h4 { margin-top: 18vw; margin-bottom: 11vw; } } body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { width: 87.5%; padding-top: 42px; margin-bottom: -5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 3.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { margin-bottom: -0.416667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture { padding-top: 15vw; } } body#real main section#data .wrap.items .row .col::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(248, 248, 52); } body#real main section#data .wrap.items .row.d3 .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3 .col { width: 100%; min-height: 100vw; } } body#real main section#data .wrap.items .row.d2 { max-height: 514px; } body#real main section#data .wrap.items .row.d2 .col { width: 50%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d2 { max-height: none; } body#real main section#data .wrap.items .row.d2 .col { width: 100%; } } body#real main section#data .wrap.items .row.d3a .col { width: 33.3333%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row.d3a .col { width: 100%; padding-top: 0%; padding-bottom: 0% !important; } } body#real main section#data .wrap.items .row .animation.left-to-right .content { transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s; } body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.left-to-right .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { width: 64%; padding-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle { padding-top: 2.5vw; } } body#real main section#data .wrap.items .row .animation.left-to-right::after { transform: translateX(-100%); transform-origin: right center; } body#real main section#data .wrap.items .row .animation.left-to-right.active .content { transform: translateX(0px); } body#real main section#data .wrap.items .row .animation.left-to-right.active::after { animation: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards running left-to-right-1, 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 normal forwards running left-to-right-2; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content { transform: translateY(-100%); transition: transform 0.6s ease-in-out 0.4s; } body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 { font-size: 4.94vw; line-height: 6.76vw; } } body#real main section#data .wrap.items .row .animation.top-to-bottom::after { transform: translateY(-100%); transform-origin: center bottom; } body#real main section#data .wrap.items .row .animation.top-to-bottom.active .content { transform: translateY(0px); } body#real main section#data .wrap.items .row .animation.top-to-bottom.active::after { animation: 0.8s ease-in-out 0s 1 normal forwards running top-to-bottom; } body#real main section#data .wrap.items#real_voice { margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice { margin-top: 6.66667vw; } } body#real main section#data .wrap.items#real_voice .header { border-top: 10px solid rgb(45, 50, 55); border-left: 10px solid rgb(45, 50, 55); border-right: 10px solid rgb(45, 50, 55); display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); padding: 90px 0px 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header { padding: 7.5vw 0px 6.83333vw; } } body#real main section#data .wrap.items#real_voice .header h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 90px; line-height: 64px; color: rgb(45, 50, 55); padding-right: 45px; border-right: 1px solid rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: max(12px, 8.33333vw); line-height: max(16px, 5.92593vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header h2 { font-size: 11.7vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 3.75vw; } } body#real main section#data .wrap.items#real_voice .header p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; padding-left: 35px; color: rgb(45, 50, 55); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .header p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header p { font-size: 3.12vw; line-height: 4.68vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .header p { padding-left: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .header { flex-direction: column; border-width: 2vw; padding: 8vw 0px 5vw; border-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .header h2 { padding-right: 0px; border-right: 0px; } body#real main section#data .wrap.items#real_voice .header h2::after { content: ""; display: block; width: 8vw; height: 1px; background-color: rgb(45, 50, 55); margin: 5vw auto 3vw; } body#real main section#data .wrap.items#real_voice .header p { padding-left: 0px; text-align: center; } } body#real main section#data .wrap.items#real_voice .row { background-color: rgb(70, 76, 82); } body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 25%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col { width: 100%; } } body#real main section#data .wrap.items#real_voice .row.d4 .col::after { display: none; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 43px 0px 22px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 3.58333vw 0px 1.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content { padding: 11vw 0px 5.5vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { text-align: center; color: white; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 { font-size: 4.94vw; line-height: 7.02vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 71.4%; margin-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { margin-top: 1.66667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul { width: 61.3%; margin-top: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { border-bottom: 2px dotted rgb(238, 239, 239); display: flex; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-top: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding-bottom: 1.25vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li:last-child { border-bottom: none; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li { padding: 5vw 0px; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { text-align: center; margin-right: 8px; width: 22%; line-height: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 0.666667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { width: 20%; margin-right: 7vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 12px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 { font-size: 3.12vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-family: Poppins, sans-serif; font-weight: 600; font-size: 30px; line-height: 22px; margin-right: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: max(12px, 2.77778vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span { font-size: 7.8vw; line-height: 5.2vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; border-bottom: 1px solid rgb(248, 248, 52); white-space: nowrap; display: inline; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 { font-size: 2.86vw; line-height: 2.86vw; } } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { margin: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 3.9vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div { margin-right: 1vw; } body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p { font-size: 1.2vw; white-space: nowrap; } } body#real main section#data .wrap.items#real_voice .baloons.type1 { background-color: rgb(52, 57, 62); padding: 45px 100px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type1 { padding: 3.75vw 8.33333vw 5vw; } } body#real main section#data .wrap.items#real_voice .baloons.type2 { background-color: rgb(65, 70, 74); padding: 45px 100px 70px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 3.75vw 8.33333vw 5.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons.type1, body#real main section#data .wrap.items#real_voice .baloons.type2 { padding: 12vw 7.3vw; } } body#real main section#data .wrap.items#real_voice .baloons h3 { color: white; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 48px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { font-size: 4.94vw; line-height: 7.02vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 4vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons h3 { margin-bottom: 14vw; } } body#real main section#data .wrap.items#real_voice .baloons .item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 2.5vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item { margin-bottom: 5vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } body#real main section#data .wrap.items#real_voice .baloons .item .text p { text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p { font-size: 3.64vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text p span { font-size: 4.16vw; line-height: 7.8vw; } } body#real main section#data .wrap.items#real_voice .baloons .item .text > div { text-align: right; width: 100%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 24px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: max(12px, 1.11111vw); line-height: max(16px, 2.22222vw); } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item .text > div { font-size: 3.38vw; line-height: 6.76vw; } } body#real main section#data .wrap.items#real_voice .baloons .item:last-child { margin-bottom: 0px; } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text { background-color: rgb(248, 248, 52); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text { background-color: rgb(196, 200, 203); color: rgb(45, 50, 55); } body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::before, body#real main section#data .wrap.items#real_voice .baloons .item.gray .text::after { background: url("") center center no-repeat; } body#real main section#data .wrap.items#real_voice .baloons .item.left .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { content: ""; display: block; position: absolute; right: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.left .text::before { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text { position: relative; width: 90%; padding: 24px 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { padding: 2vw 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text { width: 68vw; padding: 4vw 5.3vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { content: ""; display: block; position: absolute; left: 99.9%; top: 50%; transform: translateY(-50%); width: 26px; height: 34px; background-size: contain; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { height: 2.83333vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.right .text::after { width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.male .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { background: url("") center center / contain no-repeat; width: 50px; height: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { height: 4.16667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .item.female .icon { width: 10.6vw; height: 10.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { display: flex; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 { flex-direction: column; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0px; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { position: relative; padding: 30px 40px; margin-top: 35px; flex-grow: 1; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { padding: 2.5vw 3.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 2.91667vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { content: ""; display: block; position: absolute; left: 50%; bottom: 100%; width: 26px; height: 34px; background-size: contain; transform: rotate(-90deg) translate3d(-20%, -40%, 0px); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { width: 2.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { height: 2.83333vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item.yellow .text::before { transform: rotate(90deg) translate3d(20%, 40%, 0px); } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item { margin-bottom: 5vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text { margin-top: 6vw; padding: 4vw 5.3vw; } body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text::before { margin-bottom: -0.1vw; width: 4.8vw; height: 6.6vw; } } body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 48%; } body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 35px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 2.91667vw; } } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row3 { margin-top: 0px; } } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 30%; } @media screen and (max-width: 767px) { body#real main section#data .wrap.items#real_voice .baloons .row2 .item { width: 100%; } body#real main section#data .wrap.items#real_voice .baloons .row3 .item { width: 100%; } } @keyframes left-to-right-1 { 0% { transform: scaleX(1) translateX(-100%); } 100% { transform: scaleX(1) translateX(0px); } } @keyframes left-to-right-2 { 0% { transform: scaleX(1) translateX(0px); } 100% { transform: scaleX(0) translateX(0px); } } @keyframes top-to-bottom { 0% { transform: scaleY(1) translateY(-100%); } 30% { transform: scaleY(1) translateY(0px); } 60% { transform: scaleY(1) translateY(0px); } 100% { transform: scaleY(0) translateY(0px); } } body#project_story_top main section#hero h1 { width: 617px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#project_story_top main section#hero h1 { width: calc(-77.12px + 48.2vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#hero h1 { width: 81.7vw; height: 19.8vw; } } body#project_story_top main section#contents .wrap h1 { text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; margin-top: 115px; margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap h1 { margin-bottom: 11.6667vw; } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap h1 { margin-top: 32vw; margin-bottom: 18vw; } } body#project_story_top main section#contents .wrap .items { margin-top: 0px; margin-bottom: 80px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items { margin-bottom: 6.66667vw; } } body#project_story_top main section#contents .wrap .items .item { width: 100%; position: relative; display: block; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item { margin-bottom: 13.3333vw; } } body#project_story_top main section#contents .wrap .items .item .tag { display: flex; justify-content: flex-start; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; font-family: Poppins, sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; transform: rotate(90deg) translate3d(-100px, -200%, 0px); opacity: 0; transform-origin: 0% 0%; } body#project_story_top main section#contents .wrap .items .item .tag::before { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-right: 15px; width: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .tag::before { width: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .tag { font-size: 2.6vw; line-height: 2.6vw; } } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(10px, -200%, 0px); opacity: 1; } body#project_story_top main section#contents .wrap .items .item .text { width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 30px; } body#project_story_top main section#contents .wrap .items .item .text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 68px; color: rgb(0, 0, 0); display: block; margin-bottom: 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: max(12px, 6.2963vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 9.1vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { margin-bottom: 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1240px) { body#project_story_top main section#contents .wrap .items .item .text .position .en { font-size: 5.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .text .position { margin-bottom: 2.5vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 { position: absolute; right: 0px; color: white; -webkit-text-stroke: 1px black; margin-top: -0.2em; font-family: Poppins, sans-serif; font-weight: 600; font-size: 122px; line-height: 122px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: max(12px, 11.2963vw); line-height: max(16px, 11.2963vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .text .tag2 { font-size: 16.38vw; line-height: 16.38vw; } } body#project_story_top main section#contents .wrap .items .item .text .tag2 sup { font-size: 0.6em; font-weight: 500; vertical-align: 0.5em; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap { overflow: hidden; width: 92.85%; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap picture img { transition: all 1s ease 0s; } body#project_story_top main section#contents .wrap .items .item .photo h3 { position: absolute; left: 0px; bottom: -45px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { bottom: -3.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 5.85vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 10px 20px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { padding: 0.833333vw 1.66667vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#project_story_top main section#contents .wrap .items .item .photo h3 .line { margin-bottom: 1vw; } } body#project_story_top main section#contents .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body#project_story_top main section#contents .wrap .items .item:hover .photo picture img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#project_story_top main section#contents .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 34vw; display: block; overflow: visible !important; } body#project_story_top main section#contents .wrap .items .item { width: 100%; padding: 0px; display: block; margin-bottom: 20vw !important; } body#project_story_top main section#contents .wrap .items .item .tag::before { width: 25vw; margin-right: 3vw; display: block; } body#project_story_top main section#contents .wrap .items .item .tag.active { transform: rotate(90deg) translate3d(1.5vw, -200%, 0px); } body#project_story_top main section#contents .wrap .items .item div.text { width: 74.6vw; } body#project_story_top main section#contents .wrap .items .item div.text .tag2 { top: 19vw; z-index: 10; right: -2.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position { margin-bottom: 3.5vw; } body#project_story_top main section#contents .wrap .items .item div.text .position .en { margin-bottom: 2vw; } body#project_story_top main section#contents .wrap .items .item div.photo { width: 74.6vw; margin: 0px 0px 0px auto; } body#project_story_top main section#contents .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#project_story_top main section#contents .wrap .items .item div.photo .photo-wrap { margin: 0px; width: 100%; } body#project_story_top main section#contents .wrap .items .item div.photo h3 { bottom: -6vw; } body#project_story_top main section#contents .wrap .items .item div.photo h3 .line { padding: 1.5vw 3.6vw; margin-bottom: 1.6vw; } } body.project_story main { padding-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main { padding-top: 0vw; } } @media screen and (max-width: 767px) { body.project_story main { padding-top: 0px; } body.project_story main .reverse-sp { flex-direction: column-reverse !important; display: flex; } } body.project_story main section#hero { overflow: visible; position: relative; height: 945px; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero { padding-bottom: 27.9167vw; } } body.project_story main section#hero .bg { height: 800px; width: 100%; position: absolute; top: 145px; background: url("") 50% 0px / auto 100% no-repeat; } body.project_story main section#hero .bg p { font-family: Poppins, sans-serif; font-weight: 600; font-size: 260px; line-height: 260px; color: rgb(247, 248, 248); position: absolute; top: 45%; left: -1%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .bg p { font-size: max(12px, 24.0741vw); line-height: max(16px, 24.0741vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .bg p { font-size: 29.9vw; line-height: 29.9vw; } } body.project_story main section#hero .bg p sup { font-size: 0.5em; font-weight: 500; } body.project_story main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.project_story main section#hero .block { margin-top: 2.4vw; } } body.project_story main section#hero .wrap_a { max-width: 100%; width: 100%; margin: 0px auto; position: relative; } body.project_story main section#hero .wrap_a .wrap_b { position: absolute; left: 11.4%; top: 150px; z-index: 10; } body.project_story main section#hero .wrap_a .wrap_b .tag { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 7px 17px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; margin-bottom: 24px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { padding: 0.583333vw 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .tag { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 2vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#hero .wrap_a .wrap_b .title { color: rgb(0, 0, 0); margin-top: 60px; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: max(12px, 4.16667vw); line-height: max(16px, 4.16667vw); } } @media screen and (max-width: 767px) { body.project_story main section#hero .wrap_a .wrap_b .title { font-size: 5.85vw; line-height: 5.85vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 12px 25px 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { padding: 1vw 2.08333vw 1.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#hero .wrap_a .wrap_b .title .line { margin-bottom: 1vw; } } body.project_story main section#hero .wrap_a .wrap_b .title .ten { letter-spacing: -0.35em; } body.project_story main section#hero .wrap_a .wrap_c { position: absolute; left: 45.3%; top: 0px; height: 681px; width: 54.8%; } body.project_story main section#hero .wrap_a .wrap_c picture { position: relative; display: block; width: 100%; height: 100%; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 767px) { body.project_story main section#hero { padding-bottom: 41.3vw; overflow: hidden; height: 194.6vw; } body.project_story main section#hero .wrap_a { background: transparent; } body.project_story main section#hero .wrap_a .wrap_b { left: 7.33vw; top: 91.73vw; } body.project_story main section#hero .wrap_a .wrap_b .tag { margin-bottom: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title { margin-top: 5vw; } body.project_story main section#hero .wrap_a .wrap_b .title span[class^="line"] { padding: 1.5vw 3.3vw; margin-bottom: 1.6vw; } body.project_story main section#hero .wrap_a .wrap_c { position: relative; left: 0px; top: 0px; width: 100%; height: 94.66vw; } body.project_story main section#hero .wrap_a .wrap_c picture img { width: 100%; height: 100%; object-fit: cover; } body.project_story main section#hero .bg { height: 100vw; width: 100%; top: 94.66vw; background-image: url(""); } body.project_story main section#hero .bg p { top: 43%; left: auto; right: 9vw; } } body.project_story main section.article .wrap.narrow { max-width: 960px; } body.project_story main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; margin: 100px 0px 70px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap h2 { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2 { margin: 8.33333vw 0px 5.83333vw; } } body.project_story main section.article .wrap h2.read { margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap h2.read { margin-top: 3.75vw; } } body.project_story main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.project_story main section.article .wrap .cols { display: flex; justify-content: space-between; } body.project_story main section.article .wrap .cols .left { width: 50%; } body.project_story main section.article .wrap .cols .left.text { padding-right: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-right: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .left.text { padding-top: 4.16667vw; } } body.project_story main section.article .wrap .cols .right { width: 50%; } body.project_story main section.article .wrap .cols .right.text { padding-left: 80px; padding-top: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .wrap .cols .right.text { padding-top: 4.16667vw; } } body.project_story main section.article .photo-wrap { max-width: 1280px; margin: 80px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section.article .photo-wrap { margin-top: 6.66667vw; } } @media screen and (max-width: 767px) { body.project_story main section.article .wrap.narrow { max-width: 100%; } body.project_story main section.article .wrap h2 { margin: 22vw auto 7.5vw; } body.project_story main section.article .wrap h2.read { margin-top: 10vw; } body.project_story main section.article .wrap .cols { flex-direction: column; } body.project_story main section.article .wrap .cols .left, body.project_story main section.article .wrap .cols .right { width: 100%; } body.project_story main section.article .wrap .cols .left.text, body.project_story main section.article .wrap .cols .right.text { padding: 0px; } body.project_story main section.article .photo-wrap { max-width: 100%; margin: 7vw auto 0px; } } body.project_story main section#other_project .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap { padding-top: 10.4167vw; } } body.project_story main section#other_project .wrap .items { display: flex; justify-content: space-between; width: 100%; padding-top: 94px; padding-bottom: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items { padding-bottom: 14.1667vw; } } body.project_story main section#other_project .wrap .items .item { width: 520px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item { width: 43.3333vw; } } body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:first-child { margin-right: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item:last-child { margin-left: 3.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 0.833333vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag span { background-color: black; color: rgb(237, 240, 242); display: inline-block; padding: 5px 14px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { padding: 0.416667vw 1.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .tag span { font-size: 3.64vw; line-height: 3.64vw; } } body.project_story main section#other_project .wrap .items .item div.text .tag::after { content: ""; display: inline-block; height: 1px; background-color: rgb(0, 0, 0); margin-left: 15px; width: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { margin-left: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 8.33333vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .en { font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 38px; color: rgb(0, 0, 0); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: max(12px, 3.51852vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .en { font-size: 7.28vw; line-height: 7.28vw; } } body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; color: rgb(0, 0, 0); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item div.text .position .ja { font-size: 2.86vw; line-height: 2.86vw; } } body.project_story main section#other_project .wrap .items .item .photo { overflow: hidden; width: 100%; margin: 15px auto 0px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo { margin-top: 1.25vw; } } body.project_story main section#other_project .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.project_story main section#other_project .wrap .items .item .photo h3 { position: absolute; left: 27px; bottom: 23px; color: rgb(0, 0, 0); font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 25px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { left: 2.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 { bottom: 1.91667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap .items .item .photo h3 { font-size: 5.85vw; line-height: 8.84vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .line { display: inline-block; background-color: rgb(248, 248, 52); padding: 0px 15px; margin-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { padding: 0px 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 0.416667vw; } } body.project_story main section#other_project .wrap .items .item .photo h3 .ten { letter-spacing: -0.35em; } body.project_story main section#other_project .wrap .items .item:hover .photo img { transform: scale(1.08); } @media screen and (max-width: 767px) { body.project_story main section#other_project .wrap { padding-top: 33.3vw; } body.project_story main section#other_project .wrap .items { padding-top: 16.5vw; padding-bottom: 17vw; flex-direction: column; } body.project_story main section#other_project .wrap .items .item { width: 100%; margin-bottom: 17vw; margin-right: 0px !important; margin-left: 0px !important; } body.project_story main section#other_project .wrap .items .item div.text .tag { margin-bottom: 5.4vw; } body.project_story main section#other_project .wrap .items .item div.text .tag::after { width: 20vw; } body.project_story main section#other_project .wrap .items .item div.text .position .ja { margin-top: 1.1vw; display: block; } body.project_story main section#other_project .wrap .items .item .photo { margin-top: 4.5vw; overflow: visible; } body.project_story main section#other_project .wrap .items .item .photo h3 { left: 0px; bottom: -5.5vw; margin-bottom: 0px; } body.project_story main section#other_project .wrap .items .item .photo h3 .line { margin-bottom: 1.5vw; } } body.project_story#project_story_01 main section#hero .wrap_c img { object-position: 90% 50%; } body.project_story#project_story_02 main section#hero .wrap_c img { object-position: 10% 50%; } body.project_story#project_story_03 main section#hero .wrap_c img { object-position: 30% 50%; } "); } @media screen and (max-width: 767px) { body main section.yellow-cards .items .right { margin-top: 10vw; } } body main section#entry { margin-top: 50px; padding-bottom: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { margin-top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry { padding-bottom: 4.16667vw; } } @media screen and (max-width: 767px) { body main section#entry { padding: 0px 7.3vw; overflow: hidden; margin-top: 0vw; } } body main section#entry .wrap { overflow: hidden; padding: 0px 80px; max-width: 1440px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap { padding: 0vw 6.66667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap { padding: 0px !important; } } body main section#entry .wrap > div { overflow: hidden; } body main section#entry .wrap > div .ticker { display: block; white-space: nowrap; margin: 2px 0px 5px; } body main section#entry .wrap > div .ticker h2 { display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; color: rgb(206, 210, 213); padding-right: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div .ticker h2 span { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div .ticker h2 span { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div .ticker h2 span { font-size: 2.86vw; line-height: 2.86vw; } } body main section#entry .wrap > div a { display: flex; justify-content: center; align-items: center; width: 100%; height: 320px; background-color: rgb(248, 248, 52); } @media screen and (min-width: 768px) and (max-width: 1200px) { body main section#entry .wrap > div a { height: 26.6667vw; } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a { height: 37.3vw; } } body main section#entry .wrap > div a h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 80px; line-height: 80px; letter-spacing: 20px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1000px) { body main section#entry .wrap > div a h3 { font-size: max(12px, 7.40741vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { font-size: 10.4vw; line-height: 12.35vw; } } body main section#entry .wrap > div a h3::after { content: " "; display: inline-block; width: 0.7em; height: 0.7em; margin-left: 0.3em; background: url(data:image/webp;base64,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) center center / 100% 100% no-repeat; } @media screen and (max-width: 767px) { body main section#entry .wrap > div a h3 { letter-spacing: 0px; } } body main section#entry .wrap > div a:hover h3 { letter-spacing: 0px; } body main section#entry .wrap > div a:hover h3::after { background-image: url(""); } body footer { background-color: black; color: rgb(238, 239, 239); } body footer .mosaic { height: 240px; background: url(data:image/webp;base64,UklGRnQHAABXRUJQVlA4IGgHAAAQzwCdASrECSwBPpFIoEwlpCMiIygAsBIJaW7hdb1776B4T4fgD+AfgB9MVwH8A/AD8ANsE8A/AD8ANb/uv9ID+AfwD8//4Buf/H/g0rzPQEZddN3Wz/gyj+XXDQWHJgA/qv5tT3fMpqZSHjgf1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5AC263M9ARRuEFKPR/1Y5zb5ACLVAFlbXTd1uZ6AjLrpu63M9ARl103dbmefy4BACNW0A36YARq2gG/TAC263M9ARkNwqZUzCMuum7rczzgNij0hyegIy66butocAf9gO1uS58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwCAEatoBv0wAjVtAN+mAFt1uZ6AjIbhUypmEZddN3W5nnAbFHpDk9ARl103dbQ4A/7Adrclz4psIAW3W5noCMuum7rcz0BGXXTd1tDgEAI1bQDfpgBGraAb9MALbrcz0BGQ3CplTMIy66butzPOA2KPSHJ6AjLrpu62hwB/2A7W5LnxTYQAtutzPQEZddN3W5noCMuum7raHAIARq2gG/TACNW0A36YAW3W5noCMhuFTKmYRl103dbmecBsUekOT0BGXXTd1tDgD/sB2tyXPimwgBbdbmegIy66butzPQEZddN3W0OAQAjVtAN+mAEatoBv0wAtutzPQEZDcKmVMwjLrpu63M84DYo9IcnoCMuum7raHAH/YDtbkufFNhAC263M9ARl103dbmegIy66butnBY6oP5plVCYdXsGGbcbxvKDUaAeeaZVQmMe17egIoBMOiqhM+CRdnmaKGa/YZB/NMqn0q24htxvG8206TOaWbcbxvNsoJ7mUca4ZB/NMqn0tAK8is3Pimuto1kmZ8Ei+M+CRfGfBHGsAu35txvG8pt82+jebcbxvJcdAywgBbdbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARq2gIpPt5rc+KbCAFm58U12uFTPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butzPQEZddN3KnzYLktM9ARl103dXhsUekOTzgNij0ipZnbnzYLktM9ARltGhK/2A7W5noBv0wAjWdPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLriAdraHAIAW3W5noCKT7ea3PimcraAb9uKqvDYo9IcnoCMuow5PP5cAgBbdbQ4A/7BBk9ARl103dbmegIy66butzPQEZddN3W5noCMuow5POA2KQBbdbmegG/TACNW0A36YARrOnn8uAP+wHa3M9AN+mAFm58U2EALNz4pnLOnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl1xAO1tDgEALbrcz0BFJ9vNbnxTOVtAN+3FVXhsUekOT0BGXUYcnn8uAQAtutocAf9ggyegIy66butzPQEZddN3W5noCMuum7rcz0BGXUJS1+ytvG8241nBtP530yqhM9xqUaWALbrZ4umPzsz4JF8Ys0i5YIAiDzjCWoh/NMqn2AZCXUvMo6Gaer0JnwSLwpOeDZnm502XzTKqExqE4q3zTKqEz3SSehOm7rcztCSyxkJG28bzbTx4KKWgIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZUzCMhuFTPQEZddN3W5noCMuum7rcz0BGXXSKtoBwtBbdbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63Jc+KZytoCMuum7rcz0BGXXTd1uZ6AjLrpu6vDYo9IcnoCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPQEZDcKmVMwjLrpu63M9ARl103dbmegIy66butyXPimcraAjLrpu63M9ARl103dbmegIy66butzPQEZddN3W5noCMuum7rcz0BGXUYcnnAbFIAtutzPQEZddN3W5noCMuum7rcztz5sFyWmegIy66butzPQEZddN3W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARSfbzW58U2EALbrcz0BGXXTd1uZ6AjLrpu62hwB/2A7W5noCMuum7rcz0BGXXTd1uZ6AjLrpu63M9ARl103dbmegIy66butzPOA2KPSHJ6AjLrpu63M9ARl103dbmegIy66bqGYRkNwqZ6AjLrpu63M9ARl103dbmegIy66butzPQDYAA/v94mIt2xqtkOlz2g9mv9o8v+U7aL/aPL/lO2i/2jy/5Ttov9o8v+U92pTf8bU++fsbdEnDEnDEnDFK18UAAAAAAAAAAAAAAAAAAAAAAAAAJh22XkYHv0cEquyR/UB9mMSoqSTiUjaoJ75nJMKWN6F3B7ypbmT7JOJSNpwAaWKFLU68uVPXfJivLj+fsVY7NevgAAAAAAAAAAAAAAAAAAAAAAAAAAGzKfOP7gE/Oq8VII9YnNjgDLKAByGUTrXLA3qZ62YvzOgAAC3AAGvAAAJAAe4AAIXAdEAAH6AbsAAHuAa8AAAA=) center 0px / auto 100% no-repeat; } @media screen and (max-width: 767px) { body footer .mosaic { height: 32vw; background-image: url(""); background-size: 100%; } } body footer .wrap { max-width: 1280px; margin: 142px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap { margin: 11.8333vw auto 0vw; } } @media screen and (max-width: 767px) { body footer .wrap { padding: 0px 4.5vw; margin-top: 18vw; } } body footer .wrap .title { display: flex; justify-content: flex-start; align-items: flex-end; } body footer .wrap .title svg { width: 120px; height: 37px; fill: rgb(238, 239, 239); } @media screen and (max-width: 767px) { body footer .wrap .title svg { width: 24.5vw; height: 7.4vw; } } body footer .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(238, 239, 239); padding: 0px 0px 0.3em 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .title p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .title p { font-size: 2.86vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1370px) { body footer .wrap .title { padding: 0px 3vw; } } body footer .wrap .menu { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1120px; margin: 60px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu { margin: 5vw auto 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body footer .wrap .menu { padding: 0px 5vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu { flex-wrap: wrap; margin: 0px 0px 0px 3vw; } } body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-family: Poppins, sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; margin-bottom: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { font-size: 3.64vw; line-height: 3.64vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 2.08333vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div h3, body footer .wrap .menu div h3 a { margin-bottom: 3vw; } } body footer .wrap .menu div h3 a span { font-size: 0.9em; } body footer .wrap .menu div a { color: rgb(238, 239, 239); display: block; margin-bottom: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu div a { margin-bottom: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu div a { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu div a { font-size: 3.38vw; line-height: 3.9vw; } } body footer .wrap .menu div a.gray-out { color: rgb(115, 115, 115); } body footer .wrap .menu div a.small { font-size: 0.77em; } body footer .wrap .menu div a:hover:not(.gray-out) { color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body footer .wrap .menu div a { margin-bottom: 3vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu div { width: 49%; margin-top: 8vw; } body footer .wrap .menu div.top { width: 100%; } body footer .wrap .menu div.left { width: 65%; } body footer .wrap .menu div.right { width: 35%; } } body footer .wrap .menu.second div { margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .wrap .menu.second div { margin-bottom: 1.66667vw; } } body footer .wrap .menu.second div:last-child { margin-bottom: 0px; } body footer .wrap .menu.second div a.small { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 12px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .wrap .menu.second div a.small { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body footer .wrap .menu.second div a.small { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (max-width: 767px) { body footer .wrap .menu.second { margin: 0px; } body footer .wrap .menu.second div { display: flex; width: 80%; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 10vw auto 3vw; } } body footer .copyright { text-align: center; margin-top: 160px; padding: 30px 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 10px; line-height: 10px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { margin-top: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body footer .copyright { padding: 2.5vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body footer .copyright { font-size: max(12px, 0.925926vw); line-height: max(16px, 0.925926vw); } } @media screen and (max-width: 767px) { body footer .copyright { font-size: 2.6vw; line-height: 2.6vw; } } @media screen and (max-width: 767px) { body footer .copyright { padding: 4vw 0px; margin-top: 26.6vw; } } body.sub-page-style1 main section#hero { max-width: 1400px; margin: 0px auto; width: 100%; padding: 290px 60px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero { padding: 24.1667vw 5vw 0vw; } } @media screen and (max-height: 800px) { body.sub-page-style1 main section#hero { padding-top: 200px; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero { padding: 30vw 0px 0px; } } body.sub-page-style1 main section#hero h1 { margin: 0px 0px 30px auto; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section#hero h1 { margin: 0vw 0vw 2.5vw auto; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section#hero h1 { margin: 0px 7.3vw 10.6vw auto; } } body.sub-page-style1 main section#hero img { width: 100%; } body.sub-page-style1 main section.style3 { padding: 0px 0px 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 { padding: 0vw 0vw 9.58333vw; } } body.sub-page-style1 main section.style3 .items { display: flex; flex-wrap: wrap; justify-content: space-between; } body.sub-page-style1 main section.style3 .items .item { width: 46.4%; margin-top: 82px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item { margin-top: 6.83333vw; } } body.sub-page-style1 main section.style3 .items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.sub-page-style1 main section.style3 .items .item h3 { margin: 0.416667vw 0vw 0.833333vw; } } body.sub-page-style1 main section.style3 .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.sub-page-style1 main section.style3 .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 .items .item p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body.sub-page-style1 main section.style3 { padding: 0px 0px 30.7vw; } body.sub-page-style1 main section.style3 .items .item { width: 100%; margin-top: 13.3vw; } body.sub-page-style1 main section.style3 .items .item h3 { margin: 6vw 0px 2.5vw; } } body.sub-page-style1 main section.style3 .items .item img { aspect-ratio: 513 / 316; object-fit: cover; object-position: center center; } body#top main section#hero { background: rgb(76, 83, 91); position: relative; padding: 0px; } body#top main section#hero::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgb(94, 100, 106) 0%, rgb(94, 100, 106) 49%, rgb(72, 81, 86) 50%, rgb(72, 81, 86) 100%); transition: all 2s ease 0s; opacity: 0; z-index: 1; } body#top main section#hero img { height: 100%; object-fit: contain; margin: 0px auto; display: block; } body#top main section#hero video { height: auto; width: 100%; max-height: 850px; margin: 0px auto; display: block; position: relative; z-index: 1; } body#top main section#hero .block { margin-top: -15px; z-index: 100; } @media screen and (max-width: 767px) { body#top main section#hero { height: 173vw; } body#top main section#hero img { max-height: 173vw; } body#top main section#hero video { max-height: inherit; } body#top main section#hero .block { margin-top: 0px; } } body#top main section#intro { padding: 270px 0px; } @media screen and (max-width: 767px) { body#top main section#intro { padding: 51.6vw 0px 100.5vw; } } body#top main section#intro .wrap { max-width: 1120px; } body#top main section#intro .block { margin-top: 15px; z-index: 100; } body#top main section#intro h6 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro h6 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro h6 { font-size: 3.9vw; line-height: 3.9vw; } } body#top main section#intro h6::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: black; margin: 0px 0.5em 0.15em 0px; border-radius: 3px; } body#top main section#intro #intro-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 105px; line-height: 160px; max-width: 368px; width: 100%; padding: 80px 0px 5px; margin-bottom: -87px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-title { font-size: max(12px, 9.72222vw); line-height: max(16px, 14.8148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { font-size: 13.52vw; line-height: 20.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { padding: 6.66667vw 0vw 0.416667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-title { margin-bottom: -7.25vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-title { width: 48vw; padding-top: 13vw; margin-bottom: -15vw; } } body#top main section#intro #intro-sub-title { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 45px; line-height: 70px; max-width: 418px; width: 100%; margin-bottom: 15px; padding-top: 10px; padding-bottom: 5px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro #intro-sub-title { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { font-size: 5.98vw; line-height: 9.1vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-top: 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#intro #intro-sub-title { padding-bottom: 0.416667vw; } } @media screen and (max-width: 767px) { body#top main section#intro #intro-sub-title { width: 57vw; padding-top: 5vw; margin-bottom: 6.5vw; } } body#top main section#intro #intro-text { width: 100%; max-width: 360px; margin-bottom: -570px; } @media screen and (max-width: 767px) { body#top main section#intro #intro-text { width: 74vw; margin-bottom: -130vw; max-width: inherit; } } body#top main section#intro p { margin-top: 1.8em; letter-spacing: 0.05em; } body#top main section#intro p span { display: block; font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 18px; line-height: 44px; padding-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#intro p span { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#intro p span { font-size: 3.64vw; line-height: 8.84vw; } } body#top main section#why { background: url("") center 0px repeat; margin-top: -160px; } body#top main section#why::before { content: ""; display: block; width: 100%; height: 321px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#why::before { background-image: url(""); height: 32.1vw; background-size: auto 100%; } } body#top main section#why .wrap { max-width: 1440px; padding: 80px 0px 190px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap { padding: 6.66667vw 0vw 15.8333vw; } } body#top main section#why .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap h4 { margin: 0vw 0vw 0.833333vw; } } body#top main section#why .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#why .wrap .dash { width: 1px; height: 60px; background-color: rgb(0, 0, 0); margin: 78px auto 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap .dash { margin: 6.5vw auto 0vw; } } body#top main section#why .wrap > div { display: flex; justify-content: space-between; margin: 50px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div { margin: 4.16667vw 0vw 0vw; } } body#top main section#why .wrap > div > div { margin: 0px auto; } body#top main section#why .wrap > div > div h3 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 65px; letter-spacing: 0.06em; position: relative; padding: 90px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div h3 { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.01852vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div h3 { font-size: 5.98vw; line-height: 8.45vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div h3 { padding: 7.5vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 48px; padding: 50px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#why .wrap > div > div p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.44444vw); } } @media screen and (max-width: 767px) { body#top main section#why .wrap > div > div p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div > div p { padding: 4.16667vw 0vw 0vw 6.66667vw; } } body#top main section#why .wrap > div .photo { max-width: 47.2%; width: 50%; height: auto; margin-top: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div .photo { margin-top: 8.33333vw; } } body#top main section#why .wrap > div img { width: 100%; height: auto; object-fit: contain; object-position: 0% 0%; } body#top main section#why .wrap > div.point1 > div { padding-left: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point1 > div { padding-left: 4.16667vw; } } body#top main section#why .wrap > div.point1 > div h3 { background: url("") 0px 0px / 221px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point1 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } body#top main section#why .wrap > div.point2 { margin-top: 150px; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 { margin-top: 12.5vw; } } body#top main section#why .wrap > div.point2 > div.photo { max-width: 47.2%; margin-left: 0px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-left: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#why .wrap > div.point2 > div.photo { margin-right: 6.66667vw; } } body#top main section#why .wrap > div.point2 > div.text { margin: 0px; } body#top main section#why .wrap > div.point2 > div h3 { background: url("") 0px 0px / 232px 188px no-repeat; } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#why .wrap > div.point2 > div h3 { font-size: 3.5vw; background-size: auto 100%; } } @media screen and (max-width: 767px) { body#top main section#why { background-size: 10.66vw 10.66vw; margin-top: 0px; } body#top main section#why .wrap { padding: 21.333vw 0px 32vw; } body#top main section#why .wrap .dash { height: 8vw; margin: 13vw auto 0px; } body#top main section#why .wrap > div { flex-direction: column; margin: 9vw 0px 0px; } body#top main section#why .wrap > div .photo { max-width: 100%; width: 100%; height: 88vw; object-fit: cover; margin: 11.1vw 0px 0px; } body#top main section#why .wrap > div.point1 > div { padding-left: 0px; } body#top main section#why .wrap > div.point1 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point1 > div p { padding: 0px; max-width: 85vw; letter-spacing: 0.05em; } body#top main section#why .wrap > div.point2 { margin-top: 23vw; flex-direction: column-reverse; } body#top main section#why .wrap > div.point2 > div { margin-left: 0px; width: 100%; } body#top main section#why .wrap > div.point2 > div.photo { max-width: 100%; } body#top main section#why .wrap > div.point2 > div h3 { background-size: auto 30.66vw; padding: 6vw 0px 0px; text-align: center; height: 30.66vw; margin-bottom: 6vw; background-position: 50% 0px; } body#top main section#why .wrap > div.point2 > div p { padding: 0px; max-width: 85vw; margin: 0px auto; letter-spacing: 0.05em; } } body#top main section#why::after { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (max-width: 767px) { body#top main section#why::after { background-image: url(""); height: 21.3vw; background-size: 100% 100%; } } body#top main section#ceo { background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); } body#top main section#ceo .wrap { max-width: 1280px; margin-top: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap { margin-top: 6.66667vw; } } body#top main section#ceo .wrap h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 41px; text-align: center; padding: 0px; margin: 0px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h4 { font-size: max(12px, 1.85185vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h4 { font-size: 3.64vw; line-height: 5.33vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap h4 { margin: 0vw 0vw 1.66667vw; } } body#top main section#ceo .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 95px; line-height: 100px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap h2 { font-size: max(12px, 8.7963vw); line-height: max(16px, 9.25926vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap h2 { font-size: 13vw; line-height: 13vw; } } body#top main section#ceo .wrap > div { display: flex; justify-content: flex-start; width: 100%; margin: 140px auto 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div { margin: 11.6667vw auto 20vw; } } body#top main section#ceo .wrap > div .left { width: 480px; margin: 0px; height: 640px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { width: 40vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .left { height: 53.3333vw; } } body#top main section#ceo .wrap > div .right { display: flex; justify-content: flex-end; flex-direction: column; margin-left: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right { margin-left: 6.66667vw; } } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 65px; } body#top main section#ceo .wrap > div .right h1 i { display: none; } body#top main section#ceo .wrap > div .right h1 img { width: 521px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 img { width: 43.4167vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h1 { margin-bottom: 5.41667vw; } } body#top main section#ceo .wrap > div .right h5 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h5 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right h5 { margin-bottom: 1vw; } } body#top main section#ceo .wrap > div .right h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right h3 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right h3 { font-size: 4.94vw; line-height: 4.94vw; } } body#top main section#ceo .wrap > div .right .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 88px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#ceo .wrap > div .right .more { margin-top: 7.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#ceo .wrap > div .right .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#top main section#ceo .wrap > div .right .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#ceo .wrap > div .right .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#ceo { margin-top: -1px; } body#top main section#ceo .wrap { margin-top: 23.46vw; } body#top main section#ceo .wrap h4 { margin-bottom: 4vw; } body#top main section#ceo .wrap > div { margin: 17.3vw auto 10.6vw; flex-direction: column; } body#top main section#ceo .wrap > div .left { width: 100%; margin: 0px; height: 116vw; } body#top main section#ceo .wrap > div .right { margin: 10.66vw 0px 38vw; } body#top main section#ceo .wrap > div .right h1 { margin-bottom: 7.3vw; } body#top main section#ceo .wrap > div .right h1 img { width: 100%; } body#top main section#ceo .wrap > div .right h5 { margin-bottom: 3.33vw; } body#top main section#ceo .wrap > div .right .more { width: 100%; margin-top: 9.33vw; } } body#top main section#realized { background: url("") center 0px repeat; margin-bottom: 160px; } body#top main section#realized::before { content: ""; display: block; width: 100%; height: 240px; background: url("") center 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized { margin-bottom: 13.3333vw; } } body#top main section#realized .wrap { max-width: 1200px; height: 1061.6px; } body#top main section#realized .wrap .title { position: relative; margin-top: -23px; } body#top main section#realized .wrap .title h4 { position: absolute; background: rgb(215, 218, 221); height: 39px; border-left: 7px solid black; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 41px; text-align: center; padding: 0px 2em; top: 50px; left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { height: 3.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title h4 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.7963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title h4 { font-size: 3.64vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { top: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h4 { left: 5.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .title h4 { font-size: 1.56vw; line-height: 3.2vw; } } body#top main section#realized .wrap .title h2 i { display: none; } body#top main section#realized .wrap .title h2 img { width: 595px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title h2 img { width: 49.5833vw; } } body#top main section#realized .wrap .title p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 44px; margin-top: 45px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .title p { font-size: max(12px, 1.66667vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .title p { font-size: 3.64vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .title p { margin-top: 3.75vw; } } body#top main section#realized .wrap .items { display: flex; justify-content: space-between; margin: 100px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items { margin: 8.33333vw 0vw 0vw; } } body#top main section#realized .wrap .items > div { background: rgb(45, 50, 55); width: 30.769%; height: 440px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px 30px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { height: 36.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div { padding: 3.33333vw 3.33333vw 2.5vw; } } body#top main section#realized .wrap .items > div > div { width: 100%; } body#top main section#realized .wrap .items > div > div h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; color: rgb(238, 239, 239); text-align: center; padding: 0px; margin-bottom: 16px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h4 { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.66667vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 1.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#top main section#realized .wrap .items > div > div h4 { font-size: 1.2vw; } } body#top main section#realized .wrap .items > div > div h3 { background-color: rgb(238, 239, 239); width: 100%; height: 57px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 20px; line-height: 25px; text-align: center; padding: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div > div h3 { height: 4.75vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 { font-size: 4.42vw; line-height: 9.62vw; } } body#top main section#realized .wrap .items > div > div h3 span { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 13px; line-height: 17px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: max(12px, 1.2037vw); line-height: max(16px, 1.57407vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div > div h3 span { font-size: 3.64vw; line-height: 4.55vw; } } body#top main section#realized .wrap .items > div img { height: 101px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div img { height: 8.41667vw; } } body#top main section#realized .wrap .items > div p { color: rgb(238, 239, 239); border-top: 1px solid rgb(238, 239, 239); display: block; width: 100%; margin: 0px; padding-top: 25px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .items > div p { padding-top: 2.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .items > div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .items > div p { font-size: 3.38vw; line-height: 3.38vw; } } body#top main section#realized .wrap .more { display: inline-block; width: 260px; background-color: rgb(248, 248, 52); color: black; padding: 1.5em 0px; text-align: center; margin-top: 80px; margin-bottom: 100px; font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 12px; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#realized .wrap .more { margin-bottom: 8.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#realized .wrap .more { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { font-size: 4.42vw; line-height: 4.42vw; } } body#top main section#realized .wrap .more:hover { background-color: black; color: rgb(248, 248, 52); } @media screen and (max-width: 767px) { body#top main section#realized .wrap .more { width: 100%; margin-top: 10.6vw; } } body#top main section#realized::after { content: ""; display: block; width: 100%; height: 320px; background: url("") center 100% no-repeat white; } @media screen and (max-width: 767px) { body#top main section#realized { background-size: 10.66vw 10.66vw; margin-bottom: 32vw; } body#top main section#realized::before { background-image: url(""); background-size: 100% 21.333vw; height: 21.333vw; margin-top: -1px; } body#top main section#realized .wrap { height: 319vw; } body#top main section#realized .wrap .title { margin-top: 21.333vw; } body#top main section#realized .wrap .title h4 { left: 0px; top: 10.66vw; height: 8vw; } body#top main section#realized .wrap .title p { margin-top: 13vw; } body#top main section#realized .wrap .items { flex-direction: column; margin: 4vw 0px 0px; } body#top main section#realized .wrap .items > div { width: 100%; height: 64vw; margin: 8vw 0px 0px; padding: 6.66vw 10.66vw 3.3vw; } body#top main section#realized .wrap .items > div > div h4 { margin-bottom: 2vw; } body#top main section#realized .wrap .items > div > div h3 { height: 9.86vw; } body#top main section#realized .wrap .items > div img { height: 20.5vw; } body#top main section#realized .wrap .items > div p { padding-top: 3vw; } body#top main section#realized::after { background-image: url(""); background-size: 100% 32vw; height: 32vw; } } body#top main section#business { padding-bottom: 0px; } body#top main section#project-story .wrap { padding-top: 80px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-top: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap { padding-bottom: 13.3333vw; } } body#top main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; position: relative; overflow: hidden; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a { height: 33.3333vw; } } body#top main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body#top main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body#top main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text { padding: 4.16667vw 4.58333vw; } } body#top main section#project-story .wrap a .text h2 { display: inline; } body#top main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body#top main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body#top main section#project-story .wrap a .text p { margin-top: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body#top main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body#top main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body#top main section#project-story .wrap a .arrow { display: none; } body#top main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } @media screen and (max-width: 767px) { body#top main section#project-story .wrap { padding-top: 10.6vw; padding-bottom: 31.8vw; } body#top main section#project-story .wrap a { height: 64vw; border-bottom-right-radius: 16vw; } body#top main section#project-story .wrap a .text { padding: 12.6vw 0px 0px 4vw; } body#top main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body#top main section#project-story .wrap a .text h3 { margin-top: 2vw; } body#top main section#project-story .wrap a .text p { margin-top: 4vw; } body#top main section#project-story .wrap a .text p span { margin-bottom: 2vw; } body#top main section#project-story .wrap a .bg img { object-position: 50% 30%; } } body#top main section#people { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#people { padding-bottom: 26.6vw; } } body#top main section#people .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 9vw; } } body#top main section#people .wrap .coming { margin-top: 110px; max-height: 440px; border-radius: 80px; overflow: hidden; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .wrap .coming { margin-top: 9.16667vw; } } body#top main section#people .wrap .coming p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(238, 239, 239); font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .wrap .coming p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .wrap .coming p { font-size: 4.68vw; line-height: 4.68vw; } } @media screen and (max-width: 767px) { body#top main section#people .wrap { overflow: visible; padding: 0px; } } body#top main section#people .items { margin-top: 0px; max-height: 440px; margin-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items { margin-bottom: 13.3333vw; } } body#top main section#people .items .slick-list { overflow: visible; width: 1600px; } body#top main section#people .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#people .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .slick-arrow { height: 5.08333vw; } } body#top main section#people .items .slick-arrow.slick-prev { left: 0px; } body#top main section#people .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#people .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#people .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#people .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#people .items .item { width: 320px; height: 440px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#people .items .item { height: 36.6667vw; } } body#top main section#people .items .item img { transition: transform 1s ease 0s; } body#top main section#people .items .item:hover img { transform: scale(1.08); } body#top main section#people .items .item div.photo { border-radius: 320px; overflow: hidden; } body#top main section#people .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#top main section#people .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#top main section#people .items .item div.text { margin-top: 0.5em; } body#top main section#people .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { font-size: 4.42vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#people .items .item div.text p { margin: 0px 0px 8px; white-space: nowrap; } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p { margin: 0px; } } body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#top main section#people .items .item div.text p .position { background-color: rgb(239, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } body#top main section#people .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#top main section#people .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.15em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#people .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#top main section#people .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (max-width: 767px) { body#top main section#people .items { width: 100%; margin-top: 0px; display: block; max-height: 85.3vw; overflow: visible !important; } body#top main section#people .items .slick-track, body#top main section#people .items .slick-list { overflow: visible !important; } body#top main section#people .items .slick-list { width: 100%; } body#top main section#people .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#people .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#people .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#top main section#people .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#people .items .item div.text { line-height: 0; } body#top main section#people .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#people .items .item div.text p .name_en { vertical-align: 0.15em; } body#top main section#people .items .left, body#top main section#people .items .middle, body#top main section#people .items .right { padding: 0px 4vw; } } body#top main section#interview { padding-bottom: 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview { padding-bottom: 16.6667vw; } } @media screen and (max-width: 767px) { body#top main section#interview { padding-bottom: 26.6vw; } } body#top main section#interview .wrap p.read { margin: 50px 0px 60px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .wrap p.read { margin: 4.16667vw 0vw 5vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .wrap p.read { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap p.read { display: block; width: 85.3%; margin: 12.6vw auto 18vw; } } @media screen and (max-width: 767px) { body#top main section#interview .wrap { overflow: visible; padding: 0px; } } body#top main section#interview .items { margin-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items { margin-top: 0vw; } } body#top main section#interview .items .slick-list { overflow: visible; width: 1600px; } body#top main section#interview .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body#top main section#interview .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 50%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .slick-arrow { height: 5.08333vw; } } body#top main section#interview .items .slick-arrow.slick-prev { left: 0px; } body#top main section#interview .items .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body#top main section#interview .items .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body#top main section#interview .items .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body#top main section#interview .items .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body#top main section#interview .items .item { width: 320px; height: 430px; text-align: center; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#top main section#interview .items .item { height: 35.8333vw; } } body#top main section#interview .items .item img { transition: transform 1s ease 0s; height: 430px; width: 320px; object-fit: cover; } body#top main section#interview .items .item:hover img { transform: scale(1.08); } body#top main section#interview .items .item div.photo { border-radius: 320px 320px 0px 0px; overflow: hidden; } body#top main section#interview .items .item div.text { margin-top: 0px; } body#top main section#interview .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text h3 { margin: 0px 0px 4vw; } } body#top main section#interview .items .item div.text p { margin: 0px 0px 8px; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#top main section#interview .items .item div.text p { font-size: max(12px, 1.85185vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#top main section#interview .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#top main section#interview .items { width: 100%; margin-top: 0px; display: block; overflow: visible !important; } body#top main section#interview .items .slick-track, body#top main section#interview .items .slick-list { overflow: visible !important; } body#top main section#interview .items .slick-list { width: 100%; } body#top main section#interview .items .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body#top main section#interview .items .item { width: 58.6vw; overflow: hidden; height: auto; } body#top main section#interview .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 58.6vw; height: 85.3vw; } body#top main section#interview .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#top main section#interview .items .item div.text { line-height: 0; } body#top main section#interview .items .item div.text p .position { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .start { margin-bottom: 2vw; display: inline-block; } body#top main section#interview .items .item div.text p .name_en { vertical-align: 0.15em; } } @media screen and (min-width: 768px) { body#top main section#recruit { padding-bottom: 240px; } } @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) { body#top main section#recruit { padding-bottom: 20vw; } } body#top main section#rest { background: url("") center center / auto 100% no-repeat; height: 720px; } @media screen and (max-width: 767px) { body#top main section#rest { height: 85vw; background-image: url(""); background-size: 100%; } } @media screen and (max-width: 767px) { body#top main section#entry { margin-top: 10vw; } } body#top.windows main section#hero, body#top.ios main section#hero { background: rgb(67, 74, 82); } body#top.windows main section#hero::before, body#top.ios main section#hero::before { background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body#top.video-before-finished main section#hero::before { opacity: 1; } body#recruit main section#hero { margin-bottom: 140px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#hero { margin-bottom: 11.6667vw; } } body#recruit main section#hero h1 { width: 797px; height: 138px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruit main section#hero h1 { width: calc(-99.625px + 62.2656vw); height: calc(-17.25px + 10.7812vw); } } @media screen and (max-width: 767px) { body#recruit main section#hero h1 { width: 64vw; height: 36vw; } } @media screen and (max-width: 767px) { body#recruit main section#hero { margin-bottom: 34.67vw; } } body#recruit main section#business { padding-top: 130px; } body#recruit main section#business::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#business { padding-top: 10.8333vw; } } @media screen and (max-width: 767px) { body#recruit main section#business { padding-top: 0px; } } body#recruit main section.list1 { padding-bottom: 130px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 { padding-bottom: 10.8333vw; } } body#recruit main section.list1 ul { margin-top: 94px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul { margin-top: 7.83333vw; } } body#recruit main section.list1 ul li { display: flex; border-bottom: 1px solid rgb(196, 200, 203); padding: 50px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section.list1 ul li { padding: 4.16667vw 0vw; } } body#recruit main section.list1 ul li:first-child { border-top: 1px solid rgb(196, 200, 203); } body#recruit main section.list1 ul li > div:first-child { width: 21%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:first-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:first-child { font-size: 3.9vw; line-height: 5.2vw; } } body#recruit main section.list1 ul li > div:last-child { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section.list1 ul li > div:last-child { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#recruit main section.list1 ul li > div:last-child { font-size: 3.9vw; line-height: 6.5vw; } } @media screen and (max-width: 767px) { body#recruit main section.list1 { padding-bottom: 33.33vw; } body#recruit main section.list1 ul { margin-top: 16vw; } body#recruit main section.list1 ul li { flex-direction: column; padding: 8vw 0px; } body#recruit main section.list1 ul li > div:first-child { width: 100%; margin-bottom: 3.33vw; } } body#recruit main section#flow .wrap ul { max-width: 960px; margin: 0px auto; padding: 95px 80px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul { padding: 7.91667vw 6.66667vw 0vw; } } body#recruit main section#flow .wrap ul li { display: flex; border: 1px solid rgb(196, 200, 203); margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li { margin-bottom: 3.33333vw; } } body#recruit main section#flow .wrap ul li div { padding: 32px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#recruit main section#flow .wrap ul li div { padding: 2.66667vw 0vw; } } body#recruit main section#flow .wrap ul li div:first-child { background-color: rgb(196, 200, 203); width: 25%; font-family: Poppins, sans-serif; font-weight: 600; font-size: 22px; line-height: 22px; color: white; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: max(12px, 2.03704vw); line-height: max(16px, 2.03704vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:first-child { font-size: 3.12vw; line-height: 3.12vw; } } body#recruit main section#flow .wrap ul li div:first-child::after { content: ""; display: block; width: 1px; height: 42px; position: absolute; top: 100%; left: 50%; background-color: rgb(196, 200, 203); } body#recruit main section#flow .wrap ul li div:last-child { width: 75%; justify-content: flex-start; } body#recruit main section#flow .wrap ul li div:last-child span { display: block; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 80px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: max(12px, 1.66667vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:first-child { font-size: 3.64vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { padding-left: 0px; width: 50%; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.94444vw); } } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { font-size: 2.86vw; line-height: 4.16vw; } } body#recruit main section#flow .wrap ul li.step01 div:last-child, body#recruit main section#flow .wrap ul li.step07 div:last-child { background-color: rgb(246, 248, 252); } body#recruit main section#flow .wrap ul li:last-child { margin-bottom: 0px; } body#recruit main section#flow .wrap ul li:last-child div::after { display: none; } @media screen and (max-width: 767px) { body#recruit main section#flow .wrap ul { max-width: 100%; padding: 16vw 0px 33.3vw; } body#recruit main section#flow .wrap ul li { margin-bottom: 4.5vw; } body#recruit main section#flow .wrap ul li div { padding: 3.5vw 0px; } body#recruit main section#flow .wrap ul li div:last-child { justify-content: space-between; } body#recruit main section#flow .wrap ul li div:last-child span:first-child { padding-left: 4.67vw; width: auto; min-width: 40%; } body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) { width: auto; min-width: 60%; } } body#require main section#hero h1 { width: 814px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#require main section#hero h1 { width: calc(-101.625px + 63.5156vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#require main section#hero h1 { width: 61.2vw; height: 36vw; } } body#require main section#intro { text-align: center; padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#intro { padding: 16.6667vw 0vw; } } body#require main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 38px; line-height: 68px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#intro p { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#require main section#intro p { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (max-width: 767px) { body#require main section#intro { padding: 30.66vw 0px; } } body#require main section#conditions p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-top: 65px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions p.read { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions p.read { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions p.read { margin-top: 5.41667vw; } } body#require main section#conditions .items { position: relative; margin-top: 80px; padding: 360px 0px; background: url("") center 240px no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { content: ""; display: block; width: 100%; background: url("") center 0px repeat-x; position: absolute; top: 0px; height: 160px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::before { height: 13.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding: 30vw 0vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#require main section#conditions .items { padding-left: 80px; padding-right: 80px; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-left: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items { padding-right: 6.66667vw; } } body#require main section#conditions .items .item { max-width: 1040px; position: relative; margin: 0px auto 80px; } body#require main section#conditions .items .item::before { content: ""; display: block; width: 100%; background: url("") left top / cover repeat-x transparent; height: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::before { height: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item { margin: 0vw auto 6.66667vw; } } body#require main section#conditions .items .item:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item .box { background-color: rgb(239, 239, 239); padding: 0px 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box { padding: 0vw 6.25vw; } } body#require main section#conditions .items .item .box h3 { background-color: rgb(196, 200, 203); display: block; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 32px; line-height: 70px; position: relative; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box h3 { font-size: max(12px, 2.96296vw); line-height: max(16px, 6.48148vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box h3 { font-size: 6.24vw; line-height: 6.24vw; } } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { content: ""; display: block; width: 20px; height: 20px; background: url("") left top / auto 100% no-repeat transparent; position: absolute; top: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { height: 1.66667vw; } } body#require main section#conditions .items .item .box h3::after { transform: rotate(180deg); inset: auto 0px 0px auto; } body#require main section#conditions .items .item .box .content { display: flex; margin-top: 55px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content { margin-top: 4.58333vw; } } body#require main section#conditions .items .item .box .content picture { max-height: 260px; max-width: 350px; width: 200%; display: block; margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content picture { margin-right: 3.33333vw; } } body#require main section#conditions .items .item .box .content picture img { width: 100%; } body#require main section#conditions .items .item .box .content p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; margin-bottom: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#require main section#conditions .items .item .box .content p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#require main section#conditions .items .item .box .content p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item .box .content p { margin-bottom: 1.66667vw; } } body#require main section#conditions .items .item .box .content p:last-child { margin-bottom: 0px; } body#require main section#conditions .items .item::after { content: ""; display: block; width: 100%; height: 55px; background: url("") left bottom / cover repeat-x transparent; transform: rotate(180deg); margin-top: -0.5px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items .item::after { height: 4.58333vw; } } body#require main section#conditions .items::after { content: ""; display: block; width: 100%; height: 160px; background: url("") center bottom repeat-x; position: absolute; bottom: 0px; left: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#conditions .items::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#require main section#conditions .items { padding: 48vw 0px; margin-top: 10.96vw; background: url("") center 21.3vw / 100% no-repeat rgb(45, 50, 55); } body#require main section#conditions .items::before { background-image: url(""); background-size: contain; } body#require main section#conditions .items .item { max-width: 85.3vw; } body#require main section#conditions .items .item::before { height: 8vw; background-size: auto 8vw; } body#require main section#conditions .items .item .box { padding: 6.03vw 6vw; } body#require main section#conditions .items .item .box h3 { height: 12vw; display: flex; align-items: center; justify-content: center; } body#require main section#conditions .items .item .box h3::before, body#require main section#conditions .items .item .box h3::after { width: 3.2vw; height: 3.2vw; } body#require main section#conditions .items .item .box .content { flex-direction: column; margin-top: 10.66vw; } body#require main section#conditions .items .item .box .content picture { min-height: auto; min-width: 100%; width: 100%; height: 46vw; margin: 0px 0px 10.66vw; } body#require main section#conditions .items .item .box .content picture img { width: auto; } body#require main section#conditions .items .item::after { height: 8vw; background-size: auto 8vw; margin-top: -1px; } body#require main section#conditions .items::after { background-image: url(""); background-size: contain; } } body#require main section#recruit { margin-top: 240px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#require main section#recruit { margin-top: 20vw; } } @media screen and (max-width: 767px) { body#require main section#recruit { margin-top: 45.86vw; } } body#message main section#hero { margin-bottom: 152px; background: linear-gradient(90deg, rgb(83, 90, 96) 0%, rgb(83, 90, 96) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#hero { margin-bottom: 12.6667vw; } } body#message main section#hero picture img { max-height: 690px; margin: 0px auto; } body#message main section#hero h2 { position: absolute; top: 21.3vw; left: 0px; background-color: black; width: 100%; color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 38px; line-height: 68px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section#hero h2 { font-size: max(12px, 3.51852vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body#message main section#hero h2 { font-size: 3.9vw; line-height: 13vw; } } @media screen and (max-width: 767px) { body#message main section#hero { margin-bottom: 20.66vw; } body#message main section#hero picture img { } } body#message main section.message { padding: 0px 0px 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message { padding: 0vw 0vw 13.3333vw; } } body#message main section.message .wrap { max-width: 1060px; } body#message main section.message .wrap h1 { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 38px; line-height: 56px; text-align: center; margin-bottom: 55px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap h1 { font-size: max(12px, 3.51852vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap h1 { font-size: 6.24vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap h1 { margin-bottom: 4.58333vw; } } body#message main section.message .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; text-align: left; margin-top: 2em; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#message main section.message .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body#message main section.message .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message .wrap p { margin-bottom: 2.91667vw; } } body#message main section.message .wrap .float-right p { text-align: right; } body#message main section.message img { max-width: 1040px; margin: 75px auto 0px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section.message img { margin-top: 6.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#message main section.message img { width: 100%; } } @media screen and (max-width: 767px) { body#message main section.message { padding: 0px 0px 24vw; } body#message main section.message .wrap h1 { margin-bottom: 10.66vw; } body#message main section.message .wrap p { margin-top: 1.5em; } body#message main section.message img { width: 100%; margin-top: 19.33vw; } } body#message main section#message3 img { max-width: 1280px; margin: 155px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#message main section#message3 img { margin: 12.9167vw auto 6.66667vw; } } @media screen and (max-width: 767px) { body#message main section#message3 img { width: 100%; margin: 16vw 0px 12.6vw; } } @media screen and (max-width: 767px) { body#message main section#entry { margin-top: 0px; } } body#mission main section#hero h1 { width: 796px; height: 256px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#mission main section#hero h1 { width: calc(-99.5px + 62.1875vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#mission main section#hero h1 { width: 65.7vw; height: 52vw; } } body#mission main section.style2 { padding: 116px 0px; } body#mission main section.style2::before { content: ""; display: block; width: 91.6%; max-width: 1120px; height: 1px; background-color: rgb(200, 200, 200); position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 { padding: 9.66667vw 0vw; } } body#mission main section.style2 .wrap { text-align: center; } body#mission main section.style2 .wrap h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; background-color: rgb(239, 239, 239); display: inline-block; padding: 7px 18px; margin-bottom: 57px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h3 { font-size: 4.16vw; line-height: 4.16vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { padding: 0.583333vw 1.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h3 { margin-bottom: 4.75vw; } } body#mission main section.style2 .wrap h3 b { color: rgb(149, 150, 150); } body#mission main section.style2 .wrap h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 77px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap h2 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap h2 { font-size: 9.88vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section.style2 .wrap h2 { margin-bottom: 6.41667vw; } } body#mission main section.style2 .wrap p { max-width: 800px; margin: 0px auto; text-align: left; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section.style2 .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#mission main section.style2 .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } body#mission main section.style2 .wrap p sup { display: inline-block; margin-left: -1em; color: rgb(82, 82, 82); font-size: 0.5em; position: relative; top: -1em; } body#mission main section.style2 .wrap p.sosumi { text-align: right; color: rgb(114, 114, 114); font-size: 0.75em; } @media screen and (max-width: 767px) { body#mission main section.style2 { padding: 26.6vw 0px 13.3vw; } body#mission main section.style2 .wrap h3 { padding: 2vw 2.4vw; margin-bottom: 10vw; } body#mission main section.style2 .wrap h2 { margin-bottom: 10vw; } body#mission main section.style2 .wrap p { max-width: 100%; } } body#mission main section#our-mission::before { display: none; } body#mission main section#our-mission .wrap h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 68px; line-height: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-mission .wrap h2 { font-size: max(12px, 6.2963vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#mission main section#our-mission .wrap h2 { font-size: 10.4vw; line-height: 14.3vw; } } body#mission main section#our-style .wrap .items { max-width: 1060px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 73px auto 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items { margin: 6.08333vw auto 10vw; } } body#mission main section#our-style .wrap .items .item { margin-bottom: 60px; height: 640px; width: 47.1%; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { margin-bottom: 5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item { height: 53.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item { background-size: 2.89vw !important; } } body#mission main section#our-style .wrap .items .item h5 { font-family: Poppins, sans-serif; font-weight: 500; font-size: 20px; line-height: 20px; margin: 65px 0px 25px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h5 { font-size: max(12px, 1.85185vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h5 { font-size: 3.38vw; line-height: 3.38vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h5 { margin: 5.41667vw 0px 2.08333vw; } } body#mission main section#our-style .wrap .items .item h5 b { font-weight: 600; } body#mission main section#our-style .wrap .items .item h3 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 52px; background-color: transparent; padding: 0px; margin-bottom: 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h3 { font-size: max(12px, 4.81481vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h3 { font-size: 9.1vw; line-height: 11.7vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2.91667vw; } } body#mission main section#our-style .wrap .items .item h4 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 24px; line-height: 36px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item h4 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 4.16vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body#mission main section#our-style .wrap .items .item h4 { font-size: 1.8vw; } } body#mission main section#our-style .wrap .items .item img { margin: 25px auto 20px; height: 170px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { margin: 2.08333vw auto 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item img { height: 14.1667vw; } } body#mission main section#our-style .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin: 0px auto; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#mission main section#our-style .wrap .items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item p { font-size: 3.64vw; line-height: 6.5vw; } } body#mission main section#our-style .wrap .items .item#item01 { background: url("") center 0px / 37px no-repeat rgb(250, 242, 250); } body#mission main section#our-style .wrap .items .item#item02 { background: url("") center 0px / 37px no-repeat rgb(229, 250, 250); } body#mission main section#our-style .wrap .items .item#item03 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(250, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item03 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item03 { height: auto; } } body#mission main section#our-style .wrap .items .item#item04 { height: 700px; background: url("") center 0px / 37px no-repeat rgb(234, 250, 230); } @media screen and (min-width: 768px) and (max-width: 1200px) { body#mission main section#our-style .wrap .items .item#item04 { height: 58.3333vw; } } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items .item#item04 { height: auto; } } body#mission main section#our-style .wrap .items .item#item05 { background: url("") center 0px / 37px no-repeat rgb(240, 240, 252); } @media screen and (max-width: 767px) { body#mission main section#our-style .wrap .items { margin: 31vw auto 11.6vw; } body#mission main section#our-style .wrap .items .item { width: 100%; height: auto; margin-bottom: 10.6vw; padding-bottom: 10.6vw; background-size: 6.4vw !important; } body#mission main section#our-style .wrap .items .item h5 { margin: 12vw 0px 4vw; } body#mission main section#our-style .wrap .items .item h3 { margin-bottom: 2vw; } body#mission main section#our-style .wrap .items .item img { margin: 5.5vw auto; height: 26.6vw; } body#mission main section#our-style .wrap .items .item p { text-align: left; padding: 0px 6.6vw; } } body#system main section#hero h1 { width: 851px; height: 257px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#system main section#hero h1 { width: calc(-106.375px + 66.4844vw); height: calc(-32px + 20vw); } } @media screen and (max-width: 767px) { body#system main section#hero h1 { width: 78.9vw; height: 52vw; } } body#system main section#intro { padding: 200px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro { padding: 16.6667vw 0px; } } body#system main section#intro .wrap { text-align: center; } body#system main section#intro .wrap h1 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 62px; line-height: 80px; margin-bottom: 78px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap h1 { font-size: max(12px, 5.74074vw); line-height: max(16px, 7.40741vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap h1 { font-size: 9.88vw; line-height: 13.91vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#system main section#intro .wrap h1 { margin-bottom: 6.5vw; } } body#system main section#intro .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 784px; margin: 0px auto; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#system main section#intro .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body#system main section#intro .wrap p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (max-width: 767px) { body#system main section#intro { padding: 26.7vw 0px 23.7vw; } body#system main section#intro .wrap h1 { margin-bottom: 10vw; } } body.business main section#intro { padding: 130px 0px 210px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro { padding: 10.8333vw 0px 17.5vw; } } body.business main section#intro h2 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; line-height: 58px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro h2 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.37037vw); } } @media screen and (max-width: 767px) { body.business main section#intro h2 { font-size: 5.2vw; line-height: 9.88vw; } } body.business main section#intro p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; max-width: 800px; margin: 65px auto 0px; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#intro p { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.business main section#intro p { font-size: 3.9vw; line-height: 8.32vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#intro p { margin: 5.41667vw auto 0px; } } @media screen and (max-width: 767px) { body.business main section#intro { padding: 33.3vw 0px; } body.business main section#intro p { margin-top: 13.3vw; text-align: left; } } body.business main section#flow .wrap .flow-items { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } body.business main section#flow .wrap .flow-items .item { position: relative; width: 22.32%; margin: 88px 0px 150px; } body.business main section#flow .wrap .flow-items .item::before { content: ""; display: block; width: 20px; height: 17px; position: absolute; right: -29px; top: 83px; background: url("data:image/svg+xml;utf8,") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { width: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { height: 1.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { right: -2.41667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item::before { top: 6.91667vw; } } body.business main section#flow .wrap .flow-items .item:last-child::before { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item { margin: 7.33333vw 0px 12.5vw; } } body.business main section#flow .wrap .flow-items .item h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 38px; margin: 5px 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: max(12px, 1.66667vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item h3 { font-size: 4.68vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .wrap .flow-items .item h3 { margin: 0.416667vw 0px 0.833333vw; } } body.business main section#flow .wrap .flow-items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; margin: 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .wrap .flow-items .item p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.31481vw); } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items .item p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .wrap .flow-items { flex-direction: column; margin-top: 16vw; margin-bottom: 11.6vw; } body.business main section#flow .wrap .flow-items .item { width: 100%; margin: 0px 0px 18.6vw; display: flex; } body.business main section#flow .wrap .flow-items .item::before { background-image: url("data:image/svg+xml;utf8,"); right: 50%; top: 112%; width: 9.3vw; height: 9.3vw; transform: translateX(50%); } body.business main section#flow .wrap .flow-items .item picture { width: 42.6vw; margin-right: 5.3vw; } body.business main section#flow .wrap .flow-items .item picture img { width: 100%; height: auto; } body.business main section#flow .wrap .flow-items .item > div { width: 45%; } body.business main section#flow .wrap .flow-items .item:last-child { margin-bottom: 0px; } } body.business main section#flow .box { background: url("") 50% 0px repeat; display: flex; flex-direction: column; max-width: 1120px; margin: 0px auto; padding: 100px 132px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box { padding: 8.33333vw 11vw; } } body.business main section#flow .box h2 { background-color: white; border: 1px solid black; text-align: center; border-radius: 3em; margin-bottom: 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box h2 { margin-bottom: 5vw; } } body.business main section#flow .box h2 i { display: none; } body.business main section#flow .box h2 img { max-width: 332px; display: inline-block; padding: 12px 0px; } body.business main section#flow .box > div { display: flex; justify-content: space-between; } body.business main section#flow .box > div > div { border: 1px solid rgb(0, 0, 0); width: 46.5%; background-color: white; } body.business main section#flow .box > div > div h4 { background-color: black; color: white; font-family: Poppins, sans-serif; font-weight: 500; font-size: 30px; line-height: 40px; text-align: center; padding: 0.2em 0px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div h4 { font-size: max(12px, 2.77778vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div h4 { font-size: 4.68vw; line-height: 9.1vw; } } body.business main section#flow .box > div > div > div { padding: 45px 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#flow .box > div > div > div { padding: 3.75vw 4.16667vw; } } body.business main section#flow .box > div > div > div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.33333vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div h3 { font-size: 4.68vw; line-height: 7.28vw; } } body.business main section#flow .box > div > div > div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 31px; margin-top: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#flow .box > div > div > div p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.87037vw); } } @media screen and (max-width: 767px) { body.business main section#flow .box > div > div > div p { font-size: 3.64vw; line-height: 6.24vw; } } @media screen and (max-width: 767px) { body.business main section#flow .box { padding: 13.3vw 7.3vw; background-size: 10.6vw 10.6vw; margin-top: 16vw; } body.business main section#flow .box h2 { margin-bottom: 10.6vw; } body.business main section#flow .box h2 img { width: 48.3vw; padding: 3vw 0px 1.5vw; } body.business main section#flow .box > div { flex-direction: column; } body.business main section#flow .box > div > div { width: 100%; } body.business main section#flow .box > div > div:first-child { margin-bottom: 6.6vw; } body.business main section#flow .box > div > div h4 { padding: 0px; } body.business main section#flow .box > div > div > div { padding: 6.4vw; } } body.business main section#project-story .wrap { padding-top: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap { padding-top: 10vw; } } body.business main section#project-story .wrap a { display: block; height: 400px; border-bottom-right-radius: 80px; border: 5px solid rgba(0, 0, 0, 0); position: relative; overflow: visible; transition: all 0.3s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a { height: 33.3333vw; } } body.business main section#project-story .wrap a .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body.business main section#project-story .wrap a .bg img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s; } body.business main section#project-story .wrap a .text { position: relative; z-index: 1; padding: 50px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text { padding: 4.16667vw; } } body.business main section#project-story .wrap a .text h2 { display: inline; } body.business main section#project-story .wrap a .text h2 span { margin: 0px; background-color: rgb(248, 248, 52); display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 52px; line-height: 62px; padding: 0px 18px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h2 span { font-size: max(12px, 4.81481vw); line-height: max(16px, 5.74074vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h2 span { font-size: 6.76vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h2 span { padding: 0vw 1.5vw; } } body.business main section#project-story .wrap a .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 22px; line-height: 34px; padding: 0px 10px; margin-top: 10px; background-color: rgb(248, 248, 52); display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text h3 { font-size: max(12px, 2.03704vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text h3 { font-size: 2.86vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { padding: 0vw 0.833333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text h3 { margin-top: 0.833333vw; } } body.business main section#project-story .wrap a .text p { margin-top: 40px; line-height: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p { margin-top: 3.33333vw; } } body.business main section#project-story .wrap a .text p span { display: inline-block; background-color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 27px; margin-bottom: 8px; padding: 0px 10px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#project-story .wrap a .text p span { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.business main section#project-story .wrap a .text p span { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { margin-bottom: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .text p span { padding: 0vw 0.833333vw; } } body.business main section#project-story .wrap a .arrow { position: absolute; bottom: 50px; right: 50px; width: 70px; height: 70px; background: url("") center center / contain no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { bottom: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { right: 4.16667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { width: 5.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#project-story .wrap a .arrow { height: 5.83333vw; } } body.business main section#project-story .wrap a:hover { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a:hover .bg img { transform: scale(1.08); } body.business main section#project-story .wrap a:hover .arrow { background-image: url(""); } @media screen and (max-width: 767px) { body.business main section#project-story .wrap { padding-top: 13.3vw; } body.business main section#project-story .wrap a { height: 80vw; border-bottom-right-radius: 16vw; } body.business main section#project-story .wrap a .text { padding: 16.5vw 0px 0px 4vw; } body.business main section#project-story .wrap a .text h2 span { padding: 1.2vw 2.8vw; } body.business main section#project-story .wrap a .text h3 { margin-top: 2.26vw; } body.business main section#project-story .wrap a .text p { margin-top: 4vw; } body.business main section#project-story .wrap a .text p span { margin-bottom: 1.8vw; } body.business main section#project-story .wrap a .arrow { bottom: 4vw; right: auto; left: 4vw; width: 9.3vw; height: 9.3vw; } body.business main section#project-story .wrap a.active { border: 5px solid rgb(0, 0, 0); } body.business main section#project-story .wrap a.active .bg img { transform: scale(1.08); } } body.business main section#skill { padding: 0px; margin: 150px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#skill { margin: 12.5vw 0px; } } @media screen and (max-width: 767px) { body.business main section#skill { margin: 33.3vw 0px; } } body.business main section#business { margin: 0px 0px 200px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business { margin: 0px 0px 16.6667vw; } } body.business main section#business .wrap .items { display: flex; justify-content: space-between; margin-top: 88px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items { margin-top: 7.33333vw; } } body.business main section#business .wrap .items .item { width: 46.4%; max-width: 100%; border-top-right-radius: 80px; } body.business main section#business .wrap .items .item .text { top: auto; bottom: 30px; left: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { bottom: 2.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text { left: 3.33333vw; } } body.business main section#business .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 40px; margin: 5px 0px 6px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 3.7037vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text h3 { font-size: 4.94vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text h3 { margin: 0.416667vw 0px 0.5vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text h3 { font-size: 1.875vw; } } body.business main section#business .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; margin-top: 8px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.business main section#business .wrap .items .item .text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.business main section#business .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.72vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.business main section#business .wrap .items .item .text p { margin-top: 0.666667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.business main section#business .wrap .items .item .text p { font-size: 1.4vw; } } @media screen and (max-width: 767px) { body.business main section#business { margin: 0px 0px 30.6vw; } body.business main section#business .wrap .items { flex-direction: column; margin-top: 6vw; } body.business main section#business .wrap .items .item { margin-top: 10vw; border-top-right-radius: 16vw; width: 100% !important; } body.business main section#business .wrap .items .item .text { top: auto; left: 1em; bottom: 1em !important; } } body#marketing main section#hero h1 { width: 690px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#marketing main section#hero h1 { width: calc(-88.96px + 55.6vw); height: calc(-17.44px + 10.9vw); } } @media screen and (max-width: 767px) { body#marketing main section#hero h1 { width: 72.5vw; height: 35.8vw; } } body#career-advisor main section#hero h1 { width: 988px; height: 137px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#career-advisor main section#hero h1 { width: calc(-127.36px + 79.6vw); height: calc(-17.744px + 11.09vw); } } @media screen and (max-width: 767px) { body#career-advisor main section#hero h1 { width: 66.2vw; height: 36vw; } } body#career-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#recruiting-advisor main section#hero h1 { width: 1234px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#recruiting-advisor main section#hero h1 { width: calc(-153.6px + 96vw); height: calc(-17.632px + 11.02vw); } } @media screen and (max-width: 767px) { body#recruiting-advisor main section#hero h1 { width: 73.8vw; height: 52vw; } } body#recruiting-advisor main section#flow .box h3 { min-height: 3em; display: flex; align-items: center; justify-content: center; } body#member main section#hero h1 { width: 384px; height: 136px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#member main section#hero h1 { width: calc(-48px + 30vw); height: calc(-17px + 10.625vw); } } @media screen and (max-width: 767px) { body#member main section#hero h1 { width: 50.9vw; height: 20vw; } } body#member main section#members .wrap p.read { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: 115px; margin-bottom: 80px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-top: 9.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap p.read { margin-bottom: 6.66667vw; } } @media screen and (max-width: 767px) { body#member main section#members .wrap p.read { text-align: center; margin-top: 23vw; margin-bottom: 14.5vw; } } body#member main section#members .wrap .items { margin-top: 0px; margin-bottom: 280px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-top: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items { margin-bottom: 23.3333vw; } } body#member main section#members .wrap .items .item { width: 48%; padding: 50px 0px; display: block; text-align: center; margin-bottom: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { padding: 4.16667vw 0px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item { margin-bottom: 3.33333vw; } } body#member main section#members .wrap .items .item .photo { border-radius: 320px; overflow: hidden; width: 59%; margin: 0px auto; } body#member main section#members .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#member main section#members .wrap .items .item:hover .photo img { transform: scale(1.08); } body#member main section#members .wrap .items .item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); transform: translate3d(0px, 0px, 0px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 320px; z-index: 100; } body#member main section#members .wrap .items .item .overlay p { color: white; font-family: Poppins, sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item .overlay p { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item .overlay p { font-size: 4.68vw; line-height: 4.68vw; } } body#member main section#members .wrap .items .item div.text { margin-top: 0.5em; } body#member main section#members .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } body#member main section#members .wrap .items .item div.text p { margin-bottom: 8px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 3.9vw; } } body#member main section#members .wrap .items .item div.text p .position { background-color: rgb(255, 255, 255); padding: 0px 0.5em; margin-right: 0.5em; } body#member main section#members .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body#member main section#members .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 40px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#member main section#members .wrap .items .item:nth-child(2n+1) { margin-right: 3.33333vw; } } body#member main section#members .wrap .items .item#interview01 { background-color: rgb(196, 200, 203); } body#member main section#members .wrap .items .item#interview02 { background-color: rgb(226, 231, 234); } body#member main section#members .wrap .items .item#interview03 { background-color: rgb(226, 228, 228); } body#member main section#members .wrap .items .item#interview04 { background-color: rgb(214, 217, 219); } body#member main section#members .wrap .items .item#interview05 { background-color: rgb(226, 228, 228); } @media screen and (max-width: 767px) { body#member main section#members .wrap .items { width: 100%; margin-top: 0px; margin-bottom: 40vw; display: block; overflow: visible !important; } body#member main section#members .wrap .items .item { width: 100%; height: 140vw; overflow: hidden; padding: 8.6vw 0px; margin-right: 0px !important; margin-bottom: 6.6vw !important; } body#member main section#members .wrap .items .item div.photo { border-radius: 29.3vw; width: 58.6vw; height: 85.3vw; } body#member main section#members .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#member main section#members .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#member main section#members .wrap .items .item div.text p { line-height: 0; margin-bottom: 1vw; } body#member main section#members .wrap .items .item div.text p .position { display: inline-block; margin: 0px 0px 2vw; background-color: rgb(238, 239, 239); padding-bottom: 0.15em; } body#member main section#members .wrap .items .item div.text p .start { display: inline-block; margin: 0px 0px 1vw; } } body.interview main { padding-top: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main { padding-top: 7.5vw; } } @media screen and (max-width: 767px) { body.interview main { padding-top: 16vw; } } body.interview main section#hero { overflow: visible; padding-bottom: 335px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero { padding-bottom: 27.9167vw; } } body.interview main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview main section#hero .block { margin-top: -2.6vw; } } body.interview main section#hero .wrap_a { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgb(63, 71, 77) 50%, rgb(63, 71, 77) 100%); } body.interview main section#hero .wrap_a .wrap_b { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_a .wrap_b .photo { position: relative; max-width: 1180px; width: 84.2%; margin: 0px 0px 0px auto; display: block; } body.interview main section#hero .wrap_a .wrap_b .photo img { width: 100%; height: 100%; object-fit: cover; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; left: -55px; bottom: -55px; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { display: inline-block; font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 45px; line-height: 68px; background-color: rgb(248, 248, 52); margin-bottom: 12px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: max(12px, 4.16667vw); line-height: max(16px, 6.2963vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { font-size: 5.85vw; line-height: 8.84vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1vw; } } body.interview main section#hero .wrap_c .wrap_d { max-width: 1400px; padding: 0px; margin: 0px auto; } body.interview main section#hero .wrap_c .wrap_d .text { width: 460px; background-color: rgb(237, 240, 242); margin: 0px 0px 0px auto; position: relative; padding: 60px 0px 60px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 38.3333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text { padding: 5vw 0vw 5vw 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#hero .wrap_c .wrap_d .text { width: 43vw; } } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text .position { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; background-color: black; padding: 0px 0.5em 0.1em; margin-right: 0.75em; color: rgb(238, 239, 239); } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#hero .wrap_c .wrap_d .text .start { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .start { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#hero .wrap_c .wrap_d .text .name { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; margin: 15px 20px 0px 0px; display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name { font-size: 4.42vw; line-height: 4.42vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#hero .wrap_c .wrap_d .text .name { margin: 1.25vw 1.66667vw 0px 0px; } } body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 14px; line-height: 26px; display: inline-block; vertical-align: 0.3em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview main section#hero .wrap_c .wrap_d .text .name_en { font-size: 3.12vw; line-height: 4.42vw; } } body.interview main section#hero .wrap_c .wrap_d .text::after { content: ""; display: block; background-color: rgb(237, 240, 242); position: absolute; left: 100%; top: 0px; width: 100%; height: 100%; } @media screen and (max-width: 767px) { body.interview main section#hero { padding-bottom: 41.3vw; overflow: hidden; } body.interview main section#hero .wrap_a { background: transparent; } body.interview main section#hero .wrap_a .wrap_b .photo { width: 100%; } body.interview main section#hero .wrap_a .wrap_b .photo h1 { position: absolute; bottom: -16.5vw; left: 7.3vw; z-index: 100; } body.interview main section#hero .wrap_a .wrap_b .photo h1 span { margin-bottom: 1.6vw; } body.interview main section#hero .wrap_c .wrap_d .text { width: 100%; padding: 25.3vw 0px 8vw 7.3vw; } body.interview main section#hero .wrap_c .wrap_d .text p { line-height: 0; } body.interview main section#hero .wrap_c .wrap_d .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview main section#hero .wrap_c .wrap_d .text p .name { margin: 0px; } body.interview main section#hero .wrap_c .wrap_d .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview main section.article .wrap { display: flex; justify-content: space-between; } body.interview main section.article .wrap .left { width: 50%; } body.interview main section.article .wrap .right { width: 50%; } body.interview main section.article .wrap .text { padding: 80px 0px 0px 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text { padding: 6.66667vw 0px 0px 6.66667vw; } } body.interview main section.article .wrap .text.left { padding: 80px 80px 0px 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .text.left { padding: 6.66667vw 6.66667vw 0px 0px; } } body.interview main section.article .wrap.type2 { flex-direction: column; padding: 0px; } body.interview main section.article .wrap.type2 img { max-width: 1280px; width: 100%; margin: 70px auto 120px; display: block; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap.type2 img { margin: 5.83333vw 0px 10vw; } } body.interview main section.article .wrap .center { max-width: 800px; margin: 0px auto 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap .center { margin-bottom: 6.66667vw; } } body.interview main section.article .wrap h2 { font-family: "Noto Serif JP", serif; font-weight: 800; font-size: 24px; line-height: 32px; margin-bottom: 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap h2 { font-size: max(12px, 2.22222vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap h2 { font-size: 4.68vw; line-height: 6.24vw; } } body.interview main section.article .wrap h2 span { display: inline-block; background-color: rgb(248, 248, 52); margin-bottom: 8px; padding: 0px 0.5em; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section.article .wrap h2 span { margin-bottom: 0.666667vw; } } body.interview main section.article .wrap p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 34px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section.article .wrap p { font-size: max(12px, 1.48148vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section.article .wrap p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview main section.article::after { content: ""; background: url(data:image/webp;base64,UklGRtYDAABXRUJQVlA4IMoDAABQagCdASoACqAAPpFIn0ylpKKiIAi4sBIJaW7hd04A/gGSGaA0fTO9AJ+OVrqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkI5zGtJe6XtSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSEB9ugH26AfbqQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKRpTaL3To1ra8rXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDH0QZ0KgkfxUkkHCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQor1r5RteUwF5MbdSFJIZCkkMhSSGQpJDIRyGzK+k9qy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rLbVltqy21ZbasttWW2rHpFY6BdEskVidZbZxXrXUhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDHzZ5rxL5JSFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGPm2bzWC+fJBwpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSNXXUJQSQcKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhSSGQpJDIUkhkKSQyFJIZCkkMhHUXPH1r58kHCkkMhSSGQpJDIUkhkKSQwYAAP7k5gAATEUu7qSn7DxZY+7T4b2nd0Uu7q8604EAAAAAAAAAAAAAAAAAAAAAAALSKXd0CAACyb87/UrUmk1W6BcVdp2qbyTChQwIAARLIaYq+N4d+FiIe8AAAAZepL/PCgAAAASmAAAAAd0AAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section.article { margin-top: 0px; } body.interview main section.article .wrap { flex-direction: column-reverse; } body.interview main section.article .wrap .left, body.interview main section.article .wrap .right { width: 100%; padding: 0px; } body.interview main section.article .wrap h2 { margin-bottom: 8vw; } body.interview main section.article .wrap h2 span { margin-bottom: 1.6vw; } body.interview main section.article .wrap.type2 { flex-direction: column-reverse; padding: 0px; margin-top: 15.6vw; } body.interview main section.article .wrap.type2 .center { margin: 0px; padding: 0px 7.3vw; } body.interview main section.article .wrap.type2 picture { margin: 0px; width: 100vw; } body.interview main section.article .wrap.type2 picture img { width: 100%; margin: 0px; } body.interview main section.article .wrap.type3 { flex-direction: column; margin-top: 15.3vw; padding-bottom: 31.7vw; } body.interview main section.article .wrap.type3 .left.text { padding: 0px; } body.interview main section.article::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#workflow { background-color: rgb(237, 240, 242); padding-top: 55px; padding-bottom: 90px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-top: 4.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow { padding-bottom: 7.5vw; } } body.interview main section#workflow .wrap .items { max-width: 800px; margin: 0px auto; padding-top: 115px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items { padding-top: 9.58333vw; } } body.interview main section#workflow .wrap .items .item { display: flex; justify-content: flex-start; align-items: center; min-height: 195px; position: relative; } body.interview main section#workflow .wrap .items .item::before { content: ""; width: 1px; height: 100%; background-color: rgb(140, 145, 150); position: absolute; top: 0px; left: 83px; } body.interview main section#workflow .wrap .items .item .time h4 { display: flex; align-items: center; justify-content: center; position: relative; z-index: 100; font-family: Poppins, sans-serif; font-weight: 600; font-size: 34px; line-height: 34px; color: rgb(238, 239, 239); border-radius: 83px; background-color: rgb(140, 145, 150); width: 166px; height: 166px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: max(12px, 3.14815vw); line-height: max(16px, 3.14815vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .time h4 { font-size: 4.68vw; line-height: 4.68vw; } } body.interview main section#workflow .wrap .items .item .text { margin-left: 48px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#workflow .wrap .items .item .text { margin-left: 4vw; } } body.interview main section#workflow .wrap .items .item .text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 24px; line-height: 50px; margin-bottom: 0.5em; border-bottom: 1px solid rgb(196, 200, 203); display: block; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: max(12px, 2.22222vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text h3 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview main section#workflow .wrap .items .item .text h3.border { border-bottom: 1px solid rgb(196, 200, 203) !important; margin-bottom: 0.5em !important; } body.interview main section#workflow .wrap .items .item .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 27px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#workflow .wrap .items .item .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.5vw); } } @media screen and (max-width: 767px) { body.interview main section#workflow .wrap .items .item .text p { font-size: 3.38vw; line-height: 5.98vw; } } body.interview main section#workflow .wrap .items .item:nth-child(2n) .time h4 { background-color: rgb(103, 108, 113); } body.interview main section#workflow .wrap .items .item.top::before { top: 50%; } body.interview main section#workflow .wrap .items .item.top .text h3 { border: none; margin: 0px; } body.interview main section#workflow .wrap .items .item.last::before { top: -50%; } body.interview main section#workflow .wrap .items .item.last .text h3 { border: none; margin: 0px; } @media screen and (max-width: 767px) { body.interview main section#workflow { padding: 11.2vw 0px 20vw; } body.interview main section#workflow .wrap .items { padding-top: 5vw; } body.interview main section#workflow .wrap .items .item { align-items: flex-start; min-height: auto; } body.interview main section#workflow .wrap .items .item::before { left: 14%; } body.interview main section#workflow .wrap .items .item .time h4 { width: 24vw; height: 24vw; border-radius: 12vw; } body.interview main section#workflow .wrap .items .item .text { margin-left: 5.3vw; margin-bottom: 7vw; } body.interview main section#workflow .wrap .items .item .text h3 { padding-bottom: 1.5vw; } body.interview main section#workflow .wrap .items .item .text h3.border { padding-bottom: 1.5vw !important; } body.interview main section#workflow .wrap .items .item.top { min-height: 48vw; align-items: center; } body.interview main section#workflow .wrap .items .item.top .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.top .text h3 { padding: 0px; } body.interview main section#workflow .wrap .items .item.last { min-height: 20vw; align-items: center; } body.interview main section#workflow .wrap .items .item.last .text { margin-bottom: 0px; } body.interview main section#workflow .wrap .items .item.last .text h3 { padding: 0px; } } body.interview main section#mylife { background-color: rgb(248, 248, 52); padding-top: 75px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife { padding-top: 6.25vw; } } body.interview main section#mylife .wrap .items { display: flex; padding: 75px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items { padding: 6.25vw 5vw 5vw; } } body.interview main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview main section#mylife .wrap { padding-bottom: 8vw; } body.interview main section#mylife .wrap .items { flex-direction: column; padding: 10.6vw 0px 0px; } body.interview main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview main section#people .wrap { padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap { padding-top: 10.4167vw; } } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 320px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list { width: 26.6667vw; } } body.interview main section#people .wrap .slick-list .slick-slide { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-list .slick-slide { margin-right: 6.66667vw; } } body.interview main section#people .wrap .slick-arrow { position: absolute; background: url(data:image/webp;base64,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) center center / cover no-repeat; width: 61px; height: 61px; top: 36%; transform: translateY(-50%); z-index: 100; border: none; text-indent: -9999px; transition: all 0.5s ease 0s; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { width: 5.08333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .slick-arrow { height: 5.08333vw; } } body.interview main section#people .wrap .slick-arrow.slick-prev { left: 0px; } body.interview main section#people .wrap .slick-arrow.slick-next { right: 0px; transform: rotate(180deg) translateY(50%); transform-origin: center center; } body.interview main section#people .wrap .slick-arrow.slick-disabled { opacity: 0; } @media screen and (min-width: 1280px) { body.interview main section#people .wrap .slick-arrow.slick-prev { transform: translateX(calc(680px - 50vw)) translateY(-50%); } body.interview main section#people .wrap .slick-arrow.slick-next { transform: translateX(calc(-680px + 50vw)) rotate(180deg) translateY(50%); } } body.interview main section#people .wrap .items { display: flex; justify-content: flex-start; width: 100%; padding-top: 94px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-top: 7.83333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items { padding-bottom: 13.3333vw; } } body.interview main section#people .wrap .items .item { width: 320px; margin-right: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { width: 26.6667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item { margin-right: 6.66667vw; } } body.interview main section#people .wrap .items .item .photo { border-radius: 320px; overflow: visible; width: 100%; margin: 0px auto; } body.interview main section#people .wrap .items .item .photo img { transition: transform 1s ease 0s; } body.interview main section#people .wrap .items .item:hover .photo img { transform: scale(1.08); } body.interview main section#people .wrap .items .item div.text { margin-top: 0.5em; } body.interview main section#people .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 25px; line-height: 38px; letter-spacing: -0.03em; text-align: center; margin-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: max(12px, 2.31481vw); line-height: max(16px, 3.51852vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text h3 { font-size: 2vw; } } body.interview main section#people .wrap .items .item div.text p { margin-bottom: 8px; text-align: center; line-height: 0; white-space: nowrap; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview main section#people .wrap .items .item div.text p { margin-bottom: 0.666667vw; } } body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start { font-size: 2.86vw; line-height: 2.86vw; } } body.interview main section#people .wrap .items .item div.text p .position { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 14px; line-height: 20px; background-color: rgb(238, 239, 239); padding: 0px 0.5em; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.85185vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .position { font-size: 2.86vw; line-height: 4.16vw; } } body.interview main section#people .wrap .items .item div.text p .name { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-size: 22px; line-height: 44px; margin-right: 0.5em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: max(12px, 2.03704vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 4.42vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name { font-size: 1.76vw; } } body.interview main section#people .wrap .items .item div.text p .name_en { font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 44px; vertical-align: 0.1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: max(12px, 1.48148vw); line-height: max(16px, 4.07407vw); } } @media screen and (max-width: 767px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 3.12vw; line-height: 7.8vw; } } @media screen and (min-width: 768px) and (max-width: 1280px) { body.interview main section#people .wrap .items .item div.text p .name_en { font-size: 1.28vw; } } @media screen and (max-width: 767px) { body.interview main section#people .wrap { padding-top: 33.3vw; } body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list { overflow: visible !important; } body.interview main section#people .wrap .slick-list { width: 100%; } body.interview main section#people .wrap .slick-list .slick-slide { width: 58.6vw; margin-right: 6.6vw; } body.interview main section#people .wrap .items { padding-top: 16.5vw; padding-bottom: 29.3vw; } body.interview main section#people .wrap .items .item div.text h3 { margin-bottom: 3.46vw; } body.interview main section#people .wrap .items .item div.text p { line-height: 0; white-space: inherit; } body.interview main section#people .wrap .items .item div.text p .position { margin-bottom: 2.53vw; margin-right: 0px; display: inline-block; } body.interview main section#people .wrap .items .item div.text p .start { margin-bottom: 1vw; display: inline-block; } } body#interview_top main section#hero { padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#hero { padding-bottom: 13.3333vw; } } body#interview_top main section#hero h1 { width: 628px; height: 135px; } @media screen and (min-width: 768px) and (max-width: 1440px) { body#interview_top main section#hero h1 { width: calc(-78.5px + 49.0625vw); height: calc(-16.875px + 10.5469vw); } } @media screen and (max-width: 767px) { body#interview_top main section#hero { padding-bottom: 35.3vw; } body#interview_top main section#hero h1 { width: 83.4vw; height: 19.7vw; padding-bottom: 0vw; } } body#interview_top main section#interview_list { background-color: rgb(80, 89, 95); margin-bottom: 160px; } body#interview_top main section#interview_list::before { content: ""; width: 100%; height: 240px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::before { height: 20vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::before { background-image: url(""); height: 21.3vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list { margin-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list { margin-bottom: 40vw; } } body#interview_top main section#interview_list .wrap p.read { color: rgb(238, 239, 239); text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 28px; line-height: 52px; margin-top: -67px; margin-bottom: 92px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap p.read { font-size: max(12px, 2.59259vw); line-height: max(16px, 4.81481vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { font-size: 5.2vw; line-height: 9.88vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-top: -5.58333vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap p.read { margin-bottom: 7.66667vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap p.read { margin-top: 14vw; margin-bottom: 13vw; } } body#interview_top main section#interview_list .wrap .items { margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0px 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1120px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items { padding: 0px 3.33333vw; } } body#interview_top main section#interview_list .wrap .items .item { width: 28.8%; margin-right: 6.7%; margin-bottom: 60px; display: block; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list .wrap .items .item { margin-bottom: 5vw; } } body#interview_top main section#interview_list .wrap .items .item:nth-child(3n) { margin-right: 0px; } body#interview_top main section#interview_list .wrap .items .item .photo { border-radius: 320px 320px 0px 0px; overflow: hidden; margin: 0px auto; } body#interview_top main section#interview_list .wrap .items .item .photo img { transition: transform 1s ease 0s; } body#interview_top main section#interview_list .wrap .items .item:hover .photo img { transform: scale(1.08); } body#interview_top main section#interview_list .wrap .items .item div.text { margin-top: 0px; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; background-color: rgb(45, 50, 55); color: rgb(238, 239, 239); margin: 0px 0px 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { font-size: 3.25vw; line-height: 7.02vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } } body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px 0px 8px; text-align: left; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: max(12px, 1.66667vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { font-size: 4.42vw; line-height: 6.76vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items .item div.text p { margin: 0px; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list .wrap .items { width: 100%; margin-top: 10vw; margin-bottom: 0vw; display: block; overflow: visible !important; } body#interview_top main section#interview_list .wrap .items .item { width: 58.6vw; overflow: hidden; padding: 0px; margin: 0px auto 16vw; } body#interview_top main section#interview_list .wrap .items .item div.photo { border-radius: 29.3vw 29.3vw 0px 0px; width: 100%; height: 85.3vw; } body#interview_top main section#interview_list .wrap .items .item div.photo img { width: 100%; height: 100%; object-fit: cover; } body#interview_top main section#interview_list .wrap .items .item div.text h3 { margin: 0px 0px 4vw; } body#interview_top main section#interview_list .wrap .items .item div.text p { margin-bottom: 1vw; } } body#interview_top main section#interview_list::after { content: ""; width: 100%; height: 160px; display: block; background: url("") 50% 0px / auto 100% no-repeat; } @media screen and (min-width: 768px) and (max-width: 1200px) { body#interview_top main section#interview_list::after { height: 13.3333vw; } } @media screen and (max-width: 767px) { body#interview_top main section#interview_list::after { display: none; } } body.interview_article main section#hero { overflow: visible; background-color: rgb(237, 240, 242); } body.interview_article main section#hero::before { content: ""; position: absolute; width: 100%; height: 380px; } body.interview_article main section#hero .block { margin-top: -15px; } @media screen and (max-width: 767px) { body.interview_article main section#hero .block { margin-top: -2.6vw; } } body.interview_article main section#hero .wrap { max-width: 2240px; padding: 0px; margin: 0px auto; overflow: visible; } body.interview_article main section#hero .wrap .photo { position: relative; width: 100%; margin: 0px auto; display: flex; } body.interview_article main section#hero .wrap .photo img { width: 2240px; height: 624px; object-fit: cover; } body.interview_article main section#hero .wrap .text { max-width: 950px; width: 100%; height: 100%; margin: 0px auto; position: absolute; left: 50%; top: 0px; transform: translateX(-475px); } body.interview_article main section#hero .wrap .text h1 { position: absolute; left: 0px; z-index: 100; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 30px; line-height: 56px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 { font-size: max(12px, 2.77778vw); line-height: max(16px, 5.18519vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 { font-size: 4.68vw; line-height: 7.8vw; } } body.interview_article main section#hero .wrap .text h1 b { display: block; font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; margin-bottom: 26px; padding: 0px; color: rgb(103, 108, 113); letter-spacing: 0.05em; } body.interview_article main section#hero .wrap .text h1 b::before { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-right: 0.5em; vertical-align: 36%; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 2.16667vw; } } body.interview_article main section#hero .wrap .text h1 b i { font-style: normal; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; background-color: rgb(103, 108, 113); color: rgb(238, 239, 239); padding: 0em 1.5em 0.05em; margin-left: 20px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#hero .wrap .text h1 b i { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#hero .wrap .text h1 b i { margin-left: 1.66667vw; } } @media screen and (max-width: 1080px) and (min-width: 768px) { body.interview_article main section#hero .wrap .text { max-width: 90%; left: 5%; transform: translateX(0px); } } body.interview_article main section#hero .wrap.text-line-4 .text h1 { top: 26%; } body.interview_article main section#hero .wrap.text-line-3 .text h1 { top: 30.5%; } @media screen and (max-width: 767px) { body.interview_article main section#hero { overflow: hidden; } body.interview_article main section#hero::before { display: none; } body.interview_article main section#hero .block { display: none; } body.interview_article main section#hero .wrap .photo { width: 100%; height: 98.66%; } body.interview_article main section#hero .wrap .photo img { object-fit: contain; width: 100%; height: 100%; } body.interview_article main section#hero .wrap .text { width: 100%; padding: 9vw 0px 0px; transform: translateX(0px); position: static; text-align: center; } body.interview_article main section#hero .wrap .text h1 { position: static; } body.interview_article main section#hero .wrap .text h1 b { margin-bottom: 5.6vw; } body.interview_article main section#hero .wrap .text h1 b::after { content: ""; width: 30px; height: 1px; background-color: rgb(103, 108, 113); display: inline-block; margin-left: 0.5em; vertical-align: 36%; } body.interview_article main section#hero .wrap .text p { line-height: 0; } body.interview_article main section#hero .wrap .text p .position { margin-bottom: 2.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .start { margin-bottom: 4.4vw; display: inline-block; } body.interview_article main section#hero .wrap .text p .name { margin: 0px; } body.interview_article main section#hero .wrap .text p .name_en { margin: 0px 0px 0px 1em; vertical-align: 0.15em; } } body.interview_article main section#profile { padding: 120px 0px; background-color: rgb(237, 240, 242); } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile { padding: 10vw 0px; } } body.interview_article main section#profile .wrap { max-width: 1120px; } body.interview_article main section#profile .wrap::before { content: ""; height: 20px; width: 100%; display: block; border-top: 1px solid rgb(103, 108, 113); border-right: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-bottom: none; } body.interview_article main section#profile .wrap .content { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 34px 60px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content { padding: 2.83333vw 5vw; } } body.interview_article main section#profile .wrap .content h2 { font-family: Poppins, sans-serif; font-weight: 600; font-size: 50px; line-height: 50px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content h2 { font-size: max(12px, 4.62963vw); line-height: max(16px, 4.62963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content h2 { font-size: 9.1vw; line-height: 9.1vw; } } body.interview_article main section#profile .wrap .content div { margin-left: 65px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div { margin-left: 5.41667vw; } } body.interview_article main section#profile .wrap .content div h3 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 1.48148vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 { font-size: 2.86vw; line-height: 2.86vw; } } body.interview_article main section#profile .wrap .content div h3 b { background-color: black; color: white; letter-spacing: 0em; margin-right: 15px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 5px 1px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { margin-right: 1.25vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h3 b { font-size: 2.86vw; line-height: 2.86vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h3 b { padding: 0vw 0.416667vw 0.0833333vw; } } body.interview_article main section#profile .wrap .content div h1 { vertical-align: middle; letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 26px; line-height: 26px; margin: 20px 0px 35px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 { font-size: max(12px, 2.40741vw); line-height: max(16px, 2.40741vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 { font-size: 5.98vw; line-height: 6.24vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 { margin: 1.66667vw 0vw 2.91667vw 0px; } } body.interview_article main section#profile .wrap .content div h1 span { vertical-align: middle; font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; margin-left: 15px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div h1 span { font-size: 3.12vw; line-height: 3.12vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#profile .wrap .content div h1 span { margin-left: 1.25vw; } } body.interview_article main section#profile .wrap .content div p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.77778vw); } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { font-size: 3.12vw; line-height: 6.24vw; } } body.interview_article main section#profile .wrap::after { content: ""; height: 20px; width: 100%; display: block; border-right: 1px solid rgb(103, 108, 113); border-bottom: 1px solid rgb(103, 108, 113); border-left: 1px solid rgb(103, 108, 113); border-image: initial; border-top: none; } @media screen and (max-width: 767px) { body.interview_article main section#profile { padding: 12.8vw 0px 16vw; } body.interview_article main section#profile .wrap .content { flex-direction: column; padding: 6vw 4vw; } body.interview_article main section#profile .wrap .content h2 { margin-bottom: 4vw; } body.interview_article main section#profile .wrap .content div { margin-left: 0px; text-align: center; } body.interview_article main section#profile .wrap .content div h3 b, body.interview_article main section#profile .wrap .content div h3 br { display: none; } body.interview_article main section#profile .wrap .content div h1 { margin: 2.6vw 0px 0px; } body.interview_article main section#profile .wrap .content div h1 span { margin: 0px; } body.interview_article main section#profile .wrap .content div b { background-color: black; color: white; display: inline-block; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 0px 0.5em; margin-top: 3vw; } } @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#profile .wrap .content div b { font-size: max(12px, 1.2963vw); line-height: max(16px, 1.2963vw); } } @media screen and (max-width: 767px) and (max-width: 767px) { body.interview_article main section#profile .wrap .content div b { font-size: 2.86vw; line-height: 4.16vw; } } @media screen and (max-width: 767px) { body.interview_article main section#profile .wrap .content div p { text-align: left; margin-top: 6vw; } } body.interview_article main section.article { background-color: rgb(237, 240, 242); padding-bottom: 120px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article { padding-bottom: 10vw; } } body.interview_article main section.article .photo { max-width: 2000px; height: 640px; display: flex; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .photo { height: 53.3333vw; } } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { height: 100%; max-width: 1240px; width: 67%; object-fit: cover; } body.interview_article main section.article .photo picture img { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo.right { justify-content: flex-end; } @media screen and (max-width: 767px) { body.interview_article main section.article .photo { height: 86vw; } body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture { width: 100%; height: 100%; object-fit: cover; } body.interview_article main section.article .photo .block { display: none; } } body.interview_article main section.article .wrap .text { background-color: white; max-width: 1000px; width: 100%; margin: 36px auto 0px; padding: 80px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { padding: 6.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text { margin-top: 3vw; } } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .text.kuikomi { margin-top: -13.3333vw; } } body.interview_article main section.article .wrap .text h2 { color: rgb(45, 50, 55); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 17px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text h2 { font-size: max(12px, 1.57407vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text h2 { font-size: 3.9vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; margin-bottom: 2em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text p { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text p { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text p:last-child { margin-bottom: 0px; } body.interview_article main section.article .wrap .text ul { list-style-type: disc; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ul { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ul { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .text ol { list-style-type: decimal; padding-left: 1.5em; margin-top: -2em; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .text ol { font-size: max(12px, 1.38889vw); line-height: max(16px, 2.96296vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .text ol { font-size: 3.64vw; line-height: 7.28vw; } } body.interview_article main section.article .wrap .sosumi { max-width: 1000px; width: 100%; margin: 20px auto 0px; padding: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { padding: 0vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi { margin-top: 1.66667vw; } } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section.article .wrap .sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section.article .wrap .sosumi li { padding-bottom: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section.article .wrap .sosumi li { padding-bottom: 1.25vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article .wrap .sosumi { padding: 5vw 0px 9.6vw; margin-top: 0vw; } } @media screen and (max-width: 767px) { body.interview_article main section.article { margin-top: 0px; padding-bottom: 5.3vw; } body.interview_article main section.article .wrap { padding: 0px 4.67vw; } body.interview_article main section.article .wrap .text { padding: 13.8vw 4.67vw 9.6vw; margin-top: 5.3vw; } body.interview_article main section.article .wrap .text.kuikomi { margin-top: -16vw; } } body.interview_article main section#mylife { background-color: rgb(248, 248, 52); padding-top: 125px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife { padding-top: 10.4167vw; } } body.interview_article main section#mylife .wrap .items { display: flex; padding: 90px 60px 60px; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items { padding: 7.5vw 5vw 5vw; } } body.interview_article main section#mylife .wrap .items .item { width: 280px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item { width: 23.3333vw; } } body.interview_article main section#mylife .wrap .items .item h3 { background-color: black; border-radius: 1em; display: inline-block; color: rgb(238, 239, 239); font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding: 0px 1em; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: max(12px, 1.48148vw); line-height: max(16px, 2.59259vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item h3 { font-size: 3.12vw; line-height: 5.2vw; } } body.interview_article main section#mylife .wrap .items .item img { margin: 25px 0px 20px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#mylife .wrap .items .item img { margin: 2.08333vw 0px 1.66667vw; } } body.interview_article main section#mylife .wrap .items .item p { font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap .items .item p { font-size: max(12px, 1.2963vw); line-height: max(16px, 2.12963vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap .items .item p { font-size: 3.38vw; line-height: 5.72vw; } } body.interview_article main section#mylife .wrap p.sosumi { position: absolute; bottom: -60px; right: 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; } @media screen and (min-width: 768px) and (max-width: 1000px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: max(12px, 1.11111vw); line-height: max(16px, 1.11111vw); } } @media screen and (max-width: 767px) { body.interview_article main section#mylife .wrap p.sosumi { font-size: 2.86vw; line-height: 3.9vw; } } body.interview_article main section#mylife::after { content: ""; background: url(data:image/webp;base64,UklGRt4EAABXRUJQVlA4INIEAABwcQCdASoACqAAPpFIoUwlpCMiIvC4ALASCWdu4Xf+AP4B78tB5x34AfBSJ/uf8A/QD8AN8B+AHf1v9AAn7aj3ccrXUhSSH/Pkf/nyP/z5H+QeEm1cbtnHyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+INxI2uEy7aj3ccrXUhSSH/Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//KNUSWGqJMbdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fIlcY57uMdExytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/8gM5eQGcvnyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fFTJktJd2Iamy9FOVafkoLOQy0mHopyrT8k/Uf8+R/+fI//Pkf/nyP/z5H/xCA1xz+8p4pHP7ypF7N0wavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP7ypGDV9Jrjn95UjBq+k1xz+8qGMrC/Vxz+8qRg1fSa45/eVIwavpNcc/vKkYNX0muOf3lSMGr6TXHP9omOVrqQpJD/nyP/z5H/58j/5AXk4bwupzO47wf1zkD83g/rnIH5vB/XOQPzeD+ucgfm8H9c5A/N4P65yB+bwf1zkD83g/rnIH5vB4JjbqQpJD/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/yAvJYaoksNUSY26kKSQ/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/OFTGIhZDEQshytdSFJIf8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7joqFx0VC46Kh/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R/+fI//Pkf/nyP/z5H/58j/8+R7AAAP7rYn9tsev+sd6f58+NNoQBw6kirQclJaDo+Uv/qmy//9tzavOx7nYUgQAAAAG0vCAIRbIA4cAAAAAAADYM5KvyAAAAAAABgU9JgXCAAAAAAAB3xXJWgCAAAA/FwIN48XKyHRFwAAIXUlv4/tyIbkrxvM+e3Y4IGLLTNX6pt/I66+lE/edeF7eT60+SZ9sc+2zqS38f25ENyV4iGucJvRCd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1Tuqd1snMm1pTt+5F9IvpF9IvpF9IvpF9IvpF9IvpF9IvpF9IvpEOATZoiR5sQjgAAAAAAAAAAWb9YNaSdQ4AAAAAAAegTq5uSoAAAAAAAP2SzkGghAAAAAAAAA) 50% 0px no-repeat; width: 100%; height: 160px; display: block; } @media screen and (max-width: 767px) { body.interview_article main section#mylife { padding-top: 0px; } body.interview_article main section#mylife::before { content: ""; display: block; width: 100vw; height: 8vw; background-color: rgb(237, 240, 242); margin-bottom: 16vw; } body.interview_article main section#mylife .wrap { padding-bottom: 8vw; } body.interview_article main section#mylife .wrap .items { flex-direction: column; padding: 10vw 0px 0px; } body.interview_article main section#mylife .wrap .items .item { width: 100%; margin-bottom: 10.6vw; } body.interview_article main section#mylife .wrap .items .item img { width: 100%; margin: 4.3vw 0px; } body.interview_article main section#mylife .wrap p.sosumi { position: static; text-align: right; } body.interview_article main section#mylife::after { background-image: url(""); height: 21.2vw; background-size: 100% 100%; } } body.interview_article main section#other_interviews { padding-top: 126px; padding-bottom: 160px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-top: 10.5vw; } } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews { padding-bottom: 13.3333vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews { padding-top: 33vw; padding-bottom: 29vw; } } @media screen and (max-width: 767px) { body.interview_article main section#other_interviews .wrap { overflow: visible; padding: 0px; } body.interview_article main section#other_interviews .wrap .simple { margin-left: 7.3vw; } } body.interview_article main section#other_interviews .wrap .items { margin-top: 110px; } @media screen and (min-width: 768px) and (max-width: 1200px) { body.interview_article main section#other_interviews .wrap .items { margin-top: 9.16667vw; } } body.interview_article main section#other_interviews .wrap .items .slick-list { overflow: visible; width: 1600px; } body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide { width: 320px; margin-right: 80px; } body.interview_article main section#other_interviews .wrap .items .slick-arrow { position: absolute; background: url(data:image/webp;base64,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: 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

求めたのは、
圧倒的成長環境

リクルーティングアドバイザー(RA)
2021年入社

小川 蓮 OGAWA Ren

弱小空手部が
全国大会出場を叶えた奇跡

大学に進学させてくれた親への感謝から、ぼんやりした大学生活は送りたくないと思っていました。子どもの頃に怪我で一度断念した空手を、もう一度本気でやってみようと思い、空手部への入部を決意したものの、入部当時の空手部は部員数が足らずに、試合にさえ出られない状態でした。この状態から、全国大会に出る。非常識な目標だとは思いましたが、大学生活の中でひと花咲かせたいという思いで、突っ走りました。

SNSを駆使して人を集め、少しでも集まればオリエンテーションを開催して、必死に勧誘をする。一人、また一人と部員が増えていきましたが、ほとんどが空手初心者という状況。とにかく基礎から徹底的に練習をして、手応えが出てきた頃には強豪校の練習に参加し、練習メニューを教えてもらい、自分たちに合うようにブラッシュアップしていきました。本当にメンバーに恵まれた結果ですが、3年生の時に九州予選を3回勝ち抜き、全国大会に出場することができたのです。最終的に部員は35人になっていました。

人と組織が奇跡のように変化して成長していく。その醍醐味を味わった自分は、人材業界への就職を志望しました。大手は一切受けず、ベンチャーだけを受けたのは、より成長できる環境を求めたからです。ギークリーの選考で出会う20代の先輩社員たちが、イキイキと誇らしく仕事を語る様子に惹かれて、ギークリーへの入社を決めました。

素直に学ぶことで圧倒的成長を

入社してすぐ活躍!とはいきませんでした。同期のレベルの高さ、会社の基準の高さに圧倒され、目立った成果を残すことはできませんでした。入社以前、クライアントに直接お会いする営業の仕事がしたいと思っていたため、配属されたマーケティング(MA)の仕事に対して正直後ろ向きな気持ちが多少ありました。しかし、そんなくすぶっている自分の横で、目の前の自分のやるべきことに集中して成果を出していく同期達を見て、ぬるい気持ちを消し去ることができました。

成果を出す。1年間達成して、希望の部署に異動する。そう決めてから、実際に1年間毎月達成することができました。MAの仕事を通じて一番習得できたのは、逆算思考です。ゴールから逆算をして、何を、いつまでにやるべきなのか。今の自分のビジネスパーソンとしての足腰になっている力を、あの時期に鍛えることができて、本当によかったと思います。

社会人になったら、学生時代の経験なんて関係ない。とにかく「素直に学ぶ」と決めたこともよかったと思います。まだ何も成していない1年目の時に、「自分のやり方」に固執するなんて、意味がない。教えてもらったことをとにかくすぐやる、とことんやる。自分が信じて入社した会社の先輩・上司が教えてくれたことを、信じなくてどうする、という思いでした。

非常識な目標を実現する、
非常識な組織

現在は、リクルーティングアドバイザー(RA)の仕事を担当しています。顧客企業の人事責任者の方とお会いして、経営戦略・人事戦略をもとに、採用戦略を考えていきます。IT人材の需要は本当に高まっていて、どの企業も採用に苦心されています。「他社さんでは、決められなかったんです」という状況の中、「小川さんのおかげで採用できました!」という感謝の言葉を頂けることが、一番のやりがいを感じる瞬間です。

ギークリーがITに特化していることで、大手企業の人事責任者に対しても、IT人材の採用戦略において、専門性を発揮することができます。御用聞きのような仕事ではなく、プロとして価値発揮できるということに、誇りを感じて仕事ができますし、緊張感のある仕事の中で磨かれていく実感があります。

ギークリーは、役員陣を除けば、ほとんどが20代で構成されている会社です。「IT採用のインフラ」というビジョンは、今の会社規模から考えれば非常識な目標に見えるかもしれませんが、徹底的に顧客と向き合い、徹底的に成長を志す文化を持つギークリーなら、実現できると信じています。自分も、ギークリーを牽引するリーダーの一人に早くなれるよう、この圧倒的成長環境を楽しみながら仕事をしたいと思います。

WORK
FLOW

1日の業務の流れ

9:30

出社

11:00

メンバーへFB

メンバーが担当している企業の採用戦略に対するアドバイスや、メンバー自身の課題に対するFBを行っています。メンバーが目標達成した時がチームマネージャーとして一番嬉しい瞬間のひとつなので、私も本気でコミットします!

13:00

クライアントとの進捗確認

担当企業の人事担当者とは普段から頻繁にコミュニケーションを取っています。採用したい候補者様に対し、どのように魅力を訴求していくか、一緒になって考え、アドバイスを行います。

15:00

商談

新しく担当になった企業様との商談です。課題のヒアリングや、募集ポジションのペルソナ策定を行いつつ、採用パートナーとして信頼関係を構築します。ただ先方の話を聞くだけではなく、必ず提案までセットで行っています。

17:00

マネージャーとMTG

自チームの進捗状況についてや、マネジメント上の課題について、上長のマネージャーとすり合わせを行います。尊敬する上長から、多くの気付きとノウハウを吸収させていただいています!

18:30

退社

#MY LIFE

#床屋

2週に1回のライフワークです。いつもサッパリさせてます!

#トレーニング

体力づくりのためにも、定期的にジムに通って鍛えています。

#海

時々海を見に行っています。最高のリフレッシュです。

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

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!