/***********************************************************************************************************************

ACCORDION

***********************************************************************************************************************/

div.accordion {
  width: 100%;
  border-top: 1px solid #555;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size:1.4rem;
  font-size: 14px;
  text-decoration: none;
  background-color: #222;
  border-bottom: 1px solid #555;
  cursor: pointer;
  padding: 15px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #c39e13;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 8px;
  position: absolute;
  right: 12px;
  top: 19px;
  color: #fff;
}
div.accordion > ul > li > a:after{
  content: "▼";
}

div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size:1.2rem;
  font-size: 12px;
  border-bottom: 1px solid #555;
  padding: 10px 12px 10px 22px;
  position: relative;
  text-decoration:none;
  background:#333 url(../img/arrow_4-10_c39e13.png) 10px center no-repeat;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #444;
}


/*追加*/

div.accordion > ul > li > a:hover,
div.accordion > ul > li.active > a{
  background-color: #c39e13;
}
div.accordion > ul > li > a.after,
div.accordion > ul > li > a:hover.after{
	cursor:default;
  background-color: #c39e13;
}


div.accordion > ul > li > a.toggle-none:after{
  content: "";
}
div.accordion > ul > li > a.toggle-none.active:after{
  content: "";
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
div.accordion > ul > li > ul > li > a{
  background-image:url(../img/arrow_4-10_c39e13@2x.png);
  background-size:4px 10px;
}
}


/*元
div.accordion {
  width: 100%;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #6ab5c8;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #5997a7;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #2f7f99;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #79c9b8;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}
*/

/***************************************************************
accordion02
****************************************************************/

div.accordion02 {
  width: 100%;
  border-top: 0px solid #fff;
}
div.accordion02 li{
	margin-bottom: 5px;
}

div.accordion02 > ul > li > a {
  display: block;
  color: #000;
  font-size:1.4rem;
  font-size: 14px;
  text-decoration: none;
  background-color: rgba(64,189,221,0.05); 
  /*border-bottom: 1px solid #333;*/
  cursor: pointer;
  padding: 20px 40px 25px 10px;
  position: relative;
}
.medi_purple div.accordion02 > ul > li > a {
  color: #4c6cae;
  background-color: #f7f6fb; /*#fff*/
}

div.accordion02 > ul > li > a:hover{
  background-color: #f0f5fb;
}
div.accordion02 > ul > li > a:after, div.accordion02 > ul > li > a.active:after{
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-8px;
  color: #ed7e8d;
}
div.accordion02 > ul > li > a:after{
  content: ""; /*▼*/
	position: absolute;
	top: 50%;
	margin: -8px 0 0 0;
	right: 17px;
	width: 2px;
	height: 16px;
	background-color: #40bddd;
	/*border: 2px solid;
	border-color:transparent transparent #40bddd #40bddd;
	transform: rotate(-45deg);*/
}
div.accordion02 > ul > li > a:before{
  content: ""; /*▼*/
	position: absolute;
	top: 50%;
	margin: -1px 0 0 0;
	right: 10px;
	width: 16px;
	height: 2px;
	background-color: #40bddd;
}
.medi_purple div.accordion02 > ul > li > a:after{
	background-color: #4c6cae;
}
.medi_purple div.accordion02 > ul > li > a:before{
	background-color: #4c6cae;
}
div.accordion02 > ul > li > a:hover:after,
div.accordion02 > ul > li > a:hover:before{
	background-color: #40bddd;
}
div.accordion02 > ul > li > a.active:after{
	background-color: transparent;
}
div.accordion02 > ul > li > a.active:before{
	background-color: #40bddd;
}
div.accordion02 > ul > li > div.accordion02_inner{
	display: none;
	padding:20px 15px 15px;
	background-color: #fef5f5;
	color: #000;
}
.medi_purple div.accordion02 > ul > li > div.accordion02_inner{
	background-color: #f7f6fb;
}


div.accordion02 > ul > li > div.accordion02_inner dl{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
div.accordion02 > ul > li > div.accordion02_inner dl dt{
	width: 20px;
}
div.accordion02 > ul > li > div.accordion02_inner dl dd{
	width: calc(100% - 30px);
}



/*追加*/

div.accordion02 > ul > li > a:hover,
div.accordion02 > ul > li> a.active{
  background-color:#fff67f;
	/*color: #fff;*/
}
.medi_purple div.accordion02 > ul > li > a:hover,
.medi_purple div.accordion02 > ul > li> a.active{
  background-color:#4c6cae;
}

div.accordion02 > ul > li > a.after,
div.accordion02 > ul > li > a:hover.after{
	cursor:default;
  background-color: #f0f5fb;
}


div.accordion02 > ul > li > a.toggle-none:after{
  content: "";
}
div.accordion02 > ul > li > a.toggle-none.active:after{
  content: "";
}

div.accordion02 > ul > li > a .question{
	font-weight: 600;
	font-family: 'Lato', sans-serif;
	font-size: 2.4rem;
	font-size: 24px;
	color: #40bddd;
	margin-right:10px;
}
.medi_purple div.accordion02 > ul > li > a .question{
	color: #4c6cae;
}
div.accordion02 > ul > li > a:hover .question,
div.accordion02 > ul > li > a.active .question,
.medi_purple div.accordion02 > ul > li > a:hover .question,
.medi_purple div.accordion02 > ul > li > a.active .question{
	/*color: #fff*/;
}
div.accordion02 > ul > li > a .news_date{
	display: inline-block;
	color: #000;
	margin-right:15px;
	padding-top: 3px;
}
div.accordion02 > ul > li > a:hover .news_date,
div.accordion02 > ul > li > a.active .news_date{
	color: #fff;
}

@media screen and (max-width: 767px) {
div.accordion02 > ul > li > a {
  font-size:1.3rem;
  font-size: 13px;
  padding: 10px 30px 15px 10px;
}
div.accordion02 > ul > li > a:after, div.accordion02 > ul > li > a.active:after{
/*  font-size: 8px;
  right: 5px;
  margin-top:-6px;*/
}
div.accordion02 > ul > li > div.accordion02_inner{
  padding:15px 10px 15px;
}
div.accordion02 > ul > li > a .question{
	font-size: 22px;
	margin-right:10px;
}
}


/* accordion *************************************/

div.accordion02 > ul > li > div.accordion02_inner p.answer{
	font-weight: 600;
	font-family: 'Lato', sans-serif;
	font-size: 2.4rem;
	font-size: 24px;
	line-height: 1;
	color: #ee7e7c;
	float: left;
	margin:0 20px 0 0;
	padding: 5px 0 0 0;
}
.medi_purple div.accordion02 > ul > li > div.accordion02_inner p.answer{
	color: #4c6cae;
}
div.accordion02 > ul > li > div.accordion02_inner p{
	color: #000;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 2em;
	padding: 0.3em 0;
}

@media screen and (max-width: 767px) {
div.accordion02 > ul > li > div.accordion02_inner p.answer{
	font-size: 26px;
	margin: -2px 10px 0 0;
}
div.accordion02 > ul > li > div.accordion02_inner p{
	font-size: 1.2rem;
	font-size: 12px;
}
div.accordion02 > ul > li > div.accordion02_inner p.cap{
	font-size: 1.0rem;
	font-size: 10px;
}
}