@charset "UTF-8";.c-sidebar{float:right}.c-drawer-navigation__item:last-child .c-drawer-navigation__item__button{border-bottom:1px solid #c8c8c8}.main.main--hasSidebar{float:left;width:-webkit-calc(100% - 230px - 32px);width:-moz-calc(100% - 230px - 32px);width:calc(100% - 230px - 32px);padding:0}.feature .u-paragraph{font-size:16px;line-height:1.8em}.feature .q-and-a__question{font-size:18px}.feature__mainTitle{margin:20px 0 18px;padding-bottom:5px;font-size:30px;font-weight:700;line-height:1.4em;color:#1e1e1e;border-bottom:1px solid #c8c8c8}.feature__mainTitle__releaseDate{display:block;margin:-10px 0 18px;text-align:right}.feature__tagList__item{display:inline-block}.feature__tagList__item a{display:block;margin:0 4px 4px 0;padding:4px 8px;color:#fff;text-decoration:none;background:#696969;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.1s linear;-moz-transition:.1s linear;transition:.1s linear}.feature__tagList__item a:hover{opacity:.7}.introduction{margin-bottom:70px}.introduction__imageWrapper{margin-bottom:40px;text-align:center}.introduction__image.introduction__image--mobile{display:none}.introduction__lead{font-weight:700}.anchorIndex{margin:36px auto 0;padding:15px 30px 20px;border:1px solid #c8c8c8}.anchorIndex__title{margin-bottom:15px;text-align:center;font-weight:700;font-size:24px}.anchorIndexList__item{font-size:16px;line-height:2.1}.anchorIndexList__item.anchorIndexList__item--term:before{content:'●';color:#3788ff;margin-right:5px}.anchorIndexList__item.anchorIndexList__item--term:nth-of-type(n+2){margin-top:10px}.anchorIndexList__item.anchorIndexList__item--definition{padding-left:2em;margin-left:-1em}.anchorIndexList__item.anchorIndexList__item--definition:before{content:'・';color:#3788ff;margin-right:5px}.anchorIndexList__item__link{line-height:1.8}.anchorIndexList__item__link--hover span,.anchorIndexList__item__link.hover span,.anchorIndexList__item__link:hover span{background-color:#0156ab}.anchorIndexList__item__linkNumber{display:inline-block;width:18px;height:18px;margin-right:2px;line-height:20px;color:#fff;background-color:#007eff;-webkit-border-radius:50%;border-radius:50%;text-align:center}.featureArticle__section{margin-bottom:100px}.featureArticle__section:last-child{margin-bottom:0}.featureArticle__section.featureArticle__section--border{padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid #c8c8c8}.featureArticle__subSection{margin-bottom:50px}.featureArticle__innerSection{margin-bottom:40px}.featureArticle__paragraph{margin-bottom:26px}.featureArticle__break{margin-bottom:16px}.featureArticle__imageWrapper--center{text-align:center}.featureArticle__imageWrapper--spaceBetween{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px}.featureArticle__imageWrapper--spaceBetween img{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;height:auto}.featureArticle__image{max-width:100%;height:auto}.featureArticle__halfColumn{float:left;width:56%;text-align:justify}.featureArticle__halfColumn.featureArticle__halfColumn--image{float:right;width:42%;margin-right:0;text-align:right}.featureArticle__sampleBox{padding:16px 30px;background:#fefad4}.featureArticleTable{max-width:100%;border-top:1px solid #c8c8c8}.featureArticleTable td,.featureArticleTable th{padding:8px 14px;font-size:16px;font-weight:700;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;vertical-align:middle}.featureArticleTable td:first-child,.featureArticleTable th:first-child{border-left:none}.featureArticleTable td:last-child,.featureArticleTable th:last-child{border-right:none}.featureArticleTable th{text-align:center;white-space:nowrap;background-color:#e4e4e4}.featureArticleTable td:first-of-type{background-color:#fefad4}.featureArticleTable td .u-list-item{font-size:16px;font-weight:700}.conversionButton{width:100%;margin-bottom:30px;text-align:center}button.conversionButton{display:block;margin-left:auto;margin-right:auto}.conversionButton:last-child{margin-bottom:0}.conversionButton.conversionButton--half{float:left}.conversionButton.conversionButton--half:nth-child(2n){float:right}.conversionButton__link{min-width:450px;min-height:52px;padding:14px;font-size:20px;font-weight:700;line-height:1.2em}.conversionButton__link.conversionButton__link--sizeSmall{font-size:18px;padding-top:15px}.conversionButton__link.conversionButton__link--wide{min-width:480px}.conversionButton__link.conversionButton__link--half{min-width:360px}.articleLink.articleLink--wide{border-color:#007eff}.articleLink__wrapper.articleLink__wrapper--inline{margin-top:24px}.smapriDesignBannerVer2{overflow:hidden;display:table;width:100%;margin:0 auto 20px;border:1px solid #c8c8c8;-webkit-border-radius:7px;border-radius:7px}.smapriDesignBannerVer2__link{overflow:hidden;position:relative;display:block;width:100%;height:100%;padding:0 15px 0 0;color:#1e1e1e;text-decoration:none;background:#d9ecff;-webkit-border-radius:6px;border-radius:6px;border:2px solid #fff}.smapriDesignBannerVer2__link--hover,.smapriDesignBannerVer2__link.hover,.smapriDesignBannerVer2__link:hover{opacity:.7}.smapriDesignBannerVer2__link:before{content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border:5px solid transparent;border-left:6px solid #1e1e1e;border-right:0px solid transparent;margin-right:6px}.smapriDesignBannerVer2__headText{display:none}.smapriDesignBannerVer2__body{display:table-cell}.smapriDesignBannerVer2__designImage{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 10px 0 10px;vertical-align:middle}.smapriDesignBannerVer2__designImage img{max-width:100%;height:auto}.smapriDesignBannerVer2__information{display:inline-block;vertical-align:middle;margin-right:22px}.smapriDesignBannerVer2__information__recommendIcon{background:red;color:#fff;padding:1px 6px;margin-right:5px;-webkit-border-radius:3px;border-radius:3px;vertical-align:middle}.smapriDesignBannerVer2__information__head{font-size:18px;font-weight:700;vertical-align:middle}.smapriDesignBannerVer2__information__copy{margin-top:2px}.smapriDesignBanner{margin:-10px 0 0}.smapriDesignBanner__link{position:relative;display:block;width:100%;height:100%;padding:0 30px 0 12px;color:#1e1e1e;text-decoration:none;background:#d9ecff}.smapriDesignBanner__link--hover,.smapriDesignBanner__link.hover,.smapriDesignBanner__link:hover{opacity:.7}.smapriDesignBanner__link:before{content:'';position:absolute;right:5px;top:0;bottom:0;margin:auto;width:0;height:0;border:5px solid transparent;border-left:6px solid #1e1e1e;border-right:0px solid transparent;margin-right:6px}.smapriDesignBanner__designImage{float:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:2px}.smapriDesignBanner__designImage img{max-width:100%;height:auto}.smapriDesignBanner__information{float:right;width:310px;padding:8px 0}.smapriDesignBanner__information__freeIcon{margin:0 5px 0 0}.smapriDesignBanner__information__title{margin-top:2px;font-size:18px;font-weight:700;line-height:1.4}.smapriDesignBanner__information__title--small{font-size:12px}@media screen and (min-width:768px){.featureArticle__sampleBox{min-width:746px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}}@media screen and (min-width:1316px){.content-wrapper{width:1300px}.smapriDesignBannerVer2{width:960px}.smapriDesignBannerVer2__headText{display:table-cell;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;padding:20px;background:#ec1e79;font-size:18px;font-weight:700;color:#fff;vertical-align:middle}.smapriDesignBannerVer2__designImage{margin:0 20px}.smapriDesignBannerVer2__information__head{font-size:20px}}@media screen and (max-width:1315px){.smapriDesignBannerVer2__information{margin-right:0}}@media screen and (max-width:1020px){.main.main--hasSidebar{width:100%}}@media screen and (max-width:767px){.feature .u-paragraph{font-size:14px;line-height:1.6em}.feature__mainTitle{font-size:22px}.introduction__image{max-width:100%;height:auto}.introduction__image.introduction__image--pc{display:none}.introduction__image.introduction__image--mobile{display:block}.anchorIndex{padding:10px 10px 15px}.anchorIndex__title{margin-bottom:10px;font-size:16px}.anchorIndexList__item{font-size:14px}.anchorIndexList__item.anchorIndexList__item--term:nth-of-type(n+2){margin-top:7px}.featureArticle__section{margin-bottom:80px}.featureArticle__subSection{margin-bottom:40px}.featureArticle__innerSection{margin-bottom:30px}.featureArticle__imageWrapper--spaceBetween{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.featureArticle__halfColumn{float:none;width:100%;margin-right:0}.featureArticle__halfColumn.featureArticle__halfColumn--image{float:none;width:100%;margin-top:14px;text-align:center}.featureArticle__sampleBox{padding:16px}.featureArticleTable{width:100%}.featureArticleTable td,.featureArticleTable th{padding:8px 10px;font-size:14px}.featureArticleTable td .u-list-item{font-size:14px}.featureArticleTable__wrapper{overflow-x:scroll;padding-bottom:10px}.conversionButton.conversionButton--half{float:none}.conversionButton.conversionButton--half:nth-child(2n){float:none}.conversionButton__link{min-height:100%}.conversionButton__link.conversionButton__link--sizeSmall{font-size:16px;padding-top:14px}.conversionButton__link.conversionButton__link--wide{width:100%;min-width:100%}.conversionButton__link.conversionButton__link--half{width:100%;min-width:100%}.conversionButton__link{width:100%;min-width:100%;font-size:16px;white-space:inherit}.smapriDesignBannerVer2{margin-bottom:10px}.smapriDesignBannerVer2__link{padding:0 10px}.smapriDesignBannerVer2__designImage{float:none;margin:0 0 5px}.smapriDesignBannerVer2__information{width:100%;text-align:center}.smapriDesignBannerVer2__information__head{font-size:18px}.smapriDesignBannerVer2__information__copy{margin:2px 0 8px 0}.smapriDesignBanner__link{padding:0 15px}.smapriDesignBanner__designImage{float:none}.smapriDesignBanner__information{width:100%;float:none}}@media screen and (max-width:419px){.main.main--hasSidebar{padding-left:8px;padding-right:8px}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */