@charset "utf-8";

.submenu ul li a.reform_consultation:link {background: #FED631;}

.div_h1 {
    height: 250px;
    background: url(../img/consultation/top_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
    background-position: center; /* 画像の中心を固定 */
}
@media screen and (min-width: 960px) {
    .div_h1 {height: 250px;background: url(../img/consultation/top.jpg);
        background-repeat: no-repeat;
        background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
        background-position: center; /* 画像の中心を固定 */
    }
}

.div_yellow { margin-bottom:50px; float:left; background:#FDF035; }


.div_qa { width:100%; border:1px solid #000; background:#fff; margin-bottom:30px;  }
.div_qa strong { position: relative; width:100%; display:block; background:#0C2F54; color:#fff; padding:20px 13% 20px 5%; line-height: 28px; cursor: pointer; transition: 0.3s; box-sizing: border-box; text-align: justify; font-size: 18px; letter-spacing: 0.02em;}
.div_qa strong:after { font-family: "Font Awesome 5 Free"; content: "\f13a"; font-weight: 900; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: 0.2s; font-size: 24px;}
.div_qa strong.selected:after { transform: translateY(-50%) rotateX(180deg); }
.div_qa .hide_box { display: none;}
.div_qa dl { width:100%; display:flex; margin:20px 0; flex-wrap:wrap; flex-direction:column-reverse;}
.div_qa dl dt { width:100%;  text-align:center; }
.div_qa dl dt img { width:30%; margin:0; }
.div_qa dl dt span { width:100%; text-align:center; display:inline-block; }
.div_qa dl dd { width:100%; text-align: justify; }
.div_qa dl dd p { width:90%; margin:0 auto; font-size: 16px; letter-spacing: 0.05em; line-height: 28px;}
@media screen and (min-width: 960px) {
    .div_qa strong { padding:15px 5%; line-height: inherit;}
    .div_qa dl { width:90%; margin:20px 0 20px 5%; flex-direction:initial;}
    .div_qa dl dt { width:18%; }
    .div_qa dl dt a { width:100%; height:100%; display:block; font-size:12px; margin-top:-10px; }
    .div_qa dl dt a:link { text-decoration:underline;}
    .div_qa dl dt a:hover { text-decoration:none;}
    .div_qa dl dd { width:80%;  }
    .div_qa dl dt img { width:125px; }
    .div_qa dl dd p { width:100%; line-height: inherit; }
    .img_chart { width:80%; }
}


.div_midashi {
    height:200px;
    background: url(../img/consultation/midashi.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
    background-position: center; /* 画像の中心を固定 */
    display:flex;
    align-items:center; 
    color:#fff; 
}
.div_midashi strong { width:100%; text-align:center; line-height:1.7em; font-size:20px; }
.img_merit_sp { width:100%; margin-bottom:20px; display:block; }
.img_merit_pc { display:none; }
.banner { width:90%; margin:0 auto 150px auto; display: block; }
.banner:hover { opacity:0.7; }
.banner img { width:100%; }
@media screen and (min-width: 960px) {
    .div_midashi strong  { font-size:25px; }
    .img_merit_pc { width:80%; margin:0 auto 50px auto; display: block; }
    .img_merit_sp { display:none; }
    .banner { width:70%; margin:0 auto 50px auto; display: block; }


}
.p_left { margin-left:0; }
@media screen and (min-width: 960px) {
.p_left { margin-left:200px; }
}

.img_chart2 { width:90%; margin:50px auto; display:block; }
@media screen and (min-width: 960px) {
.img_chart2 { width:730px; }
}

.div_white { width:100%; margin:0 auto; background:#fff; text-align:center; padding:30px 0; margin-top:30px; }
.div_white img { width:90%; margin:30px 5%; display:block; }
.div_white strong { font-size:16px; font-weight:normal; text-align:left; }

.div_white .inline_sp { display:block; }
.div_white .inline_pc { display:none; }
@media screen and (min-width: 960px) {
    .div_white { width:80%;}
    .div_white .inline_sp { display:none; }
    .div_white .inline_pc { display:block; }
}