body{color:#444;text-align:center;font-family:'Noto Sans JP',sans-serif;font-feature-settings:palt;position:relative;padding:0 0 60px;min-width:1200px}
#wrap{width:1200px;text-align:left;margin:0 auto;padding:0;position:relative}
h2{background:url(../img/common/h2_bg.jpg) no-repeat left top;margin:0 0 15px;padding:15px 0 13px 40px;font-weight:700}
h2.image{background:none;padding:0;margin:0 0 20px;text-align:center}
h2.image2{background:none;padding:0;margin:0}
h2.green{background:none;background:#090;color:#FFF;padding:14px 0 10px;margin:0 0 15px;border:none;text-align:center}
h3{padding:3px 0 3px 15px;margin:0 0 15px 10px;border-left:solid red 12px}
#top #main h3{border:none;margin:0 0 15px;font-weight:700}
h3.green{border:none;background:#090;color:#FFF;padding:10px 0;margin:0 0 15px;text-align:center}
h3.blue{border:none;background:#024197;color:#FFF;padding:10px 0;margin:0 0 15px;text-align:center}
h3.image{border:none;background:none;padding:0;margin:0 0 20px;text-align:center}
h3.image2{border:none;background:none;padding:0;margin:0}
h3.u_line{border:none;background:none;padding:0 0 0 10px;border-bottom:solid red 2px}
#main h3.check{font-size:24px;background:none;padding:0;border:none;background:url(../img/common/h3-check_bg.gif) no-repeat left top;padding:12px 0 4px 50px}
h4{background:url(../img/common/h4_bg.gif) no-repeat left;color:#444;padding:2px 0 0 17px;margin:0 16px 12px 5px}
h4.image{background:none;padding:0;margin:0 0 15px;border:none}
h4.green{background:none;background:#090;color:#FFF;padding:10px 0;margin:0 0 15px;border:none;text-align:center}
h4.h4-type02{background:none;border-bottom:solid #FC0 3px;padding:2px 0}
h5{border-left:solid #999 5px;padding:0 0 0 12px;margin:0 10px 15px}
h5.image{background:none;padding:0;margin:0 0 15px;border:none}
p,dt,dd,li,th,td,textarea{line-height:1.7}
a:link,a:visited{color:#009;text-decoration:underline}
a:hover{text-decoration:none}
a img:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
a img.over:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
h2 a:link,h2 a:visited,h2 a:hover{color:#FFF}
#path a:link,#path a:visited{text-decoration:none;color:#036}
#path a:hover{text-decoration:underline;color:#036}
#path li{display:inline;color:#000}
#path .disabled{pointer-events:none}
#path li a:link,#path li a:visited{color:#036EAB;text-decoration:underline}
#header{margin:0}
#header div.head-in{width:1200px;margin:0 auto;position:relative}
#header p#top-btn{position:absolute;top:0;right:215px;margin:0}
#header p#top-btn2{position:absolute;top:0;right:0;margin:0}
#header #head-t{margin:0}
#header p#logo{float:left;width:428px;margin:0;padding:0}
#header div.right-col{width:535px;float:right;margin:0}
#header div.right-col p.btn-s{width:160px;float:left;margin:0 0 0 10px}
#header ul.t-nav{margin:0;float:right}
#header p{margin:0}
#header ul.t-nav>p>a>img{float:right;margin:0 0 5px}
#header p#logo{float:left;margin:0;position:relative}
#header div.right-col{float:right;margin:0}
#g-nav li : before{border-left:1px solid #85a1c9}
#g-nav li>a{text-decoration:none;display:block;width:97%;margin:0 1% 0 2%;padding:8px 0;font-weight:700;font-size:16px;line-height:1.1em;text-align:center;color:#fff}
#g-nav li a:hover{color:#FF0}
#g-nav > li > div{display:none;position:absolute;top:155px;left:0;width:100%;background:rgba(11,28,51,0.9);z-index:110;padding:25px 0 5px;text-align:center}
#g-nav div.col{display:block}
#g-nav div.col dl.long{width:600px;float:left;margin:0 3% 40px}
#g-nav div.col dl.long a{display:block}
.long>dd>a>img{height:88px}
#g-nav div.col dd{font-size:14px;font-weight:700;margin:0;text-align:left;color:#fff}
#g-nav > li > div p.close-h{text-align:center;margin:0 auto 15px;cursor:pointer;color:#fff;width:68px;height:inherit}
#header p#logo img{width:508px}
#open-col{width:1200px;margin:auto}
#g-nav div.col dl.long:nth-of-type(1){margin:0}
#g-nav div.col dl.long:nth-of-type(2){margin:0}
#g-nav div.col dl.long:nth-of-type(3){margin:0}
#g-nav div.col dl.long:nth-of-type(4){margin:0}
.long>dt{float:left;margin:0 15px 40px 0}
.long>dd{float:left}
.nav-bgcolor{background-color:#024093}
.tel-num>img{padding:0;margin:15px 0 10px;width:387px}
#contents{width:1200px;margin:0 auto 40px;padding:0}
#path{font-size:14px;text-align:left;padding:8px 0 6px 10px;margin:0 0 8px;color:#333}
#to-top{text-align:right;margin:0;padding:0}
#main{margin:auto;padding:0;width:980px}
#footer #footer-inner{width:1200px;margin:0 auto;padding:10px 0 0}
#footer #f-navi{margin:10px 0 0;padding:0;text-align:left;font-size:12px}
#footer #f-navi dl{width:240px;min-height:140px;float:left;padding-bottom:5px;margin:0 0 0 15px}
#footer #f-navi dt a:link,#footer #f-navi dt a:hover,#footer #f-navi dt a:visited{color:#FFF}
#footer #f-navi dt{font-weight:700;margin:0 0 10px;color:#333}
#footer #f-navi dd{margin:0 6px 5px 2px;padding:0 0 0 16px;background:url(../img/footer/icon.gif) no-repeat .2em}
#footer #footer-inner ul.add{margin:0;padding:10px;float:right;width:700px;background:#FFF;border:1px #CCC solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#footer #footer-inner ul.add li{margin:0 0 5px}
#footer #footer-inner ul.add li.catch{width:700px;font-size:18px;font-weight:700;margin:0 0 5px}
#footer #footer-inner ul.add li.add-txt{float:left;font-size:14px}
#footer #footer-inner ul.add li.add-logo{float:right;margin:0 10px 0 0}
#copy-wrap #copy-inner{width:1200px;margin:0 auto;padding:0 0 10px}
#copy-wrap #copy-inner li.copylight{color:#333;float:left}
#copy-wrap #copy-inner li.logo-f{float:right}
#copy-wrap #copy-inner li.logo-f a{font-weight:700;color:#333;text-decoration:none}
#footer a:link,#footer a:visited{color:#000;text-decoration:none}
#footer a:hover{color:#000;text-decoration:underline}
p{margin:0 10px 20px}
p.lead{margin:0 14px 25px}
p.notice{text-indent:-12px;padding:0 0 0 12px}
ul{margin:0 0 15px}
#main .pic-article{width:980px;margin:20px 0 25px}
#knowledge .pic-article{width:730px;margin:0 0 35px}
#main .pic-article h3{font-size:24px;margin:0 0 15px}
#main .pic-article h3 span{color:#C00;font-size:14px;margin-left:30px}
#main .pic-article h4{font-size:18px}
#main div.pic-article p,#main div.pic-article ul,#main div.pic-article ol,#main div.pic-article dl{margin:0 0 10px}
#main div.pic-article table{width:100%;margin:0 0 10px}
#main div.pic-article div.txt{overflow:hidden;margin:0 10px}
#main div.pic-article div.esp{margin:0 8px}
#main div.pic-article h3.img{margin:0}
#main div.pic-article div.txt dt{margin:0 0 10px}
#main div.pic-article div.txt li{margin:0 0 8px}
#main div.pic-article div.txt dd{margin:0 0 6px}
.ie6 #main div.pic-article div.txt,.ie7 #main div.pic-article div.txt{display:inline;zoom:1}
#main .pic-article img.border{border:1px solid #CCC}
#main div.bg_wrap{background:url(../img/plan/bg_wrap.jpg) no-repeat bottom}
#main div.p-type01 p.pic,#main div.p-type01 div.pic{float:right}
#main div.p-type01 p.pic img{margin:0 10px 0 35px}
#main .p-type02 p.pic,#main .p-type02 div.pic{float:left}
#main .p-type02 .pic img{margin:0 25px 0 10px}
#main .p-type01res p.pic,#main .p-type01res div.pic{float:right;width:320px;margin:0 25px 0 10px}
#main .p-type01res p.pic img,#main .p-type01res div.pic img{width:100%}
#main .p-type01res div.txt{width:605px;margin:0 10px 0 0;float:left}
#main .p-type02res p.pic,#main .p-type02res div.pic{float:left;width:320px;margin:0 25px 0 10px}
#main .p-type02res p.pic img,#main .p-type02res div.pic img{width:100%}
#main .p-type02res div.txt{width:605px;margin:0 10px 0 0;float:right}
#main div.line{border-bottom:2px #CCC solid;padding-bottom:7px}
#main .u-line{border-bottom:1px #999 dotted;padding-bottom:7px}
#main .pic-border{padding:0 0 35px;border-bottom:solid #CCC 1px;margin:20px 0 35px 10px}
#main .paMb-50{margin:20px 0 50px}
#main .pic-article2{width:710px;margin:20px 0 25px 10px}
#main .pic-article2 h3{font-size:18px;font-weight:700;background:none;margin:0 0 15px;padding:0}
#main .pic-article2 h3 span{color:#C00;font-size:14px;margin-left:30px}
#main .pic-article2 h4{font-size:18px}
#main div.pic-article2 p,#main div.pic-article2 ul,#main div.pic-article2 ol,#main div.pic-article2 dl{margin:0 0 10px}
#main div.pic-article2 table{width:100%;margin:0 0 10px}
#main div.pic-article2 div.txt{overflow:hidden}
#main div.pic-article2 h3.img{margin:0}
#main div.pic-article2 div.txt dt{margin:0 0 10px}
#main div.pic-article2 div.txt li{margin:0 0 8px}
#main div.pic-article2 div.txt dd{margin:0 0 6px}
.ie6 #main div.pic-article2 div.txt,.ie7 #main div.pic-article2 div.txt{display:inline;zoom:1}
#main .pic-article2 img.border{border:1px solid #CCC}
#main div.pic-article2 div.txt span{font-size:12px}
ol.num01 li{list-style:decimal;margin:0 10px 8px 34px}
.ie6 ol.num01 li,.ie7 ol.num01 li{margin:0 8px 8px 24px}
#main ol.num01 dl,#main ol.num01 ul,#main ol.num01 ol{margin:10px 0}
#main ol.num01 ul li{margin:0 0 5px}
ul.marker01 li{list-style:none;margin:0 0 5px 10px;padding:0 0 0 20px;background:url(../img/common/marker01.gif) no-repeat 0 .4em}
ul.marker01 li ul{padding-top:10px}
ul.marker01 li ul li{background:none}
ul.marker02 li{list-style:none;margin:0 0 5px 15px;padding:0 0 0 22px;background:url(../img/icon/icon04.gif) no-repeat .2em}
ul.marker02 li ul{padding-top:10px}
ul.marker02 li ul li{background:none}
ul.marker03{width:100%}
ul.marker03 li{width:50%;list-style:none;margin:0 0 15px;padding:0 0 0 20px;background:url(../img/common/marker01.gif) no-repeat left center;box-sizing:border-box;float:left}
#fixFooter ul{width:1200px;margin:10px auto 0}
#fixFooter ul li{display:inline;margin:0}
#fixFooter ul li.txt02{margin:8px 0 0}
/* .footer_btn2{position:relative;left:405px;bottom:65px} */
.both{clear:both}
.index{background-color:#F6F6F6;border:1px solid #999;padding:10px 40px;margin:0 0 80px}
.index p{text-align:center}
#header div.head-in,#header #head-t,#header #g-nav,#contents,#footer #footer-inner,#footer #f-navi,#copy-wrap #copy-inner,#info-col,#main ul.tub,#main .pic-article,#main div.pic-article2,.pdf-bn,ul.marker03,.sp-none{display:inline-block}
#header div.head-in,#header #head-t,#header #g-nav,#contents,#footer #footer-inner,#footer #f-navi,#copy-wrap #copy-inner,#info-col,#main ul.tub,#main .pic-article,#main div.pic-article2,.pdf-bn,ul.marker03,.sp-none{display:block}
#sp-header,#sp_pagetop,.sp_f-nav,.sp_tel-box,.pc-none,.sp_item,#fixFooter-sp{display:none}
#to-top{display:none}
#footer{padding:0;margin:0;clear:both;width:100%}
#footer ul.sp_f-nav li a{display:block;color:#fff;font-size:13px;padding:15px 0;background:url(../img/common/line.jpg) repeat-x bottom;text-decoration:none;text-align:center}
#header div.head-in>h1{float:left;padding:8px 0 0;width:600px}
#header h1{margin:0 auto 12px;padding:5px 0 0;font-weight:400;color:#222;width:1200px;text-align:left;font-size:14px;display:inline;font-weight:bold}
#header div.head_btn{display:inline;float:right}
#header div.head_btn a img{height:33px;float:left}
#header div.head_btn a:nth-of-type(1) img{margin:0 15px 0 0}
#mid-wrap{width:100%;margin:0 0 20px;font-size:14px}
div.faq-list{margin:0}
div.faq-list dl{padding:15px 0;margin:0 0 30px;border-bottom:solid #CCC 2px}
div.faq-list dt{background:url(../faq/img/q.gif) no-repeat left top;padding:7px 0 0 44px;margin:0;font-weight:700;font-size:16px;min-height:30px;cursor:pointer}
div.faq-list dd{border-top:dotted #CCC 1px;background:url(../faq/img/a.gif) no-repeat left 10px;padding:10px 0 0 44px;font-size:14px;margin:10px 0;display:none}
#main div.faq-list .pic-article{margin:0;width:auto}

@font-face{font-family:'WebIconFonts';src:url(https://www.office-copy.com/font/WebIconFonts.eot);src:url(https://www.office-copy.com/font/WebIconFonts.eot?) format("eot"),url(https://www.office-copy.com/font/WebIconFonts.woff) format("woff"),url(https://www.office-copy.com/font/WebIconFonts.ttf) format("truetype");font-display:swap}
.webIcon{font-family:WebIconFonts}
h2{font-size:30px}
#main h3{font-size:30px}
#top #main h3{font-size:30px}
#main h4{font-size:24px}
h5{font-size:18px}
#main p.result-num span,#main div.list-article dl.ttl dd
#main p.catch{font-size:18px}
#g-nav{width:1200px;margin:0 auto;padding:0;background:url(/img/footer/bg_sprite.png) right 2px repeat-y}
#g-nav li{float:left;width:238.8px;margin:0;padding:0;background-color:#024093;color:#fff;background:url(/img/footer/bg_sprite.png) left 2px repeat-y}
#footer{background:url(/img/footer/bg_sprite.png) left -32px repeat-x;padding:0;margin:0;clear:both}
#copy-wrap{margin:0;height:75px;background:url(/img/footer/bg_sprite.png) left -285px repeat-x}
#fixFooter{background:url(/img/footer/bg_sprite.png) left -339px repeat-x;height:96px;position:fixed;bottom:0;width:100%;z-index:33}
#header div.head-in:after,#header #head-t:after,#header #g-nav:after,#contents:after,#footer #footer-inner:after,#footer #f-navi:after,#copy-wrap #copy-inner:after,#info-col:after,#main ul.tub:after,#main .pic-article:after,#main div.pic-article2:after,.pdf-bn:after,ul.marker03:after,.sp-none:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html #header div.head-in,* html #header #head-t,* html #header #g-nav,* html #contents,* html #footer #footer-inner,* html #footer #f-navi,* html #copy-wrap #copy-inner,* html #info-col,* html #main ul.tub,* html #main .pic-article,* html #main div.pic-article2,* html .pdf-bn,* html ul.marker03,* html .sp-none{height:1%}

@media only screen and (max-width: 620px) {
body{min-width:0;line-height:1.5}
#footer a:link,#footer a:visited{color:#FFF;text-decoration:none}
#logo>a>img{padding:10px;width:303px}
.index{padding:0;margin:0 auto 5vw;width:96%}
.link-btn a:link,.link-btn a:visited{color:#FFF;text-decoration:none}
#header p#top-btn,#header p#top-btn2,#header div.right-col,#header #g-nav,#path,#to-top,#footer #f-navi,#footer ul.logo-f,#fixFooter,#favorite,p#blog,#fb-like,.sp-none{display:none}
#sp-header,#sp_pagetop,.sp_f-nav,.sp_tel-box,.sp_item,.pc-none,#fixFooter-sp{display:block}
body,body#form{background:none;width:100%}
body#base{padding:0 0 30px}
img{width:100%}
p{margin:0 2% 15px}
#header{width:100%;margin:0;padding:0;background:none}
#header div.head-in{width:100%;margin:0}
#header p#logo{top:0;width:auto}
#header-bnr{display:none}
#header-bnr_sp{display:block;margin:0;padding:0}
#contents{width:100%;margin:0}
#main{width:100%}
#footer{background:none;padding:0;margin:0;clear:both;width:100%}
#footer #footer-inner{width:100%;margin:0}
#footer ul.sp_f-nav{width:100%;border-top:solid #CCC 1px;margin:0 0 12px}
#footer ul.sp_f-nav li{background:#023B95;width:100%;height:54px}
#footer ul.sp_f-nav li span.webIcon{float:right;margin:0 3% 0 0}
#footer ul.sp_f-nav li.last a{background:none}
#footer ul.sp_f-nav li a:hover,#footer ul.sp_f-nav li a:link,#footer ul.sp_f-nav li a:visited{color:#FFF}
#copy-wrap #copy-inner{width:100%;margin:0 0 15px;padding:0}
#copy-wrap #copy-inner li.copylight{color:#333;float:none;text-align:center}
h2{color:#FFF;background:none;background:#023B95;margin:0 2% 15px;padding:8px 0 5px 10px;border-bottom:solid #0599D9 2px}
h2.image{background:none;padding:0;border:none;margin:0 2% 20px}
h3{background:none;border-top:solid #CCC 1px;border-bottom:solid #CCC 1px;border-right:solid #CCC 1px;border-left:solid #EB0000 6px;padding:6px 0 6px 10px;margin:0 2% 15px}
h3.image{background:none;border:none;padding:0;margin:0 2% 20px}
h3.image2{background:none;border:none;padding:0;margin:0 2%}
#main h3.check{font-size:16px;background:none;padding:0;border:none;background:url(../img/common/h3-check_bg.gif) no-repeat left top;background-size:30px;padding:6px 0 4px 35px}
#main .pic-article{width:96%;margin:0 2% 20px}
#knowledge .pic-article{width:96%;margin:0 2% 20px}
#main .pic-article h3{font-size:15px;margin:0 0 15px;border-bottom:none;border-top:none;padding:4px 0 4px 8px}
#main .pic-article h3 span{color:#C00;font-size:10px;margin-left:30px}
#main .pic-article h4{font-size:14px}
#main div.pic-article p,#main div.pic-article ul,#main div.pic-article ol,#main div.pic-article dl{width:100%;margin:0 0 10px}
img.security_logo{width:40%}
#main div.pic-article div.txt{overflow:hidden;margin:0}
#main div.p-type01 p.pic,#main div.p-type01 div.pic{float:none;width:70%;margin:0 auto 20px}
#main div.p-type01 p.pic img{margin:0 0 10px}
ul.marker03 li{float:none;width:100%}
#fixFooter-sp{margin:0 auto;padding:0;width:100%;position:fixed;bottom:0}
#fixFooter-sp li.mail{background:red;width:50%}
/* #fixFooter-sp li.call a {
    visibility: hidden;
  } */
#fixFooter-sp li span{vertical-align:middle}
#fixFooter-sp li a{color:#fff;text-decoration:none;display:block;padding:6px 0}
#fixFooter-sp li a img{width:20px}
#fixFooter-sp:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#fixFooter-sp{display:inline-block}
* html #fixFooter-sp{height:1%}
#fixFooter-sp{display:block}
.comp_pic{width:100%}
.comp_text{margin:0 2% 5%}
h2{font-size:6vw;margin:0 0 15px}
p{margin:0 0 15px}
#header h1{font-size:10px}
ul.h-menu{list-style:none}
ul.h-menu li a{font-size:13px;font-weight:700;display:block;text-decoration:none;background:#f5f5f5;color:#000;height:30px;padding:10px 0 0;margin-bottom:1px;text-align:center}
#main>section{margin:0}
#main>section:nth-of-type(2){margin:0 0 40px}
#main>section.copy_example{margin:40px 0 0}
#main>section.full_support{margin:40px 0 0}
#main>section.copy_ability{margin:40px 0 0}
.sp-none{display:none}
.pc-none{display:block}
#wrap{width:94%}
#header div.head-in{width:auto}
#footer #f-navi{display:none}
.sp_f-nav{display:block}
.sp_tel-box{margin:0 5% 15px;padding:6px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:2px #CCC solid;background-color:#F5F5F5;display:block}
.p_mark{text-align:center}
#p_center{margin:auto;float:none}
.p_mark_txt{width:96%;margin:auto;padding:0 0 2% 2%;font-size:14px}
#copy-wrap #copy-inner li.logo-f{display:none}
#fixFooter{display:none}
#fixFooter-sp li{width:25%;margin:0;padding:0;text-align:center;float:left;color:#111;background:#024093;border-right:solid #fff 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:13px}
#header div.head-in>h1{padding:8px 0 0 8px;width:auto;font-size:10px}
#mid-wrap{width:100%;font-size:12px}
div.faq-list{width:96%;margin:0 2%}
div.faq-list dt{background:url(../faq/img/q.gif) no-repeat left 2px;background-size:18px;padding:0 0 0 25px;font-size:14px}
div.faq-list dd{background:url(../faq/img/a.gif) no-repeat left 10px;background-size:18px;padding:10px 0 0 25px;font-size:12px}
#footer ul.sp_f-nav li a{display:block;color:#fff;font-size:13px;padding:15px 0 15px 10px;background:url(../img/common/line.jpg) repeat-x bottom;text-decoration:none}
#sp_pagetop a{color:#fff;filter:dropshadow(color=#000,offx=1,offy=1);display:block;padding:10px 0 11px;margin:0;background:-webkit-gradient(linear,left bottom,left top,from(#EB0000),to(#FF3535));background:-moz-linear-gradient(center bottom,#EB0000 1%,#FF3535 100%)}
#main #side-wrap h3.ttl{background:none;border:none;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background:-webkit-gradient(linear,left bottom,left top,from(#EA0000),to(#FC1616));background:-moz-linear-gradient(center bottom,#EA0000 1%,#FC1616 100%);margin:0;padding:12px 0 16px 10px;font-weight:700;font-size:16px;color:#FFF}
#copy-wrap{margin:0 0 40px;height:32px;background:none}
#header p#logo img{width:100%;padding:0 0 13px 7px}
}