@media all and (-ms-high-contrast: none) {
    * {
        font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif
    }
}

.asb #as-header {
    position: relative
}
.asb.fixed {
    padding-top: 50px
}
.asb-contents {
    width: 100%;
    margin: 0 auto
}
.asb-contents-inner {
    width: 100%;
    max-width: 1200px;
    padding: 120px 20px;
    margin: 0 auto
}
.asb-contents-inner:last-child {
    padding: 120px 20px 100px
}
.asb-experience-header {
    height: 600px;
    background: none;
    position: relative
}
.asb-experience-header .experience_ttl {
    margin-bottom: 40px;
    font-size: 60px;
    font-size: 6rem;
    color: #144960;
    font-family: -apple-system, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Yu Gothic UI", "メイリオ", Meiryo, "Meiryo UI", "Helvetica Neue", sans-serif;
    text-shadow: none;
    position: relative;
    z-index: 1
}
@media only screen and (max-width: 768px) {
    .asb-experience-header .experience_ttl {
        font-size: 8vw
    }
}
.asb .experience_mv_bg_slider {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.asb .experience_mv_bg_slider.slick-initialized .slide {
    opacity: 1
}
.asb .experience_mv_bg_slider .slide {
    width: 100vw;
    height: 600px;
    background-position: center center;
    background-size: cover;
    transition: opacity 800ms;
    opacity: 0
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide {
        height: 133.33333vw
    }
}
.asb .experience_mv_bg_slider .slide.slick-current {
    opacity: .6
}
.asb .experience_mv_bg_slider .slick-dots {
    position: absolute;
    bottom: 30px
}
.asb .experience_mv_bg_slider .slick-dots li {
    width: 25px;
    height: 25px
}
.asb .experience_mv_bg_slider .slick-dots li button {
    width: 25px;
    height: 25px
}
.asb .experience_mv_bg_slider .slick-dots li button:before {
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 25px;
    color: white;
    opacity: 1
}
.asb .experience_mv_bg_slider .slick-dots li.slick-active button:before {
    color: #b5e51d
}
.asb .experience_mv_bg_slider .slide01 {
    background-image: url(../../assets/images/asb/mv_slider_01-pc.jpg)
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide01 {
        background-image: url(../../assets/images/asb/mv_slider_01-sp.jpg)
    }
}
.asb .experience_mv_bg_slider .slide02 {
    background-image: url(../../assets/images/asb/mv_slider_02-pc.jpg)
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide02 {
        background-image: url(../../assets/images/asb/mv_slider_02-sp.jpg)
    }
}
.asb .experience_mv_bg_slider .slide03 {
    background-image: url(../../assets/images/asb/mv_slider_03-pc.jpg)
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide03 {
        background-image: url(../../assets/images/asb/mv_slider_03-sp.jpg)
    }
}
.asb .experience_mv_bg_slider .slide04 {
    background-image: url(../../assets/images/asb/mv_slider_04-pc.jpg)
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide04 {
        background-image: url(../../assets/images/asb/mv_slider_04-sp.jpg)
    }
}
.asb .experience_mv_bg_slider .slide05 {
    background-image: url(../../assets/images/asb/mv_slider_05-pc.jpg)
}
@media only screen and (max-width: 680px) {
    .asb .experience_mv_bg_slider .slide05 {
        background-image: url(../../assets/images/asb/mv_slider_05-sp.jpg)
    }
}
.asb_sec-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 20px
}
.asb_sec-inner-first {
    padding: 120px 20px
}
.asb_sec-inner-main {
    padding: 120px 20px 100px
}
.asb_sec-inner-col2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px 100px
}
.asb_sec-inner-col2 .asb_sec_img, .asb_sec-inner-col2 .asb_sec_box {
    width: 100%;
    max-width: 560px
}
.asb_sec-inner-col2 .asb_sec_ttl {
    margin-bottom: 30px;
    font-size: 26px;
    font-size: 2.6rem
}
@media only screen and (max-width: 768px) {
    .asb_sec-inner-col2 .asb_sec_ttl {
        font-size: 3.46667vw
    }
}
.asb_sec-inner-col2 .asb_sec_img {
    margin-bottom: 30px
}
.asb_sec-inner-col2 .asb_sec_txt {
    text-align: left
}
.asb_sec_ttl {
    margin-bottom: 60px;
    font-size: 32px;
    font-size: 3.2rem;
    color: #144960;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    font-weight: 400;
    text-align: center
}
@media only screen and (max-width: 768px) {
    .asb_sec_ttl {
        font-size: 4.26667vw
    }
}
.asb_sec_ttl-first {
    font-size: 42px;
    font-size: 4.2rem
}
@media only screen and (max-width: 768px) {
    .asb_sec_ttl-first {
        font-size: 5.6vw
    }
}
.asb_sec_img {
    margin-bottom: 60px;
    text-align: center
}
.asb_sec_txt {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2
}
@media only screen and (max-width: 768px) {
    .asb_sec_txt {
        font-size: 2.4vw
    }
}
.asb_sec_txt sup {
    top: -.35em;
    font-size: 65%
}
.asb_sec-bg {
    width: 100%;
    height: 540px
}
.asb_sec-bg01 {
    background: url(/assets/images/asb/asb_bg01.jpg) 50% 50% no-repeat
}
.asb_sec-bg02 {
    background: url(/assets/images/asb/asb_bg02.jpg) 50% 50% no-repeat
}
.asb_sec-bg-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    padding: 0 20px
}
.asb_sec-bg_col {
    width: 100%;
    max-width: 560px
}
.asb_sec-bg_col-one {
    max-width: inherit
}
.asb_sec-bg .asb_sec_ttl {
    margin-bottom: 30px;
    text-align: left
}
.asb_sec-bg .asb_sec_ttl-center {
    text-align: center
}
.asb_sec-bg .asb_sec_txt {
    text-align: left
}
.asb_sec-bg .asb_sec_txt-center {
    text-align: center
}
.asb_sec_list {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    list-style-type: none
}
.asb_sec_list_item {
    border-bottom: 1px solid #e6e6e6
}
.asb_sec_list_item:last-child {
    border: none
}
.asb_box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
    padding: 0
}
.asb_box-01 {
    min-height: 550px
}
.asb_box-last {
    margin-bottom: 120px
}
.asb_box-one {
    flex-direction: column;
    margin-bottom: 0
}
.asb_box-one .asb_box_col {
    max-width: 1000px
}
.asb_box_col + .asb_box_col {
    margin-top: 80px;
}
.asb_box-one .asb_box_col .asb_box_col_ttl {
    margin-bottom: 50px;
    text-align: center
}
.asb_box-reverse .asb_box_col:first-child {
    order: 0
}
.asb_box_col {
    position: relative;
    width: 100%;
    height: 100%;
}
.asb_box_col-first {
    order: 1
}
.asb_box_col_ttl {
    margin-bottom: 20px;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    font-weight: 400;
    color: #144960;
    letter-spacing: -.05em
}
@media only screen and (max-width: 768px) {
    .asb_box_col_ttl {
        font-size: 4.26667vw
    }
}
.asb_box_col_txt {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2
}
@media only screen and (max-width: 768px) {
    .asb_box_col_txt {
        font-size: 2.4vw
    }
}
.asb_box_col_img {
    text-align: center
}
.asb_box_col_img-biggest {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    transform: translateY(-50%)
}
.asb_box .as-sec_btn-middle {
    max-width: 320px
}
.asb_box .as-sec_btn-large {
    max-width: 420px
}
.asb_link {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center
}
.asb_link_item {
    width: 100%;
    max-width: 320px;
    margin: 0 30px
}
.asb_link_item a {
    text-decoration: none
}
.asb_link_item_img {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #8ba5b0;
    overflow: hidden
}
.asb_link_item_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #8ba5b0;
    visibility: hidden
}
.asb_link_item_img img {
    transition: .2s
}
.asb_link_item_name {
    font-size: 18px;
    font-size: 1.8rem;
    color: #144960;
    text-align: center;
    line-height: 1.6
}
@media only screen and (max-width: 768px) {
    .asb_link_item_name {
        font-size: 2.4vw
    }
}
.asb_link_item_price {
    font-size: 18px;
    font-size: 1.8rem;
    color: #144960;
    text-align: center;
    line-height: 1.6
}
@media only screen and (max-width: 768px) {
    .asb_link_item_price {
        font-size: 2.4vw
    }
}
.asb_link_item:hover .asb_link_item_img {
    border: 1px solid #144960;
    transition: .4s
}
.asb_link_item:hover .asb_link_item_img::after {
    border: 1px solid #144960;
    visibility: visible;
    transition: .4s
}
.asb_link_item:hover .asb_link_item_img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .4s;
    transition: .4s
}
@media only screen and (max-width: 1200px) {
    .asb_sec-inner-col2 .asb_sec_img, .asb_sec-inner-col2 .asb_sec_box {
        max-width: 46.66667vw
    }
    .asb_sec_ttl-first {
        font-size: 36px;
        font-size: 3.6rem
    }
}
@media only screen and (max-width: 1200px) and (max-width: 768px) {
    .asb_sec_ttl-first {
        font-size: 4.8vw
    }
}
@media only screen and (max-width: 1200px) {
    .asb_sec-bg_col {
        max-width: 46.66667vw
    }
    .asb_sec-bg_col-one {
        max-width: inherit
    }
    .asb_sec_list {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        list-style-type: none
    }
    .asb_sec_list_item {
        border-bottom: 1px solid #e6e6e6
    }
    .asb_sec_list_item:last-child {
        border: none
    }
    .asb_box-01 {
        min-height: 45.83333vw
    }
    .asb_box_col {
        width: 100%;
        max-width: 46.66667vw
    }
    .asb_box_col_img img {
        width: 46.66667vw
    }
    .asb_box_col_img-biggest {
        width: 83.33333vw
    }
    .asb_box_col_img-biggest img {
        width: 100%
    }
    .asb_box_col_ttl .dn {
        display: none
    }
}
@media only screen and (max-width: 768px) {
    .asb_sec-inner-col2 {
        flex-direction: column
    }
    .asb_sec-inner-col2 .asb_sec_img, .asb_sec-inner-col2 .asb_sec_box {
        max-width: inherit;
        margin-bottom: 50px
    }
    .asb_box {
        flex-direction: column
    }
    .asb_box-01 {
        min-height: inherit
    }
    .asb_box-reverse .asb_box_col:first-child {
        order: inherit
    }
    .asb_box_col {
        max-width: inherit;
        padding: 0 2.66667vw
    }
    .asb_box_col-first {
        order: inherit
    }
    .asb_box_col_img {
        width: 83.33333vw;
        margin: 0 auto 5.33333vw
    }
    .asb_box_col_img img {
        width: 100%
    }
    .asb_box_col_img-biggest {
        position: static;
        width: 83.33333vw;
        transform: none
    }
    .asb_box_col_img-biggest img {
        width: 100%
    }
    .asb_box_col_img-middle {
        width: 72.91667vw
    }
    .asb_box_col_txt {
        margin-bottom: 5.33333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb.fixed {
        padding-top: 9.33333vw
    }
    .asb-contents {
        width: 100%
    }
    .asb-contents-inner {
        padding: 16vw 2.66667vw
    }
    .asb-contents-inner:last-child {
        padding: 16vw 2.66667vw 13.33333vw
    }
    .asb_sec-inner {
        padding: 13.33333vw 5.33333vw
    }
    .asb_sec-inner-first {
        padding: 16vw 2.66667vw
    }
    .asb_sec-inner-main {
        padding: 16vw 5.33333vw 2.66667vw
    }
    .asb_sec-inner-col2 {
        padding: 0 5.33333vw 16vw
    }
    .asb_sec-inner-col2 .asb_sec_box {
        margin-bottom: 0
    }
    .asb_sec-inner-col2 .asb_sec_box:first-child {
        margin-bottom: 13.33333vw
    }
    .asb_sec-inner-col2 .asb_sec_ttl {
        margin-bottom: 4vw;
        font-size: 34px;
        font-size: 3.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec-inner-col2 .asb_sec_ttl {
        font-size: 4.53333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec-inner-col2 .asb_sec_img {
        margin-bottom: 4vw
    }
    .asb_sec_ttl {
        margin-bottom: 8vw;
        font-size: 38px;
        font-size: 3.8rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_ttl {
        font-size: 5.06667vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_ttl-first {
        font-size: 46px;
        font-size: 4.6rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_ttl-first {
        font-size: 6.13333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_img {
        margin-bottom: 6.66667vw
    }
    .asb_sec_txt {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_txt {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_txt .dn {
        display: none
    }
    .asb_sec-bg01 {
        height: 90.66667vw;
        background: url(/assets/images/asb/asb_bg01.jpg) 50% 50% no-repeat;
        background-size: cover
    }
    .asb_sec-bg01 .asb_sec-bg-inner {
        align-items: center;
        padding: 0 5.33333vw 0
    }
    .asb_sec-bg02 {
        height: 106.66667vw;
        background: url(/assets/images/asb/asb_bg02_sp.jpg) 50% bottom no-repeat;
        background-color: #f8f8f8;
        background-size: contain
    }
    .asb_sec-bg-inner {
        align-items: flex-start;
        padding: 10.66667vw 5.33333vw 0
    }
    .asb_sec-bg_col {
        max-width: inherit
    }
    .asb_sec-bg .asb_sec_ttl {
        margin-bottom: 5.33333vw;
        text-align: center
    }
    .asb_sec-bg .asb_sec_txt {
        text-align: left
    }
    .asb_sec-bg .asb_sec_txt br {
        display: none
    }
    .asb-experience-header {
        height: 133.33333vw
    }
    .asb-experience-header .experience-inner {
        vertical-align: middle;
        padding-top: 0
    }
    .asb-experience-header .experience_ttl {
        margin-bottom: 9.33333vw;
        font-size: 64px;
        font-size: 6.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb-experience-header .experience_ttl {
        font-size: 8.53333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb-experience-header .experience_ttl img {
        width: 100%;
        max-width: 69.46667vw;
        margin: 0 auto
    }
    .asb_box {
        margin-bottom: 13.33333vw
    }
    .asb_box_col {
        width: 100%;
        padding: 0
    }
    .asb_box_col_ttl {
        margin-bottom: 2.66667vw;
        font-size: 36px;
        font-size: 3.6rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_box_col_ttl {
        font-size: 4.8vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_box_col_txt {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_box_col_txt {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_box_col_img {
        width: 85.33333vw
    }
    .asb_box_col_img-middle {
        width: 74.66667vw
    }
    .asb_box_col_img-biggest {
        width: 85.33333vw
    }
    .asb_box-one {
        margin-bottom: 0
    }
    .asb_box-one .asb_box_col .asb_box_col_ttl {
        margin-bottom: 6.66667vw
    }
    .asb_box .as-sec_btn-middle {
        max-width: 69.33333vw
    }
    .asb_box .as-sec_btn-large {
        max-width: 80vw
    }
    .asb_link {
        justify-content: space-between;
        max-width: 89.33333vw;
        margin: 0 auto
    }
    .asb_link_item {
        max-width: 42.66667vw;
        margin: 0
    }
    .asb_link_item_img {
        margin-bottom: 2.66667vw
    }
    .asb_link_item_name {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_link_item_name {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_link_item_price {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_link_item_price {
        font-size: 3.2vw
    }
}
#autopilot {
    background-image: url(../../assets/images/asb/asb_bg_autopilot_pc.jpg);
    background-position: center center;
    background-size: cover;
    color: #fff;
    margin-bottom: 0
}
#autopilot .asb_box_col_ttl, #autopilot .asb_box_col_txt {
    color: #fff
}
#autopilot .as-sec_btn a {
    background-color: #fff;
    border-color: #fff;
    color: #144960
}
#autopilot .as-sec_btn a::after {
    border-color: #144960
}
#autopilot .as-sec_btn a:hover {
    background-color: #144960;
    color: #fff
}
#autopilot .as-sec_btn a:hover::after {
    border-color: #fff
}
#autopilot .asb_box {
    margin-bottom: 0
}
@media only screen and (max-width: 680px) {
    #autopilot .asb_sec-inner-main {
        padding-bottom: 16vw
    }
}
#app {
    background-image: url(../../assets/images/asb/asb_bg_smartphone_pc.jpg);
    padding: 100px 0;
    background-position: center center;
    background-size: cover;
    color: #fff;
    margin-bottom: 0
}
#app .asb_box_col_ttl, #app .asb_box_col_txt {
    color: #fff
}
#app .asb_box_col_ttl {
    text-align: right
}
#app .as-sec_btn a {
    background-color: #fff;
    border-color: #fff;
    color: #144960
}
#app .as-sec_btn a::after {
    border-color: #144960
}
#app .as-sec_btn a:hover {
    background-color: #144960;
    color: #fff
}
#app .as-sec_btn a:hover::after {
    border-color: #fff
}
#app .asb_box {
    margin-bottom: 0
}
@media only screen and (max-width: 680px) {
    #app {
        background-image: url(../../assets/images/asb/asb_bg_smartphone_sp.jpg);
        padding: 16vw 0
    }
    #app .asb_sec-inner-main {
        padding-top: 0;
        padding-bottom: 0
    }
    #app .asb_box_col_ttl {
        text-align: left
    }
}
#mattress {
    text-align: center;
    background: #f5f5f5;
    padding-bottom: 80px
}
#mattress .as-sec {
    display: flex;
    flex-direction: column
}
#mattress .asb_box_col_ttl {
    margin-bottom: 50px
}
#mattress .asb_box_col_txt {
    margin-bottom: 0
}
#mattress .asb_sec-inner-main {
    padding-bottom: 50px
}
#mattress .asb_sec-inner-main .as-sec_btn a {
    padding: 15px 10px;
    font-size: 20px;
    font-size: 2rem;
    font-family: -apple-system, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Yu Gothic UI", "メイリオ", Meiryo, "Meiryo UI", "Helvetica Neue", sans-serif;
    line-height: 1.3333
}
@media only screen and (max-width: 768px) {
    #mattress .asb_sec-inner-main .as-sec_btn a {
        font-size: 2.66667vw
    }
}
#mattress .asb_sec-inner-main .as-sec_btn a span {
    display: block;
    font-size: 32px;
    font-size: 3.2rem
}
@media only screen and (max-width: 768px) {
    #mattress .asb_sec-inner-main .as-sec_btn a span {
        font-size: 4.26667vw
    }
}
#mattress .as-sec_btn {
    padding-top: 50px;
    max-width: 600px
}
#mattress .as-sec_btn a {
    padding: 15px 10px;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3333
}
@media only screen and (max-width: 768px) {
    #mattress .as-sec_btn a {
        font-size: 2.66667vw
    }
}
#mattress .as-sec_btn a span {
    font-size: 38px;
    font-size: 3.8rem
}
@media only screen and (max-width: 768px) {
    #mattress .as-sec_btn a span {
        font-size: 5.06667vw
    }
}
@media only screen and (max-width: 680px) {
    #mattress .asb_box_col_ttl {
        margin-bottom: 2.66667vw
    }
    #mattress .asb_sec-inner-main {
        padding-bottom: 2.66667vw
    }
    #mattress .asb_sec-inner-main .as-sec_btn a {
        padding: 2.66667vw 2.66667vw;
        font-size: 32px;
        font-size: 3.2rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    #mattress .asb_sec-inner-main .as-sec_btn a {
        font-size: 4.26667vw
    }
}
@media only screen and (max-width: 680px) {
    #mattress .asb_sec-inner-main .as-sec_btn a span {
        font-size: 42px;
        font-size: 4.2rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    #mattress .asb_sec-inner-main .as-sec_btn a span {
        font-size: 5.6vw
    }
}
@media only screen and (max-width: 680px) {
    #mattress .as-sec_btn {
        width: 89.33333vw
    }
    #mattress .as-sec_btn a {
        padding: 2.66667vw 2.66667vw;
        font-size: 32px;
        font-size: 3.2rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    #mattress .as-sec_btn a {
        font-size: 4.26667vw
    }
}
@media only screen and (max-width: 680px) {
    #mattress .as-sec_btn a span {
        font-size: 54px;
        font-size: 5.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    #mattress .as-sec_btn a span {
        font-size: 7.2vw
    }
}
#technology .asb_sec-inner:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}
#technology .asb_sec_ttl {
    text-align: left
}
#design .asb_sec {
    padding: 200px 0;
    background-image: url(../../assets/images/asb/asb_bg_design_pc.jpg);
    background-position: center center;
    background-size: cover
}
#design .asb_sec_ttl, #design .asb_sec_txt {
    color: #fff;
    text-align: left
}
@media only screen and (max-width: 680px) {
    #design .asb_sec {
        padding-top: 16vw;
        padding-bottom: 16vw
    }
    #design .asb_sec .asb_box {
        padding-top: 0;
        padding-bottom: 0
    }
}
#design .asb_box {
    margin-bottom: 0;
    justify-content: flex-end
}
#design .scece_slider {
	max-width: 1200px;
    width: 100%;
	margin: 0 auto;
    padding: 20px 0
}
#design .scece_slider .slick-track{width: 100% !important;display: flex;gap: 2rem;}
@media only screen and (max-width: 680px) {
    #design .scece_slider {
        padding: 2.66667vw 0
    }
}
#design .scece_slider li {
    display: block;
    width: calc((100% - 2rem * 2) / 3) !important;
}
@media only screen and (max-width: 680px) {
#design .scece_slider .slick-track{justify-content: space-between;gap: 0;}
    #design .scece_slider li {
        width: calc(120vw * .3333);
    }

