@charset "UTF-8" ;

/*--------------------------------------------------
index.html
--------------------------------------------------*/
#main-area {
	width:640px;
}

#faqArea {
	margin:0 0 40px;
}
#faqArea .noDisp {
	display:none;
}
#faqArea #faqTab {
	margin:0 0 35px;
	padding:0 0 0 11px;
	border-bottom:5px solid #3379D8;
}
#faqArea #faqTab li {
	width:147px;
	height:48px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
#faqArea #faqTab li a {
	width:147px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333333;
	padding:16px 0 16px;
	line-height:1.3;
	background-color:#D6E4F7;
}
#faqArea #faqTab li a.line2 {
	padding:8px 0;
}
#faqArea #faqTab li a.now {
	background-color:#3379D8;
	color:#fff;
}
#faqArea #faqTab li a span {
	display:inline-block;
	padding:0 0 0 12px;
    background:url(/img/faq_arw.png) no-repeat 0 50%;
}
#faqArea #faqTab li a.now span {
    background:url(/img/faq_arw.png) no-repeat -200px 50%;
}


#faqArea .tabContents dl {
	border-bottom:1px dotted #cccccc;
	margin-bottom: 60px;
}
#faqArea .tabContents dt {
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	padding:30px 0 30px 38px;
	border-top:1px dotted #cccccc;
    background:url(/img/faq_q.png) no-repeat 10px 30px;
}
#faqArea .tabContents dd {
	font-size:107.6%;
	padding:0 0 10px 38px;
    background:url(/img/faq_a.png) no-repeat 10px 2px;
}
#faqArea .tabContents dd p {
	margin-bottom:20px;
	font-size: 13px;
	line-height: 1.8;
}
#faqArea .tabContents dd ul {
	margin-bottom:20px;
}
#faqArea .tabContents .disc-list li {
	list-style-type:disc;
	margin-left:1.5em;
}

.contact-box:before,
.contact-box:after { content:" "; display:table; }
.contact-box:after { clear:both; }
.contact-box { *zoom:1; }
#faqArea .tabContents .tel,
#faqArea .tabContents .mail {
	float:left;
}
#faqArea .tabContents .contact-box {
	margin-bottom:20px;
}
#faqArea .tabContents .contact-box p {
	margin:0;	
}

#faqArea .tabContents .pdf {
	padding-left:18px;
    background:url(/common/img/mr_pdf.gif) no-repeat 0 50%;
}

@media screen and (min-width: 768px) {

    .faq-contact-area {
      clear: both;
      padding: 9px 6px;
      overflow: hidden; 
  	}
    .faq-contact-area .tel {
      float: left;
      width: 234px;
      background-color: #ffffff;
    }
    .faq-contact-area .tel .tel-tlt {
      font-size: 13px;
      padding-bottom: 7px;
      font-weight: bold;
    }
    .faq-contact-area .tel img{
      max-width: 204px;
      width: 100%;
	  height: auto;
    }
      .faq-contact-area .mail {
        float: left;
        width: 269px;
        padding: 0px 9px 4px 15px;
        background-color: #ffffff; }
        .faq-contact-area .mail .mail-tlt {
          font-size: 13px;
          padding-bottom: 7px;
          font-weight: bold; }
        .faq-contact-area .mail .mail-btn a {
          display: block;
          border-radius: 4px;
          background-color: #2c3691;
          width: 205px;
          font-size: 16px;
          color: #fff;
          text-align: center;
          text-decoration: none;
          padding: 16px 0 12px; }
          .faq-contact-area .mail .mail-btn a:hover {
            opacity: 0.8; }
          .faq-contact-area .mail .mail-btn a span {
            background: url("/common/img/pc-arrow-white.png") no-repeat left 8px;
            padding-left: 15px; }

}

@media screen and (max-width: 767px) {
#faqArea {
	margin:0 0 40px;
}
#faqArea .noDisp {
	display:none;
}
#faqArea #faqTab {
	margin:0;
	padding:0;
	border-bottom:5px solid #3379D8;
}
#faqArea #faqTab li {
	width:50%;
	height:48px;
	overflow:hidden;
	float:left;
	margin-right:0px;
}
#faqArea #faqTab li a {
	width:100%;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333333;
	padding:16px 0 16px;
	line-height:1.3;
	background-color:#D6E4F7;
}
#faqArea #faqTab li a.line2 {
	padding:8px 0;
}
#faqArea #faqTab li a.now {
	background-color:#3379D8;
	color:#fff;
}
#faqArea #faqTab li a span {
	display:inline-block;
	padding:0 0 0 12px;
    background:url(/img/faq_arw.png) no-repeat 0 50%;
}
#faqArea #faqTab li a.now span {
    background:url(/img/faq_arw.png) no-repeat -200px 50%;
}


#faqArea .tabContents dl {
	border-bottom:1px dotted #cccccc;
	margin: 0 5.3%;
}
#faqArea .tabContents dt {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:30px 0 30px 38px;
	border-top:1px dotted #cccccc;
    background:url(/img/faq_q.png) no-repeat 10px 30px;
}
#faqArea .tabContents dd {
	font-size:107.6%;
	padding:0 0 10px 38px;
    background:url(/img/faq_a.png) no-repeat 10px 2px;
}
#faqArea .tabContents dd p {
	margin-bottom:20px;
	font-size: 13px;
	line-height: 1.8;
}
#faqArea .tabContents dd ul {
	margin-bottom:20px;
}
#faqArea .tabContents .disc-list li {
	list-style-type:disc;
	margin-left:1.5em;
}

.faq-contact-area{
	padding: 20px 0 14px;
	clear: both;
}
.faq-contact-area .tel{
	padding-bottom: 19px;
}
.faq-contact-area .tel .tel-tlt{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 14px;
}
.faq-contact-area .tel img{
	width: 100%;
	height: auto;
	max-width: 277px;
}
.faq-contact-area .mail{
	float: none!important;
}
.faq-contact-area .mail .mail-tlt{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	margin-top: 20px;
}
.faq-contact-area .mail .mail-btn a{
	display: block;
	border-radius: 4px;
	background-color: #2c3691;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 16px 0 12px;
	width: 100%;
}
.faq-contact-area .mail .mail-btn a span{
	background: url("/common/img/sp-right-arrow-white.png") no-repeat left center;
	padding-left: 15px;
	background-size: 7px 9.5px;
}

#faqArea .tabContents .tel{
	float: none;
}

}