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

/*----------------------------------
    index用のCSSです
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/

/*start_Anc*/
.Anc_link::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid white;
	border-top: 2px solid white;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: rotate(45deg) translateY(-50%);
}

.Anc_item:last-child .Anc_link::after {
	border-top: 0;
	border-bottom: 2px solid white;
	top: 50%;
	right: 20px;
}
/*end_Anc*/

/*start_Field-manner*/
.Field-manner {
	margin-bottom: 140px;
}

.Field-manner_intro {
    display: flex;
    justify-content: space-between;
    width: 960px;
    margin: 80px auto 100px auto;
}

.Field-manner_ttl {
    width: 287px;
    height: 104px;
}

.Field-manner_intro-txt {
    display: block;
    width: 450px;
    font-size: 16px;
}

.Field-manner_intro-txt--em {
    color: #9abe39; 
    font-size: 16px;
    font-weight: 600;
}

	/*start_Slogan*/
	.Slogan {
		position: relative;
	}

	.Slogan:after {
		content: '';
		display: block;
		width: calc(100% - 40px);
		height: calc(100% - 120px);
		background: #f5f2e9;
		position: absolute;
		bottom: 60px;
		left: 20px;
		z-index: 0;
	}

	.Slogan_intro-txt {
		position: relative;
		width: 960px;
		margin: 0 auto 60px auto;
		padding: 40px 230px;
		font-size: 16px;
		background: white;
		border-top: 3px solid #9abe39;
		border-bottom: 3px solid #9abe39;
		z-index: 1;
	}

	.Slogan_intro-txt::before {
		content: '';
		display: block;
		width: 384px;
		height: 219px;
		background: url(/attending/t/tyo/birdwatching/information/images/field-manner_bird.png) no-repeat center / contain;
		position: absolute;
		top: -222px;
		left: 50px;
	}

	.Slogan_intro-txt--em {
		color: #9abe39; 
		font-size: 16px;
		font-weight: 600;
	}
	/*end_Slogan*/

	/*start_Slide-btn*/
    .slide-btn_items {
		position: relative;
        display: flex;
        justify-content: space-between;
        width: 510px;
        margin: 0 auto 60px auto;
		z-index: 1;
    }

    .slide-btn_item {
        width: 60px;
        height: 60px;
        padding: 15px;
        background: #157a41;
        border-radius: 5px;
        box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.15);
		cursor: pointer;
    }

    .slide-btn_item:hover:not(.active) {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
		height: 57px;
		transform: translateY(3px);
    }

    .slide-btn_item.active {
        background: #4e9e98;
        box-shadow: none;
    }
	/*end_Slide-btn*/

	/*start_Slide*/
	.Slide_wrap {
		position: relative;
		width: 960px;
    	margin: 0 auto;
		z-index: 1;
	}

		/*start_sub-slide*/
		.Sub-slide_items {
			position: absolute;
			top: -35px;
			left: 75px;
			width: 273px;
			z-index: 2;
		}

		/*.Sub-slide_item {
			transform: translateY(20px);
			transition: .5s .5s;
		}

		.Sub-slide_item.slick-current {
			transform: translateY(0);
		}*/

		.Sub-slide_item:not(:first-child) {
			display: none;
		}

		.slick-initialized .Sub-slide_item:not(:first-child) {
			display: block;
		}
		/*end_sub-slide*/

    .Slide_items {
		position: relative;
        width: 750px;
        margin: 0 auto 100px auto;
        background-image:
			repeating-linear-gradient(
				90deg,
				#f7f3f5 ,
				#f7f3f5 1px,
				transparent 1px,
				transparent 9px
			),
			repeating-linear-gradient(
				0deg,
				#f7f3f5 ,
				#f7f3f5 1px,
				#fff 1px,
				#fff 9px
			);
        border-image: url(/attending/t/tyo/birdwatching/common/images/handWritingLine.png) 33 fill / 11px / 7px repeat;
    }

    .Slide_items::after {
		content: '';
		display: block;
		width: 90%;
		height: 20px;
		position: absolute;
		bottom: -20px;
		left: 5%;
		background: #4e9e98;
		opacity: .2;
    }

    .Slide_item {
        position: relative;
        padding: 40px 40px 40px 260px;
    }

    .Slide_item:not(:first-child) {
		display: none;
    }

    .slick-initialized .Slide_item:not(:first-child) {
		display: block;
    }

    .Slide_item::after {
        content: '';
        display: block;
        width: 236px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .Slide_item--ya::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--ya.png);
    }

    .Slide_item--sa::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--sa.png);
    }

    .Slide_item--si::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--si.png);
    }

    .Slide_item--i::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--i.png);
    }

    .Slide_item--ki::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--ki.png);
    }

    .Slide_item--mo::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--mo.png);
    }

    .Slide_item--ti::after {
        background-image: url(/attending/t/tyo/birdwatching/information/images/slide_letter--ti.png);
    }

    .Slide_item-ttl {
        height: 68px;
        margin-bottom: 20px;
    }

    .contents .Slide_item-ttl img {
        width: auto;
        height: 100%;
    }

    .Slide_item-txt {
        font-size: 16px;
    }

	.slick-arrow {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 42%;
		background: url(/attending/t/tyo/birdwatching/information/images/slide_arrow.png) no-repeat center / contain;
		cursor: pointer;
		transition: .3s;
	}

	.Slide_btn--next {
		right: -60px;
		transform: scaleX(-1);
	}

	.Slide_btn--next:hover {
		transform: scaleX(-1) translateX(-3px);
	}

	.Slide_btn--prev {
		left: -60px;
	}

	.Slide_btn--prev:hover {
		transform: translateX(-3px);
	}
	/*end_Slide*/
