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

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

name: uniq.css

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


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


/*=========================================
      よくあるご質問
=========================================*/
.accordion dl{ border-bottom:1px dashed #000; 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:#e7368e; color:#fff;}
.accordion dl dd{ display:none; padding:5px 0 30px;}
.accordion dl dd:before{ content:"A"; background:#ffdff9; color:#e7368e;}
.accordion dl dd .txt,
.accordion dl dd .link{ padding:0 0 0 30px;}
.accordion dl dd .link{ margin:10px 0 0 0;}
.accordion dl dd .link a{ color:#65794a; text-decoration:underline;}
.accordion dl dd .link a:hover{ text-decoration:none;}


/*開閉アイコン*/
.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) {

.accordion dl{}
.accordion dl dt{ font-size:13px; padding:10px 25px 10px 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,
.accordion dl dd .link{ padding:0 0 0 30px;}
.accordion dl dd .link{ margin:10px 0 0 0;}
.accordion dl dd .link a{}

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



}