@charset "UTF-8";
.post-wrap .sec-archive {
    background: #fff;
    padding:90px 0 80px
}

.post-wrap .sec-archive .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1180px;
    width:100%
}

.post-wrap .sec-archive .container .archive {
    width:71.5%
}

.post-wrap .sec-archive .container .archive .list {
    width: 100%;
    gap:35px 3.5%
}

.post-wrap .sec-archive .container .archive .list .box {
    width:31%
}

.post-wrap .sec-archive .container .archive .list .box .img {
    margin: 0 0 14px;
    width: 100%;
    position: relative;
    padding-top:75%
}

.post-wrap .sec-archive .container .archive .list .box .img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.post-wrap .sec-archive .container .archive .list .box .cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom:8px
}

.post-wrap .sec-archive .container .archive .list .box .cat a {
    font-size: 11px;
    font-size: .6875rem;
    background: #101010;
    color: #fff;
    border: 1px solid #101010;
    display: block;
    letter-spacing: .08em;
    padding:7px 9px 6px
}

.post-wrap .sec-archive .container .archive .list .box .ttl {
    border-bottom: 1px solid rgba(51, 51, 51, .6);
    margin-bottom: 12px;
    padding-bottom:3px
}

.post-wrap .sec-archive .container .archive .list .box .ttl .ttl__in {
    font-size: 16px;
    font-size: 1rem;
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    display: block;
    color: #101010;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.post-wrap .sec-archive .container .archive .list .box .txt {
    font-size: 12px;
    letter-spacing: .08em;
    margin-bottom: 10px;
    line-height: 1.6em;
    color:#101010
}

.post-wrap .sec-archive .container .archive .list .box .date {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 10px;
    color: #333;
    letter-spacing:.08em
}

.post-wrap .pagenav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:54px 0 0
}

.post-wrap .pagenav .current {
    font-size: 13px;
    color: #fff;
    background: #101010;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:0 2px
}

.post-wrap .pagenav .page-numbers {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-size: 13px;
    font-weight: 200;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:0 2px
}

.post-wrap .pagenav .page-numbers:not(.current) {
    font-weight: 400;
    border:solid 1px rgba(51, 51, 51, .6)
}

.post-wrap .pagenav a {
    color: #101010;
    background: #fff;
    border:solid 1px rgba(51, 51, 51, .6)
}

.post-wrap .pagenav .page-numbers.dots {
    color: #101010;
    background: #fff;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2px;
    padding:0 0 7px
}

.post-wrap .pagenav .prev::after {
    content: "<";
    width: 13px;
    height: 13px;
    display:inline-block
}

.post-wrap .pagenav .next::after {
    content: ">";
    width: 13px;
    height: 13px;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform:translateX(3px)
}

.post-wrap .sec-contents {
    padding: 80px 0;
    border-top:solid 1px rgba(51, 51, 51, .6)
}

.post-wrap .sec-contents .container {
    margin: 0 auto;
    max-width: 1170px;
    padding:0 15px
}

.post-wrap .sec-contents .container .box {
    margin-bottom: 60px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    gap:0 4.9%
}

.post-wrap .sec-contents .container .box:last-child {
    margin-bottom:0
}

.post-wrap .sec-contents .container .box .img {
    width:53.95%
}

.post-wrap .sec-contents .container .box .txt {
    width:35%
}

.post-wrap .sec-contents .container .box .txt .txt01 {
    font-size: 28px;
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    letter-spacing: .08em;
    line-height: 1.3em;
    margin-bottom:22px
}

.post-wrap .sec-contents .container .box .txt .txt02 {
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: .06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

.post-wrap .sec-contents .container .box:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content:left
}

.post-wrap .sec-contents .box {
    margin-bottom:35px
}

.post-wrap .sec-contents .box .img {
    width:100%
}

.post-wrap .sec-contents .box .img .in {
    width: auto;
    margin: 0 -15px;
    padding-top:55%
}

.post-wrap .sec-contents .box .txt {
    width:100%
}

.post-wrap .sec-contents .box .txt .txt01 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom:20px
}

