@charset "UTF-8";

/*--------------------------------------------------
media query format
--------------------------------------------------*/

@media (max-width:767px) {}


/*--------------------------------------------------
common
--------------------------------------------------*/

.p-article__body,
.p-article__body * {
    position: relative;
}

.sans {
    font-family: "Harmonia Sans W01", "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.serif {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*--------------------------------------------------
#no08
--------------------------------------------------*/

#no08 {}

#no08 .p-article__body {
    padding-top: 0;
}

#no08 .bg {
    background: #461f1b;
    color: #cdc5b6;
}

#no08 .no08-img-01 {
    margin-bottom: -30%;
}

@media (max-width:767px) {
    #no08 .no08-img-01 {
        margin-bottom: -15%;
    }
}

#no08 .no08-img-08 {
    text-align: center;
    margin-top: -50%;
}

@media (max-width:767px) {
    #no08 .no08-img-08 {
        margin-top: -30%;
    }
}

#no08 .c-paragraph--lg {
    color: #a89574;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 0.5em;
}

#no08 .c-paragraph--lg span {
    font-size: 36px;
    line-height: 40px;
}

#no08 .c-paragraph--md {
    color: #a89574;
    font-size: 20px;
    line-height: 36px;
}

#no08 .c-paragraph--sm {
    font-size: 14px;
    line-height: 28px;
}

#no08 .l-bottom-xs {
    margin-top: -32.5%;
}

@media (max-width:767px) {
    #no08 .l-bottom-xs {
        margin-top: 0;
    }
}

#no08 .l-col-sm-12 {
    text-align: right;
}

#no08 .no08-txt01 {
    display: block;
    height: 71%;
    margin-left: -60%;
    z-index: 1;
}

#no08 .no08-txt01::before {
    display: block;
    float: left;
    content: "";
    width: 38%;
    height: 45%;
}

@media (max-width:767px) {
    #no08 .no08-txt01 {
        display: block;
        height: inherit;
        margin-left: 0;
    }
    #no08 .no08-txt01::before {
        display: none;
    }
}


/*--------------------------------------------------
#no09
--------------------------------------------------*/

#no09 {}

#no09 .comment {
    font-size: 14px;
    line-height: 28px;
}

#no09 .comment em {
    display: block;
    font-style: normal;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
}

#no09 .comment span {
    display: block;
    color: #d0a564;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 10px 0;
}

#no09 .fabric1 {}

#no09 .fabric2 {}

#no09 .fabric3 {}

#no09 .fabric1::before,
#no09 .fabric2::before,
#no09 .fabric3::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: "";
    width: 100%;
    height: 200px;
}

#no09 .fabric1::before {
    background: #c7ba9a;
}

#no09 .fabric2::before {
    background: #4d423a;
}

#no09 .fabric3::before {
    background: #c7ba9a;
}

#no09 .fabric2 .l-col-sm-8 {
    text-align: right;
    color: #fff;
}

#no09 .l-col-sm-12 {
    text-align: center;
}

#no09 .c-paragraph--md {
    font-size: 14px;
    line-height: 28px;
}


/*--------------------------------------------------
#no10
--------------------------------------------------*/

#no10 {}

#no10 .c-paragraph--md {
    text-align: justify;
}

#no10 .w80 .c-paragraph--md {
    width: 80%;
}

@media (max-width:767px) {
    #no10 .w80 .c-paragraph--md {
        width: 100%;
    }
}

#no10 .c-paragraph--md::before {
    display: block;
    content: "";
    background: #000;
    width: 40px;
    height: 1px;
    margin: 0 0 30px 0;
}

@media (max-width:767px) {
    #no10 .c-paragraph--md::before {
        margin: 30px 0 20px 0;
    }
}

#no10 .no10-img-09 {
    width: 74.0506329%
}

#no10 .no10-img-10 {
    position: absolute;
    right: 15px;
    bottom: -30%;
    z-index: 1;
    width: 48.1012658%;
    padding: 15px 0 0 0;
}

@media (max-width:767px) {
    #no10 .no10-img-10 {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: right;
        width: 50%;
        margin: -22% 0 0 calc(50%);
    }
}

#no10 .border--top {
    border-top: 1px solid #000;
}


/*--------------------------------------------------
#no11
--------------------------------------------------*/

#no11 {}

#no11 .bg {
    background: #1a2c5a;
    color: #fff;
    margin: 200px 0 0 0;
    padding: 0 0 275px 0;
}

@media (max-width:767px) {
    #no11 .bg {
        margin: 10% 0;
        padding: 10% 0;
    }
}

#no11 .bg::before,
#no11 .bg::after {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background: #fff;
    width: 100%;
    height: 1px;
    z-index: 0;
}

#no11 .bg::before {
    top: 10px;
}

#no11 .bg::after {
    bottom: 10px;
}

#no11 .ttl {
    color: #1a2c5a;
    font-size: 25px;
    line-height: 36px;
    font-weight: bold;
    margin: 1.5em 0 1em 0;
}

#no11 .bg .ttl {
    color: #fff;
}

#no11 .txt {
    font-size: 14px;
    line-height: 26px;
}

#no11 .no11-img-01 {
    text-align: center;
}

#no11 .no11-img-03 img {
    margin: -150px 0 0 0;
}

@media (max-width:767px) {
    #no11 .no11-img-03 img {
        margin: 0;
    }
}

#no11 .no11-img-04 {
    text-align: right;
}

#no11 .no11-img-04 img {
    margin: -250px 0 0 0;
}

@media (max-width:767px) {
    #no11 .no11-img-04 img {
        margin: 0;
    }
}

#no11 .no11-img-05 img {
    margin: -50% 0 0 0;
}

@media (max-width:767px) {
    #no11 .no11-img-05 img {
        margin: 0;
    }
}

#no11 .no11-img-07 img {
    margin: -50px 0 0 80px;
}

@media (max-width:767px) {
    #no11 .no11-img-07 img {
        margin: 0;
    }
}

#no11 .no11-img-08 {
    text-align: right;
}

#no11 .no11-img-08 img {
    margin: -180px 0 0 0;
}

@media (max-width:767px) {
    #no11 .no11-img-08 img {
        margin: 0;
    }
}


/*--------------------------------------------------
#no12
--------------------------------------------------*/

#no12 {}

#no12 .box {
    max-width: 794px;
    margin: 0 auto;
    padding: 5% 0 0 0;
}

#no12 .txt {
    font-size: 14px;
    line-height: 26px;
    padding: 0 0 2.5% 0;
}

#no12 .txt2 {
    font-size: 14px;
    line-height: 36px;
}

#no12 .no12-img-03 {
    padding: 0 0 5% 0;
}

#no12 .title {
    text-align: center;
    font-size: 60px;
    line-height: 80px;
    font-weight: bold;
    padding: 5% 0 2.5% 0;
}

#no12 .title span {
    display: block;
    font-size: 16px;
    line-height: 32px;
}

#no12 dl {}

#no12 dl dt {
    background: #000;
    color: #fff;
    padding: 9px 15px;
}

#no12 dl dt p {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#no12 dl dt p::after {
    display: block;
    content: "";
    clear: both;
}

#no12 dl dt p span {
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 22px;
}

#no12 dl dd {
    padding: 5% 0 0 0;
}

#no12 dl dd p.ttl {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    padding: 0 0 2.5% 0;
}

#no12 dl dd p.txt {
    font-size: 14px;
    line-height: 26px;
}


/*--------------------------------------------------
#no13
--------------------------------------------------*/

#no13 {}

@media (min-width:768px) {
    #no13 .no13-img-l {
        padding-right: 5px;
    }
    #no13 .no13-img-r {
        padding-left: 5px;
    }
}

#no13 .no13-num {
    display: block;
    margin: 0 0 .4em auto;
}

#no13 .no13-items p {
    font-size: 1rem;
}


/*--------------------------------------------------
#no14
--------------------------------------------------*/

#no14 {}

#no14 .no14-fend {
    align-items: flex-end;
}

#no14 .no14-font-01 {
    text-align: justify;
}

#no14 .c-paragraph {
    text-align: start !important;
}

#no14 .no14-clear-01 {
    clear: both;
}

#no14 .no14-box-01 {
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-01 {
        width: 87%;
    }
}

