@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;
}

.ac {
    text-align: center;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}


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

#no8 {}

#no8 .no08-txt-01 {
    margin: 0 0 4em;
}

#no8 .no08-photo-01 {
    margin: 4em 0 4em;
}

#no8 .no08-txtWrap-01 {}

#no8 .no08-txtB {
    margin: 0 0 2em;
}

#no8 .no08-txtB span {
    padding: 0 1em 0 0;
    color: #00479d;
    font-weight: bold;
}

#no8 .no08-txtG {
    margin: 0 0 2em;
}

#no8 .no08-txtG span {
    padding: 0 1em 0 0;
    color: #009944;
    font-weight: bold;
}

#no8 .no08-boxWrap-01 {
    padding: 4em 0 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

@media (min-width:767px) {
    #no8 .no08-boxWrap-01 {
        padding: 6em 0 0;
    }
}

#no8 .no08-ttl-01 {
    margin: 0 0 2em;
    font-size: 1.7rem;
    line-height: 2rem;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
}

@media (min-width:767px) {
    #no8 .no08-ttl-01 {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
}

#no8 .no08-boxWrap-01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#no8 .no08-boxWrap-01 ul li {
    margin: 0 0 4em;
    width: 100%;
}

@media (min-width:767px) {
    #no8 .no08-boxWrap-01 ul li {
        margin: 0 0 6em;
        width: 48%;
    }
}

#no8 .no08-boxWrap-01 ul li:last-child {
    width: 100%;
}

#no8 .no08-flex-01 {
    display: block;
}

@media (min-width:767px) {
    #no8 .no08-flex-01 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

#no8 .no08-flex-01 div:first-child {
    width: 100%;
}

@media (min-width:767px) {
    #no8 .no08-flex-01 div:first-child {
        width: 48%;
    }
}

#no8 .no08-flex-01 div:last-child {
    width: 100%;
}

@media (min-width:767px) {
    #no8 .no08-flex-01 div:last-child {
        width: 48%;
    }
}

#no8 .no08-txt-02 {
    padding: 2.4em 0 1.4em;
}

@media (min-width:767px) {
    #no8 .no08-txt-02 {
        padding: 2.4em 0;
    }
}

#no8 .no08-flex-01 div:last-child .no08-txt-02 {
    padding: 2.4em 0 1.4em;
}

@media (min-width:767px) {
    #no8 .no08-flex-01 div:last-child .no08-txt-02 {
        padding: 0 0 2.4em;
    }
}

#no8 .no08-txtWrap-02 {
    margin: 0 0 3em;
}

#no8 .no08-txtWrap-02 p:nth-child(1) {
    margin: 0 0 0.4em;
    font-weight: bold;
}

#no8 .no08-txtWrap-02 p:nth-child(2) {
    font-size: 1.3rem;
    line-height: 2.4rem;
}

#no8 .no08-txtWrap-02 p:nth-child(3) {
    font-size: 1.3rem;
    line-height: 2.4rem;
}

#no8 .no08-boxWrap-02 {
    padding: 4em 0 0;
}


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

#no9 {}

#no9 .bgBlue {
    background: #202e43;
    color: #fff;
}

#no9 .l-as-baseline {
    align-self: baseline;
}

#no9 .l-as-center {
    align-self: center;
}

#no9 .l-as-end {
    align-self: flex-end;
}

#no9 .l-as-start {
    align-self: flex-start;
}

#no9 .l-as-stretch {
    align-self: stretch;
}

#no9 .relative {
    position: relative;
    overflow: visible;
}

#no9 .ttl {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    padding: 30px 0 10px 0;
}

#no9 .ttl_border {
    border-bottom: 1px solid #202e43;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    margin: 0;
    padding: 30px 0 0 0;
}

#no9 dl {}

#no9 dl dt {
    border-bottom: 1px solid #202e43;
    color: #002952;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

#no9 dl dt span {
    font-size: 26px;
}

#no9 dl dd {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 20px 0;
}

#no9 dl dd span {
    font-size: 10px;
    line-height: 20px;
}

#no9 .no09-img-04 {
    text-align: center;
    padding: 10% 0;
}

@media (max-width:767px) {
    #no9 .no09-img-04 {
        padding: 0;
    }
}

#no9 .no09-img-05 {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1;
    text-align: right;
    width: 100%;
    max-width: 281px;
}

@media (max-width:767px) {
    #no9 .no09-img-05 {
        position: relative;
        top: auto;
        right: auto;
        text-align: left;
        max-width: inherit;
    }
}

#no9 .no09-img-06 {
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    text-align: left;
    width: 100%;
    max-width: 281px;
}

@media (max-width:767px) {
    #no9 .no09-img-06 {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: right;
        max-width: inherit;
    }
}

#no9 .no09-img-07 {
    border: 1px solid #202e43;
    padding: 5%;
}

#no9 .no09-img-07::before,
#no9 .no09-img-07::after {
    display: block;
    position: absolute;
    left: 5%;
    content: "";
    background: #fff;
    width: 90%;
    height: 1px;
}

#no9 .no09-img-07::before {
    top: -1px;
}

#no9 .no09-img-07::after {
    bottom: -1px;
}

#no9 .no09-img-07 .c-paragraph--lg span {
    color: #c0a47f;
}

#no9 .no9-slidebody {
    max-width: 800px;
    margin: 0 auto;
}

#no9 .no9-slider {}

#no9 .no9-slider li {}

#no9 .no9-slider li p {
    position: absolute;
    bottom: 5%;
    color: #fff;
    width: 100%;
}

#no9 .no9-slider li p span {
    display: block;
}

#no9 .bx-pager-item {
    display: inline-block;
    padding: 6px;
}

#no9 .bx-pager-item a.bx-pager-link {
    color: #fff;
    background: #fff;
    display: block;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

#no9 .bx-pager-item a.bx-pager-link.active {
    background: #c0a47f;
}


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

#no10 {}

#no10 .no10-img-01 {}

#no10 .no10-img-01 img {
    display: inline-block;
    vertical-align: middle;
}

#no10 .no10-img-01 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    line-height: 30px;
    padding: 1% 0 0 2.5%;
}

#no10 .ttl {
    color: #1a2c5a;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 0;
}

#no10 .c-paragraph--xs {
    color: #2e2e2e;
}


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

#no11 {}

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

#no11 .bg {
    background: #242c4d;
    color: #cdc5b6;
}

#no11 .bg a {
    color: #cdc5b6;
}

#no11 .bg2 {
    background: #e8e7ee;
    color: #4f4a49;
}

#no11 .bg2 a {
    color: #4f4a49;
}

#no11 .bg .c-paragraph--xs,
#no11 .bg2 .c-paragraph--xs {
    color: #2e2e2e;
}

#no11 .no11-img-01 {
    margin-bottom: -20%;
}

@media (max-width:767px) {
    #no11 .no11-img-01 {
        margin-bottom: -15%;
    }
    #no11 .no11-img-03,
    #no11 .no11-img-04,
    #no11 .no11-img-07,
    #no11 .no11-img-08 {
        text-align: center;
    }
}

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

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

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

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

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

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

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

#no11 .detail {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#no11 .detail1 {
    left: 85%;
}

#no11 .detail2 {
    right: 110%;
}

@media (max-width:767px) {
    #no11 .detail {
        position: relative;
        bottom: auto;
    }
    #no11 .detail1 {
        left: auto;
    }
    #no11 .detail2 {
        right: auto;
    }
}

#no11 .detail span {
    display: block;
    color: #a89574;
    padding: 0 0 10px 0;
}

#no11 .c-paragraph-ttl {
    border-right: 1px solid #cdc5b6;
    font-size: 10px;
    line-height: 20px;
    height: 100%;
    margin: 0 50px 0 0;
}

@media (max-width:767px) {
    #no11 .c-paragraph-ttl {
        border-right: none;
        border-bottom: 1px solid #cdc5b6;
        height: inherit;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
    }
}

#no11 .c-paragraph-ttl span {
    display: block;
    color: #a89574;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.15em;
}


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

#no12 {}

#no12 .no12-sec-01 {
    padding: 60px 0 60px;
}

#no12 .no12-sec-02 {
    padding: 60px 0 60px;
    background: #eee;
}

#no12 .no12-sec-03 {
    padding: 60px 0 60px;
}

#no12 .no12-sec-04 {
    padding: 60px 0 60px;
    background: #eee;
}

#no12 .no12-sec-05 {
    padding: 60px 0 60px;
}

#no12 .no12-line {
    border-bottom: solid 2px #1A2C5A;
    margin: 50px 0;
}

#no12 .no12-lead {
    margin-right: 8%;
    height: 100%;
}

#no12 .no12-box {
    position: absolute;
    bottom: 0;
}

#no12 .no12-lead p,
#no12 .no12-col p {
    line-height: 1.6;
}

#no12 .no12-logo {
    margin-bottom: 20px;
}

#no12 .no12-col {
    margin-left: 8%;
    height: 100%;
}

#no12 .no12-col .l-row {
    position: absolute;
    bottom: 0;
}

@media (max-width: 960px) {
    #no12 .no12-col .l-row {
        position: static;
    }
}

@media (max-width:767px) {
    #no12 .no12-sec-01 {
        padding: 60px 0 60px;
    }
    #no12 .no12-sec-02 {
        padding: 60px 0 60px;
    }
    #no12 .no12-sec-03 {
        padding: 60px 0 60px;
    }
    #no12 .no12-sec-04 {
        padding: 60px 0 60px;
    }
    #no12 .no12-sec-05 {
        padding: 60px 0 60px;
    }
    #no12 .no12-lead {
        margin-right: 0;
        margin-bottom: 30px;
    }
    #no12 .no12-lead p,
    #no12 .no12-col p {
        line-height: 1.6;
    }
    #no12 .no12-logo {
        margin-bottom: 20px;
    }
    #no12 .no12-col {
        margin-left: 0;
    }
    #no12 .no12-box {
        position: static;
    }
}


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

#no13 {}

#no13 .no13-txt-01 {
    margin: 0 0 5em;
}

#no13 .no13-box-01 {
    margin: 0 auto 2em;
    max-width: 400px;
    text-align: justify;
}

@media (min-width:767px) {
    #no13 .no13-box-01 {
        margin: 0 auto 4em;
    }
}

#no13 .no13-ttl-01 {
    margin: 0 auto 2em;
    max-width: 160px;
}

#no13 .no13-ttl-02 {
    margin: 0 0 1em;
    font-size: 2rem;
    text-align: center;
    line-height: 3.4rem;
    font-weight: bold;
}

#no13 .no13-ttl-02 span {
    font-size: 3rem;
}

#no13 .no13-photo-01 {
    margin: 0 0 0.5em;
}

#no13 .no13-photo-01 img {
    border: #fff;
}

#no13 .no13-price-01 {
    margin: 0 0 1.8em;
    font-size: 1rem;
    text-align: right;
}

#no13 .no13-box-02 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    text-align: justify;
    box-sizing: border-box;
    z-index: 1;
}

@media (min-width:767px) {
    #no13 .no13-box-02 {
        margin: 0 auto 7em;
        width: 56%;
    }
}

#no13 .no13-box-02 img {
    border: 4px solid #fff;
}

#no13 .no13-box-02 div:nth-child(1) {
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:767px) {
    #no13 .no13-box-02 div:nth-child(1) {
        margin: 0;
        width: 48%;
    }
}

#no13 .no13-box-02 div:nth-child(2) {
    margin: 0;
    width: 100%;
}

@media (min-width:767px) {
    #no13 .no13-box-02 div:nth-child(2) {
        margin: 0;
        width: 48%;
    }
}

#no13 .no13-ttl-04 {
    margin: 0.4em 0;
    font-size: 1.6rem;
    font-weight: bold;
}

@media (min-width:767px) {
    #no13 .no13-ttl-04 {
        margin: 0 0 0.3em;
        font-size: 1.5rem;
    }
}

#no13 .no13-photo-02 {
    margin: 0;
}

@media (min-width:767px) {
    #no13 .no13-photo-02 {
        margin: 0 0 0.3em;
    }
}

#no13 .no13-box-03 {
    position: relative;
    display: block;
    margin: 0;
    text-align: justify;
    box-sizing: border-box;
    z-index: 0;
}

@media (min-width:767px) {
    #no13 .no13-box-03 {
        flex-wrap: nowrap;
    }
}

#no13 .no13-box-03 img {
    border: 4px solid #fff;
}

#no13 .no13-box-03 div:nth-child(1) {
    margin: 0;
    width: 100%;
}

@media (min-width:767px) {
    #no13 .no13-box-03 div:nth-child(1) {
        margin: 0 2em 0 0;
        width: 100%;
    }
}

#no13 .no13-box-03 div:nth-child(2) {
    width: 100%;
}

@media (min-width:767px) {
    #no13 .no13-box-03 div:nth-child(2) {
        width: 55%;
    }
}

#no13 .no13-txt-02 {
    font-size: 1.3rem;
}

#no13 .no13-txt-02 div:first-child {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no13 .no13-txt-02 div {
        margin: 0
    }
}

#no13 .no13-txt-02 div:last-child {
    margin: 0;
}

#no13 .no13-bgColor-01 {
    margin: 4em 0;
    padding: 4em 0;
    background: #EEEEEE;
    width: 100%;
}

@media (min-width:767px) {
    #no13 .no13-bgColor-01 {
        margin: 5em 0;
        padding: 5em 0;
    }
}

#no13 .no13-bgColor-01 .no13-box-02 img {
    border: 4px solid #eee;
}

#no13 .no13-bgColor-01 .no13-box-03 img {
    border: 4px solid #eee;
}

#no13 .no13-box-04 {
    padding: 0 0 5em;
}

@media (min-width:767px) {
    #no13 .no13-box-04 {
        padding: 0 0 8em;
    }
}

#no13 .no13-pc {
    display: none;
}

@media (min-width:767px) {
    #no13 .no13-pc {
        display: block;
    }
}

#no13 .no13-mb-01 {
    margin: 0 auto 4em;
}

@media (min-width:767px) {
    #no13 .no13-mb-01 {}
}


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

#no14 {}

#no14 .no14-flex-01 {
    display: flex;
    flex-wrap: wrap;
    margin: 4em 0 5em;
    padding: 3px 0;
    border-top: 1px solid #bbad95;
    border-bottom: 1px solid #bbad95;
    align-items: center;
}

@media (min-width:767px) {
    #no14 .no14-flex-01 {
        margin: 4em 0 8em;
    }
}

#no14 .no14-flex-01 div:first-child {
    margin: 0 0 1em;
    width: 100%;
}

@media (min-width:767px) {
    #no14 .no14-flex-01 div:first-child {
        margin: 0;
        width: 30%;
    }
}

#no14 .no14-flex-01 div:last-child {
    padding: 0 0 1em 1em;
    width: 100%;
    font-weight: bold;
    letter-spacing: 0.2rem;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media (min-width:767px) {
    #no14 .no14-flex-01 div:last-child {
        padding: 0 0 0 2em;
        width: 70%;
        letter-spacing: 0.5rem;
    }
}

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

