@media only screen and (min-width: 769px) {
    .f3img02 {
        margin-bottom: 30px;
    }
    .sbspimg {
        display: none;
    }
    .innersp {
        display: none;
    }
    .numbertwo-sp {
        display: none;
    }
    .numberfour-sp {
        display: none;
    }
    #material-01 p,
    #material-02 p,
    #material-03 p,
    #material-04 p {
        margin-bottom: 0rem;
    }
}
@media only screen and (min-width: 992px) {
    #floorindex .inner {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1085px) {
    .tanjyoarea::before {
        left: 20%;
    }
    .mate01title {
        margin-bottom: 0rem;
    }
    .main_catch p {
        font-size: 1.6rem;
        letter-spacing: 0;
    }
    .floorindextxt {
        font-size: 1.6rem;
    }
    .floortxtbox p {
        font-size: 1.6rem;
        letter-spacing: 0;
    }
}
@media only screen and (min-width: 1201px) {
    .innerpc {
        margin-top: -110px;
    }
    #floorindex .inner {
        padding-bottom: 200px;
    }
    .main_catch p {
        font-size: 1.7rem;
    }
    .floorindextxt {
        font-size: 1.7rem;
    }
    .twotitle {
        display: none;
    }
    .fourtitle {
        display: none;
    }
}
@media only screen and (min-width: 1285px) {
    #floor_four {
    margin-bottom: 20rem;
}
#closeup-intro {
    margin-top: -17rem;
    padding-top: 10em;
}
}
@media only screen and (min-width: 1500px) {
    .twopctitle {
        margin-bottom: 5rem;
    }
    .fourpctitle {
        margin-bottom: 5rem;
    }
}
@media only screen and (min-width: 2000px) {
    #sbtitle {
        margin-top: 70px;
        background: #fff url(../images/aboutsb_headbg.jpg) no-repeat center top -80px;
        background-size: cover;
    }
    #floorindex::before {
        height: 50vw;
        width: 120%;
    }