#no14 .no14-img-01 img {
    border: 10px solid #1a2c5a;
}

#no14 .no14-box-02 {
    margin: 20px 0 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-02 {
        margin: 5em 0 0;
        width: 90%;
    }
}

#no14 .no14-img-02 img {
    float: right;
    margin: 0 0 20px;
    width: 60%;
}

@media (min-width: 768px) {
    #no14 .no14-img-02 img {
        float: none;
        margin: 0 0 4em;
        width: 100%;
    }
}

#no14 .no14-txt-01 {
    clear: both;
    float: none;
    width: 100%
}

@media (min-width: 768px) {
    #no14 .no14-txt-01 {
        float: right;
        width: 100%
    }
}

#no14 .no14-txt-01 p:first-child {
    margin: 0 0 1em;
}

#no14 .no14-wrap-01 {
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-wrap-01 {
        margin: 80px auto 0;
        width: 80%;
    }
}

#no14 .no14-txt-02 {
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 0 3.2em;
}

@media (min-width: 768px) {
    #no14 .no14-txt-02 {
        margin: 0;
        position: relative;
        padding: 0 0 0 3.2em;
    }
}

#no14 .no14-txt-02::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    content: '';
    background: url(../../upload/2018autumn/14/14_05.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

#no14 .no14-img-03 {
    margin: 0 0 1em;
}

#no14 .no14-box-03 {
    margin: 20px 0 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-03 {
        margin: 8em 0 0;
        width: 80%;
    }
}

#no14 .no14-box-03 p:nth-child(2) {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    #no14 .no14-box-03 p:nth-child(2) {
        margin: 0 0 2.4em;
    }
}

#no14 .no14-box-03 p:nth-child(3) {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    #no14 .no14-box-03 p:nth-child(3) {
        margin: 0 0 2.4em;
    }
}

#no14 .no14-ttl-01 {
    color: #1a2c5a;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.7rem;
}

#no14 .no14-sttl-01 {
    color: #1a2c5a;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: bold;
}

#no14 .no14-img-04 {
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-img-04 {
        margin: 0 0 0 -21%;
        width: 90%;
    }
}

#no14 .no14-box-04 {
    margin: -60px 0 20px;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-04 {
        margin: -10em 0 0;
        width: 100%;
    }
}

#no14 .no14-box-05 {
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-05 {
        float: right;
        width: 90%;
    }
}

#no14 .no14-wrap-02 {
    margin: 30px 0 30px;
    padding: 0 0 30px;
    background: #eee;
}

@media (min-width: 768px) {
    #no14 .no14-wrap-02 {
        margin: 10em 0 4em;
        padding: 0 0 21em;
        background: #eee;
    }
}

#no14 .no14-txt-03 {
    clear: both;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-txt-03 {
        float: right;
        width: 100%;
    }
}

#no14 .no14-txt-03 p:first-child {
    margin: 0 0 1.6em;
}

#no14 .no14-box-06 {
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-06 {
        margin: -5em 0 0 0;
        width: 44%;
    }
}

#no14 .no14-box-06 p:first-child {
    margin: 0 0 1em;
}

#no14 .no14-box-07 {
    clear: both;
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-07 {
        float: right;
        margin: -21em 0 0;
        width: 80%;
    }
}

#no14 .no14-img-07 {
    padding: 0 0 10px;
}

@media (min-width: 768px) {
    #no14 .no14-img-07 {
        margin: 0;
    }
}

#no14 .no14-box-08 {
    margin: 0;
}

#no14 .no14-box-09 {
    padding: 20px 0 0;
}

@media (min-width: 768px) {
    #no14 .no14-box-09 {
        padding: 5em 0 0;
    }
}

#no14 .no14-box-10 {
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-box-10 {
        margin: -23em 0 0;
        width: 70%;
    }
}

#no14 .no14-txt-04 {
    width: 100%;
    margin-top: 15px;
}

@media (min-width: 768px) {
    #no14 .no14-txt-04 {
        width: 58%;
        margin-top: 15px;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        -moz-font-feature-settings: "palt";
        -ms-font-feature-settings: "palt";
    }
}

#no14 .no14-img-06 {
    margin: 0 0 1em;
}

#no14 .no14-txt-05 {
    width: 100%;
}

@media (min-width: 768px) {
    #no14 .no14-txt-05 {
        width: 100%;
    }
}

#no14 .no14-wrap-03 {
    padding: 0 0 30px;
}

@media (min-width: 768px) {
    #no14 .no14-wrap-03 {
        padding: 0 0 5em;
    }
}

#no14 .no14-wrap-05 {
    padding: 0 0 20px;
}

@media (min-width: 768px) {
    #no14 .no14-wrap-05 {
        padding: 0
    }
}

#no14 .no14-box-11 {
    padding: 0;
}

@media (min-width: 768px) {
    #no14 .no14-box-11 {
        padding: 0 5%;
    }
}

#no14 .no14-pos {
    margin-top: 0px;
    transform: translateX(0px);
}

@media (min-width: 768px) {
    #no14 .no14-pos {
        margin-top: -300px;
        transform: translateX(18px);
    }
}


/*--------------------------------------------------
#no15
--------------------------------------------------*/

#no15 {}

@media (max-width:767px) {}

#no15 .bg {
    background: url(../../upload/2018autumn/15/15_00a0.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
}

#no15 .no15-img-00a1,
#no15 .no15-img-00a2,
#no15 .no15-img-00a3,
#no15 .no15-img-00a4 {
    text-align: center;
}

#no15 .no15-img-00b {
    text-align: center;
    padding: 20px 0 0 0;
}

#no15 .no15-img-00c {
    text-align: center;
    padding: 20px 0;
}

#no15 .no15-box {}

#no15 hr.no15-hr {
    max-width: 960px;
    margin: 0 auto;
}

#no15 .no15-box .inner1 {
    max-width: 794px;
    margin: 0 auto;
}

#no15 .no15-box .inner2 {
    max-width: 630px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

#no15 .no15-box .inner3 {
    max-width: 462px;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

@media (max-width:767px) {
    #no15 .no15-box .inner1,
    #no15 .no15-box .inner2,
    #no15 .no15-box .inner3 {
        max-width: inherit;
    }
}

#no15 .bg .c-paragraph--md {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 20px 0;
}

#no15 .bg .c-paragraph--sm {
    font-size: 14px;
    line-height: 26px;
}

#no15 .no15-box .c-paragraph--md {
    text-align: center;
    font-size: 39px;
    line-height: 40px;
    margin: 0;
    padding: 40px 0 20px 0;
}

#no15 .no15-box .c-paragraph--md span {
    font-size: 26px;
}

@media (max-width:767px) {
    #no15 .no15-box .c-paragraph--md span {
        display: block;
    }
}


/*--------------------------------------------------
#no16
--------------------------------------------------*/

#no16 {}

#no16 .no16-head {
    background: #004A77;
    color: #fff;
}

@media (min-width:768px) {}

#no16 .no16-point {
    position: relative;
    color: #fff;
}

#no16 .no16-point::before {
    content: '';
    position: absolute;
    background: url(../../upload/2018autumn/16/16_15.png) no-repeat center bottom;
    background-size: 1160px;
    height: 100%;
    width: 108%;
    z-index: -1;
    left: -4%;
}

#no16 .no16-point .c-paragraph--xs {
    font-size: 1rem;
}

@media (min-width:768px) {
    #no16 .no16-point>div>div:nth-child(1) {
        text-align: right;
    }
}


/*--------------------------------------------------
#no17
--------------------------------------------------*/

#no17 {}

#no17 .no17-txt {
    font-size: 1.5rem;
    position: relative;
    text-indent: 2em;
}

#no17 .no17-txt::before {
    content: '';
    width: 1.8em;
    position: absolute;
    top: .75em;
    left: 0;
    border-bottom: solid 2px #2e2e2e;
}

@media (min-width:768px) {
    #no17 .no17-txt {
        font-size: 1.6rem;
    }
}

#no17 .no17-ttl {
    font-size: calc(100vw * 32 / 640);
    line-height: calc(100vw * 42 / 640);
    font-weight: bold;
}

@media (min-width:768px) {
    #no17 .no17-ttl {
        font-size: 3.2rem;
        line-height: 4.2rem;
    }
}

