/* qa */
.page_qa{
	position: relative;
}
.page_qa .list_tag{
	text-align: center;
	margin-top: 1.25em;
}
.page_qa .tag{
	display: inline-block;
	text-align: center;
	font-size: 1.2em;
	color: #003894;
	background-color: #fff;
	border: .1em solid;
	padding: .25em 1em;
}
.page_qa .lowerTitle{
	margin: 0 auto;
}
.page_qa .headTitleSub{
	font-weight: bold;
	font-size: 15px;
	margin: 20px auto;
	letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
	.page_qa .headTitleSub{
		margin: 10px auto;
	}
}
.contentWrap .wrap-maxWid._min {
	max-width:  1200px;
	width: 90%;
  margin: 0 auto ;
}
.page_qa .mainBtn {
	margin: 80px auto;
	text-align: center;
}
.page_qa .mainBtn+.mainBtn {
	margin-top: -60px;
}
.page_qa .sectionTtl:nth-of-type(1) {
	margin-top: 60px ;
}
.page_qa .sectionTtl{
	margin:70px 0 10px;
	text-align: center;
}
.page_qa .sectionTtl img{
	width: 300px;
}
.page_qa .sectionTtl._WSparkling img,
.page_qa .sectionTtl._tokuho img{
	width: 540px;
}
.page_qa .sectionTtl img:first-child {
	margin-top: 30px ;
	}
@media screen and (max-width: 768px) {
	.page_qa .sectionTtl{
		margin: 10% auto 1.5%;
		width: 70%;
	}
	.page_qa .sectionTtl._tokuho,
	.page_qa .sectionTtl._WSparkling{
		width: 100%;
	}
}
section {
	margin-bottom: 40px;
}

/* ------------------------------
 *  QA base
 * ------------------------------ */ 
