@charset "utf-8";

.landscape{
    display:none;
}
@media screen and (orientation: landscape) {
   html.Mb #mainContentsWrapper,
   html.Mb #mainContentsWrapperSp,
   html.Mb .rain_box,
   html.Mb .doubutu_box  {
    display:none;
   }
   html.Mb body,
   html.Mb.Safari.iOS body{
    background-image:none;
    background: linear-gradient(to bottom, rgba(197,233,255,1) 0%, rgba(247,252,255,1) 100%);
    background-attachment:fixed;
   }
   html.Mb .landscape{
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
   }
   html.Mb .landscape span{
       font-size:1.5rem;
   }
}

body{
    background: linear-gradient(to bottom, rgba(197,233,255,1) 0%, rgba(247,252,255,1) 100%);
    background-attachment:fixed;
}
.minWidth{
    min-width:1024px;
}
/***************PC****************/
.center{
    text-align:center;
}
.commonBtn{
    cursor:pointer;
    border:none;
    padding:0.5rem 1.5rem;
    border-radius:1rem;
    font-size:1.2rem;
    outline:none;
}
.commonBtn:hover{
    opacity:0.9;
}

.greenBtn{
    background-color:#329739;
    color:#fff;
}

.grayBtn{
    background-color:#d4d4d4;
    color:#fff;
}

.bambiGreen{
    color:#329739;
}

#breadcrumb{
    margin-top:1rem;
    margin-bottom:1rem;
    text-align:right;
}
#breadcrumb ul{
    display:inline-flex;
}
#breadcrumb ul > li{
    margin-right:0.5rem;
}
#breadcrumb ul > li:after{
    content:">"
}
#breadcrumb ul > li:last-child:after{
    content:none;
}
#breadcrumb ul > li a,
#breadcrumb ul > li span,
#breadcrumb ul > li:after{
    color:#329739;
    font-size:0.9rem;
}




.scrollButton > .image{
    cursor:pointer;
}
.pageTop > .image{
    cursor:pointer;
}

/*menu*/
#header{
    /* margin-bottom:5rem; */
}
#headMenu{
    border-radius:0.5rem;
    overflow:hidden;
    box-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.3);
}
#headMenu > li{
    border-right:1px solid #000;
    border-right-style:dashed;
}
#headMenu > li:last-child{
    border-right:none;
}
#headMenu > li > a{
    display:inline-block;
}
.headerInner.fixed{
    position:fixed;
}
.headerInner{
    z-index:20;
    width:100%;
}

.menuBtn{
    display:none;
    position:absolute;
    top:1rem;
    right:1rem;
    cursor:pointer;
    width: 3rem;
    height: 3rem;
    border:1px solid #888;
    padding: 0.3rem 0.5rem;
}

.menuBtnInner{
    position:relative;
    height:100%;
    width:100%;
}
.menuBtnInner > div{
    position:absolute;
    top:0px;
    width:100%;
    height:2px;
    background-color:#000;
    transition-propety:top,opacity,transform;
    transition-duration:0.2s;
}

.menuBtn .menuBtnInner > div:nth-child(1){
    top:calc(25% - 1px);
}
.menuBtn .menuBtnInner > div:nth-child(2){
    top:calc(50% - 1px);
}
.menuBtn .menuBtnInner > div:nth-child(3){
    top:calc(75% - 1px);
}

.menuBtn.active .menuBtnInner > div:nth-child(1){
    top:calc(50% - 1px);
    transform:rotate(45deg);
}
.menuBtn.active .menuBtnInner > div:nth-child(2){
    top:calc(50% - 1px);
    opacity:0;
}
.menuBtn.active .menuBtnInner > div:nth-child(3){
    top:calc(50% - 1px);
    transform:rotate(-45deg);
}
/*/////menu*/

/***************PC****************/


/* header */
.menuWrapPc{
    /*margin-left:124px;*/
	margin-left:50px;
}
.headMenuBox{
    max-width:1024px;
    margin:auto;
}

.hoverimage{
    display:none;
}
.Pc .menuWrapPc a:hover > .image > img:first-child{
    display:none;
}

.Pc .menuWrapPc a:hover > .image > img:last-child{
    display:inline;
}

#headMenu .active > .image > img:first-child{
    display:none;
}
#headMenu .active > .image > img:last-child{
    display:inline;
}

.yane_wrap{
    position:relative;
}

.cloud{
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1;
}
.cloud1{
    top:-50px;
    left:-140px;
    width:267px;
}
.cloud2{
    top:60px;
    left:650px;
    width:227px;
}
.cloud3{
    top:560px;
    left: 720px;
    width:187px;
}

.houseStyle_wrap{
    background-color:#fff;
}
.house{
    max-width: 793px;
    margin: auto;
    position: relative;
    margin-bottom: 5rem;
}
.yane{
    position:relative;
    z-index:10;
}
.houseTitle{
    position:absolute;
    bottom:50px;;
    width:100%;
    text-align:center;
    z-index:10;
}
.houseLine{
    text-align:center;
    margin-bottom:2rem;
}
.houseScroll{
    text-align:center;
    margin-bottom:2rem;
}
.housePadding{
    padding: 0 4rem;
    padding-top: 1rem;
    padding-bottom: 6rem;
}