/*end_Field-manner*/

/*start_Observation-manner*/
.Observation-manner {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto 120px auto;
}

.Observation-manner::before {
    content: '';
    display: block;
    width: 403px;
    height: 325px;
    background: url(/attending/t/tyo/birdwatching/information/images/observation-manner_bird.png) no-repeat center / contain;
    position: absolute;
    top: -120px;
    right: -190px;
}

.Observation-manner_ttl-box {
    width: 300px;
    margin-bottom: 30px;
    padding: 30px;
    background: #4e9e98;
	border-radius: 0 0 10px 0;
}

.Observation-manner_ttl {
    width: 241px;
    margin: 0 auto 30px auto;
}

.Observation-manner_intro-txt {
    font-size: 16px;
    color: white;
}

.Observation-manner_group {
    position: relative;
    width: 300px;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    background-color: #f5f2e9;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 141px;
}

.Observation-manner_group:nth-of-type(3n + 1) {
    transform: translateY(30px);
}

.Observation-manner_group:nth-of-type(3n + 2) {
    transform: translateY(60px);
}

.Observation-manner_group:nth-of-type(1) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num01.png);
	border-radius: 0 0 10px 10px;
}

.Observation-manner_group:nth-of-type(1)::after {
    content: '';
    display: block;
    width: 174px;
    height: 159px;
    background: url(/attending/t/tyo/birdwatching/information/images/observation-manner_nest.png) no-repeat center / contain;
    position: absolute;
    bottom: -25px;
    left: -15px;
}

.Observation-manner_group:nth-of-type(2) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num02.png);
	border-radius: 0 0 0 10px;
}

.Observation-manner_group:nth-of-type(3) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num03.png);
	border-radius: 0 10px 10px 0;
}

.Observation-manner_group:nth-of-type(3)::after {
    content: '';
    display: block;
    width: 117px;
    height: 149px;
    background: url(/attending/t/tyo/birdwatching/information/images/observation-manner_lens.png) no-repeat center / contain;
    position: absolute;
    bottom: -25px;
    left: 30px;
}

.Observation-manner_group:nth-of-type(4) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num04.png);
	border-radius: 10px
}

.Observation-manner_group:nth-of-type(5) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num05.png);
	border-radius: 10px 0 0 10px; 
}

.Observation-manner_group:nth-of-type(6) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num06.png);
	border-radius: 0 10px 0 0;
}

.Observation-manner_group:nth-of-type(7) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num07.png);
	border-radius: 10px 10px 0 0;
}

.Observation-manner_group:nth-of-type(7)::after {
    content: '';
    display: block;
    width: 172px;
    height: 139px;
    background: url(/attending/t/tyo/birdwatching/information/images/observation-manner_pc.png) no-repeat center / contain;
    position: absolute;
    bottom: -40px;
    left: -5px;
}

.Observation-manner_group:nth-of-type(8) {
    background-image: url(/attending/t/tyo/birdwatching/information/images/observation-manner_num08.png);
	border-radius: 10px 0 0 0;
}

.contents .Observation-manner_group-ttl {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.Observation-manner_group-ttl::before {
    content: '『';
    font-size: 21px;
    position: absolute;
    top: -6px;
    left: -27px;
}

.Observation-manner_group-ttl::after {
    content: '』';
    font-size: 21px;
    position: absolute;
    bottom: -6px;
    right: -27px;
}

.Observation-manner_group-description {
    font-size: 16px;
    text-align: left;
}
/*end_Observation-manner*/

/*start_Belongings*/
.Belongings {
    position: relative;
	margin-bottom: 80px;
}

.Belongings::before {
    content: '';
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 255px);
    background: #f5f2e9;
    position: absolute;
    bottom: 60px;
    left: 20px;
    z-index: 1;
}

.Belongings::after {
    content: '';
    display: block;
    width: 267px;
    height: 208px;
    background: url(/attending/t/tyo/birdwatching/information/images/belongings_bird.png) no-repeat center / contain;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-530px);
    z-index: 0;
}