#no17 .no17-container {
    max-width: 920px;
}

#no17 .no17-slidein {
    position: relative;
}

#no17 .no17-slidewrap {
    background: #F8EBDA;
}

#no17 .no17-slider li p {
    position: absolute;
}

#no17 .no17-slider {}

#no17 .no17-slidebody {
    position: relative;
}

#no17 .no17-sldehead {
    position: absolute;
    width: 26%;
    left: 0;
    top: 2em;
}

#no17 .no17-slidetext {
    position: absolute;
    width: 30%;
    right: 0;
    bottom: 1em;
    z-index: 999;
}

#no17 .no17-slider li {
    padding: 0 20%;
}

@media (min-width:768px) {
    #no17 .no17-slider li {
        padding: 0 30%;
    }
}

#no17 .bx-prev {
    left: -5em;
    background: url(../../upload/2018autumn/17/17_11.png) no-repeat center center;
}

#no17 .bx-next {
    right: -5em;
    background: url(../../upload/2018autumn/17/17_12.png) no-repeat center center;
}

#no17 .bx-controls-direction a {
    position: absolute;
    bottom: 0;
    width: 23px;
    height: 300px;
    z-index: 999;
    color: transparent;
    background-size: contain;
}

#no17 .no17-num {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 2.2em;
}

#no17 .no17-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}

#no17 .no17-price {
    font-size: 12px;
}

@media (max-width:1020px) {
    #no17 .no17-sldehead {
        left: 3%;
        top: 1em;
    }
    #no17 .no17-slidetext {
        right: 3%;
        bottom: .5em;
    }
    #no17 .bx-prev {
        left: -1.5em;
    }
    #no17 .bx-next {
        right: -1.5em;
    }
    #no17 .bx-controls-direction a {
        width: 18px;
    }
    #no17 .no17-name {
        font-size: 14px;
    }
    #no17 .no17-price {
        font-size: 12px;
    }
}

#no17 .no17-sldehead .no17-img-10_sp {
    display: none;
}

@media (max-width:767px) {
    #no17 .no17-sldehead {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        width: 100%;
    }
    #no17 .no17-sldehead .no17-img-10 {
        display: none;
    }
    #no17 .no17-sldehead .no17-img-10_sp {
        display: block;
        font-size: calc(100vw * 30 / 640);
        line-height: calc(100vw * 40 / 640);
        padding: calc(100vw * 20 / 640) 0 0 0;
        font-weight: bold;
    }
}

#no17 .no17-contact {}

#no17 .no17-contact span {
    display: block;
    font-weight: bold;
}


/*--------------------------------------------------
#no22
--------------------------------------------------*/

#no22 {}

#no22 .no22-col1 {
    background: #bda6a0 no-repeat left bottom;
    background-size: 100%;
}

#no22 .no22-ttl {
    font-size: 20px;
}

#no22 .no22-ttl.a {
    margin-top: 1em;
}

#no22 .no22-ttl span {
    border-bottom: solid .4em #000;
    width: 1.4em;
    display: inline-block;
    margin-left: .3em;
}

@media (min-width:768px) {
    #no22 .no22-ttl {
        font-size: 22px;
    }
    #no22 .no22-ttl.a {
        margin-top: -.5em;
    }
}

#no22 .no22-txt1 {
    line-height: 2.2;
}

#no22 .no22-box1 {
    padding: 0 40px;
}

@media (min-width:768px) {
    #no22 .no22-box1 {
        padding: 0 12%;
    }
}

#no22 .no22-col2 {
    position: relative;
    padding: 0 15px;
}

#no22 .no22-desc {
    padding: 0 0 1em;
}

#no22 .no22-desc p {
    line-height: 2;
}

@media (min-width:768px) {
    #no22 .no22-box {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }
    #no22 .is-reverse.no22-box {
        top: 0;
        bottom: auto;
    }
    #no22 .no22-desc {
        background: #fff;
        padding: 2em 4em;
        padding-left: 0;
    }
    #no22 .is-reverse .no22-desc {
        padding: 0 4em 2em;
        padding-right: 0;
    }
}

#no22 .no22-catch {
    font-size: 1.4rem;
    margin-bottom: 1em;
}

@media (min-width:768px) {
    #no22 .no22-catch {
        font-size: 1.6rem;
    }
}

#no22 .no22-style {
    padding: 0;
    padding-right: 17.5%;
}

#no22 .is-reverse .no22-style {
    padding: 0;
    padding-left: 17.5%;
}

@media (min-width:768px) {
    #no22 .no22-style {
        padding: 0;
        padding-right: 5.2%;
    }
    #no22 .is-reverse .no22-style {
        padding: 0;
        padding-left: 5.2%;
    }
}

#no22 .no22-img {
    padding: 0;
}

@media (min-width:768px) {
    #no22 .no22-img>div {
        margin: 0;
        margin-right: -15px;
        text-align: right;
    }
    #no22 .is-reverse .no22-img>div {
        margin: 0;
        margin-left: -15px;
        text-align: left;
    }
}

#no22 .no22-items {
    margin-top: 2em;
    padding: 0;
}

@media (min-width:768px) {
    #no22 .no22-items {
        padding-left: 45px;
        margin-top: 0;
    }
    #no22 .is-reverse .no22-items {
        padding-left: 0;
        padding-right: 45px;
    }
}

#no22 .no22-cap {
    font-size: 2.2rem;
}

@media (min-width:768px) {
    #no22 .no22-cap {
        font-size: 2.6rem;
    }
}

#no22 .no22-hr {
    border: 1px solid #000;
    width: 100px;
    text-align: center;
}

#no22 .no22-txt2 {
    margin: 1em 0 0;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

#no22 .no22-txt3 {
    margin: 0 0 1em;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

#no22 .no22-sp {
    display: block;
}

@media (min-width:768px) {
    #no22 .no22-sp {
        display: none;
    }
}


/*--------------------------------------------------
#no23
--------------------------------------------------*/

#no23 {}

#no23 .no23-col {
    position: relative;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
}

#no23 .no23-col::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -4px;
    border-bottom: solid 1px #000;
}

#no23 .no23-col::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    border-bottom: solid 1px #000;
}

@media (min-width:768px) {
    #no23 .no23-col>div:nth-child(1) {
        border-right: solid 1px #000;
    }
}

#no23 .no23-point {
    display: block;
    margin-bottom: 1em;
}

#no23 .no23-pimg {
    margin-bottom: 2.5em;
}

#no23 .no23-pdesc {
    text-align: justify;
}

#no23 .no23-container .no23-img {
    text-align: left;
}

@media (min-width:768px) {
    #no23 .no23-container .is-reverse .no23-img {
        text-align: right;
    }
}

@media (min-width:1281px) {
    #no23 .no23-img {
        flex-basis: 48%;
        max-width: 48%;
    }
    #no23 .no23-style {
        flex-basis: 44%;
        max-width: 44%;
    }
}

@media (min-width:768px) {
    #no23 .no23-style {
        padding-right: 0;
        padding-right: 30px;
    }
    #no23 .is-reverse .no23-style {
        padding-left: 30px;
        padding-right: 0;
    }
    #no23 .no23-pimg {
        flex-basis: 63%;
        max-width: 63%;
        padding-right: 5px;
    }
    #no23 .no23-pdesc {
        flex-basis: 37%;
        max-width: 37%;
        padding-bottom: 1em;
    }
}

#no23 .no23-line {
    border-top: solid 1px #000;
    margin-bottom: 5em;
}

#no23 .no23-container {
    max-width: 1320px;
}


/*--------------------------------------------------
#no24
--------------------------------------------------*/

#no24 {}

#no24 .bg {
    padding: 0 0 50px 0;
}

#no24 .bg::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    content: "";
    background: #f8f2ef;
    width: 52%;
    max-width: 500px;
    height: 100%;
}

#no24 .no24-font-01 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#no24 .c-lead {
    text-align: justify;
}

#no24 .no24-img-02 {
    padding: 0.5em 0 0;
}

@media (min-width: 768px) {
    #no24 .no24-img-02 {
        padding: 5em 0 0;
    }
}

#no24 .no24-img-03 {
    padding: 0.5em 0 0;
}

