@charset "utf-8";
body {padding-top:0;}

#gHeader {
    opacity: 0;
    visibility: hidden;
    transition:opacity 0.3s ease,visibility 0.3s ease;
}
#gHeader.is-show {
    opacity: 1;
    visibility: visible;
}

.index {
    padding-top: 0;
}
.index .top-title {
}
.index .top-title img {
    display: block;
    width: 100%;
}

.index .topSec {
    margin-bottom: 85px;
}
.index .topSec .mainBox {
    margin-bottom: 21px;
}
.index .topSec .mainBox img {
}

/*
.index .topSec .top-navBox {
}
.index .topSec .top-navBox .navUl {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.index .topSec .top-navBox .navUl li {
    border-left: 3px solid #796a56;
    text-align: center;
}
.index .topSec .top-navBox .navUl li:last-child {
    border-right: 3px solid #796a56;
}
.index .topSec .top-navBox .navUl li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 3px 19px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    box-sizing: border-box;
}
*/

.index .topSec .lBtn {
    margin: 35px 0 41px;
}
.index .topSec .lBtn a {
    display: block;
    margin: 0 auto;
    padding: 16px 49px 13px;
    width: fit-content;
    background: #ec6c00;
    border-radius: 10px;
    text-align: center;
}
.index .topSec .lBtn a .txt-img {
    display: block;
    width: 442px;
}
.index .topSec .lBtn a:hover {
    opacity: 0.7;
}

/* スライダー */
.slick01 img {
    height: 149px;   /* 揃えたい高さ */
    width: auto;
    display: block;
}
.slick01 .slick-slide {
    width: auto;
}
.slick01 .slick-slide > div {
    width: fit-content;
}
.slick01 .slick-slide.imgWrap {
    position: relative;
    padding: 17px 5px 0;
}
.slick01 .slick-slide.imgWrap img {
    border-radius: 20px;
}
.slick01 .slick-slide .slide-balloon {
    position: absolute;
    top: 0;
    left: 28px;
    width: 52.7%;
    height: auto;
}
/* スライダー矢印 */
.slick01 {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slick-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 47px;
    height: 47px;
    background: none;
    border: none;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(135deg)translateX(-50%);
    z-index: 100;
}
.slick-next {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 47px;
    height: 47px;
    background: none;
    border: none;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(-45deg)translateY(-50%);
    z-index: 80;
}
@media all and (max-width: 835px) {
	.slick01 {
			width: 100%;
			overflow: hidden;
	}
	.slick-prev {
			width: 47px;
			height: 47px;
			border-bottom: 4px solid #fff;
			border-right: 4px solid #fff;
	}
	.slick-next {
			width: 47px;
			height: 47px;
			border-bottom: 4px solid #fff;
			border-right: 4px solid #fff;
	}
}
/* //スライダー */

.index .newsSec {
    margin-bottom: 89px;
}
.index .newsSec .newsWrap {
    width: 688px;
    margin: 0 auto;
}
.index .newsSec .newsWrap .top-title {
    margin-bottom: 10px;
    padding-left: 8px;
}
.index .newsSec .newsWrap .top-title {
    width: 55px;
}
.index .newsSec .newsWrap .newsUl {
    border-top: 1px solid #251e1c;
    border-bottom: 1px solid #251e1c;
}
.index .newsSec .newsWrap .newsUl li {
    padding: 16px 8px;
    border-bottom: 1px solid #9e9e9f;
}
.index .newsSec .newsWrap .newsUl li:last-child {
    border-bottom: none;
}
.index .newsSec .newsWrap .newsUl li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.index .newsSec .newsWrap .newsUl li a:hover {
    opacity: 0.7;
}
.index .newsSec .newsWrap .newsUl li .days {
    display: block;
    width: 110px;
    color: #666666;
    font-weight: 800;
}
.index .newsSec .newsWrap .newsUl li .txt {
    display: block;
    width: calc(100% - 110px);
    font-size: 1.4rem;
    line-height: 1.4;
}

