@charset "utf-8";
/* CSS Document */

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

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

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

#mainPanelArea ul.bxslider01 {}

#mainPanelArea ul.bxslider01 li {
    height: 600px;
    min-width: 1110px;
    text-indent: -9999px;
}

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

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

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

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

#mainPanelArea .copy {}

#mainPanelArea .copy .flexContent {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 9999;
}

#mainPanelArea .copy .flexContent img {
    text-align: right;
}

/* 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 {
    position: relative;
}

#pickupListArea ul.bxslider02 {}

#pickupListArea ul.bxslider02 li {
    float: left;
    height: 170px;
    margin: 0;
    position: relative;
	background-repeat: no-repeat!important;
}

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

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

}

/* #pickupListArea ul.bxslider02 li.slide01 { background: url(../../_imageServer/top_pickupListArea_thumb02.png) no-repeat center; background-size: cover; }
#pickupListArea ul.bxslider02 li.slide02 { background: url(../../_imageServer/top_pickupListArea_meihou.png) no-repeat center; background-size: cover; }
#pickupListArea ul.bxslider02 li.slide03 { background: url(../../_imageServer/top_pickupListArea_tree-maintenance.png) no-repeat center; background-size: cover; }
#pickupListArea ul.bxslider02 li.slide04 { background: url(../../_imageServer/top_pickupListArea_88walk.png) no-repeat center; background-size: cover; } */
#pickupListArea ul li .text span {
    font-size: 1rem;
    line-height: 1.5;
}

#pickupListArea ul li .text span small {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
}


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

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

#pickupListArea .bx-controls .bx-controls-direction a {
    height: 40px !important;
    right: 20px !important;
    top: 48% !important;
    width: 40px !important;
}

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

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

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

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

#pickupListArea ul.bxslider02 li a:hover {
    background-color: rgba(249, 248, 244, 0.3);
}

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

#pickupListAreaSp ul.bxslider03 {}

#pickupListAreaSp ul.bxslider03 li {}

#pickupListAreaSp ul.bxslider02 li .text {}

#pickupListAreaSp ul.bxslider03 li.slide01 {}

#pickupListAreaSp ul.bxslider03 li.slide01 .text {}

#pickupListAreaSp ul.bxslider03 li.slide02 {}

#pickupListAreaSp ul.bxslider03 li.slide02 .text {}

#pickupListAreaSp ul.bxslider03 li.slide03 {}

#pickupListAreaSp ul.bxslider03 li.slide03 .text {}

#pickupListAreaSp ul.bxslider03 li.slide04 {}

#pickupListAreaSp ul.bxslider03 li.slide04 .text {}

/* controls pager */
#pickupListAreaSp .bx-controls {}

#pickupListAreaSp .bx-controls .bx-controls-direction {}

#pickupListAreaSp .bx-controls .bx-controls-direction a {}

#pickupListAreaSp .bx-controls .bx-controls-direction a:first-child {}

#pickupListAreaSp .bx-controls .bx-controls-direction .bx-prev {}

#pickupListAreaSp .bx-controls .bx-controls-direction .bx-next {}

#pickupListAreaSp ul.bxslider03 li a {}

#pickupListAreaSp ul.bxslider03 li a:hover {}

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

#informationArea .md_contents {}

#informationArea .md_contents .md_inner {
    position: relative;
}

#informationArea .md_contents .md_inner .leftBox {
    border: 1px solid #000;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 550px;
    margin-top: 150px;
}

#informationArea .md_contents .md_inner .leftBox .images {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 180px;
}

#informationArea .md_contents .md_inner .leftBox .images img {
    width: 100%;
}

#informationArea .md_contents .md_inner .leftBox .textBox {
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    padding-top: 30px;
    position: relative;
    width: 330px;
}

#informationArea .md_contents .md_inner .leftBox .textBox .title {
    font-size: 1.375em;
}

#informationArea .md_contents .md_inner .leftBox .textBox dl {
    margin-top: 20px;
}

#informationArea .md_contents .md_inner .leftBox .textBox dl dt {
    font-size: 1em;
    margin-top: 15px;
}

#informationArea .md_contents .md_inner .leftBox .textBox dl dt span {
    font-size: 0.875em;
    margin-left: 5px;
}

#informationArea .md_contents .md_inner .leftBox .textBox dl dt:first-child {
    margin-top: 0;
}

/*#informationArea .md_contents .md_inner .leftBox .textBox dl dt:before { content: "・"; margin-right: 3; }*/
#informationArea .md_contents .md_inner .leftBox .textBox dl dd {
    margin-top: 8px;
    margin-left: 18px;
}

#informationArea .md_contents .md_inner .leftBox .text {
    font-size: 0.875em;
    margin-top: 25px;
    text-align: right;
}

#informationArea .md_contents .md_inner .howaBox {
    box-sizing: border-box;
    border: solid 1px #000;
    position: absolute;
    width: 550px;
    top: 0;
    left: 0;
    overflow: hidden;
}

#informationArea .md_contents .md_inner .rightBox {
    float: right;
    position: relative;
    width: 500px;
    margin-top: 20px;
}

#informationArea .md_contents .md_inner .rightBox .title {
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
    width: 100%;
    font-size: 1.125em;
}

