#enquete .pagetit { position: relative; border-bottom: 2px solid #FFF000; }
#enquete .pagetit h2 p { font-size: 26px; line-height: 1em; position: relative; margin: 0; color: #595757; font-weight: 700; padding-top: 0px; }
#enquete .pagetit h2 p img { display: block; vertical-align: bottom; width: 100%; max-width: 390px; margin-left: auto; margin-right: auto; }
#enquete .pagetit h2 p::after { display: none; }
@media screen and (max-width: 584px) { #enquete .pagetit h2 p { font-size: 18px; } }
#enquete .secin h3 { font-size: 24px; line-height: 2em; color: #F4B4D0; text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 40px; }
#enquete .secin h3::before { width: 400px; height: 1px; content: ""; background-color: #F3B2CE; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#enquete .secin h3::after { content: ""; position: absolute; left: calc(50% - 10px); z-index: 1; width: 20px; height: 20px; bottom: -11px; background-color: #fff; border-right: #F3B2CE solid 1px; border-bottom: #F3B2CE solid 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#enquete .secin h3.sty2 { color: #666; margin-bottom: 0px; margin-top: 50px; }
#enquete .secin h3.sty2::before { display: none; }
#enquete .secin h3.sty2::after { display: none; }
@media screen and (max-width: 584px) { #enquete .secin h3 { font-size: 18px; line-height: 1.8em; margin-top: 0; } }
#enquete .secin h4 { max-width: 960px; font-size: 24px; text-align: center; font-feature-settings: "pwid"; letter-spacing: 0.5px; margin: 0; line-height: 1.8em; color: #000; margin-bottom: 20px; color: #fff; background-color: #F3B3CE; position: relative; cursor: pointer; padding-top: 10px; padding-bottom: 10px; border-right: 60px solid #70234b; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-left: 60px; margin-left: auto; margin-right: auto; }
#enquete .secin h4::before, #enquete .secin h4::after { display: block; content: ""; position: absolute; top: 50%; right: -40px; width: .8em; height: 2px; border-width: 0; background: #fff; transition-duration: 0.3s; z-index: 1; margin-top: 0; }
#enquete .secin h4::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#enquete .secin h4:hover { opacity: 0.7; }
@media screen and (max-width: 584px) { #enquete .secin h4 { padding-left: 10px; font-size: 16px; text-align: left; } }
#enquete .secin #grp3Ai { opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }
#enquete .secin #grp3Ai.act { opacity: 1; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
#enquete .secin #grp2Ai { opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }
#enquete .secin #grp2Ai.act { opacity: 1; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
#enquete .secin #grp2A { position: absolute; left: 50%; top: 50%; z-index: 2; pointer-events: none; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#enquete .secin #grp3A { position: absolute; left: 50%; top: 50%; z-index: 2; pointer-events: none; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#enquete .secin #grp3Ab { position: absolute; left: 50%; top: 50%; z-index: 3; pointer-events: none; -webkit-transform: translateX(-50%) translateY(-50%) scale(1.07); -moz-transform: translateX(-50%) translateY(-50%) scale(1.07); -ms-transform: translateX(-50%) translateY(-50%) scale(1.07); transform: translateX(-50%) translateY(-50%) scale(1.07); }
#enquete .secin .sec1a { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
#enquete .secin .sec1a.grp1A img.cov { width: 80%; }
#enquete .secin .sec1a.grp3A img.cov { position: relative; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); left: auto; top: auto; }
#enquete .secin .sec1a.grp2A img.cov { position: relative; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); left: auto; top: auto; }
#enquete .secin .sec1a img { display: block; vertical-align: bottom; width: 100%; }
#enquete .secin .sec1a img.cov { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#enquete .secin p.lead { text-align: left; max-width: 800px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 2em; }
@media screen and (max-width: 584px) { #enquete .secin p.lead { text-align: left; line-height: 2em; }
  #enquete .secin p.lead br { display: none; } }
#enquete .secin p.lead2 { text-align: left; max-width: 800px; margin-left: auto; margin-right: auto; font-size: 12px; }
#enquete .secin .tabctt { display: none; max-width: 960px; margin-left: auto; margin-right: auto; /*display: block;*/ position: relative; margin-bottom: 60px; background-color: rgba(255, 207, 228, 0.37); box-sizing: border-box; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
#enquete .secin .tabctt h5 { font-size: 16px; margin: 0; text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
#enquete .secin .tabctt h5::after { width: 100px; height: 1px; content: ""; background-color: #333333; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 584px) { #enquete .secin .tabctt h5 { text-align: left; } }
#enquete .secin .tabctt ul { box-sizing: border-box; }
#enquete .secin .tabctt ul li { position: relative; padding-left: 15px; box-sizing: border-box; margin-bottom: 5px; border-bottom: 2px dotted #FFFFFF; padding-bottom: 4px; }
#enquete .secin .tabctt ul li::after { background-color: #000; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; position: absolute; left: 0; top: 7px; content: ""; }
#enquete .secin .tabcontent.act h4::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

#enquete .secin .tabcontent.act .tabctt { display: block; }

#enquete section.mainimg::after {
	content: "";
	position: absolute;
	width: 100%;
	/*max-width: 1000px;*/
	height: 100%;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-size: cover;
	background-position: center top;
	background-image: url("../images/enquete/main_01.png");
	z-index: 1; opacity: 0.8; 
}

#enquete section.mainimg .mimgc{
	width: 100%;
	max-width: 800px;
	margin-bottom: 80px;
	margin-top: 160px;
	margin-left: auto;
	margin-right: auto; 
	padding-bottom: 10%;
}

@media screen and (max-width: 584px) {
	
	#enquete section.mainimg::after {
		background-image: url("../images/enquete/main_01@sp.png"); 
	}
	
	#enquete section.mainimg .mimgc{		
		margin-bottom: 140px;
		margin-top: 100px;		
	}
	
	#enquete .secin h3.sty2 { 
		margin-top: 0px; 
	}
	
}