@charset "UTF-8";

/* ==============================
 * top page styles
 ============================== */
/* reset */
#contents {
    width: 100%;
}

/* common */
.content-main a,
.page-head a {
    text-decoration: none;
}

.heading {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    font-weight: 600;
}

.content-main .heading.heading-m {
    font-size: 2.4rem;
    margin-bottom: 25px;
    line-height: 1.45;
    text-align: center;
}

.heading-m:after {
    content: "";
    width: 80px;
    height: 2px;
    background: #008d54;
    display: block;
    margin: 14px auto 0;
}

.content-main .aft-none.heading-m:after {
    content: none;
}

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

    .page-house #yrHere,
    .page-part #yrHere,
    .page-apartment #yrHere,
    .page-old #yrHere {
        margin-top: 55px;
    }
}

/* utility */
.font-mincho {
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
}

.top_bcp {
    margin-top: 10px;
    text-align: center;
    border: 3px solid #EBEBE3;
    padding: 10px 10px 0 10px;
    line-height: 1.5em;
    font-size: 1.5rem;
    width: 980px;
    margin: 0 auto 5px;
}

.top_bcp p {
    margin-bottom: 10px;
}

.bottom-contact {
    margin: 0;
}

@media only screen and (max-width : 767px) {
    .top_bcp {
        margin: 10px 10px 0px;
        width: auto;
        background: #EBEBE3;
    }
}

@media print,
screen and (min-width : 768px) {
    .page-head {
        height: auto;
        background: transparent;
        max-height: inherit;
        margin-bottom: 0;
    }
}

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

    .content-main a,
    .page-head a {
        font-size: 1.4rem;
    }

    .content-main .heading.heading-m {
        font-size: 1.8rem;
        line-height: 1.35;
        margin-bottom: 13px;
    }

    .heading-m:after {
        width: 50px;
        height: 2px;
        margin: 10px auto 0;
    }

    .page-head {
        height: auto;
    }

    .bottom-contact_boxwrap {
        margin: 15px 0 0;
        border: none;
    }
}

/* banner */
.top-area-col2-banner,
.area-col2-banner {
    width: 100%;
    max-width: 980px;
    margin: 23px auto;
}

.top-area-col2-banner .heading,
.area-col2-banner .heading {
    margin-bottom: 22px;
    font-size: 2.4rem;
}

.area-col2-banner {
    max-width: 1080px;
}

.area-col2-banner {
    width: 100%;
    max-width: 1080px;
    margin: 30px auto;
}

.box-banner_campaign_1,
.box-banner_campaign_2 {
    float: left;
    width: 470px;
}

.box-banner_campaign_1 a,
.box-banner_campaign_2 a {
    cursor: pointer;
}

.box-banner_campaign_2 {
    margin-left: 40px;
}

.banner-title {
    color: #fff;
    background: #008d54;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 5px 15px 3px;
    margin-bottom: 5px;
    position: relative;
}

.banner-title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #008d54 transparent transparent;
    position: absolute;
    left: 11px;
    top: 100%;
    z-index: 100;
}

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

    .top-area-col2-banner,
    .area-col2-banner {
        width: inherit;
        margin: auto 10px;
    }

    .top-area-col2-banner .heading,
    .area-col2-banner .heading {
        font-size: 1.7rem;
    }

    .box-banner_campaign_1,
    .box-banner_campaign_2 {
        float: none;
        width: 100%;
        max-width: 1080px;
        padding: 0;
    }

    .box-banner_campaign_1,
    .box-banner_campaign_2 {
        margin: 15px auto;
    }

    .box-banner_campaign_2 {
        margin-bottom: 30px;
    }

    .banner-title {
        font-size: 1.4rem;
        font-weight: bold;
        padding: 5px 15px 3px;
        margin-bottom: 5px;
        position: relative;
    }
}

.content-main .read-txt {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

@media only screen and (max-width : 767px) {
    .content-main .read-txt {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
}

/* news */
.block-news-wrap {
    background: #f0f0f0;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
}

.block-news {
    background: #FFF;
    border: solid 1px #a0a0a0;
    display: table;
    margin-top: 29px;
    width: 980px;
    margin: 0 auto;
}

.block-news-wrap .block-news {
    border: none;
}

.block-news a .title {
    font-size: 1.4rem;
}

.block-news_title,
.block-news_body,
.block-news_more {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
}

.block-news_body {
    font-size: 1.4rem;
}

.block-news_more a:after {
    content: "\f105";
    margin-right: 5px;
}

.block-news_title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    font-weight: 600;
    color: #666;
    width: 100px;
    text-align: center;
    background: #f0f0f0;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 12px 10px 10px 11px;
    line-height: 1 !important;
}

.block-news_title img.pconly {
    display: block;
}

.block-news_body .date {
    font-size: 1.4rem;
    margin-right: .5em;
}

.block-news_more {
    text-align: right;
    padding-top: 4px;
}

.block-news_more a {
    font-size: 1.2rem;
    color: #6b98ae;
    text-decoration: none;
}

.block-news_more a:after {
    font-size: 16px;
    margin-left: 6px;
    vertical-align: -1px;
}

@media print,
screen and (min-width : 768px) {
    .page-head_title {
        margin-left: 39px;
    }

    .page-head_btn {
        margin: 22px 0 0 64px;
    }

    .page-head_btn a {
        font-size: 1.5rem;
        padding: .75em 1.5em .5em;
    }

    .page-head_btn a:before {
        height: 27px;
        margin-right: 10px;
        width: 18px;
    }

    .page-head_btn a:after {
        font-size: 20px;
        margin-left: 10px;
    }

    .block-news-wrap .block-news .block-news_title {
        background: #fff;
        border-right: solid 1px #a0a0a0;
    }

}

@media only screen and (max-width : 767px) {
    .page-head_btn {
        margin: 10px auto;
    }

    .page-head_btn a {
        font-size: 1.2rem;
        padding: .5em 1.5em .25em;
    }

    .page-head_btn a:before {
        height: 15px;
        margin-right: 5px;
        width: 10px;
    }

    .page-head_btn a:after {
        font-size: 14px;
        margin-left: 5px;
    }

    .block-index .row {
        padding: 5px;
    }

    .block-news {
        width: auto;
        margin: 0 10px;
        display: block;
    }

    .block-news a .title {
        font-size: 1.2rem;
    }

    .block-news_title,
    .block-news_body,
    .block-news_more {
        display: block;
    }

    .block-news_title {
        width: 100%;
    }

    .block-news_body {
        line-height: 1.5;
        padding: 10px 10px 0;
    }
}

/* link */
.block-link {
    background: #eaeaea;
    margin: 25px 0 0;
    padding: 34px 0 39px;
}

.block-link_head,
.block-link .tab-contents {
    width: 1024px;
    margin: 0 auto;
}

.block-link .heading {
    text-align: center;
    line-height: 1.3;
    font-size: 2.4rem;
    margin-bottom: 35px;
}

.block-link .list-tab_balloon {
    margin: 0 !important;
    border-spacing: 8px 0;
    border-bottom: solid 3px #008d54;
    position: relative;
    padding: 0 16px 0 24px !important;
    z-index: 2;
    width: 100%;
}

.block-link .list-tab_balloon li {
    width: 490px;
    vertical-align: bottom;
}

.block-link .list-tab_balloon li+li {
    margin-left: 8px;
}

.block-link .list-tab_balloon a {
    border-radius: 0;
    font-size: 2rem;
    font-weight: bold;
    padding: 16px 20px 11px;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #d0d0d0;
    border-bottom: none;
    color: #008d54;
}

.block-link .list-tab_balloon .is-active a,
.block-link .list-tab_balloon li:hover a {
    background: #008d54;
    border: 1px solid #008D54;
    padding: 24px 20px 21px;
}

.block-link .list-tab_balloon .is-active a:after,
.block-link .list-tab_balloon li:hover a:after {
    margin-top: 3px;
}

.block-link .tab-contents {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    padding: 16px 30px 18px 32px;
}

.box-link {
    width: 233px;
}

.box-link.col-5 {
    width: 185px;
}

.box-link.col-5 .box-link_thumb {
    height: 179px;
    overflow: hidden;
}

.box-link.col-5 .box-link_thumb img {
    height: 179px;
    max-width: 233px;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}

.box-link a {
    display: block;
    color: inherit;
    font-weight: 500;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    position: relative;
}

.box-link_title {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 14px 0px 13px 8px;
    position: relative;
    background: #fff;
    display: block;
    z-index: 10;
}

.content-main .box-link a:hover .box-link_title {
    color: #008d54;
}

.content-main .box-link_thumb img {
    display: block;
}

.content-main .box-link a:hover img {
    opacity: 1;
}

.box-link_title img {
    width: 24px;
    vertical-align: -5px;
    margin-right: 3px;
    -webkit-backface-visibility: hidden;
}

.content-main .box-link_text {
    line-height: 1.45;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.6rem;
    padding: 28px 15px 0;
    line-height: 1.2;
    color: #fff;
    background: rgba(0, 0, 0, .57);
}

.content-main .box-link.col-5 .box-link_text {
    font-size: 1.4rem;
    padding: 15px 5px 0 10px;
    line-height: 1.4;
}

.content-main .box-link a:hover .box-link_text {
    display: block;

}

.content-main .box-link_text span {
    text-decoration: underline;
    text-align: center;
    display: block;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 82px;
}

.content-main .box-link_text .deco-none {
    text-decoration: none;
}

.content-main .box-link.col-5 .box-link_text span {
    bottom: 65px;
}

@media only screen and (max-width : 767px) {
    .block-link {
        padding: 5px 10px 10px;
        margin: 0;
    }

    .block-link .heading {
        font-size: 1.7rem;
        margin-bottom: 20px;
    }

    .block-link_head,
    .block-link .tab-contents {
        width: auto;
    }

    .block-link .tab-contents {
        padding-bottom: 0;
    }

    .block-link .list-tab_balloon {
        padding: 0 !important;
    }

    .block-link .list-tab_balloon a {
        font-size: 1.3rem;
        padding: 15px 5px;
    }

    .block-link .list-tab_balloon .is-active a,
    .block-link .list-tab_balloon li:hover a {
        padding: 15px 5px;
    }

    .block-link .tab-contents {
        padding: 16px 10px 18px;
    }

    .block-link .tab-contents#contents-02 {
        margin-bottom: 0;
    }

    .box-link,
    .box-link.col-5 {
        width: 48%;
        margin-bottom: 20px;
    }

    .col.span-s-6.box-link:nth-last-of-type(-n+2) {
        margin-bottom: 5px;
    }

    .box-link.col-5 .box-link_thumb {
        height: auto;
    }

    .box-link.col-5 .box-link_thumb img {
        height: auto;
        width: inherit;
        max-width: 100%;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .box-link .box-link_thumb img {
        margin: 0 auto;
    }

    .box-link a {
        display: block;
        color: inherit;
        font-weight: 500;
    }

    .box-link_title {
        font-size: 1.3rem;
        text-indent: 0;
        margin-left: 0;
        padding: 8px 0 12px;
        text-align: center;
        line-height: 1.3 !important;
    }

    .box-link_title.old {
        font-size: 1.3rem;
        letter-spacing: -0.15rem;
    }

    .box-link_title img {
        display: block;
        width: 20px;
        margin: 0 auto 5px;
    }
}

/* about */
.block-about {
    background: url(/lib_image/top/bg_about.jpg) no-repeat;
    background-size: cover;
    padding: 62px 20px 64px;
}

.page-house .block-about,
.page-part .block-about {
    background-image: url(/lib_image/top/bg_about_02.jpg);
    background-position: left bottom;
}

.page-part .block-about {
    padding: 74px 20px 70px;
    margin-bottom: -75px;
}

.page-apartment .block-about {
    background-image: url(/lib_image/top/bg_about_03.jpg);
    padding: 81px 20px 76px;
}

.page-old .block-about {
    background-image: url(/lib_image/top/bg_about_04.jpg);
}

.block-about_inner {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.83) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.83) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.83) 100%);
    width: 980px;
    margin: 0 auto;
    padding: 44px 0 0;
}

.block-about_inner .heading {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-right: 10px;
    font-size: 2.4rem;
}

.block-about_text {
    padding: 36px 20px 52px;
    font-size: 2rem;
    text-align: center;
}

.about_title {
    font-size: 4.2rem;
    margin-bottom: 12px;
}

.about_title span[data-ruby] {
    position: relative;
}

.about_title span[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.0em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1rem;
    letter-spacing: 0.3rem;
    color: #7c7c7c;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
}

.about_catch {
    font-size: 3.6rem;
    margin-bottom: 30px;
    margin-top: 0 !important;
}

.about_catch+p {
    margin-bottom: 38px;
}

.block-about_text p+p {
    margin-top: 35px;
}

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

    .block-about,
    .page-house .block-about,
    .page-part .block-about,
    .page-apartment .block-about {
        background-size: cover;
        padding: 30px 10px;
    }

    .page-part .block-about {
        margin-bottom: 0;
    }

    .block-about_text p {
        font-size: 1.4rem;
    }

    .block-about_inner {
        width: auto;
        padding: 5px 0 0;
    }

    .block-about_inner .heading {
        margin-right: 0;
        font-size: 1.8rem;
    }

    .block-about_text .about_title {
        font-size: 3rem;
        margin: 0 -20px 12px -20px;
    }

    .block-about_text .about_title span[data-ruby]::before {
        content: attr(data-ruby);
        position: absolute;
        top: -0.75em;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 0.9rem;
    }

    .block-about_text {
        background: none;
        padding: 0 20px 30px;
        font-size: 1.2rem;
    }

    .block-about_text p+p {
        margin-top: 15px;
    }

    .block-about_text .about_catch {
        font-size: 1.6rem;
        margin-top: 15px;
    }

    .block-about_text .about_catch+p {
        margin-bottom: 15px;
    }
}

/* case */
.page-old .block-case {
    margin: 40px 0 0;
    padding: 25px 0 40px;
}

.block-case_inner {
    width: 985px;
    margin: 0 auto;
    border-radius: 13px;
    padding: 24px 0 39px;
    border: solid 6px #008d54;
}

.page-old .block-case .heading-m.case-search_title {
    margin-top: 38px;
}

.page-old .block-case .heading-m span {
    font-size: 2.4rem;
    margin-bottom: 17px;
    display: block;
}

.case_title {
    font-size: 2.2rem;
    padding-right: 14px;
}

.case_title:before {
    content: "";
    width: 26px;
    height: 22px;
    background: url(/lib_image/top/ico_case.png) no-repeat;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 10px;
}

.case-item {
    position: relative;
}

.case-item a {
    display: block;
    background: #FFF;
    border: solid 1px #a0a0a0;
    padding: 4px 4px 3px;
}

.case-item_title {
    color: #008d54;
}

.case-item_row+.case-item_row {
    border-top: 1px solid #EEE;
}

.case-item_row {
    padding: 5px 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 4px;
}

