body.html{height:100%;margin:0 auto}a,a:hover{text-decoration:none}a{color:#000;transition:.5s}a:hover{color:#999}p,h1,h2,h3,li{font-family:fot-tsukumin-pr6n,sans-serif}.fadeIn{animation-name:fadeInAnime;animation-duration:1.2s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUpTrigger{opacity:0}.fadeUp{animation-name:fadeUpAnime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.menu-btn{position:fixed;top:0;left:0;display:flex;height:60px;width:60px;justify-content:center;align-items:center;z-index:90;background-color:rgba(24,22,27,.6)}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:"";display:block;height:1px;width:25px;background-color:#fff;position:absolute}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked~.menu-btn span{background-color:rgba(255,255,255,0)}#menu-btn-check:checked~.menu-btn span::before{bottom:0;transform:rotate(45deg)}#menu-btn-check:checked~.menu-btn span::after{top:0;transform:rotate(-45deg)}#menu-btn-check{display:none}.menu-content{width:30%;height:100%;position:fixed;top:0;left:-100%;z-index:80;background-color:rgba(27,29,51,.9);transition:all .5s}@media only screen and (max-width: 576px){.menu-content{width:100%}}.menu-content__infrm{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:min(80%,500px)}.menu-content__infrm ul{width:100%}.menu-content__infrm ul li{padding-bottom:20px;color:#fff}.menu-content__infrm ul li a{display:inline-block;color:#fff;text-decoration:none;position:relative;transition:.3s;font-size:17px}.menu-content__infrm ul li a::after{position:absolute;bottom:0;left:0;content:"";width:0;height:1px;background-color:#fff;transition:.3s}.menu-content__infrm ul li a:hover::after{width:100%}.menu-content__infrm .inq-category{margin-top:40px;padding-top:15px;border-top:1px solid #fff}.menu-content__infrm .inq-category>li{padding-bottom:10px}.menu-content__infrm .inq-category>li:nth-child(3)>a{font-size:22px}.menu-content__infrm .inq-category>li>a{font-size:14px}#menu-btn-check:checked~.menu-content{left:0}#topimg{background:url(../img/topimg.jpg) no-repeat center center;height:100vh;background-size:cover;position:relative}#topimg .rogo{position:absolute;top:15px;right:25px;width:min(30%,150px)}#topimg .title{display:inline-block;position:absolute;top:40%;left:0;color:#fff;width:100%;background-color:rgba(0,0,0,.2);padding:30px 0}@media only screen and (max-width: 992px){#topimg .title{top:30%}}@media only screen and (max-width: 576px){#topimg .title{top:25%;left:50%;transform:translateX(-50%);text-align:center;background-color:rgba(0,0,0,.4);padding:20px 0}}#topimg .title h1{font-size:38px;line-height:1.2em;padding-left:5%;padding-bottom:20px;border-bottom:1px solid #fff;letter-spacing:.1em;text-shadow:0px 0px 5px #333}@media only screen and (max-width: 576px){#topimg .title h1{text-shadow:3px 3px 5px #333;line-height:1.4em}}#topimg .title h1 small{color:#fff;letter-spacing:normal}@media only screen and (max-width: 576px){#topimg .title h1 small{font-size:16px}}@media only screen and (max-width: 576px){#topimg .title h1 small{font-size:20px}}@media only screen and (max-width: 768px){#topimg .title h1{font-size:28px}}@media only screen and (max-width: 576px){#topimg .title h1{font-size:30px}}#topimg .title p{padding-top:10px;padding-left:5%;text-shadow:0px 0px 5px #333}#topimg .title p:nth-child(2){font-size:18px;line-height:1.2em}@media only screen and (max-width: 576px){#topimg .title p:nth-child(2){font-size:15px}}#topimg .topnews{position:absolute;bottom:0;right:0;width:min(100%,900px);background-color:rgba(0,0,0,.6);padding:20px 0 20px 40px;color:#fff}@media only screen and (max-width: 576px){#topimg .topnews{padding:15px 0 15px 15px}}#topimg .topnews h2{font-size:17px;padding-bottom:10px}#topimg .topnews h2 small{color:#fff}#topimg .topnews .swiper{width:min(100%,800px)}#topimg .topnews .swiper .swiper-slide{width:100%;font-size:16px;border:1px solid #ddd;display:flex}#topimg .topnews .swiper .swiper-slide:hover{transition:.6s}#topimg .topnews .swiper .swiper-slide .news-th,#topimg .topnews .swiper .swiper-slide .news-text{flex-basis:50%;padding:8px;display:flex;align-items:center;color:#fff;font-size:15px}@media only screen and (max-width: 576px){#topimg .topnews .swiper .swiper-slide .news-th,#topimg .topnews .swiper .swiper-slide .news-text{font-size:13px;padding:5px}}#topimg .topnews .swiper .swiper-slide .news-th:nth-child(2),#topimg .topnews .swiper .swiper-slide .news-text:nth-child(2){line-height:1.3em}#topimg .topnews .swiper .swiper-slide .news-th:nth-child(2) small,#topimg .topnews .swiper .swiper-slide .news-text:nth-child(2) small{font-size:13px;letter-spacing:.1em}@media only screen and (max-width: 576px){#topimg .topnews .swiper .swiper-slide .news-th:nth-child(2) small,#topimg .topnews .swiper .swiper-slide .news-text:nth-child(2) small{font-size:12px}}#design .area{background-image:url(../img/bg_sketch.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center bottom;height:100%}#design .area .inner{width:90%;margin-left:10%}#design .area .inner .text{padding:200px 10% 220px 0}@media only screen and (max-width: 576px){#design .area .inner .text{padding:100px 10% 120px 0}}#design .area .inner .text ul li{color:#fff}#design .area .inner .text ul li:nth-child(1) h3{font-size:32px;padding-bottom:20px;line-height:1.4em}@media only screen and (max-width: 576px){#design .area .inner .text ul li:nth-child(1) h3{font-size:20px}}#design .area .inner .text ul li:nth-child(2){font-size:15px;line-height:2.5em}@media only screen and (max-width: 576px){#design .area .inner .text ul li:nth-child(2){font-size:14px;line-height:2em}}#design .area .inner .text ul li:nth-child(3){font-size:26px;margin-top:100px;line-height:1.5em}@media only screen and (max-width: 576px){#design .area .inner .text ul li:nth-child(3){font-size:21px;margin-top:45px}}.Works{height:calc(100vh + 200px);background-color:rgba(255,255,255,.9);position:relative}.Works .infrm{display:flex;width:95%;left:5%;position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 768px){.Works .infrm{flex-wrap:wrap;width:90%;left:10%}}.Works .infrm div{flex:1}@media only screen and (max-width: 768px){.Works .infrm .subtitle{width:100%}}.Works .infrm .subtitle h2{writing-mode:vertical-rl;font-size:24px;line-height:1.5em}.Works .infrm .subtitle h2 span{font-size:13px;color:#7e99ca}.Works .infrm .swiper{padding-top:100px;width:90%}@media only screen and (max-width: 768px){.Works .infrm .swiper{padding-top:0}}.Works .infrm .swiper .swiper-slide ul{display:flex;flex-wrap:wrap}.Works .infrm .swiper .swiper-slide ul li{flex-basis:100%}.Works .infrm .swiper .swiper-slide ul li:nth-child(2){font-size:12px}#hobby{background:url(../img/bg_hobby.jpg) repeat left top;background-size:contain;height:100%;padding:150px 15px;color:#fff}@media only screen and (max-width: 576px){#hobby{background-size:150% auto;background-position:-50% top;padding:120px 15px 0}}#hobby .infrm{max-width:1000px;padding:10px;margin:0 auto;text-align:center}#hobby .infrm h2{writing-mode:vertical-rl;font-size:24px;line-height:1.5em;display:inline-block;text-align:left;margin-bottom:100px}#hobby .infrm h2 span{font-size:14px;color:#7e99ca}#hobby .infrm p{font-size:15px;line-height:1.5em}@media only screen and (max-width: 576px){#hobby .infrm p{line-height:1.5em}}#hobby .infrm .link-frm{display:flex;justify-content:space-around;margin-top:150px;flex-wrap:wrap}@media only screen and (max-width: 576px){#hobby .infrm .link-frm{margin-top:100px}}#hobby .infrm .link-frm__contents{flex-basis:30%;position:relative}@media only screen and (max-width: 576px){#hobby .infrm .link-frm__contents{flex-basis:90%;margin-bottom:120px}}#hobby .infrm .link-frm__contents p{font-size:14px;padding-top:10px;line-height:1em;color:#fff}#hobby .infrm .link-frm__contents img{position:relative}#hobby .infrm .link-frm__contents .plusmark{position:absolute;top:5px;right:5px;display:inline-block;background-color:#8d8d8d;width:22px;height:22px;border-radius:50%;text-align:center;line-height:0}#hobby .infrm .link-frm__contents:hover{opacity:.7;transition:.7s}#hobby .infrm .link-frm__contents:hover .plusmark{background-color:#333;transition:.7s}#hobby .infrm .link-frm .decotext{font-size:40px;position:absolute;top:-50px;left:-20px;transform:rotate(-18deg);font-family:"mina",serif}@media only screen and (max-width: 768px){#hobby .infrm .link-frm .decotext{font-size:32px;top:-35px}}@media only screen and (max-width: 768px){.swiper{flex-basis:100%}}.swiper .swiper-wrapper{transition-timing-function:linear}.swiper .swiper-wrapper .swiper-slide{width:100%;height:100%;font-size:14px;color:#333;line-height:1.5em}.swiper .swiper-wrapper .swiper-slide:focus{text-decoration:none;border:none}.swiper .swiper-wrapper .swiper-slide:hover{transition:.5s;background:rgba(255,255,255,.5)}.swiper .swiper-wrapper .swiper-slide li:nth-child(1){position:relative}.swiper .swiper-wrapper .swiper-slide li:nth-child(1)::before{content:"";position:absolute;width:0;height:0;bottom:0;right:0;border-bottom:50px solid #fff;border-left:50px solid rgba(0,0,0,0)}.swiper .swiper-wrapper .swiper-slide li:nth-child(1)::after{content:"＋";font-size:20px;color:#9b9b9b;position:absolute;bottom:5px;right:5px}.swiper .swiper-wrapper .swiper-slide li:nth-child(2){padding:10px}.swiper-button-prev::after,.swiper-button-next::after{color:#fff;font-size:25px}.swiper-slide img{height:100%;width:100%}.swiper-container{position:relative;width:100%;margin:0 auto}.swiper-container .swiper-button-prev{left:-40px}.swiper-container .swiper-button-next{right:-40px}.swiper-container .swiper-pagination{bottom:-30px !important}.works-modal .modal-body{padding:50px 25px 0}@media only screen and (max-width: 576px){.works-modal .modal-body{padding:30px 10px 0}}.works-modal .modal-body div{padding-bottom:60px}.works-modal .modal-body div img{margin:0 auto}.works-modal .modal-body div p{padding-top:8px;line-height:1.2em}.works-modal .modal-body div:last-child{padding-bottom:0}.works-modal .modal-footer{border:none;padding:15px 25px 25px}@media only screen and (max-width: 576px){.works-modal .modal-footer{padding:15px 10px 25px}}.works-modal .modal-footer .btn-custom{border:none;color:#333;font-size:40px;line-height:.5em;padding:0}.works-modal .modal-footer .btn-custom:hover{color:#999;background-color:#fff}.hobby-modal{background-color:rgba(0,0,0,0);margin:0 auto;position:relative;height:100vh}.hobby-modal .modal-content{width:100%;position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0)}.hobby-modal .modal-content .modal-header{border:none;padding:0}.hobby-modal .modal-content .modal-header .close{font-size:40px;opacity:1;text-shadow:none;color:#ddd}.hobby-modal .modal-content .modal-header .close:hover{color:#828282}@media only screen and (max-width: 576px){.hobby-modal .modal-content .modal-header .close{font-size:22px}}.hobby-modal .modal-body{padding:0;margin:0}#event-info{padding:120px 15px}@media only screen and (max-width: 576px){#event-info{padding:80px 0}}#event-info .infrm{display:flex;justify-content:center;flex-wrap:wrap;width:min(50%,1000px);margin:0 auto}@media only screen and (max-width: 992px){#event-info .infrm{width:100%}}#event-info .infrm .subtitle{width:max(12%,120px)}#event-info .infrm .subtitle h2{writing-mode:vertical-rl;font-size:24px;line-height:1.5em}#event-info .infrm .subtitle h2 span{font-size:14px;color:#7e99ca}@media only screen and (max-width: 576px){#event-info .infrm .subtitle h2{writing-mode:horizontal-tb}}@media only screen and (max-width: 576px){#event-info .infrm .subtitle{width:70%;text-align:center;margin-bottom:30px}}#event-info .infrm .main{flex-basis:30%;background-color:#fff;border:1px solid #8d8d8d;margin-right:10px;text-align:center}@media only screen and (max-width: 576px){#event-info .infrm .main{flex-basis:70%;margin-bottom:20px}}#event-info .infrm .main ul{padding:10px}#event-info .infrm .main ul li{padding-bottom:8px}#event-info .infrm .main ul li:nth-child(1){font-size:14px}#event-info .infrm .main ul li:nth-child(3){font-size:13px;padding-top:8px;color:#7e99ca}#detail .detail-infrm{display:flex;flex-wrap:wrap}@media only screen and (max-width: 992px){#detail .detail-infrm{flex-wrap:wrap}}#detail .detail-infrm .ca,#detail .detail-infrm .ar,#detail .detail-infrm .detail-text{flex-basis:50%;color:#fff;position:relative;height:280px}@media only screen and (max-width: 992px){#detail .detail-infrm .ca,#detail .detail-infrm .ar,#detail .detail-infrm .detail-text{flex-basis:100%;height:min(60vh,280px)}}#detail .detail-infrm .ca{background:url(../img/detail_ca.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width: 992px){#detail .detail-infrm .ca{order:2}}#detail .detail-infrm .ar{background:url(../img/detail_ar.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width: 992px){#detail .detail-infrm .ar{order:3}}#detail .detail-infrm .detail-text{background-color:#333;writing-mode:vertical-rl;flex-basis:100%;height:520px}@media only screen and (max-width: 992px){#detail .detail-infrm .detail-text{order:1;writing-mode:horizontal-tb;text-align:center;height:440px;flex-basis:100%}}#detail .detail-infrm .detail-text__inner{position:absolute;display:inline;top:50%;left:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 576px){#detail .detail-infrm .detail-text__inner{width:80%}}#detail .detail-infrm .detail-text h2{font-size:24px;line-height:1.4em}#detail .detail-infrm .detail-text h2 span{font-size:15px;color:#7e99ca}#detail .detail-infrm .detail-text p{font-size:16px;padding-right:40px;line-height:2em}@media only screen and (max-width: 992px){#detail .detail-infrm .detail-text p{padding:20px 0 0 0}}#detail .detail-infrm ul{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;text-align:center}#detail .detail-infrm ul li{padding-bottom:20px}#detail .detail-infrm ul li:nth-child(1){font-size:40px}#detail .detail-infrm ul li:nth-child(2){font-size:14px;line-height:1.5em}#detail .detail-infrm ul li:nth-child(3) a{display:inline-block;font-size:14px;color:#fff;border:1px solid #fff;padding:15px 20px;text-decoration:none}#detail .detail-infrm ul li:nth-child(3) a:hover{background-color:#fff;color:#333;transition:.4s}#Information .infrm{display:flex;max-width:1000px;padding:10px;margin:100px auto}#Information .infrm .subtitle{width:max(10%,120px)}#Information .infrm .subtitle h2{writing-mode:vertical-rl;font-size:24px;line-height:1.5em}#Information .infrm .subtitle h2 span{font-size:14px;color:#7e99ca}#Information .infrm .main{flex-grow:1}#Information .infrm .main ul{border-top:1px solid #7e99ca}#Information .infrm .main ul li{padding:30px;border-bottom:1px solid #7e99ca;line-height:1.2em}#Information .infrm .main ul li:hover{background-color:#e7e7e7;transition:.5s}#Information .infrm .main ul li span{padding-right:30px;font-size:13px;letter-spacing:.1em;color:#7e99ca}#documents{height:min(50vh,480px);padding:70px 0 90px 0;background:url(../img/bg_docu.jpg) no-repeat center center;background-size:cover;position:relative}#documents ul{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:min(90%,300px)}#documents ul li{margin-bottom:20px}#documents ul li:nth-child(1){font-size:24px;color:#fff}#documents ul li:nth-of-type(2){font-size:14px;color:#7e99ca;padding-bottom:20px}#documents ul li:nth-child(3) p{display:inline-block;background-color:#fff;padding:23px 30px;width:min(90%,300px);border-radius:50px}#documents ul li:nth-child(3) p:hover{opacity:.8;transition:.5s}#inquiry{padding:70px 0 90px 0;background-color:#333;color:#fff;text-align:center;position:relative}#inquiry h2{font-size:24px;line-height:1.5em;margin-bottom:20px}#inquiry h2 span{font-size:14px;color:#7e99ca}#inquiry .infrm{display:flex;width:min(95%,1200px);justify-content:center;margin:0 auto}@media only screen and (max-width: 992px){#inquiry .infrm{flex-wrap:wrap}}#inquiry .infrm .mail,#inquiry .infrm .tell{flex-basis:50%;color:#333;background-color:#fff;margin:5px;padding:40px 20px}@media only screen and (max-width: 992px){#inquiry .infrm .mail,#inquiry .infrm .tell{flex-basis:100%}}#inquiry .infrm .mail div,#inquiry .infrm .tell div{display:flex}@media only screen and (max-width: 768px){#inquiry .infrm .mail div,#inquiry .infrm .tell div{flex-wrap:wrap}}#inquiry .infrm .mail div div,#inquiry .infrm .tell div div{align-self:center;text-align:left}@media only screen and (max-width: 576px){#inquiry .infrm .mail div div,#inquiry .infrm .tell div div{flex-basis:100%;justify-content:center}}#inquiry .infrm .mail div div:nth-child(1),#inquiry .infrm .tell div div:nth-child(1){padding-right:15px}@media only screen and (max-width: 576px){#inquiry .infrm .mail div div:nth-child(1),#inquiry .infrm .tell div div:nth-child(1){padding-bottom:10px}}#inquiry .infrm .mail div div:nth-child(2),#inquiry .infrm .tell div div:nth-child(2){flex-grow:1}@media only screen and (max-width: 576px){#inquiry .infrm .mail div div:nth-child(3),#inquiry .infrm .tell div div:nth-child(3){opacity:0}}#inquiry .infrm .tell>div>div:nth-child(3){font-size:24px;opacity:1}#inquiry .infrm .tell>div>div:nth-child(3) small{font-size:13px}@media only screen and (max-width: 768px){#inquiry .infrm .tell>div>div:nth-child(3){flex-basis:100%;text-align:center}}#inquiry .company{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px}.modal-content{background-color:#fff;border-radius:0}