﻿@-webkit-keyframes visual-photo{0%{opacity:0;-webkit-transform:scale(1)}3%{opacity:1}16.6666%{opacity:1}20%{opacity:0;-webkit-transform:scale(1.15)}100%{opacity:0}}@keyframes visual-photo{0%{opacity:0;transform:scale(1)}3%{opacity:1}16.6666%{opacity:1}20%{opacity:0;transform:scale(1.15)}100%{opacity:0}}#contents #visual-photo{position:relative;height:80vh;overflow:hidden;z-index:-1}#contents #visual-photo::before{content:"";position:absolute;width:100%;height:80vh;z-index:-99;background:radial-gradient(circle, rgba(0,0,17,0), rgba(0,0,17,0.7) 90%);mix-blend-mode:multiply}#contents #visual-photo li{position:absolute;top:0;left:0;width:100%;height:80vh;background-size:cover;background-position:center center;background-repeat:no-repeat;will-change:transform,animation,position;-webkit-animation:visual-photo 48s linear 0s infinite;animation:visual-photo 48s linear 0s infinite;opacity:0;z-index:-100}#contents #visual-photo li:nth-child(1){background-image:url(../images/visual_photo1.jpg)}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(1){background-image:url(../images/visual_photo1_sp.jpg)}}#contents #visual-photo li:nth-child(2){background-image:url(../images/visual_photo2.jpg);-webkit-animation-delay:8s;animation-delay:8s}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(2){background-image:url(../images/visual_photo2_sp.jpg)}}#contents #visual-photo li:nth-child(3){background-image:url(../images/visual_photo3.jpg);-webkit-animation-delay:16s;animation-delay:16s}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(3){background-image:url(../images/visual_photo3_sp.jpg)}}#contents #visual-photo li:nth-child(4){background-image:url(../images/visual_photo4.jpg);-webkit-animation-delay:24s;animation-delay:24s}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(4){background-image:url(../images/visual_photo4_sp.jpg)}}#contents #visual-photo li:nth-child(5){background-image:url(../images/visual_photo5.jpg);-webkit-animation-delay:32s;animation-delay:32s}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(5){background-image:url(../images/visual_photo5_sp.jpg)}}#contents #visual-photo li:nth-child(6){background-image:url(../images/visual_photo6.jpg);-webkit-animation-delay:40s;animation-delay:40s}@media screen and (max-width: 768px){#contents #visual-photo li:nth-child(6){background-image:url(../images/visual_photo6_sp.jpg)}}@media screen and (max-width: 680px){#contents #visual-photo{height:100vh}#contents #visual-photo::before,#contents #visual-photo li{height:100vh}}@media screen and (max-width: 480px){#contents #visual-photo{height:90vh}}#contents #visual-catch{position:absolute;top:120px;right:120px;writing-mode:vertical-rl;z-index:5}#contents #visual-catch p{color:#fff;font-size:2.5rem;font-family:"source-han-serif-japanese",serif;line-height:2;letter-spacing:10px;transition-timing-function:ease-out}#contents #visual-catch p.is-active{transition:1.5s}#contents #visual-catch p:nth-child(1){transition-delay:1s}#contents #visual-catch p:nth-child(2){transition-delay:1.2s}@media screen and (max-width: 1220px){#contents #visual-catch{top:120px;right:40px;left:auto;margin-left:0}}@media screen and (max-width: 1024px){#contents #visual-catch p{font-size:2.25rem;line-height:1.8}}@media screen and (max-width: 680px){#contents #visual-catch{top:100px;right:20px}#contents #visual-catch p{font-size:1.875rem;line-height:1.5}}#contents #visual-date{position:absolute;top:120px;left:70px;width:360px;color:#fff;transform:translateY(40px);z-index:5}#contents #visual-date.is-active{transition:1.5s;transition-delay:2.4s;transform:translateY(0)}#contents #visual-date-day{font-family:"din-2014", sans-serif;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:2px}#contents #visual-date-day dt{font-size:1.875rem;line-height:.8}#contents #visual-date-day dd{font-size:1.875rem;line-height:1}#contents #visual-date-day dd strong{font-size:4.375rem;margin-right:8px;color:#fe0}#contents #visual-date-venue{font-size:2rem;font-weight:500;line-height:1}#contents #visual-date-bt{margin-top:30px}#contents #visual-date-bt li:nth-child(n+2){margin-top:5px}#contents #visual-date-bt li a{display:block;font-size:1.25rem;font-weight:500;background:#049;padding:5px;text-align:center}#contents #visual-date-bt li a span{display:block;line-height:60px;color:#fff;border:1px solid rgba(255,255,255,0.4);transition:all 0.3s ease}#contents #visual-date-bt li a span i{margin-right:8px}#contents #visual-date-bt li a:hover{background:#fe0}#contents #visual-date-bt li a:hover span{color:#000;border-color:#000}@media screen and (max-width: 1220px){#contents #visual-date{top:120px;left:40px;width:320px}}@media screen and (max-width: 1024px){#contents #visual-date-day dt{font-size:1.625rem}#contents #visual-date-day dd{font-size:1.625rem}#contents #visual-date-day dd strong{font-size:3.75rem}#contents #visual-date-venue{font-size:1.5rem}}@media screen and (max-width: 768px){#contents #visual-date{width:280px}#contents #visual-date-bt li a{font-size:1.125rem}#contents #visual-date-bt li a span{line-height:56px}}@media screen and (max-width: 680px){#contents #visual-date{top:100px;left:20px;width:220px}#contents #visual-date-bt{margin-bottom:20px}#contents #visual-date-bt li a{font-size:.875rem;padding:3px}#contents #visual-date-bt li a span{line-height:46px}#contents #visual-date-day dt{font-size:1rem}#contents #visual-date-day dd{font-size:1rem}#contents #visual-date-day dd strong{font-size:2rem;margin-right:3px}#contents #visual-date-venue{font-size:1.125rem}}#contents #visual-tohoku{position:absolute;bottom:60px;left:70px;width:180px;transform:translateY(40px);z-index:4}#contents #visual-tohoku.is-active{transition:1.5s;transition-delay:2.4s;transform:translateY(0)}@media screen and (max-width: 1220px){#contents #visual-tohoku{width:160px;bottom:80px}}@media screen and (max-width: 768px){#contents #visual-tohoku{bottom:140px}}@media screen and (max-width: 680px){#contents #visual-tohoku{display:none}}@media screen and (max-width: 480px){#contents #visual-tohoku{display:block;width:140px;bottom:100px;left:20px}}@-webkit-keyframes outline-photo{0%{opacity:0}5%{opacity:1}10%{opacity:1}15%{opacity:0}100%{opacity:0}}@keyframes outline-photo{0%{opacity:0}5%{opacity:1}10%{opacity:1}15%{opacity:0}100%{opacity:0}}#contents #outline{position:relative;margin-top:150px}#contents #outline #illust{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#contents #outline #illust .back-illust{position:absolute;top:0;left:-500px;width:2000px;height:100%;background:url(../images/back_illust.png) no-repeat left center/100%}@media screen and (max-width: 768px){#contents #outline #illust{top:320px;height:320px}#contents #outline #illust .back-illust{width:1800px}}@media screen and (max-width: 480px){#contents #outline #illust{top:260px;height:260px}#contents #outline #illust .back-illust{width:1400px}}#contents #outline-purpose{display:flex;justify-content:space-between}#contents #outline-purpose-text{margin-top:-500px;text-align:center;width:100%;flex-shrink:9999}#contents #outline-purpose-text figure{width:460px;margin:0 auto 20px;padding-left:60px}#contents #outline-purpose-text figure.is-active{transition:1.5s;transition-delay:3.6s;transform:translateY(0)}#contents #outline-purpose-text h2{font-size:2.5rem;font-family:"source-han-serif-japanese",serif;font-weight:500;letter-spacing:10px;line-height:1.5;color:#049}#contents #outline-purpose-fig{width:50%;flex-basis:auto;position:relative;z-index:2}#contents #outline-purpose-fig figure{position:absolute;top:0;left:0;opacity:0;overflow:hidden;border-top-left-radius:30px;border-bottom-left-radius:30px;will-change:transform,animation,position;-webkit-animation:outline-photo 40s ease 0s infinite;animation:outline-photo 40s ease 0s infinite;z-index:-1}#contents #outline-purpose-fig figure:nth-child(2){-webkit-animation-delay:4s;animation-delay:4s}#contents #outline-purpose-fig figure:nth-child(3){-webkit-animation-delay:8s;animation-delay:8s}#contents #outline-purpose-fig figure:nth-child(4){-webkit-animation-delay:12s;animation-delay:12s}#contents #outline-purpose-fig figure:nth-child(5){-webkit-animation-delay:16s;animation-delay:16s}#contents #outline-purpose-fig figure:nth-child(6){-webkit-animation-delay:20s;animation-delay:20s}#contents #outline-purpose-fig figure:nth-child(7){-webkit-animation-delay:24s;animation-delay:24s}#contents #outline-purpose-fig figure:nth-child(8){-webkit-animation-delay:28s;animation-delay:28s}#contents #outline-purpose-fig figure:nth-child(9){-webkit-animation-delay:32s;animation-delay:32s}#contents #outline-purpose-fig figure:nth-child(10){-webkit-animation-delay:36s;animation-delay:36s}@media screen and (max-width: 1220px){#contents #outline-purpose-text{margin-top:-420px}#contents #outline-purpose-text figure{width:360px}#contents #outline-purpose-text figure.is-active{transition:1s;transition-delay:.1s;transform:translateY(0)}#contents #outline-purpose-text h2{font-size:2.25rem}}@media screen and (max-width: 768px){#contents #outline-purpose{display:block}#contents #outline-purpose-text{margin-top:-420px;margin-bottom:40px}#contents #outline-purpose-text h2{font-size:2rem}#contents #outline-purpose-fig{width:auto}#contents #outline-purpose-fig figure{border-radius:0}}@media screen and (max-width: 480px){#contents #outline-purpose-text{margin-top:-360px}#contents #outline-purpose-text figure{width:240px;padding-left:20px}#contents #outline-purpose-text h2{font-size:1.875rem}}#contents #product{margin:100px 0;position:relative;overflow:hidden}@media screen and (max-width: 1024px){#contents #product{margin:80px 0}}@media screen and (max-width: 480px){#contents #product{margin:60px 0}}#contents #product-title{margin:0 190px 20px;text-align:center;position:relative;margin-bottom:40px}#contents #product-title-eng{font-size:.875rem;font-weight:bold;font-family:"din-2014", sans-serif;line-height:20px;letter-spacing:3px;color:#049;position:relative;position:absolute;top:10px}#contents #product-title-eng::before,#contents #product-title-eng::after{content:"";position:absolute;top:9px;left:-110px;height:2px}#contents #product-title-eng::before{width:100px;background:rgba(0,68,153,0.25)}#contents #product-title-eng::after{width:20px;background:#049}@media screen and (max-width: 1220px){#contents #product-title-eng{padding-left:20px}#contents #product-title-eng::before,#contents #product-title-eng::after{left:-90px}}@media screen and (max-width: 480px){#contents #product-title-eng{font-size:.75rem}#contents #product-title-eng::before,#contents #product-title-eng::after{top:8px}}#contents #product-title h2{font-size:2rem;font-weight:500;color:#049;letter-spacing:5px}@media screen and (max-width: 1220px){#contents #product-title{margin:0 40px 40px}}@media screen and (max-width: 768px){#contents #product-title{margin:0 20px 30px}}@media screen and (max-width: 480px){#contents #product-title{padding-top:0}#contents #product-title-eng{position:static;text-align:left;margin-bottom:20px}#contents #product-title h2{font-size:1.625rem}}#contents #product-list-banner{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px}#contents #product-list-banner li{width:20%;flex-basis:auto;padding:0 10px}#contents #product-list-banner li:nth-child(n+6){margin-top:20px}#contents #product-list-banner li a{display:block;border:1px solid #000}#contents #product-list-banner li a:hover{opacity:.8}@media screen and (max-width: 1024px){#contents #product-list-banner li{width:25%}#contents #product-list-banner li:nth-child(n+5){margin-top:20px}}@media screen and (max-width: 768px){#contents #product-list-banner li{width:33.3333%}#contents #product-list-banner li:nth-child(n+4){margin-top:20px}}@media screen and (max-width: 680px){#contents #product-list-banner li{width:50%}#contents #product-list-banner li:nth-child(n+3){margin-top:20px}}@media screen and (max-width: 480px){#contents #product-list-banner{display:block;margin:0 0}#contents #product-list-banner li{width:auto;padding:0}#contents #product-list-banner li:nth-child(n+2){margin-top:20px}}#contents #information{margin:100px 0 0;position:relative;overflow:hidden}@media screen and (max-width: 1024px){#contents #information{margin-top:80px}}@media screen and (max-width: 480px){#contents #information{margin-top:60px}}#contents #information-inner{margin-left:380px}@media screen and (max-width: 1220px){#contents #information-inner{margin-left:0}}#contents #information-title{position:absolute;top:-5px;left:190px}#contents #information-title-eng{font-size:.875rem;font-weight:bold;font-family:"din-2014", sans-serif;line-height:20px;letter-spacing:3px;color:#049;position:relative;margin-bottom:10px}#contents #information-title-eng::before,#contents #information-title-eng::after{content:"";position:absolute;top:9px;left:-110px;height:2px}#contents #information-title-eng::before{width:100px;background:rgba(0,68,153,0.25)}#contents #information-title-eng::after{width:20px;background:#049}@media screen and (max-width: 1220px){#contents #information-title-eng{padding-left:20px}#contents #information-title-eng::before,#contents #information-title-eng::after{left:-90px}}@media screen and (max-width: 480px){#contents #information-title-eng{font-size:.75rem}#contents #information-title-eng::before,#contents #information-title-eng::after{top:8px}}#contents #information-title h2{font-size:2rem;font-weight:500;color:#049;letter-spacing:5px}@media screen and (max-width: 1220px){#contents #information-title{position:relative;margin-top:-5px;left:0;margin-right:0;margin:0 190px 20px;text-align:center;position:relative}#contents #information-title-eng{font-size:.875rem;font-weight:bold;font-family:"din-2014", sans-serif;line-height:20px;letter-spacing:3px;color:#049;position:relative;position:absolute;top:10px}#contents #information-title-eng::before,#contents #information-title-eng::after{content:"";position:absolute;top:9px;left:-110px;height:2px}#contents #information-title-eng::before{width:100px;background:rgba(0,68,153,0.25)}#contents #information-title-eng::after{width:20px;background:#049}}@media screen and (max-width: 1220px) and (max-width: 1220px){#contents #information-title-eng{padding-left:20px}#contents #information-title-eng::before,#contents #information-title-eng::after{left:-90px}}@media screen and (max-width: 1220px) and (max-width: 480px){#contents #information-title-eng{font-size:.75rem}#contents #information-title-eng::before,#contents #information-title-eng::after{top:8px}}@media screen and (max-width: 1220px){#contents #information-title h2{font-size:2rem;font-weight:500;color:#049;letter-spacing:5px}}@media screen and (max-width: 1220px) and (max-width: 1220px){#contents #information-title{margin:0 40px 40px}}@media screen and (max-width: 1220px) and (max-width: 768px){#contents #information-title{margin:0 20px 30px}}@media screen and (max-width: 1220px) and (max-width: 480px){#contents #information-title{padding-top:0}#contents #information-title-eng{position:static;text-align:left;margin-bottom:20px}#contents #information-title h2{font-size:1.625rem}}#contents #information-list{border-top:1px solid #049;border-bottom:1px solid #049;max-height:400px;overflow:auto}#contents #information-list .box{padding:30px 0 27px;margin-right:30px;display:flex}#contents #information-list .box:nth-child(n+2){border-top:1px solid rgba(0,68,153,0.2)}#contents #information-list .box time{display:block;font-weight:600;font-family:"din-2014", sans-serif;line-height:1.5;color:#049;width:120px;padding-top:1px}#contents #information-list .box-text{width:100%;flex-shrink:9999}#contents #information-list .box-text h3{font-weight:bold;line-height:1.5;margin-bottom:5px}#contents #information-list .box-text p{line-height:1.6;margin-bottom:5px}#contents #information-list .box-text p.big{font-size:1.25rem;font-weight:500;line-height:1.4;margin-bottom:5px}#contents #information-list a{color:#049;text-decoration:underline}#contents #information-list a:hover{text-decoration:none}@media screen and (max-width: 1220px){#contents #information-list{max-height:auto}#contents #information-list .box{margin-right:0}}@media screen and (max-width: 480px){#contents #information-list .box{display:block}#contents #information-list .box time{width:auto;padding-top:0;margin-bottom:10px}}#contents #youtube{width:768px;margin:90px auto}#contents #youtube-box{position:relative;width:100%;padding-top:56.25%}#contents #youtube-box iframe{position:absolute;top:0;right:0;width:100%;height:100%}@media screen and (max-width: 768px){#contents #youtube{width:auto;margin:60px auto}}
