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

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*=========================================
      container
=========================================*/
#container{ max-width:800px; width:90%; margin:0 auto;}


/*=========================================
      よくあるご質問
=========================================*/
.section{ margin:0 0 40px;}
.section h3{ padding:12px 15px; background:#333; color:#fff; font-weight:bold; font-size:120%:}
.accordion dl{ border-bottom:1px solid #333; color:#333;}
.accordion dl dt{ display:block; font-size:16px; padding:15px 35px 15px 0; font-weight:bold; cursor:pointer; position:relative;}
.accordion dl dt:before,
.accordion dl dd:before{ display:inline-block; float:left; margin-right:5px; font-family: 'Josefin Sans', sans-serif; font-weight:600; width:28px; height:28px; line-height:32px; text-align:center; border-radius:100%;}
.accordion dl dt:before{ content:"Q"; background:#00abd6; color:#fff;}
.accordion dl dd{ display:none; padding:5px 0 30px 35px; position:relative;}
.accordion dl dd:before{ content:"A"; position:absolute; left:0; background:#d1edff; color:#00abd6;}
.accordion dl dd .txt{ margin:0 0 10px;}
.accordion dl dd .btn{ width:300px; margin:10px 0; text-align:center;}
.accordion dl dd .btn a{ display:block; padding:12px 0; font-weight:bold; background:#00abd6; color:#fff; text-decoration:none;}
.accordion dl dd ul.item li span{ font-weight:bold; margin:0 10px 0 0;}


/*開閉アイコン*/
.accordionIcon { position:absolute; right:5px; top:0; bottom:0; margin:auto 0; width:30px; height:30px;}
.accordionIcon:after,
.accordionIcon:before { content:""; display:inline-block; transition:all .4s; box-sizing:border-box; position:absolute; width:15px; height:1px; left:0; right:0; top:0; bottom:0; margin:auto; background-color: #000;}
.accordionIcon:after {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordionIcon:before {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordionIcon.active:after { display:none;}
.accordionIcon.active:before {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}






/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {


/*=========================================
      よくあるご質問
=========================================*/
.section{ margin:0;}
.section h3{ padding:10px 4%;}
.accordion dl{}
.accordion dl dt{ font-size:13px; padding:12px 25px 12px 0; margin:0 3%;}
.accordion dl dt:before,
.accordion dl dd:before{ font-size:15px; width:23px; height:23px; line-height:26px;}
.accordion dl dt:before{ margin:0 5px 0 0;}
.accordion dl dd{ font-size:12px; padding:5px 0 20px; margin:0 3%;}
.accordion dl dd:before{}
.accordion dl dd .txt{ padding:0 0 0 30px;}
.accordion dl dd .btn{ width:90%; margin:10px auto;}
.accordion dl dd .btn a{}

/*開閉アイコン*/
.accordionIcon { right:0; width:20px; height:20px;}
.accordionIcon:after,
.accordionIcon:before { width:10px;}
.accordionIcon:after {}
.accordionIcon:before {}
/*＋、－切り替え*/
.accordionIcon.active:after {}
.accordionIcon.active:before {}



}