@charset "UTF-8";

#smart-security {
	font-family: "Roboto", sans-serif;
}

#smart-security img {
    width: 100%;
}

#page-smart-security .container1 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 2rem;
    background-color: transparent;
}

#page-smart-security .container2 {
    max-width: 991px;
    margin: 0 auto;
    background-color: transparent;
}

#page-smart-security .title {
    font-size: 36px;
    padding: 1.5em 0;
    color: #003E66;
    font-weight: bold;
    text-align: center;
    position: relative;
}

#page-smart-security .title::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url(../img/car/circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
    margin-right: -1.25em;
    /* position: absolute;
    top: -0.5em;
    left: -0.5em; */
}

#page-smart-security .sec02_title {
    font-weight: bold;
    line-height: 1.2;
    font-size: 42px;
}

#page-smart-security .sec02_subtitle {
    font-weight: bold;
    line-height: 1.2;
    font-size: 28px;
}

#page-smart-security .att1::after {
    content: "※1";
    font-size: 10px;
    vertical-align: top;
}

#page-smart-security .att2::after {
    content: "※2";
    font-size: 10px;
    vertical-align: top;
}

#page-smart-security .att3::after {
    content: "※3";
    font-size: 10px;
    vertical-align: top;
}

#page-smart-security .att4::after {
    content: "※4";
    font-size: 10px;
    vertical-align: top;
}

#page-smart-security .att5::after {
    content: "※5";
    font-size: 10px;
    vertical-align: top;
}

#page-smart-security .pc {
    display: block;
}

#page-smart-security .sp {
    display: none;
}

#page-smart-security .w575-off {
    display: block;
}

#page-smart-security .w575-on {
    display: none;
}

#page-smart-security .w767-off {
    display: block;
}

#page-smart-security .w767-on {
    display: none;
}

#page-smart-security .w374-off {
    display: block;
}

#page-smart-security .w374-on {
    display: none;
}


#page-smart-security .sec01 {
    background-image: url('../img/car/01-0.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}

#page-smart-security .mv {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

#page-smart-security .mv_subtitle {
    font-family: serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15em;
    margin-bottom: 1rem;
}

#page-smart-security .mv_badge {
    width: 7.5rem;
    display: inline-block;
    vertical-align: middle;
}

#page-smart-security .logo-rb {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15em;
}

#page-smart-security .sec01 .note {
	color: #282828;
	margin-top: 1rem;
}

#page-smart-security .text-blue1 {
    color: #32BCC6 !important;
}

#page-smart-security .text-blue2 {
    color: #29ABE2 !important;
}

#page-smart-security .text-white {
    color: white !important;
}

#page-smart-security .text-navy {
    color: #003E66 !important;
}

#page-smart-security .text-light-gray {
    color: #929395 !important;
}

#page-smart-security .text-left {
    text-align: left !important;
}

#page-smart-security .text-center {
    text-align: center !important;
}

#page-smart-security .text-right {
    text-align: right !important;
}

#page-smart-security .fw-bold {
    font-weight: bold !important;
}

#page-smart-security .link {
	text-decoration: underline;
	color: #003E66;
	font-size: 1.15em;
}

#page-smart-security .sec02 {
    color: white;
}

#page-smart-security .sec02 .pc {
	background-image: url(../img/car/02-0top_hand-2.png), url(../img/car/02-0top_stop00.png);
	background-size: 270px auto, cover;
    background-position: left bottom, right;
}

#page-smart-security .sec02 .sp .sec02_main {
/*     background-image: url(../img/car/02-0top_SP.png); */
	background-image: url(../img/car/02-0top_hand-2.png), url(../img/car/02-0top_stop00.png);
    background-size: 270px auto, cover;
    background-position: left bottom, right;
    padding-bottom: 300px;
}

#page-smart-security .sec02 .sp .sec02_footer {
    background: linear-gradient(#314D58, #071016);
}

#page-smart-security .sec-label {
    text-align: center;
    padding: 2rem;
    font-size: 20px;
    background: linear-gradient(90deg,#0F2A4CD9, #036EB8D9)
}

#page-smart-security .sec02 .container1 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#page-smart-security .sec02_main {
    padding-left: 8rem;
}