.houseStyle .row{
    margin-bottom:2rem;
}
.houseStyle .rowName{
    width:calc((100% / 5) * 2 - .01px);
}
.houseStyle .rowName > span{
    font-size: 1.1rem;
    font-weight:bold;
    line-height: 1.5;
}
.houseStyle .rowName > span:before{
    content:"";
    display:inline-block;
    vertical-align:top;
    margin-right:0.3rem

}
.houseStyle .rowContent{
    width:calc((100% / 5) * 3 - .01px);
    letter-spacing: 0;
}
.houseStyle .rowContent > span{
    font-size: 1rem;
    line-height:1.5;
}
.houseStyle .pageTop{
    text-align:center;
    margin:4rem 0 5rem 0;
}
.houseFooter{
    position:absolute;
    width:100%;
    left:0px;
    bottom:0px;
    text-align: center;
    pointer-events: none;
}

.pageTop{
    text-align:center;
}



.footerInner{
    position:fixed;
    z-index:20;
    bottom:0px;
    width:100%;
    background-image:url(../../img/footer.png);
    background-repeat:repeat-x;
}
.footerback{
    width:100%;
}

.footerFixed_wrap{
    position:relative;
}

.footerbambi{
    position:absolute;
    top: 0;
    right:0;
    transform: translateY(-80%);
}

.footerText_wrap{
    position:absolute;
    top:0;
    left:0;
    right: 0;
    width: calc(100% - 2rem);
    margin: auto;
    height:100%;
    display: flex;
    align-items: center;
}

.footerLeft{
    width: 55%;
    letter-spacing: 0;
}
.footerRight{
    width: 45%;
    text-align:right;
}
.footerName > span > span{
    display:inline-block;
    margin:0 0.3rem;
}
.footerRight span{
    font-size: .7rem
}
.footerName .big{
    font-size:1.5rem;
}
.footerRight p{
    font-size: .6rem;
    color:#329739;
}
.footerMTEL>span,
.footerTEL > span{
    font-size: .9rem;
}

.footerRight{
    position:relative;
}
.footerFAX > span{
    font-size: .9rem;
    width:100%;
}

/***************TB****************/
@media screen and (max-width:768px){
    
}
/***************TB****************/




/***************SP****************/
@media screen and (max-width:480px){
    .noScroll body{
        overflow:hidden;
    }
    
    .minWidth{
        min-width:0px;
    }
    .maxWidth{
        max-width:100%;
        width:auto;
    }
    /*menu*/
    .headMenuBox{
        margin-right:auto;
        margin-left:1rem;
    }
    .headMenuBox > .logo{
        width:75%;
    }
    .menuWrap{
        margin-left:auto;
    }
    .menuBtn{
        display:block;
    }
    .menuWrap.close{
        pointer-events:none;
        background-color:rgba(0,0,0,0)
    }
    .menuWrap {
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        pointer-events:auto;

        transition:background-color 0.3s ease;
        background-color:rgba(0,0,0,0.2);
    }
    .menuWrap .headMenuSp{
        background-color:#F8F4E8;
        margin-left:auto;
        width:65%;
        transition:transform 0.3s ease;
        transform:translateX(0%);
    }
    .menuWrap.close .headMenuSp{
        transform:translateX(100%);
    }
    .menuWrap .headMenuSp{

    }
    .menuWrap .headMenuSp > li{
        padding:0 0.5rem;
        margin:0.5rem 0;
    }
    .menuWrap .headMenuSp > li > a{
        display:flex;
        align-items:center;
        padding:1.1rem;
        border-bottom:2px dashed #F09E6C;
    }
    .menuWrap .headMenuSp > li > a:before{
        content:url(../../../../img/menu_leaf.png);
        margin-right:0.5rem;
    }
    .menuBtn{
        transition:right 0.3s ease;
        border: none;
    }
    .menuBtn.active{
        right:70%;
    }
    /*/////menu*/
    #mainContentsWrapper{
        overflow:hidden;
    }

    .cloud{
        position:absolute;
        top:0px;
        left:0px;
        z-index:-1;
    }
    .cloud1{
        top:-50px;
        left:-30%;
        width:267px;
    }
    .cloud2{
        top:60px;
        left:80%;
        width:227px;
    }
    .cloud3{
        top:560px;
        left:90%;
        width:187px;
    }

    .houseTitle{
        width: 10rem;
        right:0px;
        left:0px;
        margin:auto;
        bottom:0px;
    }
    .houseStyle .pageTop,
    .houseScroll{
        width:6.5rem;
        margin-right:auto;
        margin-left:auto;
    }

    .houseStyle .row{
        display:block;
        margin-bottom: 3rem;
    }
    .houseStyle .row > div{
        width:100%;
/*         text-align:center; */
    }
    .houseStyle .row > .rowName{
    
    }
    .houseStyle .row > .rowContent{
        width:90%;
        margin:auto;
    }


    .housePadding{
        padding:0 1rem;
        padding-bottom:2rem;    
    }
    .houseStyle .rowName > span:before{
        transform:translateY(-0.3rem);
    }

    
    footer{
        background-color:#27823C;
    }
    .footerFixed_wrap{
        padding:1rem;
    }
    .footerback{
        display:none;
    }
    .footerbambi{
        transform: translateY(-94%);
    }
    #footer a,
    #footer span,
    #footer p{
        color:#fff;
        line-height:1.5
    }
    .footerText_wrap,
    .footerInner{
        position:static;
        display:block;
    }
    .footerInner{
        background-image:none;
    }
    
    .footerName{
        margin-bottom:1rem;
    }
    .footerName > span{
        font-size:1.5rem;
    }
    .footerTEL > span{
        font-size:1rem;
    }
    .footerLeft,
    .footerRight{
        width:100%;
        text-align:left;
    }

}


/***************SP****************/



.IE .houseStyle_wrap{
    margin-top:-5px;
}
.IE #headMenu a,
.IE #headMenu .image{
    display:inline;
}

.IE .footerInner{
    bottom:-5px;
}