/* index.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Top Content Section Style Define */
.top-header {
    background-color: #fafafa;
    height: 640px;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.top-header .bg{
    position: absolute;
    background:url(../img/top/main_nlm.png) no-repeat;
    width:100%;
    height:100%;
    background-size: 376px auto;
    background-position: calc(50% + 260px) 94px;
}
.top-header .inner{
    max-width: 980px;
    margin:0 auto;
    position:relative;
    z-index:2;
    width:100%;
}
.top-header-item:nth-child(1) {
    width: 50%;
}
.top-header-item:nth-child(2) {
    width: 376px;
}
.top-header-item img {
    width: 80%;
    margin-bottom: 40px;
}
.top-header-item__btn button{
    font-size:16px;
    font-weight: 100;
}
/* End Top Content Section Style Define */
/* Smart Lock Section Style Define */
.top-smt-lock {
    height: 640px;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.top-smt-lock .inner{
    max-width: 980px;
    margin:0 auto;
    position:relative;
    z-index:2;
    width:100%;
}
.top-smt-lock .bg{
    position: absolute;
    background:url(../img/top/smt-lock.jpg) no-repeat;
    width:100%;
    height:100%;
    background-position: 28% center;
    background-size: cover;
}
.top-smt-lock__img img {
    width: 100%;
}
.top-smt-lock-item {
    position: relative;
    text-align: center;
    align-items:center;
}
.top-smt-lock-item p {
    font-size: 24px;
    font-weight: bold;
}

.top-smt-lock-item .pc-w{
    width: 780px;
    margin: 0px auto;
}

.top-smt-lock-item h3{
    padding-bottom:56px;
    line-height: 1.5;
}
.top-smt-lock-item__txt {
    padding-bottom: 40px;
}
.top-smt-lock-item__txt p{
    margin-bottom: 0px;
}

.top-smt-lock-item__btn {
    text-align: center;
}
.top-smt-lock-item__btn a {
    padding:10px 45px 10px 0;
    margin-top: 40px;
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s;
    opacity: 1;
    text-decoration: none;
    background: url(../img/common/btn_play.png) no-repeat right center;
}

.top-smt-lock-item__btn a:hover {
    text-decoration: unset;
    opacity: 0.6;
}
/* End Smart Lock Section Style Define */
/* Create Key Section Style Define */
.top-crt-key {
    height: 640px;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.top-crt-key .inner{
    max-width: 980px;
    margin:0 auto;
    position:relative;
    width:100%;
}
.top-crt-key .bg{
    position: absolute;
    background:url("../img/top/bg_01.jpg") no-repeat;
    width:100%;
    height:100%;
    background-position: 28% center;
    background-size: cover;
}
.top-crt-key__bg img {
    width: 100%;
}
.top-crt-key-item {
    position: relative;
    width: 50%;
    left:50%;
    color:#ffffff;
}
.top-crt-key-item-2 {
    position: absolute;
    top: 24%;
    left: 46rem;
    width: 490px;
}
.top-crt-key-item-3 {
    position: absolute;
    top: 27%;
    left: 48rem;
    width: 490px;
}
.top-crt-key-item__txt p {
    font-size: 16px;
    margin-top: 2.8rem;
}
.top-crt-key-item__txt p span {
    display: block;
}
.top-crt-key-item__btn {
    margin-top: 3rem;
}
/* End Create Key Section Style Define */
/* Top All Change Style Define */
.top-all-change {
    height: 640px;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.top-all-change .inner{
    max-width: 980px;
    margin:0 auto;
    position:relative;
    width:100%;
}
.top-all-change .bg{
    position: absolute;
    background:url("../img/top/bg_02.jpg") no-repeat;
    width:100%;
    height:100%;
    background-position: center center;
    background-size: cover;
}
.top-all-change img {
    width: 100%;
}
.top-all-change-item {
    position: relative;
    width: 50%;
    left:0;
    color:#3C3C3C;
}
.top-all-change-item__txt p {
    font-size: 16px;
    margin-top: 2.8rem;
}
.top-all-change-item__txt p span {
    display: block;
}
.top-all-change-item__btn {
    margin-top: 3rem;
}
/* End Top All Change Style Define */
/* Top Grid Style Define */
.top-grid {
    margin-top: 12px;
    margin-bottom:12px;
}
.top-grid-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.top-grid-item > a{
    width: 100%;
    margin: 12px;
    cursor:pointer;
}
.top-grid-item-group {
    width: 100%;
    height:560px;
    padding-top: 72px;
}
.top-grid-item .img-nlmset1{
    background:url("../img/top/grid-img-1.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}
.top-grid-item .img-nlmset2{
    background:url("../img/top/grid-img-2.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}
.top-grid-item .img-nlmset3{
    background:url("../img/top/grid-img-3.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}
.top-grid-item-group__txt {
    text-align: center;
}
.top-grid-item-group__txt p {
    font-size: 16px;
    color: #3c3c3c;
    text-decoration: unset;
    font-weight: bold;
}
/* End Top Grid Style Define */

/* fretures.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.feature-header {
    height: 640px;
    width:100%;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
    background-color: #fafafa;
}
.feature-header .bg{
    position: absolute;
    background:url(../img/features/feature-top.png) no-repeat;
    width: 100%;
    height: 100%;
    background-position: calc(50% + -260px) center;
    background-size: 240px;
}
.feature-header .inner{
    position: relative;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.feature-header-item {
    position: relative;
    width: 50%;
    left: 50%;
}
.feature-header-item__txt h3{
    line-height: 1.2;
}
.feature-header-item__txt p{
    font-size: 16px;
    margin-top:32px;
}
.feature-autolock {
    height: 640px;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.feature-autolock .bg{
    position: absolute;
    background:url(../img/features/auto-lock.jpg) no-repeat;
    background-color: #EDEDED;
    width:100%;
    height:100%;
    background-position: center center;
    background-size:cover;
}
.feature-autolock .inner{
    position: relative;
    max-width:980px;
    margin:0 auto;
}
.feature-autolock .inner .feature-autolock-item__txt{
    font-size: 16px;
    width: 50%;
}
.feature-autolock .inner .feature-autolock-item__txt p{
    margin-top:32px;
}
.feature-unlock {
    height: 826px;
    margin:0 auto;
    position:relative;
}
.feature-unlock .bg{
    position: absolute;
    background:url(../img/features/unlock.png) no-repeat;
    width:100%;
    height: 100%;
    background-position: bottom center;
    background-size: 980px;
}
.feature-unlock .inner{
    position: relative;
    max-width:780px;
    margin:0 auto;
    text-align: center;
    padding-top:160px;
}
.feature-unlock .inner h3{
    margin-bottom:32px;
}
.feature-unlock .inner p{
    font-size: 16px;
}
.feature-log {
    height: 640px;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.feature-log .bg{
    position: absolute;
    background:url(../img/features/real-time.jpg) no-repeat;
    width:100%;
    height: 100%;
    background-position: center center;
    background-size:cover;
}
.feature-log .inner{
    position: relative;
    max-width:980px;
    width:100%;
    margin:0 auto;
}
.feature-log .inner .feature-log-item__txt{
    position: relative;
    font-size: 16px;
    width: 50%;
    color:#FFFFFF;
    left:50%;
}
.feature-log .inner .feature-log-item__txt p{
    margin-top:32px;
}
.feature-set {
    height: 640px;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.feature-set .bg{
    position: absolute;
    background:url(../img/features/set-detail.jpg) no-repeat;
    width:100%;
    height: 100%;
    background-position: center center;
    background-size:cover;
}
.feature-set .inner{
    position: relative;
    max-width:980px;
    width:100%;
    margin:0 auto;
}
.feature-set .inner .feature-set-item__txt{
    position: relative;
    font-size: 16px;
    width: 50%;
    color:#3C3C3C;
}
.feature-set .inner .feature-set-item__txt p{
    margin-top:32px;
}
.feature-waterproof {
    height: 640px;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.feature-waterproof .bg{
    position: absolute;
    background:url(../img/features/smart-lock.jpg) no-repeat;
    width:100%;
    height: 100%;
    background-position: center center;
    background-size:cover;
}
.feature-waterproof .inner{
    position: relative;
    max-width:980px;
    width:100%;
    margin:0 auto;
}
.feature-waterproof .inner .feature-waterproof-item__txt{
    position: relative;
    font-size: 16px;
    width: 50%;
    color:#FFFFFF;
    left:50%;
}
.feature-waterproof .inner .feature-waterproof-item__txt p{
    margin-top:32px;
}

/* End index.html Reset */

/* End Feature Unlock Style Define */

/* Feature Grid Section Style Define */
.feature-grid {
    width:980px;
    margin:160px auto;
}
.feature-grid__lead {
    text-align: center;
    margin: 0 auto 120px;
    max-width: 780px;
}
.feature-grid__lead p {
    margin-top: 32px;
    font-size: 16px;
}
.feature-grid-item {
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.feature-grid-item-group {
    display: flex;
    flex-direction: column;
    width: 440px;
}
.feature-grid-item-group__img{
    margin-bottom: 32px;
}
.feature-grid-item-group__img img {
    width: 100%;
}
.feature-grid-item-group__txt p:nth-child(1) {
    font-size: 24px;
}
.feature-grid-item-group__txt p:nth-child(2) {
    font-size: 16px;
}
/* End Feature Grid Section Style Define */

/* merit.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.merit-bt {
    height: 640px;
    width: 100%;
    margin:0 auto;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
    background-color: #fafafa;
}
.merit-bt .bg{
    position: absolute;
    background:url(../img/merit/merit-top.png) no-repeat;
    width:100%;
    height:100%;
    background-position: calc(50% + 260px) center;
    background-size: 400px;
}
.merit-bt .inner{
    position: relative;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.merit-bt-item {
    position: relative;
    width: 50%;
}
.merit-bt-item p{
    font-size: 16px;
    margin-top:32px;
}
.merit-bt-item__img{
    text-align: center;
}

.merit-miwa {
    height: 640px;
    position:relative;
    align-items:center;
    display: -webkit-box;
    -webkit-box-align: center;
}
.merit-miwa .bg{
    position: absolute;
    background:url(../img/merit/high-security.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:cover;
    background-position: center center;
}
.merit-miwa p{
    margin-top:32px;
}
.merit-miwa .inner{
    max-width:980px;
    margin:0 auto;
}
.merit-miwa .inner .merit-miwa__txt{
    position: relative;
    width:50%;
    left:50%;
    font-size: 16px;
    color:#FFFFFF;
}
.merit-value {
    position: relative;
    height:640px;
}
.merit-value .bg{
    position: absolute;
    background:url(../img/merit/merit-value.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:cover;
    background-position: center bottom;
}
.merit-value .inner{
    position: absolute;
    top:145px;
    left: calc(50% - 490px);
    max-width:980px;
}
.merit-value-item__lead {
    text-align: center;
}
.merit-value-item__lead h2{
    margin-bottom: 80px;
}
.merit-value-group {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.merit-value-group__part {
    width: 45%;
}
.merit-value-group__part p {
    font-size:16px;
}
.merit-value-group__part .hp{
    font-size:24px;
}
.more-effect .inner{
    max-width: 980px;
    margin:0 auto;
    margin-top:160px;
}
.more-effect__lead {
    text-align: center;
    margin: 0 auto 120px;
    max-width: 780px;
}
.more-effect__lead p {
    font-size: 16px;
}
.more-effect-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.more-effect-item__img {
    width: 48%;
    margin-right: 60px;
}
.more-effect-item__img img {
    width: 100%;
}
.more-effect-item__txt {
    width: 50%;
}
.more-effect-item__txt p:nth-child(1) {
    font-size: 24px;
}
.more-effect-item__txt p:nth-child(2) {
    font-size: 16px;
}
.more-effect-item__txt p:nth-child(3) {
    font-size: 16px;
}
.more-effect-item__txt a {
    font-size: 14px;
    color: #3c3c3c;
    text-decoration: underline;
}
.more-effect-item__link {
    margin-top: 25px;
}

/* spec.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.spec-top{
    background-color:#FAFAFA;
    padding-top:80px;
    padding-bottom:80px;
    margin-top:4px;
}
.spec-top__img {
    max-width:800px;
    margin:0 auto;
}
.spec-content {
    width:980px;
    margin:160px auto;
}
.spec-content a {
    text-decoration: underline;
    display: table;
}
.spec-content a:hover {
    text-decoration: none;
}

.spec-content__title {
    margin: 4rem 0 5rem 0;
}
.spec-content-row {
    margin-bottom: 2em;
    border-bottom: 1px solid #AEAEAE;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.spec-content-row p {
    font-size: 16px;
}
.spec-content-row__left {
    width: 25%;
}
.spec-content-row__right {
    width: 75%;
}
.spec-content-row__right p {
    color: #3c3c3c;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 1em;
}
.spec-content-row__right-group {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.spec-content-row__right-1 {
    width: 25%;
}
.spec-content-row__right-2 {
    width: 75%;
}

/* case.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.case-top {
    max-width:980px;
    margin:160px auto 16px;
}
.case-top__lead h3{
    margin-bottom: 80px;
}
.case-item {
    margin-bottom: 80px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.case-item-group {
    display: flex;
    flex-direction: column;
    width: 45%;
}
.case-item-group__img img {
    width: 100%;
}
.case-item-group__txt p {
    font-size: 16px;
    font-weight: normal;
}
.case-item-group__txt p.lead {
    font-weight: bold;
}


/* .send_complete.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.send-complete {
    margin: 10rem auto;
    max-width: 780px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vh;
}
.send-complete__txt {
    text-align: center;
}
.send-complete__txt p {
    font-size: 1.6rem;
}
.send-complete__txt p:nth-child(1) {
    font-size: 3.2rem;
}
.send-complete__txt p:nth-child(2) {
    margin-top: 4rem;
}

.pc-span{
    display: inline-block;
}
/* .compatible.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.compatible {
    max-width:980px;
    margin: 160px auto;
}
.compatible-lead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 96px;
}
.compatible-lead__title {
    width: 50%;
    padding-right: 2em;
}
.compatible-lead__txt {
    width: 50%;
    font-size: 16px;
}
.compatible-lead__txt a {
    display: table;
    text-decoration: underline;
}
.compatible-lead__txt a p {
    font-weight: normal;
}
.compatible-lead__txt a:hover {
    text-decoration: none;
}
.compatible-search {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 80px;
}
.compatible-search__slt {
    width: 48%;
    display: flex;
    flex-direction: column;
}
.compatible-search__slt .contact-item-group__tag {
    width: 100%;
}
.compatible-search__input {
    width: 48%;
    display: flex;
    flex-direction: column;
}
.compatible-search__input .contact-item-group__tag {
    width: 100%;
}
.label-item p {
    font-size: 16px;
    font-weight: bold;
}
.compatible-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 80px;
}
.compatible__id {
    max-width: 280px;
    padding-right: 32px;
}
.compatible__id h4 {
    font-size: 24px;
    font-weight: bold;
}
.compatible__txt {
    width: 668px;
}
.compatible__txt p {
    font-size: 16px;
    font-weight: bold;
}
.compatible__txt p:nth-child(2) {
    font-weight: unset;
}
.search__bottom {
    width: 780px;
    margin: 120px auto 0;
    text-align: center;
}
.search__bottom p {
    font-size: 16px;
    margin-bottom: unset;
    line-height: 1;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////// */