@charset "utf-8";

/* CSS Document */
@media only screen and (max-width: 640px) {

    /*============================
#pageContainer
============================*/
    #pageContainer {}

    /*============================
#mainContainer
============================*/
    #pageContainer #mainContainer {}

    /*============================
#mainPanelArea
============================*/
    #mainPanelArea {
        position: relative;
        width: 100%;
    }

    #mainPanelArea ul.bxslider01 {}

    #mainPanelArea ul.bxslider01 li {
        height: auto;
        padding-top: 65%;
        min-width: inherit !important;
        text-indent: -9999px;
    }

    #mainPanelArea ul.bxslider01 li.slide01 {
        background: url(../../imageFile/top/mainPanel_bxslider02sp.png) no-repeat center;
        background-size: cover;
    }

    #mainPanelArea ul.bxslider01 li.slide02 {
        background: url(../../imageFile/top/mainPanel_bxslider01sp.png) no-repeat center;
        background-size: cover;
    }

    #mainPanelArea ul.bxslider01 li.slide03 {
        background: url(../../imageFile/top/mainPanel_bxslider03sp.png) no-repeat center;
        background-size: cover;
    }

    #mainPanelArea ul.bxslider01 li.slide04 {
        background: url(../../imageFile/top/mainPanel_bxslider04sp.png) no-repeat center;
        background-size: cover;
    }

    #mainPanelArea .copy {
        display: none;
    }

    #mainPanelArea .copy .flexContent {
        top: 20px;
        left: 20px;
        right: inherit;
    }

    #mainPanelArea .copy .flexContent img {
        height: 180px;
    }

    /* bxslider pager */
    #mainPanelArea .bx-wrapper .bx-controls {
        display: inherit;
    }

    #mainPanelArea .bx-wrapper .bx-controls .bx-pager.bx-default-pager {
        padding-top: 0 !important;
        position: absolute;
        bottom: 20px;
    }

    /*============================
#pickupListArea
============================*/
    #pickupListArea {
        display: none;
    }

    /*============================
#pickupListAreaSp
============================*/
    #pickupListAreaSp {
        display: block;
        position: relative;
        margin-top: 5px;
    }

    #pickupListAreaSp ul.bxslider03 {
        float: left;
        margin: 0;
        position: relative;
    }

    #pickupListAreaSp ul.bxslider03 li {
        height: 100px;
    }

    #pickupListAreaSp ul.bxslider03 li.m_under_slide {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

    }

    #pickupListAreaSp ul.bxslider03 li .text {
        box-sizing: border-box;
        color: #fff;
        font-size: 1.125em;
        line-height: 1.5;
        padding: 25px 0 0 60px;
    }

    /* #pickupListAreaSp ul.bxslider03 li.slide01 {
        background: url(../../_imageServer/top_pickupListArea_thumb02.png) no-repeat center 20%;
        background-size: cover;
    }

    #pickupListAreaSp ul.bxslider03 li.slide02 {
        background: url(../../_imageServer/top_pickupListArea_meihou.png) no-repeat center;
        background-size: cover;
    }

    #pickupListAreaSp ul.bxslider03 li.slide03 {
        background: url(../../_imageServer/top_pickupListArea_tree-maintenance.png) no-repeat center;
        background-size: cover;
    }

    #pickupListAreaSp ul.bxslider03 li.slide04 {
        background: url(../../_imageServer/top_pickupListArea_88walk.png) no-repeat center;
        background-size: cover;
    }

    #pickupListAreaSp ul.bxslider03 li.slide03 .text {
        padding: 15px 0 0 30px;
    } */

    #pickupListAreaSp ul li .text span {
        font-size: 0.75rem;
        line-height: 1.25;
    }

    #pickupListAreaSp ul li .text span br {
        display: none;
    }

    #pickupListAreaSp ul li .text span small {
        display: block;
        font-size: 0.75rem;
        line-height: 1.25;
    }

    /* controls pager */
    #pickupListAreaSp .bx-controls {
        display: inherit !important;
    }

    #pickupListAreaSp .bx-controls .bx-controls-direction {
        display: inherit;
    }

    #pickupListAreaSp .bx-controls .bx-controls-direction a {
        right: 20px !important;
        width: 20px !important;
    }

    #pickupListAreaSp .bx-controls .bx-controls-direction a:first-child {
        right: 0 !important;
        left: 20px;
    }

    #pickupListAreaSp .bx-controls .bx-controls-direction .bx-prev {
        background: url(../../imageFile/global/icon_arrow_bxslider_bannerArea_left.png) no-repeat left center !important;
        background-size: 20px !important;
    }

    #pickupListAreaSp .bx-controls .bx-controls-direction .bx-next {
        background: url(../../imageFile/global/icon_arrow_bxslider_bannerArea_right.png) no-repeat left center !important;
        background-size: 20px !important;
    }

    #pickupListAreaSp ul.bxslider03 li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #pickupListAreaSp ul.bxslider03 li a:hover {
        background-color: rgba(255, 255, 255, 0.3)
    }

    /*============================
#informationArea
============================*/
    #informationArea {
        margin-top: 50px;
    }

    #informationArea .md_contents {}

    #informationArea .md_contents .md_inner {}