#page-smart-security .points {
    display: flex;
    align-items: center;
    column-gap: 4rem;
    font-weight: bold;
    margin-top: 6rem;
    margin-bottom: 1rem;
    font-size: 24px;
}

#page-smart-security .points_left .note {
	font-weight: normal;
}

#page-smart-security .point {
    margin-bottom: 1.25rem;
}

#page-smart-security .point_icon {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    vertical-align: middle;
    background-color: #29ABE2;
}

#page-smart-security .point_icon img {
    width: 60%;
}

#page-smart-security .points_right {
    position: relative;
    padding-bottom: 10px;
}

#page-smart-security .points_right .pop {
    text-align: center;
    border: 2px solid #fff;
    font-size: 0.75em;
    padding: 1em;
    line-height: 1.25;
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 100%, 
        0 100%, 
        0 calc(50% + 0.5em),
        3px calc(50% + 0.5em), 
        3px calc(50% - 0.5em), 
        0 calc(50% - 0.5em)
    );
    z-index: 0;
}

#page-smart-security .points_right::before {
    content: "";
    width: 1.25em;
    height: calc(1em - 2px);
    background-color: white;
    position: absolute;
    top: calc(50% - 0.5em + 1px - 5px);
    left: calc(-1.25em + 1px);
    clip-path: polygon(
        0 50%,
        100% 0,
        100% 2.5px,
        5px 50%,
        100% calc(100% - 2.5px),
        100% 100%
    );
    z-index: 1;
}

#page-smart-security .note {
    font-size: 12px;
    line-height: 1.5;
    color: white;
}

#page-smart-security .button {
    width: 60%;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid #F09C2E;
    border-radius: calc(1.5em + (1px + 2px) / 2);
    padding: 2px;
    margin: 2.5rem auto 0;
}

#page-smart-security .button-inner {
    width: 100%;
    display: block;
    color: white;
    border-radius: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 1em;
    letter-spacing: 0.1em;
    background: linear-gradient(90deg, #D94827, #F09C2E);
}

#page-smart-security .button.home-sec-button {
    border: 1px solid #0D7C93;
}

#page-smart-security .home-sec-button .button-inner {
    background: linear-gradient(90deg, #0D7C93 0%, #2A9AB1 52%, #00819A 100%);
}

.button-inner:active, .button-inner:hover, .button-inner:link, .button-inner:visited {
    color: white;
}


/* .points_right::after {
    content: "";
    border-right: 1.5em solid transparent;
    border-top: 0.6em solid transparent;
    border-bottom: 0.6em solid transparent;
    border-left: 0;
    position: absolute;
    top: calc(50% - 0.6em);
    left: calc(-1.5em + 2px);
} */

#page-smart-security .sec03 {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    max-width: unset;
}

/* #page-smart-security .sec03 .title {
    margin-bottom: 4rem;
} */

#page-smart-security .sec03_bg {
    background-image: url(../img/car/03-0.png);
    background-size: cover;
    padding: 4rem 2rem;
}

#page-smart-security .car-thelt {
    width: 100%;
    background-color: #ffffffD9;
    text-align: center;
    padding: 4rem 0;
}

#page-smart-security .car-thelt_title {
    font-size: 28px;
    color: #003E66;
    font-weight: bold;
    line-height: 1.5;
}

#page-smart-security .strong {
    font-size: 2em;
}

#page-smart-security .car-theld_count {
    margin-top: 2rem;
    font-weight: bold;
    font-size: 48px;
    color: #00819A;
}

#page-smart-security .zennennhi {
    background-color: #00819A;
    color: white;
    font-size: 28px;
    padding: 1rem 0;
    font-weight: bold;
}

#page-smart-security .sec03 .note {
    text-align: right;
    margin-top: 1rem;
}

#page-smart-security .sec03-bg-right {
    background-image: url(../img/car/04-0.png);
    background-size: contain;
    background-position: right;
    padding: 4rem 2rem;
    position: relative;
}

#page-smart-security .sec03-bg-right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffffD9;
}

#page-smart-security .sec03 .container2 {
    position: relative;
    z-index: 2;
}

#page-smart-security .car-thelt-damage {
    width: 100%;
    background-color: #ffffffD9;
    padding: 4rem;
    position: relative;
    box-shadow: 0 2px 6px 4px #00000040;
}

