/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{}
.ac .trigger{ cursor:pointer; border-bottom:1px solid #fff; background-color:rgba(0,0,0,0.05); padding:10px 30px 10px 10px; display:block; vertical-align:middle; font-weight:bold; overflow:hidden;
-webkit-transition:  all 0.3s ease-out; transition:  all 0.3s ease-out; position:relative;}
.ac .trigger *{ margin:0;}
.ac .trigger span.num{ float:left; width:10%; background:#fff; box-sizing:border-box; padding:0; border-radius:5px; text-align:center;}
.ac .trigger span.text{float:right; width:88%;}
.ac .trigger h2,.ac .trigger h3,.ac .trigger h4,.ac .trigger h5{ border:none; padding:0; margin:0; background:none; font-size:14px; letter-spacing:0;}
.ac .trigger:hover{background-color:rgba(0,0,0,0.1);}
.ac .trigger.open{ background-color:#ddd; margin-top:20px;}
.ac .trigger:first-child.open{margin-top:0px;}
.ac .trigger:after{font-family: FontAwesome; content: "\f067"; display:block; text-align:center; width:20px; height:20px; line-height:20px; font-size:20px; position:absolute; top:50%; margin-top:-0.5em; right:10px; color:rgba(0,0,0,0.2);}
.ac .trigger.open:after{content: "\f00d"; color:rgba(0,0,0,0.8);}
.ac .trigger+*{ display:none; border:1px solid #ddd; margin-bottom:20px; background:rgba(255,255,255,0.5); padding:19px; position:relative;}


/* -----------------------------------------------------------
アコーディオン　Q and A
----------------------------------------------------------- */
.ac.qanda .trigger h4{ font-weight:normal; font-size:14px; letter-spacing:0;}
.ac.qanda .trigger,.ac.qanda .trigger+*{ padding-left:50px;}
.ac.qanda .trigger:before,.ac.qanda .trigger+*:before{content: "Q"; display:block; font-weight:bold; width:28px; height:28px; line-height:28px; text-align:center; position:absolute; top:20px; left:10px;margin-top:-14px; border-radius:99px; color:#fff; background-color:#ccc;}
.ac.qanda .trigger.open{ background-color:#FFEFEF;}
.ac.qanda .trigger.open:before{background-color:#CC0000;}
.ac.qanda .trigger+*:before{content: "A"; background-color:#333; top:30px;}