@charset "utf-8";

/* 共通 */
#top04{ width:auto; padding:0px; margin:0px auto 0px auto;}

#top04 .bg01{ background-color:#ff5500;}
#top04 .bg02{ background-color:#009ee5;}
#top04 .bg03{ background-color:#009c3c;}

#top04 .ttl_bg01{ width:151px; height:55px; background:url(../images/faq/faq01_img03.png) no-repeat; background-size:100%;}
#top04 .ttl_bg02{ width:177px; height:58px; background:url(../images/faq/faq01_img04.png) no-repeat; background-size:100%;}
#top04 .ttl_bg03{ width:106px; height:57px; background:url(../images/faq/faq01_img05.png) no-repeat; background-size:100%;}
#top04 .ttl_bg04{ width:106px; height:58px; background:url(../images/faq/faq01_img06.png) no-repeat; background-size:100%;}
#top04 .ttl_bg05{ width:151px; height:58px; background:url(../images/faq/faq01_img07.png) no-repeat; background-size:100%;}


/* ボタン */
#top04 ul.transmission{ text-align:center; margin:0px;}
#top04 ul.transmission li{ margin:30px 3px 25px 3px; display:inline-block;}
#top04 ul.transmission li a{ display:block; margin:0px; font-size:16px; line-height:18px; color:#ffffff;}
#top04 ul.transmission li a.btn01{ padding:15px 40px 13px 40px; background-color:#ff5500;}
#top04 ul.transmission li a.btn02{ padding:15px 25px 13px 25px; background-color:#00aff5;}
#top04 ul.transmission li a.btn03{ padding:15px 10px 13px 10px; background-color:#ffbe00;}
#top04 ul.transmission li a.btn04{ padding:15px 25px 13px 25px; background-color:#00af3c;}
#top04 ul.transmission li a.btn05{ padding:15px 10px 13px 10px; background-color:#ff5500;}
#top04 ul.transmission li a.btn06{ padding:15px 20px 13px 20px; background-color:#00af3c;}
	
	
/* ブロック01 */
.faq01{ width:960px; padding:30px 0px 50px 0px; margin:0px auto 50px auto; background-color:#ffffff; position:relative; background:url(../images/faq/faq01_bg03.png) no-repeat bottom;}

.faq01 h1{ width:350px; height:60px; margin:0px; padding:12px 0px 0px 20px; font-size:40px; line-height:42px; background:url(../images/faq/faq01_img01.png) no-repeat; color:#ffffff;}
.faq01 .list01{ width:960px; margin:auto; padding:0px 0px 0px 0px; background:url(../images/faq/faq01_bg02.png) repeat-y top;}
.faq01 .list01 ul{ width:100%; padding:25px 40px 5px 25px; margin:auto; list-style:none; background:url(../images/faq/faq01_bg01.png) no-repeat;}
.faq01 .list01 li{ width:100%; padding:20px; margin:0px 0px 15px 0px; background-color:#ffffff;}
.faq01 .list01 li:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

.faq01 h2{ width:100%; height:35px; margin:0px 0px 20px 0px; padding:8px 0px 0px 0px; font-size:20px; line-height:22px; text-align:center; color:#ffffff; background-color:#ffab00;}

.faq01 h4 {
    margin: 0px;
    padding: 0px 0px 0px 25px;
    font-size: 18px;
    line-height: 24px;
    background: url(../images/faq/faq01_img02.png) no-repeat top left;
    margin-bottom: -20px;
}
.faq01 h3{ margin:0px 0px 20px 0px; padding:28px 0px 0px 15px; font-size:18px; line-height:20px; color:#ffffff;}
.faq01 p {
    margin: 0px;
    padding: 5px 0px 15px 25px;
    font-size: 16px;
    line-height: 24px;
}
.faq01 table.sam { width:100%; text-align:left; margin:0px 0px 0px 0px; padding:0px; border-collapse:collapse;}
.faq01 table.sam th{ width:30%; margin:0px; padding:0px 0px 20px 20px; font-weight:normal;}
.faq01 table.sam td{ margin:0px; padding:0px 0px 20px 0px;}



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

/* 共通 */
#top04{ width:auto; padding:0px; margin:0px auto 0px auto;}

#top04 .ttl_bg01{ width:151px; height:55px; background:url(../images/faq/faq01_img03.png) no-repeat; background-size:100%;}
#top04 .ttl_bg02{ width:177px; height:58px; background:url(../images/faq/faq01_img04.png) no-repeat; background-size:100%;}
#top04 .ttl_bg03{ width:106px; height:57px; background:url(../images/faq/faq01_img05.png) no-repeat; background-size:100%;}
#top04 .ttl_bg04{ width:106px; height:58px; background:url(../images/faq/faq01_img06.png) no-repeat; background-size:100%;}
#top04 .ttl_bg05{ width:151px; height:58px; background:url(../images/faq/faq01_img07.png) no-repeat; background-size:100%;}


/* ボタン */
#top04 ul.transmission{ text-align:center; margin:0px; display:none;}

	
/* ブロック01 */
.faq01{ width:100%; padding:30px 0px 15px 0px; margin:0px auto 20px auto; background-size:100%;}

.faq01 h1{ width:200px; height:auto; padding:8px 0px 2px 10px; font-size:20px; line-height:1.2em; background-size:100%;}

.faq01 .list01{ width:100%; background-size:100%;}
.faq01 .list01 ul{ width:100%; padding:10px 15px 5px 12px; background-size:100%;}
.faq01 .list01 li{ width:100%; padding:5px; margin:0px 0px 15px 0px;}

.faq01 h2{ width:100%; height:auto; margin:0px 0px 15px 0px; padding:5px 0px 3px 0px; font-size:18px; line-height:1.2em;}
.faq01 h4{ padding:0px 0px 0px 15px; font-size:14px; line-height:1.2em; background-size:12px;}
.faq01 h3{ margin:0px 0px 20px 0px; padding:28px 0px 0px 15px; font-size:18px; line-height:20px; color:#ffffff;}
.faq01 p{ padding:5px 0px 15px 15px; font-size:14px; line-height:1.5em;}

.faq01 table.sam th{ font-size:12px; line-height:1.2em; width:50%; padding:0px 0px 5px 0px;}
.faq01 table.sam td{ font-size:12px; line-height:1.2em; margin:0px; padding:0px 0px 5px 0px;}

}