@charset "utf-8";
#footer {
    position: relative;
}
#global_navigation.fixed {
    z-index: 1200;
}
@media print, screen and (min-width : 769px) {
    br.sp {
        display: none;
    }
    .section_inner {
        width: 930px;
    }
    .switch_sp {
        display: none !important;
    }
    .col01 .pic {
        margin-bottom: 60px !important;
    }
    .section_title {
        margin: 0 auto 25px;
        font-size: 38px;
        line-height: 52px;
        text-align: center;
        white-space: nowrap;
    }
    .section .section_desc {
        margin: 0 auto 25px;
        text-align: center;
    }
    #top_content {
        margin-bottom: 0;
        position: relative;
        overflow: visible;
    }
    #top_content .pic_full {
        min-height: 820px;
        padding-bottom: 64.03%;
        background: url(../image/pic_main_pc.jpg) center center no-repeat;
        background-size: cover;
        box-sizing: border-box;
    }
    .top_content-texts {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .top_content-inner {
        width: 980px;
        margin: 0 auto;
        padding: 9% 0 0;
    }
    .top_content-title {
        margin: 0 auto 40px;
        font-size: 38px;
        line-height: 54px;
        text-align: center;
    }
    .top_content-desc {
        font-size: 18px;
        line-height: 32px;
        text-align: center;
    }
    .main_catch {
        margin: 100px auto 15px;
        font-size: 60px;
        font-weight: bold;
        letter-spacing: 0.15em;
    }
    .sub_catch {
        margin: 0 auto 80px;
        font-size: 18px;
    }
    #top_content .pic {
        max-width: 1100px;
        margin: 0 auto;
    }
    #top_content .pic img {
        width: 100%;
    }
    .section-navi__tab {
        width: 100%;
        height: 60px;
        margin: 0;
        position: relative;
        z-index: 1199;
    }
    .section-navi__tab--wrap {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #ccc;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        z-index: 99;
        transform: translate3d(0, 0, 0);
    }
    .section-navi__tab.is-fixed .section-navi__tab--wrap {
        position: fixed;
        top: 57px;
    }
    .section-navi__tab ul {
        width: 100%;
        height: 60px;
        background-color: #fff;
        font-size: 16px;
        color: #444;
        letter-spacing: 0.08em;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
    }
    .section-navi__tab li {
        height: 100%;
        margin: 0 20px;
    }
    #top_content .section-navi__tab li a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        color: #444;
    }
    .section-navi__tab li a::after {
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background: #444;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 200ms ease-in-out;
    }
    .section-navi__tab li a.on {
        font-weight: bold;
    }
    .section-navi__tab li a.on::after {
        transform: scaleX(1);
    }
    /* detail_btns */
    .detail_btns {
        margin-bottom: 80px;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .detail_btn {
        width: 445px;
        margin: 40px 0 0;
        background-color: #eee;
    }
    #section_design .slick-list {
        margin-bottom: 56px;
    }
    #section_design .detail_btn a {
        width: 100%;
        display: flex;
        padding: 24px 0;
        align-items: center;
        justify-content: flex-start;
        color: inherit;
    }
    .detail_btn .detail_icon {
        width: 50px;
        margin: 0 40px;
    }
    .detail_btn .detail_icon img {
        width: 100%;
    }
    .detail_btn .detail_text {
        text-align: left;
    }
    .detail_btn .detail_title {
        margin: 0;
        font-size: 22px;
        line-height: 40px;
        font-weight: bold;
    }
    .detail_btn .detail_desc {
        font-size: 14px;
        line-height: 22px;
    }
    /* detail_btns ここまで */
    .detail_btn_story {
        text-align: center;
    }
    .detail_btn_story .story_desc {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .detail_btn_story a {
        padding: 30px 52px 30px 58px;
        font-size: 26px;
        color: #fff !important;
        font-weight: bold;
        background-color: #0064a0;
        display: inline-block;
    }
    .detail_btn_story a::after {
        content: "";
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        background: url(../image/icon_play_btn.png) left top no-repeat;
        background-size: 100% auto;
    }
    .detail_btn_story .pic {
        display: none;
    }
    .detail_btn_story span {
        vertical-align: middle;
        margin-right: 10px;
    }
    #section_comfort .section_desc {
        margin-bottom: 40px;
    }
    #section_comfort {
        padding: 120px 0 200px;
        background-color: #f8f8f8;
    }
    .comfort_content {
        margin-bottom: 120px;
    }
    .comfort_content:last-child {
        margin-bottom: 0;
    }
    .comfort_content .pic {
        max-width: none;
        height: 560px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #comfort_01 .pic {
        background-image: url(../image/pic_view_main_pc.jpg);
    }
    #comfort_02 .pic {
        background-image: url(../image/pic_seat_main_pc.jpg);
    }
    #comfort_03 .pic {
        background-image: url(../image/pic_driving_main_pc.jpg);
    }
    #comfort_04 .pic {
        background-image: url(../image/pic_utility_main_pc.jpg);
    }
    .comfort_inner_block {
        width: 980px;
        margin: -70px auto 0;
        padding: 40px 50px 50px;
        background-color: #fff;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
    }
    #section_comfort .comfort_subtitle {
        margin: 0 0 40px;
        padding: 0;
        font-size: 38px;
        line-height: 54px;
        text-align: center;
    }
    .comfort_subtitle .num {
        display: block;
        color: #aaa;
    }
    .comfort_inner_block {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .comfort_desc {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 38px;
        margin-top: -10px;
    }
    .comfort_img {
        flex: 0 0 340px;
    }
    .comfort_textbox {
        margin-left: 50px;
    }
    .comfort_textbox .detail {
        padding: 0;
    }
    /* comfort_list */
    .comfort_list {
        margin: 0;
        padding: 0;
        letter-spacing: -.40em;
    }
    .comfort_list .img_slider {
        width: auto !important;
    }
    .comfort_list .slick-track {
        width: auto !important;
        margin-right: 0;
    }
    .comfort_list .list_inner {
        width: 330px;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }
    .comfort_list .list_inner:nth-of-type(1) {
        margin-right: 30px;
    }
    .comfort_list .list_inner .pic {
        margin: 0 0 10px 0;
    }
    .comfort_list .list_inner .pic img {
        width: 100%;
    }
    .comfort_list .list_inner .copy {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.444em;
    }
    .comfort_list .list_inner .name {
        margin: 0 0 5px 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
    }
    .comfort_list .list_inner .type .ico_type {
        left: 0;
    }
    /* comfort_list ここまで */
    /* mode_list */
    .mode_list {
        margin: 8px 0 64px;
        padding: 0;
        letter-spacing: -.40em;
    }
    .mode_list .img_slider {
        width: auto !important;
    }
    .mode_list .slick-track {
        width: auto !important;
    }
    .mode_list .list_inner {
        width: 210px;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-bottom: 14px;
    }
    .mode_list .list_inner:nth-of-type(1), .mode_list .list_inner:nth-of-type(2) {
        margin-right: 24px;
    }
    .mode_list .list_inner .pic {
        margin: 0 0 10px 0;
    }
    .mode_list .list_inner .pic img {
        width: 100%;
        margin-left: -12px;
    }
    .mode_list .list_inner .mode_title {
        margin: 0 0 24px 0;
        font-size: 14px;
        line-height: 1.444em;
    }
    .mode_list .mode_desc {
        position: relative;
        text-align: right;
    }
    .mode_list .mode_desc span {
        letter-spacing: normal;
        font-size: 14px;
    }
    .mode_list .mode_desc span.elec {
        padding-right: 18px;
    }
    .mode_list .mode_desc span.machine {
        padding-right: 12px;
    }
    .mode_list .mode_desc span span {
        display: inline-block;
        vertical-align: middle;
    }
    .mode_list .mode_desc span.elec::before, .mode_list .mode_desc span.machine::before {
        content: '';
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
        padding-top: 9px;
        width: 40px;
    }
    .mode_list .mode_desc span.elec::before {
        background-color: #0092ce;
    }
    .mode_list .mode_desc span.machine::before {
        background-color: #f39700;
    }
    /* mode_list ここまで */
    /* camera_sensor_list */
    .camera_sensor_list {
        margin: 0;
        padding: 0;
        letter-spacing: -.40em;
    }
    .camera_sensor_list .img_slider {
        width: auto !important;
    }
    .camera_sensor_list .slick-track {
        width: auto !important;
    }
    .camera_sensor_list .list_inner {
        width: 250px;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-bottom: 14px;
    }
    .camera_sensor_list .list_inner:nth-of-type(1), .camera_sensor_list .list_inner:nth-of-type(2) {
        margin-right: 64px;
    }
    .camera_sensor_list .list_inner .title_section {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .camera_sensor_list .list_inner .title_number {
        color: #fff;
        background-color: #808080;
        padding: 8px 12px;
        font-size: 18px;
        margin-right: 12px;
    }
    .camera_sensor_list .list_inner .title {
        display: inline-block;
        font-size: 16px;
        line-height: 23px;
    }
    .camera_sensor_list .list_inner .pic {
        margin: 0 0 10px 0;
    }
    .camera_sensor_list .list_inner .pic img {
        width: 100%;
    }
    .camera_sensor_list .list_inner .copy {
        margin: 0 0 24px 0;
        font-size: 14px;
        line-height: 1.444em;
        letter-spacing: .1em;
    }
    /* camera_sensor_list ここまで */
    #section_sensing {
        margin-bottom: 120px;
    }
    #section_sensing .logo {
        width: 294px;
        margin: 0 auto 40px;
    }
    #section_sensing .logo img {
        width: 100%;
    }
    #section_sensing .section_desc {
        margin-bottom: 45px;
    }
    .sensing_movie {
        width: 520px;
        margin: 0 auto 70px;
    }
    .sensing_movie img {
        width: 100%;
    }
    .sensing_movie .overlogo {
        display: block;
        position: relative;
    }
    .sensing_movie .overlogo::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../new-common/image/icon_play_movie_pc.png) center center no-repeat;
    }
    .honda_sensing_list {
        padding: 0;
        letter-spacing: -.40em;
    }
    .honda_sensing_list .img_slider {
        width: auto !important;
    }
    .honda_sensing_list .img_slider .slick-track {
        width: auto !important;
    }
    .honda_sensing_list .list_inner {
        width: 192px;
        margin: 0 40px 45px 0;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }
    .honda_sensing_list .list_inner .pic {
        margin: 0 0 15px 0;
    }
    .honda_sensing_list .list_inner .copy {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.5em;
    }
    .honda_sensing_list .list_inner .name {
        font-size: 12px;
        line-height: 1.5em;
    }
    .sensing_caution {
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 19px;
        color: #da4058;
    }
    .sensing_caption {
        font-size: 11px;
        line-height: 17px;
    }
    .sensing_caption.brake {
        margin-bottom: 15px;
    }
    #section_sensing .accordion_content_new {
        border-top: 1px solid #ccc;
    }
    #section_sensing .accordion_inner {
        text-align: center;
    }
    #section_sensing .comfort_title {
        margin: 20px 0 35px;
    }
    .safety_list {
        margin: 0;
        padding: 0;
        letter-spacing: -.40em;
    }
    .safety_list .img_slider {
        width: auto !important;
    }
    .safety_list .slick-track {
        width: auto !important;
        margin-right: 0;
    }
    .safety_list .list_inner {
        width: 400px;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-bottom: 54px;
    }
    .safety_list .list_inner:nth-of-type(2n-1) {
        margin-right: 80px;
    }
    .safety_list .list_inner .pic {
        margin: 0 0 10px 0;
    }
    .safety_list .list_inner .pic img {
        width: 100%;
    }
    .safety_list .list_inner .title {
        font-size: 21px;
        line-height: 22px;
        font-weight: bold;
        margin-bottom: 14px;
    }
    .safety_list .list_inner .copy {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.444em;
    }
    .safety_list .list_inner .name {
        margin: 0 0 5px 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
    }
    #section_connect {
        margin: 0 auto 150px;
    }
    #section_connect .logo {
        width: 323px;
        margin: 0 auto 40px;
    }
    #section_connect .logo img {
        width: 100%;
    }
    #section_connect .detail {
        text-align: center;
    }
    /* ------------------------------
		.connect_list
------------------------------ */
    .connect_list {
        margin: 50px 0 0 0;
        padding: 0;
        letter-spacing: -.40em;
    }
    .connect_list .img_slider {
        width: auto !important;
    }
    .connect_list .slick-track {
        width: auto !important;
    }
    .connect_list .list_inner {
        width: 290px;
        margin: 0;
        letter-spacing: normal;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        text-align: center;
    }
    .connect_list .list_inner:nth-of-type(1), .connect_list .list_inner:nth-of-type(2) {
        margin-right: 30px;
    }
    .connect_list .list_inner.through_content {
        width: auto;
        max-width: 575px;
    }
    .connect_list .list_inner .pic {
        margin: 0 0 10px 0;
    }
    .connect_list .list_inner .pic img {
        width: 100%;
    }
    .connect_list .list_inner .title {
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
    }
    .connect_list .list_inner .copy {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.444em;
    }
    .connect_list .list_inner .name {
        margin: 0 0 5px 0;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5em;
    }
    .connect_list .list_inner .ico_type {
        margin: 0 10px 0 0;
        position: relative;
        left: 0;
    }
    .connect_list .list_inner .detail {
        padding: 0;
        margin-top: 10px;
    }
    .connect_list .list_inner .detail a {
        font-size: 14px;
    }
    .connect_list .list_inner .detail a:after {
        height: 18px;
        background-size: 18px 18px;
    }
    #section_type {
        margin-bottom: 40px;
    }
    #section_type .section_subtitle {
        margin: 0 auto 45px;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }
    #section_bottom {
        padding-top: 100px;
    }
    #section_banner {
        margin-top: 120px;
        margin-bottom: 0;
    }
    #section_banner a:hover img {
        opacity: .7;
    }
    #section_banner p {
        margin-bottom: 40px;
    }
    #section_banner_pen {
        margin-bottom: 0px;
    }
    #section_banner_pen .pic {
        margin-bottom: 10px;
    }
    #section_banner_pen .section_desc {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #section_banner_pen .detail {
        padding: 0;
        text-align: center;
    }
    #section_survey {
        margin: 70px auto -105px;
    }
}
@keyframes mov_modal_fadein {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/*---------------- --------------------- ------------------*/
@media print, screen and (min-width : 769px) {
    #section_special .detail {
        white-space: normal;
    }
}
#section_type {
    margin-bottom: 0;
}
#section_comfort {
    padding: 120px 0 60px;
    margin: 0 0 120px 0;
    background-color: #f8f8f8;
}
#comfort_inner_wrap h2 {
    font-weight: 300;
    font-size: 28px;
}
#comfort_inner_wrap .message {
    font-size: 18px;
    margin: 28px 0;
}
.comfort_inner_wrap {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}
.comfort_inner_wrap_special {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}
.comfort_contents {
    width: 470px;
    margin-bottom: 40px;
    float: left;
}
.comfort_contents:nth-child(2), .comfort_contents:nth-child(4) {
    margin-left: 40px;
}
.confort_area {
    width: 470px;
    text-align: center;
}
.confort_area img {
    width: 100%;
}
.confort_text_area {
    width: 410px;
    text-align: center;
    background-color: #ffffff;
    padding: 40px 30px 40px 30px;
    margin-top: -2px;
    min-height: 124px;
}
.section_title {
    margin: 0 auto 40px;
    font-size: 38px;
    line-height: 52px;
    text-align: center;
    white-space: nowrap;
}
#section_special {
    padding-top: 80px;
    text-align: center;
    margin: 3px 0 60px 0;
}
#section_special h2 {
    font-weight: 300;
    font-size: 28px;
    margin-bottom: 40px;
}
#section_special h3 {
    margin: 0 0 50px 0;
    padding: 0;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
}
#section_special .detail {
    font-size: 16px;
    padding: 0;
    position: absolute !important;
    bottom: 38px !important;
}
#section_special .detail a {
    color: #ffffff;
    font-size: 16px;
}
#section_special .detail a:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 1em;
    background-image: url("../image/icon_arrows_pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 20px 20px;
    position: relative;
    top: 3px;
    left: 5px;
}
#section_special .comfort_contents {
    margin-bottom: 30px;
}
.type_maison {
    background-color: #B72A16 !important;
    text-align: left !important;
    margin-bottom: 40px;
}
.type_maison a {
    color: #fff !important;
}
.type_madulo {
    background-color: #262626 !important;
    text-align: left !important;
    margin-bottom: 40px;
}
.type_madulo a {
    color: #fff !important;
}
#section_banner h3 {
    font-size: 18px;
    font-weight: 300;
}
#section_banner .comfort_contents {
    width: 470px;
    margin:0 auto 120px;
    float: none;
}
#section_banner .confort_bunner_area {
    width: 470px;
    text-align: left;
}
#section_banner .confort_bunner_area img {
    width: 100%;
}
#section_banner .detail {
    font-size: 16px;
    padding: 0;
}
.section_inner {
    width: 980px;
}
.section h3 {
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 38px;
    line-height: 1.368em;
    white-space: nowrap;
}
#top_content .pic_full {
    min-height: auto;
}
@media print, screen and (min-width: 769px) {
    #section_banner {
        margin-top: 60px;
        margin-bottom: 0;
        padding-top: 120px;
    }
    #section_bottom {
        padding-top: 100px;
        padding-bottom: 60px;
        margin-bottom: 0;
    }
}
#bottom_area {
    background-color: #f8f8f8;
}
.title {
    color: #222;
    font-size: 16px !important;
}
#section_slider {
    display: none;
    visibility: hidden;
}
.card {
    position: relative;
}
.card__link {
    line-height: 1.5em;
}
.card__link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.mouseover {
  transition: opacity .3s ease;
}
.mouseover:hover {
  opacity: .7;
}
.card__link img {
    position: relative;
    top: 4px;
    left: 5px;
}
.slide-arrow {
    width: 20px !important;
    height: 20px;
}
.slide-arrow-sp {
    width: 20px !important;
    height: 20px;
    padding-left: 5px;
    display: inline !important;
}
.section_variation {
    display: block !important;
    visibility: visible;
}
@media print, screen and (max-width: 768px) {
    .section_variation {
        display: none !important;
        visibility: hidden;
    }
}
@media print, screen and (max-width: 768px) {
    #section_special .comfort_contents {
        margin-bottom: 10px;
    }
    #comfort_inner_wrap .message {
        font-size: 15px;
        line-height: 1.5rem;
        margin: 28px 4px;
        text-align: left;
        display: inline-block;
    }
    #comfort_inner_wrap h2 {
        font-weight: 300;
        font-size: 22px;
    }
    #comfort_inner_wrap .message {
        font-size: 16px;
        line-height: 24px;
        line-height: 1.5rem;
        margin: 14px 4px 20px;
        text-align: left;
    }
    .comfort_inner_wrap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
    }
    .comfort_contents {
        width: 90%;
        margin: 0 5%;
        margin-bottom: 40px;
        float: left;
    }
    .comfort_contents:nth-child(2), .comfort_contents:nth-child(4) {
        margin-left: 5%;
    }
    .confort_area {
        width: 100%;
        text-align: center;
    }
    .confort_text_area {
        width: 94%;
        text-align: center;
        background-color: #ffffff;
        padding: 40px 10px 40px 10px;
        margin-top: -2px;
    }
    .section_title {
        margin-bottom: 10px;
        padding: 0;
        font-size: 23px;
        line-height: 1.4em;
    }
    .variation_headline {
        margin: 0;
    }
    .section_inner {
        width: 100%;
    }
    .section_title {
        margin-bottom: 1rem;
    }
    #section_slider {
        display: block;
        visibility: visible;
        padding-top: 50px;
		padding-bottom: 50px;
    }
    /* .img_slider.col04 {
        padding: 0px 5%;
    } */
    #section_special {
        padding-top: 40px;
        margin: 0;
        text-align: center;
    }
    #section_special h2 {
        font-weight: 300;
        font-size: 22px;
        margin-bottom: 20px;
    }
    #section_special h3 {
        margin: 0 0 30px 0;
        padding: 0;
        font-weight: 300;
        font-size: 17px;
        color: #ffffff;
        text-align: left;
        overflow-wrap: normal;
        white-space: normal;
    }
    #section_special .detail {
        font-size: 16px;
        padding: 0;
        text-align: left;
    }
    .modulo-title-sp {
        margin-top: 1em;
    }
    .img_slider div {
        text-align: center;
    }
}
.icon-arrow {
    width: 20px;
    height: 20px;
}