@media (min-width: 768px) {
    #no24 .no24-img-03 {
        padding: 10em 0 0;
    }
}

#no24 .no24-box-01 {
    padding: 28px 0 32px;
    width: 100%;
}

@media (min-width: 768px) {
    #no24 .no24-box-01 {
        margin: -70px 0 50px;
        width: 56%;
        text-align: justify;
    }
}

#no24 .no24-ttl-01 {
    color: #b59e43;
    margin: 0 0 10px;
    font-size: 2.2rem;
}

#no24 .no24-ttl-01 span {
    font-size: 1.3rem;
}

#no24 .no24-box-02 {
    font-size: 2rem;
    /*
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
*/
}

@media (min-width: 768px) {
    #no24 .no24-box-02 {
        padding: 6% 0 8% 0;
        font-size: 2.6rem;
        text-align: center;
        letter-spacing: 0.6rem;
    }
}

#no24 .no24-box-03,
#no24 .no24-box-04 {
    overflow: hidden;
    text-align: justify;
}

#no24 .no24-boxInner-01 {
    margin-bottom: 40px;
}

#no24 .no24-box-03 .no24-img-04 img {
    margin: 0 0 20px;
    width: 100%;
}

@media (min-width: 768px) {
    #no24 .no24-box-03 .no24-img-04 img {
        float: right;
        margin: 0 0 36px 36px;
        width: 56%;
    }
}

#no24 .no24-txt-01 {
    margin: 0 0 14px;
}

@media (min-width: 768px) {
    #no24 .no24-txt-01 {
        margin: 0 0 20px;
    }
}

#no24 .no24-boxInner-02 {
    margin-bottom: 50px;
}

#no24 .no24-ttl-02 {
    position: relative;
    margin: 0 0 20px;
    color: #B59E43;
    font-size: 1.7rem;
}

@media (min-width: 768px) {
    #no24 .no24-ttl-02 {
        margin: 0 0 20px;
    }
}

@media (min-width: 768px) {
    #no24 .no24-ttl-03 {
        margin-left: 60%;
    }
}

#no24 .no24-name-01 {
    padding: 0 18px 0 0;
    color: #9D9D9D;
}

#no24 .no24-box-04 .no24-img-05 img {
    margin: 0 0 20px;
    width: 100%;
}

@media (min-width: 768px) {
    #no24 .no24-box-04 .no24-img-05 img {
        float: left;
        margin: 0 36px 36px 0;
        width: 56%;
    }
}

#no24 .no24-box-04 {
    /*  margin: 0 0 30px;*/
}

#no24 .no24-boxInner-01 {
    margin-bottom: 40px;
}

#no24 .no24-wrap-01 {
    width: 100%;
    /*  color: #fff !important;*/
    background: #e3dfd1;
}

@media (min-width: 768px) {
    #no24 .no24-wrap-01 {
        margin: 0;
        text-align: justify;
    }
}

#no24 .no24-wrap-01 .no24-img-06 {
    margin: 0 auto 40px;
    width: 22%;
}

#no24 .no24-wrap-01 .no24-img-06 img {
    margin-top: -40px;
    width: 100%;
}

@media (min-width: 768px) {
    #no24 .no24-wrap-01 .no24-img-06 {
        margin: 0 auto;
        width: 80px;
    }
    #no24 .no24-wrap-01 .no24-img-06 img {
        margin: -40px auto 0;
        width: 100%;
    }
}

#no24 .no24-wrap-01 .no24-ttl-04 {
    color: #796955;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 768px) {
    #no24 .no24-wrap-01 .no24-ttl-04 {
        margin: 60px 0 0;
        font-size: 2.8rem;
    }
}

#no24 .no24-col-01 {
    width: 100%;
    margin: 0 0 40px;
    padding: 0 25px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #no24 .no24-col-01 {
        padding: 0 20px 30px 50px;
        width: 50%;
    }
}

#no24 .no24-col-02 {
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #no24 .no24-col-02 {
        padding: 0 50px 30px 20px;
        width: 50%;
    }
}

#no24 .no24-col-03 {
    padding: 0 25px;
    width: 100%;
    flex-direction: row-reverse;
}

@media (min-width: 768px) {
    #no24 .no24-col-03 {
        margin: 134px 0 0 0;
        padding: 0 0 0 50px;
        width: 27%;
        text-align: justify;
    }
}

#no24 .no24-col-4 {
    padding: 0 25px;
    width: 100%;
    text-align: justify;
}

@media (min-width: 768px) {
    #no24 .no24-col-4 {
        padding: 0 50px 0 10px;
        width: 73%;
    }
}

#no24 .no24-img-07 img,
#no24 .no24-img-08 img {
    width: 100%;
}

#no24 .no24-img-07 {
    margin: 0 0 20px;
}

#no24 .no24-img-08 {
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    #no24 .no24-img-08 {
        margin: 0 0 35px;
    }
}

#no24 .no24-ttl-05 {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    #no24 .no24-ttl-05 {
        margin: 0 0 25px;
    }
}

#no24 .no24-ttl-05 img {
    /*  width: 160px;*/
}

@media (min-width: 768px) {
    #no24 .no24-ttl-05 img {
        /*  width: 220px;*/
    }
}

#no24 .no24-col-05 {
    width: 100%;
}

@media (min-width: 768px) {
    #no24 .no24-col-05 {
        float: right;
        width: 86%;
    }
}


/*--------------------------------------------------
#no25
--------------------------------------------------*/

#no25 {}

#no25 .no25-sp-01 {
    display: block;
}

@media (min-width: 768px) {
    #no25 .no25-sp-01 {
        display: none;
    }
}

#no25 .no25-pc-01 {
    display: none;
}

@media (min-width: 768px) {
    #no25 .no25-pc-01 {
        display: block;
    }
}

#no25 .no25-font-01 {
    text-align: justify;
}

#no25 .no25-box-03 {
    text-align: left;
    margin: 2em auto 0;
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-box-03 {
        text-align: left;
        margin: 0 auto;
        padding: 0 0 0 1em;
        width: 350px;
    }
}

#no25 .no25-box-01 {
    position: relative;
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    #no25 .no25-box-01 {
        margin: 3em 0 0 0;
    }
}

#no25 .no25-box-01::before {
    position: absolute;
    display: block;
    margin: -1em 0 0 2em;
    content: '';
    background: url(../../upload/2018autumn/25/25_13.gif) no-repeat;
    width: calc(100% + 4em);
    height: 100%;
    z-index: -1;
}

@media (min-width: 768px) {
    #no25 .no25-box-01::before {
        margin: -1em 0 0 5em;
        width: 97%;
    }
}

#no25 .no25-img-01 {
    margin: -4em 0 1em;
}

#no25 .no25-img-02 {
    margin: 0 -25px 1.6em 0;
    text-align: right;
}

@media (min-width: 768px) {
    #no25 .no25-img-02 {
        text-align: right;
        margin: 0 -42px 2em 0;
    }
}

#no25 .no25-img-02 img {
    height: 80px;
    max-width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-img-02 img {
        height: 120px;
    }
}

#no25 .no25-img-03 {}

#no25 .no25-img-03 img {
    height: 3.6vh;
    max-width: 100%;
    float: right;
}

@media (min-width: 768px) {
    #no25 .no25-img-03 img {
        height: 30px;
    }
}

#no25 .no25-hr-01 {
    float: right;
    margin: 1.6em 0;
    width: 56%;
    border: 1.5px solid #333;
}

@media (min-width: 768px) {
    #no25 .no25-hr-01 {
        float: right;
        margin: 2.6em 0;
        border: 1.6px solid #333;
    }
}

#no25 .no25-txt-01 {
    text-align: right;
}

#no25 .no25-txt-01 img,
#no25 .no25-txt-02 img {
    clear: both;
    margin: 0 0 2em;
    width: 82%;
}

#no25 .no25-box-02 {
    position: relative;
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    #no25 .no25-box-02 {
        position: relative;
        margin: 3em 0 0 0;
    }
}

#no25 .no25-box-02::before {
    position: absolute;
    display: block;
    margin: -1em 0 0 -2em;
    content: '';
    background: url(../../upload/2018autumn/25/25_13.gif) no-repeat;
    width: calc(100% + 4em);
    height: 100%;
    z-index: -1;
}