#floor_four {
    margin-bottom: 27rem;
}
#closeup-intro {
    margin-top: -20rem;
}
}
@media only screen and (min-width: 2000px) {
.ctmove {
    font-size: 7vw;
}
}
@media only screen and (min-width:1700px) and (max-width:1999px) {
    #floorindex::before {
        height: 55vw;
    }
}
@media only screen and (max-width: 1200px) {
    .twopctitle {
        display: none;
    }
    .fourpctitle {
        display: none;
    }
}
@media only screen and (max-width: 1085px) {
    .floorindextxt {
        margin-top: -150px;
        margin-left: 120px;
        margin-bottom: 100px;
    }
    .mate02title {
        position: static;
        margin-bottom: 3rem;
    }
    .mate04title {
        position: static;
        margin-bottom: 3rem;
    }
}
@media only screen and (min-width:1086px) and (max-width:1199px) {
    .numbertwo-pc img {
        padding-top: 10rem;
    }
}
@media only screen and (max-width: 1024px) {
    #closeup-intro .container {
        min-width: initial !important;
        width: 100vw;
    }
    #sectionone .inner {
        padding: 6rem 4rem 6rem 4rem;
    }
    #sectiontwo .inner {
        padding: 6rem 4rem 6rem 4rem;
    }
    .slidemask-sp {
        display: block;
    }
    .slidemask {
        display: none;
    }
    .sp-slide {
        display: block;
    }
    .pc-slide {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    #logo.mini {
        width: 28vw !important;
    }
    .main_catch {
        top: 9vw;
        width: 60%;
        left: 25%;
    }
    .innerpc {
        display: none;
    }
    .innersp {
        display: block;
        z-index: 100;
        margin-top: -200px;
    }
    .innersp img {
        width: 30vw;
    }
    .aboutsb-txt {
        margin-bottom: 8rem;
    }
}
@media only screen and (min-width:768px) and (max-width:769px) {
    .br-nishi {
        display: block;
    }
}
@media only screen and (min-width:769px) and (max-width:1200px) {
    .sbtitle img {
        max-width: 500px;
    }
    .sbintrotxt {
        max-width: 500px;
        margin-bottom: 40px;
    }
    #soulstitle {
        height: 50vw;
    }
    .threesoulstitle {
        height: 50vw;
    }
    .threesoulstitle img {
        width: 30vw;
    }
    #material-intro .inner {
        padding: 6rem 0rem 4rem 0rem;
    }
}
@media only screen and (min-width:769px) and (max-width:1095px) {
    .fourtitle img {
        width: 120px;
    }
    .twotitle img {
        width: 248px;
    }
}
@media only screen and (min-width:768px) and (max-width:992px) {
    .namebox {
        display: block !important;
    }
    .thumbarea {
        display: block !important;
        width: 100%;
        margin-bottom: 2rem;
        text-align: center
    }
    .thumbarea img {
        width: 70%;
    }
    .namearea {
        display: block !important;
    }
}
@media only screen and (max-width: 768px) {
    .wrapper {
        min-width: initial !important;
    }
    .container {
        min-width: initial !important;
    }
    .sidebnr {
        display: none;
    }
    .footbnr {
        display: block;
    }
    .splash-logo-box img {
        width: 400px;
    }
    .sidologo {
        width: 100%;
    }
    .sidologo img.logopart {
        width: 100%;
    }
    .sinkoushatanjyo01 {
        display: none;
    }
    .sinkoushatanjyo-sp {
        display: block;
    }
    .sidomove img {
        width: 350px;
    }
    .sidomove {
        padding-top: 150px;
    }
    #opening-pc {
        display: none;
    }
    #opening-sp {
        display: block;
    }
    .sidologo-sp {
        display: block;
    }
    .sidologo {
        display: none;
    }
    .sinkoushatanjyo img {
        width: 95vw;
        padding-left: 50px;
    }
    .cuimg01 img {
        margin-left: 0rem;
    }
    .cuimg02 img {
        margin-left: 0rem;
    }
    .cuimg03 img {
        margin-left: 0rem;
    }
    .cuimg04 img {
        margin-left: 0rem;
    }
    #logo.mini {
        width: 36vw !important;
    }
    .pcbox {
        display: none;
    }
    .spbox {
        display: block;
    }
    .floortxt {
        width: 70%;
    }
    .floortxtleft,
    .floortxtright {
        width: 100%;
        margin-top: 0rem;
        display: block;
        position: static;

    }
    .mask-wrap {
        width: 100%;
    }
    .floorindeximg {
        margin-bottom: 5rem;
    }
    .tanjyotitle {
        margin-bottom: 5rem;
    }
    .wrapper {
        min-width: 100%;
    }
    .floortxt.onetxt {
        margin-left: 1rem;
        width: 95%;
    }
    .floortwotxt {
        padding-left: 0rem;
        padding-top: 15rem;
    }
    .floortxt.threetxt {
        margin-left: 0rem;
        width: 100%;
        margin-top: 2rem;
    }
    .main_catch {
        width: 100%;
        top: 50px;
        left: 50%;
        transform: translate(-50%, 0%), rotate(10deg);
        -webkit-transform: translate(-50%, 0%) rotate(10deg);
        -ms-transform: translate(-50%, 0%) rotate(10deg);
    }
    .tanjyoarea {
        padding-bottom: 500px;
    }
    .jp_slide_img_wrapper {
        height: 20px;
        background-size: 320px 20px;
    }
    .floor1catch {
        width: 90vw;
        left: 3rem;
    }
    .floor2catch {
        width: 90vw;
        left: 3rem;
    }
    .floor3catch {
        width: 90vw;
        left: 3rem;
    }
    .floor4catch {
        width: 90vw;
        left: 3rem;
    }
    .floorimg {
        position: relative;
    }
    .floorno1,
    .floorno2,
    .floorno3,
    .floorno4 {
        position: absolute;
        bottom: 2rem;
        right: 3rem;
        width: 100px;
        z-index: 100;
        left: initial !important;
    }
    .floortxtbox {
        width: 100%;
        margin: 0 0 0 0;
        padding: 4rem 4rem 0 4rem;
    }
    .floorbtnbox {
        width: 100%;
        padding: 2rem 4rem 2rem 4rem;
        display: block;
    }
    .swiper-pagination1,
    .swiper-pagination2,
    .swiper-pagination3,
    .swiper-pagination4 {
        text-align: center !important;
        margin-left: auto;
    }
    #intro {
        padding-top: 170px;
    }
    .sinkoushatanjyo-sp {
        margin-left: 28%;
        margin-top: -130px;
    }
    .sbspimg {
        display: block;
    }
    #sbtitle {
        background: none;