#page-smart-security .car-thelt-damage .pop-image {
    width: 160px;
    position: absolute;
    top: -80px;
    right: -4rem;
}

#page-smart-security .car-thelt-damage_flex {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 6rem;
    row-gap: 6rem;
    margin: 0 auto;
}

#page-smart-security .table-title {
    font-size: 22px;
    font-weight: bold;
    color: #003E66;
    line-height: 1;
    margin-bottom: 1.5rem;
}

#page-smart-security .img-1min {
    display: block;
    width: 45%;
    max-width: 600px;
    min-width: 240px;
    margin: 0 auto 2rem;
}

#page-smart-security .sec03-bg-hexa {
    padding: 0 6rem 4rem;
    background-image: url(../img/car/05-0.png);
    background-size: cover;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 94%,
        50% 100%,
        0 94%
    );
}

#page-smart-security .car-thelt-methods {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 1%;
    color: #003E66;
}

#page-smart-security .car-thelt-method {
    border: 2px solid #003E66;
    padding: 10px;
    background-color: #ffffff99;
    width: 19.2%;
}

#page-smart-security .car-thelt-method img {
    display: block;
    width: 100%;
    border: 1.5px solid #003E66;
    margin-bottom: 8px;
}

#page-smart-security .method-title {
    height: 2.5em;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#page-smart-security .method-desc {
    font-size: 14px;
    line-height: 1.5;
}

#page-smart-security .sp .car-thelt-methods {
    flex-direction: column;
    gap: 2em;
    max-width: 576px;
    padding-top: 2rem;
}

#page-smart-security .sp .car-thelt-method {
    border: 1px solid #003E66;
    padding: 0;
    width: 100%;
}

#page-smart-security .sp .method-title {
    padding: 1em;
    margin-bottom: 0;
    height: auto;
    justify-content: space-between;
    cursor: pointer;
}

#page-smart-security .sp .method-title::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 0.85em solid #003E66;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
    border-bottom: 0;
    display: block;
}

#page-smart-security .sp .method-title.open::after {
    content: "";
    display: block;
    width: 1em;
    height: 0;
    border-top: 2px solid #003E66;
    border-right: 0;
    border-left: 0;
    display: block;
}

#page-smart-security .sp .method-body {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-top: 1px solid #003E66;
    padding: 20px 10px 10px;
}

#page-smart-security .sp .method-body img {
    width: 25%;
    border: unset;
}

#page-smart-security .sp .method-desc {
    font-size: 16px;
}

#page-smart-security .next-sec {
    width: 0;
    height: 0;
    margin: 8rem auto 0;
    border-top: 40px solid #003E66;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
}

#page-smart-security .thelt-block {
    border: 2px solid #003E66;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 6rem;
}

#page-smart-security .thelt-block_header {
    color: white;
    text-align: center;
    line-height: 1.2;
    padding: 4rem 1rem;
    background: linear-gradient(90deg, #0F2A4C, #036EB8);
}

#page-smart-security .thelt-block_subtitle {
    font-size: 28px;
}

#page-smart-security .thelt-block_title {
    font-size: 44px;
    font-weight: bold;
}

#page-smart-security .thelt-block_body {
    padding: 4rem 1rem;
}

#page-smart-security .thelt-block_desc {
    text-align: center;
    color: #003E66;
    font-size: 24px;
    line-height: 1.2;
}

#page-smart-security .thelt-block_desc .strong {
    font-size: 1.5em;
}

#page-smart-security .thelt-block_body img {
    width: 60%;
    display: block;
    margin: 4rem auto 0;
}

#page-smart-security .sec04 {
    padding-bottom: 6rem;
}

#page-smart-security .sec04 .container1 {
    background-image: url(../img/car/06-0.jpeg);
    background-size: 80% 100%;
    background-position: center top 0px;
    background-repeat: no-repeat;
    position: relative;
}

#page-smart-security .sec04 .container1::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffffD9;
    z-index: 1;
}

#page-smart-security .sec04-cnt {
    position: relative;
    z-index: 2;
}

#page-smart-security .content {
    margin-bottom: 6rem;
}

#page-smart-security .content img {
	display: block;
    width: 100%;
    aspect-ratio: 5 / 3;
}

