@charset "UTF-8";html {
    font-family: sans-serif;
    overflow-x: auto;
    overflow-y: scroll
}

body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

a {
    background: transparent;
    outline: 0!important
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

a,abbr,acronym,address,blockquote,caption,code,dd,del,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,li,object,ol,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,aside,figcaption,figure,footer,header,main,nav,section,small {
    margin: 0;
    padding: 0;
    display: block;
    vertical-align: baseline;
    list-style: none;
    background-color: transparent;
    outline: none
}

audio,canvas,video {
    display: inline-block
}

ol,ul {
    list-style-type: none
}

table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

img {
    line-height: 1;
    vertical-align: middle
}

a img {
    border: none
}

img[usemap],map area {
    border: none!important;
    outline: none!important
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

dd,dt,input,li,td,textarea,th {
    text-align: left;
    vertical-align: top
}

button,input,textarea {
    margin: 0;
    padding: 0
}

button,label {
    background-color: transparent;
    cursor: pointer
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

html {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 10px;
    -webkit-font-smoothing: antialiased
}

body {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1
}

@media (min-width: 768px) {
    body {
        font-size:1.6rem
    }
}

h1,h2,h3,h4,h5,h6,td,th {
    line-height: 1.4;
    font-size: 100%;
    font-weight: normal
}

figcaption,input,li,p,textarea {
    line-height: 1.4
}

button,input,select,textarea {
    font-size: 100%;
    outline: none
}

strong {
    font-weight: bold
}

em {
    font-weight: bold
}

a {
    color: #fff;
    text-decoration: none
}

a:active,a:hover {
    text-decoration: none
}

a,input,label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.l-document {
    min-width: 1040px;
    padding-bottom: 100px
}

.touchevents .l-document {
    padding-bottom: 13.4%
}

.l-contents {
    position: relative;
    width: 880px;
    margin: 0 auto
}

.l-contents-wide {
    width: 1040px
}

.l-header {
    height: 60px
}

.l-header_logo {
    position: absolute;
    top: 15px;
    left: 35px
}

.l-header_banner {
    position: absolute;
    top: 18px;
    right: 50px
}

.l-footer {
    border-top: 6px solid #a6181e;
    position: relative;
    display: block;
    padding-bottom: 40px;
    color: #000;
    z-index: 2
}

.l-footer a {
    color: #000
}

.l-footer a:hover {
    color: #a6181e
}

.l-footer nav {
    margin-top: 35px
}

.l-footer nav ul {
    text-align: center
}

.l-footer nav ul li {
    display: inline-block;
    padding: 0;
    font-size: 20px;
    line-height: 1.8
}

.l-footer nav ul li:after {
    content: "｜"
}

.l-footer nav ul li:first-of-type {
    padding-left: 200px
}

.l-footer nav ul li:nth-of-type(3) {
    padding-right: 200px
}

.l-footer div.logo {
    width: 207px;
    margin: 40px auto 30px
}

.l-footer div.logo img {
    display: block;
    width: 100%;
    height: auto
}

.l-footer small {
    display: block;
    text-align: center;
    margin: 13px auto auto auto;
    font-size: 18px;
    line-height: 2.78rem
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}

.b-is-hidden {
    display: none
}

@media (max-width: 767px) {
    .b-is-hidden-sp {
        display:none!important
    }
}

@media (min-width: 768px) {
    .b-is-hidden-pc {
        display:none!important
    }
}

.b-is-visible {
    display: block
}

@media (max-width: 767px) {
    .b-is-visible-sp {
        display:block!important
    }
}

@media (min-width: 768px) {
    .b-is-visible-pc {
        display:block!important
    }
}

.b-float-left {
    float: left
}

@media (max-width: 767px) {
    .b-float-left-sp {
        float:left!important
    }
}

@media (min-width: 768px) {
    .b-float-left-pc {
        float:left!important
    }
}

.b-float-right {
    float: right
}

@media (max-width: 767px) {
    .b-float-right-sp {
        float:right!important
    }
}

@media (min-width: 768px) {
    .b-float-right-pc {
        float:right!important
    }
}

.b-clear-left {
    clear: left
}

@media (max-width: 767px) {
    .b-clear-left-sp {
        clear:left!important
    }
}

@media (min-width: 768px) {
    .b-clear-left-pc {
        clear:left!important
    }
}

.b-clear-right {
    clear: right
}

@media (max-width: 767px) {
    .b-clear-right-sp {
        clear:right!important
    }
}

@media (min-width: 768px) {
    .b-clear-right-pc {
        clear:right!important
    }
}

.b-clear-both {
    clear: both
}

@media (max-width: 767px) {
    .b-clear-both-sp {
        clear:both!important
    }
}

@media (min-width: 768px) {
    .b-clear-both-pc {
        clear:both!important
    }
}

.b-clear-odd li:nth-child(odd) {
    clear: both
}

@media (max-width: 767px) {
    .b-clear-odd li:nth-child(odd)-sp {
        clear:both!important
    }
}

@media (min-width: 768px) {
    .b-clear-odd li:nth-child(odd)-pc {
        clear:both!important
    }
}

.b-clear-3n li:nth-child(3n+1) {
    clear: both
}

@media (max-width: 767px) {
    .b-clear-3n li:nth-child(3n+1)-sp {
        clear:both!important
    }
}

@media (min-width: 768px) {
    .b-clear-3n li:nth-child(3n+1)-pc {
        clear:both!important
    }
}

.b-clear-4n li:nth-child(4n+1) {
    clear: both
}

@media (max-width: 767px) {
    .b-clear-4n li:nth-child(4n+1)-sp {
        clear:both!important
    }
}

@media (min-width: 768px) {
    .b-clear-4n li:nth-child(4n+1)-pc {
        clear:both!important
    }
}

.b-align-left {
    text-align: left!important
}

@media (max-width: 767px) {
    .b-align-left-sp {
        text-align:left!important
    }
}

@media (min-width: 768px) {
    .b-align-left-pc {
        text-align:left!important
    }
}

.b-align-center {
    text-align: center!important
}

@media (max-width: 767px) {
    .b-align-center-sp {
        text-align:center!important
    }
}

@media (min-width: 768px) {
    .b-align-center-pc {
        text-align:center!important
    }
}

.b-align-right {
    text-align: right!important
}

@media (max-width: 767px) {
    .b-align-right-sp {
        text-align:right!important
    }
}

@media (min-width: 768px) {
    .b-align-right-pc {
        text-align:right!important
    }
}

.b-align-top {
    vertical-align: top!important
}

@media (max-width: 767px) {
    .b-align-top-sp {
        vertical-align:top!important
    }
}

@media (min-width: 768px) {
    .b-align-top-pc {
        vertical-align:top!important
    }
}

.b-align-middle {
    vertical-align: middle!important
}

@media (max-width: 767px) {
    .b-align-middle-sp {
        vertical-align:middle!important
    }
}

@media (min-width: 768px) {
    .b-align-middle-pc {
        vertical-align:middle!important
    }
}

.b-align-bottom {
    vertical-align: bottom!important
}

@media (max-width: 767px) {
    .b-align-bottom-sp {
        vertical-align:bottom!important
    }
}

@media (min-width: 768px) {
    .b-align-bottom-pc {
        vertical-align:bottom!important
    }
}

.m-box_main {
    background: #b7092a
}

.m-box_main_carousel {
    position: relative;
    padding-top: 50%
}

.m-box_main_carousel_aniversary {
    position: absolute;
    top: 0;
    left: 0;
    width: 17.86%;
    max-width: 343px;
    z-index: 30
}

.m-box_main_carousel_aniversary img {
    width: 100%;
    height: auto
}

.m-box_main_carousel_body>ul>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: visibility 0.1s 1s, opacity 1s;
    -o-transition: visibility 0.1s 1s, opacity 1s;
    transition: visibility 0.1s 1s, opacity 1s
}

.m-box_main_carousel_body>ul>li>a {
    display: block;
    width: 100%;
    height: 100%
}

.m-box_main_carousel_body>ul>li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.m-box_main_carousel_body>ul>li.js-status-active {
    visibility: visible;
    opacity: 1;
    z-index: 20;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.m-box_main_carousel_body>ul>li.carousel1 img:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_main_carousel_body>ul>li.carousel1.js-status-active img:nth-of-type(2) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 1s .5s;
    -o-transition: all 1s .5s;
    transition: all 1s .5s
}

.m-box_main_carousel_body>ul>li.carousel2:after,.m-box_main_carousel_body>ul>li.carousel2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.m-box_main_carousel_body>ul>li.carousel2:before {
    width: 17.97%;
    max-width: 343px;
    max-height: 335px;
    padding-top: 17.45%;
    background: url(../images/main-img2-2.png) top left no-repeat;
    background-size: 100% auto
}

.m-box_main_carousel_body>ul>li.carousel2:after {
    left: 178px;
    right: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 0.3)), to(rgba(69, 69, 69, 0)));
    background: -webkit-linear-gradient(top, rgba(69, 69, 69, 0.3) 0%, rgba(69, 69, 69, 0) 100%);
    background: -o-linear-gradient(top, rgba(69, 69, 69, 0.3) 0%, rgba(69, 69, 69, 0) 100%);
    background: linear-gradient(to bottom, rgba(69, 69, 69, 0.3) 0%, rgba(69, 69, 69, 0) 100%)
}

