.index{
	position: relative;
    height: 100%;
    overflow: hidden;
}
.news-item-wrapper{
	
}
.item{
	
}
.c-linelink c-linelink--hidden{
	
}
.c-linelink__txt{
	    border-bottom: solid 1px #BEAB66;
    	padding-bottom: 10px;
	    color: #000;
}
.date{
	    color: #666;
    	margin-right: 20px;
	    font-family: sans-serif;
	
}
.otoiawase_btn_txt{
	color: white;
}
@media screen and (min-width: 769px) {
	.index .top-image {
        height: 600px;
        width: 100%;
        text-align: center;
        background-image: url('../img/common/color_line.svg');
        background-repeat: repeat;
        background-size: 3000px;
    }
    
    .index .top-image .slide-show-pc {
        position: relative;
        width: 1125px;
        height: 600px;
        margin: 0 auto;
    }

    .index .top-image .slide-show-pc img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 2s; /* フェードの時間(秒) */
        display: block;
        margin: auto;
    }
    
    .index .top-image .slide-show-pc .show {
        opacity: 1;
        z-index: 1;
    }
    
    .index .top-image .relative {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    .index .top-image .inq {
        position: absolute;
        right: 0;
        top: -500px;
        background: #beab66;
        font-size: 19px;
        color: white;
        padding: 20px 10px;
        border-radius: 15px 0 0 15px;
		width: 30px;
        z-index: 9999;
    }
	.inq .text{
		color: white;
    	line-height: 1.2;
	}
    .index .top-image .inq img {
        width: 20px;
    }
/* ここを有効にするとchromeで表示しなくなる
    .index .top-image .inq .text {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
  */

    .main .info {
	}
    .index .info {

        width: 1280px;
        height: 240px;
        margin: auto;
        margin-top: 25px;
    }

    .index .info .title {
        font-size: 16px;
    }

    .index .info .left {
        height: 173px;
        width: 50%;
        float: left;
    }

    .index .info .right {
        float: right;
    }

    .index .info .right .time {
        font-size: 18px;
    }

    .index .info .right .holiday {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .index .info .right .holiday div {
        margin-left: 45px;
    }

    .index .info .right .visit-area {
        padding: 20px 40px 15px 30px;
        display: inline-block;
        border: solid 1px #BEAB66;
        border-radius: 20px;
    }

    .index .info .right .visit-area .top {
        height: 32px;
    }

    .index .info .right .visit-area .title {
        font-size: 17px;
        padding: 4px 17px 2px 22px;
        text-align: center;
        display: inline-block;
        color: white;
        background-color: #BEAB66;
        border-radius: 20px;
        float: left;
    }

    .index .info .right .visit-area .area {
        font-size: 17px;
        padding-top: 4px;
        padding-left: 10px;
        float: left;
    }

    .index .info .right .visit-area-bottom {
        font-size: 14px;
        margin-top: 10px;
    }

    .index .our-service {
        width: 1125px;
        text-align: center;
        margin: auto;
        margin-top: 70px;
    }

    .index .our-service .title {
        font-size: 30px;
        height: 30px;
        margin-bottom: 10px;
    }

    .index .our-service .middle {
        margin-top: 20px;
        display: flex;
    }

    .index .our-service .middle .content {
        width: calc(100% / 2);
        font-size: 26px;
        background-color: #FFF2E2;
        padding: 40px 45px 30px;
    }

    .index .our-service .middle .content:nth-child(2) {
        background-color: #FFE1CC;
    }

    .index .our-service .middle .content .title {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .index .our-service .middle .content img {
        width: 274px;
        height: 132px;
        object-fit: cover;
        border: solid 5px rgba(255, 255, 255, 0.5);
    }

    .index .our-service .middle .content .text {
        margin-top: 30px;
        font-size: 15px;
        text-align: left;
    }

    .index .our-service .bottom img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .index .mission {
        width: 1125px;
        margin: auto;
        text-align: center;
    }

    .index .mission .top {
        padding: 60px 30px 60px;
        position: relative;
    }

    .index .mission .top .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .index .mission .top .text {
        font-size: 18px;
    }

    .index .mission .top .left {
        width: 140px;
        position: absolute;
        top: 20px;
        left: 60px;
    }

    .index .mission .top .right {
        width: 140px;
        position: absolute;
        top: 20px;
        right: 60px;
    }

    .index .mission .middle {
        padding: 30px 0 50px;
        background-color: #FFF2E2;
    }

    .index .mission .middle .text {
        font-size: 17px;
    }

    .index .mission .middle .more-btn {
        width: 278px;
        display: inline-block;
        margin: 40px auto 0;
        background-color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
        border: solid 1px #BEAB66;
        padding: 20px 0 17px;
    }

    .index .mission .middle .more-btn div {
        font-size: 23px;
        margin: 0 10px 0 68px;
        text-transform: uppercase;
        display: inline-block;
    }

    .index .mission .middle .more-btn img {
        width: 57px;
        padding-bottom: 6px;
    }

    .index .mission .bottom {
        height: 150px;
        padding: 20px 0;
        background-color: #BEAB66;
        color: white;
    }

    .index .mission .bottom .top-text {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .index .mission .bottom .left {
        height: 90px;
        text-align: left;
        padding: 20px 140px 0 100px;
        float: left;
        display: inline-block;
        border-right: dotted 3px rgba(255, 255, 255, 0.5);
    }

    .index .mission .bottom .left img {
        width: 45px;
        margin-top: 13px;
        float: left;
    }

    .index .mission .bottom .left .text {
        font-size: 26px;
        float: left;
        color: white;
    }

    .index .mission .bottom .left .text div {
        margin-bottom: -10px;
    }

    .index .mission .bottom .left .text span {
        font-size: 16px;
    }

    .index .mission .bottom .vertical-line {
        height: 70px;
        border-left: solid 1px rgba(255, 255, 255, 0.5);
    }

    .index .mission .bottom .right {
        width: 450px;
        font-size: 24px;
        float: right;
        display: inline-block;
        margin-right: 55px;
        padding: 35px 0 35px;
        border: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
    }

    .index .mission .bottom .right .callout {
        width: 24px;
        display: inline-block;
        position: absolute;
        top: 38%;
        left: 70px;
    }

    .index .mission .bottom .right .arrow {
        width: 57px;
        position: absolute;
        top: 43%;
        right: 35px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1125px) {
    .index .top-image {
        height: 600px;
        width: 100%;
        text-align: center;
        background-image: url('../img/common/color_line.svg');
        background-repeat: repeat;
        background-size: 3000px;
    }
    
    .index .top-image .slide-show-pc {
        position: relative;
        width: 1125px;
        height: 600px;
        margin: 0 auto;
    }

    .index .top-image .slide-show-pc img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 2s; /* フェードの時間(秒) */
        display: block;
        margin: auto;
    }
    
    .index .top-image .slide-show-pc .show {
        opacity: 1;
        z-index: 1;
    }
    
    .index .top-image .relative {
        width: 1125px;
        margin: 0 auto;
        position: relative;
    }
    
    .index .top-image .inq {
        position: absolute;
        right: 0;
        top: -500px;
        background: #beab66;
        font-size: 19px;
        color: white;
        padding: 20px 10px;
        border-radius: 15px 0 0 15px;
        width: 30px;
        z-index: 9999;
    }
    .inq .text{
        color: white;
        line-height: 1.2;
    }
    .index .top-image .inq img {
        width: 20px;
    }
/* ここを有効にするとchromeで表示しなくなる
    .index .top-image .inq .text {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
  */

    .main .info {
    }
    .index .info {width: 100%;height: auto;margin: auto;margin-top: 25px;}

    .index .info .title {
        font-size: 16px;
    }

    .index .info .left {
        height: 173px;
        width: 40%;
        float: left;
    }

    .index .info .right {
        float: right;
    }

    .index .info .right .time {
        font-size: 18px;
    }

    .index .info .right .holiday {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .index .info .right .holiday div {
        margin-left: 45px;
    }

    .index .info .right .visit-area {
        padding: 20px 3% 15px 3%;
        display: inline-block;
        border: solid 1px #BEAB66;
        border-radius: 20px;
    }

    .index .info .right .visit-area .top {
        height: 32px;
    }

    .index .info .right .visit-area .title {
        font-size: 17px;
        padding: 4px 17px 2px 22px;
        text-align: center;
        display: inline-block;
        color: white;
        background-color: #BEAB66;
        border-radius: 20px;
        float: left;
    }

    .index .info .right .visit-area .area {
        font-size: 17px;
        padding-top: 4px;
        padding-left: 10px;
        float: left;
    }

    .index .info .right .visit-area-bottom {
        font-size: 14px;
        margin-top: 10px;
    }

    .index .our-service {
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 70px;
    }

    .index .our-service .title {
        font-size: 30px;
        height: 30px;
        margin-bottom: 10px;
    }

    .index .our-service .middle {
        margin-top: 20px;
        display: grid;
        grid-template-columns: 33% 34% 33%;
    }

    .index .our-service .middle .content {
        width: 100%;
        font-size: 26px;
        background-color: #FFF2E2;
        padding: 40px 0 30px;
        flex-grow: 1;
    }

    .index .our-service .middle .content:nth-child(2) {
        background-color: #FFE1CC;
    }

    .index .our-service .middle .content .title {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .index .our-service .middle .content img {
        width: 70%;
        height: 132px;
        object-fit: cover;
        border: solid 5px rgba(255, 255, 255, 0.5);
    }

    .index .our-service .middle .content .text {
        margin-top: 30px;
        font-size: 15px;
        text-align: left;
        padding: 0 10%;
    }

    .index .our-service .bottom img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .index .mission {
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .index .mission .top {
        padding: 60px 30px 60px;
        position: relative;
    }

    .index .mission .top .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .index .mission .top .text {
        font-size: 18px;
    }

    .index .mission .top .left {
        width: 140px;
        position: absolute;
        top: 20px;
        left: 60px;
    }

    .index .mission .top .right {
        width: 140px;
        position: absolute;
        top: 20px;
        right: 60px;
    }

    .index .mission .middle {
        padding: 30px 0 50px;
        background-color: #FFF2E2;
    }

    .index .mission .middle .text {
        font-size: 17px;
    }

    .index .mission .middle .more-btn {
        width: 278px;
        display: inline-block;
        margin: 40px auto 0;
        background-color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
        border: solid 1px #BEAB66;
        padding: 20px 0 17px;
    }

    .index .mission .middle .more-btn div {
        font-size: 23px;
        margin: 0 10px 0 68px;
        text-transform: uppercase;
        display: inline-block;
    }

    .index .mission .middle .more-btn img {
        width: 57px;
        padding-bottom: 6px;
    }

    .index .mission .bottom {
        height: 150px;
        padding: 20px 0;
        background-color: #BEAB66;
        color: white;
    }

    .index .mission .bottom .top-text {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .index .mission .bottom .left {
        height: 90px;
        text-align: left;
        padding: 20px 140px 0 100px;
        float: left;
        display: inline-block;
        border-right: dotted 3px rgba(255, 255, 255, 0.5);
    }

    .index .mission .bottom .left img {
        width: 45px;
        margin-top: 13px;
        float: left;
    }

    .index .mission .bottom .left .text {
        font-size: 26px;
        float: left;
        color: white;
    }

    .index .mission .bottom .left .text div {
        margin-bottom: -10px;
    }

    .index .mission .bottom .left .text span {
        font-size: 16px;
    }

    .index .mission .bottom .vertical-line {
        height: 70px;
        border-left: solid 1px rgba(255, 255, 255, 0.5);
    }

    .index .mission .bottom .right {
        width: 450px;
        font-size: 24px;
        float: right;
        display: inline-block;
        margin-right: 55px;
        padding: 35px 0 35px;
        border: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
    }

    .index .mission .bottom .right .callout {
        width: 24px;
        display: inline-block;
        position: absolute;
        top: 38%;
        left: 70px;
    }

    .index .mission .bottom .right .arrow {
        width: 57px;
        position: absolute;
        top: 43%;
        right: 35px;
    }
}

@media screen and (max-width: 768px) {
    .index .top-image {
        height: auto;
        position: relative;
    }
    
    .index .top-image .slide-show-sp {
        position: relative;
        width: 100vw;
        height: calc(100vw * 696 / 1124);
    }

    .index .top-image .slide-show-sp img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 2s; /* フェードの時間(秒) */
        display: block;
        margin: auto;
        width: 100vw;
    }
    
    .index .top-image .slide-show-sp .show {
        opacity: 1;
        z-index: 1;
    }
   
    .index .info {
        width: 100vw;
        padding: 5vw;
    }
    
    .index .info .news {
        height: auto;
        width: 90vw;
    }
    
    .index .info .right {
        margin-top: 5vw;
    }
    
    .index .info .right .contents {
        width: 90vw;
        padding: 5vw;
        margin: 1vw 0 0 -5vw;
        background-color: #F2EDE3;
    }
    
    .index .info .right .contents .holiday div:nth-child(n+1) {
        margin-left: 12.8vw;
    }
    
    .index .info .right .contents .visit-area {
        width: calc(100vw - (5vw * 2) * 2);
        margin-top: 5vw;
        padding: 2vw 5vw;
        background-color: white;
        border: solid thin #BEAB66;
        border-radius: 5vw;
        font-size: 3.6vw;
    }
    
    .info .right .contents .visit-area .title {
        font-size: 3.75vw;
        margin: 1vw 0;
        padding: 0.8vw 3.8vw 0.6vw 4.8vw;
        text-align: center;
        display: inline-block;
        color: white;
        background-color: #BEAB66;
        border-radius: 20px;
    }
    
    .info .right .contents .visit-area .area {
        text-align: center;
    }
    
    .info .right .contents .visit-area .bottom {
        margin-left: 10vw;
        font-size: 3.75vw;
    }
 
    .index .our-service {
        text-align: center;
    }
    
    .index .our-service .top {
        padding: 5vw 0 3vw;
    }
    
    .index .our-service .top .title {
        font-size: 4.5vw;
        height: 5.5vw;
    }
    
    .index .our-service .top span {
       font-size: 3.75vw;
    }
    
    .index .our-service .middle .content {
        padding: 6vw 5vw;
        background-color: #FFF2E2;
    }
    
    .index .our-service .middle .content:nth-child(2) {
        background-color: #FFE1CC;
    }
    
    .index .our-service .middle .content .title {
        margin-bottom: 2vw;
        font-size: 5vw;
    }
    
    .index .our-service .middle .content img {
        width: 60vw;
        border: solid 1vw rgba(255, 255, 255, 0.5);
    }
    
    .index .our-service .middle .content .text {
        text-align: left;
        font-size: 3.75vw;
        line-height: 1.4em;
        letter-spacing: 0.04em;
    }
    
    .index .our-service .bottom {
        margin-left: -13vw;
    }
    
    .index .our-service .bottom img {
        width: 120vw;
        display: block;
    }
    
    .index .mission {
        text-align: center;
    }
    
    .index .mission .top {
        padding: 10vw 1vw 3vw;
        background: url(../img/top/sp-mission-bg.jpg);
        background-size: cover;
        position: relative;
    }
    
    .index .mission .top .title {
        font-size: 4.5vw;
    }
    
    .index .mission .top img {
        width: 23vw;
        position: absolute;
        top: 5%;
    }
    
    .index .mission .top .left {
        left: 5vw;
    }
    
    .index .mission .top .right {
        right: 5vw;
    }
    
    .index .mission .top .text {
        font-size: 3.6vw;
        margin-top: 8vw;
    }
    
    .index .mission .middle {
        background-color: #FFF2E2;
        padding: 8vw 0;
    }
    
    .index .mission .middle .text {
        font-size: 3.9vw;
        line-height: 1.4em;
        letter-spacing: 0.06em;
    }
    
    .index .mission .more-btn {
        border: solid thin #796621;
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        width: 55vw;
        margin: 5vw auto 0;
        padding: 3vw 0;
        position: relative;
    }
    
    .index .mission .more-btn .title {
        color: #796621;
        font-size: 4.7vw;
    }
    
    .index .mission .more-btn img {
        position: absolute;
        width: 11.7vw;
        top: 36%;
        right: 4vw;
    }
    
    .index .mission .bottom {
        background-color: #BEAB66;
        color: white;
        padding: 8vw 0;
    }
    
    .index .mission .bottom .top-text {
        font-size: 3.6vw;
    }
    
    .index .mission .bottom .left {
        display: block;
        font-size: 5.6vw;
        position: relative;
        margin-top: 4vw;
        color: white;
    }
    
    .index .mission .bottom .left div {
        margin-bottom: -2.5vw;
    }
    
    .index .mission .bottom .left span {
        font-size: 3.6vw;
    }
    
    .index .mission .bottom .left img {
        width: 10vw;
        position: absolute;
        top: 16%;
        left: 10vw;
    }
    
    .index .mission .bottom .right {
        display: block;
        width: 70vw;
        margin: 7vw auto 0;
        border: solid thin white;
        font-size: 3.7vw;
        padding: 5vw 0;
        position: relative;
    }
    
    .index .mission .bottom .right .callout {
        width: 3.7vw;
        position: absolute;
        top: 36%;
        left: 11vw;
    }
    
    .index .mission .bottom .right .arrow {
        width: 10vw;
        position: absolute;
        top: 37%;
        right: 4vw;
    }
}