#page-smart-security .content .msa-logo {
    object-fit: contain;
}

#page-smart-security .content-title {
    border-left: 8px solid #003E66;
    padding: 1rem 2rem;
    font-size: 24px;
    color: #003E66;
    font-weight: bold;
}

#page-smart-security .content-block {
	width: 60%;
	display: block;
	margin: 2rem auto 0;
}

#page-smart-security .content-block > * {
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}

#page-smart-security .content-flex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    margin-top: 2rem;
}

#page-smart-security .content-item {
    width: 30%;
}

#page-smart-security .content-item-title {
    font-size: 20px;
    color: #003E66;
    font-weight: bold;
    text-align: center;
    margin: 1.25rem 0;
    line-height: 1.2;
	height: 2.4em;
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-smart-security .content-item-desc {
    font-weight: bold;
    font-size: 14px;
}

#page-smart-security .content-cars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    margin-top: 4rem;
}

#page-smart-security .content-cars p {
    line-height: 1.2;
    color: #003E66;
}

#page-smart-security .content-cars .small {
    font-size: 14px;
}

#page-smart-security .content-cars-text {
    font-size: 28px;
}

#page-smart-security .cars-link {
    font-size: 18px;
    color: #003E66;
    padding: 0.75em 1em;
    border: 2px solid #003E66;
    display: block;
}

#page-smart-security .div-border {
    width: 100%;
    margin-top: 6rem;
    margin-bottom: 6rem;
    height: 4px;
    background-color: #003E66;
}

#page-smart-security .innser-sec-title {
    color: #003E66;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 6rem;
    text-align: center;
}

#page-smart-security .content-item-2 {
    /* display: block; */
    width: 49%;
}

#page-smart-security .inner-sec {
    margin-bottom: 6rem;
}

#page-smart-security .price-label {
    width: 320px;
    font-size: 18px;
    padding: 1em;
    line-height: 1;
    background-color: #003E66;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 1.5em;
    margin: 0 auto 2rem;
}

#page-smart-security .price-row {
    color: #003E66;
    font-size: 28px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 2rem;
}

#page-smart-security .price-row .price {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 2rem;
}

#page-smart-security .price-table1 {
    width: 80%;
    max-width: 280px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
}

#page-smart-security .price-table2 {
    display: flex;
	justify-content: center;
    column-gap: 2rem;
}

#page-smart-security .price-table2 p {
    line-height: 1.5;
    font-size: 1.6rem;
}

#page-smart-security .price-note {
	width: 360px;
    margin: 2rem 0 0 auto;
}

#page-smart-security .pc .flow {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
    margin-bottom: 2rem;
}

#page-smart-security .sp .flow {
    width: 100%;
    max-width: 575px;
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 2rem;
    margin: 0 auto;
}

#page-smart-security .sp .flow > * {
    width: 100%;
}

#page-smart-security .step {
    text-align: center;
    padding: 2rem 1.5rem;
    color: #003E66;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    border: 1px solid #003E66;
/*     box-shadow: 0 2px 6px 4px #00000040; */
	box-shadow: 0 2px 6px 2px #78787840;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: white;
}

#page-smart-security .step.pickup {
    border-width: 2px;
}

#page-smart-security .next-step {
    width: 0;
    height: 0;
    border-left: 10px solid #003E66;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

#page-smart-security .sp .next-step {
    width: 0;
    height: 0;
    border-top: 10px solid #003E66;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
}

#page-smart-security .toritsuke {
    width: 60%;
    margin: 0 auto;
    padding: 2rem;
    color: white;
    font-weight: bold;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    background: linear-gradient(90deg, #0F2A4C, #036EB8);
}

#page-smart-security .toritsuke::before {
    position: absolute;
    top: -3rem;
    left: calc(50% - 0.75rem);
    content: "";
    border-bottom: 3rem solid #003E66;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
}

#page-smart-security .sp .toritsuke {
    width: 100%;
    margin-top: 3rem;
    padding: 2rem;
    color: white;
    font-weight: bold;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    background: #003E66;
}

#page-smart-security .sp .toritsuke::before {
    position: absolute;
    top: -3rem;
    left: calc(50% - 0.75rem);
    content: "";
    width: 8px;
    height: 3rem;
    background-color:  #003E66;
    border: 0;
}

