#price_top{background:#eff2f5;-webkit-font-feature-settings:'palt';font-feature-settings:'palt'}#headder{padding:40px 0 0;position:-webkit-sticky;position:sticky;top:0;background:#eff2f5;z-index:5}#headder .pr{font-size:12px;font-weight:700;color:#36b4ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.5em}@media screen and (min-width: 768px){#headder .pr{font-size:18px}}#headder .pr a{color:#111419}#headder .switcher{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2em}#headder .switcher>button{width:48%;background:#ddd}#headder .switcher>button.selected{background:#36b4ee}.ml_2em{margin-left:2em}h2{text-align:center;font-size:24px;font-weight:700;margin-bottom:1em}.bold{font-weight:700}.plan_topic{display:-webkit-box;display:-ms-flexbox;display:flex;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:10px;font-weight:700}.plan_topic div{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.plan_topic{height:40px;font-size:12px}}@media screen and (min-width: 1069px){.plan_topic{height:60px;font-size:14px}}.plan_topic>div:not(.empty){background:#fff;padding:.8em 0;border:1px solid #eff2f5}.plan_topic>div:first-child{border-radius:2px 0 0 0}.plan_topic>div:last-child{border-radius:0 2px 0 0}.plan_topic .empty{width:30px}@media screen and (min-width: 768px){.plan_topic br{display:none}}.regadd{width:22%}.orgadd{width:18%}.distribution{width:20%}.frontcost{width:20%}.discount{position:relative;color:#FF4040 !important}.discount:before{position:absolute;content:'￥8,800';-webkit-transform:translateY(-70%);transform:translateY(-70%);font-size:0.7em;text-decoration:line-through;color:#2D9CDB}.monthly{position:relative;width:20%;overflow:hidden}.monthly .normal{color:#36b4ee;position:absolute;top:-100%;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s;transition:all .5s}.monthly .normal:before{content:"\0a5"}.monthly .normal.active{top:0}.monthly .annually{color:#F2994A;position:absolute;bottom:-100%;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s;transition:all .5s}.monthly .annually:before{content:"\0a5"}.monthly .annually.active{bottom:0}.plan_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.plan_wrapper.rcmd{position:relative}.plan_wrapper.rcmd:before{position:absolute;display:block;content:"";border:5px solid #F2C94C;height:calc(100% + 1em);width:calc(100% + 1em);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}.plan_wrapper.rcmd:after{position:absolute;text-align:center;content:"人\A気\ANo.1\A！";white-space:pre;display:table-cell;color:#F2C94C;font-size:20px;font-weight:700;top:50%;left:-1.5em;letter-spacing:-.1em;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}.plan_wrapper:nth-child(n+2){margin-top:1em}.plan_wrapper .plan{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;font-size:10px;line-height:1;letter-spacing:-3;width:30px;background:#36b4ee;color:#fff;border-radius:2px 0 0 2px}@media screen and (min-width: 768px){.plan_wrapper .plan{height:120px;font-size:11px}}@media screen and (min-width: 1069px){.plan_wrapper .plan{height:130px;font-size:12px}}.plan_wrapper .vt{padding-right:5px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.plan_wrapper .num{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;letter-spacing:0;line-height:1.8}.spec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.top_row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;height:60px;width:100%;background:#fff}.top_row .frontcost:not(.free):before{content:"\0a5"}.top_row .monthly{-webkit-transition:all 1s linear;transition:all 1s linear}@media screen and (min-width: 768px){.top_row{font-size:18px;height:75px}}@media screen and (min-width: 1069px){.top_row{height:80px}}.top_row>div{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #eff2f5;color:#36b4ee;font-weight:700}.top_row>div.org{color:#F2994A}.bottom_row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;border:1px solid #eff2f5;padding:0 .8em}@media screen and (min-width: 768px){.bottom_row{height:45px}}@media screen and (min-width: 1069px){.bottom_row{height:50px}}.planInfo{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;color:#666}@media screen and (min-width: 768px){.planInfo{font-size:12px}}@media screen and (min-width: 1069px){.planInfo{font-size:14px}}.info{margin-right:1em}.info.with{position:relative;padding-left:1.5em}.info.with:before{position:absolute;content:"";background:url(../img/icon_with.svg) center/contain no-repeat;height:11px;width:11px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 768px){.info.with:before{height:12px;width:12px}}@media screen and (min-width: 1069px){.info.with:before{height:14px;width:14px}}.info.no{position:relative;padding-left:1.5em}.info.no:before{position:absolute;content:"";background:url(../img/icon_no.svg) center/contain no-repeat;height:11px;width:11px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 768px){.info.no:before{height:12px;width:12px}}@media screen and (min-width: 1069px){.info.no:before{height:14px;width:14px}}.info.sp_none{display:none}@media screen and (min-width: 768px){.info.sp_none{display:block}}.button.forPlan{font-size:10px;background:#F2994A;height:auto;padding:.2em 1em;-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 768px){.button.forPlan{min-width:86px;font-size:12px}}@media screen and (min-width: 1069px){.button.forPlan{font-size:14px}}.modaal-container{background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important;position:relative}@media screen and (min-width: 768px){.modaal-container{width:600px !important}}@media screen and (min-width: 1069px){.modaal-container{width:800px !important}}.modaal-container .modaal-content-container{background:transparent;padding:0 !important;border-radius:10px;overflow:hidden}.modaal-container .modaal-close{position:absolute !important;right:0 !important;top:-50px !important;color:#fff;cursor:pointer;opacity:1;width:44px;height:44px;background:transparent;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-container .modaal-close:focus,.modaal-container .modaal-close:hover{outline:0;background:none !important;-webkit-transform:scale(1.1);transform:scale(1.1);border:none !important}.modaal-container .modaal-close:focus:after,.modaal-container .modaal-close:focus:before,.modaal-container .modaal-close:hover:after,.modaal-container .modaal-close:hover:before{background:#fff !important}.modaal-container .modaal-close:focus:after,.modaal-container .modaal-close:focus:before,.modaal-container .modaal-close:hover:after,.modaal-container .modaal-close:hover:before{background:#fff !important}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#666}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:11px;left:20px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.m_modaal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;border-radius:10px;overflow:hidden;border:5px solid #36b4ee;margin:0 auto;background:#36b4ee}.m_modaal .plan_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50px;width:100%;background:#36b4ee;color:#fff;font-size:16px;font-weight:700}.m_modaal .spec_detail{background:#fff;width:100%;padding:1em 1.5em}.m_modaal .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.m_modaal .detail{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.m_modaal .left_block,.m_modaal .right_block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media screen and (min-width: 768px){.m_modaal .left_block,.m_modaal .right_block{width:46%}}.m_modaal .detail_row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 .2em;border-bottom:1px solid #ddd;width:100%;margin:.5em 0}.m_modaal .topic{position:relative;color:#666;font-size:14px;width:45%}@media screen and (min-width: 768px){.m_modaal .topic{font-size:14px}}.m_modaal .content{color:#36b4ee;font-weight:700;font-size:20px}@media screen and (min-width: 768px){.m_modaal .content{font-size:16px}}@media screen and (min-width: 1069px){.m_modaal .content{font-size:28px}}.m_modaal .content.yen:before{content:"\0a5"}.m_modaal .notice{text-align:right;font-size:12px;color:#666;margin-top:0;margin-right:-.6em}.m_modaal .detail_caption{border-bottom:1px solid #ddd;padding:0 0 1em}.m_modaal .detail_caption figure{margin:1em auto}.m_modaal .detail_caption img{width:100%;border:1px solid #ddd}.m_modaal .detail_caption .detail_pr{font-size:16px}.m_modaal .detail_caption .detail_pr.org{color:#F2994A}.m_modaal .detail_caption .detail_pr.main{color:#36b4ee;font-weight:700;font-size:16px}.m_modaal .detail_caption p{font-size:14px;color:#666;line-height:1.5}.m_modaal .detail_caption p:nth-child(n+2){padding-top:.5em}.m_modaal .detail_caption p .main{color:#36b4ee}.m_modaal .function{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.5em 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.m_modaal .function{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.m_modaal .function .option{color:#666;font-size:12px}@media screen and (min-width: 768px){.m_modaal .function .option{font-size:14px}}.m_modaal .function .option .info:nth-child(n+2){margin-top:1em;margin-left:0}.m_modaal .button{display:inline-block;background:#F2994A;width:100%;cursor:pointer;font-weight:700;margin:2em 0 0}.m_modaal .button.invert{background:#fff;border:3px solid #F2994A;color:#F2994A}
