@charset "UTF-8";

:focus {
    outline: none;
}

html {
    font-size: 62.5%;
}

body {
    line-height: 0;
}

a,
p {
    font-size: 62.5%;
    transform: rotate(0.03deg);

}

a {
    cursor: pointer !important;
}

/*font-family: 'UD新ゴNT M','UD新ゴNT L', 'UD新ゴNT R';*/
a,
p,
li {

    color: #000;
    text-decoration: none;
    line-height: 18px;
    font-size: 1.2rem;
    font-family: 'UD新ゴNT R', sans-serif;
    transform: rotate(0.03deg);

}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*    font-size: 62.5%;*/
    font-family: 'UD新ゴNT R', sans-serif;
    font-style: normal;
    transform: rotate(0.03deg);

}

img {
    width: 100%;
    -webkit-backface-visibility: hidden;

}

h3 {
    font-size: 2.4rem;
    line-height: 36px;
}

.blur {
    -ms-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;

}

/*.r-small {
    font-size: 0.8rem;
    vertical-align: top;
    line-height: 2;
}
*/
.body-01 {
    font-family: 'UD新ゴNT R', sans-serif;
    font-size: 1.2rem !important;
    line-height: 18px !important;


}

.body-02 {
    font-family: 'UD新ゴNT R', sans-serif;
    font-size: 1.4rem !important;
    line-height: 22px !important;
}

.c-custom03 {
    font-size: 1.2rem !important;
}

.cap-01 {
    font-family: 'UD新ゴNT R', sans-serif;
    font-size: 1.0rem !important;
    line-height: 18px !important;

}

.help-01 {
    font-family: 'UD新ゴNT R', sans-serif;
    font-size: 1.0rem !important;
    line-height: 18px !important;
    color: #6E6E6E !important;
    position: relative;
    padding-left: 8px;
    display: block;
}

.help-02 {
    font-family: 'UD新ゴNT R', sans-serif;
    font-size: 1.0rem !important;
    line-height: 18px !important;
    color: #6E6E6E !important;
    position: relative;
    display: block;
}

.ta-r .help-01 {
    display: inline-block;
}

.help-01::before {
    content: "*";
    position: absolute;
    left: 0px;

}

.head-01 {
    font-size: 1.2rem !important;
    line-height: 18px !important;
    font-family: 'UD新ゴNT M', sans-serif;

}

.head-02 {
    font-size: 1.4rem !important;
    line-height: 20px !important;
    font-family: 'UD新ゴNT M', sans-serif;

}

.head-03 {
    font-size: 1.8rem !important;
    line-height: 28px !important;
    font-family: 'UD新ゴNT R', sans-serif;

}

.head-04 {
    font-size: 2.2rem !important;
    line-height: 32px !important;
    font-family: 'UD新ゴNT R', sans-serif;

}

.head-05 {
    font-size: 3.4rem !important;
    line-height: 45px !important;
    font-family: 'UD新ゴNT L', sans-serif;

}

.head-06 {
    font-size: 3.4rem !important;
    line-height: 45px !important;
    font-family: 'UD新ゴNT M', sans-serif;

    margin-bottom: 42px;
}

.catch-01 {
    font-family: 'UD新ゴNT L', sans-serif;
    font-size: 4.4rem !important;
    line-height: 60px !important;

}

.catch-02 {
    font-size: 4.6rem !important;
    line-height: 60px !important;
    font-family: 'UD新ゴNT L', sans-serif;

}


.catch-03 {
    font-size: 4.6rem !important;
    line-height: 60px !important;
    font-family: 'UD新ゴNT M', sans-serif;

}

.catch-04 {
    font-size: 7.8rem !important;
    line-height: 102px !important;
    font-family: 'UD新ゴNT L', sans-serif;

}

.catch-05 {
    font-size: 7.8rem !important;
    line-height: 102px !important;
    font-family: 'UD新ゴNT M', sans-serif;

}

.catch-line-01 {
    font-size: 3.0rem !important;
    line-height: 44px !important;
    font-family: 'UD新ゴNT L', sans-serif;

}

.r15-icon {
    max-width: 130px;
}

.r-top h2 {
    margin-bottom: 32px;
}

.r-top h3 {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 30px;
}

.top a {
    opacity: 1;
    transition: 0.5s;
}

/*.top a:hover {
    opacity: 0.6;
    transition: 0.5s;
}
*/

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

.ta-r-sp-l {
    display: flex;
    justify-content: flex-end;
}

.color-w {
    color: #fff !important;
}

.new {
    padding: 4px 6px 3px;
    background: #D60536;
    font-size: 1.0rem;
    color: #fff;
    line-height: 1;
    display: inline-block;

}

.new-icon {
    width: 31px;
    display: inline-block;
}

.betsuuri {
    padding: 3px 6px;
    background: #D4D4D4;
    font-size: 1.0rem;
    line-height: 10px;
    display: inline-block;

}

.r-top-head header {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.inner {
    width: 100%;
    max-width: 1344px;
    ;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 18px 32px;
    transition: 0.3s;
}

.inner:after {
    content: "";
    clear: both;
    display: block;
}

nav#global-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-logo {
    width: 112px;
    margin-right: 18px;
    max-height: 24.91px;
}

.top-logo img {
    width: 112px;
    margin-right: 12px;
}

/*Header*/
.menu li {
    transition: 0.5s;
}

.menu a {
    border-color: rgba(0, 0, 0, 0);
    transition: 0.5s;
    padding-bottom: 2px;
}

.menu a:hover {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 1);
    transition: 0.5s;
    opacity: 1;
    padding-bottom: 2px;

}

.top-head {
    position: fixed;
    width: 100%;
    margin: 0;
    top: 0;
    z-index: 999;
}

.top-head a,
.top-head {
    color: #000;
    text-decoration: none;

    padding: 0;
}

.top-head {
    opacity: 1;
    transition: 0.2s;
}

.top-head.invisible {
    opacity: 0;
    transition: 0.2s;
}

.site-header .top-head {

    position: fixed;
    top: 0;
    transition: 0.2s;
    width: 100%;
    z-index: 9999;
}

.site-header .top-head.fixed {
    background: #fff;
}

.site-header.hide .top-head {
    transform: translateY(-100%);
    transition: 0.2s;
}

.site-header .top-head.background--dark a {
    color: #fff;
}

.site-header .top-head.background--light a {
    color: #000;
}

.head-white .site-header .top-head a {
    color: #fff;
}

.head-white .menu a:hover {

    border-color: rgba(255, 255, 255, 1);

}

.site-header .top-head.fixed a {
    color: #000 !important;
}

.site-header .top-head.background--dark .st0 {
    fill: #fff;
}

.head-white .site-header .top-head .st0 {
    fill: #fff;
}

.site-header .top-head.background--light .st0 {
    fill: #000;

}

.site-header .top-head.fixed .st0 {
    fill: #000 !important;
}


.top-head.background--dark .menu a:hover {

    border-color: rgba(255, 255, 255, 1);

}

.top-head .inner {
    position: relative;
}

.top-head .logo {
    float: left;

}


#global-nav ul {
    display: flex;
}

#global-nav li {

    padding: 5px 14px;
    text-align: center;

}

#global-nav .menu02 li {
    padding: 5px 10px;
    text-align: center;
}

.menu02 li:last-child {
    padding-right: 0 !important;
    ;
}

.menu02 li:first-child {
    padding-left: 0 !important;
}

/* Fixed */

/*
.top-head.fixed {
    top: 0;
    position: fixed;
   
    transition: 0.3s;
}*/




/* Toggle Button */

#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 101;
}

#nav-toggle div {
    position: relative;
}


#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 18px;
}

#nav-toggle span:nth-child(2) {
    top: 22px;
}

#nav-toggle span:nth-child(3) {
    top: 26px;
}

#nav-toggle span:nth-child(4) {
    top: 15px;
    opacity: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;

}

#nav-toggle span:nth-child(5) {
    top: 15px;
    opacity: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;

}

.top-slide,
.top-product {
    max-width: 1344px;
    width: 100%;
    margin: 0 auto;
}



.head-vec {

    display: none;
}

.sp-menu-in {
    display: none;
}

.r-slide-txt {
    position: absolute;
    left: 72%;
    top: 60%;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 46px;
    line-height: 64px;
    height: 180px;

}

.vec-slide {
    width: 57px !important;

}

.slide-logo {
    width: auto !important;
    height: 80px !important;
    object-fit: contain !important;
    object-position: left;
}

.top-slide {
    position: relative;
}

.slick-slide img {
    display: block;
    width: 100%;
    max-height: 50.371vw;
    object-fit: cover;
}

.slide-logo-area {
    width: 358px !important;
    position: absolute;
    top: 55%;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 48px;
    z-index: 999;
}

.slide-vec-item {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 0;
    font-size: 0;
    height: 18px;
}

.sensor-slide-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 16px;
    right: 96px;
    height: 3px;
}

.sensor-slide-dots li {
    display: inline-block;
    padding: 0 2px;
}

.sensor-slide-dots li button {
    position: relative;
    text-indent: -9999px;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #fff;
}

.sensor-slide-dots li button:before {
    content: '';

    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #fff;
}


.sensor-slide-dots li.slick-active button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #A20039;
}


.sensor-slide-txt-area {
    position: absolute;
    background: #949494;
    width: 176px;
    height: 176px;
    bottom: 2px;
    right: 32px;
    padding: 24px 16px;
}

.sensor-slide-txt-area p {
    color: #fff;
}

.slide-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 16px;
    left: 48px;
    height: 3px;
}

.slide-dots li {
    display: inline-block;
    padding: 0 2px;
}

.slide-dots li button {
    position: relative;
    text-indent: -9999px;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #fff;
}

.slide-dots li button:before {
    content: '';

    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #fff;
}


.slide-dots li.slick-active button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    display: inline-block;
    background: #A20039;
}

.slide-r15 {
    padding-bottom: 8px;
}

.pink-back {
    background: #F9D2E4;
    height: 100%;
}

.half {
    width: 50%;
}

.thought-txt {
    width: 100%;
    max-width: 436px;
}

.thought {
    width: calc(100% - 436px);
}

.r15-txt p {
    color: #E88AB6;
    /*  margin-top: 16px;*/
}

.r15-txt .st0 {
    fill: #E88AB6;
}

.conect-txt p {
    color: #0058A6;
}

.conect-txt .st0 {
    fill: #0058A6;
}

.r-slide-txt img,
.slide-logo-area img {
    height: auto;
}

.r-contents {
    width: 100%;
    max-width: 1344px;
    margin: 0 auto;
    padding: 0 32px;
}

.r-contents-02 {
    width: 100%;
    margin: 0 auto;
    padding: 0 32px;
    max-width: 1344px;

}

.r-contents-sub {
    width: 100%;
    margin: 0 auto;
    padding: 0 32px;
    max-width: 1344px;

}

.c-custom04 {
    padding: 0!important;

}
.r-top-contentsin {
    position: relative;
    opacity: 1;
    transition: 0.3s;
}


.rt-ci {
    position: absolute;
    top: 60px;
    left: 48px;

}

.rt-ci p {
    font-size: 87px;
    line-height: 87px;
    color: #fff;
}

.rt-cimg {
    position: absolute;
    bottom: 48px;
    left: 48px;
    width: 57px;
}



.Rgrid {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Rgrid img {
    width: 100%;
}

.Rgrid .half {
    width: 50%;
}

.Rgrid .col-v {
    display: flex;
    flex-direction: column;
}

.Rgrid .jc-c {
    justify-content: space-between;
}

.jc-fs {
    justify-content: flex-start !important;
}

.jc-fs img:first-child {
    margin-right: 16px;
}

.Rgrid .vertical-gray {
    background: #F6F6F6;
    margin-bottom: 1px;
    width: 100%;
    height: 100%;
    padding: 16px;
}

.Rgrid .vertical-gray:last-child {
    margin-bottom: 0px;
}

.p16 {
    padding: 16px;
}

.p32p16 {
    padding: 32px 16px;
}

.p16-side {
    padding: 0 16px;
}

.p46 {
    padding: 16px 46px;
}

.w75 {
    width: 75%;
}

.col-helf {
    width: calc(50% - 16px);
}

.col-helf-bottom40 .col-helf {
    margin-bottom: 40px;
}

.col-helf:last-child {
    margin-bottom: 0px;
}

.col-helf:nth-last-child(2) {
    margin-bottom: 0px;
}

.top-txt {
    max-width: 384px;
    width: 100%;
}

.gray-back {
    width: 100%;
    height: 100%;
    background: #F6F6F6;
}




.Rgrid-contents {
    width: 100%;
    padding-right: 16px !important;
    display: flex;
    justify-content: space-between;

}

.Rgrid-contents h4 {
    font-size: 1.4rem;
    font-weight: normal;
}

.Rgrid-contents .three-1 {
    width: 25.398%;
    position: relative;
    padding-left: 16px;
    padding-right: 32px;

}

.three-1-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Rgrid-contents .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Rgrid-contents .right {
    width: 74.604%;


}


.Rgrid-contents .three-2 {
    width: calc(50% - 8px);
    position: relative;
}

.Rgrid-contents .col2-m8 {
    width: calc(50% - 8px);
    margin-bottom: 32px;
    position: relative;
}

.Rgrid-contents .col2-m8-nobottom {
    width: calc(50% - 8px);
    position: relative;
}

.Rgrid-contents .col2-16 {
    width: calc(50% - 16px);
}

.Rgrid-contents .col2-m8:last-child,
.Rgrid-contents .col2-m8:nth-last-child(2) {
    margin-bottom: 0px;
}

.caption-area {

    opacity: 1;
    transition: 0.5s;

}

.Rgrid-contents .caption-area {
    background: #F6F6F6;
    padding: 16px;
    height: 184px;

    display: block;
}

.Rgrid-contents .caption-area h2 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 20px;
    font-family: 'UD新ゴNT M', sans-serif;
}

.products .Rgrid-contents .caption-area p {
    font-size: 1.2rem;
    line-height: 18px;

    max-width: 287px;

}

.Rgrid-contents .caption-area p {
    font-size: 1.2rem;
    line-height: 18px;
    max-width: 288px;

}

.Rgrid-contents .cap-vec {
    width: 22px;
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.Rgrid-contents h3 {
    font-size: 2.2rem;
    line-height: 32px;
    font-weight: normal;
    margin-bottom: 32px;
    margin-top: -5px;
}

.gray {
    background: #F6F6F6;
    width: 100%;
}

.grada {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,f8f8f8+100&0+0,0.84+30,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.84) 30%, rgba(248, 248, 248, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.84) 30%, rgba(248, 248, 248, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.84) 30%, rgba(248, 248, 248, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f8f8f8', GradientType=0);
    /* IE6-9 */


    width: 100%;
}

.grada-top {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,ffffff+75,ffffff+100&1+0,0.84+75,0+99 */
    background: -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 0.84) 75%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 0.84) 75%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 0.84) 75%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */



    width: 100%;
}

.area .Rgrid-contents,
.grada .Rgrid-contents,
.grada-top .Rgrid-contents {
    padding: 32px 16px 32px 0;
}

.news-area .Rgrid-contents {
    padding: 32px 16px 32px 0;
}

.area.right-pnone .Rgrid-contents {
    padding: 32px 0px 32px 0px !important;
}

.area .Rgrid-contents .caption-area {
    background: #fff;
    padding: 16px;
    height: 154px;
    position: relative;
    display: block;

}

.area .Rgrid-contents .three-2 {
    margin-bottom: 16px;
}


.Rgrid-contents .three-3:nth-child(4),
.Rgrid-contents .three-3:nth-child(5),
.Rgrid-contents .three-3:nth-child(6) {
    margin-bottom: 0px;
}

/*.thought {
    padding: 32px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: bottom;

}*/

.sensorlight-slide-area .Rgrid-contents,
.sensorlight-slide-area .r-contents-sub {
    padding-right: 0 !important;
}

.thought-txt p {
    width: 100%;
    max-width: 365px;
    margin-top: 64px;
}

.thought-img {
    width: 95.656%;
}



.thoght-img {
    width: 60%;
    /*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
}

.teian {
    position: relative;
    margin-bottom: 16px;
}

.teian-txt {
    position: absolute;
    top: 104px;
    left: 48px;
}

.teian-txt h2 {
    margin-bottom: 72px;
}

.teian-txt p {
    max-width: 365px;
}

.teian-txt-tab-sp {
    display: none;
}

.top-mainitem {
    width: 100%;
    display: flex;
    margin-bottom: 16px;
    max-height: 298px;
}

.top-mainitem:last-child {

    margin-bottom: 0px
}

.top-mainitem-txt {
    padding: 48px 32px;
    width: 56%;
    height: 298px !important;
    position: relative;
    opacity: 1;
    transition: 0.5s;

}

.top-mainitem:hover .top-mainitem-txt {
    opacity: 0.3;
    transition: 0.5s;
}

.top-mainitem-txt p {
    color: #fff;
    width: 100%;
    max-width: 410px;

}

.top-touch-back {
    background: rgba(212, 212, 212, 1);
    transition: 0.5s;
}

.top-r15-back {
    background: rgba(249, 210, 228, 1);
    transition: 0.5s;
}

.top-conected-back {
    background: rgba(0, 88, 166, 1);
    transition: 0.5s;
}

.top-mainitem:hover.top-touch-back {
    background: rgba(212, 212, 212, 0);
    transition: 0.5s;
}

.top-mainitem:hover.top-r15-back {
    background: rgba(249, 210, 228, 0);
    transition: 0.5s;
}

.top-mainitem:hover.top-conected-back {
    background: rgba(0, 88, 166, 0);
    transition: 0.5s;
}

.vec-area {
    width: 87px;
    position: absolute;
    right: 40px;
    bottom: 32px;
}

.top-mainitem-txt .tc-img {
    width: 100%;
    max-width: 400px;
}

.top-mainitem-txt .r15-img {
    width: 100%;
    max-width: 246px;
    margin-bottom: 24px;
}

.top-mainitem-txt .cl-img {
    width: 100%;
    max-width: 455px;
}

.top-mainitem-img {
    width: 44%;

}

.top-mainitem-img img {
    object-fit: cover;
    height: 100%;
}

.gray-back {
    height: 100%;
    background: #D4D4D4;
}

.gray-back.cl-cont-inner {
    height: auto;
}

.blue-back {
    height: 100%;
    background: #0058A6;
}

.one-cont .Rgrid-contents .three-2 {
    width: calc(50% - 16px);
    position: relative;
    /*    padding-left: 16px;*/
    margin-bottom: 58px;

}

.one-cont .right {
    padding-left: 16px;
}


.sensorlight-slide-area .one-cont .right {
    padding-left: 4px;
}

.one-cont .Rgrid-contents .caption-area {
    background: none;
    padding: 16px 0;
    height: auto;
    display: block;
    opacity: 1;
    transition: 0.5s;
}

a.three-2,
a.three-3,
a.three-4,
.cap-vec,
a.three-2 p,
.flat-fan-lineup a,
a.long-area .long-txt-area {
    opacity: 1;
    transition: 0.5s;
}

a.three-2:hover .caption-area,
a.three-3:hover .caption-area,
a.three-4:hover .caption-area,
a.three-2:hover .cap-vec,
a.three-3:hover .cap-vec,
a.three-2:hover p,
.flat-fan-lineup a:hover,
a.long-area:hover .long-txt-area {
    opacity: 0.3;
    transition: 0.5s;
}

.border-link {
    border-color: rgba(0, 0, 0, 0);
    transition: 0.5s;
    padding-bottom: 2px !important;
}

.border-link:hover {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 1);
    transition: 0.5s;
    opacity: 1;

}

.bread a,
.bread p,
.bread li {
    line-height: 18px !important;
    font-size: 1.2rem !important;
}


.r-foot-r a,
.r-foot-bmenu a,
.bread a {
    border-color: rgba(0, 0, 0, 0);
    transition: 0.5s;
    padding-bottom: 2px !important;
}

.r-foot-r a:hover,
.r-foot-bmenu a:hover,
.bread a:hover {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 1);
    transition: 0.5s;
    opacity: 1;
}

.one-cont .Rgrid-contents .cap-vec {
    width: 22px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: inherit;
}

.Rgrid-contents .three-3 {
    width: calc(33.3333% - 8px);
    position: relative;
    padding-left: 16px;
    margin-bottom: 40px;
}

.Rgrid-contents .three-sec .three-3 {
    width: calc(33.3333% - 10px);
    position: relative;
    padding-left: 0px;
    margin-bottom: 40px;
}

.one-cont .Rgrid-contents .three-3 {
    width: calc(33% - 16px);
    position: relative;
    padding-left: 0 !important;
    /*margin-bottom: 40px;*/
}

.Rgrid-contents .three-sec .three-4 {
    width: calc(25% - 10px);
    position: relative;
    padding-left: 0px;
}

.Rgrid-contents .three-sec .three-4 .caption-area {
    background: #F6F6F6;
    padding: 16px;
    height: 105px !important;
    display: block;
}

.gray .Rgrid-contents .three-sec .three-4 .caption-area {
    background: #fff;
    padding: 16px;
    height: 105px !important;
    display: block;
}

.one-cont .Rgrid-contents .three-4 {
    width: calc(25% - 16px);
    position: relative;
    padding-left: 0 !important;
    /*margin-bottom: 40px;*/
}

.supportlink {
    margin-bottom: 58px;
}

.news-area .cap-vec {
    width: 22px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: auto;
}

.Rgrid-contents .three-sec .news-data {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.Rgrid-contents .three-3 .caption-area {
    background: none;
    padding: 8px 0;
    height: auto;
    display: block;
    position: relative;

}

.news-area .three-3 {
    margin-bottom: 0px !important;
}

.Rgrid-contents .three-sec .caption-area {
    background: #fff;
    padding: 16px;
    height: 136px !important;
    display: block;
}

.Rgrid-contents .three-3 .vec {
    padding-left: 4px;
}

.vec-right .vec {

    position: absolute;
    right: 0;

}

.Rgrid-contents .three-3 .vec img {
    width: 22px;
}

.red-border {
    position: relative;
}

.red-border::after {
    content: '';
    background: #FF1E34;
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;

}

.r-info {
    width: 100%;
    margin: 0 auto;
    padding: 40px 48px 40px 32px;
    max-width: 1344px;


}

.r-info h3 {
    margin-bottom: 24px;
}

.r-info-inner {

    padding: 32px 16px;
    background: #F6F6F6;
    position: relative;
}

.r-info .button-item {
    position: absolute;
    bottom: 32px;
    right: 40px;
}

.r-info ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.r-info li {
    margin: 8px 0;
    font-size: 12px;
}

.r-info .r-info-date {

    width: 14.0625%;
}

.r-info .r-info-txt {

    width: 37.5%;
}

.r-info .r-info-pdf {
    width: 48.4375%;
}

.info-icon {
    width: 14px;
    margin-right: 16px;
    padding-bottom: 6px;
}

footer {
    width: 100%;


    background: #D4D4D4;
}

.r-foot-in {
    width: 100%;
    max-width: 1344px;
    margin: 0 auto;
    padding: 48px 32px 16px;
}

.r-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.r-foot-l {
    width: 50%;
    padding-left: 16px;
}

.r-foot-r {
    width: 50%;
    display: flex
}

.r-foot-r ul {
    padding-left: 16px;
    width: 50%;
}

.r-foot-r li {
    margin-bottom: 14px;
}

.footlogo {
    width: 112px;
    margin-bottom: 48px;
}

footer p {
    font-size: 14px;
}

footer h2 {
    font-size: 14px;
    font-weight: normal;
}

.foot-button a {
    background: #fff;
    padding: 5px;
    text-align: center;
    margin: 16px 0 32px;
    width: 224px;
    display: inline-block;
    height: 32px;

}

.m16 {
    margin-top: 16px
}

.foot-small p {
    font-size: 10px;
}

form.r-input {
    padding: 0px 0px 34px 16px;

}

.search-border {
    border-bottom: 1px solid #939393;
    padding-bottom: 3px;
}

.r-input-txt {
    font-size: 12px;
    width: 141.5px;
}

.r-input-button {
    width: 10.5px;
}

.r-foot-bmenu {
    display: flex;
}

.r-foot-bmenu a {
    font-size: 10px;
}

.r-foot-bmenu li:nth-child(1) {
    width: 17%;
}

.r-foot-bmenu li:nth-child(2) {
    width: 25%;
}

.r-foot-bmenu li:nth-child(3) {
    width: 30.6818182%;
}

.r-foot-bmenu li:nth-child(4) {
    width: 13%;
}

/*PCのみ*/
@media (min-width: 768px) {
    .footerFixed {
        margin-bottom: 450px;
    }
}

.r-copy {
    padding-left: 16px;
}

.r-copy p {
    font-size: 10px;
    line-height: 18px;
}

.vec-item {
    width: 21px !important;
    padding-bottom: 2px;
}

.button-item {
    padding: 16px 0;
    display: inline-block;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
    line-height: 18px !important;
}


.top-product {
    position: relative;
    width: 100%;
}

.hab-logo {
    width: 137px;
    position: absolute;
    bottom: 32px;
    left: 32px;
}

.convertible-product-area {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 8%;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 10;
}

p.convertible-top-txt {
    font-size: 4.6rem;
    line-height: 60px;
    font-family: 'UD新ゴNT L', sans-serif;
}

.convertible-product-area h2 {
    font-size: 5.0rem;
}

.convertible-product-area img {
    max-width: 268px;
}

.convertible-logo-item {
    max-width: 296px !important;
}


.top-pro-txt {
    position: absolute;
    top: 206px;

    left: 66px;
    z-index: 1;
}

.top-pro-txt p {
    color: #000;
}

.bread {
    width: 100%;
    margin: 32px auto 0;
    padding: 0 32px;
    max-width: 1344px;

}

.bread ul {
    display: flex;
}


.bread li {
    padding: 0 16px;
    border-left: 1px solid #000;
}

.bread li:first-child {
    padding-right: 16px;
    padding-left: 0;
    border-left: none;
}

.area.products .Rgrid-contents .caption-area {
    background: #F6F6F6;
    padding: 16px;
    height: 165px;
    position: relative;
    display: block;
}


.area.products .Rgrid-contents .voice-c-cap .caption-area {
    background: #fff;
    padding: 16px;
    height: 165px;
    position: relative;
    display: block;
}

.products-title {
    width: 100%;
    margin: 32px auto;
    padding: 0 32px;
    max-width: 1344px;

}

.margin-b0 {
    margin-bottom: 0px !important;
}

.touchless-top-txt h3 {
    margin-bottom: 40px;
}

.touchless-top-txt p {
    max-width: 480px;
}

.long-area {
    display: flex;
    background: #F6F6F6;
    margin-bottom: 32px;
}

.long-area::last-child {
    margin-bottom: 0px;
}

.long-area span {
    display: inline-block;
}

.long-65 {
    width: 67.391%;
}

.long-35 {
    width: 32.609%;
    position: relative;
}

.long-area .long-txt-area .vec-item {
    position: absolute;
    bottom: 32px;
    left: 16px;
    width: 21px;
    padding: 0;

}

.long-txt-area {
    padding: 24px 16px 32px;
    position: relative;
    height: 100%;
}

.long-txt-area .body-02 {
    margin-bottom: 16px;
}

.long-txt-area .head-02 {
    margin-bottom: 16px;
}

.tp-2 .top-pro-txt {
    position: absolute;
    top: 189px;
    right: 170px;
    left: auto;
}

.touch .top-pro-txt {
    position: absolute;
    top: 129px;
    left: 108px;
}

.home-etop .top-pro-txt {
    position: absolute;
    top: 151px;
    left: 88px;
}

.voicecontrol .top-pro-txt {
    position: absolute;
    top: 160px;
    left: 82px;
    z-index: 1;
}

.tp-2 .top-pro-txt p {
    color: #000;
}

.sensor-contents-img {
    max-width: 554px;
}

.sensorslider img {
    height: auto !important;

}

.sensor-pick .three-3 {
    width: calc(33% - 8px);
    position: relative;
    padding-left: 0;
    margin-bottom: 0px !important;
    background: #fff;
}

.sensor-pick .three-3:last-child {
    background: none;
}

.sensor-pick .three-3 .caption-area {
    background: none;
    padding: 16px 16px 32px;
    background: #fff;
}

.sensor .long-txt-area {
    color: #fff;
}

.sensor {
    background: #8C9496;
}

.sensor .long-65 {
    width: 66%;
    background: #F6F6F6;
    padding: 16px 16px 16px 32px;
}

.cap-gray {
    background: #F6F6F6 !important;
}

.sensor-point .three-3 {
    width: calc(33% - 8px);
    padding-left: 0px;
}

.sensor-point .three-3 .caption-area {
    background: none;
    padding: 16px 16px;
    background: #FFF;
    height: 168px;
}

.sensor-point-slide .three-3 .caption-area {
    padding: 16px 16px;
    background: #F6F6F6;
    height: 168px !important;
}

.sensor-point-slide .cap-vec {
    width: 22px;
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.web-catalog-in {
    width: 58.47%;
}

.web-catalog-list {
    display: flex;
    flex-wrap: wrap;
}

.web-catalog-list li:nth-child(odd) {
    width: 78px;


}

.web-catalog-list li {
    width: calc(100% - 78px);
    margin-bottom: 24px;
}

.web-catalog-area {
    padding: 32px 16px;
    margin-bottom: 32px;
}

.accordion__container {
    margin-bottom: 4px;
    padding: 0 16px;
}


.accordion-area {
    margin-bottom: 32px;

}

.link-area {
    position: relative;
    padding-right: 22px;
}

.link-area .cap-vec {
    width: 22px;
    position: absolute;
    bottom: 3px;
    right: 0;
    left: unset;
}

.accordion__title {
    background: #D4D4D4;
    padding: 8px 32px;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.acc-nav {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.acc-nav::before,
.acc-nav::after {
    content: "";
    display: block;
    background-color: #000;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
}

.acc-nav::after {
    transform: rotate(45deg);
    transition: 0.3s;
    right: 7px;
}

.acc-nav::before {

    transform: rotate(-45deg);
    transition: 0.3s;
    right: 0px;
}

.is-active .acc-nav::before {
    transform: rotate(45deg);
    transition: 0.3s;

}

.is-active .acc-nav::after {
    transform: rotate(-45deg);
    transition: 0.3s;
}

.accordion__content {

    line-height: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
    background: #F6F6F6;
    padding: 0px 32px;
}

.accordion__content.is-open {
    line-height: normal;
    height: auto;
    opacity: 1;
    padding: 20px 32px;

    transition: 0.3s;

}

.gray .sensor-point-slide .three-3 .caption-area {
    background: #fff;
    padding: 16px 16px;
    background: #FFF;
    height: 168px !important;
}


.catalog-col2 {
    width: calc(50% - 8px);
    background: #F6F6F6;
}

.catalog-txt-area {
    background: #F6F6F6;
    position: relative;
    padding: 16px;
    transition: 0.5s;
}

.web-catalog-supo .catalog-txt-area {

    padding: 16px 16px 40px;
}

.webcatalog-main .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*.webcatalog-main {
    padding-bottom: 32px;
}*/

.catalog-txt-area p {
    margin-top: 16px;
}


.catalog-txt-area p:last-child {
    margin-top: 24px;
}

.txt-flex {
    display: flex;
    /* align-items: center;*/
    justify-content: space-between;
}

.animation {
    position: relative;
    margin-bottom: 32px;
}

.swich-before1,
.swich-before2,
.swich-before3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;

}

.margin-0 {
    margin: 0 !important;
}

.top4 {
    margin-top: 4px;
    display: block;
}

.top8 {
    margin-top: 8px;
    display: block;
}

.top12 {
    margin-top: 12px;
    display: block;
}

.top16 {
    margin-top: 16px;
    display: block;
}

.top24 {
    margin-top: 24px;
    display: block;
}

.top32 {
    margin-top: 32px;
    display: block;
}

.top40 {
    margin-top: 40px;
    display: block;
}

.top48 {
    margin-top: 48px;
    display: block;
}

.top56 {
    margin-top: 56px;
    display: block;
}

.top60 {
    margin-top: 60px;
    display: block;
}

.top64 {
    margin-top: 64px;
    display: block;
}

.top72 {
    margin-top: 72px;

}

.top80 {
    margin-top: 80px;
}

.top100 {
    margin-top: 100px;
}

.col65 {
    width: calc(67.391% - 16px);
}

.col35 {
    width: calc(32.609% - 16px);
}

.col3 {
    width: calc(33% - 8px);
}

.col4 {
    width: calc(25% - 8px);
}

.voice-use-txt {
    margin-top: 16px;
}

.connected-logo {
    margin: 16px 0;
    width: 128px;
}

.bluetooth-logo {
    width: 67px;
    display: block;
}

.voice-p-area {
    background: #fff;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.voice-item-two {
    width: calc(50% - 8px);
}

.voice-plus {
    width: 16px;
}

.pl48 {
    padding-left: 48px;
}

.pr40 {
    padding-right: 40px;
}

.voice-item-three {
    width: calc(33.3333% - 12px);
}

.voice.long-area {

    display: flex;
    background: #fff;
    margin-bottom: 32px;
    margin-top: 96px;
}

.voice .long-65 {
    padding: 16px;
}

.voice .long-35 {
    background: #949494;
}

.voice .long-txt-area p {
    color: #fff;
}

.voice-point-img {
    max-width: 544px;
}

.voice-pattern {
    padding-bottom: 32px;
}

.voice-pattern .area .Rgrid-contents {
    padding: 24px 16px 0px 0;
}

.voice-pattern .Rgrid-contents {
    margin: 0px 0;
}

.nine-area {
    /*padding: 12px;
    border: 1px solid #000;*/
    margin-top: 62px;
}

.nine-area p {
    margin: 16px 0;
}

.voice91 {
    width: 95px;
    padding: 3px;
}

.nine-area .vec {
    max-width: 21px;
    display: inline-block;
}

.sp {
    display: none !important;
}

.tab {
    display: none;
}

.tab-2 {
    display: none;
}

.emerg-slide {
    display: flex;
    flex-wrap: wrap;
}

.emerg-slide .rslider,
.emerg-slide .cl-slider1,
.emerg-slide .cl-slider2,
.emerg-slide .cl-slider3 {
    width: calc(100% - 240px);
}

.emerg-slide .thumbnail-thumb,
.emerg-slide .thumbnail-thumb1,
.emerg-slide .thumbnail-thumb2,
.emerg-slide .thumbnail-thumb3 {
    width: 240px;
    background: #949494;
    padding: 24px 16px;
    opacity: 1;
    transition: 0.3s;
}

.emerg-slide:hover .thumbnail-thumb {
    opacity: 0.5;
    transition: 0.3s;
}

.emerg-slide:hover .thumbnail-thumb1 {
    opacity: 0.5;
    transition: 0.3s;
}

.emerg-slide:hover .thumbnail-thumb2 {
    opacity: 0.5;
    transition: 0.3s;
}

.emerg-slide:hover .thumbnail-thumb3 {
    opacity: 0.5;
    transition: 0.3s;
}

.emerg-slide .slick-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.emerg-slide .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.emerg-slide .sensor-slide-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 16px;
    right: auto;
    height: 3px;
    left: 8px;
}

.wh-area {
    background: #fff;
}

.emerg-area-point {
    /* padding: 0px 24px;*/
    justify-content: flex-start !important;

}

.emerg-left {
    width: calc(100% - 352px);

}

.emerg-l-inner {
    max-width: 280px;
    position: relative;
}

.emerg-left p {
    margin-bottom: 60px;
}

.emerg-illust {
    width: 120px;
    position: absolute;
    right: 0;
    top: 90px;
}

.emerg-right {
    max-width: 224px;
    width: 100%;
}

.connected {
    max-width: 133px;
    padding: 3px;
}

.bluetooth {
    max-width: 57px;
}

.book {
    width: 19px;
}

.bluetooth-icon {
    width: 49px;
    padding-top: 1px;
    padding: 3px;
}

.flat-fan .top-pro-txt {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 32px;
    right: 97px;
    z-index: 1;
}

.flatfan-anime {
    position: relative;
}

.flatfan1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.flatfan2 {

    top: 0;
    left: 0;
    z-index: 2;
}

.flat-fan-lineup .three-2 {
    margin-bottom: 40px !important;
}

.flat-fan-lineup .three-2:last-child {
    margin-bottom: 0px !important;
}

.conv-icon {
    width: 35px;
    margin-right: 10px;
}

.flex-start {
    display: flex;
    flex-wrap: wrap;
}

.conv-col40 {
    max-width: 125px;
    margin-right: 16px;
}

.conv-col60 {
    width: calc(100% - 141px);
}

.three-2.conv-img {
    max-width: 110px;
}

.youtube-link {
    max-width: 368px;
    height: 207px;
    background: #949494;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.youtube-link p {
    color: #fff;

}

.youtube-link .border-link {
    border-color: rgba(255, 255, 255, 0);
    transition: 0.5s;
    padding-bottom: 2px !important;
    display: inline-block;
}

.youtube-link:hover .border-link {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 1);
    transition: 0.5s;
    opacity: 1;

}

.flatfanremo {
    width: 224px;
}

.pcsp {
    display: block;
}


.r15-top-area .top-pro-txt {
    /*max-width: 260px;
    max-width: 325px;*/
    position: absolute;
    top: 50%;
    right: 7%;
    left: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.r15-top-logo {
    max-width: 277px;
}

.r15-top-txt {
    line-height: 40px;
    padding-right: 0px;
    color: rgb(232, 138, 182);
    margin-top: 24px;
}

.in-txt-area {
    padding-left: 16px;
}

.pink-txt {
    color: #E88AB6;
}

.r15-graph table {
    width: 100%;
}

.r15-graph table,
.r15-graph td,
.r15-graph th,
.r15-graph tr {
    border-collapse: collapse;
    text-align: center;
}

.r15-graph td {
    border-left: 0.1px solid #707070;
    font-size: 1.6rem !important;
    line-height: 20px !important;
    font-family: 'UD新ゴNT M', sans-serif;
}

.r15-graph td p {

    font-size: 1.6rem !important;
    line-height: 20px !important;
    font-family: 'UD新ゴNT M', sans-serif;
}

.r15-graph tr {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-collapse: collapse;
}

.r15-graph td {
    padding: 8px 0;
    width: 5.5%;

}

.r15-graph th {
    padding: 3px 0;

}

.r1 {
    background: #EFC2AB;
}

.r2 {
    background: #D5B45D;
}

.r3 {
    background: #8FBF55;
}

.r4 {
    background: #2BB2B8;
}

.r5 {
    background: #0092D7;
}

.r6 {
    background: #0092D7;
}

.r7 {
    background: #BBB3D8;
}

.r8 {
    background: #EBB1CF;
}

.r9 {
    background: #E60012;
}

.r10 {
    background: #FFE900;
}

.r11 {
    background: #009143;
}

.r12 {
    background: #014099;
}

.r13 {
    background: #F4E7D1;
}

.r14 {
    background: #00693E;
}

.r15 {
    background: #F1C29A;
}

.r15-2 {
    background: #F8E2CD;
}

/*.images-compare-after .images-compare-label {
    background: none;
}

.images-compare-after .images-compare-label::before {
    content: "";
    background: url(../img-02/r15/logo_r15.png);
    width: 90px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}
*/



.comparison-slider-wrapper {
    position: relative;
    width: 100%;
    background-color: white;
}

.comparison-slider-wrapper .comparison-slider {
    position: relative;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    user-select: none;
}

.comparison-slider-wrapper .comparison-slider>img {
    width: 100%;
    height: auto;
    display: block;
}

.comparison-slider-wrapper .comparison-slider .overlay {
    display: none;
    position: absolute;
    width: 250px;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
    color: #DDD;
    text-align: right;
}

@media screen and (min-width: 735px) {
    .comparison-slider-wrapper .comparison-slider .overlay {
        display: block;
    }
}

.comparison-slider-wrapper .comparison-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    user-select: none;
}

.comparison-slider-wrapper .comparison-slider .resize>img {
    display: block;
}

.comparison-slider-wrapper .comparison-slider .resize .overlay {
    right: auto;
    left: 20px;
    text-align: left;
}

.comparison-slider-wrapper .comparison-slider .divider {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    cursor: ew-resize;
}

.comparison-slider-wrapper .caption {
    position: relative;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-style: italic;
}

.handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18.5px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgb(51 51 51 / 50%);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 12px rgb(51 51 51 / 50%);
    z-index: 3;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.handle-left-arrow,
.handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handle-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
}

.handle-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -16px;
}

.r15-class2-list {
    border-top: 1px solid #949494;
    padding: 10px 0px;

}

.r15-class2-list-in {
    padding: 0px 20px;
}

.r15-class2-list-inpink {
    padding: 10px 20px;
    border: 2px solid #E88AB6;
    background: #F9D2E4;
}

.r15-class2-list-left {
    width: 25%;
}

.r15-class2-list-left p {
    font-size: 1.4rem;
}

.r15-class2-list-right {
    width: 75%;
}

.sunpou {
    max-width: 200px;
    width: 100%;
}

.r15-zero-area {
    /*padding-right: 16px;*/
}

.col70 {
    width: calc(72% - 16px);
}

.col30 {
    width: calc(28% - 16px);
}

.txt296 {
    max-width: 296px;
    margin-left: 32px;
}


.font-half-down {
    transform: scale(0.6);
    display: inline-block;
    transform-origin: left 75%;
}


.cl-link {
    padding-right: 48px;
}

.cl-link li {
    width: calc(25% - 16px);
}

.titlemid {
    font-size: 1.4rem;
    line-height: 1.4rem;
    display: block;
}

.number1,
.number2,
.number3,
.number4 {
    position: relative;
    padding-left: 40px;
    line-height: 30px !important;
    padding-top: 6px;
}

.number1::before,
.number2::before,
.number3::before,
.number4::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    font-size: 4.8rem;
    line-height: 4.8rem;
}

.number1::before {
    content: "1";
}

.number2::before {
    content: "2";
}

.number3::before {
    content: "3";
}

.number4::before {
    content: "4";
}

.left-item {
    width: 130px;
}

.app-down {

    margin-top: 40px;
}

.app-down-inner {
    background: #D4D4D4;
    position: relative;
    padding-top: 66.6666%;
}

.app-down-in-cont {
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px 16px;
}

/*.connected-t .top-pro-txt {
    position: absolute;
    top: 25%;
    left: auto;
    z-index: 1;
    right: 10%;

}*/
.connected-t .top-pro-txt {
    position: absolute;
    top: 38%;
    left: auto;
    z-index: 1;
    right: 3%;
}

.connected-t .slide-logo {

    height: 120px !important;

}

.col77 {
    width: calc(77% - 16px);
}

.w87 {
    width: 82.1621622%;
}

.c-office-area {
    padding: 16px;
    background: #F6F6F6;
}

.sensor-point-slide .three-3.g-cap .caption-area {
    background: #F6F6F6 !important;

}

.white-txt p {
    color: #fff !important;
}

.r-size {
    font-size: 1.8rem;
    vertical-align: top;
}

.cl-home .top-pro-txt,
.cl-movie-top .top-pro-txt {
    top: 122px;
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    left: 32px;
}

.cl-movie-top .top-pro-txt {
    top: 128px;
}


.cl-office-top .top-pro-txt {
    top: 94px;
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    left: 32px;
}

.bottom16 .slick-dotted.slick-slider {
    margin-bottom: 16px;
}

.thumb-col3 {
    width: 33.333% !important;
    padding-left: 16px;
}

.thumb-other .sensor-slide-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: -9px;
    right: auto;
    height: 3px;
    left: 0;
    width: 100%;
    display: flex;
}

.thumb-other .sensor-slide-dots li {
    display: inline-block;
    padding: 0 0px;
    width: 33.333%;
    background: #F6F6F6;
}

.thumb-other .sensor-slide-dots li button {
    position: relative;
    text-indent: -9999px;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    display: inline-block;
    background: #F6F6F6;
    transition: 2s;
}

.thumb-other .sensor-slide-dots li button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 70%;
    height: 3px;
    display: inline-block;
    background: #F6F6F6;
    transition: 2s;
}

.thumb-other .sensor-slide-dots li.slick-active button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 70%;
    height: 3px;
    display: inline-block;
    background: #A20039;
    transition: 2s;
}

.thumb-other .sensor-slide-dots li:nth-child(2) button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 70%;
    height: 3px;
    display: inline-block;
    background: #F6F6F6;
    transition: 2s;
}

.thumb-other .sensor-slide-dots li:nth-child(2).slick-active button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 70%;
    height: 3px;
    display: inline-block;
    background: #A20039;
    transition: 2s;
}

.col73 {
    width: 76.5%;

}

.col73-2 {
    width: 74.34%;

}

.col7938 {
    width: 79.38%;

}

.Rgrid-contents .movie-list-b .col3 {
    margin-bottom: 32px;
}

.Rgrid-contents .movie-list-b .col3:last-child,
.Rgrid-contents .movie-list-b .col3:nth-last-child(2),
.Rgrid-contents .movie-list-b .col3:nth-last-child(3) {
    margin-bottom: 0px;
}

.qa .Rgrid-contents h3 {

    margin-bottom: 8px;

}

.qa .Rgrid-contents .right h3 {

    color: #161616;
}

.qaimg {
    width: 84.73%;
}

.link-hover p,
.link-hover span {
    opacity: 1;
    transition: 0.5s;

}

.link-hover:hover p,
.link-hover:hover span {
    opacity: 0.3;
    transition: 0.5s;

}

.cl-qa-top .top-pro-txt {

    top: 60%;
}

.cl-slide-item .sensor-slide-dots {

    right: 16px;

}

.cl-slide-item-top .sensor-slide-dots {
    right: 64px;
}

.txt-box {
    border: 1px solid #000;
    display: inline-block;
    padding: 0 5px;

}

.txt-box:first-child {
    margin-right: 10px;

}

.cl-cont-inner {
    padding: 16px;
}

.col6055 {
    width: 60.55%;
}

.col-pd16 {
    width: calc(100% - 16px);
}

.col3361 {
    width: 33.61%;
}

.col5966 {
    width: 59.66%;
}

.col566 {
    width: 65.218%;
}

.r15-cont {
    width: 50%;

}

.r15-cont-inner {
    position: relative;
    padding-top: 56.25%;

}

.r15-cont-inner-in {
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px 16px;
}

.col512 {
    width: 69.19%;
}


.cl-cont-top .top-pro-txt {
    position: absolute;
    top: 100px;
    left: auto;
    z-index: 1;

    right: 110px;
}


.cl-app-top .top-pro-txt {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 60px;
    z-index: 1;
    right: 224px;

}

.cl-app-top .catch-02 {
    font-size: 4.2rem !important;
    line-height: 5.6rem !important;
}

.sp-width {
    width: 12.98%;
}

.col--128 {
    width: calc(75% - 12.98%);
    padding-left: 32px;
}

.margin-l16 {
    margin-left: 16px;
}

.col3880 {
    width: 40.35%;
}

.d-gray-back {
    background: #949494;
}

.d-gray-back p,
.d-gray-back a {
    color: #fff;
}

.col4898 {
    width: 50.93%;
}

.col4907 {
    width: calc(49.07% - 16px);
}

.col4907 img {
    width: 28.2%;
}

.col4907 p {
    width: 61%;
}

.col1463 {
    width: 15.24%;
}

.col2837 {
    width: 29.5%;
}

.pd-top16 {
    padding-top: 16px;
}

.connected-sp {
    max-width: 200px;
}

.slick-list .vec-item {

    margin-left: 0px;
    margin-top: 12px !important;

}

.three-1 h3.top16 {
    margin-top: 16px !important;
    display: block;
}

.cl-home .slick-slide img {

    max-height: fit-content;

}

.border-top {
    position: relative;
}

.border-top::before {
    content: "";
    position: absolute;
    top: -32px;
    left: 0;
    height: 1px;
    width: 73.791%;
    background: #707070;
}

.col7195 {
    width: 73.5135135%;
}

.cap-catalog {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.Rgrid-contents .movie-link .flex {

    justify-content: flex-start;
}

.Rgrid-contents .movie-link .cl-link li {
    max-width: 160px;
    width: 100%;
}

.Rgrid-contents .movie-link .cl-link li:first-child {
    margin-right: 32px;
}

.Rgrid-contents .movie-link .cl-link {

    padding-right: 0;
}

.cl-link a {
    transition: 0.3s;
    opacity: 1;
}

.cl-link a:hover {
    transition: 0.3s;
    opacity: 0.6;
}

.area.qa .Rgrid-contents {
    padding: 36px 16px 36px 0;
}

.sup-qa {
    background: #D4D4D4;
    padding: 16px;
    position: relative;
    padding-top: 15.75%;
    margin-bottom: 16px;
    opacity: 1;
    transition: 0.3s;

}

.pc-bottom-none {
    margin-bottom: 0;
}

.solo .sup-qa {
    margin-bottom: 0;
}


.sup-qa:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.sup-qa .vec-item {
    position: absolute;
    width: 21px !important;
    margin-left: 0;
    padding-bottom: 0;
    bottom: 16px;
    left: 16px;
}

.sup-qa-inner {
    position: absolute;
    top: 16px;
    left: 16px;
}



.sup-icon {
    width: 53.25%;
}

.gray .long-area {
    background: #fff;
}

.suparea .web-catalog-in {
    width: 61%;
    padding-right: 16px;
}

.supo-info .r-info {
    padding: 0px 48px 0px 32px;

}

.col-bottom-none .three-2 {
    margin-bottom: 0 !important;
}

.no-top {
    margin-top: 84px;
}

.qa-wc-img {
    width: 26.1%;
}

.qa-call {
    padding: 16px;
}

.qa-titleonly .Rgrid-contents {

    padding-bottom: 0 !important;
}

.book-point {
    position: absolute;
    bottom: 13px;
    left: 16px;
}

.other-qa {
    padding: 16px;
    background: #F6F6F6;
}

.box-area {
    border: 1px solid #000;
    display: flex;
}

.box-left,
.box-right {
    width: 50%;
}

.box-left {
    border-right: 1px solid #000;
}

.box-title {
    padding: 8px 16px;
    border-bottom: 1px solid #000;
}

.box-txt {
    padding: 8px 16px;
}

.box-txt li {
    position: relative;

    padding: 4px 0;
    padding-left: 10px;
}

.box-txt li:before {
    content: "・";
    position: absolute;
    left: -5px;

}

.sub-title-next .Rgrid-contents {

    padding-top: 0 !important;
}

p.max-560 {
    max-width: 560px;
}

.mainte-box {
    width: calc(33% - 8px);
    margin-bottom: 48px;
}

.mainte-txt {
    height: 150px;
}

.support-top .top-pro-txt {
    position: absolute;
    top: auto;
    left: 66px;
    z-index: 1;
    bottom: 64px;
}

.supo-600 {
    width: 71%;
}

.pdf-posi {
    position: absolute;
    bottom: 32px;
}

.title-left-cou {
    width: 25%;
}

.title-right-cou {
    width: 75%;
    padding-left: 16px;
}

.flex-pt {
    display: flex;
    flex-wrap: wrap;

}

/*.support-title {
    margin-top: 24px;
    margin-bottom: 24px;
}
*/
.txt670 {
    width: 90.54%;
}

.w498 {
    width: 73%;
}

.caution-area {
    padding: 16px;
    background: #fff;
    border: 1px solid #000;
}

h3.mb0 {
    margin-bottom: 0px !important;
}

.qa-titleonly h3.mb0 {
    margin-bottom: 0px !important;
}

.pd-only16 {
    padding: 16px;
}

.d-gray-pd {
    background: #D4D4D4;
    padding: 16px;
}

.cau-check-size {
    width: 32.434%;
    transition: 0.3s;
}

.cau-check-size:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.col2-p8 {
    width: calc(50% - 8px);
}

.in-pd {
    padding-left: 16px;
}

.aijou-icon {
    width: 9.61%;
}

.a-icon-area {
    width: calc(90.39% - 16px);
}

.aijou-icon-title {
    max-width: 60px;
}

.col70area {
    width: calc(67% - 8px);
}

.w418 {
    width: 56.68%;
}

.checksheet .col3 {
    margin-bottom: 0;
}

.l-book-item {
    position: absolute;
    bottom: 32px;
    left: 16px;
    padding: 0;
}

.lean-img {
    width: 73.79%;
}

.caption-txt p {
    max-width: 100% !important;
    margin-right: 32px;
}

.top16-spnone {
    margin-top: 16px;
}

.tau-img {
    width: 55.821%;
}

.l-book-vec {
    width: 22px;
}

.col20 {
    width: calc(20% - 4px);
}

.col80 {
    width: calc(80% - 4px);
}

.col40 {
    width: calc(34.5% - 4px);
}

.col60 {
    width: calc(65.5% - 4px);
}

.col-2gyou .col3 {
    margin-top: 24px;
}

.col-2gyou .col3:nth-child(1),
.col-2gyou .col3:nth-child(2),
.col-2gyou .col3:nth-child(3) {
    margin-top: 0px;
}


.tabs {
    width: 100%;

}

.tab_item {
    width: calc(100%/3);
    padding: 16px 0;
    background: #979493;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    /*
    border-right: 2px solid #979493;*/
}

.tab_slide-item {
    width: calc(100%/3);
    padding: 16px 0;
    background: #F6F6F6;
    color: #000;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
}

/*.tab-b-l {
    border-left: 2px solid #979493;
}*/


.tab_item:hover {
    background: #d9d7d7;
    transition: all .3s ease;
}

.tab_slide-item:hover {
    color: #fff;
    background: #979493;
    transition: all .3s ease;
}

input[name=tab_item] {
    display: none
}

input[name=tab_slide-item] {
    display: none
}

.tab_content {
    display: none;
    padding: 40px 0px 0;
    clear: both;
    overflow: hidden
}


#tab-slider1:checked~#tab-slider1_content,
#tab-slider2:checked~#tab-slider2_content,
#tab-slider3:checked~#tab-slider3_content,
#tab-1:checked~#tab-1_content,
#tab-2:checked~#tab-2_content,
#tab-3:checked~#tab-3_content {
    display: block
}

.tabs input:checked+.tab_item {
    background-color: #fff;
    color: #000;
}

.tabs input:checked+.tab_slide-item {
    background-color: #979493;
    color: #fff;
}

.tabs input:checked+.tab_slide-item:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-color: #979493 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
    transition: all .3s ease;
}

.cl-top-thumbnail-thumb .slick-track {
    transform: unset !important;
}

.cl-top-thumbnail-thumb-img {
    opacity: 0.3;
    transition: opacity .3s linear;
}

.slick-current .cl-top-thumbnail-thumb-img {
    opacity: 1;
}

.icon-col2 {
    width: 40.53%;
    margin-right: 4px;
}

.icon-col2:last-child {
    margin-right: 0px;
}

.icon-col-max .icon-col2 {
    width: 9.117%;
}

.icon-col-max-2 .icon-col2 {
    width: 13.61%;
}

.icon-col3 {
    width: calc(33.33333% - 2.5px);
}

.icon-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon-category3 {
    width: calc(33.33333% - 2.5px);
    margin-bottom: 4px;
}

.icon-category4 {
    width: calc(25% - 2.5px);
    margin-bottom: 4px;
}

.cl-cont-inner .col4 {
    width: calc(25% - 24px);
}

.cl-cont-inner .col3-2 {
    width: calc(33.33333% - 24px);
}

.cl-cont-inner .col4-4 {
    width: calc(50% - 24px);
}

.col4inner {
    width: 48.191%;
}

.cont-solo-w {
    width: 23.69%
}

.pd-bottom32 {
    padding-bottom: 32px;
}

.switch-col-left {
    width: calc(67.7% - 16px);
}

.switch-col-right {
    width: calc(32.3% - 16px);
}

.switch-col-in {
    width: 89.1%;
}

.switch-in-col {
    width: calc(33.33333% - 16px);
}

.switch-item-flex {
    width: 27.7%;
    display: flex;
    justify-content: space-between;

}

.switch-item-flex .icon-col2 {
    width: calc(50% - 2px);
}

.switch-icon-flex {
    width: 67%;
    display: flex;
    justify-content: space-between;
}

.switch-icon-flex3 {
    width: 44.5%;
    display: flex;
    justify-content: space-between;
}


.icon-category5 {
    width: calc(16.6666667% - 2.5px);
}

.switch-icon-flex3 .icon-category5 {
    width: calc(25% - 2px);
}

.col5-sp3 {
    width: calc(16.6666% - 4px);
}

.app-cap-icon {
    position: relative;
}

.app-cap-icon-inner {
    padding-bottom: 32px;

}

.ali-end {
    align-items: flex-end;
}

.support-link {
    background: #F6F6F6;
    padding: 32px 16px;
}

.support-link .col3:nth-child(4),
.support-link .col3:nth-child(5),
.support-link .col3:nth-child(6) {
    margin-top: 32px;
}

.connected160 {
    max-width: 160px;
    width: 100%;
    padding: 3px;
}

.area .Rgrid-contents .height235 .supo-col2:nth-child(1) .caption-area,
.area .Rgrid-contents .height235 .supo-col2:nth-child(2) .caption-area {
    height: 235px;
}

.area .Rgrid-contents .height235 .supo-col4 .caption-area {
    height: 235px;
}

.supo-col2 {
    width: calc(50% - 8px);
}

.supo-col4 {
    width: calc(25% - 12px);
    margin-bottom: 16px;
}

.supo-col4:last-child {
    margin-bottom: 0px;
}

.support-link a:hover {
    opacity: 0.3;
    transition: 0.5s;
}

.supo-col4:hover .caption-area {
    opacity: 0.3;
    transition: 0.5s;
}

.catalog-col2:hover .catalog-txt-area {
    opacity: 0.3;
    transition: 0.5s;
}

.web-catalog-supo .catalog-col2 {
    width: calc(50% - 8px);
    background: none;
    margin-bottom: 32px;
}

.web-catalog-supo .col3 {
    opacity: 1;
    transition: 0.5s;
}

.web-catalog-supo .col3:hover .catalog-txt-area {
    opacity: 0.3;
    transition: 0.5s;
}

.webcatalog-main .catalog-col3 {
    opacity: 1;
    transition: 0.5s;
}

.webcatalog-main .catalog-col3:hover .catalog-txt-area {
    opacity: 0.3;
    transition: 0.5s;
}

.webcatalog-main .catalog-col4 {
    opacity: 1;
    transition: 0.5s;
}

.webcatalog-main .catalog-col4:hover .catalog-txt-area {
    opacity: 0.3;
    transition: 0.5s;
}

.web-catalog-supo .catalogcol2-in {
    width: 50%;
}

.catalog-txt-area .vec-item {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.long-50 {
    width: calc(50% - 16px);
}

.long-50-txt {
    width: calc(50% + 16px);
}

.txt-q {
    color: #949494;
    font-family: 'UD新ゴNT M', sans-serif;
}

.qa-border-area {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #949494;
}

.in-txt-area-supo {
    padding-left: 16px;
}

.controller-links-left {
    width: 74.05%;
    display: flex;
    flex-wrap: wrap;
}

.controller-links-right {
    width: 25.953%;
    display: flex;
    flex-direction: column;
}

.controller-links-right p {
    color: #fff;
}

.c-links-up {
    border-bottom: 1px solid #fff
}

.controller-links-right .bottom-left-vec {
    width: 21px;
}

.connected-4 .col3:nth-child(1),
.connected-4 .col3:nth-child(2),
.connected-4 .col3:nth-child(3) {
    margin-bottom: 22px;
}


.c-links-up p {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.c-links-up,
.c-links-down {
    height: 50%;
    position: relative;
    background: #0064BE;
    padding: 16px;
}

.c-links-item {
    width: 33.3333%
}

.connected-4 .col3:nth-child(1),
.connected-4 .col3:nth-child(2),
.connected-4 .col3:nth-child(3) {
    margin-bottom: 22px;
}

img.connected-title {
    max-width: 250px;
}

.home-logo {
    max-width: 570px;
}

.border-box {
    border: 1px solid #000;
    padding: 14px;
}

.col2-item {
    width: calc(50% - 16px);
}

.col2-item2 {
    width: calc(50% - 4px);
}

.col2-item3 {
    width: calc(50% - 8px);
}

.item-zone {
    width: 36.757%;
}

.w130 {
    width: 63.7%;
}

.samazama {
    padding: 0 32px
}

.app-down-img {
    width: 64.337%;
}

.controller-txt {
    height: 55px;
}

.tab-up {
    display: none;
}

.tab-up-sp-none {
    display: none;
}

.qa-txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.qa-txt .head-02 {
    margin-bottom: 4px;
}

.sl-slide-title .head-03 {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
}

.sl-slide-title .f14 {

    font-size: 1.4rem;
}

.top10 {
    margin-top: 10px;
    display: block;
}

.ex-col3 {
    width: calc(33.3333% - 10px);
}

.img-hover {
    opacity: 1;
    transition: 0.3s;
}

.img-hover:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.sup-qa p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.topic-side ul {
    margin-bottom: 16px;
}

.topic-side li {
    padding: 0px 16px 24px 0px;
}

.topic-side a {
    color: #949494;
    transition: 0.3s;
    opacity: 1;

}

.topic-side a:hover {
    color: #161616;
    transition: 0.3s;
    text-decoration: underline;
}

.ac25 .ac25-on a,
.ac24 .ac24-on a,
.ac23 .ac23-on a,
.ac22 .ac22-on a,
.ac21 .ac21-on a,
.ac20 .ac20-on a,
.ac19 .ac19-on a,
.ac18 .ac18-on a {
    color: #161616;
    transition: 0.3s;
    text-decoration: underline;
}

.topic-side .archive {
    padding: 12px 16px 12px 0;
}

.topic-list-area {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #949494;
    padding: 16px 0;
}

.topic-list-area:last-child {

    border-bottom: none;

}

.topic-category {
    width: calc(100% - 17.956%);
    display: flex;
    flex-wrap: wrap;
}

.topic-category li {
    font-size: 1.4rem;
    margin-bottom: 16px;
}

.topic-category li:last-child {
    margin-bottom: 0px;
}

.topic-category li:nth-last-child(2) {
    margin-bottom: 0px;
}

.topic-date p {
    font-size: 1.4rem;
}

.topic-date,
.topic-category .cat-area {
    width: 17.956%;
}

.topic-list-link {
    width: calc(100% - 17.956%);

}

.topic-list-link a {
    transition: 0.3s;
    opacity: 1;
}

.topic-list-link a:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.topic-link {
    position: relative;
    font-size: 1.4rem;
    display: block;
    transition: 0.3s;
    line-height: 2.2rem;
    opacity: 1;
}

.topic-link .vec {
    width: 22px;
    position: absolute;
    bottom: 4px;
    right: 16px;
}

.topic-link-in {
    width: 80%;
    display: block;
}

.cat-ex {
    position: relative;
    padding-left: 8px;
}

.cat-ex:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #895629;
}

.cat-info {
    position: relative;
    padding-left: 8px;
}

.cat-info:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #A20039;
}

.cat-ir {
    position: relative;
    padding-left: 8px;
}

.cat-ir:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #9D82B4;
}

.cat-comp {
    position: relative;
    padding-left: 8px;
}

.cat-comp:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #CB82A1;
}

.cat-pro {
    position: relative;
    padding-left: 8px;
}

.cat-pro:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4A90E2;
}

.ex-slider img {
    height: auto !important;
}

/*.ex-slider .slick-slide {
    padding: 0 7px;


}*/

.ex-slider .slick-next {
    right: 20px;
    z-index: 99;
}

.ex-slider .slick-prev {
    left: 10px;
    z-index: 99;
}

.ex-slider .slick-prev:before,
.ex-slider .slick-next:before {
    font-size: 30px;
    opacity: 1;
    color: #fff;
}

.ex-slider .sensor-slide-dots {

    right: 16px;
    bottom: -16px;
}

.ex-slider .sensor-slide-dots li button {

    background: #fff;
}

.ex-slider .sensor-slide-dots li button:before {

    background: #d4d4d4;
}

.ex-slider .sensor-slide-dots li.slick-active button:before {
    background: #A20039;
}

strong {
    font-weight: bold;
    font-family: 'UD新ゴNT M', sans-serif;
}

.ex-slider .slick-list {

    width: calc(100% + 16px);
}

.ex-slider .slick-slide {

    padding-right: 16px;
}

.txt-pd {
    padding: 16px;

}

.w645 {
    width: 87.083%;
}

.number-list {
    list-style-type: decimal;
    padding-left: 16px;
}

.box-list {
    background: #F6F6F6;
    padding: 16px;
    position: relative;
    padding-top: 25.926%;
    margin-bottom: 32px;
    opacity: 1;
    transition: 0.5s;
}

a.box-list:hover {
    opacity: 0.5;
    transition: 0.5s;
}

.box-list:last-child {

    margin-bottom: 0px;
}

.box-list-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 24px 16px;
}

.box-in-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}

.box-in-list li:nth-child(odd) {
    width: 78px;

}

.box-in-list li:nth-child(even) {
    width: calc(100% - 78px);

}

.box-list-single {
    background: #D4D4D4;
    padding: 16px;
    position: relative;
    padding-top: 30.864%;
    width: 58.589%;
    opacity: 1;
    transition: 0.5s;
}

.sitemap-title {
    background: #D4D4D4;
    padding: 16px;
    display: block;
}

.sitemap-area {
    padding: 24px 0px 0 16px;
    display: flex;
    flex-wrap: wrap;
}

.vec-under {
    width: 21px;
}

.sitemap-area .col3 {
    width: 26.7%;
    margin-right: 32px;
    margin-top: 24px;

}

.sitemap-area .site-wide.col3 {
    width: 31.7893%;
}

.sitemap-area .col3:nth-child(1),
.sitemap-area .col3:nth-child(2),
.sitemap-area .col3:nth-child(3) {
    margin-top: 0px;

}

.blank-icon {
    width: 14px;
}

.sitemap-title a:hover,
.sitemap-area a:hover {
    opacity: 0.5;
    transition: 0.5s;
}

.underlayer {
    position: relative;
    display: block;
    padding-left: 32px;
}

.underlayer:before {
    content: "";
    width: 7px;
    height: 100%;
    background: url("/item/img-02/sitemap-vec.svg")no-repeat;
    background-size: contain;
    position: absolute;
    top: 6px;
    left: 13px;

}

.bottom80 {
    margin-bottom: 80px;
}

.bottom48 {
    margin-bottom: 48px;
}

.app-tab-img {
    width: 78.51%;
}

.app-phone-img {
    width: 25.21%;
}

.col-app-icon {

    width: calc(28.93% - 4px);

}

.col-app-txt {

    width: calc(71.07% - 4px);

}

.flex-col-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.txt-hover {
    opacity: 1;
    transition: 0.3s;
}

.txt-hover:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.w288 {
    width: 39.131%;
}

.col3-16 {
    width: calc(33% - 16px);
}

.hover-img-link {
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}

.hover-img-link a {
    opacity: 1;
    transition: 0.5s;
}

.hover-img-link-txt {
    opacity: 1;
    transition: 0.5s;
}

.hover-img-link:hover .hover-img-link-txt {
    opacity: 0.5;
    transition: 0.5s;
}

.hover-img-link:hover img {
    opacity: 1;
    transition: 0.5s;
}

.class-table table {
    width: 100%;
    white-space: nowrap;

}


.class-table table,
.class-table td,
.class-table th {
    /*   border: 1px solid #595959;*/
    border-collapse: collapse;
    text-align: center;
}

.class-table td,
.class-table th {
    padding: 5px 0px;
    width: 32px;
    line-height: 1;
}

.table-left {
    text-align: left !important;
    padding: 0 0 0 10px !important;
}

.class-table .t-left {
    text-align: left !important;
    padding-left: 10px;

}

/*.class-table td {
    border-right: 1px solid;
}

.class-table td:last-child {
    border-right: 0px solid;
}
*/
.pink-table {
    width: 102%;
    background: #F9D2E4;
    display: block;
}

.class-table .border-bottom {
    border-bottom: 1px solid;
}

.class-table .border-right {
    border-right: 1px solid;
}

.col3-noclearance {
    width: 33.3333%;
}

.aqua2-top-txt {
    width: 100%;
    margin: 0 auto;
    padding: 24px 32px 48px;
    max-width: 1344px;
}

.aqua2-top-txt p {

    font-family: 'UD新ゴNT L', sans-serif;
    font-size: 3.3rem !important;
    line-height: 60px !important;

}

.aqua-top-logo {
    width: 100%;
    max-width: 220px;
    margin-bottom: 8px;
    height: auto !important;

}

.aqua-link-area {
    position: relative;
    display: block;
}

.aqua-link-icon {
    position: relative;
    display: block;
}

.aqua-link-icon:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img-02/p-img/aqua/plus.svg")no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 21px;
    right: 27px;
    opacity: 1;
    transition: 0.5s;
}

.aqua-link-icon:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img-02/p-img/aqua/down-vec.svg")no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 21px;
    right: 27px;
    opacity: 0;
    transition: 0.5s;
}

.aqua-link-area:hover .aqua-link-icon:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img-02/p-img/aqua/plus.svg")no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 21px;
    right: 27px;
    opacity: 0;
    transition: 0.5s;
}

.aqua-link-area:hover .aqua-link-icon:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img-02/p-img/aqua/down-vec.svg")no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 21px;
    right: 27px;
    opacity: 1;
    transition: 0.5s;
}

.aqua-link-txt {
    position: absolute;
    bottom: 21px;
    left: 19px;
    font-size: 5.6rem;
    line-height: 1;
    font-family: 'UD新ゴNT L', sans-serif;
    color: #fff;
}

.img-area-635 {
    width: 86.278%;
    ;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.area447 {
    width: 70.394%;
}

.area156 {
    width: 24.567%;
}

.w623 {
    width: 84.647%;
}

.aqua-led {
    width: 84.19%;
}

.gray-area {
    background: #D4D4D4;
}

.new-area .area .Rgrid-contents {
    padding: 0px 16px 48px 0;
}

.pdd48 {
    padding-top: 48px;
}

.bottom-77 {
    margin-bottom: 77px;
}

.genji .top-pro-txt {

    left: auto;
    right: 105px;

}

.black-back {
    background: #161616;
}

.black-back p,
.black-back a,
.black-back h2,
.black-back h3,
.black-back h4 {
    color: #fff;
}

.black-back .bread li {
    padding: 0 16px;
    border-left: 1px solid #fff;
}

.black-back .bread li:first-child {
    padding-right: 16px;
    padding-left: 0;
    border-left: none !important;
}

.black-back .gray {

    background: #434343;
}

.w432 {
    width: 58.6%;
}

.w689 {
    width: 93.61%;
}

.w689-left {
    width: 65.025%;
}

.w689-right {
    width: 30.192%;
}

.genji-movie {
    width: 73.91%;
}

.genji-left-img {
    width: 56.875%;
}

.genji-right-img {
    width: 38.1%;
}

.w384 {
    width: 52.175%;
}

.w320 {
    width: 43.48%;
}

.kumihimo-left {
    width: 61.317%;
}

.kumihimo-right {
    width: 35.957%;
}

.flex-reverse {
    flex-direction: row-reverse;
}



.itomaki .top-pro-txt {
    position: absolute;
    top: 287px;
    left: auto;
    right: 218px;
    z-index: 1;
}

.itomaki .top-pro-txt p {
    color: #fff;
}

.w608 {
    width: 82.61%;
}

.w480 {
    width: 65.2176%;
}

.w224 {
    width: 30.435%;
}

.w224list-left {
    width: 22.76%;
}

.w224list-right {
    width: 71%;
}

.exterior_spot .top-pro-txt p {
    color: #fff;
}

.exterior_spot .top-pro-txt {
    position: absolute;
    top: auto;
    left: auto;
    right: 85px;
    z-index: 1;
    bottom: 60px;
}

.minimum .top-pro-txt {
    top: 260px;

}

.minimmum-s-toplogo {
    max-width: 303px;
    width: 100%;
}

.minimum .r15-icon,
.flatpate .r15-icon {
    height: auto !important;
    max-width: 110px;
}

.hover-icon-link {
    position: relative;
}

.hover-icon {
    position: relative;
    opacity: 1;
    transition: 0.5s;

}

.hover-icon:before {
    content: "";
    background: url("../img-02/plus-b.svg")no-repeat;
    width: 23px;
    height: 23px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    opacity: 1;
    transition: 0.5s;
}

.hover-icon:after {
    content: "";
    background: url("../img-02/down-vec-b.svg")no-repeat;
    width: 23px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    opacity: 0;
    transition: 0.5s;
}

.hover-icon-link:hover .hover-icon {
    opacity: 0.3;
    transition: 0.5s;
}

.hover-icon-link:hover .hover-icon:before {
    opacity: 0;
    transition: 0.5s;
}

.hover-icon-link:hover .hover-icon:after {
    opacity: 1;
    transition: 0.5s;
}

.w544 {
    width: 73.914%;
}

.w68 {
    width: 68%;
}

.w132-ot {
    width: calc(100% - 160px);
}

.w132 {
    width: 100%;
    max-width: 132px;
}

.icon-s96 {
    max-width: 96px;
    width: 100%;
}

.good-design {
    max-width: 141px;
    width: 100%;
}

.w319 {
    width: 43.343%;
}

.w385 {
    width: 52.31%;
}

.circadian-area .Rgrid-contents .three-1 {

    padding-right: 8px;
}

.circadian-area .Rgrid-contents .three-1 p {
    padding-right: 24px;
}

.circadian .top-pro-txt {
    position: absolute;
    left: auto;
    top: auto;
    z-index: 1;
    bottom: 32px;
    right: 75px;
}

.circadian .top-pro-txt p {
    color: #fff;
}

.circadian-area .long-area {

    margin-bottom: 0px;
}

.circadian-area .col4 {
    width: calc(25% - 11px);
}

.circadian-area .long-65 {
    width: 47.2%;
}


.circadian-area .long-35 {
    width: calc(100% - 47.2%);
    position: relative;
}

.circadian-area .emerg-slide .rslider {
    width: 56.505%;
}

.circadian-area .long-txt-area {
    padding: 16px 16px 16px 32px;
    position: relative;
    height: 100%;
}

.circadian-area .emerg-slide .thumbnail-thumb {
    width: calc(100% - 56.505%);
    background: #fff;
    padding: 16px;
    opacity: 1;
    transition: 0.3s;
}

.circadian-area .sensor-slide-dots li button:before {

    background: #D4D4D4;
}

.circadian-area .sensor-slide-dots li.slick-active button:before {
    background: #A20039;
}

.circadian-area .emerg-slide .sensor-slide-dots {

    left: 16px;
}

.circadian-img1 {
    max-width: 96px;
    width: 100%;
}

.circadian-logoicon {
    max-width: 225px;
    width: 100%;
}

.circadian-logoicon-small {
    max-width: 126px;
    width: 100%;
}

.lineup-cir-r15-icon-small {
    width: 64px;
}

.ciracadian-col3 {
    width: calc(33% - 16px);
    padding: 16px;
}

.ciracadian-col3-2 {
    margin-top: 40px;
    width: 65.2176%;
}

.updown-center {
    display: flex;
    align-items: center;
    height: 100%;
}

.cc-3-img {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 155px;
    padding-bottom: 16px;
}

.cc-3-img img {
    width: 96px;
}

.cc-3-2img {
    margin-top: 24px;
    margin-bottom: 40px;
}

img.cc-img-w {
    width: 64.286%;
    margin: 0 auto;
    display: block;
}

.circadian-slide .circadian-slide-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    z-index: 10;
    top: 38%;
    left: 0%;
    width: 100%;
    height: 100%;
    /*   transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/


}

.circadian-slide .slick-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: none;
}

.circadian-slide-dots li button {
    position: relative;
    text-indent: -9999px;
    top: 0;
    left: 0;
    /*background-color: #ffe1485c;*/
    width: 50%;
    height: 50vw;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);

}

.circadian-slide button#slick-slide-control20 {
    transform-origin: bottom center;

    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.circadian-slide button#slick-slide-control21 {
    transform-origin: bottom center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(52deg);
    -webkit-transform: translate(-50%, -50%) rotate(52deg);
    -ms-transform: translate(-50%, -50%);
}

.circadian-slide button#slick-slide-control22 {
    transform-origin: bottom center;

    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(102deg);
    -webkit-transform: translate(-50%, -50%) rotate(102deg);
    -ms-transform: translate(-50%, -50%);

}

.circadian-slide button#slick-slide-control23 {
    transform-origin: bottom center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(155deg);
    -webkit-transform: translate(-50%, -50%) rotate(155deg);
    -ms-transform: translate(-50%, -50%);
}

.circadian-slide button#slick-slide-control24 {
    transform-origin: bottom center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(209deg);
    -webkit-transform: translate(-50%, -50%) rotate(209deg);
    -ms-transform: translate(-50%, -50%);
}

.circadian-slide button#slick-slide-control25 {
    transform-origin: bottom center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(261deg);
    -webkit-transform: translate(-50%, -50%) rotate(261deg);
    -ms-transform: translate(-50%, -50%);
}

.circadian-slide button#slick-slide-control26 {
    transform-origin: bottom center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(310deg);
    -webkit-transform: translate(-50%, -50%) rotate(310deg);
    -ms-transform: translate(-50%, -50%);
}



.lccircadian-area .long-65 {
    width: 44.682%;
}

.lccircadian-area .long-35 {
    width: calc(100% - 44.682%);
    position: relative;
}

.lineup-lccir {
    max-width: 43px;
    width: 100%;
    margin-right: 16px;
}

.lineup-cir-r15-icon {
    max-width: 101px;
    width: 100%;
}

.noright-pd {
    padding: 16px 16px 16px 0;
}

.lccir-prof {
    width: 160px;
}

.lccircadian-area span.long-35 img {
    object-fit: cover;
    height: 100%;
    object-position: left;
}

.lccir-prof-txt {
    width: calc(100% - 192px);
    display: flex;
    align-items: flex-end;
}

.bluetooth-logo-cir {
    width: 66px;
}


.border-right-w {
    border-right: 1px solid #fff;
}

.col-helf-bottom .col-helf {
    margin-bottom: 32px;
}

.col-helf-bottom .col-helf:last-child {
    margin-bottom: 0px;
}

.task-light .top-pro-txt {
    position: absolute;
    top: auto;
    left: auto;
    z-index: 1;
    right: 58px;
    bottom: 142px;
}

.task-light .top-pro-txt p {
    color: #fff;
}

.r15-icon100 {
    max-width: 100px;
}

.good-design160 {
    max-width: 128px;
}

.left16 .Rgrid-contents .three-1 {
    padding-right: 16px;
}

.left0 .Rgrid-contents .three-1 {
    padding-right: 0px;
}

.motorfan .top-pro-txt {
    position: absolute;
    top: 101px;
    left: 90px;
    z-index: 1;
}

.border-top-area {
    border-top: 1px solid #D4D4D4;
    margin-top: 16px;
    padding-top: 16px;
}

.moto-img {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
}

.col2-14 {
    width: calc(50% - 7px);
    margin-bottom: 16px;
}

.w342 {

    width: 45.48%;

}

.w465 {
    width: 63.18%;
}

.w368 {
    width: 48.937%;
}

.w496 {
    width: 65.96%;
}

.w320 {
    width: 43.48%;
}

.area.no-padding .Rgrid-contents {
    padding: 0px 16px 0px 0;
}

.area.no-padding .Rgrid-contents .three-1 {

    padding-top: 32px;
}

.r15-l-left {
    width: 75.249%;

    border-right: 1px solid #fff;
}

.r15-l-right {
    width: calc(100% - 75.249%);
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: 0.5s;

}

.r15-r-inner1 {
    padding: 24px 18px;
    background: #F9D2E4;
    border-bottom: 1px solid #fff;
}


.r15-r-inner2 {
    padding: 24px 16px;
    background: #E88AB6;
    position: relative;
    height: 100%;
}

.r15-r-inner2 p {
    color: #fff;
}

.bottom-left-vec {
    position: absolute;
    bottom: 24px;
    left: 16px;
    width: 45px;
}

.r15-link-area:hover .r15-l-right {
    opacity: 0.3;
    transition: 0.5s;
}

.col4-links {
    width: 25%;
    border: 1px solid #fff;
    background: #949494;
    position: relative;
    padding-top: 14.92145%;
    opacity: 1;
    transition: 0.5s;
}

.col4-links:hover {
    opacity: 0.3;
    transition: 0.5s;
}

.col4-links p {
    position: absolute;
    color: #fff;
    top: 16px;
    left: 16px;
}

.col3-bottom32 .col3 {
    margin-bottom: 32px;
}

.col-helf.col-bottom {
    display: flex;
    align-items: flex-end;
}

.letter {
    letter-spacing: -0.3px;
}

.flatpate .top-pro-txt {
    position: absolute;
    top: 126px;
    left: 83px;
    z-index: 1;
}

. .flatplate-long .long-txt-area {
    padding: 16px;
    position: relative;
    height: 100%;
    display: flex !important;
    align-items: flex-end;
}

.flatplate-logo {
    height: auto !important;
    max-width: 286px;
}

.flatplate-long .long-txt-area p {
    margin-top: 48px;
}

.flatplate-slide .sensor-slide-dots {

    bottom: 48px;
}

.caption-area.gray {
    background: #F6F6F6 !important;

}

.Rgrid-contents .three-sec .free-height .caption-area {

    height: auto !important;

}

.santen-logo .bluetooth-icon {
    margin-right: 24px;
}

.top-connected-caption {
    position: absolute;
    right: 32px;
    bottom: -24px;
}

.top-connected-caption p {
    color: #a3a3a3;
    font-size: 1.0rem;
    line-height: 1.3;
}

.connected-icon-title {
    max-width: 180px;
    width: 100%;

}

.conected-links .col4-links {
    background: #0064BE;
}

.irregular-top-img {
    position: absolute;
    top: 50%;
    width: 55.148%;

    right: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 1;
}

.irregular-area .top-pro-txt {
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 5;
    width: 100%;
}

.irregular-logo {
    max-width: 337px;
    width: 100%;
    margin-bottom: 60px;
    display: block;
}

.col3-4 {
    width: calc(33.333333% - 4px);
}

.square-box-area {
    background: #F6F6F6;
    position: relative;
}

.square-box-area::before {
    content: "";
    padding-top: 100%;
    display: block;
}

.square-box-area .text-area {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    margin: 0;
}

.col3-links {
    width: calc(33% - 8px);
    background: #0064BE;
    position: relative;
    padding-top: 15.5%;
    opacity: 1;
    transition: 0.5s;
}

.col3-links:hover {
    opacity: 0.3;
    transition: 0.5s;
}

.col3-links p {
    position: absolute;
    color: #fff;
    top: 16px;
    left: 16px;
}

.w160 {
    width: 21.74%;
}

.one-cont .w240 {
    width: 32.61%;
}

.w240 {
    width: 31.916%;
}

.e11-spot .top-pro-txt {
    position: absolute;
    top: 255px;
    left: auto;
    right: 32px;
    z-index: 1;
    bottom: 38px;
}

.e11-spot .top-pro-txt p {
    color: #fff;
}

.modal-open {

    width: 224px;

    cursor: pointer;
    margin-left: auto;
}

.catalog-open {

    cursor: pointer;
}

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 40%);
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    box-sizing: border-box;
    z-index: 99;
}

.modal-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal-container.active {
    opacity: 1;
    visibility: visible;
}

.modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 339px;
    width: 100%;
}

.modal-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
    font-size: 3.0rem;
    color: #fff;
    cursor: pointer;
}

.modal-content {
    background: #fff;
    text-align: left;
    padding: 16px;
}

.modal-content p {
    color: #000;
}

.catalog-modal .modal-content {
    background: #fff;
    text-align: left;
    padding: 32px 16px;
    text-align: center;
}

.catalog-modal .modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 480px;
    width: 100%;
}

.modal-content p.top16 {
    padding-left: 16px;
}

.catalog-close {
    padding: 10px 20px;
    display: inline-block;
    margin-top: 24px;
    border: 1px solid #000;
}

.r15-link-area {
    position: relative;
    margin-top: 24px;
}

.r15-link {

    width: 224px;
    margin-left: auto;
    transition: 0.5s;
}

.r15-link-search {
    opacity: 1;
    transition: 0.5s;
}


.r15-modal-area {
    margin-top: 8px;
    opacity: 1;
    transition: 0.5s;
}

.r15-link-search:hover,
.r15-modal-area:hover .modal-open {
    opacity: 0.5;
    transition: 0.5s;
}

.w50 {
    width: 50px;
}

.small-bottom {
    transform: scale(0.6);
    display: inline-block;
    transform-origin: 20% 78%;
}

.w560 {
    width: 76.089%;
}

.border-right2px {
    border-right: 2px solid #fff;
}

.aqua2-grid-l {
    width: 31.915%;
}

.aqua2-grid-r {
    width: 65.958%;
}

.mortor-illust1 {
    width: 41.4%;
}

.mortor-illust2 {
    width: 46.4%;
}

.mortor-illust-title {
    background: #F6F6F6;
    margin-top: 8px;
    padding: 8px 0;
    display: block;
    text-align: center;
}

.c-switch .top-pro-txt {
    position: absolute;
    top: 168px;
    left: 95px;
    z-index: 1;
}

.connected-logo-top {
    width: 44.3%;
    margin-bottom: 8px;
}

.genji-box-left {
    width: 40.426%;
    /*    grid-column: 1/21;
    grid-row: 1 / 1;*/
    height: 100%;

}

.genzi-box-up {
    position: relative;

    padding-top: 39%;
}

.genzi-box-up p {
    position: absolute;
    top: 16px;
    left: 16px;
}

.genzi-box-down {
    height: 55%;
}

.genji-box-right {
    width: 57.45%;
    /*   grid-column: 21/34;
    grid-row: 1 / 1;*/
}

/*.grid {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
}*/
.comp-label-area {
    width: 100%;
    background: #F6F6F6;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
}

.comp-label-area p {
    color: #949494;
}

.products-top .top-pro-txt {
    position: absolute;
    top: 215px;
    right: 92px;
    left: auto;
    z-index: 1;
}

.w216 {
    width: 28.88%;

}

.w216-txt {
    width: calc(100% - 28.88%);

}

.cw-area.switch-icon-flex {
    width: 44%;
    display: flex;
    justify-content: space-between;
}

.cw-area.switch-icon-flex3 {
    width: 29%;
    display: flex;
    justify-content: space-between;
}

.right video {
    width: 100%;
}

.w624-w224 {
    width: 35.956%;
}

.w624-w384 {
    width: 61.638%;
}

.top-gd {
    display: block;
    position: absolute;
    left: 90px;
    bottom: 38px;
    width: 190px;
    height: auto !important;
    z-index: 2;
}

.products .cap-book {
    position: absolute;
    bottom: 16px;
    left: 16px;

}

.col6 {
    width: 16.6666667%;
}

.select-txt {
    background: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ca-left {
    width: 68.086%;
    padding: 32px 16px;
    background: #D4D4D4;
}

.ca-img1 {
    width: 83.73%;
}

.ca-right {
    width: 31.915%;
}

.ca-left-in-1 {
    width: 28.125%;
}

.ca-left-in-2 {
    width: 61.46%;
}

.ca-left-in-2-16 {
    width: 63.335%;
}

.ca-left-in-2-in {
    width: 89.474%
}

.ca-left-col2 {
    width: calc(50% - 8px);
}

.area .link-caption {
    background: #F6F6F6;
    padding: 16px 16px 42px;
    position: relative;
    display: block;
}

.gray .link-caption {
    background: #fff !important;
    padding: 16px 16px 42px;
    position: relative;
    display: block;
}


.small-font {
    font-size: 1.0rem;
    font-family: 'UD新ゴNT R', sans-serif;
}

.gd-product {
    width: 100px;
    position: absolute;
    display: block;
    bottom: 16px;
    right: 16px;

}

.ml-item {
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;

}

.ml-item-txt {
    flex-grow: 1;
}

.ml-lamp-link {
    background: #949494;
    padding: 6px;
    line-height: 1 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    opacity: 1;
    transition: 0.3s;
}

.ml-lamp-link:first-child {
    margin-bottom: 8px;
}

.ml-lamp-link .vec-link {
    width: 21px;
}

.ml-item-caption {
    padding: 12px 16px;
}

.ml-lamp-link:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.top-good_design {
    position: absolute;
    bottom: 38px;
    left: 48px;
    width: 190px;
    z-index: 10;
}

.gd_logo130 {
    width: 130px;
}

.gd_logo100 {
    width: 100px;
}

.gb_abso_right {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.catalog-col3 {
    width: 28.473%;
    background: #F6F6F6;
    margin-right: 16px;
}
.catalog-col4 {
    width: 24%;
    background: #F6F6F6;
    margin-right: 1%;
}

.connected-catalog-link {
    width: 39.132%;
}

.logo-small {
    font-size: 1.0rem;
    vertical-align: baseline;
}

.catalog-txt-1 {
    height: 40px;
    margin-top: 0 !important;
}

.catalog-txt-2 {
    height: 60px;
}

.catalog-txt-3 {
    height: 36px;
}

.catalog-txt-4 {
    height: 54px;
}

.txt-flex.catalog-txt-1 span:first-child {
    width: calc(100% - 36px);
}

.txt-flex.catalog-txt-1 .c-custom {
    width: calc(100% - 16px)!important;
}


.down_spot_pro .top-pro-txt {
    top: 144px;
    left: 120px;
}

.w176 {
    width: 23.514%;
}

.micro-txt {
    font-size: 1.0rem;
}
.block{
    display:block;
}
.line-height13{
    line-height:1.3!important;
}
.spacing-ds{
    letter-spacing: -25px;
}

/*@@@*/


/*ーーーーー　2022 TOP　ーーーーーー*/
.main-img {
    max-width: 1344px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
}

.top-vec {
    width: 57px;
    margin-left: 5px;
}

.main-top-txt {
    position: absolute;
    bottom: 48px;
    left: 64px;
    z-index: 1;
}

.main-top-logo {
    width: 34.357%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 74px;
    z-index: 999;
}

.three-light {
    max-width: 1344px;
    width: 100%;
    margin: 16px auto 0;
    padding: 0 32px;

}

.three-light-area {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;


}

.tl-col3 {
    width: 33.333333%;
    border-right: 3px solid #fff;
    position: relative;
    opacity: 1;
    transition: 0.5s;
}

.tl-col3:last-child {

    border-right: none;
}

.circadian-tl {
    background: #D9E1E8;
    transition: 0.5s;
}

.circadian-tl .tl-logo {
    max-width: 250px;
    width: 100%;
}

.r15-tl {
    background: #F9D2E4;
    transition: 0.5s;
}

.r15-tl p,
.connected-tl p {
    color: #fff;
}

.r15-tl .tl-logo {
    max-width: 168px;
    width: 100%;
}

.connected-tl {
    background: #0064BE;
    transition: 0.5s;
}

.connected-tl .tl-logo {
    max-width: 278px;
    width: 100%;

}

.tl-vec {
    margin-top: 16px;
    width: 57px;
}

.tl-txt {
    position: absolute;
    top: 24px;
    left: 16px;
    opacity: 1;
    transition: 0.5s;
    width: 100%;
    z-index: 1;
}

.tl-col3:hover {
    opacity: 0.5;
    transition: 0.5s;
}

/*.circadian-tl:hover {
    background: #d9e1e84d;
    transition: 0.5s;
}

.r15-tl:hover {
    background: #f9d2e44d;
    transition: 0.5s;
}

.connected-tl:hover {
    background: #0058a64d;
    transition: 0.5s;
}*/

.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

/*ーーーーー　2022 TOP　ーーーーーー*/

@media all and (min-width: 1344px) {
    .slide-logo-area {
        width: 443px !important;
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 59px;
        z-index: 999;
    }

    .slide-logo {
        width: auto;
        height: 112px !important;
        object-fit: contain;
        object-position: left;
    }

    .r-slide-txt {

        height: 231px;
    }

    .top-pro-txt {
        position: absolute;
        top: 250px;
        left: 66px;
        z-index: 1;
    }

    .top-pro-txt .catch-02 {
        font-size: 5.4rem !important;
        line-height: 70px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .touch .top-pro-txt {
        position: absolute;
        top: 158px;
        left: 105px;
    }

    .voicecontrol .top-pro-txt {
        position: absolute;
        top: 171px;
        left: 82px;
        z-index: 1;
    }

    .tp-2 .top-pro-txt {
        position: absolute;
        top: 265px;
        right: 165px;
        left: auto;
    }

    .home-etop .top-pro-txt {
        position: absolute;
        top: 169px;
        left: 88px;
    }

    .flat-fan .top-pro-txt {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 51px;
        right: 141px;
        z-index: 1;
    }

    .connected-t .top-pro-txt {
        position: absolute;
        top: 25%;
        left: auto;
        z-index: 1;
        right: 20%;
    }

    .w1344-m21 {
        margin-top: 21px;
    }

    .w1344-m26 {
        margin-top: 26px;
    }
}

@media all and (max-width: 1087px) {

    .c-custom02 p {
        margin-top: 2px!important;
    }
    
    .pc {
        display: none;
    }

    .tab {
        display: inline-block;
    }

    .pcsp {
        display: none;
    }

    .tab-hide {
        display: none;
    }

    .tab-hide-sp-up {
        display: none;
    }

    .tab50 {
        width: 50%;
    }

    .head-05 {
        font-size: 3.2rem !important;
        line-height: 42px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .head-06 {
        font-size: 3.2rem !important;
        line-height: 50px !important;
        font-family: 'UD新ゴNT M', sans-serif;
        margin-bottom: 42px;
    }


    .catch-02 {
        font-size: 3.6rem !important;
        line-height: 50px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }


    .catch-03 {
        font-size: 3.8rem !important;
        line-height: 50px !important;
        font-family: 'UD新ゴNT M', sans-serif;
    }

    .catch-04 {
        font-size: 6.0rem !important;
        line-height: 78px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .catch-05 {
        font-size: 6.0rem !important;
        line-height: 78px !important;
        font-family: 'UD新ゴNT M', sans-serif;
    }

    .top-head,
    .inner {
        width: 100%;
        padding: 0;
    }

    .top-head {
        top: 0;
        position: fixed;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;

    }


    #global-nav li {
        padding: 0;
        text-align: center;
    }

    .r-top-head header div.topimg {
        margin-bottom: 0px;
    }

    /* Fixed reset */
    .menu a:hover {
        border-bottom: 0px solid;
        border-color: rgba(0, 0, 0, 1);
        transition: 0.5s;


    }

    .menu li:hover {

        transition: 0.5s;


    }

    .top-head.fixed {
        padding-top: 0;
    }

    #mobile-head {

        width: 100%;
        height: 50px;
        z-index: 999;
        position: relative;
    }

    .top-logo {
        padding-top: 24px;
        padding-bottom: 27px;
        top: 16px;
        left: 52px;
        position: absolute;
    }

    nav#global-nav {
        display: none;
        justify-content: flex-start;
        align-items: flex-start;

    }

    #global-nav {
        position: absolute;
        /*left: -100vw;*/
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        /*   height: 100vh;*/
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        flex-direction: column;
        padding-top: 48px;
    }

    #global-nav ul {
        list-style: none;
        position: static;
        left: 0;
        bottom: 0;
        padding-top: 0px;
        padding-left: 0;
        height: 100vh;
        background: rgba(255, 255, 255, 1);
        flex-direction: column;
        justify-content: flex-start !important;
        width: 256px;
    }

    .blur {
        -ms-filter: blur(3px);
        filter: blur(3px);
        transition: 1s;

    }

    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        /*       -moz-transform: translateX(100vw);
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);*/
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #global-nav li {

        border-left: none;
        border-right: none;
        position: relative;

    }

    /*   #global-nav li:first-child {
        border-top: 1px solid #707070;
    }*/

    #global-nav li a {
        position: relative;

    }

    .head-vec {
        width: 21px;
        display: block;
    }

    #global-nav .top-logo a::after {
        display: none;
    }

    #global-nav li+li {
        border-left: 0;
        border-right: none;
    }

    .mlogo {
        width: 100%;
        border-right: none;
        float: none;
        padding-left: 20px;
    }

    .sp-menu-in {
        display: block !important;
    }

    .menu02 {
        display: none !important;
    }

    #global-nav ul li {
        float: none;
        width: 100%;
        position: static;
        text-align: left;

    }

    .top-head #global-nav li,
    .top-head.fixed #global-nav li {
        padding: 0 16px;
    }

    .top-head #global-nav ul li a,
    .top-head.fixed #global-nav ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;

        font-weight: 300;
        width: 100%;
        height: 100%;
        padding: 15px 0px;
        border-bottom: 1px solid #E0E0E0;
    }

    #nav-toggle {
        display: block;
    }

    header div.topimg {
        margin-top: 65px;
    }

    header div.topimg2 {
        margin-top: 65px;
    }

    .top-logo {
        padding: 0;
        width: 88px;
    }

    #nav-toggle {
        left: 0px;
        top: 0;
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0);
        transition: 0.5s;
    }

    #nav-toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 18px;
        margin: 0 auto;
        background: #000;
        position: relative;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    .top-head.background--dark #nav-toggle span {
        background: #fff;
    }

    .top-head.background--light #nav-toggle span {
        background: #000;
    }

    .top-head.fixed #nav-toggle span {
        background: #000 !important;
    }

    .top-head.open #nav-toggle span {
        background: #000 !important;
    }

    #hikarugenji #nav-toggle span {
        background: #fff;
    }

    .head-white #nav-toggle span {
        background: #fff;
    }

    .open #nav-toggle {
        background: rgba(255, 255, 255, 1);
        transition: 0.5s;
    }

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        /*top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);*/
        opacity: 0;
    }

    .open #nav-toggle span:nth-child(2) {

        position: relative;
        height: 0;
    }

    .open #nav-toggle span:nth-child(3) {
        /*top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);*/
        opacity: 0;
    }

    .open #nav-toggle span:nth-child(4) {


        height: 2px;

        opacity: 1;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transition: 0.3s;
        display: block;
        top: 21px;
    }

    .open #nav-toggle span:nth-child(5) {

        height: 2px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        opacity: 1;
        transition: 0.3s;
        display: block;
        top: 19px;
    }

    .top-pro-txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 32px;
        z-index: 1;
    }

    .voicecontrol .top-pro-txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 32px;
        z-index: 1;
    }

    .flat-fan .top-pro-txt {
        position: absolute;
        top: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        bottom: 18px;
        right: 75px;
        z-index: 1;
    }

    .r-top h2 {
        margin-bottom: 8px;
    }

    .r-top .Rgrid img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }


    .slide-logo-area {
        width: 242px !important;
        top: 55%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 32px;
    }

    .slide-dots {
        left: 32px;

    }

    .p46 {
        padding: 8px 24px 16px;
    }

    .thought {
        width: 100%;
        padding-top: 56px;
        max-width: none;
        display: none;
    }

    .thought-txt {
        position: relative;
        padding: 0;
        width: 100%;
        max-width: none;
    }

    .thought-txt p {
        width: calc(50% + 68px);
        max-width: none;
        margin-top: 0px;
    }

    .teian-tab {
        width: 90%;
        margin: 40px auto;
        display: block;

    }

    .thought-txt-in h2 {
        margin-bottom: 24px;
    }



    .teian-txt h2 {
        margin-bottom: 0px;
    }

    .teian-txt p {
        display: none;
    }

    .teian-txt-tab-sp {
        position: absolute;
        display: block;
        bottom: 40px;
        left: 48px;
        max-width: 388px;
    }

    .top-mainitem-txt .tc-img {

        max-width: 233px;
        margin-bottom: 8px;
    }

    .top-mainitem-txt p {

        max-width: 289px;
    }

    .top-mainitem-txt {
        padding: 40px 32px;
    }

    .vec-area {
        width: 64px;
        right: 20px;
        bottom: 20px;
    }

    .top-mainitem-txt .r15-img {
        max-width: 162px;
        margin-bottom: 16px;
    }

    .top-mainitem-txt .cl-img {
        max-width: 267px;
        margin-bottom: 8px;
    }

    .top-mainitem-txt {
        width: 64.88%;
        height: 236px !important;
    }

    .top-mainitem-img {
        width: 35.12%;
    }

    .top-mainitem {
        max-height: 236px;
    }

    .Rgrid-contents h3 {

        margin-bottom: 16px;
    }

    .Rgrid-contents {

        flex-wrap: wrap;
        margin: 0px 0 16px;
    }

    .Rgrid-contents .three-1 {
        width: 100%;
        padding-left: 16px;
    }

    .Rgrid-contents .right {
        width: 100%;
    }

    .grada .Rgrid-contents,
    .grada-top .Rgrid-contents {
        padding: 0px 16px 32px 0;
    }

    .area .Rgrid-contents,
    .grada .Rgrid-contents,
    .grada-top .Rgrid-contents {
        padding: 0px 16px 0px 0;
    }

    .r-contents-sub {
        padding: 32px 32px;
    }

    .tab-title-pl {
        padding-left: 0px;
    }

    .one-cont .Rgrid-contents .three-3 {
        width: calc(25% - 16px);
        position: relative;
        padding-left: 0 !important;
        margin-bottom: 40px;
    }

    .r-contents-sub.news-area {
        overflow-x: scroll;
        -ms-overflow-style: none;

        scrollbar-width: none;
    }

    .r-contents-sub.news-area::-webkit-scrollbar {

        display: none;
    }


    .r-info {

        padding: 32px 48px 32px 32px;
    }

    .r-info .r-info-date {
        width: 21.9512195%;
    }

    .r-info .r-info-pdf {
        width: 19.5121951%;
    }

    .r-info .r-info-txt {
        width: 58.5365854%;
    }

    .Rgrid-contents .three-3 .vec {
        padding-left: 0px;
        position: absolute;
        right: 0;
        top: 24px;
    }


    .sensor-pick .three-3 {
        width: calc(25% - 8px);
    }

    .button-item {
        padding: 16px;

    }

    .bottom-menu .r-foot-l {
        width: auto;
        padding-left: 16px;
    }

    .bottom-menu .r-foot-r {
        width: auto;
        padding-left: 0;
        /* margin-top: 10px; */
    }

    .three-1 p {
        margin-bottom: 32px;
    }

    .nine-area {
        padding: 12px;
        /* border: 1px solid #000;*/
        margin-top: 16px;
        margin-bottom: 32px;
        display: inline-block;
    }

    .r-info .button-item {
        position: relative;
        bottom: auto;
        right: auto;
        padding-left: 0;
    }

    .slide-logo {
        width: auto !important;
        height: 70px !important;
        object-fit: contain !important;
        object-position: left;
    }

    .r-slide-txt {

        left: 68%;
        top: 60%;

        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);

    }

    .vec-slide {
        width: 38px !important;
    }

    .r-slide-txt {
        height: 150px;
    }

    .teian-area .Rgrid-contents {
        padding-right: 0 !important;
    }

    .emerg-right {
        padding-left: 0px;
    }

    .sensorlight-slide-area .Rgrid-contents,
    .sensorlight-slide-area .r-contents-sub {
        padding-right: 0px !important;
    }

    .sensorlight-slide-area .one-cont .right {
        padding-left: 16px;
    }

    .one-cont .three-1 {
        padding-left: 16px;
    }

    .r-foot-bmenu li:nth-child(1) {
        width: auto;
        padding-right: 24px;
    }

    .r-foot-bmenu li:nth-child(2) {
        width: auto;
        padding-right: 24px;
    }

    .r-foot-bmenu li:nth-child(3) {
        width: auto;
        padding-right: 24px;
    }

    .r-foot-bmenu li:nth-child(4) {
        width: auto;
        padding-right: 24px;
    }

    .top56 {
        margin-top: 0;
    }

    .top-slide .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .top-support .three-2::nth-child(3),
    .top-support .three-2::nth-child(4),
        {
        margin-bottom: 24px;
    }

    .slide-news h3 {
        font-size: 2.2rem;
        line-height: 32px;
        font-weight: normal;
        padding-left: 48px;
    }

    .top-slide-contents {
        margin-top: 32px;
        padding: 32px 0px 32px 0;
    }

    .tp-2 .top-pro-txt {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right: 10%;
        left: auto;
    }

    .touch .top-pro-txt {
        position: absolute;
        top: 40%;

        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 8%;
    }

    .emerg-area-point {

        margin-top: 32px;

    }

    .emerg-slide {

        margin-bottom: 24px;
    }

    .emerg-area-point {
        margin-top: 32px;
        margin-bottom: 32px;

        justify-content: space-between !important;
    }

    .emerg-left {
        width: calc(50% - 16px);
    }

    .emerg-right {
        width: calc(50% - 16px);
        padding-left: 0px;
        max-width: none;
    }

    .emerg-right img:first-child {
        max-width: 220px
    }

    .one-cont .Rgrid-contents .three-2 {

        margin-bottom: 32px;
    }

    img.conv-prod {
        width: 60%;
    }

    .vec-slide {
        width: 38px !important;
    }

    .slide-news .button-item {
        padding: 16px 32px;
    }

    .col65 {
        width: calc(63.125% - 16px);
    }

    .col35 {
        width: calc(36.875% - 16px);
    }

    p.convertible-top-txt {
        font-size: 3.0rem;
        line-height: 40px;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .convertible-logo-item {
        max-width: 220px !important;
    }

    .convertible-product-area {
        left: 32px;
        height: 260px;
        top: 55%;
    }

    .convertible-product-area img {
        max-width: 215px;
    }

    .web-catalog-in {
        width: 512px;
    }

    .slide-news .three-1 p {
        padding-left: 48px;
        margin-top: 16px;
    }



    .r15-top-logo {
        max-width: 210px;
    }

    .connected-t .top-pro-txt {
        position: absolute;
        top: 35%;
        left: auto;
        z-index: 1;
        right: 10%;

    }

    .connected-t .slide-logo {

        height: 85px !important;

    }

    .connected-sp {
        max-width: 200px;
    }

    .border-top::before {
        content: none;

    }

    .border-top-qa-sp {
        position: relative;
    }

    .border-top-qa-sp::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        height: 1px;
        width: calc(100% - 32px);
        background: #707070;
    }

    .area.pd-top0 .Rgrid-contents {
        padding-top: 0 !important;
    }

    .pd-top0 .three-1 h3.top16 {
        margin-top: 0px !important;
    }

    .qa-titleonly p {
        margin-bottom: 0;
    }

    .in-txt-area-supo {
        padding-left: 0px;
    }

    .cl-home .home-logo,
    .cl-office-top .home-logo,
    .cl-cont-top .home-logo,
    .cl-app-top .home-logo,
    .cl-movie-top .home-logo {
        max-width: 386px;
    }

    .cl-home .catch-02,
    .cl-office-top .catch-02,

    .cl-app-top .catch-02,
    .cl-movie-top .catch-02 {
        font-size: 3.6rem !important;

    }

    .col40 {
        width: calc(13.5% - 4px);
    }

    .col60 {
        width: calc(87% - 4px);
    }

    .sp-half {
        width: 50%;
    }

    .cl-slide-item {
        margin-bottom: 16px;
    }

    .r-contents-sub.tab-pd-bottom0 {
        padding: 32px 32px 0;
    }

    .r-contents-sub.tab-pd-top0 {
        padding: 0px 32px 32px;
    }

    .tab-mb0 {
        margin-bottom: 0 !important;
    }



    .tab-up {
        display: block;
    }

    .tab-up-sp-none {
        display: block;
    }

    .col3880 {
        width: 46.35%;
    }

    .col4898 {
        width: 59.93%;
    }

    .col4907 {
        width: calc(41.07% - 16px);
    }

    .col4907 img {
        width: 40.2%;
    }

    .w130 {
        width: 30%;
    }

    .cl-home .top-pro-txt,
    .cl-office-top .top-pro-txt,
    .cl-movie-top .top-pro-txt {
        top: 65px;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
    }

    .cl-cont-top .top-pro-txt {
        top: 70px;
        left: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        right: 150px;
    }

    .cl-cont-top .catch-02 {
        font-size: 3.0rem !important;
        line-height: 4.0rem !important;
    }

    .cl-app-top .top-pro-txt {
        top: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        right: 60px;
        bottom: 23px;
        z-index: 1;
        left: auto;

    }

    .cl-app-top .catch-02 {
        font-size: 3.4rem !important;
        line-height: 4.6rem !important;
    }

    .sup-icon {
        width: 54.2%;
    }

    .supo-col4 .caption-txt p {
        max-width: 100% !important;
        margin-right: 0;
    }

    .sup-qa {
        width: calc(50% - 8px);

    }

    .sup-qa {
        padding-top: 24.8%;
    }

    footer {

        position: relative !important;
    }

    .mainte-txt {
        height: 175px;
    }

    .mini-txt {
        font-size: 1rem !important;
    }

    .tab-283 {
        max-width: 283px;

    }

    .support-top .top-pro-txt {
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        bottom: 24px;

    }

    .pc-bottom-none {
        margin-bottom: 16px;
    }

    .topic-side ul {
        margin-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
    }

    .topic-side li {
        padding: 12px 32px 12px 0;
    }

    .topic-side .archive {
        padding: 12px 16px 12px 0;
        margin-bottom: 32px;

    }

    .ex-slider .slick-next {
        right: 20px;
        z-index: 99;
    }

    .ex-slider .slick-prev {
        left: 10px;
        z-index: 99;
    }

    .ex-slider .slick-next:before {
        content: '→';
    }

    .ex-slider .slick-prev:before {
        content: '←';
    }

    .ex-slider .slick-prev:before,
    .ex-slider .slick-next:before {
        font-size: 30px;
        opacity: 1;
        color: #fff;
    }

    .ex-slider .sensor-slide-dots {
        right: auto;
        left: 16px;
    }

    .r15-cont {
        width: 57.5%;
    }

    .box-list {

        padding-top: 34.0382%;

    }

    h3.mb0 {
        margin-bottom: 16px !important;
    }

    .sitemap-area .col3 {
        width: 28%;
        margin-right: 16px;
    }

    .sitemap-area .site-wide.col3 {
        width: 35%;
    }

    .aqua-top-logo {

        max-width: 175px;

    }

    .aqua .top-pro-txt {

        top: 120px;

        right: 83px;

    }

    .circadian-img1 {
        max-width: 90px;
        width: 100%;
    }

    .circadian .top-pro-txt {
        position: absolute;
        left: auto;
        top: auto;
        z-index: 1;
        right: 68px;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
    }

    .ciracadian .top-pro-txt {
        position: absolute;
        top: 40%;
        left: auto;
        right: 70px;
    }

    .ciracadian-col3 {
        width: calc(50% - 16px);
        padding: 16px;

    }

    .ciracadian-col3:nth-child(3) {
        margin-top: 32px;
    }

    .ciracadian-col3-2 {
        margin-top: 32px;
        width: calc(50% - 16px);

    }

    .tab-top24 {
        margin-top: 24px;
    }

    .cc-3-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 178px;
        padding-bottom: 16px;
    }

    .cc-3-2img {
        margin: 0;
        height: 178px;
    }

    .tab-up .w608 {
        width: 86.866%;
    }

    .tabw608 {
        width: 86.866%;
    }

    .tabtxtw608 {
        width: 91.443%;
    }

    .circadian-w .w608 {
        width: 100%;
    }

    .tabw472 {
        width: 73.75%;
    }

    .circadian-area .long-65 {
        width: 50%;
        padding-right: 16px;
    }

    .circadian-area .long-35 {
        width: 50%;
        position: relative;
    }

    .circadian-area .long-txt-area {
        padding: 16px;
    }

    .circadian-area .emerg-slide .rslider {
        width: 46.793%;
    }

    .circadian-area .emerg-slide .thumbnail-thumb {
        width: calc(100% - 46.793%);

        padding: 16px 16px 16px 32px;

    }

    .circadian-area .emerg-slide .sensor-slide-dots {

        left: 32px;
    }

    .circadian-area .w480 {
        width: 73.75%;
    }





    /*ーーーーー　2022 TOP　ーーーーーー*/
    .main-top-logo {
        width: 34.085%;

        right: 32px;

    }

    .main-top-txt .catch-02 {
        font-size: 2.4rem !important;
        line-height: 34px !important;
    }

    .main-top-txt {

        bottom: 24px;
        left: 48px;
    }

    .top-vec {
        width: 46px;
        margin-left: 5px;
    }

    .three-light {

        padding: 0 48px;
    }

    .circadian-tl .tl-logo {
        max-width: 151px;

    }

    .r15-tl .tl-logo {
        max-width: 107px;

    }

    .connected-tl .tl-logo {
        max-width: 175px;

    }

    .tl-vec {
        margin-top: 16px;
        width: 46px;
    }


    .flatpate .top-pro-txt {
        position: absolute;
        top: 190px;
        left: 32px;
        z-index: 1;
    }

.spacing-ds{
    letter-spacing: -15px;
}

    /*ーーーーー　2022 TOP　ーーーーーー*/
    .ca-left-in-1 {
        width: 29.125%;
    }

    .select-txt span {
        font-size: 1.0rem;
    }

    .catalog-txt-2 {
        height: 75px;
    }

    .catalog-txt-3 {
        height: 72px;
    }

    .tab-only48 {
        margin-top: 48px;
    }

    .w176 {
        width: 25%;
    }

    .w560 {
        width: 73%;
    }
}

/*@@@@*/
@media all and (max-width: 805px) {
    .news-area .Rgrid-contents {
        width: 740px;
        overflow-x: scroll;
        padding-right: 0 !important;
    }

    .news-area .right {
        width: 740px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .news-area .Rgrid-contents .three-sec .three-3 {
        width: 236px;
    }

    .news-area .Rgrid-contents .three-sec .three-4 {
        width: 172px;
    }

    .slide-news .three-1 p {
        padding-left: 48px;
        margin-top: 16px;
    }

}

.sp-up {
    display: none;
}

.slide-shop .sp-up {
    display: none !important;
}

.sp-up-inline {
    display: none;
}



@media all and (max-width: 735px) {
    .sp {
        display: block !important;
    }

    .tab-up-sp-none {
        display: none;
    }

    .tab-hide-sp-up {
        display: block;
    }

    .sp-up {
        display: block;
    }

    .sp-margin-top {
        margin-top: 15px;
    }

    .sp-hide {
        display: none !important;
    }

    .sp-up-inline {
        display: inline-block;
    }

    .slide-shop .sp-up {
        display: block !important;
    }

    .slide-shop .sp-hide {
        display: none !important;
    }

    .pcsp {
        display: block;
    }

    .tab50 {
        width: 100%;
    }

    .head-05 {
        font-size: 2.8rem !important;
        line-height: 38px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .head-06 {
        font-size: 2.8rem !important;
        line-height: 38px !important;
        font-family: 'UD新ゴNT M', sans-serif;
        margin-bottom: 42px;
    }



    .catch-02 {
        font-size: 3.4rem !important;
        line-height: 45px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }


    .catch-03 {
        font-size: 3.4rem !important;
        line-height: 45px !important;
        font-family: 'UD新ゴNT M', sans-serif;
    }

    .catch-04 {
        font-size: 3.4rem !important;
        line-height: 45px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .catch-05 {
        font-size: 3.4rem !important;
        line-height: 45px !important;
        font-family: 'UD新ゴNT M', sans-serif;
    }


    #global-nav ul {
        list-style: none;
        position: static;
        left: 0;
        bottom: 0;
        padding-top: 0px;
        padding-left: 0;
        height: 100vh;
        background: rgba(255, 255, 255, 1);
        flex-direction: column;
        justify-content: flex-start !important;
        width: 100%;
    }

    .r-top .Rgrid {
        flex-direction: column-reverse;
    }

    .Rgrid .half {
        width: 100%;
    }

    .sptop32 {
        margin-top: 32px;
    }

    .p46 {
        padding: 16px;
    }

    .slick-slide img {
        display: block;
        width: 100%;
        height: 355px;
        object-fit: cover;
        max-height: none;
    }

    .slide-logo-area {
        width: 219px !important;

        position: absolute;
        top: 72px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        left: 16px;
    }

    .thumbnail-thumb .head-03,
    .thumbnail-thumb1 .head-03,
    .thumbnail-thumb2 .head-03,
    .thumbnail-thumb2 .head-03 {
        font-size: 1.8rem !important;

    }

    .slide-logo {
        max-width: 125px !important;
        height: auto !important;
    }

    .top-logo {
        top: 15px;
        left: 52px;

        position: absolute;
    }

    #mobile-head {
        height: 52px;
    }


    .touch-txt {
        background: #D4D4D4;
    }

    .teian-sp {
        margin: 32px 0;
    }

    .r15-txt {
        background: #F9D2E4;

    }

    .conect-txt {
        background: #0058A6;
    }

    .thumbnail-thumb,
    .thumbnail-thumb1,
    .thumbnail-thumb2,
    .thumbnail-thumb3 {
        margin-top: -2px;
    }

    .touch-txt p,
    .r15-txt p {
        color: #000;
        margin-top: -7px;
    }

    .conect-txt p {
        color: #fff;
        margin-top: -7px;
    }

    .r15-txt .st0 {
        fill: #000;
    }

    .conect-txt .st0 {
        fill: #fff;
    }

    .conect-txt .st0 {
        fill: #fff;
    }


    .slide-news .three-1 p {
        padding-left: 0px;
    }


    .r-slide-txt-sp {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        transform: none;
        padding: 16px;
        font-size: 46px;
        height: 120px;
        line-height: 64px;
        font-weight: 300;
        width: 100%;
        display: flex !important;
        justify-content: space-between;

    }

    .r-slide-txt-sp img {
        height: auto;
        width: 100%;
        object-fit: contain;
    }

    .r15-txt img {
        width: 100%;
        max-width: 130px;
    }

    .r-slide-txt-sp .col2 {
        width: calc(50% - 16px);
    }

    .vec-slide {
        width: 21px !important;
        margin-top: 0px;
        position: relative;
        bottom: 16px;
        right: 0;
    }

    .slide-dots {
        bottom: 16px;
        left: 16px;
        height: 3px;
    }


    .r-top h2 {
        margin-bottom: 24px;
    }

    .r-top-contentsin {
        position: relative;
        opacity: 1;
        transition: 0.3s;
        display: block;
        background: #F9D2E4;
        width: 100%;
        height: 100%;
        padding: 16px;
    }

    .thought-txt {
        width: 100%;
    }

    .thought-txt-in {
        position: inherit;
        width: 100%;
    }

    .teian-txt-tab-sp {
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        padding: 0 32px 16px;
    }

    .teian-txt {
        position: absolute;
        top: 24px;
        left: 24px;
    }

    .teian-sp-img {
        object-fit: cover;
        object-position: top;
        max-height: 540px;
    }

    .r-contents-sub {
        width: 100%;

        padding: 0 16px;

    }

    .r-contents-02 {
        padding: 0 16px;

    }

    .tab-title-pl {
        padding-left: 0px;
    }

    .grada .Rgrid-contents,
    .grada-top .Rgrid-contents {
        padding: 0px 0px 32px 0;
        padding-right: 0 !important;
    }

    .thought-txt p {
        width: 100%;
        max-width: none;
    }

    .thought {
        width: 100%;
        padding-top: 32px;
    }

    .thought-img {
        width: 100%;
    }

    .top-mainitem {
        width: 100%;
        display: flex;
        margin-bottom: 16px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        max-height: none;
    }

    .top-mainitem-txt {
        width: 100%;
        padding: 16px;
        height: auto !important;
        padding-right: 16px;
    }

    .top-mainitem-img {
        width: 100%;
    }

    .top-mainitem-txt .tc-img {
        max-width: 180px;
        margin-bottom: 8px;
    }

    .vec-area {
        width: 21px;
        right: auto;
        bottom: auto;
        margin-top: 8px;
        position: static;
    }

    .top-mainitem-txt .r15-img {
        max-width: 123px;
        margin-bottom: 16px;
    }

    .top-mainitem-txt .cl-img {
        max-width: 206px;
        margin-bottom: 8px;
    }

    .r-slide-txt img,
    .slide-logo-area img {
        height: auto;
    }

    .top-mainitem-txt p {
        max-width: 100%;
    }

    .area .Rgrid-contents,
    .grada .Rgrid-contents,
    .grada-top .Rgrid-contents {
        padding: 32px 0px 32px 0;
        padding-right: 0px !important;
    }

    .slide .Rgrid-contents {
        display: block;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .slide .Rgrid-contents::-webkit-scrollbar {

        display: none;
    }

    .slide .r-contents-sub {
        padding: 0;

    }

    .slide .Rgrid-contents .right {
        width: 960px;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .slide .Rgrid-contents .three-2 {
        margin-bottom: 16px;
        width: 224px;
        /*  height: 225px;*/
    }

    .one-cont .three-1 {
        padding-left: 0;
    }

    .one-cont .Rgrid-contents .three-3 {
        width: calc(50% - 16px);
        position: relative;
        padding-left: 0 !important;
        margin-bottom: 40px;
    }

    .one-cont .Rgrid-contents .three-4 {
        width: calc(50% - 16px);
        position: relative;
        padding-left: 0 !important;
        margin-bottom: 40px;
    }

    .one-cont .right {
        padding-left: 0;
    }

    .Rgrid-contents {
        flex-wrap: wrap;
        padding-right: 0 !important;
    }

    .one-cont .Rgrid-contents .three-2 {
        width: 100%;
        position: relative;
        margin-bottom: 60px;
    }

    /*
    .Rgrid-contents .three-2:nth-child(3),
    .Rgrid-contents .three-3:nth-child(4),
    .Rgrid-contents .three-3:nth-child(5),
    .Rgrid-contents .three-3:nth-child(6) {
        margin-bottom: 60px !important;
    }*/

    .one-cont .Rgrid-contents .three-2:last-child {
        margin-bottom: 0px;
    }

    .slide .news-area .Rgrid-contents .right {
        width: 720px;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE, Edge 対応 */
        scrollbar-width: none;
    }

    .right::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
        display: none;
    }

    .news-area .Rgrid-contents .three-sec .three-3 {
        width: 224px;
    }

    .news-area .Rgrid-contents .three-sec .three-4 {
        width: 170px;
    }

    .r-info {
        padding: 32px 0 24px;
    }

    .slide .news-area .Rgrid-contents {
        padding: 0px 0px 32px 0;
        padding-right: 0px !important;
    }

    .r-info .r-info-date {
        width: 40%;
    }

    .r-info .r-info-txt {
        width: 55%;
    }

    .info-sp-pdf {
        margin-top: 8px;
    }

    .one-cont .button-item {
        padding: 16px 0;
    }

    .one-cont .Rgrid-contents .three-2:last-child {
        margin-bottom: 16px;
    }

    footer {
        width: 100%;
        padding: 48px 16px 16px;
        background: #D4D4D4;
    }

    .r-foot-l {
        width: 100%;
        padding-left: 0;
    }

    .r-foot-r {
        width: 100%;
        display: flex;
        padding-top: 4px;
    }

    .bottom-menu .r-foot-l {
        width: 100%;
        padding-left: 0;
    }

    .bottom-menu .r-foot-r {
        width: 100%;
        display: flex;
        padding-left: 0;
        padding-top: 0px;
    }

    .r-foot-r ul {
        padding-left: 0;
        width: 50%;
    }

    .r-foot-r ul:last-child {
        padding-left: 16px;
    }


    form.r-input {
        padding: 29px 0px 36px 0px;
    }

    .r-foot-bmenu {
        display: flex;
        flex-wrap: wrap;
    }

    .r-foot-bmenu li:nth-child(1),
    .r-foot-bmenu li:nth-child(2),
    .r-foot-bmenu li:nth-child(3),
    .r-foot-bmenu li:nth-child(4) {
        width: 50%;
        padding-right: 0;
    }

    .r-foot-bmenu li:nth-child(2),
    .r-foot-bmenu li:nth-child(4) {
        padding-left: 16px !important;
    }

    .r-foot-bmenu li:nth-child(1),
    .r-foot-bmenu li:nth-child(2),
    .r-foot-bmenu li:nth-child(3) {
        margin-bottom: 20px;
    }

    .bottom-menu .r-foot-r {
        margin-top: 20px;
    }

    .foot-button a {
        background: #fff;
        padding: 5px 32px;

        margin: 16px 0 40px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .long-area {
        flex-wrap: wrap;
    }

    .long-65 {
        width: 100%;
    }

    .long-35 {
        width: 100%;
    }

    .long-txt-area {
        padding: 24px 16px 64px;

    }

    .bread {
        padding: 0 16px 0 16px;
    }

    .products-title {
        padding: 0 32px 0 16px;

    }

    .top-product img {
        /*height: auto;
        object-fit: contain;*/

        height: 355px;
        object-fit: cover;
    }

    .top-product {
        position: relative;
        width: 100%;
        height: auto;
    }

    .touch .top-pro-txt {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 16px;
    }

    .web-catalog-in {
        width: 100%;
        padding-right: 0;
    }

    .catalog-col2 {
        width: 100%;
    }

    .catalog-col2:last-child {
        margin-top: 32px;
    }

    .products .Rgrid-contents .three-2 {
        width: 100%;
        margin-bottom: 16px !important;
    }

    .col65 {
        width: 100%;
    }

    .col77 {
        width: 100%;
    }

    .col35 {
        width: 100%;
        margin-top: 32px;
    }

    .three-1 p {
        margin-bottom: 32px;
    }

    .voice-p-area {
        flex-direction: column;
        text-align: center;
    }

    .voice-item-two {
        width: 65%;
    }

    .voice-item-two:last-child {
        margin-top: 16px;
    }

    .voice-p-area .pl48 {
        padding-left: 0;
    }

    .voice-p-area .pr40 {
        padding-right: 0;
    }

    .voice-item-three {
        width: 65%;
        margin: 16px 0;
    }

    .sensor-point .three-3 {
        width: 100%;
        padding-left: 0px;
    }

    .nine-area {
        margin-top: 48px;
        margin-bottom: 32px;
    }

    .emerg-right {
        max-width: 100%;
        margin-top: 80px;
        width: 100%;

    }

    .emerg-left {
        width: 100%;
    }

    .conv-col60 {
        width: 100%;
        margin-top: 16px;
    }

    .conv-col40 {
        max-width: none;
        width: 100%;
        margin-right: 0;
    }

    .three-2.conv-img {
        max-width: 80px;
        width: 100%;
        margin-top: 16px;
    }

    .flat-fansp100 {
        width: 100% !important;
    }

    .top-slide-contents {
        margin-top: 0;
        padding: 32px 0px 32px 0;
    }

    .top-slide-contents .Rgrid-contents {
        padding: 0px 0px 32px 0;
        padding-right: 0px !important;
    }

    .top-slide-contents h3 {
        font-size: 2.2rem;
        line-height: 32px;
        font-weight: normal;
        margin-bottom: 32px;
        padding-left: 16px;
    }

    .top-slide-contents .m32 {
        margin: 0;
    }

    .r-foot-in {
        width: 100%;
        max-width: 1344px;
        margin: 0 auto;
        padding: 0;
    }

    .emerg-slide .rslider,
    .emerg-slide .cl-slider1,
    .emerg-slide .cl-slider2,
    .emerg-slide .cl-slider3 {
        width: 100%;
    }

    .emerg-slide .thumbnail-thumb,
    .emerg-slide .thumbnail-thumb1,
    .emerg-slide .thumbnail-thumb2,
    .emerg-slide .thumbnail-thumb3 {
        width: 100%;
        background: #949494;
        padding: 16px 16px 32px;
        height: 192px;
    }

    .emerg-area-point {
        padding: 0;
        justify-content: flex-start !important;
    }

    .emerg-right {

        padding-left: 0px;

    }

    .sensor-slide-txt-area {
        position: inherit;
        background: #949494;
        width: 100%;
        height: auto;
        display: block;
        bottom: 0;
        right: 0;
        padding: 16px 16px 32px;
        height: 162px;
    }

    .sensor-slide-dots {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        bottom: 16px;
        right: auto;
        left: 16px;
        height: 3px;
    }

    .sensor-pick .three-3 .caption-area {
        background: none;
        padding: 16px 0px 32px;
        background: #fff;
    }

    .Rgrid-contents .sensor-pick .three-3:nth-child(4),
    .Rgrid-contents .sensor-pick .three-3:nth-child(5),
    .Rgrid-contents .sensor-pick .three-3:nth-child(6) {
        margin-bottom: 0px !important;

    }

    .sensorlight-slide-area .r-contents-sub {
        padding-right: 16px;
    }

    p.convertible-top-txt {
        font-size: 3.2rem !important;
        line-height: 45px;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .convertible-product-area img {
        max-width: 180px;
        height: auto !important;
    }

    .convertible-product-area h2 {
        font-size: 3.0rem;
    }

    .convertible-product-area {
        left: 6%;
        height: 225px;
    }

    .top-product.conbertible img {
        object-position: 66% 90%;
    }

    .youtube-link {

        padding: 8px;

    }

    .slide-news h3 {
        font-size: 2.2rem;
        line-height: 32px;
        font-weight: normal;
        margin-bottom: 32px;
        padding-left: 16px;
    }

    .slide-news .three-1 p {
        padding: 0 16px;
        margin-top: 16px;
    }

    .top-pro-txt {
        position: absolute;
        left: 16px;
        z-index: 1;
    }

    .sp-margin-0 {
        margin-bottom: 0;
    }

    .top-slide .slick-dotted.slick-slider {
        margin-bottom: 32px;
    }

    .bread ul {
        display: flex;
        flex-wrap: wrap;
    }

    .bread li:first-child {
        padding-right: 12px;
        padding-left: 0;
        border-left: none;
    }

    .bread li {
        padding: 0 7px;
        border-left: 1px solid #000;
        margin-bottom: 16px;
    }

    .Rgrid-contents .three-1 {

        padding-right: 0;
    }

    .sensorlight-slide-area .Rgrid-contents,
    .sensorlight-slide-area .r-contents-sub {
        padding-right: 0px !important;
    }

    .sensorlight-slide-area .Rgrid-contents {
        padding-right: 16px !important;
    }

    .sensorlight-slide-area .one-cont .right {
        padding-left: 0px;
    }

    .sensor-pick .three-3 {
        width: calc(50% - 16px);
    }

    .flatfanremo {
        width: 208px !important;
    }

    .home-etop .top-pro-txt {

        left: 16px;
        top: 50%;
    }

    .flat-fan .top-pro-txt {
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        left: auto;
        bottom: 16px;
        right: 0px;
    }

    .voicecontrol .top-pro-txt {
        position: absolute;
        left: 16px;
        z-index: 1;
    }

    .convertible-logo-item {
        max-width: 200px !important;
    }

    .convertible-product-area {
        left: 18px;
        height: 253px;
    }

    .tp-2 .top-pro-txt {
        position: absolute;
        top: 94px;
        transform: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        right: auto;
        left: 16px;
    }

    img.conv-prod {
        width: 100%;
    }

    .button-item {
        padding: 16px;
    }

    .emerg-right img:first-child {
        max-width: none;
    }

    .slide-news .button-item {
        padding: 16px;
    }

    .Rgrid-contents .three-1 {
        padding-left: 0;
    }

    .col-helf {
        width: 100%;
    }

    .col-helf:first-child {
        margin-bottom: 24px;
    }

    .r15-top-logo {
        max-width: 160px;
        height: auto !important;
    }

    .col3 {
        width: 100%;
        margin-top: 16px;
    }

    .col3:first-child {

        margin-top: 0px;
    }

    .r15-top-area .top-pro-txt {

        right: 2%;
    }

    .r15-top-area .catch-02 {
        font-size: 2.7rem !important;
        letter-spacing: -2px;

    }

    .r15-graph th {
        padding: 8px 20px;
    }

    .r15-graph tr th:last-child {
        border-left: 0.1px solid #707070;
    }

    .r15-graph tr th:last-child {
        border-left: 0.1px solid #707070;
    }

    .r15-graph td {
        border-left: 0px solid #707070;

    }

    .r15-graph tr td:last-child {
        border-left: 0.1px solid #707070;

    }

    .r15-class2-list-left {
        width: 100%;
        margin-bottom: 16px;
    }

    .r15-class2-list-right {
        width: 100%;
    }

    .r15-class2-list {
        border-top: 1px solid #949494;
        padding: 16px 0px;
    }

    .txt296 {
        max-width: 296px;
        margin-left: 0;
    }

    .col70 {
        width: 100%;
    }

    .col30 {
        width: 50%;
        margin-top: 32px;
    }

    .connected-t .top-pro-txt {

        right: 3%;

    }

    .connected-t .slide-logo {

        height: 180px !important;

    }

    .cl-link {
        padding-right: 0;
    }

    .cl-link li {
        width: calc(50% - 16px);
    }

    .cl-link li:nth-child(1),
    .cl-link li:nth-child(2) {
        margin-bottom: 32px;
    }


    .connected-4 .col3:nth-child(1),
    .connected-4 .col3:nth-child(2),
    .connected-4 .col3:nth-child(3),
    .connected-4 .col3:nth-child(4),
    .connected-4 .col3:nth-child(5) {
        margin-bottom: 24px;
        margin-top: 0;
    }

    /*.app-down-inner {
        padding: 16px;
    }
*/
    .connected-slide .emerg-slide .thumbnail-thumb,
    .connected-slide .emerg-slide .thumbnail-thumb1,
    .connected-slide .emerg-slide .thumbnail-thumb2,
    .connected-slide .emerg-slide .thumbnail-thumb3 {
        width: 100%;
        background: #949494;
        padding: 16px 16px 32px;
        max-height: 250px !important;
        height: 100%;
    }


    .w87 {
        width: 100%;
    }

    .col73,
    .col73-2 {
        width: 100%;
    }

    .qaimg {
        width: 100%;
    }

    .Rgrid-contents .movie-list-b .col3 {
        margin-top: 0;
    }

    .Rgrid-contents .movie-list-b .col3:nth-last-child(2),
    .Rgrid-contents .movie-list-b .col3:nth-last-child(3) {
        margin-bottom: 32px;
    }




    .cl-cont-inner .col4,
    .cont-list-area .col4 {
        width: 100%;
        margin-bottom: 64px;
    }

    .cl-cont-inner .col4:last-child,
    .cl-cont-inner .col4:nth-last-child(2),
    .cont-list-area .col4:last-child,
    .cont-list-area .col4:nth-last-child(2) {
        margin-bottom: 0;
    }

    .col6055 {
        width: 100%;
    }

    .col3361,
    .col5966 {
        width: calc(50% - 8px);
    }

    .connected-sp {
        max-width: 200px;
    }

    .col3880 {
        width: 100%;
    }

    .col3880:last-child {
        margin-top: 32px;
    }

    .col3880.margin-l16 {
        margin-left: 0;
    }

    .col4898 {
        width: 100%;
    }

    .col2837,
    .col1463 {
        width: calc(50% - 16px);
        margin-top: 16px;
    }

    .col7938 {
        width: 100%;
    }

    .connected-t .slide-logo {
        max-width: 170px !important;
    }

    .top-product-area.connected {
        padding: 0;
    }

    .cl-slide-item .sensor-slide-dots {
        right: 16px;
        left: auto;
    }

    .bottom16 .slick-dotted.slick-slider {
        margin-bottom: 16px;
    }



    .sp-width {
        width: 20%;
    }

    .col--128 {
        width: calc(100% - 20%);
        padding-left: 16px;
    }

    .cl-slide-item-top .sensor-slide-dots {
        right: 16px;
        left: auto;
    }

    .slick-list .vec-item {
        margin-left: auto;
    }

    .sp-last {
        margin-bottom: 0px !important;
    }

    .col7195 {
        width: 100%;
    }

    .Rgrid-contents .movie-link .cl-link li {
        max-width: initial;
        width: calc(50% - 8px);
    }

    .Rgrid-contents .movie-link .cl-link li:first-child {
        margin-right: 0;
    }

    .Rgrid-contents .movie-link .flex {
        justify-content: space-between;
    }



    .sup-qa {
        width: 100%;
        margin-top: 0 !important;
        padding-top: 51.5%;

    }


    .col-bottom-none .three-2:first-child {
        margin-bottom: 32px !important;
    }

    .height235 .three-2 {
        width: 100%;
        position: relative;
    }

    .support-top .top-pro-txt {
        left: 16px;

        bottom: 32px;
    }

    .support-top img {
        object-position: 60%;
    }

    .qa-wc-img {
        width: 60%;
    }

    .box-area {

        flex-wrap: wrap;
    }

    .box-left {
        border-right: none;
    }

    .box-right {
        border-top: 1px solid #000;
    }

    .box-left,
    .box-right {
        width: 100%;
    }

    li.bread-line p,
    li.bread-line a {
        font-size: 1.0rem;
    }

    .mainte-box {
        width: 100%;
        margin-bottom: 32px;
    }

    .mainte-box:last-child {
        margin-bottom: 0;
    }

    .supo-600 {
        width: 100%;
    }

    .in-pd {
        padding-left: 0px;
    }

    .txt670 {
        width: 100%;
    }

    .w498 {
        width: 100%;
    }

    .cau-check-size {
        width: 60%;
        transition: 0.3s;
    }

    .col2-p8 {
        width: 100%;
    }

    .col2-p8:first-child {
        margin-bottom: 32px;
    }

    .caution-area .col3 {
        width: calc(50% - 8px);
        margin-top: 0px !important;
        margin-bottom: 16px;
    }

    .caution-area .col3:last-child {
        margin-bottom: 0;
    }

    .title-left-cou {
        width: 100%;
    }

    .title-right-cou {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
    }

    .aijou-icon {
        width: 30%;
        margin-bottom: 16px;
    }

    .a-icon-area {
        width: 100%;
    }

    .col70area {
        width: 100%;
    }

    .checksheet .col3 {
        margin-bottom: 0;
        margin-top: 32px !important;
    }

    .checksheet .flex:first-child .col3 {
        margin-top: 0px !important;
    }

    .w418 {
        margin-top: 8px;
        width: 100%;
    }

    .sp-bottom32 {
        margin-bottom: 32px !important;
    }

    .suparea .web-catalog-in {
        width: 100%;
        padding-right: 0;
    }

    .caption-txt p {
        margin-right: 0px;
    }

    .supo-info .r-info {
        padding: 0;
    }

    .qa-titleonly p {
        margin-bottom: 0;
    }


    .mainte-txt {
        height: auto;
        margin-bottom: 32px;
    }

    /*  .support-title {
        margin-top: 32px;
    }*/

    .lean-img {
        width: 100%;
        margin-top: 16px;
    }

    .Rgrid-contents .col2-m8-nobottom {
        width: 100%;
        position: relative;
    }

    .Rgrid-contents .col2-16 {
        width: 100%;
        position: relative;
    }

    .Rgrid-contents .col2-16:first-child {
        margin-bottom: 32px;
    }

    .pc-bottom-none {
        margin-bottom: 16px;
    }

    .pc-bottom-none:last-child {
        margin-bottom: 0px;
    }

    .top16-spnone {
        margin-top: 0px;
    }

    .tau-img {
        width: 100%;
    }

    .col566 {
        width: 100%;
    }

    .col-2gyou .col3 {
        width: calc(50% - 8px);
    }

    .col-2gyou .col3:nth-child(3) {
        margin-top: 24px;
    }

    .col512 {
        width: 100%;
    }

    .tab_content {
        padding: 15px 0px 0
    }

    .tabslider1 .slick-slide img,
    .tabslider2 .slick-slide img,
    .tabslider3 .slick-slide img,
    .cl-top-slider .slick-slide img,
    .cl-top-thumbnail-thumb .slick-slide img {
        height: auto;

    }

    .cl-top-thumbnail-thumb .sensor-slide-dots {
        bottom: 42px;
    }

    .col5-sp3 {
        width: calc(33.33333% - 4px);
        margin-bottom: 16px;
    }

    .col5-sp3:last-child {

        margin-bottom: 0px;
    }

    .col4inner {
        width: 100%;
    }

    .icon-category3 {
        width: calc(16.666666% - 2.5px);
        margin-bottom: 4px;
    }

    .cl-cont-inner .col4-4 {
        width: 100%;
    }

    .cont-solo-w {
        width: 100%;
    }

    .cl-cont-inner .col3-2 {
        width: 100%;
        margin-bottom: 64px;
    }

    .cl-cont-inner .col3-2:last-child {
        margin-bottom: 0px;
    }

    .switch-col-left {
        width: 100%;
    }

    .switch-col-right {
        width: 50%;
        margin-top: 32px;
    }

    .icon-category4 {
        width: calc(16.666666% - 2.5px);
        margin-bottom: 4px;
    }

    .icon-category5 {
        width: calc(16.6666% - 2.5px);
        margin-bottom: 4px;
    }

    .switch-icon-flex {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .switch-icon-flex3 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .cw-area.switch-icon-flex {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .cw-area.switch-icon-flex3 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .switch-icon-flex3 .icon-category5 {
        width: calc(16.6666% - 2.5px);
        margin-bottom: 4px;

    }

    .cw-area.switch-icon-flex3 .icon-category5 {
        width: calc(16.6666% - 2.5px);
        margin-bottom: 4px;

    }

    .app-cap-icon {
        position: relative;
        margin-top: 40px;
        padding-left: 0;
    }

    .icon-col2 {
        width: 21.39%;
    }

    img.odelic-icon-sp {
        width: 60%;
    }

    .sp-margin0 .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .sp-top0 {
        margin-top: 0px !important;
    }

    .sp-top16 {
        margin-top: 16px;
    }

    .sp-top24 {
        margin-top: 24px;
    }

    .sp-top32 {
        margin-top: 32px;
    }

    .sp-top40 {
        margin-top: 40px;
    }

    .sp-top48 {
        margin-top: 48px;
    }

    .sp-top64 {
        margin-top: 48px;
    }


    .sp-64 {
        margin-top: 64px;
    }

    .icon-col-max .icon-col2 {
        width: 21.39%;
    }

    .icon-col-max-2 .icon-col2 {
        width: 19.4%;
    }

    .supo-col2 {
        width: 100%;
    }


    .supo-col2:first-child {
        margin-bottom: 32px;
    }

    .supo-col4 {
        width: 100%;
        margin-bottom: 32px;
    }

    .supo-col4:last-child {

        margin-bottom: 0px;
    }

    .web-catalog-supo .catalog-col2 {
        width: 100%;
    }

    .web-catalog-supo .catalog-txt-area p {
        margin-top: 8px;
    }

    .long-50 {
        width: 100%;
    }

    .long-50-txt {
        width: 100%;
    }

    .support-link .col3 {
        margin-top: 32px;
    }

    .support-link .col3:first-child {
        margin-top: 0px;
    }

    .area .Rgrid-contents .height235 .supo-col4 .caption-area {
        height: auto;
        padding-bottom: 56px;
    }

    .cl-qa-top .top-pro-txt {

        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }



    .top-product.cl-home img {
        height: 355px;
        object-fit: cover;
        object-position: 70%;
    }

    .cl-cont-top .top-pro-txt {
        top: 90px;
        left: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        right: 16px;
    }

    .cl-cont-top .catch-02 {
        font-size: 1.4rem !important;
        line-height: 2.2rem !important;
    }

    .cl-home .top-pro-txt,
    .cl-office-top .top-pro-txt,
    .cl-movie-top .top-pro-txt {
        top: 90px;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        right: auto;
        left: 16px;
    }



    .cl-app-top .top-pro-txt {
        top: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        left: 16px;
        right: auto;
        bottom: 30px;
        z-index: 1;

    }

    .cl-app-top .catch-02 {
        font-size: 1.7rem !important;
        line-height: 2.2rem !important;

    }

    .home-logo {
        max-width: 244px !important;
        height: auto !important;
        margin-bottom: 8px;
        /* object-fit: contain !important;*/
    }

    .cl-cont-top .home-logo {
        max-width: 195px !important;
        height: auto !important;
    }


    .cl-home .catch-02,
    .cl-office-top .catch-02,
    .cl-movie-top .catch-02 {
        font-size: 2.2rem !important;
        line-height: 32px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .switch-col-in {
        width: 100%;
    }

    .sp-half {
        width: 56%;
    }


    .item-zone {
        width: 100%;
    }

    .item-sp-size {
        width: 75%;
    }

    .col2-item2 {
        width: 100%;
        margin-bottom: 16px;
    }

    .samazama {
        padding: 0 0px
    }

    .w130 {
        width: 40%;
    }

    .app-down-img {
        width: 86%;
    }

    .controller-txt {
        height: auto;
    }

    .cl-home .slick-slide img {

        height: auto;
    }

    .mini-txt {
        font-size: 1.2rem !important;
    }

    .slide-shop .slick-slide img {
        height: auto;
    }

    .r15-graph td p {
        font-size: 1.2rem !important;
        line-height: 18px !important;
        font-family: 'UD新ゴNT M', sans-serif;
    }

    .r15-graph td {
        padding: 4px 0;
        width: auto;

    }

    .ta-r-sp-l {
        justify-content: flex-start;
    }



    .topic-side li {
        padding: 12px 8px;
    }

    .topic-side .archive {
        padding: 12px 8px;
        margin-bottom: 32px;
    }


    .topic-category {
        width: 100%;
    }

    .topic-date {
        width: 100%;
        margin-bottom: 16px;
    }

    .topic-date,
    .topic-category .cat-area {
        width: 100%;
    }

    .topic-list-link {
        width: 100%;
    }

    .topic-link-in {
        width: 83%;
        display: block;
    }

    .topic-category li:nth-last-child(2) {
        margin-bottom: 16px;
    }

    .ex-slider .slick-slide {
        padding: 0px 22px 0 0;
    }

    .r15-cont {
        width: 100%;
    }

    .app-down-inner {

        padding-top: 0;
    }

    .app-down-in-cont {
        position: inherit;

        padding: 24px 16px;
    }

    .r15-cont-inner {
        position: relative;
        padding-top: 0;
    }

    .r15-cont-inner-in {
        position: inherit;
        padding: 24px 16px;
    }

    .w645 {
        width: 100%;
    }

    .box-list {
        width: 100%;
        padding-top: 56.25%;

    }

    .box-list-single {
        width: 100%;
        padding-top: 95.336%;

    }

    .sitemap-area {
        padding: 24px 0;
        justify-content: space-between;
    }

    .sitemap-area .col3 {
        width: calc(50% - 8px);
        margin-right: 0;
    }

    .sitemap-area .site-wide.col3 {
        width: calc(50% - 8px);
    }

    .sitemap-area .col3:nth-child(3) {
        margin-top: 24px;

    }

    .sp-margin0 {
        margin-top: 0 !important;
    }

    .col3-16 {
        width: 100%;
        margin-bottom: 32px;
    }

    .col3-16:last-child {
        margin-bottom: 0px;
    }

    .aqua-top-logo {

        max-width: 148px;
        display: block;


    }

    .aqua2-top-txt p {
        font-family: 'UD新ゴNT L', sans-serif;
        font-size: 2rem !important;
        line-height: 34px !important;
    }

    .aqua2-top-txt {

        padding: 24px 16px 0;

    }

    .aqua .top-pro-txt {
        top: auto;
        bottom: 14px;
        left: 50%;
        white-space: nowrap;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .aqua .top-pro-txt .catch-02 {
        font-size: 3.0rem !important;
        line-height: 34px !important;
    }

    .top-product.aqua img {
        height: auto;
        object-fit: cover;
    }

    .aqua-link-txt {

        bottom: 8px;
        left: 8px;
        font-size: 3rem;

    }

    .aqua-link-icon:before {

        bottom: 8px;
        right: 8px;

    }

    .aqua-link-icon:after {
        bottom: 8px;
        right: 8px;

    }

    .aqua-link-area:hover .aqua-link-icon:after {
        bottom: 8px;
        right: 8px;
    }

    .area447 {
        width: 100%;
        margin-bottom: 32px;
    }

    .area156 {
        width: 50%;
    }

    .aqua-led {
        width: 100%;
    }

    .w432 {
        width: 100%;
    }

    .w689 {
        width: 100%;
    }

    .w689-left {
        width: 100%;
        margin-bottom: 32px;
    }

    .w689-right {
        width: 50%;
    }

    .w320 {
        width: 100%;
        margin-bottom: 32px;
    }

    .w384 {
        width: 100%;
    }

    .genji-movie {
        width: 100%;
    }

    .w623 {
        width: 100%;
    }

    .kumihimo-left {
        width: 100%;
        margin-bottom: 32px;
    }

    .kumihimo-right {
        width: 100%;
    }

    .genji .top-pro-txt {
        left: auto;
        right: 15px;
        top: 60%;
    }

    .itomaki .top-pro-txt {
        position: absolute;
        top: 149px;
        left: auto;
        right: 16px;
        z-index: 1;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .w608 {
        width: 100%;
    }

    .w480 {
        width: 100%;
    }

    .w224 {
        width: 75%;
        margin-top: 8px;
    }

    .w544 {
        width: 100%;
    }

    .tab-up .w608 {
        width: 100%;
    }

    .tabw608 {
        width: 100%;
    }

    .tabtxtw608 {
        width: 100%;
    }

    .tabw472 {
        width: 100%;
    }

    .ciracadian-col3 {
        width: 100%;
        padding: 16px;
        margin-bottom: 32px;
    }

    .cc-3-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 141px;
        padding-bottom: 16px;
    }

    .ciracadian-col3 {

        margin-bottom: 32px;
    }

    img.cc-img-w {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .ciracadian-col3-2 {
        margin-top: 0px;
        width: 100%;
        padding-top: 0;

    }

    .ciracadian-col3:nth-child(3) {
        margin-top: 0;
    }

    .cc-3-2img {
        margin-top: 0;
        margin-bottom: 40px;
        height: auto;
    }


    .circadian-area .long-65 {
        width: 100%;
        padding: 0;
    }

    .circadian-area .long-35 {
        width: 100%;
        position: relative;
    }

    .circadian-area .long-txt-area {
        padding: 16px;
    }

    .circadian-area .emerg-slide .rslider {
        width: 100%;
    }

    .circadian-area .emerg-slide .thumbnail-thumb {
        width: 100%;
        padding: 16px;
        height: auto;
    }

    .circadian-area .emerg-slide .sensor-slide-dots {
        left: 16px;
        bottom: auto;
        top: -18px;
    }

    .circadian-area .sensor-slide-dots li button:before {
        background: #fff;
    }

    .circadian-area .w480 {
        width: 100%;
    }

    .circadian-area .col4 {
        width: calc(50% - 4px);
    }

    .circadian-area .col4:nth-child(1),
    .circadian-area .col4:nth-child(2) {
        margin-bottom: 16px;
    }

    .circadian .top-pro-txt {
        position: absolute;
        left: 21px;
        bottom: 21px;
        top: auto;
        z-index: 1;
        right: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
    }

    .area.right-pnone .Rgrid-contents.pb0sp {
        padding: 32px 0px 0px 0px !important
    }

    .circadian-slide2 .slick-slide img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        max-height: none;
    }


    .slide-arrow {
        position: absolute;
        bottom: 16px;
        z-index: 99;
    }

    .prev-arrow {
        left: 32px;
        border-bottom: solid 2px #707070;
        border-left: solid 2px #707070;
        width: 50px;
        height: 50px;
        transform: rotate(45deg);
    }



    .next-arrow {
        right: 32px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        width: 50px;
        height: 50px;
        transform: rotate(45deg);
    }

    .noright-pd {
        padding: 16px;
    }

    .circadian-area .col2-item3 {
        width: 100%;
        margin-bottom: 16px;
    }

    .circadian-area .col2-item3:last-child {
        margin-bottom: 0px;
    }

    .lccir-prof {
        width: 128px;

    }

    .lccir-prof-txt {
        width: 100%;
        margin-top: 16px;

    }

    .lccircadian-area .long-35 {
        margin-top: 16px;
    }

    .circadian-area .one-cont .Rgrid-contents .three-3 {
        width: 100%;
        position: relative;
        padding-left: 0 !important;
        margin-bottom: 16px;
    }

    .sp-leff8p {
        padding-left: 8px;
    }

    .lineup-lccir {
        margin-right: 8px;
        max-width: 49px;
    }

    .lineup-cir-r15-icon {
        max-width: 91px;
    }

    .w465 {
        width: 100%;
    }

    .w342 {
        width: 100%;
    }

    .w368 {
        width: 100%;
    }

    .motorfan .top-pro-txt {
        position: absolute;
        top: 115px;
        left: 36px;
        z-index: 1;
    }

    .w496 {
        width: 100%;
    }

    .col4-links {
        width: 50%;

        padding-top: 32.62%;

    }

    .bottom-left-vec {
        bottom: 16px;

        width: 22px;
    }

    .r15-l-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #fff;
    }

    .r15-l-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        opacity: 1;
        transition: 0.5s;
    }

    .r15-r-inner1 {
        padding: 16px;

    }

    .r15-r-inner1 .r15-icon {
        max-width: 100px;
    }

    .r15-r-inner2 {
        padding: 16px 16px 32px;

    }

    .flatpate .top-pro-txt {
        position: absolute;

        top: 65px;
        left: 16px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        z-index: 1;

    }

    .col2-m8.sp100 {
        width: 100%;
    }

    /*ーーーーー　2022 TOP　ーーーーーー*/
    .main-top-logo {
        width: 76%;
        right: auto;
        position: absolute;
        top: 47%;
        left: 54%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 999;
    }

    .main-top-txt {
        position: absolute;
        bottom: 24px;
        left: 32px;
        z-index: 1;
    }

    .main-top-txt .catch-02 {
        font-size: 1.8rem !important;
        line-height: 28px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .top-vec {
        width: 25px;
    }

    .three-light {
        padding: 0 16px 32px;
    }

    .tl-col3 {
        width: 100%;
        border-right: none;
        border-bottom: 3px solid #fff;

    }

    .tl-col3:last-child {
        border-bottom: none;
    }

    .circadian-tl .tl-logo {
        max-width: 184px;
        width: 100%;
    }

    .tl-vec {
        margin-top: 16px;
        width: 21px;
    }

    .r15-tl .tl-logo {
        max-width: 123px;
        width: 100%;
    }

    .connected-tl .tl-logo {
        max-width: 205px;
        width: 100%;
    }

    .minimum-logo img {
        height: auto;
        max-width: 240px;
        width: 100%;
    }

    .minimum .top-pro-txt {
        position: absolute;
        top: auto;
        left: 16px;
        bottom: 8px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;

    }

    /*ーーーーー　2022 TOP　ーーーーーー*/

    .top-product .r15top-img {
        object-position: 65%;
    }

    .connected-top-img {
        object-position: 25%;
    }

    .col-helf:nth-last-child(2) {
        margin-bottom: 40px;
    }

    .irregular-top-img {
        position: static;
        top: auto;
        width: 100%;
        height: auto !important;
        right: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;

    }

    .irregular-logo {
        max-width: 160px;
        width: 100%;
        height: auto !important;
        margin-bottom: 16px;
        display: block;
    }

    .irregular-area .top-pro-txt p {
        padding: 16px;
    }

    .irregular-area .top-pro-txt {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        z-index: 1;
        width: 100%;
    }

    .top-product.irregular-area {
        height: 355px;
        background: #F6F6F6;
    }

    .irregular-area .catch-line-01 {
        font-size: 2.0rem !important;
        line-height: 32px !important;
        font-family: 'UD新ゴNT L', sans-serif;
    }

    .top-connected-caption {
        position: absolute;
        right: 0;
        bottom: 4px;
        padding: 0 16px;
    }

    .top-connected-caption p {
        color: #fff;
        font-size: 1.0rem;
        line-height: 1.3;
    }

    .r-contents-sub.tab-pd-top0 {
        padding: 0px 16px 32px;
    }

    .w160 {
        width: 50%;
    }

    .conected-links {
        margin: 32px 0 32px
    }

    .col3-links {
        width: 50%;
        background: #0064BE;
        position: relative;
        padding-top: 37.5%;
        opacity: 1;
        transition: 0.5s;
    }

    .col3-links:first-child {
        border-right: 1px solid #fff;
    }

    .col3-4 {
        width: 100%;
        margin-bottom: 32px;
    }

    .square-box-area::before {
        content: "";
        padding-top: 0;
        display: block;
    }

    .square-box-area .text-area {
        position: static;
        top: 0;
        left: 0;
        padding: 16px;
        margin: 0;
    }

    .grad-wrap {
        position: relative;
        margin-bottom: 32px;
    }


    .grad-btn {
        z-index: 2;
        position: absolute;
        right: 0;
        bottom: -48px;
        left: 0;


    }

    .grad-btn::before {
        content: "すべてみる";
        position: relative;
        z-index: 99;
        width: 100%;
        text-align: center;
        background: #F6F6F6;
        display: block;
        font-family: 'UD新ゴNT R', sans-serif;
        font-size: 1.4rem !important;
        line-height: 22px !important;
        padding: 5px 0;
    }

    .grad-item {
        position: relative;
        overflow: hidden;
        height: 0px;

    }

    .grad-trigger {
        display: none;

    }

    .grad-trigger:checked~.grad-btn::before {
        content: "閉じる";
        font-family: 'UD新ゴNT R', sans-serif;
        font-size: 1.4rem !important;
        line-height: 22px !important;

    }

    .grad-trigger:checked~.grad-item {
        height: auto;
    }

    .grad-trigger:checked~.grad-item::before {
        display: none;
    }

    .class-table td,
    .class-table th {

        font-size: 1.4rem;
    }

    .w240 {
        width: 100%;
        margin-bottom: 16px;
    }

    .pink-table {
        width: 100%;
        background: #F9D2E4;
        display: block;
    }

    .sp-pink {
        background: #F9D2E4;
    }

    .class-table td,
    .class-table th {
        line-height: 1.3;
    }


    .mortor-illust1 {
        width: calc(50% - 8px);
    }

    .mortor-illust2 {
        width: calc(50% - 8px);
    }

    .mortor-illust-title {
        background: #F6F6F6;
        margin-top: 0px;
    }

    .c-switch-products .col3-16 {
        width: calc(33.3333333% - 4px);
    }

    .connected-logo-top {
        width: 60%;
        height: auto !important;
        margin-bottom: 8px;
    }

    .c-switch .top-pro-txt {
        position: absolute;
        top: 55%;
        left: 8px;
    }

    .left16 .Rgrid-contents .three-1 {
        padding-right: 0px;
    }

    .flatplate-long .long-txt-area p {
        margin-top: 24px;
    }

    .sp-col2-p8 {
        width: calc(50% - 8px);
    }

    #aqua2 .col3-16 {
        width: 100%;
        margin-bottom: 80px;
    }

    #aqua2 .col3-16:last-child {

        margin-bottom: 0;
    }

    .controller-links-left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .controller-links-right {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .c-links-up,
    .c-links-down {
        height: auto;
        width: calc(50% - 4px);
        position: relative;
        background: #0064BE;
        padding: 16px 16px 32px;
        border-bottom: none;
    }

    .c-links-item {
        width: calc(50% - 4px);
        margin-bottom: 8px;
    }

    .class-table .t-left {
        text-align: left !important;
        padding: 0 5px;
    }

    #r15 .col35 {
        margin-top: 16px;
    }

    .sp-flex {
        display: flex;

    }

    .sp-flex .r15-icon {
        max-width: 100px;
        width: 100%;
    }

    .w288 {
        width: 100%;
    }

    .exterior_spot .top-pro-txt {
        position: absolute;
        left: auto;
        right: 16px;
        z-index: 1;
        top: 85px;
        bottom: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .e11-spot .top-pro-txt {
        position: absolute;
        top: 165px;
        left: 16px;
        right: auto;
        z-index: 1;
        bottom: 38px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .e11-spot .catch-02 {
        font-size: 2.9rem !important;

    }

    .modal-open {

        display: none;
    }

    .r15-link {
        position: static;
    }

    .task-light .top-pro-txt {
        position: absolute;
        top: auto;
        left: auto;
        z-index: 1;
        right: 8px;
        bottom: 24px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .products-top .top-pro-txt {
        position: absolute;
        top: 115px;
        right: 14px;
        left: auto;
        z-index: 1;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .w216 {
        width: 100%;
        margin-bottom: 32px;
    }

    .w216-txt {
        width: 100%;
        margin-bottom: 32px;

    }

    .w624-w224 {
        width: 100%;
        margin-bottom: 24px;
    }

    .w624-w384 {
        width: 100%;
    }

    .genji-box-right {
        width: 100%;
    }

    .genji-box-left {
        width: 100%;
        height: 100%;
        margin-bottom: 24px;
    }

    .genzi-box-up p {
        position: absolute;
        top: 0;
        left: 0;
    }

    #hikarugenji .w384 {
        width: 100%;
        margin-bottom: 16px;
    }

    .genzi-box-up {
        padding-top: 30%;
    }

    .minimum .r15-icon,
    .flatpate .r15-icon {
        display: none;
    }

    .minimmum-s-toplogo {
        display: none !important;
    }

    .minimum .catch-02,
    .products-top .catch-02 {
        font-size: 2.6rem !important;
        line-height: 36px !important;
    }

    .top-gd {
        display: block;
        position: absolute;
        left: 36px;
        bottom: 24px;
        width: 120px;
        height: auto !important;
        z-index: 2;
    }

    .flatplate-logo {
        display: none;
    }

    .circadian-area .Rgrid-contents .three-1 p {
        padding-right: 0px;
    }

    .circadian-area .half {
        width: 100%;

    }

    .catalog-modal .modal-body {

        max-width: 275px;

    }



    .ca-left {
        width: 100%;
        padding: 32px 16px;
        background: #D4D4D4;
    }

    .ca-img1 {
        width: 100%;
    }

    .ca-right {
        width: 100%;
    }

    .ca-left-in-1 {
        width: 60%;
    }

    .ca-left-in-2 {
        width: 100%;
    }

    .ca-left-in-2-16 {
        width: 100%;
        margin-top: 56px;
    }

    .ca-left-in-2-in {
        width: 100%;
    }

    .col6 {
        width: 25%;
    }

    .select-txt span {
        /*  transform: scale(0.7);
        white-space: nowrap;*/
        font-size: 0.9rem;
        text-align: center;
    }

    .ca-left1img {
        width: 50%;
    }

    .w68 {
        width: 100%;
    }

    .ml_link-area {
        display: flex;
        justify-content: space-between;
    }

    .ml-lamp-link {

        position: relative;
        padding-top: 29%;
    }

    .ml-lamp-link:first-child {
        margin-bottom: 0;
    }

    .ml-lamp-link-inner {
        position: absolute;
        top: 12px;
        left: 8px;
    }

    .mainte-lamp .sp-col2 {
        width: calc(50% - 8px);
    }

    .vec-link {
        position: absolute;
        bottom: 12px;
        left: 8px;
        right: auto;


    }

    .sp-top16 {
        margin-top: 16px;
        display: inline-block;
    }

    .top-good_design img {
        height: auto;
    }

    .top-good_design {
        position: absolute;
        bottom: 16px;
        left: 16px;
        max-width: 190px;
        width: 100%;
    }


    .catalog-col3 {
        width: 100%;
        margin-bottom: 32px;
        margin-right: 0px;
    }

    .catalog-col3:last-child {
        margin-bottom: 0;
    }

    .catalog-col4 {
        width: 100%;
        margin-bottom: 32px;
        margin-right: 0px;
    }

    .catalog-col4:last-child {
        margin-bottom: 0;
    }

    .connected-catalog-link {
        width: 65%;
    }

    .top-good_design {

        width: 130px;
    }

    .catalog-txt-1 {
        height: 40px;
        margin-top: 0 !important;
    }

    .catalog-txt-2 {
        height: 36px;
    }

    .catalog-txt-3 {
        height: 36px;
    }

    .web-catalog-supo .catalog-txt-3 {
        height: 54px;
    }

    .catalog-txt-4 {
        height: 54px;
    }

    /*    .top-product.down_spot_pro {
        height: 355px;
    }*/

    .top-product.down_spot_pro img {
        height: auto;
    }

    .down_spot_pro .top-pro-txt {
        position: absolute;
        left: 16px;
        bottom: 56px;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        z-index: 1;
    }

    .top-product.down_spot_pro .catch-02 {
        font-size: 2.0rem !important;
        line-height: 34px !important;
    }

    .tab-only48 {
        margin-top: 0px;
    }

    .w176 {
        width: 100%;
    }

    .w560 {
        width: 100%;
    }
}



.row-biginfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between!important;
    align-items: end;
}
.biginfo {
    position: relative;
    background: #F6F6F6;
    padding: 8px 14px;
}
.biginfo-text li  {
    font-size: 10px !important;
    line-height: 16px;
    margin-right: 10px;
}
.biginfo-text li span {
    margin-left: 15px;
}
.biginfo .head-04 {
    font-size: 12px !important;
    line-height: 16px !important;
}
.biginfo .info-icon {
    width: 8px;
    margin-right: 5px;
    margin-top: 3px;
}
.biginfo a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
/*.biginfo a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}*/

@media all and (max-width: 735px) {
    .biginfo {
        width: 100%;
        margin-top: 12px;
    }
    .biginfo-text li span {
        display: block;
        margin-top: unset;
        margin-left: unset;
    }


}