#page-smart-security .flow-note {
    width: 540px;
    margin: 2rem 0 0 auto;
}

#page-smart-security .sp .flow-note {
    width: 100%;
    max-width: 575px;
    margin: 2rem auto 0;
}

#page-smart-security .faq {
    padding: 2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 16px;
    border: 1px solid #003E66;
	background-color: white;
}

#page-smart-security .faq > * {
    width: 49%;
}

#page-smart-security .q {
    border-bottom: 2px solid #003E66;
    padding: 1.5rem 0;
    cursor: pointer;
}

#page-smart-security .a {
    /* justify-content: flex-end; */
    background-color: #F5F7FB;
    padding: 1.5rem 0.5em;
}

#page-smart-security .q,  #page-smart-security .a {
    display: flex;
    align-items: flex-start;
    column-gap: 0.5rem;
}

#page-smart-security .q-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #003E66;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    line-height: 1;
}

#page-smart-security .a-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #29ABE2;
    width: 1.5em;
    height: 1.5em;
    border-radius: 0.75em;
    line-height: 1;
}

#page-smart-security .faq-desc {
    font-weight: bold;
    line-height: 1.5;
    width: calc(100% - 3.5em);
}

#page-smart-security .open-icon {
    width: 1em;
    margin-top: 0.5em;
}

#page-smart-security .faq a {
	text-decoration: underline;
}

#page-smart-security .sec05 {
    padding: 6rem 4rem;
    background-image: url(../img/car/08-0.png);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#page-smart-security .security {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 2rem;
    background-color: #ffffffD9;
    column-gap: 4rem;
    row-gap: 4rem;
}

#page-smart-security .security > * {
    width: 48%;
}

#page-smart-security .security-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: #003E66;
}

#page-smart-security .security-desc {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2rem;
    color: #003E66;
}
#page-smart-security .img-buzzer {
    display: block;
    margin: 0 auto 1rem;
    width: 40%;
    max-width: 160px;
}

#page-smart-security .security-subdesc {
    font-size: 14px;
    line-height: 1.5;
}

#page-smart-security .security-funcs {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 6rem;
}

#page-smart-security .security-func {
    width: 30%;
    padding: 2rem;
    background-color: white;
    border-radius: 10px;
/*     box-shadow: 0 2px 6px 4px #00000040; */
	box-shadow: 0 2px 6px 2px #78787840;
}

#page-smart-security .security-func img {
    margin-bottom: 2rem;
}

#page-smart-security .security-func p {
    text-align: center;
    color: #003E66;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

#page-smart-security .sec06 {
    padding: 6rem 0;
}

#page-smart-security .sec06 .note {
    text-align: right;
    margin-top: 2rem;
}

@media (max-width: 1399px) {
	#page-smart-security .points_left {
		padding: 1rem;
		background-color: #627a8270;
	}
}

@media (max-width: 991px) {
    #page-smart-security .pc {
        display: none;
    }

    #page-smart-security .sp {
        display: block;
    }

    #page-smart-security .mv_subtitle {
        display: flex;
        align-items: center;
        line-height: 1.5;
    }

    #page-smart-security .img-sp {
        display: block;
        width: 50%;
        margin: 0 auto 2rem;
    }

    #page-smart-security .sec02_main {
        padding-left: 0;
    }

    #page-smart-security .sec02 .points {
        display: block;
        margin-top: 0;
    }
	
	#page-smart-security .points_left {
		padding: 0;
		background-color: unset;
	}

    #page-smart-security .points_right {
		max-width: 320px;
        margin-top: 2rem;
        padding-bottom: 0;
        font-size: 18px;
    }

    #page-smart-security .points_right .pop {
        font-size: 18px;
        font-weight: bold;
        clip-path: polygon(
            0 0, 
            100% 0, 
            100% 100%, 
            calc(50% + 0.5em) 100%,
            calc(50% + 0.5em) calc(100% - 3px), 
            calc(50% - 0.5em) calc(100% - 3px), 
            calc(50% - 0.5em) 100%,
            0 100%
        );
