@charset "UTF-8";
/*css document*/

/* ============================ [ Q & A ] ============================ */
.faq_top_ttl{
	font-size: 1.5rem;
	color: #0382FF;
	margin-bottom: 1rem;
	text-align: left;
}

/*tabの全体枠*/
.tab {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  background: #ccc;
  border: 1px solid #ccc;
	box-sizing: border-box;}

/*inputを非表示にする*/
.input {
  position: absolute;
  opacity: 0; 
	box-sizing: border-box;}

/*tabボタン部分*/
.tab-label {
  width: 100%;
  padding: 20px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  color: #7f7f7f;
  margin-bottom: 0;
  transition: background 0.1s, color 0.1s; }

.tab-label:hover {
  background: #d8d8d8; }

.tab-label:active {
  background: #ccc; }

.input:checked + .tab-label {
  background: #fff;
  color: #000; }

.tab-label[for="tab-1"]	{
	background-color: #F8ECCC;
}

.tab-label[for="tab-2"]	{
	background-color: #D1E6F3;
}

.tab-label[for="tab-3"]	{
	background-color: #D9ECDF;
}

.tab-label[for="tab-4"]	{
	background-color: #F3DFE1;
}

.tab-label[for="tab-5"]	{
	background-color: #F7FAD7;
}

.tab-panel h2{
	font-size: 1.4rem;
	background-color: #F8ECCC;
	padding: 15px 10px;
	margin-bottom: 1rem;
	box-sizing: border-box;
	text-align: left;
}
.tab-panel h2 span{
	border-left: solid 8px #1B274E;
}

.tab-panel.tab-panel-1 h2{
	background-color: #F8ECCC;
}
.tab-panel.tab-panel-2 h2{
	background-color: #D1E6F3;
}
.tab-panel.tab-panel-3 h2{
	background-color: #D9ECDF;
}
.tab-panel.tab-panel-4 h2{
	background-color: #F3DFE1;
}
.tab-panel.tab-panel-5 h2{
	background-color: #F7FAD7;
}
.tab-panel h4{
	font-size: 1.4rem;
	background-color: #F8ECCC;
	padding: 15px 10px;
	margin-bottom: 1rem;
	box-sizing: border-box;
	text-align: left;
}
.tab-panel h4 span{
	border-left: solid 8px #1B274E;
}

.tab-panel.tab-panel-1 h4{
	background-color: #F8ECCC;
}
.tab-panel.tab-panel-2 h4{
	background-color: #D1E6F3;
}
.tab-panel.tab-panel-3 h4{
	background-color: #D9ECDF;
}
.tab-panel.tab-panel-4 h4{
	background-color: #F3DFE1;
}
.tab-panel.tab-panel-5 h4{
	background-color: #F7FAD7;
}

@media (min-width: 600px) {
  .tab-label {
    width: 20%;
	box-sizing: border-box;} }
/*tabの本文エリア*/
.tab-panel {
  display: none;
  padding: 20px 10px 30px;
  background: #fff; 
	width: 100%;}

@media (min-width: 600px) {
  .tab-panel {
    order: 99; } 
/*
.input:checked + .tab-label + .tab-panel {
  display: block; }
*/
}
.input:checked + .tab-label + .tab-panel {
  display: block; }


/*その他
---------------------------------------------------------------------------*/
.u-mb-20 {
  margin: 0 0 20px 0; }

.content {
  max-width: 800px;
  margin: 40px auto;
  padding: 10px; }


/*プルダウン*/
ul.qa,ul.inner{list-style: none; margin: 0; padding: 0;}
.qa {text-align: left;}
.qa li{margin-bottom: 2px;}
.qa .inner {display: none;}
.qa .ac1{cursor: pointer; border: solid 1px #CCCCCC; overflow: hidden;
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.qa .ac1::before{content: url("../../faq/img/faq_q.png"); background-repeat: no-repeat; display: block; float: left; margin: 20px 15px;}
.qa .ac1 p{height: 40px; display: table-cell; padding: 20px 10px 20px 0; font-size: 1.2rem; vertical-align: middle; text-align: justify; line-height: 1.2em;}
.qa .inner {background: #F0E2E2; color: #333333; box-sizing: border-box; margin: 0; padding: 0;}
.qa .inner li.content1-1::before{content: url("../../faq/img/faq_a.png"); background-repeat: no-repeat; display: block; float: left; margin: 20px 15px;}
.qa .inner li.content1-1 p{height: initial; display: table-cell; padding: 20px 10px 20px 0; font-size: 1.2rem; line-height: 1.5em; text-align: justify;}



@media (max-width:600px){
.qa .ac1 p{height: initial; display: block; padding: 20px 10px 20px 0; font-size: 1.2rem; line-height: 1.2em; text-align: justify;}
input:checked ~ div{ overflow: hidden; }

}