.post-wrap .sec-contents .box .txt .txt02 {
    font-size: 13px;
    font-size:.8125rem
}

.post-wrap .sec-contents .box:nth-child(2n-1) .txt {
    padding-left:0
}

.post-wrap .sec-contents .box:nth-child(2n) .txt {
    padding-right:0
}

.detail-wrap .sec-detail {
    background: #fff;
    padding:90px 0 80px
}

.detail-wrap .sec-detail .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1180px;
    width:100%
}

.detail-wrap .sec-detail .container .detail-column {
    width:71.5%
}

.detail-wrap .sec-detail .container .detail-column .block-top {
    border-bottom: 1px solid rgba(51, 51, 51, .6);
    padding-bottom: 40px;
    gap:0 5%
}

.detail-wrap .sec-detail .container .detail-column .block-top .img {
    width:33%
}

.detail-wrap .sec-detail .container .detail-column .block-top .img img {
    width:100%
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt {
    width:61%
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt .date {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 10px;
    color: #333;
    letter-spacing: .08em;
    margin:0 0 5px
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt .ttl {
    margin-bottom: 12px;
    padding-bottom:3px
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt .ttl .ttl__in {
    font-size: 24px;
    letter-spacing: .08em;
    line-height: 1.4em;
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    display: block;
    color:#101010
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt .cat {
    margin-bottom:8px
}

.detail-wrap .sec-detail .container .detail-column .block-top .txt .cat a {
    font-size: 12px;
    background: #101010;
    color: #fff;
    display: inline-block;
    letter-spacing: .06em;
    line-height: 1.6;
    padding:4px 8px
}

.detail-wrap .sec-detail .container .detail-column .block-post {
    padding: 50px 0 0;
    font-size: 16px;
    line-height: 1.6em;
    margin:0 0 15px
}

.detail-wrap .sec-detail .container .detail-column .block-post div, .detail-wrap .sec-detail .container .detail-column .block-post p {
    font-size: 16px;
    line-height: 1.6em;
    margin:0 0 30px
}

.detail-wrap .sec-detail .container .detail-column .block-post.only-txt {
    padding:50px 0
}

.detail-wrap .sec-detail .container .detail-column .block-post.in-ttl p {
    margin:0 0 35px
}

.detail-wrap .sec-detail .container .detail-column .block-post h2 {
    position: relative;
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    font-size: 24px;
    letter-spacing: .08em;
    line-height: 1.4em;
    color: #101010;
    margin: 0 0 40px;
    padding: 0 0 9px;
    border-bottom:solid 3px rgba(51, 51, 51, .2)
}

.detail-wrap .sec-detail .container .detail-column .block-post h2::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 0;
    width: 100%;
    max-width: 90px;
    height: 3px;
    background:#c95437
}

.detail-wrap .sec-detail .container .detail-column .block-post h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.6em;
    margin: 0 0 20px;
    padding: 0 0 0 13px;
    border-left:solid 2.5px #101010
}

.detail-wrap .sec-detail .container .detail-column .block-post p {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height:1.6em
}

.detail-wrap .sec-detail .container .detail-column .block-post p.post-txt-border {
    padding: 30px;
    border:solid 1px rgba(51, 51, 51, .6)
}

.detail-wrap .sec-detail .container .detail-column .block-post .img {
    width: 73.6%;
    margin:0 0 60px
}

.detail-wrap .block-share {
    padding: 30px 25px;
    border:solid 1px rgba(51, 51, 51, .6)
}

.detail-wrap .block-share .ttl {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 1.6em;
    margin:0 0 20px
}

.detail-wrap .block-share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.detail-wrap .block-share ul li {
    width:24%
}

.detail-wrap .block-share ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 2%;
    width: 100%;
    height: 30px;
    border-radius:3px
}

.detail-wrap .block-share ul li a.good {
    background: #1877f1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.75em;
    color:#fff
}

.detail-wrap .block-share ul li a.good img {
    width: 14px;
    height:14px
}

.detail-wrap .block-share ul li a.fb {
    background:#3b5997
}

.detail-wrap .block-share ul li a.fb img {
    width: 15px;
    height:15px
}

.detail-wrap .block-share ul li a.tw {
    background:#4a97e7
}

.detail-wrap .block-share ul li a.tw img {
    width: 16px;
    height:16px
}

.detail-wrap .block-share ul li a.line {
    background:#5ac263
}

.detail-wrap .block-share ul li a.line img {
    width: 16px;
    height:16px
}

.detail-wrap .sec-recommend {
    padding:0 0 75px
}

.detail-wrap .sec-recommend .bg-box {
    position: relative;
    z-index: -100;
    width: 100%;
    height: 297px;
    background: #101010;
    margin:0 0 -190px
}

.detail-wrap .sec-recommend .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1180px;
    width:100%
}

.detail-wrap .sec-recommend .container .sectin-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    width: 100%;
    margin-bottom:35px
}