#no14 .no14-ttl-01 {
    margin: 0 0 1em;
    text-align: center;
}

#no14 .no14-ttl-01 img {
    height: 6vh;
    width: auto;
}

@media (min-width:767px) {
    #no14 .no14-ttl-01 img {
        height: 60px;
        width: auto;
    }
}

#no14 .no14-ttl-02 {
    margin: 0 0 2em;
    font-weight: bold;
    text-align: center;
}

@media (min-width:767px) {
    #no14 .no14-ttl-02 {
        margin: 0 0 3em;
    }
}

#no14 .no14-box-01 {
    margin: 0 0 4em;
    padding: 3em;
    color: #fff;
    background: #101B3C;
}

@media (min-width:767px) {
    #no14 .no14-box-01 {
        margin: 0 0 7em;
        background: linear-gradient(90deg, #fff 0%, #fff 32%, #101B3C 32%, #101B3C 100%);
    }
}

#no14 .no14-flex-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#no14 .no14-flex-02 div:first-child,
#no14 .no14-flex-02 div:last-child {
    width: 100%
}

@media (min-width:767px) {
    #no14 .no14-flex-02 div:first-child,
    #no14 .no14-flex-02 div:last-child {
        position: relative;
        width: 47%
    }
}

#no14 .no14-flex-02 div:first-child {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no14 .no14-flex-02 div:first-child {
        margin: 0;
    }
}

#no14 .no14-flex-02 div:first-child img {
    width: 100%;
}

#no14 .no14-txt-01 {
    margin: 0 0 3em;
    font-size: 1.2rem;
}

#no14 .no14-list-01 {
    margin: 0 0 2em;
    display: flex;
    justify-content: space-between;
}

@media (min-width:767px) {
    #no14 .no14-list-01 {
        margin: 0;
    }
}

#no14 .no14-list-01 li {
    width: 48%;
}

#no14 .no14-list-01 li img {
    width: 100%;
}

#no14 .no14-price-01 {
    position: static;
}

@media (min-width:767px) {
    #no14 .no14-price-01 {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

#no14 .no14-reverse {
    flex-direction: row-reverse;
}

#no14 .no14-box-02 {
    background: #101B3C;
}

@media (min-width:767px) {
    #no14 .no14-box-02 {
        background: linear-gradient(90deg, #101B3C 0%, #101B3C 68%, #fff 68%, #fff 100%);
    }
}

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

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


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

#no15 {}

#no15 .no15-box-01 {
    margin: 6em 0 0;
    padding: 3em 0;
    background: #faf6ed;
}

#no15 .no15-box-02 {
    background: #f2f8ee;
}

#no15 .no15-ttl-01 {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0 20%;
}

@media (min-width:767px) {
    #no15 .no15-ttl-01 {}
}

#no15 .no15-ttl-01 img {
    max-height: 96.25%;
    max-width: 100%;
    margin: calc(-20px - 3em) 0 3em 0;
}

@media (min-width:767px) {
    #no15 .no15-ttl-01 img {
        margin: calc(-40px - 3em) 0 3em 0;
    }
}

#no15 .no15-box-01 .no15-flex-01 div.no15-flexBox-01 {
    margin: 0 0 2em;
    background: #e79100;
}

@media (min-width:767px) {
    #no15 .no15-box-01 .no15-flex-01 div.no15-flexBox-01 {
        margin: 0;
        background: #e79100;
    }
}

#no15 .no15-flex-01 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3em;
}

#no15 .no15-flex-01 div.no15-flexBox-01 {
    position: relative;
    width: 100%;
    padding: 13.5%;
}

@media (min-width:767px) {
    #no15 .no15-flex-01 div.no15-flexBox-01 {
        width: 60%;
        padding: 8.33333333%;
    }
}

#no15 .no15-flex-01 div.no15-flexBox-02 {
    position: relative;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width:767px) {
    #no15 .no15-flex-01 div.no15-flexBox-02 {
        padding: 0 2em;
        width: 40%;
    }
}

#no15 .no15-photo-01 img {
    width: 100%;
    box-sizing: border-box;
}

@media (min-width:767px) {
    #no15 .no15-photo-01 img {
        padding: 0;
        width: 100%;
    }
}

#no15 .no15-ttl-02 {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 9.82921735%;
}

#no15 .no15-ttl-02 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-height: 50%;
}

@media (min-width:767px) {
    #no15 .no15-ttl-02 img {
        /*  height: 20px;*/
    }
}

#no15 .no15-ttl-03 {
    font-size: 3rem;
    font-weight: bold;
    line-height: 3rem;
}

@media (min-width:767px) {
    #no15 .no15-ttl-03 {
        font-size: 4rem;
        line-height: 4rem;
    }
}

#no15 .no15-ttl-03 span {
    font-size: 1.6rem;
}

#no15 .no15-txt-01 {
    margin: -0.6rem 0 1.5em;
    font-weight: bold;
}

@media (min-width:767px) {
    #no15 .no15-txt-01 {
        margin: -0.6rem 0 1em;
        font-weight: bold;
    }
}

#no15 .no15-txt-02 {
    margin: 0 0 1.5em;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.6rem;
}

@media (min-width:767px) {
    #no15 .no15-txt-02 {
        margin: 0 0 1.2em;
        font-size: 2rem;
        font-weight: bold;
        line-height: 2.6rem;
    }
}

#no15 .no15-txt-02 span {
    background: linear-gradient(transparent 50%, #e7b200 0%);
}

#no15 .no15-photo-02 {
    margin: 0 0 1em;
}

#no15 .no15-photo-02 img {
    width: 100%;
}

#no15 .no15-position-01 {
    position: static;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

@media (min-width:767px) {
    #no15 .no15-position-01 {
        position: absolute;
        padding: 0 2em;
    }
}

#no15 .no15-txt-03 {
    margin: 0 0 1.4em;
    font-size: 1.4rem;
}

#no15 .no15-txt-03 span {
    letter-spacing: -0.04rem;
}

#no15 .no15-txt-04 {
    margin: 0 0 1em;
    font-size: 1.4rem;
}

#no15 .no15-flex-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 4em;
    padding: 2em;
    background: #fff;
    border: 4px solid #ECD7B8;
}

@media (min-width:767px) {
    #no15 .no15-flex-02 {
        margin: 0 0 8em;
    }
}

#no15 .no15-flex-02 div {
    width: 100%;
}

@media (min-width:767px) {
    #no15 .no15-flex-02 div {
        margin: 0;
        width: 48%;
    }
}

#no15 .no15-txt-05 a {
    position: relative;
    padding: 0 0 0 1em;
}

#no15 .no15-txt-05 a::before {
    position: absolute;
    top: 20%;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid #DAAF72;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

#no15 .no15-flex-03 {
    flex-direction: row-reverse;
}

#no15 .no15-box-02 {
    margin: 0;
}

#no15 .no15-box-02 .no15-flex-01 div:first-child {
    background: #133b00;
}

#no15 .no15-box-02 .no15-txt-02 span {
    background: linear-gradient(transparent 50%, #96bf7b 0%);
}

#no15 .no15-box-01 .no15-ttl-04 {
    color: #A76936;
    font-weight: bold;
}

#no15 .no15-box-02 .no15-ttl-04 {
    color: #537D3E;
    font-weight: bold;
}

#no15 .no15-box-02 .no15-flex-02 {
    border: 4px solid #CADFBD;
}

#no15 .no15-txt-05 {
    margin: 0 0 1.5em;
}

@media (min-width:767px) {
    #no15 .no15-txt-05 {
        margin: 0 0 1em;
    }
}


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

#no17 {}


/*--------------------------------------------------
no18
--------------------------------------------------*/

#no18 .no18-ttl {
    text-align: center;
    border-top: solid 6px #000;
    border-bottom: solid 6px #000;
    font-size: 36px;
    line-height: 1.2;
    font-weight: bold;
    padding: 40px 0;
    margin-bottom: 60px;
}

#no18 .no18-ttl span {
    font-family: 'Poppins', sans-serif;
}

#no18 .no18-col dd {
    background: #000;
    color: #fff;
    padding: 12% 15%;
}

#no18 .no18-col {
    margin-right: -28%;
}

#no18 .no18-col-even {
    margin-left: -28%;
    margin-right: 0;
}

#no18 .no18-col dt {
    margin-bottom: 50%;
}

#no18 .no18-sub {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    letter-spacing: .1em;
    margin: 110px 0 45px;
}

#no18 .no18-item {
    text-align: center;
    margin: 30px 0 210px;
}

#no18 .no18-item dt {
    font-weight: bold;
    font-size: 16px;
}

#no18 .no18-box {
    max-width: 630px;
    margin: 0 auto;
}

#no18 .no18-shop {
    margin-bottom: 150px;
}

#no18 .no18-shop dt {
    background: #13345d;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    letter-spacing: .1em;
    margin-bottom: 60px;
}

#no18 .no18-shop dd {
    max-width: 800px;
    margin: 0 auto;
}

#no18 .no18-shop li {
    display: inline-block;
    width: 49%;
    font-size: 15px;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold;
    padding-left: 1em;
    line-height: 1.4;
    vertical-align: top;
}

#no18 .no18-shop li::before {
    content: '';
    width: .85em;
    height: .85em;
    position: absolute;
    left: 0;
    top: .4em;
    background: #13345d;
}

#no18 .no18-shop li img {
    vertical-align: middle;
    margin-left: 1em;
}

#no18 .no18-shop li:nth-child(5) {
    display: block;
    width: 100%;
}

@media (max-width:767px) {
    #no18 .no18-ttl {
        border-top: solid 4px #000;
        border-bottom: solid 4px #000;
        font-size: 30px;
        padding: 30px 0 25px;
        margin-bottom: 40px;
    }
    #no18 .no18-col dd {
        padding: 6% 6%;
    }
    #no18 .no18-col {
        margin-right: 0;
        margin-top: -20px;
    }
    #no18 .no18-col-even {
        margin-left: 0;
        margin-right: 0;
    }
    #no18 .no18-col dt {
        margin-bottom: 20px;
    }
    #no18 .no18-sub {
        font-size: 28px;
        margin: 50px 0 25px;
    }
    #no18 .no18-item {
        margin: 20px 0 100px;
    }
    #no18 .no18-item-first {
        margin: 20px 0 0;
    }
    #no18 .no18-shop {
        margin-bottom: 100px;
    }
    #no18 .no18-shop dt {
        font-size: 22px;
        line-height: 1.4;
        padding: 13px 0;
        margin-bottom: 40px;
    }
    #no18 .no18-shop li {
        display: block;
        width: 100%;
        font-size: 15px;
        margin-bottom: 25px;
    }
}


/*--------------------------------------------------
no19
--------------------------------------------------*/

#no19 {}

#no19 .name {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

#no19 .name span {
    display: block;
    font-size: 14px;
}

#no19 .bg {
    background: #f1ede4;
}

#no19 #style01 {}

#no19 #style02 {}

#no19 #style03 {}

#no19 #style04 {}

#no19 .sttl {
    text-align: center;
    padding: 5% 0 2.5% 0;
}

#no19 .sttl span {
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    padding: 0 0.5em;
}

@media (max-width:767px) {
    #no19 .sttl span {
        font-size: calc(100vw * 40 / 640);
        line-height: calc(100vw * 50 / 640);
    }
}

#no19 .sttl span::after {
    display: block;
    content: "";
    width: calc(100% + 1em);
    height: 15px;
    margin: -0.5em -0.5em 0 -0.5em;
}

@media (max-width:767px) {
    #no19 .sttl span::after {
        height: 10px;
    }
}

#no19 #style01 .sttl span::after {
    background: #926b88;
}

#no19 #style02 .sttl span::after {
    background: #89c997;
}

#no19 #style03 .sttl span::after {
    background: #bf957a;
}

#no19 #style04 .sttl span::after {
    background: #bfa0a3;
}

#no19 .style .no19-img-01 {
    margin: 0 0 80px 0;
}

@media (max-width:767px) {
    #no19 .style .no19-img-01 {
        margin: 0 0 40px 0;
    }
}

#no19 .style .no19-img-01 img {
    z-index: 1;
}

#no19 .style .no19-img-01::after {
    display: block;
    position: absolute;
    bottom: -40px;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (max-width:767px) {
    #no19 .style .no19-img-01::after {
        bottom: -20px;
    }
}

#no19 #style01 .no19-img-01::after {
    border: 5px solid #926b88;
    right: 40px;
}

#no19 #style02 .no19-img-01::after {
    border: 5px solid #89c997;
    left: 40px;
}

#no19 #style03 .no19-img-01::after {
    border: 5px solid #bf957a;
    right: 40px;
}

#no19 #style04 .no19-img-01::after {
    border: 5px solid #bfa0a3;
    left: 40px;
}

@media (max-width:767px) {
    #no19 #style01 .no19-img-01::after,
    #no19 #style03 .no19-img-01::after {
        right: 20px;
    }
    #no19 #style02 .no19-img-01::after,
    #no19 #style04 .no19-img-01::after {
        left: 20px;
    }
}

#no19 .items {
    padding: 0 0 0 40px;
}

@media (max-width:767px) {
    #no19 .items {
        padding: 0;
    }
}

#no19 .is-reverse .items {
    padding: 0;
}

#no19 .l-col-sm-5 {
    z-index: 2;
}

#no19 .whiteBox {
    background: #fff;
    margin: 0 0 7.5% 0;
    padding: 5%;
}

#no19 .whiteBox.c-paragraph--md {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    width: 120%;
    margin-top: 15%;
}

@media (max-width:767px) {
    #no19 .whiteBox.c-paragraph--md {
        font-size: calc(100vw * 24 / 640);
        line-height: calc(100vw * 30 / 640);
        width: 100%;
        margin-top: 0;
    }
}

#no19 .is-reverse .whiteBox.c-paragraph--md {
    margin-left: -20%;
}

@media (max-width:767px) {
    #no19 .is-reverse .whiteBox.c-paragraph--md {
        margin-left: 0;
    }
}

#no19 .whiteBox.c-paragraph--sm {}


/*--------------------------------------------------
no20
--------------------------------------------------*/

#no20 {}

#no20 .coordinate {
    position: absolute;
    top: -5%;
    width: 100%;
    max-width: 700px;
    height: 450px;
}

@media (max-width:767px) {
    #no20 .coordinate {
        position: absolute;
        top: -2.5%;
        height: 500px;
    }
}

#no20 .coordinate img {
    max-height: 216px;
    margin-top: -0.5%;
}

#no20 #coordinate01 .coordinate img,
#no20 #coordinate03 .coordinate img {
    margin-right: 3%;
}

#no20 #coordinate02 .coordinate img,
#no20 #coordinate04 .coordinate img {
    margin-left: -3%;
}

#no20 #coordinate01 .coordinate,
#no20 #coordinate03 .coordinate {
    right: -5%;
    text-align: right;
}

