@charset "UTF-8";
@import url(/s/2015/colorbox/colorbox.css);
.m-btn--white.m-btn--l:after,
.m-btn--white.m-btn--xl:after,
.m-btn--white.m-btn--xxl:after,
.i-arrow-black-l,
.m-btn--white:after,
.m-link.m-link--black:before,
.m-linklist.m-linklist--black a:before,
.i-arrow-black-m,
.m-carousel .bx-wrapper .bx-prev,
.m-carousel .bx-wrapper .bx-next,
.i-arrow-blue-ctrl,
.m-btn--bdr-blue:after,
.i-arrow-blue-l,
.m-btn--gray:after,
.m-hnav-sub a.is-active:before,
.i-arrow-blue-m,
.m-btn--gray.m-btn--xl:after,
.i-arrow-blue-xl,
.m-link--l:before,
.m-linklist--l a:before,
.m-link--xl:before,
.m-linklist--xl a:before,
.i-arrow-link-l,
.m-link:before,
.m-linklist a:before,
.m-link--s:before,
.m-linklist--s a:before,
.i-arrow-link-m,
.i-arrow-link-s,
.m-dekiru--anchor li:after,
.i-arrow-link-xl,
.m-btn--bdr-red:after,
.i-arrow-red-l,
.m-carousel-cover .bx-wrapper .bx-prev,
.m-carousel-cover .bx-wrapper .bx-next,
.i-arrow-white-ctrl,
.m-btn--blue:after,
.m-btn--red:after,
.m-btn--pink:after,
.m-link.m-link--white:before,
.m-linklist.m-linklist--white a:before,
.i-arrow-white-m,
.m-btn--blue.m-btn--xl:after,
.m-btn--pink.m-btn--xl:after,
.i-arrow-white-xl,
.i-badge-0229,
.i-badge-1,
.i-badge-10,
.i-badge-11,
.i-badge-12,
.i-badge-2,
.i-badge-3,
.i-badge-4,
.i-badge-4b,
.i-badge-5,
.i-badge-6,
.i-badge-7,
.i-badge-8,
.i-badge-8b,
.i-badge-8c,
.i-badge-8d,
.i-badge-9,
.i-book,
.i-calendar,
.i-card,
.i-caret-blue-l,
.i-caret-blue-m,
.i-caret-blue-xl,
.i-caret-red-xl,
html .m-cboxlist--blue li:before,
.i-check-blue,
html .m-cboxlist--cyan li:before,
.i-check-cyan,
html .m-cboxlist--green li:before,
.i-check-green,
html .m-cboxlist--pink li:before,
.i-check-pink,
html .m-cboxlist--red li:before,
.i-check-red,
.m-cboxlist li:before,
.i-check,
.i-consult-bc,
.i-consult-method,
.i-dir,
.i-free,
.i-future-pay,
.i-future-pay2,
.i-graph,
.i-hito,
.i-hito2,
.i-hito3,
.i-hybrid,
.i-hybrid2,
.i-limited,
.i-magnifier,
.i-mail,
.m-btn--acc-below.is-active:after,
.i-minus,
.i-new,
.i-only,
.i-original,
.i-original2,
.m-btn--acc-below:after,
.i-plus,
.i-plus2,
.m-point__desc:before,
.i-point,
.i-pr,
.m-qlist li:before,
.i-q,
.i-refund,
.i-refund2,
.m-sample--s:after,
.i-sample-s,
.m-sample:after,
.i-sample,
.m-sample--s.m-sample--zoom:after,
.i-sample2-s,
.m-sample--zoom:after,
.i-sample2,
.i-search,
.i-service,
.i-event,
.i-step1,
.i-step2,
.i-step3,
.i-tel,
.i-touch,
.i-touch2,
.i-week,
.i-zero,
.i-zero2 {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/_share16/pc/img/sprite.png);
    background-size: auto;
}

.m-dekiru--anchor li.no-arrow:after {
    background-image: none;
}

.i-badge-8b {
    background-image: url(/_share16/pc/img/sprite2.png);
}

.i-badge-8c {
    background-image: url(/_share16/pc/img/sprite3.png);
}

.i-badge-8d {
    background-image: url(/_share16/pc/img/sprite4.png);
}

.m-btn--white.m-btn--l:after,
.m-btn--white.m-btn--xl:after,
.m-btn--white.m-btn--xxl:after,
.i-arrow-black-l {
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: 0px -506px;
}

.m-btn--white:after,
.m-link.m-link--black:before,
.m-linklist.m-linklist--black a:before,
.i-arrow-black-m {
    width: 7px;
    min-width: 7px;
    max-width: 7px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -519px -452px;
}

.m-carousel .bx-wrapper .bx-prev,
.m-carousel .bx-wrapper .bx-next,
.i-arrow-blue-ctrl {
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    background-position: -498px -131px;
}

.m-btn--bdr-blue:after,
.i-arrow-blue-l {
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -336px -302px;
}

.m-btn--gray:after,
.m-hnav-sub a.is-active:before,
.i-arrow-blue-m {
    width: 9px;
    min-width: 9px;
    max-width: 9px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -466px -452px;
}

.m-btn--gray.m-btn--xl:after,
.i-arrow-blue-xl {
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -42px -506px;
}

.m-link--l:before,
.m-linklist--l a:before,
.m-link--xl:before,
.m-linklist--xl a:before,
.i-arrow-link-l {
    width: 7px;
    min-width: 7px;
    max-width: 7px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -502px -452px;
}

.m-link:before,
.m-linklist a:before,
.m-link--s:before,
.m-linklist--s a:before,
.i-arrow-link-m {
    width: 7px;
    min-width: 7px;
    max-width: 7px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -485px -452px;
}

.m-link--s:before,
.m-linklist--s a:before,
.i-arrow-link-s {
    width: 7px;
    min-width: 7px;
    max-width: 7px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    background-position: -350px -422px;
}

.m-dekiru--anchor li:after,
.i-arrow-link-xl {
    width: 13px;
    min-width: 13px;
    max-width: 13px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    background-position: -336px -270px;
}

.m-btn--bdr-red:after,
.i-arrow-red-l {
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -336px -330px;
}

.m-carousel-cover .bx-wrapper .bx-prev,
.m-carousel-cover .bx-wrapper .bx-next,
.i-arrow-white-ctrl {
    width: 21px;
    min-width: 21px;
    max-width: 21px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    background-position: -550px -405px;
}

.m-btn--blue:after,
.m-btn--red:after,
.m-btn--pink:after,
.m-link.m-link--white:before,
.m-linklist.m-linklist--white a:before,
.i-arrow-white-m {
    width: 9px;
    min-width: 9px;
    max-width: 9px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -447px -452px;
}

.m-btn--blue.m-btn--xl:after,
.m-btn--pink.m-btn--xl:after,
.i-arrow-white-xl {
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -21px -506px;
}

.i-badge-0229 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: 0px -270px;
}

.i-badge-1 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -90px -270px;
}

.i-badge-10 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -270px -180px;
}

.i-badge-11 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -270px -90px;
}

.i-badge-12 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -270px 0px;
}

.i-badge-2 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -180px -180px;
}

.i-badge-3 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -90px -180px;
}

.i-badge-4 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: 0px -180px;
}

.i-badge-4b {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -180px -90px;
}

.i-badge-5 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -180px 0px;
}

.i-badge-6 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: 0px 0px;
}

.i-badge-7 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -90px 0px;
}

.i-badge-8,
.i-badge-8b,
.i-badge-8c,
.i-badge-8d {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -90px -90px;
}

.i-badge-9 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: 0px -90px;
}

.i-book {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -295px -394px;
}

.i-calendar {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 41px;
    min-height: 41px;
    max-height: 41px;
    background-position: -55px -452px;
}

.i-card {
    width: 47px;
    min-width: 47px;
    max-width: 47px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -238px -394px;
}

.i-caret-blue-l {
    width: 12px;
    min-width: 12px;
    max-width: 12px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    background-position: -581px -405px;
}

.i-caret-blue-m {
    width: 6px;
    min-width: 6px;
    max-width: 6px;
    height: 12px;
    min-height: 12px;
    max-height: 12px;
    background-position: -165px -480px;
}

.i-caret-blue-xl {
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    background-position: -550px -451px;
}

.i-caret-red-xl {
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    background-position: -575px -451px;
}

html .m-cboxlist--blue li:before,
.i-check-blue {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 17px;
    min-height: 17px;
    max-height: 17px;
    background-position: -518px -360px;
}

html .m-cboxlist--cyan li:before,
.i-check-cyan {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 17px;
    min-height: 17px;
    max-height: 17px;
    background-position: -508px -282px;
}

html .m-cboxlist--green li:before,
.i-check-green {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 17px;
    min-height: 17px;
    max-height: 17px;
    background-position: -512px -324px;
}

html .m-cboxlist--pink li:before,
.i-check-pink {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 17px;
    min-height: 17px;
    max-height: 17px;
    background-position: -489px -360px;
}

html .m-cboxlist--red li:before,
.i-check-red {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -508px -254px;
}

.m-cboxlist li:before,
.i-check {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -507px -214px;
}

.i-consult-bc {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    background-position: -550px -98px;
}

.i-consult-method {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    background-position: 0px -452px;
}

.i-dir {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 37px;
    min-height: 37px;
    max-height: 37px;
    background-position: -550px -282px;
}

.i-free {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    background-position: -357px -452px;
}

.i-future-pay {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 59px;
    min-height: 59px;
    max-height: 59px;
    background-position: -360px -185px;
}

.i-future-pay2 {
    width: 41px;
    min-width: 41px;
    max-width: 41px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -550px -49px;
}

.i-graph {
    width: 51px;
    min-width: 51px;
    max-width: 51px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    background-position: -58px -394px;
}

.i-hito {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 29px;
    min-height: 29px;
    max-height: 29px;
    background-position: -550px -329px;
}

.i-hito2 {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -550px 0px;
}

.i-hito3 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 27px;
    min-height: 27px;
    max-height: 27px;
    background-position: -550px -368px;
}

.i-hybrid {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 23px;
    min-height: 23px;
    max-height: 23px;
    background-position: -393px -360px;
}

.i-hybrid2 {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    background-position: -360px 0px;
}

.i-limited {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -350px -394px;
}

.i-magnifier {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -119px -394px;
}

.i-mail {
    width: 47px;
    min-width: 47px;
    max-width: 47px;
    height: 39px;
    min-height: 39px;
    max-height: 39px;
    background-position: -181px -394px;
}

.m-btn--acc-below.is-active:after,
.i-minus {
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
    background-position: -498px -169px;
}

.i-new {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    background-position: -498px -105px;
}

.i-only {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -446px -394px;
}

.i-original {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 23px;
    min-height: 23px;
    max-height: 23px;
    background-position: -297px -360px;
}

.i-original2 {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    background-position: -360px -35px;
}

.m-btn--acc-below:after,
.i-plus {
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -484px -324px;
}

.i-plus2 {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    background-position: -360px -254px;
}

.m-point__desc:before,
.i-point {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    background-position: 0px -394px;
}

.i-pr {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -261px -452px;
}

.m-qlist li:before,
.i-q {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    background-position: -523px -131px;
}

.i-refund {
    width: 62px;
    min-width: 62px;
    max-width: 62px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
    background-position: -435px -185px;
}

.i-refund2 {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    background-position: -111px -452px;
}

.m-sample--s:after,
.i-sample-s {
    width: 59px;
    min-width: 59px;
    max-width: 59px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    background-position: -360px -105px;
}

.m-sample:after,
.i-sample {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -258px -270px;
}

.m-sample--s.m-sample--zoom:after,
.i-sample2-s {
    width: 59px;
    min-width: 59px;
    max-width: 59px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    background-position: -429px -105px;
}

.m-sample--zoom:after,
.i-sample2 {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    background-position: -180px -270px;
}

.i-search {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    height: 19px;
    min-height: 19px;
    max-height: 19px;
    background-position: -507px -185px;
}

.i-service {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -165px -452px;
}

.i-event {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    background-position: -357px -487px;
}

.i-step1 {
    width: 89px;
    min-width: 89px;
    max-width: 89px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    background-position: -99px -360px;
}

.i-step2 {
    width: 89px;
    min-width: 89px;
    max-width: 89px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    background-position: -198px -360px;
}

.i-step3 {
    width: 89px;
    min-width: 89px;
    max-width: 89px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    background-position: 0px -360px;
}

.i-tel {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    background-position: -550px -232px;
}

.i-touch {
    width: 114px;
    min-width: 114px;
    max-width: 114px;
    height: 23px;
    min-height: 23px;
    max-height: 23px;
    background-position: -360px -324px;
}

.i-touch2 {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    background-position: -360px -70px;
}

.i-week {
    width: 43px;
    min-width: 43px;
    max-width: 43px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    background-position: -550px -146px;
}

.i-zero {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    height: 45px;
    min-height: 45px;
    max-height: 45px;
    background-position: -430px -254px;
}

.i-zero2 {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    background-position: -550px -192px;
}

.m-arrow {
    position: relative;
    height: 10px;
}