.detail-wrap .sec-recommend .container .sectin-heading__block {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width:fit-content
}

.detail-wrap .sec-recommend .container .sectin-heading .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.detail-wrap .sec-recommend .container .sectin-heading .heading .sub-heading {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .08em;
    color: #c95437;
    padding:0 0 13px
}

.detail-wrap .sec-recommend .container .sectin-heading .heading .main-heading {
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    font-size: 36px;
    letter-spacing: .14em;
    line-height: 1.3em;
    color:#fff
}

.detail-wrap .sec-recommend .container .sectin-heading .btn.more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 0 2%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1.4em;
    width: 100%;
    max-width: 200px;
    margin: 0 0 2px;
    color:#fff
}

.detail-wrap .sec-recommend .container .sectin-heading .btn.more-btn img {
    width: 100%;
    max-width: 35px;
    height: 35px;
    margin:0
}

.detail-wrap .sec-recommend .container .list {
    width: 100%;
    gap:0 2.666%
}

.detail-wrap .sec-recommend .container .list .box {
    width:23%
}

.detail-wrap .sec-recommend .container .list .box .img {
    margin-bottom: 15px;
    width:100%
}

.detail-wrap .sec-recommend .container .list .box .img img {
    width:100%
}

.detail-wrap .sec-recommend .container .list .box .cat {
    margin-bottom:8px
}

.detail-wrap .sec-recommend .container .list .box .cat a {
    font-size: 11px;
    font-size: .6875rem;
    background: #101010;
    color: #fff;
    border: 1px solid #101010;
    display: inline-block;
    letter-spacing: .08em;
    padding:6px 9px
}

.detail-wrap .sec-recommend .container .list .box .ttl {
    border-bottom: 1px solid rgba(51, 51, 51, .6);
    margin-bottom: 12px;
    padding-bottom:3px
}

.detail-wrap .sec-recommend .container .list .box .ttl a {
    font-size: 18px;
    line-height: 1.6em;
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    display: block;
    color: #101010;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}

.detail-wrap .sec-recommend .container .list .box .txt {
    font-size: 12px;
    letter-spacing: .08em;
    margin-bottom: 10px;
    line-height: 1.6em;
    color:#101010
}

.detail-wrap .sec-recommend .container .list .box .date {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 10px;
    color: #333;
    letter-spacing:.08em
}

.post-contents-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 2%;
    padding: 35px 25px;
    margin: 0 0 20px;
    border:solid 1px rgba(51, 51, 51, .6)
}

.post-contents-box .txt-contents-wrap {
    width: 86%;
    margin:0
}

.post-contents-box .txt-contents-wrap .name-wrap {
    border-bottom: solid 1px rgba(51, 51, 51, .6);
    padding: 0 0 5px;
    margin:0 0 15px
}

.post-contents-box .txt-contents-wrap .name-wrap .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 0 2%;
    padding:0 0 7px
}

.post-contents-box .txt-contents-wrap .name-wrap .flex-wrap h4 {
    font-family: Montserrat, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .08em;
    color: #c95437;
    line-height: 1em;
    margin:0 0 2px
}