#no20 #coordinate02 .coordinate,
#no20 #coordinate04 .coordinate {
    left: -5%;
    text-align: left;
}

@media (max-width:767px) {
    #no20 #coordinate01 .coordinate,
    #no20 #coordinate03 .coordinate {
        right: 0;
        text-align: right;
    }
    #no20 #coordinate02 .coordinate,
    #no20 #coordinate04 .coordinate {
        left: 0;
        text-align: right;
    }
}

#no20 #coordinate01 .coordinate {
    background: rgba(229, 193, 115, .2);
}

#no20 #coordinate02 .coordinate {
    background: rgba(97, 140, 178, .2);
}

#no20 #coordinate03 .coordinate {
    background: rgba(130, 179, 172, .2);
}

#no20 #coordinate04 .coordinate {
    background: rgba(186, 80, 2, .2);
}

#no20 #coordinate01 p>em>span,
#no20 #coordinate01 p>span {
    color: #a57228;
}

#no20 #coordinate02 p>em>span,
#no20 #coordinate02 p>span {
    color: #577da0;
}

#no20 #coordinate03 p>em>span,
#no20 #coordinate03 p>span {
    color: #68a2a1;
}

#no20 #coordinate04 p>em>span,
#no20 #coordinate04 p>span {
    color: #ba5002;
}

#no20 .c-paragraph--lg {
    font-size: 22px;
    line-height: 34px;
    margin-top: -2.5%;
}

#no20 .detail01,
#no20 .detail02 {}

#no20 .detail01 {
    max-width: 295px;
}

@media (max-width:767px) {
    #no20 .detail01 {
        max-width: inherit;
    }
}

#no20 #coordinate01 .detail01,
#no20 #coordinate03 .detail01 {
    margin: 0 0 0 -75px;
}

@media (max-width:767px) {
    #no20 #coordinate01 .detail01,
    #no20 #coordinate03 .detail01 {
        margin: 0;
    }
}

#no20 .detail02 {
    max-width: 213px;
    margin: 5% auto 0 auto;
}

@media (max-width:767px) {
    #no20 .detail02 {
        max-width: inherit;
        margin: 5% 0 0 0;
    }
}

#no20 #coordinate02 .detail02,
#no20 #coordinate04 .detail02 {
    margin: 5% 0 0 auto;
}

#no20 .detail_comment {
    font-size: 12px;
    line-height: 20px;
}

#no20 .detail01 .detail_comment {
    position: absolute;
    left: 105%;
    width: 150px;
}

@media (max-width:767px) {
    #no20 .detail01 .detail_comment {
        position: relative;
        top: auto !important;
        bottom: auto !important;
        left: auto;
        width: 100%;
    }
}

#no20 #coordinate01 .detail01 .detail_comment,
#no20 #coordinate03 .detail01 .detail_comment {
    top: 20px;
}

#no20 #coordinate02 .detail01 .detail_comment,
#no20 #coordinate04 .detail01 .detail_comment {
    bottom: 0;
}

#no20 .detail02 .detail_comment {
    padding: 10px 0 0 0;
}

#no20 .detail01::before,
#no20 .detail02::before {
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
    border-bottom: 1px dashed #000;
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
}

#no20 .detail01::after,
#no20 .detail02::after {
    display: block;
    position: absolute;
    z-index: 1;
    content: "●";
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
}

#no20 #coordinate01 .detail01::after,
#no20 #coordinate01 .detail02::after,
#no20 #coordinate03 .detail01::after,
#no20 #coordinate03 .detail02::after {
    margin: 0 5px 0 0;
}

#no20 #coordinate02 .detail01::after,
#no20 #coordinate02 .detail02::after,
#no20 #coordinate04 .detail01::after,
#no20 #coordinate04 .detail02::after {
    text-align: right;
    margin: 0 0 0 5px;
}

#no20 #coordinate01 .detail01::before,
#no20 #coordinate01 .detail01::after,
#no20 #coordinate01 .detail02::before,
#no20 #coordinate01 .detail02::after,
#no20 #coordinate03 .detail01::before,
#no20 #coordinate03 .detail01::after,
#no20 #coordinate03 .detail02::before,
#no20 #coordinate03 .detail02::after {
    right: 102%;
}

#no20 #coordinate02 .detail01::before,
#no20 #coordinate02 .detail01::after,
#no20 #coordinate02 .detail02::before,
#no20 #coordinate02 .detail02::after,
#no20 #coordinate04 .detail01::before,
#no20 #coordinate04 .detail01::after,
#no20 #coordinate04 .detail02::before,
#no20 #coordinate04 .detail02::after {
    left: 102%;
}

#no20 #coordinate01 .detail01::before,
#no20 #coordinate01 .detail01::after {
    top: 30%;
    transform: rotate(20deg);
    transform-origin: right top;
    width: 200px;
}

#no20 #coordinate01 .detail02::before,
#no20 #coordinate01 .detail02::after {
    top: 50%;
    transform: rotate(2deg);
    transform-origin: right top;
    width: 340px;
}

#no20 #coordinate02 .detail01::before,
#no20 #coordinate02 .detail01::after {
    top: 40%;
    transform: rotate(-5deg);
    transform-origin: left top;
    width: 330px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    #no20 #coordinate02 .detail01::before,
    #no20 #coordinate02 .detail01::after {
        top: 30%;
    }
}

#no20 #coordinate02 .detail02::before,
#no20 #coordinate02 .detail02::after {
    top: 50%;
    transform: rotate(-5deg);
    transform-origin: left top;
    width: 280px;
}

#no20 #coordinate03 .detail01::before,
#no20 #coordinate03 .detail01::after {
    top: 30%;
    transform: rotate(45deg);
    transform-origin: right top;
    width: 260px;
}

#no20 #coordinate03 .detail02::before,
#no20 #coordinate03 .detail02::after {
    top: 50%;
    transform: rotate(35deg);
    transform-origin: right top;
    width: 380px;
}

#no20 #coordinate04 .detail01::before,
#no20 #coordinate04 .detail01::after {
    top: 40%;
    transform: rotate(-32deg);
    transform-origin: left top;
    width: 430px;
}

#no20 #coordinate04 .detail02::before,
#no20 #coordinate04 .detail02::after {
    top: 40%;
    transform: rotate(-50deg);
    transform-origin: left top;
    width: 370px;
}

@media (max-width:767px) {
    #no20 .detail01::before,
    #no20 .detail02::before,
    #no20 .detail01::after,
    #no20 .detail02::after {
        display: none;
    }
}

#no20 .border-left {
    border-left: 1px dashed #000;
}

@media (max-width:767px) {
    #no20 .border-left {
        border-left: none;
    }
}


/*--------------------------------------------------
no21
--------------------------------------------------*/

#no21 {}

#no21 .no21-wrap-01 {
    margin: 2em 0 6em;
    padding: 1em;
    border: 3px solid #c4bda8;
}

@media (min-width:767px) {
    #no21 .no21-wrap-01 {
        margin: 4em 0 6em;
        padding: 3em;
        border: 5px solid #c4bda8;
    }
}

#no21 .no21-ttl-01 {
    position: relative;
    margin: 0 0 1.4em;
    padding: 0;
    color: #8A7254;
    font-weight: bold;
}


/*
#no21 .no21-ttl-01::before {
  display: inline-block;
  content: '';
  margin-right: 5px;
  width: 30px;
  height: 6px;
  padding: 0 0 0 0;
  background: #8A7254;
  border-bottom: #fff solid 5px;
  box-sizing: border-box;
}
*/

#no21 .no21-txtWrap-01 {
    margin: 0 0 1em;
}

#no21 .no21-txtWrap-02 {}

#no21 .no21-txtWrap-03 {
    padding: 1em 0 0;
}

@media (min-width:767px) {
    #no21 .no21-txtWrap-03 {
        padding: 0 0 0 3em;
    }
}

#no21 .no21-txtWrap-04 {
    padding: 0 0 0;
}

@media (min-width:767px) {
    #no21 .no21-txtWrap-04 {
        padding: 0;
    }
}

#no21 .no21-txtWrap-05 {
    margin: 0 0 6em;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
}

@media (min-width:767px) {
    #no21 .no21-txtWrap-05 {
        text-align: center;
    }
}

#no21 .no21-txtWrap-05 p:nth-child(1) {
    position: relative;
    margin: 0 0 2em;
    font-size: 1.8rem;
    text-align: center;
}

#no21 .no21-txtWrap-05 p:nth-child(1)::before {
    position: absolute;
    top: 5rem;
    left: calc(50% - 6px);
    content: '';
    width: 12px;
    border-bottom: 1px solid #000;
}

#no21 .no21-photo-01 {
    margin: 0 auto 1em;
    text-align: center;
}

@media (min-width:767px) {
    #no21 .no21-photo-01 {
        margin: 0 auto 3em;
        text-align: center;
    }
}

#no21 .no21-photo-01 img {
    width: 100%;
}

@media (min-width:767px) {
    #no21 .no21-photo-01 img {
        width: 70%;
    }
}

#no21 .no21-photo-02 {
    margin: 0 auto 4em;
    width: 200px;
}

#no21 .no21-photo-03 {
    margin: 0 auto 2em;
    width: 100%;
}

#no21 .no21-photo-03 img {
    width: 100%;
}

#no21 .no21-txt-01 {
    margin: 0 0 1em;
    text-align: justify;
}

@media (min-width:767px) {
    #no21 .no21-txt-01 {
        margin: 0 0 2em;
    }
}

#no21 .no21-txt-01 {
    display: block;
    padding: 0 0 0 1em;
    width: calc(100% - 50px);
    font-weight: bold;
    border-left: 2px solid #e1ded3;
}

#no21 .no21-ttl-02 {
    display: block;
    color: #8A7254;
    width: 50px;
    font-weight: bold;
}

#no21 .no21-flex-01 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    #no21 .no21-flex-01 {
        display: flex;
    }
}

#no21 .no21-box-02 {
    padding: 4em 0 4em;
    background: url(../../upload/2018winter/21/21_10.png) no-repeat 0 100%;
    background-size: cover;
    text-align: center;
    font-weight: bold;
}

@media (min-width:767px) {
    #no21 .no21-box-02 {
        padding: 6em 0 10em;
    }
}

#no21 .no21-box-02 p:nth-child(1) {
    position: relative;
    margin: 0 0 7rem;
    font-size: 2.6rem;
    line-height: 2.6rem;
    font-weight: bold;
    text-align: center;
}

#no21 .no21-box-02 p:nth-child(1)::before {
    position: absolute;
    top: 7rem;
    left: calc(50% - 9px);
    content: '';
    width: 18px;
    border-bottom: 2px solid #000;
}

#no21 .no21-list-01 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 5em 0 18em 0;
    font-size: 1rem;
    text-align: center;
    justify-content: space-between;
    font-weight: bold;
}

@media (min-width:767px) {
    #no21 .no21-list-01 {
        margin: -14em 0 22em 0;
    }
}

#no21 .no21-list-01::before {
    position: absolute;
    bottom: -10em;
    left: calc(50% - 200px);
    content: '';
    width: 400px;
    border-bottom: 1px solid #000;
}

#no21 .no21-list-01 li:nth-child(1) {
    width: 50%;
}

@media (min-width:767px) {
    #no21 .no21-list-01 li:nth-child(1) {
        width: 29%;
    }
}

#no21 .no21-list-01 li:nth-child(2) {
    width: 50%;
}

@media (min-width:767px) {
    #no21 .no21-list-01 li:nth-child(2) {
        width: 22%;
    }
}

#no21 .no21-list-01 li:nth-child(2) img {
    width: 66%;
}

#no21 .no21-list-01 li:nth-child(3) {
    width: 50%;
}

@media (min-width:767px) {
    #no21 .no21-list-01 li:nth-child(3) {
        width: 24%;
    }
}

#no21 .no21-list-01 li:nth-child(3) img {
    width: 66%;
}

#no21 .no21-list-01 li:nth-child(4) {
    width: 50%;
}

@media (min-width:767px) {
    #no21 .no21-list-01 li:nth-child(4) {
        width: 19%;
    }
}

#no21 .no21-list-01 li:nth-child(4) img {
    width: 80%;
}

#no21 .no21-list-01 li p.no21-txt-04 {
    height: 30px;
}

@media (min-width:767px) {
    #no21 .no21-list-01 li p.no21-txt-04 {
        height: auto;
    }
}

#no21 .no21-list-01 li img {
    padding: 1em;
}

#no21 .no21-list-01 li img {}

#no21 .no21-box-03 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    #no21 .no21-box-03 {
        display: flex;
    }
}

#no21 .no21-box-03 p:nth-child(1) {
    font-weight: bold;
}

#no21 .no21-box-03 p:nth-child(2) {
    margin: 0 0 2em;
    font-weight: bold;
}

#no21 .no21-box-03 p:nth-child(3) {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no21 .no21-box-03 p:nth-child(3) {
        margin: 0 0 4em;
    }
}

#no21 .no21-box-03 p:last-child {
    font-size: 1.1rem;
    line-height: 2.4rem;
}

#no21 .no21-box-04 {
    padding: 2em 0;
}

@media (min-width:767px) {
    #no21 .no21-box-04 {
        padding: 0 0 0 3em;
    }
}

#no21 .no21-box-04 ul {
    margin: 0 0 2em;
}

#no21 .no21-box-04 ul li {
    padding: 0 0 0 3em;
}

#no21 .no21-box-04 ul li span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

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

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


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

#no22 {}

#no22 .no22-none {
    display: none;
}

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

#no22 .no22-block {
    display: block;
    margin: 0 0 2.4em;
}

@media (min-width:767px) {
    #no22 .no22-block {
        display: none;
        margin: 0 0 2em;
    }
}

#no22 .no22-box-01 {
    margin: 0;
}

@media (min-width:767px) {
    #no22 .no22-box-01 {
        margin: 5em 0;
    }
}

#no22 .no22-flex-01 {
    flex-wrap: nowrap;
}

@media (min-width:767px) {
    #no22 .no22-flex-01 {
        display: flex;
        flex-wrap: wrap;
    }
}

#no22 .no22-flex-01 li {
    margin: -1px -1px 0 0;
    width: 100%;
}

@media (min-width:767px) {
    #no22 .no22-flex-01 li {
        width: 50%;
    }
}

#no22 .no22-box-02 {
    overflow: hidden;
    margin: 0 0 1em;
    padding: 1em 0;
}

@media (min-width:767px) {
    #no22 .no22-box-02 {
        margin: 0 0 2em;
    }
}

#no22 .no22-ttl-01 {
    margin: 2em 0;
    height: 10vh;
    text-align: center;
}

@media (min-width:767px) {
    #no22 .no22-ttl-01 {
        height: 100px;
    }
}

#no22 .no22-ttl-01 img {
    max-width: auto;
    max-height: 10vh;
}

@media (min-width:767px) {
    #no22 .no22-ttl-01 img {
        max-height: 110px;
    }
}

