@charset "utf-8";
/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* http://www.webplus.jp/                                       */
/* Copyright (C) Kiyonobu Horita @ WEBPLUS Inc.                 */
/*--------------------------------------------------------------*/




/* -----------------------------------------------------------

　#mainNav

-------------------------------------------------------------- */
@-webkit-keyframes show {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

@keyframes show {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    body {
        color: rgba(0, 0, 0, 0.6);
    }

}

@media only screen and (min-width:992px) {

    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        background: rgba(37, 101, 40, 0.7);
        background: url(../images/bg_mainnav_shrink.png) center bottom repeat-x;
        background-size: auto 100%;
    }

    /* brand */
    #mainNav .navbar-brand {
        top: 10px;
        bottom: -10px;
        margin-top: -10px;
        margin-left: 0;
        width: auto;
        -webkit-animation: show 0.3s ease-in-out 0s;
        animation: show 0.3s ease-in-out 0s;
    }

    #mainNav .navbar-brand img {
        display: block;
        width: 100%;
        max-width: 210px;
        height: auto;
    }

    #mainNav .navbar-brand img:first-child {
        display: none;
    }

    #mainNav .navbar-brand img:last-child {
        display: block;
    }

    /* navigation */
    #mainNav .navbar-nav {
        margin-top: 0;
        padding-bottom: inherit;
        -webkit-animation: show 0.3s ease-in-out 0s;
        animation: show 0.3s ease-in-out 0s;
    }

    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    #mainNav .navbar-nav .nav-item .nav-link span {
        display: none;
    }

    #mainNav .navbar-nav .nav-item .nav-link img[src*="nav_s0"] {
        display: block;
    }

    #mainNav .navbar-nav .nav-item {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* business */
    #mainNav .navbar-nav .nav-item:nth-child(1) .nav-link img {
        width: 144px;
    }

    /* performance */
    #mainNav .navbar-nav .nav-item:nth-child(2) .nav-link img {
        width: 92px;
    }

    /* order */
    #mainNav .navbar-nav .nav-item:nth-child(3) .nav-link img {
        width: 90px;
    }

    /* company */
    #mainNav .navbar-nav .nav-item:nth-child(4) .nav-link img {
        width: 64px;
    }

    /* news */
    #mainNav .navbar-nav .nav-item:nth-child(5) .nav-link img {
        width: 92px;
    }

    /* contact */
    #mainNav .navbar-nav .nav-item:nth-child(6) img {
        display: block;
    }

    #mainNav .navbar-nav .nav-item:nth-child(6) .nav-link img {
        width: 120px;
    }

    #mainNav .navbar-nav .nav-item:nth-child(7) {
        display: none;
    }

}

@media only screen and (min-width:1200px) {

    #mainNav .navbar-brand {
        margin-left: 0;
    }

    #mainNav .navbar-nav .nav-item {
        margin-left: 20px;
        margin-right: 20px;
    }

}

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */
header {
    position: relative;
    width: auto;
    height: 60vh;
    background: rgba(0, 0, 0, 1.0);
    overflow: hidden;
}

header .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100vh;
    background: url(../images/heroimage_raster.png) center center repeat;
}

/* 各ページ（投稿） */
[class*='news'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

[class*='information'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_information.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_information.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_information.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

[class*='tanabata'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata.jpg) right 20% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_tanabata.jpg) right 20% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata.jpg) right 20% no-repeat scroll;
    background-size: cover;
}

[class*='product'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_products.jpg) center 20% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_products.jpg) center 20% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_products.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

[class*='other'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

/* 各ページ */
.about header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

/* 取扱商品ページはグラディエント無し */
.products header {
    background: url(../images/heroimage_products.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

.bamboo header {
    background: url(../images/heroimage_information.jpg) center center no-repeat scroll;
    background-size: cover;
}

.paper header,
.paperboard header {
    background: url(../images/heroimage_knowledge-min.jpg) center center no-repeat scroll;
    background-size: cover;
}

.office header {
    background: url(../images/heroimage_print-paper.jpg) center center no-repeat scroll;
    background-size: cover;
}

.sanitary header {
    background: url(../images/heroimage_sanitary.jpg) center center no-repeat scroll;
    background-size: cover;
}

.kitchen header {
    background: url(../images/heroimage_kitchen.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

.package header {
    background: url(../images/heroimage_package.jpg) center center no-repeat scroll;
    background-size: cover;
}

.dan-block header {
    background: url(../images/heroimage_dan-block.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.phalaenopsis header {
    background: url(../images/heroimage_phalaenopsis.jpg) center 10% no-repeat scroll;
    background-size: cover;
}

.tanabata-learning header {
    background: url(../images/heroimage_tanabata-learning.jpg) center center no-repeat scroll;
    background-size: cover;
}

.origami-learning header {
    background: url(../images/heroimage_learning-room.jpg) center 80% no-repeat scroll;
    background-size: cover;
}

.products.romantic header {
    background: url(../images/heroimage_romantic.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

.cases header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_cases.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_cases.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_cases.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.order header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_order.jpg) center 30% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_order.jpg) center 30% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_order.jpg) center 30% no-repeat scroll;
    background-size: cover;
}

.contact header,
.contact-thanks header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_contact.jpg) center 45% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_contact.jpg) center 45% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_contact.jpg) center 45% no-repeat scroll;
    background-size: cover;
}

[class*='search'] header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.narumiya-brands header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_narumiya-brands.jpg) center 50% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_narumiya-brands.jpg) center 50% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_narumiya-brands.jpg) center 50% no-repeat scroll;
    background-size: cover;
}

