@charset "UTF-8";
/* CSS Document */
#main_img { background: url("../../faq/img/tit.jpg") no-repeat center center;background-size: cover;}
#main_img h1 {padding-top:130px;}
#lead_col { min-height:0; text-align: center;}
#lead_col h2.lead { float:none; font-size:30px; padding:30px 0; text-align: center;}
#lead_col h2 .wbr {display: block;}

@media screen and (max-width: 600px) {
                #main_img h1 {padding-top:0;}
                #lead_col { margin:0 auto; padding:0; width:92%;}
                #lead_col h2.lead { font-size:22px;}
                #lead_col h2.lead span {display: inline;}
}

/* ---------------------------------------------------
Section
------------------------------------------------------ */
section:not(#lead_col) { margin:0 auto; width:1000px;}
section h2:not(.lead) { font-size:36px;}
section h2:not(.lead) span.wbr { background:none; color: #46230d; display: inline; font-size:36px;padding:0; width:auto;}
section dt { margin-bottom: 1.5em; padding: 2.5em 0 0 100px; position: relative; }
section dt:before { background: #78a325; border: 1px solid #78a325; border-radius: 50%; content: "Q";color: #fff;
                    position: absolute; left: 45px; height: 33px;line-height: 31px;text-align: center; width: 33px; }
section dd { border-bottom: 1px dotted #907071 ; padding: 0 0 2.5em 100px; position: relative;}
section dd:before{ border: 1px solid #78a325; border-radius: 50%; content: "A"; color:#78a325;
                    position: absolute; left: 45px;height: 33px; line-height: 31px;text-align: center;width: 33px;}
/*section dd img { margin-top:10px; width:350px;}
section dd img + img {display: block;width:200px;}*/
section dd a { text-decoration: underline;}
section dd #e-money{ display: flex; align-items: flex-start; margin-top:20px;}
#e-money img:nth-of-type(1) { width:240px;}
#e-money img:nth-of-type(2) { margin:0 20px; width:270px;} 
#e-money img:nth-of-type(3) { margin-top:10px;width:200px;}
@media screen and (max-width: 600px) {
                section:not(#lead_col)  { margin:0 auto; padding:0; width:92%;}
                section h2:not(.lead) { font-size:26px; margin:50px auto 0; }
                section h2:not(.lead) span.wbr {display: block; font-size:26px;}
                section dt{ padding: 1em 0 0 40px;}
                section dd{ padding: 0 0 1em 40px;}
                section dt:before,
                section dd:before{ left: 0; }
                /*section dd img { width:90%;}
                section dd img + img { width:60%;}*/
                section dd #e-money{ flex-direction: column; text-align: center; width:100%;}
                #e-money img:nth-of-type(1) { width:80%;}
                #e-money img:nth-of-type(2) { margin:20px 0; width:80%} 
                #e-money img:nth-of-type(3) { margin-top:0;width:60%;}
}