#no22 .no22-txt-01 {
    float: right;
    padding: 2em 0 0;
    border-top: 1px solid #000;
    width: 98%
}

#no22 .no22-ttl-02 {
    margin: 0 0 1.5em;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 2.6rem;
    text-align: center;
}

@media (min-width:767px) {
    #no22 .no22-ttl-02 {
        font-size: 2.6rem;
        line-height: 3rem;
    }
}

#no22 .no22-txt-02,
#no22 .no22-txt-03 {
    position: relative;
    margin: 0;
    padding: 1.2em 2.4em;
    background: #f4ead5;
    text-align: justify;
    box-sizing: border-box;
}

@media (min-width:767px) {
    #no22 .no22-txt-02,
    #no22 .no22-txt-03 {
        margin: 0 2em;
    }
}

#no22 .no22-txt-02::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    height: 30px;
    width: 70px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

@media (min-width:767px) {
    #no22 .no22-txt-02::before {
        top: -15px;
        left: 15px;
        height: 50px;
        width: 100px;
    }
}

#no22 .no22-txt-02::after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: -10px;
    height: 30px;
    width: 70px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

@media (min-width:767px) {
    #no22 .no22-txt-02::after {
        right: 15px;
        bottom: -15px;
        height: 50px;
        width: 100px;
    }
}

#no22 .no22-txt-03::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    height: 30px;
    width: 70px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

@media (min-width:767px) {
    #no22 .no22-txt-03::before {
        top: -15px;
        right: 15px;
        height: 50px;
        width: 100px;
    }
}

#no22 .no22-txt-03::after {
    content: '';
    position: absolute;
    left: 10px;
    bottom: -10px;
    height: 30px;
    width: 70px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

@media (min-width:767px) {
    #no22 .no22-txt-03::after {
        left: 15px;
        bottom: -15px;
        height: 50px;
        width: 100px;
    }
}

#no22 .no22-photo-01 {
    padding: 5px;
    border: 1px solid #000;
}

#no22 .no22-buy-01 {
    text-align: right;
}

@media (min-width:767px) {
    #no22 .no22-buy-01 {
        text-align: center;
    }
}

#no22 .no22-float-01 {
    float: left;
}

#no22 .no22-number-02 {
    background: #eae4e0;
}

#no22 .no22-number-03 {
    background: #dad9de;
}

#no22 .no22-number-04 {
    background: #f2d5d6;
}

#no22 .no22-number-05 {
    background: #f2f1f2;
}

#no22 .no22-number-06 {
    background: #d9e0dc;
}

#no22 .no22-number-07 {
    background: #f2f1f2;
}

#no22 .no22-number-08 {
    background: #dfdeda;
}


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

#no23 {}

#no23 .no23-box-01 {
    margin: 0 0 3em;
    padding: 0;
    background: url(../../upload/2018winter/23/23_02.jpg) no-repeat;
    background-size: contain;
}

@media (min-width:767px) {
    #no23 .no23-box-01 {
        margin: 0;
        padding: 2.5em 0 5em;
        background: url(../../upload/2018winter/23/23_02.jpg) no-repeat;
        background-size: contain;
        min-height: 240px;
    }
}

#no23 .no23-photo-01 {
    margin: 4em 0 1em;
}

@media (min-width:767px) {
    #no23 .no23-photo-01 {
        margin: 2em 0;
    }
}

#no23 .no23-ttl-01 {
    margin: 0 0 2em;
    padding: 5% 0 0;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
}

@media (min-width:767px) {
    #no23 .no23-ttl-01 {
        margin: 0 0 1em;
        padding: 0;
        font-size: 2.8rem;
        line-height: 4rem;
        letter-spacing: 1rem;
        font-weight: normal;
    }
}

#no23 .no23-txt-01 {
    text-align: left;
}

@media (min-width:767px) {
    #no23 .no23-txt-01 {
        text-align: center;
    }
}

#no23 .no23-box-02 {
    position: relative;
    margin: 1em 0;
    padding: 2.4em 0;
    height: auto;
    z-index: 0;
}

@media (min-width:767px) {
    #no23 .no23-box-02 {
        margin: 3em 0;
        padding: 2.4em 0;
    }
}

#no23 .no23-box-02::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 320px;
    background: #FAF7F9;
    z-index: -1;
}

#no23 .no23-color-01::before {
    background: #f8f8f9;
}

#no23 .no23-color-02::before {
    background: #fbfaf9;
}

#no23 .no23-color-03::before {
    background: #fbf6f6;
}

#no23 .no23-flex-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width:767px) {
    #no23 .no23-flex-01 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

#no23 .no23-flex-01 div {
    width: 100%;
    text-align: justify;
}

@media (min-width:767px) {
    #no23 .no23-flex-01 div {
        width: 47%;
    }
}

#no23 .no23-flex-01 div:first-child {
    margin: 0 0 3em;
}

@media (min-width:767px) {
    #no23 .no23-flex-01 div:first-child {
        margin: 0;
    }
}

#no23 .no23-photo-02 {
    margin: 0 auto 1em;
    width: 70%;
}

#no23 .no23-txt-02 {
    margin: 0 0 1em;
}


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

#no24 {}

#no24 .l-col-sm,
#no24 .l-col-sm-1,
#no24 .l-col-sm-2,
#no24 .l-col-sm-2_5,
#no24 .l-col-sm-3,
#no24 .l-col-sm-4,
#no24 .l-col-sm-5,
#no24 .l-col-sm-6,
#no24 .l-col-sm-7,
#no24 .l-col-sm-8,
#no24 .l-col-sm-9,
#no24 .l-col-sm-10,
#no24 .l-col-sm-11,
#no24 .l-col-sm-12 {
    padding: 0;
}

#no24 .no24-box-01 {
    color: #fff !important;
    background: #906178;
}

#no24 .no24-rspace-01 {
    padding: 1.6em 0 0;
    width: 50%;
}

@media (min-width:767px) {
    #no24 .no24-rspace-01 {
        padding: 0 3em 0 0;
        width: 100%;
    }
}

#no24 .no24-flex-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
    padding: 0 0 8em;
    margin: 0 auto;
    max-width: 960px;
}

@media (min-width:767px) {
    #no24 .no24-flex-01 {
        max-width: 100%;
        padding: 0 0 15em;
    }
}

#no24 .no24-flexbox-01 {
    width: 100%;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-01 {
        width: 66%;
    }
}

#no24 .no24-flexbox-02 {
    width: 100%;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-02 {
        width: 28%;
    }
}

#no24 .no24-box-02 {
    margin: -2em 0 0;
}

#no24 .no24-photo-01 {
    text-indent: 0px;
    margin: -5em 0 5em 0;
    width: 100%;
}

@media (min-width:767px) {
    #no24 .no24-photo-01 {
        margin: -7em 0 7em 0;
        width: calc(100% + 19%);
    }
}

#no24 .no24-ttl-01 {
    position: relative;
    margin: 0 0 1.4em;
    padding: 0;
    color: #906178;
    font-weight: bold;
}

#no24 .no24-ttl-01::before {
    display: inline-block;
    content: '';
    margin-right: 5px;
    width: 30px;
    height: 6px;
    padding: 0 0 0 0;
    background: #906178;
    border-bottom: #fff solid 5px;
    box-sizing: border-box;
}

#no24 .no24-txt-02 {
    margin: 0 0 1.6em;
    text-align: justify;
}

@media (min-width:767px) {
    #no24 .no24-txt-02 {
        margin: 0 0 2em;
    }
}

#no24 .no24-txt-02 span {
    padding: 0 20px 0 0;
    color: #906178;
    font-weight: bold;
}

#no24 .no24-flexbox-03 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-03 {
        display: flex;
        margin: 0 0 4em -20%;
    }
}

#no24 .no24-inner-01 {
    padding: 1.6em 0;
}

@media (min-width:767px) {
    #no24 .no24-inner-01 {
        padding: 0 0 0 4em;
    }
}

#no24 .no24-flexbox-04 {
    display: flex;
    flex-wrap: wrap-reverse;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-04 {
        margin: 0 -20% 5em 0;
        flex-wrap: wrap;
    }
}

#no24 .no24-flexbox-04 div:nth-child(2) {
    margin: 1.6em 0;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-04 div:nth-child(2) {
        margin: 0;
    }
}

#no24 .no24-inner-02 {
    margin: 0 0 4em;
}

@media (min-width:767px) {
    #no24 .no24-inner-02 {
        margin: 0;
        padding: 0 4em 0 0;
    }
}

#no24 .no24-flexbox-05 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-05 {
        margin: 0 0 4em;
    }
}

#no24 .no24-inner-03 {
    margin: 0 0 1.6em;
}

@media (min-width:767px) {
    #no24 .no24-inner-03 {
        padding: 0 2em 0 0;
        text-indent: -38%;
    }
}

#no24 .no24-inner-03 p {
    width: 100%;
}

@media (min-width:767px) {
    #no24 .no24-inner-03 p {
        width: 120%;
    }
}

#no24 .no24-flexbox-06 {
    display: flex;
    flex-wrap: wrap-reverse;
    margin: 0;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-06 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 4em;
    }
}

#no24 .no24-inner-04 {}

@media (min-width:767px) {
    #no24 .no24-inner-04 {
        margin: 0;
        padding: 0 3em 0 0;
        text-indent: 0;
    }
}

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

@media (min-width:767px) {
    #no24 .no24-inner-05 {
        float: right;
        margin: 3em 0 0 0;
        width: 70%;
    }
}

#no24 .no24-inner-06 {}

@media (min-width:767px) {
    #no24 .no24-inner-06 {
        margin: 0 0 6em;
    }
}

#no24 .no24-photo-02 {
    margin: 0 0 4em;
}

@media (min-width:767px) {
    #no24 .no24-photo-02 {
        margin: -10em 0 0 0;
    }
}

#no24 .no24-flexbox-07 {
    display: flex;
    margin: 0 0 1.6em;
    width: calc(100% / 3);
}

@media (min-width:767px) {
    #no24 .no24-flexbox-07 {
        display: flex;
        margin: 0 0 4em -18px;
        width: calc(100% + 36px);
    }
}

#no24 .no24-flexbox-07 .l-col-sm-4 {
    width: 100%
}

@media (min-width:767px) {
    #no24 .no24-flexbox-07 .l-col-sm-4 {
        padding: 0 18px;
        width: 100%;
    }
}

#no24 .no24-flexbox-08 {}

@media (min-width:767px) {
    #no24 .no24-flexbox-08 {}
}

#no24 .no24-flexbox-08 .c-paragraph--lg {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 2.5% 0;
}

#no24 .no24-flexbox-08 .no24-inner-02 {
    margin: 0 0 1.6em;
}

@media (min-width:767px) {
    #no24 .no24-flexbox-08 .no24-inner-02 {
        margin: 0 0 4em;
    }
}

#no24 .no24-img-01 {
    margin: 0 0 1em;
    width: 30%;
}

@media (min-width:767px) {
    #no24 .no24-img-01 {
        margin: 0 0 1em;
        width: 38%;
    }
}

#no24 .no24-box-03 {
    margin: 0 0 1.6em;
    padding: 2em 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    text-align: center;
    font-weight: bold;
}

@media (min-width:767px) {
    #no24 .no24-box-03 {
        margin: 0 0 4em;
        padding: 4em 0;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        text-align: center;
        font-weight: bold;
    }
}

#no24 .no24-flexbox-08 table {
    font-size: 1.2rem;
}

#no24 .no24-flexbox-08 table th {
    width: 120px;
    text-align: left;
    font-weight: bold;
}

#no24 .no24-flexbox-08 table td {
    padding: 0.4em;
}

#no24 .no24-txt-03 {
    margin: 0 0 2em;
}

#no24 .no24-pc {
    display: none;
}

@media (min-width:767px) {
    #no24 .no24-pc {
        display: block;
    }
}


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

#no25 {}

#no25 .bg-yellow {
    background: #f6d539;
}

#no25 .bg-purple {
    background: #a172e4;
}

#no25 .bg-red {
    background: #e46363;
}

#no25 .ttl {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.16em;
    font-weight: bold;
}

#no25 .name {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.16em;
    font-weight: bold;
}

#no25 .name span {
    display: block;
    font-size: 16px;
    padding: 0 0 10px 0;
}

#no25 .bg-yellow .no25-img-01,
#no25 .bg-purple .no25-img-01,
#no25 .bg-red .no25-img-01 {
    z-index: 1;
}

#no25 .bg-yellow .no25-img-02 {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width:767px) {
    #no25 .bg-yellow .no25-img-02 {
        position: relative;
        top: auto;
        right: auto;
    }
}

#no25 .bg-purple .no25-img-01 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media (max-width:767px) {
    #no25 .bg-purple .no25-img-01 {
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0%);
    }
}

#no25 .bg-purple .no25-img-02 {
    text-align: right;
}

#no25 .bg-red .no25-img-01 {
    position: relative;
    top: 0;
    left: 50%;
}

@media (max-width:767px) {
    #no25 .bg-red .no25-img-01 {
        top: auto;
        left: auto;
    }
}

#no25 .bg-red .no25-img-02 {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width:767px) {
    #no25 .bg-red .no25-img-02 {
        position: relative;
        top: auto;
        left: auto;
    }
}

#no25 .bg-purple .box {}

@media (max-width:767px) {
    #no25 .bg-purple .box {
        padding: 3rem !important;
    }
    #no25 .bg-purple .box .no25-img-00 {
        padding-bottom: 2rem !important;
    }
}


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

#no26 {}

#no26 .no26-txt-01 {
    display: flex;
    background: #d09971;
    color: #fff;
    height: 96.5235173%;
    margin: 3.47648262% 0;
    padding: 10%;
}

#no26 .no26-txt-02 {
    background: #c6b5b6;
    color: #fff;
    padding: 10%;
}

#no26 .no26-txt-01>div,
#no26 .no26-txt-02>div {
    align-self: center;
}

#no26 .no26-txt-01>div .c-paragraph--md,
#no26 .no26-txt-02>div .c-paragraph--md {
    font-size: 26px;
}

#no26 .no26-txt-01>div .c-paragraph--xs,
#no26 .no26-txt-02>div .c-paragraph--xs {
    padding: 0 0 2.5% 0;
}


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

#no27 {}

#no27 .no27-box-01 {
    margin: 5em 0;
    padding: 5em 0;
    background: #efedf8;
}

#no27 .no27-flex-01 {
    display: block;
    align-items: center;
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no27 .no27-flex-01 {
        display: flex;
    }
}

#no27 .no27-flex-01 div {
    width: 100%;
}

@media (min-width:767px) {
    #no27 .no27-flex-01 div {
        width: 50%;
    }
}

#no27 .no27-ttl-01 {
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:767px) {
    #no27 .no27-ttl-01 {
        margin: 0 0 2em;
        width: 80%;
    }
}

#no27 .no27-txt-01 {
    width: 100%;
    text-align: justify;
}

@media (min-width:767px) {
    #no27 .no27-txt-01 {
        width: 80%;
    }
}