.post-contents-box .txt-contents-wrap .name-wrap .flex-wrap .name-inner {
    font-family: NotoSerifJP, serif, "Noto Serif JP";
    font-size: 20px;
    letter-spacing: .08em;
    line-height:1em
}

.post-contents-box .txt-contents-wrap p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height:1.6em
}

.post-contents-box .txt-contents-wrap p:last-of-type {
    margin:0
}

.post-contents-box .img {
    width: 16.5%;
    margin:0
}

.post-contents-box .img img {
    width:100%
}

@media screen and (max-width: 899px) {
    .post-wrap .sec-archive {
        padding:50px 0 40px
    }

    .post-wrap .sec-archive .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .post-wrap .sec-archive .container .archive {
        width:100%
    }

    .post-wrap .sec-archive .container .archive .list .box {
        width:48%
    }

    .post-wrap .sec-contents {
        border-bottom:solid 1px rgba(51, 51, 51, .6)
    }

    .detail-wrap .sec-detail .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .detail-wrap .sec-detail .container .detail-column {
        width:100%
    }

    .detail-wrap .sec-detail .container .detail-column .block-top .txt .ttl .ttl__in {
        font-size:24px
    }

    .detail-wrap .sec-detail .container .detail-column .block-post .img {
        margin:0 auto 40px
    }

    .detail-wrap .sec-recommend .container .sectin-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap:10px 0
    }

    .detail-wrap .sec-recommend .container .sectin-heading .heading .main-heading {
        font-size:24px
    }

    .detail-wrap .sec-recommend .container .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap:30px 0
    }

    .detail-wrap .sec-recommend .container .list .box {
        width:48%
    }
}

@media screen and (max-width: 767px) {
    .post-wrap .sec-archive .container .archive .list {
        gap:30px 3.5%
    }

    .post-wrap .sec-archive .container .archive .list .box .ttl .ttl__in {
        font-size:15px
    }

    .post-wrap .block-search .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .post-wrap .block-search .box .ttl {
        width: 100%;
        margin:0 0 15px
    }

    .post-wrap .block-search .box .input {
        width:100%
    }

    .post-wrap .pagenav {
        margin:30px 0 0
    }

    .post-wrap .sec-contents .container .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction:column-reverse
    }

    .post-wrap .sec-contents .container .box .img {
        width: 100%;
        height:auto
    }

    .post-wrap .sec-contents .container .box .txt {
        width:100%
    }

    .post-wrap .sec-contents .container .box .txt .txt01 {
        font-size:22px
    }

    .post-wrap .sec-contents .container .box:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction:column-reverse
    }

    .post-wrap .sec-contents .box .img {
        margin:0 0 20px
    }

    .detail-wrap .sec-detail .container .detail-column .block-top {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding:0 0 20px
    }

    .detail-wrap .sec-detail .container .detail-column .block-top .img {
        width: 100%;
        margin:0 0 10px
    }

    .detail-wrap .sec-detail .container .detail-column .block-top .txt {
        width:100%
    }

    .detail-wrap .sec-detail .container .detail-column .block-post.only-txt {
        padding:20px 0
    }

    .detail-wrap .sec-detail .container .detail-column .block-post h2 {
        font-size: 21px;
        margin: 0 0 15px;
        padding:5px 0
    }

    .detail-wrap .sec-detail .container .detail-column .block-post p {
        font-size:12px
    }

    .detail-wrap .sec-detail .container .detail-column .block-post p.post-txt-border {
        padding:15px
    }

    .detail-wrap .block-share {
        padding:20px 15px
    }

    .detail-wrap .sec-recommend {
        padding: 0;
        padding: 40px 0;
        border-bottom:1px solid rgba(51, 51, 51, .6)
    }

    .detail-wrap .sec-recommend .bg-box {
        margin:0 0 -240px
    }

    .detail-wrap .sec-recommend .container .sectin-heading .btn.more-btn {
        justify-self:left
    }

    .post-contents-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 15px 0;
        padding:20px 15px
    }
}