.scece_slider_wrap .asb_box_col_txt[style="text-align: center;"]{text-align: center !important;}
}
#design .scece_slider li a {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center
}
@media only screen and (max-width: 680px) {
    #design .scece_slider li a {

    }
}
#design .scece_slider li a:before {
    content: '';
    display: block;
    padding-top: 46.153846%
}
#design .scece_slider li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid #144960;
    transition: ease 200ms
}
#design .scece_slider li a:hover::after {
    border-width: 6px
}
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}
#sceneModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: none
}
#sceneModal .modal_overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9)
}
#sceneModal .modal_overlay:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background-image: url(../../assets/images/common/loader.gif);
    background-size: contain
}
@media only screen and (max-width: 768px) {
    #sceneModal .modal_overlay:before {
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px)
    }
}
#sceneModal .close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px
}
#sceneModal .close::before, #sceneModal .close::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #fff
}
#sceneModal .close::before {
    transform: rotate(45deg)
}
#sceneModal .close::after {
    transform: rotate(-45deg)
}
#sceneModal .modal_inner {
    position: absolute;
    height: calc(100% - 100px);
    width: calc(100% - 100px);
    top: 50px;
    left: 50px
}
#sceneModal .modal_inner img {
    opacity: 0
}
#sceneModal .modal_btn {
    display: block;
    position: absolute;
    width: 40px;
    height: 80%;
    top: 10%;
    transition: ease 400ms;
    will-change: opacity, transform;
    cursor: pointer
}
#sceneModal .modal_btn:before {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px 1px 0 0;
    top: 50%
}
@media only screen and (max-width: 768px) {
    #sceneModal .modal_btn {
        width: 30px
    }
    #sceneModal .modal_btn:before {
        width: 20px;
        height: 20px
    }
}
#sceneModal .modal_btn.btn_prev {
    left: 2.5%
}
#sceneModal .modal_btn.btn_prev:hover {
    transform: translateX(-2px);
    opacity: .65
}
#sceneModal .modal_btn.btn_prev:before {
    left: 0;
    transform: translate(10px, -50%) rotate(-135deg)
}
#sceneModal .modal_btn.btn_next {
    right: 2.5%
}
#sceneModal .modal_btn.btn_next:hover {
    transform: translateX(2px);
    opacity: .65
}
#sceneModal .modal_btn.btn_next:before {
    right: 0;
    transform: translate(-10px, -50%) rotate(45deg)
}
#medical .asb_sec-inner {
    max-width: 900px
}
#medical .asb_sec_ttl {
    margin-bottom: 30px
}
#medical .asb_sec_txt {
    text-align: left;
    margin-bottom: 50px
}
@media only screen and (max-width: 680px) {
    #medical .asb_sec_ttl {
        margin-bottom: 4vw
    }
    #medical .asb_sec_txt {
        margin-bottom: 4vw
    }
}
.function_tbl {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px
}
.function_tbl th {
    white-space: nowrap;
    padding: 15px 15px
}
.function_tbl tr:first-child th {
    text-align: center
}
.function_tbl td {
    text-align: center;
    padding: 15px 5px;
    font-size: 2.0rem
}
@media only screen and (min-width: 1031px) {
    .function_tbl.head {
        display: none !important
    }
}
@media only screen and (max-width: 1030px) {
    .function_tbl.head {
        position: absolute;
        display: table;
        float: left;
        width: 20%
    }
    .function_tbl.head th, .function_tbl.head td {
        padding: 10px 0
    }
    .function_tbl:not(.head) tr > *:first-child {
        display: none !important
    }
    .function_tbl th {
        white-space: nowrap;
        padding: 10px .5em;
        font-size: 1rem;
        height: 5rem
    }
    .function_tbl td {
        text-align: center;
        padding: 10px .5em;
        font-size: 2rem;
        height: 5rem
    }
    .function_tbl_wrap {
        position: relative;
        padding-bottom: 1rem;
        overflow: hidden
    }
    .function_tbl_scroller {
        width: 80%;
        float: right;
        display: block;
        overflow-x: scroll
    }
}
@media only screen and (max-width: 768px) {
    .function_tbl.head {
        width: 33%
    }
    .function_tbl_scroller {
        width: 66%
    }
}
.position {
    margin-bottom: 100px
}
.position_ttl {
    margin-bottom: 50px;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    color: #144960;
    text-align: center;
    font-weight: 400
}
@media only screen and (max-width: 768px) {
    .position_ttl {
        font-size: 4.26667vw
    }
}
.position_slideWrap_thumbnails {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 870px;
    margin: 0 auto 60px
}
.position_slideWrap_thumbnails_item {
    width: 100%;
    max-width: 150px
}
.position_slideWrap_thumbnails_item a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    color: #144960;
    text-align: center;
    line-height: 1.2;
    letter-spacing: .025em
}
@media only screen and (max-width: 768px) {
    .position_slideWrap_thumbnails_item a {
        font-size: 2.4vw
    }
}
.position_slideWrap_thumbnails_item a::before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
    transition: all .4s
}
.position_slideWrap_thumbnails_item-01 a::before {
    background: url(/assets/images/asb/icon01.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-01.current a::before {
    background: url(/assets/images/asb/icon01_on.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-02 a::before {
    background: url(/assets/images/asb/icon02.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-02.current a::before {
    background: url(/assets/images/asb/icon02_on.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-03 a::before {
    background: url(/assets/images/asb/icon03.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-03.current a::before {
    background: url(/assets/images/asb/icon03_on.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-04 a::before {
    background: url(/assets/images/asb/icon04.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-04.current a::before {
    background: url(/assets/images/asb/icon04_on.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-05 a::before {
    background: url(/assets/images/asb/icon05.png) no-repeat;
    background-size: contain
}
.position_slideWrap_thumbnails_item-05.current a::before {
    background: url(/assets/images/asb/icon05_on.png) no-repeat;
    background-size: contain
}
.position_slideWrap_slider_item {
    outline: none;
    opacity: 0;
    transition: all .6s
}
.position_slideWrap_slider_item.slick-current {
    opacity: 1
}
.position_slideWrap_slider_item_ttl {
    margin-bottom: 20px;
    font-size: 26px;
    font-size: 2.6rem;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    color: #144960;
    text-align: center;
    font-weight: 400
}
@media only screen and (max-width: 768px) {
    .position_slideWrap_slider_item_ttl {
        font-size: 3.46667vw
    }
}
.position_slideWrap_slider_item_img {
    margin-bottom: 50px;
    text-align: center
}
.position_slideWrap_slider_item_img img {
    max-width: 35%;
    margin: 0 auto
}
.position_slideWrap_slider_item_txt {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center
}
@media only screen and (max-width: 768px) {
    .position_slideWrap_slider_item_txt {
        font-size: 2.4vw
    }
}
@media only screen and (max-width: 1024px) {
    .position_slideWrap {
        padding: 0 20px
    }
    .position_slideWrap_thumbnails_item {
        max-width: 15vw
    }
    .position_slideWrap_thumbnails_item a::before {
        width: 15vw;
        height: 15vw
    }
    .position_slideWrap_slider {
        padding: 0 20px
    }
}
@media only screen and (max-width: 680px) {
    .position {
        margin-bottom: 10.66667vw
    }
    .position_ttl {
        margin-bottom: 5.33333vw;
        font-size: 38px;
        font-size: 3.8rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .position_ttl {
        font-size: 5.06667vw
    }
}
@media only screen and (max-width: 680px) {
    .position_slideWrap {
        padding: 0 2.66667vw
    }
    .position_slideWrap_thumbnails {
        justify-content: center;
        flex-wrap: wrap;
        max-width: inherit;
        margin: 0 auto 8vw
    }
    .position_slideWrap_thumbnails_item {
        margin: 0 2.66667vw 5.33333vw;
        max-width: 24vw
    }
    .position_slideWrap_thumbnails_item a {
        font-size: 26px;
        font-size: 2.6rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .position_slideWrap_thumbnails_item a {
        font-size: 3.46667vw
    }
}
@media only screen and (max-width: 680px) {
    .position_slideWrap_thumbnails_item a::before {
        width: 24vw;
        height: 24vw;
        margin-bottom: 2.66667vw
    }
    .position_slideWrap_slider {
        padding: 0
    }
    .position_slideWrap_slider_item_ttl {
        margin-bottom: 2.66667vw;
        font-size: 34px;
        font-size: 3.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .position_slideWrap_slider_item_ttl {
        font-size: 4.53333vw
    }
}
@media only screen and (max-width: 680px) {
    .position_slideWrap_slider_item_img {
        margin-bottom: 6.66667vw
    }
    .position_slideWrap_slider_item_img img {
        max-width: 100%
    }
    .position_slideWrap_slider_item_txt {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 2
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .position_slideWrap_slider_item_txt {
        font-size: 3.46667vw
    }
}
.spec {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    padding: 16px 10px
}
.spec_ttl {
    width: auto;
    min-width: 8em;
    margin-right: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center
}
@media only screen and (max-width: 768px) {
    .spec_ttl {
        font-size: 1.86667vw
    }
}
.spec_txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: .01em
}
@media only screen and (max-width: 768px) {
    .spec_txt {
        font-size: 1.86667vw
    }
}
.spec_txt a {
    text-decoration: underline
}
.spec .notation {
    padding-top: 1em
}
@media only screen and (max-width: 680px) {
    .spec {
        justify-content: center;
        align-items: baseline;
        flex-direction: column;
        padding: 4vw 0;
        height: auto
    }
    .spec-first {
        padding-top: 0
    }
    .spec_ttl {
        min-width: inherit;
        margin-right: 0;
        font-size: 24px;
        font-size: 2.4rem;
        text-align: left
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .spec_ttl {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .spec_txt {
        font-size: 24px;
        font-size: 2.4rem;
        letter-spacing: .01em
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .spec_txt {
        font-size: 3.2vw
    }
}
.tab {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}
.tab_btn {
    width: 100%;
    height: 50px;
    max-width: 300px;
    margin: 0 20px;
    border: 1px solid #144960;
    border-radius: 5px;
    background-color: #fff;
    transition: all .4s
}
.tab_btn a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    color: #144960;
    text-align: center;
    letter-spacing: .025em
}
@media only screen and (max-width: 768px) {
    .tab_btn a {
        font-size: 2.13333vw
    }
}
.tab_btn.active {
    background-color: #144960
}
.tab_btn.active a {
    color: #fff
}
@media only screen and (max-width: 680px) {
    .tab {
        align-items: center;
        margin-bottom: 10.66667vw
    }
    .tab_btn {
        height: 9.33333vw;
        max-width: 40vw;
        margin: 0 2.66667vw
    }
    .tab_btn a {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .tab_btn a {
        font-size: 3.2vw
    }
}
.specImg {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center
}
@media only screen and (max-width: 680px) {
    .specImg {
        margin-bottom: 13.33333vw
    }
    .specImg .asb_sec_img {
        margin-bottom: 0
    }
    .specImg .asb_sec_img img {
        width: 100%;
        margin: 0 auto
    }
    .specImg .asb_sec_img:first-child {
        margin-right: 0
    }
    .specImg .slick-list {
        width: 80vw;
        margin: 0 auto
    }
    .specImg .slider-arrow {
        position: absolute;
        top: 50%;
        width: 3.46667vw;
        height: 8vw;
        transform: translateY(-50%);
        z-index: 50
    }
    .specImg .slider-prev {
        left: 0
    }
    .specImg .slider-prev::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: url(/assets/images/asb/arrow_l.png) no-repeat;
        background-size: contain
    }
    .specImg .slider-next {
        right: 0
    }
    .specImg .slider-next::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: url(/assets/images/asb/arrow_r.png) no-repeat;
        background-size: contain
    }
}
.app-contents #autopilot {
    width: 100vw;
    margin: 0 calc((100% - 100vw) * .5)
}

.asb #as-header {
    position: static
}
.asb.fixed {
    padding-top: 50px
}
.asb-contents {
    width: 100%;
    margin: 0 auto
}
.asb-contents-inner {
    width: 100%;
    max-width: 1200px;
    padding: 120px 20px;
    margin: 0 auto
}
.asb-contents-inner:last-child {
    padding: 120px 20px 100px
}
.asb_sec-autopilot {
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
}
@media only screen and (max-width: 1024px) {
    .asb_sec-autopilot {
        /*background-size: auto 125vw*/
    }
}
@media only screen and (max-width: 768px) {
    .asb_sec-autopilot {
        background: none;
    }
}
.asb_sec-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 20px
}
.asb_sec-second .asb_sec-inner {
    padding: 0 20px 100px
}
.asb_sec-col2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}
.asb_sec-col2_item {
    width: 100%;
    max-width: 560px
}
.asb_sec-btnWrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}
.asb_sec-btnWrap .as-sec_btn {
    margin: 0 20px
}
.asb_sec_ttl {
    margin-bottom: 30px;
    font-size: 32px;
    font-size: 3.2rem;
    color: #144960;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    font-weight: 400;
    text-align: center
}
@media only screen and (max-width: 768px) {
    .asb_sec_ttl {
        font-size: 4.26667vw
    }
}
.asb_sec_ttl-first {
    margin-bottom: 60px;
    font-size: 42px;
    font-size: 4.2rem;
    color: white
}
@media only screen and (max-width: 768px) {
    .asb_sec_ttl-first {
        font-size: 5.6vw
    }
}
.asb_sec_ttl-first + .asb_sec_ttl {
    color: white
}
.asb_sec_ttl-second {
    font-size: 26px;
    font-size: 2.6rem
}
@media only screen and (max-width: 768px) {
    .asb_sec_ttl-second {
        font-size: 3.46667vw
    }
}
.asb_sec_img {
    margin-bottom: 30px;
    text-align: center
}
.asb_sec_img-first {
    margin-bottom: 60px
}
.asb_sec_img-first img {
    max-width: 1000px
}
.asb_sec_txt {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2
}
@media only screen and (max-width: 768px) {
    .asb_sec_txt {
        font-size: 2.4vw
    }
}
.asb_sec_txt-first {
    margin-bottom: 200px;
    color: white
}
.asb_sec_txt-second {
    margin-bottom: 30px
}
.asb_sec_txt-coution {
    font-size: 16px;
    font-size: 1.6rem
}
@media only screen and (max-width: 768px) {
    .asb_sec_txt-coution {
        font-size: 2.13333vw
    }
}
.asb_sec_txt-left {
    text-align: left
}
.asb_sec_coution {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}
@media only screen and (max-width: 768px) {
    .asb_sec_coution {
        font-size: 2.13333vw
    }
}
@media only screen and (max-width: 1200px) {
    .asb_sec-col2_item {
        max-width: 46.66667vw
    }
}
@media only screen and (max-width: 1024px) {
    .asb_sec_img-first img {
        max-width: 100%
    }
}
@media only screen and (max-width: 680px) {
    .asb.fixed {
        padding-top: 9.33333vw
    }
    .asb-contents {
        width: 100%
    }
    .asb-contents-inner {
        padding: 16vw 5.33333vw
    }
    .asb_sec-inner {
        padding: 16vw 5.33333vw
    }
    .asb_sec-inner-first {
        padding: 16vw 2.66667vw
    }
    .asb_sec-second .asb_sec-inner {
        padding: 0 5.33333vw 13.33333vw
    }
    .asb_sec-second .asb_sec_ttl {
        order: 1;
        text-align: center
    }
    .asb_sec-second .asb_sec_txt {
        order: 2
    }
    .asb_sec-second .asb_sec-btnWrap {
        order: 3
    }
    .asb_sec-col2 {
        flex-direction: column
    }
    .asb_sec-col2_item {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        max-width: inherit;
        padding: 0 2.66667vw
    }
    .asb_sec-col2_item-first {
        margin-bottom: 16vw
    }
    .asb_sec-col2_item .asb_sec_ttl {
        order: 1
    }
    .asb_sec-col2_item .asb_sec_ttl {
        order: 2
    }
    .asb_sec-col2_item .asb_sec_txt {
        order: 3
    }
    .asb_sec-btnWrap {
        display: block;
        margin-bottom: 5.33333vw
    }
    .asb_sec-btnWrap .as-sec_btn {
        max-width: 56vw;
        margin: 0 auto
    }
    .asb_sec-btnWrap .as-sec_btn-biggest {
        margin-top: 5.33333vw;
        max-width: 69.33333vw
    }
    .asb_sec_ttl {
        margin-bottom: 4vw;
        text-align: left;
        font-size: 40px;
        font-size: 4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_ttl {
        font-size: 5.33333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_ttl-first {
        margin-bottom: 10.66667vw;
        font-size: 46px;
        font-size: 4.6rem;
        text-align: center
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_ttl-first {
        font-size: 6.13333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_ttl-second {
        font-size: 34px;
        font-size: 3.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_ttl-second {
        font-size: 4.53333vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_ttl-center {
        text-align: center
    }
    .asb_sec_img {
        width: 85.33333vw;
        margin: 0 auto 6.66667vw
    }
    .asb_sec_img-first {
        width: 100%;
        margin-bottom: 13.33333vw;
        padding: 0 2.66667vw
    }
    .asb_sec_img-middle {
        width: 74.66667vw
    }
    .asb_sec_txt {
        font-size: 24px;
        font-size: 2.4rem;
        text-align: left
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_txt {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_txt-first {
        margin-bottom: 8vw;
        text-align: center
    }
    .asb_sec_txt-second {
        margin-bottom: 6.66667vw
    }
    .asb_sec_txt-coution {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_txt-coution {
        font-size: 3.2vw
    }
}
@media only screen and (max-width: 680px) {
    .asb_sec_coution {
        font-size: 24px;
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .asb_sec_coution {
        font-size: 3.2vw
    }
}
.pilotSlide {
    overflow: hidden
}
.pilotSlide div {
    outline: none
}
.pilotSlide img {
    margin: 0 auto
}
.asb_sec-inner-shrinkTop {
    padding-top: 40px;
}
.asb_sec-inner-shrinkBottom { /*padding-bottom:40px;*/
}
.asb_sec_txt-shrinkBottom {
    margin-bottom: 20px;
}
/* 200929追加 */
.asb_sec_ttl-first {
    color: #144960;
}
.app-contents-inner {
    width: 100%;
    max-width: 1200px;
    padding: 120px 20px;
    margin: 0 auto;
}
.app_box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
.app_box:last-child {
    margin-bottom: 0;
}
.app_box-one {
    flex-direction: column;
}
.app_box-one .app_box_col {
    max-width: 1000px;
}
.app_box-one .app_box_col .app_box_col_ttl {
    text-align: center;
}
.app_box-one .app_box_col .app_box_col_txt {
    margin-bottom: 40px;
    text-align: center;
}
.app_box-reverse .app_box_col:first-child {
    order: 1;
}
.app_box_col {
    width: 100%;
    max-width: 560px;
}
.app_box_col_ttl {
    margin-bottom: 20px;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;
    font-weight: 400;
    color: #144960;
}
@media only screen and (max-width: 768px) {
    .app_box_col_ttl {
        font-size: 4.26667vw;
    }
}
.app_box_col_txt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: .025em;
}
@media only screen and (max-width: 768px) {
    .app_box_col_txt {
        font-size: 2.4vw;
    }
    .app-contents-inner {
        padding: 60px 20px;
    }
}
.app_box_col_img {
    text-align: center;
}
.app_box_col_img-gif img {
    max-width: 360px;
}
@media only screen and (max-width: 1200px) {
    .app_box_col {
        width: 100%;
        max-width: 46.66667vw;
    }
    .app_box_col_img img {
        width: 29.16667vw;
    }
    .app_box_col_img-ptn01 img {
        width: 46.66667vw;
    }
    .app_box_col_img-ptn02 img {
        width: 83.33333vw;
    }
}
@media only screen and (max-width: 1024px) {
    .app_box_col_ttl .dn {
        display: none;
    }
}
@media only screen and (max-width: 680px) {
    .app-experience-header .experience_ttl img {
        width: 100%;
        max-width: 69.46667vw;
        margin: 0 auto;
    }
    .app_box {
        flex-direction: column;
        margin-bottom: 13.33333vw;
    }
    .app_box-one .app_box_col .app_box_col_ttl {
        text-align: left;
    }
    .app_box-one .app_box_col .app_box_col_txt {
        margin-bottom: 5.33333vw;
        text-align: left;
    }
    .app_box_col {
        width: 100%;
        max-width: 560px;
    }
    .app_box_col_ttl {
        margin-bottom: 2.66667vw;
        font-size: 40px;
        font-size: 4rem;
        letter-spacing: -.025em;
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .app_box_col_ttl {
        font-size: 5.33333vw;
    }
}
@media only screen and (max-width: 680px) {
    .app_box_col_txt {
        font-size: 26px;
        font-size: 2.6rem;
    }
}
@media only screen and (max-width: 680px) and (max-width: 768px) {
    .app_box_col_txt {
        font-size: 3.46667vw;
    }
}
@media only screen and (max-width: 680px) {
    .app_box_col_txt br {
        display: none;
    }
    .app_box_col_img {
        margin-bottom: 5.33333vw;
    }
    .app_box_col_img img {
        width: 46.66667vw;
    }
    .app_box_col_img-ptn01 img, .app_box_col_img-ptn02 img {
        width: 100%;
    }
    .app_box_col:first-child {
        order: 1;
    }
    .app .notation {
        padding-top: 0;
    }
    .app .notation .notation_ttl {
        text-align: center;
    }
    .app .notation p {
        text-align: left;
    }
}
/*in accordion*/
@media screen and (max-width:768px) {
    .position {
        margin-bottom: 0;
    }
    .position_slideWrap {
        display: none !important;
    }
    .position_ttl {
        margin: 40px 0;
    }
    .asb_sec-autopilot .in_accordion_btn {
        line-height: 1.5em;
    }
    .asb_sec-second .asb_sec_ttl, #technology .asb_sec-inner:first-of-type, #spec .asb_sec-inner {
        margin-top: 40px;
    }
    .app_accordion ul li .image {
        margin-top: 30px;
    }
    .app_accordion ul li:nth-child(1) .image, .app_accordion ul li:nth-child(2) .image {
        width: 50%;
    }
    .app_accordion ul li .text a {
        margin-top: 30px;
    }
    #technology .asb_sec-inner:first-of-type {
        margin-top: 0;
    }
}
/*# sourceMappingURL=design-test.css.map */


#top_cart {padding:100px 0 130px;}
.cart_items {width:1200px;display:flex;justify-content:center;margin:0 auto;}
#top_cart .inner {width:500px;margin:0 25px;}
#top_cart img {width:100%;margin-bottom:20px;}
#top_cart .itemsColor {display:flex;justify-content:center;margin-bottom:20px;}
#top_cart .itemsColor li {width:15px;height:15px;border-radius:100%;list-style:none;margin:0 2px;}
#top_cart .text {text-align:center;}
#top_cart .items_name,
#top_cart .sub_name {font-size:14px;}
#top_cart .items_name {margin-bottom:10px;}
#top_cart .sub_name {margin-bottom:10px;}
#top_cart .items_price {font-size:16px;margin-bottom:20px;}

@media screen and (max-width:1200px) and (min-width:681px){
    .cart_items {width:100%;}
    #top_cart {padding:8.33vw 0 10.83vw;}
    #top_cart .inner {width:41.66vw;margin:0 25px;}
    #top_cart img {margin-bottom:1.66vw;}
    #top_cart .items_name,
    #top_cart .sub_name {font-size:1.16vw;margin-bottom:0.83vw;}
    #top_cart .sub_name {margin-bottom:1.66vw;}
    #top_cart .items_price {font-size:1.33vw;margin-bottom:1.66vw;}
}
@media only screen and (max-width: 680px){
    #top_cart {padding:14.66vw 0;}
    .cart_items {width:100%;}
    #top_cart .itemsColor li {width:3vw;height:3vw;margin:0 0.4vw;}
    #top_cart .inner {width:66.66vw;margin:0 5.33vw;}
    #top_cart .items_name {font-size:3.2vw;margin-bottom:2.66vw;}
    #top_cart .items_price {font-size:3.46vw;margin-bottom:5.33vw;}
}
/* @media only screen and (max-width: 680px) {
    .sp_size_36 {font-size: 3.6vw;text-align: left;}
    .sp_size_86 {font-size: 86%;}
} */

@media only screen and (max-width: 680px){
    .none_break {
        display: none;
    }
}


.as-sec_btn[data="color"] a{
	color: #fff;
	background-color: #144960;
	border: 1px solid #144960;
}

.as-sec_btn[data="color"] a::after{
  border-color: #fff;
}

.as-sec_btn[data="color"] a:hover{
	color: #144960;
	background-color: #fff;
	border: 1px solid #144960;
}

.as-sec_btn[data="color"] a:hover::after{
  border-color: #144960;
}



#top_cart .items_name{
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
}

#top_cart .sub_name{
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto 2rem;
}
#top_cart .itemsColor{gap: 2rem;}
#top_cart .itemsColor li{
	max-width: 3rem;
	width: 100%;
	height: auto;
	margin: 0;
}
#top_cart .itemsColor li img{margin: 0;}

#top_cart .items_price{
	font-size: 1.4rem;
	font-weight: 500;
}

#top_cart .items_caption{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.28;
	margin-bottom: 2rem;
}
#top_cart .as-sec_btn-change a{
	color: #ffffff !important;
	background-color: #144960 !important;
	border: 1px solid #144960 !important;
}

#top_cart .as-sec_btn-change a::after{
	border-top: 1px solid #ffffff !important;
	border-right: 1px solid #ffffff !important;
}

#top_cart .oldModel__cont{
	width: 60%;
	background: #eee;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
	margin: 0 auto;
}

#top_cart .oldModel__cont__ttl{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.5rem;
}

#top_cart .oldModel__cont__list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

#top_cart .oldModel__cont__list li{
	max-width: calc((100% - 1rem) / 2);
	width: 100%;
	list-style: none;
	position: relative;
}

#top_cart .oldModel__cont__list li a{
	width: 100%;
	height: 4.2rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: calc((35 / 1000) * 1em);
	text-align: center;
	color: #333;
	background: #fff;
	border-radius: 2.1rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}

#top_cart .oldModel__cont__list li a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.2rem;
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto;
	width: 7px;
	height: 7px;
	border-top: 1px solid #144960;
	border-right: 1px solid #144960;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}

#top_cart .oldModel__cont__list li a:hover{
	color: #fff;
	background: #144960;
}
#top_cart .oldModel__cont__list li a:hover::after{
	border-color: #fff;
}
br.sp_br{display: none;}

@media only screen and (max-width: 1200px){

#top_cart .oldModel__cont{
	max-width: 300px;
	width: 100%;
}

}

@media only screen and (max-width: 680px){

#top_cart .items_name{
	font-size: 4vw;
	margin: 0;
}

#top_cart .sub_name{
	font-size: 3.72vw;
	margin: 0 auto 1.25rem;
}

#top_cart .itemsColor{gap: .5rem;margin: 0 auto 1.25rem;}
#top_cart .itemsColor li{max-width: 1.5rem;}
#top_cart .items_price{margin: 0 auto 1.25rem;}
#top_cart .items_caption{font-size: 1.2rem;margin: 0 auto 1.25rem;}
#top_cart .items_caption br{display: none;}
#top_cart .oldModel__cont__list{flex-direction: column;}
#top_cart .oldModel__cont__list li{max-width: 100%;}
#top_cart .oldModel__cont__ttl{line-height: 1.25;}
br.sp_br{display: block;}
}

.asb_illust_bottom{
	padding-bottom: 60px;
}
.asb_illust_box {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 100px;
    text-align: center;
}

@media only screen and (max-width: 680px) {
	.asb_illust_bottom{
	padding: 16vw 5.33333vw 8vw;
	}
    .asb_illust_box  {
        padding: 0;
    }
}