.Belongings_ttl {
    width: 295px;
    height: 154px;
    margin: 0 auto 40px auto;
}

.Belongings_contents-wrap {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding-top: 40px;
    z-index: 1;
}

.Belongings_intro-txt {
    position: relative;
    width: 600px;
    margin: 0 0 40px 360px;
    padding-left: 120px;
    font-size: 16px;
}

.Belongings_intro-txt::after {
    content: '';
    display: block;
    width: 131px;
    height: 100px;
    background: url(/attending/t/tyo/birdwatching/information/images/belongings_binoculars.png) no-repeat center / contain;
    position: absolute;
    top: 15px;
    left: -30px;
}

.Belongings_list-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px;
	border-image: url(/attending/t/tyo/birdwatching/common/images/handWritingLine.png) 33 fill / 11px / 7px repeat;
    background-image:
        repeating-linear-gradient(
            90deg,
            #f7f3f5 ,
            #f7f3f5 1px,
            transparent 1px,
            transparent 9px
        ),
        repeating-linear-gradient(
            0deg,
            #f7f3f5 ,
            #f7f3f5 1px,
            #fff 1px,
            #fff 9px
        );
}

.Belongings_list-wrap--clothes {
    width: 600px;
    margin: 0 0 60px 360px;
}

.Belongings_list-wrap--clothes::before {
    content: '';
    display: block;
    width: 335px;
    height: 440px;
    background: url(/attending/t/tyo/birdwatching/information/images/belongings_KF19-085431.png) no-repeat center / contain;
    position: absolute;
    top: -60px;
    left: -325px;
    z-index: 1;
}

.Belongings_list-wrap--clothes::after {
    content: '';
    display: block;
    width: 172px;
    height: 138px;
    background: url(/attending/t/tyo/birdwatching/information/images/belongings_BP19-110764.png) no-repeat center / contain;
    position: absolute;
    bottom: -30px;
    right: 130px;
}

.Belongings_list-wrap--belongings {
    width: 960px;
}

.Belongings_list-wrap--belongings::after {
    content: '';
    display: block;
    width: 121px;
    height: 105px;
    background: url(/attending/t/tyo/birdwatching/information/images/belongings_pictureBook.png) no-repeat center / contain;
    position: absolute;
    bottom: -70px;
    right: 140px;
}				

.Belongings_list-ttl {
    position: absolute;
    bottom: 0;
    right: 0;
}

.Belongings_list-ttl--clothes {
    width: 90px;
    height: 43px;
}

.Belongings_list-ttl--belongings {
    width: 131px;
    height: 43px;
}

.Belongings_list-items--clothes {
    width: 280px;
}

.Belongings_list-items--belongings {
    width: 280px;
}

.Belongings_list-item {
    font-size: 19px;
    font-weight: 700;
}

.Belongings_list-item:not(:last-child) {
    margin-bottom: 15px;
}

.Belongings_icn {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border: 3px solid rgba(51,51,51,.1);
    vertical-align: -7px;
}

.Belongings_icn::before {
    content: '';
    display: block;
    width: 13px;
    height: 5px;
    background: #4e9e98;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: -3px;
}

.Belongings_icn::after {
    content: '';
    display: block;
    width: 26px;
    height: 5px;
    background: #9abe39;
    transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    left: 4px;
}

.Belongings_list-small-txt {
    font-size: 14px;
}
/*end_Belongings*/

/*start_QandA*/
.QandA {
    width: 960px;
    margin: 0 auto 20px auto;
    padding-bottom: 40px;
}

.QandA_ttl {
    width: 260px;
    height: 131px;
    margin: 0 auto 30px auto;
}

.QandA_list-items {
    width: 960px;
    border: 2px solid #f5f2e9;
}

.QandA_list-items:not(:last-child) {
    margin-bottom: 20px;
}

.QandA_list-ttl {
    display: table;
    width: 100%;
    padding: 30px;
    background: #f5f2e9;
}

.QandA_icn {
    display: table-cell;
    width: 56px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.QandA_icn--q {
    background-image: url(/attending/t/tyo/birdwatching/information/images/qa_icn--q.png);
}

.QandA_icn--a {
    background-position: top;
    background-image: url(/attending/t/tyo/birdwatching/information/images/qa_icn--a.png);
}

.QandA_list-ttl--text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    color: #4e9e98;
    font-size: 16px;
    font-weight: 700;
}

.QandA_list-description {
    display: table;
    width: 100%;
    padding: 30px;
    background: white;
}

.QandA_list-description--text {
    display: table-cell;
    padding-left: 10px;
    font-size: 16px;
}

.QandA_txtlink {
    color: #4e9e98;
    font-size: 16px;
    text-decoration: underline;
}
/*end_QandA*/