/* 		clip-path: polygon(
            0 0, 
            100% 0, 
            100% 100%, 
            calc(200px + 0.5em) 100%,
            calc(200px + 0.5em) calc(100% - 3px), 
            calc(200px - 0.5em) calc(100% - 3px), 
            calc(200px - 0.5em) 100%,
            0 100%
        ); */
        z-index: 0;
    }

    #page-smart-security .points_right::before {
        content: "";
        width: calc(1em + 2px);
        height: 1.25em;
        background-color: white;
        position: absolute;
        top: calc(100% - 2px);
        left: calc(50% - 0.5em - 1px);
/* 		left: calc(200px - 0.5em - 1px); */
        clip-path: polygon(
            0 0,
            2.5px 0,
            50% calc(100% - 2.5px),
            calc(100% - 2.5px) 0,
            100% 0,
            50% 100%
        );
        z-index: 1;
    }

    #page-smart-security .sec03-bg-right {
        background-size: cover;
        background-position: center center;
    }

    #page-smart-security .car-thelt-damage_flex {
        flex-direction: column;
        width: 80%;
    }
	
	#page-smart-security .sec03-bg-hexa {
		background-size: 2880px 1800px;
		background-position: top;
		background-repeat: repeat;
	}
	
    #page-smart-security .table-title {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    #page-smart-security .content .note {
        font-size: 10px;
    }

    #page-smart-security .faq {
        flex-direction: column;
    }

    #page-smart-security .faq > * {
        width: 100%;
    }

    #page-smart-security .security {
        flex-direction: column;
        max-width: 576px;
        margin: 0 auto;
    }

    #page-smart-security .security > * {
        width: 100%;
    }
}

@media (max-width: 825px) {
    #page-smart-security .sec01 {
        padding: 3rem 1.5rem;
    }
}

@media (max-width: 767px) {
    #page-smart-security .w767-off {
        display: none;
    }

    #page-smart-security .w767-on {
        display: block;
    }
	
	#page-smart-security .w767-w-80 {
		width: 80% !important;
		aspect-ratio: unset !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#page-smart-security .text-md-center {
		text-align: center !important;
	}
	
	#page-smart-security .mv {
        display: block;
		max-width: 480px;
		margin: 0 auto;
    }
	
	#page-smart-security .mv_subtitle {
		justify-content: center;
	}
	
	
	#page-smart-security .sec01 .note {
		font-size: 10px;
	}
	
	#page-smart-security .content img.w767-h-short {
		aspect-ratio: 5 / 2;
		object-fit: cover;
		object-position: top;
	}
	
