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

.accordionbox{width:100%; margin: 0 auto;}
.accordionlist dt{display:block; padding: 20px 0 10px 60px; border-bottom:1px solid #DDD; background: url(../information/images/icon_q.png) no-repeat left 40%; font-size: 20px; cursor: pointer;}
.accordionlist dt .title{float: left;}
.accordionlist dd{display:none; padding:15px 15px 15px 55px; background: url(../information/images/icon_a.png) no-repeat 5px 17px #F5F5F5;}
.accordion_icon,
.accordion_icon span {display: inline-block; transition: 0.3s; box-sizing: border-box;}
.accordion_icon {position: relative; width: 30px; height: 30px; float: right; padding: 0; margin-top: 10px;}
.accordion_icon span {position: absolute; left: 0; width: 90%; height:2px; background-color: #000;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}


/* smartPhone */
@media screen and (max-width: 640px) {
.accordionlist dt{ padding: 15px 0 5px 40px; background-position: 5px 40%; background-size: 30px; font-size: 13px; line-height: 1.5em;}
.accordionlist dt .title{width: 85%;}
.accordion_icon span {width: 50%; margin-top: -5px;}
.accordionlist dd{ padding:10px 10px 10px 40px; background-size: 30px;}



}