@media only screen and (max-width: 767px) {
body{font-size:12px; line-height:20px;}
.sp_block{display:block;}
.sp_inline{display:inline;}
.sp_none{display:none;}

.sp_pt0{padding-top:0 !important;}
.sp_pt5{padding-top:5px !important;}
.sp_pt10{padding-top:10px !important;}
.sp_pt15{padding-top:15px !important;}
.sp_pt20{padding-top:20px !important;}
.sp_pt25{padding-top:25px !important;}
.sp_pt30{padding-top:30px !important;}
.sp_pt35{padding-top:35px !important;}
.sp_pt40{padding-top:40px !important;}
.sp_pt50{padding-top:50px !important;}
.sp_mt10{margin-top:10px !important;}
.sp_mt20{margin-top:20px !important;}

.sp_font10{font-size:10px; line-height:16px;}
.sp_font12{font-size:12px; line-height:20px;}
.sp_font14{font-size:14px; line-height:22px;}
.sp_font15{font-size:15px; line-height:22px;}
.sp_font16{font-size:16px; line-height:24px;}
.sp_font18{font-size:18px; line-height:26px;}

.sp_center{text-align:center;}
.sp_tal{text-align:left;}
.sp_w100{width:100%; height:auto;}
.sp_fn{float:none;}

#header{height:55px;}
#header .logo{width:82px; padding-left:10px;}
#header .inner{width:100%;}
.model-1{width:55px; height:55px; float:right; background:#EC6C00;}
.menu{width:20px; height:20px; padding-left:18px; position:relative; transition:0.3s; box-sizing:border-box;}
.bar{height:3px; width:20px; display:block; position:absolute; background-color:#FFF; transition:0.3s; }
.model-1 .bar:nth-of-type(1) {
  top:17px;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;  
}
.model-1 .bar:nth-of-type(2) {
  top:26px;
  transition: ease 0.1s 0.1s; 
}
.model-1 .bar:nth-of-type(3) {
  top:35px;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;
}
.model-1.hover .bar:nth-of-type(1) {
  top:29px;
  transform: rotate(45deg);
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}
.model-1.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.model-1.hover .bar:nth-of-type(3) {
  top:29px;
  transform: rotate(-45deg);
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}
.header_nav_sp{width:100%; height:0; padding-top:25px; background:#FFF; position:absolute; top:55px; z-index:100; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: all ease-out .5s; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s;}
.header_nav_sp.unfold{height:auto; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; display: block;}
.nav{float:none; padding-left:0; background:none; border-top:#B2B2B2 1px solid;}
.nav li{float:none; padding-right:0; background:none;}
.nav li a{color:#000; font-size:14px; font-weight:normal; line-height:50px; padding:0 20px; border-bottom:#B2B2B2 1px solid; display:block; position:relative;}
.nav li a i{width:10px; height:10px; cursor:pointer; position:absolute; top:25px; right:5%; border-left:1px solid #444; border-bottom:1px solid #444; -webkit-transform:translate(0,-50%) rotate(-135deg); transform:translate(0,-50%) rotate(-135deg);}
.utility li{width:33%; height:30px; float:left; font-size:14px; line-height:30px; text-align:center; border-left:#D8D8D8 1px dotted;}
.utility li:first-child{border-left:none;}
.utility li a{color:#333;}
a.btn2{width:90%; font-size:15px; background:#41D17A;}
.header_gb{width:100%; height:45px; color:#FFF; font-size:14px; font-weight:bold; line-height:45px; text-align:center; margin-top:25px; background:#4D4D4D;}

#main{margin-top:55px; min-width:100%; }
.cybozu_banner{width:100%; height:auto; background:none;}
.cybozu_risk{width:100%; height:auto; padding-bottom:25px; background:#FFF;}
.cybozu_risk_k{width:100%;}
.cybozu_companies{position:absolute; top:-185px; right:8px;}
.cybozu_companies img{width:200px;}
.cybozu_risk p.pt35{position:relative; z-index:10; text-align:center; padding-top:45px !important; padding-left:0;}
.cybozu_risk p.pt35 img{width:208px;}
.cybozu_contact a{width:90%; height:50px; font-size:15px; line-height:50px; border-radius:6px;}
.cybozu_contact a i{width:8px; height:8px; top:25px; right:25%; border-left:3px solid #FFF; border-bottom:3px solid #FFF;}
.cybozu_inner{width:100%; overflow:hidden;}
.cybozu_inner.pt60.sp_pt20{width:94%;}
.cybozu_business{font-size:28px; line-height:130%;}
.cybozu_process{height:32px; font-size:18px; line-height:32px; margin-top:20px;}
.cybozu_kinton{height:45px; font-size:21px; line-height:45px; margin-top:18px; border-radius:23px;}
.cybozu_effect_title{width:90px; height:25px; font-size:14px; line-height:18px; padding:5px 0 0 10px; margin-top:12px;}
.cybozu_effect{border:#FCCF00 6px solid; padding:0 13px;}
.cybozu_effect li{font-size:13px; line-height:22px; padding:13px 0 13px 20px; background:url(../img/cybozu_img07.png) no-repeat 0 16px; background-size:15px auto;}
.cybozu_effect li strong{color:#EC6C00; font-size:15px;}
.cybozu_sales_bg{width:100%; height:auto; margin-top:70px; background:none;}
.cybozu_sales{width:100%; margin:0 auto; padding:72px 0 30px 0; background:#FFF;}
.cybozu_companies_tu{position:absolute; top:-70px; right:6%;}
.cybozu_companies_tu img{width:160px;}
.cybozu_companies_zi{font-size:16px; line-height:24px; text-align:center;}
.cybozu_sales p.pt50 img{width:210px;}
.cybozu_companies_jg{width:100%; font-size:14px; line-height:35px; position:relative; top:15px; right:auto;}
.cybozu_companies_jg strong{font-size:28px; line-height:35px; padding-left:6px;}
.cybozu_companies_notes{font-size:10px; line-height:16px; padding:10px 5% 0 5%;}
.cybozu_changes{font-size:28px; line-height:36px;}
.cybozu_view{margin-top:18px; padding:10px 0 10px 2%;}
.cybozu_view dd,.cybozu_view02 dd,.cybozu_view03 dd{width:80px;}
.cybozu_view dt,.cybozu_view02 dt,.cybozu_view03 dt{float:left; font-size:10px; line-height:16px; padding:6px 0 0 5px; letter-spacing:-0.08em;}
.cybozu_view dt h3,.cybozu_view02 dt h3,.cybozu_view03 dt h3{font-size:21px; line-height:28px;}
.cybozu_view02,.cybozu_view03{margin-top:25px; padding:10px 0 10px 4%;}
.cybozu_easy{width:94%; padding:8px 15px 20px 60px; margin:25px 3% 0 3%; border-radius:25px;}
.cybozu_easy li{font-size:13px; line-height:22px; padding-top:12px;}
.cybozu_easy p{position:absolute; bottom:0; left:-7%;}
.cybozu_easy p img{width:86px;}
.cybozu_flow{font-size:28px; line-height:130%; padding-top:55px;}
.cybozu_after{font-size:12px; line-height:22px; padding-top:20px;}
.cybozu_after strong{font-size:16px;}
.cybozu_hearing{border-radius:12px; margin:0 3%; letter-spacing:-0.05em;}
.cybozu_hearing dd{float:left; font-size:13px; line-height:40px; padding-left:10px;}
.cybozu_hearing dt{font-size:11px; line-height:40px; margin-left:105px; padding-left:10px; border-top-right-radius:12px; border-bottom-right-radius:12px;}
.cybozu_sxsj{padding:10px 0;}

.cybozu_sxsj img{width:32px;}
.cybozu_sxsj ul{position:absolute; top:10px; left:55.5%;}
.cybozu_sxsj ul li{width:70px; font-size:11px; line-height:16px; text-align:left;}
.cybozu_addition{width:94%; padding:20px 0; border-radius:25px;}
.cybozu_addition h3{font-size:19px; line-height:30px;}
.cybozu_addition h3 span{font-size:21px;}
.cybozu_addition .pt15.sp_pt10{font-size:12px;}
.cybozu_addition .pt15.sp_pt10 span{font-size:14px;}
.cybozu_addition .cybozu_addition_tu{position:absolute; right:-18px; top:auto; bottom:0;}
.cybozu_addition .cybozu_addition_tu img{width:100px;}
.cybozu_advantage{font-size:18px; line-height:26px; padding-top:25px;}
.cybozu_advantage span{font-size:12px;}
.cybozu_unit{font-size:13px; line-height:20px; padding-top:6px;}
dl.mt30.clearfix,dl.mt20.clearfix{padding:0 3%;}
.cybozu_used_dd01,.cybozu_used_dd02,.cybozu_used_dd03,.cybozu_used_dd04{width:28%; font-size:12px; line-height:20px; padding:8px 0 0 8px;}
.cybozu_used_dt,.cybozu_used_dt02{width:72%; padding:2px 0 8px 8px;}
.cybozu_used_dt dl{width:50%; font-size:11px; padding-top:8px;}
.cybozu_used_dt dl dd img,.cybozu_used_dt02 dl dd img{width:45px;}
.cybozu_used_dt dl dt{padding-left:5px;}
.cybozu_used_dt02 dl{width:100%; font-size:11px; padding-top:8px;}
.cybozu_used_dt02 dl dt img{width:130px;}
.cybozu_case_title{font-size:24px; line-height:32px;}
.pt80.pb80.clearfix{width:88%; padding:40px 6% !important;}
.cybozu_case{width:100%; float:none !important;}
.cybozu_case h3{font-size:13px; padding-top:15px;}
.cybozu_case p{font-size:14px; padding-top:5px;}
.cybozu_case_btn{padding-top:25px;}
.cybozu_case_btn a{width:200px; height:40px; font-size:12px; line-height:40px;}
body#pagetop-position .section3{padding-top:30px; padding-bottom:1px;}
body#pagetop-position .section3 h2{margin-bottom:20px;}
body#pagetop-position .section3 .img1 img{width:170px;}
body#pagetop-position .section3 .txt1{font-size:12px; line-height:30px; letter-spacing:2px;}
article footer.link{padding:30px 0 25px 0; background: url("../img/footer/bg_link.png") no-repeat; background-size:auto 100%;}
article footer.link h2{margin-bottom:30px; line-height:22px; font-size:14px; letter-spacing:2px;}
.col3{width:96%; padding:0 2%;}
.col3 .col{margin-left:2%; width:32%;}
#footer .sitemap .box1{width:100%; float:none;}
#footer .sitemap h2{margin-bottom:0px; padding-bottom:5px; padding-left:4%;}
#footer .sitemap .box1 ul{margin-right:0px; float:none;}
#footer .sitemap .box1 ul.ul1,#footer .sitemap .box1 ul.ul2{width:100%;}
#footer .sitemap .box1 ul li{margin-bottom:0;}
#footer .sitemap .box1 ul li a{width:100%; height:50px; line-height:50px; padding-left:4%; border-bottom:#999 1px solid; display:block; box-sizing:border-box; position:relative;}
#footer .sitemap .box1 ul li i,#footer .sitemap .box2 .post i{width:10px; height:10px; cursor:pointer; position:absolute; top:25px; right:5%; border-left:1px solid #FFF; border-bottom:1px solid #FFF; -webkit-transform: translate(0,-50%) rotate(-135deg); transform: translate(0,-50%) rotate(-135deg);}
#footer .sitemap .box1 ul ul{display:none;}
#footer .sitemap .box2{width:100%; float:none; padding:22px 4% 20px 4%; box-sizing:border-box;}
#footer .sitemap .box2 h2{padding-bottom:10px; padding-left:0; border-bottom:none; box-shadow:none;}
#footer .sitemap .box2 .post{margin-top:10px; padding:8px 15px; position:relative;}
#footer .sitemap .contact{text-align:center; color:#ccc;}
#footer .sitemap .contact h3{font-size:14px;}
#footer .sitemap .contact .address{width:240px; margin:10px auto 0 auto; text-align:left;}
#footer .sitemap .contact .address a{width:150px; height:25px; color:#333; font-size:12px; font-weight:bold; line-height:25px; margin:10px auto 0 auto; display:block; text-align:center; background:#999;}
#footer .related{padding:10px 5px;}
#footer .related .copyright{float:none; text-align:center;}
#footer .related .copyright p{float:none; font-size:8px; line-height:20px; display:inline-block;}
#footer .related .copyright p.ml20{margin-left:10px !important;}

}