@charset "UTF-8";


.u-onlysp{
display:none !important
}
.u-block{
display:block
}
.u-inline-block{
display:inline-block
}
.u-fz10{
font-size:10% !important
}
.u-fz20{
font-size:20% !important
}
.u-fz30{
font-size:30% !important
}
.u-fz40{
font-size:40% !important
}
.u-fz50{
font-size:50% !important
}
.u-fz60{
font-size:60% !important
}
.u-fz70{
font-size:70% !important
}
.u-fz80{
font-size:80% !important
}
.u-fz90{
font-size:90% !important
}
.u-fz100{
font-size:100% !important
}
.u-fz110{
font-size:110% !important
}
.u-fz120{
font-size:120% !important
}
.u-fz130{
font-size:130% !important
}
.u-fz140{
font-size:140% !important
}
.u-fz150{
font-size:150% !important
}
.u-fz160{
font-size:160% !important
}
.u-fz170{
font-size:170% !important
}
.u-fz180{
font-size:180% !important
}
.u-fz190{
font-size:190% !important
}
.u-fz200{
font-size:200% !important
}
.u-fz210{
font-size:210% !important
}
.u-fz220{
font-size:220% !important
}
.u-text-align-l{
text-align:left
}
.u-text-align-r{
text-align:right
}
.u-text-align-c{
text-align:center
}
.u-text-bold{
font-weight:700
}
.u-text-normal{
font-weight:400
}
.u-text-color-text{
color:#000
}
.u-text-color-white{
color:#ffffff
}
.u-text-loose{
letter-spacing:0.05em
}
.u-text-small{
font-size:80% !important
}
.u-text-serif{
font-family:YuMincho, "Yu Mincho", NotoSerifJP, serif
}
.u-text-sub{
margin:0 0.1em;
font-size:0.5em
}
.u-text-sub--entity{
font-size:1.2rem
}
.u-text-sup{
margin:0 0.2em 0 0;
vertical-align:super;
font-size:0.7em
}
.u-text-tight{
letter-spacing:-0.01em
}
.u-text-underline{
text-decoration:underline
}
.u-text-vertical{
-webkit-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
writing-mode:vertical-rl
}
.u-text-color-base{
color:#06225b
}
.u-mt0{
margin-top:0px !important
}
.u-mr0{
margin-right:0px !important
}
.u-mb0{
margin-bottom:0px !important
}
.u-ml0{
margin-left:0px !important
}
.u-pt0{
padding-top:0px !important
}
.u-pr0{
padding-right:0px !important
}
.u-pb0{
padding-bottom:0px !important
}
.u-pl0{
padding-left:0px !important
}
.u-mt5{
margin-top:5px !important
}
.u-mr5{
margin-right:5px !important
}
.u-mb5{
margin-bottom:5px !important
}
.u-ml5{
margin-left:5px !important
}
.u-pt5{
padding-top:5px !important
}
.u-pr5{
padding-right:5px !important
}
.u-pb5{
padding-bottom:5px !important
}
.u-pl5{
padding-left:5px !important
}
.u-mt10{
margin-top:10px !important
}
.u-mr10{
margin-right:10px !important
}
.u-mb10{
margin-bottom:10px !important
}
.u-ml10{
margin-left:10px !important
}
.u-pt10{
padding-top:10px !important
}
.u-pr10{
padding-right:10px !important
}
.u-pb10{
padding-bottom:10px !important
}
.u-pl10{
padding-left:10px !important
}
.u-mt15{
margin-top:15px !important
}
.u-mr15{
margin-right:15px !important
}
.u-mb15{
margin-bottom:15px !important
}
.u-ml15{
margin-left:15px !important
}
.u-pt15{
padding-top:15px !important
}
.u-pr15{
padding-right:15px !important
}
.u-pb15{
padding-bottom:15px !important
}
.u-pl15{
padding-left:15px !important
}
.u-mt20{
margin-top:20px !important
}
.u-mr20{
margin-right:20px !important
}
.u-mb20{
margin-bottom:20px !important
}
.u-ml20{
margin-left:20px !important
}
.u-pt20{
padding-top:20px !important
}
.u-pr20{
padding-right:20px !important
}
.u-pb20{
padding-bottom:20px !important
}
.u-pl20{
padding-left:20px !important
}
.u-mt25{
margin-top:25px !important
}
.u-mr25{
margin-right:25px !important
}
.u-mb25{
margin-bottom:25px !important
}
.u-ml25{
margin-left:25px !important
}
.u-pt25{
padding-top:25px !important
}
.u-pr25{
padding-right:25px !important
}
.u-pb25{
padding-bottom:25px !important
}
.u-pl25{
padding-left:25px !important
}
.u-mt30{
margin-top:30px !important
}
.u-mr30{
margin-right:30px !important
}
.u-mb30{
margin-bottom:30px !important
}
.u-ml30{
margin-left:30px !important
}
.u-pt30{
padding-top:30px !important
}
.u-pr30{
padding-right:30px !important
}
.u-pb30{
padding-bottom:30px !important
}
.u-pl30{
padding-left:30px !important
}
.u-mt35{
margin-top:35px !important
}
.u-mr35{
margin-right:35px !important
}
.u-mb35{
margin-bottom:35px !important
}
.u-ml35{
margin-left:35px !important
}
.u-pt35{
padding-top:35px !important
}
.u-pr35{
padding-right:35px !important
}
.u-pb35{
padding-bottom:35px !important
}
.u-pl35{
padding-left:35px !important
}
.u-mt40{
margin-top:40px !important
}
.u-mr40{
margin-right:40px !important
}
.u-mb40{
margin-bottom:40px !important
}
.u-ml40{
margin-left:40px !important
}
.u-pt40{
padding-top:40px !important
}
.u-pr40{
padding-right:40px !important
}
.u-pb40{
padding-bottom:40px !important
}
.u-pl40{
padding-left:40px !important
}
.u-mt45{
margin-top:45px !important
}
.u-mr45{
margin-right:45px !important
}
.u-mb45{
margin-bottom:45px !important
}
.u-ml45{
margin-left:45px !important
}
.u-pt45{
padding-top:45px !important
}
.u-pr45{
padding-right:45px !important
}
.u-pb45{
padding-bottom:45px !important
}
.u-pl45{
padding-left:45px !important
}
.u-mt50{
margin-top:50px !important
}
.u-mr50{
margin-right:50px !important
}
.u-mb50{
margin-bottom:50px !important
}
.u-ml50{
margin-left:50px !important
}
.u-pt50{
padding-top:50px !important
}
.u-pr50{
padding-right:50px !important
}
.u-pb50{
padding-bottom:50px !important
}
.u-pl50{
padding-left:50px !important
}
.u-mt55{
margin-top:55px !important
}
.u-mr55{
margin-right:55px !important
}
.u-mb55{
margin-bottom:55px !important
}
.u-ml55{
margin-left:55px !important
}
.u-pt55{
padding-top:55px !important
}
.u-pr55{
padding-right:55px !important
}
.u-pb55{
padding-bottom:55px !important
}
.u-pl55{
padding-left:55px !important
}
.u-mt60{
margin-top:60px !important
}
.u-mr60{
margin-right:60px !important
}
.u-mb60{
margin-bottom:60px !important
}
.u-ml60{
margin-left:60px !important
}
.u-pt60{
padding-top:60px !important
}
.u-pr60{
padding-right:60px !important
}
.u-pb60{
padding-bottom:60px !important
}
.u-pl60{
padding-left:60px !important
}
.u-mt65{
margin-top:65px !important
}
.u-mr65{
margin-right:65px !important
}
.u-mb65{
margin-bottom:65px !important
}
.u-ml65{
margin-left:65px !important
}
.u-pt65{
padding-top:65px !important
}
.u-pr65{
padding-right:65px !important
}
.u-pb65{
padding-bottom:65px !important
}
.u-pl65{
padding-left:65px !important
}
.u-mt70{
margin-top:70px !important
}
.u-mr70{
margin-right:70px !important
}
.u-mb70{
margin-bottom:70px !important
}
.u-ml70{
margin-left:70px !important
}
.u-pt70{
padding-top:70px !important
}
.u-pr70{
padding-right:70px !important
}
.u-pb70{
padding-bottom:70px !important
}
.u-pl70{
padding-left:70px !important
}
.u-mt75{
margin-top:75px !important
}
.u-mr75{
margin-right:75px !important
}
.u-mb75{
margin-bottom:75px !important
}
.u-ml75{
margin-left:75px !important
}
.u-pt75{
padding-top:75px !important
}
.u-pr75{
padding-right:75px !important
}
.u-pb75{
padding-bottom:75px !important
}
.u-pl75{
padding-left:75px !important
}
.u-mt80{
margin-top:80px !important
}
.u-mr80{
margin-right:80px !important
}
.u-mb80{
margin-bottom:80px !important
}
.u-ml80{
margin-left:80px !important
}
.u-pt80{
padding-top:80px !important
}
.u-pr80{
padding-right:80px !important
}
.u-pb80{
padding-bottom:80px !important
}
.u-pl80{
padding-left:80px !important
}
.u-mt85{
margin-top:85px !important
}
.u-mr85{
margin-right:85px !important
}
.u-mb85{
margin-bottom:85px !important
}
.u-ml85{
margin-left:85px !important
}
.u-pt85{
padding-top:85px !important
}
.u-pr85{
padding-right:85px !important
}
.u-pb85{
padding-bottom:85px !important
}
.u-pl85{
padding-left:85px !important
}
.u-mt90{
margin-top:90px !important
}
.u-mr90{
margin-right:90px !important
}
.u-mb90{
margin-bottom:90px !important
}
.u-ml90{
margin-left:90px !important
}
.u-pt90{
padding-top:90px !important
}
.u-pr90{
padding-right:90px !important
}
.u-pb90{
padding-bottom:90px !important
}
.u-pl90{
padding-left:90px !important
}
.u-mt95{
margin-top:95px !important
}
.u-mr95{
margin-right:95px !important
}
.u-mb95{
margin-bottom:95px !important
}
.u-ml95{
margin-left:95px !important
}
.u-pt95{
padding-top:95px !important
}
.u-pr95{
padding-right:95px !important
}
.u-pb95{
padding-bottom:95px !important
}
.u-pl95{
padding-left:95px !important
}
.u-mt100{
margin-top:100px !important
}
.u-mr100{
margin-right:100px !important
}
.u-mb100{
margin-bottom:100px !important
}
.u-ml100{
margin-left:100px !important
}
.u-pt100{
padding-top:100px !important
}
.u-pr100{
padding-right:100px !important
}
.u-pb100{
padding-bottom:100px !important
}
.u-pl100{
padding-left:100px !important
}
body{
background-color:#eff4f9
}
a:link{
text-decoration:none
}
img{
max-width:100%;
vertical-align:bottom;
-webkit-backface-visibility:hidden
}
.btn{
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center
}
.btn.frame{
border:1px solid #ffffff;
border-radius:5px;
background-color:#ffffff
}
.btn::after{
position:absolute;
top:calc(50% - 6.5px);
right:19px;
width:11px;
height:11px;
border-top:1px solid;
border-right:1px solid;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.btn a{
display:block
}
.marker{
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:0.5em;
padding:0.3em 0.2em 0.3em 0.5em;
border-radius:5px;
background:#007aff;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
box-shadow:1px 1px 3px rgba(0,0,0,0.3);
vertical-align:bottom;
line-height:1
}
main{
margin:0 auto;
max-width:1300px
}
.kv{
height:340px;
background:url(../img/kv.jpg) no-repeat center center;
background-size:cover;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
flex-direction:row-reverse;
justify-content:center;
}

.kv h1 img{
position:relative;
top:10%
}
.kv .btn{
margin-top:20px;
width:450px;
color:#06225b;
font-size:2rem
}
.kv .btn a:visited,.kv .btn a:link{
color:#06225b
}
.kv .btn a{
line-height:60px
}
.about_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top:80px;
padding-left:5.38462%;
height:487px;
background:linear-gradient(135deg, #0d58a7, #78baff)
}
.about .txtBox{
width:50%
}
.about .txtBox h2{
color:#ffffff;
white-space:nowrap;
font-size:35px;
line-height:1.4
}
.about .txtBox .txt{
margin-top:25px;
color:#ffffff;
font-size:16px;
line-height:1.75
}
.about .txtBox .btn{
margin-top:20px;
max-width:450px;
width:100%;
color:#06225b;
font-size:2rem
}
.about .txtBox .btn a:visited,.about .txtBox .btn a:link{
color:#06225b
}
.about .txtBox .btn a{
line-height:60px
}
.about .imgBox{
position:absolute;
bottom:0;
left:50%;
margin-left:6.92308%;
width:36.313%;
line-height:1
}
.about .bgWhite{
padding:60px 0;
background:#ffffff
}
.about .bgWhite dl{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
padding:4.16667% 8.33333% 4.16667% 7.29167%;
width:73.84615%;
border-radius:5px;
background:url(../images/bg_stripe.jpg) center center
}
.about .bgWhite dl dt{
color:#06225b;
font-size:22px;
line-height:1
}
.about .bgWhite dl dd{
margin-top:17px;
color:#06225b;
font-size:16px;
line-height:1.75
}
.serv{
background:url(/hanbaikanri/images/serv_bg02.jpg) no-repeat center center/cover;
text-align:center;
padding:80px 0 50px;
color:#fff
}
.serv .callout{
font-size:23px;
font-weight:100;
padding-bottom:20px;
line-height:1
}
.serv h3{
font-size:40px;
font-weight:700;
line-height:1
}
.serv .txt{
margin-top:35px;
font-size:16px;
font-weight:200;
line-height:1.75
}
.serv .btn{
margin-top:45px;
width:450px;
color:#06225b;
font-size:2rem
}
.serv .btn a:visited,.serv .btn a:link{
color:#06225b
}
.serv .btn a{
line-height:60px
}
.serv .btn.frame{
border:none
}
.coop{
padding:4.61538% 0;
background:url(../images/bg_stripe.jpg) center center
}
.coop h2{
color:#06225b;
text-align:center;
font-size:26px;
line-height:1
}
.coop .coop_wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:2% auto 0;
width:73.84615%
}
.coop .coop_wrap li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:.20833%;
width:20%
}
.coop .coop_wrap li .txt{
position:relative;
margin-top:12px;
color:#06225b;
text-align:center;
font-size:18px;
line-height:1.11111
}
.coop .coop_wrap li .txt.oneLine{
padding:0.5em 0
}
.coop .coop_wrap li .txt::after{
position:absolute;
top:50%;
right:7.97872%;
padding-top:5.85106%;
width:5.85106%;
height:0;
border-top:1px solid;
border-right:1px solid;
content:"";
-webkit-transform:rotate(45deg) translateY(-50%);
transform:rotate(45deg) translateY(-50%)
}
.workvision-hanbai{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
width:73.84615%;
border-radius:5px;
text-align:center;
padding-top:50px;
}
.case{
padding:60px 0;
background:url(../images/case_bg.jpg) no-repeat center center;
background-size:100% 100%
}
.case h2{
color:#ffffff;
text-align:center;
font-size:22px
}
.case h3{
color:#ffffff;
text-align:center;
font-size:22px;
margin-bottom:30px;
}
.case .caseList{
display:flex;
flex-wrap:wrap;
width:90%;
margin:0 auto;
}
.case .caseList li{
overflow:hidden;
border-radius:5px;
background:#fff;
width:46%;
margin:20px 2% 0 2%;
padding:15px;
}

