"); } @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)社員紹介 マーケティング(MA) | Geekly(ギークリー)新卒採用サイト

27年度新卒採用

MISSION, VISION, STYLE

人の、自分の、
可能性を広げられる仕事

マーケティング(MA)
2023年入社

中村 亜佑美 NAKAMURA Ayumi

ダンスのステージで
感じた熱を、仕事でも

ダンスに出会ったのは3歳の頃。音楽が好きで、自然に体を動かしていた私を見て、親がダンススクールに連れていってくれたことがきっかけです。レベルの高い環境でダンスがしたくて、全国大会に出場するようなダンス部がある高校に進学しました。大会に出場するメンバーに選ばれるためには、1年に3回ある部内のオーディションを通過しなくてはならず、チームメイトと言えども全員がライバルという状況でした。

一人で鏡に向き合って、朝から晩まで練習ができたのは、レベルの高い仲間がいたからです。一人ひとりがレベルアップした状態で、チームとしてダンスを合わせていく。その感覚が最高に楽しくて、関東大会で優勝できた時は、自然と涙が流れました。ステージからは意外と観客席が見えていて、応援に来てくれた家族や友人の顔が見えました。自分たちのダンスで、人が笑顔になっていく。「感動した」「勇気をもらった」、そんな言葉が嬉しくて、人に影響を与えられる、人の可能性を広げるような仕事がしたい、と思うようになりました。

就職活動では人材紹介の仕事に興味を持ち、さまざまな人材会社の説明会に参加したのですが、選考が進んでいく中で、自分が大切にしたいものが見えてきました。「幅広い業界で多くの人材を」という言葉に感じた違和感。私は、多くの人の可能性を広げるかもしれない仕事よりも、目の前の人の可能性を確かに高める仕事がしたい。ダンスのステージで感じたような熱を、仕事の中でも感じたい。そう思って、専門領域に特化した会社、顧客満足度の高い会社という観点から、ギークリーを選びました。

成長に向き合ってくれる風土

入社して、私はマーケティングの仕事をしています。WEBやダイレクトマーケティングを活用し、転職活動のきっかけをつくる仕事です。自分の想像以上に、成果を出すのは難しく、自分がやるべき業務の設定に悩んでいた時がありました。隣には1年上の先輩が座っていたのですが、遠慮して声をかけられずにいたら、先輩から「大丈夫?」と声をかけてくれました。自分の状況を伝えると、「だめだよ、遠慮してたら」とはっきり言われました。「少しでもわからなかったら、声をかけてね」という優しい言葉に、自分の甘さを痛感しました。「わからない」「できない」自分を見せることが恥ずかしい。そんなことよりも大切なのは、1秒でも早くできるようになること。背筋が伸びるような思いでした。

入社してまだ半年ほどですが、大げさではなく毎日が気付きと学びのある日々です。社内にはマーケティングに関するありとあらゆるナレッジがあって、常にアップデートされていきます。求職者様の心を動かすだけでなく、いかにして行動にまで移すことができるか。社員一人ひとりの経験と多くの試行と検証によって得られたデータをもとに、磨かれていくメソッドに触れながら仕事ができるのは、最高の成長環境だと実感します。高校時代のように、自分がチームに貢献できているかと言えば、まだまだだという思いです。ただ、どの先輩も上司も、どんなときも自分に向き合ってくれます。仲間が私という人間の可能性を信じてくれるからこそ、私自身が私の可能性を信じて仕事をしていきたいと思うことができます。

0から1の可能性を
生み出せる人材に

これから先、まずはこのギークリーというチームにもっと貢献できる人材になりたいと思っています。約束と実行を繰り返して、信頼は創られていく。マーケティングという業務においても、他の仕事においても、ギークリーの社内で大切にされていることは、「当たり前」なことが多いです。「当たり前」を積み重ねていくことができれば、いつか必ず希少な存在になれる。私自身も非常に共感している考え方です。

将来的には、マーケティングという部署の中で、マネージャーという役割を担えるようになりたいです。ギークリーでマネージャーという役割を担える人とは、気付きを与えられる人だと思います。

気付きとは0から1の可能性を生むこと。普通にしていたら選ばなかった選択肢や、やり方に気付くことで、0だった可能性を1にすることができます。マーケティングの力で、求職者様に気付きを、マネジメントの力で、仲間に気付きを、人の可能性を広げられるようなビジネスパーソンになる。ギークリーなら、それが実現できると確信しています。

WORK
FLOW

1日の業務の流れ

9:00

出社

9:30

求職者様の対応

前日の退勤後から出勤するまでの間に登録していた求職者様に対しての連絡を行います。求職者様のご経歴とマッチするコンサルタントに面談を調整出来るように、簡単な希望条件のヒアリングも行います。

11:00

部署での朝会

出勤時間が異なるメンバーもいますので、朝会は11時からです。部署内で全体方針のすり合わせをしたり、成功事例・失敗事例の共有を行います。

13:00

マーケティング業務

求職者様へのアプローチを行います。当社のターゲットにマッチする人材がどこにいるのかを考え、最適なタイミングで最適なコンテンツを届けます。

15:00

管理業務

自分が担当している集客チャネルの管理を行います。数字を見て改善箇所を特定し、どうやったらより多くの反応を貰えるようになるか、日々模索して施策を回しています。

17:30

チーム夕礼

当日の行動量は成果を報告した上で、上長よりFBを貰い、翌日のアクションプランを定めます。目標達成のためには正しいPDCAを回す必要があるので、重要な時間です。

18:00

退社

#MY LIFE

#野球観戦

ロッテファンです!母とよく現地まで観戦にいきます。

#ダンス

学生時代から現在まで、ずっとダンスをしています!

#グルメ

美味しいものを食べるのが大好きです。(自分へのご褒美!)

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

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

ENTRY

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!