"); } @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)社員紹介 大阪オフィス 責任者 | Geekly(ギークリー)新卒採用サイト

27年度新卒採用

MISSION, VISION, STYLE

Realizeするために、
一番大切なこと

大阪オフィス 責任者
2020年入社

田上 雄大 TAGAMI Yudai

本気で目標に
向かえる組織かどうか

5歳から17年間、サッカーを続けられたのは、高い目標にチームで挑むということに、喜びや面白さを感じていたからです。遊びのような環境では、本当の楽しさは味わえない。就職活動でも重視したのは、本気で目標に向かえる組織かどうか、でした。

色々な会社の説明会に行きましたが、正直言って「つまらない」と感じていました。部活のような熱を感じない、本気を感じない。「仕事ってそんなものなのかな」と感じていた時に、ギークリーと出会いました。当時は、大阪に代表の奥山が直接来て説明会をしていて、奥山が語る事業内容やビジョン、何よりも仕事に対する本気の姿勢に圧倒されました。その後面接で会う役員、社員からも他の会社の人とは違う熱を感じ、入社を決めました。

入社してから2年間、マーケティングの仕事をしました。仕事をしていて意識していたのは、マーケティング内での1位を獲ることでした。本気に共感して入社をしたんだから、本気で1位を目指す。入社した時から、基準を高く置けたことは、自分の成長に繋がったと思います。

2年目から「大阪オフィスの責任者」を目指す

1年目の終わりに、四半期の全社MVPを受賞することができ、2年目にも月間と四半期の全社MVPを受賞し、代表の奥山に会食に連れて行ってもらいました。当時から大阪にオフィスをつくるという計画を聞いていて、ふとしたタイミングで「自分がやりたい」と奥山に伝えました。すると「おお、じゃあ責任者を狙ったらいいじゃん」という言葉が返ってきました。

いつかは挑戦したいと思っていたことが、会食の場で自然と言葉に出た形ですが、自分の中でまさかこの年次で狙えるとは思っていませんでした。いくら成果主義とは言え、自分より年次の高い人がたくさんいる中で、自分にも本当にチャンスがあるということに痺れました。当日の夜には、奥山にメールをして「本気で目指します」と宣言をしていました。

それからすぐに上司と1on1をして、大阪オフィスの責任者になるためには何が必要か、ということを考えました。拠点の経営者として事業と組織をマネジメントするには、最低でも全職種を経験して成果を出す必要がある。そう思った自分は、まだ経験していないリクルーティングアドバイザー(RA)とキャリアアドバイザー(CA)を、一日でも早く経験したいと思うようになりました。3年目でRAに異動し5月に社長賞、4年目にCAに異動し5月に全社MVPを獲得することができました。

目標を掲げて、実現する

社会人として、自分で目標を設定することが何より大切だと思っています。会社から与えられる目標ではなく、自分自身で決めること。それを持っているかどうかで、やるべきことの解像度も、困難に直面した時の踏ん張りも、レベルが変わってくると実感しています。自分が幸運だったのは、他の会社ではあり得ないようなスピードで、高い基準に挑戦できる会社を選んだこと。2年目の時点で、大阪オフィスの責任者を目指すということを、現実的な目標として掲げられたのは、ギークリーだからこそだと思います。

11月からは、責任者として立ち上げに挑戦します。挙手制で選ばれたメンバーと、自分が採用に関わったメンバーとともに、5人でのスタートです。責任者を担うとなってからは、事業計画書をつくって、奥山をはじめとする役員陣から強烈なフィードバックをもらう日々です。これまでとは違う次元の能力を求められ、格段に仕事は難しくなりましたが、それを凌駕するほどに仕事は面白くなっています。

目標を掲げて、実現する。結果、より大きな目標に挑戦できて、またそれを実現する。この繰り返しの先に、ビジョンの実現があると思います。失われた30年の大きな要因の一つは、日本のITが世界の中で遅れをとったことです。優秀なIT人材の成長企業への適材適所が実現できれば、間違いなく日本の生産性は高まります。それは日本全体の平均年収や、もっと高次元な豊かさへと繋がるはずです。東京だけでなく、大阪、そして日本全国へ。その第一歩を自分が担えることに、責任と喜びを感じます。目標を掲げて、実現する。ギークリーのRealizeする力を、自分が証明したいと思っています。

WORK
FLOW

1日の業務の流れ

10:30

出社

11:00

メンバーへのFB

自グループメンバーの前日の日報を確認し、FBを行います。メンバーの今の課題は何か、正しくPDCAが回っているか、困っていることはないかを確認し、メンバーの目標達成に向けた支援を行います。

13:00

メンバーとの進捗MTG

メンバーが担当している求職者様の進捗や志望順位を確認し、どのように支援を行うかの方向性をすり合わせます。RAとしての経験があるので、企業様目線のアドバイスも加えるように意識しています。

15:00

大阪オフィス立ち上げの事業計画プレゼン

大阪オフィスの立ち上げに向けた事業プランを構想し、役員向けにプレゼンテーションを行います。立ち上げて終わりではないため、立ち上げ後どのような目標を掲げ、何に注力をするのかを明確にしています。

18:00

採用面接

大阪オフィスを共に盛り上げてくるメンバーを求め、日々採用面接を行っています。同じ目標に向かって一緒に頑張れる仲間を本気で探しているので、自然と話にも熱が入ります!

19:30

退社

#MY LIFE

#家族

休日は妻と娘と一緒に出掛けることが多いです。

#サッカー

幼少期からずっとサッカーをしていました!(写真は大学時代)

#旅行

時には旅行先で羽を伸ばしてリフレッシュをしています。

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

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

RECRUIT

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

ENTRY

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!

WE ARE HIRING!