#no27 .no27-photo-01 img,
#no27 .no27-ttl-01 img {
    width: 100%;
}

#no27 .no27-photo-01 {
    display: none;
}

@media (min-width:767px) {
    #no27 .no27-photo-01 {
        display: block;
    }
}

#no27 .no27-photo-01sp {
    display: block;
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no27 .no27-photo-01sp {
        display: none;
    }
}

#no27 .no27-photo-01sp img {
    width: 100%;
}

#no27 .no27-flex-02 {
    display: flex;
    justify-content: space-between;
}

#no27 .no27-flex-02 li {
    width: 24.3%;
}

#no27 .no27-flex-02 li img {
    width: 100%;
}

#no27 .no27-txt-01 {
    text-align: justify;
}

#no27 .no27-border-01 {
    position: relative;
    margin: 0;
    padding: 2em;
    border: 3px solid #000;
    text-align: center;
}

#no27 .no27-ttl-02 {
    position: absolute;
    top: -7.5px;
    left: calc(50% - 122px);
    padding: 0 10px;
    background: #fff;
}

@media (min-width:767px) {
    #no27 .no27-ttl-02 {
        left: calc(50% - 180px);
        padding: 0 20px;
    }
}

#no27 .no27-ttl-02 img {
    height: 10px;
}

@media (min-width:767px) {
    #no27 .no27-ttl-02 img {
        height: 15px;
    }
}

#no27 .no27-ttl-03 {
    position: relative;
    margin: 0 0 2em;
    font-weight: bold;
}

#no27 .no27-ttl-03::before {
    display: inline-block;
    content: '';
    margin-right: 5px;
    width: 30px;
    height: 6px;
    padding: 0 0 0 0;
    background: #000;
    border-bottom: #fff solid 5px;
    box-sizing: border-box;
}

#no27 .no27-txt-03 {
    margin: 0 0 2em;
}

#no27 .no27-txt-03 span {
    padding: 0 1em 0 0;
    color: #8a50d8;
}

#no27 .no27-border-02 {
    position: relative;
    margin: 10em 0 2em;
    padding: 2em;
    border: 3px solid #000;
    text-align: center;
}

@media (min-width:767px) {
    #no27 .no27-border-02 {
        margin: 6em 0 2em;
    }
}

#no27 .no27-ttl-04 {
    position: absolute;
    top: -57px;
    left: calc(50% - 125px);
    padding: 0 10px;
    background: #fff;
}

@media (min-width:767px) {
    #no27 .no27-ttl-04 {
        top: -74px;
        left: calc(50% - 151px);
        padding: 0 20px;
    }
}

#no27 .no27-ttl-04 img {
    height: 70px;
}

@media (min-width:767px) {
    #no27 .no27-ttl-04 img {
        height: 90px;
    }
}

#no27 .no27-txt-04 {
    position: relative;
    font-size: 2rem;
}

@media (min-width:767px) {
    #no27 .no27-txt-04 {
        font-size: 2.8rem;
    }
}

#no27 .no27-txt-04 span {
    position: relative;
    padding: -1em 0 0 0;
    background: linear-gradient(transparent 60%, #efedf8 60%);
}

#no27 .no27-txt-04 span::before {}

@media (min-width:767px) {
    #no27 .no27-txt-04 span::before {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        background: #efedf8;
        height: 14px;
        width: 100%;
        z-index: -1;
    }
}

#no27 .no27-flex-03 {
    display: block;
    margin: 0 0 4em;
}

@media (min-width:767px) {
    #no27 .no27-flex-03 {
        display: flex;
        justify-content: space-between;
        margin: 0 0 4em;
    }
}

#no27 .no27-flex-03 div {
    margin: 0 0 3em;
    width: 100%;
}

@media (min-width:767px) {
    #no27 .no27-flex-03 div {
        margin: 0;
        width: 49%;
    }
}

#no27 .no27-photo-02,
#no27 .no27-photo-03 {
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no27 .no27-photo-02,
    #no27 .no27-photo-03 {
        margin: 0 0 2em;
    }
}

#no27 .no27-photo-02 img,
#no27 .no27-photo-03 img {
    width: 100%;
}

#no27 .no27-box-02 {
    position: relative;
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:767px) {
    #no27 .no27-box-02 {
        margin: 0 0 4em;
    }
}

#no27 .no27-box-03 {
    position: relative;
    margin: 0 0 2em;
}

#no27 .no27-photo-04 img {
    width: 100%;
}

#no27 .no27-photo-05 {
    display: none;
    margin: -3em 0 0 0;
}

@media (min-width:767px) {
    #no27 .no27-photo-05 {
        display: block;
        margin: -10em 0 0 0;
    }
}

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

#no27 .no27-txt-05 {
    margin: 2em 0 5em 0;
    padding: 9em 0 0 0;
    width: 100%;
    background: url(../../upload/2018winter/27/27_13.png) no-repeat 50% 10%;
    background-size: 100px;
    border-top: 1px solid #ddd;
}

@media (min-width:767px) {
    #no27 .no27-txt-05 {
        margin: -10em 0 0 50%;
        padding: 0 8em 0 0;
        width: 50%;
        background: url(../../upload/2018winter/27/27_13.png) no-repeat 100% 20%;
        background-size: 100px;
        border: none;
    }
}

#no27 .no27-photo-06 img,
#no27 .no27-photo-07 img,
#no27 .no27-photo-08 img {
    width: 100%;
}

#no27 .no27-photo-07 {
    display: none;
}

@media (min-width:767px) {
    #no27 .no27-photo-07 {
        display: block;
        margin: -1.5em 0 0 0;
    }
}

#no27 .no27-flex-04 {
    display: block;
}

@media (min-width:767px) {
    #no27 .no27-flex-04 {
        display: flex;
    }
}

#no27 .no27-photo-08 {
    object-fit: cover;
    margin: 0 0 1em 0;
    width: 100%;
    height: auto;
}

@media (min-width:767px) {
    #no27 .no27-photo-08 {
        object-fit: cover;
        margin: 0 2em 0 0;
        width: 200px;
        height: 200px;
    }
}

#no27 .no27-photo-09,
#no27 .no27-photo-10 {
    display: block;
}

@media (min-width:767px) {
    #no27 .no27-photo-09,
    #no27 .no27-photo-10 {
        display: none;
    }
}

#no27 .no27-photo-09 img,
#no27 .no27-photo-10 img {
    width: 100%;
}

#no27 .no27-photo-11 {
    display: block;
    margin: -5em 0 0 0;
}

@media (min-width:767px) {
    #no27 .no27-photo-11 {
        display: none;
    }
}

#no27 .no27-photo-11 img {
    width: 60%;
}

#no27 .no27-txt-06 {
    display: block;
    position: absolute;
    bottom: 50%;
    left: 5%;
    letter-spacing: 0.8rem;
    text-align: justify;
    font-weight: bold;
}

@media (min-width:767px) {
    #no27 .no27-txt-06 {
        display: none;
    }
}

#no27 .no27-txt-07 {
    display: block;
    position: absolute;
    top: 43%;
    left: 5%;
    color: #000;
    letter-spacing: 0.6rem;
    text-align: justify;
    font-weight: bold;
}

@media (min-width:767px) {
    #no27 .no27-txt-07 {
        display: none;
    }
}


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

#no28 {}

#no28 .no28-col .c-paragraph {
    margin-bottom: 1em;
}

#no28 .no28-col .c-paragraph em {
    font-weight: bold;
    background: #000;
    color: #fff;
    font-style: normal;
    padding: .1em .5em;
    letter-spacing: .1em;
    font-family: 'Poppins', sans-serif;
    margin-bottom: .5em;
    display: inline-block;
}

#no28 .no28-col .c-paragraph strong {
    display: block;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

#no28 .no28-ttl {
    margin-bottom: 1.5em;
}

#no28 .no28-ttl i {
    display: inline-block;
    font-size: 14px;
    width: 2.5em;
    height: 2.5em;
    background: #000;
    border-radius: 100%;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    line-height: 2.5;
    margin-bottom: .5em;
}

#no28 .no28-ttl span {
    font-weight: 700;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    letter-spacing: .1em;
    border-bottom: solid 2px #000;
    line-height: 1.4;
}

#no28 .no28-catch {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .2em;
}

#no28 .no28-col-left {
    width: 52.1%;
    float: left;
}

#no28 .no28-col-right {
    width: 44.8%;
    float: right;
}

#no28 .no28-col-right-b {
    margin-top: -33%;
}

#no28 .no28-img-mb {
    margin-bottom: 1.5em;
}

#no28 .no28-img-mt {
    margin-top: 1.5em;
}

#no28 .no28-col-mb {
    margin-bottom: 1.5em;
}

@media (max-width:767px) {
    #no28 .no28-col .c-paragraph strong {
        font-size: 16px;
    }
    #no28 .no28-ttl i {
        font-size: 14px;
    }
    #no28 .no28-ttl span {
        font-size: 36px;
    }
    #no28 .no28-catch {
        font-size: 24px;
    }
    #no28 .no28-catch+p {
        text-align: left;
    }
    #no28 .no28-col-left {
        width: auto;
        float: none;
        margin-bottom: 1.5em;
    }
    #no28 .no28-col-right {
        width: auto;
        float: none;
        margin-bottom: 1.5em;
    }
    #no28 .no28-col-right-b {
        margin-top: 0;
    }
}


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

#no29 {}

#no29 .no29-staff {
    border: solid 5px #313131;
    position: relative;
    text-align: center;
    padding-bottom: 2em;
}

#no29 .no29-staff-ttl {
    position: relative;
    top: -1em;
}

#no29 .no29-staff li {
    display: inline-block;
    width: 15.6%;
    margin: 1.5% 1.5%;
}

#no29 .no29-col {
    margin: 3.4em 0 80px;
    position: relative;
}

#no29 .no29-col::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 30px;
    background: #eeeeee;
    position: absolute;
    border-top: solid 30px #fff;
    border-left: solid 35px #fff;
    border-right: solid 35px #fff;
}

#no29 *,
#no29 *:before,
#no29 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#no29 .no29-ttl {
    margin-bottom: 1.5em;
    padding-top: 2em;
    z-index: 1;
}

#no29 .no29-ttl-01 img {
    width: 127%;
    right: 27%;
}

#no29 .no29-ttl-03 img {
    width: 125%;
    right: 25%;
}

#no29 .no29-ttl-04 img {
    width: 108%;
}

#no29 .no29-ttl+p strong {
    display: block;
    margin-bottom: .5em;
    font-size: 86%;
}

#no29 .no29-recom {
    text-align: center;
}

#no29 .no29-recom p {
    text-align: left;
    width: 49%;
    display: inline-block;
    padding: 0 5%;
    vertical-align: top;
}

#no29 .no29-recom-p {
    padding: 0 8%;
}

@media (max-width:767px) {
    #no29 .no29-col::before {
        border-left: solid 15px #fff;
        border-right: solid 15px #fff;
    }
    #no29 .no29-staff-ttl img {
        max-width: 90%;
    }
    #no29 .no29-ttl-01 img,
    #no29 .no29-ttl-03 img,
    #no29 .no29-ttl-04 img {
        width: 100%;
        right: 0;
    }
    #no29 .no29-staff ul {
        margin: -3% 0;
    }
    #no29 .no29-staff li {
        width: 28%;
        margin: 4% 1%;
    }
}


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

#no30 {}

#no30 .no30-wrap {
    background: #fbf6ef;
    margin-top: 80px;
}

#no30 .no30-head {
    margin-bottom: 100px;
}

#no30 .no30-head-01 {
    background: #f6a2a4;
}

#no30 .no30-head-02 {
    background: #addacc;
}

#no30 .no30-head-03 {
    background: #e2ce8a;
}

#no30 .no30-head p {
    text-align: right;
    padding: 35px 0 50px;
}

#no30 .no30-head-img {
    position: absolute;
    right: 0;
    text-align: left;
}

#no30 .no30-head-01 p {
    width: 60%;
}

#no30 .no30-head-02 p {
    width: 57%;
}

#no30 .no30-head-03 p {
    width: 61.5%;
}

#no30 .no30-head-01 .no30-head-img {
    width: 37.5%;
    top: -40%;
}

#no30 .no30-head-02 .no30-head-img {
    width: 42%;
    top: -14%;
}

#no30 .no30-head-03 .no30-head-img {
    width: 35.6%;
    top: -10%;
}

#no30 .no30-lead {
    max-width: 800px;
    margin: 0 auto 80px;
    font-weight: bold;
    line-height: 1.6;
}

#no30 .no30-box {
    padding-bottom: 60px;
}

#no30 .no30-box-last {
    padding-bottom: 150px;
}

#no30 .no30-num {
    right: -130px;
    position: absolute;
    z-index: 1;
}

#no30 .no30-num-even {
    right: auto;
    left: -130px;
}

#no30 .no30-col {
    margin-top: 100px;
}

#no30 .no30-col dt {
    border-bottom: solid 2px #000;
    font-size: 15px;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}

#no30 .no30-col dt strong {
    display: block;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: .8em;
}

#no30 .no30-col dt span {
    font-size: 20px;
    font-weight: bold;
}

#no30 .no30-col dd .c-paragraph {
    line-height: 1.7;
}

@media (max-width:767px) {
    #no30 .no30-wrap {
        margin-top: 50px;
    }
    #no30 .no30-head {
        margin-bottom: 60px;
    }
    #no30 .no30-head p {
        padding: 10% 0 12%;
    }
    #no30 .no30-head-img {
        right: 0;
    }
    #no30 .no30-head-01 p {
        width: 60%;
    }
    #no30 .no30-head-02 p {
        width: 70%;
    }
    #no30 .no30-head-03 p {
        width: 70%;
    }
    #no30 .no30-head-01 .no30-head-img {
        width: 30%;
        top: -40%;
        right: 5%;
    }
    #no30 .no30-head-02 .no30-head-img {
        width: 30%;
        top: 20%;
    }
    #no30 .no30-head-03 .no30-head-img {
        width: 30%;
        top: -10%;
    }
    #no30 .no30-lead {
        margin: 0 auto 50px;
    }
    #no30 .no30-box {
        padding-bottom: 50px;
    }
    #no30 .no30-box-last {
        padding-bottom: 80px;
    }
    #no30 .no30-num {
        right: 0;
        width: 35%;
    }
    #no30 .no30-num+div {
        margin-right: 15%;
    }
    #no30 .no30-num-even+div {
        margin-right: 0;
        margin-left: 15%;
    }
    #no30 .no30-num-even {
        left: 0;
    }
    #no30 .no30-col {
        margin-top: 30px;
    }
}


/*--------------------------------------------------
no31
--------------------------------------------------*/

#no31 {}

#no31 .bg1 {
    background: #f4e2e8;
}

#no31 .bg2 {
    background: #f3eef0;
}

#no31 .box {
    padding: 5%;
}

@media (max-width:767px) {
    #no31 .box {
        margin-top: 2.5%;
    }
}

#no31 .box::before,
#no31 .box::after {
    display: block;
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
}