margin-top: 50px;
    }
    .sbtitle {
        margin-top: -30px;
        z-index: 200;
        margin-left: 10%;
    }
    .sbintrotxt {
        padding: 0rem 0rem;
    }
    #aboutsb-intro .introtxt {
        margin-top: 20px;
        padding: 4rem 1rem 3rem 1rem;
    }
    #floorindex::before {
        background: url(../images/bg_floor-sp.jpg) center top 0px no-repeat;
        background-size: 110%;
        height: 160vw;
        left: -15%;
        width: 130%;
    }
    .tunagu img {
        margin-top: -170px;
        width: 25vw;
    }
    .floorindextxt {
        margin-top: 100px;
        margin-left: 0px;
        margin-bottom: 250px;
    }
    #floor_one,
    #floor_two,
    #floor_three,
    #floor_four {
        margin-bottom: 5rem;
    }
    #floor_one:before {
        background: none;
    }
    #floor_two:before {
        background: none;
    }
    #floor_three:before {
        background: none;
    }
    #floor_four:before {
        background: none;
    }
    #closeup {
        padding-top: 0em;
    }
    .cu-inner {
        margin-top: 0rem;
    }
    #soulstitle {
        height: 70vw;
margin-top: 50px;
    }
    .threesoulstitle {
        height: 70vw;
    }
    .threesoulstitle img {
        width: 40vw;
    }
    .brsp {
        display: none;
    }
    .cross {
        margin-bottom: 2rem;
    }
    .cross img {
        margin-top: -1rem;
        width: 60px;
    }
    .secnumber {
        width: 10vw;
    }
    .materialtitle img {
        width: 60vw;
    }
    .l-block__inner {
        padding-right: 0px;
    }
    .floor1slide .swiper-container,
    .floor2slide .swiper-container,
    .floor3slide .swiper-container,
    .floor4slide .swiper-container {
        border-bottom: 8px solid #5de1bd;
    }
    .foottxt {
        padding-bottom: 80px;
    }
    .foottxt .container {
        margin-bottom: 10px;
    }
    .footlogo {
        margin-bottom: 30px;
    }
    #material-intro .inner {
        padding: 0;
    }
    #material-intro .introtxt {
        padding: 4rem 1rem;
    }
    #material-02 .inner,
    #material-04 .inner {
        padding: 8rem 2rem 6rem 2rem;
    }
    .numbertwo-pc {
        display: none;
    }
    .numbertwo-sp {
        display: block;
    }
    .numbertwo-sp .floornumber {
        margin-bottom: 4rem;
    }
    .mate01text .floornumber {
        margin-bottom: 4rem;
    }
    .mate03text .floornumber {
        margin-bottom: 4rem;
    }
    .ctmove img {
        width: 60px;
    }
    .numberfour-pc {
        display: none !important;
    }
    .numberfour-sp {
        display: block;
    }
    .numberfour-sp .floornumber {
        margin-bottom: 4rem;
    }
    .mate02title {
        width: 147px;
    }
    .mate04title {
        width: 90px;
    }
    #material-01 .inner,
    #material-03 .inner {
        padding: 8rem 0rem 6rem 0rem;
    }
    .mask-wrap .maskblack.mask-inner::after {
        background: #222;
    }
    .swiper-slide.slide1 {
        background-image: url('../images/f1_slide01sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    .swiper-slide.slide2 {
        background-image: url('../images/f1_slide02sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    .swiper-slide.slide3 {
        background-image: url('../images/f1_slide03sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    .swiper-slide.slide4 {
        background-image: url('../images/f1_slide04sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_two .swiper-slide.slide1 {
        background-image: url('../images/f2_slide01sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_two .swiper-slide.slide2 {
        background-image: url('../images/f2_slide02sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_two .swiper-slide.slide3 {
        background-image: url('../images/f2_slide03sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_three .swiper-slide.slide1 {
        background-image: url('../images/f3_slide01sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_three .swiper-slide.slide2 {
        background-image: url('../images/f3_slide02sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_three .swiper-slide.slide3 {
        background-image: url('../images/f3_slide03sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_four .swiper-slide.slide1 {
        background-image: url('../images/f4_slide01sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_four .swiper-slide.slide2 {
        background-image: url('../images/f4_slide02sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    #floor_four .swiper-slide.slide3 {
        background-image: url('../images/f4_slide03sp.jpg');
        background-repeat: no-repeat;
        width: 100vw;
        background-size: cover;
        background-position: center center;
    }
    .mate01title img {
        width: 50px;
    }
    .mate03title img {
        width: 50px;
    }
    .fourtitle {
        width: 71px;
    }
}
@media only screen and (min-width:768px) and (max-width:768px) {
    .mate01ipad {
        display: block;
        position: absolute;
        right: 35px;
        top: 6rem;
    }
    .mate03ipad {
        display: block;
        position: absolute;
        right: 35px;
        top: 6rem;
    }
    .mate02title {
        width: 162px;
    }
    .fourtitle {
        width: 78px;
    }
    .numbertwo-sp {
        position: absolute;
        left: 55px;
        top: -4rem;
    }
    .four-ipad {
        position: absolute;
        left: 55px;
        top: -4rem;
    }
    #material-01,
    #material-03 {
        padding-top: 6rem;
    }
    #material-02,
    #material-04 {
        padding-top: 0rem;
    }
    .twofour-md-margin {
        margin-bottom: 3rem;
    }
    .pctitle {
        display: none;
    }
    .pctxt {
        margin-left: 3rem;
    }
}
@media only screen and (min-width:575px) and (max-width:768px) {
    #opening-sp img {
        width: 160px;
    }
    .sidologo-sp img {
        width: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .cubox:nth-child(1) {
        margin-top: 5rem;
    }
    .cubox:nth-child(3) {
        margin-top: 0rem;
    }
    .mate01sp {
        display: block;
    }
    .mate01pc {
        display: none;
    }
    .mate01imgsidemargin {
        margin-left: 7px;
        margin-right: 7px;
    }
    .mate01sidemargin {
        margin-left: 20px;
        margin-right: 20px;
    }
    .mate01-mb-30 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .main_catch {
        width: 60%;
    }
    #floormap {
        transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        width: 200vw;
        margin-left: -50vw;
        padding-bottom: 5rem;
        background: #fff url(../images/hougan_w.png) left top repeat;
        margin-top: -1rem;
        z-index: 30;
    }
    #floormap .inner {
        width: 100vw;
        margin-left: 50vw;
        transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        padding-top: 5rem;
    }
    .ctmove img {
        width: 40px;
    }
}
@media only screen and (max-width: 620px) {
    .pclogo {
        display: none;
    }
    .splogo {
        display: block;
    }
    .headerlogo {
        padding-top: 6px;
    }
    .headerlogo h1 img {
        max-width: 150px;
    }
    .headerlogo h1 {
        margin: 0rem 0 0rem 0;
    }
    .openbtn {
        position: fixed;
        z-index: 9999;
        top: 0px;
        right: 0px;
        background: linear-gradient(0.25turn, #0e77ba, #113866);
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 13px;
        height: 2px;
        border-radius: 0px;
        background: #fff;
        width: 52%;
    }
    .openbtn span:nth-of-type(1) {
        top: 19px;
    }
    .openbtn span:nth-of-type(2) {
        top: 25px;
    }
    .openbtn span:nth-of-type(3) {
        top: 31px;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 19px;
        left: 13px;
        transform: translateY(6px) rotate(-45deg);
        width: 45%;
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 31px;
        left: 13px;
        transform: translateY(-6px) rotate(45deg);
        width: 45%;
    }
    .headerlogo {
        padding: 4px 0 0px 0;
        height: 50px;
    }
    #matetitle {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 575px) {
    .fi_title {
        width: 100%;
        margin-left: 32%;
    }
}

@media only screen and (max-width: 500px) {
    #splash_text {
        top: 45%;
    }
    #splash-logo {
        top: 45%;
    }
    .sidologo-sp {
        top: 45%;
    }
    .slidemask-sp {
        top: 45%;
    }
    #introscroll .swiper-slide img {
        height: 95vh;
    }
    .ms-left {
        height: 95vh;
    }
    .ms-right {
        height: 95vh;
    }
    .swiper-slide picture {
        height: 95vh;
    }
    .floor1catch,
    .floor2catch,
    .floor3catch,
    .floor4catch {
        top: 0.5rem;
    }
    .floorno1,
    .floorno2,
    .floorno3,
    .floorno4 {
        width: 70px;
    }
    #closeup {
        padding-top: 2em;
    }
    footer .inner {
        background: url(../images/footerbg_sp.jpg) right center no-repeat;
        background-size: cover;
        padding: 100px 0;
    }
    #sectiontwo {
        margin-bottom: 150px;
    }
    #intro {
        background-size: 4%;
    }
    #intro::before {
        background: url(../images/print01.png) left top no-repeat;
        background-size: 50%;
    }
    .tanjyoarea {
        background-size: 50%;
    }
    .tanjyoarea::before {
        background: url(../images/print02.png) left -80px top no-repeat;
        width: 150vw;
        content: "";
        position: absolute;
        top: -10px;
        left: 80px;
        background-size: 100%;
    }
    .tunagu img {
        width: 40vw;
        margin-left: 10px;
        margin-top: -100px;
    }
    .innersp {
        margin-top: -150px;
    }
    #floorindex::before {
        background: url(../images/bg_floor-sp.jpg) center top 0px no-repeat;
        background-size: cover;
        width: 150%;
        left: -25%;
        height: 240vw;
    }
    .floorindextxt {
        margin-top: 130px;
        margin-left: 0px;
        margin-bottom: 70px;
        padding: 1rem 1rem;
        line-height: 1.6;
    }
    #floormap {
        position: relative;
        background: #fff url(../images/hougan_w.png) left top repeat;
        background-size: 40%;
    }
    #floor_sec {
        background-size: 4.6%;
    }
    #floor_sec::before {
        background: url(../images/bg_blueprint_w.png) right 10px top 0px repeat-y;
        background-size: 90%;
    }
    #closeup::before {
        background-size: 4.6%;
    }
    #closeup-intro {
        background-size: 40%;
    }
    #soulstitle {
        height: 380px;
    }
    .threesoulstitle {
        height: 380px;
    }
    .threesoulstitle img {
        width: 55vw;
    }
    .careerbox p {
        letter-spacing: 0;
    }
    #sectionone .inner {
        border: none;
        padding: 4rem 1rem 6rem 1rem;
    }
    #sectiontwo .inner {
        border: none;
        padding: 6rem 1rem 4rem 1rem;
    }
    .scrolldown2 {
        bottom: 120px;
    }
    .aboutsp-wrap {
        background-size: 5%;
    }
    #material-01,
    #material-03 {
        background-size: 5%;
    }
.mate04title {
        width: 71px;
    }
}
@media only screen and (max-width: 468px) {
    #logo.mini {
        width: 42vw !important;
    }
    .sinkoushatanjyo img {
        width: 410px;
        padding-right: 70px;
    }
    #material-02:before {
        background: url(../images/mate02_bg.png) right 50% top -35% no-repeat;
    }
}