.m-arrow:after {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.m-arrow--orange {
    background-color: #fa7500;
}

.m-arrow--orange.m-arrow--top {
    margin-top: 80px;
}

.m-arrow--orange.m-arrow--top:after {
    top: -50px;
    border-width: 0 88.5px 50px 88.5px;
    border-color: transparent transparent #fa7500 transparent;
}

.m-arrow--orange.m-arrow--btm {
    margin-bottom: 80px;
}

.m-arrow--orange.m-arrow--btm:after {
    bottom: -50px;
    border-width: 50px 88.5px 0 88.5px;
    border-color: #fa7500 transparent transparent transparent;
}

.m-bg {
    padding: 40px 0;
}

.m-bg--tight {
    padding: 20px 0;
}

.m-bg--cv {
    padding: 30px 0 20px;
}

.m-bg--bdr {
    border: 1px solid;
    border-left-width: 0;
    border-right-width: 0;
}

.m-bg--arrow-top,
.m-bg--arrow-btm {
    position: relative;
}

.m-bg--arrow-top:after,
.m-bg--arrow-btm:after {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.m-bg--white {
    background-color: #fff;
}
/*

.m-bg--pink {
    background-color: #EC6E81;
    color: #fff;
}

.m-bg--pink.m-bg--arrow-top,{
    margin-top: 110px;
}

.m-bg--pink.m-bg--arrow-top:after {
    top: -60px;
    border-width: 0 100px 60px 100px;
    border-color: transparent transparent #EC6E81 transparent;
}

.m-bg--pink.m-bg--arrow-btm {
    margin-bottom: 110px;
}

.m-bg--pink.m-bg--arrow-btm:after {
    bottom: -60px;
    border-width: 60px 100px 0 100px;
    border-color: #0070cb transparent transparent transparent;
}

.m-bg--darkblue {
    background-color: #006eb3;
}

.m-bg--darkblue.m-bg--arrow-top:after {
    border-color: transparent transparent #006eb3 transparent;
}

.m-bg--darkblue.m-bg--arrow-btm:after {
    border-color: #006eb3 transparent transparent transparent;
}
*/

.m-bg--blue,
.m-bg--darkblue {
    background-color: #0070cb;
    color: #fff;
}

.m-bg--blue.m-bg--arrow-top,
.m-bg--darkblue.m-bg--arrow-top {
    margin-top: 110px;
}

.m-bg--blue.m-bg--arrow-top:after,
.m-bg--darkblue.m-bg--arrow-top:after {
    top: -60px;
    border-width: 0 100px 60px 100px;
    border-color: transparent transparent #0070cb transparent;
}

.m-bg--blue.m-bg--arrow-btm,
.m-bg--darkblue.m-bg--arrow-btm {
    margin-bottom: 110px;
}

.m-bg--blue.m-bg--arrow-btm:after,
.m-bg--darkblue.m-bg--arrow-btm:after {
    bottom: -60px;
    border-width: 60px 100px 0 100px;
    border-color: #0070cb transparent transparent transparent;
}

.m-bg--darkblue {
    background-color: #006eb3;
}

.m-bg--darkblue.m-bg--arrow-top:after {
    border-color: transparent transparent #006eb3 transparent;
}

.m-bg--darkblue.m-bg--arrow-btm:after {
    border-color: #006eb3 transparent transparent transparent;
}

.m-bg--gray {
    background-color: #f2f2f2;
}

.m-bg--gray.m-bg--bdr {
    border-color: #ededed;
}

.m-bg--gray.m-bg--arrow-top {
    margin-top: 80px;
}

.m-bg--gray.m-bg--arrow-top:after {
    top: -50px;
    border-width: 0 83px 50px 83px;
    border-color: transparent transparent #f2f2f2 transparent;
}

.m-bg--gray.m-bg--arrow-btm {
    margin-bottom: 80px;
}

.m-bg--gray.m-bg--arrow-btm:after {
    bottom: -50px;
    border-width: 50px 83px 0 83px;
    border-color: #f2f2f2 transparent transparent transparent;
}

.m-bg--cream {
    background-color: #fff6cc;
}

.m-bg--cream.m-bg--bdr {
    border-color: #faed96;
}

.m-bg--yellow {
    background-color: #ffea00;
}

.m-bg--yellow.m-bg--arrow-top {
    margin-top: 73px;
}

.m-bg--yellow.m-bg--arrow-top:after {
    top: -43px;
    border-width: 0 72px 43px 72px;
    border-color: transparent transparent #ffea00 transparent;
}

.m-bg--yellow.m-bg--arrow-btm {
    margin-bottom: 73px;
}

.m-bg--yellow.m-bg--arrow-btm:after {
    bottom: -43px;
    border-width: 43px 72px 0 72px;
    border-color: #ffea00 transparent transparent transparent;
}

.m-bg--orange {
    background-color: #fa7500;
    color: #fff;
}

.m-bg--orange.m-bg--arrow-top {
    margin-top: 73px;
}

.m-bg--orange.m-bg--arrow-top:after {
    top: -43px;
    border-width: 0 72px 43px 72px;
    border-color: transparent transparent #fa7500 transparent;
}

.m-bg--orange.m-bg--arrow-btm {
    margin-bottom: 73px;
}

.m-bg--orange.m-bg--arrow-btm:after {
    bottom: -43px;
    border-width: 43px 72px 0 72px;
    border-color: #fa7500 transparent transparent transparent;
}

.m-bg--beige {
    background-color: #f5f2e9;
}

.m-bg--beige.m-bg--arrow-top {
    margin-top: 67px;
}

.m-bg--beige.m-bg--arrow-top:after {
    top: -37px;
    border-width: 0 37px 37px 37px;
    border-color: transparent transparent #f5f2e9 transparent;
    -webkit-transform: translateX(-310px);
    transform: translateX(-310px);
}

.m-bg--beige.m-bg--arrow-btm {
    margin-bottom: 67px;
}

.m-bg--beige.m-bg--arrow-btm:after {
    bottom: -37px;
    border-width: 37px 37px 0 37px;
    border-color: #f5f2e9 transparent transparent transparent;
    -webkit-transform: translateX(-310px);
    transform: translateX(-310px);
}

.m-block {
    margin-bottom: 80px;
}

.m-block.m-block--top {
    margin-top: 80px;
}

.m-block > .m-block__el {
    margin-bottom: 80px;
}

.m-block--xs {
    margin-bottom: 10px;
}

.m-block--xs.m-block--top {
    margin-top: 10px;
}

.m-block--xs > .m-block__el {
    margin-bottom: 10px;
}

.m-block--s {
    margin-bottom: 20px;
}

.m-block--s.m-block--top {
    margin-top: 20px;
}

.m-block--s > .m-block__el {
    margin-bottom: 20px;
}

.m-block--m {
    margin-bottom: 30px;
}

.m-block--m.m-block--top {
    margin-top: 30px;
}

.m-block--m > .m-block__el {
    margin-bottom: 30px;
}

.m-block--l {
    margin-bottom: 40px;
}

.m-block--l.m-block--top {
    margin-top: 40px;
}

.m-block--l > .m-block__el {
    margin-bottom: 40px;
}

.m-block--xl {
    margin-bottom: 50px;
}

.m-block--xl.m-block--top {
    margin-top: 50px;
}

.m-block--xl > .m-block__el {
    margin-bottom: 50px;
}

.m-block--tight {
    margin-bottom: 0;
}

.m-block--tight > .m-block__el:last-child {
    margin-bottom: 0;
}

.m-box {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.m-btn-group {
    margin-top: 50px;
    text-align: right;
}

.m-btn-group .m-btn {
    width: 300px;
}

.m-btn-group .m-btn:nth-child(n+2) {
    margin-left: 20px;
}

.m-btn-group--ctr {
    text-align: center;
}

.m-btn-group--sm {
    margin-top: 20px;
}

.m-btn-group--v {
    text-align: center;
}

.m-btn-group--v .m-btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 410px;
}

.m-btn-group--v .m-btn:nth-child(n+2) {
    margin-left: auto;
    margin-top: 20px;
}

.m-btn-group--jumbo .m-btn {
    width: 620px;
}

.m-btn {
    padding: 10px 35px 9px;
    position: relative;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    text-align: center;
    border: 0;
    cursor: pointer;
    transition: background-color .2s;
}

html.no-touchevents .m-btn:hover {
    text-decoration: none;
}

.m-btn:after {
    content: "";
    margin: auto;
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
}

.m-btn--back:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 13px;
    right: auto;
    top: 0;
    bottom: 0;
}

.m-btn--fw {
    display: block;
}

.m-btn--l {
    padding: 11px 28px;
    font-size: 16px;
}

.m-btn--l:after {
    right: 6px;
    zoom: 1;
}

.m-btn--l.m-btn--back:after {
    left: 6px;
    right: auto;
}

.m-btn--xl,
.m-btn--xxl {
    padding: 18px 35px;
    font-size: 18px;
}

.m-btn--xl:after,
.m-btn--xxl:after {
    right: 12px;
    zoom: 1;
}

.m-btn--xl.m-btn--back:after,
.m-btn--xxl.m-btn--back:after {
    left: 12px;
    right: auto;
}

.m-btn--xxl {
    padding: 27px;
    font-size: 20px;
}

.m-btn--bdr-blue {
    font-weight: bold;
    border: 2px solid #669dcd;
    background-color: #fff;
    color: #005bab;
}

html.no-touchevents .m-btn--bdr-blue:hover {
    color: #0076de;
}

.m-btn--bdr-red {
    font-weight: bold;
    border: 2px solid #ec4c59;
    background-color: #fff;
    color: #e40012;
}

html.no-touchevents .m-btn--bdr-red:hover {
    color: #ff182a;
}

.m-btn--blue {
    background-color: #0070cb;
    color: #fff;
}

.m-btn--red {
    background-color: #e60012;
    color: #fff;
    padding: 20px;
    width: 240px !important;
}

html.no-touchevents .m-btn--blue:hover {
    background-color: #008cfe;
}

.m-btn--pink {
    background-color: #ff788f;
    color: #fff;
}

html.no-touchevents .m-btn--pink:hover {
    background-color: #ffabb9;
}

.m-btn--gray {
    color: #08c;
    background-color: #f3f3f3;
}

html.no-touchevents .m-btn--gray:not(.m-btn--dummy):hover {
    background-color: white;
}

.m-btn--white {
    background-color: #fff;
    color: #000;
    border: 2px solid #e6e6e6;
}

html.no-touchevents .m-btn--white:hover {
    color: #666666;
}

html.no-touchevents .m-btn--white:hover:after {
    opacity: .6;
}

.m-btn--acc-above:after {
    -webkit-transform: translateX(-3px) rotate(90deg);
    transform: translateX(-3px) rotate(90deg);
}

.m-btn--acc-above.is-active:after {
    -webkit-transform: translateX(-3px) rotate(-90deg);
    transform: translateX(-3px) rotate(-90deg);
}

.m-btn--acc-below {
    padding: 18px 35px;
    display: block;
    border: 1px solid #e6e6e6;
    color: #08c;
    background-color: #fff;
    font-size: 18px;
}

.m-btn--acc-below:after {
    right: 12px;
}

.m-btn--acc-below.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.m-btn--acc-below.m-btn--icon {
    padding: 34px 35px 34px 125px;
    text-align: left;
}

.m-btn--acc-below.m-btn--icon i {
    left: 25px;
}

.m-btn--down:after {
    -webkit-transform: translateX(-3px) rotate(90deg);
    transform: translateX(-3px) rotate(90deg);
}

.m-btn--anchor {
    padding: 10px 10px 30px;
    color: #08c;
    position: relative;
}

.m-btn--anchor:after {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    top: auto;
    -webkit-transform: rotate(90deg) scale(0.8);
    transform: rotate(90deg) scale(0.8);
    pointer-events: none;
}

.m-btn--icon {
    padding-left: 65px;
    padding-right: 65px;
}

.m-btn--icon i {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 15px;
}

.m-btn--fat {
    padding-top: 20px;
    padding-bottom: 20px;
}

.m-btn--dummy {
    cursor: default;
}

.m-btn--touch {
    width: 625px !important;
    padding: 15px 35px;
    font-size: 18px;
}

.m-btn--touch img {
    vertical-align: middle;
}

.m-btn--touch:after {
    right: 12px;
    zoom: 1;
}

.m-btn--touch.m-btn--back:after {
    left: 12px;
    right: auto;
}

.m-bulletlist li {
    padding-left: 1.2em;
    text-indent: -1.2em;
    box-sizing: border-box;
}

.m-bulletlist li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist li:before {
    content: "●";
    margin-right: 3px;
    color: #0070cb;
}

.m-bulletlist--def li:before {
    content: "・";
    color: #000;
}

.m-bulletlist--col1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--col1 li {
    margin-right: 20px;
    width: 960px;
}

.m-bulletlist--col1 li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--col1 li:nth-child(-n+1) {
    margin-top: 0;
}

.m-bulletlist--col1 li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--col1.m-bulletlist--liquid li {
    margin-right: 2.08333%;
    width: 100%;
}

.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--col2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--col2 li {
    margin-right: 20px;
    width: 470px;
}

.m-bulletlist--col2 li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--col2 li:nth-child(-n+2) {
    margin-top: 0;
}

.m-bulletlist--col2 li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--col2.m-bulletlist--liquid li {
    margin-right: 2.08333%;
    width: 48.95833%;
}

.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--col3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--col3 li {
    margin-right: 20px;
    width: 306.66667px;
}

.m-bulletlist--col3 li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--col3 li:nth-child(-n+3) {
    margin-top: 0;
}

.m-bulletlist--col3 li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--col3.m-bulletlist--liquid li {
    margin-right: 2.08333%;
    width: 31.94444%;
}

.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--col4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--col4 li {
    margin-right: 20px;
    width: 225px;
}

.m-bulletlist--col4 li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--col4 li:nth-child(-n+4) {
    margin-top: 0;
}

.m-bulletlist--col4 li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--col4.m-bulletlist--liquid li {
    margin-right: 2.08333%;
    width: 23.4375%;
}

.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--col5 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--col5 li {
    margin-right: 20px;
    width: 176px;
}

.m-bulletlist--col5 li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--col5 li:nth-child(-n+5) {
    margin-top: 0;
}

.m-bulletlist--col5 li:nth-child(n+6) {
    margin-top: 5px;
}

.m-bulletlist--col5.m-bulletlist--liquid li {
    margin-right: 2.08333%;
    width: 18.33333%;
}

.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(n+6) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--sm.m-bulletlist--col1 li {
    margin-right: 10px;
    width: 960px;
}

.m-bulletlist--sm.m-bulletlist--col1 li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col1 li:nth-child(-n+1) {
    margin-top: 0;
}

.m-bulletlist--sm.m-bulletlist--col1 li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col1.m-bulletlist--liquid li {
    margin-right: 1.04167%;
    width: 100%;
}

.m-bulletlist--sm.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--sm.m-bulletlist--col2 li {
    margin-right: 10px;
    width: 475px;
}

.m-bulletlist--sm.m-bulletlist--col2 li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col2 li:nth-child(-n+2) {
    margin-top: 0;
}

.m-bulletlist--sm.m-bulletlist--col2 li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col2.m-bulletlist--liquid li {
    margin-right: 1.04167%;
    width: 49.47917%;
}

.m-bulletlist--sm.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--sm.m-bulletlist--col3 li {
    margin-right: 10px;
    width: 313.33333px;
}

.m-bulletlist--sm.m-bulletlist--col3 li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col3 li:nth-child(-n+3) {
    margin-top: 0;
}

.m-bulletlist--sm.m-bulletlist--col3 li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col3.m-bulletlist--liquid li {
    margin-right: 1.04167%;
    width: 32.63889%;
}

.m-bulletlist--sm.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--sm.m-bulletlist--col4 li {
    margin-right: 10px;
    width: 232.5px;
}

.m-bulletlist--sm.m-bulletlist--col4 li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col4 li:nth-child(-n+4) {
    margin-top: 0;
}

.m-bulletlist--sm.m-bulletlist--col4 li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col4.m-bulletlist--liquid li {
    margin-right: 1.04167%;
    width: 24.21875%;
}

.m-bulletlist--sm.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col5 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--sm.m-bulletlist--col5 li {
    margin-right: 10px;
    width: 184px;
}

.m-bulletlist--sm.m-bulletlist--col5 li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col5 li:nth-child(-n+5) {
    margin-top: 0;
}

.m-bulletlist--sm.m-bulletlist--col5 li:nth-child(n+6) {
    margin-top: 5px;
}

.m-bulletlist--sm.m-bulletlist--col5.m-bulletlist--liquid li {
    margin-right: 1.04167%;
    width: 19.16667%;
}

.m-bulletlist--sm.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--sm.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(n+6) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--lm.m-bulletlist--col1 li {
    margin-right: 300px;
    width: 960px;
}

.m-bulletlist--lm.m-bulletlist--col1 li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col1 li:nth-child(-n+1) {
    margin-top: 0;
}

.m-bulletlist--lm.m-bulletlist--col1 li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col1.m-bulletlist--liquid li {
    margin-right: 31.25%;
    width: 100%;
}

.m-bulletlist--lm.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(1n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col1.m-bulletlist--liquid li:nth-child(n+2) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--lm.m-bulletlist--col2 li {
    margin-right: 300px;
    width: 330px;
}

.m-bulletlist--lm.m-bulletlist--col2 li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col2 li:nth-child(-n+2) {
    margin-top: 0;
}

.m-bulletlist--lm.m-bulletlist--col2 li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col2.m-bulletlist--liquid li {
    margin-right: 31.25%;
    width: 34.375%;
}

.m-bulletlist--lm.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(2n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col2.m-bulletlist--liquid li:nth-child(n+3) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--lm.m-bulletlist--col3 li {
    margin-right: 300px;
    width: 120px;
}

.m-bulletlist--lm.m-bulletlist--col3 li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col3 li:nth-child(-n+3) {
    margin-top: 0;
}

.m-bulletlist--lm.m-bulletlist--col3 li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col3.m-bulletlist--liquid li {
    margin-right: 31.25%;
    width: 12.5%;
}

.m-bulletlist--lm.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(3n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col3.m-bulletlist--liquid li:nth-child(n+4) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--lm.m-bulletlist--col4 li {
    margin-right: 300px;
    width: 15px;
}

.m-bulletlist--lm.m-bulletlist--col4 li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col4 li:nth-child(-n+4) {
    margin-top: 0;
}

.m-bulletlist--lm.m-bulletlist--col4 li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col4.m-bulletlist--liquid li {
    margin-right: 31.25%;
    width: 1.5625%;
}

.m-bulletlist--lm.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(4n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col4.m-bulletlist--liquid li:nth-child(n+5) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col5 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-bulletlist--lm.m-bulletlist--col5 li {
    margin-right: 300px;
    width: -48px;
}

.m-bulletlist--lm.m-bulletlist--col5 li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col5 li:nth-child(-n+5) {
    margin-top: 0;
}

.m-bulletlist--lm.m-bulletlist--col5 li:nth-child(n+6) {
    margin-top: 5px;
}

.m-bulletlist--lm.m-bulletlist--col5.m-bulletlist--liquid li {
    margin-right: 31.25%;
    width: -5%;
}

.m-bulletlist--lm.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(5n) {
    margin-right: 0;
}

.m-bulletlist--lm.m-bulletlist--col5.m-bulletlist--liquid li:nth-child(n+6) {
    margin-top: 5px;
}

.m-cboxlist {
    text-align: left;
}

.m-cboxlist li {
    padding-left: 24px;
    position: relative;
}

.m-cboxlist li:nth-child(n+2) {
    margin-top: 4px;
}

.m-cboxlist li:before {
    content: "";
    position: absolute;
    left: 0;
}

.m-column {
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 6px;
}

.m-column__ttl {
    padding: 6px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    background-color: #e6e6e6;
    border: 2px solid #e6e6e6;
    border-left-width: 0;
    border-right-width: 0;
}

.m-column__ttl:first-child {
    border-top-width: 0;
}

.m-column__body {
    padding: 25px 15px;
}

.m-column--tight .m-column__body {
    padding: 15px 15px 10px;
}

.m-column--fat .m-column__body {
    padding: 25px;
}

.m-column--grid {
    background: url(/_share16/pc/img/bg_grid.png);
}

.m-column--thin {
    border-width: 1px;
}

.m-column--heavy {
    border-width: 3px;
}

.m-column--gray {
    background-color: #f7f7f7;
}

.m-column--blue {
    border-color: #daecfb;
    background-color: #edf7ff;
    color: #0070cb;
}

.m-column--multi {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-column--multi .m-column__body {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.m-column--multi .m-column__body:nth-child(n+2) {
    border-left: 2px solid #e6e6e6;
}

.m-content > .m-bg:last-child {
    margin-bottom: -154px;
    padding-bottom: 155px;
}

.m-el-footer--s {
    margin-top: 15px;
}

.m-el-footer--m {
    margin-top: 25px;
}

.m-el-footer--il {
    display: inline-block;
}

.m-flowlist {
    list-style-type: decimal;
}

.m-flowlist__ttl {
    font-weight: bold;
}

.m-flowlist li {
    position: relative;
}

.m-flowlist li:nth-child(n+2) {
    margin-top: 3em;
}

.m-flowlist li:nth-child(n+2):before {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -2em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
}

.m-flowlist--green li:nth-child(n+2):before {
    border-color: #40a991 transparent transparent transparent;
}

.m-flowlist--blue li:nth-child(n+2):before {
    border-color: #005bac transparent transparent transparent;
}

.m-flowlist--blue2 li:nth-child(n+2):before {
    border-color: #6b9ad1 transparent transparent transparent;
}

.m-flowlist--pink li:nth-child(n+2):before {
    border-color: #f27191 transparent transparent transparent;
}

.m-flowlist--cyan li:nth-child(n+2):before {
    border-color: #53b7e8 transparent transparent transparent;
}

.m-flowlist--red li:nth-child(n+2):before {
    border-color: #e60012 transparent transparent transparent;
}

.m-flowlist--l li:nth-child(n+2) {
    margin-top: 4.5em;
}

.m-flowlist--l li:nth-child(n+2):before {
    top: -3em;
    border-width: 15px 18px 0 18px;
}

.m-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-grid--col1 > * {
    margin-right: 30px;
    width: 960px;
}

.m-grid--col1 > *:last-child,
.m-grid--col1 > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--col1 > *:nth-child(n+2) {
    margin-top: 15px;
}

.m-grid--col1.m-grid--liquid > * {
    margin-right: 3.125%;
    width: 100%;
}

.m-grid--col1.m-grid--liquid > *:last-child,
.m-grid--col1.m-grid--liquid > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
    margin-top: 15px;
}

.m-grid--col2 > * {
    margin-right: 30px;
    width: 465px;
}

.m-grid--col2 > *:last-child,
.m-grid--col2 > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--col2 > *:nth-child(n+3) {
    margin-top: 15px;
}

.m-grid--col2.m-grid--liquid > * {
    margin-right: 3.125%;
    width: 48.4375%;
}

.m-grid--col2.m-grid--liquid > *:last-child,
.m-grid--col2.m-grid--liquid > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
    margin-top: 15px;
}

.m-grid--col3 > * {
    margin-right: 30px;
    width: 300px;
}

.m-grid--col3 > *:last-child,
.m-grid--col3 > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--col3 > *:nth-child(n+4) {
    margin-top: 15px;
}

.m-grid--col3.m-grid--liquid > * {
    margin-right: 3.125%;
    width: 31.25%;
}

.m-grid--col3.m-grid--liquid > *:last-child,
.m-grid--col3.m-grid--liquid > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
    margin-top: 15px;
}

.m-grid--col4 > * {
    margin-right: 30px;
    width: 217.5px;
}

.m-grid--col4 > *:last-child,
.m-grid--col4 > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--col4 > *:nth-child(n+5) {
    margin-top: 15px;
}

.m-grid--col4.m-grid--liquid > * {
    margin-right: 3.125%;
    width: 22.65625%;
}

.m-grid--col4.m-grid--liquid > *:last-child,
.m-grid--col4.m-grid--liquid > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
    margin-top: 15px;
}

.m-grid--col5 > * {
    margin-right: 30px;
    width: 168px;
}

.m-grid--col5 > *:last-child,
.m-grid--col5 > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--col5 > *:nth-child(n+6) {
    margin-top: 15px;
}

.m-grid--col5.m-grid--liquid > * {
    margin-right: 3.125%;
    width: 17.5%;
}

.m-grid--col5.m-grid--liquid > *:last-child,
.m-grid--col5.m-grid--liquid > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
    margin-top: 15px;
}

.m-grid--sm.m-grid--col1 > * {
    margin-right: 20px;
    width: 960px;
}

.m-grid--sm.m-grid--col1 > *:last-child,
.m-grid--sm.m-grid--col1 > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col1 > *:nth-child(n+2) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col1.m-grid--liquid > * {
    margin-right: 2.08333%;
    width: 100%;
}

.m-grid--sm.m-grid--col1.m-grid--liquid > *:last-child,
.m-grid--sm.m-grid--col1.m-grid--liquid > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col2 > * {
    margin-right: 20px;
    width: 470px;
}

.m-grid--sm.m-grid--col2 > *:last-child,
.m-grid--sm.m-grid--col2 > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col2 > *:nth-child(n+3) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col2.m-grid--liquid > * {
    margin-right: 2.08333%;
    width: 48.95833%;
}

.m-grid--sm.m-grid--col2.m-grid--liquid > *:last-child,
.m-grid--sm.m-grid--col2.m-grid--liquid > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col3 > * {
    margin-right: 20px;
    width: 306.66667px;
}

.m-grid--sm.m-grid--col3 > *:last-child,
.m-grid--sm.m-grid--col3 > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col3 > *:nth-child(n+4) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col3.m-grid--liquid > * {
    margin-right: 2.08333%;
    width: 31.94444%;
}

.m-grid--sm.m-grid--col3.m-grid--liquid > *:last-child,
.m-grid--sm.m-grid--col3.m-grid--liquid > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col4 > * {
    margin-right: 20px;
    width: 225px;
}

.m-grid--sm.m-grid--col4 > *:last-child,
.m-grid--sm.m-grid--col4 > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col4 > *:nth-child(n+5) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col4.m-grid--liquid > * {
    margin-right: 2.08333%;
    width: 23.4375%;
}

.m-grid--sm.m-grid--col4.m-grid--liquid > *:last-child,
.m-grid--sm.m-grid--col4.m-grid--liquid > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col5 > * {
    margin-right: 20px;
    width: 176px;
}

.m-grid--sm.m-grid--col5 > *:last-child,
.m-grid--sm.m-grid--col5 > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col5 > *:nth-child(n+6) {
    margin-top: 10px;
}

.m-grid--sm.m-grid--col5.m-grid--liquid > * {
    margin-right: 2.08333%;
    width: 18.33333%;
}

.m-grid--sm.m-grid--col5.m-grid--liquid > *:last-child,
.m-grid--sm.m-grid--col5.m-grid--liquid > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--sm.m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
    margin-top: 10px;
}

.m-grid--lm.m-grid--col1 > * {
    margin-right: 40px;
    width: 960px;
}

.m-grid--lm.m-grid--col1 > *:last-child,
.m-grid--lm.m-grid--col1 > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col1 > *:nth-child(n+2) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col1.m-grid--liquid > * {
    margin-right: 4.16667%;
    width: 100%;
}

.m-grid--lm.m-grid--col1.m-grid--liquid > *:last-child,
.m-grid--lm.m-grid--col1.m-grid--liquid > *:nth-child(1n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col2 > * {
    margin-right: 40px;
    width: 460px;
}

.m-grid--lm.m-grid--col2 > *:last-child,
.m-grid--lm.m-grid--col2 > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col2 > *:nth-child(n+3) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col2.m-grid--liquid > * {
    margin-right: 4.16667%;
    width: 47.91667%;
}

.m-grid--lm.m-grid--col2.m-grid--liquid > *:last-child,
.m-grid--lm.m-grid--col2.m-grid--liquid > *:nth-child(2n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col3 > * {
    margin-right: 40px;
    width: 293.33333px;
}

.m-grid--lm.m-grid--col3 > *:last-child,
.m-grid--lm.m-grid--col3 > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col3 > *:nth-child(n+4) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col3.m-grid--liquid > * {
    margin-right: 4.16667%;
    width: 30.55556%;
}

.m-grid--lm.m-grid--col3.m-grid--liquid > *:last-child,
.m-grid--lm.m-grid--col3.m-grid--liquid > *:nth-child(3n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col4 > * {
    margin-right: 40px;
    width: 210px;
}

.m-grid--lm.m-grid--col4 > *:last-child,
.m-grid--lm.m-grid--col4 > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col4 > *:nth-child(n+5) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col4.m-grid--liquid > * {
    margin-right: 4.16667%;
    width: 21.875%;
}

.m-grid--lm.m-grid--col4.m-grid--liquid > *:last-child,
.m-grid--lm.m-grid--col4.m-grid--liquid > *:nth-child(4n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col5 > * {
    margin-right: 40px;
    width: 160px;
}

.m-grid--lm.m-grid--col5 > *:last-child,
.m-grid--lm.m-grid--col5 > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col5 > *:nth-child(n+6) {
    margin-top: 20px;
}

.m-grid--lm.m-grid--col5.m-grid--liquid > * {
    margin-right: 4.16667%;
    width: 16.66667%;
}

.m-grid--lm.m-grid--col5.m-grid--liquid > *:last-child,
.m-grid--lm.m-grid--col5.m-grid--liquid > *:nth-child(5n) {
    margin-right: 0;
}

.m-grid--lm.m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
    margin-top: 20px;
}

.m-grid--top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.m-grid--mdl {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-grid--btm {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m-grid--ctr {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-grid--justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-grid--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.m-grid--ctr-mdl > .m-grid__el {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-grid--rv {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.m-hblock {
    margin-right: 80px;
}

.m-hblock.m-hblock--left {
    margin-left: 80px;
}

.m-hblock > .m-hblock__el {
    margin-right: 80px;
}

.m-hblock--xs {
    margin-right: 10px;
}

.m-hblock--xs.m-hblock--left {
    margin-left: 10px;
}

.m-hblock--xs > .m-hblock__el {
    margin-right: 10px;
}

.m-hblock--s {
    margin-right: 20px;
}

.m-hblock--s.m-hblock--left {
    margin-left: 20px;
}

.m-hblock--s > .m-hblock__el {
    margin-right: 20px;
}

.m-hblock--m {
    margin-right: 30px;
}

.m-hblock--m.m-hblock--left {
    margin-left: 30px;
}

.m-hblock--m > .m-hblock__el {
    margin-right: 30px;
}

.m-hblock--l {
    margin-right: 40px;
}

.m-hblock--l.m-hblock--left {
    margin-left: 40px;
}

.m-hblock--l > .m-hblock__el {
    margin-right: 40px;
}

.m-hblock--xl {
    margin-right: 50px;
}

.m-hblock--xl.m-hblock--left {
    margin-left: 50px;
}

.m-hblock--xl > .m-hblock__el {
    margin-right: 50px;
}

.m-hblock--tight {
    margin-right: 0;
}

.m-hblock--tight > .m-hblock__el:last-child {
    margin-right: 0;
}

.m-hd-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-hd-group > *:first-child {
    margin-right: 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-hd-group > *:last-child {
    white-space: nowrap;
}

.m-hd--main {
    margin-top: 40px;
    margin-bottom: 35px;
    font-size: 36px;
    font-weight: normal;
    color: #0070cb;
}

.m-hd--main.m-hd--lm {
    margin-bottom: 75px;
}

.m-hd--xs {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: normal;
}

.m-hd--xs i {
    margin-right: 10px;
}

.m-hd--s {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: normal;
}

.m-hd--s i {
    margin-right: 10px;
}

.m-hd--m {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: normal;
}

.m-hd--m i {
    margin-right: 10px;
}

.m-hd--l {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: normal;
}

.m-hd--l i {
    margin-right: 10px;
}

.m-hd--xl {
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: normal;
}

.m-hd--xl i {
    margin-right: 10px;
}

.m-hd--ttl {
    padding-left: 12px;
    position: relative;
    box-sizing: border-box;
}

.m-hd--ttl:before {
    content: "";
    margin: auto;
    border-left: 2px solid #0070cb;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.m-hd--blue {
    color: #0070cb;
}

.m-hd--red {
    color: #e60012;
}

.m-hd--sm {
    margin-bottom: 15px;
}

.m-hd--lm {
    margin-bottom: 45px;
}

.m-hd--0m {
    margin-bottom: 0;
}

html.no-touchevents .m-hover,
html.no-touchevents .m-carousel-cover .bx-wrapper .bx-controls a,
.m-carousel-cover .bx-wrapper .bx-controls html.no-touchevents a,
html.no-touchevents .m-carousel .bx-wrapper .bx-controls a,
.m-carousel .bx-wrapper .bx-controls html.no-touchevents a,
html.no-touchevents .m-hnav-modal__close,
html.no-touchevents .m-sample:after,
html.no-touchevents .m-sample--s:after,
html.no-touchevents .m-years-modal__close,
html.no-touchevents .m-years a,
.m-years html.no-touchevents a,
html.no-touchevents a img {
    transition: opacity .2s;
}

html.no-touchevents .m-hover:hover,
html.no-touchevents .m-carousel-cover .bx-wrapper .bx-controls a:hover,
.m-carousel-cover .bx-wrapper .bx-controls html.no-touchevents a:hover,
html.no-touchevents .m-carousel .bx-wrapper .bx-controls a:hover,
.m-carousel .bx-wrapper .bx-controls html.no-touchevents a:hover,
html.no-touchevents .m-hnav-modal__close:hover,
html.no-touchevents .m-sample:hover:after,
html.no-touchevents .m-sample--s:hover:after,
html.no-touchevents .m-years-modal__close:hover,
html.no-touchevents .m-years a:hover,
.m-years html.no-touchevents a:hover,
html.no-touchevents a:hover img {
    opacity: .7;
}

.m-img-btn {
    display: inline-block;
}

.m-img-btn,
.m-img-btn img {
    position: relative;
}

.m-img-btn__box {
    display: block;
    padding: 0 2px 3px 0;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}

.m-img-btn__bg {
    display: block;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
}

.m-img-btn--no-shadow .m-img-btn__box {
    padding: 0;
}

.m-img-btn--r .m-img-btn__box {
    padding: 1px 3px 4px 1px;
}

.m-img-btn--r .m-img-btn__bg {
    border-radius: 50%;
}

.m-label {
    margin-right: 10px;
}

.m-label,
.m-label--tail {
    padding: 0 7px 0;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0070cb;
    border-radius: 6px;
}

.m-label--tail {
    margin-left: 10px;
}

.m-label--l {
    font-size: 16px;
}

.m-label--red {
    border-color: #f00;
    color: #f00;
}

.m-lead {
    margin-bottom: 45px;
    font-size: 16px;
}

.m-lead--sm {
    margin-bottom: 25px;
}

.m-line {
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(/_share16/pc/img/dotted.png) repeat-x;
    height: 3px;
    border: 0;
}

.m-line--blue {
    background-image: url(/_share16/pc/img/dotted_blue.png);
}

.m-line--solid {
    background: none;
    border-bottom: 1px solid #ccc;
}

.m-line--arrow {
    margin-top: 0;
    margin-bottom: 0;
    background: url(/_share16/pc/img/line_arrow.png) no-repeat 50% 0;
    height: 53px;
}

.m-line--arrow.m-line--plain {
    background-image: url(/_share16/pc/img/line_arrow2.png);
}

.m-line--arrow.m-line--brown {
    background-image: url(/_share16/pc/img/line_arrow3.png);
}

.m-line--l {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-line--xl {
    margin-top: 40px;
    margin-bottom: 40px;
}

.m-link,
.m-linklist a,
.m-link--s,
.m-linklist--s a {
    padding-left: 15px;
    font-size: 14px;
    display: inline-block;
}

.m-link:before,
.m-linklist a:before,
.m-link--s:before,
.m-linklist--s a:before {
    content: "";
    position: absolute;
    -webkit-transform: translate(-12px, 2px);
    transform: translate(-12px, 2px);
}

.m-link--s,
.m-linklist--s a {
    font-size: 12px;
}

.m-link--s:before,
.m-linklist--s a:before {
    -webkit-transform: translate(-10px, 4px);
    transform: translate(-10px, 4px);
}

.m-link--l,
.m-linklist--l a,
.m-link--xl,
.m-linklist--xl a {
    padding-left: 15px;
    font-size: 16px;
    display: inline-block;
}

.m-link--l:before,
.m-linklist--l a:before,
.m-link--xl:before,
.m-linklist--xl a:before {
    content: "";
    position: absolute;
    -webkit-transform: translate(-12px, 4px);
    transform: translate(-12px, 4px);
}

.m-link--xl,
.m-linklist--xl a {
    font-size: 18px;
}

.m-link--xl:before,
.m-linklist--xl a:before {
    -webkit-transform: translate(-12px, 6px);
    transform: translate(-12px, 6px);
}

.m-link.m-link--black,
.m-linklist.m-linklist--black a {
    color: #333;
}

.m-linklist--h > * {
    margin-right: 1.5em;
    display: inline-block;
}

.m-media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-media__left {
    margin-right: 40px;
}

.m-media__body {
    text-align: left;
}

.m-media:not(.m-media--r) .m-media__body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-media__ttl,
.m-media__ttl--s {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    color: #0070cb;
}

.m-media__ttl--s {
    font-size: 16px;
}

.m-media--sm .m-media__left {
    margin-right: 20px;
}

.m-media--mdl {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-media--r .m-media__left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-media--rv {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.m-media--rv .m-media__left {
    margin-right: 0;
    margin-left: 40px;
}

.m-media--v {
    display: block;
    text-align: center;
}

.m-media--v .m-media__left {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.m-media--v .m-media__body {
    text-align: left;
}

.m-media--v .m-media__ttl {
    margin-bottom: 10px;
    display: block;
}

.m-media--v .m-media__ttl--s {
    margin-bottom: 7px;
    display: block;
}

.m-media--shd .m-media__ttl {
    font-size: 14px;
}

.m-num-ttl {
    margin-bottom: 50px;
    background-color: #0070cb;
    border-radius: 0 6px 6px 0;
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-num-ttl b {
    margin: 0 15px 0 6px;
    padding: 20px 28px;
    font-size: 22px;
    font-weight: normal;
    background-color: #fff;
    color: #0070cb;
    text-align: center;
    line-height: 1;
    border: 2px solid #0070cb;
    border-left-width: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-num-ttl b:before,
.m-num-ttl b:after {
    content: "";
    width: 6px;
    height: 33%;
    position: absolute;
    left: 0;
}

.m-num-ttl b:before {
    background-color: #fdb911;
    top: 34%;
}

.m-num-ttl b:after {
    background-color: #ed1f26;
    bottom: 0;
}

.m-num-ttl span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-num-ttl--sm {
    margin-bottom: 15px;
}

.m-panel {
    padding: 15px;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
}

.m-panel--s {
    padding: 10px;
}

.m-panel--l {
    padding: 20px;
}

.m-panel--fat {
    padding: 30px;
}

.m-panel--blue {
    background-color: #0070cb;
}

.m-panel--aqua {
    background-color: #edf7ff;
}

.m-panel--gray {
    background-color: #f7f7f7;
}

.m-panel--cream {
    background-color: #fff6cc;
}

.m-panel--beige {
    background-color: #f5f2e9;
}

.m-qlist {
    font-size: 16px;
}

.m-qlist li {
    padding: 12px 0 12px 40px;
    position: relative;
    background: url(/_share16/pc/img/dotted.png) repeat-x 0 100%;
}

.m-qlist li:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 14px;
}

.m-remarklist {
    font-size: 12px;
    text-align: left;
    color: #808080;
}

.m-remarklist li {
    padding-left: 1.1em;
    position: relative;
}

.m-remarklist li:nth-child(n+2) {
    margin-top: 4px;
}

.m-remarklist li:before {
    content: "※";
    position: absolute;
    left: 0;
}

.m-remarklist--ctr li {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.m-remarklist--no-mark li {
    padding-left: 0;
}

.m-remarklist--no-mark li:before {
    content: "";
}

.m-remarklist--single {
    font-size: 12px;
    text-align: left;
    color: #808080;
    padding-left: 1.1em;
    position: relative;
}

.m-remarklist--single:before {
    content: "※";
    position: absolute;
    left: 0;
}

.m-tab-body {
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.m-tab-body.is-active {
    display: block;
}

.m-tab-head {
    border-bottom: 4px solid #0070cb;
}

.m-tab-head__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m-tab-head__item {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-size: 16px;
    font-weight: normal;
    color: #0070cb;
    background-color: #fff;
    text-align: center;
    border: 2px solid #0070cb;
    border-bottom-width: 0;
    border-radius: 6px 6px 0 0;
}

.m-tab-head__item a {
    padding: 10px;
    display: block;
}

.m-tab-head__item:nth-child(n+2) {
    margin-left: 15px;
}

.m-tab-head__item.is-active {
    color: #fff;
    background-color: #0070cb;
}

.m-tab-head__item.is-active a {
    padding: 16px 10px;
    color: #fff;
}

.m-tab-head--lm .m-tab-head__item:nth-child(n+2) {
    margin-left: 40px;
}

.m-table {
    width: 100%;
    border-spacing: 0;
    background-color: #fff;
}

.m-table th,
.m-table td {
    padding: 8px 30px;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
}

.m-table tr:first-child th,
.m-table tr:first-child td {
    border-top: 1px solid #e6e6e6;
}

.m-table th {
    /* font-weight: normal; */
    background-color: #f3f3f3;
    white-space: nowrap;
}

.m-table td {
    width: 100%;
}

.m-table--fixed {
    table-layout: fixed;
}

.m-table--bdr {
    border-collapse: collapse;
}

.m-table--bdr th,
.m-table--bdr td {
    border: 1px solid #e6e6e6;
}

.m-table--center th,
.m-table--center td {
    text-align: center;
}

.m-table--alt tr:nth-child(n+2) th {
    background-color: #fff;
}

.m-tilelink {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-tilelink > * {
    white-space: nowrap;
}

.m-tilelink > *:after {
    content: "|";
    margin: 0 12px;
    display: inline-block;
    color: #ccc;
}

.m-tilelink > *:last-child:after {
    display: none;
}

.m-tilelink--tight > *:after {
    margin: 0 5px;
}

.m-ttl,
.m-ttl--dot {
    margin-bottom: 50px;
    padding: 0 0 5px 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 28px;
    font-weight: normal;
    position: relative;
    box-sizing: border-box;
}

.m-ttl:before,
.m-ttl--dot:before {
    content: "";
    margin: auto;
    border-left: 6px solid #0070cb;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 10px;
}

.m-ttl i,
.m-ttl--dot i {
    margin-left: 10px;
}

.m-ttl i:nth-of-type(1),
.m-ttl--dot i:nth-of-type(1) {
    margin-left: 20px;
}

.m-ttl--sm {
    margin-bottom: 25px;
}

.m-ttl--dot {
    padding: 0 0 0 20px;
    border-bottom: 0;
}

.m-ttl--dot:before {
    content: "●";
    font-size: 14px;
    color: #0070cb;
    line-height: 1;
    border-left: 0;
    top: 0;
    bottom: 0;
    height: 1em;
}

.m-ttl--new1:before {
    border-left-color: #cccccc;
}

.m-ttl--sho1:before {
    border-left-color: #ec6e81;
}

.m-ttl--sho2:before {
    border-left-color: #009e3b;
}

.m-ttl--sho3:before {
    border-left-color: #006eb3;
}

.m-ttl--sho4:before {
    border-left-color: #fa7500;
}

.m-ttl--sho5:before {
    border-left-color: #8ec31f;
}

.m-ttl--sho6:before {
    border-left-color: #6b5cad;
}

.m-acc-btn,
.m-acc-btn--def {
    color: #08c;
    cursor: pointer;
}

html.no-touchevents .m-acc-btn:hover,
html.no-touchevents .m-acc-btn--def:hover {
    text-decoration: underline;
}

.m-acc-btn:before,
.m-acc-btn--def:before {
    content: attr(data-passive);
}

.m-acc-btn.is-active:before,
.m-acc-btn--def.is-active:before {
    content: attr(data-active);
}

.m-acc-btn--def {
    margin-bottom: 7px;
    margin-top: 15px;
    margin-left: auto;
    display: table;
    font-size: 12px;
}

.m-acc {
    display: none;
    position: relative;
}

.m-acc__body {
    padding: 35px 20px;
    background-color: #edf7ff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25), inset 0 15px 10px -8px rgba(0, 0, 0, 0.1);
}

.m-acc--open {
    display: block;
}

.m-back2top {
    width: 36px;
    height: 37px;
    position: fixed;
    bottom: 27px;
    top: auto;
    right: 21px;
    z-index: 1000;
    background: url(/_share16/pc/img/btn_scroll.png);
    text-indent: -9999px;
    overflow: hidden;
}

html.is-scl-btm .m-back2top {
    margin-top: -64px;
    position: absolute;
    right: 21px;
    bottom: auto;
}

.m-carousel-cover {
    height: 430px;
    overflow: hidden;
}

.m-carousel-cover__body {
    overflow: hidden;
    /* display: flex; */
    /* justify-content: space-between; */
}

.m-carousel-cover__body > * {
    width: 100%;
}

.m-carousel-cover__body a {
    display: block;
}

.m-carousel-cover .bx-wrapper {
    position: relative;
}

.m-carousel-cover .bx-wrapper .m-carousel-cover__body {
    overflow: visible;
    display: block;
}

.m-carousel-cover .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 10px;
    z-index: 51;
    width: 100%;
    height: 12px;
    line-height: 1;
    text-align: center;
}

.m-carousel-cover .bx-wrapper .bx-pager-item {
    display: inline-block;
    height: 12px;
}

.m-carousel-cover .bx-wrapper .bx-prev,
.m-carousel-cover .bx-wrapper .bx-next {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 51;
}

.m-carousel-cover .bx-wrapper .bx-prev {
    -webkit-transform: translateX(-500px) rotate(180deg);
    transform: translateX(-500px) rotate(180deg);
}

.m-carousel-cover .bx-wrapper .bx-next {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
}

.m-carousel-cover .bx-wrapper .bx-pager-link {
    margin: 0 8px;
    padding-left: 12px;
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.m-carousel-cover .bx-wrapper .bx-pager-link.active {
    background-color: #0070cb;
}

.m-carousel__body {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-carousel__body > * {
    width: 212px;
}

.m-carousel__body a {
    display: block;
}

.m-carousel__ttl {
    margin: 10px 0 10px 5px;
    font-weight: normal;
}

html.no-touchevents a .m-carousel__ttl:hover {
    text-decoration: underline;
}

.m-carousel .bx-wrapper {
    position: relative;
}

.m-carousel .bx-wrapper .m-carousel__body {
    display: block;
}

.m-carousel .bx-wrapper .bx-controls {
    margin: 45px auto 0;
    text-align: center;
    position: relative;
    display: table;
}

.m-carousel .bx-wrapper .bx-pager {
    height: 14px;
    line-height: 1;
}

.m-carousel .bx-wrapper .bx-pager-item {
    display: inline-block;
    height: 14px;
}

.m-carousel .bx-wrapper .bx-prev,
.m-carousel .bx-wrapper .bx-next {
    position: absolute;
    top: -7px;
}

.m-carousel .bx-wrapper .bx-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -250px;
}

.m-carousel .bx-wrapper .bx-next {
    right: -250px;
}

.m-carousel .bx-wrapper .bx-pager-link {
    margin: 0 10px;
    padding-left: 14px;
    display: inline-block;
    background-color: #e6e6e6;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.m-carousel .bx-wrapper .bx-pager-link.active {
    background-color: #0070cb;
}

.m-comment {
    padding: 15px 30px;
}

.m-comment figure {
    text-align: center;
}

.m-comment figcaption {
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
}

.m-comment__ttl {
    margin-bottom: 10px;
    font-size: 18px;
    color: #0070cb;
}

.m-cover {
    height: 430px;
}

.m-cover .m-box {
    position: relative;
}

.m-cover__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 430px;
}

.m-cover--cover {
    background: no-repeat 50% 0;
    background-size: cover;
}

.m-cover--cover .m-cover__inner {
    display: block;
}

.m-cover--bg {
    background: no-repeat 50% 0;
}

.m-cover--bg .m-cover__inner {
    display: block;
}

.m-cover--bdr {
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.m-cover--mb {
    margin-bottom: 80px;
}

.m-cover__prev {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.m-cvr-btn {
    text-align: center;
}

.m-cvr-btn--l > ul {
    margin: 0 auto;
    width: 622px;
}

.m-cvr-btn--l > ul li:first-child {
    margin-bottom: 17px;
}

.m-cvr-btn + .m-cvr-footer {
    margin-top: -60px;
}

.m-cvr-info__data {
    width: 470px;
}

.m-cvr-info__prices {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-cvr-info__prices dl {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.m-cvr-info__prices dl:nth-child(1) {
    padding-right: 10px;
    border-right: 1px solid #ccc5a3;
}

.m-cvr-info__prices dl:nth-child(1) dt {
    font-size: 16px;
}

.m-cvr-info__prices dl:nth-child(2) {
    padding-left: 10px;
}

.m-cvr-info__prices dl:nth-child(2) dt {
    text-align: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-cvr-info__prices dt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 42px;
}

.m-cvr-info__price {
    margin: 10px 0;
    text-align: center;
    color: #f00;
    line-height: 1;
}

.m-cvr-info__price strong {
    font-size: 44px;
    font-weight: normal;
}

.m-cvr-info__price small {
    font-size: 16px;
}

.m-cvr-info__link {
    width: 462px;
}

.m-cvr-info__link li:first-child {
    margin-bottom: 20px;
}

.m-dekiru {
    color: #000;
}

.m-dekiru .m-column__body {
    /* padding: 8px 8px 30px; */
    padding: 20px 8px 30px;
    display: block;
}

.m-dekiru li:nth-child(1) p:before {
    content: "1. ";
}

.m-dekiru li:nth-child(2) p:before {
    content: "2. ";
}

.m-dekiru li:nth-child(3) p:before {
    content: "3. ";
}

.m-dekiru li:nth-child(4) p:before {
    content: "4. ";
}

.m-dekiru li:nth-child(5) p:before {
    content: "5. ";
}

.m-dekiru li p {
    padding-left: 2em;
    padding-right: 1em;
}

.m-dekiru li p:before {
    position: absolute;
    -webkit-transform: translateX(-1.5em);
    transform: translateX(-1.5em);
}

.m-dekiru li p.m-dekiru__desc:before {
    content: "   ";
}

.m-dekiru li img {
    margin: 0 auto 20px;
    display: block;
}

.m-dekiru li .m-dekiru__lead {
    margin-top: 5px;
    padding-left: .5em;
    padding-right: .5em;
    color: #000;
}

.m-dekiru li .m-dekiru__lead:before {
    display: none;
}

.m-dekiru i {
    margin: 10px auto;
    display: block;
}

.m-dekiru--anchor li {
    position: relative;
}

.m-dekiru--anchor li:after {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    pointer-events: none;
}

.m-dekiru--anchor i {
    transition: opacity .2s;
}

html.no-touchevents .m-dekiru--anchor a:hover {
    text-decoration: none;
}

html.no-touchevents .m-dekiru--anchor a:hover i {
    opacity: .7;
}

html.no-touchevents .m-dekiru--anchor-hover a:hover {
    text-decoration: underline;
}

.m-dekiru__full,
.m-dekiru__full2 {
    margin-top: 25px !important;
    width: 100%;
}

.m-dekiru__full .m-column__body,
.m-dekiru__full2 .m-column__body {
    padding: 0 20px;
}

.m-dekiru__full .m-media img,
.m-dekiru__full2 .m-media img {
    margin: 0;
}

.m-dekiru__full2 .m-column__body {
    padding: 20px;
}

.m-bg--arrow-btm .m-dekiru {
    margin-bottom: 10px;
}

.m-feature {
    text-align: center;
}

.m-feature__grid {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.m-feature__point {
    margin-bottom: 60px;
    width: 249px;
}

.m-feature__point .m-btn--gray {
    margin-top: 27px;
    width: 240px;
}

.m-feature__performance {
    position: relative;
}

.m-feature__performance .m-btn {
    margin: auto;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    width: 240px;
}

.m-feature .m-acc-btn--def,
.m-feature .m-remarklist {
    color: #fff;
}

.m-fixed-btn {
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 148px;
    width: 152px;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}

.m-fixed-btn a {
    margin-bottom: -6px;
    display: block;
}

html.is-scl-stuck.is-scl-dw .m-fixed-btn {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

html.is-scl-stuck.is-scl-up .m-fixed-btn {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.m-fixed-btn .m-img-btn__box {
    padding: 5px 0 9px 6px;
}

.m-fnav {
    margin-top: 80px;
    font-size: 12px;
    position: relative;
}

.m-fnav a {
    color: #fff;
}

.m-fnav__tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-fnav__tab a {
    background-image: url(/_share16/pc/img/fnav.png);
    width: 100%;
    height: 44px;
    text-indent: -9999px;
    overflow: hidden;
}

.m-fnav__tab a.is-active {
    height: 54px;
}

html.no-touchevents .m-fnav__tab a.is-active:hover img {
    opacity: 1;
}

.m-fnav__tab span {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    text-align: center;
}

.m-fnav__tab li {
    position: relative;
    width: 225px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m-fnav__tab li:nth-child(n+2) {
    margin-left: 20px;
}

.m-fnav__tab li:nth-child(1) a {
    background-position: 0 0;
}

.m-fnav__tab li:nth-child(1) a.is-active {
    background-position: 0 -44px;
}

.m-fnav__tab li:nth-child(2) a {
    background-position: -245px 0;
}

.m-fnav__tab li:nth-child(2) a.is-active {
    background-position: -245px -44px;
}

.m-fnav__tab li:nth-child(3) a {
    background-position: -490px 0;
}

.m-fnav__tab li:nth-child(3) a.is-active {
    background-position: -490px -44px;
}

.m-fnav__tab li:nth-child(4) a {
    background-position: -735px 0;
}

.m-fnav__tab li:nth-child(4) a.is-active {
    background-position: -735px -44px;
}

.m-fnav__body .m-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-fnav__map__body {
    width: 585px;
}

.m-fnav__map__body:nth-of-type(n+2),
.m-fnav__map__year + .m-fnav__map__body,
.m-fnav__map__body_top {
    margin-top: 15px;
}

.m-fnav__map__year {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-fnav__map__year dt {
    margin-right: 15px;
    white-space: nowrap;
}

.m-fnav__map__year dd {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.m-fnav--sho .m-fnav__tab a {
    background: none;
    text-indent: 0;
}

.m-fnav--sho .m-fnav__map {
    border-right: 1px solid #66a9e0;
    width: 775px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-fnav--sho .m-fnav__map__ttl {
    width: 175px;
}

.m-fnav--sho .m-fnav__map__ttl:before {
    content: "【";
}

.m-fnav--sho .m-fnav__map__ttl:after {
    content: "】";
}

.m-fnav--sho .m-fnav__map__ttl:nth-of-type(n+2) {
    margin-top: 15px;
}

.m-fnav--sho .m-fnav__map__ttl:empty:before,
.m-fnav--sho .m-fnav__map__ttl:empty:after {
    content: "";
}

.m-fnav__contact-h {
    width: 377px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-fnav__contact-h i {
    margin: 0 auto 15px;
    display: block;
}

.m-fnav__contact-h li {
    width: 118px;
    height: 93px;
    border-left: 1px solid #66a9e0;
    text-align: center;
}

.m-fnav__contact-h li:nth-child(1) {
    border-left: 0;
}

.m-fnav__contact-h li:nth-child(2) {
    width: 140px;
}

.m-fnav__contact-h li:nth-child(2) i {
    margin-top: 2px;
}

.m-fnav__contact-h li:nth-child(3) i {
    margin-top: -5px;
    margin-bottom: 16px;
}

.m-fnav__contact-v {
    width: 167px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-fnav__contact-v li {
    margin: 12px 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.m-fnav__contact-v a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-fnav__contact-v div {
    margin-right: 10px;
    width: 44px;
    text-align: center;
}

.m-footer {
    font-size: 12px;
    clear: both;
    border-top: 1px solid #e6e6e6;
}

.m-fnav + .m-footer,
.m-footer-notice + .m-footer {
    border-top: 0;
}

.m-footer,
.m-footer a {
    color: #808080;
}

.m-footer .m-box {
    padding: 14px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-footer__copy {
    margin-left: 20px;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.m-footer--p a {
    font-size: 12px;
    color: #08c;
}

.m-footer-notice {
    padding: 14px;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
}

.m-footer-notice a {
    color: #808080;
}

.m-ftr-notice {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.m-ftr-notice + .m-footer {
    margin-top: 50px;
}

.m-header {
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 1000;
}

.m-header__upper,
.m-header__lower {
    margin: 0 auto;
    width: 960px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-header__lower {
    padding: 3px 0 20px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-header__l {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-header__r {
    text-align: right;
}

.m-header__r a {
    color: #000;
}

.m-header__r a.is-active {
    color: #b2b2b2;
}

.m-header__bc {
    padding: 11px 0;
    display: block;
}

.m-header__plus {
    margin-right: 15px;
    line-height: 1;
}

.m-header__sm,
.m-header__mem {
    display: inline-block;
    vertical-align: middle;
}

.m-header__sm {
    margin-right: 12px;
}

.m-hnav-bar {
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

html.is-hnav-modal-open .m-hnav-bar {
    position: relative;
}

html.is-scl-stuck:not(.is-no-scl-up) .m-hnav-bar {
    position: fixed;
}

html.is-scl-stuck.is-scl-dw:not(.is-no-scl-up):not(.is-hnav-modal-open) .m-hnav-bar {
    -webkit-animation: hnav-out .4s forwards;
    animation: hnav-out .4s forwards;
}

html.is-scl-stuck.is-scl-up:not(.is-hnav-modal-open) .m-hnav-bar {
    -webkit-animation: hnav-in .4s backwards;
    animation: hnav-in .4s backwards;
}

@-webkit-keyframes hnav-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hnav-in {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes hnav-out {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes hnav-out {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.m-hnav-modal-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

html.touchevents .m-hnav-modal-overlay {
    cursor: pointer;
}

html.no-cssfilters .m-hnav-modal-overlay,
html.touchevents .m-hnav-modal-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.m-hnav-modal {
    margin: auto;
    display: none;
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    width: 960px;
    pointer-events: none;
}

.m-hnav-modal__inner {
    pointer-events: auto;
    box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-sizing: border-box;
    border: 6px solid;
    border-radius: 6px;
    position: relative;
}

.m-hnav-bar--new1 .m-hnav-modal__inner {
    border-color: #ec6e81;
}

.m-hnav-bar--sho2 .m-hnav-modal__inner {
    border-color: #009e3b;
}

.m-hnav-bar--sho3 .m-hnav-modal__inner {
    border-color: #006eb3;
}

.m-hnav-bar--sho4 .m-hnav-modal__inner {
    border-color: #fa7500;
}

.m-hnav-bar--sho5 .m-hnav-modal__inner {
    border-color: #8ec31f;
}

.m-hnav-bar--sho6 .m-hnav-modal__inner {
    border-color: #6b5cad;
}

.m-hnav-modal__inner:before {
    content: "";
    margin: auto;
    position: absolute;
    top: -21px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 15px 8.5px;
}

.m-hnav-modal--no-arrow .m-hnav-modal__inner:before {
    display: none;
}

.m-hnav-modal__inner > dt {
    text-align: center;
    height: 64px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-hnav-bar--new1 .m-hnav-modal__inner > dt {
    background-color: #ec6e81;
}

.m-hnav-bar--sho2 .m-hnav-modal__inner > dt {
    background-color: #009e3b;
}

.m-hnav-bar--sho3 .m-hnav-modal__inner > dt {
    background-color: #006eb3;
}

.m-hnav-bar--sho4 .m-hnav-modal__inner > dt {
    background-color: #fa7500;
}

.m-hnav-bar--sho5 .m-hnav-modal__inner > dt {
    background-color: #8ec31f;
}

.m-hnav-bar--sho6 .m-hnav-modal__inner > dt {
    background-color: #6b5cad;
}

.m-hnav-modal__inner > dt img {
    margin-bottom: 3px;
}

.m-hnav-modal__inner > dd {
    background-color: #fff;
}

.m-hnav-modal__close {
    background: url(/_share16/pc/img/modal_close.png);
    width: 36px;
    height: 36px;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.m-hnav-modal__close--s {
    background-image: url(/_share16/pc/img/modal_close3.png);
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
}

.m-hnav-modal--top .m-hnav-modal__btn {
    padding-top: 20px;
    text-align: center;
}

.m-hnav-modal--top .m-hnav-modal__content {
    padding: 10px 23px 0;
    text-align: center;
}

.m-hnav-modal--top .m-hnav-modal__content > dt {
    margin-bottom: 8px;
}

.m-hnav-modal--top .m-hnav-modal__content > dd {
    margin-bottom: 20px;
}

.m-hnav-modal--top .m-hnav-modal__content > dd:nth-of-type(1) {
    margin-bottom: 10px;
}

.m-hnav-modal--top .m-hnav-modal__needs li {
    margin: 0 10px;
}

.m-hnav-modal--top .m-hnav-modal__course {
    margin-bottom: 18px;
    padding: 15px;
    border-radius: 6px;
    width: 440px;
    box-sizing: border-box;
}

.m-hnav-modal--top .m-hnav-modal__course dt {
    margin-bottom: 10px;
}

.m-hnav-modal--top .m-hnav-modal__course dd {
    height: 53px;
}

.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__course dd {
    height: 43px;
}

.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__original {
    margin-left: auto;
    margin-right: auto;
}

.m-hnav-modal--top .m-hnav-modal__hybrid {
    background-color: #fce5e7;
}

.m-hnav-modal--top .m-hnav-modal__original {
    background-color: #e5eef7;
}

.m-hnav-modal--top .m-hnav-modal__touch {
    background-color: #e8f6f8;
}

.m-hnav-modal--top .m-hnav-modal__suggest,
.m-hnav-modal--top .m-hnav-modal__app {
    padding: 0 20px;
    text-align: center;
}

.m-hnav-modal--top .m-hnav-modal__suggest dt,
.m-hnav-modal--top .m-hnav-modal__app dt {
    margin-bottom: 13px;
}

.m-hnav-modal--top .m-hnav-modal__suggest dd,
.m-hnav-modal--top .m-hnav-modal__app dd {
    display: inline-block;
}

.m-hnav-modal--top .m-hnav-modal__suggest li:nth-child(n+2),
.m-hnav-modal--top .m-hnav-modal__app li:nth-child(n+2) {
    margin-left: 20px;
}

.m-hnav-modal--top .m-hnav-modal__suggest {
    height: 77px;
}

.m-hnav-modal--top .m-hnav-modal__app {
    padding: 15px 20px 20px;
    background-color: #fff6cc;
    height: 87px;
}

.m-hnav-modal--top .m-hnav-modal__new1-split {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-hnav-modal--top .m-hnav-modal__new1-split dl {
    margin: 0 25px;
}

.m-hnav-modal--top .m-hnav-modal__new1-split dt {
    margin-bottom: 14px;
}

.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner,
.sho1-touch .m-hnav-modal__inner {
    border-color: #ec6e81;
}

.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner:before,
.sho1-touch .m-hnav-modal__inner:before {
    left: 70px;
    border-color: transparent transparent #ec6e81 transparent;
}

.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner > dt,
.sho1-touch .m-hnav-modal__inner > dt {
    background-color: #ec6e81;
}

.m-hnav-modal--top.m-hnav-sho2 .m-hnav-modal__inner {
    border-color: #009e3b;
}

.m-hnav-modal--top.m-hnav-sho2 .m-hnav-modal__inner:before {
    left: 230px;
    border-color: transparent transparent #009e3b transparent;
}

.m-hnav-modal--top.m-hnav-sho2 .m-hnav-modal__inner > dt {
    background-color: #009e3b;
}

.m-hnav-modal--top.m-hnav-sho3 .m-hnav-modal__inner {
    border-color: #006eb3;
}

.m-hnav-modal--top.m-hnav-sho3 .m-hnav-modal__inner:before {
    left: 390px;
    border-color: transparent transparent #006eb3 transparent;
}

.m-hnav-modal--top.m-hnav-sho3 .m-hnav-modal__inner > dt {
    background-color: #006eb3;
}

.m-hnav-modal--top.m-hnav-sho4 .m-hnav-modal__inner {
    border-color: #fa7500;
}

.m-hnav-modal--top.m-hnav-sho4 .m-hnav-modal__inner:before {
    left: 550px;
    border-color: transparent transparent #fa7500 transparent;
}

.m-hnav-modal--top.m-hnav-sho4 .m-hnav-modal__inner > dt {
    background-color: #fa7500;
}

.m-hnav-modal--top.m-hnav-sho5 .m-hnav-modal__inner {
    border-color: #8ec31f;
}

.m-hnav-modal--top.m-hnav-sho5 .m-hnav-modal__inner:before {
    left: 710px;
    border-color: transparent transparent #8ec31f transparent;
}

.m-hnav-modal--top.m-hnav-sho5 .m-hnav-modal__inner > dt {
    background-color: #8ec31f;
}

.m-hnav-modal--top.m-hnav-sho6 .m-hnav-modal__inner {
    border-color: #6b5cad;
}

.m-hnav-modal--top.m-hnav-sho6 .m-hnav-modal__inner:before {
    left: 870px;
    border-color: transparent transparent #6b5cad transparent;
}

.m-hnav-modal--top.m-hnav-sho6 .m-hnav-modal__inner > dt {
    background-color: #6b5cad;
}

.m-hnav-bar--new1 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #ec6e81 transparent;
}

.m-hnav-bar--sho2 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #009e3b transparent;
}

.m-hnav-bar--sho3 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #006eb3 transparent;
}

.m-hnav-bar--sho4 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #fa7500 transparent;
}

.m-hnav-bar--sho5 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #8ec31f transparent;
}

.m-hnav-bar--sho6 .m-hnav-modal--year .m-hnav-modal__inner:before {
    border-color: transparent transparent #6b5cad transparent;
}

.m-hnav-modal--year .m-hnav-modal__inner > dt {
    height: 38px;
    font-size: 16px;
    color: #fff;
}

.m-hnav-modal--year .m-hnav-modal__content {
    padding: 18px 20px;
}

.m-hnav-modal--year.m-hnav-original .m-hnav-modal__inner {
    left: 0;
    width: 642px;
}

.sho1-touch .m-hnav-modal--year.m-hnav-original .m-hnav-modal__inner {
    left: 0;
    width: 642px;
}

.m-hnav-modal--year.m-hnav-original .m-hnav-modal__inner:before {
    left: 180px;
}

.sho1-touch .m-hnav-modal--year.m-hnav-original .m-hnav-modal__inner:before {
    left: 175px;
}

.m-hnav-modal--year.m-hnav-hybrid .m-hnav-modal__inner {
    left: 144px;
    width: 490px;
}

.sho1-touch .m-hnav-modal--year.m-hnav-hybrid .m-hnav-modal__inner {
  left: 280px;
  width: 490px;
}

.m-hnav-modal--year.m-hnav-hybrid .m-hnav-modal__inner:before {
    left: 230px;
}

.sho1-touch .m-hnav-modal--year.m-hnav-hybrid .m-hnav-modal__inner:before {
    left: 230px;
}

.m-hnav-modal--year.m-hnav-choice .m-hnav-modal__inner {
    left: 400px;
    width: 338px;
}

.sho1-touch .m-hnav-modal--year.m-hnav-choice .m-hnav-modal__inner {
    left: 535px;
    width: 338px;
}

.m-hnav-modal--year.m-hnav-choice .m-hnav-modal__inner:before {
    left: 154px;
}

.m-hnav-modal--year.m-hnav-needs .m-hnav-modal__inner {
    left: 622px;
    width: 338px;
}

.m-hnav-modal--year.m-hnav-needs .m-hnav-modal__inner .col3 {
    margin-top: 20px;
}

.m-hnav-modal--year.m-hnav-needs .m-hnav-modal__inner:before {
    left: 258px;
}

html.is-hnav-modal-open .m-hnav-modal-overlay {
    display: block;
}

html.is-hnav-modal-open:not(.touchevents) .m-hnav-sub,
html.is-hnav-modal-open:not(.touchevents) .m-path,
html.is-hnav-modal-open:not(.touchevents) .m-content,
html.is-hnav-modal-open:not(.touchevents) .m-fnav,
html.is-hnav-modal-open:not(.touchevents) .m-footer-notice,
html.is-hnav-modal-open:not(.touchevents) .m-footer,
html.is-hnav-modal-open:not(.touchevents) .m-ftr-notice {
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

.m-hnav-sub {
    background-color: #f5f2e9;
    position: relative;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1), inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.m-hnav-sub ul {
    margin: 0 auto;
    padding-left: 25px;
    width: 960px;
    box-sizing: border-box;
}

.m-hnav-sub li {
    margin-right: 2.5em;
}

.m-hnav-sub a {
    padding: 9px 0 7px;
    position: relative;
}

.m-hnav-sub a.is-active {
    color: #006eb3;
}

.m-hnav-sub a.is-active:after {
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #006eb3 transparent;
}

.m-hnav-sub--needs a:before {
    margin: auto;
    top: 0;
    bottom: 0;
}

.m-hnav {
    border-top: 1px solid #e6e6e6;
    position: relative;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.m-hnav a,
.m-hnav span {
    background-image: url(/_share16/pc/img/hnav.png);
    display: block;
    width: 160px;
    height: 49px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.m-hnav a.is-current,
.m-hnav span.is-current {
    cursor: default;
}

.m-hnav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-hnav li:nth-child(1) a,
.m-hnav li:nth-child(1) span {
    background-position: 0 0;
}

html.no-touchevents .m-hnav li:nth-child(1) a:hover,
.m-hnav li:nth-child(1) a.is-active,
.m-hnav li:nth-child(1) a.is-current,
html.no-touchevents .m-hnav li:nth-child(1) span:hover,
.m-hnav li:nth-child(1) span.is-active,
.m-hnav li:nth-child(1) span.is-current {
    background-position: 0 -49px;
}

.m-hnav li:nth-child(2) a,
.m-hnav li:nth-child(2) span {
    background-position: -160px 0;
}

html.no-touchevents .m-hnav li:nth-child(2) a:hover,
.m-hnav li:nth-child(2) a.is-active,
.m-hnav li:nth-child(2) a.is-current,
html.no-touchevents .m-hnav li:nth-child(2) span:hover,
.m-hnav li:nth-child(2) span.is-active,
.m-hnav li:nth-child(2) span.is-current {
    background-position: -160px -49px;
}

.m-hnav li:nth-child(3) a,
.m-hnav li:nth-child(3) span {
    background-position: -320px 0;
}

html.no-touchevents .m-hnav li:nth-child(3) a:hover,
.m-hnav li:nth-child(3) a.is-active,
.m-hnav li:nth-child(3) a.is-current,
html.no-touchevents .m-hnav li:nth-child(3) span:hover,
.m-hnav li:nth-child(3) span.is-active,
.m-hnav li:nth-child(3) span.is-current {
    background-position: -320px -49px;
}

.m-hnav li:nth-child(4) a,
.m-hnav li:nth-child(4) span {
    /*width: 159px;*/
    background-position: -480px 0;
}

html.no-touchevents .m-hnav li:nth-child(4) a:hover,
.m-hnav li:nth-child(4) a.is-active,
.m-hnav li:nth-child(4) a.is-current,
html.no-touchevents .m-hnav li:nth-child(4) span:hover,
.m-hnav li:nth-child(4) span.is-active,
.m-hnav li:nth-child(4) span.is-current {
    background-position: -480px -49px;
}

.m-hnav li:nth-child(5) a,
.m-hnav li:nth-child(5) span {
    background-position: -639px 0;
}

html.no-touchevents .m-hnav li:nth-child(5) a:hover,
.m-hnav li:nth-child(5) a.is-active,
.m-hnav li:nth-child(5) a.is-current,
html.no-touchevents .m-hnav li:nth-child(5) span:hover,
.m-hnav li:nth-child(5) span.is-active,
.m-hnav li:nth-child(5) span.is-current {
    background-position: -639px -49px;
}

.m-hnav li:nth-child(6) a,
.m-hnav li:nth-child(6) span {
    width: 161px;
    background-position: -799px 0;
}

html.no-touchevents .m-hnav li:nth-child(6) a:hover,
.m-hnav li:nth-child(6) a.is-active,
.m-hnav li:nth-child(6) a.is-current,
html.no-touchevents .m-hnav li:nth-child(6) span:hover,
.m-hnav li:nth-child(6) span.is-active,
.m-hnav li:nth-child(6) span.is-current {
    background-position: -799px -49px;
}

.m-hnav2 {
    margin-top: 30px;
}

.m-hnav2 a {
    background-image: url(/_share16/pc/img/hnav2.png);
    display: block;
    width: 227px;
    height: 65px;
    text-indent: -9999px;
    overflow: hidden;
}

.m-hnav2 li:nth-child(2) a {
    background-position: -244px 0;
}

.m-hnav2 li:nth-child(3) a {
    background-position: -490px 0;
}

.m-hnav2 li:nth-child(4) a {
    background-position: -735px 0;
}

.m-important {
    margin: 30px auto;
    width: 960px;
    box-sizing: border-box;
    background-color: #e60012;
    border: 3px solid #e60012;
    border-radius: 5px;
}

.m-important dt {
    padding: 8px 8px 6px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.m-important dd {
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
}

.m-important li:nth-child(n+2) {
    margin-top: 5px;
}

.m-important a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-important time {
    margin-right: 1em;
    white-space: nowrap;
}

.m-important p {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-ipad {
    margin-bottom: 25px;
    padding: 25px 30px;
    background-color: #fffbe6;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: left;
}

.m-ipad .m-line {
    margin-top: 25px;
    margin-bottom: 25px;
}

.m-ipad .m-ttl--dot {
    margin-bottom: 10px;
    font-size: 24px;
}

.m-ipad__ttl {
    font-size: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-ipad__ttl img {
    margin-right: 10px;
}

.m-ipad__arrow {
    padding-bottom: 55px;
    position: relative;
}

.m-ipad__arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 42.5px 0 42.5px;
    border-color: #d9d9d9 transparent transparent transparent;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
}

.m-ipad ul {
    width: auto;
}

.m-kamoku {
    margin-top: 10px;
}

.m-kamoku li {
    margin-bottom: 5px;
}

.m-lineup {
    text-align: center;
}

.m-lineup dl {
    padding-top: 40px;
}

.m-material {
    background: url(/_share16/pc/img/dotted2.png) repeat-y 50% 0;
}

.m-material .m-media__left {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.m-material--l {
    background: none;
}

.m-material--l .m-media__left {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.m-modal-contact {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 680px;
    min-width: 680px;
    max-width: 680px;
}

.m-modal-contact__inner {
    margin-left: auto;
    margin-right: auto;
    width: 460px;
}

.m-modal-contact__ttl {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.m-modal-contact__btn {
    margin-top: 20px;
    width: 602px;
}

.m-modal-member {
    width: 960px;
    min-width: 960px;
    max-width: 960px;
}

.m-modal-member .m-modal__content > dd {
    margin-top: 14px;
}

.m-modal-member p {
    margin-bottom: 25px;
}

.m-modal-member .m-panel--blue {
    width: 286px;
}

.m-modal-member .m-panel--gray {
    width: 554px;
}

.m-modal-member .m-panel--gray a:first-child {
    margin-right: 18px;
}

.m-modal-member .m-panel > dt {
    margin-bottom: 20px;
}

.m-modal-option {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 680px;
    min-width: 680px;
    max-width: 680px;
}

.m-modal-option__inner {
    padding-left: 25px;
    padding-right: 25px;
}

.m-modal-option__ttl {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.m-modal-option th {
    white-space: normal;
    width: 170px;
    min-width: 170px;
    max-width: 170px;
}

.m-modal-option th,
.m-modal-option td {
    padding: 8px 15px;
}

.m-modal-option select {
    margin-bottom: 15px;
}

.m-modal-option label {
    text-indent: -23px;
    margin-left: 23px;
    display: block;
}

.m-modal-option label:nth-child(n+2) {
    margin-top: 25px;
}

.m-modal-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
}

html.no-cssfilters .m-modal-overlay,
html.touchevents .m-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

html.touchevents .m-modal-overlay {
    cursor: pointer;
}

html.is-modal-open .m-modal-overlay {
    display: block;
}

.m-modal-requirement {
    width: 960px;
    min-width: 960px;
    max-width: 960px;
}

.m-modal-requirement .m-modal__content > dd {
    margin-top: 14px;
}

.m-modal-requirement td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.m-modal-trial {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 680px;
    min-width: 680px;
    max-width: 680px;
}

.m-modal-trial__inner {
    padding-left: 25px;
    padding-right: 25px;
}

.m-modal-trial__ttl {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.m-modal-trial__lead {
    margin-bottom: 15px;
    font-size: 16px;
    color: #0070cb;
    text-align: center;
}

.m-modal-trial__tel {
    margin-top: 5px;
}

.m-modal-trial__tel strong {
    font-size: 18px;
    color: #0070cb;
}

.m-modal-trial__tel span {
    font-size: 12px;
}

.m-modal-trial .m-column__ttl {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.m-modal-trial label {
    display: block;
}

.m-modal-trial label:nth-child(n+2) {
    margin-top: 5px;
}

.m-modal-year {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 636px;
    min-width: 636px;
    max-width: 636px;
}

.m-modal-year .m-years {
    margin-left: auto;
    margin-right: auto;
    width: 460px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-modal-year .m-years a:nth-child(n+4) {
    margin-top: 25px;
}

.m-modal-year .m-years--5 {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-modal-year .m-years--5 a {
    margin-right: 24px;
}

.m-modal-year .m-years--5 a:nth-child(3),
.m-modal-year .m-years--5 a:nth-child(5) {
    margin-right: 0;
}

.m-modal-year__ttl {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.m-modal {
    margin: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2000;
}

.m-modal:not(.m-modal--no-frame) {
    box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-sizing: border-box;
    border: 6px solid #006eb3;
    border-radius: 6px;
}

.m-modal:not(.m-modal--no-frame) .m-modal__close {
    background: url(/_share16/pc/img/modal_close2.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: -23px;
    top: -23px;
    cursor: pointer;
}

.m-modal__content {
    padding: 24px 34px;
    text-align: center;
}

html.is-modal-open:not(.touchevents) .m-header,
html.is-modal-open:not(.touchevents) .m-hnav-bar,
html.is-modal-open:not(.touchevents) .m-fixed-btn,
html.is-modal-open:not(.touchevents) .m-path,
html.is-modal-open:not(.touchevents) .m-content,
html.is-modal-open:not(.touchevents) .m-fnav,
html.is-modal-open:not(.touchevents) .m-footer-notice,
html.is-modal-open:not(.touchevents) .m-footer,
html.is-modal-open:not(.touchevents) .m-ftr-notice {
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

.m-msg {
    font-size: 16px;
    text-align: center;
}

.m-msg:not(.m-bg) {
    padding: 30px 0 75px;
}

.m-msg.m-msg--tight {
    padding: 25px 0;
}

.m-msg.m-msg--no-mt {
    padding-top: 0;
}

.m-bg + .m-msg {
    padding-top: 10px;
}

.m-news {
    margin-top: 60px;
}

.m-news li:nth-child(n+2) {
    margin-top: 15px;
}

.m-news li a {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.m-news time {
    white-space: nowrap;
    min-width: 100px;
}

.m-news i:not(.i-new) {
    margin: 2px 15px 0 0;
    min-width: 86px;
}

.m-news .i-new {
    margin-left: 5px;
}

.m-news--dotted {
    background: url(/_share16/pc/img/dotted.png) repeat-x 0 0;
}

.m-news--dotted li {
    margin: 0;
    padding: 18px 0;
    position: relative;
    background: url(/_share16/pc/img/dotted.png) repeat-x 0 100%;
}

.m-news--dotted li:nth-child(n+2) {
    margin-top: 0;
}

.m-news--tight {
    margin-top: 0;
}

.m-noscript {
    padding: 10px;
    text-align: center;
    color: #f00;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e6e6e6;
    font-weight: bold;
}

.m-path {
    padding: 10px 0 8px;
    background-color: #f2f2f2;
    font-size: 10px;
}

.m-path ul {
    overflow: hidden;
}

.m-path li {
    float: left;
}

.m-path li:not(:last-child):after {
    content: "＞";
    margin: 0 7px;
}

.m-pay__price {
    font-size: 16px;
}

.m-pay span {
    margin: 0 5px;
    font-size: 20px;
    color: #f00;
}

.m-pay strong {
    font-size: 40px;
}

.m-performance {
    padding: 30px 0 20px;
    text-align: center;
}

.m-performance .m-btn {
    margin-top: 30px;
    width: 240px;
}

.m-point {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-point__left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.m-point__left a .m-remarklist {
    position: absolute;
}

.m-point__body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-point__desc {
    position: relative;
}

.m-point__desc:before {
    content: "";
    position: absolute;
    right: -13px;
    top: -10px;
}

.m-point__desc strong {
    color: #0070cb;
    font-weight: normal;
}

.m-price strong,
.m-price--l strong {
    margin: 0 4px;
    font-size: 18px;
    color: #f00;
}

.m-price--l {
    font-size: 16px;
}

.m-price--l strong {
    font-size: 24px;
}

.m-sample {
    padding-bottom: 43px;
}

.m-sample:after {
    right: -33px;
}

.m-sample--s {
    padding-bottom: 33px;
}

.m-sample--s:after {
    right: -23px;
}

.m-sample,
.m-sample--s {
    display: inline-block;
    position: relative;
}

.m-sample:after,
.m-sample--s:after {
    content: "";
    position: absolute;
    bottom: 0;
}

.m-sample--tight:after,
.m-sample--s--tight:after {
    right: 0;
}

.m-sample i,
.m-sample--s i {
    position: absolute;
    right: -20px;
    top: -20px;
}

.m-sample--noicon:after {
    display: none;
}

.m-ship {
    margin-bottom: 5px;
    padding-left: 70px;
    position: relative;
    min-height: 30px;
    overflow: hidden;
}

.m-ship dt {
    position: absolute;
    left: 0;
    top: 0;
}

.m-ship dd {
    margin: 0 5px 5px 0;
    float: left;
    min-height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-ship dd.m-ship__nested {
    clear: both;
    display: block;
    margin-right: 0;
}

.m-ship dd.m-ship__nested ul {
    margin-top: 5px;
    overflow: hidden;
}

.m-ship dd.m-ship__nested li {
    margin: 0 5px 5px 0;
    float: left;
}

.m-slider__pic {
    width: 435px;
    height: 343px;
    overflow: hidden;
    position: relative;
}

.m-slider__pic img {
    width: 100%;
}

.m-slider__pic:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    box-sizing: border-box;
}

.m-slider__thumbs {
    margin-top: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-slider__thumbs li {
    width: 101px;
    height: 80px;
}

.m-slider__thumbs img {
    width: 100%;
}

.m-slider__thumbs a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

.m-slider__thumbs a.active {
    overflow: visible;
}

.m-slider__thumbs a.active:before {
    content: "";
    margin: auto;
    border: 3px solid #0070cb;
    border-radius: 6px;
    box-sizing: border-box;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    position: absolute;
    z-index: 1;
}

.m-slider__thumbs a.active:after {
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11.5px 9px 11.5px;
    border-color: transparent transparent #0070cb transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
}

.m-sns li:nth-child(n+2) {
    margin-left: 48px;
}

.m-spacer {
    display: none;
}

html.is-scl-stuck .m-spacer {
    display: block;
}

html.is-no-scl-up .m-spacer {
    display: none;
}

html.is-scl-stuck.is-hnav-modal-open .m-spacer {
    display: block;
}

.m-style {
    text-align: center;
}

.m-style .m-column {
    background-color: #f7f7f7;
    border-color: #ededed;
}

.m-style .m-column__ttl {
    padding: 0;
    background-color: #ededed;
    border-color: #ededed;
}

.m-style__item {
    width: 460px;
}

.m-style__item--l .m-column__ttl {
    border-bottom-color: #94c1e5;
}

.m-style__item--r .m-column__ttl {
    border-bottom-color: #f0949b;
}

.m-style__desc {
    margin-top: 15px;
}

.m-style .m-btn--white {
    margin-top: 25px;
    width: 390px;
}

.m-summary figcaption {
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.m-summary .m-summary__notes {
    font-size: 12px;
    color: #808080;
}

.m-summary figcaption .m-remarklist--single {
    margin-top: 5px;
    display: block;
    font-weight: normal;
    width: 360px;
    box-sizing: border-box;
}

.m-summary__icon {
    margin: 20px 0 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-summary__icon li {
    margin-right: 10px;
}

.m-support {
    margin-bottom: 30px;
    overflow: hidden;
}

.m-support__left {
    float: left;
    width: 460px;
}

.m-support__body {
    float: right;
    width: 462px;
}

.m-support__price span {
    color: #0070cc;
}

.m-support__price strong {
    margin-left: 5px;
    color: #f00;
}

.m-taikendan {
    color: #000;
}

html.no-touchevents .m-taikendan:hover {
    text-decoration: none;
}

html.no-touchevents .m-taikendan:hover .m-link {
    text-decoration: underline;
}

.m-taikendan .m-link {
    color: #08c;
}

.m-wrapper {
    position: relative;
    min-width: 1024px;
}

.m-years-modal {
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 340px;
    pointer-events: none;
}

.m-years-modal__inner {
    pointer-events: auto;
    box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-sizing: border-box;
    border: 6px solid;
    border-radius: 6px;
    position: relative;
}

.m-years-modal__inner > dt {
    text-align: center;
    height: 38px;
    font-size: 16px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-years-modal__inner > dt img {
    margin-bottom: 3px;
}

.m-years-modal__inner > dd {
    background-color: #fff;
}

.m-years-modal__content {
    padding: 18px 20px;
}

.m-years-modal__close {
    background: url(/_share16/pc/img/modal_close3.png);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.m-years-modal.m-years-modal--new1 .m-years-modal__inner {
    border-color: #ec6e81;
}

.m-years-modal.m-years-modal--new1 .m-years-modal__inner > dt {
    background-color: #ec6e81;
}

.m-years-modal.m-years-modal--sho2 .m-years-modal__inner {
    border-color: #009e3b;
}

.m-years-modal.m-years-modal--sho2 .m-years-modal__inner > dt {
    background-color: #009e3b;
}

.m-years-modal.m-years-modal--sho3 .m-years-modal__inner {
    border-color: #006eb3;
}

.m-years-modal.m-years-modal--sho3 .m-years-modal__inner > dt {
    background-color: #006eb3;
}

.m-years-modal.m-years-modal--sho4 .m-years-modal__inner {
    border-color: #fa7500;
}

.m-years-modal.m-years-modal--sho4 .m-years-modal__inner > dt {
    background-color: #fa7500;
}

.m-years-modal.m-years-modal--sho5 .m-years-modal__inner {
    border-color: #8ec31f;
}

.m-years-modal.m-years-modal--sho5 .m-years-modal__inner > dt {
    background-color: #8ec31f;
}

.m-years-modal.m-years-modal--sho6 .m-years-modal__inner {
    border-color: #6b5cad;
}

.m-years-modal.m-years-modal--sho6 .m-years-modal__inner > dt {
    background-color: #6b5cad;
}

.m-years {
    margin-right: -2px;
}

.m-years a {
    background-image: url(/_share16/pc/img/years2.png);
    width: 137px;
    height: 123px;
    text-indent: -9999px;
    overflow: hidden;
}

.m-years a:nth-child(1) {
    background-position: 0 0;
}

.m-years a:nth-child(2) {
    background-position: -165px 0;
}

.m-years a:nth-child(3) {
    background-position: -330px 0;
}

.m-years a:nth-child(4) {
    background-position: -495px 0;
}

.m-years a:nth-child(5) {
    background-position: -660px 0;
}

.m-years a:nth-child(6) {
    background-position: -825px 0;
}

.m-years a.m-years__1 {
    background-position: 0 0;
}

.m-years a.m-years__2 {
    background-position: -165px 0;
}

.m-years a.m-years__3 {
    background-position: -330px 0;
}

.m-years a.m-years__4 {
    background-position: -495px 0;
}

.m-years a.m-years__5 {
    background-position: -660px 0;
}

.m-years a.m-years__6 {
    background-position: -825px 0;
}

.m-years--alt a {
    background-image: url(/_share16/pc/img/years2.png);
}

.m-years--top {
    /* used in HOME */
}


/* overwrite /s/2015/colorbox/colorbox.css */

#cboxLoadedContent {
    margin-top: 0;
}

@media print {
    .m-cover {
        max-width: 100%;
    }
    .m-fixed-btn,
    .m-back2top {
        display: none;
    }
}


/* KAIZEN?f?U?C???K?p */

.styleBox {
    position: relative;
    height: 130px;
}

.Area_cha {
    background: #F7F7F7;
    border: solid 1px #E5E5E5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 570px;
    position: absolute;
    top: 0;
    left: 0;
}

.ttl_cha {
    margin: 5px 0 10px 0;
}

.Area_cha .m-hnav-modal__course {
    margin-bottom: 2px!important;
    padding: 5px;
    width: 280px;
}

.Area_cha_new1 .m-hnav-modal__course {
    margin-bottom: 2px!important;
    padding: 5px;
    width: 380px!important;
}

.touch_box {
    background: #F7F7F7;
    border: solid 1px #E5E5E5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 280px;
    position: absolute;
    top: 0;
    left: 600px;
}

.touch_box .m-hnav-modal__course {
    margin-bottom: 2px!important;
    padding: 5px;
    width: 280px!important;
}


/* グロナビ体裁用 160303 */

.pt5 {
    padding-top: 5px;
}

.pt20 {
    padding-top: 20px;
}


/* チャレンジタッチのご案内はこちら 160316 */

.style_touch_btn {
    position: absolute;
    top: 5px;
    left: 700px;
}


/* だいじなお知らせシンプル版 */

.m-important--simple {
    margin: 20px auto;
    width: 960px;
}

.m-important--simple li a {
    display: block;
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.m-important--simple li a>* {
    display: inline-block;
    vertical-align: middle;
}

.m-important--simple li a:hover,
.m-important--simple li a:hover p {
    text-decoration: underline;
}


/* ----20160502グロナビ系変更用スタイルここから---- */


/* 年長入りモーダルスタイル */

.m-modal-year {
    width: 560px;
    min-width: 560px;
    max-width: 560px;
}

.m-modal-year .m-years {
    width: 390px;
}


/* モーダル内の2段目以下のマージン */

.m-modal-year .m-years a:nth-child(n+2) {
    margin-top: 15px;
}


/* グロナビ画像 */

.m-hnav a,
.m-hnav span {
    background-image: url(/_share16/pc/img/20160502/hnav.png);
}


/* 小1を新規に追加（真ん中揃え用） */

.m-hnav-modal--top.m-hnav-sho1 .m-hnav-modal__original {
    margin-left: auto;
    margin-right: auto;
}


/* 年長 */


/*.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner {
  border-color: #cccccc;
}*/


/* 三角の位置（年長） */


/*.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner:before {
  left: 55px;
  border-color: transparent transparent #cccccc transparent;
}*/


/* 年長 */


/*.m-hnav-modal--top.m-hnav-new1 .m-hnav-modal__inner > dt {
  background-color: #cccccc;
}*/


/* 小1用 */

.m-hnav-modal--top.m-hnav-sho1 .m-hnav-modal__inner {
    border-color: #ec6e81;
}


/* 三角の位置（小1） */

.m-hnav-modal--top.m-hnav-sho1 .m-hnav-modal__inner:before {
    left: 190px;
    border-color: transparent transparent #ec6e81 transparent;
}

.m-hnav-modal--top.m-hnav-sho1 .m-hnav-modal__inner > dt {
    background-color: #ec6e81;
}


/* -/小1用 */


/* 三角の位置（小2） */

.m-hnav-modal--top.m-hnav-sho2 .m-hnav-modal__inner:before {
    left: 330px;
}


/* 三角の位置（小3） */

.m-hnav-modal--top.m-hnav-sho3 .m-hnav-modal__inner:before {
    left: 465px;
}


/* 三角の位置（小4） */

.m-hnav-modal--top.m-hnav-sho4 .m-hnav-modal__inner:before {
    left: 600px;
}


/* 三角の位置（小5） */

.m-hnav-modal--top.m-hnav-sho5 .m-hnav-modal__inner:before {
    left: 740px;
}


/* 三角の位置（小6） */

.m-hnav-modal--top.m-hnav-sho6 .m-hnav-modal__inner:before {
    left: 875px;
}


/* グロナビ */

.m-hnav a,
.m-hnav span {
    width: 137px;
}

.m-hnav li:nth-child(2) a,
.m-hnav li:nth-child(2) span {
    background-position: -137px 0;
}

html.no-touchevents .m-hnav li:nth-child(2) a:hover,
.m-hnav li:nth-child(2) a.is-active,
.m-hnav li:nth-child(2) a.is-current,
html.no-touchevents .m-hnav li:nth-child(2) span:hover,
.m-hnav li:nth-child(2) span.is-active,
.m-hnav li:nth-child(2) span.is-current {
    background-position: -137px -49px;
}

.m-hnav li:nth-child(3) a,
.m-hnav li:nth-child(3) span {
    background-position: -274px 0;
}

html.no-touchevents .m-hnav li:nth-child(3) a:hover,
.m-hnav li:nth-child(3) a.is-active,
.m-hnav li:nth-child(3) a.is-current,
html.no-touchevents .m-hnav li:nth-child(3) span:hover,
.m-hnav li:nth-child(3) span.is-active,
.m-hnav li:nth-child(3) span.is-current {
    background-position: -274px -49px;
}

.m-hnav li:nth-child(4) a,
.m-hnav li:nth-child(4) span {
    background-position: -411px 0;
}

html.no-touchevents .m-hnav li:nth-child(4) a:hover,
.m-hnav li:nth-child(4) a.is-active,
.m-hnav li:nth-child(4) a.is-current,
html.no-touchevents .m-hnav li:nth-child(4) span:hover,
.m-hnav li:nth-child(4) span.is-active,
.m-hnav li:nth-child(4) span.is-current {
    background-position: -411px -49px;
}

.m-hnav li:nth-child(5) a,
.m-hnav li:nth-child(5) span {
    background-position: -548px 0;
}

html.no-touchevents .m-hnav li:nth-child(5) a:hover,
.m-hnav li:nth-child(5) a.is-active,
.m-hnav li:nth-child(5) a.is-current,
html.no-touchevents .m-hnav li:nth-child(5) span:hover,
.m-hnav li:nth-child(5) span.is-active,
.m-hnav li:nth-child(5) span.is-current {
    background-position: -548px -49px;
}

.m-hnav li:nth-child(6) a,
.m-hnav li:nth-child(6) span {
    width: 137px;
    background-position: -685px 0;
}

html.no-touchevents .m-hnav li:nth-child(6) a:hover,
.m-hnav li:nth-child(6) a.is-active,
.m-hnav li:nth-child(6) a.is-current,
html.no-touchevents .m-hnav li:nth-child(6) span:hover,
.m-hnav li:nth-child(6) span.is-active,
.m-hnav li:nth-child(6) span.is-current {
    background-position: -685px -49px;
}


/* 小1用 */

.m-hnav li:nth-child(7) a,
.m-hnav li:nth-child(7) span {
    width: 138px;
    background-position: -822px 0;
}


/* 小1用 */

html.no-touchevents .m-hnav li:nth-child(7) a:hover,
.m-hnav li:nth-child(7) a.is-active,
.m-hnav li:nth-child(7) a.is-current,
html.no-touchevents .m-hnav li:nth-child(7) span:hover,
.m-hnav li:nth-child(7) span.is-active,
.m-hnav li:nth-child(7) span.is-current {
    background-position: -822px -49px;
}


/* 学年ボタン */

.m-years a {
    background-image: url(/_share16/pc/img/20160502/years2.png);
    width: 117px;
    height: 105px;
}


/* 年長用の画像 */

.m-years a.new1img {
    background-image: url(/_share16/pc/img/20160502/years2_new1.png);
    width: 100%;
    height: 60px;
}

.m-years a:nth-child(1) {
    background-position: 0 0;
}

.m-years a:nth-child(2) {
    background-position: -141px 0;
}

.m-years a:nth-child(3) {
    background-position: -282px 0;
}

.m-years a:nth-child(4) {
    background-position: -423px 0;
}

.m-years a:nth-child(5) {
    background-position: -564px 0;
}

.m-years a:nth-child(6) {
    background-position: -705px 0;
}

.m-years a:nth-child(7) {
    background-position: -845px 0;
}


/* ----//20160502グロナビ変更用スタイルここまで---- */


/* --モーダル用-- */

.m-modal-year .m-years.nonew1 a:nth-child(n+2) {
    margin-top: 0;
}

.m-modal-year .m-years.nonew1 a:nth-child(n+4) {
    margin-top: 25px;
}

.m-modal-year .m-years.nonew1 {
    width: 460px;
}

.m-years.nonew1 a {
    background-image: url(/_share16/pc/img/years2.png);
    width: 137px;
    height: 123px;
    text-indent: -9999px;
    overflow: hidden;
}

.m-years.nonew1 a:nth-child(2) {
    background-position: -165px 0;
}

.m-years.nonew1 a:nth-child(3) {
    background-position: -330px 0;
}

.m-years.nonew1 a:nth-child(4) {
    background-position: -495px 0;
}

.m-years.nonew1 a:nth-child(5) {
    background-position: -660px 0;
}

.m-years.nonew1 a:nth-child(6) {
    background-position: -825px 0;
}


/* --//モーダル用-- */


/*--- ?O???i?r?e?X?g(160603~) ---*/

.styleBox_b {
    position: relative;
    height: 155px;
    margin-top: 15px;
}

.osusume_style {
    position: absolute;
    top: -15px;
    left: 447px;
}

.osusume_style_original{
	position:absolute;
	top:-15px;
	left:-12px;
}

.Area_cha_b {
    background: #e5eef7;
    border: solid 1px #E5E5E5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 420px;
    position: absolute;
    top: 0;
    left: 0;
}

.Area_cha_b .m-hnav-modal__course {
    margin-bottom: 2px!important;
    padding: 5px;
    width: 420px!important;
}

.ttl_cha_b {
    margin: 0;
}

.touch_box_b {
    background: #e5f7f7;
    border: solid 1px #E5E5E5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 420px;
    position: absolute;
    top: 0;
    left: 460px;
}

.touch_box_b .m-hnav-modal__course {
    margin-bottom: 2px!important;
    padding: 5px;
    width: 420px!important;
}


/*balloon 20160520*/

.balloon_box {
    position: absolute;
    left: 52%;
    top: 220px;
    z-index: 100;
}

.balloon2_box {
    position: absolute;
    left: 52%;
    top: 220px;
    z-index: 100;
}

.balloon3_box {
    position: absolute;
    left: 51%;
    top: 220px;
    z-index: 100;
}

.balloon4_box {
    position: absolute;
    left: 49%;
    top: 15px;
    z-index: 100;
}

.balloon5_box {
    position: absolute;
    left: 49%;
    top: 220px;
    z-index: 100;
}

.balloon6_box {
    position: absolute;
    left: 54%;
    top: 220px;
    z-index: 100;
}


/* 20160520 update */

.m-modal-fastest {
    width: 800px;
}

.m-modal-fastest__inner {
    text-align: left;
}

.m-modal-fastest__ttl {
    margin-bottom: 1em;
    font-size: 1.125rem;
    font-weight: bold;
}

.m-modal-fastest__table {
    float: left;
    margin: auto 1em 1em auto;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-collapse: collapse;
    border-spacing: 0;
}

.m-modal-fastest__table th,
.m-modal-fastest__table td {
    padding: .8em 1.0em;
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
}

.m-modal-fastest__table td {
    text-align: center;
}

.m-modal-fastest__cell {
    background: #F92;
}

.m-modal-fastest__cell--other {
    background: #FDA;
}

.m-modal-fastest__cell13 {
    background: #0070CB;
    text-align: center;
    color: #FFF;
}

.m-modal-fastest__cell13--after {
    background: #40a991;
}

.m-modal-fastest__clear {
    clear: both;
}

.m-modal-fastest__text {
    font-size: 13px;
    font-size: .813rem;
}

.m-modal-arrival {
    width: 500px;
}

.m-modal-arrival__ttl {
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: 1.2;
}

.m-modal-arrival__ttl+p {
    font-size: 1.0rem;
}

.m-modal-arrival__list_item {
    margin: 20px 0;
}

.m-modal-arrival__list_item img {
    width: 260px;
    background: #FFF;
}

.m-modal-arrival__list_item a:hover {
    text-decoration: none !important;
}

.m-modal-arrival__list_item--original a {
    color: #0066B3;
}

.m-modal-arrival__list_item--hybrid a {
    color: #ED1C24;
}

.m-modal-arrival__list_item a {
    border-radius: 5px;
    box-shadow: inset -2px -2px 10px rgba(0, 0, 0, .3), 2px 2px 4px rgba(0, 0, 0, .3);
    display: block;
    margin: 10px 50px;
    padding: 10px;
}