/* 	#page-smart-security .w767-w-75 {
		width: 75% !important;
		aspect-ratio: unset !important;
		margin-left: auto;
		margin-right: auto;
	} */

    #page-smart-security .sec02_title {
        font-size: 28px;
    }

    #page-smart-security .sec02_subtitle {
        font-size: 18px;
    }
	
	#page-smart-security .img-1min {
		width: 80%;
	}

    #page-smart-security .car-thelt-damage {
        padding: 4rem 1.5rem;
    }

    #page-smart-security .car-thelt-damage .pop-image {
        width: 108px;
        top: -40px;
        right: -2rem;
    }
	
	#page-smart-security .innser-sec-title {
		font-size: 28px;
	}
	
	#page-smart-security .content-title {
		font-size: 20px;
		padding: 1rem 1.5rem;
		line-height: 1.5;
	}
	
    #page-smart-security .content-flex {
        flex-direction: column;
        align-items: center;
        gap: 6rem;
    }

    #page-smart-security  .hikaku .content-flex {
        gap: 2rem;
    }

    #page-smart-security .content-item {
        width: 60%;
    }
	
	#page-smart-security .content-item-title {
		display: block;
		height: 1.2em;
		margin: 2rem 0;
	}

    #page-smart-security .content .msa-logo {
        aspect-ratio: 5 / 2;
    }

    #page-smart-security .content-cars {
        flex-direction: column;
        gap: 1.5em;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #page-smart-security .content-item-2 {
        width: 80%;
    }
    #page-smart-security .price-table1 {
        width: 100%;
    }

    #page-smart-security .price-table2 {
        flex-direction: column;
        width: 280px;
        margin: 0 auto;
    }

    #page-smart-security .price-note {
        margin: 2rem auto;
    }

    #page-smart-security .sec06 .note {
        text-align: left;
    }
    #page-smart-security .button.home-sec-button {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    #page-smart-security .w575-off {
        display: none;
    }

    #page-smart-security .w575-on {
        display: block;
    }
    #page-smart-security .title {
        font-size: 24px;
        padding: 1.25em 0;
    }
	
	#page-smart-security .sec02 .sp .sec02_main {
		background-image: url(../img/car/02-0top_hand-2.png), url(../img/car/02-0top_car.png);
		background-size: 240px auto, cover;
		background-position: left bottom, right -150px center;
	}
	
	#page-smart-security .sec02_main .container1 {
		padding-bottom: 1rem;
	}

    #page-smart-security .sec03 {
        padding-bottom: 2rem;
    }

    #page-smart-security .sec03_bg {
        margin-bottom: 1rem;
    }

    #page-smart-security .sec03-bg-right {
        padding: 2rem 2rem;
    }

    #page-smart-security .title::before {
        top: 6px;
    }

    #page-smart-security .container1{
        padding: 0 1rem;
    }

    #page-smart-security .logo-rb {
        font-size: 16px;
    }

    #page-smart-security .mv_subtitle {
        font-size: 16px;
    }

    #page-smart-security .button {
        width: 100%;
    }

    #page-smart-security .sec02 .points {
        font-size: 18px;
    }

    #page-smart-security .car-thelt_title {
        font-size: 18px;
    }

    #page-smart-security .car-theld_count {
        font-size: 32px;
    }

    #page-smart-security .zennennhi {
        font-size: 18px;
    }

    #page-smart-security .sec03 .note {
        text-align: left;
    }

    #page-smart-security .strong {
        font-size: 1.8em;
    }

    #page-smart-security .car-thelt-damage_flex {
        width: 100%;
    }

    #page-smart-security .table-title {
        font-size: 18px;
    }

    #page-smart-security .sec03-bg-hexa {
        padding: 0 2rem 4rem;
        clip-path: polygon(
            0 0,
            100% 0,
            100% 96%,
            50% 100%,
            0 96%
        );
    }

    #page-smart-security .sp .method-body img {
        width: 35%;
    }

    #page-smart-security .sp .method-desc {
        font-size: 14px;
    }

    #page-smart-security .thelt-block_header {
        padding: 3rem 1rem;
    }

    #page-smart-security .thelt-block_subtitle {
        font-size: 18px;
    }

    #page-smart-security .thelt-block_title {
        font-size: 32px;
    }

    #page-smart-security .thelt-block_desc {
        font-size: 18px;
        line-height: 1.2;
    }

    #page-smart-security .thelt-block_desc .strong {
        font-size: 1.4em;
    }

    #page-smart-security .thelt-block_body img {
        width: 90%;
    }

	#page-smart-security .content-block {
		width: 100%;
	}

    #page-smart-security .content-item {
        width: 100%;
    }

    #page-smart-security .content-item-2 {
        width: 100%;
    }

    #page-smart-security .price-label {
        width: 240px;
        font-size: 18px;
    }
    #page-smart-security .price-row {
        font-size: 24px;
    }

    #page-smart-security .sec05 {
        padding: 4rem 2rem;
        background-position: right 25% bottom;
    }

    #page-smart-security .security-title {
        font-size: 28px;
    }

    #page-smart-security .security-func {
        padding: 2rem 1rem;
    }

    #page-smart-security .security-func img {
        width: 80%;
        display: block;
        margin: 0 auto 2rem;
    }

    #page-smart-security .security-func p {
        font-size: 14px;
    }

    /* #page-smart-security .security-desc {
        font-size: 16px;
    } */
}

@media (max-width: 374px) {
    #page-smart-security .w374-off {
        display: none;
    }

    #page-smart-security .w374-on {
        display: block;
    }

    #page-smart-security .car-thelt-damage .pop-image {
        top: -72px;
    }
	
	#page-smart-security .sec02 .sp .sec02_main {
		background-image: url(../img/car/02-0top_SP-2.png);
		background-size: cover;
		background-position: center center;
	}

    #page-smart-security .price-row {
        font-size: 20px;
    }

    #page-smart-security .price-note {
        width: 280px;
    }
}