body{font-family:"Shippori Mincho"}figure{position:relative;line-height:0}figure .footnote{position:absolute;bottom:0;right:0;padding:.5em;color:#fff;font-size:min(2.4svw,12px);line-height:1.4}.pc{display:none}@media screen and (min-width: 751px),print{.pc{display:block}}@media screen and (max-width: 750px),print{#canvas-container{bottom:-2px}}.atari::after{content:attr(data-atari) "";position:absolute;top:0;left:0;display:inline-block;padding:.5em;background:hsla(0,0%,100%,.65);color:#c00;line-height:1.4}#design{position:relative;overflow:hidden}#design #main{position:relative}#design #main figure::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.4);z-index:1}#design #main figure .footnote{position:absolute;bottom:0;right:1em;left:auto;color:#fff;font-size:min(2.4svw,12px);text-shadow:2px 3px 3px rgba(0,0,0,.4);z-index:2}#design #main h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"Cinzel",serif;font-size:min(9.8svw,80px);letter-spacing:.1em;text-shadow:0 0 10px rgba(0,0,0,.7);color:#fff;z-index:2}@media screen and (min-width: 751px),print{#design #main h1{font-size:min(6.7svw,48px)}}#design #contents{padding:0 0 4em}#design #contents .h2_head.en{color:#55788e;font-size:min(7svw,52px);line-height:2;letter-spacing:.1em;text-align:center}@media screen and (min-width: 751px),print{#design #contents .h2_head.en{font-size:min(4.2svw,24px)}}#design #contents .h2_head.en::after{content:"";position:relative;display:block;margin:0 auto;border-bottom:2px solid #55788e;width:40px;height:2px}#design #contents p{text-align:center}#design #contents p.lead{font-size:min(3.8svw,20px);letter-spacing:.1em}@media screen and (min-width: 751px),print{#design #contents p.lead{font-size:min(4.2svw,24px)}}#design #contents p.txt{margin:0 auto;width:84%;font-size:min(3.8svw,20px);letter-spacing:.1em;text-align:center}@media screen and (min-width: 751px),print{#design #contents p.txt{width:100%;font-size:min(3.2svw,16px);text-align:center}}#design #contents p.shippori{margin:0 auto;width:84%;font-size:min(3.6svw,18px);line-height:2;text-align:left}@media screen and (min-width: 751px),print{#design #contents p.shippori{width:100%;font-size:min(3.2svw,16px);letter-spacing:.1em}}#design #contents .sec{position:relative;display:grid;gap:2em;padding:2em 0;font-size:min(3.2svw,16px);z-index:-2}@media screen and (min-width: 751px),print{#design #contents .sec{padding:4em 0}}#design #contents .sec:nth-of-type(even){margin:0 auto;max-width:1280px;background-color:#fff;width:calc(100% - 2rem);width:100%}#design #contents .sec:nth-of-type(even) .sec_deco{position:absolute;background-color:#d5d5ce;aspect-ratio:150/250;z-index:-1;opacity:0}@media screen and (min-width: 751px),print{#design #contents .sec:nth-of-type(even) .sec_deco{aspect-ratio:570/340}}#design #contents .sec:nth-of-type(even) .sec_deco.deco-move1{top:5%;left:0;width:52svw;height:auto;opacity:1}@media screen and (min-width: 751px),print{#design #contents .sec:nth-of-type(even) .sec_deco.deco-move1{top:8%;left:0;width:560px;height:auto}}#design #contents .sec:nth-of-type(odd){background-color:rgba(213,213,206,.35)}#design #contents .sec:nth-of-type(odd) .sec_body .sec_deco{position:absolute;background-color:#d5d5ce;aspect-ratio:150/350;opacity:0;z-index:-1}#design #contents .sec:nth-of-type(odd) .sec_body .sec_deco.deco-move1{top:7%;right:0;width:32svw;height:auto;opacity:1}@media screen and (min-width: 751px),print{#design #contents .sec:nth-of-type(odd) .sec_body .sec_deco.deco-move1{top:43%;right:-75px;width:150px}}#design #contents .sec_lead{font-size:min(5svw,32px);letter-spacing:.1em}@media screen and (min-width: 751px),print{#design #contents .sec_lead{font-size:min(4.4svw,26px)}}#design #contents .sec_body{position:relative;display:grid;gap:2em;margin:1em auto 0;width:100%;font-size:min(3.2svw,16px)}@media screen and (min-width: 751px),print{#design #contents .sec_body{margin:2em auto 0}}#design #contents .sec00{display:grid;padding:3em 0 5em;background:linear-gradient(180deg, #D5D5CE 0%, rgba(213, 213, 206, 0.85) 45%, rgba(255, 255, 255, 0.85) 100%);gap:1.5em}@media screen and (min-width: 751px),print{#design #contents .sec00{gap:30px;padding:5em 0 6em}}#design #contents .sec00 .lead{font-size:min(6svw,42px)}#design #contents .sec00 .lead sub{font-size:min(2.4svw,12px);vertical-align:inherit}@media screen and (min-width: 751px),print{#design #contents .sec00 .lead{font-size:min(4.8svw,30px)}}#design #contents .sec00 .txt{font-size:min(4.2svw,24px);width:-moz-fit-content;width:fit-content}@media screen and (min-width: 751px),print{#design #contents .sec00 .txt{width:100%;font-size:min(3.2svw,16px)}}@media screen and (min-width: 751px),print{#design #contents .sec01{gap:1.5em}}#design #contents .sec01 .sec_deco{top:40%;left:68%;width:5%;height:20%;transition:1s ease}#design #contents .sec01 .sec_body{max-width:510px}@media screen and (min-width: 751px),print{#design #contents .sec01 .sec_body{max-width:510px}}@media screen and (min-width: 751px),print{#design #contents .sec02{gap:1.5em}}#design #contents .sec02 .sec_body{max-width:850px}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body{grid-template-columns:400fr 400fr;max-width:850px;align-items:start}}#design #contents .sec02 .sec_body .sec_deco{top:50%;right:7%;width:5%;height:2%;transition:1s ease}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body .sec_deco{top:85%;right:90%}}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body .shippori{grid-column:span 2}}#design #contents .sec02 .sec_body .lead_txt{font-size:min(4.4svw,26px);text-align:center}#design #contents .sec02 .sec_body figure{margin:0 auto;width:84%}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body figure{width:100%}}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body figure:first-of-type{width:100%;grid-column:span 2}}#design #contents .sec02 .sec_body figure:nth-of-type(2){margin:0 auto;width:84%}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body figure:nth-of-type(2){width:100%;grid-column:span 2}}#design #contents .sec02 .sec_body figure:last-of-type{margin:0 auto;width:84%;margin:-1em auto 0 auto}@media screen and (min-width: 751px),print{#design #contents .sec02 .sec_body figure:last-of-type{grid-area:unset;width:100%;margin-top:auto}}#design #contents .sec02 .one{grid-template-columns:auto}@media screen and (min-width: 751px),print{#design #contents .sec03{gap:1.5em}}#design #contents .sec03 .sec_deco{top:35%;right:15%;width:2%;height:3%;transition:1s ease}@media screen and (min-width: 751px),print{#design #contents .sec03 .sec_deco{top:55%;right:85%;width:2%;height:3%}}#design #contents .sec03 .sec_body{max-width:850px}@media screen and (min-width: 751px),print{#design #contents .sec03 .sec_body{grid-template-columns:340fr 478fr;max-width:850px}}#design #contents .sec03 .sec_body .shippori{margin:0 auto;width:84%}@media screen and (min-width: 751px),print{#design #contents .sec03 .sec_body .shippori{width:100%}}@media screen and (min-width: 751px),print{#design #contents .sec03 .sec_body figure:first-of-type{grid-column:span 2}}#design #contents .sec03 .sec_body figure:last-of-type{margin:0 auto;width:84%}@media screen and (min-width: 751px),print{#design #contents .sec03 .sec_body figure:last-of-type{width:100%}}@media screen and (min-width: 751px),print{#design #contents .sec04{gap:1.5em}}#design #contents .sec04 .sec_body{padding:0 0 8em;max-width:850px}#design #contents .sec04 .sec_body .sec_deco{top:35%;right:15%;width:2%;height:3%;transition:1s ease}@media screen and (min-width: 751px),print{#design #contents .sec04 .sec_body .sec_deco{top:115%;right:85%}}#design #contents .sec04 .sec_body .sec_deco.deco-move1{top:13% !important}@media screen and (min-width: 751px),print{#design #contents .sec04 .sec_body .sec_deco.deco-move1{top:52% !important}}@media screen and (min-width: 751px),print{#design #contents .sec05{gap:1.5em}}#design #contents .sec05 .sec_deco{top:56%;left:80%;width:4%;height:1%;transition:1s ease}#design #contents .sec05 .sec_body{max-width:850px}@media screen and (min-width: 751px),print{#design #contents .sec05 .sec_body{max-width:850px}}/*# sourceMappingURL=design.css.map */