.page_qa .accoWrap {
  width: 100%;
  margin: 0 auto;
}
.page_qa .accoWrap dl {
  position: relative;
  margin: 30px 0 0;
  border: 2px solid #003894;
	border-radius: 16px;
	-webkit-box-shadow:4px 4px #003894;
	        box-shadow:4px 4px #003894;	
	overflow: hidden;
}
.page_qa .accoWrap .accoQ::before {  
	position: absolute;
	display: block;
	top: 0;
	left: 30px;
	bottom: 0;
	margin: auto;
	height:40px;
	width:30px;	
	content: "";
	background-image: url("../images/qaQ-SF.svg");
	background-position: center center;
	background-repeat: no-repeat;	
}
.page_qa .accoWrap .accoQ {
	position: relative;
	margin: 0;
	font-size: 18px;
	color: #003894;
	background-color: #FFF;
	cursor: pointer;	
	padding: 20px 20px 20px 94px;
	font-weight: bold;
	border-radius: 14px;	
}
.page_qa .accoWrap .accoQ p {
	border-left: 1px solid #003894;
	padding: 20px 40px 20px 30px;
	letter-spacing: .15em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
.page_qa .accoWrap .accoQ:hover p {
	border-left: 1px solid #FFF;
}
.page_qa .accoWrap .accoQ::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 38%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 15px;
  height: 15px;
  border-top: solid 3px #003894;
  border-right: solid 3px #003894;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.page_qa .accoWrap .accoQ.open::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 45%;
}
.page_qa .accoWrap .accoQ.open::after {
	border-color: #fff !important;
}
.page_qa .accoWrap .accoQ.open p {
	border-left: 1px solid #fff;
	padding: 20px 40px 20px 30px;
}
.page_qa .accoWrap .accoQ:hover, .page_qa .accoWrap .accoQ:active { 
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,56,148,1)), color-stop(74%, rgba(76,116,180,1))); 
	background: linear-gradient(90deg, rgba(0,56,148,1) 0%, rgba(76,116,180,1) 74%);
	color: #fff;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.page_qa .accoWrap .accoQ.open { 
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,56,148,1)), color-stop(74%, rgba(76,116,180,1))); 
	background: linear-gradient(90deg, rgba(0,56,148,1) 0%, rgba(76,116,180,1) 74%);
	border-radius: 14px 14px 0 0 ;
	color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.page_qa .accoWrap .accoQ:hover::after, .page_qa .accoWrap .accoQ:active::after { 
	content: "";
	position: absolute;
	right: 24px;
	top: 38%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.page_qa .accoWrap .accoQ.open:hover::after {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 45%;
}
.page_qa .accoWrap .accoA {
	padding: 20px 40px 20px 94px;
	color: #003894;
	font-size: 16px;
	line-height: 1.6;
	background-color: #FFF;
	border-radius: 0 0 14px 14px;
	letter-spacing: .1em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	text-align: justify;
	position: relative;
	overflow: hidden;
}
.page_qa .accoWrap .accoA :before {
	position: absolute;
	display: block;
	top: 25px;
	left: 30px;
	bottom: 0;
	margin: auto;
	height:40px;
	width:30px;
	margin-top: 0px;
	content: "";
	background-image: url("../images/qaA-SF.svg");
	background-position: center center;
	background-repeat: no-repeat;
}
.page_qa .accoWrap .accoA p {
	border-left: 1px solid #003894;
	padding: 10px 20px 10px 30px;
}
.page_qa .accoWrap .accoA a {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.page_qa .accoWrap {
		width: 96%;
	}
	.page_qa .accoWrap dl {
		margin: 16px 0 0;
	}
	.page_qa .accoWrap .accoQ::before, .page_qa .accoWrap .accoA::before {
		left: 18px;
	}
	.page_qa .accoWrap .accoQ {
		font-size: 16px;
		padding: 10px 10px 10px 64px;
	}
	.page_qa .accoWrap .accoQ p {
		padding: 6px 30px 6px 15px;
		text-align: justify;
	}
	.page_qa .accoWrap .accoQ.open p {
		border-left: 1px solid #fff;
		padding: 6px 30px 6px 15px;
	}
	.page_qa .accoWrap .accoQ::after {
		right: 15px;
		width: 12px;
		height: 12px;
	}
	.page_qa .accoWrap .accoQ:hover::after, .page_qa .accoWrap .accoQ:active::after{
		content: "";
		position: absolute;
		right: 15px;
		top: 38%;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		display: block;
		width: 12px;
		height: 12px;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		-webkit-transform: rotate(135deg);
		        transform: rotate(135deg);
	}
	.page_qa .accoWrap .accoQ.open:hover::after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		top: 45%;
	}
	.page_qa .accoWrap .accoA :before {
		display:none;	
	}
	.page_qa .accoWrap .accoA {
		font-size: 16px;
		padding: 15px 10px 10px;	
	}
	.page_qa .accoWrap .accoA p:first-child {
	float: left;
	}
	.page_qa .accoWrap .accoA p:first-child img {
		width: 46px;
		height: auto;
	}
	.page_qa .accoWrap .accoA p {
		border-left: none;
		padding: 0px 10px 10px 15px;
	}
}

/* ------------------------------
 *  #SMARTFIT
 * ------------------------------ */ 
 /* section#SMARTFIT {} */