.case-item_title {
    width: 3em;
    display: inline-block;
    margin-right: 20px;
    font-size: 1.4rem;
}

.case-item_desc {
    font-size: 1.6rem;
    color: #212121;
}

.case-item_tag {
    font-size: 1.1rem;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 14px;
    left: -5px;
    z-index: 10;
    padding: 3px 12px;
}

.case-item_tag:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #333 transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
}

.case-item_tag.house {
    background: #b5a371;
}

.case-item_tag.apartment {
    background: #6d98ad;
}

.case-item_tag.old {
    background: #aa806d;
}

.case-item_thumb {
    text-align: center;
}

/* case search */
.case-search_inner {
    background: #eaeaea;
    position: relative;
}

.case-search_inner:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 33px 0 33px;
    border-color: #eaeaea transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -33px;
}

.case-search_list__title {
    font-weight: normal;
    margin-top: 49px;
    position: relative;
}

.case-search_list__title:before {
    content: "";
    position: absolute;
    height: 2px;
    left: -20px;
    right: -20px;
    top: 10px;
    display: block;
    background: #cfcfcf;
}

.case-search_list__title span {
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 0 34px;
}

.case-search_form label {
    overflow: hidden;
    position: relative;
    display: block;
}

.case-search_form label:after {
    color: #008d54;
    content: "\f107";
    position: absolute;
    right: 20px;
    top: 50%;
}

.case-search_form select {
    background: #FFF;
    border: 2px solid #008d54;
    font-family: inherit;
    display: block;
    color: #000;
    font-weight: bold;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.case-search_form .select-wrap.fa-custom_b:before {
    color: #b2b2b2;
    content: "×";
    vertical-align: middle;
}

.block-case_search .case-search_title:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: -12px;
    background: url(/lib_image/top/ico_case_search.png) no-repeat;
}

.case-search_list .row {
    margin: 0 30px -28px;
}

.case-search_list .box-case-search a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: left;
    border-radius: 5px;
}

#contents .case-search_thumb {
    width: 60px;
    height: 60px;
    line-height: 1;
}

.case-search_text {
    width: calc(100% - 55px);
    color: #212121;
    padding-left: 10px;
    line-height: 1.3 !important;
    letter-spacing: -1.2px;
    margin-right: -5px;
}

.case-search_list .box-case-search a:hover {
    border: solid 3px #FD7E46;
    margin: -3px;
}

.case-search_list .box-case-search a:hover .case-search_text {
    color: #FD7E46;
}

.block-case_search .btn-wrap {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 55px 0 0;
    text-align: center;
    font-size: 2rem;
    color: #008d54;
    font-weight: bold;
}

.block-case_search .btn-wrap span {
    color: #000;
}

.block-case_search .btn-wrap .case-search_count {
    font-size: 5rem;
    vertical-align: -6px;
    margin: 0 18px;
}

.block-case_search .btn-wrap button[type="submit"] {
    background: #008D54;
    border: none;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-family: inherit;
    font-size: 2.3rem;
    font-weight: bold;
    margin-top: 26px;
    padding: 15px 62px 14px;
    vertical-align: 10px;
    cursor: pointer;
}

.block-case_search .btn-wrap button[type="submit"]:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-family: 'fa_custom' !important;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    line-height: 1;
    color: #fff;
    content: "\f002";
    margin-right: 15px;
    vertical-align: 2px;
    font-size: 2.5rem;
}

.block-case_search .btn-wrap button:hover {
    opacity: .6;
}

.case_slider_title {
    background: #eaeaea;
    padding: 8px 22px;
    font-weight: bold;
    font-size: 2rem;
    margin: 48px 0 20px;
}

.case_slider_title:before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 27px;
    margin-right: 15px;
    vertical-align: -5px;
    background: url(/lib_image/top/ico_case_01.png) no-repeat;
}

.btn-case {
    margin-top: 39px;
}

.btn-case a {
    background: #008d54;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    border-radius: 5px;
    padding: 14px 0;
    min-width: 391px;
}

.btn-case a:hover {
    opacity: .6;
}

.btn-case a::before {
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    color: #fff;
    font-size: 3.5rem;
    margin-right: 25px;
    font-family: 'fa_custom';
    font-weight: normal;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    line-height: 1;
    vertical-align: -4px;
}

.case_purpose_title {
    background: #eaeaea;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 45px;
    padding: 7px 26px 10px;
}

.case_purpose_title:before {
    content: "";
    width: 23px;
    height: 26px;
    display: inline-block;
    background: url(/lib_image/top/ico_case_purpose.png) no-repeat;
    vertical-align: -5px;
    margin-right: 10px;
}

@media print,
screen and (min-width : 768px) {
    .block-case {
        padding: 53px 0 58px;
        overflow: hidden;
    }

    .page-old .block-case {
        max-width: 1474px;
        margin-left: auto;
        margin-right: auto;
    }

    .block-case_head {
        display: table;
        margin-bottom: 25px;
    }

    .block-case_head>* {
        display: table-cell;
        vertical-align: top;
    }

    .block-case_head__tab {
        width: 980px;
        overflow: hidden;
        margin: 40px auto 0;
    }

    .block-case_head__tab .list-tab_balloon {
        width: 1000px;
        border-spacing: 10px 0;
        border-bottom: solid 4px #008d54;
        margin: 0 -10px !important;
    }

    .block-case_head__tab .list-tab_balloon li {
        width: auto;
    }

    .block-case_head__tab li a {
        padding: 9px 0 8px;
        text-decoration: none;
        border-radius: 5px 5px 0 0;
        font-size: 1.5rem;
        background: #eaeaea;
        width: 100px;
    }

    .block-case_head__tab li a:after {
        display: none;
    }

    .block-case_head__tab li.is-active a,
    .block-case_head__tab li:hover a {
        padding: 14px 0 8px;
        font-size: 1.6rem;
    }

    .case-item {
        float: left;
        width: 236px;
    }

    .block-case_inner .case-item {
        width: 228px;
    }

    .case-item+.case-item {
        margin-left: 10px;
    }

    .block-case .tab-contents {
        margin: 0 auto;
        width: 980px;
    }

    .case-item_slider {
        margin: 0 auto;
        position: relative;
        width: 980px;
    }

    /* slider */
    .case-item_slider.slick-slider {
        margin: 0 -247px;
        position: relative;
        width: 1480px;
    }

    .case-item_slider .slick-list {
        margin-left: -253px !important;
    }

    .slick-arrow {
        background: #008D54;
        border: none;
        border-radius: 3px;
        color: #FFF;
        display: block;
        height: 40px;
        margin-top: -22px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: left;
        text-indent: 100%;
        top: 50%;
        width: 40px;
        z-index: 100;
    }

    .slick-arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: 14px;
        width: 10px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .slick-prev {
        left: 195px;
    }

    .block-case_inner .slick-prev {
        left: 212px;
    }

    .slick-prev:before {
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        left: 16px;
    }

    .slick-next {
        right: 205px;
    }

    .block-case_inner .slick-next {
        right: 225px;
    }

    .slick-next:before {
        right: 16px;
    }

    .case-item_slider .slick-slide {
        opacity: 0.15;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }

    .block-case_inner .case-item_slider .slick-slide {
        opacity: 0;
    }

    .case-item_slider .slick-active,
    .case-item_slider .slick-active+.slick-slide,
    .block-case_inner .case-item_slider .slick-active,
    .block-case_inner .case-item_slider .slick-active+.slick-slide {
        opacity: 1;
    }

    /* //slider */
    .block-case_search .case-search_title {
        font-size: 2rem;
        padding-left: 25px;
    }

    .block-case_search .case-search_title .heading {
        vertical-align: middle;
    }

    .block-case_search .case-search_title .heading-sub {
        color: #00664b;
        font-weight: normal;
        font-size: 1.4rem;
        letter-spacing: .15em;
        margin-left: 1em;
    }

    .case-search_inner {
        padding: 22px 0 49px;
    }

    .page-old .case-search_inner {
        margin-top: -24px;
        border-radius: 8px 8px 0 0;
    }

    .case-search_form {
        display: table;
        margin: 18px auto 0;

    }

    .case-search_form>span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        position: relative;
    }

    .case-search_form label:after {
        font-size: 1.6rem;
        right: 20px;
        margin-top: -.5em;
        font-weight: bold;
    }

    .case-search_form select {
        font-size: 1.9rem;
        padding: 13px 46px 15px 19px;
        width: 395px;
    }

    .case-search_form select::-ms-expand {
        display: none;
    }

    .case-search_form .select-wrap.fa-custom_b {
        padding-left: 48px;
    }

    .case-search_form .select-wrap.fa-custom_b:before {
        font-size: 2.2rem;
        font-weight: bold;
        margin: 0 15px;
        position: absolute;
        top: 20px;
        left: 0;
    }

    .case-search_form .btn-wrap {
        padding-left: 20px;
        text-align: right;
    }

    .case-search_form input[type="submit"] {
        font-size: 1.7rem;
        padding: 15px 0;
        width: 165px;
    }

    .case-search_list {
        margin-top: 18px;
    }

    .case-search_list__title {
        font-size: 1.6rem;
        margin-bottom: 24px;
    }

    .case-search_list__title:before {
        font-size: 1.2rem;
    }

    .case-search_list .box-case-search {
        width: 22%;
        font-size: 1.3rem;
        margin-bottom: 14px;
    }
}