.case .caseList li a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.case .caseList li a p span{
color:#fff;
}
.case .caseList li a dl{
color:#024fa3;
}
.case .caseList li a::before,.case .caseList li a::after{
position:absolute;
right:0;
bottom:0;
content:""
}
.case .caseList li a::before{
padding-top:4.47917%;
width:4.47917%;
background:#024fa3
}
.case .caseList li a::after{
margin:0 1.77083% 1.45833% 0;
padding-top:.9375%;
width:.9375%;
height:0;
border-top:2px solid #ffffff;
border-right:2px solid #ffffff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.case .caseList li .imgBox{
width:34%
}
.case .caseList li .txtBox{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:60%;
padding-left:15px;
}

.case .caseList li .txtBox p.number{
display:inline-block;
padding:0 0.5em;
background:#024fa3;
font-size:12px;
line-height:1;
-webkit-transform:skew(-20deg);
transform:skew(-20deg)
}
.case .caseList li .txtBox p.number span{
display:inline-block;
-webkit-transform:skew(20deg);
transform:skew(20deg)
}
.case .caseList li .txtBox .txt{
margin-top:3.4%;
color:#ffffff;
font-size:16px;
line-height:1.75
}
.case .caseList li dt{
font-size:16px;
margin:5px 0;
font-weight:bold;
}
.case .caseList li dd{
font-size:12px;
}
.case .comment{
margin:30px auto 0 auto;
width:73.84615%;
color:#a5a7ba;
text-align:center;
font-size:13px
}
.select_point{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
width:73.84615%;
border-radius:5px;
padding-top:50px;
}
.select_point h2{
font-size:26px;
margin-bottom:20px;
text-align:center;
}
.select_point p{
font-size:16px;
line-height:1.75em;
text-align:left;
font-weight:bold;
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px;
}
.select_point ul{
padding:0 0 0 15px;
margin-bottom:20px;
}
.select_point ul li{
font-size:15px;
line-height:1.7em;
margin-bottom:10px;
list-style:disc;
}
.columnarea{
margin:60px auto 0 auto;
padding:60px 0;
background:#024fa3;
color:#fff;
font-size:14px;
}
.columnarea div{
width:90%;
margin:0 auto;
}
.columnarea h2{
text-align:center;
font-size:22px;
margin-bottom:30px;
}
.columnarea p{
font-size:15px;
line-height:1.7em;
}
.columnarea p:last-child{
margin-bottom:0;
text-align:center;
}
.columnarea ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
flex-wrap:wrap;
margin:30px 0 0 0;
width:95%;
margin:40px auto 30px auto;
}
.columnarea a{
color:#fff;
}
.columnarea ul{
margin-bottom:60px;
}
.columnarea ul li{
width:23%;
margin:0 1% 20px 1%;
}
.columnarea ul li dt{
width:100%;
margin-bottom:20px;
}
.columnarea ul li dt img{
width:100%;
height:auto;
}
.other-solution{
  margin:0 auto;
  padding:60px 0;
  font-size:14px;
}
.other-solution dt{
  text-align:center;
  font-weight:bold;
  font-size:22px;
  margin-bottom:30px;
}
.other-solution ul{
  display:flex;
  flex-wrap:wrap;
  margin:0 auto;
  justify-content:space-between;
  width:65%;
}
.other-solution ul li{
  width:48%;
}
.other-solution ul li a{
  display:block;
  border-radius:3px;
  padding:20px;
  font-size:16px;
  color:#FFF;
  text-align:center;
  background:#024fa3;
}
.other-solution ul li a:hover{
  background:#036dc2;
}