.page_qa #SMARTFIT .accoWrap dl {
    border: 2px solid #003894;	
	-webkit-box-shadow:4px 4px #003894;	
	        box-shadow:4px 4px #003894;	
}
.page_qa #SMARTFIT .accoWrap .accoQ::before {  
	background-image: url("../images/qaQ-SF.svg");
}
.page_qa #SMARTFIT .accoWrap .accoQ {
	color: #003894;
}
.page_qa #SMARTFIT .accoWrap .accoQ p {
	border-left: 1px solid #003894;
}
.page_qa #SMARTFIT .accoWrap .accoQ:hover p {
	border-left: 1px solid #FFF;
}
.page_qa #SMARTFIT .accoWrap .accoQ::after {
  border-top: solid 3px #003894;
  border-right: solid 3px #003894;
}
.page_qa #SMARTFIT .accoWrap .accoQ.open p {
	border-left: 1px solid #fff;
}
.page_qa #SMARTFIT .accoWrap .accoQ:hover, .page_qa #SMARTFIT .accoWrap .accoQ:active { 
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,56,148,1)), color-stop(74%, rgba(76,116,180,1))); 
	background: linear-gradient(90deg, rgba(0,56,148,1) 0%, rgba(76,116,180,1) 74%);
	color: #fff;
}
.page_qa #SMARTFIT .accoWrap .accoQ.open { 
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,56,148,1)), color-stop(74%, rgba(76,116,180,1))); 
	background: linear-gradient(90deg, rgba(0,56,148,1) 0%, rgba(76,116,180,1) 74%);
	color: #fff;
}
.page_qa #SMARTFIT .accoWrap .accoQ:hover::after, .page_qa #SMARTFIT .accoWrap .accoQ:active::after { 
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
}
.page_qa #SMARTFIT .accoWrap .accoA {
  color: #003894;
}
.page_qa #SMARTFIT .accoWrap .accoA :before {
	background-image: url("../images/qaA-SF.svg");
}
.page_qa #SMARTFIT .accoWrap .accoA .linkUnderLine {
	font-weight: 400;
	margin-bottom: 0;
}
.page_qa #SMARTFIT .accoWrap .accoA .linkUnderLine:before {
	background-image: none;
}
.page_qa #SMARTFIT .accoWrap .accoA p {
	border-left: 1px solid #003894;
}
@media screen and (max-width: 768px) {
	.page_qa #SMARTFIT .accoWrap .accoQ.open p {
		border-left: 1px solid #fff;
	}
	.page_qa #SMARTFIT .accoWrap .accoQ.open:hover::after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		top: 45%;
	}
	.page_qa #SMARTFIT .accoWrap .accoA p,
	.page_qa #SMARTFITWater-Sparkling .accoWrap .accoA p {
		border-left: none;
		padding: 0px 10px 10px 10px;
	}
	.page_qa #SMARTFIT .accoWrap .accoA .linkUnderLine {
		font-size: 16px;
		margin: 20px auto 15px;
		border-bottom: #000 2px solid;
		line-height: 1.8;
	}
}


/* ------------------------------
 *  #ATHLETE
 * ------------------------------ */ 
 /* section#ATHLETE {} */
.page_qa #ATHLETE .accoWrap dl {
    border: 2px solid #9b8048;	
	-webkit-box-shadow:4px 4px #9b8048;	
	        box-shadow:4px 4px #9b8048;	
}
.page_qa #ATHLETE .accoWrap .accoQ::before {  
	background-image: url("../images/qaQ-AT.svg");
}
.page_qa #ATHLETE .accoWrap .accoQ {
	color: #9b8048;	
}
.page_qa #ATHLETE .accoWrap .accoQ p {
	border-left: 1px solid #9b8048;
}
.page_qa #ATHLETE .accoWrap .accoQ:hover p {
	border-left: 1px solid #FFF;
}
.page_qa #ATHLETE .accoWrap .accoQ::after {
  border-top: solid 3px #9b8048;
  border-right: solid 3px #9b8048;
}
.page_qa #ATHLETE .accoWrap .accoQ.open p {
	border-left: 1px solid #fff;
}
.page_qa #ATHLETE .accoWrap .accoQ:hover, .page_qa #ATHLETE .accoWrap .accoQ:active { 
	background: rgb(155,128,72);
background: -webkit-gradient(linear, left top, right top, from(rgba(155,128,72,1)), color-stop(74%, rgba(185,166,127,1)));
background: linear-gradient(90deg, rgba(155,128,72,1) 0%, rgba(185,166,127,1) 74%);
	color: #fff;
}
.page_qa #ATHLETE .accoWrap .accoQ.open { 
	background: rgb(155,128,72);
