@charset "UTF-8";.guide__title{position:relative}.guide__titleLink{position:absolute;right:0;top:14px}.anchorBtn{width:84%;margin:0 auto 60px}.anchorBtn__item{position:relative;float:left;margin-right:4%;width:22%;max-width:100%;border:1px solid #c8c8c8;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px #a8a8a8;box-shadow:0 1px #a8a8a8;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f4f5));background:-webkit-linear-gradient(#fff,#f3f4f5);background:-moz-linear-gradient(#fff,#f3f4f5);background:linear-gradient(#fff,#f3f4f5)}.anchorBtn__item--hover,.anchorBtn__item.hover,.anchorBtn__item:hover{background-color:#f3f4f5;background:-webkit-gradient(linear,left top,left bottom,from(#f3f4f5),to(#f4f5f6));background:-webkit-linear-gradient(#f3f4f5,#f4f5f6);background:-moz-linear-gradient(#f3f4f5,#f4f5f6);background:linear-gradient(#f3f4f5,#f4f5f6)}.anchorBtn__item--active,.anchorBtn__item.active,.anchorBtn__item:active{background:-webkit-gradient(linear,left top,left bottom,from(#e6e8ea),to(#f3f4f5));background:-webkit-linear-gradient(#e6e8ea,#f3f4f5);background:-moz-linear-gradient(#e6e8ea,#f3f4f5);background:linear-gradient(#e6e8ea,#f3f4f5)}.anchorBtn__item:last-of-type{margin-right:0}.anchorBtn__item:nth-of-type(n+2):not(:last-of-type):after{content:"";position:absolute;display:block;right:-21px;top:52px;top:-webkit-calc(50% - 8px);top:-moz-calc(50% - 8px);top:calc(50% - 8px);width:12px;height:12px;border-top:2px solid #007eff;border-right:2px solid #007eff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.anchorBtn__item>a{min-height:165px;display:block;width:100%;height:100%;padding:16px 8px 8px}.anchorBtn__iconBox{margin-bottom:15px;text-align:center}.anchorBtn__title{color:#007eff;font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}.qanda{margin-bottom:60px}.qanda__title{margin-bottom:20px;font-size:22px;font-weight:700;border-bottom:2px solid #c8c8c8}.qanda__subTitle{margin-bottom:10px;font-size:18px;font-weight:700}.qanda__subTitle:nth-of-type(n+2){margin-top:30px}.qanda__list__item{position:relative;padding:8px 8px 8px 48px;font-size:16px;line-height:1.6}.qanda__list__item:before{content:"Q.";position:absolute;top:2px;left:16px;margin-right:4px;font-size:22px;font-weight:700}.qanda__list__item.qanda__list__item--q{font-weight:700;background:#f5f5f5;border-top:1px solid #c8c8c8}.qanda__list__item.qanda__list__item--a{margin-bottom:10px}.qanda__list__item.qanda__list__item--a:before{content:"A.";color:#007eff}.qanda__list__item.qanda__list__item--a img{max-width:100%;height:auto}.tool:after{display:inline-block;content:"";width:21px;height:21px;margin:-2px 5px 0;vertical-align:middle;border:1px solid #c8c8c8;background:url(/files/img/smapri_design/guide/ico_tool_select.png) no-repeat center center;background-size:100%}.tool__direct:after{background-image:url(/files/img/smapri_design/guide/ico_tool_select_direct.png)}.tool__text:after{background-image:url(/files/img/smapri_design/guide/ico_tool_text.png)}.tool__pen:after{background-image:url(/files/img/smapri_design/guide/ico_tool_pen.png)}.tool__bgDelete:after{background-image:url(/files/img/smapri_design/guide/ico_tool_bg_delete.png)}.tool__save:after{background-image:url(/files/img/smapri_design/guide/ico_tool_save.png);width:22px;height:22px;border:none}.innerQanda__accordion{margin-top:10px;padding:4px;text-align:center;border:1px solid #c8c8c8;-webkit-border-radius:4px;border-radius:4px}.innerQanda__accordion.innerQanda__accordion--close{margin:0 -50px 0 -10px;background:#e4e4e4;border:none;-webkit-border-radius:0;border-radius:0}.innerQanda__list{overflow:hidden;padding:15px 50px 0 10px;background:#fefad4}.innerQanda__list__imageWrapper{margin-bottom:20px;padding-left:36px}.innerQanda__list__image{float:left;position:relative;margin-top:20px}.innerQanda__list__image:nth-of-type(2n){float:right}.innerQanda__list__image:nth-of-type(2n):before{content:'';position:absolute;top:100px;left:-36px;width:0;height:0;border:20px solid transparent;border-left:20px solid #004fb5;border-right:0px solid transparent;margin-right:20px}.innerQanda__list__image img{max-width:100%;height:auto}.innerQanda__list__image.innerQanda__list__image--large{float:none;text-align:center}.accordionHead{position:relative;top:-1px;display:inline-block;margin-left:10px;vertical-align:middle;margin-right:.4em;width:20px;height:20px;-webkit-border-radius:50%;border-radius:50%;background:#007eff}.accordionHead:before{content:'';display:block;width:0;height:0;border:5px solid transparent;border-top:7px solid #fff;border-bottom:0 solid transparent;margin-bottom:7px;position:absolute;top:7px;left:0;right:0;margin:auto;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}.accordionHead--close{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.js-accordion--open .accordionHead{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.topBtn{text-align:center}.topBtn__btn{white-space:pre-wrap;width:300px;font-size:16px;padding-top:12px;padding-bottom:12px}@media screen and (max-width:1020px){.anchorBtn{width:100%}.anchorBtn__item>a{min-height:184px}.innerQanda__list{padding-right:15px}.innerQanda__list__image{width:48%}.innerQanda__list__image:nth-of-type(2n):before{top:85px;left:-15px;width:0;height:0;border:10px solid transparent;border-left:10px solid #004fb5;border-right:0px solid transparent;margin-right:10px}.innerQanda__list__image.innerQanda__list__image--large{width:100%}}@media screen and (max-width:767px){.guide__titleLink{display:none}.anchorBtn__item:nth-of-type(n+2):not(:last-of-type):after{display:none}.anchorBtn__item{float:none;width:100%;margin-bottom:14px}.anchorBtn__item>a{min-height:auto;padding:0}.anchorBtn__iconBox{position:absolute;left:16px;top:8px}.anchorBtn__title{margin-bottom:0;padding:0 0 0 80px;text-align:left;line-height:60px}.anchorBtn__example{display:none}.innerQanda__list__image{width:100%}.innerQanda__list__image:nth-of-type(2n):before{top:-20px;left:50%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.topBtn__btn{width:100%}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */