#Head
{
    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.mean-bar
{
    margin-top: -72px;
}

body
{
    min-width: 1024px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    body
    {
        min-width: 0;
    }
}

@media screen and (min-width: 0) and (max-width: 568px)
{
    #headLogo
    {
        opacity: 0 !important;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
}

.u-concept-mainv
{
    background-repeat: no-repeat;
    background-size: cover !important;
}
.u-concept-mainv .mainv-inner
{
    display: table;

    width: 1020px;
    height: 610px;
    margin: 0 auto;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv .mainv-inner
    {
        display: block;

        width: auto;
        height: auto;
        padding-bottom: 40px;
    }
}
.u-concept-mainv .mainv-txt
{
    display: table-cell;

    width: 50%;
    margin: 0 auto;
    padding: 86px 0 94px; 

    vertical-align: middle;

    color: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv .mainv-txt
    {
        display: block;

        width: auto;
        padding: 40px 0 30px;
    }
}
.u-concept-mainv .mainv-txt .mainv-catch
{
    font-size: 48px;
    font-size: 3.0rem;
    line-height: 1.25;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv .mainv-txt .mainv-catch
    {
        font-size: 2.4rem;

        text-align: center;
        letter-spacing: normal;
    }
}
.u-concept-mainv .mainv-txt .mainv-desc
{
    font-size: 28.8px;
    font-size: 1.8rem;

    margin-top: 15px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv .mainv-txt .mainv-desc
    {
        font-size: 1.2rem; 

        text-align: center;
    }
}
.u-concept-mainv .mainv-img
{
    display: table-cell;

    width: 50%;

    text-align: center; 
    vertical-align: middle;
}
.u-concept-mainv .mainv-img .img-ttl
{
    font-family: 'Montserrat', sans-serif;
    font-size: 22.4px;
    font-size: 1.4rem; 

    margin-bottom: 20px;

    color: #fff;
}
.u-concept-mainv .mainv-img .img-cycle
{
    position: relative;

    width: 416px;
    height: 500px;
    margin: 0 auto;

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv .mainv-img .img-cycle
    {
        zoom: .69;
    }
}
.u-concept-mainv .mainv-img .img-cycle > span
{
    position: absolute;

    display: inline-block; 

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.u-concept-mainv .mainv-img .img-cycle > span img
{
    width: 100%;
    height: auto;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item1
{
    top: 27.5%;
    left: 0;

    width: 60px;
    height: 50px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item2
{
    top: 7.5%;
    left: 12%;

    width: 95px;
    height: 74px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item3
{
    top: 0;
    left: 36.5%;

    width: 82px;
    height: 244px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item4
{
    top: 8%;
    left: 58%;

    width: 80px;
    height: 54px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item5
{
    top: 18.4%;
    right: 0;

    width: 120px;
    height: 124px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item6
{
    top: 45.2%;
    right: 13.0%;

    width: 36px;
    height: 79px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item7
{
    top: 63.8%;
    right: 24%;

    width: 67px;
    height: 160px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item8
{
    top: 68.8%;
    right: 42.2%;

    width: 90px;
    height: 12px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item9
{
    bottom: 0;
    left: 14.1%;

    width: 88px;
    height: 186px;
}
.u-concept-mainv .mainv-img .img-cycle > span.cycle-item10
{
    top: 45.3%;
    left: 5.2%;

    width: 50px;
    height: 95px;
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item1
{
    -webkit-transition: opacity 1s ease .6s;
            transition: opacity 1s ease .6s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item3
{
    -webkit-transition: opacity 1s ease 1.8s;
            transition: opacity 1s ease 1.8s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item5
{
    -webkit-transition: opacity 1s ease 3s;
            transition: opacity 1s ease 3s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item7
{
    -webkit-transition: opacity 1s ease 4.2s;
            transition: opacity 1s ease 4.2s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item9
{
    -webkit-transition: opacity 1s ease 5.4s;
            transition: opacity 1s ease 5.4s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item2
{
    -webkit-transition: opacity .6s ease 1.4s;
            transition: opacity .6s ease 1.4s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item4
{
    -webkit-transition: opacity .6s ease 2.6s;
            transition: opacity .6s ease 2.6s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item6
{
    -webkit-transition: opacity .6s ease 3.8s;
            transition: opacity .6s ease 3.8s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item8
{
    -webkit-transition: opacity .6s ease 5s;
            transition: opacity .6s ease 5s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.u-concept-mainv .mainv-img .img-cycle.is-active span.cycle-item10
{
    -webkit-transition: opacity .6s ease 6.2s;
            transition: opacity .6s ease 6.2s; 

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-mainv + .u-concept-block
    {
        padding-top: 50px;
    }
}

.u-concept-block
{
    position: relative;

    width: 1024px;
    margin: 80px auto 0;
    padding: 40px 0 80px;
}
.u-concept-block:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;

    width: 1224px;
    height: 100%;
    margin-left: -100px;

    content: '';

    background: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block:before
    {
        display: none;
    }
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block
    {
        width: auto;
        margin: 0;
        padding: 0 0 40px;

        background: #fff;
    }
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block + .u-concept-block
    {
        margin-top: 70px;
    }
}
.u-concept-block.more:after
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: -100px;

    width: 1224px;
    height: 4px;

    content: '';

    background: #000;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block.more:after
    {
        height: 2px;
    }
}
.u-concept-block.has-btn
{
    padding-bottom: 120px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block.has-btn
    {
        padding-bottom: 65px;
    }
}
.u-concept-block.has-btn + .u-concept-block
{
    margin-top: 100px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block.has-btn + .u-concept-block
    {
        margin-top: 96px;
    }
}
.u-concept-block.block-matl
{
    margin-top: 140px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block.block-matl
    {
        margin-top: 0;
    }
}
.u-concept-block .block-ttl
{
    display: table;

    width: 1144px;
    height: 360px;
    margin: 0 auto;
    margin-left: -60px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl
    {
        width: 100%;
        height: 240px; 
        margin-left: 0;
    }
}
.u-concept-block .block-ttl .ttl-area
{
    display: table-cell;

    padding: 0 60px; 

    vertical-align: middle;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl .ttl-area
    {
        padding: 0 20px;
    }
}
.u-concept-block .block-ttl h2
{
    font-family: 'Montserrat', sans-serif; 
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: normal;
    line-height: 1.6;

    text-align: center;
    letter-spacing: .05em;

    color: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl h2
    {
        font-size: 2.4rem;
    }
}
.u-concept-block .block-ttl h2 .ttl-mark
{
    font-size: 24px;
    font-size: 1.5rem;

    letter-spacing: +2px;
}
.u-concept-block .block-ttl h2 img
{
    width: 60px;
    margin-top: 22px;
    margin-right: 20px;

    vertical-align: top;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl h2 img
    {
        width: 20px;
        margin-right: 10px;
    }
}
.u-concept-block .block-ttl h3
{
    font-size: 48px;
    font-size: 3.0rem;
    line-height: 1.5;

    margin-top: 15px; 

    text-align: center;

    color: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl h3
    {
        font-size: 1.5rem; 

        margin-top: 5px;
    }
}
.u-concept-block .block-ttl ul
{
    margin-bottom: 20px; 

    text-align: center;
    letter-spacing: -.4em;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl ul
    {
        margin-bottom: 10px;
    }
}
.u-concept-block .block-ttl ul li
{
    display: inline-block; 

    letter-spacing: normal;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl ul li
    {
        width: 25px;
    }
}
.u-concept-block .block-ttl ul li img
{
    width: 60px;
    height: auto;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl ul li img
    {
        width: 30px;
    }
}
.u-concept-block .block-ttl ul li + li
{
    margin-left: 30px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl ul li + li
    {
        margin-left: 15px;
    }
}
.u-concept-block .block-ttl img
{
    max-width: 100%;
}
.u-concept-block .block-content
{
    font-size: 28.8px;
    font-size: 1.8rem; 

    position: relative;

    width: 1024px;
    margin: 20px auto 0;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content
    {
        font-size: 1.4rem; 

        width: auto;
        margin: 20px 20px 0;
    }
}
.u-concept-block .block-content h3
{
    font-size: 57.6px;
    font-size: 3.6rem; 

    text-align: center;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content h3
    {
        font-size: 1.8rem;
    }
}
.u-concept-block .block-content h3.mt-l
{
    margin-top: 60px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content h3.mt-l
    {
        margin-top: 30px;
    }
}
.u-concept-block .block-content .content-copy
{
    margin-top: 30px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-copy
    {
        margin-top: 7px;
    }
}
.u-concept-block .block-content .content-copy img
{
    max-width: 100%;
}
.u-concept-block .block-content .content-copy-img
{
    margin-top: 70px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-copy-img
    {
        margin-top: 35px;
    }
}
.u-concept-block .block-content .content-copy-img img
{
    max-width: 100%;
}
.u-concept-block .block-content .content-txt
{
    margin-top: 25px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-txt
    {
        font-size: 1.4rem;
    }
}
.u-concept-block .block-content .content-ttl4
{
    font-size: 28.8px;
    font-size: 1.8rem; 
    font-weight: bold;

    margin-top: 15px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-ttl4
    {
        font-size: 1.4rem;
    }
}
.u-concept-block .block-content [data-drawer-item]
{
    display: none;
}
.u-concept-block .block-content .content-items
{
    letter-spacing: -.4em;
}
.u-concept-block .block-content .content-items li
{
    display: inline-block;

    width: 318px;
    margin: 70px 35px 0 0;

    vertical-align: top; 
    letter-spacing: normal;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li
    {
        display: block;

        width: auto;
        margin: 40px 0 0;
    }
}
.u-concept-block .block-content .content-items li:nth-child(3n)
{
    margin-right: 0;
}
.u-concept-block .block-content .content-items li:nth-child(n+4)
{
    margin-top: 80px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li:nth-child(n+4)
    {
        margin-top: 40px;
    }
}
.u-concept-block .block-content .content-items li h4
{
    font-size: 32px;
    font-size: 2.0rem; 

    min-height: 39px;

    text-align: center;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li h4
    {
        font-size: 1.8rem; 

        min-height: 0;
    }
}
.u-concept-block .block-content .content-items li h4 img
{
    margin-right: 15px; 

    vertical-align: middle;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li h4 img
    {
        width: 25px;
        margin-right: 10px;
    }
}
.u-concept-block .block-content .content-items li h4 + .item-img
{
    margin-top: 30px;
}
.u-concept-block .block-content .content-items li .item-img img
{
    width: 100%;
}
.u-concept-block .block-content .content-items li .item-img + .item-desc
{
    font-size: 25.6px;
    font-size: 1.6rem; 

    margin-top: 15px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li .item-img + .item-desc
    {
        font-size: 1.2rem;
    }
}
.u-concept-block .block-content .content-items li .item-img-desc
{
    font-size: 25.6px;
    font-size: 1.6rem;

    text-align: right;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li .item-img-desc
    {
        font-size: 1.2rem;

        margin-top: 5px !important;
    }
}
.u-concept-block .block-content .content-items li .item-desc
{
    margin-top: 25px;
}
.u-concept-block .block-content .content-items li .item-desc:first-child
{
    margin-top: 0;
}
.u-concept-block .block-content .content-items li .item-desc.desc-normal
{
    font-weight: normal;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li .item-desc
    {
        font-size: 1.4rem;
    }
}
.u-concept-block .block-content .content-items li .item-btn
{
    margin-top: 25px;

    text-align: center;
}
.u-concept-block .block-content .content-items li .item-btn a
{
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;

    position: relative;
    z-index: 1; 

    display: inline-block;

    padding: 12px 67px 12px 14px;

    letter-spacing: +2px;

    border: 1px solid #a0a0a0;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items li .item-btn a
    {
        display: block;

        text-align: left;
    }
}
.u-concept-block .block-content .content-items li .item-btn a:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;

    width: 0;
    height: 100%;

    content: '';
    -webkit-transition: width .4s cubic-bezier(.47, .12, .11, .99);
            transition: width .4s cubic-bezier(.47, .12, .11, .99);

    background: #626262;
}
.u-concept-block .block-content .content-items li .item-btn a:after
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    right: 15px;

    width: 30px;
    height: 9px;

    content: '';
    -webkit-transition: right .5s cubic-bezier(.47, .12, .11, .99);
            transition: right .5s cubic-bezier(.47, .12, .11, .99);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url('../../../images/i_ar.svg') no-repeat center right;
    background-size: 100% auto;
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .content-items li .item-btn a:hover
    {
        text-decoration: none;

        color: #fff;
    }
    .u-concept-block .block-content .content-items li .item-btn a:hover:after
    {
        right: 10px;

        background: url('../../../images/i_ar_btn_bk_on.svg') no-repeat right center;
        background-size: auto 100%;
    }
    .u-concept-block .block-content .content-items li .item-btn a:hover:before
    {
        width: 100%;
    }
}
.u-concept-block .block-content .content-items.col2 li
{
    width: 492px;
    margin: 70px 40px 0 0;

    vertical-align: top;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items.col2 li
    {
        display: block;

        width: auto;
        margin: 40px 0 0;
    }
}
.u-concept-block .block-content .content-items.col2 li:nth-child(even)
{
    margin-right: 0;
}
.u-concept-block .block-content .content-items.col2 li:nth-child(n+3)
{
    margin-top: 80px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items.col2 li:nth-child(n+3)
    {
        margin-top: 40px;
    }
}
.u-concept-block .block-content .content-items.col2 li > *:first-child
{
    margin-top: 0;
}
.u-concept-block .block-content .content-items.col2 li .item-desc
{
    font-size: 28.8px;
    font-size: 1.8rem;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items.col2 li .item-desc
    {
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items.sp-group > li:last-child
    {
        margin-top: 15px !important;
    }
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-items.sp-change
    {
        display: table;

        width: 100%;
    }
    .u-concept-block .block-content .content-items.sp-change > li:first-child
    {
        display: table-footer-group;
    }
    .u-concept-block .block-content .content-items.sp-change > li:first-child > *
    {
        margin-top: 15px;
    }
    .u-concept-block .block-content .content-items.sp-change > li:last-child
    {
        display: table-header-group;
    }
    .u-concept-block .block-content .content-items.sp-change > li:last-child > *
    {
        margin-top: 30px;
    }
}
.u-concept-block .block-content .content-btn
{
    font-weight: bold;

    position: absolute;
    right: 0;
    bottom: -170px;
    left: 0;

    cursor: pointer;
    -webkit-transition: all .3s ease;
            transition: all .3s ease; 
    text-align: center;
    letter-spacing: +2px;

    color: #fff;
    border: 1px solid #a0a0a0;
    background: #626262;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-btn
    {
        bottom: -90px;
    }
}
.u-concept-block .block-content .content-btn .btn-detail
{
    font-size: 38.4px;
    font-size: 2.4rem; 

    position: relative;
    z-index: 1;

    display: block;

    padding: 30px 15px 42px 15px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-btn .btn-detail
    {
        font-size: 1.4rem; 

        padding: 6px 50px 16px 50px;
    }
}
.u-concept-block .block-content .content-btn .btn-detail:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 11px;
    height: 11px;
    margin-top: 18px;

    content: '';
    -webkit-transition: all .3s ease;
            transition: all .3s ease; 
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
        -ms-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-btn .btn-detail:after
    {
        width: 7px;
        height: 7px;
        margin-top: 10px;
    }
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .content-btn .btn-detail:hover
    {
        background: #444;
    }
    .u-concept-block .block-content .content-btn .btn-detail:hover:after
    {
        margin-top: 25px;
    }
}
.u-concept-block .block-content .content-btn .btn-close
{
    font-size: 38.4px;
    font-size: 2.4rem; 

    position: relative;

    display: none;

    padding: 42px 15px 30px 15px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-btn .btn-close
    {
        font-size: 1.4rem; 

        padding: 16px 50px 6px 50px;
    }
}
.u-concept-block .block-content .content-btn .btn-close:after
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    display: block;

    width: 11px;
    height: 11px;
    margin-top: -18px;

    content: '';
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-btn .btn-close:after
    {
        width: 7px;
        height: 7px;
        margin-top: -10px;
    }
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .content-btn .btn-close:hover
    {
        background: #444;
    }
    .u-concept-block .block-content .content-btn .btn-close:hover:after
    {
        margin-top: -25px;
    }
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .content-btn:hover:before
    {
        height: 0;
    }
}
.u-concept-block .block-content .content-btn.is-open:before
{
    height: 0;
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .content-btn.is-open:hover:before
    {
        height: 100%;
    }
}
.u-concept-block .block-content .content-btn.is-open .btn-detail
{
    display: none;
}
.u-concept-block .block-content .content-btn.is-open .btn-close
{
    display: block;
}
.u-concept-block .block-content .content-ttlmore
{
    font-size: 57.6px;
    font-size: 3.6rem;
    line-height: 1;

    margin-top: 0 !important;

    text-align: center;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-ttlmore
    {
        font-size: 2.0rem;
        line-height: 1.125;

        padding-top: 30px;

        letter-spacing: +2px;
    }
}
.u-concept-block .block-content .content-ttlmore + .content-copy
{
    text-align: center;
}
.u-concept-block .block-content .content-ttllead
{
    font-size: 57.6px;
    font-size: 3.6rem;

    margin-top: 3px; 

    text-align: center;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .content-ttllead
    {
        font-size: 1.8rem; 

        padding-top: 30px;
    }
}
.u-concept-block .block-content .item-btn-l
{
    margin-top: 35px;

    text-align: center;
}
.u-concept-block .block-content .item-btn-l a
{
    font-weight: bold;
    line-height: 1;

    position: relative;
    z-index: 0; 

    display: inline-block;

    padding: 20px 70px 20px 20px;

    letter-spacing: +2px;

    border: 1px solid #a0a0a0;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content .item-btn-l a
    {
        font-size: 1.2rem;

        display: block;

        padding: 15px 70px 15px 20px; 

        text-align: left;
    }
}
.u-concept-block .block-content .item-btn-l a:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;

    width: 0;
    height: 100%;

    content: '';
    -webkit-transition: width .4s cubic-bezier(.47, .12, .11, .99);
            transition: width .4s cubic-bezier(.47, .12, .11, .99);

    background: #626262;
}
.u-concept-block .block-content .item-btn-l a:after
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    right: 15px;

    width: 30px;
    height: 9px;

    content: '';
    -webkit-transition: right .5s cubic-bezier(.47, .12, .11, .99);
            transition: right .5s cubic-bezier(.47, .12, .11, .99);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url('../../../images/i_ar.svg') no-repeat center right;
    background-size: 100% auto;
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content .item-btn-l a:hover
    {
        text-decoration: none;

        color: #fff;
    }
    .u-concept-block .block-content .item-btn-l a:hover:after
    {
        right: 10px;

        background: url('../../../images/i_ar_btn_bk_on.svg') no-repeat right center;
        background-size: auto 100%;
    }
    .u-concept-block .block-content .item-btn-l a:hover:before
    {
        width: 100%;
    }
}
.u-concept-block .block-content img
{
    max-width: 100%;
}
@media screen and (min-width: 1024px)
{
    .u-concept-block .block-content > .content-items:first-child > li:nth-child(1),
    .u-concept-block .block-content > .content-items:first-child > li:nth-child(2),
    .u-concept-block .block-content > .content-items:first-child > li:nth-child(3)
    {
        margin-top: 0;
    }
}
.u-concept-block .block-content > *:first-child
{
    margin-top: 60px !important;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-content > *:first-child
    {
        margin-top: 30px !important;
    }
}
.u-concept-block > .block-content:first-child
{
    margin-top: 33px;
}
.u-concept-block .block-ttl.ttl-nx01
{
    background: url(../../../concept/neorest_nx/images/p_label01_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl-nx01
    {
        background: url(../../../concept/neorest_nx/images/p_label01_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl-nx02
{
    background: url(../../../concept/neorest_nx/images/p_label02_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl-nx02
    {
        background: url(../../../concept/neorest_nx/images/p_label02_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl-nx03
{
    background: url(../../../concept/neorest_nx/images/p_label03_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl-nx03
    {
        background: url(../../../concept/neorest_nx/images/p_label03_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl03
{
    background: url(../../../concept/auto_faucet_washbasin/images/p_label01_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl03
    {
        background: url(../../../concept/auto_faucet_washbasin/images/p_label01_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl04
{
    background: url(../../../concept/auto_faucet_washbasin/images/p_label02_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl04
    {
        background: url(../../../concept/auto_faucet_washbasin/images/p_label02_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl05
{
    background: url(../../../concept/flotation_tub/images/p_label01_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl05
    {
        background: url(../../../concept/flotation_tub/images/p_label01_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block .block-ttl.ttl06
{
    background: url(../../../concept/flotation_tub/images/p_label02_pc.jpg) top center no-repeat;
    background-size: cover;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-block .block-ttl.ttl06
    {
        background: url(../../../concept/flotation_tub/images/p_label02_sp.jpg) top center no-repeat;
        background-size: cover;
    }
}
.u-concept-block > .block-content:first-child .content-ttlmore:first-child,
.u-concept-block > .block-content:first-child .content-ttllead:first-child
{
    margin-top: 30px !important;
}

.u-concept-cnclist
{
    margin-top: 140px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist
    {
        margin-top: 75px;
    }
}
.u-concept-cnclist li
{
    background: #fff;
}
.u-concept-cnclist li + li
{
    border-top: 1px solid #a0a0a0;
}
.u-concept-cnclist li a
{
    position: relative;
    z-index: 100;

    display: block;

    width: 100%;

    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a
    {
        height: 145px;
    }
}
.u-concept-cnclist li a:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    opacity: .5;
    background: #000; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.u-concept-cnclist li a span
{
    font-family: 'Montserrat', sans-serif;
    font-size: 76.8px;
    font-size: 4.8rem;

    position: relative;

    display: block;

    width: 1024px;
    margin: 0 auto;
    padding: 145px 50px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease; 
    text-align: center;
    letter-spacing: +5px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a span
    {
        font-size: 2.4rem;
        line-height: 1.65; 

        position: absolute;
        top: 50%;
        left: 50%;

        display: block;

        width: 100%;
        padding: 0;

        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}
.u-concept-cnclist li a span:before
{
    position: absolute;
    top: 50%;
    right: 3px;

    display: inline-block;

    width: 18px;
    height: 18px;
    margin-top: -11px;

    content: '';
    -webkit-transition: all .5s ease;
            transition: all .5s ease; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a span:before
    {
        display: none;
    }
}
.u-concept-cnclist li a span img
{
    width: auto;
    height: 71.5px;
    margin: 0 auto;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a span img
    {
        height: 35.5px;
    }
}
.u-concept-cnclist li a span img.line2
{
    height: 152.5px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a span img.line2
    {
        height: 76px;
    }
}
.u-concept-cnclist li a .awards
{
    position: absolute;
    z-index: -1; 
    right: 20px;
    bottom: 20px;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .u-concept-cnclist li a .awards
    {
        right: 15px;
        bottom: 15px;

        width: 31px;
        height: auto;
    }
}
.u-concept-cnclist li a:hover
{
    text-decoration: none;
}
@media screen and (min-width: 1024px)
{
    .u-concept-cnclist li a:hover:before
    {
        opacity: 0;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    .u-concept-cnclist li a:hover span
    {
        letter-spacing: .2em;
    }
    .u-concept-cnclist li a:hover span:before
    {
        right: -13px;
    }
    .u-concept-cnclist li a:hover span img
    {
        opacity: 1 !important;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    .u-concept-cnclist li a:hover .awards
    {
        opacity: 1 !important;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
}
.u-concept-cnclist li a.is-active:before
{
    -webkit-transition: all 0s ease;
            transition: all 0s ease; 

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.u-concept-cnclist.is-active > li
{
    border: none !important;
}