body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}html{overflow-y:scroll}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul{list-style:none}fieldset,img{border:0}img{max-width:100%;vertical-align:bottom}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a{text-decoration:none;color:#000}a:focus{outline:none}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}*{box-sizing:border-box}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}.sec_container{max-width:1000px;margin:auto;width:80%}@media (max-width:480px){.sec_container{width:90%}}.mvimgwrap{position:relative;width:100%;height:90vh}.mvimgwrap img{position:absolute;width:100%;height:100%;object-fit:cover}.mvimgwrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.15);pointer-events:none}@media (max-width:1024px){.mvimgwrap{height:75vh}}@media (max-width:768px){.mvimgwrap{height:60vh}}@media (max-width:480px){.mvimgwrap{height:72vh}}.mvwrap{position:relative}.mvwrap .mvtextbox{position:absolute;top:43%;transform:translate(-50%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(-50%, -50%);color:white;width:100%;padding:0 15%}.mvwrap .mvtitle{font-size:90px;line-height:1;font-weight:600 !important;letter-spacing:0.05em}.mvwrap .mvmtext{letter-spacing:0.05em;margin:2em 0}.mvwrap .mvstext{text-transform:uppercase;font-weight:500;line-height:1.25}.mvwrap .verticaltext{position:absolute;right:5%;letter-spacing:0.45em;top:47%;left:auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);color:white}.mvwrap .verticaltext p{writing-mode:vertical-rl}.mvwrap .verticaltext::after{content:"";width:1px;display:block;height:6em;background:white;position:absolute;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%);-ms-transform:translate(-50%, -50%)}@media (max-width:1024px){.mvwrap .verticaltext{right:3.5%;letter-spacing:0.4em;top:52%;font-size:12px}.mvwrap .verticaltext::after{height:2em}}@media (max-width:768px){.mvwrap .mvtitle{font-size:55px;line-height:0.9}.mvwrap .mvtextbox{top:50%;padding:0px 5%;padding-right:8%}.mvwrap .mvmtext{letter-spacing:unset;margin:1.2em 0;font-size:14px}.mvwrap .verticaltext{right:2%;line-height:1.2}}@media (max-width:480px){.mvwrap .mvtitle{font-size:38px;line-height:1}.mvwrap .mvmtext{margin:0.8em 0}}section.topics .topicsbox::-webkit-scrollbar-track{background-color:var(--site_color1)}section.topics .topicsbox::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:8px}section.topics{position:relative;bottom:10vw}section.topics .topicswrap{box-shadow:2vw 2vw #ccc;position:relative}section.topics .topicsbox{background:#16A085;color:white;padding:1em 0 3em;height:20vw}section.topics .topicsbox .list_design_container{width:94%;margin:auto;border:1px solid #fff;margin-top:10px;height:98%;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#ddd #fff}section.topics .topicsbox .list_design_container::after{content:"";width:1px;height:calc(100% - 45%);display:block;background:white;position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}@media (max-width:480px){section.topics .topicsbox .list_design_container::after{display:none}}section.topics .topicsbox .list_design_container::-webkit-scrollbar-track{background-color:var(--site_color1)}section.topics .topicsbox .list_design_container::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:8px}section.topics .topicsbox .list_design_container ul{column-count:2}section.topics .topicsbox .list_design_container ul li{border-bottom:none !important;padding-left:5vw}section.topics .topicsbox .list_design_container ul li:first-child{border-top:none !important}section.topics .topicsbox .list_design_container ul li a{width:100%;padding:1em 0;display:block;transition:all 0.5s;color:white}@media (max-width:480px){section.topics .topicsbox .list_design_container ul{column-count:1}section.topics .topicsbox .list_design_container ul li a{padding:10px 0}}@media (max-width:1366px){section.topics .topicsbox .list_design_container{height:120%}}@media (max-width:768px){section.topics .topicsbox{height:40vw}}@media (max-width:480px){section.topics{bottom:25vw;width:80%}section.topics .topicsbox{height:40vw;padding-top:18px}section.topics .topicsbox .list_design_container{height:140%}section.topics .topicsbox .list_design_container::after{height:calc(100% - 58%);top:59%}}.topics_tit.outfit-bd.f16{padding-left:5vw}.overviewbox{display:flex;align-items:center;margin-bottom:40px}.overviewbox .left{width:50%;padding-right:4%;border-right:1px solid #ddd}.overviewbox .right{width:50%;padding-left:4%;text-align:center;line-height:1}.overviewbox span.mainlogt{letter-spacing:0.05em}@media (max-width:768px){.overviewbox{display:block}.overviewbox .left{width:100%;border:0;margin-bottom:30px;padding:0}.overviewbox .right{width:100%;padding:0;line-height:1.2}.overviewbox span.mainlogt{font-size:55px}.overviewbox span.sublogt{font-size:32px}}.overview_text{margin-top:1em;line-height:2}.morebox{display:block;text-align:center;padding:1.5em;line-height:2;margin:0 auto}.morebox .more{margin:auto}.sectitle{line-height:1}.sectitle .outfit-bd{padding:0.3em 0}@media (max-width:480px){.sectitle .f16{font-size:18px}.sectitle .f54{font-size:24px}}section.business{background:var(--site_color1);position:relative;padding-top:13%;margin-top:12%;padding-bottom:7%}section.business .sectitle{padding:0 15%;position:absolute;top:2%}@media (max-width:480px){section.business{margin-top:8%;padding-top:8%;padding-bottom:1%}section.business .sectitle{padding:0;width:90%;margin:auto;margin-bottom:30px;position:relative}}.businesswrap .businessitem{margin-bottom:3em}.businesswrap .business_text{padding:3em 2em;position:relative;z-index:2}.businesswrap .business_text .business_text_inner{color:#fff}.businesswrap .business_text .btit{line-height:1.3;margin-bottom:0.5em}.businesswrap .business_text .btext{margin-bottom:2em}.businesswrap .business_text .morebox a.more{background:#fff;color:var(--site_color1)}.businesswrap .business_text .morebox a.more:hover{color:#E67E22}.businesswrap .business_text .morebox a.more::after{background-image:url(../img/common/arrow_color.png);filter:unset}.businesswrap .businessitem.item1,.businesswrap .businessitem.item2,.businesswrap .businessitem.item3{height:380px !important;background-repeat:no-repeat !important;background-position:center !important;background-size:cover !important;position:relative}.businesswrap .businessitem.item1::before,.businesswrap .businessitem.item2::before,.businesswrap .businessitem.item3::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:4px}.businesswrap .businessitem.item1::before,.businesswrap .businessitem.item3::before{background:linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) !important}.businesswrap .businessitem.item2::before{background:linear-gradient(to left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) !important}.businesswrap .item1{margin-left:28%;background:url("../img/front/service_img01.png")}.businesswrap .item1 .business_text{left:-13%}.businesswrap .item1 .business_text .morebox{text-align:left;padding:0}.businesswrap .item1 .business_text .morebox .more{margin:0}.businesswrap .item2{margin-right:28%;background:url("../img/front/service_img02.png")}.businesswrap .item2 .business_text{right:-13%;text-align:right}.businesswrap .item2 .business_text .morebox{text-align:right;padding:0}.businesswrap .item2 .business_text .morebox .more{margin:0 0 0 auto}.businesswrap .item3{margin-left:28%;background:url("../img/front/service_img03.png")}.businesswrap .item3 .business_text{left:-13%}.businesswrap .item3 .business_text .morebox{text-align:left;padding:0}.businesswrap .item3 .business_text .morebox .more{margin:0}@media (max-width:1024px){.businesswrap .item1{margin-left:18%}.businesswrap .item2{margin-right:18%}.businesswrap .item3{margin-left:18%}}@media (max-width:768px){.businesswrap .business_text{padding:50px 10px}.businesswrap .item1{margin-left:10%}.businesswrap .item1 .business_text{left:-5%}.businesswrap .item2{margin-right:10%}.businesswrap .item2 .business_text{right:-5%}.businesswrap .item3{margin-left:10%}.businesswrap .item3 .business_text{left:-5%}}@media (max-width:480px){.businesswrap .businessitem.item1::before,.businesswrap .businessitem.item3::before{background:linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) !important}.businesswrap .businessitem.item2::before{background:linear-gradient(to left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) !important}.businesswrap .business_text{padding:0;padding-bottom:30%;margin-bottom:70%}.businesswrap .business_text .business_text_inner{position:absolute;width:90%;margin:auto;top:110%;left:0;bottom:0;right:0}.businesswrap .business_text .business_text_inner .btext{font-weight:300}.businesswrap .item1,.businesswrap .item3{margin-left:0%}.businesswrap .item1 .business_text,.businesswrap .item3 .business_text{left:0}.businesswrap .item2{margin-right:0%}.businesswrap .item2 .business_text{right:0}}section.news{padding:8% 0}section.news .newswrap{display:flex}section.news .newswrap .leftwrap{width:20%}section.news .newswrap .leftwrap .newscatlist{margin-top:10px}section.news .newswrap .leftwrap .newscatlist li a{display:inline-block}section.news .newswrap .rightwrap{width:75%}section.news .newswrap .rightwrap .newsitem{display:flex;padding-bottom:40px;margin-bottom:30px;border-bottom:1px solid #ddd}section.news .newswrap .rightwrap .newsitem .newsthumb{width:25%}section.news .newswrap .rightwrap .newsitem .newsdetail.right{padding:0 2em;padding-right:0;width:70%;margin:0 0 0 auto}section.news .newswrap .rightwrap .newsitem .newsdetail.right .datecat{display:flex;align-items:baseline;margin-bottom:20px}section.news .newswrap .rightwrap .newsitem .newsdetail.right .datecat .post-categories{display:flex;align-items:center;margin-left:10px}section.news .newswrap .rightwrap .newsitem .newsdetail.right .datecat .post-categories li{display:block;color:#fff;line-height:1;padding:4px 8px;background-color:#000;margin:0 5px}section.news .newswrap .rightwrap .newsitem .newsdetail.right .news_title{margin-bottom:10px}section.news .newswrap .rightwrap .newsitem .newsdetail.right .topostlink{margin:0 0 0 auto}section.news .newswrap .rightwrap .newsitem .newsdetail.right .topostlink .outfit-lt{line-height:1;display:flex;align-items:center;justify-content:flex-end;width:120px;margin:0 0 0 auto;margin-top:20px;color:var(--site_color1)}section.news .newswrap .rightwrap .newsitem .newsdetail.right .topostlink .outfit-lt :hover{color:#E67E22}section.news .newswrap .rightwrap .newsitem .newsdetail.right .topostlink .outfit-lt .img_box{position:relative;width:22px;height:22px;margin-left:15px;border:1px solid;border-radius:50px;padding:15px}section.news .newswrap .rightwrap .newsitem .newsdetail.right .topostlink .outfit-lt .img_box img{position:absolute;object-fit:contain;width:20%;height:30%;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width:768px){section.news{width:90%}section.news .newswrap{display:block}section.news .newswrap .leftwrap{width:100%;margin-bottom:30px}section.news .newswrap .leftwrap .newscattitle{font-size:16px}section.news .newswrap .leftwrap .newscatlist{display:flex;flex-wrap:wrap;align-items:center;margin:0}section.news .newswrap .leftwrap .newscatlist li{margin:0 8px;font-size:14px;line-height:1}section.news .newswrap .rightwrap{width:100%}section.news .newswrap .rightwrap .newsitem{padding-bottom:15px;margin-bottom:20px}section.news .newswrap .rightwrap .newsitem .newsthumb{width:35%}section.news .newswrap .rightwrap .newsitem .newsdetail.right{padding:0;padding-right:0;width:60%;margin:0 0 0 auto}section.news .newswrap .rightwrap .newsitem .newsdetail.right .news_title{font-size:16px}}@media (max-width:480px){section.news .newswrap .rightwrap .newsitem{display:block}section.news .newswrap .rightwrap .newsitem .newsthumb{width:100%;margin-bottom:20px}section.news .newswrap .rightwrap .newsitem .newsdetail.right{width:100%;margin:0}}.contactwrap{background:url(../img/front/bg.png);background-size:cover;background-position:center;padding:10% 0}.contactwrap .flex_box{display:flex;align-items:center;justify-content:space-around}.contactwrap .left{color:white;width:50%}.contactwrap .left .contact_tit.outfit-smbd{color:#f1a765}.contactwrap a.more:hover{opacity:0.7}@media (max-width:768px){.contactwrap .flex_box{width:90%}.contactwrap .left{width:50%}.contactwrap a.more{padding:1em 0}}@media (max-width:480px){.contactwrap .flex_box{display:block}.contactwrap .left{width:100%;padding-left:6%;margin-bottom:40px}.contactwrap .left .f40{font-size:24px}.contactwrap .left .f24{font-size:16px}.contactwrap a.more{display:block;width:60%;margin:auto}}.list_design_container li a{padding:0.5em 0}.list_design_container li a .news_date{color:white}.clip{background-image:url("../img/front/text_shadow.png");-webkit-background-clip:text;color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover}#page-top{position:fixed;bottom:40px;right:20px;font-size:14px;line-height:1;z-index:99}#page-top a{background:#333;text-decoration:none;color:#fff;width:60px;padding:23px 5px;text-align:center;display:block;border-radius:90px;opacity:0.9;transition:all 0.3s ease}#page-top a:hover{text-decoration:none;opacity:0.5}