@media (max-width:767px) {
    #no31 .box::before,
    #no31 .box::after {
        width: calc(100vw * 80 / 640);
        height: calc(100vw * 80 / 640);
    }
}

#no31 .box::before {
    top: 0;
    left: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

#no31 .box::after {
    right: 0;
    bottom: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

#no31 .box a.link {
    color: #59493f;
    border: 1px solid #59493f;
    border-radius: 3px;
    padding: 0.25em 1em;
}

#no31 .inner {
    max-width: 796px;
    margin: 0 auto;
}

#no31 .no31-img-00 {
    z-index: 1;
    margin: 0 0 -55px 0;
}


/*--------------------------------------------------
no32
--------------------------------------------------*/

#no32 {}

#no32 .border-left,
#no32 .border-right {
    padding: 50px 0;
}

@media (max-width:767px) {
    #no32 .border-left,
    #no32 .border-right {
        padding: 5% 0;
    }
}

#no32 .border-left {
    border-right: 75px solid #fff;
    border-left: 75px solid #fadedd;
}

#no32 .border-right {
    border-right: 75px solid #d6d6d6;
    border-left: 75px solid #fff;
}

@media (max-width:767px) {
    #no32 .border-left {
        border-right: none;
        border-left: calc(100vw * 50 / 640) solid #fadedd;
    }
    #no32 .border-right {
        border-right: calc(100vw * 50 / 640) solid #d6d6d6;
        border-left: none
    }
}

#no32 .border-left .border-top {
    border-top: 1px solid #e55a53;
}

#no32 .border-left .border-bottom {
    border-bottom: 1px solid #e55a53;
}

#no32 .border-right .border-top {
    border-top: 1px solid #313131;
}

#no32 .border-right .border-bottom {
    border-bottom: 1px solid #313131;
}

@media (max-width:767px) {
    #no32 .border-top {
        margin-top: 5%;
    }
    #no32 .border-bottom {
        margin-bottom: 5%;
    }
}

#no32 .box {
    padding: 10%;
}

@media (max-width:767px) {
    #no32 .box {
        padding: 5% 0;
    }
}

#no32 .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width:767px) {
    #no32 .title {
        font-size: calc(100vw * 36 / 640);
        line-height: calc(100vw * 48 / 640);
    }
}

#no32 .no32-img-00 {
    z-index: 1;
}

#no32 .no32-img-00 img {
    margin-bottom: -50%;
}

#no32 .bg {
    background: #fef8f8;
}

#no32 .color_black {
    color: #000;
}

#no32 .color_beige {
    color: #d1c0a5;
}

#no32 .color_charcol {
    color: #4b4c50;
}

#no32 .color_lgray {
    color: #d1d1c2;
}

#no32 .color_navy {
    color: #201e3a;
}

#no32 .whiteBox {
    background: #fff;
    font-weight: bold;
    padding: 2.5%;
}


/*--------------------------------------------------
no33
--------------------------------------------------*/

#no33 .no33-sec-01 {
    padding: 120px 0 140px;
    background: #f8f8f8;
    margin-top: 75px;
}

#no33 .no33-sec-02 {
    padding: 120px 0 150px;
    background: #dedcdc;
}

#no33 .no33-sec-03 {
    padding: 120px 0 110px;
    background: #f8f8f8;
}

#no33 .no33-img-01,
#no33 .no33-img-07 {
    position: relative;
}

#no33 .no33-img-01 p {
    position: absolute;
    top: -7%;
    right: -15%;
    width: 24.7%;
}

#no33 .no33-img-07 p {
    position: absolute;
    top: 7%;
    left: -83%;
    width: 92.5%;
}

#no33 .no33-col {
    max-width: 300px;
    margin: 0 auto;
}

#no33 .no33-col dt {
    text-align: center;
    margin-bottom: 60px;
}

#no33 .no33-img-05 {
    margin-left: 10%;
}

#no33 .no33-txt {
    line-height: 1.6;
    margin-bottom: 50px;
}

#no33 .no33-img-12 {
    margin: 110px 8% 0 37%;
}

#no33 .no33-txt-01 {
    margin-right: 8%;
}

#no33 .no33-box-02 {
    margin-left: 5%;
}

#no33 .no33-img-16 {
    margin-left: 20%;
}

#no33 .no33-box-03 {
    margin: 0 8% 0 35%;
}

#no33 .no33-credit {
    text-align: center;
    padding: 50px 6%;
    font-size: 16px;
}

@media (max-width:767px) {
    #no33 .no33-sec-01 {
        padding: 80px 0 80px;
        margin-top: 50px;
    }
    #no33 .no33-sec-02 {
        padding: 20% 0 80px;
    }
    #no33 .no33-sec-03 {
        padding: 80px 0 80px;
    }
    #no33 .no33-img-01 p {
        top: -7%;
        right: -6%;
    }
    #no33 .no33-img-07 p {
        top: -10%;
        left: 0;
        width: 80%;
    }
    #no33 .no33-col {
        max-width: 100%;
        margin: 50px auto 0;
    }
    #no33 .no33-col dt {
        margin-bottom: 40px;
    }
    #no33 .no33-img-05 {
        margin-left: 0;
    }
    #no33 .no33-img-06 {
        margin-bottom: 30px;
    }
    #no33 .no33-txt {
        margin-bottom: 40px;
    }
    #no33 .no33-img-12 {
        margin: 30px 0;
    }
    #no33 .no33-txt-01 {
        margin-right: 0;
    }
    #no33 .no33-box-02 {
        margin-left: 0;
    }
    #no33 .no33-img-16 {
        margin-left: 0;
    }
    #no33 .no33-box-03 {
        margin: 30px 0;
    }
    #no33 .no33-credit {
        font-size: 15px;
    }
}


/*--------------------------------------------------
no34
--------------------------------------------------*/

#no34 {}

#no34 .no34-num {
    text-align: center;
    margin-bottom: 40px;
}

#no34 .no34-box {
    background: #fbf6f6;
    padding: 60px 50px 0;
    height: 100%;
}

@media (max-width:767px) {
    #no34 .no34-img {
        margin: 10px 0 20px;
    }
    #no34 .no34-box {
        padding: 60px 6% 10px;
    }
}


/*--------------------------------------------------
no35
--------------------------------------------------*/

#no35 {}

#no35 .no35-img-09 {
    max-width: 500px;
    margin: auto 0 auto auto;
}

#no35 .l-col-sm-5 .c-paragraph--md.md01,
#no35 .l-col-sm-5 .c-paragraph--md.md02 {
    padding: 20px 0 0 0;
}

#no35 .l-col-sm-5 .c-paragraph--md.md01 span,
#no35 .l-col-sm-5 .c-paragraph--md.md02 span {
    display: inline-block;
    background: transparent;
    padding: 0 1em;
    font-size: 19px;
    line-height: 30px;
    font-weight: bold;
}

#no35 .l-col-sm-5 .c-paragraph--md.md01 span::before,
#no35 .l-col-sm-5 .c-paragraph--md.md02 span::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
}

#no35 .l-col-sm-5 .c-paragraph--md.md01 span::before {
    background: #d4e3ea;
}

#no35 .l-col-sm-5 .c-paragraph--md.md02 span::before {
    background: #dbedde;
}

#no35 .l-col-sm-5 .c-paragraph--xs>span {
    display: inline-block;
    width: 9em;
}

#no35 .l-col-sm-7 .c-paragraph {
    max-width: 500px;
}

#no35 .l-col-sm-7.ar .c-paragraph {
    margin-right: 0;
    margin-left: auto;
}

#no35 .box {
    height: 100%;
    padding: 5% 5% 10% 5%;
}

#no35 .box.border-right {
    border-right: 1px solid #d4e3ea;
}

@media (min-width:767px) {
    #no35 .box.border-right {
        border-right: none;
        border-bottom: 1px solid #d4e3ea;
    }
}

#no35 .box .c-paragraph--md {
    font-weight: bold;
    padding: 0 0 2.5% 0;
}


/*--------------------------------------------------
no36
--------------------------------------------------*/

#no36 {}

#no36 .no36-pc {
    display: none;
}

@media (min-width:767px) {
    #no36 .no36-pc {
        display: block;
    }
}

#no36 .no36-txt-01 {
    margin: 0 0 3em;
}

@media (min-width:767px) {
    #no36 .no36-txt-01 {
        margin: 0 0 6em;
    }
}

#no36 .no36-img-01 {
    margin: 0 auto 2em;
    width: 150px;
}

#no36 .no36-img-01 img {
    width: 100%;
}

#no36 .no36-txtWrap-01 {
    margin: 0 0 2em;
    text-align: left;
}

@media (min-width:767px) {
    #no36 .no36-txtWrap-01 {
        margin: 0 0 4em;
        text-align: center;
    }
}

#no36 .no36-box-01 {
    margin: 0 0 6em;
    padding: 0 25px;
}

@media (min-width:767px) {
    #no36 .no36-box-01 {
        position: relative;
        margin: 0 auto 3em;
        padding: 0;
        max-width: 1440px;
        height: 1200px;
        background: #fff;
    }
}

#no36 .no36-photo-01 {
    margin: 0 0 3em;
    padding: 0 calc(10% + 18px) 0 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-01 {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 57%;
    }
}

#no36 .no36-photo-01 img {
    position: relative;
    width: 100%;
}

#no36 .no36-photo-01 span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#no36 .no36-photo-01 span::before {
    position: absolute;
    top: 18px;
    left: 18px;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    border: 8px solid #ccc;
    box-sizing: border-box;
    z-index: 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-01 span::before {
        top: 24px;
        left: 24px;
        border: 10px solid #ccc;
    }
}

#no36 .no36-photo-02 {
    margin: 0 0 3em;
    padding: 0 18px 0 10%;
}

@media (min-width:767px) {
    #no36 .no36-photo-02 {
        position: absolute;
        top: 430px;
        right: 24px;
        margin: 0;
        padding: 0;
        width: 34%;
    }
}

#no36 .no36-photo-02 img {
    position: relative;
    width: 100%;
}

#no36 .no36-photo-02 span {
    display: block;
    position: relative;
    width: 100%;
}

#no36 .no36-photo-02 span::before {
    position: absolute;
    top: 18px;
    left: 18px;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    border: 8px solid #ccc;
    box-sizing: border-box;
    z-index: 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-02 span::before {
        top: 24px;
        left: 24px;
        border: 10px solid #ccc;
    }
}

#no36 .no36-photo-03 {
    margin: 0 0 3em;
    padding: 0 calc(10% + 18px) 0 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-03 {
        position: absolute;
        top: 58%;
        left: 140px;
        margin: 0;
        padding: 0;
        width: 40%;
    }
}

#no36 .no36-photo-03 img {
    position: relative;
    width: 100%;
}

#no36 .no36-photo-03 span {
    display: block;
    position: relative;
    width: 100%;
}

#no36 .no36-photo-03 span::before {
    position: absolute;
    top: 18px;
    left: 18px;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    border: 8px solid #ccc;
    box-sizing: border-box;
    z-index: 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-03 span::before {
        top: 24px;
        left: 24px;
        border: 10px solid #ccc;
    }
}

#no36 .no36-box-02 {
    position: relative;
    margin: 0 auto 2em;
    max-width: 1440px;
    background: #fff;
}

@media (min-width:767px) {
    #no36 .no36-box-02 {
        margin: 0 auto 5em;
    }
}

#no36 .no36-flex-01 {
    display: block;
    background: #c3b298;
    padding: 5%;
}

#no36 .no36-flex-01 div:first-child {
    padding: 20% 0;
}

@media (min-width:767px) {
    #no36 .no36-flex-01 div:first-child {
        padding: 10% 0 0;
    }
}

#no36 .no36-txt-02 {
    position: relative;
    margin: 0 0 2.5% 0;
    padding: 0 0 2.5% 0;
    text-align: center;
}

#no36 .no36-txt-02::before {
    position: absolute;
    bottom: 0;
    left: calc(50% - 35px);
    content: '';
    background: #fff;
    width: 70px;
    height: 2px;
}

#no36 .no36-txt-03 {
    text-align: center;
    color: #fff;
    font-size: calc(100vw * 22 / 640);
    line-height: calc(100vw * 45 / 640);
    padding: 0 0 5% 0;
}

@media (min-width:767px) {
    #no36 .no36-txt-03 {
        font-size: 17px;
        line-height: 30px;
    }
}

#no36 .no36-photo-04 img {
    width: 100%;
}

#no36 .no36-ttlHeight-01 img {
    display: none;
}

@media (min-width:767px) {
    #no36 .no36-ttlHeight-01 img {
        display: block;
        height: 28px;
        width: auto;
    }
}

#no36 .no36-ttlHeight-01 span {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
}

@media (min-width:767px) {
    #no36 .no36-ttlHeight-01 span {
        display: none;
    }
}

#no36 .no36-ttlHeight-02 img {
    height: auto;
    width: 100%;
}

@media (min-width:767px) {
    #no36 .no36-ttlHeight-02 img {
        height: 23px;
        width: auto;
    }
}

#no36 .no36-ttlHeight-03 img {
    width: 94%;
}

#no36 .no36-ttl-01 {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no36 .no36-ttl-01 {
        margin: 0 0 5em;
    }
}

#no36 .no36-ttl-02 {
    margin: 0 0 0.5em;
}

@media (min-width:767px) {
    #no36 .no36-ttl-02 {
        margin: 0 0 2em;
    }
}

#no36 .no36-ttl-02 img {
    display: none;
}

@media (min-width:767px) {
    #no36 .no36-ttl-02 img {
        display: block;
    }
}

#no36 .no36-ttl-02 span {
    display: block;
    font-weight: bold;
}

@media (min-width:767px) {
    #no36 .no36-ttl-02 span {
        display: none;
    }
}

#no36 .no36-txtG {
    margin: 0 0 2em;
    color: #888;
    text-align: justify;
}

#no36 .no36-txtG span {
    color: #32b16c;
}

#no36 .no36-txtR {
    margin: 0 0 2em;
    color: #888;
    text-align: justify;
}

#no36 .no36-txtR span {
    color: #ec6941;
}

#no36 .no36-txtWrap-02 {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no36 .no36-txtWrap-02 {
        margin: 0 0 4em;
    }
}

#no36 .no36-flex-02 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no36 .no36-flex-02 {
        margin: 0 0 4em;
    }
}

#no36 .no36-flex-02 p {
    width: 32%
}

#no36 .no36-flex-02 p img {
    width: 100%;
}

#no36 .no36-boxWrap-01 {
    margin: 0 auto;
    max-width: 1440px;
    color: #fff;
}

#no36 .no36-photo-05 {
    margin: 0 auto;
    max-width: 750px;
}

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

#no36 .no36-photo-05 span {
    display: block;
    text-align: right;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    padding: 5px 0 0 0;
}

#no36 .no36-ttl-03 {
    margin: 0 auto 5em;
    max-width: 70px;
}