#informationArea .md_contents .md_inner .rightBox ul {}

#informationArea .md_contents .md_inner .rightBox ul li {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 18px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

#informationArea .md_contents .md_inner .rightBox ul li .newsBox {
    position: relative;
}

#informationArea .md_contents .md_inner .rightBox ul li .newsBox .data {
    font-size: 0.875em;
    float: left;
    font-style: italic;
    padding-top: 4px;
    position: relative;
    width: 75px;
}

#informationArea .md_contents .md_inner .rightBox ul li .newsBox .tags {
    border: 1px solid #000;
    box-sizing: border-box;
    font-size: 0.75em;
    float: left;
    margin-left: 10px;
    padding: 4px 8px 3px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    width: 85px;
}

#informationArea .md_contents .md_inner .rightBox ul li .newsBox .text {
    box-sizing: border-box;
    font-size: 0.875em;
    float: left;
    padding: 4px 30px 0 15px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 310px;
}

#informationArea .md_contents .md_inner .rightBox ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../imageFile/global/icon_arrow_black_right.png) no-repeat 95% center;
    background-size: 5px 9px;
}

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

#informationArea .md_contents .md_inner .rightBox .md_buttonMore {
    margin-top: 30px;
    margin-left: auto;
    width: 280px;
}

#informationArea .md_contents .md_inner .rightBox .md_buttonMore .text {
    font-size: 0.75em;
}

#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 {
    background: url(../../imageFile/top/bg_historyArea.png) no-repeat top center;
    background-size: cover;
    margin-top: 140px;
    position: relative;
}

#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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#historyArea a:hover {
    background: rgba(249, 248, 244, 0.3);
}

/*============================
#walkArea
============================*/
#walkArea {
    background: url(../../imageFile/top/bg_walkAroundArea.png) no-repeat top center;
    background-size: cover;
    float: left;
    position: relative;
    width: 50%;
}

#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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#walkArea a:hover {
    background: rgba(249, 248, 244, 0.3);
}

/*============================
#lateBloomingSakuraArea
============================*/
#lateBloomingSakuraArea {
    background: url(../../imageFile/top/bg_lateBloomingSakuraArea.png) no-repeat top center;
    background-size: cover;
    float: left;
    position: relative;
    width: 50%;
}

#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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lateBloomingSakuraArea a:hover {
    background: rgba(249, 248, 244, 0.3);
}

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

#accessArea .md_contents {}

#accessArea .md_contents .md_inner {}

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

#accessArea .md_contents .md_inner .leftBox {
    display: table-cell;
    height: 340px;
    /* float: left; position: relative; */
    width: 700px;
    /* margin-top: 56px; */
}

#accessArea .md_contents .md_inner .leftBox #gmap {
    position: relative;
    overflow: hidden;
}

#accessArea .md_contents .md_inner .leftBox #gmap iframe {
    height: 340px;
    width: 100%;
}

#accessArea .md_contents .md_inner .rightBox {
    display: table-cell;
    /* float: right; position: relative; */
    padding-left: 42px;
    width: 460px;
    /* margin-top: 90px; */
    vertical-align: middle;
}

#accessArea .md_contents .md_inner .rightBox .title {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    width: 100%;
}

#accessArea .md_contents .md_inner .rightBox ul {
    margin-top: 21px;
}

#accessArea .md_contents .md_inner .rightBox ul li {
    margin-top: 12px;
}

#accessArea .md_contents .md_inner .rightBox ul li:first-child {
    margin-top: 0;
}

#accessArea .md_contents .md_inner .rightBox ul li span.data {
    display: inline-block;
    font-style: italic;
    margin-right: 50px;
}

#accessArea .md_contents .md_inner .rightBox ul li span.data:before {
    content: "・";
}

#accessArea .md_contents .md_inner .rightBox .md_buttonMore {
    margin-top: 48px;
    margin-left: auto;
    width: 280px;
}

#accessArea .md_contents .md_inner .rightBox .md_buttonMore .text {
    font-size: 0.75em;
}

#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: 120px;
}

#experienceArea .md_contents {}

#experienceArea .md_contents .md_inner {}

#experienceArea .md_contents .md_inner .md_headline {}

#experienceArea .md_contents .md_inner ul {
    width: 770px;
    margin: 15px auto 0;
}

#experienceArea .md_contents .md_inner ul li {
    float: left;
    position: relative;
    margin-right: 110px;
    margin-top: 40px;
    width: 180px;
}

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

#experienceArea .md_contents .md_inner ul li .itemBox {
    position: relative;
}

#experienceArea .md_contents .md_inner ul li .itemBox .images {
    height: 180px;
    width: 180px;
}

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

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

#experienceArea .md_contents .md_inner ul li .itemBox .text {
    letter-spacing: 0.05em;
    margin-top: 20px;
    text-align: center;
}

#experienceArea .md_contents .md_inner ul li .itemBox .text:after {
    content: "　";
    background: url(../../imageFile/global/icon_arrow_black_right.png) no-repeat right center;
    background-size: 4px 8px;
}

#experienceArea .md_contents .md_inner ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#experienceArea .md_contents .md_inner ul li a:hover {
    background: rgba(249, 248, 244, 0.3);
}