@media (min-width: 768px) {
    #no25 .no25-box-02::before {
        position: absolute;
        display: block;
        margin: 1.8em 0 0 -5em;
        content: '';
        background: url(../../upload/2018autumn/25/25_13.gif) no-repeat;
        width: 97%;
        height: calc(100% - 1.8em);
    }
}

#no25 .no25-box-04 {}

@media (min-width: 768px) {
    #no25 .no25-box-04 {
        padding: 4em 0 0 0;
    }
}

#no25 .no25-img-04 {
    margin: 1em 0 1.6em;
    text-align: left;
}

@media (min-width: 768px) {
    #no25 .no25-img-04 {
        margin: 0 -42px 2em 0;
        text-align: left;
    }
}

#no25 .no25-img-04 img {
    height: 66px;
    max-width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-img-04 img {
        height: 98px;
    }
}

#no25 .no25-img-05 img {
    height: 4.3vh;
    max-width: 200%;
}

@media (min-width: 768px) {
    #no25 .no25-img-05 img {
        height: 32px;
        max-width: auto;
    }
}

#no25 .no25-hr-02 {
    float: left;
    margin: 1.6em 0;
    width: 56%;
    border: 1.5px solid #333;
}

@media (min-width: 768px) {
    #no25 .no25-hr-02 {
        margin: 2.6em 0;
        border: 1.6px solid #333;
    }
}

#no25 .no25-txt-02 {
    text-align: left;
}

#no25 .no25-txt-03 {
    clear: both;
    margin: 2em 0 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-txt-03 {
        float: right;
        margin: 0;
        width: 90%;
    }
}

#no25 .no25-txt-04 {
    margin: 2em 0 2em 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-txt-04 {
        margin: 0;
        width: 90%;
    }
}

#no25 .no25-box-05 {
    text-align: left;
    margin: 0;
    padding: 0 !important;
    width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-box-05 {
        text-align: right;
        margin: 0 auto;
        padding: 0 0 0 1em;
        width: 350px;
    }
}

#no25 .no25-mr-01 {
    margin: 0 4.4em 0 0;
}

#no25 .no25-img-06 {
    margin: 1em 0 1.6em 0;
    text-align: right;
}

@media (min-width: 768px) {
    #no25 .no25-img-06 {
        margin: 0 0 2em 0;
    }
}

#no25 .no25-img-06 img {
    height: 60px;
    max-width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-img-06 img {
        height: 96px;
    }
}

#no25 .no25-img-07 {
    position: static;
}

@media (min-width: 768px) {
    #no25 .no25-img-07 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

#no25 .no25-img-07 img {
    float: right;
    height: 3.5vh;
    max-width: 200%;
}

@media (min-width: 768px) {
    #no25 .no25-img-07 img {
        height: 36px;
        width: auto;
    }
}

#no25 .no25-box-06 {
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-box-06 {
        position: relative;
        margin: 0 0 4em -20%;
        width: 120%;
    }
}

#no25 .no25-txt-05 img {
    float: right;
    margin: 0 0 2em;
    width: 66%;
}

#no25 .no25-img-08 {
    margin: 1em 0 1.6em 0;
    text-align: left;
}

@media (min-width: 768px) {
    #no25 .no25-img-08 {
        margin: 0 -42px 2em 0;
    }
}

#no25 .no25-img-08 img {
    height: 50px;
    max-width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-img-08 img {
        height: 76px;
    }
}

#no25 .no25-img-09 {}

@media (min-width: 768px) {
    #no25 .no25-img-09 {
        height: 36px;
    }
}

#no25 .no25-img-09 img {
    height: 4.4vh;
    max-width: 100%;
}

@media (min-width: 768px) {
    #no25 .no25-img-09 img {
        height: 100%;
    }
}

#no25 .no25-img-10 {
    margin: 0 0 1.6em;
}

#no25 .no25-box-07 {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    #no25 .no25-box-07 {
        margin-bottom: 8em;
    }
}

#no25 .no25-box-08 {
    padding: 0 15px;
}

@media (min-width: 768px) {
    #no25 .no25-box-08 {
        padding: 0;
    }
}


/*--------------------------------------------------
#no26
--------------------------------------------------*/

#no26 {}

#no26 .box {
    margin: 0 0 10% 0;
}

#no26 .box::before {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 0;
    content: "";
    background: #ededed;
    width: 87.5%;
    height: calc(100% - 130px);
}

#no26 .box::before {
    right: -10%;
}

#no26 .box.reverse::before {
    left: -10%;
}

#no26 .box .inner {
    width: 80%;
}

#no26 .box .inner {
    margin: 0 0 0 20%;
    padding: 0 0 0 12.5%;
}

#no26 .box.reverse .inner {
    margin: 0 20% 0 0;
    padding: 0 12.5% 0 0;
}

@media (max-width:767px) {
    #no26 .box .inner {
        width: 100%;
    }
    #no26 .box .inner,
    #no26 .box.reverse .inner {
        margin: 0;
        padding: 5% 0;
    }
}

#no26 .no26-img-02 {
    text-align: right;
    margin: -310px 0 5% 0;
}

#no26 .no26-img-06 {
    text-align: right;
}

#no26 .no26-img-07 {
    margin: -310px 0 5% 0;
}

#no26 .no26-img-11 {
    text-align: right;
    margin: -310px 0 5% 0;
}

#no26 .no26-img-02 img,
#no26 .no26-img-07 img,
#no26 .no26-img-11 img {
    max-width: 363px;
}

@media (max-width:767px) {
    #no26 .no26-img-02,
    #no26 .no26-img-07,
    #no26 .no26-img-11 {
        margin: -5.5% 0 0 0;
    }
    #no26 .no26-img-02 img,
    #no26 .no26-img-07 img,
    #no26 .no26-img-11 img {
        max-width: 100%;
    }
}

#no26 .no26-img-05,
#no26 .no26-img-09,
#no26 .no26-img-13 {
    padding: 0 0 10% 0;
}

#no26 .no26-img-05 .txt,
#no26 .no26-img-09 .txt,
#no26 .no26-img-13 .txt {
    margin: 0;
    padding: 1em 0 0 0;
}

#no26 .txt {
    font-size: 14px;
    line-height: 26px;
}

#no26 .txt2 {
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 1em 0 0 0;
}

#no26 .box .inner .txt2 {
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------
#no27
--------------------------------------------------*/

#no27 {}

#no27 .l-col-sm-4 .c-paragraph--md {
    font-size: 10px;
    line-height: 16px;
}

#no27 .l-col-sm-4 .c-paragraph--md span {
    display: block;
    font-size: 30px;
    line-height: 40px;
    padding: 0.5em 0 0 0;
}

#no27 .l-col-sm-3 {
    text-align: center;
}

#no27 .l-col-sm-3 .c-paragraph--xs {
    letter-spacing: -0.05em;
}

#no27 .l-col-sm-3 .c-paragraph--xs span {
    font-weight: bold;
}

#no27 .no27-txt-01 {
    letter-spacing: -0.1rem !important;
}

#no27 .no27-img-07 {
    margin: 0 0 0.4em;
    height: 60px;
    width: auto;
}

@media (min-width: 768px) {
    #no27 .no27-img-07 {
        margin: 0;
    }
}


/*--------------------------------------------------
#no28
--------------------------------------------------*/

#no28 {}

#no28 .l-col-sm-4 {
    padding: 0 0 0 7.5%;
}

#no28 .is-reverse .l-col-sm-4 {
    padding: 0 7.5% 0 0;
}

@media (max-width:767px) {
    #no28 .l-col-sm-4,
    #no28 .is-reverse .l-col-sm-4 {
        padding: 0 15px;
    }
}

#no28 .l-row::before {
    display: block;
    position: absolute;
    top: 30%;
    left: 5%;
    z-index: 0;
    content: "";
    width: 200%;
    height: 70%;
}

#no28 .l-row.is-reverse::before {
    right: 5%;
    left: auto;
}

@media (max-width:767px) {
    #no28 .l-row::before {
        top: auto;
        bottom: 0;
        left: -50%;
        height: calc((100vw * 300 / 640) + 4.32rem);
    }
    #no28 .l-row.is-reverse::before {
        right: -50%;
    }
}