@media screen and (max-width: 767px) and(max-width: 767px) {
    .post-wrap .block-search .box .ttl {
        margin:0 0 7px
    }
}

@media only screen and (max-width: 767px) {
    .post-wrap .block-search {
        padding:25px 15px
    }

    .post-wrap .block-search .box {
        margin-bottom:15px
    }

    .post-wrap .block-search .box .input {
        font-size:.8125rem
    }

    .post-wrap .block-search .box .input input[type=email], .post-wrap .block-search .box .input input[type=tel], .post-wrap .block-search .box .input input[type=text], .post-wrap .block-search .box .input input[type=url], .post-wrap .block-search .box .input textarea {
        font-size:.8125rem
    }

    .post-wrap .block-search .box .input select {
        font-size:.8125rem
    }

    .post-wrap .block-search .box .input.search i {
        font-size: .9375rem;
        left:13px
    }

    .post-wrap .block-search .box .input.search input {
        padding-left:38px
    }

    .post-wrap .block-search .box .input.search input::-webkit-input-placeholder {
        color: #000;
        line-height:1em
    }

    .post-wrap .block-search .box .input.search input::-moz-placeholder {
        color: #000;
        line-height:1em
    }

    .post-wrap .block-search .box .input.search input::-ms-input-placeholder {
        color: #000;
        line-height:1em
    }

    .post-wrap .block-search .box .input.search input::placeholder {
        color: #000;
        line-height:1em
    }

    .post-wrap .block-search .box.col .ttl {
        width:15%
    }

    .post-wrap .block-search .box.col .input {
        width:85%
    }

    .post-wrap .block-search .item li {
        font-size: .75rem;
        padding: 8px 0;
        margin-right:20px
    }

    .post-wrap .block-search .more-btn {
        font-size: .75rem;
        margin-top:25px
    }

    .post-wrap .txt-result {
        margin-top: 20px;
        margin-bottom:20px
    }

    .post-wrap .txt-result li {
        font-size:.75rem
    }

    .post-wrap .sec-contents {
        padding: 40px 0;
        border-bottom:1px solid rgba(51, 51, 51, .6)
    }

    .detail-wrap .sec-detail .container .detail-column .block-post {
        padding:20px 0 0
    }

    .post-contents-box .txt-contents-wrap p {
        font-size:12px
    }
}

@media only screen and (max-width: 767px) and(max-width: 767px) {
    .post-wrap .block-search .box.col .ttl {
        width:100%
    }

    .post-wrap .block-search .box.col .input {
        width:100%
    }
}

@media only screen and (min-width: 768px) {
    .post-wrap .sec-contents .container .box:nth-child(2n) .img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .post-wrap .sec-contents .container .box:nth-child(2n) .txt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }
}

@media screen and (max-width: 999px) {
    .detail-wrap .sec-detail {
        padding:50px 0 52px
    }
}

@media screen and (max-width: 999px) and(max-width: 600px) {
    .detail-wrap .sec-detail {
        padding:50px 0 30px
    }
}

@media screen and (max-width: 930px) {
    .detail-wrap .sec-detail .container .detail-column .block-top .txt .ttl .ttl__in {
        font-size:20px
    }
}

@media screen and (max-width: 899px) and(max-width: 600px) {
    .detail-wrap .sec-detail .container .detail-column .block-post .img {
        width: 100%;
        margin:0 auto 20px
    }
}

@media screen and (max-width: 600px) {
    .detail-wrap .block-share ul {
        gap:10px 0
    }

    .detail-wrap .block-share ul li {
        width:48%
    }
}

@media screen and (max-width: 1050px) {
    .post-contents-box .txt-contents-wrap {
        width:70%
    }

    .post-contents-box .img {
        width:20%
    }
}

@media screen and (max-width: 1050px) and(max-width: 600px) {
    .post-contents-box .txt-contents-wrap {
        width:100%
    }
}

@media screen and (max-width: 1050px) and(max-width: 767px) {
    .post-contents-box .img {
        width: 50%
    }
}
/*# sourceMappingURL=../maps/page/works.min.css.map */