/*
13Q=12px
18Q＝16px
1Q=1H＝0.25mm
*/


/* ヘッダーナビ ↓*/

ul {
    list-style: none;
}

img {
    text-align: center;
}

body {
    margin: auto;
    /* line-height: 7.8mm; */
}

main {
    text-align: left;
    display: flex;
    flex-direction: column;
}
div{
padding:1em 0;
}

a,
a:visited,
a:hover,
a:active,
img,
map,
area {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* 各セクションのクラス　ここから */


/* ビル */
.content_key-visual,
.content_building,
.content_pace_rental,
.content_wall,
.content_salon {
    width: 600px;
    margin: 20px auto;
    padding-left: 45px;
    padding-right: 50px;
}

.content_key-visual img,
.content_building img,
.content_pace_rental img,
.content_wall img,
.content_salon img  {
    margin-top: 30px;
    margin-bottom: 90px;
    width: 510px;
}
#key-visual{
    background-color: #fff;
}

/******************************************************
コンテンツ内の要素
*******************************************************/

.content {
    display: flex;
    width: auto;
    justify-content: left;
    text-align: left;
    color: #fff;
}
.content_key-visual{
    height: 100vh;
}
.content__title {
    display: none;
}
.content_wall div.reservation{
    padding: 8px 0;
}
.content_building {
    margin-top: 50px;
}

.content_building__txt {
    margin-bottom: 10px;
}
.salon_link{
    text-align:right;
}
/************************************************************ 
背景画像
 *************************************************************/

 .building-bg,
 .space_rental-bg,
 .wall-bg,
 .salon-bg {
     transition: all 1s ease;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
 }
 .space_rental-bg {
     background: url("../img/common/space_rental/bg_gray_01.jpg") no-repeat 0 0;
     background-size: 100% 1000px;
     background-position: center center;
     max-width: 2000px;
     height: 1000px;
 }
 
 .space_rental-bg:hover {
     background: url("../img/common/space_rental/bg_color_01.jpg") no-repeat 0 0;
     background-size: 100% 1000px;
     background-position: center center;
     max-width: 2000px;
     height: 1000px;
 }
 
 .wall-bg {
     background: url("../img/common/wall/bg_gray_01.jpg") no-repeat 0 0;
     background-size: 100% 1300px;
     background-position: center center;
     max-width: 2000px;
     height: 1300px;
 }
 
 .wall-bg:hover {
     background: url("../img/common/wall/bg_color_01.jpg") no-repeat 0 0;
     background-size: 100% 1300px;
     background-position: center center;
     max-width: 2000px;
     height: 1300px;
 }
 
 .building-bg {
     background: url("../img/common/buill/bg_gray_01.jpg") no-repeat 0 0;
     background-size: 1080px 1000px;
     background-position: center;
     height: 1000px;
 }
 
 .building-bg:hover {
     background: url("../img/common/buill/bg_color_01.jpg")no-repeat 0 0;
     background-size: 1080px 1000px;
     background-position: center;
     height: 1000px;
 }
 .salon-bg {
     background: url("../img/common/salon/bg_gray_01.jpg") no-repeat 0 0;
     background-size: 100% 1000px;
     background-position: center center;
     max-width: 2000px;
     height: 1000px;
 }
 .salon-bg:hover {
     background: url("../img/common/salon/bg_color_01.jpg")no-repeat 0 0;
     background-size: 100% 1000px;
     background-position: center center;
     max-width: 2000px;
     height: 1000px
 }
 
/******************************************************
スマホ画面
max-width: 1080px
******************************************************/

@media screen and (max-width: 600px) {
    main {
        width: 100%;
        background-color: #fff;
        text-align: left;
    }
    .content {
        height: 100vh;
    }
    .content__title {
        width: 90%;
        color: rgba(0, 0, 0, 0);
    }
    .content_key-visual,
    .content_building,
    .content_pace_rental,
    .content_wall {
        width: 90%;
        margin: 0px auto;
        padding: 20px 0px;
    }
    .content_key-visual img,
    .content_pace_rental img,
    .content_wall img,
    .content_salon img{
        width: 100%;
        height: auto;
    }
    .space_rental-bg {
        background: url("../img/common/space_rental/bg_gray_01.jpg") no-repeat 0 0;
        background-size: cover;
        height: 100%;
        background-position: center;
        display: block;
    }
    .space_rental-bg:hover {
        background: url("../img/common/space_rental/bg_color_01.jpg") no-repeat;
        background-size: cover;
        height: 100%;
        background-position: center;
        display: block;
    }
    .wall-bg {
        background: url("../img/common/wall/bg_gray_01.jpg") no-repeat 0 0;
        background-size: cover;
        height: 100%;
        background-position: center;
        display: block;
    }
    .wall-bg:hover {
        background: url("../img/common/wall/bg_color_01.jpg") no-repeat;
        background-size: cover;
        height: 100%;
        background-position: center;
        display: block;
    }
    .building-bg {
        padding-top: 25px;
        background: url("../img/common/buill/bg_gray_01.jpg") no-repeat 0 0;
        background-size: cover;
        height: 100%;
        background-position: center;
    }
    .building-bg:hover {
        padding-top: 25px;
        background: url("../img/common/buill/bg_color_01.jpg") no-repeat;
        background-size: cover;
        height: 100%;
        background-position: center;
    }
    .salon-bg {
        padding-top: 25px;
        background: url("../img/common/salon/bg_gray_01.jpg") no-repeat 0 0;
        background-size: cover;
        height: 100%;
        background-position: center;
    }
    .salon-bg:hover {
        padding-top: 25px;
        background: url("../img/common/salon/bg_color_01.jpg") no-repeat;
        background-size: cover;
        height: 100%;
        background-position: center;
    }
}

@media screen and (min-width: 1081px) {
    .space_rental-bg {
        background: url("../img/common/space_rental/bg_gray_01.jpg") no-repeat 0 0;
        background-size: 100% 1000px;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
    .space_rental-bg:hover {
        background: url("../img/common/space_rental/bg_color_01.jpg") no-repeat 0 0;
        background-size: 100% 1000px;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
    .wall-bg {
        background: url("../img/common/wall/bg_gray_01.jpg") no-repeat 0 0;
        background-size: 100% 1300px;
        background-position: center;
        max-width: 2000px;
        height: 1300px;
    }
    .wall-bg:hover {
        background: url("../img/common/wall/bg_color_01.jpg") no-repeat 0 0;
        background-size: 100% 1300px;
        background-position: center;
        max-width: 2000px;
        height: 1300px;
    }
    .building-bg {
        background: url("../img/common/buill/bg_gray_01.jpg") no-repeat 0 0;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
    .building-bg:hover {
        background: url("../img/common/buill/bg_color_01.jpg")no-repeat 0 0;
        background-size: 100% 1000px;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
    .salon-bg {
        background: url("../img/common/salon/bg_gray_01.jpg") no-repeat 0 0;
        background-size: 100% 1000px;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
    .salon-bg:hover {
        background: url("../img/common/salon/bg_color_01.jpg")no-repeat 0 0;
        background-size: 100% 1200800pxpx;
        background-position: center;
        max-width: 2000px;
        height: 1000px;
    }
}