#no28 .l-row.bg01::before,
#no28 .l-row.bg04::before,
#no28 .l-row.bg07::before {
    background: #faece1;
}

#no28 .l-row.bg02::before,
#no28 .l-row.bg05::before,
#no28 .l-row.bg08::before {
    background: #ffece7;
}

#no28 .l-row.bg03::before,
#no28 .l-row.bg06::before,
#no28 .l-row.bg09::before {
    background: #fbf2dd;
}

#no28 .l-row.bg04::before {
    height: calc((100vw * 300 / 640) + 12.4rem);
}

#no28 .c-paragraph--md {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 7.5% 0;
}

#no28 .c-paragraph--md span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 24% 0 7.5% 0;
}

@media (max-width:767px) {
    #no28 .c-paragraph--md span {
        padding: 0 0 7.5% 0;
    }
}

#no28 .c-paragraph--sm {
    font-size: 14px;
    line-height: 24px;
}

@media (max-width:767px) {
    #no28 .c-paragraph--xs {
        text-align: right;
        margin-top: 1.6rem;
        margin-bottom: 0;
    }
}


/*--------------------------------------------------
#no29
--------------------------------------------------*/

#no29 {}

#no29 .no29-box {
    position: relative;
}

#no29 .no29-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    height: 100%;
    width: 50%;
    background: #cb9650;
    margin-right: 190px;
}

#no29 .no29-box--b {
    background: #f2f2f2;
}

#no29 .no29-box--b::before {
    top: 0;
    right: auto;
    left: 50%;
    margin-left: 190px;
    margin-right: 0;
    background: #967e6a;
}

#no29 .no29-box--c::before {
    background: #4c2a2b;
}

#no29 .no29-img {
    position: relative;
}

#no29 .no29-catch {
    position: absolute;
    top: 50%;
    margin-top: -108px;
    left: -133.5%;
    background: #fff;
    padding-left: 100%;
    z-index: 1;
}

#no29 .no29-box--b .no29-catch {
    left: auto;
    right: -133.5%;
    padding-right: 100%;
    padding-left: 0;
}

@media (max-width:1279px) {
    #no29 .no29-box::before {
        margin-right: 0;
        width: 35%;
        right: auto;
        left: 0;
    }
    #no29 .no29-box--b::before {
        margin-left: 0;
        right: 0;
        left: auto;
    }
    #no29 .no29-catch {
        width: 60.5%;
        right: auto;
        left: -36%;
        padding-left: 0;
        background: transparent;
    }
    #no29 .no29-box--b .no29-catch {
        right: -36%;
        left: auto;
        padding-right: 0;
    }
}

@media (max-width:767px) {
    #no29 .no29-row {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    #no29 .no29-box--b .no29-row {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    #no29 .no29-img {
        position: static;
    }
    #no29 .no29-catch {
        width: 44%;
        right: auto;
        left: -6%;
        margin-left: -25px;
        top: auto;
        margin-top: 5%;
    }
    #no29 .no29-box--b .no29-catch {
        left: auto;
        right: -6%;
        margin-right: -25px;
        margin-left: 0;
    }
}

#no29 .no29-desc {
    width: 68%;
    margin-left: auto;
}

#no29 .no29-box--b .no29-desc {
    margin-left: 0;
}


/*--------------------------------------------------
#no30
--------------------------------------------------*/

#no30 {}

#no30 .p-article__body {
    padding-top: 0;
}

#no30 .bg {
    background: #e8ddd3;
}

#no30 .u-pb-70 {
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
    #no30 .u-pb-70 {
        padding-bottom: 70px !important;
    }
}

#no30 .u-pb-100 {
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
    #no30 .u-pb-100 {
        padding-bottom: 100px !important;
    }
}

.no30-pc-01 {
    display: none;
}

@media (min-width: 768px) {
    .no30-pc-01 {
        display: block;
    }
}

#no30 .no30-pcblock-01 {
    display: none;
}

@media (min-width: 768px) {
    #no30 .no30-pcblock-01 {
        display: block;
    }
}

#no30 .no30-spblock-01 {
    display: block;
}

@media (min-width: 768px) {
    #no30 .no30-spblock-01 {
        display: none;
    }
}

#no30 .no30-font-01 {
    text-align: justify;
}

#no30 img {
    width: 100%;
}

@media (min-width: 768px) {
    #no30 .no30-pb-c-lead {
        margin-bottom: 60px;
    }
}

#no30 .no30-img-01 {
    margin: 0 0 20px 0;
}

@media (min-width: 768px) {
    #no30 .no30-img-01 {
        margin: 0 0 0 -120px;
        width: 100%;
    }
}

#no30 .no30-img-02 {
    width: 60px;
}

@media (min-width: 768px) {
    #no30 .no30-img-02 {
        margin: 0 0 4px;
        width: 100px;
    }
}

#no30 .no30-txt-01 {
    font-size: 1.2rem;
}

#no30 .no30-box-01 ul {
    margin: 30px 0 30px;
}

@media (min-width: 768px) {
    #no30 .no30-box-01 ul {
        /*  margin: 60px 0 40px;*/
    }
}

#no30 .no30-hr-01 {
    margin: 20px 0 30px;
    height: 1px;
    border: none;
    border-top: 1px #2e2e2e solid;
}

@media (min-width: 768px) {
    #no30 .no30-hr-01 {
        margin: 100px 0;
    }
}

.no30-img-03 {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .no30-img-03 {
        margin: 0;
    }
}

#no30 .no30-reverse-01 {}

@media (min-width: 768px) {
    #no30 .no30-reverse-01 {}
}

#no30 .no30-reverse-01 {
    align-items: center;
}

#no30 .no30-title-01 {
    color: #a78367;
    margin: 0 0 40px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 3rem;
}

@media (min-width: 768px) {
    #no30 .no30-title-01 {
        font-size: 2.5rem;
        line-height: 4.6rem;
    }
}

#no30 .no30-box-02 {
    margin: 0 0 14px;
}

@media (min-width: 768px) {
    #no30 .no30-box-02 {
        margin: 0 20% 0 0;
    }
}


/*
#no30 .no30-box-02 p {
  width: 100%;
}

@media (min-width: 768px) {
#no30 .no30-box-02 p {
  width: 80%;
}
}
*/

#no30 .no30-box-02 p:first-child {
    margin-bottom: 10px;
}

#no30 .no30-title-03 {
    margin: 0 0 18px;
    color: #a78367;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
}

@media (min-width: 768px) {
    #no30 .no30-title-03 {
        margin: 0 0 26px;
    }
}

#no30 .no30-space-01 {
    margin: 0 5px 0 0 !important;
    letter-spacing: -2px;
}

#no30 .no30-txt-02 {
    margin: 0 0 24px;
}

@media (min-width: 768px) {
    #no30 .no30-txt-02 {
        margin: 0 0 26px;
    }
}

#no30 .no30-box-04 {
    width: 100%;
}

@media (min-width: 768px) {
    #no30 .no30-box-04 {
        width: 80%;
    }
}

#no30 .no30-box-03 {
    margin: 0 0 30px;
}

@media (min-width: 768px) {
    #no30 .no30-box-03 {
        margin: 0;
    }
}

#no30 .no30-box-03 p:last-child {
    margin: 0;
}

#no30 .no30-box-03 p span,
#no30 .no30-box-04 p span {
    margin: 0 20px 0 0;
    color: #868687;
    font-weight: bold;
}

#no30 .no30-box-03 .no30-spblock-01 {
    margin: 0 0 24px;
}

#no30 .no30-box-05 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 40px;
    width: 100%;
}

@media (min-width: 768px) {
    #no30 .no30-box-05 ul {
        margin: 0;
    }
}

#no30 .no30-box-05 ul li {
    margin: 0 0 2%;
    width: 49%;
}

@media (min-width: 768px) {
    #no30 .no30-box-05 ul li {
        margin: 0 0 4%;
        width: 48%;
    }
}

#no30 .no30-box-05 ul li:nth-child(3),
#no30 .no30-box-05 ul li:nth-child(4) {
    margin: 0;
}

#no30 .no30-fend {
    flex-direction: row;
}

@media (min-width: 768px) {
    #no30 .no30-fend {
        flex-direction: row-reverse;
        align-items: flex-end;
    }
}

