@charset "utf-8";
/* ==================================================================
CSS information
style info :よくあるご質問
================================================================== */

#gNavi li.btn6 a { background-position:left -793px bottom -5px;}

@media screen and (min-width: 768px) { /* 768px以上の記述 */
#main { width:950px; float:none; }
.second #contactBox { float:none; width:950px; }
.second #contactBox .inner { background-color:#fff; margin:0 3px; padding:10px 20px 10px 25px; }

.second #contactBox .btn_faq a { background:url(../_img/index/btn_faq.png) no-repeat 0 0; width:263px; }
.second #contactBox .btnSet a { width:263px; height:65px; }
.second #contactBox .btnSet .btn1 a { background:url(../_img/index/btn_freetrial.png) no-repeat 0 0; }
.second #contactBox .btnSet .btn2 a { background:url(../_img/index/btn_request.png) no-repeat 0 0; margin-left:15px; }

}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.second #sideBox { float:none; display:none; }
}

/* --------------------------------------------------------
#main
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#main h2 { background:url(../_img/index/maintitle.jpg) no-repeat 0 0; }
#main .catchcopy { background:url(../_img/index/catchcopy.png) no-repeat 0 0; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#main h2 .title { padding-top:18px; padding-bottom:7px; }
#main .catchcopy { }
}



/* --------------------------------------------------------
#indexBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#indexBox { padding:30px 50px 20px; margin-bottom:50px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../../_common/PIE.htc);
}
#indexBox li { display:inline-block; /display:inline; /zoom:1; width:405px; margin-bottom:15px;}
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#indexBox { padding:20px 10px 10px; margin-bottom:50px; border-top:3px solid #edf5ac; border-bottom:3px solid #edf5ac; }
#indexBox li { margin-bottom:20px;}
#indexBox a { text-decoration:underline; }
}

#indexBox { background:#f9fddb; }
#indexBox a { background:url(../_img/index/icon_arrow.png) no-repeat left center; display:inline-block; padding-left:1em; }


/* --------------------------------------------------------
#qaBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#qaBox { margin-bottom:50px; }
#qaBox section dl { padding:20px; }
#qaBox section { border:1px solid #b3c900; margin-bottom:30px; }
#qaBox section dt { font-size:123.1%; font-weight:bold; min-height:30px; padding:10px 0 20px 50px; margin-bottom:20px; }
#qaBox section dd { line-height:1.61; padding:10px 10px 10px 50px; }

.textBox { font-size:123.1%; margin-bottom:50px; text-align:center; line-height:1.81;}

.linkButton { margin-top: 10px;}
.linkButton a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#qaBox { margin-bottom:30px; border-bottom:1px solid #b3c900; }
#qaBox section { padding-top:60px; }
#qaBox section dl { padding:10px; border-top:1px solid #b3c900; }
#qaBox section dt { font-size:116%; min-height:40px; padding:0px 0 10px 50px; margin-bottom:10px; }
#qaBox section dd { padding:0px 10px 0px 50px; }

.textBox { margin:0 10px; font-size:116%; margin-bottom:40px; text-align:left; line-height:1.61; }
}

#qaBox section dt { color:#86a300; border-bottom:2px solid #b3c900; }
#qaBox section dd { line-height:1.61; }

.textBox { color:#86a300; font-weight:200; }

#qaBox section dt { background:url(../_img/index/icon_q.png) no-repeat 0 0; }
#qaBox section dd { background:url(../_img/index/icon_a.png) no-repeat 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* 解像度別の記述 */
#qaBox section dt { background:url(../_img/index/icon_q-sp.png) no-repeat 0 0; background-size:40px; }
#qaBox section dd { background:url(../_img/index/icon_a-sp.png) no-repeat 0 0; background-size:40px; }

.linkButton { margin-top: 10px;}
}