@media screen and (min-width: 1600px) {
    .container.brand-function .slider-block ul>li .box-inner .bnr-img img {
        width: 100% !important
    }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .container.brand-function .slider-block ul>li .box-inner .bnr-img img {
        width: 430px !important
    }
}

@media screen and (min-width: 1200px) {
    .container.brand-function .slider-block ul>li .box-inner .bnr-img img {
        width: 350px
    }
}

@media screen and (min-width: 769px) {
    .container.brand-function .fullscreen {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .container.brand-function .slider-block {
        position: relative;
        top: 0;
        min-width: 960px
    }
    .container.brand-function .slider-block ul>li {
        position: relative
    }
    .container.brand-function .slider-block ul>li .box-inner {
        position: relative;
        width: 100%;
        height: calc(100vh - 50px);
        min-height: 740px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }
    .container.brand-function .slider-block ul>li .box-inner .bnr-img {
        position: absolute;
        top: 50%;
        left: 50%;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -moz-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out;
        -webkit-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out
    }
    .container.brand-function .slider-block ul>li .box-inner .bnr-img.view {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        color: #000;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .ttl01 {
        font-size: 50px;
        font-size: 5rem;
        font-weight: bold
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .ttl02 {
        font-size: 100px;
        font-size: 10rem;
        font-weight: bold;
        color: #fff
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .ttl02 img {
        margin: 0 auto
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn {
        margin-top: 50px;
        font-size: 0;
        text-align: center
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li {
        display: inline-block;
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: bold;
        color: #db1b2f;
        cursor: pointer
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li figure img {
        margin: 0 auto 20px
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li:nth-child(1) {
        margin-right: 36px
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li:nth-child(2) {
        margin-right: 43px
    }
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li:nth-child(3),
    .container.brand-function .slider-block ul>li .box-inner .box-text .list-btn li:nth-child(4) {
        margin-right: 59px
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 960px;
        width: 96%
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left {
        position: relative;
        float: left;
        width: 66.97917%;
        height: 602px;
        padding: 4.16667%;
        color: #000;
        background: #fff
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left .label {
        margin-bottom: 22px;
        font-size: 22px;
        font-size: 2.2rem
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left .label .idea {
        display: inline-block;
        margin-right: 14px;
        vertical-align: bottom
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left .box-tl {
        margin-bottom: 18px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left .text {
        margin-bottom: 40px;
        font-size: 14px;
        font-size: 1.4rem
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-left .img02 {
        position: absolute;
        bottom: 6.22084%;
        right: 6.22084%
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-right {
        float: right;
        width: 29.79167%
    }
    .container.brand-function .slider-block ul>li .box-inner .box-wrap .box-right .img01 {
        margin-bottom: 30px
    }
    .container.brand-function .slider-block ul>li.box02 .box-inner {
        background-image: url(../../img/brand_function/slider02-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box03 .box-inner {
        background-image: url(../../img/brand_function/slider03-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box04 .box-inner {
        background-image: url(../../img/brand_function/slider04-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box05 .box-inner {
        background-image: url(../../img/brand_function/slider05-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box06 .box-inner {
        background-image: url(../../img/brand_function/slider06-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box07 .box-inner {
        background-image: url(../../img/brand_function/slider07-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box08 .box-inner {
        background-image: url(../../img/brand_function/slider08-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box09 .box-inner {
        background-image: url(../../img/brand_function/slider09-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box10 .box-inner {
        background-image: url(../../img/brand_function/slider10-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box11 .box-inner {
        background-image: url(../../img/brand_function/slider11-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box12 .box-inner {
        background-image: url(../../img/brand_function/slider12-img01.jpg)
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner {
        color: #000
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner a {
        display: block
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner a:hover img {
        opacity: .7
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box-tl {
        margin-bottom: 30px;
        font-size: 30px;
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
        line-height: 1.6
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .txt01 {
        margin-bottom: 20px;
        padding: 5px 0 0 8px;
        font-size: 18px;
        font-size: 1.8rem;
        border-top: 1px solid #6e6e6e;
        border-left: 1px solid #6e6e6e
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box01,
    .container.brand-function .slider-block ul>li.box13 .box-inner .box02 {
        width: 47.91667%
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box01 .txt02,
    .container.brand-function .slider-block ul>li.box13 .box-inner .box02 .txt02 {
        margin-bottom: 10px;
        text-align: center
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box01 {
        float: left
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box02 {
        float: right
    }
    .container.brand-function .slider-block ul>li.box13 .box-inner .box03 {
        margin-top: 40px
    }
    .container.brand-function .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        z-index: 9999;
        width: 22px;
        height: 47px;
        text-indent: -9999px;
        outline: 0
    }
    .container.brand-function .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }
    .container.brand-function .bx-wrapper .bx-next:hover,
    .container.brand-function .bx-wrapper .bx-prev:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7
    }
    .container.brand-function .bx-wrapper .bx-next {
        right: 30px;
        background: url(../../img/brand_function/btn-next-gray.png)
    }
    .container.brand-function .bx-wrapper .bx-prev {
        left: 30px;
        background: url(../../img/brand_function/btn-prev-gray.png)
    }
    .container.brand-function .bx-wrapper .bx-pager {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        padding-top: 0;
        font-size: 0;
        background: #e5e5e5
    }
    .container.brand-function .bx-wrapper .bx-pager.bx-default-pager a {
        float: left;
        display: block;
        width: 7.69231%;
        height: 4px;
        margin: 0;
        background: #e5e5e5;
        text-indent: -9999px;
        outline: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .container.brand-function .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .container.brand-function .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #000
    }
    .container.brand-function .bx-wrapper .bx-pager .bx-pager-item {
        display: block
    }
    .container.brand-function .sWrap1 .bx-wrapper .bx-controls-direction .bx-next {
        width: 65px;
        height: 48px;
        background: url(../../img/brand_function/btn-next-white-first.png)
    }
    .container.brand-function .sWrap4 .bx-next,
    .container.brand-function .sWrap12 .bx-next {
        background: url(../../img/brand_function/btn-next-gray.png)
    }
    .container.brand-function .sWrap4 .bx-prev,
    .container.brand-function .sWrap12 .bx-prev {
        background: url(../../img/brand_function/btn-prev-gray.png)
    }
    .container.brand-function .sWrap11 .bx-next {
        background: url(../../img/brand_function/btn-next-gray.png)
    }
    .container.brand-function .sWrap11 .bx-prev {
        background: url(../../img/brand_function/btn-prev-gray.png)
    }
    .container.brand-function .sp-part {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .container.brand-function .slider-block.pc-part {
        display: none
    }
    .container.brand-function .full-img {
        width: 100%
    }
    .container.brand-function .cont.cont-01 {
        padding-top: 8%;
        background: url(../../img/brand_function/cont01-bg.jpg) no-repeat top center;
        background-size: cover
    }
    .container.brand-function .cont.cont-01 .wrap {
        width: 90.66667%;
        margin: 0 auto
    }
    .container.brand-function .cont .anchor-btn li {
        float: left;
        width: 48%;
        margin: 0 4% 12% 0;
        text-align: center
    }
    .container.brand-function .cont .anchor-btn li:nth-child(2n) {
        margin-right: 0
    }
    .container.brand-function .cont .cont-ttl01 {
        margin-bottom: 1.8em;
        font-size: 28px;
        font-size: 2.8rem;
        text-align: center;
        line-height: 1.4;
        color: #000
    }
    .container.brand-function .cont .cont-ttl01 span {
        display: block
    }
    .container.brand-function .cont#cont05 .wrap-inner {
        padding-bottom: 0
    }
    .container.brand-function .cont#cont06 .wrap-inner {
        padding: 8% 0
    }
    .container.brand-function .cont#cont06 .wrap-inner .box-idea {
        padding-top: 7%;
        border-top: 2px solid #d4d4d4
    }
    .container.brand-function .cont#cont06 .wrap-inner .box-idea .box-tl {
        text-align: center
    }
    .container.brand-function .cont .wrap-inner {
        width: 79.2%;
        margin: 0 auto;
        padding: 10.66667% 0
    }
    .container.brand-function .cont .wrap-inner .cont-img01 {
        float: left;
        width: 100%;
        margin-bottom: 6.73401%
    }
    .container.brand-function .cont .wrap-inner .cont-img02,
    .container.brand-function .cont .wrap-inner .cont-img03 {
        float: left;
        width: 46.46465%
    }
    .container.brand-function .cont .wrap-inner .cont-img02 {
        margin-right: 7.07071%
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea {
        display: table;
        width: 100%;
        margin-bottom: 1em;
        font-size: 16px;
        font-size: 1.6rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea>span {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.4
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea>span:nth-child(1) {
        width: 90px
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea>span:nth-child(2) {
        padding-left: 10px
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea .idea01 {
        display: block
    }
    .container.brand-function .cont .wrap-inner .box-idea .idea-ttl,
    .container.brand-function .cont .wrap-inner .box-idea .box-tl {
        margin-bottom: .8em;
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 600;
        line-height: 1.6
    }
    .container.brand-function .cont .wrap-inner .box-idea .txt01 {
        margin-top: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 8px;
        border-top: 1px solid #6e6e6e;
        border-left: 1px solid #6e6e6e
    }
    .container.brand-function .cont .wrap-inner .box-idea .box01,
    .container.brand-function .cont .wrap-inner .box-idea .box02 {
        margin-top: 20px
    }
    .container.brand-function .cont .wrap-inner .box-idea .box01 .txt02,
    .container.brand-function .cont .wrap-inner .box-idea .box02 .txt02 {
        margin-bottom: 10px
    }
    .container.brand-function .cont .wrap-inner .box-idea .box01 .image img,
    .container.brand-function .cont .wrap-inner .box-idea .box02 .image img {
        width: 100%
    }
    .container.brand-function .cont .wrap-inner .box-idea .box03 {
        margin-top: 40px
    }
    .container.brand-function .cont .wrap-inner .box-idea .box-photo {
        margin-top: 1.4em
    }
}

@media screen and (max-width: 480px) {
    .container.brand-function .cont .cont-ttl01 {
        margin-bottom: 1.5em;
        font-size: 26px;
        font-size: 2.6rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea {
        font-size: 15px;
        font-size: 1.5rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .idea-ttl,
    .container.brand-function .cont .wrap-inner .box-idea .box-tl {
        font-size: 20px;
        font-size: 2rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .txt01 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.4
    }
}

@media screen and (max-width: 375px) {
    .container.brand-function .cont .cont-ttl01 {
        margin-bottom: 1.5em;
        font-size: 24px;
        font-size: 2.4rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea {
        font-size: 15px;
        font-size: 1.5rem
    }
    .container.brand-function .cont .wrap-inner .box-idea .idea-ttl,
    .container.brand-function .cont .wrap-inner .box-idea .box-tl {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 320px) {
    .container.brand-function .cont .cont-ttl01 {
        margin-bottom: 1.5em;
        font-size: 22px;
        font-size: 2.2rem
    }
    .container.brand-function .cont .wrap-inner {
        width: 84%
    }
    .container.brand-function .cont .wrap-inner .box-idea .label-idea>span:nth-child(1) {
        width: 82px
    }
    .container.brand-function .cont .wrap-inner .box-idea .idea-ttl,
    .container.brand-function .cont .wrap-inner .box-idea .box-tl {
        margin-bottom: .6em;
        font-size: 16px;
        font-size: 1.6rem
    }
}