.tanabata-iori header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-iori.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_tanabata-iori.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-iori.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.package-ware header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_package-ware.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_package-ware.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_package-ware.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.paper-products header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-products.jpg) center 60% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_paper-products.jpg) center 60% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-products.jpg) center 60% no-repeat scroll;
    background-size: cover;
}

.paper-craft header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-craft.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_paper-craft.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-craft.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.knowledge-min header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_knowledge-min.jpg) center top no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_knowledge-min.jpg) center top no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_knowledge-min.jpg) center top no-repeat scroll;
    background-size: cover;
}

.sendai-tanabata header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_sendai-tanabata.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_sendai-tanabata.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_sendai-tanabata.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.japanese-paper header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_japanese-paper.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_japanese-paper.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_japanese-paper.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.learning-room header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_learning-room.jpg) center 75% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_learning-room.jpg) center 75% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_learning-room.jpg) center 75% no-repeat scroll;
    background-size: cover;
}

.handmade-kit header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-learning.jpg) center top no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_tanabata-learning.jpg) center top no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-learning.jpg) center top no-repeat scroll;
    background-size: cover;
}

.romantic header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_romantic.jpg) center 20% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_romantic.jpg) center 20% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_romantic.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

.efforts-sdgs header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_efforts-sdgs.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_efforts-sdgs.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_efforts-sdgs.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.print-paper header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_print-paper.jpg) center 20% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_print-paper.jpg) center 20% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_print-paper.jpg) center 20% no-repeat scroll;
    background-size: cover;
}

.paper-package header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-package.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_paper-package.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_paper-package.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.tanabata-decoration header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-decoration.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_tanabata-decoration.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_tanabata-decoration.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.recruit header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_recruit.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_recruit.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_recruit.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.welfare-society header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_welfare-society.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_welfare-society.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_welfare-society.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.environmental-protection header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_environmental-protection.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_environmental-protection.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_environmental-protection.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.privacy-policy header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_about.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

.sitemap header {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7))), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.7) 100%), url(../images/heroimage_news.jpg) center 40% no-repeat scroll;
    background-size: cover;
}

header h2 {
    position: absolute;
    bottom: 20%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    color: rgba(255, 255, 255, 1.0);
    font-size: 1.8rem;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.2rem;
}

[class^="post_"] header h2 {
    letter-spacing: inherit;
}

header .curve {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 50px;
    background: url(../images/bg_curve320.png) center bottom no-repeat;
}

.breadCrumb {
    position: relative;
    top: -10px;
    text-align: center;
}

@media only screen and (min-width:576px) {

    header {
        height: 40vh;
    }

    header .curve {
        background: url(../images/bg_curve576.png) center bottom no-repeat;
    }

    .breadCrumb {
        top: -20px;
    }

}

@media only screen and (min-width:768px) {

    header h2 {
        bottom: 25%;
        font-size: 2.0rem;
    }

    header .curve {
        background: url(../images/bg_curve768.png) center bottom no-repeat;
    }

}

@media only screen and (min-width:992px) {

    header .curve {
        background: url(../images/bg_curve992.png) center bottom no-repeat;
    }

    .breadCrumb {
        top: -30px;
    }

}

@media only screen and (min-width:1200px) {

    header h2 {
        bottom: 30%;
        font-size: 2.4rem;
    }

    header .curve {
        background: url(../images/bg_curve1200.png) center bottom no-repeat;
    }

}

/* -----------------------------------------------------------

　selection

-------------------------------------------------------------- */ ::-moz-selection {
    background: rgba(255, 250, 235, 1.0);
    text-shadow: none;
}

::selection {
    background: rgba(255, 250, 235, 1.0);
    text-shadow: none;
}

