.editor-style p {
        line-height: 1.6
}
.editor-style p:not(:last-child) {
        margin-bottom: 1em
}
.editor-style a {
        text-decoration: underline !important
}
.editor-style a:hover {
        text-decoration: none !important
}
.editor-style h2 {
        font-size: 2.6rem;
        font-weight: bold;
        border-bottom: 3px solid #1f2c5c;
        line-height: 1.4;
        padding: 0 0 5px;
        margin: 1em 0 1.5em
}
.editor-style h3 {
        line-height: 1.4;
        font-size: 2.4rem;
        font-weight: 500;
        margin: 1em 0 1em;
        border-left: 5px solid #1f2c5c;
        padding: 5px 0 5px 0.5em
}
.editor-style h4 {
        line-height: 1.4;
        font-size: 2rem;
        margin: 1em 0 1em;
        font-weight: bold
}
.editor-style ul {
        margin: 1em 0
}
.editor-style ul li {
        position: relative;
        padding: 0 0 0 1em
}
.editor-style ul li:not(:last-child) {
        margin-bottom: 0.7em
}
.editor-style ul li::before {
        top: 0.3em;
        left: 0;
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #000;
        position: absolute
}
.editor-style ol {
        list-style-type: decimal;
        margin: 1em 0 1em 1em
}
.editor-style ol li {
        padding: 0
}
.editor-style ol li:not(:last-child) {
        margin-bottom: 0.7em
}
@media screen and (max-width: 768px) {
        .editor-style h2 {
                font-size: 2.4rem
        }
        .editor-style h3 {
                font-size: 2.2rem
        }
        .editor-style h4 {
                font-size: 1.8rem
        }
}
@media screen and (max-width: 576px) {
        h2 {
                font-size: 2.2rem
        }
        h3 {
                font-size: 2rem
        }
}
.works-list-head {
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .works-list-head {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .works-list-head {
                padding: 0 4%
        }
}
.select-column {
        display: flex;
        justify-content: flex-end
}
.select-column li:not(:last-child) {
        margin-right: 15px
}
.select-column li a {
        display: block;
        width: 44px;
        height: 44px;
        background-size: cover;
        background-repeat: no-repeat
}
.select-column li a.col01 {
        background-image: url(../img/works/icon-col1.png)
}
.select-column li a.col01:hover, .select-column li a.col01.current {
        background-image: url(../img/works/icon-col1_on.png)
}
.select-column li a.col02 {
        background-image: url(../img/works/icon-col2.png)
}
.select-column li a.col02:hover, .select-column li a.col02.current {
        background-image: url(../img/works/icon-col2_on.png)
}
.select-column li a.col03 {
        background-image: url(../img/works/icon-col4.png)
}
.select-column li a.col03:hover, .select-column li a.col03.current {
        background-image: url(../img/works/icon-col4_on.png)
}
@media screen and (max-width: 767px) {
        .select-column {
                display: none
        }
}
.works-nav {
        font-size: 1.8rem
}
.works-nav dl {
        border-bottom: 1px solid #bfbfbf;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 10px;
        overflow-x: hidden;
        overflow-y: hidden
}
.works-nav dl dt {
        text-align: center;
        width: 15%;
        background: #1f2c5c;
        color: #fff;
        padding: 10px 0;
        border: 1px solid #1f2c5c;
        margin-bottom: 10px
}
.works-nav dl dd {
        width: 83%
}
.works-nav .cat {
        display: inline-block;
        padding: 10px;
        border: 1px solid #1f2c5c;
        border-radius: 10px;
        color: #1f2c5c;
        margin: 0 10px 10px 0
}
.works-nav .cat:hover, .works-nav .cat.current {
        background: #1f2c5c;
        color: #fff
}
@media screen and (min-width: 768px) {
        .works-nav .point-list {
                padding: 0 60px
        }
        .works-nav .point-list li a {
                margin-right: 10px
        }
        .works-nav .slick-prev, .works-nav .slick-next {
                width: 55px;
                height: 60px;
                z-index: 1;
                top: 20px;
                background: #1f2c5c
        }
        .works-nav .slick-prev::before, .works-nav .slick-prev::after, .works-nav .slick-next::before, .works-nav .slick-next::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                border-bottom: solid 1px #fff;
                height: 0;
                margin: auto
        }
        .works-nav .slick-prev::before, .works-nav .slick-next::before {
                width: 25px
        }
        .works-nav .slick-prev::after, .works-nav .slick-next::after {
                width: 10px
        }
        .works-nav .slick-next {
                right: 0
        }
        .works-nav .slick-next::before, .works-nav .slick-next::after {
                right: 25%
        }
        .works-nav .slick-next::after {
                transform: rotate(45deg);
                transform-origin: right
        }
        .works-nav .slick-prev {
                left: 0
        }
        .works-nav .slick-prev::before, .works-nav .slick-prev::after {
                left: 25%
        }
        .works-nav .slick-prev::after {
                transform: rotate(-45deg);
                transform-origin: left
        }
}
@media screen and (max-width: 1140px) {
        .works-nav {
                font-size: 1.6rem
        }
        .works-nav dl dt {
                font-size: 1.4rem
        }
        .works-nav dl .cat {
                margin: 0 5px 10px 0
        }
}
@media screen and (max-width: 767px) {
        .works-nav dl {
                display: block
        }
        .works-nav dl dt {
                width: 100%
        }
        .works-nav dl dd {
                width: 100%;
                overflow-x: scroll;
                white-space: nowrap;
                margin: 0
        }
        .works-nav dl dd::-webkit-scrollbar {
                height: 10px
        }
        .works-nav dl dd::-webkit-scrollbar-track {
                background: #ccc
        }
        .works-nav dl dd::-webkit-scrollbar-thumb {
                background: #666
        }
        .works-nav dl .cat {
                margin: 0 3px 10px 0;
                font-size: 1.4rem;
                display: inline-block;
                word-break: break-all
        }
        .works-nav .point-list-wrap .prev, .works-nav .point-list-wrap .next {
                display: none
        }
        .works-nav .point-list li {
                display: inline-block
        }
}
.other-btn {
        margin: 40px auto 40px 0;
}
.other-btn .other-btn_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 78%;
}
.other-btn .btn-panorama {
        display: block;
        /*max-width: 420px;*/
        max-width: 350px;
        width: 100%;
        background: #af8900;
        color: #fff;
        text-align: center;
        font-size: 1.8rem;
        border-radius: 10px;
        padding: 15px 0;
        margin: 0 auto 0 0;
}
.other-btn .btn-case {
        display: block;
        max-width: 350px;
        width: 100%;
        background: #c97d7a;
        color: #fff;
        text-align: center;
        font-size: 1.8rem;
        border-radius: 10px;
        padding: 15px 0;
        margin: 0 auto 0 0;
}
.other-btn .btn-panorama:hover,
.other-btn .btn-case:hover{
        background: #000
}
.other-btn .btn-reset {
        display: inline-block;
        position: relative;
        margin: 25px auto 0
}
.other-btn .btn-reset .arwB {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 1em
}
.other-btn .btn-reset::after {
        content: "";
        width: 100%;
        height: 1px;
        background: #000;
        display: block;
        position: absolute;
        bottom: -10px;
        opacity: 1;
        transition: .4s
}
.other-btn .btn-reset:hover::after {
        bottom: 0;
        opacity: 0
}
@media screen and (max-width: 1140px) {
        .other-btn {
            text-align: right;
        }
        .other-btn .other-btn_wrap {
                display: block;
                width: 100%;
        }
        .other-btn .btn-panorama,
        .other-btn .btn-case {
                max-width: 420px;
                margin: 0 auto 20px auto;
        }
}
@media screen and (min-width: 1141px) {
        .other-btn {
                position: relative
        }
        .other-btn .btn-reset {
                position: absolute;
                right: 0;
                margin: -30px 0 0
        }
}
.works-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: -40px;
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .works-list {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .works-list {
                padding: 0 4%
        }
}
.works-item {
        width: 48%;
        margin: 40px 0
}
.works-item a {
        display: block
}
.works-item a:hover .item-img img {
        transform: scale(1.2)
}
.works-item .item-img {
        margin: 0 auto 10px;
        overflow: hidden
}
.works-item .item-img img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        font-family: 'object-fit: $of-type;';
        transition: .4s;
        background-size: cover
}
.works-item .item-cat {
        display: flex;
        flex-wrap: wrap
}
.works-item .item-cat .tag {
        display: inline-block;
        padding: 10px 20px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #fff;
        margin-top: 10px
}
.works-item .item-cat .tag:not(:last-child) {
        margin-right: 15px
}
.works-item .item-cat .tag-house {
        background: #1f2c5c
}
.works-item .item-cat .tag-reform {
        background: #2a3b42
}
.works-item .item-ttl {
        margin-top: 20px;
        font-size: 2.1rem;
        font-weight: bold;
        color: #1f2c5c;
        line-height: 1.6;
        position: relative;
        overflow: hidden;
        height: 3.2em
}
.works-item .item-ttl::before, .works-item .item-ttl::after {
        position: absolute;
        background: #fff
}
.works-item .item-ttl::before {
        content: "...";
        bottom: 0;
        right: 0;
        padding: 0 0.2em
}
.works-item .item-ttl::after {
        content: "";
        height: 100%;
        width: 100%
}
.col1 .works-item {
        width: 100%
}
.col4 .works-item {
        width: 23%
}
.col4 .works-item .item-cat .tag {
        padding: 5px 10px;
        font-size: 1.4rem;
        margin-top: 10px
}
.col4 .works-item .item-cat .tag:not(:last-child) {
        margin-right: 5px
}
.col4 .works-item .item-ttl {
        margin-top: 10px;
        font-size: 1.8rem
}
@media screen and (min-width: 768px) {
        .works-list.col1 {
                display: block
        }
        .works-list.col1 .works-item {
                margin: 60px 0
        }
        .works-list.col1 .works-item a {
                display: flex;
                justify-content: space-between;
                align-items: center
        }
        .works-list.col1 .works-item .item-img {
                width: 45%;
                margin: 0
        }
        .works-list.col1 .works-item .col1-right {
                width: 50%
        }
        .works-list.col1 .works-item:nth-child(even) a {
                flex-direction: row-reverse
        }
        .works-list.col1 .works-item .item-ttl {
                font-size: 3rem
        }
        .works-list.col4::before, .works-list.col4::after {
                content: "";
                width: 23%;
                display: block
        }
        .works-list.col4::before {
                order: 1
        }
        .works-list.col4 .works-item .item-img img {
                height: 160px
        }
}
@media screen and (max-width: 1140px) {
        .works-item .item-img img {
                height: 30vw
        }
        .works-item .item-cat .tag {
                font-size: 1.4rem
        }
        .works-item .item-cat .tag:not(:last-child) {
                margin-right: 10px
        }
        .works-item .item-ttl {
                font-size: 1.8rem
        }
}
@media screen and (max-width: 767px) {
        .works-list {
                display: block;
                margin-bottom: 0
        }
        .works-item {
                width: 100%
        }
        .works-item .item-img img {
                height: 60vw
        }
        .col4 .works-item {
                width: 100%
        }
}
.works-detail-head {
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .works-detail-head {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .works-detail-head {
                padding: 0 4%
        }
}
.works-detail-head .works-ttl {
        font-size: 3.6rem;
        font-weight: bold;
        color: #1f2c5c;
        line-height: 1.6;
        border-bottom: 1px solid #1f2c5c;
        margin-bottom: 10px
}
.works-detail-head .works-cat {
        display: flex;
        flex-wrap: wrap
}
.works-detail-head .works-cat .tag {
        display: inline-block;
        padding: 10px 20px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #fff;
        margin-top: 10px
}
.works-detail-head .works-cat .tag:not(:last-child) {
        margin-right: 15px
}
.works-detail-head .works-cat .tag-house {
        background: #1f2c5c
}
.works-detail-head .works-cat .tag-reform {
        background: #2a3b42
}
.works-detail-head .works-cat .tag-point {
        background: #292929
}
.works-detail-head .btn-panorama {
        display: block;
        max-width: 420px;
        width: 100%;
        background: #af8900;
        color: #fff;
        text-align: center;
        font-size: 1.8rem;
        border-radius: 10px;
        text-align: center;
        padding: 15px 0;
        margin: 20px auto 0 0
}
.works-detail-head .btn-panorama:hover {
        background: #000
}
@media screen and (max-width: 1140px) {
        .works-detail-head .works-ttl {
                font-size: 2.8rem
        }
        .works-detail-head .works-cat .tag {
                font-size: 1.4rem
        }
        .works-detail-head .works-cat .tag:not(:last-child) {
                margin-right: 10px
        }
}
@media screen and (max-width: 576px) {
        .works-detail-head .works-ttl {
                font-size: 2.4rem
        }
}
.works-main {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        margin-top: 20px
}
@media screen and (max-width: 1920px) {
        .works-main {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .works-main {
                padding: 0 4%
        }
}
.works-main .head {
        width: 62%
}
.works-main .body {
        width: 36%;
        display: flex;
        justify-content: space-between;
        flex-direction: column
}
.works-main .slide-main .slide-item-img {
        position: relative;
        overflow: hidden;
        padding-top: 66.6%
}
.works-main .slide-main .slide-item-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 100%;
        width: auto;
        max-width: inherit
}
@media all and (-ms-high-contrast: none) {
        .works-main .slide-main .slide-item-img img {
                transform: translate(-50%, -50%) !important
        }
}
.works-main .slide-main .slide-item-cap {
        line-height: 1.6;
        text-align: center;
        margin-top: 26px;
        padding: 1em 70px 0;
        min-height: 70px
}
.works-main .slide-thum {
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-wrap: wrap
}
.works-main .slide-thum::after {
        content: "";
        display: block;
        width: 31%
}
.works-main .slide-thum .slide-item {
        width: 31%;
        margin-bottom: 3%;
        background: #000;
        cursor: pointer
}
.works-main .slide-thum .slide-item img {
        width: 100%;
        height: 80px;
        background-size: contain;
        object-fit: cover;
        font-family: 'object-fit: $of-type;';
        opacity: 0.7
}
.works-main .slide-thum .slide-item.thumbnail-current img {
        opacity: 1
}
.works-main .btn, .works-main a.btn, .works-main button.btn {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.5;
        position: relative;
        display: inline-block;
        padding: 1rem 4rem;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        letter-spacing: 0.1em;
        color: #212529;
        border-radius: 0.5rem
}
.works-main .btn-wrap {
        margin: 30px 0;
        text-align: center
}
.works-main a.btn-c {
        font-size: 2.2rem;
        position: relative;
        padding: 0.75rem 2rem 0.5rem 2rem;
        border: 1px solid #d44114;
        color: #fff;
        background: #e94919;
        -webkit-box-shadow: 0 5px 0 #d44114;
        box-shadow: 0 5px 0 #d44114;
        text-align: left
}
.works-main a.btn-c .center {
        text-align: center;
        font-weight: bold
}
.works-main a.btn-c .small {
        font-size: 1.5rem;
        font-weight: bold;
        padding-left: 0.5rem;
        vertical-align: sub
}
.works-main a.btn-c .point {
        font-size: 1.5rem;
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0px 2px 2px 0px;
        max-width: 300px;
        padding: 0.2rem 7px;
        color: #d44114;
        border: 2px solid #d44114;
        border-radius: 100vh;
        background: #fff;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)
}
.works-main a.btn-c i {
        margin-right: 1rem
}
.works-main a.btn-c:hover {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
        color: #e94919;
        background: #fff;
        -webkit-box-shadow: 0 2px 0 #d44114;
        box-shadow: 0 2px 0 #d44114
}
.works-main a.btn-c:hover span:before {
        bottom: -10px;
        border-width: 10px 10px 0px 10px;
        border-style: solid;
        border-color: #d44114 transparent transparent transparent
}
.works-main a.btn-c:hover span:after {
        bottom: -7px;
        border-width: 10px 10px 0 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent
}
@media screen and (max-width: 1140px) {
        .works-main .slide-thum .slide-item img {
                height: 7vw
        }
}
@media screen and (max-width: 767px) {
        .works-main {
                display: block
        }
        .works-main .head {
                width: 100%
        }
        .works-main .body {
                width: 100%
        }
        .works-main .slide-thum {
                display: none
        }
}
@media screen and (max-width: 576px) {
        .works-main .slide-main .slide-item-cap {
                font-size: 1.4rem
        }
}
.slick-prev, .slick-next {
        width: 55px;
        height: 70px;
        z-index: 1;
        background: #1f2c5c;
        bottom: -35px;
        top: auto
}
.slick-prev::before, .slick-prev::after, .slick-next::before, .slick-next::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-bottom: solid 1px #fff;
        height: 0;
        margin: auto
}
.slick-prev::before, .slick-next::before {
        width: 25px
}
.slick-prev::after, .slick-next::after {
        width: 10px
}
.slick-next {
        right: 0
}
.slick-next::before, .slick-next::after {
        right: 25%
}
.slick-next::after {
        transform: rotate(45deg);
        transform-origin: right
}
.slick-prev {
        left: 0
}
.slick-prev::before, .slick-prev::after {
        left: 25%
}
.slick-prev::after {
        transform: rotate(-45deg);
        transform-origin: left
}
.editor-block {
        padding: 0 20px;
        margin: 80px auto 100px;
        line-height: 1.6
}
@media screen and (max-width: 1920px) {
        .editor-block {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .editor-block {
                padding: 0 4%
        }
}
@media screen and (min-width: 1141px) {
        .editor-block {
                font-size: 1.8rem
        }
}
@media screen and (max-width: 576px) {
        .editor-block {
                margin: 60px auto 80px
        }
}
.works-sec-ttl {
        font-size: 2.8rem;
        font-weight: bold;
        color: #1f2c5c;
        text-align: center;
        margin-bottom: 60px
}
.before-block {
        margin: 100px auto;
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .before-block {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .before-block {
                padding: 0 4%
        }
}
.before-block .before-ttl {
        position: relative;
        margin-bottom: 60px
}
.before-block .before-ttl span {
        font-size: 2.8rem;
        font-weight: bold;
        color: #1f2c5c;
        position: relative;
        z-index: 1;
        background: #fff;
        padding: 0 1em 0 0
}
.before-block .before-ttl::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #1f2c5c;
        position: absolute;
        top: 50%;
        bottom: 50%
}
.before-block .slick-slide {
        margin: 0 1%;
        max-width: 945px
}
.before-block .slick-prev, .before-block .slick-next {
        width: 55px;
        height: 70px;
        z-index: 1;
        background: #1f2c5c
}
.before-block .slick-prev::before, .before-block .slick-prev::after, .before-block .slick-next::before, .before-block .slick-next::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-bottom: solid 1px #fff;
        height: 0;
        margin: auto
}
.before-block .slick-prev::before, .before-block .slick-next::before {
        width: 25px
}
.before-block .slick-prev::after, .before-block .slick-next::after {
        width: 10px
}
.before-block .slick-next::before, .before-block .slick-next::after {
        right: 25%
}
.before-block .slick-next::after {
        transform: rotate(45deg);
        transform-origin: right
}
.before-block .slick-prev::before, .before-block .slick-prev::after {
        left: 25%
}
.before-block .slick-prev::after {
        transform: rotate(-45deg);
        transform-origin: left
}
.before-item {
        max-width: 440px;
        width: 100%
}
.before-item .item-img {
        position: relative;
        overflow: hidden;
        padding-top: 65.9%
}
.before-item .item-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 100%;
        width: auto;
        max-width: inherit
}
@media all and (-ms-high-contrast: none) {
        .before-item .item-img img {
                transform: translate(-50%, -50%) !important
        }
}
.before-item .item-txt {
        margin-top: 20px;
        font-weight: 500;
        line-height: 1.6
}
@media screen and (max-width: 576px) {
        .before-block {
                margin: 80px auto
        }
}
.house-data {
        background: #e5e5e5;
        padding: 80px 0 60px
}
.house-data-inner {
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .house-data-inner {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .house-data-inner {
                padding: 0 4%
        }
}
.house-data .data-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
}
.house-data .data-list .data-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 48%;
        margin-top: 20px
}
.house-data .data-list .data-item dt {
        background: #1f2c5c;
        color: #fff;
        font-weight: bold;
        font-size: 1.8rem;
        min-width: 165px;
        text-align: center;
        padding: 10px 0;
        text-align: center
}
.house-data .data-list .data-item dd {
        width: 100%;
        padding: 0.4em 0 0 2em;
        font-size: 2.1rem
}
@media screen and (max-width: 1140px) {
        .house-data .data-list .data-item {
                display: block
        }
        .house-data .data-list .data-item dt {
                min-width: inherit
        }
        .house-data .data-list .data-item dd {
                padding: 1em 0 0
        }
}
@media screen and (max-width: 576px) {
        .house-data {
                padding: 60px 0 40px
        }
        .house-data .data-list {
                display: block
        }
        .house-data .data-list .data-item {
                width: 100%
        }
}
.sec-panorama {
        margin-top: 100px;
        padding: 0 20px
}
@media screen and (max-width: 1920px) {
        .sec-panorama {
                padding: 0 2%
        }
}
@media screen and (max-width: 576px) {
        .sec-panorama {
                padding: 0 4%
        }
}
.sec-panorama .ricoh-theta-tour-image {
        margin: 0 auto
}
@media screen and (max-width: 576px) {
        .sec-panorama {
                margin-top: 80px
        }
}
.works-list-ttl {
        color: #1f2c5c;
        font-size: 3.6rem;
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: -0.05em;
        text-align: center;
        margin-bottom: 40px;
        padding: 0 4%
}
@media screen and (max-width: 576px) {
        .works-list-ttl {
                font-size: 7vw
        }
}
.works-list-ttl .br {
        display: inline-block;
        font-weight: bold
}
.sec-banner {
        margin: 40px auto
}
.sec-banner .banner-item {
        margin: 60px auto;
        text-align: center
}
.sec-banner img {
        margin: 0 auto;
        padding: 0 20px;
        max-width: 960px;
        max-height: 200px;
        width: 100%
}
@media screen and (max-width: 767px) {
        .sec-banner img {
                max-width: 480px;
                max-height: 200px
        }
}
/*# sourceMappingURL=works.css.map */