background: -webkit-gradient(linear, left top, right top, from(rgba(155,128,72,1)), color-stop(74%, rgba(185,166,127,1)));
background: linear-gradient(90deg, rgba(155,128,72,1) 0%, rgba(185,166,127,1) 74%);
	color: #fff;
}
.page_qa #ATHLETE .accoWrap .accoQ:hover::after, .page_qa #ATHLETE .accoWrap .accoQ:active::after { 
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	color: #fff;
}
.page_qa #ATHLETE .accoWrap .accoA {
  color: #9b8048;
}
.page_qa #ATHLETE .accoWrap .accoA :before {
	background-image: url("../images/qaA-AT.svg");
}
.page_qa #ATHLETE .accoWrap .accoA p {
	border-left: 1px solid #9b8048;
}
@media screen and (max-width: 768px) {
	.page_qa #ATHLETE .accoWrap .accoQ.open p {
		border-left: 1px solid #fff;
	}
	.page_qa #ATHLETE .accoWrap .accoQ.open:hover::after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		top: 45%;
	}
	.page_qa #ATHLETE .accoWrap .accoA p {
		border-left: none;
		padding: 0px 10px 10px 10px;
	}
}

/* ------------------------------
 *  #ORHERS
 * ------------------------------ */ 
 /* section#ATHLETE {} */
.page_qa #OTHERS .accoWrap dl {
    border: 2px solid #252525;	
	-webkit-box-shadow:4px 4px #252525;	
	        box-shadow:4px 4px #252525;	
}
.page_qa #OTHERS .accoWrap .accoQ::before {  
	background-image: url("../images/qaQ-Oth.svg");
}
.page_qa #OTHERS .accoWrap .accoQ {
	color: #252525;	
}
.page_qa #OTHERS .accoWrap .accoQ p {
	border-left: 1px solid #252525;
}
.page_qa #OTHERS .accoWrap .accoQ:hover p {
	border-left: 1px solid #FFF;
}
.page_qa #OTHERS .accoWrap .accoQ::after {
  border-top: solid 3px #252525;
  border-right: solid 3px #252525;
}
.page_qa #OTHERS .accoWrap .accoQ.open p {
	border-left: 1px solid #fff;
}
.page_qa #OTHERS .accoWrap .accoQ:hover, .page_qa #OTHERS .accoWrap .accoQ:active { 
background: rgb(33,33,33);
background: -webkit-gradient(linear, left top, right top, from(rgba(33,33,33,1)), color-stop(74%, rgba(100,100,100,1)));
background: linear-gradient(90deg, rgba(33,33,33,1) 0%, rgba(100,100,100,1) 74%);
	color: #fff;
}
.page_qa #OTHERS .accoWrap .accoQ.open { 
background: rgb(33,33,33);
background: -webkit-gradient(linear, left top, right top, from(rgba(33,33,33,1)), color-stop(74%, rgba(100,100,100,1)));
background: linear-gradient(90deg, rgba(33,33,33,1) 0%, rgba(100,100,100,1) 74%);
	color: #fff;
}
.page_qa #OTHERS .accoWrap .accoQ:hover::after, .page_qa #OTHERS .accoWrap .accoQ:active::after { 
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	color: #fff;
}
.page_qa #OTHERS .accoWrap .accoA {
  color: #252525;
}
.page_qa #OTHERS .accoWrap .accoA :before {
	background-image: url("../images/qaA-Oth.svg");
}
.page_qa #OTHERS .accoWrap .accoA p {
	border-left: 1px solid #252525;
}

@media screen and (max-width: 768px) {
	.page_qa #OTHERS .accoWrap .accoQ.open p {
		border-left: 1px solid #fff;
	}
	.page_qa #OTHERS .accoWrap .accoQ.open:hover::after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		top: 45%;
	}
	.page_qa #OTHERS .accoWrap .accoA p {
		border-left: none;
		padding: 0px 10px 10px 10px;
	}
}