img::-moz-selection {
    background: transparent;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

/* -----------------------------------------------------------

　h2～h6, p, li, dd, table

-------------------------------------------------------------- */
section h2.section-heading {
    margin-bottom: 24px;
    padding-bottom: 5px;
    border-bottom: 3px double rgba(105, 130, 27, 1.0);
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.2rem;
}

section h2.section-heading span {
    display: block;
    font-size: 1.2rem;
}

section h2.section-heading.h2yel {
    padding: 10px 0;
    background: rgba(248, 181, 0, 1.0);
    border-bottom: none;
    color: rgba(255, 255, 255, 1.0);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif, "Noto Sans JP", "メイリオ", "Meiryo", "Meiryo UI";
    text-align: center;
}

section h2.section-heading.h2grn {
    padding: 10px 0;
    background: rgba(105, 130, 27, 1.0);
    border-bottom: none;
    color: rgba(255, 255, 255, 1.0);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif, "Noto Sans JP", "メイリオ", "Meiryo", "Meiryo UI";
    text-align: center;
}

section h3.section-subheading {
    margin: 30px 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.5rem;
    font-weight: normal;
}

section h4 {
    margin-top: 30px;
    padding: 5px 15px;
    color: rgba(255, 255, 255, 1.00);
    font-size: 1.2rem;
}

section h4.grn {
    border-radius: 6px;
    background: rgba(105, 130, 27, 1.0);
}

section h4.red {
    border-radius: 6px;
    background: rgba(229, 0, 17, 1.0);
}

section h4.blu {
    border-radius: 6px;
    background: rgba(0, 123, 187, 1.0);
}

section h5 {
    margin-top: 30px;
    font-size: 1.2rem;
}

section p,
section li,
section dt,
section dd {
    margin-bottom: 0.5rem;
    font-size: 1.05rem;
}

section .att {
    color: rgba(255, 0, 0, 1.0);
    font-size: 0.9rem;
}

section .sign {
    margin-top: 30px;
    text-align: right;
}

section dd {
    margin-bottom: 20px;
}

section table {
    width: 100%;
    border: 5px solid rgba(227, 227, 227, 1.0);
}

section th {
    padding: 10px;
    border: 1px solid rgba(227, 227, 227, 1.0);
    text-align: center;
}

section td {
    padding: 10px;
    border: 1px solid rgba(227, 227, 227, 1.0);
    text-align: right;
    line-height: 1.6rem;
}

.table-responsive {
    clear: both;
    border: none;
}

section figcaption {
    text-align: center;
}

.bamboo section figure,
.romantic section figure {
    margin-bottom: 0;
}

@media only screen and (max-width:575px) {

    section dt {
        color: rgba(0, 0, 0, 1.0);
    }

}

@media only screen and (min-width:576px) {

    section h2.section-heading {
        margin-bottom: 30px;
        padding-top: 3px;
        padding-left: 10px;
        border-left: 5px solid rgba(105, 130, 27, 0.7);
        border-bottom: none;
        text-align: left;
    }

    section h2.section-heading span {
        display: inline;
        margin-left: 10px;
        font-size: 1.2rem;
    }

    section h2.section-heading.h2yel {
        border-left: none;
    }

    section h3.section-subheading {
        text-align: center;
    }

    section dd {
        margin-bottom: 30px;
    }

}

@media only screen and (max-width:767px) {

    section td span {
        color: rgba(0, 0, 0, 1.0);
    }

    section td span:hover {
        color: rgba(228, 94, 50, 1.0);
    }

    .table-responsive table {
        white-space: nowrap;
    }

}

@media only screen and (min-width:768px) {

    .about #pageContent > .row div[class^="col-"],
    .cases #pageContent > .row div[class^="col-"],
    .recruit #pageContent > .row div[class^="col-"],
    .knowledge-min #pageContent > .row div[class^="col-"],
    .learning-room #pageContent > .row div[class^="col-"],
    #postContent {
        padding-right: 4%;
    }

    section h2.section-heading {
        margin-bottom: 50px;
    }

    section h3.section-subheading {
        margin: 50px 0;
        font-size: 1.75rem;
    }

}

@media only screen and (min-width:769px) {

    section dd {
        margin-left: 34px;
    }

}

@media only screen and (min-width:992px) {

    .about #pageContent > .row div[class^="col-"],
    .cases #pageContent > .row div[class^="col-"],
    .recruit #pageContent > .row div[class^="col-"],
    .knowledge-min #pageContent > .row div[class^="col-"],
    #postContent {
        padding-right: 5%;
    }

    section h2.section-heading {
        margin-bottom: 50px;
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    section h2.section-heading {
        padding: 14px 0 2px 10px;
    }

    section h2.section-heading.h2yel {
        padding: 17px 0 2px;
    }

    section h4 {
        padding: 8px 15px 2px;
    }

    section dt {
        color: rgba(0, 0, 0, 0.8);
    }

}

/* -----------------------------------------------------------

　.about

-------------------------------------------------------------- */
.about section#jump01 h2.section-heading {
    padding: 5px 0 2px 10px;
    min-height: 46px !important;
}

.about section#jump01 > p {
    font-size: 1.2rem;
}

.about section#jump04 > p:nth-of-type(2) {
    margin-bottom: 24px;
}

.about section#jump04 > p:nth-of-type(3) {
    margin-top: 24px;
}

.about section#jump04 > p:nth-last-of-type(-n+2) {
    font-size: 0.9rem;
    text-align: right;
    line-height: 100%;
}

.about section table {
    border: none;
}

.about section th {
    border: none;
}

.about section td {
    border: none;
    text-align: left;
}

.about section .zip {
    display: block;
}

@media only screen and (min-width:576px) {

    .about section#jump04 > p:nth-of-type(2) {
        margin-bottom: 30px;
    }

    .about section#jump04 > p:nth-of-type(3) {
        margin-top: 30px;
    }

    .about section th {
        text-align: left;
    }

    .about section .zip {
        display: inline;
        margin-right: 14px;
    }

}

@media only screen and (max-width:768px) {

    .about section th {
        display: block;
        background: rgba(0, 0, 0, 0.1);
    }

    .about section td {
        display: block;
        margin-bottom: 20px;
    }

}

@media only screen and (min-width:768px) {

    .about section#jump04 > p:nth-of-type(2) {
        margin-bottom: 50px;
    }

    .about section#jump04 > p:nth-of-type(3) {
        margin-top: 50px;
    }

}

