
#productAbout img {
	width: 100%;
	height: auto;
}
#productAbout video {
	width: 100%;
	height: auto;
}
#productAbout .rel {
	position: relative;
}
#productAbout .abs {
	position: absolute;
}
#productAbout .btn_cvanc {
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
	z-index: 5;
}
#productAbout .btn_shadow img {
	filter: drop-shadow(10px 12px 5px rgba(15, 20, 51, .3));
	will-change: filter;
}
#productAbout #cv {
	z-index: 1;
}
#productAbout  .cv_btn a {
	width: 92%;
	display: block;
	margin: 3% auto 0;
}
#productAbout  .cv_btn a.icon {
	width: 95.2%;
	transform: translateX(-1.6%);
	margin-top: 1%;
}
/* アコーディオン */
#productAbout .accordion {
	position: relative;
}
#productAbout .accordion .toggle_btn {
	cursor: pointer;
	position: relative;
	z-index: 3;
}
#productAbout .accordion .toggle_btn:hover {
	opacity: 1;
}
#productAbout .accordion .toggle_btn .toggle_btn_open {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: 0.5s;
}
#productAbout .accordion.open .toggle_btn .toggle_btn_open{
	opacity: 0;
}
#productAbout .accordion .contents_wrap {
	display: none;
}
#productAbout .accordion .toggle_btn.icon_p-m::before,
#productAbout .accordion .toggle_btn.icon_p-m::after {
	content: "";
	display: block;
	width: 3px;
	height: 30px;
	background-color: #5a4f46;
	position: absolute;
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
	transition: .3s;
	z-index: 2;
}
#productAbout .accordion .toggle_btn.icon_p-m::after {
	transform: translateY(-50%) rotate(90deg);
}
#productAbout .accordion.open .toggle_btn.icon_p-m::before {
	transform: translateY(-50%) rotate(-90deg);
}
#productAbout .accordion .toggle_btn.arw_down::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #5a4f46;
	border-right: 2px solid #5a4f46;
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%) rotate(135deg);
	transition: .3s;
}
#productAbout .accordion.open .toggle_btn.arw_down::after {
	transform: translateY(-50%) rotate(-45deg);
}
#productAbout .video1 {
    width: 176px;
    height: 176px;
	top: 0%;
    left: 5.3%;
    overflow: hidden;
    border-radius: 50%;
}
#productAbout .video1 video {
	width: 260%;
    margin-left: -80%;
    margin-top: -53%;
}
/* anchor3 */
#productAbout #anchor3 .toggle_btn {
	position: absolute;
    bottom: 30px;
    left: 14%;
    width: 80.6%;
}
#productAbout #anchor3 .accordion .toggle_btn.arw_down::after {
	border-color: #a6a6a6;
}
#productAbout #anchor3 .btn_cvanc_sec3-2 {
	bottom: 30px;
}
/* anchor4 */
#productAbout #anchor4 .toggle_btn {
	position: absolute;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 81.4%;
}
#productAbout #anchor4 .video2 {
    z-index: 33;
    left: 50%;
    top: 13%;
    transform: translateX(-50%);
    width: 76%;
}
/* anchor5 */
#productAbout #anchor5 {
	background-color: #fff;
}
#productAbout #anchor5 .link_txt {
	top: 67.7%;
    left: 4.7%;
	width: 46.8%;
}
/* anchor6 */
#productAbout #anchor6 {
	background-color: #514841;
}
#productAbout #anchor6 .btn_cvanc {
	transform: none;
	left: 0;
    margin: 6% auto 0;
}
#productAbout #anchor6 .accordion + .accordion  {
	margin-top: 40px;
}
#productAbout a {
	transition: 0.5s;
}
#productAbout a:hover {
	opacity: 0.7;
}
/* nav */
#productAbout .anchor_wrap {
	background-color: #514841;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	padding: 50px 30px;
}
#productAbout .anchor_wrap a {
	position: relative;
	width: 33.3333%;
}
#productAbout .anchor_wrap a::after {
	content: "";
	display: block;
	width: 1px;
	height: 80%;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 10%;
	right: 0;
}
#productAbout .anchor_wrap a:nth-child(3)::after,
#productAbout .anchor_wrap a:nth-child(6)::after {
	content: none;
}
#productAbout .accordion.bg::after {
	content: "";
	display: block;
	width: 750px;
	height: 250px;
	background-image: linear-gradient(0deg, #ffffff 60%, transparent);
	position: absolute;
	bottom: 0;
	left: -110px;
	visibility: visible;
	opacity: 1;
	transition: .2s;
	z-index: 1;
}
#productAbout .open.accordion.bg::after {
	visibility: hidden;
	opacity: 0;
}
#productAbout #anchor3 .accordion.bg::after {
	left: 67px;
}
#productAbout #anchor4 .accordion.bg::after {
	content: none;
}

@media screen and (max-width: 767px) {
    #productAbout .btn_shadow img {
        filter: drop-shadow(1.333cqw 1.6cqw 0.667cqw rgba(15, 20, 51, .3));
    }

    #productAbout .accordion .toggle_btn.icon_p-m::before,
    #productAbout .accordion .toggle_btn.icon_p-m::after {
    	content: "";
    	display: block;
        width: 0.4cqw;
        height: 4cqw;
        right: 10cqw;
    }

    #productAbout .accordion .toggle_btn.arw_down::after {
    	content: "";
    	display: block;
        width: 1.333cqw;
        height: 1.333cqw;
        border-top: 0.267cqw solid #5a4f46;
        border-right: 0.267cqw solid #5a4f46;
        right: 5.333cqw;
    }

    #productAbout .video1 {
        width: 23.467cqw;
        height: 23.467cqw;
    }

    #productAbout #anchor3 .toggle_btn {
        bottom: 4cqw;
    }

    #productAbout #anchor6 .accordion + .accordion {
        margin-top: 5.333cqw;
    }

    #productAbout .anchor_wrap {
        padding: 6.667cqw 4cqw;
    }

    #productAbout .anchor_wrap a::after {
    	content: "";
    	display: block;
        width: 0.133cqw;
    }

    #productAbout .accordion.bg::after {
    	content: "";
    	display: block;
        width: 100cqw;
        height: 33.333cqw;
        left: -14.667cqw;
    }

    #productAbout #anchor3 .accordion.bg::after {
    	content: "";
    	display: block;
        left: 8.933cqw;
    }

	#productAbout #anchor3 .btn_cvanc_sec3-2 {
		bottom: 4cqw;
	}

	/*#cv,
	#anchor1,
	#anchor2,
	#anchor3,
	#anchor4,
	#anchor5,
	#anchor6 {
		margin-top: -60px;
		padding-top: 60px;
	}*/
}