.feature{
padding-top:2.60417%;
background-color:#eff4f9;
color:#06225b
}
.feature_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:-6.53846% auto 0;
padding-top:2.60417%;
width:85%;
border-radius:5px;
background:#ffffff;
text-align:center
}
.feature h2{
font-size:22px
}
.feature ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
padding:2.08333% 0% 2.08333% 0%;
border-radius:5px
}
.feature ul li dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.feature ul li dl dt{
text-align:center
}
.feature ul li dl dt img{
max-width:calc(240px);
width:100%
}
.feature ul li dl dd{
margin-top:20px;
min-height:0vw;
text-align:center;
font-size:calc(0.75rem + ((1vw - 7.68px) * 0.5639));
line-height:1.75
}
.functionlist{
background-color:#eff4f9;
color:#06225b;
}
.functionlist_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
border-radius:5px;
background-color:#eff4f9;
text-align:center
}
.functionlist h2{
padding-bottom:2.60417%;
font-size:26px;
margin-bottom:20px;
}
.functionlist .ulwrap{
position:relative;
z-index:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%
}
.functionlist ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
border-radius:5px;
background-color:#eff4f9;
width:100%;
margin-bottom:40px;
}
/*.functionlist ul:last-child{
  width:84%;
}
.functionlist ul:last-child li{
width:30%;
}*/
.functionlist ul:last-child li dd{
letter-spacing:-1px;
}
.functionlist ul li{
width:23%;
}
.functionlist ul li a,
.functionlist ul li span.no-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:132px;
height:132px;
border-radius:50%;
background-color:#024fa3;
color:#ffffff;
margin:0 auto;
}
.functionlist ul li p{
margin:20px 0 30px 0;
text-align:left;
font-size:16px;
line-height:1.8em;
}
.functionlist ul li a:link,.functionlist ul li a:visited{
color:#ffffff
}
.functionlist ul li a:hover{
background-color:#81a7d1;
color:#ffffff
}
.functionlist ul li a dl,
.functionlist ul li span.no-link dl{
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.functionlist ul li a dl dt img,
.functionlist ul li span.no-link dl dt img{
max-width:50px;
width:100%
}
.functionlist ul li a dl dd,
.functionlist ul li span.no-link dl dd{
margin-top:10px;
min-height:0vw;
text-align:center;
white-space:nowrap;
font-size:14px;
line-height:1.75
}
.functionlist ul li a dl dd:after{
display:inline-block;
margin-left:0.5rem;
width:10px;
height:10px;
border:1px solid #ffffff;
border-width:1px 1px 0 0;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.industrylist{
padding:45px 0 0 0;
text-align:center;
}
.industrylist-wrap{
width:73.84615%;
margin:0 auto;
}
.hanbaikanri-merit{
background-color:#eff4f9;
color:#06225b;
}
.hanbaikanri-merit_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
width:90%;
background-color:#eff4f9;
text-align:center
}
.hanbaikanri-merit h2{
font-size:22px
}
.hanbaikanri-merit .ulwrap{
position:relative;
z-index:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:30px;
}
.hanbaikanri-merit ul{
display:flex;
margin:0 auto;
}
.hanbaikanri-merit ul li{
width:22%;
margin:0 auto;
}
.hanbaikanri-merit ul li dt{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:250px;
height:250px;
border-radius:50%;
}
.hanbaikanri-merit ul li:nth-child(1) dt{
background:#024fa3 url(../img/merit_item01.png) no-repeat center center;
background-size:cover;
}
.hanbaikanri-merit ul li:nth-child(2) dt{
background:#024fa3 url(../img/merit_item02.png) no-repeat center center;
background-size:cover;
}
.hanbaikanri-merit ul li:nth-child(3) dt{
background:#024fa3 url(../img/merit_item03.png) no-repeat center center;
background-size:cover;
}
.hanbaikanri-merit ul li:nth-child(4) dt{
background:#024fa3 url(../img/merit_item04.png) no-repeat center center;
background-size:cover;
}
.hanbaikanri-merit ul li dd{
margin-top:20px;
font-size:16px;
line-height:1.8em;
text-align:left;
}

.hanbaikanri-merit ul li span{
color:#ffffff;
font-size:16px
}
.hanbaikanri-merit p{
font-size:14px;
line-height:1.5em;
}
.flowimage{
background-color:#ffffff
}
.flowimage_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 15px;
padding-top:3.64583%;
width:73.84615%;
background-color:#ffffff;
text-align:center
}
.flowimage_wrap h3{
font-size:22px;
}
.flowimage_wrap figure{
display:inline-block;
margin:0;
height:100%;
background-color:#ffffff
}
.baloonlist{
background:#eff4f9;
padding:20px 0 0 0;
}
.baloonlist .message{
padding:4.16667% 7.29167% 4.16667%;
border-radius:5px;
background-image:repeating-linear-gradient(-44deg, #e1e9f3 1px, #e1e9f3 5px, #ebf1f7 0, #ebf1f7 9px);
text-align:left
}
.baloonlist .message h2{
font-size:26px;
}
.baloonlist .message dl{
font-size:14px;
}
.flowimage .baloon{
position:relative;
margin:0% auto 0;
width:73.84615%;
height:170px;
background-color:#eff4f9
}
.flowimage .baloon_item{
position:absolute;
display:inline-block;
max-width:360px;
width:100%;
border-radius:5px
}
.flowimage .baloon_item .triangle{
display:inline-block;
margin-right:35px;
width:24px;
height:24px
}
.flowimage .baloon_item .baloon_inner{
padding:20px 20px;
border-radius:5px
}
.flowimage .baloon_item .baloon_inner p{
color:#06225b;
font-size:16px;
line-height:1.8
}
.flowimage .baloon_item.type01{
left:0;
max-width:345px;
width:100%;
text-align:right
}
.flowimage .baloon_item.type01 .baloon_inner{
background-color:#ffffff;
text-align:left
}
.flowimage .baloon_item.type01 .triangle{
display:inline-block;
margin-right:35px;
width:auto;
height:24px;
-webkit-transform:scale(-1, 1);
transform:scale(-1, 1)
}
.flowimage .baloon_item.type02{
top:24px;
left:320px;
max-width:300px;
width:100%
}
.flowimage .baloon_item.type02 .baloon_inner{
background-image:repeating-linear-gradient(-44deg, #e1e9f3 1px, #e1e9f3 5px, #ebf1f7 0, #ebf1f7 9px)
}
.flowimage .baloon_item.type02 .triangle{
display:inline-block;
margin-left:35px;
width:auto;
height:24px
}
.flowimage .baloon_item.type03{
left:580px;
max-width:380px;
width:100%
}
.flowimage .baloon_item.type03 .baloon_inner{
background-color:#ffffff
}
.flowimage .baloon_item.type03 .triangle{
display:inline-block;
margin-left:35px;
width:auto;
height:24px
}
.achievement{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
width:73.84615%;
border-radius:5px;
text-align:center;
padding-top:50px;
}
.downloadlist{
padding:60px 0 40px 0;
background-image: linear-gradient(150deg, rgba(40, 126, 165, 1) 10%, rgba(18, 97, 153, 1) 90%);
background-size:cover
}
.downloadlist_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 15px;
width:100%;
text-align:center
}
.downloadlist h3{
color:#ffffff;
font-size:22px;
font-weight:bold;
text-shadow:1px 1px 0 #0c4688;
}
.downloadlist ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
width:95%;
margin:0 auto 20px auto;
}
.downloadlist li{
width:25%;
margin-bottom:30px;
}
.downloadlist li .item figure.thumb{
margin-bottom:15px
}
.downloadlist .label{
margin-bottom:15px;
color:#ffffff;
font-weight:500;
font-size:15px;
line-height:1.8
}
.downloadlist .label span{
font-weight:300
}
.downloadlist .click-btn{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto;
padding:20px;
width:210px;
height:40px;
border-radius:40px;
background-color:#ffffff;
color:#06225b;
text-align:center;
font-size:14px;
line-height:42px;
justify-items:center
}
.downloadlist .click-btn img{
position:absolute;
top:50%;
right:15px;
margin-left:0.5rem;
width:9px;
height:11px;
vertical-align:middle;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.aboutsystem{
color:#06225b
}
.aboutsystem_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0% auto 0;
width:73.84615%;
border-radius:5px;
text-align:center
}
.aboutsystem h2{
font-size:22px
}
.aboutsystem .message{
padding:4.16667% 5% 4.16667%;
border-radius:5px;
background-image:repeating-linear-gradient(-44deg, #e1e9f3 1px, #e1e9f3 5px, #ebf1f7 0, #ebf1f7 9px);
text-align:left
}
.aboutsystem .message h3{
font-weight:500;
font-size:22px
}
.aboutsystem .message p{
font-size:15px;
line-height:1.7em;
margin-bottom:30px;
}
.aboutsystem .message p:last-child{
margin-bottom:0;
}
.aboutsystem .message ul{
padding:25px 0 15px 10px;
margin-bottom:20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.aboutsystem .message ul li{
list-style:disc;
font-size:15px;
line-height:1.7em;
margin-bottom:15px;
}
.about_byindustry h2{
font-weight:500;
font-size:26px
}
.about_byindustry p{
font-size:16px;
line-height:1.75
}
.about_byindustry ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
max-width:575px;
border-radius:5px
}
.about_byindustry ul li{
margin-bottom:15px
}
.about_byindustry ul li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:165px;
height:165px;
border-radius:50%;
background-color:#3d86d2;
color:#ffffff
}
.about_byindustry ul li a:link,.about_byindustry ul li a:visited{
color:#ffffff
}
.about_byindustry ul li a:hover{
background-color:#9ec3e9;
color:#ffffff
}
.about_byindustry ul li a dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.about_byindustry ul li a dl dt{
text-align:center
}
.about_byindustry ul li a dl dt img{
max-width:50px;
width:100%
}
.about_byindustry ul li a dl dd{
margin-top:10px;
min-height:0vw;
text-align:center;
white-space:nowrap;
font-size:14px;
line-height:1.75
}
.about_byindustry ul li a dl dd:after{
display:inline-block;
margin-left:0.5rem;
width:10px;
height:10px;
border:1px solid #ffffff;
border-width:1px 1px 0 0;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
@media only screen and (max-width: 767px){
.u-onlypc{
display:none !important
}
.u-onlysp{
display:inherit !important
}
.u-text-align-sp-l{
text-align:left
}
.u-text-align-sp-r{
text-align:right
}
.u-text-align-sp-c{
text-align:center
}
.u-mt0-sp{
margin-top:0px !important
}
.u-mr0-sp{
margin-right:0px !important
}
.u-mb0-sp{
margin-bottom:0px !important
}
.u-ml0-sp{
margin-left:0px !important
}
.u-pt0-sp{
padding-top:0px !important
}
.u-pr0-sp{
padding-right:0px !important
}
.u-pb0-sp{
padding-bottom:0px !important
}
.u-pl0-sp{
padding-left:0px !important
}
.u-mt5-sp{
margin-top:5px !important
}
.u-mr5-sp{
margin-right:5px !important
}
.u-mb5-sp{
margin-bottom:5px !important
}
.u-ml5-sp{
margin-left:5px !important
}
.u-pt5-sp{
padding-top:5px !important
}
.u-pr5-sp{
padding-right:5px !important
}
.u-pb5-sp{
padding-bottom:5px !important
}
.u-pl5-sp{
padding-left:5px !important
}
.u-mt10-sp{
margin-top:10px !important
}
.u-mr10-sp{
margin-right:10px !important
}
.u-mb10-sp{
margin-bottom:10px !important
}
.u-ml10-sp{
margin-left:10px !important
}
.u-pt10-sp{
padding-top:10px !important
}
.u-pr10-sp{
padding-right:10px !important
}
.u-pb10-sp{
padding-bottom:10px !important
}
.u-pl10-sp{
padding-left:10px !important
}
.u-mt15-sp{
margin-top:15px !important
}
.u-mr15-sp{
margin-right:15px !important
}
.u-mb15-sp{
margin-bottom:15px !important
}
.u-ml15-sp{
margin-left:15px !important
}
.u-pt15-sp{
padding-top:15px !important
}
.u-pr15-sp{
padding-right:15px !important
}
.u-pb15-sp{
padding-bottom:15px !important
}
.u-pl15-sp{
padding-left:15px !important
}
.u-mt20-sp{
margin-top:20px !important
}
.u-mr20-sp{
margin-right:20px !important
}
.u-mb20-sp{
margin-bottom:20px !important
}
.u-ml20-sp{
margin-left:20px !important
}
.u-pt20-sp{
padding-top:20px !important
}
.u-pr20-sp{
padding-right:20px !important
}
.u-pb20-sp{
padding-bottom:20px !important
}
.u-pl20-sp{
padding-left:20px !important
}
.u-mt25-sp{
margin-top:25px !important
}
.u-mr25-sp{
margin-right:25px !important
}
.u-mb25-sp{
margin-bottom:25px !important
}
.u-ml25-sp{
margin-left:25px !important
}
.u-pt25-sp{
padding-top:25px !important
}
.u-pr25-sp{
padding-right:25px !important
}
.u-pb25-sp{
padding-bottom:25px !important
}
.u-pl25-sp{
padding-left:25px !important
}
.u-mt30-sp{
margin-top:30px !important
}
.u-mr30-sp{
margin-right:30px !important
}
.u-mb30-sp{
margin-bottom:30px !important
}
.u-ml30-sp{
margin-left:30px !important
}
.u-pt30-sp{
padding-top:30px !important
}
.u-pr30-sp{
padding-right:30px !important
}
.u-pb30-sp{
padding-bottom:30px !important
}
.u-pl30-sp{
padding-left:30px !important
}
.u-mt35-sp{
margin-top:35px !important
}
.u-mr35-sp{
margin-right:35px !important
}
.u-mb35-sp{
margin-bottom:35px !important
}
.u-ml35-sp{
margin-left:35px !important
}
.u-pt35-sp{
padding-top:35px !important
}
.u-pr35-sp{
padding-right:35px !important
}
.u-pb35-sp{
padding-bottom:35px !important
}
.u-pl35-sp{
padding-left:35px !important
}
.u-mt40-sp{
margin-top:40px !important
}
.u-mr40-sp{
margin-right:40px !important
}
.u-mb40-sp{
margin-bottom:40px !important
}
.u-ml40-sp{
margin-left:40px !important
}
.u-pt40-sp{
padding-top:40px !important
}
.u-pr40-sp{
padding-right:40px !important
}
.u-pb40-sp{
padding-bottom:40px !important
}
.u-pl40-sp{
padding-left:40px !important
}
.u-mt45-sp{
margin-top:45px !important
}
.u-mr45-sp{
margin-right:45px !important
}
.u-mb45-sp{
margin-bottom:45px !important
}
.u-ml45-sp{
margin-left:45px !important
}
.u-pt45-sp{
padding-top:45px !important
}
.u-pr45-sp{
padding-right:45px !important
}
.u-pb45-sp{
padding-bottom:45px !important
}
.u-pl45-sp{
padding-left:45px !important
}
.u-mt50-sp{
margin-top:50px !important
}
.u-mr50-sp{
margin-right:50px !important
}
.u-mb50-sp{
margin-bottom:50px !important
}
.u-ml50-sp{
margin-left:50px !important
}
.u-pt50-sp{
padding-top:50px !important
}
.u-pr50-sp{
padding-right:50px !important
}
.u-pb50-sp{
padding-bottom:50px !important
}
.u-pl50-sp{
padding-left:50px !important
}
.u-mt55-sp{
margin-top:55px !important
}
.u-mr55-sp{
margin-right:55px !important
}
.u-mb55-sp{
margin-bottom:55px !important
}
.u-ml55-sp{
margin-left:55px !important
}
.u-pt55-sp{
padding-top:55px !important
}
.u-pr55-sp{
padding-right:55px !important
}
.u-pb55-sp{
padding-bottom:55px !important
}
.u-pl55-sp{
padding-left:55px !important
}
.u-mt60-sp{
margin-top:60px !important
}
.u-mr60-sp{
margin-right:60px !important
}
.u-mb60-sp{
margin-bottom:60px !important
}
.u-ml60-sp{
margin-left:60px !important
}
.u-pt60-sp{
padding-top:60px !important
}
.u-pr60-sp{
padding-right:60px !important
}
.u-pb60-sp{
padding-bottom:60px !important
}
.u-pl60-sp{
padding-left:60px !important
}
.u-mt65-sp{
margin-top:65px !important
}
.u-mr65-sp{
margin-right:65px !important
}
.u-mb65-sp{
margin-bottom:65px !important
}
.u-ml65-sp{
margin-left:65px !important
}
.u-pt65-sp{
padding-top:65px !important
}
.u-pr65-sp{
padding-right:65px !important
}
.u-pb65-sp{
padding-bottom:65px !important
}
.u-pl65-sp{
padding-left:65px !important
}
.u-mt70-sp{
margin-top:70px !important
}
.u-mr70-sp{
margin-right:70px !important
}
.u-mb70-sp{
margin-bottom:70px !important
}
.u-ml70-sp{
margin-left:70px !important
}
.u-pt70-sp{
padding-top:70px !important
}
.u-pr70-sp{
padding-right:70px !important
}
.u-pb70-sp{
padding-bottom:70px !important
}
.u-pl70-sp{
padding-left:70px !important
}
.u-mt75-sp{
margin-top:75px !important
}
.u-mr75-sp{
margin-right:75px !important
}
.u-mb75-sp{
margin-bottom:75px !important
}
.u-ml75-sp{
margin-left:75px !important
}
.u-pt75-sp{
padding-top:75px !important
}
.u-pr75-sp{
padding-right:75px !important
}
.u-pb75-sp{
padding-bottom:75px !important
}
.u-pl75-sp{
padding-left:75px !important
}
.u-mt80-sp{
margin-top:80px !important
}
.u-mr80-sp{
margin-right:80px !important
}
.u-mb80-sp{
margin-bottom:80px !important
}
.u-ml80-sp{
margin-left:80px !important
}
.u-pt80-sp{
padding-top:80px !important
}
.u-pr80-sp{
padding-right:80px !important
}
.u-pb80-sp{
padding-bottom:80px !important
}
.u-pl80-sp{
padding-left:80px !important
}
.u-mt85-sp{
margin-top:85px !important
}
.u-mr85-sp{
margin-right:85px !important
}
.u-mb85-sp{
margin-bottom:85px !important
}
.u-ml85-sp{
margin-left:85px !important
}
.u-pt85-sp{
padding-top:85px !important
}
.u-pr85-sp{
padding-right:85px !important
}
.u-pb85-sp{
padding-bottom:85px !important
}
.u-pl85-sp{
padding-left:85px !important
}
.u-mt90-sp{
margin-top:90px !important
}
.u-mr90-sp{
margin-right:90px !important
}
.u-mb90-sp{
margin-bottom:90px !important
}
.u-ml90-sp{
margin-left:90px !important
}
.u-pt90-sp{
padding-top:90px !important
}
.u-pr90-sp{
padding-right:90px !important
}
.u-pb90-sp{
padding-bottom:90px !important
}
.u-pl90-sp{
padding-left:90px !important
}
.u-mt95-sp{
margin-top:95px !important
}
.u-mr95-sp{
margin-right:95px !important
}
.u-mb95-sp{
margin-bottom:95px !important
}
.u-ml95-sp{
margin-left:95px !important
}
.u-pt95-sp{
padding-top:95px !important
}
.u-pr95-sp{
padding-right:95px !important
}
.u-pb95-sp{
padding-bottom:95px !important
}
.u-pl95-sp{
padding-left:95px !important
}
.u-mt100-sp{
margin-top:100px !important
}
.u-mr100-sp{
margin-right:100px !important
}
.u-mb100-sp{
margin-bottom:100px !important
}
.u-ml100-sp{
margin-left:100px !important
}
.u-pt100-sp{
padding-top:100px !important
}
.u-pr100-sp{
padding-right:100px !important
}
.u-pb100-sp{
padding-bottom:100px !important
}
.u-pl100-sp{
padding-left:100px !important
}

}
@media (min-width: 1100px){
.feature ul li dl dd{
font-size:calc(140% + 4 * (100vw - 1300px) / 1300)
}

}
@media (min-width: 1300px){
.feature ul li dl dd{
font-size:15px
}

}
@media (min-width: 768.1px){
.kv .btn:hover,.about .btn:hover,.serv .btn:hover{
background-color:#06225b
}
.kv .btn:hover a:visited,.kv .btn:hover a:link,.kv .btn:hover::after,.about .btn:hover a:visited,.about .btn:hover a:link,.about .btn:hover::after,.serv .btn:hover a:visited,.serv .btn:hover a:link,.serv .btn:hover::after{
color:#ffffff
}
.kv_point{
color:#202020;
text-shadow: 1px 1px #fff;
font-size:18px;
font-weight:bold;
max-height:219px;
margin:60px 40px 0 -30px;
width:145px;
height:145px;
border-radius:145px;
background-image: linear-gradient(135deg, rgba(254, 220, 64, 1), rgba(255, 182, 0, 1));
box-shadow: 1px 1px 2px black;
}
.kv_point p{
padding-top:5px;
line-height:24px;
}
.kv_point span{
font-size:12px;
line-height:45px;
}

.kv_btn{
  display:flex;
  margin:-45px auto 0 auto;
  width:65%;
  text-align:center;
}
.kv_btn li{
  margin-right:30px;
}
.kv_btn li a{
  width:400px;
  background: linear-gradient(#f59138, #ed7329);
  display:block;
  text-align:center;
  font-weight:bold;
  line-height:50px;
  border-radius:65px;
  font-size:20px;
  border:1px solid #ea6f0c;
  color:#fff;
  text-shadow:1px 1px 0 #eb6d22;
  box-shadow:3px 3px 6px #2e66c7,0 1px 0px 0px #f9b77e inset;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.kv_btn.dl li a{
  width:400px;
}
.kv_btn li a:hover{
  border:1px solid #eaa60c;
  background: linear-gradient(#f5c038, #eda329);
  text-shadow:1px 1px 0 #eb9422;
  box-shadow:3px 3px 6px #2e66c7,0 1px 0px 0px #f9d57e inset;
}
.kv_btn li a:before{
  content: '';
  width: 20px;
  height: 15px;
  display: inline-block;
  background-size: contain!important;
  position: relative;
  top: 1px;
  margin-right: 10px;
}
.kv_btn li a.kv_btn_contact:before{
  background: url(/hanbaikanri/images/common/icon_contact.png) no-repeat;
}
.kv_btn li a.kv_btn_request:before{
  background: url(/hanbaikanri/images/common/icon_request.png) no-repeat;
}
.kv_btn li a.kv_btn_dl_paper:before{
  background: url(/hanbaikanri/images/common/icon_request.png) no-repeat;
  position: relative;
}
.kv_btn li a.kv_btn_dl_price:before{
  background: url(/hanbaikanri/images/common/icon_yen.png) no-repeat;
  height: 1em;
  width: 1em;
  top: .2em;
}
.kv_btn li a.kv_btn_dl_paper:after,.kv_btn li a.kv_btn_dl_price:after {
  content: "";
  position: relative;
  display: inline-block;
  right: 0em;
  top:-.1em;
  width: .4em;
  height: .4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.kv h1{
margin-bottom:0;
max-height:219px;
height:100%;
font-size:24px;
color:#fff;
padding-top:60px;
text-shadow: 1px 1px 2px black;
}
.kv h1 span{
font-size:50px;
font-weight:bold;
}
.coop_wrap li{
-webkit-transition:0.5s;
transition:0.5s
}
.coop_wrap li:hover{
opacity:0.7
}
.case .caseList li a::after,.case .caseList li .txtBox h4,.case .caseList li .txtBox .txt,.case .caseList li .imgBox{
-webkit-transition:0.5s;
transition:0.5s
}
.case .caseList li:hover a::after,.case .caseList li:hover .txtBox h4,.case .caseList li:hover .txtBox .txt,.case .caseList li:hover .imgBox{
opacity:0.7
}
.saasbox {
  background: transparent url(/hanbaikanri/images/bg_saas.png) center top / cover no-repeat;
  margin-bottom:80px;
}
.saasbox .inner {
  width: calc((970 / 1300) * 100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
}
.saasbox .inner .inner_l {
  width: calc((600 / 970) * 100%);
}
.saasbox .inner .inner_r {
  width: calc((370 / 970) * 100%);
  display: flex;
  justify-content: right;
  align-items: flex-end;
}
.saasbox .inner dl{
  text-align: left;
}
.saasbox .inner dl dt{
  font-size: 34px;
  color: #fff;
}
.saasbox .inner dl dt + dd{
  margin-top:.8em;
}
.saasbox .inner dl dd{
  font-size: 18px;
  color: #fff;
}
.saasbox .btn_detail {
  border-radius: 4px;
  padding:1.5em 1em;
  background: #fff;
  display: block;
  width: 300px;
}
.saasbox .btn_detail span {
  color: #06225b;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  position:relative;
}
.saasbox .btn_detail span:after {
  content: "";
  position: absolute;
  display: inline-block;
  right: -3em;
  top: .5em;
  width: .4em;
  height: .4em;
  border-top: 1px solid #06225b;
  border-right: 1px solid #06225b;
  transform: rotate(45deg);
}
.downloadlink {
  background-color: #024fa3;
  padding: 50px 0;
}
.downloadlink .kv_btn{
  margin: 0 auto;
}
.kv_btn li span{
  font-size: 18px;
  color: #fff;
  margin-bottom: .5em;
}

}
@media (max-width: 1300px){
.flowimage .baloon_item:nth-child(1){
max-width:calc( 345 / 960 * 100%)
}
.flowimage .baloon_item:nth-child(2){
left:calc( 320 / 960 * 100%);
max-width:calc( 300 / 960 * 100%)
}
.flowimage .baloon_item:nth-child(2) .baloon_inner{
padding-right:40px
}
.flowimage .baloon_item:nth-child(3){
right:0;
left:auto;
max-width:calc( 380 / 960 * 100%)
}
.hanbaikanri-merit_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
margin:2.30769% auto 0;
width:100%;
text-align:center
}
.hanbaikanri-merit h2{
font-size:22px
}
.hanbaikanri-merit .ulwrap{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%
}
.hanbaikanri-merit ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:space-evenly;
-ms-flex-pack:space-evenly;
justify-content:space-evenly;
margin:0 auto 10%;
width:100%
}
.hanbaikanri-merit ul li:nth-child(2){
margin:0
}
.hanbaikanri-merit ul+ul li:nth-child(1),.hanbaikanri-merit ul+ul li:nth-child(2){
margin:0
}

}
@media (min-width: 768.1px) and (max-width: 1200px){
.tab_1200n{
display:none !important
}
.tab_1200b{
display:block !important
}

}
@media (min-width: 768.1px) and (max-width: 1100px){
.tab_1100n{
display:none !important
}
.tab_1100b{
display:block !important
}

}
@media (min-width: 768.1px) and (max-width: 1000px){
.coop .coop_wrap li .txt{
font-size:14px
}

}
@media (max-width: 1000px){
.downloadlist_wrap{
width:90%;
}
.downloadlist ul+ul{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.downloadlist ul{
width:100%;
margin:0 auto;
}
.downloadlist li{
width:45%;
margin-bottom:15px;
}
.downloadlist .label{
font-size:14px;
line-height:1.5em;
}
.downloadlist .click-btn{
width:auto;
height:auto;
line-height:1.7em;
padding:5px;
font-size:13px;
letter-spacing:0;
display:none;
}

}
@media (max-width: 768px){
main{
overflow:hidden
}
.kv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:220px
}
.kv h1,.kv .txt,.kv .btn{
width:100%
}
.kv h1{
color:#fff;
margin:0 auto;
margin-bottom:20px;
padding-top:0px;
max-height:unset;
height:auto;
font-size:14px;
line-height:2em;
text-shadow: 1px 1px 2px black;
}
.kv h1 span{
font-size:24px;
font-weight:bold;
}
.kv p{
margin:15px auto 0
}
.kv_point{
display:none;
}
.kv_btn{
display:none;
}
.feature h2{
font-size:18px;
margin-bottom:20px;
}
.feature_wrap{
padding-top:15px;
}
.ulwrap ul{
display:flex;
}
.ulwrap li{
width:42%;
}
.about{
text-align:center
}
.about_wrap{
padding-top:13.33333%;
padding-left:0;
height:auto
}
.about .txtBox h2{
white-space:normal;
font-size:28px
}
.about .txtBox .txt{
text-align:left
}
.about .txtBox,.about .imgBox{
margin:0 auto;
width:90%
}
.about .imgBox{
position:static;
margin-top:10%
}
.about .bgWhite{
padding:13.33333% 0
}
.about .bgWhite dl{
width:90%
}
.about .bgWhite dl dd{
text-align:left
}
.serv{
padding:13.33333% 0;
height:auto;
background-size:auto 100%
}
.serv .callout{
padding-top:0
}
.serv .callout::before{
margin-left:-5%
}
.serv .callout::after{
margin-right:-5%
}
.serv h2{
display:block;
font-size:28px;
line-height:1.5
}
.serv .txt{
margin:34px auto 0;
width:90%;
text-align:left
}
.serv .btn{
margin:20px auto;
width:90%
}
.coop{
padding:13.33333% 5%;
}
.coop h2{
line-height:1.5
}
.coop .coop_wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:90%
}
.coop .coop_wrap li{
padding:1.48148%;
width:50%
}
.coop .coop_wrap li:last-child{
margin:0 auto
}
.coop .coop_wrap li .txt{
position:relative;
margin-top:12px;
color:#06225b;
text-align:center;
font-size:18px;
line-height:1.11111
}
.coop .coop_wrap li .txt.oneLine{
padding:0.5em 0
}
.coop .coop_wrap li .txt::after{
position:absolute;
top:50%;
right:7.97872%;
padding-top:5.85106%;
width:5.85106%;
height:0;
border-top:1px solid;
border-right:1px solid;
content:"";
-webkit-transform:rotate(45deg) translateY(-50%);
transform:rotate(45deg) translateY(-50%)
}
.coop .coop_wrap li img{
width:100%
}
.achievement{
width:90%;
}
.case{
padding:50px 0;
background:url(../images/case_bg.jpg) no-repeat center center;
background-size:auto 100%
}
.case h3{
margin-bottom:0;
}
.case .caseList{
margin:0 auto;
width:90%
}
.case .caseList li{
margin-top:26px;
display:flex;
flex-wrap:wrap;
width:100%;
}
.case .caseList li+li{
margin-top:26px
}
.case .caseList li a::before,.case .caseList li a::after{
position:absolute;
right:0;
bottom:50.86667vw;
content:""
}
.case .caseList li a::before{
padding-top:5.33333%;
width:5.33333%
}
.case .caseList li a::after{
margin:0 2.13333% 1.6% 0;
padding-top:1.33333%;
width:1.33333%;
height:0
}
.case .caseList li .imgBox{
-webkit-box-ordinal-group:3;
-ms-flex-order:1;
order:1;
width:30%
}
.case .caseList li .imgBox img{
width:100%
}
.case .caseList li dt{
font-size:14px;
line-height:1.5em;
}
.case .caseList li .txtBox{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
order:2;
width:60%%
}
.case .comment{
margin:1.33333% auto 0;
width:90%
}
.case .caseList li .txtBox h4{
font-size:18px;
line-height:1.5em;
}
.case .caseList li .txtBox .txt{
font-size:14px;
}
.feature{
padding-top:2.60417%;
background-color:#eff4f9;
color:#06225b
}
.feature_wrap{
width:90%
}
.feature_wrap ul{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.feature_wrap ul li{
width:calc(100% / 2 - 10px)
}
.feature_wrap ul li dl{
margin-bottom:10px
}
.feature_wrap ul li dl dd{
font-size:11px
}
.functionlist{
background-color:#eff4f9;
color:#06225b
}
.functionlist_wrap{
width:90%
}
.functionlist ul{
margin-bottom:0;
}
.functionlist ul li,
.functionlist ul:last-child li{
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:3vw;*/
width:calc(100% / 2);
padding: 0 1%;
}
.functionlist ul li a,
.functionlist ul li span.no-link{
width:40vw;
height:40vw
}
.functionlist ul:first-child{
width:100%
}
.functionlist ul:last-child{
width:100%
}
.industrylist-wrap{
width:90%;
}
.flowimage_wrap{
width:90%
}
.flowimage .baloon{
width:90%;
height:auto
}
.flowimage .baloon_item{
position:relative;
margin-bottom:20px
}
.flowimage .baloon_item.type01,.flowimage .baloon_item.type02,.flowimage .baloon_item.type03,.flowimage .baloon_item.type04{
top:auto;
left:auto;
max-width:none
}
.hanbaikanri-merit{
margin-bottom:0;
padding-bottom:0!important;
}
.hanbaikanri-merit_wrap{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
text-align:center
}
.hanbaikanri-merit h2{
font-size:22px
}
.hanbaikanri-merit .ulwrap{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%
}
.hanbaikanri-merit ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:space-evenly;
-ms-flex-pack:space-evenly;
justify-content:space-evenly;
width:100%
}
.hanbaikanri-merit ul li:first-child,.hanbaikanri-merit ul+ul li:first-child{
margin-bottom:20px
}
.downloadlist ul{
-ms-flex-line-pack:justify;
align-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:space-evenly;
-ms-flex-pack:space-evenly;
justify-content:space-evenly
}
.hanbaikanri-merit ul li{
width:90%;
}
.hanbaikanri-merit ul li dl{
width:100%;
margin:0 auto;
}
.hanbaikanri-merit ul li dt{
margin:0 auto;
}
.hanbaikanri-merit ul li dd{
margin-bottom:20px;
}
.hanbaikanri-merit .ulwrap{
margin-bottom:0;
}
.workvision-hanbai{
width:90%;
}
.select_point{
width:90%;
padding-top:0;
}
.columnarea{
margin:50px 0 0 0;
}
.columnarea h3 + p{
margin-bottom:30px;
}
.columnarea p{
font-size:14px;
line-height:1.5em;
margin-bottom:20px;
}
.columnarea ul{
width:100%;
display:flex;
flex-wrap:wrap;
margin:0 auto 20px auto;
}
.columnarea ul li{
width:46%;
margin-bottom:15px;
}
.other-solution{
  padding:50px 0 30px 0;
}
.other-solution ul{
  width:85%;
}
.other-solution ul li{
  width:100%;
  margin-bottom:20px;
}

.baloonlist .message{
padding:50px 5%;
}
.downloadlist ul::after{
width:100%;
content:""
}
.downloadlist ul li a .item .thumb img{
width:100%;
height:auto;
}
.aboutsystem{
color:#06225b
}
.aboutsystem_wrap{
width:90%
}
.about_byindustry ul{
-webkit-box-pack:space-evenly;
-ms-flex-pack:space-evenly;
justify-content:space-evenly
}
.downloadlist.l-section h3{
font-size:2em!important;
}
.downloadlist li .item figure.thumb{
width:100%;
margin:0;
}
.saasbox {
  background: transparent url(/hanbaikanri/images/bg_saas.png) right top / cover no-repeat;
  padding: 5vw;
  margin-bottom: 10vw;
}
.saasbox .inner {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.saasbox .inner .inner_l {
  width: 100%;
}
.saasbox .inner .inner_r {
  width: 100%;
  margin-top:4vw;
}
.saasbox .inner dl{
  text-align: left;
}
.saasbox .inner dl dt{
  font-size: 4.2vw;
  color: #fff;
}
.saasbox .inner dl dt + dd{
  margin-top:.8em;
}
.saasbox .inner dl dd{
  font-size: 2.6vw;
  color: #fff;
}
.saasbox .btn_detail {
  border-radius: 4px;
  padding:1.5em 1em;
  background: #fff;
  display: block;
  width: 100%;
}
.saasbox .btn_detail span {
  color: #06225b;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  position:relative;
}
.saasbox .btn_detail span:after {
  content: "";
  position: absolute;
  display: inline-block;
  right: -3em;
  top: .5em;
  width: .4em;
  height: .4em;
  border-top: 1px solid #06225b;
  border-right: 1px solid #06225b;
  transform: rotate(45deg);
}
.downloadlink {
  background-color: #024fa3;
  padding: 5vw;
}
.downloadlink .kv_btn{
  margin: 0 auto;
  display: block;
  width:100%;
}
.kv_btn li span{
  font-size: 3.2vw;
  color: #fff;
  margin-bottom: .5em;
}
.downloadlink .kv_btn li{
  width:100%;
  text-align: center;
}
.downloadlink .kv_btn li+li{
  margin-top:3vw;
}
.downloadlink .kv_btn li a{
  width:100%;
  background: linear-gradient(#f59138, #ed7329);
  display:block;
  text-align:center;
  font-weight:bold;
  line-height:50px;
  border-radius:65px;
  font-size: 3.6vw;
  border:1px solid #ea6f0c;
  color:#fff;
  text-shadow:1px 1px 0 #eb6d22;
  box-shadow:3px 3px 6px #2e66c7,0 1px 0px 0px #f9b77e inset;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.downloadlink .kv_btn.dl li a{
  width:100%;
}
.downloadlink .kv_btn li a:hover{
  border:1px solid #eaa60c;
  background: linear-gradient(#f5c038, #eda329);
  text-shadow:1px 1px 0 #eb9422;
  box-shadow:3px 3px 6px #2e66c7,0 1px 0px 0px #f9d57e inset;
}
.downloadlink .kv_btn li a:before{
  content: '';
  width: 20px;
  height: 15px;
  display: inline-block;
  background-size: contain!important;
  position: relative;
  top: 1px;
  margin-right: 10px;
}
.downloadlink .kv_btn li a.kv_btn_contact:before{
  background: url(/hanbaikanri/images/common/icon_contact.png) no-repeat;
}
.downloadlink .kv_btn li a.kv_btn_request:before{
  background: url(/hanbaikanri/images/common/icon_request.png) no-repeat;
}
.downloadlink .kv_btn li a.kv_btn_dl_paper:before{
  background: url(/hanbaikanri/images/common/icon_request.png) no-repeat;
}
.downloadlink .kv_btn li a.kv_btn_dl_price:before{
  background: url(/hanbaikanri/images/common/icon_yen.png) no-repeat;
  height: 1em;
  width: 1em;
  top: .2em;
}
.kv_btn li a.kv_btn_dl_paper:after,.kv_btn li a.kv_btn_dl_price:after {
  content: "";
  position: relative;
  display: inline-block;
  right: 0em;
  top:-.1em;
  width: .4em;
  height: .4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

}

@media screen and (min-width: 768px) {
  header .headerMenu ul.headerMenuList1>li:last-child a span,
  header .headerMenu ul.headerMenuList1>li:last-child a:hover span {
    font-size: 16px;
    letter-spacing: .01em;
  }
}
/*# sourceMappingURL=../../_soucemaps/hanbaikanri/css_new/top.css.map */