html,body{margin:0;padding:0;font:18px -apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;background-color:#fff}img{vertical-align:bottom}@media(hover:hover){a figure{overflow:hidden}a:hover figure img{transform:scale(1.05)}}.types .logo{background-color:#000;text-align:center;margin:0;padding:0}.types .logo a{display:inline-block}@media screen and (max-width:600px){html,body{font-size:14px}.types .logo a img{width:65%}}.types article section{margin-top:60px}.types .hero{background-color:#000;position:relative}.types .hero video{width:100%;aspect-ratio:4/3;object-fit:cover}.types .hero img{width:100%;aspect-ratio:2/1;object-fit:cover}.types .title{background-color:#000;max-width:1100px;position:absolute;bottom:40px;margin-inline:auto;padding:40px;display:flex;right:40px;left:40px;color:#fff}.types .title h2{font-size:32px;letter-spacing:.1em;margin-right:40px}.types .title h2 span{font-weight:400;display:block}.types .title h2 strong{font-weight:700;font-size:2em}.types .title p{font-weight:400;font-size:18px;line-height:2em;box-sizing:border-box}@media screen and (max-width:1000px){.types .title{position:static;padding:30px;display:block}.types .title h2{font-size:28px;letter-spacing:.1em;margin-right:0;text-align:center}.types .title p{margin-top:20px;max-width:800px;margin-inline:auto}}@media screen and (max-width:600px){.types .hero video{aspect-ratio:5/4}.types .hero img{aspect-ratio:4/3}.types .title h2{font-size:16px}.types .title h2 strong{font-size:50px}.types .title p{font-size:14px}}.types .description{box-sizing:border-box;font-weight:400;line-height:2em;max-width:800px;margin-inline:auto;margin-top:60px}@media screen and (max-width:1000px){.types .description{margin-top:30px;padding-right:30px;padding-left:30px}}@media screen and (max-width:600px){.types .description{margin-top:30px}}.types .navigation{text-align:center}.types .navigation ul{display:inline-block;list-style:none;margin-right:20px;margin-left:20px;margin-top:60px}.types .navigation ul li a{display:flex;align-items:center;flex-wrap:wrap;color:#000;text-decoration:none;vertical-align:middle;opacity:.8;padding:5px 10px}.types .navigation ul li a:hover{opacity:1;background-color:#0000001a}.types .navigation ul li a span{display:flex;flex-wrap:nowrap;align-items:center}.types .navigation ul li a span i{min-width:5em;display:block;background-color:#000;color:#fff;font-weight:600;font-style:normal;padding:.2em;text-align:center;margin-right:16px}.types .navigation ul li a span strong{display:block;font-weight:600;font-style:normal;font-size:24px;margin-right:16px;letter-spacing:.05em;white-space:nowrap}.types .navigation ul li a em{display:block;font-weight:300;font-style:normal;margin-top:.5em;margin-bottom:.4em}@media screen and (max-width:1000px){.types .navigation ul{margin-right:30px;margin-left:30px;margin-top:40px}.types .navigation ul li{text-align:left}.types .navigation ul li a{display:block;padding:7px 14px 5px}.types .navigation ul li a em{margin-top:.2em;margin-bottom:0}}@media screen and (max-width:600px){.types .navigation ul li{font-size:12px}.types .navigation ul li a{padding:8px 15px 5px}.types .navigation ul li a span i{min-width:5em;padding:.3em .4em;margin-right:12px}.types .navigation ul li a span strong{font-size:16px;margin-right:0}.types .navigation ul li a em{margin-top:.5em}}.types article{margin-top:80px}.types article section>div{max-width:1200px;box-sizing:border-box}.types .eyecatch img{height:720px;width:100%;object-fit:cover}@media screen and (max-width:1000px){.types .eyecatch img{aspect-ratio:16/9;height:auto;object-fit:cover}}@media screen and (max-width:600px){.types article{margin-top:60px}.types .eyecatch img{aspect-ratio:4/3}}.types .contents{margin-top:80px;margin-inline:auto}.types .contents .container{margin-right:40px;margin-left:40px}.types .contents .container a{margin-right:4px;margin-left:4px;text-decoration:underline;font-weight:600}.types .header{display:flex;justify-content:space-between}.types .contents .header h2{margin-right:40px;width:40%}.types .contents .header .intro{width:60%;margin-inline:auto}.types .contents .header .intro p{box-sizing:border-box;font-weight:400;line-height:2em;margin-bottom:1em}.types .contents h2 i{display:inline-block;background-color:#000;color:#fff;font-weight:600;font-style:normal;padding:.2em .4em;font-size:24px}.types .contents h2 strong{display:block;font-style:normal;font-weight:600;font-size:60px;padding-top:.3em;padding-bottom:.3em;letter-spacing:.025em;line-height:1em;word-break:keep-all;overflow-wrap:break-word}.types .contents h2 em{font-style:normal;font-size:22px;font-weight:700;word-break:keep-all;overflow-wrap:break-word}.types .text{margin-inline:auto;margin-top:4em;max-width:800px}.types .text p{box-sizing:border-box;font-weight:400;line-height:2em;margin-bottom:1em}@media screen and (max-width:1000px){.types .header{display:block}.types .contents .header h2{margin-right:0;width:100%}.types .contents .header .intro{width:100%;margin-inline:auto;padding-top:3em}.types .contents h2 i{padding:.3em .4em;font-size:16px}.types .contents h2 strong{display:block;font-size:48px;padding-bottom:.2em}.types .text{margin-top:3em;max-width:100%;padding-right:10px;padding-left:10px}}@media screen and (max-width:600px){.types .contents{margin-top:2em}.types .contents .container{margin-right:30px;margin-left:30px}.types .contents .header .intro{padding-top:2em}.types .contents h2 i{padding:.3em .4em;font-size:12px}.types .contents h2 strong{font-size:32px;padding-bottom:.2em;white-space:normal}.types .contents h2 em{font-size:14px}.types .text{margin-top:3em}}.types .photos{margin-top:30px;margin-inline:auto}.types .photos .container{display:flex;flex-wrap:wrap;margin-right:30px;margin-left:30px}.types .photos figure{box-sizing:border-box;margin-top:12px}.types .photos figure img{width:100%;aspect-ratio:4/5;object-fit:cover;box-sizing:border-box}.types .photos .photo-layout-1-1 figure{width:100%}.types .photos .photo-layout-1-1 figure img{aspect-ratio:16/9}.types .photos .photo-layout-2-1 figure{width:100%}.types .photos .photo-layout-2-1 figure{display:flex;justify-content:flex-start;flex-wrap:wrap}.types .photos .photo-layout-2-1 figure img{width:calc(50% - 6px)}.types .photos .photo-layout-2-1 figure img:first-child{margin-right:12px}.types .photos .photo-layout-2-1 figure img:last-child{margin-left:12px}.types .photos .photo-layout-2-2{display:flex}.types .photos .photo-layout-2-2 figure:first-child{margin-right:6px}.types .photos .photo-layout-2-2 figure:last-child{margin-left:6px}.types .photos figcaption{width:100%;font-size:16px;margin-top:.5em}.types .photos figcaption em{font-weight:700;font-style:normal;margin-right:.75em}@media screen and (max-width:1000px){.types .photos{margin-top:0}.types .photos figcaption{font-size:14px;margin-top:.6em}}@media screen and (max-width:600px){.types .photos{display:block}.types .photos .container{display:block;margin-right:20px;margin-left:20px}.types .photos figure{width:100%}.types .photos .photo-layout-1-1 figure img{width:100%;aspect-ratio:4/3}.types .photos .photo-layout-2-1 figure img{width:100%;padding-top:6px;aspect-ratio:4/3}.types .photos .photo-layout-2-2{display:block}.types .photos .photo-layout-2-2 figure:first-child{width:100%;margin-right:0}.types .photos .photo-layout-2-2 figure:last-child{width:100%;margin-left:0}.types .photos .photo-layout-2-2 figure img{width:100%;aspect-ratio:4/3}.types .photos figcaption{font-size:11px}}.types .detail{max-width:1200px;margin-top:60px;margin-inline:auto}.types .detail .container{background-color:#f3f3f3;padding-right:0;padding-left:0;margin-right:30px;margin-left:30px}.types .detail h3{font-size:48px;font-weight:600;padding:60px 20px 20px;margin-inline:auto;text-align:center;letter-spacing:.05em}.types .detail p{max-width:800px;padding:20px 40px 60px;margin-inline:auto;line-height:2em;font-weight:400}.types .detail figure img{width:100%}@media screen and (max-width:1000px){.types .detail .container{margin-top:60px}.types .detail h3{font-size:28px;padding:40px 20px 10px 10px}.types .detail p{padding-bottom:30px}}@media screen and (max-width:600px){.types .detail{margin-top:40px}.types .detail .container{margin:0 20px}.types .detail h3{font-size:20px;padding:30px 20px 10px 10px}.types .detail p{padding:10px 20px 20px}}.types .links{margin-top:40px;max-width:1200px;margin-inline:auto}.types .links h3{font-size:32px;font-weight:600;padding:60px 20px 20px;margin-inline:auto;text-align:center;letter-spacing:.05em}@media screen and (max-width:1000px){.types .links h3{font-size:28px;padding-top:30px}}@media screen and (max-width:600px){.types .links h3{font-size:20px}}.types .journal{background-color:#333;padding:60px 30px 90px;color:#fff;margin-top:80px}.types .journal{margin-bottom:-60px}.types .journal h3{font-size:30px;font-weight:600;text-align:center}.types .flex{max-width:1200px;display:flex;margin-inline:auto;gap:20px;justify-content:space-between;flex-wrap:nowrap;margin-top:40px}.types .flex a p{font-size:16px;font-weight:500;color:#fff;padding-top:.5em}.types .flex a img{width:100%;aspect-ratio:4/3;object-fit:cover}.types .other-types{padding:60px 30px;margin-top:40px}.types .other-types h3{font-size:30px;font-weight:600;text-align:center}.types .other-types figure{position:relative}.types .other-types figcaption{font-size:18px;font-weight:600;color:#fff;position:absolute;bottom:15px;left:15px;background-color:#0009;font-style:normal;padding:.2em .4em;letter-spacing:.05em}.types .other-types figcaption i{font-weight:300;font-style:normal;padding-right:.5em}@media screen and (max-width:1000px){.types .flex{gap:10px;margin-top:30px}.types .journal h3,.types .other-types h3{font-size:20px}.types .other-types figcaption{font-size:12px;bottom:10px;left:10px}.types .flex a p{font-size:14px}}@media screen and (max-width:600px){.types .flex{gap:10px;margin-top:20px}.types .journal{padding:30px 20px 80px;color:#fff;margin-top:60px}.types .other-types{padding:30px 20px;margin-top:20px}.types .journal h3{font-size:18px}.types .other-types figcaption{font-size:11px;bottom:5px;left:5px}.types .flex a p{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/p-types.css.map */