.index .bannerSec {
    max-width: 993px;
    margin: 0 auto 106px;
}
.index .bannerSec .banner-img {
    margin-bottom: 48px;
    border: 1px solid #9d9e9e;
}
.index .bannerSec .banner-img a:hover {
    opacity: 0.7;
}

.index .mapSec {
    width: 922px;
    margin: 0 auto 142px;
}
.index .mapSec .street {
    margin-bottom: 31px;
    text-align: center;
}
.index .mapSec .street .top-title {
    width: 84px;
    margin: 0 auto 21px;
}
.index .mapSec .street .txt {
}
.index .mapSec .map {
    width: 100%;
    height: 310px;
}
.index .mapSec .map iframe {
    width: 100%;
    height: 100%;
}

.index .jointSec {
    padding: 29px 0 41px;
    background: rgba(224,215,198,0.6);
}
.index .jointSec .jointWrap {
    margin-bottom: 70px;
}
.index .jointSec .jointWrap .top-title {
    width: 165px;
    margin: 0 auto 30px;
}
.index .jointSec .jointUl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
.index .jointSec .jointUl li {
    width: 213px;
    margin: 0 8px;
}
/*
.index .jointSec .jointUl li a:hover {
    opacity: 0.7;
}
*/

.index .jointSec .jointUl.ul03 {
    margin-bottom: 0;
}

.index .jointSec .ofjWrap .top-title {
    width: 124px;
    margin: 0 auto 26px;
}
.index .jointSec .ofjWrap .ofjUl {
}
.index .jointSec .ofjWrap .ofjUl li {
    width: 302px;
    margin: 0 auto;
}
.index .jointSec .ofjWrap .ofjUl li:hover {
    opacity: 0.7;
}



@media all and (max-width: 835px) {
    
    #gHeader {
        opacity: 1;
        visibility: visible;
    }
    #gHeader h1 {
        display: none;
    }
    #gHeader.is-show h1 {
        display: block;
    }

    .index .topSec {
        margin-bottom: 85px;
    }
    .index .topSec .mainBox {
        margin-bottom: 21px;
    }

    .index .topSec .lBtn {
        margin: 25px 0 31px;
    }
    .index .topSec .lBtn a {
        padding: 16px 0 13px;
        width: 94%;
        border-radius: 10px;
        box-sizing: border-box;
    }
    .index .topSec .lBtn a .txt-img {
        width: 87%;
        margin: 0 auto;
    }

    .index .newsSec {
        margin-bottom: 63px;
    }
    .index .newsSec .newsWrap {
        width: 86%;
    }
    .index .newsSec .newsWrap .top-title {
        width: 55px;
        margin: 0 auto 10px;
        padding-left: 0;
    }
    .index .newsSec .newsWrap .newsUl li {
        padding: 16px 8px;
    }

    .index .bannerSec {
        width: 88%;
        margin: 0 auto 38px;
    }
    .index .bannerSec .banner-img {
        margin-bottom: 17px;
    }

    .index .mapSec {
        width: 100%;
        margin: 0 auto;
    }
    .index .mapSec .street {
        margin-bottom: 31px;
        text-align: center;
    }
    .index .mapSec .street .top-title {
        width: 84px;
        margin: 0 auto 21px;
    }
    .index .mapSec .street .txt {
        line-height: 1.6;
    }
    .index .mapSec .map {
        width: 100%;
        height: 290px;
    }

    .index .jointSec {
        padding: 38px 0 35px;
    }
    .index .jointSec .jointWrap {
        margin-bottom: 42px;
    }
    .index .jointSec .jointWrap .top-title {
        width: 165px;
        margin: 0 auto 20px;
    }
    .index .jointSec .jointUl {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 28px;
    }
    .index .jointSec .jointUl li {
        width: 43%;
        margin: 0 2% 10px;
    }

    .index .jointSec .jointUl.ul03 {
        margin-bottom: 0;
    }

    .index .jointSec .ofjWrap .top-title {
        width: 124px;
        margin: 0 auto 19px;
    }
    .index .jointSec .ofjWrap .ofjUl li {
        width: 63%;
    }

}

/*=========================================================================================================*/




































v