#informationArea .md_contents .md_inner .cf {
        position: inherit;
        width: inherit;
        top: inherit;
        left: inherit;
        margin-top:20px;
    }

#informationArea .md_contents .md_inner .cf a {
        display: block;
    }

#informationArea .md_contents .md_inner .cf {
        width: 100%;
        height: auto;
        hidden:scroll;
    }

#informationArea .md_contents .md_inner .cf iframe{
        width: 100%;
        height: auto;
        hidden:scroll;
    }


#informationArea .md_contents .md_inner .banner_wrap {
    width: 100%;
    margin-top: 24px;
}
#informationArea .md_contents .md_inner .banner_wrap img {
    width: 100%;
    height: auto;
}


    #informationArea .md_contents .md_inner .leftBox {
        box-sizing: border-box;
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    /* #informationArea .md_contents .md_inner .leftBox .images {
        width: 40%;
        overflow: hidden;
    }

    #informationArea .md_contents .md_inner .leftBox .images img {
        height: 170px;
        width: auto;
    }

    #informationArea .md_contents .md_inner .leftBox .textBox {
        padding-left: 20px;
        padding-top: 20px;
        width: 60%;
    } */

    #informationArea .md_contents .md_inner .hoyoBox {
        box-sizing: border-box;
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    #informationArea .md_contents .md_inner .hoyoBox .textBox .title {
        font-size: 1em;
    }

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl {
        margin-top: 15px;
    }

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl dt {
        font-size: 0.875em;
        margin-top: 10px;
    }

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl dt span {
        display: block;
        margin-left: inherit;
        margin-top: 5px;
    }

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl dt:first-child {}

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl dt:before {}

    #informationArea .md_contents .md_inner .hoyoBox .textBox dl dd {
        font-size: 0.75em;
        margin-left: 13px;
        margin-top: 5px;
    }

    #informationArea .md_contents .md_inner .hoyoBox .text {
        font-size: 0.75em;
        text-align: inherit;
        padding-right: 0;
        margin-top: 15px;
    }

    #informationArea .md_contents .md_inner .rightBox {
        box-sizing: border-box;
        float: none;
        margin-top: 40px;
        width: 100%;
    }

    #informationArea .md_contents .md_inner .rightBox .title {
        border: none;
        padding-bottom: 20px;
    }

    #informationArea .md_contents .md_inner .rightBox ul {
        border-top: 1px solid #000;
        margin: 0 -20px;
    }

    #informationArea .md_contents .md_inner .rightBox ul li {
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        padding-bottom: 3px;
    }

    #informationArea .md_contents .md_inner .rightBox ul li:last-child {
        border-bottom: 1px solid #000;
    }

    #informationArea .md_contents .md_inner .rightBox ul li .newsBox {
        padding: 0 20px;
    }

    #informationArea .md_contents .md_inner .rightBox ul li .newsBox .data {
        width: 90px;
    }

    #informationArea .md_contents .md_inner .rightBox ul li .newsBox .tags {
        position: absolute;
        left: 105px;
        margin-left: 0;
        top: 0;
        font-size: 0.675em;
    }

    #informationArea .md_contents .md_inner .rightBox ul li .newsBox .text {
        box-sizing: border-box;
        clear: both;
        float: none;
        padding: 10px 15px 15px 0;
        width: 100%;
    }

    #informationArea .md_contents .md_inner .rightBox ul li a {}

    #informationArea .md_contents .md_inner .rightBox ul li a:hover {}

    #informationArea .md_contents .md_inner .rightBox .md_buttonMore {
        margin-top: 20px;
        margin-left: inherit;
        width: 100%;
    }

    #informationArea .md_contents .md_inner .rightBox .md_buttonMore .text {
        padding: 15px 0 14px;
    }

    #informationArea .md_contents .md_inner .rightBox .md_buttonMore .text:after {}

    #informationArea .md_contents .md_inner .rightBox .md_buttonMore a {}

    #informationArea .md_contents .md_inner .rightBox .md_buttonMore a:hover {}

    /*============================
#historyArea
============================*/
    #historyArea {
        margin-top: 50px;
    }

    #historyArea .md_titleCenter {}

    #historyArea .md_titleCenter .titleContainer {}

    #historyArea .md_titleCenter .titleContainer .title {}

    #historyArea .md_titleCenter .titleContainer .title span.sub {}

    #historyArea .md_titleCenter .titleContainer .titleEn {}

    #historyArea a {}

    #historyArea a:hover {}

    /*============================
#walkArea
============================*/
    #walkArea {
        float: none;
        width: 100%;
    }

    #walkArea .md_titleCenter {}

    #walkArea .md_titleCenter .titleContainer {}

    #walkArea .md_titleCenter .titleContainer .title {}

    #walkArea .md_titleCenter .titleContainer .title span.sub {}

    #walkArea .md_titleCenter .titleContainer .titleEn {}

    #walkArea a {}

    #walkArea a:hover {}

    /*============================
#lateBloomingSakuraArea
============================*/
    #lateBloomingSakuraArea {
        float: none;
        width: 100%;
    }

    #lateBloomingSakuraArea .md_titleCenter {}

    #lateBloomingSakuraArea .md_titleCenter .titleContainer {}

    #lateBloomingSakuraArea .md_titleCenter .titleContainer .title {}

    #lateBloomingSakuraArea .md_titleCenter .titleContainer .title span.sub {}

    #lateBloomingSakuraArea .md_titleCenter .titleContainer .titleEn {}

    #lateBloomingSakuraArea a {}

    #lateBloomingSakuraArea a:hover {}

    /*============================
#accessArea
============================*/
    #accessArea {
        margin-top: 50px;
    }

    #accessArea .md_contents {}

    #accessArea .md_contents .md_inner {}

    #accessArea .md_contents .md_inner .md_headline {
        margin-bottom: 25px;
    }

    #accessArea .md_contents .md_inner .leftBox {
        box-sizing: border-box;
        display: inherit;
        width: 100%;
    }

    #accessArea .md_contents .md_inner .leftBox #gmap {}

    #accessArea .md_contents .md_inner .leftBox #gmap img {
        width: 100%;
    }

    #accessArea .md_contents .md_inner .rightBox {
        box-sizing: border-box;
        display: inherit;
        margin-top: 40px;
        padding-left: 0;
        width: 100%;
    }

    #accessArea .md_contents .md_inner .rightBox .title {
        padding-bottom: 15px;
    }

    #accessArea .md_contents .md_inner .rightBox ul {}

    #accessArea .md_contents .md_inner .rightBox ul li {}

    #accessArea .md_contents .md_inner .rightBox ul li:first-child {}

    #accessArea .md_contents .md_inner .rightBox ul li span.data {}

    #accessArea .md_contents .md_inner .rightBox ul li span.data:before {}

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore {
        margin-top: 30px;
        margin-left: inherit;
        width: 100%;
    }

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore .text {
        padding: 15px 0 14px;
    }

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore .text {}

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore .text:after {}

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore a {}

    #accessArea .md_contents .md_inner .rightBox .md_buttonMore a:hover {}

    /*============================
#experienceArea
============================*/
    #experienceArea {
        margin-top: 50px;
    }

    #experienceArea .md_contents {}

    #experienceArea .md_contents .md_inner {}

    #experienceArea .md_contents .md_inner .md_headline {}

    #experienceArea .md_contents .md_inner ul {
        width: 100%;
        margin-top: 30px;
    }

    #experienceArea .md_contents .md_inner ul li {
        width: 46%;
        margin-right: inherit;
        margin-top: 20px;
    }

    #experienceArea .md_contents .md_inner ul li.last {
        margin-right: inherit;
    }

    #experienceArea .md_contents .md_inner ul li:nth-child(-n+2) {
        margin-top: 0;
    }

    #experienceArea .md_contents .md_inner ul li:nth-child(even) {
        margin-right: 0;
    }

    #experienceArea .md_contents .md_inner ul li:nth-child(odd) {
        margin-right: 8%;
    }

    #experienceArea .md_contents .md_inner ul li .itemBox {}

    #experienceArea .md_contents .md_inner ul li .itemBox .images {
        height: 100%;
        width: 100%;
        border-radius: 100px;
    }

    #experienceArea .md_contents .md_inner ul li .itemBox .images img {
        height: 100%;
        width: 100%;
    }

    #experienceArea .md_contents .md_inner ul li .itemBox .itemMask {
        display: none;
    }

    #experienceArea .md_contents .md_inner ul li .itemBox .text {
        font-size: 0.75em;
    }

    #experienceArea .md_contents .md_inner ul li .itemBox .text:after {}

    #experienceArea .md_contents .md_inner ul li a {}

    #experienceArea .md_contents .md_inner ul li a:hover {}


    /*2020.12.21立生追記*/
    #experienceArea .related_bnr_wrap {
        width: 100%;
    }
    #experienceArea .related_bnr_wrap .related_bnr {
        max-width: 100%;
        margin-top: 18px;
    }
    #experienceArea .related_bnr_wrap .related_bnr img {
        width: 100%;
        height: auto;
    }

}