@charset "UTF-8";

/* 全体 追加
-------------------------------------------------- */

/* mail & line icon */
.fixed_mail {
	position: fixed;
	top: 62vh;
	right: 20px;
    z-index: 999;
}
.fixed_line {
	position: fixed;
	top: 71vh;
	right: 20px;
    z-index: 999;
}
@media screen and (min-width:600px) {
    .fixed_mail {
    	top: 65vh;
    	right: 20px;
    }
    .fixed_line {
    	top: 80vh;
    	right: 20px;
    }
}

/*アコーディオン*/
.accordion-area {
}
.accordion-area section {
}
.title_ft {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    transition: all .5s ease;
}
.box_ft {
	background-color: #ccc;
    display: none;/*はじめは非表示*/
}
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    transition: all .5s ease;
}
.box {
    display: none;/*はじめは非表示*/
}

/* IntersectionObserver */
.target img {
  	filter: grayscale(100%);	/*モノクロ具合を変更したい場合はこの数値を変更*/
}
.target.active img {
	filter: grayscale(0);
	transition: 1s ease-in-out;	/*移り変わる速さを変更したい場合はこの数値を変更*/
}


/* Swiper */
.swiper {
    /*スライダーの幅と高さを調整*/
    width: 100%;
}
.swiper-slide {
    /*スライド要素の幅と高さを調整*/
    width: 100%;
    height: 100%;

    /*テキストの位置調整*/
    display: flex;
    justify-content: center;
    align-items: center;

    /*テキストの色と太さを指定*/
    color: #fff;
    font-weight: bold;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
    height: 50px;
    width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 50px;
    margin: auto;
    width: 50px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
    background-image: url("../../images/slide_left.png");
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
    background-image: url("../../images/slide_right.png");
}
/* 画像サイズ調整 */
.swiper-slide img {
    height: auto;
    width: 100%;
}
@media screen and (min-width:600px) {
    .swiper-button-prev,
    .swiper-button-next {
        height: 80px;
        width: 80px;
    }
    /* 前へ次への矢印カスタマイズ */
    .swiper-button-prev::after,
    .swiper-button-next::after {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 80px;
        margin: auto;
        width: 80px;
    }
}