@media only screen and (min-width:769px) {

    .about section th {
        padding: 10px;
        width: 25%;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        vertical-align: top;
    }

    .about section tr:last-child th {
        border-bottom: none;
    }

    .about section td {
        padding: 14px 10px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        vertical-align: top;
    }

    .about section tr:last-child td {
        border-bottom: none;
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .about section#jump01 h2.section-heading {
        padding: 3px 0 2px 10px;
    }

    .about section th {
        padding: 15px 10px 10px;
    }

    .about section td {
        padding: 20px 10px 10px;
    }

}

@media print {

    .about nav,
    .about header,
    .about .breadCrumb,
    .about #sidebar,
    .about #footer,
    .about .copyright,
    .about .modal {
        display: none;
    }
    
    .about div[class^="col-"] {
        width: 100%!important;
    }
    
    .about #jump01 .section-subheading img {
        margin: 5.0rem 0 !important;
    }
    
    .about #jump01,
    .about #jump02 {
        page-break-after: always;
    }

    .about section th {
        padding: 10px;
        width: 25%;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        vertical-align: top;
    }

    .about section tr:last-child th {
        border-bottom: none;
    }

    .about section td {
        padding: 14px 10px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        vertical-align: top;
    }

    .about section tr:last-child td {
        border-bottom: none;
    }
    
    .about #jump01 .sign img {
        max-width: 35%;
    }
    
   @page { size: A4 } /* A4縦 */

}

/* -----------------------------------------------------------

　.products

-------------------------------------------------------------- */
.products .pNavi {
    padding: 0.25rem 1.0rem;
    background: url(../images/bg_dropdownmenu.png) center top repeat;
    border-radius: 6px;
    text-align: center;
}

.products .pNavi ul {
    margin: 0 auto;
    padding: 0;
}

