#loader{position:fixed;width:100%;height:100%;background:#FFF;z-index:500}#loader img{width:32px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}header{text-align:center;padding:15% 0 26vw 0;position:relative}header h1{width:110px;margin:0 auto}header h1 img{width:100%;height:auto}#mainImage{position:relative}#mainImage h2{position:absolute;top:-15vw;background:#FFF;font-size:6vw;letter-spacing:6px;line-height:1.6;padding:4.8vw}#mainImage img{width:100%;height:auto;vertical-align:bottom}section.line_bottom{overflow:hidden;border-bottom:1px solid #dedede;padding:80px 30px 20px 30px}section.padding_0{padding:0 30px}section{padding:0 30px;margin-bottom:80px}section h3{font-size:3.5vw;font-weight:normal;text-align:center;margin-bottom:30px}section h3 span{font-family:'Droid Sans', sans-serif;font-weight:700;font-size:6vw;display:block;margin-bottom:15px}section ul#why{padding:0 20px;position:relative}section ul#why li{margin-bottom:30px}section ul#why li a{display:block;color:#333}section ul#why li div{margin-bottom:10px}section ul#why li div img{width:100%;height:auto}section ul#why li p{font-size:4.5vw;background:url("../images/arrow.png") no-repeat right top 1.5vw}section ul#why:before{content:'';position:absolute;width:1px;top:-100%;right:0;bottom:-700%;background:#dedede}section ul#why:after{content:'';position:absolute;width:1px;top:-100%;left:0;bottom:-700%;background:#dedede}section ul#news{border-bottom:1px solid #e6e6e6}section ul#news li{border-top:1px solid #e6e6e6}section ul#news li a{display:block;padding:15px 0}section ul#news li a time{font-weight:bold;color:#ccc}section ul#news li a h4{font-weight:normal;color:#000;font-size:13px}section ul#works{overflow:hidden;margin-bottom:20px}section ul#works li{width:50%;float:left}section ul#works li a img{width:100%;height:auto;vertical-align:bottom}section div.list{text-align:center;line-height:1;margin-top:35px}section div.list a{color:#333;font-size:4vw}section div.list a i{color:#008cd3;font-size:5vw;vertical-align:-0.6vw;margin-right:10px}section .mono #mono01,section .mono #mono02,section .mono #mono03,section .mono #mono04{height:30vw;display:table;width:100%}section .mono #mono01{background:url("../images/mono01_sp.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}section .mono #mono02{background:url("../images/mono02.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}section .mono #mono03{background:url("https://www.designbox.co.jp/wp/wp-content/uploads/2020/04/mono03.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}section .mono #mono04{background:url("../images/mono04.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}section .mono a{display:table-cell;vertical-align:middle;color:#FFF;padding-left:10vw;background:url("../images/arrow02.png") no-repeat top 9.5vw left 2.5vw;-webkit-background-size:6vw;-o-background-size:6vw;background-size:6vw}section .mono a p{font-size:3vw;font-weight:bold}section .mono a p span{display:block;font-family:'Droid Sans', sans-serif;font-weight:700;font-size:6vw;line-height:1.5}section ul#info li{font-size:3.5vw;padding:0 30px 20px 30px;margin-bottom:20px;border-bottom:1px solid #dedede}section ul#info li span{display:block;margin-bottom:5px}section ul#info li a{color:#333;position:relative}section ul#info li a:before{content:"";background:url("../images/arrow.png") no-repeat 0 0;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;position:absolute;top:1vw;left:-4.8vw;width:3vw;height:3vw}section#bg_gray{background:#f6f6f6;padding:30px}@media print, screen and (min-width: 750px){header{padding:0;position:absolute;left:3%;top:5vw;width:97%;text-align:left;z-index:100}header h1{width:100%}header h1 a{-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}header h1 a:hover{opacity:0.7}header h1 img{width:10%;height:auto}#mainImage h2{position:absolute;top:18vw;left:3%;background:none;font-size:3vw;letter-spacing:13px;line-height:1.6;padding:0}#mainImage h2 span{font-family:'Droid Sans', sans-serif;display:block;margin-top:30px;font-size:12px;font-weight:400;letter-spacing:1px}#mainImage div{width:100%;text-align:right}#mainImage img{width:76%}.maxwi_1400{max-width:1400px;margin:0 auto}section.line_bottom{padding:120px 0 0 0}section.padding_0{padding:0;max-width:1400px;margin:0 auto 100px auto}section{padding:0;margin-bottom:100px}section h3{font-size:16px;margin-bottom:50px;z-index:100;position:relative}section h3 span{font-size:45px;margin-bottom:25px}section ul#why{max-width:1400px;margin:0 auto;padding:0 30px;margin-top:100px}section ul#why li{width:22.75%;margin-right:3%;float:left;position:relative}section ul#why li p{font-size:18px;background:url("../images/arrow.png") no-repeat left bottom;padding-bottom:30px;transition:.3s}section ul#why li div{background-color:#008cd3}section ul#why li div img{transition:.5s;vertical-align:bottom}section ul#why li div img:hover{opacity:0.6}section ul#why li:hover p{background:url("../images/arrow.png") no-repeat left 15px bottom}section ul#why li:last-child{margin-right:0}section ul#why li:after{content:'';position:absolute;width:1px;top:-100%;right:-6.5%;bottom:-700%;background:#dedede}section ul#why li:last-child:after{display:none}section ul#why:before{display:none}section ul#why:after{display:none}section ul#news{margin:0 auto;max-width:980px}section ul#news li a{display:flex;flex-wrap:wrap;padding:20px 10px}section ul#news li a time{width:150px;font-size:18px}section ul#news li a h4{font-size:15px}section .list.news{margin:45px auto;max-width:900px}section ul#works li{width:25%}section ul#works li a{display:block;position:relative;overflow:hidden;width:100%}section ul#works li a div{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.6);-webkit-transition:.3s;transition:.3s;opacity:0;text-align:center}section ul#works li a div h4{color:#FFF;margin-bottom:1vw;margin-top:6vw;font-size:1.5vw}section ul#works li a div p{color:#FFF;font-size:1vw;text-align:center}section ul#works li a:hover div{opacity:1}section div.list{text-align:right;margin:45px 50px 0 0}section div.list a{font-size:17px}section div.list a i{font-size:28px;vertical-align:-4px;margin-right:15px}section div.list a:hover{color:#008cd3}section .mono{max-width:1400px;margin:0 auto;padding:0 20px}section .mono .left{width:45.7% !important;float:left;position:relative}section .mono .left a{display:table-cell;vertical-align:middle;color:#FFF;background:none}section .mono .left div{position:absolute;bottom:0;left:0;width:100%;height:198px;background:url("../images/arrow02.png") no-repeat bottom 88px left 30px,#000;-webkit-background-size:auto;-o-background-size:auto;background-size:auto}section .mono .left div p{padding:45px 0 0 100px}section .mono .left div p.pc{position:absolute;top:40px;right:40px;font-weight:normal}section .mono .right{width:54.3%;float:right}section .mono #mono01{height:825px}section .mono #mono02,section .mono #mono03,section .mono #mono04{height:275px}section .mono #mono01{background:url("../images/mono01.jpg") no-repeat center top;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;transition:.5s}section .mono #mono01:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}section .mono #mono02{background:url("../images/mono02.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s}section .mono #mono02:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}section .mono #mono03{background:url("https://www.designbox.co.jp/wp/wp-content/uploads/2020/04/mono03.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s}section .mono #mono03:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}section .mono #mono04{background:url("../images/mono04.jpg") no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s}section .mono #mono04:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}section .mono a{display:table-cell;vertical-align:middle;color:#FFF;padding-left:100px;background:url("../images/arrow02.png") no-repeat top 95px left 30px;-webkit-background-size:auto;-o-background-size:auto;background-size:auto}section .mono a p{font-size:19px}section .mono a p span{font-size:50px}section ul#info{max-width:1400px;margin:0 auto}section ul#info li{font-size:16px;padding:0 2% 20px 2%;margin-bottom:20px;border-bottom:1px solid #dedede;display:table;width:96%}section ul#info li span{display:table-cell;width:7%;margin-bottom:0}section ul#info li a{display:table-cell;width:93%;padding-left:70px}section ul#info li a:hover{color:#008cd3}section ul#info li a:before{content:"";background:url("../images/arrow.png") no-repeat 0 0;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;position:absolute;top:6px;left:32px;width:15px;height:9px}section#bg_gray{padding:100px 0}}