@charset "utf-8";

/* Front Page Setting
***********************/
.faqPage
{}
.bannerArea
{ background:url(../images/faq/img-banner.jpg) no-repeat center center; background-size:cover;}
.bannerArea .innerArea
{ position:relative; height:290px; padding-top:110px;}
.bannerArea .innerArea h1
{ position:relative; margin:0px auto; text-align:center;}
.bannerArea .innerArea h1 span
{ font-size:45px; font-size:3.75rem; line-height:1.3; color:#fff; border-bottom:5px solid #3ed1c5;}

.pageTit
{ font-size:30px; font-size:2.5rem; line-height:1.3; color:#00c4b4; text-align:left; margin-bottom:30px;}

.sideCol
{ width:200px; text-align:right; vertical-align:top;}
.sideCol .sideContent
{ position:relative; width:200px;}
.sideCol .pageTit
{ text-align:right;}
.sideCol li
{ margin-bottom:10px;}
.sideCol li a
{ font-size:16px; font-size:1.333rem; line-height:1.3; color:#666; text-align:right;}
.sideCol li:hover a,
.sideCol li.current a
{ color:#00c4b4; }
.questionCol
{ text-align:left;}
.questionCol .pageTit
{ color:#333;}
.questionGroup
{ margin-bottom:30px;}
.questionItem
{ background:#fff; padding:15px 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); cursor:pointer;}
.questionItem dt
{ padding:5px 20px 5px 0px; font-size:18px; font-size:1.5rem; line-height:1.3; color:#333; font-weight:bold; background:url(../images/common/img-listing-arrow.png) no-repeat top 5px right; background-size:auto 20px;}
.questionItem.current dt
{ background:url(../images/common/img-listing-down-arrow.png) no-repeat top 8px right; background-size:20px auto;}
.questionItem dd
{ padding:5px 0px; font-size:15px; font-size:1.25rem; line-height:1.3; color:#333; display:none;}

.faqGroup .sepCol
{ width:2%;}


@media screen and (max-width:1024px){
}



@media screen and (max-width:768px){
/* Contact Page Setting
***********************/
.faqPage
{}
.bannerArea .innerArea
{ height:290px; }
.bannerArea .innerArea h1 span
{ font-size:42px; font-size:3.5rem; }

.pageTit
{ font-size:28px; font-size:2.333rem; }

.sideCol
{ display:block; width:100%; text-align:center; vertical-align:top;}

.sideCol .pageTit
{ text-align:center; }
.sideCol .sideContent
{ width:100%;}
.sideCol .topicList
{ margin-bottom:30px;}
.sideCol li
{ float:left; width:33%; }
.sideCol li.mid
{ width:34%; }
.sideCol li a
{ float:left; display:block; width:100%; padding:15px 0px; background:#fff; text-align:center;}
.sideCol li:hover a,
.sideCol li.current a
{ background:#00c4b4; color:#fff;}
.questionCol
{ display:block; width:100%;}

.faqGroup .sepCol
{ display:none;}
}


@media screen and (max-width:700px){
.bannerArea .innerArea
{ padding-top:80px;}
}


@media screen and (max-width:425px){
/* Font Size Ratio
font-size:13px; : font-size:4vw;
font-size:14px; : font-size:4vw;
font-size:16px; : font-size:4vw;
font-size:18px; : font-size:4.2vw;
font-size:20px; : font-size:5vw;
font-size:24px; : font-size:5.5vw;
font-size:30px; : font-size:6vw; 
font-size:36px; : font-size:7vw; 
font-size:80px; : font-size:14vw; 
**************************/
.contactPage
{}
.bannerArea .innerArea
{ height:160px; }
.bannerArea .innerArea h1 span
{ font-size:36px; font-size:8.5vw; }

.pageTit
{ font-size:24px; font-size:6vw; margin-bottom:20px; margin-bottom:5vw;}

.sideCol li a
{ font-size:16px; font-size:4vw;}
.questionGroup
{ margin-bottom:30px; margin-bottom:6.25vw;}
.questionItem
{ padding:10px 10px;}
.questionItem dt
{ font-size:16px; font-size:4vw; background:url(../images/common/img-listing-arrow.png) no-repeat top 5px right; background-size:auto 20px;}
.questionItem.current dt
{ background:url(../images/common/img-listing-down-arrow.png) no-repeat top 8px right; background-size:20px auto;}
.questionItem dd
{ font-size:15px; font-size:3.75vw; }
}