.products .pNavi li {
    display: inline-block;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.products .pNavi a::after {
    margin-left: 5px;
    font-family: "FontAwesome";
    content: "\f0d7";
}

.products section h3.section-subheading {
    margin-bottom: 10px;
    color: rgba(105, 130, 27, 1.0);
    text-align: left;
}

.products section h3.section-subheading span {
    display: block;
    font-size: 1.0rem;
}

.products section .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.products section .row div[class^="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.products section .row figure {
    text-align: center;
}

.products.phalaenopsis section .row figcaption {
    font-size: 120%;
    font-weight: 900;
}

.products section .row > div:nth-child(odd) {
    background: rgba(248, 181, 0, 0.2);
}

.products section .row > div:nth-child(even) {
    background: rgba(215, 230, 170, 0.5);
}

.products section ul {
    margin-left: 24px;
}

.products section .row p {
    margin: 0;
}

.products section dl {
    margin: 0;
}

.products section dt {
    margin: 0;
    line-height: 1.6rem;
}

.products.phalaenopsis section dt {
    font-weight: 400;
}

.products section dd {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.6rem;
}

.products.dan-block section:nth-child(2) img {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.products.dan-block section .red {
    color: rgba(255, 0, 0, 1.00);
    font-weight: bold;
}

.products.dan-block section .blu {
    color: rgba(0, 0, 255, 1.00);
    font-weight: bold;
}

.products.dan-block section .yel {
    color: rgba(255, 255, 0, 1.00);
    font-weight: bold;
}

.products.dan-block section .grn {
    color: rgba(0, 255, 0, 1.00);
    font-weight: bold;
}

.products.dan-block section .brw {
    color: rgba(165, 42, 42, 1.00);
    font-weight: bold;
}

.products section .nav-tabs {
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 0;
}

.products section .nav-tabs li {
    margin-right: 0.5%;
}

.products section .nav-link {
    padding: 10px auto;
    background: rgba(255, 250, 235, 1.0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.products section .nav-link:hover,
.products section .nav-link:focus {
    background: rgba(255, 255, 255, 1.0);
}

.products section .nav-link.active {
    background: rgba(255, 255, 255, 1.0);
}

@media only screen and (min-width:768px) {

    .products .pNavi li {
        margin-left: 1.0rem;
        margin-right: 1.0rem;
    }

    .products section .row > div:nth-child(3),
    .products section .row > div:nth-child(7),
    .products section .row > div:nth-child(11) {
        background: rgba(215, 230, 170, 0.5);
    }

    .products section .row > div:nth-child(4),
    .products section .row > div:nth-child(8),
    .products section .row > div:nth-child(12) {
        background: rgba(248, 181, 0, 0.2);
    }

    .products section .row.none > div:nth-child(1) {
        padding-left: 0;
        padding-right: 0;
        background: none;
    }

}

@media only screen and (min-width:992px) {

    .products section h3.section-subheading span {
        display: inline;
        margin-left: 10px;
    }

    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(3),
    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(7),
    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(11) {
        background: rgba(248, 181, 0, 0.2);
    }

    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(4),
    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(8),
    .products:not(.dan-block):not(.romantic) section .row > div:nth-child(12) {
        background: rgba(215, 230, 170, 0.5);
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .products section li:nth-child(-n+4) .nav-link {
        padding-top: 12px;
        padding-bottom: 4px;
    }

}

/* -----------------------------------------------------------

　.order

-------------------------------------------------------------- */

/* -----------------------------------------------------------

　.narumiya-brands

-------------------------------------------------------------- */
.narumiya-brands section h2.section-heading {
    margin-bottom: 15px;
}

.narumiya-brands section .nav-tabs {
    margin-bottom: 20px;
}

.narumiya-brands section .nav-tabs li {
    margin-right: 0.5%;
}

.narumiya-brands section .nav-link {
    padding: 10px auto;
    background: rgba(255, 250, 235, 1.0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.narumiya-brands section .nav-link:hover,
.narumiya-brands section .nav-link:focus {
    background: rgba(255, 255, 255, 1.0);
}

.narumiya-brands section .nav-link.active {
    background: rgba(255, 255, 255, 1.0);
}

.narumiya-brands section .notes {
    padding: 15px 15px 5px;
    background: rgba(0, 123, 187, 0.1);
}

.narumiya-brands section .notes .source {
    font-size: 0.8rem;
    text-align: right;
}

.narumiya-brands section .tab-content li {
    display: inline-block;
    font-size: 1.2rem;
}

.narumiya-brands section .tab-content li::after {
    content: "／";
}

.narumiya-brands section .tab-content li:last-child::after {
    content: none;
}

@media only screen and (max-width:767px) {

    .narumiya-brands section .nav-link {
        border-radius: 0 0 0 0;
        font-weight: bold;
    }

    .narumiya-brands section .nav-link.active {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .narumiya-brands section .nav-tabs {
        border: none;
    }

    .narumiya-brands section .nav-tabs li {
        margin-bottom: 0.5%;
    }

}

@media only screen and (min-width:768px) {

    .narumiya-brands section .nav-link {
        font-size: 0.85rem;
    }

    .narumiya-brands section .nav-tabs {
        margin-bottom: 30px;
    }

    .narumiya-brands section .nav-tabs li {
        margin-right: 0.15%;
    }

}

@media only screen and (min-width:992px) {

    .narumiya-brands section .nav-link {
        font-size: inherit;
    }

    .narumiya-brands section .notes {
        padding: 20px 20px 10px;
    }

}

@media only screen and (min-width:1024px) {

    .narumiya-brands section .nav-link {
        font-size: 1.03rem;
    }

    .narumiya-brands section .nav-tabs li {
        margin-right: 0.25%;
    }

}


@media only screen and (min-width:1200px) {

    .narumiya-brands section .nav-tabs {
        margin-bottom: 40px;
    }

    .narumiya-brands section .nav-tabs li {
        margin-right: 0.3%;
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .narumiya-brands section li:nth-child(-n+4) .nav-link {
        padding-top: 12px;
        padding-bottom: 4px;
    }

}

/* -----------------------------------------------------------

　.tanabata-iori

-------------------------------------------------------------- */
.tanabata-iori section:nth-child(2) h3.section-subheading {
    color: rgba(0, 123, 187, 1.0);
}

.tanabata-iori section:nth-child(2) .row {
    margin-top: 20px;
}

.tanabata-iori section:nth-child(2) div {
    display: none;
}

.tanabata-iori section:nth-child(2) img {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.tanabata-iori section:nth-child(3) h2.section-heading {
    padding: 10px 0;
    border-left: none;
    border-bottom: none;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.tanabata-iori section .carousel-item img {
    border-radius: 6px;
}

.tanabata-iori section [class^="carousel-control"] {
    top: -25%;
}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .tanabata-iori section:nth-child(3) h2.section-heading {
        padding: 15px 0 2px;
    }

}

@media only screen and (min-width:576px) {

    .tanabata-iori section [class^="carousel-control"] {
        top: -20%;
    }

}

@media only screen and (min-width:768px) {

    .tanabata-iori section:nth-child(2) h3.section-subheading {
        font-size: 1.6rem;
    }

    .tanabata-iori section:nth-child(3) h2.section-heading {
        font-size: 1.5rem;
    }

    .tanabata-iori section h5 {
        padding: 10px;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 6px;
        font-size: 1.0rem;
    }

    .tanabata-iori section [class^="carousel-control"] {
        top: -10%;
    }

    .tanabata-iori section .carousel-indicators {
        bottom: 25px;
    }

}

@media only screen and (min-width:992px) {

    .tanabata-iori section:nth-child(2) h3.section-subheading {
        font-size: 1.75rem;
    }

    .tanabata-iori section:nth-child(3) h2.section-heading {
        font-size: 1.75rem;
    }

    .tanabata-iori section [class^="carousel-control"] {
        top: -5%;
    }

}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .tanabata-iori section h5 {
        padding: 15px 10px 8px;
    }

}

/* -----------------------------------------------------------

　.paper-craft

-------------------------------------------------------------- */
.paper-craft h4 {
    background-color: rgba(62, 114, 53, 1.0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 1.6rem;
    text-align: center;
}

/* -----------------------------------------------------------

　.knowledge-min

-------------------------------------------------------------- */
.knowledge-min section h3.section-subheading {
    text-align: left;
}

.knowledge-min section figure img {
    width: 640px;
    height: auto;
}

.knowledge-min section:nth-child(2) .row {
    margin-bottom: 30px;
}

.knowledge-min section:nth-child(3) table {
    margin-top: 30px;
}

.knowledge-min section:nth-child(3) table th {
    background: rgba(255, 250, 235, 1.0);
}

.knowledge-min section:nth-child(3) table tr:nth-child(1) th {
    background: rgba(248, 181, 0, 1.0);
}

.knowledge-min section h5 {
    margin-top: 30px;
}

@media only screen and (min-width:768px) {

    .knowledge-min section figure img {
        width: 100%;
        height: auto;
    }

    .knowledge-min section:nth-child(3) table {
        margin-top: 10px;
    }

}

/* -----------------------------------------------------------

　.sendai-tanabata

-------------------------------------------------------------- */
.sendai-tanabata .intro {
    margin-bottom: 3.0rem;
    padding: 2.0rem 0;
    border-top: 3px double rgba(105, 130, 27, 1.0);
    border-bottom: 3px double rgba(105, 130, 27, 1.0);
}

.sendai-tanabata .intro p {
    margin-bottom: 1.0rem;
    font-size: 1.4rem;
    text-align: justify;
}

.sendai-tanabata h3 {
    color: rgba(105, 130, 27, 1.0);
}

.sendai-tanabata dl {
    margin-top: 1.0rem;
}

.sendai-tanabata dd span {
    display: block;
    margin-top: 0.75rem;
    margin-left: 1.1rem;
}

.sendai-tanabata dd a {
    text-decoration: underline;
}

@media only screen and (min-width:768px) {

    .sendai-tanabata .intro p {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }

    .sendai-tanabata dl {
        margin-top: 2.0rem;
    }

    .sendai-tanabata dt {
        clear: both;
        float: left;
        line-height: 1.0rem;
    }

    .sendai-tanabata dd {
        padding-left: 120px;
        line-height: 1.0rem;
    }

}

/* -----------------------------------------------------------

　.learning-room

-------------------------------------------------------------- */
.learning-room #jump00 .row {
    margin-top: 3.0rem;
}

.learning-room #jump00 .row > div {
    margin-bottom: 1.0rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.learning-room #jump00 .row figure {
    text-align: right;
}

.learning-room #jump00 .row figure img {
    max-width: 60px;
}

.learning-room #jump00 .row h4 {
    margin: 0;
    margin-bottom: 0.5rem;
    padding: 0;
    color: rgba(62, 114, 53, 1.0);
    font-weight: 500;
}

.learning-room #jump01 h4 {
    margin: 0;
    margin-top: 2.0rem;
    margin-bottom: 0.5rem;
    padding: 0;
    color: rgba(62, 114, 53, 1.0);
    font-weight: 500;
}

.learning-room #jump01 h5 {
    margin: 0;
    margin-top: 2.0rem;
    padding: 0;
    font-size: 1.0rem;
    font-weight: 500;
}

/* -----------------------------------------------------------

　.handmade-kit

-------------------------------------------------------------- */
.handmade-kit ul {
    margin-left: 24px;
}

/* -----------------------------------------------------------

　.tanabata-rental

-------------------------------------------------------------- */
.tanabata-rental table {
    margin-bottom: 30px;
}

@media only screen and (min-width:768px) {

    .tanabata-rental table {
        margin-bottom: 50px;
    }

}

/* -----------------------------------------------------------

　.recruit

-------------------------------------------------------------- */
.recruit th,
.recruit td {
    padding: 1.0rem;
    text-align: left;
    vertical-align: top;
}

.recruit th {
    background-color: rgba(242, 242, 242, 1.0);
}

.recruit td ul,
.recruit td ol,
.recruit p {
    margin: 0;
    padding: 0;
    line-height: 2.0rem;
}

.recruit td li {
    margin: 0;
    padding: 0;
}

.recruit td ul li {
    margin-left: 1.4rem;
}

.recruit td ol li {
    margin-left: 1.2rem;
}

@media only screen and (max-width:991px) {

    .recruit th,
    .recruit td {
        display: block;
        width: 100%;
    }

}

@media only screen and (min-width:992px) {

    .recruit th {
        width: 140px;
    }

}

/* -----------------------------------------------------------

　.efforts-sdgs

-------------------------------------------------------------- */
.efforts-sdgs section h4 {
    margin-top: inherit;
    padding: 0;
    color: rgba(0, 0, 0, 1.0);
    font-size: 1.4rem;
}

/* -----------------------------------------------------------

　.welfare-society

-------------------------------------------------------------- */
.welfare-society section ol {
    margin: 30px 0 0 16px;
}

.welfare-society section ol ul {
    margin: 30px 0 30px 16px;
    list-style-type: lower-alpha;
}

.welfare-society section li {
    margin-bottom: 20px;
}

@media only screen and (min-width:576px) {

    .welfare-society section h3.section-subheading {
        text-align: left;
    }

}

@media only screen and (min-width:768px) {

    .welfare-society section ol {
        margin: 30px 0 0 34px;
    }

    .welfare-society section ol ul {
        margin: 30px 0 30px 34px;
    }

}

/* -----------------------------------------------------------

　.environmental-protection

-------------------------------------------------------------- */

@media only screen and (min-width:576px) {

    .environmental-protection section h3.section-subheading {
        text-align: left;
    }

}

/* -----------------------------------------------------------

　.contact

-------------------------------------------------------------- */
.contact section p span {
    color: rgba(0, 0, 0, 1.0);
}

/*　フォーム
/*-------------------------------------------*/
.contact section #mailformpro {
    margin-top: 40px;
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "メイリオ", "Meiryo", "Meiryo UI", sans-serif, "Osaka";
}

.contact section #mailformpro dt {
    padding: 8px 0;
    width: 100%;
    color: rgba(62, 114, 53, 1.0);
    font-size: 1.1rem;
    font-weight: 500;
    text-align: left;
}

.contact section #mailformpro dt .must {
    float: right;
    padding: 0 10px;
    background: rgba(234, 85, 6, 1.0);
    border-radius: 4px;
    color: rgba(255, 255, 255, 1.0);
    font-size: 0.8rem;
}

.contact section #mailformpro dd {
    padding-left: 0;
}

