@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/

@media screen and (min-width:769px){/* PC */
h2.title { width: 100%; padding: 40px 0 15px 0; background: url(../common/images/title_line.png) center bottom repeat-x; }
h2.title p { width: 1000px; margin: 0 auto; }


.c1 { width: 100%; background: #f3f4f8; }
.c1 .inner { position: relative; width: 1000px; margin: 0 auto; }

.c_navi { position: relative; width: 1000px; margin: 3% auto 0 auto; }
.c_navi ul li { float: left; width: 25%; padding: 0 1%; box-sizing: border-box;}
.c_navi ul li:last-child { clear: both; width: 50%; padding: 2% 1% 0 1%; margin: 0 0 0 25%; box-sizing: border-box;}

.c_icon { width: 1000px; margin: 0 auto; padding: 5px 0 0 0; }
.c_icon p { text-align: right; font-size: 0.85em }
.c_icon p span { display: inline-block; border-right: 1px dotted #d3d3d3; padding: 0 1em 0 0; margin: 0 1em 0 0; font-weight: bold; }
.c_icon p img { width: 33px; margin: 0 0.5em 0 0; vertical-align: middle; }

.c2 { width: 100%; margin: 20px auto 0 auto; }
div.faq { width: 100%; margin: 0 auto 0 auto; }

.faqBox { width: 1000px; padding: 10px; margin: 30px auto 0 auto; border: 1px solid #dfe3e8; box-sizing: border-box; }
.faqBox h4 { display: block; width: 1000px; padding: 0 0 0 0; background-image: url(../images/faq/btn_open.png); background-position:  97% 10px; background-repeat:  no-repeat; cursor:pointer; }
.faqBox h4:hover { background-image: url(../images/faq/btn_open_on.png); background-position:  97% 10px; background-repeat:  no-repeat; }
.faqBox h4.active { background-image: url(../images/faq/btn_close.png); background-position:  97% 10px; background-repeat:  no-repeat; }
.faqBox h4.active:hover { background-image: url(../images/faq/btn_close_on.png); background-position:  97% 10px; background-repeat:  no-repeat; }


.faqBox h4 p.txt { width: 90%; font-size: 1.2em; line-height: 1.35em; padding: 10px 0 10px 40px; margin: 0 0 0 0; background:url(../images/faq/icon_q.png) left 10px no-repeat;  font-weight: 700; }
.faqBox h4:hover p.txt { color: #443387; }
.faqBox h4.active:hover p.txt { color: #443387; }


.faqBox .inner { width: 100%; margin: 0 auto; padding: 1em 1em 0 0; background: #fff; font-size: 1em; box-sizing: border-box; border-top: 1px dotted #dfe3e8; }
.qtxt { margin: 10px 0 0 0; padding: 0 40px; }
.qtxtIconOn { margin: 0 0 0 0; padding: 0 0 15px 40px; background:url(../images/faq/icon_a.png) left top no-repeat; }

.bottomBtn { text-align: center; padding: 50px 0 0 0; }


}/*@media*/



@media screen and (max-width:768px){/* SP */

h2.title { width: 100%; padding: 6% 0 15px 0; background: url(../common/images/title_line.png) center bottom repeat-x; }
h2.title p { width: 92%; margin: 0 auto; }


.c1 { width: 100%; background: #f3f4f8; }
.c1 .inner { position: relative; width: 100%; margin: 0 auto; }

.c_icon { width: 92%; margin: 0 auto; padding: 1% 0 0 0; }
.c_icon p { text-align: right; font-size: 0.85em }
.c_icon p span { display: inline-block; border-right: 1px dotted #d3d3d3; padding: 0 1em 0 0; margin: 0 1em 0 0; font-weight: bold; }
.c_icon p img { width: 4vw; margin: 0 0.5em 0 0; vertical-align: middle; }

.c_navi { position: relative; width: 94%; margin: 6% auto 0 auto; }
.c_navi ul li { float: left; width: 50%; padding: 0 1% 2% 1%; box-sizing: border-box;}
.c_navi ul li:last-child { clear: both; width: 100%; box-sizing: border-box;}

.c2 { width: 100%; margin: 0% auto 0 auto; }
div.faq { width: 100%; margin: 0 auto 0 auto; }

.faqBox { width: 92%; padding: 2%; margin: 3% auto 0 auto; border: 1px solid #dfe3e8; box-sizing: border-box; }
.faqBox h4 { display: block; width: 100%; padding: 0 0 0 0; background-image: url(../images/faq/btn_open.png); background-position:  99% 10px; background-repeat:  no-repeat; cursor:pointer; }
.faqBox h4:hover { background-image: url(../images/faq/btn_open_on.png); background-position:  99% 10px; background-repeat:  no-repeat; }
.faqBox h4.active { background-image: url(../images/faq/btn_close.png); background-position:  99% 10px; background-repeat:  no-repeat; }
.faqBox h4.active:hover { background-image: url(../images/faq/btn_close_on.png); background-position:  99% 10px; background-repeat:  no-repeat; }


.faqBox h4 p.txt { width: 75%; font-size: 1.1em; line-height: 1.35em; padding: 10px 0 10px 40px; margin: 0 0 0 0; background:url(../images/faq/icon_q.png) left 10px no-repeat;  font-weight: 700; }
.faqBox h4:hover p.txt { color: #443387; }
.faqBox h4.active:hover p.txt { color: #443387; }


.faqBox .inner { width: 100%; margin: 0 auto; padding: 1em 1em 0 0; background: #fff; font-size: 0.85em; box-sizing: border-box; border-top: 1px dotted #dfe3e8; }
.qtxt { margin: 10px 0 0 0; padding: 0 40px; }
.qtxtIconOn { margin: 0 0 0 0; padding: 0 0 15px 40px; background:url(../images/faq/icon_a.png) left top no-repeat; }


.bottomBtn { width: 80.8vw; margin: 0 auto; text-align: center; padding: 12% 0 0 0; }

}/*@media*/