/* ---------- setting ---------- ---------- */
@media print,
screen and (min-width: 768px) {
    .block-index-mv {
        position: relative;
        height: 700px
    }

    .block-index-mv img {
        width: 100%
    }

    .block-index-mv ._mv {
        margin-left: calc(50% - 300px)
    }

    .block-index-mv ._mv img {
        height: 600px;
        object-fit: cover
    }

    .block-index-mv ._texts {
        position: absolute;
        top: 0;
        left: calc(50% - 550px)
    }

    .block-index-mv ._texts ._mark_kaden {
        position: absolute;
        top: 458px;
        left: 413px;
        width: 132px;
        height: 186px
    }

    .block-index-mv ._texts ._p1 {
        position: absolute;
        top: 537px;
        left: 35px;
        width: 191px
    }

    .block-index-mv ._texts ._p2 {
        position: absolute;
        top: 428px;
        left: 222px;
        width: 179px
    }

    .block-index-mv ._texts ._t1 {
        position: absolute;
        top: 114px;
        left: -29px;
        width: 476px
    }

    ._pos {
        width: 40px;
        height: 40px
    }

    .block-index-first {
        padding: 20px 0 5vw 0;
        overflow: hidden
    }

    .block-index-first ._row-title2 {
        margin: 120px 0 30px 0
    }

    .block-index-first ._row-example {
        position: relative;
        margin: 0 auto
    }

    .block-index-first ._row-example ._items {
        max-width: 1000px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-index-first ._row-demand {
        background: red
    }

    .block-index-first ._row-answer {
        background: red
    }

    .block-index-first ._row-bg2 {
        padding: 0px 0 0 0;
        position: relative;
        border: 1px solid blue
    }

    .block-index-first ._row-bg2:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url(/nasne/tv-app/assets/img/index/ps/bg3.png) left top no-repeat;
        background-size: contain;
        width: 2008px;
        height: 2341px
    }

    .block-index-first ._row-overview {
        padding: 0 40px
    }

    .block-index-first ._row-overview img {
        width: 100%
    }

    .block-index-first ._row-places {
        position: relative;
        margin-top: 40px
    }

    .block-index-first ._row-places ._cols {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .block-index-first ._row-places ._cols ._image {
        width: 400px
    }

    .block-index-first ._row-places ._cols ._text {
        -ms-flex: 1;
        flex: 1
    }

    .block-index-first ._row-places ._cols.is-A {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .block-index-first ._row-places ._cols.is-A ._text {
        padding-left: 100px
    }

    .block-index-first ._row-places ._cols.is-B ._text {
        padding-left: 20px
    }

    .block-index-first ._row-places ._t {
        margin-top: 40px
    }

    .block-index-first ._row-last {
        margin-top: 50px;
        text-align: center
    }

    .block-index-first ._row-nasne {
        margin-top: 100px
    }

    .block-index-app {
        padding: 50px 0 20vw 0;
        /*        overflow: hidden*/
    }

    .block-index-app ._row-example {
        margin-top: 20px
    }

    .block-index-app ._row-example ._items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-index-app ._row-howto {
        text-align: center;
        position: relative
    }

    .block-index-app ._row-experience {
        position: relative;
        z-index: 10;
        margin-top: 60px;
        text-align: center
    }

    .block-index-app ._row-experience ._t {
        margin-top: -50px
    }

    .block-index-app ._row-compare {
        margin-top: 80px;
        position: relative
    }

    .block-index-app ._row-compare:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: -1;
        background: url(/nasne/tv-app/assets/img/index/app/bg1.png) left top no-repeat;
        background-size: contain;
        width: calc((1350 / 1500) * 100vw);
        height: calc((1700 / 1500) * 100vw)
    }

    .block-index-app ._row-compare ._p {
        text-align: center
    }

    .block-index-app ._row-compare ._t {
        position: relative;
        text-align: center
    }

    .block-index-app ._row-compare ._cols {
        width: 960px;
        margin: 0 auto;
        margin-top: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-index-app ._row-compare ._cols > div:nth-child(1) {
        width: 475px
    }

    .block-index-app ._row-compare ._cols > div:nth-child(2) {
        width: 475px
    }

    .block-index-app ._row-compare ._t2 {
        margin-top: 40px;
        font-size: 22px;
        letter-spacing: 0.08em;
        line-height: 1.72;
        text-align: center;
        font-weight: bold
    }

    .block-index-app ._row-app {
        margin-top: 60px
    }

    .block-index-app ._row-app ._t {
        text-align: center
    }

    .block-index-app ._row-app ._box {
        position: relative;
        background: #F5F5F5;
        padding: 12px;
        border-radius: 15px
    }

    .block-index-app ._row-app ._box ._box-in {
        border-radius: 5px;
        padding: 50px 50px;
        background: #fff
    }

    .block-index-app ._row-app ._items {
        margin: 0 auto;
        margin-top: 60px
    }

    .block-index-app ._row-app ._items li:nth-child(2n+1) {
        margin-left: 0
    }

    .block-index-app ._row-app ._items li:nth-child(n+3) {
        margin-top: 50px
    }

    .block-index-app ._row-app ._items li:nth-child(1) ._item {
        display: block;
        margin-bottom: 50px
    }

    .block-index-app ._row-app ._items li:nth-child(1) ._item ._image {
        width: 96%
    }

    .block-index-app ._row-app ._items li:nth-child(1) ._item ._texts {
        width: 100%
    }

    .block-index-app ._row-app ._items li ._item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-index-app ._row-app ._items li ._item ._mark {
        position: absolute;
        top: -30px;
        left: -10px
    }

    .block-index-app ._row-app ._items li ._item ._image {
        width: 47%
    }

    .block-index-app ._row-app ._items li ._item ._image img {
        width: 100%
    }

    .block-index-app ._row-app ._items li ._item ._texts {
        margin-top: 20px;
        width: 47%
    }

    .block-index-app ._row-app ._items li ._item ._texts p {
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 1.75
    }

    .block-index-app ._row-note {
        margin-top: 40px
    }

    .block-index-app ._row-note p {
        font-size: 14px;
        line-height: 1.72
    }

    .block-index-app ._row-nasne {
        margin-top: 60px;
        text-align: center
    }

    .block-index-app ._row-nasne ._p {
        padding-left: 0px
    }

    .def_link {
        text-decoration: underline;
        color: #1a1a1a
    }

    .block-index-ps {
        padding: 0px 0 360px 0;
        overflow: hidden
    }

    .block-index-ps ._row-bg {
        position: relative;
        padding: 180px 0 60px 0;
        color: #fff
    }

    .block-index-ps ._row-bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 90px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/bg.png) center center no-repeat;
        background-size: 100% 100%;
        -ms-transform: skewY(-5deg);
        transform: skewY(-5deg)
    }

    .block-index-ps ._row-kaden {
        padding: 16vw 0 50px 0
    }

    .block-index-ps ._row-kaden h3 {
        text-align: center
    }

    .block-index-ps ._row-kaden ._box {
        margin-top: 20px;
        max-width: 1200px
    }

    .block-index-ps ._row-bg2 {
        padding: 0px 0 0 0;
        position: relative
    }

    .block-index-ps ._row-bg2:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url(/nasne/tv-app/assets/img/index/ps/bg3.png) left top no-repeat;
        background-size: contain;
        width: 2008px;
        height: 2341px
    }

    .block-index-ps ._row-overview h2 {
        text-align: center
    }

    .block-index-ps ._row-overview ._items {
        margin-top: 40px
    }

    .block-index-ps ._row-overview ._item {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .block-index-ps ._row-overview ._item + ._item {
        margin-top: 80px
    }

    .block-index-ps ._row-overview ._item ._image {
        width: 400px
    }

    .block-index-ps ._row-overview ._item ._texts {
        -ms-flex: 1;
        flex: 1;
        margin: 0 40px 0 0
    }

    .block-index-ps ._row-overview ._image {
        text-align: center
    }

    .block-index-ps ._row-overview ._texts {
        line-height: 1.8
    }

    .block-index-ps ._row-overview ._texts p {
        margin-top: 20px
    }

    .block-index-ps ._row-title + ._row-nasne {
        margin-top: 0;
        padding-bottom: 100px
    }

    .block-index-ps ._row-nasne {
        margin-top: 120px
    }

    .block-index-ps ._row-nasne2 {
        margin-top: 230px;
        text-align: center
    }

    .block-index-ps ._row-nasne2 ._note {
        width: 600px;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 14px;
        letter-spacing: 0.08em;
        line-height: 1.75;
        text-align: left
    }

    .block-index-ps ._row-feature ._title {
        text-align: center
    }

    .block-index-ps ._row-feature ._items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px
    }

    .block-index-ps ._row-feature ._items img {
        width: 100%
    }

    .block-index-ps ._row-feature ._items li {
        width: calc(33.33% - 13.33px);
        margin-left: 20px;
        position: relative
    }

    .block-index-ps ._row-feature ._items li:nth-child(3n+1) {
        margin-left: 0
    }

    .block-index-ps ._row-feature ._items li:nth-child(n+4) {
        margin-top: 20px
    }

    .block-index-ps ._row-feature ._items li:nth-child(4) ._item ._texts,
    .block-index-ps ._row-feature ._items li:nth-child(5) ._item ._texts {
        height: 360px
    }

    .block-index-ps ._row-feature ._items li ._item {
        position: relative;
        border: 2px solid #E5E5E5;
        border-radius: 8px;
        background: #fff
    }

    .block-index-ps ._row-feature ._items li ._item ._texts {
        line-height: 1.8;
        padding: 20px 25px;
        margin-top: 10px;
        height: 270px
    }

    .block-index-ps ._row-feature ._items li ._item ._texts img {
        width: 300px
    }

    .block-index-ps ._row-feature ._items li ._item ._texts p {
        margin-top: 10px
    }

    .block-index-ps ._row-faq {
        margin-top: 100px
    }

    .block-index-ps ._row-faq ._title {
        text-align: center
    }

    .block-index-ps ._row-faq ._note {
        margin-top: 80px
    }

    .block-index-ps ._row-faq ._note p {
        font-size: 14px;
        line-height: 1.6
    }

    .block-index-ps ._row-faq ._box {
        padding: 12px;
        margin-top: 40px;
        border-radius: 16px;
        background: #cdf1f8
    }

    .block-index-ps ._row-faq ._box-in {
        padding: 80px 120px 80px 80px;
        border-radius: 8px;
        background: #fff;
        border: 2px solid #ececec
    }

    .block-index-ps ._row-faq dl + dl {
        margin-top: 120px
    }

    .block-index-ps ._row-faq dl dt {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 1.8;
        margin: 0;
        position: relative;
        padding-left: 50px
    }

    .block-index-ps ._row-faq dl dt:after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        left: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/faq_q.png) left top no-repeat;
        background-size: contain;
        width: 30px;
        height: 40px
    }

    .block-index-ps ._row-faq dl dd {
        margin: 0;
        margin-top: 30px;
        position: relative;
        padding-left: 50px;
        font-size: 18px
    }

    .block-index-ps ._row-faq dl dd:after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        left: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/faq_a.png) left top no-repeat;
        background-size: contain;
        width: 30px;
        height: 40px
    }
}