.contact section #mailformpro dd:last-child {
    border-bottom: 1px solid rgba(204, 204, 204, 1.0);
}

.contact section #mailformpro dd span {
    color: rgba(62, 114, 53, 1.0);
    font-weight: 500;
}

.contact section #mailformpro dd .att {
    display: block;
    color: rgba(255, 0, 0, 1.0);
    font-size: 0.95rem;
    font-weight: 300;
}

.contact section #mailformpro input,
.contact section #mailformpro select {
    width: 100%;
    height: 40px;
    font-size: 1.1rem;
}

.contact section #mailformpro dd.add #post {
    width: 120px;
}

.contact section #mailformpro dd.add select {
    width: 120px;
}

.contact section #mailformpro dd.lastcheck em {
    font-size: 1.2rem;
    font-weight: 400;
    font-style: normal;
}

.contact section #mailformpro label.mfp_not_checked em {
    color: rgba(0, 153, 204, 1.0);
}

.contact section #mailformpro label.mfp_checked em {
    color: rgba(235, 100, 0, 1.00);
    font-weight: 500;
}

.contact section #mailformpro textarea {
    width: 100% !important;
    height: 200px !important;
    font-size: 1.1rem;
}

.contact section #mailformpro input.check {
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
}

::-webkit-input-placeholder {
    font-weight: 300;
    opacity: 0.8;
}

