@charset"UTF-8";.catcharea {
    position: absolute;
    top: 0;
    z-index: 0;
    max-width: 1400px;
    left: 0;
    right: 0;
    margin: auto
}

.slick-slider {
    padding: 0
}

.slick-slide img {
    display: block;
    margin: auto
}

DIV#contents DIV.galleryThumb A img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer
}

DIV#contents h3.title01 {
    text-align: center;
    font-weight: 400;
    border: 0;
    font-size: min(26px,5vw);
    letter-spacing: .04em;
    box-sizing: border-box;
    padding: 20px
}

DIV#contents h2.title01 {
    color: #0087b3;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: .06em
}

.top_title01 {
    color: #073747;
    font-family: "游明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: min(40px,6vw);
    margin-bottom: .8em;
    display: block;
    font-weight: 500;
    line-height: 1
}

.top_title02 {
    color: #073747;
    font-family: "游明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: min(40px,6vw);
    margin-bottom: 1em;
    display: block;
    font-weight: 500;
    line-height: 1
}

DIV#topMessageBg {
    display: flex;
    height: 520px;
    align-items: center;
    text-align: center;
    color: #fff;
    font-family: "游明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif
}

DIV#contents #topMessageBg H2 {
    font-family: "游明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: min(36px,5.8vw);
    font-weight: 400;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 1em;
    text-shadow: 0 0 1em #000
}

DIV#contents DIV.entryBody #topMessageBg P {
    font-family: "游明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: min(16px,3.4vw);
    line-height: 2;
    text-shadow: 0 0 1em #000
}

DIV#contents DIV.topLatestRep UL.date LI DIV a {
    width: 150px;
    display: block
}

DIV#contents DIV.topLatestRep UL.date LI DIV a img {
    width: 100%;
    height: auto
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI A {
    display: block;
    width: 100%
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI A img {
    width: 100%;
    height: auto
}

DIV#topFlowTtl P {
    max-width: 90%;
    margin: 0 auto
}

.pc_none {
    display: none
}

.header_menu_drawer_wrap {
    display: none
}

DIV#contents IMG.caseBADesignEntryImg {
    max-width: 250px;
    height: auto
}

.cat_efct {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 20px
}

.caseMainPhoto {
    text-align: center;
    background-color: #F7F7F7;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0
}

DIV#ctable_ba TABLE TH {
    width: auto!important
}