.area-table .head{padding:30px 0;font:bold 35px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#fff;text-align:center;background:#001a4a}@media screen and (max-width:767px){.area-table .head{padding:20px 0;font-size:30px}
}.area-table .content{max-width:750px;margin:0 auto}@media screen and (max-width:767px){.area-table .content{padding:0 15px}}.area-table .content-toggle{display:none}@media screen and (max-width:767px){.area-table .content-toggle{display:flex;gap:10px;align-items:center;justify-content:center;margin:40px auto}
}.area-table .content-toggle>.toggle-arrow{width:15px;height:15px;transform:rotate(45deg)}.area-table .content-toggle>.toggle-arrow.prev{border-bottom:2px solid #001980;border-left:2px solid #001980}.area-table .content-toggle>.toggle-arrow.next{border-top:2px solid #001980;border-right:2px solid #001980}
.area-table .content-toggle>.toggle-dot{width:15px;height:15px;background:#d7e2ff;border-radius:50%}.area-table input{display:none}.area-table input#toggle-1:checked ~ .content-toggle>.toggle-dot[for=toggle-1],.area-table input#toggle-2:checked ~ .content-toggle>.toggle-dot[for=toggle-2]{background:#001980}
.area-table .table{border:1px solid #001980}.area-table .table-head{position:sticky;top:60px;z-index:1;display:flex;background:#fff;border-bottom:1px solid #001980}@media screen and (min-width:1071px){.area-table .table-head{top:80px}
}.area-table .table-head>div{display:flex;flex:1;align-items:center;justify-content:center;padding:15px 10px;font:bold 23px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#001980;text-align:center;background:#fff}
.area-table .table-head>div+div{border-left:1px solid #001a4a}.area-table .table-head>div.is-smilezemi{color:#fff;background:#001980}.area-table .table-head>div img{width:auto;height:25px;margin:10px 0}
.area-table .table-head>div img{height:60px}.area-table .table-title{padding:5px 0;font:bold 22px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#001980;text-align:center;background:#d7e2ff}
.area-table .table-row{display:flex;padding:20px 0}.area-table .table-row>div{display:flex;flex:1;flex-direction:column;align-items:center;padding:0 10px;font:normal 14px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#001980;text-align:center}
@media screen and (max-width:767px){.area-table .table-row>div{font-size:18px}.area-table .table-row>div{font:normal 15px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}}.area-table .table-row>div+div{border-left:1px solid #d7e2ff}
.area-table .icon-circle{position:relative;width:45px;height:45px;margin:0 auto 10px;color:#fff;background:#37a700;border-radius:50%}.area-table .icon-circle::after{position:absolute;top:50%;left:calc(50% - 12px);display:block;width:20px;height:14px;content:"";border-bottom:3px solid;border-left:3px solid;transform:rotate(-45deg);transform-origin:left top}
.area-table .icon-circle.opacity{background:#caebe9}.area-table .icon-x{position:relative;width:45px;height:45px;margin:0 auto 10px;color:#fff;background:#ff4e58;border-radius:50%}.area-table .icon-x::before,.area-table .icon-x::after{position:absolute;top:50%;left:50%;display:block;width:50%;height:0;content:"";border-top:3px solid;transform:translate(-50%,-50%)}
.area-table .icon-x::before{transform:translate(-50%,-50%) rotate(45deg)}.area-table .icon-x::after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width:767px){.area-table .table-head>div{padding:5px 0;font:bold 20px/1.0 Helvetica,"Helvetica Neue",Arial,sans-serif}
.area-table .table div.is-learning,.area-table .table div.is-private{display:none}.area-table input#toggle-1:checked ~ .table div.is-learning,.area-table input#toggle-2:checked ~ .table div.is-private{display:block}
}.area-table p.price{font:bold 40px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}.area-table .table-row p.price{font:bold 30px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
.area-table p.price .doll{position:relative;top:.2em;font-size:.7em;vertical-align:super}.area-table p.price .cent{position:relative;top:.2em;font-size:.7em;vertical-align:super}.area-table p.price .monthly{font-size:.5em}
.area-table p.price-label{display:inline-block;padding:5px 15px;font:bold 18px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#fff;background:#38a701;border-radius:3em}