#no30 .no30-nmt-01 {
    margin: 0;
}

@media (min-width: 768px) {
    #no30 .no30-nmt-01 {
        margin: -180px 0 0;
    }
}

#no30 .no30-box-06 p {
    margin: 0 0 30px;
    width: 100%;
}

@media (min-width: 768px) {
    #no30 .no30-box-06 p {
        margin: 0 0 0 20%;
        width: 80%;
    }
}

#no30 .no30-box-06 p:first-child {
    margin: 0 0 10px 0;
}

@media (min-width: 768px) {
    #no30 .no30-box-06 p:first-child {
        margin: 0 0 10px 20%;
    }
}

#no30 .no30-txt-03 {
    font-size: 1.2rem;
}

#no30 .no30-box-07 {
    margin: 0 0 30px;
    padding: 7.6em 1.6em 1.6em;
    width: 100%;
    color: #fff;
    background: #a78367 url(../../upload/2018autumn/30/30_12.png) no-repeat 1.4em 1.4em;
    text-align: left;
}

@media (min-width: 768px) {
    #no30 .no30-box-07 {
        padding: 3em;
        text-align: center;
    }
}

#no30 .no30-box-08 {
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    #no30 .no30-box-08 {
        margin: 0;
    }
}

#no30 .no30-box-08 ul {
    display: flex;
    justify-content: space-between;
    padding-right: 6%;
    width: 100%;
    box-sizing: border-box;
}

#no30 .no30-box-08 ul li {
    width: 32%;
}

#no30 .no30-ttl-06 {
    margin: 0;
    font-size: 1.6rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    #no30 .no30-ttl-06 {
        margin: 0 0 20px;
        font-size: 2rem;
    }
}

#no30 .no30-txt-04 {
    font-size: 1.4rem;
}

#no30 .img-bg01::before,
#no30 .img-bg02::before,
#no30 .img-bg03::before,
#no30 .img-bg04::before,
#no30 .img-bg05::before {
    display: block;
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
}

#no30 .img-bg01::before {
    background: #d6e1ea;
    top: -10px;
    left: -10px;
}

#no30 .img-bg02::before {
    background: #ecdbe2;
    top: 10px;
    left: 10px;
}

#no30 .img-bg03::before {
    background: #dce8d3;
    top: -10px;
    left: -10px;
}

#no30 .img-bg04::before {
    background: #d6e1ea;
    top: 10px;
    left: 10px;
}

#no30 .img-bg05::before {
    background: #ecdbe2;
    top: -10px;
    left: -10px;
}

@media (min-width: 768px) {
    #no30 .img-bg01::before {
        top: -20px;
        left: -20px;
    }
    #no30 .img-bg02::before {
        top: 20px;
        left: 20px;
    }
    #no30 .img-bg03::before {
        top: -20px;
        left: -20px;
    }
    #no30 .img-bg04::before {
        top: 20px;
        left: 20px;
    }
    #no30 .img-bg05::before {
        top: -20px;
        left: -20px;
    }
}


/*--------------------------------------------------
#no42
--------------------------------------------------*/

#no42 {}

#no42 .no42-items {
    position: relative;
}

#no42 .no42-items p {
    padding-left: 6em;
}

#no42 .no42-items p span {
    position: absolute;
    left: 0;
}

@media (min-width:768px) {
    #no42 .no42-col1>div+div {
        border-left: solid 1px #bfbfbf;
    }
}


/*--------------------------------------------------
#no43
--------------------------------------------------*/

#no43 {}

#no43 .bg {
    background: #ededed;
}

#no43 .title {
    border-bottom: 6px solid #333;
    font-size: 25px;
    line-height: 40px;
    margin: 0 0 4% 0;
}

#no43 .is-reverse .title {
    text-align: right;
}

@media (max-width:767px) {
    #no43 .is-reverse .title {
        text-align: left;
    }
}

#no43 .title::after {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
}

#no43 .title span {
    font-size: 35px;
}

#no43 .ttl {
    background: #17254a;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 10px;
}

#no43 .ttl span {
    font-size: 20px;
}

#no43 .c-paragraph--lg {
    text-align: justify;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0.075em;
}

#no43 .c-paragraph--md {
    text-align: left;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.075em;
}

#no43 .l-col-sm-7 .c-paragraph--md {
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.075em;
}

#no43 .l-col-sm-7 .c-paragraph--md em {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #17254a;
    color: #17254a;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

#no43 .l-col-sm-7 .c-paragraph--md span {
    color: #ec6941;
    font-weight: bold;
    font-size: 16px;
}

#no43 .l-col-sm-7 .c-paragraph--md img {
    float: right;
    width: 50%;
    max-width: 250px;
    margin: 0 0 0 10px;
}

#no43 .no43-img-09 {
    float: left;
    width: 40%;
    max-width: 220px;
    margin: 0 20px 10px 0;
}

#no43 .no43-img-10 {
    float: right;
    width: 40%;
    max-width: 220px;
    margin: 0 0 10px 20px;
}


/*--------------------------------------------------
#no44
--------------------------------------------------*/

#no44 {}

#no44 .p-article__body {
    padding-top: 0;
}

#no44 .bg1 {
    background: #E9E4D8;
    color: #84785C;
    padding: 60px 0;
}

#no44 .bg2 {
    background: #fff;
    color: #A4997E;
    padding: 60px 0;
}

@media (max-width:767px) {
    #no44 .bg1,
    #no44 .bg2 {
        padding: 25px 0;
    }
}

#no44 .catch {
    text-align: center;
}

#no44 .no44-img-01 {
    padding: 0 0 5% 0;
}

#no44 .no44-img-01::before {
    display: block;
    content: "";
    background: #a48e6a;
    width: 20px;
    height: 1px;
    margin: 0 auto 6% auto;
}

#no44 .no44-img-01 img {
    height: 80px;
}

#no44 .no44-img-02 img.pos {
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 61.0416666%;
}

@media (max-width:767px) {
    #no44 .no44-img-02 img.pos {
        right: -15px;
        bottom: -15px;
    }
}

#no44 .no44-img-03 img {
    float: right;
    margin: 0 0 2em;
    height: 70px;
}

@media (min-width:768px) {
    #no44 .no44-img-03 {
        float: right;
    }
    #no44 .no44-img-03 img {
        margin: 10em 0 0 0;
        width: 100%;
        height: 90px;
        width: auto;
    }
}

#no44 .no44-img-04 {
    margin: 0 0 2em;
}

@media (min-width:768px) {
    #no44 .no44-img-04 {
        margin: 0 0 3em;
    }
}

#no44 .no44-img-05 {
    float: right;
    margin: 0 0 0.6em;
    width: 100%;
}

#no44 .no44-img-05 img {
    width: 100%;
}

@media (min-width:768px) {
    #no44 .no44-img-05 {
        margin: 0;
        width: 100%;
    }
    #no44 .no44-img-05 img {
        float: right;
        margin: 0 -15px 0 0;
        width: 76%;
    }
}

#no44 .no44-img-06 {
    margin: 0 0 0.6em 0;
    width: 100%;
}

@media (min-width:768px) {
    #no44 .no44-img-06 {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -15px;
        width: 90%;
    }
}

#no44 .no44-img-07 {
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:768px) {
    #no44 .no44-img-07 {
        margin: 0;
        float: right;
        width: 80%;
    }
}

#no44 .no44-box-01 {
    position: relative;
}

#no44 .no44-box-02 {
    overflow: hidden;
}

@media (min-width:768px) {
    #no44 .no44-box-02 {
        overflow: hidden;
        margin: 0 0 5em;
    }
}

#no44 .no44-box-03 {
    overflow: hidden;
}

@media (min-width:768px) {
    #no44 .no44-box-03 {
        margin: 0 0 4em;
    }
}

#no44 .no44-img-08 {
    margin: 0 0 2em;
}

#no44 .no44-img-08 img {
    height: 70px;
}

@media (min-width:768px) {
    #no44 .no44-img-08 {
        position: absolute;
        top: 10em;
        width: 200%;
        z-index: 100;
    }
    #no44 .no44-img-08 img {
        height: 90px;
        width: auto;
    }
}

#no44 .no44-img-09 {
    margin: 0 0 0.6em 0;
    width: 100%;
}

