@charset "UTF-8";
/* CSS Document */

.content.faq .wrapper_fixbg {
	padding: 100px 0;
}

.content.faq .block {
	width: 80%;
	margin: 50px 10%;
}

.content.faq .block h2.btn {
	width: 90%;
	margin: 50px 0;
	padding: 0 0 0 10%;
	line-height: 50px;
	background-color: #FFF;
	color: #0058A6;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
	border-radius: 25px 0 0 25px;
	background-image: url("../images/common/circle.png");
	background-repeat: no-repeat;
	background-position: center left 20px;
	background-size: 20px;
}

.content.faq .block h2.btn p {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url("../images/common/arr_dwn02.png");
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 25px;
}


.content.faq .qa_list {
	width: 90%;
	margin: 0 5% 20px;
	background-image: url("../images/common/arr_sircle_blu.png");
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 30px;
	border-bottom: #0058A6 1px dotted;
}

.content.faq .readmore1 .content_more {
  display: none;
  width: 93%;
  margin: 0 0 0 7%;
}


.content.faq .readmore1 {
	width: 100%;
	margin: 0 0 20px;
	padding: 10px;
}

.content.faq .readmore1 .btn {
  cursor: pointer;
  width: 90%;
  margin: 1em 0;
  padding: 10px 5%;
  transition:all .2s ease;
  font-weight: 700;
  font-size: 24px;
}


.content.faq .readmore1 .content_more {
  display: none;
  width: 93%;
  margin: 0 0 0 7%;
}

.content.faq .content_more .btn {
  cursor: pointer;
  width: 83%;
  margin: 1em 0;
  padding: 10px 0 10px 7%;
  transition:all .2s ease;
  background-image: url("../images/faq/ico_question.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 41px;
  font-weight: 700;
  font-size: 16px;
}

.content.faq .content_more .btn a {
	width: 100%;
	margin: 0;
	color: #0058A6;
	display: block;
	opacity: 1;
	transition: ease 0.5s all;
}

.content.faq .btn a:hover {
	opacity: 0.7;
}





/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1200px */
/* **************************************************************** */
@media only screen and (max-width:1200px){

.content .content_title { padding: 100px 0 20px; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1100px */
/* **************************************************************** */
@media only screen and (max-width:1100px){

.content.faq .qa_list p.btn { width: 80%;  padding: 10px 0 10px 10%; }

}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 780px */
/* **************************************************************** */
@media only screen and (max-width:780px){

.content .content_title { padding: 50px 0 20px; }
.content.faq .block h2.btn { background-image: initial; }
.content.faq .qa_list p.btn { width: 75%;  padding: 10px 0 10px 15%; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 580px */
/* **************************************************************** */
@media only screen and (max-width:580px){

.content.faq .block h2 { 
	width: 95%;
	margin: 0 5% 50px 0;
	font-size: 20px;
	background-image: initial;
}

.content.faq .qa_list {
	width: 100%;
	margin: 0 0 20px;
	background-position: right top 10px;
	background-size: 25px;
}

.content.faq .qa_list p.btn {
  width: 70%;
  margin: 0;
  padding: 10px 15% 10px;
  background-size: 30px;
}

/*.content.faq .qa_list p.btn a::before {
	content: "Q";
	background-color: #0058A6;
	color: #FFF;
	padding: 5px 10px;
	font-size: 18px;
	font-weight: 700;
	margin-right: 5px;
}*/

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 480px */
/* **************************************************************** */
@media only screen and (max-width:480px){

.content.faq .qa_list p.btn {
  width: 70%;
  padding: 10px 15% 10px;
}

}