@media print,
screen and (min-width: 768px) and (min-width: 1601px) {
    .block-index-app ._row-compare:before {
        left: -5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
    .block-index-app ._row-compare:before {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .block-index-mv {
        position: relative;
        height: 142vw;
        background: url(/nasne/tv-app/assets/img/index/mv/mv_sp.jpg) left top no-repeat;
        background-size: contain
    }

    .block-index-mv img {
        width: 100%
    }

    .block-index-mv ._mv {
        display: none
    }

    .block-index-mv ._mark_kaden {
        position: absolute;
        top: 105.07vw;
        left: 58.85vw;
        width: 17.18vw;
        height: 24.21vw
    }

    .block-index-mv ._p1 {
        position: absolute;
        top: 115.49vw;
        left: 9.89vw;
        width: 24.86vw;
        height: 12.36vw
    }

    .block-index-mv ._p2 {
        position: absolute;
        top: 101.17vw;
        left: 34.24vw;
        width: 23.3vw;
        height: 30.98vw
    }

    .block-index-mv ._t1 {
        position: absolute;
        top: 60.41vw;
        left: 1.56vw;
        width: 61.97vw;
        height: 58.33vw
    }

    .block-index-first {
        padding: 10px 0 10px 0;
        overflow: hidden
    }

    .block-index-first ._row-title2 {
        margin: 30px 0 20px 0
    }

    .block-index-first ._row-example {
        margin: 0 30px
    }

    .block-index-first ._row-example ._items {
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .block-index-first ._row-example ._items li {
        width: calc(50% - 10px);
        margin-left: 20px
    }

    .block-index-first ._row-example ._items li:nth-child(2n+1) {
        margin-left: 0
    }

    .block-index-first ._row-demand {
        background: red
    }

    .block-index-first ._row-answer {
        background: red
    }

    .block-index-first ._row-overview {
        margin-top: 20px;
        position: relative
    }

    .block-index-first ._row-overview img {
        width: 100%
    }

    .block-index-first ._row-places {
        margin-top: 20px;
        padding: 0 20px 0 30px
    }

    .block-index-first ._row-places ._cols {
        margin-top: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-direction: column-reverse
    }

    .block-index-first ._row-places ._cols ._image {
        width: 200px;
        margin: 0 auto;
        margin-top: 20px
    }

    .block-index-first ._row-places ._cols ._text {
        margin-top: 20px
    }

    .block-index-first ._row-places ._t {
        margin-top: 20px
    }

    .block-index-first ._row-last {
        margin-top: 20px;
        text-align: center
    }

    .block-index-first ._row-nasne {
        margin-top: 80px
    }

    .block-index-app {
        padding: 40px 0 10vw 0;
        overflow: hidden;
        background: url(/nasne/tv-app/assets/img/index/app/bg1_sp.png) center top 162vw no-repeat;
        background-size: 100vw auto
    }

    .block-index-app ._row-example {
        margin-top: 20px
    }

    .block-index-app ._row-example ._items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-index-app ._row-howto {
        text-align: center;
        position: relative;
        margin: 0 30px;
        margin-top: 20px
    }

    .block-index-app ._row-howto ._t {
        margin: 0px -20px 0 -20px
    }

    .block-index-app ._row-experience {
        margin: 0 20px;
        margin-top: 40px
    }

    .block-index-app ._row-experience ._t {
        margin: 0px -10px 0 -10px
    }

    .block-index-app ._row-compare {
        margin: 0 20px;
        margin-top: 140px;
        position: relative
    }

    .block-index-app ._row-compare ._p {
        text-align: center
    }

    .block-index-app ._row-compare ._t {
        position: relative;
        text-align: center;
        margin: 0 20px
    }

    .block-index-app ._row-compare ._cols {
        margin-top: 20px
    }

    .block-index-app ._row-compare ._cols > div:nth-child(2) {
        margin-top: 20px
    }

    .block-index-app ._row-compare ._t2 {
        margin-top: 40px;
        font-size: 15px;
        letter-spacing: 0.08em;
        line-height: 1.75;
        text-align: center;
        font-weight: bold
    }

    .block-index-app ._row-app {
        margin: 0 10px;
        margin-top: 60px
    }

    .block-index-app ._row-app ._t {
        text-align: center
    }

    .block-index-app ._row-app ._box {
        position: relative;
        background: #F5F5F5;
        padding: 5px;
        border-radius: 10px
    }

    .block-index-app ._row-app ._box ._box-in {
        border-radius: 5px;
        padding: 40px;
        background: #fff
    }

    .block-index-app ._row-app ._items {
        margin-top: 40px
    }

    .block-index-app ._row-app ._items li + li {
        margin-top: 20px
    }

    .block-index-app ._row-app ._items li ._item {
        position: relative
    }

    .block-index-app ._row-app ._items li ._item ._mark {
        position: absolute;
        top: -10px;
        left: -20px;
        width: 65px
    }

    .block-index-app ._row-app ._items li ._item ._image img {
        width: 100%
    }

    .block-index-app ._row-app ._items li ._item ._texts {
        margin-top: 10px
    }

    .block-index-app ._row-app ._items li ._item ._texts p {
        font-size: 12px;
        letter-spacing: 0.05em;
        line-height: 1.75
    }

    .block-index-app ._row-note {
        margin: 30px
    }

    .block-index-app ._row-note p {
        font-size: 11px;
        line-height: 1.72;
        background: #fff;
        position: relative;
        z-index: 2
    }

    .block-index-app ._row-nasne {
        margin-top: 100px
    }

    .block-index-ps {
        padding: 0px 0 20px 0
    }

    .block-index-ps ._row-bg {
        position: relative;
        padding: 70px 0 1px 0;
        color: #fff
    }

    .block-index-ps ._row-bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 20px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/bg_sp.png) center center no-repeat;
        background-size: 100% 100%;
        -ms-transform: skewY(-5deg);
        transform: skewY(-5deg)
    }

    .block-index-ps ._row-kaden {
        padding: 50px 30px 30px 30px
    }

    .block-index-ps ._row-kaden h3 {
        text-align: center
    }

    .block-index-ps ._row-kaden ._box {
        margin-top: 20px
    }

    .block-index-ps ._row-overview {
        padding: 0 20px
    }

    .block-index-ps ._row-overview h2 {
        text-align: center
    }

    .block-index-ps ._row-overview ._items {
        margin-top: 30px
    }

    .block-index-ps ._row-overview ._item {
        padding: 0 40px
    }

    .block-index-ps ._row-overview ._item + ._item {
        margin-top: 40px
    }

    .block-index-ps ._row-overview ._image {
        text-align: center
    }

    .block-index-ps ._row-overview ._texts {
        margin-top: 30px;
        line-height: 1.8;
        font-size: 13px
    }

    .block-index-ps ._row-overview ._texts p {
        margin-top: 10px
    }

    .block-index-ps ._row-title + ._row-nasne {
        margin-top: -2px
    }

    .block-index-ps ._row-nasne {
        margin-top: 140px
    }

    .block-index-ps ._row-feature ._title {
        text-align: center
    }

    .block-index-ps ._row-feature ._items {
        margin-top: 40px;
        padding: 0 60px
    }

    .block-index-ps ._row-feature ._items img {
        width: 100%
    }

    .block-index-ps ._row-feature ._items li {
        position: relative
    }

    .block-index-ps ._row-feature ._items li + li {
        margin-top: 20px
    }

    .block-index-ps ._row-feature ._items li ._item {
        position: relative;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        background: #fff;
        height: 100%
    }

    .block-index-ps ._row-feature ._items li ._item ._texts {
        line-height: 1.8;
        padding: 20px;
        font-size: 12px;
        margin-top: 5px
    }

    .block-index-ps ._row-feature ._items li ._item ._texts img {
        width: 220px
    }

    .block-index-ps ._row-feature ._items li ._item ._texts p {
        margin-top: 10px
    }

    .block-index-ps ._row-faq {
        margin-top: 50px
    }

    .block-index-ps ._row-faq ._title {
        text-align: center
    }

    .block-index-ps ._row-faq ._note {
        margin: 40px 20px 0 20px
    }

    .block-index-ps ._row-faq ._note p {
        font-size: 12px;
        line-height: 1.6
    }

    .block-index-ps ._row-faq ._box {
        padding: 6px;
        margin: 20px;
        border-radius: 8px;
        background: #f5f5f5
    }

    .block-index-ps ._row-faq ._box-in {
        padding: 20px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #ececec
    }

    .block-index-ps ._row-faq dl + dl {
        margin-top: 60px
    }

    .block-index-ps ._row-faq dl dt {
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0.05em;
        line-height: 1.8;
        margin: 0;
        position: relative;
        padding-left: 25px
    }

    .block-index-ps ._row-faq dl dt:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/faq_q.png) left top no-repeat;
        background-size: contain;
        width: 15px;
        height: 20px
    }

    .block-index-ps ._row-faq dl dd {
        margin: 0;
        margin-top: 15px;
        position: relative;
        padding-left: 25px;
        font-size: 13px
    }

    .block-index-ps ._row-faq dl dd:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0px;
        background: url(/nasne/tv-app/assets/img/index/ps/faq_a.png) left top no-repeat;
        background-size: contain;
        width: 15px;
        height: 20px
    }
}

/*# sourceMappingURL=maps/block.css.map */