@media (min-width: 1200px) {
    .m-box_main_carousel_body>ul>li.carousel2:after {
        height:3px
    }
}

@media (min-width: 1500px) {
    .m-box_main_carousel_body>ul>li.carousel2:after {
        height:4px
    }
}

.m-box_main_carousel .m-box_slider_pager {
    position: absolute;
    bottom: 17px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}

.m-box_main_carousel .m-box_slider_pager>ul>li {
    display: inline-block;
    padding: 0 12px
}

.m-box_main_carousel .m-box_slider_pager>ul>li>a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(220, 220, 220, 0.5);
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_main_carousel .m-box_slider_pager>ul>li.js-status-active>a {
    background: #fac92b
}

.m-box_main_carousel .m-box_slider_controll_btn {
    position: absolute;
    top: 50%;
    width: 3.23%;
    max-width: 62px;
    z-index: 100;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-box_main_carousel .m-box_slider_controll_btn img {
    width: 100%;
    height: auto
}

.m-box_main_carousel .m-box_slider_controll_btn-prev {
    left: 4.53%
}

.m-box_main_carousel .m-box_slider_controll_btn-next {
    right: 4.53%
}

.m-box_gnav {
    background: #4f0008
}

.m-box_gnav_lists {
    position: relative;
    height: 130px;
    padding: 15px 0 0 96px
}

.m-box_gnav_lists>li {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    padding-top: 2px;
    padding-right: 1.6em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    letter-spacing: .1em
}

.m-box_gnav_lists>li:after {
    content: '｜';
    position: absolute;
    top: 3px;
    right: 0.3em
}

.m-box_gnav_lists>li>a {
    display: block;
    position: relative
}

.m-box_gnav_lists>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    right: -5px;
    height: 100%;
    background: #fac92b;
    opacity: .2;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.m-box_gnav_lists>li>a>span {
    display: block;
    position: relative;
    z-index: 2
}

.m-box_gnav_lists>li>a:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.m-box_gnav_lists>li>div {
    position: relative;
    color: #7b4f54
}

.m-box_gnav_lists>li>div:after {
    content: 'Coming soon';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    white-space: nowrap;
    letter-spacing: 0
}

.m-box_gnav_lists>li:first-child {
    padding-top: 0;
    font-size: 28px
}

.m-box_gnav_lists>li:first-child:after {
    top: 1px
}

.m-box_gnav_lists>li:last-child:after {
    display: none
}

.m-box_gnav_fb {
    position: absolute;
    top: 23px;
    right: 98px
}

.m-box_gnav_fb>a {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-box_gnav_fb>a:hover {
    opacity: .8
}

.m-box_gnav-fixed {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.touchevents .m-box_gnav-fixed {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.touchevents .js-status-fixednav .m-box_gnav-fixed {
    display: block
}

.no-touchevents .m-box_gnav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_lists {
    height: 60px;
    padding-top: 6px;
    padding-left: 172px
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_lists>li {
    display: block;
    float: left;
    margin-bottom: 0;
    font-size: 16px
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_lists>li:nth-of-type(4) {
    clear: both
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_lists>li>div:after {
    position: relative;
    top: 0;
    right: 0;
    margin-left: .2em;
    font-size: 16px
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_fb {
    top: 13px;
    right: 173px
}

.no-touchevents .m-box_gnav-fixed .m-box_gnav_fb>a>img {
    width: 35px;
    height: 35px
}

.no-touchevents .js-status-fixednav .m-box_gnav-fixed {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.m-box_point {
    min-height: 5300px;
    padding-top: 1px;
    padding-bottom: 120px;
    background: #b7092a url(../images/bg-document1.png) 50% 78px repeat
}

.m-box_point_trouble {
    position: relative;
    width: 880px;
    height: 1849px;
    margin: 0 auto;
    background: url(../images/bg-trouble.png) top center no-repeat;
    color: #000
}

.m-box_point_trouble.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_point_trouble.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_point_trouble_title {
    position: absolute;
    top: 57px;
    left: 0;
    width: 100%;
    padding-left: 0.5em;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .17em
}

.js-action-visible .m-box_point_trouble_title {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.js-status-visible .m-box_point_trouble_title {
    -webkit-transition: all .5s .3s;
    -o-transition: all .5s .3s;
    transition: all .5s .3s
}

.m-box_point_trouble_list>li {
    position: absolute
}

.m-box_point_trouble_list>li:after,.m-box_point_trouble_list>li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: none
}

.m-box_point_trouble_list>li>p {
    font-size: 24px;
    text-align: center;
    line-height: 1.67;
    letter-spacing: .1em
}

.m-box_point_trouble_list>li>p>span {
    display: inline-block;
    position: relative;
    font-size: 34px;
    line-height: 1.47;
    letter-spacing: .12em
}

.m-box_point_trouble_list>li>p>span:before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: -5px;
    width: 100%;
    height: 10px;
    opacity: .4;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.m-box_point_trouble_list>li>p>span>span {
    position: relative;
    z-index: 2
}

.m-box_point_trouble_list>li.trouble1 {
    top: 156px;
    left: 47px;
    width: 570px;
    height: 545px;
    padding: 70px 0px 0 11px
}

.m-box_point_trouble_list>li.trouble1:before {
    background-image: url(../images/point-bg1-1.png)
}

.m-box_point_trouble_list>li.trouble1:after {
    background-image: url(../images/point-bg1-2.png)
}

.m-box_point_trouble_list>li.trouble1>p>span:before {
    background: #e0d000
}

.m-box_point_trouble_list>li.trouble2 {
    top: 166px;
    left: 285px;
    width: 550px;
    height: 621px;
    padding: 339px 0px 0
}

.m-box_point_trouble_list>li.trouble2:before {
    background-image: url(../images/point-bg2-1.png)
}

.m-box_point_trouble_list>li.trouble2:after {
    background-image: url(../images/point-bg2-2.png)
}

.m-box_point_trouble_list>li.trouble2>p>span:before {
    background: #6c4389
}

.m-box_point_trouble_list>li.trouble3 {
    top: 707px;
    left: 54px;
    width: 473px;
    height: 359px;
    padding: 56px 22px 0 0
}

.m-box_point_trouble_list>li.trouble3:before {
    display: none
}

.m-box_point_trouble_list>li.trouble3:after {
    background-image: url(../images/point-bg3-1.png)
}

.m-box_point_trouble_list>li.trouble3>p>span:before {
    background: #ea5429
}

.m-box_point_trouble_list>li.trouble3>p>span:first-of-type {
    margin-left: .4em
}

.m-box_point_trouble_list>li.trouble4 {
    top: 916px;
    left: 285px;
    width: 569px;
    height: 544px;
    padding: 59px 0 0 38px
}

.m-box_point_trouble_list>li.trouble4:before {
    background-image: url(../images/point-bg4-1.png)
}

.m-box_point_trouble_list>li.trouble4:after {
    background-image: url(../images/point-bg4-2.png)
}

.m-box_point_trouble_list>li.trouble4>p>span:before {
    background: #b5c87c
}

.m-box_point_trouble_list>li.trouble5 {
    top: 1177px;
    left: 34px;
    width: 510px;
    height: 390px;
    padding: 90px 0 0 1px
}

.m-box_point_trouble_list>li.trouble5:before {
    display: none
}

.m-box_point_trouble_list>li.trouble5:after {
    background-image: url(../images/point-bg5-1.png)
}

.m-box_point_trouble_list>li.trouble5>p>span:before {
    background: #3d67b2
}

.m-box_point_trouble_list>li.trouble6 {
    top: 1485px;
    left: 273px;
    width: 549px;
    height: 287px;
    padding: 49px 0 0
}

.m-box_point_trouble_list>li.trouble6:before {
    display: none
}

.m-box_point_trouble_list>li.trouble6:after {
    background-image: url(../images/point-bg6-1.png)
}

.m-box_point_trouble_list>li.trouble6>p>span {
    margin-left: .2em
}

.m-box_point_trouble_list>li.trouble6>p>span:before {
    background: #cd000c
}

.m-box_point_trouble_list>li.trouble6>p>span:first-of-type {
    margin-left: .6em
}

.m-box_point_trouble_list>li.js-action-visible:before {
    opacity: 0
}

.m-box_point_trouble_list>li.js-action-visible:after {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_point_trouble_list>li.js-action-visible>p {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.m-box_point_trouble_list>li.js-action-visible>p>span:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.m-box_point_trouble_list>li.js-status-visible:before {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_point_trouble_list>li.js-status-visible:after {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_point_trouble_list>li.js-status-visible>p {
    -webkit-transition: all .5s .3s;
    -o-transition: all .5s .3s;
    transition: all .5s .3s
}

.m-box_point_trouble_list>li.js-status-visible>p>span:before {
    -webkit-transition: all 0.5s 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.5s 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.5s 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.m-box_point_trouble_list>li.js-status-visible>p>span:nth-of-type(2):before {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.m-box_point_component {
    color: #fac92b
}

.m-box_point_component_title {
    position: relative;
    width: 800px;
    margin: 60px auto 0;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em
}

.m-box_point_component_title:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fac92b
}

.m-box_point_component_title.js-action-visible {
    opacity: 0;
    -webkit-transform: transalteY(10px);
    -ms-transform: transalteY(10px);
    transform: transalteY(10px)
}

.m-box_point_component_title.js-action-visible:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.m-box_point_component_title.js-status-visible {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.m-box_point_component_title.js-status-visible:before {
    -webkit-transition: .5s .2s;
    -o-transition: .5s .2s;
    transition: .5s .2s
}

.m-box_point_component_list {
    position: relative;
    width: 860px;
    height: 801px;
    margin: 0 auto
}

.m-box_point_component_list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-component.png) center top no-repeat
}

.m-box_point_component_list>h3 {
    position: absolute;
    top: 355px;
    left: 325px
}

.m-box_point_component_list>ol>li {
    position: absolute;
    width: 288px;
    height: 288px;
    border: 10px solid transparent;
    border-radius: 50%
}

.m-box_point_component_list>ol>li>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 111px;
    padding-left: 10px;
    border-radius: 50%;
    color: #fac92b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.428;
    letter-spacing: .15em
}

.m-box_point_component_list>ol>li>a:before {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #fac92b;
    border-radius: 50%;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.m-box_point_component_list>ol>li>a:after {
    content: '';
    position: absolute;
    top: 42px;
    left: 116px;
    width: 36px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat
}

.m-box_point_component_list>ol>li>a:hover:before {
    background: rgba(250, 201, 43, 0.2);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.m-box_point_component_list>ol>li.component1 {
    top: -10px;
    left: 286px
}

.m-box_point_component_list>ol>li.component1>a {
    padding-top: 107px
}

.m-box_point_component_list>ol>li.component1>a:after {
    background-image: url(../images/point-component-1.png)
}

.m-box_point_component_list>ol>li.component2 {
    top: 185px;
    left: -10px
}

.m-box_point_component_list>ol>li.component2>a:after {
    background-image: url(../images/point-component-2.png)
}

.m-box_point_component_list>ol>li.component3 {
    top: 185px;
    left: 582px
}

.m-box_point_component_list>ol>li.component3>a:after {
    background-image: url(../images/point-component-3.png)
}

.m-box_point_component_list>ol>li.component4 {
    top: 523px;
    left: 97px
}

.m-box_point_component_list>ol>li.component4>a:after {
    background-image: url(../images/point-component-4.png)
}

.m-box_point_component_list>ol>li.component5 {
    top: 523px;
    left: 451px
}

.m-box_point_component_list>ol>li.component5>a:after {
    background-image: url(../images/point-component-5.png)
}

.m-box_point_component_list.js-action-visible:before {
    height: 0
}

.m-box_point_component_list.js-action-visible>h3 {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.m-box_point_component_list.js-action-visible>ol>li {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.m-box_point_component_list.js-status-visible:before {
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.m-box_point_component_list.js-status-visible>h3 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_point_component_list.js-status-visible>ol>li {
    -webkit-transition: all .5s .1s;
    -o-transition: all .5s .1s;
    transition: all .5s .1s
}

.m-box_point_component_list.js-status-visible>ol>li.component2,.m-box_point_component_list.js-status-visible>ol>li.component3 {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.m-box_point_component_list.js-status-visible>ol>li.component4,.m-box_point_component_list.js-status-visible>ol>li.component5 {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.m-box_point_component_detail {
    width: 800px;
    margin: 90px auto 0
}

.m-box_point_component_detail>li {
    margin-top: 80px
}

.m-box_point_component_detail>li>h3 {
    padding: 8px 0 7px;
    border: 4px solid #fac92b;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em
}

.msie .m-box_point_component_detail>li>h3 {
    padding: 10px 0 5px
}

.m-box_point_component_detail>li>h3>img {
    position: relative;
    top: -4px;
    width: auto;
    height: 37px;
    margin-right: 28px
}

.m-box_point_component_detail>li>h4 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em
}

.m-box_point_component_detail>li>div {
    position: relative;
    margin: 30px 25px 0;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: .08em
}

.m-box_point_component_detail>li>div>div {
    position: absolute;
    top: 0;
    right: 30px
}

.m-box_point_component_detail>li.js-action-visible>div,.m-box_point_component_detail>li.js-action-visible>h3,.m-box_point_component_detail>li.js-action-visible>h4 {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_point_component_detail>li.js-status-visible>div,.m-box_point_component_detail>li.js-status-visible>h3,.m-box_point_component_detail>li.js-status-visible>h4 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_point_component_detail>li.js-status-visible>h4 {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.m-box_point_component_detail>li.js-status-visible>div {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.m-box_easyuse {
    min-height: 5280px;
    padding-top: 1px;
    padding-bottom: 65px;
    background: #edecec url(../images/bg-document2.png) 50% 14px repeat
}

.m-box_easyuse_list_item {
    position: relative;
    margin-top: 85px
}

.m-box_easyuse_list_item>h3 {
    position: relative;
    color: #000;
    text-align: center
}

.m-box_easyuse_list_item>h3:after,.m-box_easyuse_list_item>h3:before {
    content: '';
    position: absolute;
    top: 75px;
    width: 375px;
    height: 4px;
    background: #b7092a
}

.m-box_easyuse_list_item>h3:before {
    right: 505px
}

.m-box_easyuse_list_item>h3:after {
    left: 505px
}

.m-box_easyuse_list_item>h3>span {
    display: block;
    margin-bottom: 10px;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .1em
}

.m-box_easyuse_list_item>h3.js-action-visible:after,.m-box_easyuse_list_item>h3.js-action-visible:before {
    width: 0
}

.m-box_easyuse_list_item>h3.js-action-visible>span {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item>h3.js-action-visible>img {
    opacity: 0
}

.m-box_easyuse_list_item>h3.js-status-visible:after,.m-box_easyuse_list_item>h3.js-status-visible:before {
    -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.m-box_easyuse_list_item>h3.js-status-visible>span {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item>h3.js-status-visible>img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item .chart {
    position: relative;
    margin-top: 81px
}

.m-box_easyuse_list_item .chart>div {
    position: relative;
    width: 350px;
    height: 350px;
    margin-left: 19px;
    z-index: 2
}

.m-box_easyuse_list_item .chart>div>img {
    position: absolute;
    top: 12px;
    left: 5px
}

.m-box_easyuse_list_item .chart>figcaption {
    position: absolute;
    top: -21px;
    left: 491px
}

.m-box_easyuse_list_item .chart>figcaption:before {
    content: '';
    position: absolute;
    top: 122px;
    left: -164px;
    width: 150px;
    height: 4px;
    background: #b7092a;
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.m-box_easyuse_list_item .chart>figcaption>p {
    color: #b7092a;
    font-size: 32px;
    line-height: 1.5625;
    letter-spacing: .1em
}

.m-box_easyuse_list_item .chart>figcaption>div {
    position: relative;
    color: #000;
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: .16em
}

.m-box_easyuse_list_item .chart.js-action-visible>div>img {
    opacity: 0
}

.m-box_easyuse_list_item .chart.js-action-visible>figcaption:before {
    width: 0
}

.m-box_easyuse_list_item .chart.js-action-visible>figcaption>p {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item .chart.js-action-visible>figcaption>div {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.m-box_easyuse_list_item .chart.js-status-visible>div>img {
    -webkit-transition: all .5s .2s;
    -o-transition: all .5s .2s;
    transition: all .5s .2s
}

.m-box_easyuse_list_item .chart.js-status-visible>figcaption:before {
    -webkit-transition: all .5s .2s;
    -o-transition: all .5s .2s;
    transition: all .5s .2s
}

.m-box_easyuse_list_item .chart.js-status-visible>figcaption>p {
    -webkit-transition: all .5s .3s;
    -o-transition: all .5s .3s;
    transition: all .5s .3s
}

.m-box_easyuse_list_item .chart.js-status-visible>figcaption>div {
    -webkit-transition: all .5s .3s;
    -o-transition: all .5s .3s;
    transition: all .5s .3s
}

.m-box_easyuse_list_item-trouble1 .chart>figcaption>div {
    top: 24px;
    left: -33px;
    width: 399px;
    height: 199px;
    padding: 76px 0 0 67px;
    background: url(../images/easyuse-trouble1-img2.png)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1 {
    position: relative;
    height: 978px;
    margin-top: 62px;
    border-radius: 20px;
    background: #b7092a;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b7092a), to(#811111));
    background: -webkit-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: -o-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: linear-gradient(to right, #b7092a 50%, #811111 100%);
    overflow: hidden
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>p {
    padding: 60px 0 0 124px;
    font-size: 30px;
    line-height: 1.67;
    letter-spacing: .16em
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>p.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>p.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div>img {
    position: absolute
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div>img:first-of-type {
    bottom: 0;
    right: 0
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div>img:nth-of-type(2) {
    top: 311px;
    left: 73px;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div>img:nth-of-type(3) {
    top: 311px;
    left: 555px
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div>img:nth-of-type(4) {
    top: 667px;
    left: 78px
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-action-visible>img {
    opacity: 0
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-action-visible>img:nth-of-type(2) {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-action-visible>img:nth-of-type(3) {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-action-visible>img:nth-of-type(4) {
    opacity: 0
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-status-visible>img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-status-visible>img:nth-of-type(2) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-status-visible>img:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box1>div.js-status-visible>img:nth-of-type(4) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2 {
    color: #b7092a;
    font-weight: bold
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>h4 {
    position: relative;
    margin-top: 68px;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .15em
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>h4:before {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #b7092a
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>p {
    margin-top: 48px;
    padding-left: 16px;
    font-size: 24px;
    text-align: center;
    letter-spacing: .14em
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div {
    position: relative;
    height: 321px;
    margin: 64px 0 0 48px
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div:after,.m-box_easyuse_list_item-trouble1 .trouble1_box2>div:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 163px;
    width: 114px;
    height: 164px
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div:before {
    content: '';
    position: absolute;
    background: url(../images/easyuse-trouble1-img9.png) center no-repeat;
    z-index: 2
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div:after {
    background: url(../images/easyuse-trouble1-img10.png) center no-repeat;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    z-index: 3;
    -webkit-animation: trouble1Box2Anim1 1.5s infinite;
    animation: trouble1Box2Anim1 1.5s infinite
}

@-webkit-keyframes trouble1Box2Anim1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }

    30% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    80% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes trouble1Box2Anim1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }

    30% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    80% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div>div {
    position: relative;
    height: 313px;
    overflow: hidden
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div>div:after,.m-box_easyuse_list_item-trouble1 .trouble1_box2>div>div:before {
    content: '';
    position: absolute
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div>div:before {
    bottom: 2px;
    left: 115px;
    width: 137px;
    height: 91px;
    background: url(../images/easyuse-trouble1-img8.png) center no-repeat;
    -webkit-animation: trouble1Box2Anim1 1.5s infinite;
    animation: trouble1Box2Anim1 1.5s infinite
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2>div>div:after {
    bottom: 0;
    left: 95px;
    width: 160px;
    background: #000;
    height: 3px
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-action-visible>h4 {
    opacity: 0
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-action-visible>h4:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-action-visible>p {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-action-visible>div {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-status-visible>h4 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-status-visible>h4:before {
    -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-status-visible>p {
    -webkit-transition: all .5s .2s;
    -o-transition: all .5s .2s;
    transition: all .5s .2s
}

.m-box_easyuse_list_item-trouble1 .trouble1_box2.js-status-visible>div {
    -webkit-transition: all .5s .4s;
    -o-transition: all .5s .4s;
    transition: all .5s .4s
}

.m-box_easyuse_list_item-trouble2 .chart>figcaption>div {
    top: 23px;
    left: 9px;
    width: 314px;
    height: 199px;
    padding: 69px 0 0 69px;
    background: url(../images/easyuse-trouble2-img2.png)
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1 {
    position: relative;
    height: 1340px;
    margin-top: 62px;
    padding: 0 40px;
    border-radius: 20px;
    background: #b7092a;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b7092a), to(#811111));
    background: -webkit-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: -o-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: linear-gradient(to right, #b7092a 50%, #811111 100%);
    text-align: center;
    overflow: hidden
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>p {
    padding: 52px 0 0 10px;
    font-size: 30px;
    line-height: 1.67;
    letter-spacing: .16em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>p>span {
    font-size: 20px;
    letter-spacing: .08em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>h4 {
    position: relative;
    margin-top: 50px;
    padding-left: 10px;
    color: #fac92b;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: .16em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>h4:before {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fac92b
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>h4>span {
    font-size: 38px;
    line-height: 1.38;
    letter-spacing: .2em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul {
    margin-top: 80px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li {
    position: relative
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li>div {
    position: relative
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li>div:before {
    content: '';
    position: absolute;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li h5 {
    color: #fac92b;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .16em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li h5>img {
    position: relative;
    top: -8px;
    margin-right: .4em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li h5+div {
    margin-top: 22px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li h6 {
    margin-top: 33px;
    margin-left: 19px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .17em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li p {
    margin-top: 14px;
    margin-left: 20px;
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: .12em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:first-of-type {
    float: left;
    width: 385px;
    height: 583px;
    padding-left: 13px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:first-of-type > div:before {
    top: 92px;
    right: 125px;
    width: 126px;
    height: 30px;
    background: url(../images/easyuse-trouble2-img4-bg.png) right center no-repeat;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-animation: trouble2Box1Anim1 1.6s infinite;
    animation: trouble2Box1Anim1 1.6s infinite
}

@-webkit-keyframes trouble2Box1Anim1 {
    0% {
        width: 0;
        opacity: 0
    }

    60% {
        width: 126px;
        opacity: 1
    }
}

@keyframes trouble2Box1Anim1 {
    0% {
        width: 0;
        opacity: 0
    }

    60% {
        width: 126px;
        opacity: 1
    }
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(2) {
    float: right;
    width: 383px;
    height: 583px;
    padding-right: 12px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(2)>div:before {
    top: 31px;
    right: 118px;
    width: 162px;
    height: 127px;
    border-radius: 50%;
    background: url(../images/easyuse-trouble2-img6-bg.png) right center no-repeat;
    -webkit-animation: trouble2Box1Anim2 1.6s infinite;
    animation: trouble2Box1Anim2 1.6s infinite
}

@-webkit-keyframes trouble2Box1Anim2 {
    0% {
        width: 0;
        opacity: 0
    }

    70% {
        width: 162px;
        opacity: 1
    }
}

@keyframes trouble2Box1Anim2 {
    0% {
        width: 0;
        opacity: 0
    }

    70% {
        width: 162px;
        opacity: 1
    }
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3) {
    clear: both;
    padding: 0 26px 0 385px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>div {
    position: absolute;
    top: 10px;
    left: 35px
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>div:before {
    top: 103px;
    right: 119px;
    width: 100px;
    height: 24px;
    background: url(../images/easyuse-trouble2-img7-bg.png) right center no-repeat;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation: trouble2Box1Anim3 1.6s infinite;
    animation: trouble2Box1Anim3 1.6s infinite
}

@-webkit-keyframes trouble2Box1Anim3 {
    0% {
        width: 0;
        opacity: 0
    }

    70% {
        width: 100px;
        opacity: 1
    }
}

@keyframes trouble2Box1Anim3 {
    0% {
        width: 0;
        opacity: 0
    }

    70% {
        width: 100px;
        opacity: 1
    }
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>h6 {
    margin: 0 0 0 3px;
    white-space: nowrap;
    letter-spacing: .1em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>p {
    position: relative;
    margin: 9px 0 0;
    padding: 22px 0 22px 12px;
    color: #fac92b;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.17;
    letter-spacing: .17em
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>p:after,.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>p:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fac92b
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>p:before {
    top: 0
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1>ul>li:nth-of-type(3)>p:after {
    bottom: 0
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1 .js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble2 .trouble2_box1 .js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble3 {
    padding-bottom: 53px
}

.m-box_easyuse_list_item-trouble3 .chart {
    margin-top: 54px
}

.m-box_easyuse_list_item-trouble3 .chart>div {
    width: 286px;
    height: 286px;
    margin-left: 50px
}

.m-box_easyuse_list_item-trouble3 .chart>figcaption {
    top: 64px;
    left: 451px
}

.m-box_easyuse_list_item-trouble3 .chart>figcaption:before {
    top: 103px;
    left: -158px;
    height: 3px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1 {
    position: relative;
    height: 890px;
    margin-top: 62px;
    padding: 55px 0 0 76px;
    border-radius: 20px;
    background: #b7092a;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b7092a), to(#811111));
    background: -webkit-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: -o-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: linear-gradient(to right, #b7092a 50%, #811111 100%);
    overflow: hidden
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1>figure>figcaption {
    position: absolute;
    top: 143px;
    left: 489px;
    font-size: 30px;
    line-height: 1.67;
    letter-spacing: .08em
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1>figure>figcaption>span {
    position: relative;
    left: -.4em;
    font-size: 20px;
    letter-spacing: .06em
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1>p {
    margin: -5px 40px 10px;
    font-size: 24px;
    letter-spacing: .01em
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1>p:after,.m-box_easyuse_list_item-trouble3 .trouble3_box1>p:before {
    content: '▼';
    position: relative;
    top: -3px;
    font-size: 18px
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1>p:after {
    margin-left: .5em
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1 .js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box1 .js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2 {
    margin-top: 97px
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2 .chart>figcaption {
    top: -9px;
    left: 431px
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2 .chart>figcaption:before {
    top: 123px
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div {
    position: relative;
    height: 570px;
    margin-top: 60px;
    padding: 60px 0 0 94px;
    border-radius: 20px;
    background: #b7092a;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b7092a), to(#811111));
    background: -webkit-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: -o-linear-gradient(left, #b7092a 50%, #811111 100%);
    background: linear-gradient(to right, #b7092a 50%, #811111 100%)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div>p {
    font-size: 30px;
    line-height: 1.67;
    letter-spacing: .15em
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div>div {
    position: absolute;
    top: -106px;
    right: 56px
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div.js-action-visible>div {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_easyuse_list_item-trouble3 .trouble3_box2>div.js-status-visible>div {
    -webkit-transition: all 1s .1s;
    -o-transition: all 1s .1s;
    transition: all 1s .1s
}

.m-box_target {
    min-height: 5010px;
    padding-top: 1px;
    padding-bottom: 100px;
    background: #b7092a url(../images/bg-document1.png) 50% 25px repeat
}

.m-box_target_subtitle {
    margin-top: 70px;
    color: #fac92b;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em
}

.m-box_target_subtitle.js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_target_subtitle.js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_target_list {
    margin-top: 25px;
    padding: 20px;
    background: #ffffff;
    color: #000;
    font-size: 24px
}

.m-box_target_list>dl>dt {
    padding: 10px 0;
    color: #ffffff;
    font-size: 35px;
    text-align: center;
    letter-spacing: .1em
}

.msie .m-box_target_list>dl>dt {
    padding: 12px 0 7px
}

.m-box_target_list>dl>dt.target-flower {
    background: #ee86a1
}

.m-box_target_list>dl>dt.target-vegetable {
    background: #99c843
}

.m-box_target_list>dl>dt.target-leafbug {
    background: #b7092a
}

.m-box_target_list>dl>dt.target-juicebug {
    background: #b7092a
}

.m-box_target_list>dl>dt.target-sick {
    background: #2b5094
}

.m-box_target_list>dl>dd {
    width: 800px;
    margin: 0 auto;
    padding-bottom: 40px
}

.m-box_target_list>dl>dd>ul {
    width: 768px;
    padding-top: 10px
}

.m-box_target_list>dl>dd>ul:after {
    content: " ";
    display: block;
    clear: both
}

.m-box_target_list>dl>dd>ul>li {
    float: left;
    width: 256px;
    margin: 25px 0 10px
}

.m-box_target_list>dl>dd>ul>li>div {
    width: 202px;
    margin: 0 auto
}

.m-box_target_list>dl>dd>ul>li>p {
    padding-top: 13px;
    text-align: center;
    letter-spacing: .05em
}

.m-box_target_list>dl>dd>ul>li:nth-of-type(3n+1) {
    clear: both
}

.m-box_target_list>dl>dd>ul:after {
    content: 'など';
    text-align: right
}

.js-action-visible+.m-box_target_list {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.js-status-visible+.m-box_target_list {
    -webkit-transition: all .5s .2s;
    -o-transition: all .5s .2s;
    transition: all .5s .2s
}

.m-box_target_list .js-action-visible {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.m-box_target_list .js-status-visible {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_target_caption {
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: right
}

.m-box_target_caption>img {
    position: relative;
    top: -3px;
    margin: 0 .3em 0 .7em
}

.js-action-visible+div+.m-box_target_caption {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.js-status-visible+div+.m-box_target_caption {
    -webkit-transition: all .5s .4s;
    -o-transition: all .5s .4s;
    transition: all .5s .4s
}

.m-box_target_detail {
    margin-top: 100px;
    background: #ffffff;
    color: #000
}

.m-box_target_detail button {
    display: block;
    width: 100%;
    padding: 25px 0;
    border: none;
    background: #fac62b;
    color: #ffffff;
    font-size: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: .1em;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-box_target_detail button:after {
    content: '▼'
}

.m-box_target_detail button:hover {
    opacity: .8
}

.m-box_target_detail>div {
    display: none
}

.m-box_target_detail>div>div {
    padding: 20px
}

.m-box_target_detail>div>div>h3 {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 35px;
    text-align: center;
    letter-spacing: .1em
}

.m-box_target_detail>div>div>table {
    width: 100%;
    margin-top: 60px
}

.m-box_target_detail>div>div>table:first-of-type {
    margin-top: 30px
}

.m-box_target_detail>div>div>table>caption {
    padding: 10px 0;
    color: #ffffff;
    font-size: 35px
}

.msie .m-box_target_detail>div>div>table>caption {
    padding: 13px 0 8px
}

.m-box_target_detail>div>div>table td,.m-box_target_detail>div>div>table th {
    padding: 10px 25px;
    border: 1px solid transparent;
    font-size: 24px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    vertical-align: middle
}

.msie .m-box_target_detail>div>div>table td,.msie .m-box_target_detail>div>div>table th {
    padding: 12px 25px 8px
}

.m-box_target_detail>div>div>table th {
    text-align: center
}

.m-box_target_detail>div>div>table>tbody th {
    width: 265px
}

.m-box_target_detail>div>div>table.flower>caption {
    background: #ee86a1
}

.m-box_target_detail>div>div>table.flower>thead {
    color: #ee86a1
}

.m-box_target_detail>div>div>table.flower>tbody th {
    background: #fce8ed
}

.m-box_target_detail>div>div>table.flower td,.m-box_target_detail>div>div>table.flower th {
    border-color: #ee86a1
}

.m-box_target_detail>div>div>table.vegetable>caption {
    background: #99c843
}

.m-box_target_detail>div>div>table.vegetable>thead {
    color: #99c843
}

.m-box_target_detail>div>div>table.vegetable>tbody th {
    background: #ecf5dd
}

.m-box_target_detail>div>div>table.vegetable td,.m-box_target_detail>div>div>table.vegetable th {
    border-color: #99c843
}

.m-box_target_detail.js-status-open button:after {
    content: ''
}

.m-box_target_link {
    margin: 70px 115px 0
}

.m-box_target_link>a {
    display: block;
    padding: 17px 0;
    border-radius: 10px;
    background: #ffffff;
    color: #b7092a;
    font-size: 27px;
    text-align: center;
    line-height: 1.2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-box_target_link>a>span {
    display: block;
    font-size: 33px;
    font-weight: bold
}

.m-box_target_link>a:hover {
    opacity: .9
}

.m-box_promotion {
    min-height: 900px;
    padding-top: 1px;
    padding-bottom: 85px;
    background: #edecec url(../images/bg-document2.png) 50% 64px repeat
}

.m-box_promotion_video {
    position: relative;
    margin-top: -15px;
    padding-top: 56.25%
}

.m-box_promotion_video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.m-box_customervoice {
    padding-top: 1px;
    padding-bottom: 180px;
    background: #b7092a url(../images/bg-document1.png) 50% 99px repeat
}

.m-box_customervoice_comingsoon {
    margin-top: 50px;
    text-align: center
}

.js-action-visible+.m-box_customervoice_comingsoon {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.js-status-visible+.m-box_customervoice_comingsoon {
    -webkit-transition: all .5s .2s;
    -o-transition: all .5s .2s;
    transition: all .5s .2s
}

.m-box_lead {
    margin-top: 67px;
    margin-bottom: 57px;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 1.67;
    letter-spacing: .08em
}

.m-box_lead sub {
    position: relative;
    top: 7px;
    left: -1px;
    font-size: 30px
}

.m-box_lead-black {
    color: #000
}

.js-action-visible+.m-box_lead {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.js-status-visible+.m-box_lead {
    -webkit-transition: all .5s 0.3s;
    -o-transition: all .5s 0.3s;
    transition: all .5s 0.3s
}

.m-box_pagetop {
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .1s .5s, opacity .5s;
    -o-transition: visibility .1s .5s, opacity .5s;
    transition: visibility .1s .5s, opacity .5s
}

.m-box_pagetop>a {
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-box_pagetop>a:hover {
    opacity: .8
}

.touchevents .m-box_pagetop {
    bottom: 13.4vw
}

.js-status-scrolled .m-box_pagetop {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-box_banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    visibility: hidden;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: visibility .1s .5s, opacity .5s;
    -o-transition: visibility .1s .5s, opacity .5s;
    transition: visibility .1s .5s, opacity .5s
}

.m-box_banner>a {
    display: block;
    position: relative;
    background: #ffffff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-box_banner>a:after,.m-box_banner>a:before {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    background: #6fba2c
}

.m-box_banner>a:before {
    left: 0;
    height: 100%
}

.m-box_banner>a:after {
    right: 0;
    height: 30px
}

.m-box_banner>a>img {
    display: none;
    position: relative;
    margin: 0 auto;
    z-index: 2
}

.touchevents .m-box_banner>a>img.sp {
    display: block;
    width: 100%
}

.no-touchevents .m-box_banner>a>img.pc {
    display: block
}

.m-box_banner>a:hover {
    opacity: .8
}

.js-status-scrolled .m-box_banner {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.m-hdg_lv1 {
    position: relative;
    height: 58px;
    margin-top: 100px;
    color: #b7092a;
    text-align: center
}

.m-hdg_lv1:after,.m-hdg_lv1:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-left: -1.5em;
    background: url(../images/icn-simbol-red.png) center no-repeat
}

.m-hdg_lv1>span {
    position: absolute;
    top: 0;
    left: 50%;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: .12em;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.m-hdg_lv1>span>span {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px;
    letter-spacing: .06em;
    white-space: nowrap
}

.m-hdg_lv1>span>span>sub {
    position: relative;
    top: 5px;
    left: -2px;
    font-size: 20px
}

.m-hdg_lv1-point {
    margin-top: 135px;
    color: #fac92b
}

.m-hdg_lv1-point:after,.m-hdg_lv1-point:before {
    background: url(../images/icn-simbol.png) center no-repeat
}

.m-hdg_lv1-point:before {
    -webkit-transform: translateX(-305px);
    -ms-transform: translateX(-305px);
    transform: translateX(-305px)
}

.m-hdg_lv1-point:after {
    -webkit-transform: translateX(305px);
    -ms-transform: translateX(305px);
    transform: translateX(305px)
}

.m-hdg_lv1-point>span {
    width: 530px
}

.m-hdg_lv1-easyuse:before {
    -webkit-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    transform: translateX(-350px)
}

.m-hdg_lv1-easyuse:after {
    -webkit-transform: translateX(350px);
    -ms-transform: translateX(350px);
    transform: translateX(350px)
}

.m-hdg_lv1-easyuse>span {
    width: 630px
}

.m-hdg_lv1-target {
    margin-top: 130px;
    color: #fac92b
}

.m-hdg_lv1-target:after,.m-hdg_lv1-target:before {
    background: url(../images/icn-simbol.png) center no-repeat
}

.m-hdg_lv1-target:before {
    -webkit-transform: translateX(-370px);
    -ms-transform: translateX(-370px);
    transform: translateX(-370px)
}

.m-hdg_lv1-target:after {
    -webkit-transform: translateX(370px);
    -ms-transform: translateX(370px);
    transform: translateX(370px)
}

.m-hdg_lv1-target>span {
    width: 630px
}

.m-hdg_lv1-promotion:before {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}

.m-hdg_lv1-promotion:after {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px)
}

.m-hdg_lv1-promotion>span {
    width: 530px
}

.m-hdg_lv1-customervoice {
    margin-top: 230px;
    color: #ffffff
}

.m-hdg_lv1-customervoice:after,.m-hdg_lv1-customervoice:before {
    background: url(../images/icn-simbol-white.png) center no-repeat
}

.m-hdg_lv1-customervoice:before {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px)
}

.m-hdg_lv1-customervoice:after {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px)
}

.m-hdg_lv1-customervoice>span {
    width: 300px
}

.m-hdg_lv1.js-action-visible:after,.m-hdg_lv1.js-action-visible:before {
    opacity: .5;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation: hdgLv1Anim 1.5s infinite;
    animation: hdgLv1Anim 1.5s infinite
}

@-webkit-keyframes hdgLv1Anim {
    0% {
        opacity: .2
    }

    50% {
        opacity: 0
    }

    to {
        opacity: .2
    }
}

@keyframes hdgLv1Anim {
    0% {
        opacity: .2
    }

    50% {
        opacity: 0
    }

    to {
        opacity: .2
    }
}

.m-hdg_lv1.js-action-visible>span {
    opacity: 0
}

.m-hdg_lv1.js-status-visible:after,.m-hdg_lv1.js-status-visible:before {
    -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.m-hdg_lv1.js-status-visible>span {
    -webkit-transition: opacity .5s .15s;
    -o-transition: opacity .5s .15s;
    transition: opacity .5s .15s
}