@media (min-width:767px) {
    #no36 .no36-ttl-03 {
        margin: 0 auto 13em;
        max-width: 150px;
    }
}

#no36 .no36-ttl-03 img {
    width: 100%;
}

#no36 .no36-boxBtm-01 {
    margin: 0 0 4em;
}

@media (min-width:767px) {
    #no36 .no36-boxBtm-01 {
        margin: 0 0 13em;
    }
}

#no36 .no36-flexBox-01 {
    position: relative;
    padding: 3em 0;
    width: 100%;
    min-height: 250px;
    text-align: justify;
}

@media (min-width:767px) {
    #no36 .no36-flexBox-01 {
        padding: 3em 0;
        width: 55%;
    }
}

#no36 .no36-flexBox-02 {
    display: none;
}

@media (min-width:767px) {
    #no36 .no36-flexBox-02 {
        display: block;
        position: relative;
        width: 40%;
    }
}

#no36 .no36-photoSp-01 {
    display: block;
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no36 .no36-photoSp-01 {
        display: none;
    }
}

#no36 .no36-photoSp-01 img {
    width: 100% !important;
}

#no36 .no36-box-03 {
    background: #a19a86;
}

#no36 .no36-box-04 {
    background: #858585;
}

#no36 .no36-box-05 {
    background: #979390;
}

#no36 .no36-box-06 {
    background: #a19a8c;
}

#no36 .no36-box-07 {
    background: #978d73;
}

#no36 .no36-box-08 {
    background: #868e99;
}

#no36 .no36-box-09 {
    background: #9c9a83;
}

#no36 .no36-box-10 {
    background: #ada193;
}

#no36 .no36-box-11 {
    margin: 0 0 4em;
    background: #9f9281;
}

@media (min-width:767px) {
    #no36 .no36-box-11 {
        margin: 0 0 8em;
    }
}

#no36 .no36-flex-03 {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    #no36 .no36-flex-03 {
        display: flex;
        justify-content: space-between;
    }
}

#no36 .no36-flex-03 img {
    width: 50%;
}

@media (min-width:767px) {
    #no36 .no36-flex-03 img {
        width: 100%;
    }
}

#no36 .no36-flexRev {
    flex-direction: row-reverse
}

#no36 .no36-ttl-04 {
    position: absolute;
    top: -38px;
    left: 0;
}

@media (min-width:767px) {
    #no36 .no36-ttl-04 {
        position: absolute;
        top: -77px;
    }
}

#no36 .no36-ttlr-04 {
    right: 0 !important;
    left: auto !important;
}

#no36 .no36-flexRev .no36-ttl-04 {
    text-align: right;
}

@media (min-width:767px) {
    #no36 .no36-flexRev .no36-ttl-04 {
        right: 0;
    }
}

#no36 .no36-flexRev .no36-ttl-04 img {}

#no36 .no36-photo-06 {
    position: absolute;
    top: 0;
}

@media (min-width:767px) {
    #no36 .no36-photo-06 {
        top: -140px;
    }
}

#no36 .no36-txt-04 {
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no36 .no36-txt-04 {
        margin: 0 0 3em;
    }
}

#no36 .no36-txt-05 {
    position: static;
    font-size: 1rem;
}

@media (min-width:767px) {
    #no36 .no36-txt-05 {
        position: absolute;
        bottom: 3em;
    }
}

#no36 .no36-flex-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#no36 .no36-flex-04 img {
    width: 100%;
}

#no36 .no36-ttl-05 {
    width: 60px;
}

#no36 .no36-ttl-06 {
    width: 180px;
}

#no36 .no36-txtWrap-03 {
    font-size: 1rem;
}

#no36 .no36-flexBox-03 {
    width: 100%;
}

@media (min-width:767px) {
    #no36 .no36-flexBox-03 {
        width: 48%;
    }
}

#no36 .no36-txt-06 {
    margin: 0.5em 0 0;
    padding: 1.8em 0;
    border-top: 2px solid #000;
    width: 100%;
}

#no36 .no36-photoSp-02 {
    display: block;
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no36 .no36-photoSp-02 {
        display: none;
    }
}

#no36 .no36-photoPc-01 {
    display: none;
}

@media (min-width:767px) {
    #no36 .no36-photoPc-01 {
        display: block;
    }
}


/*--------------------------------------------------
no37
--------------------------------------------------*/

#no37 {}

#no37 #no37-anker-01,
#no37 #no37-anker-02,
#no37 #no37-anker-03,
#no37 #no37-anker-04 {
    margin: -60px 0 0 0;
    padding: 60px 0 0 0;
}

@media (min-width:767px) {
    #no37 #no37-anker-01,
    #no37 #no37-anker-02,
    #no37 #no37-anker-03,
    #no37 #no37-anker-04 {
        margin: -80px 0 0 0;
        padding: 80px 0 0 0;
    }
}

#no37 .no37-flex-01 {
    display: flex;
    flex-wrap: wrap;
    margin: 1em auto 2em;
    width: 100%;
}

@media (min-width:767px) {
    #no37 .no37-flex-01 {
        flex-wrap: nowrap;
        margin: 3em auto 4em;
        width: 80%;
    }
}

#no37 .no37-flex-01 li {
    margin: 0 0 1em;
    width: 50%;
    text-align: center;
}

@media (min-width:767px) {
    #no37 .no37-flex-01 li {
        margin: 0;
        padding: 0 2em;
        width: auto;
    }
}

#no37 .no37-flex-01 li img {
    margin: 0 auto;
    height: 26vh;
    text-align: center;
}

@media (min-width:767px) {
    #no37 .no37-flex-01 li img {
        height: 200px;
    }
}

#no37 .no37-box-01 {
    margin: 0 0 4em;
    padding: 8vh 0;
    color: #fff;
    background: #02B2E4 url(../../upload/2018winter/37/37_05.jpg) no-repeat 90% 100%;
    background-size: 50%;
}

@media (min-width:767px) {
    #no37 .no37-box-01 {
        background: #02B2E4 url(../../upload/2018winter/37/37_05.jpg) no-repeat 90% 50%;
        background-size: 25%;
    }
}

#no37 .no37-bgcolor-01 {
    background: #F1BC23 url(../../upload/2018winter/37/37_15.jpg) no-repeat 90% 100%;
    background-size: 50%;
}

@media (min-width:767px) {
    #no37 .no37-bgcolor-01 {
        background: #F1BC23 url(../../upload/2018winter/37/37_15.jpg) no-repeat 90% 50%;
        background-size: 25%;
    }
}

#no37 .no37-bgcolor-02 {
    background: #FF633A url(../../upload/2018winter/37/37_24.jpg) no-repeat 90% 100%;
    background-size: 50%;
}

@media (min-width:767px) {
    #no37 .no37-bgcolor-02 {
        background: #FF633A url(../../upload/2018winter/37/37_24.jpg) no-repeat 90% 50%;
        background-size: 25%;
    }
}

#no37 .no37-bgcolor-03 {
    background: #BF59A2 url(../../upload/2018winter/37/37_39.jpg) no-repeat 90% 100%;
    background-size: 50%;
}

@media (min-width:767px) {
    #no37 .no37-bgcolor-03 {
        background: #BF59A2 url(../../upload/2018winter/37/37_39.jpg) no-repeat 90% 50%;
        background-size: 25%;
    }
}

#no37 .no37-ttl-01 {
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no37 .no37-ttl-01 {
        margin: 0 0 2em;
    }
}

#no37 .no37-ttl-01 img {
    height: 24px;
    width: auto;
}

@media (min-width:767px) {
    #no37 .no37-ttl-01 img {
        height: 40px;
        width: auto;
    }
}

#no37 .no37-txt-01 {
    padding: 0 0 2em;
    width: 80%;
    text-align: justify;
}

@media (min-width:767px) {
    #no37 .no37-txt-01 {
        padding: 0;
        width: 70%;
    }
}

#no37 .no37-ttl-02 {
    margin: 0 0 2em;
    text-align: center;
}

@media (min-width:767px) {
    #no37 .no37-ttl-02 {
        margin: 0 0 4em;
    }
}

#no37 .no37-ttl-02 img {
    width: 100%;
}

@media (min-width:767px) {
    #no37 .no37-ttl-02 img {
        height: 60px;
        width: auto;
    }
}

#no37 .no37-flex-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: justify;
}

#no37 .no37-flex-02 div {
    width: 100%;
}

@media (min-width:767px) {
    #no37 .no37-flex-02 div {
        width: 48%;
    }
}

#no37 .no37-flex-02 div.no37-box-02 {
    position: relative;
}

#no37 .no37-photo-01 img {
    margin: 0 0 2em;
    width: 100%;
}

@media (min-width:767px) {
    #no37 .no37-photo-01 img {
        margin: 0;
    }
}

#no37 .no37-ttl-03 {
    margin: 0 0 1em;
}

@media (min-width:767px) {
    #no37 .no37-ttl-03 {
        margin: 0 0 2em;
    }
}

#no37 .no37-ttl-03 img {
    height: 5vh;
    width: auto;
}

@media (min-width:767px) {
    #no37 .no37-ttl-03 img {
        height: 50px;
        width: auto;
    }
}

#no37 .no37-ttl-04 {
    margin: 0 0 0.3em;
    color: #02B2E4;
    font-size: 1.8rem;
    font-weight: bold;
}

#no37 .no37-color-01 {
    color: #F1BC23;
}

#no37 .no37-color-02 {
    color: #FF633A;
}

#no37 .no37-color-03 {
    color: #bf59a2;
}

#no37 .no37-txt-02 {
    margin: 0 0 3em;
    font-size: 1.4rem;
}

@media (min-width:767px) {
    #no37 .no37-txt-02 {
        margin: 0;
        font-size: 1.4rem;
    }
}

#no37 .no37-price-01 {
    position: static;
    bottom: 0;
    left: 0;
    width: 100% !important;
}

@media (min-width:767px) {
    #no37 .no37-price-01 {
        position: absolute;
    }
}

#no37 .no37-hr-01 {
    margin: 4em auto;
    height: 1px;
    width: 76%;
    border: none;
    border-top: 1px #000000 dashed;
}

#no37 .no37-flex-03 {
    flex-direction: row-reverse;
}

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

#no37 .no37-txt-04 {
    margin: 0 0 0.8em;
    font-size: 1.2rem;
}

#no37 .no37-flex-04 {
    min-height: 640px;
}

#no37 .no37-box-03 {
    position: relative;
    margin: 6em 0 1.5em;
    border: 3px solid #02B2E4;
    border-radius: 10px;
}

@media (min-width:767px) {
    #no37 .no37-box-03 {
        position: relative;
        margin: 4em 0 1.5em;
        border: 3px solid #02B2E4;
        border-radius: 10px;
    }
}

#no37 .no37-border-01 {
    border: 3px solid #F1BC23;
}

#no37 .no37-border-02 {
    border: 3px solid #FF633A;
}

#no37 .no37-border-03 {
    border: 3px solid #BF59A2;
}

#no37 .no37-txt-05 {
    padding: 1em;
    color: #02B2E4;
    font-size: 1.8rem;
    font-weight: bold;
}

#no37 .no37-txtColor-01 {
    color: #F1BC23;
}

#no37 .no37-txtColor-02 {
    color: #FF633A;
}

#no37 .no37-txtColor-03 {
    color: #BF59A2;
}

#no37 .no37-img-01 {
    position: absolute;
    top: -5.1em;
    right: 10px;
}

@media (min-width:767px) {
    #no37 .no37-img-01 {
        position: absolute;
        top: -8em;
        right: 20px;
    }
}

#no37 .no37-wid-01 {
    top: -6em;
    right: 30px;
}

@media (min-width:767px) {
    #no37 .no37-wid-01 {
        top: -11.5em;
        right: 80px;
    }
}

#no37 .no37-wid-02 {
    top: -4.1em;
    right: 20px;
}

@media (min-width:767px) {
    #no37 .no37-wid-02 {
        top: -5em;
        right: 80px;
    }
}

#no37 .no37-wid-03 {
    top: -2.6em;
    right: 20px;
}

@media (min-width:767px) {
    #no37 .no37-wid-03 {
        top: -3em;
        right: 80px;
    }
}

#no37 .no37-img-01 img {
    width: 100px;
}

@media (min-width:767px) {
    #no37 .no37-img-01 img {
        width: 250px;
    }
}

#no37 .no37-wid-01 img {
    width: 40px;
}

@media (min-width:767px) {
    #no37 .no37-wid-01 img {
        width: 80px;
    }
}

#no37 .no37-wid-02 img {
    width: 80px;
}

@media (min-width:767px) {
    #no37 .no37-wid-02 img {
        width: 180px;
    }
}

#no37 .no37-wid-03 img {
    width: 120px;
}

@media (min-width:767px) {
    #no37 .no37-wid-03 img {
        width: 250px;
    }
}

#no37 .no37-box-03 {
    color: #fff;
}

#no37 .no37-flex-05 {
    display: flex;
    flex-wrap: wrap;
    padding: 2em;
    background: #02B2E4;
    font-size: 1.3rem;
    justify-content: space-between;
}

#no37 .no37-flexBg-01 {
    background: #F1BC23;
}

#no37 .no37-flexBg-02 {
    background: #FF633A;
}

#no37 .no37-flexBg-03 {
    background: #BF59A2;
}

#no37 .no37-flex-05 div:first-child {
    margin: 0 0 2em;
}

@media (min-width:767px) {
    #no37 .no37-flex-05 div:first-child {
        margin: 0;
    }
}

#no37 .no37-flex-05 div {
    width: 100%;
}

@media (min-width:767px) {
    #no37 .no37-flex-05 div {
        width: 48%;
    }
}

#no37 .no37-ttl-05 {
    margin: 0 0 0.8em;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.4rem;
}

@media (min-width:767px) {
    #no37 .no37-ttl-05 {
        margin: 0 0 0.2em;
        font-size: 2rem;
        line-height: 3rem;
    }
}

#no37 .no37-box-05 {
    position: relative;
    margin: 0 0 2em;
    padding: 5em 1.4em 1.4em;
    color: #02B2E4;
    border: 3px solid #02B2E4;
    border-radius: 10px;
    text-align: center;
}

@media (min-width:767px) {
    #no37 .no37-box-05 {
        margin: 0 0 5em;
        padding: 1.4em;
    }
}

#no37 .no37-box-06 {
    color: #F1BC23;
    border: 3px solid #F1BC23;
}

#no37 .no37-box-07 {
    color: #FF633A;
    border: 3px solid #FF633A;
    padding: 5em 1.4em 1.4em;
}

#no37 .no37-box-08 {
    color: #BF59A2;
    border: 3px solid #BF59A2;
}

#no37 .no37-ttl-06 {
    margin: 60px 0 0.2em;
    font-size: 1.8rem;
    font-weight: bold;
}

@media (min-width:767px) {
    #no37 .no37-ttl-06 {
        font-size: 2rem;
    }
}

#no37 .no37-img-02 {
    position: absolute;
    top: calc(50% - 6.8em);
    left: calc(50% - 50px);
    z-index: -1;
}

