.topic *,.message *,.technology *,.features *,.ended *,.form-title h3,.eventDetail *,.highlights *{font-family:"Shippori Mincho",serif;line-height:1.8em}p{text-align:justify}html{scroll-behavior:smooth;scroll-padding-top:100px}img{margin:0 auto}body{background:url(../img/bg.jpg) no-repeat fixed center center}.page{position:absolute;top:70px;width:100%;background-color:rgba(0,0,0,0);z-index:10}@media only screen and (max-width: 1200px){.page *{color:#fff}}@media only screen and (max-width: 1200px){.page li.active{color:#fff}}@media only screen and (max-width: 1200px){.page .breadcrumb>li+li:before{color:#fff}}.page>.innerFrame{width:90vw;margin:0 auto}.topimg{padding:0;height:max(100vh,700px);margin:0 auto;background:#fff url(../img/topimg.jpg) no-repeat scroll center center;background-size:cover}@media only screen and (min-width: 767px)and (max-width: 1200px){.topimg{height:auto;background:#fff url(../img/topimg_mb.jpg) no-repeat scroll center top;background-size:auto 650px;border:1px #fff solid;padding:650px 0 0}}@media only screen and (max-width: 767px){.topimg{height:auto;background-size:auto 450px;background-position:left -160px top;padding:450px 0 0}}.topimg .topic{position:absolute;top:70px;background:linear-gradient(90deg, #fff, 70%, transparent);padding:150px 200px 30px 100px}@media only screen and (max-width: 1500px){.topimg .topic{padding:50px 200px 30px 50px;top:150px}}@media only screen and (max-width: 1200px){.topimg .topic{position:static;display:flex;justify-content:center;background-color:#fff;padding:50px 15px}}.topimg .topic h1{font-size:60px;letter-spacing:2px;line-height:2em}@media only screen and (max-width: 1500px){.topimg .topic h1{font-size:50px;line-height:1.8em}}@media only screen and (max-width: 767px){.topimg .topic h1{font-size:34px;line-height:1.8em;letter-spacing:0;text-align:center}}.topimg .topic .place{font-size:18px}@media only screen and (max-width: 1500px){.topimg .topic .place{font-size:16px}}@media only screen and (max-width: 767px){.topimg .topic .place{font-size:16px;text-align:center}}.topimg .topic .place span{font-size:20px;border:1px #000 solid;padding:5px 15px}@media only screen and (max-width: 1500px){.topimg .topic .place span{font-size:16px;padding:2px 10px}}@media only screen and (max-width: 767px){.topimg .topic .place span{font-size:14px;padding:5px 10px}}.topimg .topic .date{font-size:40px;letter-spacing:1px;display:flex;align-items:center;padding-bottom:20px;border-bottom:1px #000 solid}@media only screen and (max-width: 1500px){.topimg .topic .date{font-size:34px;padding-bottom:15px}}@media only screen and (max-width: 767px){.topimg .topic .date{display:block;font-size:26px;padding-bottom:15px;text-align:center}}.topimg .topic .date small{font-size:22px}@media only screen and (max-width: 767px){.topimg .topic .date small{font-size:16px}}.topimg .topic .date span{display:inline-block;font-size:18px;height:30px;width:30px;border-radius:30px;line-height:28px;background-color:#999;text-align:center;margin:0 7px 0 2px}@media only screen and (max-width: 767px){.topimg .topic .date span{font-size:14px;height:26px;width:26px;border-radius:26px;line-height:24px}}.topimg .topic .date span.sat{background-color:#648ebd}.topimg .topic .date span.hol{background-color:#d68b78}.topimg .topic .date .period{background-color:hsla(0,0%,100%,.8);font-size:16px;padding:5px 7px}@media only screen and (max-width: 767px){.topimg .topic .date .period{border:none;border-top:1px #000 solid;padding-top:15px;margin-top:15px;text-align:center}}.message .innerFrame{padding:200px 0 0;max-width:1200px;margin:0 auto}@media only screen and (max-width: 1200px){.message .innerFrame{padding:100px 30px 0}}.message .innerFrame>h2{text-align:center;font-size:30px;font-weight:600;margin-bottom:50px;line-height:2em}@media only screen and (max-width: 767px){.message .innerFrame>h2{font-size:24px;line-height:1.8em}}.message .innerFrame>h2 span{display:inline-block}.message .innerFrame>h2 small{color:#fff;display:block;line-height:1.6em}@media only screen and (max-width: 767px){.message .innerFrame>h2 small{margin-top:15px}}.message .innerFrame>h2 small::before{content:"ー"}@media only screen and (max-width: 767px){.message .innerFrame>h2 small::before{content:""}}.message .innerFrame>h2 small::after{content:"ー"}@media only screen and (max-width: 767px){.message .innerFrame>h2 small::after{content:""}}.message .innerFrame>p{width:75%;font-size:18px;line-height:2em;margin:0 auto 30px}@media only screen and (max-width: 767px){.message .innerFrame>p{width:100%;font-size:16px}}.message .innerFrame>p a{text-decoration:underline}.message .innerFrame>p a:hover{color:silver}.message *{color:#fff}.live{margin:0;text-align:center}.live>.innerFrame{padding:15px;display:flex;align-items:center}@media only screen and (max-width: 767px){.live>.innerFrame{display:block}}.live>.innerFrame .snsLogo{flex:0 0 80px}.live>.innerFrame .snsLogo img{width:60px;margin:0 auto}@media only screen and (max-width: 767px){.live>.innerFrame .snsLogo img{margin:15px auto}}.live>.innerFrame .text{flex:0 0 auto;padding:0 0 0 15px;text-align:left}.live>.innerFrame .text h3{font-size:18px;font-weight:600}@media only screen and (max-width: 767px){.live>.innerFrame .text h3{font-size:16px}}.live>.innerFrame .text p{font-size:16px}@media only screen and (max-width: 767px){.live>.innerFrame .text p{font-size:14px}}.live>.innerFrame .text ul{margin-top:10px}.live>.innerFrame .text ul li{display:flex;align-items:center}.live>.innerFrame .text ul li h4{color:#fff}.live>.innerFrame .text ul li h4+p{padding-left:15px}.features{padding:100px 0;max-width:1200px;margin:0 auto}@media only screen and (max-width: 767px){.features{padding:100px 30px}}.features h2{color:#fff;font-size:24px;max-width:1200px;margin:0 auto 50px;text-align:center}.features>.innerFrame{position:relative;top:0;left:0;max-width:1200px;margin:0 auto}.features>.innerFrame .imgFrame{margin-bottom:50px}.features>.innerFrame .imgFrame img{max-height:900px;height:auto;max-width:75vw;width:auto}.features>.innerFrame p{width:75%;margin:0 auto;font-size:16px;margin-bottom:30px;color:#fff}@media only screen and (max-width: 767px){.features>.innerFrame p{width:100%;line-height:2em}}.features>.innerFrame .point1{position:absolute;top:50px;right:50px;padding:15px;color:#fff}.features>.innerFrame .point2{position:absolute;bottom:50px;left:50px;padding:15px;color:#fff}.features .beam{margin:50px auto 0;max-width:1200px}.features .beam>.innerFrame{background-color:#fff;width:75%;padding:15px;margin:0 auto}@media only screen and (max-width: 767px){.features .beam>.innerFrame{width:100%}}.features .beam>.innerFrame>ul{display:flex;align-items:center}@media only screen and (max-width: 1200px){.features .beam>.innerFrame>ul{display:list-item}}.features .beam>.innerFrame>ul>.imgFrame{flex:0 0 50%}.features .beam>.innerFrame>ul>.imgFrame>ul{display:flex}.features .beam>.innerFrame>ul>.imgFrame>ul>li{flex:0 0 50%;padding:5px}.features .beam>.innerFrame>ul>.textFrame{flex:0 0 50%}.features .beam>.innerFrame>ul>.textFrame .innerFrame{padding:15px}@media only screen and (max-width: 767px){.features .beam>.innerFrame>ul>.textFrame .innerFrame{padding:15px 0}}.features .beam>.innerFrame>ul>.textFrame .innerFrame h3{font-size:22px;font-weight:600;margin-bottom:20px}@media only screen and (max-width: 767px){.features .beam>.innerFrame>ul>.textFrame .innerFrame h3{font-size:18px;text-align:center}}.features .beam>.innerFrame>ul>.textFrame .innerFrame p{line-height:1.8em;font-size:16px}@media only screen and (max-width: 767px){.features .beam>.innerFrame>ul>.textFrame .innerFrame p{font-size:14px}}.highlights{max-width:1200px;margin:100px auto 0}.highlights>.innerFrame{width:75%;margin:0 auto;padding:50px;border-radius:5px;background:#fff}@media only screen and (max-width: 767px){.highlights>.innerFrame{width:90%;padding:15px}}.highlights>.innerFrame h2{text-align:center;font-weight:600;font-size:22px;line-height:2em;margin-bottom:25px;border-bottom:1px #000 solid}@media only screen and (max-width: 767px){.highlights>.innerFrame h2{font-size:22px}}.highlights>.innerFrame>div{display:flex;justify-content:center}.highlights>.innerFrame ul li{font-size:18px;margin-bottom:20px}@media only screen and (max-width: 767px){.highlights>.innerFrame ul li{margin-bottom:35px;font-size:16px;text-align:center}}.highlights>.innerFrame ul li>span{display:inline-block;font-size:50px;text-align:center;margin-right:10px;position:relative;top:0;left:0}.highlights>.innerFrame ul li>span::before{content:"";display:inline;position:absolute;z-index:0;top:15px;left:-25px;width:50px;height:50px;border-radius:50px;background-color:#c1b3a0}@media only screen and (max-width: 767px){.highlights>.innerFrame ul li>span::before{left:40%}}.highlights>.innerFrame ul li>span>span{position:relative;z-index:1}@media only screen and (max-width: 767px){.highlights>.innerFrame ul li>span{display:block;margin:0 auto;text-align:center}}.highlights>.innerFrame ul li p{display:inline}.highlights>.innerFrame ul li p br{display:none}@media only screen and (max-width: 767px){.highlights>.innerFrame ul li p br{display:inline}}.technology{padding-bottom:100px}@media only screen and (min-width: 767px)and (max-width: 1200px){.technology>.innerFrame{width:75vw;padding:0 15px 100px}}.technology h2{border-bottom:1px #fff solid;line-height:2em}@media only screen and (max-width: 1200px){.technology h2{width:80%;margin:0 auto}}.technology h2 span{display:inline-block;font-size:18px;padding:10px 20px;background-color:#fff}@media only screen and (max-width: 1200px){.technology h2 span{font-size:24px;display:block;text-align:center;background-color:rgba(0,0,0,0);color:#fff}}.technology h2 small{color:#333;font-size:15px}@media only screen and (max-width: 1200px){.technology h2 small{display:block;color:#fff}}.technology h3{color:#fff;font-size:22px;margin:15px auto 0}@media only screen and (max-width: 767px){.technology h3{font-size:22px}}.technology h4{font-size:22px;margin-bottom:15px}.technology h4 small{display:block;font-size:60%}.technology .innerFrame{max-width:1200px;margin:0 auto}.technology .innerFrame>ul{display:flex}@media only screen and (max-width: 1200px){.technology .innerFrame>ul{display:list-item}}.technology .innerFrame>ul *{color:#fff}.technology .innerFrame>ul>li.reliable-build{flex:0 0 60%;padding-right:25px}@media only screen and (max-width: 1200px){.technology .innerFrame>ul>li.reliable-build{padding:0}}@media only screen and (max-width: 767px){.technology .innerFrame>ul>li.reliable-build h3{text-align:center}}.technology .innerFrame>ul>li.reliable-build>ul{display:flex;margin-top:20px}@media only screen and (max-width: 767px){.technology .innerFrame>ul>li.reliable-build>ul{display:list-item}}.technology .innerFrame>ul>li.reliable-build>ul>li{flex:0 0 50%;position:relative;top:0;left:0}.technology .innerFrame>ul>li.reliable-build>ul>li .imgFrame{position:static}.technology .innerFrame>ul>li.reliable-build>ul>li .textFrame{margin:0 auto;background:linear-gradient(#000, 40%, transparent);padding:15px}@media only screen and (max-width: 767px){.technology .innerFrame>ul>li.reliable-build>ul>li .textFrame{padding:15px 30px}}.technology .innerFrame>ul>li.reliable-build>ul>li .textFrame p{margin-top:20px;font-size:16px}.technology .innerFrame>ul>li.gda{flex:0 0 40%;margin:0 auto}@media only screen and (max-width: 767px){.technology .innerFrame>ul>li.gda{padding:50px 30px 0}}.technology .innerFrame>ul>li.gda .textFrame .title{display:flex;justify-content:space-between;padding-top:25px}.technology .innerFrame>ul>li.gda .textFrame .title img{width:80px}@media only screen and (max-width: 767px){.technology .innerFrame>ul>li.gda .textFrame .title img{width:65px}}.technology .innerFrame>ul>li.gda .textFrame .title h3{margin:0}.technology .innerFrame>ul>li.gda .textFrame p{font-size:16px;margin:15px 0}.technology .innerFrame>ul>li.gda .imgFrame p{line-height:1.6em;margin-top:10px}.eventDetail{background-color:#333}.eventDetail>.innerFrame{max-width:1200px;margin:0 auto;padding:100px 0}@media only screen and (max-width: 767px){.eventDetail>.innerFrame{padding-top:0}}.eventDetail>.innerFrame>ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media only screen and (max-width: 767px){.eventDetail>.innerFrame>ul{display:list-item}}.eventDetail>.innerFrame>ul>li.facade{flex:0 0 350px}.eventDetail>.innerFrame>ul>li.info{flex:0 0 auto;padding-left:20px}@media only screen and (max-width: 767px){.eventDetail>.innerFrame>ul>li.info{padding:25px 30px 0}}.eventDetail>.innerFrame>ul>li.info li{display:flex;align-items:center;padding:10px}@media only screen and (max-width: 767px){.eventDetail>.innerFrame>ul>li.info li{display:list-item;padding:0 0 30px}}.eventDetail>.innerFrame>ul>li.info h2{font-size:22px;color:#fff;margin-bottom:20px}.eventDetail>.innerFrame>ul>li.info h3{flex:0 0 120px;font-size:14px;color:#fff;padding:2px 5px;font-weight:bold;border:1px #fff solid}@media only screen and (max-width: 767px){.eventDetail>.innerFrame>ul>li.info h3{border:none;border-bottom:1px #fff solid;padding:0;line-height:2em}}.eventDetail>.innerFrame>ul>li.info p{flex:0 0 calc(100% - 120px);font-size:16px;color:#fff;padding-left:15px}@media only screen and (max-width: 767px){.eventDetail>.innerFrame>ul>li.info p{padding:0}}.eventDetail>.innerFrame>ul>li.info p.cau{flex:0 0 100%;font-size:14px}.ended{max-width:760px;width:80vw;margin:0 auto;border:1px #fff solid;line-height:1.6em;font-size:15px;padding:25px}@media only screen and (max-width: 767px){.ended{max-width:500px;width:90vw;margin:0 auto;padding:20px}}.footerStc{padding:100px 0;background-color:#eee}@media only screen and (max-width: 767px){.footerStc{padding:0}}.footerStc .ended{border-color:#333;margin:0 auto}@media only screen and (max-width: 767px){.footerStc .ended{position:relative;top:-70px}}.cau{font-size:12px;line-height:1.6em}.announce{text-align:center;margin-top:15px}#Reservation{padding-top:100px}@media only screen and (max-width: 767px){#Reservation{padding-top:50px}}.form-title{text-align:center}.form-title h3{font-size:30px;margin-bottom:20px}@media only screen and (max-width: 767px){.form-title h3{font-size:22px;margin-bottom:0}}.form-title h3+p{color:red;font-size:13px;padding:0 15px}@media only screen and (max-width: 767px){.form-title h3+p{margin-top:15px}}input::placeholder{color:#b5b5b5}.inputItems li:nth-child(4){align-items:flex-start}.inputItems li:nth-child(4)>p{margin-top:10px}.inputItems textarea{width:100%}.inputItems .ntc{font-size:12px;line-height:1.6em;margin:15px 0}