@charset "utf-8";

#productAbout img {
	width: 100%;
}

#productAbout video {
	width: 100%;
}

#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_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: "";
	width: 3px;
	height: 30px;
	background-color: #5a4f46;
	position: absolute;
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
	transition: .3s;
}
#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: "";
	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 .link_txt {
	top: 67.7%;
    left: 4.7%;
	width: 46.8%;
}

/* anchor6 */
#productAbout #anchor6 {
	background-color: #514841;
}
#productAbout #anchor6 .btn_cvanc {
	transform: none;
    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: "";
	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: "";
	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;
}