@media (min-width:767px) {
    #no37 .no37-img-02 {
        top: calc(50% - 51px);
        left: 2em;
    }
}

#no37 .no37-img-02 img {
    width: 100px
}

@media (min-width:767px) {
    #no37 .no37-img-02 img {
        width: 150px
    }
}

#no37 .no37-img-03 {
    top: calc(50% - 90px);
}

@media (min-width:767px) {
    #no37 .no37-img-03 {
        top: calc(50% - 45.5px);
    }
}

#no37 .no37-img-04 {
    top: calc(50% - 140px);
    left: calc(50% - 16px);
    z-index: 2;
}

@media (min-width:767px) {
    #no37 .no37-img-04 {
        top: calc(50% - 90px);
        left: 3em;
    }
}

#no37 .no37-img-04 img {
    width: 50px;
}

@media (min-width:767px) {
    #no37 .no37-img-04 img {
        width: 80px;
    }
}

#no37 .no37-img-05 img {
    width: 80px;
}

#no37 .no37-img-06 img {
    width: 80px;
}

#no37 .no37-pc {
    display: none;
}

@media (min-width:767px) {
    #no37 .no37-pc {
        display: block;
    }
}

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

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

#no37 .no37-photo-02 {
    width: 100% !important;
}

@media (min-width:767px) {
    #no37 .no37-photo-02 {
        width: 82% !important;
    }
}


/*--------------------------------------------------
no39
--------------------------------------------------*/

#no39 {}

#no39 .box {
    border: 10px solid #f6a2a4;
    margin: 5% 0 0 0;
    padding: 7.5%;
}

#no39 .box .kv {}

#no39 .no39-img-00 {
    text-align: center;
    margin: -30px 0 0 0;
}

#no39 .box .kv .no39-img-01 {
    position: absolute;
    bottom: 55%;
    z-index: 1;
}

@media (max-width:767px) {
    #no39 .box .kv .no39-img-01 {
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
        padding: 0 0 5% 0;
    }
}

#no39 .box1 .kv .no39-img-01 {
    right: 0;
}

#no39 .box2 .kv .no39-img-01 {
    left: 0;
}

#no39 .box .kv .no39-img-02 {}

#no39 .box .kv .c-paragraph--md {
    position: absolute;
    top: 55%;
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    width: 306px;
}

#no39 .box .kv .c-paragraph--xs {
    position: absolute;
    top: 62%;
    z-index: 1;
    width: 306px;
}

#no39 .box1 .kv .c-paragraph--md {
    right: 0;
}

#no39 .box1 .kv .c-paragraph--xs {
    right: 0;
}

#no39 .box2 .kv .c-paragraph--md {
    left: 0;
}

#no39 .box2 .kv .c-paragraph--xs {
    left: 0;
}

@media (max-width:767px) {
    #no39 .box .kv .c-paragraph--md,
    #no39 .box .kv .c-paragraph--xs {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }
    #no39 .box .kv .c-paragraph--md {
        padding: 5% 0 0 0;
    }
}

#no39 .box .border {
    margin: 5% 0;
    padding: 0 0 0 80px;
}

#no39 .box .border::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url("../../upload/2018winter/39/39_00_00.jpg") top center repeat;
    width: 53px;
    height: 100%;
}

@media (max-width:767px) {
    #no39 .box .border {
        padding: 0 0 0 10%;
    }
    #no39 .box .border::before {
        width: 7.5%;
    }
}

#no39 .box .no39-comment {
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
}

#no39 .box .no39-comment .no39-img-02 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 20%;
}

#no39 .box .no39-comment .tooltip {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

@media (max-width:767px) {
    #no39 .box .no39-comment .no39-img-02,
    #no39 .box .no39-comment .tooltip {
        display: block;
        width: 100%;
    }
}

#no39 .box .no39-comment .tooltip .no39-img-01 {}

#no39 .box .no39-comment .tooltip .c-paragraph--md {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10% 0 20%;
}

@media (max-width:767px) {
    #no39 .box .no39-comment .tooltip .c-paragraph--md {
        position: relative;
        top: auto;
        transform: translateY(0%);
        padding: 5% 0 0 0;
    }
}

#no39 .keyBoxWrap,
#no39 .keyBox {
    padding: 5%;
}

@media (max-width:767px) {
    #no39 .keyBoxWrap {
        padding: 0;
    }
    #no39 .keyBox {
        padding: 5% 0;
    }
}

#no39 .keyBox .no39-img-01 {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
}

@media (max-width:767px) {
    #no39 .keyBox .no39-img-01 {
        vertical-align: top;
        width: calc(100vw * 100 / 640);
        padding: 0 2.5% 0 0;
    }
}

#no39 .keyBox .textBox {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
}

@media (max-width:767px) {
    #no39 .keyBox .textBox {
        vertical-align: top;
        width: calc(100% - (100vw * 120 / 640));
    }
}

#no39 .keyBox .textBox .c-paragraph--md {
    font-size: 30px;
}

@media (max-width:767px) {
    #no39 .keyBox .textBox .c-paragraph--md {
        font-size: calc(100vw * 30 / 640);
    }
}

#no39 .border-bottom {
    border-bottom: 1px solid #000;
}

#no39 .bg-pink {
    background: #fff7f7;
    padding: 7.5%;
}

#no39 .bg-pink .question {
    border-bottom: 1px solid #f6302f;
    margin: 0 0 5% 0;
    padding: 2.5% 0;
}

@media (max-width:767px) {
    #no39 .bg-pink .question img {
        max-height: calc(100vw * 50 / 640);
        margin: 0 0 2.5% 0;
    }
}

#no39 .bg-pink .question span {
    display: block;
    position: absolute;
    bottom: 20%;
    left: 100px;
}

@media (max-width:767px) {
    #no39 .bg-pink .question span {
        position: relative;
        bottom: auto;
        left: auto;
    }
}


/*--------------------------------------------------
no40
--------------------------------------------------*/

#no40 .no40-sec-01 {
    padding: 75px 0 110px;
}

#no40 .no40-sec-02 {
    padding: 120px 0 150px;
    background: #f7f7f7;
}

#no40 .no40-sec-03 {
    padding: 120px 0 110px;
}

#no40 .no40-sec-04 {
    padding: 120px 0 110px;
    background: #f7f7f7;
}

#no40 .no40-ttl {
    text-align: center;
    margin-bottom: 30px;
}

#no40 .no40-colum {
    text-align: center;
    overflow: hidden;
    margin: 90px 0 40px;
    font-weight: bold;
}

#no40 .no40-colum span {
    position: relative;
    display: block;
}

#no40 .no40-colum span::before {
    content: '';
    width: 50%;
    border-bottom: solid 1px #000;
    position: absolute;
    left: -90px;
    top: 11px;
}

#no40 .no40-colum span::after {
    content: '';
    width: 50%;
    border-bottom: solid 1px #000;
    position: absolute;
    right: -90px;
    top: 11px;
}

#no40 .no40-sub {
    font-size: 22px;
    text-align: center;
}

#no40 .no40-sub strong {
    color: #8081ac;
    font-size: 45px;
    vertical-align: -5%;
    margin: 0 .05em;
}

#no40 .no40-img-05 {
    text-align: center;
    margin: 30px 0 150px;
}

#no40 .no40-num {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -70px;
    left: 0;
}

#no40 .no40-ttl2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #67699e;
}

#no40 .no40-box {
    border: solid 1px #eee;
    padding: 50px 25px 40px;
    margin-bottom: 85px;
}

#no40 .no40-box .c-paragraph--md {
    margin-bottom: 10px;
}

@media (max-width:767px) {
    #no40 .no40-sec-01 {
        padding: 50px 0 80px;
    }
    #no40 .no40-sec-02 {
        padding: 90px 0 80px;
    }
    #no40 .no40-sec-03 {
        padding: 90px 0 80px;
    }
    #no40 .no40-sec-04 {
        padding: 90px 0 80px;
    }
    #no40 .no40-sub {
        line-height: 1.2;
    }
    #no40 .no40-img-05 {
        margin: 30px 0 100px;
    }
    #no40 .no40-box {
        padding: 50px 6% 20px;
        height: auto !important;
    }
}

#no40 .no40-num2 {
    position: absolute;
    z-index: 1;
}

#no40 .no40-cood {
    display: table;
    width: 92.5%;
    margin-left: auto;
    border: solid 1px #eee;
}

#no40 .no40-cood>* {
    display: table-cell;
    vertical-align: middle;
}

#no40 .no40-cood dl {
    padding: 40px 0;
    padding-left: 10%;
}

#no40 .no40-cood-img {
    width: 25%;
    text-align: center;
    padding: 40px 20px;
}

#no40 .no40-cood dt {
    margin-bottom: 1.5em;
}

#no40 .no40-cood dt span {
    font-size: 22px;
    color: #67919e;
    font-weight: bold;
    margin-right: 1em;
}

#no40 .no40-cood dd p {
    position: relative;
    padding-left: 1.5em;
}

#no40 .no40-cood dd p+p {
    margin-top: 1.2em;
}

#no40 .no40-cood dd p::before {
    content: '●';
    color: #67919e;
    position: absolute;
    left: 0;
}

#no40 .no40-profile {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 10% 20px;
    position: relative;
    margin-bottom: 120px;
}

#no40 .no40-profile dt {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: -14px;
}

#no40 .no40-profile strong {
    font-size: 150%;
    display: block;
}

@media (max-width:767px) {
    #no40 .no40-num2 {
        width: 100%;
        text-align: center;
        margin-top: -60px;
    }
    #no40 .no40-sec-02 .no40-sub {
        padding-bottom: 50px;
    }
    #no40 .no40-cood {
        display: block;
        width: auto;
        margin: 0 auto 90px;
    }
    #no40 .no40-cood>* {
        display: block;
    }
    #no40 .no40-cood dl {
        padding: 60px 6% 40px;
    }
    #no40 .no40-cood-img {
        width: auto;
        padding: 0 6% 40px;
    }
    #no40 .no40-cood dt {
        margin-bottom: 1.5em;
        text-align: center;
    }
    #no40 .no40-cood dt span {
        margin-right: 0;
        display: block;
    }
    #no40 .no40-profile {
        padding: 40px 6% 20px;
        margin-bottom: 100px;
    }
}

#no40 .no40-lead {
    width: 65%;
    margin: 0 auto 120px;
}

#no40 .no40-reci {
    position: relative;
    border: solid 1px #eee;
    padding: 85px 8.5% 50px;
}

#no40 .no40-reci-01 {
    margin-bottom: 95px;
}

#no40 .no40-reci-02 {
    margin-bottom: 105px;
}

#no40 .no40-num3 {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: -60px;
    text-align: center;
}

#no40 .no40-img-25 {
    position: absolute;
    text-align: center;
    width: 31%;
}

#no40 .no40-reci-01 dl {
    width: 59%;
    margin-left: auto;
}

#no40 .no40-img-27 {
    float: right;
    width: 38%;
    margin-top: -30px;
    margin-left: 5%;
}

#no40 .no40-reci dt {
    font-size: 22px;
    color: #67699e;
    font-weight: bold;
}

#no40 .no40-profile-02 {
    border: solid 1px #67699e;
    margin-bottom: 90px;
}

@media (max-width:767px) {
    #no40 .no40-lead {
        width: auto;
    }
    #no40 .no40-reci {
        padding: 85px 6% 50px;
    }
    #no40 .no40-img-25 {
        position: static;
        width: auto;
        margin-bottom: 20px;
    }
    #no40 .no40-reci-01 dl {
        width: auto;
    }
    #no40 .no40-img-27 {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 auto 20px;
    }
}

#no40 .no40-book {
    border: solid 1px #eee;
    margin: 60px 0 50px;
    display: table;
    width: 100%;
}

#no40 .no40-book>* {
    display: table-cell;
    vertical-align: middle;
}

#no40 .no40-book-img {
    width: 40%;
    padding: 35px 4.6%;
    text-align: center;
}

#no40 .no40-book dl {
    padding-right: 4.6%;
}

#no40 .no40-book dt {
    font-size: 22px;
    color: #67919e;
    font-weight: bold;
    margin-bottom: 1em;
}

#no40 .no40-img-32 {
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width:767px) {
    #no40 .no40-book,
    #no40 .no40-book>* {
        display: block;
        width: 100%;
    }
    #no40 .no40-book-img {
        padding: 0;
        margin-bottom: 20px;
    }
    #no40 .no40-book dl {
        padding: 0;
    }
    #no40 .no40-book {
        padding: 30px 6%;
    }
}


/*--------------------------------------------------
no00
--------------------------------------------------*/

#no00 {}


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

#no17 {}

#no17 hr.border {
    border: none;
    background: #515050;
    width: 100%;
    height: 1px;
}

#no17 h4.sttl {
    text-align: center;
    margin: 5% 0 0 0;
}

#no17 h4.sttl::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    background: #515050;
    width: 100%;
    height: 1px;
}

#no17 h4.sttl span {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    font-size: 20px;
    line-height: 40px;
    padding: 0 2em;
}

@media (max-width:767px) {
    #no17 h4.sttl span {
        font-size: calc(100vw * 30 / 640);
        line-height: calc(100vw * 45 / 640);
        max-width: 80%;
        padding: 0 1em;
    }
}

#no17 h5.coordinate {
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.2em;
}

@media (max-width:767px) {
    #no17 h5.coordinate {
        font-size: calc(100vw * 26 / 640);
        line-height: calc(100vw * 30 / 640);
        letter-spacing: 0.2em;
    }
}

#no17 .no17-img-00 {
    text-align: center;
    padding: 2.5% 0 5% 0;
}

#no17 .no17-img-00 img {
    max-height: 40px;
}

#no17 .box {
    background: #333;
    color: #fff;
    margin: 2.5% 0 5% 0;
    padding: 5% 7.5%;
}

#no17 .l-col-sm-6:nth-of-type(1) .no17-img-03 {
    padding-left: 10.7526882%;
}

#no17 .l-col-sm-6:nth-of-type(2) .no17-img-03 {
    padding-right: 10.7526882%;
}

#no17 .no17-img-04 {
    text-align: center;
    padding: 5% 0 0 0;
}

#no17 .no17-img-04 img {
    max-height: 70px;
}

#no17 .ttl {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    padding: 2.5% 0 5%;
}

@media (max-width:767px) {
    #no17 .ttl {
        font-size: calc(100vw * 30 / 640);
        line-height: calc(100vw * 45 / 640);
    }
}

#no17 .ttl_contact {
    text-align: center;
    background: #13345d;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin: 5% 0 0 0;
    padding: 10px;
}

@media (max-width:767px) {
    #no17 .ttl_contact {
        font-size: calc(100vw * 30 / 640);
        line-height: calc(100vw * 45 / 640);
    }
}

#no17 .box2 {
    padding: 5% 7.5%;
}

@media (max-width:767px) {
    #no17 .box2 {
        padding: 5% 0;
    }
}