/* Common Style Responsive Define
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:1366px) {
    .com__btn__st {
        font-size: 16px;
    }
    .contact-item-group__label p {
        font-size: 16px;
    }
    .contact-item-group__tag label {
        font-size: 16px;
    }
    .contact-item-group__tag #company {
        width: 2.259rem;
        height: 2.259rem;
    }
    .contact-item-group__tag #person {
        width: 2.259rem;
        height: 2.259rem;
    }
    .footer-main__lead p {
        font-size: 3.234rem;
    }
    .footer-lead__txt p {
        font-size: 2.259rem;
    }
}
@media(max-width:980px) {
    .pc-show{
        display: none;
    }
    .sp-show{
        display: block;
    }
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 24px;
        text-align: left;
    }
    h3 {
        font-size: 24px;
        line-height: 1.5;
    }
    h4 {
        font-size: 16px;
        line-height: 1.5;
    } */
    .header{
        padding: 16px 0px 0px 0px;
    }
    .header-menu {
        width: 100%;
        padding: unset;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .header-menu::-webkit-scrollbar {
        display:none;
    }
    .header-menu__item{
        display: inline-block;
    }
    .top-header .bg{
        background:none;
    }
    .contact {
        padding: 64px 0;
    }
    .contact-item {
        padding: 0 24px;
    }
    .contact .contact-item-group:nth-child(1) {
        margin-top: 34px;
    }
    .contact-item-group {
        flex-direction: column;
        margin-top: 21px;
    }
    .contact-item-group__tag {
        width: 100%;
    }
    .contact-item-group__label {
        width: 100%;
        justify-content: unset;
    }
    .contact-item-group__label p {
        font-size: 16px;
    }
    .contact-item-group__tag label {
        font-size: 16px;
    }
    .contact-item-group__label p:nth-child(2) {
        font-size: 12px;
        margin-left: 20px !important;
    }
    .contact-item-group__tag select {
        font-size: 16px;
    }
    .contact-item-group__tag input[type="text"] {
        font-size: 16px;
    }
    .contact-item-group__tag textarea {
        font-size: 16px;
    }
    .contact-item-group__tag input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    .contact-item__submit {
        margin-top: 34px;
    }
    footer {
        padding: 40px 0 24px;
    }
    .footer-menu {
        width:auto;
        padding:24px;
    }
    .footer-app-download {
        padding: 0 30px;
        margin-top: 39px;
        flex-direction: column;
    }
    .footer-app-download-item {
        flex-direction: row-reverse;
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-app-download .footer-app-download-item:nth-child(1) .footer-app-download-item__store {
        justify-content: unset;
    }
    .footer-app-download .footer-app-download-item:nth-child(1) .footer-app-download-item__store .footer-app-download-item__store-1 img {
        float: unset;
        right: unset;
    }
    .footer-app-download-item__phone {
        width: 40%;
    }
    .footer-app-download-item__store {
        width: 60%;
    }
    .footer-app-download-item__store-1 {
        width: 100%;
        margin-left: 16px;
    }
    .footer-app-download-item__store-2{
        display: none;
    }
    .footer-menu__lead {
        padding-top: 50px;
    }
    .footer-menu-item {
        flex-direction: column;
    }
    .footer-menu-item-group {
        margin-top: 20px;
        width: 100%;
    }
    .footer-menu-item__link {
        margin-top: 10px;
    }
    .footer-menu-item__link a::before {
        width: 20px;
        height: 20px;
    }
    .footer-end {
        margin: 38px 0 0 0;
    }
    .footer-end-link a:nth-child(1) {
        margin-right: 21px;
    }
    .footer-end-link {
        margin-top: 21px;
    }
    .footer-reverse {
        margin: 62px 0 0 0;
    }
}

/* index.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .top-header {
        margin-top: unset;
        padding: 64px 16px;
        height: 100%;
        align-items: start;
        display: block;
        -webkit-box-align: start;
    }
    .top-header .bg{
        position: relative;
        background:none;
    }
    .top-smt-lock .bg{
        background: url("../img/top/sp-smt-lock.jpg") no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .top-header-box{
        flex-direction: column;
    }
    .top-header-item {
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .top-header-item:nth-child(1) {
        width: 100%;
    }
    .top-header-item:nth-child(2) {
        width: 100%;
        margin: 32px 50px;
    }
    .top-header-item__btn button{
        margin:0 auto;
        font-size:3vw;
    }
    .top-header-item img {
        width: 60%;
        height: auto;
        max-width: 400px;
    }
    .top-header-item__txt {
        margin-bottom:40px;
    }
    .top-header-item__txt h3 {
        text-align: center;
        font-size: 4vw;
    }
    .top-smt-lock {
        height: auto;
        padding:80px 0;
    }
    .top-smt-lock-item {
        left: 0;
        padding: 0 24px;
        letter-spacing: normal;
        width: auto;
    }
    .top-smt-lock-item h3{
        font-size: 4vw;
    }
    .top-smt-lock-item p {
        font-size: 16px;
        text-align: left;
    }
    .circle {
        width: 26px;
        height: 26px;
    }
    .top-smt-lock-item a span::after {
        font-size: 16px;
    }
    .top-crt-key{
        height:auto;
    }
    .top-crt-key .bg{
        height: 160px;
        top:0;
    }
    .top-crt-key-item__txt p span {
        display: unset;
    }
    .top-crt-key-item {
        position: relative;
        top: unset;
        left: unset;
        margin: 200px 24px 40px 24px;
        width: auto;
    }
    .top-crt-key-item__txt {
        color: #3C3C3C;
    }
    .top-crt-key-item__txt h3 {
        font-size:4vw;
    }
    .top-crt-key-item__txt p {
        margin-top: 21px;
    }
    .top-crt-key-item__btn {
        margin-top: 43px;
    }
    .top-crt-key-item__btn button {
        color: #3C3C3C;
        border: 1px solid #4EB56F;
    }
    .top-crt-key-item__btn button:hover {
        color: #fff;
        border: 1px solid #3C3C3C;
    }
    .top-all-change{
        height:auto;
    }
    .top-all-change .bg{
        height:160px;
        top:0;
    }
    .top-all-change .inner{
        position: relative;
        top: unset;
        left: unset;
        margin: 200px 24px 40px 24px;
        width: auto;
    }
    .top-all-change h3 {
        font-size:4vw;
    }
    .top-all-change p{
        margin-top: 21px;
    }
    .top-all-change .top-all-change-item{
        width:100%;
    }
    .top-all-change .top-crt-key-item {
        left: unset;
        padding-left: unset;
    }
    .top-all-change .top-all-change-item__btn{
        margin-top: 43px;
    }
    .top-all-change .top-all-change-item__btn button{
        border-color:#4EB56F;
    }
    .top-grid{
        margin-top: 40px;
    }
    .top-grid-item {
        display: block;
    }
    .top-grid-item-group {
        width: 100%;
        margin:0;
        padding-bottom: 40px;
    }
    .top-grid-item-group__txt p:nth-child(1) {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .top-grid-item-group__txt {
        left: 0;
        width:100%;
    }
    .top-grid-item-group__txt a {
        font-size: 16px;
    }
}
@media(max-width:576px) {
    .top-header-item img {
        width: 80%;
        max-width: 320px;
    }
    .top-header-item__btn button{
        font-size:4vw;
    }
    .top-header-item__txt h3 {
        text-align: center;
    }

    .top-smt-lock-item__txt {
        padding-bottom: 24px;
    }
    .top-smt-lock-item__txt p {
        font-size: 16px;
        text-align: left;
    }
    .top-smt-lock-item__btn a {
        font-size: 16px;
    }
    .top-crt-key-item__txt p {
        font-size: 16px;
        text-align: left;
    }
    .top-all-change p {
        font-size: 16px;
    }
    .top-grid{
        margin: 0px;
        padding: 24px 24px 0;
    }
    .top-grid-item:last-child {
        margin-bottom: 0;
    }
    .top-grid-item >a {
        margin:0;
    }
    .top-grid-item-group {
        width: 100%;
        margin:0;
        margin-bottom:24px;
        height: 360px;
        padding-top: 32px;
    }
}

/* features.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .feature-header {
        height:auto;
        max-width: none;
        position:unset;
        align-items: unset;
        display: block;
        -webkit-box-align: unset;
        margin-top:0;
    }
    .feature-header .bg {
        background: none;
    }
    .feature-header .inner {
        position: unset;
        margin:0 auto;
        width:100%;
    }
    .feature-header .feature-header-item{
        top: unset;
        left: unset;
        width: auto;
        margin:0;
        padding: 0 24px 40px;
    }
    .feature-header .inner .feature-header-item__txt h3{
        font-size:4vw;
    }
    .feature-header .inner .feature-header-item__txt p{
        font-size:2.5vw;
        margin-top: 24px;
    }
    .feature-header .inner #feature-header__img{
        text-align: center;
        height: 400px;
        margin-bottom:40px;
        padding: 16px 0 0;
    }
    .feature-header .inner #feature-header__img img {
        height: 100%;
    }

    .feature-autolock{
        height: auto;
        margin-bottom:80px;
    }
    .feature-autolock .bg{
        height: 160px;
       top:0;
    }
    .feature-autolock .inner{
        margin:0 24px;
        height:100%;
    }
    .feature-autolock .inner .feature-autolock-item__txt{
        width:100%;
        margin-top:200px;
    }
    .feature-autolock .inner .feature-autolock-item__txt h3{
        font-size:4vw;
    }
    .feature-autolock .inner .feature-autolock-item__txt p{
        font-size:2.5vw;
        margin-top: 24px;
    }
    .feature-unlock{
        height: auto;
    }
    .feature-unlock .bg{
        height: 160px;
        bottom:0;
        background-size:contain;
    }
    .feature-unlock .inner{
        margin:0 24px;
        height:100%;
        padding-top: 0;
        margin-top:40px;
        max-width: none;
    }
    .feature-unlock .inner h3{
        line-height: 1.5;
        font-size:4vw;
        margin-bottom:24px
    }
    .feature-unlock .feature-unlock__txt{
        padding-bottom: 24px;
    }
    .feature-unlock .feature-unlock__txt p{
        text-align: left;
        font-size:2.5vw;
        margin-bottom:0;
    }
    .feature-unlock__img img {
        width: 100%;
    }

    .feature-log{
        height: auto;
        margin-bottom: 40px;
    }
    .feature-log .bg{
        height: 160px;
        top:0;
    }
    .feature-log .inner{
        margin:0 24px;
        height:100%;
        margin-top:200px;
        width:auto;
    }
    .feature-log .inner .feature-log-item__txt{
        width: 100%;
        left:0;
    }
    .feature-log .inner .feature-log-item__txt h2{
        color:#3C3C3C;
    }
    .feature-log .inner .feature-log-item__txt p{
        color:#3C3C3C;
    }


    .feature-set{
        height: auto;
        margin-bottom:40px;
    }
    .feature-set .bg{
        height: 160px;
        top:0;
    }
    .feature-set .inner{
        margin:0 24px;
        height:100%;
        margin-top:200px;
        width:auto;
    }
    .feature-set .inner .feature-set-item__txt{
        width: 100%;
        left:0;
    }
    .feature-set .inner .feature-set-item__txt h2{
        color:#3C3C3C;
    }
    .feature-set .inner .feature-set-item__txt p{
        color:#3C3C3C;
    }
    

    .feature-waterproof{
        height: auto;
    }
    .feature-waterproof .bg{
        height: 160px;
        top:0;
    }
    .feature-waterproof .inner{
        margin:0 24px;
        height:100%;
        margin-top:200px;
        width:auto;
    }
    .feature-waterproof .inner .feature-waterproof-item__txt{
        width: 100%;
        left:0;
    }
    .feature-waterproof .inner .feature-waterproof-item__txt h2{
        color:#3C3C3C;
    }
    .feature-waterproof .inner .feature-waterproof-item__txt p{
        color:#3C3C3C;
    }

    .feature-grid{
        width:auto;
        margin:80px 24px;
    }
    .feature-grid__lead{
        padding: 0;
        margin-bottom: 0;
    }
    .feature-grid__lead h3{
        font-size:4vw;
        line-height: 1.5;
    }
    .feature-grid__lead p {
        text-align: left;
        font-size:2.5vw;
    }
    .feature-grid-item {
        flex-direction: column;
        margin-top: 0;
    }
    .feature-grid-item-group {
        width: 100%;
    }
    .feature-grid-item-group__txt p:nth-child(1) {
        font-size:4vw;
    }
    .feature-grid-item-group__txt p:nth-child(2) {
        font-size:2.5vw;
        margin-top: 10px;
    }
    .feature-grid-item-group {
        margin-top: 40px;
    }
}
@media(max-width:576px) {
    .feature-header .inner .feature-header-item__txt h3{
        font-size: 5vw;
    }
    .feature-header .inner .feature-header-item__txt p{
        font-size:4vw;
    }
    .feature-autolock .inner .feature-autolock-item__txt h3{
        font-size: 5vw;
    }
    .feature-autolock .inner .feature-autolock-item__txt p{
        font-size:4vw;
    }
    .feature-unlock .inner .feature-unlock__txt h3{
        font-size:5vw;
    }
    .feature-unlock .inner .feature-unlock__txt p{
        font-size:4vw;
    }
    .feature-log .inner .feature-log-item__txt h3{
        font-size:5vw;
    }
    .feature-log .inner .feature-log-item__txt p{
        font-size:4vw;
    }
    .feature-set .inner .feature-set-item__txt h3{
        font-size:5vw;
    }
    .feature-set .inner .feature-set-item__txt p{
        font-size:4vw;
    }
    .feature-waterproof .inner .feature-waterproof-item__txt h3{
        font-size:5vw;
    }
    .feature-waterproof .inner .feature-waterproof-item__txt p{
        font-size:4vw;
    }
    .feature-grid h3{
        font-size:5vw;
    }
    .feature-grid p{
        font-size:4vw;
    }
    .feature-grid-item-group__txt p:nth-child(1) {
        font-size:5vw;
    }
    .feature-grid-item-group__txt p:nth-child(2) {
        font-size:4vw;
    }
}
/* merit.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .merit-bt {
        height: auto;
    }
    .merit-bt .bg{
        background:none;
    }
    .merit-bt .inner{
        width: 100%;
    }
    .merit-bt-item {
        top: unset;
        left: unset;
        width: auto;
        margin:0;
        padding: 0 24px 40px;
    }
    .merit-bt-item__img {
        height: 400px;
        margin-bottom:40px;
        padding: 24px 0 0px 16px;
    }
    .merit-bt-item__img img {
        height: 100%;
    }
    .merit-bt-item h3{
        font-size:4vw;
    }
    .merit-bt-item p{
        font-size:2.5vw;
    }

    .merit-miwa {
        align-items: none;
        display: block;
        -webkit-box-align: none;
        height:auto;
    }
    .merit-miwa h3{
        font-size:4vw;
    }
    .merit-miwa p{
        font-size:2.5vw;
        margin-top:24px;
    }
    .merit-miwa .bg{
        height: 160px;
        top:0;
    }
    .merit-miwa .inner{
        padding:0 24px;
        margin:0 auto;
        padding-top:200px;
    }
    .merit-miwa .inner .merit-miwa__txt{
        width:100%;
        color:#3C3C3C;
        position: unset;
        margin-bottom:40px;
    }
    .merit-value {
        height: auto;
    }
    .merit-value p{
        font-size:2.5vw;
    }
    .merit-value .bg{
        background: url("../img/merit/sp-merit-value.jpg") no-repeat;
        background-position: center bottom;
        background-size: cover;
        height:100%;
        z-index:-1;
    }
    .merit-value .inner{
        width: 100%;
        padding:0 24px 80px;
        position: unset;
    }
    .merit-value .inner .merit-value-item__lead{
        padding-top:80px;
        margin-bottom:0;
    }
    .merit-value-group {
        flex-direction: column;
        padding:0;
        margin-top:0;
    }
    .merit-value-group__part {
        width: 100%;
        margin-bottom: 40px;
    }
    .merit-value-group p {
        font-size: 2.5vw;
    }
    .more-effect .inner{
        margin-top:0;
        padding: 0 24px;
    }
    .top-header-item__txt p {
        font-size:2.5vw;
        text-align: left;
        margin-top: 14px;
    }
    .more-effect__lead p {
        font-size:2.5vw;
        text-align: left;
        margin-top: 16px;
    }
    .more-effect {
        margin-top: 40px;
    }
    .more-effect__lead{
        padding: 0 ;
        margin-bottom:40px;
    }
    .more-effect-item {
        flex-direction: column;
    }
    .more-effect-item__img {
        width: 90%;
        margin-right: 0px;
    }
    .mb-120{
        margin-bottom: 0;
    }
    .mb-160{
        margin-bottom: 0;
    }
    .more-effect-item__txt {
        width: 100%;
        margin-top: 24px;
    }
    .more-effect-item__txt p:nth-child(1) {
        font-size:4vw;
    }
    .more-effect-item:nth-child(2) .more-effect-item__txt p:nth-child(2) {
        font-size:4vw;
    }
    .more-effect-item__txt p:nth-child(3) {
        font-size:2.5vw;
        margin-top: 16px;
    }
    .more-effect-item__txt p:nth-child(2) {
        font-size:2.5vw;
        margin-top: 16px;
    }
    .more-effect-item__link {
        margin-top: 24px;
        margin-bottom:40px;
    }
    .more-effect-item__txt a {
        font-size:2.5vw;
    }
}
@media(max-width:576px) {
    .merit-bt h3{
        font-size:5vw;
    }
    .merit-bt p{
        font-size:4vw;
    }
    .merit-miwa h3{
        font-size:5vw;
    }
    .merit-miwa p{
        font-size:4vw;
    }
    .merit-value p{
        font-size:4vw;
    }
    .top-header-item__txt p {
        font-size:4vw;
    }
    .more-effect__lead p {
        font-size:4vw;
    }
    .more-effect-item__txt p:nth-child(1) {
        font-size:5vw;
    }
    .more-effect-item:nth-child(2) .more-effect-item__txt p:nth-child(2) {
        font-size:5vw;
    }
    .more-effect-item__txt p:nth-child(3) {
        font-size:4vw;
    }
    .more-effect-item__txt p:nth-child(2) {
        font-size:4vw;
    }
    .more-effect-item__txt a {
        font-size:4vw;
    }
}

/* spec.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .spec-top{
        padding-top:0;
        padding-bottom:0;
    }
    .spec-top__img img{
        width: 100%;
    }
    .spec-content {
        padding: 0 24px;
        width:auto;
        margin:0 auto;
    }
    .spec-content__title {
        margin: 40px 0 32px 0;
    }
    .spec-content-row {
        flex-direction: column;
        border-bottom: unset;
        margin-top: 27px;
    }
    .spec-content-row__left {
        width: 100%;
        border-bottom: 1px solid #707070;
        margin-bottom: 16px;
    }
    .spec-content-row__right {
        width: 100%;
    }
    .spec-content-row p {
        font-size: 16px;
    }
    .spec-content-row__right p {
        font-weight: unset !important;
    }
    .spec-content-row__right-group {
        padding-bottom: 8px;
        flex-direction: column;
    }
    .spec-content-row__right-1 {
        width: 100%;
    }
    .spec-content-row__right-2 {
        width: 100%;
    }
    .spec-top__img {
        padding: 40px 24px;
    }
}
@media(max-width:576px) {
}

/* case.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .case-top {
        padding: 0 24px;
        margin: 80px auto;
    }
    .case-item {
        max-width: 780px;
        margin: 0 auto;
        flex-direction: column;
    }
    .case-top__lead h3{
        font-size:32px;
    }
    .case-item-group {
        width: 100%;
    }
    .case-item-group__img {
        margin-bottom:24px;
    }
    .case-item-group__txt p {
        font-size: 4vw;
        margin-bottom:16px;
    }
    .case-item-group {
        margin-bottom: 40px;
    }
}


/* send_complete.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .send-complete{
        padding: 0 36px;
    }

    .send-complete__txt p {
        font-size: 3.5rem;
        text-align: left;
    }
    .send-complete__txt p:nth-child(1) {
        font-size: 5rem;
    }
    .send-complete__txt p:nth-child(2) {
        margin-top: 4rem;
    }
    .pc-span{
        display: inline;
    }
}
@media(max-width:576px) {
    .send-complete {
        margin-top: 64px;
        padding: 0 24px;
    }
    .send-complete__txt {
        text-align: left;
    }
    .send-complete__txt p {
        font-size: 16px;
    }
    .send-complete__txt p:nth-child(1) {
        font-size: 24px;
        text-align: center;
    }
    .send-complete__txt p:nth-child(2) {
        margin-top: 32px;
    }
    .pc-span{
        display: inline;
    }
}

/* compatible.html
///////////////////////////////////////////////////////////////////////////////////// */
@media(max-width:980px) {
    .compatible {
        margin: 80px 24px;
    }
    .compatible-lead {
        flex-direction: column;
        margin: 40px auto;
    }
    .compatible-lead__txt {
        margin-top: 32px;
        font-size: 16px;
    }
    .compatible-lead__txt p {
        line-height: 1.6;
    }
    .compatible-search {
        flex-direction: column;
        margin-bottom: 40px;
        padding-bottom: 0;
    }
    .label-item p {
        font-size: 16px;
    }
    .compatible-lead__title {
        width: 100%;
    }
    .compatible-lead__title h3{
        font-size: 32px;
    }
    .compatible-lead__txt {
        max-width: 780px;
        width: 100%;
        margin: 0 auto;
    }
    .contact-item-group__tag {
        max-width: 100%;
    }
    .compatible-search__slt {
        width: 100%;
    }
    .compatible-search__input {
        width: 100%;
        margin-top: 24px;
    }
    .search__bottom {
        margin-top: 80px;
        width: 100%;
    }
    .search__bottom p {
        font-size: 16px;
        line-height: 1.5;
    }
    .compatible-content {
        flex-direction: column;
    }
    .compatible__id {
        width: 100%;
    }
    .compatible__txt {
        width: 100%;
    }
    .compatible__txt p:nth-child(1) {
        margin-top: 16px;
    }
    .compatible__txt p:nth-child(2) {
        margin-top: 11px;
        line-height: 1.4;
    }
    .compatible__id h4 {
        font-size: 24px;
    }
    .compatible__txt p {
        font-size: 16px;
    }
    .compatible-content {
        margin-top: 40px;
    }
    .footer-lead {
        margin: 40px auto;
        width: 100%;
    }
}