#header{background:rgba(0,0,0,.6)}#design .design{margin-top:0}#design .design #main{background:url(../images/design/main.webp) no-repeat center center/cover;padding:22vh 0;position:relative}@media screen and (min-width: 769px),print{#design .design #main{padding:30vh 0;background:url(../images/design/main.webp) 0 0/cover no-repeat}}#design .design #main h1{text-align:left;padding:0 10%}#design .design #main h1 .en{font-size:min(9.8svw,80px);font-family:"Oswald",sans-serif;font-weight:bold;line-height:1;letter-spacing:0}#design .design #main h1 .ja{font-size:min(3.2svw,16px);padding-top:.5em}#design .design #main .cap{background:rgba(0,0,0,.5019607843);position:absolute;bottom:0;right:0;color:#fff;font-size:min(2.4svw,12px);line-height:1;padding:.5em}#design .design #contents{overflow:hidden}#design .design #contents .center{text-align:center !important}#design .design #contents .white{color:#fff}#design .design #contents .red{color:#d7001e}#design .design #contents h4{margin:0;width:100%;color:#000;font-size:min(4.6svw,28px);letter-spacing:.05em;line-height:1.6}@media screen and (min-width: 769px),print{#design .design #contents h4{letter-spacing:.1em}}#design .design #contents .txt{margin:0;width:100%;text-align:justify;color:#000;font-size:min(3.2svw,16px);line-height:1.8}@media screen and (min-width: 769px),print{#design .design #contents .txt{line-height:2}}#design .design #contents .txt.center{margin-top:1.5em;letter-spacing:.05em}@media screen and (min-width: 769px),print{#design .design #contents .txt.center{margin-top:3em}}#design .design #contents .ttl{margin:0 0 1.5em;padding:0 0 1em;width:100%;border-bottom:1px #000 solid;color:#000;font-size:min(3.8svw,20px);letter-spacing:.1em;line-height:1}#design .design #contents .ttl.white{border-bottom:1px #fff solid}#design .design #contents .list{margin:0;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:1em}#design .design #contents .list li{margin:0;font-size:min(3.2svw,16px);line-height:1}#design .design #contents .bg-txt{overflow:hidden;margin:0 0 2em;width:100%;height:14svw;max-height:120px;display:flex;align-items:center}@media screen and (min-width: 769px),print{#design .design #contents .bg-txt{margin:0 0 4em}}#design .design #contents .bg-txt.reverse .bg-txt-area{animation:loop-slide-rev 20s infinite linear 1s both}@keyframes loop-slide-rev{from{transform:translateX(-100%)}to{transform:translateX(0)}}#design .design #contents .bg-txt .bg-txt-area{margin:0;display:flex;color:hsla(0,0%,100%,.1882352941);font-family:"Oswald",sans-serif;font-size:min(14svw,120px);font-weight:bold;animation:loop-slide 20s infinite linear 1s both}#design .design #contents .bg-txt .bg-txt-area.type2{color:hsla(0,0%,100%,0);-webkit-text-stroke:2px rgba(215,0,29,.1882352941)}#design .design #contents .bg-txt .bg-txt-area.type3{color:hsla(0,0%,100%,0);-webkit-text-stroke:2px hsla(0,0%,100%,.1882352941)}#design .design #contents .bg-txt .bg-txt-area li{margin:0}#design .design #contents .bg-txt .bg-txt-area li.wit2-8{width:2.8em}#design .design #contents .bg-txt .bg-txt-area li.wit3{width:3em}#design .design #contents .bg-txt .bg-txt-area li.wit4{width:4em}#design .design #contents .bg-txt .bg-txt-area li.wit4-5{width:4.5em}#design .design #contents .bg-txt .bg-txt-area li.wit5{width:5em}@keyframes loop-slide{from{transform:translateX(0)}to{transform:translateX(-100%)}}#design .design #contents .flex{margin:0;padding:1.5em 1.5em 0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5em 0}@media screen and (min-width: 769px),print{#design .design #contents .flex{padding:4em 4em 0;gap:4em 0}}#design .design #contents .slide{margin:2em auto;width:100%;height:48svw;max-height:350px;display:flex;align-items:center}@media screen and (min-width: 769px),print{#design .design #contents .slide{margin:4em auto}}#design .design #contents .slide .slide-area{margin:0;padding-right:1em;width:auto;display:flex;gap:1em;animation:slide-slide 40s infinite linear 1s both}@media screen and (min-width: 769px),print{#design .design #contents .slide .slide-area{padding-right:2em;gap:2em;animation:slide-slide 60s infinite linear 1s both}}#design .design #contents .slide .slide-area .photo{margin:0;width:46.2904109589svw;max-width:365px;height:48svw;max-height:352px;position:relative}#design .design #contents .slide .slide-area .photo img{width:auto;height:100%}#design .design #contents .slide .slide-area .photo .pick{width:32%;height:auto;position:absolute;top:0;right:0;transform:translate(15%, -15%)}@keyframes slide-slide{from{transform:translateX(0)}to{transform:translateX(-100%)}}#design .design #contents .img-box{margin:2em 0 0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1em .5em}@media screen and (min-width: 769px),print{#design .design #contents .img-box{margin:4em 0 0;gap:2em}}#design .design #contents .img-box.type1{margin:0 auto;max-width:1480px;gap:0}#design .design #contents .img-box.type1 .photo{width:50%}#design .design #contents .img-box.type2{margin:0;gap:.5em}@media screen and (min-width: 769px),print{#design .design #contents .img-box.type2{gap:1em}}#design .design #contents .img-box.type2 .photo{width:calc((100% - .5em)/2)}@media screen and (min-width: 769px),print{#design .design #contents .img-box.type2 .photo{width:calc((100% - 1em)/2)}}#design .design #contents .img-box.type3{gap:0}#design .design #contents .img-box.type3 .photo{width:50%}@media screen and (min-width: 769px),print{#design .design #contents .img-box.type3 .photo{width:25%}}#design .design #contents .img-box .photo{width:calc((100% - .5em)/2)}@media screen and (min-width: 769px),print{#design .design #contents .img-box .photo{width:calc((100% - 4em)/3)}}#design .design #contents figure{position:relative;vertical-align:top}#design .design #contents figure figcaption{position:absolute;bottom:0;right:0;line-height:1;padding:.5em;font-size:min(2.4svw,12px);color:#fff;text-shadow:0 0 5px #000}#design .design #contents figure figcaption.black{color:#000;text-shadow:none}#design .design #contents .photo span{bottom:3%;right:3%}#design .design #contents .photo span.black{text-shadow:none}#design .design #contents .cap{font-size:min(2.4svw,12px)}#design .design #contents .sec{margin:0;padding:3em 0;width:100%;position:relative}@media screen and (min-width: 769px),print{#design .design #contents .sec{padding:6em 0}}#design .design #contents .sec.sec01{background:#d7001d}#design .design #contents .sec.sec02{padding:0;background:url(../images/design/bg01.webp) no-repeat center bottom;background-size:cover}#design .design #contents .sec.sec02 .block1{margin:1em auto 3em;width:96%;max-width:1280px;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block1{margin:1em auto 5em;padding-bottom:3em;gap:0;margin-top:0;flex-direction:row-reverse;flex-wrap:wrap;align-items:center}}#design .design #contents .sec.sec02 .block1 .box1{margin:0;width:100%}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block1 .box1{width:75%;margin-top:-10%;position:absolute;right:0}}#design .design #contents .sec.sec02 .block1 .box1 span{bottom:1%;right:1%}#design .design #contents .sec.sec02 .block1 .box2_wrap h4{margin-bottom:1em;letter-spacing:.2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block1 .box2_wrap h4{margin-bottom:2em}}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block1 .box2_wrap{left:0;top:0;width:42%}}#design .design #contents .sec.sec02 .block1 .box2{margin:2em 0 0;padding:1.5em;width:100%;box-sizing:border-box;background:#d7001d;border-radius:2em;border-bottom-left-radius:0}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block1 .box2{margin:5em 0 0;padding:3em;border-radius:2em;border-bottom-left-radius:0}}#design .design #contents .sec.sec02 .block1 .box2 dl{color:#fff;display:flex;align-items:center;gap:1em;border-bottom:1px solid #fff;padding-bottom:1em;margin-bottom:1em}#design .design #contents .sec.sec02 .block1 .box2 dl dt{font-size:min(2.8svw,14px)}#design .design #contents .sec.sec02 .block1 .box2 dl dd{font-size:min(3.8svw,20px)}#design .design #contents .sec.sec02 .block1 .box2 .txt{color:#fff}#design .design #contents .sec.sec02 .block2{margin:0 auto;padding:0 0;width:96%;max-width:1280px;border:2px solid #d7001d;border-top-left-radius:2.5em;border-top-right-radius:2.5em;border-bottom-right-radius:2.5em;box-sizing:border-box;overflow:hidden;background:#fff}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block2{margin:0 auto 1em;padding:0 0 4em;border-top-left-radius:5em;border-top-right-radius:5em;border-bottom-right-radius:5em}}#design .design #contents .sec.sec02 .block2 .bg-txt{margin-bottom:0}#design .design #contents .sec.sec02 .block2 .bg-txt.reverse .bg-txt-area{animation:loop-slide-rev 45s infinite linear 1s both}#design .design #contents .sec.sec02 .block2 .bg-txt .bg-txt-area{color:rgba(215,0,29,.1882352941);animation:loop-slide 45s infinite linear 1s both}#design .design #contents .sec.sec02 .block2 .bg-txt .bg-txt-area .long{width:11em}#design .design #contents .sec.sec02 .block2 .bg-txt .bg-txt-area .long2{width:5.3em}#design .design #contents .sec.sec02 .block2 h4{padding:0 24px}@media screen and (min-width: 1024px),print{#design .design #contents .sec.sec02 .block2 h4{padding:0 5%}}#design .design #contents .sec.sec02 .block2 .flex{padding:1.5em 1.5em 1.5em;justify-content:space-between;gap:1em}@media screen and (min-width: 1024px),print{#design .design #contents .sec.sec02 .block2 .flex{padding:2em 5% 0;gap:1em}}@media screen and (min-width: 1024px),print{#design .design #contents .sec.sec02 .block2 .flex .txt{width:30%}}#design .design #contents .sec.sec02 .block2 .flex figure{margin:0;width:100%}@media screen and (min-width: 1024px),print{#design .design #contents .sec.sec02 .block2 .flex figure{flex:0 0 calc(65% - 1em)}}#design .design #contents .sec.sec02 .block2 .cap{text-indent:-1em;padding-left:1em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .block2 .cap{margin-left:auto}}#design .design #contents .sec.sec02 .bg-txt.bg-txt_02{position:relative;margin-bottom:1em;z-index:2}#design .design #contents .sec.sec02 .bg_red{background:#d7001d}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .bg_red{margin-top:-3em}}#design .design #contents .sec.sec02 .bg_red figcaption{left:2%;right:auto}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec02 .bg_red figcaption{left:3%;bottom:3%}}#design .design #contents .sec.sec03{background:#d7001d}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03{padding:7em 0 1em}}#design .design #contents .sec.sec03 .block{margin:3em auto 0;width:96%;max-width:1280px;border-radius:1em;border-bottom-left-radius:0;box-sizing:border-box;position:relative;z-index:1}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block{margin:6.5em auto 0;border-radius:2em;border-bottom-left-radius:0}}#design .design #contents .sec.sec03 .block .grid{display:grid;gap:1em;align-items:start}#design .design #contents .sec.sec03 .block .grid.grid_box01{margin-bottom:1em;grid-template-columns:repeat(1, 1fr);grid-auto-rows:auto;grid-template-areas:"fig" "n1" "n2" "n3" "n4" "n5"}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid.grid_box01{grid-template-columns:2.6fr 1fr;margin-bottom:3em;grid-column-gap:5em;grid-template-areas:"fig n1" "fig n2" "fig n3" "fig n4" "fig n5"}}#design .design #contents .sec.sec03 .block .grid.grid_box02{grid-template-columns:repeat(1, 1fr);margin-bottom:1em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid.grid_box02{grid-template-columns:1fr 5px 1.3fr 5px 1fr;gap:3em}}#design .design #contents .sec.sec03 .block .grid.grid_box03{grid-template-columns:repeat(1, 1fr)}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid.grid_box03{grid-template-columns:2fr 5px 2fr;gap:3em}}#design .design #contents .sec.sec03 .block .grid.grid_box04{grid-template-columns:repeat(1, 1fr);margin-bottom:2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid.grid_box04{grid-template-columns:2fr 5px 2fr;margin-bottom:5.5em;gap:3em}}#design .design #contents .sec.sec03 .block .grid>.box01{grid-area:fig;background:#fff;border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;padding:2em 0em 2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid>.box01{padding:2em}}#design .design #contents .sec.sec03 .block .grid>.box01 figure{padding-bottom:2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid>.box01 figure{padding-bottom:0}}#design .design #contents .sec.sec03 .block .grid>.box02{grid-area:n1}#design .design #contents .sec.sec03 .block .grid>.box03{grid-area:n2}#design .design #contents .sec.sec03 .block .grid>.box04{grid-area:n3}#design .design #contents .sec.sec03 .block .grid>.box05{grid-area:n4}#design .design #contents .sec.sec03 .block .grid>.box06{grid-area:n5}#design .design #contents .sec.sec03 .block .grid .box{width:100%;position:relative}#design .design #contents .sec.sec03 .block .grid .box.box02 .flex.number_flex,#design .design #contents .sec.sec03 .block .grid .box.box03 .flex.number_flex{border:none;margin-bottom:0;padding-bottom:0}#design .design #contents .sec.sec03 .block .grid .box .flex.number_flex{gap:.5em;padding:0;flex-wrap:nowrap;justify-content:flex-start;align-items:center;border-bottom:1px solid #fff;padding-bottom:1em;margin-bottom:.5em}#design .design #contents .sec.sec03 .block .grid .box .flex.number_flex .number{width:40px;aspect-ratio:1/1;background-color:#8b6a3d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:min(4.4svw,26px);font-family:"Times New Roman",serif;line-height:1;position:relative}#design .design #contents .sec.sec03 .block .grid .box .flex.number_flex .number::before{content:"";position:absolute;inset:4px;border:1px solid #fff;pointer-events:none}#design .design #contents .sec.sec03 .block .grid .box .flex.number_flex .number_txt{font-size:min(3.6svw,18px);color:#fff}#design .design #contents .sec.sec03 .block .grid .box .txt{color:#fff}#design .design #contents .sec.sec03 .block .grid .box .small{color:#fff}#design .design #contents .sec.sec03 .block .grid .box .flex{padding:0;gap:1em;flex-wrap:nowrap}#design .design #contents .sec.sec03 .block .grid .box figure .absolute_img{width:8%;position:absolute;bottom:1%;left:3%}#design .design #contents .sec.sec03 .block .grid .box figure .absolute_img figcaption{bottom:-3%;left:0}#design .design #contents .sec.sec03 .block .vertical_dotted{background:url(../images/design/dotted.svg) repeat-y center center rgba(0,0,0,0);width:5px;height:100%}#design .design #contents .sec.sec03 .block .side_dotted{display:block;margin:2em auto;background:url(../images/design/dotted2.svg) repeat-x center center rgba(0,0,0,0);width:96%;height:5px;max-width:1280px}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .side_dotted{width:100%;height:5px;margin:3em auto}}#design .design #contents .sec.sec03 .block .side-vertical_dotted{display:block;margin:2em auto;background:url(../images/design/dotted2.svg) repeat-x center center rgba(0,0,0,0);max-width:1280px;width:96%;height:5px}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .side-vertical_dotted{background:url(../images/design/dotted.svg) repeat-y center center rgba(0,0,0,0);width:5px;margin:auto;height:100%}}#design .design #contents .sec.sec03 .block .grid_box01 .box .side_dotted{margin:2em 0}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .grid_box01 .box .side_dotted{margin:2.5em 0 1.5em}}#design .design #contents .sec.sec03 .block .grid_box02 .box09 figure figcaption{bottom:-10%}#design .design #contents .sec.sec03 .block .grid_box03 .txt_box{width:70%}#design .design #contents .sec.sec03 .block .grid_box03 figure{width:30%}#design .design #contents .sec.sec03 .block .grid_box03 .flex{align-items:center}#design .design #contents .sec.sec03 .block .grid_box03 .cap{color:#fff}#design .design #contents .sec.sec03 .block .grid_box03 .box11 .flex figure figcaption{bottom:-20%}#design .design #contents .sec.sec03 .block .plant_box{border:1px solid #fff;background:rgba(60,0,0,.22);padding:1em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .plant_box{padding:3em}}#design .design #contents .sec.sec03 .block .plant_box .plant_box_txtwrap .lead{font-size:min(3.8svw,20px);color:#fff}#design .design #contents .sec.sec03 .block .plant_box .plant_box_txtwrap .txt{font-size:min(3.2svw,16px);color:#fff}#design .design #contents .sec.sec03 .block .plant_box .flex{padding:0;gap:1em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec03 .block .plant_box .flex{flex-wrap:nowrap}}#design .design #contents .sec.sec03 .block .plant_box .flex ul{max-width:850px;width:100%}#design .design #contents .sec.sec03 .block .plant_box .flex ul li{width:calc((100% - 1em)/2)}#design .design #contents .sec.sec03 .block .plant_box .flex figure{vertical-align:top}#design .design #contents .sec.sec03 .block .plant_box .flex figure figcaption{color:#fff}#design .design #contents .sec.sec03 .bg-txt .bg-txt-area{color:rgba(215,0,29,.1882352941);animation:loop-slide-rev 45s infinite linear 1s both}#design .design #contents .sec.sec03 .bg-txt .bg-txt-area .long{color:hsla(0,0%,100%,0.1882352941);width:8.4em}#design .design #contents .sec.sec04{padding:3em 0 0;background:url(../images/design/bg02.webp) no-repeat center top,#e2d6bd;background-size:cover}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04{padding:7em 0 0}}#design .design #contents .sec.sec04 .bg-txt{margin-bottom:0}#design .design #contents .sec.sec04 .bg-txt.reverse .bg-txt-area{animation:loop-slide-rev 45s infinite linear 1s both}#design .design #contents .sec.sec04 .bg-txt .bg-txt-area{color:hsla(0,0%,100%,.5019607843);animation:loop-slide 45s infinite linear 1s both}#design .design #contents .sec.sec04 .bg-txt .bg-txt-area .long{width:11em}#design .design #contents .sec.sec04 .bg-txt .bg-txt-area .long2{width:7.5em}#design .design #contents .sec.sec04 h4{letter-spacing:.2em}#design .design #contents .sec.sec04 .inner h4{margin-top:2em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .inner h4{margin-top:4em}}#design .design #contents .sec.sec04 .inner .txt.center{margin:2em auto 4em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .inner .txt.center{margin:2.8em auto 5.5em}}#design .design #contents .sec.sec04 .flex{margin-top:2em;padding:0;margin:2em auto 0;width:96%}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .flex{flex-wrap:nowrap;margin-top:0;padding-left:4em;width:auto}}#design .design #contents .sec.sec04 .block1{position:relative;z-index:1}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .block1{width:53%;margin-top:12em}}#design .design #contents .sec.sec04 .block1 .photo .right{right:3%}#design .design #contents .sec.sec04 .block1 .box1{margin-bottom:2em;width:100%}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .block1 .box1{width:100%;margin-bottom:3.5em}}#design .design #contents .sec.sec04 .block1 .box2_wrap{left:0;top:0;width:100%}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .block1 .box2_wrap{margin-bottom:3em}}#design .design #contents .sec.sec04 .block1 .box2_wrap h4{margin-bottom:1.5em}#design .design #contents .sec.sec04 .block2{text-align:right;margin-right:-1em}@media screen and (min-width: 769px),print{#design .design #contents .sec.sec04 .block2{margin-top:auto;width:50%;position:absolute;right:1%;bottom:0}}#design .design #contents .sec.sec04 .block2 .box1 img{right:0}.note{padding:min(12vw,6rem) 1em}.note li{font-size:min(2.4svw,12px)}/*# sourceMappingURL=design.css.map */