@charset "utf-8";

#wrap{position:relative;width:100%;background:#f6f7f8;}
.view-pc{display: block;}
.view-sp{display: none;}
.Inner{position:relative;width:980px;margin:0 auto;}
.tacsp{display:block;text-align:center !important;}
.wpc300{width:300px;}

.BtnDef{display:block;border:1px solid #020202;border-radius:3px;line-height:0;padding:20px 0;text-align:center;margin:0 auto;background:url(../images/icon_arrow.png) no-repeat 96% center #fff;color:#020202;}
.BtnDef:hover{box-shadow:0 10px 10px -5px #000;margin-top:0;display:block;border:1px solid #f2a50f;border-radius:3px;line-height:0;padding:20px 0;text-align:center;background:url(../images/icon_arrow.png) no-repeat 96% center #f5bf1e;color:#020202;}

.BtnShelLinkArea{padding:30px 0;position:relative;}
.BtnShelLink{display:block;position:absolute;right:0;width:306px;height:32px;color:#0438af !important;background:url(../images/arrow_long.png) no-repeat bottom center;}

.txLink{background:url(../images/icon_link.png) no-repeat right center;padding-right:15px;color:#085dfa !important;}
.txLink:hover{color:#d35500 !important;}

/*-header-*/
#header {position:relative;width:100%;}
#header.m_scroll {filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;transition:all 0.4s;background: #fff;position:fixed;top:0;z-index:999;}
#header.m_scroll .headnav{background-color:#eee;}
#header .inner{position:relative;width:980px;margin: 0 auto;padding:20px 0;}
#header .inner .boxL{float:left;width:280px;}
#header .inner .boxL p{width:265px;}
#header .inner .boxR{float:right;width:690px;}
#header .headnav{background-color:#fff;border-radius:20px;font-size:1.3rem;line-height:1.0;}
#header .headnav li{float:left;width:115px;text-align:center;}
#header .headnav li a{display:block;width:100%;padding:8px 0 7px 0;font-weight:bold;}
#header .headnav li a.active{color:#d35500 !important;}
#header .headnav .docs{font-weight:normal;color:#fff;background:url(../images/icon_hddoc.png) no-repeat 7px center #d35500;border-left:1px solid #a24201;background-size:18px;}
#header .headnav .cont{font-weight:normal;color:#fff;background:url(../images/icon_hdmail.png) no-repeat 7px center #d35500;border-left:1px solid #a24201;background-size:18px;border-radius:0 20px 20px 0;}
#header .headnav li a span{display:block;margin-left:7px;}
#header .headnav .docs:hover{color:#fff;background:url(../images/icon_hddoc.png) no-repeat 7px center #e67f00;border-left:1px solid #a24201;
background-size:18px;box-shadow:0 5px 5px -2px #333;margin-top:-1px;}
#header .headnav .cont:hover{color:#fff;background:url(../images/icon_hdmail.png) no-repeat 7px center #e67f00;border-left:1px solid #a24201;
background-size:18px;border-radius:0 20px 20px 0;box-shadow:0 5px 5px -2px #333;margin-top:-1px;}

/*-mainVisual-*/
#mainVisual{width:100%;background:linear-gradient(120deg, #edd420, #f6b71c);}
.toptitle{padding:35px 0 40px 0;margin-left:-20px;}
.toptitle h1{font-size:2.8rem;line-height:1.0;background:#000;color:#fff;text-align:center;width:450px;margin:10px 0 15px;padding:5px 0;}
#mainVisual a.arrow{display:block;position:absolute;bottom:-25px;left:17%;background:url(../images/icon_arrow_dwn.png) no-repeat center 50% #f1c81e;border-radius:0 0 200px 200px;width:70px;height:35px;z-index:110;}
#mainVisual a.arrow:hover{background:url(../images/icon_arrow_dwn.png) no-repeat center 70% #f1c81e;}

#mainSlider .mainArea{
position:absolute;width:550px;height:400px;top:30px;right:-75px;background:#fff;border-radius:20px 20px 0 0;
box-shadow:0 20px 20px -15px #f5c834;overflow: hidden;z-index:99;
}
#mainSlider .mainArea ul{width:400%;}
#mainSlider .mainArea li{width:550px;height:400px;overflow: hidden;float:left;}
#mainSlider .mainArea .titArea{position:absolute;bottom:20px;left: 0;right: 0;margin: auto;background:#000;width:200px;height:30px;border-radius:20px;}

#mainSlider .mainAreaB{position:absolute;width:550px;height:400px;top:30px;right:-75px;overflow: hidden;z-index:100;
border:3px solid #000;border-bottom:none;border-radius:20px 20px 0 0;
}
#mainSlider .mainAreaB ul{width:400%;}
#mainSlider .mainAreaB li{width:550px;height:400px;overflow: hidden;float:left;}
#mainSlider .mainAreaB p{text-align:center;padding-top:355px;color:#fff;line-height:1.0;font-size:1.4rem;}

#mainSlider .LeftSl{
position:absolute;width:410px;height:300px;bottom:0;right:95px;border-radius:20px 20px 0 0;
z-index:98;overflow: hidden;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;
}
#mainSlider .LeftSl ul{width:400%;}
#mainSlider .LeftSl li{width:410px;height:300px;overflow: hidden;float:left;}

#mainSlider .RightSl{
position:absolute;width:410px;height:300px;bottom:0;right:-105px;border-radius:20px 20px 0 0;
z-index:97;overflow: hidden;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;
}
#mainSlider .RightSl ul{width:400%;}
#mainSlider .RightSl li{width:410px;height:300px;overflow: hidden;float:left;}

/*-Lower*/
.lower{width:100%;}
.mb40{margin-bottom:40px !important;}
.h1titleArea{text-align:center;padding:30px 0 60px 0;}
.h1titleArea h1{font-size:3.2rem;font-weight:bold;}

.contArea{background:#fff;width:980px;margin:0 auto;margin-bottom:100px;border-radius:20px;padding:0 100px 80px 100px;}
.itemexBox{position:relative;margin:0 auto;}
.itemexBox h3{position:relative;font-size:2.4rem;padding:10px 0;font-weight:bold;}
.itemexBox h3:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: '';
background-image: -webkit-gradient(linear, left top, right top, from(#f9d10d), to(#f25822));
background-image: -webkit-linear-gradient(left, #f9d10d 0%, #f25822 100%);
background-image: linear-gradient(to right, #f9d10d 0%, #f25822 100%);
}
.itemImg{margin:30px 0 50px 0;}

#jinji,#cost,#hr{padding:100px 0 0 0;}
#const,#costom,#matter,#facility,#recruit,#task,#expense,#work,
#general,#account,#sales,#create,#pro,#comp,#dx,#stock{padding:150px 0 0 0;}
.explainTxt{padding:30px 0;line-height:2.2;}
.lowerMenu{postion:relative;font-weight:bold;font-size:1.3rem;text-align:center;margin:0 auto;width:800px;padding:40px 0;}
.w600{width:600px;margin:0 auto;}
.w700{width:700px;margin:0 auto;}
.lowerMenu li{float:left;text-align:center;width:99px;border-right:1px solid #020202;margin-bottom:10px;}
.lowerMenu li:first-child{width:98px;border-left:1px solid #020202;}
.lowerMenu li:nth-child(9n){width:98px;border-left:1px solid #020202;}
.lowerMenu li a{display:block;line-height:28px;text-align:center;}



.recoPack li{float:left;width:32%;margin-right:2%;}
.recoPack li:last-child{float:left;width:32%;margin-right:0;}
.recoPack li a{display:block;background:url(../images/icon_arrow_w.png) no-repeat 96% center #333;color:#fff;text-align:center;padding:10px 0;border:1px solid #333;}
.recoPack li a:hover{background:url(../images/icon_arrow_b.png) no-repeat 96% center #fff;color:#333;border:1px solid #333;}
.recoPack li .mdk{display:block;background:#333;color:#fff;text-align:center;padding:10px 0;border:1px solid #333;}



.Busi h4{line-height:1.6;font-size:2.0rem;font-weight:bold;padding-left:50px;height:50px;}
.Busi h4.pack{background:url(../images/icon_box.png) no-repeat left center;}
.Busi h4.set{margin-top:60px;margin-bottom:20px;background:url(../images/icon_set.png) no-repeat left center;}
.Busi h4 span{display:block;padding-top:10px;}
.Busi .recBox{background:#f6f7f8;padding:30px;}

/*-Cost-*/
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.pdt60{padding-top:60px;}
.w30p{width:30%;}
.bggray{background:#f8f7f6 !important;}
.lh12{line-height:1.2;}
.pdtb350{padding:30px 0 50px 0;}
.pdtb510{padding:50px 0 10px 0;}
.shelteen{width:100px;margin:0 auto;}
.shelteen2{width:80px;margin:0 auto;}
.fs24cost{font-size:2.4rem;}

.TBcost{background:linear-gradient(120deg, #edd420, #f6b71c);width:100%;}
.TBcost tr{border:1px solid #ddd;}
.TBcost th{text-align:center;padding:10px;border-right:1px solid #fff;font-weight:bold;}
.TBcost td{background:#fff;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;}
.TBcost td:first-child{border-left:1px solid #ddd;}

.TBcompa{width:100%;margin-bottom:60px;}
.TBcompa tr{border:1px solid #ddd;}
.TBcompa th{border:1px solid #ddd;text-align:center;padding:10px;font-weight:bold;}
.TBcompa th.compaShel{background:#efce1f;border-top:3px solid #fbb204;border-left:3px solid #fbb204;border-right:3px solid #fbb204;}
.TBcompa td{background:#fff;padding:20px 0;border:1px solid #ddd;text-align:center;}
.TBcompa td.compaShel{background:#fceccd;border-left:3px solid #fbb204;border-right:3px solid #fbb204;}
.TBcompa td.compaShelLst{background:#fceccd;border-left:3px solid #fbb204;border-right:3px solid #fbb204;border-bottom:3px solid #fbb204;}


/*-Column-*/
.pdt80{padding-top:80px;}
.breadArea{width:100%;background:#e4e3e0;}
.breadArea div{width:980px;margin:0 auto;padding:10px 0;font-size:1.2rem;}
.breadList li{display: inline;font-size: 1.2rem;}
.breadList li::after {content: '＞';padding: 0 10px;}
.breadList li:last-child::after {content: '';}
.breadList li a{display: inline-block;text-decoration: none;}
.fcOra{color:#d35500;}
.fcRed{color:#d80101;}
.w740sp{width:740px;margin:0 auto;}
.columPad{padding:60px 110px;line-height:2.2;}
.Mattype{position:relative;margin:0 auto;}
.allcolumn li{float:left;width:22%;margin-right:4%;margin-bottom:4%;max-height:190px;height:190px;overflow:hidden;}
.allcolumn li:nth-child(4n){float:left;width:22%;margin-right:0;margin-bottom:4%;}
.allcolumn li a{display:block;font-size:1.4rem;line-height:1.6;}
.allcolumn li img{margin-bottom:5px;}

.columPad section p{margin-bottom:40px;letter-spacing: 0.05em;line-height:1.9;}
.columPad section .txAreaL{display:inline-block;width:58%;margin-right:2%;margin-bottom:0;}
.columPad section .imgAreaR{display:inline-block;width:38%;vertical-align:top;margin-bottom:0;}

.columPad section h2{position:relative;font-size:2.4rem;padding:10px 0;font-weight:bold;margin-bottom:30px;}
.columPad section h2:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: '';
background-image: -webkit-gradient(linear, left top, right top, from(#f9d10d), to(#f25822));
background-image: -webkit-linear-gradient(left, #f9d10d 0%, #f25822 100%);
background-image: linear-gradient(to right, #f9d10d 0%, #f25822 100%);
}
.columPad section h3{line-height:1.6;font-size:1.8rem;font-weight:bold;background:linear-gradient(0deg, #643899, #2fb8da);padding-left:5px;margin-bottom:20px;}
.columPad section h3 span{display:block;background:#fff;padding-left:10px;}
.columPad section .boxLiner{border:2px solid #333;margin-bottom:40px;padding:40px 40px 20px 40px;}

.columPad section h4{line-height:1.6;font-size:1.6rem;font-weight:bold;margin-bottom:20px;}
.columPad section h4 span{position: relative;display: inline-block;padding: 0 0 0 2.5rem;text-align: center;}
.columPad section h4 span:before{position: absolute;top: 50%;width: 1.5rem;height: 6px;content: '';border-top: solid 3px #2fb8da;}
.columPad section h4 span:before {left: 0;}

.newcolArea{width:980px;margin:0 auto;border-radius:20px;background:#fff;margin-bottom:80px;padding:50px 100px;}
.newcolArea h3{position:relative;font-size:2.4rem;padding:10px 0;font-weight:bold;}
.newcolArea h3:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: '';
background-image: -webkit-gradient(linear, left top, right top, from(#f9d10d), to(#f25822));
background-image: -webkit-linear-gradient(left, #f9d10d 0%, #f25822 100%);
background-image: linear-gradient(to right, #f9d10d 0%, #f25822 100%);
}

.colDays{font-size:1.0rem;color:#999;}

.colIndex{border-top:2px solid #333;border-bottom:2px solid #333;padding:20px 0;margin-bottom:40px;}
.colIndex p{margin-bottom:10px !important;}
.colIndex li{border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}
.colIndex li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.colIndex a{color:#346edb !important;}
.colkajo{padding:20px;border:thick double #999;margin-bottom:60px;}



.MarkerAnim.active{background-position: -100% .5em;}
 
.MarkerAnim {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(254,223,11) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(254,223,11) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(254,223,11) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(254,223,11) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(254,223,11) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}

/*-featArea-*/
.featArea{position:relative;width:100%;padding:50px 0;z-index:0;}
.featArea-wh{position:relative;width:100%;background:#fff;padding:100px 0;z-index:0;}
.oddbg{position:absolute;left:0;top:100px;width:34vw;height:506px;background:linear-gradient(120deg, #edd420, #f6b71c);z-index:1;}
.featIn{position:relative;width:980px;margin:0 auto;padding:50px 0;z-index:2;}
.featIn .LeftArea{float:left;width:50%;}
.featIn .RightArea{float:right;width:50%;}
.featIn .imgArea p{width:420px;box-shadow:0 30px 30px -30px #f6c522;}
.featIn .imgArea p.acount{width:468px;box-shadow:none;margin-left:-48px;}
.featIn .txArea{padding:40px 0;}
.featIn .txArea .num{display:inline-block;}
.featIn .txArea .title{display:inline-block;line-height:1.4;vertical-align:top;font-weight:bold;}
.featIn .txArea .titleB{display:inline-block;line-height:1.4;vertical-align:middle;font-weight:bold;}
.featIn .textcont{line-height:2.2;}

/*-topmessage-*/
h3.topmes{font-size:3.6rem;font-weight:700;padding:30px 0;}
.topmesUndtx{line-height:2.2;bold;padding-bottom:70px;}
.txRed{color:#c80202;font-weight:bold;}
.feature li{position:relative;float:left;width:22%;margin-right:4%;}
.feature li:last-child{width:22%;margin-right:0;}
.feature li div{height:140px;background:#e4e3e0;border-radius:5px;}
.feature li .box{background:url(../images/txt_box.png) no-repeat center bottom #e4e3e0;padding-top:45px;}
.feature li .cost{background:url(../images/txt_cost.png) no-repeat center bottom #e4e3e0;padding-top:30px;}
.feature li .tel{background:url(../images/txt_telework.png) no-repeat center bottom #e4e3e0;padding-top:45px;}
.feature li .share{background:url(../images/txt_share.png) no-repeat center bottom #e4e3e0;padding-top:30px;}
.feature li div p{line-height:1.4;}
.feature li .iconArea{position:absolute;left: 0;right: 0;margin: auto;top:-21px;width:42px;}

/*-footerbanner-*/
.ftbnrArea{width:100%;margin:0;background:linear-gradient(0deg, #edd420, #f6b71c);padding:80px 0;}
.ftbnrArea .attend{font-size:2.6rem;font-weight:bold;text-align:center;padding-bottom:40px;}
.ftbnrArea li{position:relative;float:left;width:30%;margin-right:5%;}
.ftbnrArea li:last-child{margin-right:0;}
.ftbnrArea li a,.ftbnrArea li p{display:block;background:#fff;width:100%;height:120px;border-radius:3px;text-align:center;padding-top:12px;}
.ftbnrArea li a{background:url(../images/icon_arrow.png) no-repeat 96% center #fff;}
.ftbnrArea li a:hover{box-shadow:0 20px 20px -15px #000;margin-top:-5px;}
.ftbnrArea li .iconspan{display:block;width:40px;margin:0 auto;}
.ftbnrArea li .txspan{display:block;width:50%;margin:0 auto;}
.ftbnrArea a.noPC{display:none !important;}

/*-footer-*/
#footer{position:relative;width:100%;background:#e4e3e0;padding:50px 0;}
#footer .ftInner{position:relative;width:980px;margin:0 auto;font-size:1.3rem;}
#footer .ftInner .ftmenu{padding-bottom:50px;}
#footer .ftInner .ftmenu .slicon{background:url(../images/icon_shelter.png) no-repeat left 1px;padding-left:20px;background-size:15px;}
#footer .ftInner .ftmenu .packtop{padding-left:30px;margin:5px 0;}
#footer .ftInner .ftmenu .allpack{margin-left:44px;display:inline-block;}
#footer .ftInner .ftmenu .links{margin-left:40px;display:inline-block;}
#footer .ftInner .copylogo{width:90px;margin:0 auto;}
#footer .ftInner .snsArea{position:absolute;bottom:15px;right:0;}
#footer .ftInner .snsArea p{width:26px;display:inline-block;margin-left:5px;}
#footer .ftInner .snsArea a:hover{filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;transition:all 0.5s;}
a.totop{display:block;position:absolute;right:0;top:0;background:url(../images/icon_arrow_up.png) no-repeat center center #333;border-radius:200px;width:56px;height:56px;}
a.totop:hover{background:url(../images/icon_arrow_up.png) no-repeat center 30% #f1c81e;}


/*-colm2112-*/
.tbformat{width:100%;margin-bottom:60px;}
.tbformat tr:nth-child(odd){background:#f6f7f8;}
.tbformat th{border:1px solid #d2d2d2;padding:10px;font-weight:bold;text-align:center;background:#eee !important;width:50%;}
.tbformat td{border:1px solid #d2d2d2;padding:10px;}

/* TABLET */
@media screen and (max-width: 979px) and (min-width: 768px) {

}


/* SP */
@media screen and (max-width: 767px) { 
.view-sp{display: block;}
.view-pc{display: none;}
#wrap{touch-action: manipulation;}
body.noscroll{overflow: hidden;}
.wpc300{width:100%;}
.Inner{position:relative;width:90%;margin:0 auto;}
.fs32{font-size:2.8rem;}
.fs36{font-size:2.8rem;}
.pdt30{padding-top:15px;}
.pdtb100{padding:50px 0;}
.spmar{margin-top:30px;}

#cont1 p.tac{text-align:left !important;}

.BtnShelLinkArea{padding:20px 0;}
.BtnShelLink{display:block;position:absolute;right:0;width:100%;height:32px;color:#0438af !important;}

/*-header-*/
#header .inner{position:relative;width:100%;margin: 0 auto;padding:15px 0;}
#header .inner .boxL{float:none;width:100%;}
#header .inner .boxL p{width:220px;margin:0 auto;}

#header .burger-btn{display: block;position: absolute;top:8px;left:8px;width:40px;height:40px;z-index:9999;border:none;}
#header .bar{width:20px;height: 3px;display: block;position: absolute;left:50%;transform: translateX(-50%);background:#020202;}
#header .bar_top{top:15px;transition: transform .3s;}
#header .bar_mid{top: 60%;transform: translate(-50%,-60%);transition: transform .3s;}
#header .burger-btn.close .bar_top{transform: translate(-50%,5px) rotate(135deg);transition: transform .3s;}
#header .burger-btn.close .bar_mid{transform: translate(-50%,-4px) rotate(-135deg);transition: transform .3s;}

.nav-wrap{display: none;width:100vw;height:100vh;position: fixed;top 0;left:0;z-index:9995;background-color:#020202;}
.nav-wrap ul{width:100%;height:100%;padding:0;}
.nav-wrap li a{display:block;padding:10px 30px;background:url(../images/icon_arrow_w.png) no-repeat 90% center;color:#fff;border-bottom:1px solid #999;}
.nav-wrap li.docs{float:left;width:40%;margin:8% 4% 0 8%;}
.nav-wrap li.docs a{display:block;padding:10px 0;background:url(../images/icon_arrow.png) no-repeat 94% center #fff;color:#020202;border-radius:3px;border-bottom:none;text-align:center;}
.nav-wrap li.cont{float:left;width:40%;margin:8% 8% 0 0;}
.nav-wrap li.cont a{display:block;padding:10px 0;background:url(../images/icon_arrow.png) no-repeat 94% center #fff;color:#020202;border-radius:3px;border-bottom:none;text-align:center;}

/*-mainVisual-*/
#mainVisual .Inner{height:430px;}

.toptitle{padding:20px 0 15px 0;margin:0 auto;text-align:center;}
.toptitle h1{font-size:2.4rem;width:96%;margin:0 auto;margin-top:10px;margin-bottom:10px;}

#mainSlider{position:relative;}

#mainSlider .mainAreaSP{
position:absolute;width:310px;height:230px;top:0;right:0;left:0;margin:0 auto;background:#fff;border-radius:20px 20px 0 0;
box-shadow:0 20px 20px -15px #f5c834;overflow: hidden;z-index:99;
}
#mainSlider .mainAreaSP ul{width:400%;}
#mainSlider .mainAreaSP li{width:310px;height:230px;overflow: hidden;float:left;}
#mainSlider .mainAreaSP .titArea{position:absolute;bottom:20px;left: 0;right: 0;margin: auto;background:#000;width:200px;height:30px;border-radius:20px;}

#mainSlider .mainAreaSPB{
position:absolute;width:310px;height:230px;top:0;right:0;left:0;margin:0 auto;overflow: hidden;z-index:100;
border:3px solid #000;border-bottom:none;border-radius:20px 20px 0 0;
}
#mainSlider .mainAreaSPB ul{width:400%;}
#mainSlider .mainAreaSPB li{width:310px;height:230px;overflow: hidden;float:left;}
#mainSlider .mainAreaSPB p{text-align:center;padding-top:180px;font-size:1.6rem;color:#fff;}

#mainVisual a.arrow{display:none;}

/*-featArea-*/
#topdown{width:90%;margin:0 auto;padding-top:15%;}
.featArea{padding:0 0 40px 0;}
.featArea-wh{padding:30px 0;z-index:0;}
.oddbg{position:absolute;left:0;top:30px;width:50vw;height:300px;}
.featIn{width:90%;margin:0 auto;padding:15px 0 30px 0;z-index:2;}
.featIn .LeftArea{float:none;width:100%;}
.featIn .RightArea{float:none;width:100%;}
.featIn .imgArea p{width:80%;margin:0 auto;}
.featIn .imgArea p.acount{width:80%;margin:0 auto;box-shadow:none;}
.featIn .txArea{padding:30px 0;text-align:center;}
.featIn .txArea .title{display:block;margin-top:20px;}
.featIn .txArea .titleB{display:block;margin-top:20px;}
.featIn .textcont{line-height:2.0;}

/*-topmessage-*/
h3.topmes{font-size:2.8rem;padding:15px 0;}
.topmesUndtx{line-height:2.0;bold;padding-bottom:20px;text-align:left;}
.feature{font-size:1.4rem;margin-top:40px;}
.feature .fs20{font-size:1.6rem;}
.feature li{width:48%;margin-right:4%;margin-bottom:8%;}
.feature li:nth-child(2n) {width:48%;margin-right:0;}
.feature li:last-child{width:48%;margin-right:0;}
.feature li div{height:120px;}
.feature li .box{padding-top:40px;}
.feature li .tel{padding-top:40px;}


/*-Lower*/
.h1titleArea{padding:20px 0 40px 0;line-height:1.4;}
.h1titleArea h1{font-size:2.8rem;}
.contArea{width:90%;margin:0 auto;margin-bottom:40px;border-radius:20px;padding:0 30px 40px 30px;}
.itemexBox h3{position:relative;font-size:2.4rem;padding:10px 0;font-weight:bold;line-height:1.4;}
.itemexBox h3:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: '';
background-image: -webkit-gradient(linear, left top, right top, from(#f9d10d), to(#f25822));
background-image: -webkit-linear-gradient(left, #f9d10d 0%, #f25822 100%);
background-image: linear-gradient(to right, #f9d10d 0%, #f25822 100%);
}
#jinji,#cost,#hr{padding:70px 0 0 0;}
#const,#costom,#facility,#recruit,#task,#expense,#work,
#general,#account,#sales,#create,#pro,#comp,#dx,#stock{padding:110px 0 0 0;}
.explainTxt{padding:20px 0;}
.lowerMenu{font-size:1.2rem;padding:30px 0 20px 0;width:90%;margin:0 auto;}
.w600{width:90%;}
.lowerMenu li{float:left;text-align:center;width:24%;border-right:1px solid #020202;margin-bottom:10px;padding:0 1%;}
.lowerMenu li:first-child{width:23%;border-left:1px solid #020202;}
.lowerMenu li:nth-child(5n){width:23%;border-left:1px solid #020202;}
.lowerMenu li:nth-child(9n){width:23%;border-left:1px solid #020202;}
.lowerMenu li:last-child{width:24%;border-left:none;}
.lowerMenu li a{display:block;width:100%;}





.recoPack li{float:left;width:32%;margin-right:2%;}
.recoPack li:last-child{float:left;width:32%;margin-right:0;}
.recoPack li a{display:block;background:url(../images/icon_arrow_w.png) no-repeat 96% center #333;color:#fff;text-align:center;padding:5px 0;border:1px solid #333;font-size:1.2rem;background-size:6px;}
.recoPack li a:hover{background:url(../images/icon_arrow_b.png) no-repeat 96% center #fff;color:#333;border:1px solid #333;}
.recoPack li .mdk{display:block;background:#333;color:#fff;text-align:center;padding:5px 0;border:1px solid #333;font-size:1.2rem;background-size:6px;}

.Busi h4{line-height:1.6;font-size:2.0rem;font-weight:bold;padding-left:50px;height:50px;}
.Busi h4.pack{background:url(../images/icon_box.png) no-repeat left center;}
.Busi h4.set{margin-top:40px;margin-bottom:10px;background:url(../images/icon_set.png) no-repeat left center;}
.Busi h4 span{display:block;padding-top:10px;}
.Busi .recBox{background:#fff;padding:0;}

/*-Cost-*/
.mt60{margin-top:40px;}
.pdt60{padding-top:30px;}
.w30p{width:auto;}
.pdtb350{padding:20px 0 30px 0;}
.pdtb510{padding:30px 0 10px 0;}
.shelteen,.shelteen2{width:60px;margin:0 auto;}
.fs24cost{font-size:1.5rem;}

.TBcost th{font-size:1.1rem;letter-spacing:-0.1em;}
.TBcost td{background:#fff;padding:10px 0;font-size:1.1rem;}
.TBcost td:first-child{border-left:1px solid #eee;}

.TBcompa{width:100%;}
.TBcompa tr{border:1px solid #ddd;}
.TBcompa th{font-size:1.1rem;letter-spacing:-0.1em;}
.TBcompa th.compaShel{background:#efce1f;border-top:3px solid #fbb204;border-left:3px solid #fbb204;border-right:3px solid #fbb204;}
.TBcompa td{font-size:1.1rem;background:#fff;padding:10px 5px;border:1px solid #ddd;text-align:center;}
.TBcompa td.compaShel{background:#fceccd;border-left:3px solid #fbb204;border-right:3px solid #fbb204;}
.TBcompa td.compaShelLst{background:#fceccd;border-left:3px solid #fbb204;border-right:3px solid #fbb204;border-bottom:3px solid #fbb204;}


/*-Column-*/
.breadArea div{width:90%;padding:10px 0;}
.w740sp{width:100%;}

.pdt80{padding-top:50px;}
.columPad{padding:30px 30px;line-height:2.0;font-size:1.4rem;}
.columPad section p{margin-bottom:40px;}
.columPad section .txAreaL{display:block;width:100%;margin-right:0;margin-bottom:30px;}
.columPad section .imgAreaR{display:block;width:100%;vertical-align:top;margin-bottom:0;}
.columPad section h3{margin-bottom:20px;font-size:1.8rem;}
.columPad section h4{font-size:1.6rem;}
.newcolArea{width:90%;margin-bottom:50px;padding:30px 30px;}
.newcolArea h3{font-size:1.8rem;}

.allcolumn li{float:left;width:48%;margin-right:4%;margin-bottom:4%;}

.allcolumn li:nth-child(2n){float:left;width:48%;margin-right:0;}
.allcolumn li:nth-child(4n){float:left;width:48%;margin-right:0;}
.allcolumn li a{display:block;font-size:1.2rem;line-height:1.4;}

.columPad section .boxLiner{border:2px solid #333;margin-bottom:30px;padding:20px 20px 10px 20px;}


/*-footerbanner-*/
.ftbnrArea{padding:40px 0;}
.ftbnrArea .attend{font-size:2.0rem;padding-bottom:20px;}
.ftbnrArea li{float:left;width:48%;margin-right:4%;margin-bottom:4%;}
.ftbnrArea li:nth-child(2n) {width:48%;margin-right:0;}
.ftbnrArea li:last-child{width:100%;margin-right:0;}
.ftbnrArea li a{height:auto;padding-top:3px;padding-bottom:3px;}
.ftbnrArea li .iconspan{width:20px;}
.ftbnrArea li .txspan{width:70%;}
.ftbnrArea li .telspan{width:35% !important;}

/*-footer-*/
#footer{padding:30px 0;}
#footer .ftInner{position:relative;width:90%;margin:0 auto;font-size:1.3rem;}
#footer .ftInner .ftmenu{padding-bottom:30px;}

#footer .ftInner .ftmenu .packtop{padding-left:30px;margin:5px 0;}
#footer .ftInner .ftmenu .allpack{margin-left:44px;display:inline-block;margin-bottom:5px;}
#footer .ftInner .ftmenu .links{margin-left:44px;display:inline-block;margin-bottom:5px;}

#footer .ftInner .snsArea{position:absolute;bottom:25px;right:0;}
a.totop{position:absolute;right:0;top:-20px;width:40px;height:40px;}

}