::-moz-placeholder {
    font-weight: 300;
    opacity: 0.5;
}

:-o-input-placeholder {
    opacity: 0.5;
}

:-ms-input-placeholder {
    font-weight: 300;
    opacity: 0.5;
}

.contact section .mfp_buttons button {
    width: 200px;
    height: 60px;
    font-size: 1.4rem;
    cursor: pointer;
}

.contact section .mfp_buttons button:first-child {
    margin-bottom: 10px;
}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    .contact section p span {
        color: rgba(0, 0, 0, 0.7);
    }

}

@media only screen and (min-width:768px) {

    .contact section #mailformpro dt {
        padding: 5px 0 5px 10px;
        width: 240px;
    }

    .contact section #mailformpro dd {
        padding-left: 280px
    }

    .contact section #mailformpro input {
        width: 90%;
    }

    .contact section #mailformpro select {
        margin-bottom: 5px;
    }

    .contact section #mailformpro .add li:nth-child(3) input,
    .contact section #mailformpro .add li:nth-child(4) input,
    .contact section #mailformpro .add li:nth-child(5) input {
        margin-bottom: 5px;
        width: 80%;
    }

    .contact section #mailformpro textarea {
        width: 98% !important;
    }

}

@media only screen and (min-width:992px) {

    .contact section #mailformpro dt {
        width: 260px;
    }

    .contact section #mailformpro dd {
        padding-left: 300px
    }

    .contact section #mailformpro input,
    .contact section #mailformpro select {
        width: 98%;
    }

    .contact section #mailformpro .name input,
    .contact section #mailformpro .com input,
    .contact section #mailformpro .tele input {
        width: 50%;
    }

    .contact section #mailformpro .add li:nth-child(3) input,
    .contact section #mailformpro .add li:nth-child(4) input,
    .contact section #mailformpro .add li:nth-child(5) input {
        width: 80%;
    }

}

@media only screen and (min-width:1200px) {

    .contact section #mailformpro dt {
        width: 300px;
    }

    .contact section #mailformpro dd {
        padding-left: 360px
    }

    .contact section #mailformpro .add li:nth-child(3) input,
    .contact section #mailformpro .add li:nth-child(4) input,
    .contact section #mailformpro .add li:nth-child(5) input {
        width: 60%;
    }

}

/* -----------------------------------------------------------
　contact_thanks
-------------------------------------------------------------- */
#mfp_thanks {
    margin-bottom: 40px;
    padding: 20px 0;
    background: rgba(248, 181, 0, 0.1);
    color: rgba(62, 114, 53, 1.0);
    font-size: 1.4rem;
    text-align: center;
}

#mfp_thanks strong {
    display: block;
    font-size: 1.8rem !important;
}

.thanksMessage h3 {
    margin-bottom: 30px;
    color: rgba(234, 85, 6, 1.0);
    font-size: 1.35rem;
}

.thanksMessage .caution ul {
    margin: 30px 0 30px 30px;
    color: rgba(255, 0, 0, 1.0);
}

.thanksMessage .inquiry .tele {
    font-size: 1.4rem;
}

.thanksMessage .inquiry .tele span {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.8rem;
}

@media only screen and (min-width:768px) {

    #mfp_thanks {
        font-size: 1.5rem;
    }

    #mfp_thanks strong {
        display: inline;
        position: relative;
        top: 3px;
        padding: 0 3px;
        font-size: 1.8rem !important;
    }

    .thanksMessage h3 {
        font-size: 1.7rem;
    }

    .thanksMessage .inquiry .tele span {
        display: inline-block;
        position: relative;
        top: 3px;
        margin-left: 10px;
    }

}

