.clearfix:before,.clearfix:after{clear:both;display:block;height:0;visibility:hidden;content:"\0020"}.vmiddle{display:table;height:100%}.vmiddle>*{display:table-cell;vertical-align:middle}.full-layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}article .button-area{margin-top:3.6em}@media screen and (max-width: 413px){article .button-area{margin-top:2.2em}}@media screen and (min-width: 414px) and (max-width: 1199px){article .button-area{margin-top:2.5em}}article .button-area .title{text-align:center;font-size:138%;font-weight:bold}@media screen and (max-width: 413px){article .button-area .title{font-size:130%;line-height:1.4}}article .button-area .link-area{margin-top:2.3em;text-align:center}article .button-area .link-area .btn{padding:0.75em 0.5em 0.8em;font-size:160%;line-height:1.1}@media screen and (max-width: 413px){article .button-area .link-area .btn{font-size:125%}}article #main-visual{z-index:1;background:url(../images/pages/front-page/img-mainvisual.jpg) no-repeat center center;background-size:cover}article #main-visual .text-area .easy,article #main-visual .text-area .pain .text-inner{position:relative}article #main-visual .text-area .easy:after,article #main-visual .text-area .pain .text-inner:after{content:'';position:absolute;width:100%;height:6px;background:#e84729}@media screen and (max-width: 413px){article #main-visual .text-area .easy:after,article #main-visual .text-area .pain .text-inner:after{height:4px}}@media screen and (min-width: 414px) and (max-width: 1199px){article #main-visual .text-area .easy:after,article #main-visual .text-area .pain .text-inner:after{height:4px}}article #main-visual .text-area .easy,article #main-visual .text-area .pain{display:inline-block;text-decoration:none}article #main-visual .text-area .text{position:relative}@media (max-width: 1199px){article #main-visual .text-area .text{display:block}}@media (min-width: 414px) and (max-width: 1199px){article #main-visual .text-area .text{padding-top:1em}}article #main-visual .text-area .easy{margin-left:.4em}@media (max-width: 413px){article #main-visual .text-area .easy{font-size:calc(3.0vw + 100%)}}article #main-visual .text-area .easy:after{display:inline-block;top:auto;bottom:-0.2em;left:0;right:0;line-height:1.1}article #main-visual .text-area .pain{height:1em;color:white;font-weight:bold;line-height:1.1;font-size:.92em}@media (min-width: 414px) and (max-width: 1199px){article #main-visual .text-area .pain{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position:absolute;bottom:1.4em;margin-left:.5em}}@media (max-width: 413px){article #main-visual .text-area .pain{margin-top:.5em;margin-bottom:.5em;display:block;-webkit-transform:rotate(-9deg);transform:rotate(-9deg);font-size:.95em}}article #main-visual .text-area .pain .text-inner:after{display:inline-block;opacity:.8;top:.5em;bottom:0;left:0;right:0;background:#0056a6;line-height:1.1}article #main-visual .text-area h1:after,article #main-visual .text-area .title:after{display:none !important}article #main-visual .text-area .vmiddle{position:relative}#epost-melit section,#why-epost section{margin-top:4em}#epost-melit section header .title,#why-epost section header .title{margin-bottom:1em;color:#0056a6;text-align:center;line-height:1.5;font-size:1.8em;font-weight:bold}#epost-melit section header .title .text-area span,#why-epost section header .title .text-area span{display:inline-block}@media (min-width: 414px) and (max-width: 1199px){#epost-melit section header .title,#why-epost section header .title{font-size:1.5em}}@media (max-width: 413px){#epost-melit section header .title,#why-epost section header .title{font-size:1.3em}}#epost-melit section section,#why-epost section section{margin-top:2.5em}#epost-melit section section header .title,#why-epost section section header .title{margin-bottom:0.6em;color:black;font-size:1.5em}@media (min-width: 414px) and (max-width: 1199px){#epost-melit section section header .title,#why-epost section section header .title{font-size:1.3em}}@media (max-width: 413px){#epost-melit section section header .title,#why-epost section section header .title{font-size:1.2em}}#epost-melit section .list-circle,#why-epost section .list-circle{margin:1em 0}#epost-melit section .list-circle li,#why-epost section .list-circle li{margin-top:.2em;margin-bottom:.2em}@media (min-width: 1200px){#epost-melit .sentence-area .list-circle.row,#why-epost .sentence-area .list-circle.row{margin-left:0;margin-right:0}#epost-melit .sentence-area .list-circle.row li,#why-epost .sentence-area .list-circle.row li{margin-left:0px;padding-left:25px;padding-right:0}}#epost-about{margin-top:-1vw;padding-top:1vw}#epost-about .sentence-area .row{margin-left:-30px;margin-right:-30px}@media screen and (max-width: 413px){#epost-about .sentence-area .row{margin-left:-14px;margin-right:-14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-about .sentence-area .row{margin-left:-15px;margin-right:-15px}}@media screen and (min-width: 1200px), not screen{#epost-about .sentence-area .row{margin-left:-30px;margin-right:-30px}}#epost-about .sentence-area .row .sentence-item{padding-left:30px;padding-right:30px}@media screen and (max-width: 413px){#epost-about .sentence-area .row .sentence-item{padding-left:14px;padding-right:14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-about .sentence-area .row .sentence-item{padding-left:15px;padding-right:15px}}@media screen and (min-width: 1200px), not screen{#epost-about .sentence-area .row .sentence-item{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1200px), not screen{#epost-about .sentence-area .sentence-item{min-height:366px}}#epost-about .sentence-area .img-about{margin:auto;height:100%;width:100%;background-image:url(../images/common/img-woman-1.jpg)}@media screen and (max-width: 413px){#epost-about .sentence-area .img-about{margin-bottom:1em;height:200px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-about .sentence-area .img-about{margin-bottom:1em;height:320px;max-width:560px}}@media screen and (min-width: 1200px), not screen{#epost-about .sentence-area .img-about{min-height:366px}}#epost-about .sentence-area .text-area{text-align:justify}#epost-about .sentence-area .text-area h3{margin:0 0 1em;font-size:1.35em;font-weight:bold}@media (max-width: 1199px){#epost-about .sentence-area .text-area h3{margin:1em 0 .65em;font-size:1.2em}}#epost-melit .sentence-area .row{margin-left:-30px;margin-right:-30px}@media screen and (max-width: 413px){#epost-melit .sentence-area .row{margin-left:-14px;margin-right:-14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-melit .sentence-area .row{margin-left:-15px;margin-right:-15px}}@media screen and (min-width: 1200px), not screen{#epost-melit .sentence-area .row{margin-left:-30px;margin-right:-30px}}#epost-melit .sentence-area .row .sentence-item{padding-left:30px;padding-right:30px}@media screen and (max-width: 413px){#epost-melit .sentence-area .row .sentence-item{padding-left:14px;padding-right:14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-melit .sentence-area .row .sentence-item{padding-left:15px;padding-right:15px}}@media screen and (min-width: 1200px), not screen{#epost-melit .sentence-area .row .sentence-item{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1200px), not screen{#epost-melit .sentence-area .sentence-item{height:386px}}#epost-melit .sentence-area .img-melit{margin:auto;height:100%;width:100%}@media screen and (max-width: 413px){#epost-melit .sentence-area .img-melit{margin-bottom:1em}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-melit .sentence-area .img-melit{margin-bottom:1em;min-height:240px;max-width:560px}}#epost-melit .sentence-area .img-melit .caption{margin:.5em 0;text-align:center}#epost-melit .sentence-area .text-area{text-align:justify}#epost-melit .sentence-area .text-area h3{margin:0 0 1em;font-size:1.35em;font-weight:bold}@media (max-width: 1199px){#epost-melit .sentence-area .text-area h3{margin:1em 0 .65em;font-size:1.2em}}#epost-melit .catch-area{margin-top:3.75em}#epost-melit .catch-area .catch-main-area .item-area{position:relative}#epost-melit .catch-area .catch-main-area .item-area figure{margin:auto;width:130px;height:130px}#epost-melit .catch-area .catch-main-area .item-area figure img{width:100%}#epost-melit .catch-area .catch-main-area .item-area .text-area{margin-top:0.8em;text-align:center;font-size:115%;font-weight:bold;line-height:1.42}#epost-melit .catch-area .catch-main-area .item-area .text-area span{display:inline-block}@media screen and (max-width: 413px){#epost-melit .catch-area .catch-main-area .item-area{margin-bottom:2.5em}#epost-melit .catch-area .catch-main-area .item-area figure{width:110px;height:110px}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-melit .catch-area .catch-main-area .item-area{margin-bottom:3em}#epost-melit .catch-area .catch-main-area .item-area figure{width:120px;height:120px}}#epost-melit .catch-area .catch-sub-area{margin-top:3em}#epost-melit .catch-area .catch-sub-area ul li{margin-bottom:0.5em;margin-left:0;text-indent:0}@media screen and (max-width: 413px){#epost-melit .catch-area .catch-sub-area{margin-left:auto;margin-right:auto;display:table;margin-top:0em}}@media screen and (min-width: 414px) and (max-width: 1199px){#epost-melit .catch-area .catch-sub-area{margin-left:auto;margin-right:auto;margin-top:0em;display:table}}@media screen and (min-width: 1200px), not screen{#epost-melit .catch-area .catch-sub-area ul:before,#epost-melit .catch-area .catch-sub-area ul:after{clear:both;display:block;height:0;visibility:hidden;content:"\0020"}#epost-melit .catch-area .catch-sub-area ul li{float:left;width:25%}}#epost-melit .feature-list{margin-top:3em}#epost-melit .feature-list .item-area{margin-bottom:1.3em;padding:1.8em 1.5em 2em;border-radius:6px;background:#e5f5fd}@media (min-width: 414px) and (max-width: 1199px){#epost-melit .feature-list .item-area .title-area,#epost-melit .feature-list .item-area .description{padding:1.5em 2.3em 1.4em 1.3em}}@media (max-width: 413px){#epost-melit .feature-list .item-area .title-area,#epost-melit .feature-list .item-area .description{padding:1.1em 2em 1.05em 1em}}#epost-melit .feature-list .item-area .title-area{color:#0056a6;text-align:center;font-weight:bold}#epost-melit .feature-list .item-area .title-area .subtitle{font-size:0.85em}@media (max-width: 413px){#epost-melit .feature-list .item-area .title-area .subtitle{font-size:0.9em}}#epost-melit .feature-list .item-area .title-area .title{font-size:1.5em}@media (min-width: 414px) and (max-width: 1199px){#epost-melit .feature-list .item-area .title-area .title{font-size:1.4em}}@media (max-width: 413px){#epost-melit .feature-list .item-area .title-area .title{font-size:1.25em}}@media (max-width: 1199px){#epost-melit .feature-list .item-area .title-area{-webkit-transition:all 0.15s ease;transition:all 0.15s ease;position:relative;cursor:pointer}#epost-melit .feature-list .item-area .title-area:hover,#epost-melit .feature-list .item-area .title-area:active{-webkit-transition:all 0.15s ease;transition:all 0.15s ease;color:#2090cc}#epost-melit .feature-list .item-area .title-area:after{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:rotate(0);transform:rotate(0);content:'';display:block;position:absolute;right:1em;top:0;bottom:0;margin:auto;height:9px;width:15px;background:url(../images/common/icon-arrow2-blue.svg) no-repeat center;background-size:contain}}#epost-melit .feature-list .item-area .description{overflow:hidden;font-size:1em;text-align:justify;line-height:1.5}#epost-melit .feature-list .item-area .description>ul{margin:1em 0}@media (min-width: 1200px){#epost-melit .feature-list .item-area .description{display:block !important;margin-top:1em;height:auto !important}}@media (max-width: 1199px){#epost-melit .feature-list .item-area .description{padding-top:0;padding-bottom:0;display:none}}@media (max-width: 1199px) and (min-width: 414px) and (max-width: 1199px){#epost-melit .feature-list .item-area .description.open{padding-bottom:1.5em}}@media (max-width: 1199px) and (max-width: 413px){#epost-melit .feature-list .item-area .description.open{padding-bottom:1.1em}}@media (max-width: 1199px){#epost-melit .feature-list .item-area{padding:0}#epost-melit .feature-list .item-area.open-text .title-area:after{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media (min-width: 414px) and (max-width: 1199px){#epost-melit .feature-list .item-area{margin-bottom:1em}}@media (max-width: 413px){#epost-melit .feature-list .item-area{margin-bottom:0.8em}}@media (min-width: 414px) and (max-width: 1199px){#epost-melit .feature-list{margin-top:2em}}@media (max-width: 413px){#epost-melit .feature-list{margin-top:1em}}#why-epost .sentence-area .sentence-item{margin-bottom:2.2em;color:black}#why-epost .sentence-area .sentence-item .text-area p{line-height:1.9;text-align:justify}@media (min-width: 1200px){#why-epost .sentence-area .sentence-item figure{margin-left:20px}}#why-epost .sentence-area .img-keyboard{height:100%;width:100%;background-image:url(../images/pages/front-page/img-keyboard.jpg)}@media screen and (max-width: 413px){#why-epost .sentence-area .img-keyboard{height:180px}}@media screen and (min-width: 414px) and (max-width: 1199px){#why-epost .sentence-area .img-keyboard{height:280px}}#why-epost .virtuous_cycle{padding-bottom:2em;border-radius:10px;background:white}#why-epost .virtuous_cycle .title{margin:0 0 0.8em;padding:1.1em 1.1em;color:#e84729;text-align:center;font-size:140%;font-weight:bold}#why-epost .virtuous_cycle .title span{display:inline-block}@media screen and (max-width: 413px){#why-epost .virtuous_cycle .title{font-size:125%;line-height:1.3}}#why-epost .virtuous_cycle .flow{display:block;color:black;text-align:center}#why-epost .virtuous_cycle .flow li{display:inline-block}#why-epost .virtuous_cycle .flow li figure{display:inline-block;margin-right:0.7em;width:72px;height:72px;vertical-align:middle}#why-epost .virtuous_cycle .flow li figure img{width:100%}#why-epost .virtuous_cycle .flow li .item-area{display:inline-block;width:100%}#why-epost .virtuous_cycle .flow li .item-area:after{content:'';display:inline-block;position:relative;top:0.35em;margin:0 1.5em 0 1.1em;width:34px;height:20px;background:url(../images/common/icon-arrow-right-red.svg) no-repeat center center;background-size:contain}#why-epost .virtuous_cycle .flow li:last-of-type .item-area:after{display:none}@media screen and (max-width: 413px){#why-epost .virtuous_cycle .flow li{margin-left:auto;margin-right:auto;display:block;margin-bottom:1em;width:13.1em;text-align:left}#why-epost .virtuous_cycle .flow li figure{width:48px;height:48px}#why-epost .virtuous_cycle .flow li .item-area:after{margin:auto;width:100%;height:21px;background:url(../images/common/icon-arrow-down-red.svg) no-repeat center center}}@media screen and (min-width: 414px) and (max-width: 1199px){#why-epost .virtuous_cycle .flow li{margin-bottom:1em}}@media screen and (max-width: 413px){#why-epost .virtuous_cycle{padding-bottom:1.2em}}@media screen and (min-width: 414px) and (max-width: 1199px){#why-epost .virtuous_cycle{padding-bottom:1.2em}}#why-epost .button-area .link-area .btn{width:320px}@media screen and (max-width: 413px){#why-epost .button-area .link-area .btn{padding-bottom:0.7em;width:240px}}@media screen and (min-width: 414px) and (max-width: 1199px){#why-epost .button-area .link-area .btn{width:280px}}#compare-epost .compare-list li .item-area{padding:1.3em 1.560em 1em;width:100%;border:2px solid #e84729;border-radius:10px;background:white}#compare-epost .compare-list li .item-area figure{margin:0 auto 1.73em;width:84px;height:84px;text-align:center}#compare-epost .compare-list li .item-area figure img{width:100%}#compare-epost .compare-list li .item-area .title{margin:0 0 0.73em;color:#e84729;text-align:center;font-size:137%;font-weight:bold}#compare-epost .compare-list li .item-area .list-circle li{text-align:justify}#compare-epost .compare-list li .item-area .list-circle .text{color:black}@media screen and (max-width: 413px){#compare-epost .compare-list li .item-area{margin-bottom:1em;padding:1.0em 1.1em 0.8em}#compare-epost .compare-list li .item-area figure{width:70px;height:70px}#compare-epost .compare-list li .item-area .title{font-size:131%;letter-spacing:-0.03em;letter-spacing:calc(-0.13em + 0.43vw)}}@media screen and (min-width: 414px) and (max-width: 1199px){#compare-epost .compare-list li .item-area{margin-bottom:1em}}@media screen and (min-width: 1200px), not screen{#compare-epost .compare-list li .item-area{height:373px}}#compare-epost .compare-list li:nth-of-type(even) .item-area{border-color:#fdf1f6;background:#fdf1f6}#compare-epost .compare-list li.about-paper .list-circle li{margin-bottom:0.45em}@media screen and (min-width: 414px) and (max-width: 1199px){#compare-epost .compare-list li.about-paper .list-circle{margin:auto;max-width:43em;width:100%}}#compare-epost .compare-list li.about-epost .list-circle li{margin-bottom:0.85em}#compare-epost .compare-list li.about-epost .list-circle li .text{font-weight:bold}@media screen and (min-width: 414px) and (max-width: 1199px){#compare-epost .compare-list li.about-epost .list-circle{margin:auto;max-width:29em;width:100%}}#compare-epost .compare-list .row{margin-left:-30px;margin-right:-30px}@media screen and (max-width: 413px){#compare-epost .compare-list .row{margin-left:-14px;margin-right:-14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#compare-epost .compare-list .row{margin-left:-15px;margin-right:-15px}}@media screen and (min-width: 1200px), not screen{#compare-epost .compare-list .row{margin-left:-30px;margin-right:-30px}}#compare-epost .compare-list .row>li{padding-left:30px;padding-right:30px}@media screen and (max-width: 413px){#compare-epost .compare-list .row>li{padding-left:14px;padding-right:14px}}@media screen and (min-width: 414px) and (max-width: 1199px){#compare-epost .compare-list .row>li{padding-left:15px;padding-right:15px}}@media screen and (min-width: 1200px), not screen{#compare-epost .compare-list .row>li{padding-left:30px;padding-right:30px}}#compare-epost .button-area{padding-bottom:3.3em}@media screen and (min-width: 1200px), not screen{#compare-epost .button-area .btn{width:320px}}@media screen and (min-width: 1200px), not screen{#compare-epost .button-area .btn{width:320px}}@media screen and (max-width: 413px){body.ios #epost-melit .catch-area .catch-sub-area ul li .text{display:block;width:calc(100% + 0.8em)}}@media screen and (min-width: 414px) and (max-width: 1199px){body.ios #epost-melit .catch-area .catch-sub-area ul li .text{display:block;width:calc(100% + 0.5em)}}
/*# sourceMappingURL=front-page.css.map */