@media only screen and (max-width : 767px) {
    .block-case {
        margin: 30px 10px;
        padding: 0;
        overflow: hidden;
    }

    .block-case h2.heading {
        margin: 20px 20px 20px;
    }

    .case_title {
        font-size: 1.7rem;
        padding-right: 0;
    }

    .block-case .heading,
    .case-search_title {
        text-align: center;
    }

    .page-old .block-case .heading-m.case-search_title {
        margin: 30px 10px 25px;
    }

    .page-old .block-case .heading-m span {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .case-item {
        width: 50%;
    }

    .case-item+.case-item {
        margin-left: 5px;
    }

    .case-item_row {
        padding: 5px 0;
    }

    .case-item_thumb {
        background: #EEE;
    }

    .case-item_thumb img {
        margin: 0 auto 5px;
        width: 100%;
    }

    .case-item_title {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .case-item_desc {
        font-size: 1.2rem;
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
    }

    .block-case_head__select {
        margin-bottom: 10px;
    }

    .case-search_title {
        font-size: 1.6rem;
        line-height: 1.3;
        margin-bottom: .75em;
    }

    .block-case_search .case-search_title:before {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        vertical-align: -7px;
        background-size: 100% auto;
    }

    .block-case_search {
        border-radius: 5px;
        margin: 0px 0;
    }

    .case-search_list {
        margin-top: 1em;
        padding: 0 10px;
        font-size: 1.3rem;
    }

    .case-search_list li {
        font-size: 1.0rem;
        margin-right: 1%;
        margin-top: 1em;
        /*width: 45%; */
    }

    .case-search_form label {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

    .case-search_form label:after {
        right: 15px;
        margin-top: -.5em;
        font-size: 1.3rem;
    }

    .case-search_form select {
        border-radius: 5px;
        font-size: 1.6rem;
        padding: 10px 15px 10px 10px;
        width: 100%;
    }

    .case-search_form .select-wrap.fa-custom_b:before {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .case-search_form input[type="submit"] {
        font-size: 1.4rem;
        margin-top: 10px;
        padding: 8px 0;
        width: 100%;
    }

    .block-case_search .btn-wrap button[type="submit"]:before {
        font-size: 2rem;
        vertical-align: -2px;
        margin-right: 10px;
    }

    .block-case_search .btn-wrap {
        font-size: 1.2rem;
        text-align: center;
        padding-top: 35px;
    }

    .block-case_search .btn-wrap span {
        font-size: 1.2rem;
    }

    .block-case_search .btn-wrap span.case-search_count {
        font-size: 3rem;
        vertical-align: -3px;
        margin: 0 10px;
    }

    .block-case_search .btn-wrap button[type="submit"] {
        font-size: 1.6rem;
        margin-left: 0;
        margin-top: 10px;
        padding: 10px 20px;
    }

    .case-search_list__title {
        margin: 40px 0 20px;
        text-align: center;
        font-size: 1.4rem;
    }

    .case-search_list__title:before {
        left: -10px;
        right: -10px;
        top: 50%;
    }

    .case-search_list__title span {
        padding: 0 15px;
        line-height: 1.4;
    }

    .case-search_list .row {
        margin: 0;
    }

    .case-search_list .box-case-search {
        margin-bottom: 10px;
        width: 49%;
    }

    .case-search_text {
        width: calc(100% - 60px);
        letter-spacing: -1px;
        margin-right: 0;
    }

    .block-case_inner {
        width: auto;
        border-radius: 10px;
        padding: 0 0 20px;
        border: solid 4px #008d54;
    }

    .page-old .block-case_inner {
        margin: 0 10px;
    }

    .case-search_inner {
        padding: 10px 10px 20px;
    }

    .case_slider_title {
        padding: 10px 10px 8px;
        font-weight: bold;
        font-size: 1.5rem;
        margin: 30px 0 20px;
    }

    .case_slider_title:before {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        vertical-align: -6px;
        background-size: 100% auto;
    }

    .btn-case {
        margin-top: 20px;
    }

    .btn-case a {
        font-size: 1.4rem;
        padding: 10px 30px;
        min-width: 0;
    }

    .btn-case a:hover {
        opacity: .6;
    }

    .btn-case a::before {
        font-size: 2rem;
        margin-right: 15px;
        vertical-align: -2px;
    }

    .case_purpose_title {
        font-size: 1.5rem;
        margin-top: 25px;
        padding: 10px 10px 8px;
        letter-spacing: -.5px;
    }

    .case_purpose_title:before {
        width: 18px;
        height: 20px;
        background-size: 100% auto;
        vertical-align: -4px;
        margin-right: 5px;
    }

    .page-old .case-search_inner {
        padding-top: 15px;
        border-radius: 8px 8px 0 0;
    }
}

/* voice */
.block-voice {
    background: #73AC9E;
    overflow: hidden;
    text-align: center;
}

.block-voice .heading,
.block-voice .block-voice_text {
    color: #FFF;
}

.block-voice .heading:before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 32px;
    vertical-align: middle;
    background: url(/lib_image/top/ico_voice.png) no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.block-voice .heading:after {
    background: #fff;
}

.box-voice {
    background: #FFF;
    float: left;
    margin-top: 0px;
    width: 237px;
}

.box-voice a {
    display: block;
    text-decoration: none;
}

.box-voice+.box-voice {
    margin-left: 10px;
}

.box-voice_title {
    font-size: 1.6rem;
    padding: 18px 10px;
    color: #212121;
    font-weight: 500;
    line-height: 1.4 !important;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    width: 237px;
    position: relative;
}

.box-voice_title::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #fff;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -8.5px;
}

.box-voice a:hover .box-voice_title {
    color: #008d54;
    text-decoration: underline;

}

.page-house .box-voice_title {
    font-size: 1.27rem;
}

@media print,
screen and (min-width : 768px) {
    .block-voice {
        padding: 37px 0 58px 0;
    }

    .block-voice .heading {
        margin: 0 0 39px;
        font-size: 2.7rem;
    }

    .block-voice .block-voice_text {
        letter-spacing: .15em;
    }
}

@media only screen and (max-width : 767px) {
    .block-voice {
        margin: 0;
        padding: 0 10px 20px;
    }

    .block-voice .heading {
        margin: 30px 0 25px;
        text-indent: -35px;
    }

    .block-voice .heading+p {
        display: none;
    }

    .box-voice {
        margin-bottom: 10px;
        width: 48%;
        margin-left: 4%;
    }

    .box-voice:nth-child(2n+1) {
        margin-left: 0;
    }

    .box-voice img.sponly {
        display: block;
    }

    .box-voice_title {
        padding: 5px 10px;
        font-size: 1.2rem;
        width: 767px;
    }

    .box-voice .thumb img {
        width: 100%;
    }

    .block-voice .heading:before {
        width: 25px;
        height: 25px;
        background-size: 100% auto;
        vertical-align: -4px;
        margin-right: 8px;
    }

    .block-case_head__select .fn-tab_select {
        padding: 10px;
        height: 42px;
        width: 240px;
        font-size: 1.6rem;
        color: #212121;
        border-radius: 5px;
        background-color: #fff;
    }

    .block-case_head__select .fn-tab_select option {
        color: #212121;
    }
}

/* map / event */
.block-searchshop .heading {
    margin-top: 54px;
    margin-bottom: 24px;
}

.map-search_wrap {
    position: relative;
}

.map-search_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.map-search_wrap a {
    display: block;
    text-decoration: none;
}

.map-search_wrap li {
    text-align: center;
}

/* event */
.block-eventinfo {
    background: #EBEBE3;
}

.block-eventinfo .list-event {
    background: #FFF;
    margin: 0;
    padding: 0;
}

.block-eventinfo .list-event li {
    border-bottom: 1px dotted #CCCCB8;
    padding: 10px 0;
}

.block-eventinfo .list-event a {
    text-decoration: none;
}

.block-eventinfo .list-event .event-icon {
    float: none;
    white-space: nowrap;
}

.block-eventinfo .list-event .event-area,
.block-eventinfo .list-event .event-date {
    float: none;
    margin-right: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-eventinfo .list-event .event-title {
    text-decoration: underline;
}

.block-eventinfo .list-event a:hover .event-title {
    color: #008d54;
}

@media print,
screen and (min-width : 768px) {
    .block-searchshop_desc {
        text-align: center;
        margin-bottom: 29px;
    }

    .page-home .block-searchshop_desc {
        font-size: 2rem;
    }

    .block-searchshop_map {
        margin: 0 auto;
        padding: 0 22px 0 0;
    }

    .map-search_wrap {
        margin: 0 auto 140px;
        width: 728px;
    }

    .page-home .map-search_wrap,
    .page-house .map-search_wrap,
    .page-part .map-search_wrap,
    .page-apartment .map-search_wrap,
    .page-old .map-search_wrap {
        width: 793px;
        height: 508px;
    }

    .map-search_list a {
        border-radius: 3px;
        display: block;
        padding: 8px 0 9px;
    }

    .map-search_list>li {
        font-size: 1.4rem;
        position: absolute;
        width: 144px;
    }

    .map-search_koshinetsu,
    .map-search_hokuriku {
        width: 100px !important;
    }

    .map-search_koshinetsu li,
    .map-search_hokuriku li {
        width: 98px !important;
    }

    .map-search_list>li>a {
        background: #d8d8d8;
        font-weight: bold;
        margin: 0 1px 1px;
    }

    .map-search_list>li>a:hover {
        background: #008D54;
        color: #fff;
        margin: 0 1px 1px;
    }

    .map-search_list ul li {
        margin: 1px;
        width: 70px;
        line-height: 1em;
    }

    .map-search_list li ul li a,
    .map-search_list li ul li span {
        background: #eaeaea;
        display: block;
        padding: 9px 0;
    }

    .map-search_list li ul li a:hover {
        background: #008D54;
        color: #fff;
    }

    .map-search_list li ul li.disable span {
        color: #D0D0D0;
    }

    .map-search_hokaido {
        right: -69px;
        top: 162px;
    }

    .map-search_kanto {
        right: -28px;
        top: 380px;
    }

    .map-search_tokai {
        right: 181px;
        top: 463px;
    }

    .map-search_koshinetsu {
        right: 285px;
        top: 67px;
    }

    .map-search_hokuriku {
        left: 258px;
        top: 79px;
    }

    .map-search_kansai {
        left: 220px;
        top: 458px;
    }

    .map-search_chushikoku {
        left: 52px;
        top: 112px;
    }

    .map-search_kyusyu {
        left: -50px;
        top: 371px;
    }

    .map-search_note p {
        line-height: 1.4;
        font-size: 1.6rem;
    }

    /* event */
    .block-eventinfo {
        margin: 40px auto 0;
        padding: 0 10px 10px;
        overflow: hidden;
        width: 840px;
    }

    .block-eventinfo .heading {
        margin: .5em 0;
        text-align: center;
    }

    .block-eventinfo .list-event {
        border-radius: 4px;
        padding: 5px 20px 10px;
    }

    .block-eventinfo .list-event>li>a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .list-event .list-event_summary {
        width: 310px;
    }

    .list-event .list-event_title {
        width: 470px;
    }

    .block-eventinfo .list-event .event-icon {}

    .block-eventinfo .list-event .event-area {
        width: 80px;
    }

    .block-eventinfo .list-event .event-date {
        width: 160px;
    }

    .block-eventinfo .list-event .event-title {}
}

@media only screen and (max-width : 767px) {
    .block-searchshop {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .block-searchshop .heading {
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .block-searchshop_desc {
        font-size: 1.3rem;
    }

    .map-search_wrap {
        margin: 0 auto 20px;
        /*width: 290px;*/
    }

    .map-search_wrap p img.sponly {
        z-index: -1;
        position: relative;
    }

    .map-search_list ul {
        display: none;
    }

    .map-search_list a {
        background: #eaeaea;
        border-radius: 3px;
        display: inline-block;
        padding: 5px;
        font-size: 1.3rem;
    }

    .map-search_wrap ul.map-search_list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px;
        margin-top: 20px;
    }

    .map-search_list>li {
        width: 50%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .map-search_list>li>a {
        height: 52px;
        padding: 10px 0 10px 4px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px #d0d0d0;
        border-radius: 5px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
        color: #0f0f0f;
        background: #eaeaea;
        font-size: 1.4rem;
        font-weight: bold;
        color: #008D54;
    }

    .map-search_hokaido {
        right: 0;
        top: 100px;
    }

    .map-search_kanto {
        right: 20px;
        top: 172px;
    }

    .map-search_tokai {
        right: 68px;
        top: 225px;
    }

    .map-search_kansai {
        left: 100px;
        top: 244px;
    }

    .map-search_chushikoku {
        left: 0;
        top: 125px;
    }

    .map-search_kyusyu {
        left: 36px;
        top: 250px;
    }

    .map-search_koshinetsu {
        right: 104px;
        top: 77px;
    }

    .map-search_hokuriku {
        left: 79px;
        top: 108px;
    }

    .block-searchshop_map .fsS {
        font-size: .9rem;
        line-height: 1.2;
    }

    /* event */
    .block-eventinfo {
        margin: 20px auto;
        padding: 0 5px 5px;
        overflow: hidden;
    }

    .block-eventinfo .heading {
        font-size: 1.6rem;
        margin: .5em 0;
        text-align: center;
    }

    .block-eventinfo .list-event {
        border-radius: 3px;
        padding: 10px 10px 0;
    }

    .block-eventinfo .list-event .event-date {
        width: 7em;
    }

    .map-search_note p {
        margin-top: 30px;
        font-size: 1.2rem;
    }
}

/* reform */
.block-reform {
    padding: 41px 0;
}

@media print,
screen and (min-width : 768px) {
    .block-reform {
        font-size: 1.4rem;
        text-align: center;
    }

    .block-searchshop+.block-reform {
        padding-top: 79px;
    }

    .block-reform .block-reform_text {
        line-height: 1.7;
        margin: 0 auto;
        font-size: 1.6rem;
        font-weight: 500;
    }

    .block-reform .block-reform_text+.block-reform_text {
        margin-top: 25px;
    }

    .block-reform .layout-inner>ul {
        margin: 32px 0 73px;
    }

    .block-reform .layout-inner>ul li+li {
        margin-left: 12px;
    }
}

@media only screen and (max-width : 767px) {
    .block-reform {
        margin: 20px 0 0;
        padding: 0;
    }

    .block-reform .layout-inner {
        padding: 15px 10px;
    }

    .block-reform .block-reform_text {
        line-height: 1.6;
        font-size: 1.5rem;
    }

    .block-reform .layout-inner>ul {
        margin: 20px 0 30px;
    }

    .block-reform .layout-inner>ul li {
        padding: 5px 3px;
        width: 25%;
    }
}

.block-reform .block-reform_text+.block-reform_text {
    margin-top: 20px;
}

/* useful_information */
.block-usefulinfo {
    background: #f0f0f0;
    margin-top: 33px;
    padding: 42px 0 15px;
}

.block-usefulinfo .heading-m {
    margin-bottom: 30px;
}

.block-usefulinfo ul {
    width: 980px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.block-usefulinfo li {
    width: 31.7%;
    margin-bottom: 24px;
}

.block-usefulinfo li:nth-child(3n+1) {
    width: 34.2%;
}

.block-usefulinfo li:nth-child(3n+2) {
    width: 34.1%;
}

.block-usefulinfo li:nth-child(3n) .desc {
    padding-right: 0;
}

.block-usefulinfo a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.block-usefulinfo a .thumb {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.block-usefulinfo a .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.block-usefulinfo a .desc {
    width: calc(100% - 100px);
    font-size: 1.6rem;
    color: #212121;
    padding: 0 20px 0 10px;
    line-height: 1.3;
}

.block-usefulinfo a:hover .desc {
    color: #008d54;
    text-decoration: underline;
}

@media only screen and (max-width : 767px) {
    .block-usefulinfo {
        margin-top: 20px;
        padding: 5px 10px 15px;
    }

    .block-usefulinfo ul {
        width: auto;
    }

    .block-usefulinfo li {
        width: 320px !important;
        margin: 0 auto 20px;
    }

    .block-usefulinfo a .thumb {
        width: 60px;
        height: 60px;
    }

    .block-usefulinfo a .desc {
        width: calc(100% - 60px);
        font-size: 1.4rem;
        padding: 0 10px 0 10px;
    }
}

/* related link */
.block-relatedlink {
    padding: 31px 0 0;
}

.block-relatedlink span {
    display: block;
}

.block-relatedlink a {
    border: 2px solid #008d54;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}

.block-relatedlink .title {
    color: #008d54;
    font-weight: bold;
}

@media print,
screen and (min-width : 768px) {
    .block-relatedlink {
        width: 980px;
        margin: 40px auto -2px;
        overflow: hidden;
    }

    .block-relatedlink ul {
        margin: 20px 0 0 -20px;
    }

    .block-relatedlink li {
        margin-bottom: 12px;
        margin-left: 20px;
        width: 230px;
        position: relative;
        overflow: hidden;
    }

    .block-relatedlink a {
        border-radius: 8px;
    }

    .block-relatedlink .title {
        font-size: 1.4rem;
        padding: 14px 0;
    }
}

@media only screen and (max-width : 767px) {
    .block-relatedlink {
        padding: 5px 10px 0;
    }

    .heading-m {
        font-size: 1.6rem;
        margin-top: 30px;
        margin-bottom: .75em;
    }

    .block-relatedlink ul {
        margin: 20px 0 10px -10px;
    }

    .block-relatedlink li {
        margin-bottom: 10px;
        margin-left: 10px;
        padding: 0;
        width: 50%;
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .block-relatedlink a {
        border-radius: 4px;
        border-width: 1px;
    }

    .block-relatedlink .thumb img {
        max-width: none;
        width: 100%;
    }

    .block-relatedlink .title {
        font-size: 0.9rem;
        padding: 10px 0;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* main image */
.main-imag_wrap {
    margin: 0 -50px 10px;
    width: 1080px;
}

.main-imag_wrap .image-slider {
    float: left;
    height: 470px;
    width: 850px;
    overflow: hidden;
}

.main-imag_wrap .image-slider .item-image {
    cursor: pointer;
    float: left;
    height: 470px;
    position: relative;
    width: 850px;
}

.main-imag_wrap .image-slider .item-image:hover {
    opacity: 0.6;
}

.main-imag_wrap .wrap-thumb {
    background: #e6e6e6;
    float: right;
    padding-top: 5px;
    width: 220px;
    overflow: hidden;
}

.main-imag_wrap .wrap-thumb .thumb-slider,
.main-imag_wrap .wrap-thumb .slick-track {
    display: -webkit-flex;
    display: flex;
    height: 465px;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 220px;
}

.main-imag_wrap .thumb-slider li {
    height: 20%;
    padding: 5px 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 220px;
    position: relative;
}

.page-part .main-imag_wrap .thumb-slider li {
    height: 25%;
}

.main-imag_wrap .thumb-slider li a {
    color: #FFF;
    display: block;
    line-height: 1.5;
    height: 100%;
    padding: 0px;
    position: relative;
}

.main-imag_wrap .thumb-slider li a .thumb-title {
    bottom: 10px;
    position: absolute;
    left: 10px;
    z-index: 20;
}

.main-imag_wrap .thumb-slider li a .thumb-shcel {
    position: absolute;
    top: 0;
    left: 0;
    height: 82px;
    width: 200px;
    background: rgba(0, 0, 0, 0.60);
    z-index: 10;
}

.page-part .main-imag_wrap .thumb-slider li a .thumb-shcel {
    height: 105px;
}

.main-imag_wrap .thumb-slider li a .thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.main-imag_wrap .thumb-slider li.slick-current {
    background: #FFF;
}

.main-imag_wrap .thumb-slider li.slick-current a .thumb-shcel {
    background: rgba(0, 0, 0, 0.0);
}

.btn.btn-border_wh {
    display: inline-block;
    border: 2px solid #FFF;
    border-radius: 100px;
    color: #FFF;
}

.btn.btn-border_wh:before {
    content: "\f105";
    margin-right: .5em;
}

.item-image .item-link {
    bottom: 35px;
    position: absolute;
    width: 850px;
    text-align: center;
}

.item-image .btn.btn-border_wh {
    font-size: 1.5rem;
    padding: .5em 2.5em;
    font-weight: bold;
}

@media only screen and (max-width : 767px) {
    .main-imag_wrap {
        margin: 0 -10px;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        position: relative;
    }

    .main-imag_wrap .wrap-thumb {
        padding-top: 1px;
    }

    .main-imag_wrap .image-slider,
    .main-imag_wrap .wrap-thumb {
        float: none;
        height: auto;
        width: 100%;
    }

    .main-imag_wrap .image-slider .item-image {
        height: auto;
    }

    .main-imag_wrap .wrap-thumb .thumb-slider,
    .main-imag_wrap .wrap-thumb .slick-track {
        height: auto;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
    }

    .main-imag_wrap .wrap-thumb .slick-list {
        width: 100%;
    }

    .main-imag_wrap .thumb-slider li {
        height: 50px;
        float: none;
        overflow: hidden;
        padding: 0 0 0 1px;
        width: 20%;
    }

    .page-part .main-imag_wrap .thumb-slider li {
        height: 50px;
        float: none;
        overflow: hidden;
        padding: 0 0 0 1px;
        width: 25%;
    }

    .main-imag_wrap .thumb-slider li:first-child {
        padding-left: 0;
    }

    .main-imag_wrap .thumb-slider li a {
        line-height: 1.2;
        padding: 0;
    }

    .main-imag_wrap .thumb-slider li a span {
        font-size: 0.8rem;
        display: block;
        position: static;
    }

    .main-imag_wrap .thumb-slider li a .thumb-title {
        bottom: 5px;
        left: 5px;
    }

    .main-imag_wrap .thumb-slider li a .thumb-img {
        height: 50px;
        overflow: hidden;
    }

    .main-imag_wrap .thumb-slider li a .thumb-img img {
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        width: 100%;
    }

    .item-image .item-link {
        bottom: 10px;
        width: 100%;
    }

    .item-image .btn.btn-border_wh {
        font-size: 1.0rem;
    }

    .page-part .main-imag_wrap .thumb-slider li {
        height: 50px;
        width: 25%;
    }
}


/* ==============================
 * page: home(all top)
 ============================== */
.page-home {}

/*.page-home .page-head_inner { background: url(/lib_image/top/img_main.jpg) no-repeat 50% 0; -webkit-background-size: contain; background-size: contain; }*/
.top-main_slider .top-main_imageArea {
    position: relative;
}

.top-main_slider .top-main_imageCaption {
    color: #fff;
    position: absolute;
    bottom: 14px;
    right: 110px;
    letter-spacing: -.1px;
    font-size: 1.4rem;
    font-weight: 500;
}

.top-main_wrap .slick-dots {
    text-align: center;
    padding: 8px 9px 0 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

.top-main_wrap .slick-dots li {
    display: inline-block;
    width: 45px;
    margin: 0 5px;
}

.top-main_wrap .slick-dots button {
    width: 45px;
    height: 5px;
    background: #eaeaea;
    overflow: hidden;
    text-indent: -999px;
    border: none;
    padding: 0;
}

.top-main_wrap .slick-dots .slick-active button {
    background: #008d54;
}

.top-main_slider .top-main_textArea {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -142px;
    z-index: 2;
    color: #fff;
    text-align: center;
    line-height: 1.3em;
    padding: 4px 0 0;
}

.top-main_slider .top-main_reason {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    letter-spacing: 1.5px;
}

.top-main_slider .top-main_reason::after {
    content: " ";
    display: block;
    border-bottom: solid 4px #008d54;
    bottom: -2px;
    margin: 21px auto 0;
    width: 1.6em;
}

.top-main_reason .fsS {
    font-size: 0.8em;
}

.card1 .top-main_catch {
    font-size: 3.9rem;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
    margin-left: 20px;
    letter-spacing: 8.3px;
}

.top-main_catch .fsS {
    font-size: 3.8rem;
}

.card1 .top-main_body {
    font-size: 1.4rem;
    line-height: 1.45em;
    margin-bottom: 25px;
    margin-left: 17px;
}

.top-main_btn a {
    background: #fff;
    border-radius: 25px;
    display: inline-block;
    font-weight: 500;
    text-decoration: none;
    padding: 14px 20px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #212121;
    position: relative;
    letter-spacing: -.1px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .29);
}

.top-main_btn a:hover {
    color: #008d54;
    border-color: #008d54;
}

.card1 .top-main_btn a {
    padding: 15px 35px 12px 22px;
}

.card1 .top-main_btn a::before {
    background: url(/lib_image/top/ico_beginner.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    width: 15px;
    margin-right: 10px;
}

.card2 .top-main_catch {
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 12px 0 13px;
    letter-spacing: -.2px;
}

.card2 .top-main_catch span {
    display: block;
    font-size: 3.1rem;
    color: #008d54;
}

.card2 .top-main_body {
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
}

.card2 .top-main_body:before,
.card2 .top-main_body:after {
    content: "";
    width: 67px;
    height: 1px;
    display: inline-block;
    background: #333;
    vertical-align: 7px;
    margin: 0 10px;
}

.card2 .noline .top-main_body:before,
.card2 .noline .top-main_body:after,
.card2 .club .top-main_body:before,
.card2 .club .top-main_body:after {
    display: none;
}

.card2 .top-main_list {
    text-align: center;
    margin-top: 18px;
    padding-right: 30px;
}

.card2 .top-main_list li {
    display: inline-block;
    vertical-align: top;
    width: 125px;
}

.card2 .club .top-main_list li {
    border: solid 1px #fff;
    width: 130px;
    height: 76px;
    position: relative;
    padding: 5px 0 0;
}

.card2 .club .top-main_list li:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    left: 1px;
    bottom: 1px;
    border: solid 1px #fff;
}

.card2 .club .top-main_list li .top-main_text {
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
}

.card2 .club .top-main_list li .top-main_text>span {
    font-size: 1.7rem;
    color: #8d0000;
    display: block;
}

.card2 .top-main_list li img {
    margin: 0 auto;
}

.card2 .top-main_list li+li {
    margin-left: 9px;
}

.card2 .top-main_text {
    font-size: 1.2rem;
    font-weight: 600;
    color: #212121;
    line-height: 1.5;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    min-width: 115px;
    margin-top: 5px;
}

.card2 .top-main_list li:last-child .top-main_text {
    letter-spacing: -.8px;
}

.card2.top-main_slider .top-main_btn,
.card3.top-main_slider .top-main_btn,
.card4.top-main_slider .top-main_btn,
.card5.top-main_slider .top-main_btn {
    margin-top: 27px;
}

.card2.top-main_slider .top-main_btn a,
.card3.top-main_slider .top-main_btn a,
.card4.top-main_slider .top-main_btn a,
.card5.top-main_slider .top-main_btn a {
    padding: 11px 38px 11px 58px;
    position: relative;
}

.card2.top-main_slider .top-main_btn a::before,
.card3.top-main_slider .top-main_btn a::before,
.card4.top-main_slider .top-main_btn a::before,
.card5.top-main_slider .top-main_btn a::before {
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'fa_custom';
    color: #008d54;
    font-size: 2.1rem;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -19px;
}

@media print,
screen and (min-width : 768px) {
    .oneColumn {
        /*min-width: 1200px;*/
    }

    .page-home.oneColumn .page-head,
    .page-house.oneColumn .page-head,
    .page-part.oneColumn .page-head,
    .page-apartment.oneColumn .page-head,
    .page-old.oneColumn .page-head {
        margin: 0 auto;
        position: relative;
    }

    .page-house .page-head,
    .page-part .page-head,
    .page-apartment .page-head,
    .page-old .page-head {
        margin: 0 auto;
    }

    .oneColumn .page-head_inner {
        position: relative;
    }

    /*
		.page-home.oneColumn .page-head_inner h1,
		.page-house.oneColumn .page-head_inner h1,
		.page-part.oneColumn .page-head_inner h1,
		.page-apartment.oneColumn .page-head_inner h1,
		.page-old.oneColumn .page-head_inner h1{ position: absolute; top:15px; right: 15px; z-index: 0;}
		*/
    .oneColumn .top-main_wrap {
        margin: 0 0 0px;
        position: relative;
        background: #FFF;
    }

    .oneColumn .top-main_slider img {
        display: block;
    }

    .oneColumn .top-main_slider {
        position: relative;
        background: #000;
        float: left;
    }

    .top-main_slider.card2 .top-main_textArea {
        width: 600px;
        left: 50%;
        margin-left: -300px;
        margin-top: -188px;
        color: #333;
        padding: 27px 0 32px;
        background: rgba(255, 255, 255, .75);
    }

    .top-main_slider.card2.dark .top-main_textArea {
        width: 474px;
        margin-left: -237px;
        margin-top: -188px;
        color: #fff;
        padding: 20px 0 32px;
        background: rgba(31, 27, 22, .45);
    }

    .top-main_slider.card2.dark .top-main_catch span,
    .top-main_slider.card2.dark .top-main_body {
        color: #fff;
        text-shadow: 0 0 10px #000;
        margin-bottom: 40px;
    }

    .top-main_slider.card2.dark .top-main_catch span {
        margin-bottom: 20px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    }

    .top-main_slider.card2.dark .top-main_body:before,
    .top-main_slider.card2.dark .top-main_body:after {
        display: none;
    }

    .top-main_slider.card2 .club {
        background: none;
    }

    .top-main_slider.card2 .club .top-main_catch span {
        font-size: 3.8rem;
    }

    .top-main_slider.card2 .club .top-main_catch span:after {
        content: "";
        display: block;
        height: 1px;
        width: 357px;
        margin: 12px auto;
        background: #fff;
    }

    .top-main_slider.card2 .club .top-main_catch span,
    .top-main_slider.card2 .club .top-main_body {
        color: #fff;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    }

    .top-main_slider.card2 .club .top-main_body {
        line-height: 1.5;
        margin: 15px 0 20px;
    }

    .card2 .club .top-main_list li {
        background: rgba(0, 0, 0, .6);
    }

    .card2 .club .top-main_list li .top-main_text {
        color: #fff;
        font-weight: 500;
    }

    .card2 .club .top-main_list li .top-main_text>span {
        color: #fff;
        font-weight: bold;
    }

    .card2 .club .top-main_list li .top-main_text span span {
        color: #d69242;
        display: inline;
    }

    .top-main_slider.card2 .top-main_textArea.noline {
        margin-top: -148px;
    }

    .top-main_slider .top-main_imageArea {
        width: 1200px;
        margin: 0 auto;
    }

    .top-main_slider .top-main_imageArea img {
        width: 100%;
        max-width: 1200px;
    }

    .card3 .top-main_catch {
        font-size: 3.6rem;
        font-weight: bold;
        line-height: 1.2;
        text-shadow: 0 0 10px #000;
        position: relative;
        display: inline-block;
        padding: 50px 30px 20px;
        text-indent: 1em;
    }

    .card3 .top-main_catch:before,
    .card3 .top-main_catch:after {
        content: "";
        width: 66px;
        height: 220px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(/lib_image/top/bg_mv_frame_01_left.png) no-repeat;
    }

    .card3 .top-main_catch:after {
        left: auto;
        right: 0;
        background: url(/lib_image/top/bg_mv_frame_01_right.png) no-repeat;
    }

    .card4 .top-main_catch {
        font-size: 3.1rem;
        font-weight: bold;
        line-height: 1.3;
        color: #212121;
    }

    .card4 .top-main_catch::after {
        content: "";
        height: 1px;
        width: 277px;
        display: block;
        background: #707070;
        margin: 18px auto 16px;
    }

    .card4 .top-main_body {
        font-size: 1.6rem;
        font-weight: bold;
        color: #212121;
    }

    .card5 .top-main_textArea {
        padding-top: 32px;
    }

    .card5 .top-main_textArea:before {
        content: "";
        width: 427px;
        height: 392px;
        display: block;
        background: url(/lib_image/top/bg_mv_old.png) no-repeat;
        position: absolute;
        top: -80px;
        left: 50%;
        margin-left: -213px;
    }

    .card5 .top-main_textArea .top-main_catch {
        font-size: 3rem;
        font-weight: 600;
        text-indent: 1em;
        line-height: 1.4;
    }

    .card5 .top-main_textArea .top-main_catch span {
        font-size: 4.4rem;
    }
}

@media only screen and (max-width : 767px) {
    .top-main_slider .top-main_imageArea img {
        width: 100%;
    }

    .oneColumn .content-main {
        margin: 0 0 20px;
    }

    .oneColumn .page-head_inner {
        position: relative;
    }

    /*
		.page-home.oneColumn .page-head_inner h1,
		.page-house.oneColumn .page-head_inner h1,
		.page-part.oneColumn .page-head_inner h1,
		.page-apartment.oneColumn .page-head_inner h1,
		.page-old.oneColumn .page-head_inner h1{ position: absolute; top:0; right: 0; z-index: 0; overflow: hidden;}
	*/
    .oneColumn .top-main_wrap {
        position: relative;
        background: #FFF;
        margin-bottom: 0px;
    }

    .oneColumn .top-main_slider {
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
    }

    .oneColumn .top-main_slider img {
        display: block;
    }

    .top-main_slider .top-main_textArea {
        margin-top: -93px;
        left: 15px;
        right: 15px;
    }

    .card1 .top-main_reason {
        font-size: 1.45rem;
        margin-bottom: 10px;
    }

    .top-main_slider .top-main_reason::after {
        margin-top: 10px;
    }

    .card1 .top-main_catch {
        font-size: 3rem;
        letter-spacing: 4.5px;
        margin-top: 18px;
        margin-bottom: 16px;
    }

    .top-main_catch .fsS {
        font-size: 2.7rem;
    }

    .card1 .top-main_body {
        font-size: 1.2rem;
        margin-left: 0;
        margin-bottom: 14px;
        letter-spacing: .2px;
    }

    .card1 .top-main_btn a {
        padding: 9px 18px 7px;
    }

    .card1 .top-main_btn a::before {
        height: 17px;
        width: 12px;
        margin-right: 5px;
        vertical-align: -5px;
    }

    .card2.top-main_slider .top-main_textArea {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -20px;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
        color: #333;
        padding-bottom: 9px;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0.7) 33%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, .3) 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0.7) 33%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0.7) 33%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, .3) 100%);
    }

    .top-main_btn a {
        font-size: 1.2rem;
    }

    .page-home .page-head .page-head_title img {
        width: 240px;
    }

    .top-main_slider .top-main_imageCaption {
        font-size: .9rem;
        left: 0;
        right: 0;
        bottom: 10px;
        line-height: 1;
        text-align: center;
    }

    .top-main_wrap .slick-dots {
        padding: 8px 9px 0 0;
        bottom: 25px;
    }

    .top-main_wrap .slick-dots li {
        width: 25px;
        margin: 0 2px;
    }

    .top-main_wrap .slick-dots button {
        width: 25px;
        height: 3px;
    }

    .card2 .top-main_catch {
        font-size: 1.6rem;
        margin: 12px 0 7px;
        text-align: center;
    }

    .card2 .top-main_body {
        font-size: 1.4rem;
        text-align: center;
    }

    .card2 .top-main_body:before,
    .card2 .top-main_body:after {
        width: 30px;
        vertical-align: 5px;
    }

    .card2 .top-main_catch span {
        font-size: 2rem;
        margin-bottom: 7px;
    }

    .card2 .top-main_list {
        display: none;
    }

    .card2 .top-main_text {
        font-size: 1rem;
        font-weight: normal;
        padding: 5px 5px;
        min-width: 0;
        width: 100%;
    }

    .card2 .top-main_text:before,
    .card2 .top-main_text:after {
        width: 10px;
        height: 25px;
    }

    .card2 .top-main_list li img {
        width: 30px;
    }

    .card2.top-main_slider .top-main_btn,
    .card3.top-main_slider .top-main_btn,
    .card4.top-main_slider .top-main_btn,
    .card5.top-main_slider .top-main_btn {
        margin-top: 9px;
    }

    .card2.top-main_slider .top-main_btn a,
    .card3.top-main_slider .top-main_btn a,
    .card4.top-main_slider .top-main_btn a,
    .card5.top-main_slider .top-main_btn a {
        padding: 8px 24px 8px 31px;
    }

    .card2.top-main_slider .top-main_btn a:before,
    .card3.top-main_slider .top-main_btn a:before,
    .card4.top-main_slider .top-main_btn a:before,
    .card5.top-main_slider .top-main_btn a:before {
        font-size: 1.5rem;
        left: 18px;
        margin-top: -13px;
    }

    .top-main_slider.card2 .club {
        background: none;
        border: none;
    }

    .top-main_slider.card2 .club .top-main_catch span {
        font-size: 2.1rem;
    }

    .top-main_slider.card2 .club .top-main_catch span:after {
        content: "";
        display: block;
        height: 1px;
        width: 163px;
        margin: 5px auto;
        background: #fff;
    }

    .top-main_slider.card2 .club .top-main_catch span,
    .top-main_slider.card2 .club .top-main_body {
        color: #fff;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    }

    .top-main_slider.card2 .club .top-main_body {
        line-height: 1.5;
        margin: 15px 0 20px;
    }

    .top-main_slider.card2 .club .top-main_list {
        display: block;
        padding: 0;
    }

    .card2 .club .top-main_list li {
        width: 76px;
        height: 45px;
        background: rgba(0, 0, 0, .6);
    }

    .card2 .club .top-main_list li+li {
        margin-left: 5px;
    }

    .card2 .club .top-main_list li .top-main_text {
        color: #fff;
        font-size: .75rem;
        font-weight: 500;
        padding: 0;
        margin-top: 3px;
    }

    .card2 .club .top-main_list li .top-main_text>span {
        color: #fff;
        font-weight: bold;
        font-size: 1rem;
    }

    .card2 .club .top-main_list li .top-main_text span span {
        color: #d69242;
        display: inline;
    }

    .card3 .top-main_catch {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.3;
        text-shadow: 0 0 10px #000;
        position: relative;
        display: inline-block;
        padding: 20px 15px 20px;
        text-indent: 1em;
    }

    .card3 .top-main_catch:before,
    .card3 .top-main_catch:after {
        content: "";
        width: 36px;
        height: 124px;
        display: block;
        position: absolute;
        top: -7px;
        left: 0;
        background: url(/lib_image/top/bg_mv_frame_01_left.png) no-repeat;
        background-size: 100% 100%;
    }

    .card3 .top-main_catch:after {
        left: auto;
        right: 0;
        background: url(/lib_image/top/bg_mv_frame_01_right.png) no-repeat;
        background-size: 100% 100%;
    }

    .card3.top-main_slider .top-main_btn {
        margin-top: 2px;
    }

    .card4 .top-main_textArea {
        padding-right: 21.875%;
        margin-top: -70px;
    }

    .card4 .top-main_catch {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 12px;
        color: #212121;
    }

    .card4 .top-main_body {
        font-size: 1.6rem;
        font-weight: bold;
        color: #212121;
    }

    .top-main_slider.card2.dark .top-main_textArea {
        width: auto;
        margin: -20px 0 0;
        color: #fff;
        padding: 15px 0;
        background: rgba(31, 27, 22, .45);
        border: none;
    }

    .top-main_slider.card2.dark .top-main_catch {
        margin: 0 0 12px;
    }

    .top-main_slider.card2.dark .top-main_catch span {
        color: #fff;
        text-shadow: 0 0 10px #000;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .card5 .top-main_textArea {
        padding-top: 32px;
    }

    .card5 .top-main_textArea:before {
        content: "";
        width: 213.5px;
        height: 196px;
        display: block;
        background: url(/lib_image/top/bg_mv_old.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: -25px;
        left: 50%;
        margin-left: -106.5px;
    }

    .card5 .top-main_textArea .top-main_catch {
        font-size: 1.4rem;
        font-weight: 600;
        text-indent: 1em;
        line-height: 1.3;
    }

    .card5 .top-main_textArea .top-main_catch span {
        font-size: 2.2rem;
        margin-top: 3px;
        display: inline-block;
        text-indent: 0;
    }

    .card5 .top-main_textArea .top-main_catch strong {
        text-indent: 0;
        font-size: 1.8rem;
    }
}

/* ==============================
 * page: house
 ============================== */
.page-house {}

/*.page-house .page-head { margin: 0 auto 20px auto; }*/
.page-house .page-head_title,
.page-part .page-head_title,
.page-apartment .page-head_title,
.page-old .page-head_title {
    margin: 0 auto 20px auto;
    text-align: center;
}

.page-head_title .page-head_title_point {
    font-size: 1.9rem;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    padding: 0 55px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
}

.page-head_title_point:before,
.page-head_title_point:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 0px;
    border-top: solid 1px #FDB800;
    border-bottom: solid 1px #FDB800;
}

.page-head_title_point:before {
    left: 0;
}

.page-head_title_point:after {
    right: 0;
}

.page-head_title_catch {
    display: block;
    font-size: 3.0rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
    font-weight: 600;
}

@media only screen and (max-width : 767px) {
    .page-head_title .page-head_title_point {
        font-size: 1.5rem;
        padding: 0 2em;
    }

    .page-head_title_point:before,
    .page-head_title_point:after {
        width: 2em;
    }

    .page-head_title_catch {
        display: block;
        font-size: 1.8rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "HGS明朝E", serif;
        font-weight: 600;
    }

    .page-house .page-head_title,
    .page-part .page-head_title,
    .page-apartment .page-head_title,
    .page-old .page-head_title {
        margin-bottom: 5px;
    }
}

/* case */
.wrap-case_s {
    margin-top: 21px;
}

.wrap-case_s .case-item_desc {
    font-size: 1.3rem;
    line-height: 1.4;
    height: 43px;
    padding: 2px 0 5px 4px;
    color: #069;
    overflow: hidden;
}

.wrap-case_s .case-item_data {
    border-top: 1px dotted #a0a0a0;
    font-size: .9rem;
    margin: 0 5px 6px;
    padding: 7px 0 10px;
    height: 2.5em;
    overflow: hidden;
}

.btn-caselist {
    margin-top: 40px;
}

.btn-caselist .btn {
    background: #FFF;
    border: 1px solid #008D54;
    border-radius: 4px;
    color: #008D54;
    display: inline-block;
    font-size: 1.6rem;
    padding: 9px 4.5em 7px;
}

.btn-caselist .btn:hover {
    background: #008D54;
    color: #fff;
}

.btn-caselist .btn:before {
    content: "\f105";
    font-size: 1.8rem;
    margin-right: .35em;
}

.btn-caselist .btn:hover:before {
    color: #fff;
}

/*  voice */
.wrap-voice_s .box {
    background: none;
    margin-top: 0px;
    width: 235px;
}

.wrap-voice_s .box+.box {
    margin-left: 13px;
}

.wrap-voice_s .box-voice_title {
    background: #FFF;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 8px 10px 10px;
    text-decoration: underline;
}

/* campaign */
.block-campaign {
    margin: 50px 0;
}

.block-campaign ul {
    margin-top: 30px;
}

.block-campaign li {
    border: 1px solid #eaeaea;
    padding: 10px;
}

/* theme */
.block-theme {
    background: #eaeaea;
    margin-top: 45px;
    padding: 35px 0 11px;
}

.block-theme .heading {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 32px;
    font-size: 2.4rem;
}

.block-theme .heading:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #008d54;
    display: block;
    margin: 19px auto 0;
}

.page-apartment .block-theme {
    padding: 20px 0 40px;
}

.block-theme .block-theme_desc {
    margin: 25px 100px 0;
}

.block-theme .list-theme {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    padding: 0;
}

.block-theme .list-theme img {
    display: block;
}

.block-theme .list-theme li {
    width: 233px;
    display: block;
    margin-left: 16px;
    margin-bottom: 17px;
    display: -webkit-flex;
    display: flex;
}

.block-theme .list-theme li:nth-child(4n+1) {
    margin-left: 0;
}

.block-theme .list-theme li a {
    width: 100%;
    display: block;
    background: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    color: #212121;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.block-theme .list-theme li a:hover {
    color: #008d54;
    text-decoration: underline;
}

.block-theme .list-theme li a .theme_text {
    padding: 13px 15px 14px;
}

@media print,
screen and (min-width : 768px) {
    .wrap-case_s .case-item_thumb {
        height: 114px;
        margin-bottom: 5px;
    }

    .page-house .wrap-case_s .case-item_thumb,
    .page-old .wrap-case_s .case-item_thumb {
        height: auto;
    }
}

@media only screen and (max-width : 767px) {
    .wrap-case_s {
        margin-top: 10px;
    }

    .wrap-case_s .case-item {
        float: left;
        width: 50%;
    }

    .wrap-case_s .case-item+.case-item {
        margin-left: 5px;
    }

    .wrap-case_s .case-item_desc {
        padding: 0 5px 5px;
        height: auto;
        font-size: 1.2rem;
    }

    .wrap-case_s .case-item_data {
        height: 4.0em;
    }

    .btn-caselist {
        margin-top: 15px;
    }

    .wrap-voice_s .box-voice_title {
        font-size: 1.2rem;
        padding: 5px 0;
    }

    .wrap-voice_s .box {
        margin: 0 0 10px;
        width: 100%;
    }

    .wrap-voice_s .box+.box {
        margin-left: 0;
    }

    .block-theme {
        padding: 10px 10px 0;
        margin-top: 0;
    }

    .page-apartment .block-theme {
        padding: 20px 0 0px;
    }

    .block-theme .block-theme_desc {
        margin: 0;
    }

    .block-theme .list-theme {
        margin: 0;
    }

    .block-theme .list-theme li {
        width: 49%;
        margin-left: 2%;
    }

    .block-theme .list-theme li:nth-child(2n+1) {
        margin-left: 0;
    }

    .block-theme .list-theme li:nth-last-of-type(-n+2) {
        margin-bottom: 35px;
    }

    .page-house .block-theme .list-theme li a .icon {
        width: 35px;
        padding: 0 10px 0 0;
        vertical-align: middle;
    }

    .block-theme .list-theme li a .name {
        font-size: 1.2rem;
        width: calc(100% - 35px);
        display: inline-block;
        vertical-align: middle;
    }

    .block-theme .heading {
        font-size: 1.7rem;
    }

    .block-theme .list-theme li a .theme_text {
        font-size: 1.3rem;
        padding: 10px 0 10px 8px;
    }

    .block-theme .list-theme li:nth-child(7) a .theme_text {
        font-size: 1.3rem;
        letter-spacing: -0.1rem;
    }

    .btn-caselist .btn {
        padding: 9px 2em 7px;
        font-size: 1.4rem;
    }
}

.block-theme .heading:after {
    content: "";
    width: 60px;
    margin: 15px auto 0;
}

/* ==============================
 * page: part
 ============================== */
.part-list-block h3 {
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 10px;
}

.part-list-block .gutter .span-3 {
    width: 23%;
}

.part-list-block h3 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.part-list {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}

.part-list li {
    margin-bottom: 5px;
}

.part-list li a {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 12px;
    text-align: center;
    font-size: 1.4rem;
}

.part-list li a:hover {
    color: #008d54;
    border-color: #008d54;
}

@media print,
screen and (min-width : 768px) {}

@media only screen and (max-width : 767px) {
    .page-part .block-case {
        background: #F0F0F0;
    }

    .part-list-block .gutter {
        padding: 0 10px;
        margin-top: 0 !important;
    }

    .part-list-block .gutter .span-3 {
        width: 50%;
    }

    .part-list-block .gutter .span-3:nth-child(odd) {
        padding-right: 2px;
    }

    .part-list-block .gutter .span-3:nth-child(even) {
        padding-left: 2px;
    }

    .part-list li a {
        font-size: 1.3rem;
        padding: 12px 5px;
    }
}

/* ==============================
 * page: apartment
 ============================== */
.page-apartment .block-theme .heading-m:first-child {
    margin-top: 0;
}

.block-theme .list-theme_fill {
    position: relative;
}

.block-theme .list-theme_fill li {
    background: #EBEBE3;
}

.block-theme .list-theme_fill li a .icon {
    background: #FFF;
    text-align: center;
}

@media print,
screen and (min-width : 768px) {
    .block-theme .list-theme_fill {
        margin-left: -9px;
    }

    .block-theme .list-theme_fill li {
        margin-left: 9px;
        padding: 3px;
        width: 320px;
    }

    .block-theme .list-theme_fill li a .icon {
        padding: 17px 0;
        width: 84px;
    }

    .page-apartment .block-theme .list-theme_fill li a .icon {
        padding: 17px;
        width: 84px;
    }
}

@media only screen and (max-width : 767px) {
    .block-theme .list-theme_fill {
        margin-bottom: 20px;
        margin-left: -1%;
    }

    .block-theme .list-theme_fill li {
        margin-top: 5px;
        margin-left: 1%;
        width: 49%;
    }

    .block-theme .list-theme li a .icon {
        padding: 5px;
        width: 40px;
    }
}

/* ==============================
 * page: old
 ============================== */
/*  contact */
.block-contactold {
    background: #EBEBE3;
}

.box-contactold {
    background: url(/lib_image/old/index/bg_contactold.jpg) no-repeat 12px 100%;
}

.block-contactold .box-contactold_text {}

.block-contactold .box-contactold_text .heading .icon {
    display: inline-block;
    vertical-align: middle;
}

.block-contactold .box-contactold_btn {
    text-align: center;
}

.block-contactold .box-contactold_btn a.contact-btn {
    background: #FFF;
    border: 1px solid #008D54;
    border-radius: 100px;
    color: #008d54;
    display: inline-block;
    margin-bottom: 10px;
    padding: .5em 1em;
    width: 100%;
}

.block-contactold .box-contactold_btn a.contact-btn:hover {
    background: #008D54;
    border: 1px solid #008D54;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    padding: .5em 1em;
    width: 100%;
}

.page-old .bottom-contact {
    background: none;
}

.page-old .bottom-contact .box {
    border: 1px solid #EBEBE3;
}

/* episode */
.block-episode {
    margin-bottom: 40px;
}

.block-episode .btn-wrap {
    text-align: center;
}

.block-episode .btn-backnumber {
    border: 1px solid #008D54;
    color: #008d54;
}

.block-episode .btn-backnumber:before {
    content: "\f105";
    margin-right: .5em;
}

.box-episode_title a {
    color: #212121;
    text-decoration: underline;
}

/* effort */
.block-effort {
    background: #eaeaea;
}

.box-effort_name {
    border-left: 4px solid #008D54;
}

.box-effort_item {
    background: #FFF;
    display: table-cell;
}

.box-effort_item>* {
    display: table-cell;
    vertical-align: top;
}

.box-effort_thumb img {
    display: block;
}

.block-effort .box-effort_desc {
    line-height: 1.5;
}

/*  topics */
.box-topics_thumb img {
    display: block;
}

.box-topics .box-topics_title {
    position: relative;
}

.box-topics .box-topics_title:after {
    border-bottom: 2px solid #008D54;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
}

@media print,
screen and (min-width : 768px) {
    .block-contactold {
        margin-bottom: 15px;
        margin-top: 34px;
    }

    .box-contactold {
        padding: 15px 10px 10px 185px;
    }

    .block-contactold .box-contactold_text {
        float: left;
        width: 510px;
    }

    .block-contactold .box-contactold_text .heading {
        font-size: 2.5rem;
    }

    .block-contactold .box-contactold_text .heading .icon {
        margin-right: 8px;
    }

    .block-contactold .box-contactold_tel {
        font-size: 0.8rem;
    }

    .block-contactold .box-contactold_btn {
        float: right;
        width: 255px;
    }

    /**/
    .page-old .bottom-contact .box {
        border: none;
    }

    .page-old .bottom-contact .box+.box {
        margin-left: 1px;
    }

    /* episode */
    .block-episode {
        margin-top: 40px;
    }

    .box-episode_head {
        display: table;
        margin-top: 20px;
        width: 100%;
    }

    .box-episode_head>* {
        display: table-cell;
    }

    .box-episode_num {
        width: 84px;
    }

    .box-episode_title {
        vertical-align: top;
    }

    .box-episode_title__main {
        font-size: 3.2rem;
        padding-left: .25em;
    }

    .box-episode_title__sub {
        font-size: 1.5rem;
        padding-left: 1.5em;
    }

    .box-episode_title__more {
        text-align: right;
    }

    .box-episode_image__before {
        padding-right: 5px;
    }

    .box-episode_image__after {
        padding-left: 5px;
    }

    .box-episode_desc,
    .box-episode_image {
        margin-top: 10px;
    }

    .box-episode_desc,
    .box-episode_title__more {
        font-size: 1.4rem;
    }

    .block-episode .btn-wrap {
        font-size: 1.5rem;
        margin-top: 10px;
    }

    .block-episode .btn-wrap .btn.btn-backnumber {
        padding: .5em 2em;
    }

    /* effort */
    .block-effort {
        margin: 35px 0 70px;
        padding: 37px 0 70px;
    }

    .box-effort {
        margin-top: 30px;
        width: 480px;
    }

    .box-effort_name {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1 !important;
        margin-bottom: 15px;
        padding-left: 10px;
    }

    .box-effort_thumb {
        width: 120px;
    }

    .box-effort_item__text {
        padding: 25px;
    }

    .box-effort_title {
        font-size: 2.0rem;
        margin-bottom: .8em;
    }

    .box-effort_title span {
        font-size: 1.4rem;
    }

    /*  topics */
    .block-topics {
        margin-top: 50px;
    }

    .box-topics {
        border: 1px solid #eaeaea;
        margin-top: 50px;
        width: 310px;
    }

    .box-topics .box-topics_title {
        font-size: 1.8rem;
        font-weight: 400;
        padding: 20px 10px;
    }

    .box-topics .box-topics_title:after {
        margin-left: -19px;
        width: 38px;
    }

    .box-topics .box-topics_desc {
        line-height: 1.5;
        padding: 30px;
    }
}

@media only screen and (max-width : 767px) {
    .block-contactold {
        margin-bottom: 10px;
        margin: 30px 0 10px;
    }

    .box-contactold {
        background-size: 100px auto;
        padding: 10px;
    }

    .box-contactold .box-contactold_text p {
        display: none;
    }

    .box-contactold .box-contactold_text .heading {
        display: block;
        font-size: 1.6rem;
        line-height: 1.35;
        margin-bottom: .25em;
    }

    .box-contactold .box-contactold_text .heading .icon {
        margin-right: 10px;
        width: 40px;
    }

    .box-contactold .box-contactold_tel {
        font-size: 1.0rem;
    }

    .box-contactold .box-contactold_tel img {
        max-width: 150px;
    }

    .box-contactold .box-contactold_btn {
        margin-left: 95px;
        margin-top: -9px;
    }

    .block-contactold .box-contactold_btn a.contact-btn {
        max-width: 170px;
        padding: 0.3em 1em;
    }

    /* episode */
    .box-episode_num {
        float: left;
        width: 50px;
    }

    .box-episode_title {
        padding-left: 50px;
    }

    .box-episode_title__main {
        font-size: 1.6rem;
        padding-left: .25em;
    }

    .box-episode_title__sub {
        font-size: 1.2rem;
        padding-left: 1.5em;
    }

    .box-episode_title__more {
        margin: 5px 0;
        text-align: right;
    }

    /* effort */
    .block-effort {
        margin: 0;
        padding: 10px;
        position: relative;
    }

    .block-effort .heading-m {
        margin: 30px 0 15px;
    }

    .box-effort {
        margin-top: 10px;
    }

    .box-effort:first-child {
        margin-top: 0;
    }

    .box-effort:last-child {
        margin-bottom: 30px;
    }

    .box-effort .box-effort_name {
        line-height: 1;
        margin-bottom: .75em;
        padding-left: 5px;
    }

    .box-effort_thumb {
        width: 70px;
    }

    .box-effort_thumb img {
        height: 100%;
        max-width: inherit;
    }

    .box-effort_item__text {
        padding: 5px;
    }

    .box-effort_title {
        font-size: 1.6rem;
        margin-bottom: .5em;
    }

    .box-effort_title span,
    .box-effort_desc {
        font-size: 1.4rem;
    }

    .block-episode .btn-wrap {
        margin-top: 15px;
    }

    /*  topics */
    .box-topics {
        margin-bottom: 20px;
        border: 1px solid #eaeaea;
    }

    .box-topics .box-topics_title {
        font-size: 1.6rem;
        padding: 10px 5px;
    }

    .box-topics .box-topics_title:after {
        margin-left: -19px;
        width: 38px;
    }

    .box-topics_thumb {
        text-align: center;
    }

    .box-topics .box-topics_desc {
        line-height: 1.5;
        padding: 10px;
    }
}

/*  consideration */
.block-consideration {
    margin-top: 49px;
    margin-bottom: 53px;
}

.block-consideration .heading {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 31px;
    font-size: 2.6rem;
}

.block-consideration .row {
    width: 982px;
    margin: 0 auto;
}

.block-consideration .col-5 {
    width: 20%;
    display: -webkit-flex;
    display: flex;
}

.block-consideration .span-3 {
    width: 237px;
    display: -webkit-flex;
    display: flex;
}

.block-consideration .span-4 {
    width: 316px;
    display: -webkit-flex;
    display: flex;
}

.block-consideration .span-3 a,
.block-consideration .span-4 a {
    background: #fff;
    display: block;
    padding-bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.box-consideration_text {
    font-size: 1.6rem;
    font-weight: bold;
    color: #212121;
    line-height: 1 !important;
    padding-left: 15px;
    margin: 20px 0;
    padding-right: 15px;
    position: relative;
    text-align: left;
}

.box-consideration_thumb img {
    width: 100%;
    display: block;
}

.box-consideration_text:before {
    color: #008d54;
    content: "\f105";
    font-family: 'fa_custom';
    margin-right: 5px;
    vertical-align: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.7rem;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -10px;
}

.box-consideration a:hover .box-consideration_thumb,
.box-consideration a:hover .box-consideration_thumb {
    opacity: .6;
}

.box-consideration a:hover .box-consideration_text {
    color: #008d54;
    text-decoration: underline;
}

@media only screen and (max-width : 767px) {
    .block-consideration {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .block-consideration .heading {
        margin-bottom: 20px;
        font-size: 1.7rem;
    }

    .block-consideration .row {
        width: auto;
        margin: 0 10px;
        border: none;
    }

    .block-consideration .col-5 {
        width: 50%;
    }

    .block-consideration .span-3 {
        width: 49%;
    }

    .block-consideration .span-4 {
        width: 100%;
        justify-content: center;
    }

    .block-consideration .col {
        margin-bottom: 20px;
    }

    .block-consideration .col a {
        padding-bottom: 0;
    }

    .box-consideration_text {
        font-size: 1.4rem;
        line-height: 1.3 !important;
    }

    .box-consideration_text:before {
        font-size: 1.6rem;
    }

    .box-consideration_thumb img {
        width: 100%;
        display: block;
    }
}

/*  seminar */
.block-seminar {
    padding: 56px 0 18px;
    width: 980px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.block-seminar .heading {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 42px;
    font-size: 2.6rem;
    width: 100%;
}

.block-seminar .heading:after {
    content: "";
    width: 60px;
    height: 1px;
    background: #008d54;
    display: block;
    margin: 18px auto 0;
}

.block-seminar .heading span {
    display: block;
    margin-bottom: 2px;
    font-size: 2rem;
}

.seminar-search_map {
    width: 265px;
    text-align: center;
}

.seminar-search_title {
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 1px #a0a0a0;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.seminar-search_text {
    font-size: 1.6rem;
    line-height: 1.4 !important;
}

.seminar-search_text:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 6.5px 0 6.5px;
    border-color: #008d54 transparent transparent;
    margin: 14px auto 0;
}

.seminar-search_list {
    background: url(/lib_image/top/bg_seminar_map.png) no-repeat;
    margin-top: 15px;
    position: relative;
    height: 339px;
}

.seminar-search_list li {
    display: block;
    position: absolute;
}

.seminar-search_list li a {
    background: #fff;
    display: block;
    border: solid 1px #d0d0d0;
    border-radius: 4px;
    font-size: 1.2rem;
    color: #606060;
    line-height: 1.2;
    padding: 8px 5px;
}

.seminar-search_list li a:hover {
    opacity: .6;
}

.seminar-search_list .seminar-search_all {
    width: 74px;
    left: 0;
    top: 0;
}

.seminar-search_list .seminar-search_all a {
    border: solid 1px #008d54;
    color: #008d54;
    padding: 8px 5px 9px;
    font-size: 1.4rem;
}

.seminar-search_list .seminar-search_hokaido {
    width: 56px;
    left: 208px;
    top: 85px;
}

.seminar-search_list .seminar-search_kanto {
    width: 56px;
    left: 208px;
    top: 159px;
}

.seminar-search_list .seminar-search_tokai {
    width: 56px;
    left: 162px;
    top: 253px;
}

.seminar-search_list .seminar-search_koshinetsu {
    width: 56px;
    left: 90px;
    top: 82px;
}

.seminar-search_list .seminar-search_hokuriku {
    width: 56px;
    left: 18px;
    top: 82px;
}

.seminar-search_list .seminar-search_kansai {
    width: 56px;
    left: 90px;
    top: 253px;
}

.seminar-search_list .seminar-search_chugoku {
    width: 74px;
    left: 0;
    top: 143px;
}

.seminar-search_list .seminar-search_kyusyu {
    width: 56px;
    left: 18px;
    top: 293px;
}

.seminar-list {
    width: 682px;
    overflow: hidden;
}

.seminar-list .block-case_head__tab li a {
    font-size: 1.2rem;
    padding: 10px 10px 9px;
}

.seminar-list .block-case_head__tab {
    width: 692px;
}

.seminar-list .block-case_head__tab .list-tab_balloon {
    width: 100%;
    border-bottom: none;
}

.seminar-list .tab-contents dl {
    font-size: 1.6rem;
    position: relative;
    margin-top: 37px;
}

.seminar-list .tab-contents dt {
    float: left;
    clear: both;
}

.seminar-list .tab-contents .seminar-label-01,
.seminar-list .tab-contents .seminar-label-02,
.seminar-list .tab-contents .seminar-label-03,
.seminar-list .tab-contents .seminar-label-04 {
    display: inline-block;
    font-size: 1.3rem;
    padding: 0 15px;
    color: #fff;
    margin: 0 10px;
}

.seminar-list .tab-contents .seminar-label-01 {
    background: #849359;
}

.seminar-list .tab-contents .seminar-label-02 {
    background: #bd8a46;
}

.seminar-list .tab-contents .seminar-label-03 {
    background: #6a95c0;
}

.seminar-list .tab-contents .seminar-label-04 {
    background: #b285b5;
}

.seminar-list .tab-contents dd {
    border-bottom: solid 1px #b8b8b8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.seminar-list .tab-contents dd a {
    text-decoration: underline;
}

.seminar-list .tab-contents dd a:hover {
    text-decoration: none;
}

@media only screen and (max-width : 767px) {
    .block-seminar {
        padding: 10px 0 0;
        width: auto;
        display: block;
        margin: 0 10px;
    }

    .block-seminar .heading {
        margin-bottom: 20px;
        font-size: 1.7rem;
    }

    .block-seminar .heading span {
        font-size: 1.4rem;
    }

    .seminar-search_map {
        width: auto;
    }

    .seminar-search_title {
        font-size: 1.8rem;
        font-weight: bold;
        display: inline-block;
        border-bottom: solid 1px #a0a0a0;
        padding-bottom: 11px;
        margin-bottom: 11px;
    }

    .seminar-search_text {
        font-size: 1.6rem;
        line-height: 1.4 !important;
    }

    .seminar-search_text:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 6.5px 0 6.5px;
        border-color: #008d54 transparent transparent;
        margin: 14px auto 0;
    }

    .seminar-search_list {
        width: 265px;
        margin: 0 auto 30px;
    }

    .seminar-search_list li {
        display: block;
        position: absolute;
    }

    .seminar-list {
        width: auto;
    }

    .seminar-list .tab-contents dl {
        font-size: 1.2rem;
        margin-top: 37px;
    }

    .seminar-list .tab-contents dt {
        float: none;
        display: block;
        margin-bottom: 10px;
    }

    .seminar-list .tab-contents .seminar-label-01,
    .seminar-list .tab-contents .seminar-label-02,
    .seminar-list .tab-contents .seminar-label-03,
    .seminar-list .tab-contents .seminar-label-04 {
        font-size: 1.1rem;
        padding: 4px 15px;
        margin: 0 10px;
        vertical-align: 2px;
    }

    .seminar-list .tab-contents dd {
        padding-bottom: 10px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
}

/* reform_menu */
.block-reform_menu {
    width: 980px;
    margin: 65px auto 60px;
}

.page-apartment .block-reform_menu {
    width: auto;
    background: #eaeaea;
    margin: 57px auto 5px;
    padding: 40px 0 31px;
}

.block-reform_menu h3 {
    background: #eaeaea;
    font-size: 2rem;
    padding: 10px 15px 9px;
    position: relative;
    border: solid 2px #bebebe;
    border-bottom: none;
}

.block-reform_menu .row {
    border: solid 2px #bebebe;
    border-bottom: none;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.block-reform_menu .row:last-child {
    border-bottom: solid 2px #bebebe;
}

.page-apartment .block-reform_menu .row {
    width: 980px;
    margin: 0 auto;
    border: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.block-reform_menu .box-reform_menu {
    border-right: solid 2px #bebebe;
    padding: 10px;
}

.page-apartment .block-reform_menu .box-reform_menu {
    background: #fff;
    border: solid 1px #d0d0d0;
    width: 320px;
    padding: 0 !important;
    margin-bottom: 9px;
}

.block-reform_menu .box-reform_menu:nth-child(4n) {
    border-right: none;
    padding: 10px 11px;
}

.block-reform_menu .box-reform_menu_title {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 3px 0 5px;
    margin-bottom: 11px;
    border-bottom: dotted 1px #a0a0a0;
}

.page-apartment .block-reform_menu .box-reform_menu_title {
    margin: 6px 17px 5px;
    padding: 3px 0 13px;
}

.page-apartment .block-reform_menu .box-reform_menu_title img {
    vertical-align: -5px;
    margin-right: 8px;
}

.box-reform_menu_text {
    font-weight: 500;
    padding-bottom: 5px;
}

.page-apartment .box-reform_menu_text {
    margin: 0 17px 7px;
}

.box-reform_menu_text a:before {
    color: #069;
    content: "\f105";
    font-family: 'fa_custom';
    margin-right: 5px;
    vertical-align: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.7rem;
    text-rendering: auto;
    line-height: 1;
}

.page-apartment .box-reform_menu_text a:before {
    font-size: 2.5rem;
    vertical-align: -3px;
    color: #6a95c0;
}

.box-reform_menu_text a:hover {
    text-decoration: underline;
}

.block-reform_menu .fsML {
    font-size: 1.4rem;
    letter-spacing: -1px;
    padding: 7px 0 6px;
}

@media only screen and (max-width : 767px) {
    .block-reform_menu {
        width: auto;
        margin: 30px 10px 40px;
    }

    .page-apartment .block-reform_menu {
        margin: 0 auto 0;
        padding: 5px 10px 20px;
    }

    .block-reform_menu h3 {
        font-size: 1.6rem;
        padding: 11px 15px 9px;
        background-color: #008D54;
        color: #fff;
    }

    .block-reform_menu h3:before {
        width: 10px;
        height: 2px;
    }

    .block-reform_menu .box-reform_menu {
        border-bottom: solid 2px #bebebe;
    }

    .block-reform_menu .box-reform_menu:nth-child(2n) {
        border-right: none;
    }

    .block-reform_menu .box-reform_menu:last-child,
    .block-reform_menu .box-reform_menu:nth-child(2n+1):nth-last-child(2) {
        border-bottom: none;
    }

    .box-reform_menu_thumb {
        text-align: center;
    }

    .block-reform_menu .box-reform_menu_title {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .block-reform_menu .fsML {
        padding: 3px 0 5px;
    }

    .box-reform_menu_text {
        font-size: 1.3rem;
        letter-spacing: -.3px;
    }

    .page-apartment .block-reform_menu .row {
        width: auto;
    }

    .page-apartment .block-reform_menu .box-reform_menu {
        width: 49%;
        border: solid 1px #d0d0d0 !important;
        margin-bottom: 9px;
    }

    .page-apartment .box-reform_menu_text a:before {
        font-size: 1.8rem;
        vertical-align: -1px;
    }

    .page-apartment .block-reform_menu .box-reform_menu_title {
        margin: 5px 10px;
        padding: 0 0 5px 25px;
        text-indent: -25px;
    }

    .page-apartment .block-reform_menu .box-reform_menu_title img {
        vertical-align: -5px;
        margin-right: 5px;
        width: 20px;
    }

    .page-apartment .box-reform_menu_text {
        margin: 0 10px 7px;
    }
}

/* event */
.block-event {
    background: #f5f2ec;
    margin: 75px 0 25px;
    padding: 43px 0 51px;
}

.block-voice+.block-event {
    margin-top: 0;
}

.block-event .heading-m span {
    display: inline-block;
    position: relative;
    padding: 2px 100px 8px;
    font-size: 2.4rem;
}

.block-event .heading-m span:before {
    content: "";
    width: 33px;
    height: 42px;
    background: url(/lib_image/top/ico_event_left.png) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.block-event .heading-m span:after {
    content: "";
    width: 33px;
    height: 42px;
    background: url(/lib_image/top/ico_event_right.png) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.block-event .event_catch {
    font-size: 2rem;
    line-height: 1.45;
}

.block-event .tab-contents {
    max-width: 980px;
    margin: 10px auto 0;
}


.body-event_list {
    padding: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -12px;
    margin-right: -12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.body-event_list>li {
    width: 33.3333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

@supports (-ms-ime-align: auto) {
    .body-event_list>li {
        width: 33.3333%;
    }
}

@media all and (-ms-high-contrast: none) {
    .body-event_list>li {
        width: 33.3333%;
    }
}

.body-event_card {
    height: 100%;
    display: block;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 5px 6px 1px rgba(0, 0, 0, 0.16);
    padding: 15px 0;
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.body-event_card_upper {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

.body-event_card_upper_list {
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
}

.body-event_card_upper_list:first-child {
    width: 90px;
    position: relative;
    z-index: 100;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}

.body-event_address {
    height: 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #ffffff;
    border-radius: 100%;
}

.body-event_card-seminar .body-event_address {
    background: #4BB79E;
}

.body-event_card-tour .body-event_address {
    background: #52A3CB;
}

.body-event_card-owner .body-event_address {
    background: #8B8B8B;
}

.body-event_address span {
    white-space: nowrap;
    line-height: 1;
    display: block;
    width: 100%;
    text-align: center;
}

.body-event_address-pref {
    font-size: 22px;
}

.body-event_address-city {
    font-size: 12px;
    margin-top: 5px;
}

ul.body-event_card_info {
    margin: 0;
    padding: 0 15px 0 0;
    list-style: none;
}

.body-event_card_info_list {
    width: 100%;
    margin-top: .5em;
}

.body-event_card_info_list:first-child {
    margin-top: 0;
}

.body-event_card_info_icon {
    display: block;
    text-align: center;
    padding-left: 10px;
    padding-righ: 10px;
    font-size: 12px;
}

.body-event_card-seminar .body-event_card_info_icon {
    color: #4BB79E;
    border: 1px solid #4BB79E;
}

.body-event_card-tour .body-event_card_info_icon {
    color: #52A3CB;
    border: 1px solid #52A3CB;
}

.body-event_card-owner .body-event_card_info_icon {
    color: #8B8B8B;
    border: 1px solid #8B8B8B;
}

p.body-event_card_info_title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.25;
    color: #212121;
}

p.event-label {
    background: #B5A371;
    color: #fff;
    font-size: 1.1rem;
    display: inline-block;
    padding: 4px 5px 2px;
    text-align: center;
    min-width: 55px;
    margin: 0;
}

p.event-label.mansion {
    background: #6D98AD;
}

p.event-label.kominka {
    background: #AA806D;
}

.body-event_card_lower {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #212121;
    border-top: 1px solid #D0D0D0;
}

.body-event_card_day {
    margin-top: 1em;
    font-size: 10px;
}

.body-event_card_day_num {
    font-size: 14px;
    font-weight: bold;
}

.event_sash {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.event_reserve {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 10;
    color: #FD7E46;
    border: 2px solid #FD7E46;
    border-radius: 4px;
    font-size: 1.2rem;
    display: inline-block;
    padding: 2px 5px;
    line-height: 1.5;
}

.event_end {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, .75);
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 30px 30px 30px 100px;
    font-size: 22px;
    color: #FDB802;
    text-align: center;
}

.event-list {
    width: 980px;
    padding: 41px 30px 8px 38px;
    margin: 0 auto;
    border: solid 4px #ebebe3;
    border-top: none;
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}

.event-list li {
    width: 284px;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 35px;
}

.event-list li a {
    width: 100%;
    display: block;
    border-radius: 5px;
    position: relative;
    padding: 15px 14px 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.event-state {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 63px;
    height: 63px;
}

.event-state span {
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    width: 100px;
    text-align: center;
    transform: rotate(45deg);
    position: absolute;
    left: -13px;
    top: 13px;
    padding: 1px 0;
}

.event-state.state01 span {
    background: #fdb802;
    color: #212121;
}

.event-state.state02 span {
    background: #fd7e46;
    color: #fff;
}

.event-location {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 18px;
    left: -9px;
    font-size: 1.2rem;
    padding: 27px 0 0;
    line-height: 1.2 !important;
    font-weight: bold;
    color: #fff;
}

.event-location span {
    display: block;
    font-size: 2.2rem;
}

.category01 .event-location {
    background: #4bb79e;
}

.category02 .event-location {
    background: #52a3cb;
}

.category03 .event-location {
    background: #8b8b8b;
}

.event-category {
    margin: 0 0 0 77px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5 !important;
    font-weight: 500;
}

.category01 .event-category {
    border: solid 1px #4bb79e;
    color: #4bb79e;
}

.category02 .event-category {
    border: solid 1px #52a3cb;
    color: #52a3cb;
}

.category03 .event-category {
    border: solid 1px #212121;
    color: #212121;
}

.event-name {
    color: #212121;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.3 !important;
    margin: 9px 0 0 75px;
    min-height: 2.6em;
}

.event-tag {
    margin: 11px 0 0 75px;
}

.event-tag span {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 500;
    padding: 0 8px 1px;
    margin-right: 5px;
}

.event-tag span.house {
    background: #b5a371;
}

.event-tag span.old {
    background: #aa806d;
}

.event-tag span.apartment {
    background: #6a95c0;
}

.event-schedule {
    text-align: center;
    color: #212121;
    font-size: 1.4rem;
    font-weight: bold;
    border-top: solid 1px #d1d1d1;
    margin-top: 11px;
    padding: 5px 0;
}

.event-schedule span {
    font-size: 1rem;
    width: 100%;
}

.event-reservation {
    display: inline-block;
    border: solid 2px #fd7e46;
    border-radius: 4px;
    padding: 2px 8.5px 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fd7e46;
    position: absolute;
    bottom: 6px;
    right: 8px;
    line-height: 1.3 !important;
}

.btn-event {
    margin-top: 34px;
    padding-left: 23px;
}

.btn-event a {
    display: inline-block;
    border: solid 2px #fff;
    border-radius: 8px;
    font-size: 2rem;
    font-weight: bold;
    color: #212121;
    background: #fdca05;
    background: -moz-linear-gradient(top, #fdca05 0%, #fd9c42 100%);
    background: -webkit-linear-gradient(top, #fdca05 0%, #fd9c42 100%);
    background: linear-gradient(to bottom, #fdca05 0%, #fd9c42 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    position: relative;
    padding: 13px 76px 13px 50px;
}

.btn-event a:hover {
    opacity: .6;
}

.event-list li a:hover {
    background-color: #fbf3df;
}

.event-list li a:hover .event-location {
    color: #fbf3df;
}

.btn-event a::after {
    content: "\f105";
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -11px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 2.1rem;
    font-family: 'fa_custom';
    font-weight: bold;
    speak: none;
    text-rendering: auto;
    line-height: .95;
    padding-left: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.body-event_list>li a:hover {
    background-color: #fffad7;
}

@media only screen and (max-width : 767px) {
    .block-event {
        margin: 0;
        padding: 10px 10px 30px;
    }

    .block-event .heading-m span {
        padding: 2px 30px 8px;
        font-size: 1.4rem;
    }

    .block-event .heading-m span:before {
        width: 20px;
        height: 25px;
        background-size: 100% auto;
    }

    .block-event .heading-m span:after {
        width: 20px;
        height: 25px;
        background-size: 100% auto;
    }

    .block-event .event_catch {
        font-size: 1.3rem;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .event-list {
        width: auto;
        padding: 20px 10px 8px;
        border: solid 3px #ebebe3;
    }

    .event-list li {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 20px;
    }

    .event-list li a {
        width: 100%;
    }

    .btn-event {
        margin-top: 30px;
        padding-left: 0;
    }

    .btn-event a {
        border-radius: 5px;
        font-size: 1.5rem;
        padding: 13px 50px 13px 20px;
    }

    .btn-event a::after {
        right: 15px;
    }

    .body-event_list>li {
        width: 100%;
    }
}

/* episode */
.block-episode {
    width: 980px;
    margin: 0 auto;
    padding: 74px 0 26px;
}

.episode_inner {
    padding: 20px 20px 12px 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 40px;
}

.episode_title {
    font-size: 2.7rem;
    position: relative;
    padding: 21px 0 0 64px;
    font-weight: 500;
    min-height: 64px;
    margin-bottom: 18px;
}

.episode_title img {
    position: absolute;
    top: 0;
    left: 0;
}

.episode_thumb {
    float: right;
    margin-left: 39px;
}

.episode_profile {
    font-size: 1.6rem;
    text-align: right;
    font-weight: 500;
    margin-top: 50px;
}

.episode_box {
    overflow: hidden;
}

.block-episode .btn {
    background: #FFF;
    border: 1px solid #008D54;
    border-radius: 4px;
    color: #008D54;
    display: inline-block;
    font-size: 1.6rem;
    padding: 9px 4.8em 7px;
}

.block-episode .btn:before {
    content: "\f105";
    font-size: 1.8rem;
    margin-right: .35em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-family: 'fa_custom' !important;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    line-height: 1;
}

.block-episode .btn:hover {
    background: #008D54;
    color: #fff;
}

@media only screen and (max-width : 767px) {
    .block-episode {
        width: auto;
        margin: 0 10px;
        padding: 5px 0 26px;
    }

    .episode_inner {
        padding: 20px 10px;
        margin-bottom: 40px;
    }

    .episode_title {
        font-size: 1.6em;
        padding: 12px 0 0 50px;
        min-height: 40px;
    }

    .episode_title img {
        width: 40px;
    }

    .episode_thumb {
        float: none;
        margin-bottom: 20px;
        margin-left: 0;
        text-align: center;
    }

    .episode_profile {
        font-size: 1.3rem;
        margin-top: 20px;
    }

    .block-episode .btn {
        font-size: 1.4rem;
        padding: 9px 2em 7px;
    }
}


/* local nav */
.local-nav {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top_nav_area.nav_fixed .local-nav {
    padding: 0;
}

.local-nav ul {
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: solid 1px #d3d3d3;
}

.local-nav li {
    width: 14.285%;
    display: block;
    border-right: solid 1px #d3d3d3;
}

.local-nav li span {
    font-size: 1.2rem;
    display: block;
    text-align: center;
    color: #212121;
    line-height: 1.0;
    cursor: pointer;
    padding: 8px 0;
}

.nav_fixed .local-nav li span.current {
    background: #008d54;
    color: #fff;
}

.local-nav li span:after {
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    color: #008d54;
    font-size: 2.6rem;
    margin: 0 auto -7px;
    font-family: 'fa_custom';
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    line-height: 1;
}

.nav_fixed .local-nav li span.current:after {
    color: #fff;
}

.local-nav li img {
    display: block;
    margin: 0 auto 8px;
}

.local-nav li span:hover {
    color: #008d54;
}

@media only screen and (max-width : 767px) {
    .local-nav {
        width: auto;
        margin: 30px 10px 0;
    }

    .local-nav ul {
        border-left: none;
        display: block;
    }

    .local-nav li {
        width: 100%;
        display: block;
        border-right: none;
        border-bottom: solid 1px #d3d3d3;
    }

    .local-nav li span {
        position: relative;
        text-align: left;
        padding: 9px 30px 8px 0;
    }

    .local-nav li span:after {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .local-nav li img {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        width: 30px;
    }
}

.page-home .top_nav_area {
    background: #ffffff;
}

.page-home .top_nav_area.nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}

.page-home .top_nav_area.nav_fixed span img {
    display: none;
}

/* menu */
.block-menu {
    padding: 52px 0;
}

.block-menu_inner {
    width: 980px;
    margin: 38px auto 0;
    border: solid 1px #a0a0a0;
}

.block-menu_inner h3 {
    background: #eaeaea;
    font-size: 2rem;
    padding: 10px 20px;
}

.block-menu_inner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    padding: 0 19px;
    margin: 19px 0 12.5px;
}

.block-menu_inner li {
    display: block;
    width: 227px;
    margin: 0 0 20px 10px;
}

.block-menu_inner li:nth-child(4n+1) {
    margin-left: 0;
}

.block-menu_inner li a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    border: solid 1px #d0d0d0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    color: #0f0f0f;
}

.block-menu_inner li a:hover {
    border: solid 3px #FD7E46;
    margin: -2px;
}

.block-menu_inner li a:hover p {
    color: #FD7E46;
}

.block-menu_inner li img {
    display: block;
}

.block-menu_inner .menu_thumb {
    border-right: solid 1px #eaeaea;
    width: 68px;
}

.block-menu_inner .menu_text {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 5px 0 10px;
    width: calc(100% - 68px);
    line-height: 1.3;
}

@media only screen and (max-width : 767px) {
    .block-menu {
        padding: 0px 10px 30px 10px;
    }

    .block-menu .heading-m {
        font-size: 1.7rem;
    }

    .block-menu_inner {
        width: auto;
        margin: 25px auto 0;
        border: none;
    }

    .block-menu_inner h3 {
        font-size: 1.5rem;
        padding: 10px;
    }

    .block-menu_inner h3:nth-of-type(2) {
        margin-top: 30px;
    }

    .block-menu_inner ul {
        padding: 0;
        margin: 10px 0;
    }

    .block-menu_inner li {
        width: 50%;
        margin: 0;
        padding: 5px 4px;
    }

    .block-menu_inner li img {
        width: 50px;
    }

    .block-menu_inner .menu_thumb {
        width: 51px;
    }

    .block-menu_inner .menu_text {
        font-size: 1.3rem;
        padding-left: 5px;
        width: calc(100% - 51px);
        font-weight: normal;
    }
}

/* first */
.block-first {
    padding: 38px 0;
}

.block-first .list-first {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    padding: 0;
}

.block-first .list-first li {
    width: 187px;
    margin: 0 0 0 11px;
    display: -webkit-flex;
    display: flex;
}

.block-first .list-first li:nth-child(5n+1) {
    margin: 0;
}

.block-first .list-first li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 21px 0 5px;
    background: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    color: #212121;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.block-first .list-first li a:hover {
    outline: solid 3px #FD7E46;
}

.block-first .first_text {
    margin-top: 17px;
    height: 2.4em;
    width: 100%;
    line-height: 1.2 !important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.block-first .list-first li a:hover .first_thumb {
    opacity: .6;
}

.block-first .list-first li a:hover .first_text {
    color: #FD7E46;
}

@media only screen and (max-width : 767px) {
    .block-first {
        padding: 10px 10px 0;
    }

    .block-first .list-first {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        align-items: stretch;
        padding: 0;
    }

    .block-first .list-first li {
        width: 100%;
        margin: 0 0 20px;
    }

    .block-first .list-first li:nth-child(5n+1) {
        margin: 0 0 15px;
    }

    .block-first .list-first li a {
        padding: 10px;
        font-size: 1.3rem;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }

    .block-first .list-first li a:hover {
        opacity: .6;
    }

    .block-first .first_text {
        margin-top: 0;
        height: auto;
        display: block;
        text-align: left;
        font-size: 1.4rem;
    }

    .first_thumb {
        width: 30px;
        margin-right: 10px;
    }
}

/* example */
.block-example {
    background: #eaeaea;
    margin: 41px 0 0;
    padding: 35px 0 38px;
}

.block-example .list-example {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    padding: 0;
}

.block-example .list-example li {
    width: 316px;
    margin: 0 0 0 16px;
    display: -webkit-flex;
    display: flex;
}

.block-example .list-example li:nth-child(5n+1) {
    margin: 0;
}

.block-example .list-example li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    background: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    color: #212121;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.block-example .example_text {
    margin-top: 0;
    padding: 6px 11px 0;
    height: auto;
    display: block;
    text-align: left;
}

.block-example .example_text:before {
    content: "\f105";
    font-size: 1.8rem;
    margin-right: .35em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-family: 'fa_custom' !important;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    line-height: 1;
}

.example_thumb img {
    display: block;
    width: 100%;
}

.block-example .list-example li a:hover .example_thumb {
    opacity: .6;
}

.block-example .list-example li a:hover .box-consideration_text {
    color: #008d54;
    text-decoration: underline;
}

@media only screen and (max-width : 767px) {
    .block-example {
        margin: 0;
        padding: 10px 10px 20px;
    }

    .block-example .heading-m {
        font-size: 1.7rem;
    }

    .block-example .list-example li {
        margin: 0;
    }

    .block-example .list-example li {
        width: 100%;
        margin: 0 0 20px;
    }

    .block-example .list-example li:nth-child(5n+1) {
        margin: 0 0 20px;
    }

    .block-example .list-example li a {
        font-size: 1.4rem;
    }

    .block-example .list-example li a .box-consideration_text {
        font-size: 1.4rem;
    }
}

/* concern */
.page-old .block-concern {
    margin: 0 0 40px;
}

.concern_inner {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0;
}

.block-concern .box-concern {
    width: 318px;
    position: relative;
}

.block-concern .box-concern_title {
    background: #6b98ae;
    color: #fff;
    padding: 4px 10px 6px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 1.8rem;
}

.page-old .block-concern .box-concern_title {
    background: #bdb582;
    padding: 5px 10px;
    font-size: 2rem;
}

.block-concern .box-concern_text {
    margin-top: 4px;
    padding-bottom: 33px;
}

.page-old .block-concern .box-concern:first-child .box-concern_text {
    letter-spacing: -.8px;
}

.page-old .block-concern .box-concern_link {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-old .block-concern .box-concern_link a {
    color: #6a95c0;
}

.page-old .block-concern .box-concern_link a:before {
    color: #6a95c0;
    content: "\f105";
    font-family: 'fa_custom';
    margin-right: 10px;
    vertical-align: -2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 2.5rem;
    text-rendering: auto;
    line-height: 1;
}

.page-old .block-concern .box-concern_link a:hover {
    color: #008d54;
    text-decoration: underline;
}

.page-old .block-concern .box-concern_link a:hover:before {
    color: #008d54;
}

.block-concern .box-concern_text span {
    font-weight: bold;
    color: #6a95c0;
    text-decoration: underline;
}

.block-concern .box-border {
    border: solid 3px #6b98ae;
    margin: 35px 0 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 31px 10px 30px;
}

.page-old .block-concern .box-border {
    border: solid 3px #bdb582;
    margin: 30px 0 0;
    padding: 27px 10px 28px;
}

.block-concern .box-border p {
    line-height: 1.9;
}

.block-concern .box-border p span {
    font-size: 2.2rem;
}

.postal_area {
    padding: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #eaeaea;
    border-radius: 4px;
}

.content-main p.block-searchshop_desc {
    margin-bottom: 0;
}

.postal_inner {
    padding-left: .5em;
    padding-right: .5em;
}

p.postal_inner {
    padding-top: .25em;
    padding-bottom: .25em;
}

.postal_inner strong {
    font-size: 18px;
    font-weight: bold;
}

.postal_inner_form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.postal_inner_form_input {
    font-size: 14px;
    border: 1px solid #008D54;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.postal_inner_form_hyphen {
    width: 40px;
    height: 100%;
    position: relative;
    z-index: 1;
}

.postal_inner_form_hyphen::before {
    content: "";
    width: 12px;
    height: 4px;
    background: #008D54;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.postal_inner_form_btn {
    -webkit-appearance: none;
    min-width: 140px;
    font-size: 17px;
    border: 1px solid #008D54;
    height: 40px;
    background: #008D54;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.postal_caption {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

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

    .block-concern,
    .page-old .block-concern {
        margin: 10px 0 0;
        padding: 0;
    }

    .concern_inner {
        width: auto;
        padding: 5px 10px 20px;
    }

    .block-concern .box-concern {
        width: 100%;
        margin-bottom: 20px;
    }

    .block-concern .box-concern_thumb {
        text-align: center;
    }

    .page-old .block-concern .box-concern_text {
        font-size: 1.3rem;
    }

    .block-concern .box-concern_title,
    .page-old .block-concern .box-concern_title {
        font-size: 1.6rem;
    }

    .block-concern .box-border,
    .page-old .block-concern .box-border {
        border: solid 2px #6b98ae;
        margin: 10px 0 0;
        font-size: 1.3rem;
        padding: 20px 10px;
    }

    .page-old .block-concern .box-border {
        border: solid 2px #bdb582;
    }

    .block-concern .box-border p span {
        font-size: 1.6rem;
    }

    .page-old .block-concern .box-concern_link {
        font-size: 1.4rem;
    }

    .page-old .block-concern .box-concern_link a:before {
        vertical-align: 0;
        font-size: 1.8rem;
        margin-right: 5px;
    }

    .postal_area {
        font-size: 1.4rem;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }

    p.postal_inner {
        padding: 0;
    }

    .postal_inner {
        margin-top: .5em;
    }

    .postal_inner_form_input {
        height: 32px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1.6rem;
    }

    .postal_inner_form_btn {
        min-width: 0;
        height: 32px;
        padding-left: 18px;
        padding-right: 18px;
        font-size: 1.6rem;
        -webkit-appearance: none;
        margin-left: 15px;
    }

    .postal_inner_form_hyphen {
        width: 22px;
    }

    .postal_inner>p {
        margin-top: .5em;
        font-size: 1.2rem;
        line-height: 1.25;
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    #nav-pagetop .link-pagetop {
        margin-left: 915px;
    }

    #nav-pagetop.fixed .link-pagetop {
        bottom: 90px;
    }

    .top-main_slider .top-main_imageCaption {
        right: 16%;
    }
}


.top-area-col2-banner .slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.top-area-col2-banner .slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.top-area-col2-banner .slick-list:focus {
    outline: none;
}

.top-area-col2-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.top-area-col2-banner .slick-slider .slick-track,
.top-area-col2-banner .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.top-area-col2-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.top-area-col2-banner .slick-track:before,
.top-area-col2-banner .slick-track:after {
    display: table;

    content: '';
}

.top-area-col2-banner .slick-track:after {
    clear: both;
}

.top-area-col2-banner .slick-loading .slick-track {
    visibility: hidden;
}

.top-area-col2-banner .slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.top-area-col2-banner [dir='rtl'] .slick-slide {
    float: right;
}

.top-area-col2-banner .slick-slide img {
    display: block;
}

.top-area-col2-banner .slick-slide.slick-loading img {
    display: none;
}

.top-area-col2-banner .slick-slide.dragging img {
    pointer-events: none;
}

.top-area-col2-banner .slick-initialized .slick-slide {
    display: block;
}

.top-area-col2-banner .slick-loading .slick-slide {
    visibility: hidden;
}

.top-area-col2-banner .slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.top-area-col2-banner .slick-arrow.slick-hidden {
    display: none;
}

.information_slider {
    margin-top: 25px;
    margin-left: -10px;
    margin-right: -10px;
}

.information_slider_list {
    padding-left: 10px;
    padding-right: 10px;
}

.information_slider_inner {
    display: block;
    color: #000000;
    border-radius: 4px;
    overflow: hidden;
}

.information_slider_images {
    width: 100%;
}

.information_slider .slick-prev {
    left: 0;
}

.information_slider .slick-next {
    right: 0;
}
@media only screen and (min-width: 768px) {
    .information_slider .slick-prev {
        -webkit-transform: translateX(-55%);
        transform: translateX(-55%);
    }

    .information_slider .slick-next {
        -webkit-transform: translateX(55%);
        transform: translateX(55%);
    }
}

@media only screen and (max-width: 767px) {
    .top-area-col2-banner {
        margin-bottom: 30px;
    }
    .top-area-col2-banner .slick-list {
        padding-left: 30px;
        padding-right: 30px;
    }
    .slick-arrow {
        background: #008D54;
        border: none;
        border-radius: 3px;
        color: #FFF;
        display: block;
        height: 40px;
        margin-top: -22px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: left;
        text-indent: 100%;
        top: 50%;
        width: 40px;
        z-index: 100;
    }
    .slick-arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;

    }
    .slick-prev:before {
        -ms-transform: translateX(-25%) translateY(-50%) rotate(-135deg);
        -webkit-transform: translateX(-25%) translateY(-50%) rotate(-135deg);
        transform: translateX(-25%) translateY(-50%) rotate(-135deg);
    }
    .slick-next:before {
        -ms-transform: translateX(-75%) translateY(-50%) rotate(45deg);
        -webkit-transform: translateX(-75%) translateY(-50%) rotate(45deg);
        transform: translateX(-75%) translateY(-50%) rotate(45deg);
    }
}

@media only screen and (max-width: 480px) {
    .body-event_list{
        margin-left: -10px;
        margin-right: -10px;
    }
    .top-area-col2-banner .slick-list {
        padding-left: 0;
        padding-right: 0;
    }
    .slick-arrow {
        background: #eaeaea;
        border: none;
        color: #000000;
        display: block;
        height: 100%;
        margin-top: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: left;
        text-indent: 100%;
        top: 0;
        width: 20px;
        z-index: 100;
    }
    .slick-arrow:before {
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
    }
    .slick-prev {
        border-radius: 8px 0px 0px 8px;
    }
    .slick-next {
        border-radius: 0px 8px 8px 0px;
    }
    .information_slider{
        margin-left: 0;
        margin-right: 0;
    }
    .information_slider_list {
        padding-left: 30px;
        padding-right: 30px;
    }
}