@media only screen and (min-width:768px) {

    #mfp_thanks {
        font-size: 1.8rem;
    }

    #mfp_thanks strong {
        font-size: 2.2rem !important;
    }

    .thanksMessage h3 {
        font-size: 1.8rem;
    }

}

/* -----------------------------------------------------------

　.privacy-policy

-------------------------------------------------------------- */
.privacy-policy h2 {
    font-size: min(7.0vw, 1.6rem);
}

.privacy-policy h3 {
    font-size: min(5.0vw, 1.1rem);
    line-height: 150%;
}

.privacy-policy dl {
    margin-top: min(10.0vw, 4.0rem);
    line-height: 1.5rem;
}

.privacy-policy dt {
    margin-bottom: 10px;
}

.privacy-policy ul {
    margin-bottom: 30px;
    list-style: none;
}

.privacy-policy p {

}

.privacy-policy .box {
    padding: 2.0rem;
    border: 1px solid rgba(220, 220, 220, 1.0);
}

/* -----------------------------------------------------------

　.sitemap

-------------------------------------------------------------- */
.sitemap section [class^="col-"]:first-child {
    margin-bottom: 30px;
}

.sitemap section h2 {
    margin-bottom: 20px;
    font-size: 1.4rem;
}

.sitemap section .wsp-pages-title::before {
    margin-right: 5px;
    font-family: "FontAwesome";
    content: "\f0f6";
}

.sitemap section .wsp-posts-title::before {
    margin-right: 5px;
    font-family: "FontAwesome";
    content: "\f016";
}

.sitemap section .wsp-category-title::before {
    font-family: "FontAwesome";
    content: "\f22d";
}

.sitemap section .wsp-container > ul {
    margin-left: 14px;
}

.sitemap section li {
    margin-bottom: 14px;
    padding-bottom: 5px;
    list-style-type: none;
}

.sitemap section li .children {
    margin-left: 17px;
}

.sitemap section .wsp-pages-list li {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.sitemap section li.wsp-post {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.sitemap section li .wsp-posts-list {
    margin-top: 10px;
    margin-left: 16px;
}

@media only screen and (min-width:768px) {

    .sitemap section li {
        margin-bottom: 20px;
    }

}

/* -----------------------------------------------------------

　#sidebar

-------------------------------------------------------------- */
#sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 2px solid rgba(105, 130, 27, 1.0);
}

#sidebar h2 {
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    min-height: 50px;
    background: none;
    background: url(../images/bg_sidebar_h4.png) center center no-repeat;
    color: rgba(62, 114, 53, 1.0);
    font-size: 1.5rem;
    text-align: center;
    line-height: 40px;
}

#sidebar h3 {
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    min-height: 30px;
    background: url(../images/bg_sidebar_h5.png) center center no-repeat;
    font-size: 1.2rem;
    text-align: center;
}

#sidebar .widget {
    margin-bottom: 40px;
}

#sidebar ul {
    list-style: none;
}

#sidebar .widget li,
#sidebar .categories ul li {
    margin-bottom: 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    font-weight: normal;
}

.about #sidebar .widget li a[href^="#jump04"] {
    font-size: 98%;
}

#sidebar .relation li {
    margin-bottom: 10px;
}

#sidebar .categories ul li:last-child {
    border-bottom: none;
}

#sidebar .widget label {
    display: none;
}

#sidebar .widget select {
    margin: 0 auto;
    padding: 0;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    font-size: 1.0rem;
}

/* カテゴリー＝新着情報　非表示 */
#sidebar .cat-item-2 {
    display: none;
}

/* 固定ページ用 */
#pageContent #sidebar .widget li a::after {
    visibility: hidden;
    position: relative;
    bottom: -10px;
    margin-left: 5px;
    color: rgba(255, 255, 255, 1.0);
    font-family: "FontAwesome";
    content: "\f0aa";
    -webkit-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
}

#pageContent #sidebar .widget li a:hover::after {
    visibility: visible;
    bottom: 0;
    color: rgba(228, 94, 50, 1.0);
}

.products #pageContent #sidebar .widget li a::after,
.cases #pageContent #sidebar .widget li a::after {
    bottom: 0;
    content: "\f0a9";
}

.products #pageContent #sidebar .widget li a:hover::after,
.cases #pageContent #sidebar .widget li a:hover::after {
    margin-left: 10px;
}

@media all and (-ms-high-contrast:none) {

    /* IEハック */
    #pageContent #sidebar h2 {
        padding: 10px 0 0;
    }

    #sidebar h3 {
        padding: 8px 0 3px;
    }

}

@media only screen and (min-width:768px) {

    #sidebar {
        padding: 100px 0;
        border-top: none;
    }

    #sidebar .searchForm {
        text-align: center;
    }

    #pageContent #sidebar .widget li a::after {
        top: -10px;
        bottom: 0;
        content: "\f0ab";
    }

    #pageContent #sidebar .widget li a:hover::after {
        top: 0;
    }

    .products #pageContent #sidebar .widget li a::after,
    .cases #pageContent #sidebar .widget li a::after {
        top: 0;
    }

}

@media only screen and (min-width:992px) {

    #sidebar {
        padding: 100px 0;
        border-top: none;
    }

}