@media (min-width:768px) {
    #no44 .no44-img-09 {
        margin: 0 0 0 -15px;
        width: 76%;
    }
}

#no44 .no44-img-10 {
    margin: 0 0 0.6em 0;
}

@media (min-width:768px) {
    #no44 .no44-img-10 {
        position: absolute;
        bottom: 0;
        margin: 0;
    }
}

#no44 .no44-img-11 {
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:768px) {
    #no44 .no44-img-11 {
        margin: 0;
        width: 80%;
    }
}

#no44 .no44-box-04 {
    margin: 0 0 1.6em 0;
}

@media (min-width:768px) {
    #no44 .no44-box-04 {
        position: absolute;
        bottom: 0;
        margin: 0;
    }
}

#no44 .no44-box-05 {}

@media (min-width:768px) {
    #no44 .no44-box-05 {
        margin: 0 15px 0 -15px;
    }
}


/*--------------------------------------------------
#no45
--------------------------------------------------*/

#no45 {}

#no45 .no45-font-01 {
    text-align: justify;
}

#no45 .no45-pc-01 {
    display: none;
}

@media (min-width: 768px) {
    #no45 .no45-pc-01 {
        display: block;
    }
}

#no45 .no45-sp-01 {
    display: block;
}

@media (min-width: 768px) {
    #no45 .no45-sp-01 {
        display: none;
    }
}

#no45 .no45-box-01 {
    margin: 0 auto 30px;
    padding: 0 0 30px;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

@media (min-width: 768px) {
    #no45 .no45-box-01 {
        margin: 0 auto 8em;
        padding: 0 0 6em;
        width: 50%;
    }
}

#no45 .no45-box-01 ul {
    display: flex;
    justify-content: space-between;
}

#no45 .no45-box-01 li {
    width: 48%;
}

#no45 .no45-box-02 {
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 1440px;
    height: auto;
    background: #f6f6f4;
}

@media (min-width: 768px) {
    #no45 .no45-box-02 {
        margin: 0 auto 3em;
        padding: 3em 0;
        width: 100%;
    }
}

#no45 .no45-box-03 {
    max-width: 100%;
    padding: 0 25px;
}

@media (min-width: 768px) {
    #no45 .no45-box-03 {
        float: right;
        max-width: 1160px;
        padding-left: 40px;
    }
}

#no45 .no45-box-04 {
    margin: 0 auto;
}

@media (min-width: 768px) {
    #no45 .no45-box-04 {
        margin: 0 auto;
        padding-right: 50px;
    }
}

#no45 .no45-box-05 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    #no45 .no45-box-05 {
        display: flex;
        align-items: center;
    }
}

#no45 .no45-box-05 div:nth-child(1) {
    width: 30%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #no45 .no45-box-05 div:nth-child(1) {
        width: 16%;
    }
}

#no45 .no45-box-05 div:nth-child(2) {
    width: 70%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #no45 .no45-box-05 div:nth-child(2) {
        padding: 1em 4em;
        width: 48%;
    }
}

#no45 .no45-box-05 div:nth-child(3) {
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #no45 .no45-box-05 div:nth-child(3) {
        padding: 0;
        width: 36%;
    }
}

#no45 .no45-box-06 {
    padding: 0;
}

@media (min-width: 768px) {
    #no45 .no45-box-06 {
        overflow: hidden;
        padding: 3em 0;
        width: 100%;
        max-width: 1440px;
        height: auto;
        margin: 0 auto;
    }
}

#no45 .no45-box-07 {
    padding: 0 25px;
}

@media (min-width: 768px) {
    #no45 .no45-box-07 {
        float: right;
        padding: 0 0 0 40px;
        max-width: 1240px;
    }
}

#no45 .no45-sttl-01 {
    margin: 30px 0 10px;
    color: #3a5800;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    #no45 .no45-sttl-01 {
        margin: 0 0 1em;
        color: #3a5800;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: bold;
    }
}

#no45 .no45-ttl-01 {
    margin: 0 0 20px;
    color: #3a5800;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: bold;
    text-align: start;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-01 {
        margin: 0 0 1em;
        color: #3a5800;
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

#no45 .no45-ttl-02 {
    margin: 0 0 14px;
    padding: 0 0 14px;
    font-size: 2rem;
    line-height: 2.8rem;
    border-bottom: 2px solid #3a5800;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-02 {
        margin: 0 0 1em;
        padding: 1em 0;
        font-size: 2.4rem;
        line-height: 3rem;
        border-bottom: 2px solid #3a5800;
    }
}

#no45 .no45-txt-02 {
    padding: 0 0 30px;
}

@media (min-width: 768px) {
    #no45 .no45-txt-02 {
        padding: 0 0 6em;
    }
}

#no45 .no45-box-08 {
    margin: 20px 0 0;
}

@media (min-width: 768px) {
    #no45 .no45-box-08 {
        margin: 0;
    }
}

#no45 .no45-box-09 {
    padding: 20px 0 15px;
    border-bottom: 2px dotted #aaa;
}

@media (min-width: 768px) {
    #no45 .no45-box-09 {
        padding: 3em 0 0 6em;
        border: none;
    }
}

#no45 .no45-img-01 {
    margin: 0 0 1em;
    width: 40%;
}

@media (min-width: 768px) {
    #no45 .no45-img-01 {
        margin: 6em 0 1em;
        width: 100%;
    }
}

#no45 .no45-img-02 {
    margin: 0;
}

@media (min-width: 768px) {
    #no45 .no45-img-02 {
        margin: -6em 0 0;
    }
}

#no45 .no45-ttl-04 {
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-04 {
        margin: 0 0 2em;
    }
}

#no45 .no45-box-10 {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 0 6em;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 25px;
}

@media (min-width: 768px) {
    #no45 .no45-box-10 {
        flex-wrap: nowrap;
        padding: 0 40px 6em;
        max-width: 1040px;
    }
}

#no45 .no45-box-10 img {
    width: 100%;
}

#no45 .no45-box-11 {
    margin: 0 0 20px;
    width: 100%;
}

@media (min-width: 768px) {
    #no45 .no45-box-11 {
        margin: 0;
        width: 150%;
    }
}

#no45 .no45-box-12 {
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #no45 .no45-box-12 {
        margin: 0 0 0 -6em;
        width: 60%;
    }
}

#no45 .no45-box-13 {
    margin: 0 auto;
}

#no45 .no45-box-14 {
    margin: 0 0 40px;
    padding: 0 0 20px;
    border-bottom: 2px dotted #aaa;
}

@media (min-width: 768px) {
    #no45 .no45-box-14 {
        margin: 0;
        border: none;
    }
}

#no45 .no45-box-15 {
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
    #no45 .no45-box-15 {
        padding-bottom: 3rem !important;
    }
}

#no45 .no45-img-03 img {
    max-width: 277px;
}

#no45 .no45-img-04 {
    margin: 0 0 20px;
}

#no45 .no45-sttl-02 {
    margin: 30px 0 10px;
    color: #8f2922;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    #no45 .no45-sttl-02 {
        margin: 0 0 1em;
        color: #8f2922;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: bold;
    }
}

#no45 .no45-ttl-05 {
    margin: 0 0 20px;
    color: #8f2922;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: bold;
    text-align: start;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-05 {
        margin: 0 0 1em;
        color: #8f2922;
        font-size: 3.2rem;
        line-height: 4rem;
        font-weight: bold;
    }
}

#no45 .no45-ttl-06 {
    margin: 0 0 14px;
    padding: 0 0 14px;
    font-size: 2rem;
    line-height: 2.8rem;
    border-bottom: 2px solid #8f2922;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-06 {
        margin: 0 0 1em;
        padding: 1em 0;
        font-size: 2.4rem;
        line-height: 3rem;
        border-bottom: 2px solid #8f2922;
    }
}

#no45 .no45-ttl-07 {
    margin: 0 0 14px;
    padding: 0 0 14px;
    font-size: 2rem;
    line-height: 2.8rem;
    border-bottom: 2px solid #8f2922;
}

@media (min-width: 768px) {
    #no45 .no45-ttl-07 {
        margin: 0 0 1em;
        padding: 1em 0;
        font-size: 2.4rem;
        line-height: 3rem;
        border-bottom: 2px solid #8f2922;
    }
}