@charset "utf-8";

/*共通*/

.spOnly{display:block!Important;}
.pcOnly{display:none!Important;}
.tbOnly{display:none!Important;}
.spNot{display:none!Important;}

/*CSSアニメーション*/

/*ヘッダー*/
header{padding:0 10px;}
header .hmenu{height:77px;border-bottom-width:3px;border-bottom-color:rgba(51,51,51,0.85);}
header .hmenu h1{top:22px;}
header .hmenu h1 img{height:40px;}
header .hmenu .desc{left:0;top:0;position:fixed;background:rgba(0,5,10,0.85);display:block;width:100%;padding:0 10px 2px;line-height:1;}
header .hmenu .desc p{font-size:10px;display:inline-block;margin-right:10px;color:#ccc;}
header .hmenu .desc p i{font-family:'Noto Sans JP', sans-serif;}
header .hmenu .desc small{display:none;}
#gNavi{display:none;}

/*ハンバーガー*/
.humSec #humBTN{width:42px;height:42px;top:23px;right:0;background:none;}
.humSec #humBTN span{background:rgba(0,5,10,0.85);}
.humSec.open #humBTN span{background:#eee;}
.humSec.open #humBTN span:nth-of-type(1){top:21px;}
.humSec.open #humBTN span:nth-of-type(3){bottom:19px;}
.humSec #humNavi{padding-top:100px;}

/*フッター*/
footer{height:auto;padding:30px 10px;box-sizing:border-box;}
footer .pageTop{display:none;}
footer .leftBox{position:relative;left:auto;top:auto;margin:0 0 20px;width:100%;height:auto;}
footer .leftBox img{width:105px;height:auto;}
footer .rightBox{position:relative;right:auto;top:auto;margin:0;height:auto;display:block;}
footer .infoBox.left{width:100%;margin-bottom:10px;}
footer .infoBox.right{width:100%;}
footer .infoBox dl dd a{color:#eee;text-decoration:none;}/*ios自動リンク対策*/

/*WORK LIST 02*/
.wl02-container{padding:0;}
.worksList02 li{padding:15px 10px 30px;}
.worksList02 li .imgBox{position:relative;left:auto;top:auto;bottom:auto;margin:0 auto;}

/*FLOW LIST*/
.flowList{margin-bottom:0;}
.flowList li{width:100%;}
.flowList li > p{padding-left:0;padding-top:130px;margin-bottom:0;}
.flowList li > p:before{left:0;right:0;margin:0 auto;}
.flowList li > p:after{left:0;right:0;margin:0 auto;}
.flowList li.fl01 > p:after{left:8px;}
.flowList li.fl06 > p:after{left:-6px;}
@media screen and (max-width:320px){
	.flowList li.fl06 .title b{font-size:12px;}
}

/*キャッチ*/
#topCatch .campArea .campToggle{right:10px;}
#topCatch .campArea{border-radius:0;}
#topCatch .campList{padding:0 10px;box-sizing:border-box;}
#topCatch .campList li .header{top:10px;}
#topCatch .forEntre .inner{background:none;}
#topCatch .forEntre .rightBox{padding:10px;font-size:30px;}
#topCatch .forEntre h2{padding-top:32px;font-size:25px;}
#topCatch .forEntre h2 > .s{margin:0 5px;font-size:20px;}
#topCatch .forEntre h2 .badge{font-size:14px;width:60px;height:60px;padding:17px 0 0 0;right:48px;top:7px;}
#topCatch .forEntre dl{width:auto;margin-top:15px;}
#topCatch .forEntre dl dt{font-size:15px;}
#topCatch .forEntre dl dd .upper span{font-size:16px;max-width:200px;}
#topCatch .forEntre small{margin-top:10px;}
@media screen and (max-width:320px){
	#topCatch .forEntre h2{font-size:21px;padding-top:40px;}
	#topCatch .forEntre h2 .badge{right:42px;top:15px;}
	#topCatch .forEntre small{font-size:10px;}
}

/*メイン*/
#wrapper{width:100%;padding:90px 0 0;}
main > .catch{margin-bottom:40px;height:360px;-webkit-touch-callout:none;-webkit-user-select:none;}
article .sec{margin-bottom:40px;padding:30px 10px;border:none;border-radius:0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
article .sec:before{filter:blur(10px);}
h2.title{margin-bottom:30px;}
h2.title .upper{font-size:14px;}
h2.title .lower{padding-top:18px;font-size:22px;}
.consList{padding-right:0;padding-bottom:200px;background-position:center bottom;background-size:200px;}
.consList li > p{margin:15px 0;display:block;line-height:1.5;}
.srvList{padding:0;}
.srvList > li{width:100%;margin-bottom:50px;}
.srvList > li:last-child{margin-bottom:0;}
.srvList > li .title{font-size:20px;padding-left:52px;padding-top:14px;}
#mailForm .mfList li .title{width:100%;margin-bottom:5px;}
#mailForm .mfList li .value{width:100%;}
#mailForm .mfList li .value > div{width:100%;}
#mailForm .mfList li .value input{width:100%;}
#mailForm .mfList li .value.addressValue > div:first-child{margin-right:0;}
#mailForm .mfList li .value.addressValue > div:first-child input{margin-bottom:30px;margin-bottom:10px;}
#mailForm .mfList li .value.addressValue > div:last-child input{width:100%;}
#mailForm .mfList li .value textarea{width:100%;}

/*WORK LIST*/
.wl-container{padding:0;}
.worksList li{width:33%;}

/*LUMINOUS*/
.lum-next-button{right:12px;}
.lum-lightbox-inner img{max-width:100%!important;/*max-width:160vw!important;max-height:85vh!important;*/}
.lum-gallery-button{height:30px;width:30px;}
.lum-gallery-button:after{border-top:4px solid rgba(0,0,0,0.5);width:16px;height:16px;}
.lum-previous-button:after,
.lum-next-button:after{box-shadow:0 5px 20px rgba(255,255,255,0.5);}
.lum-previous-button:after{border-left:4px solid rgba(0,0,0,0.5);}
.lum-next-button:after{border-right:4px solid rgba(0,0,0,0.5);}
.lum-lightbox-inner .lum-lightbox-caption{width:100%;max-width:100%;}
.lum-lightbox-inner .lum-lightbox-caption:before{display:none;}
.lum-close-button{right:15px;background:rgba(255,255,255,0.5);}
.lum-close-button:after, .lum-close-button:before{background-color:#000;}