@charset "UTF-8";
/* CSS Document */
#lead_col h2 { margin: 15px auto 60px auto; text-align: left; width:calc(14em + (14*0.1em));}
#lead_col p span { display: block; padding-top:20px; text-align: right;}

section { padding-bottom:80px;}
section h2 + p { margin: 0 auto 80px; width:600px;}
section h3 { font-size:24px; }

@media screen and (max-width: 600px) {
                    section { padding-bottom:40px;}
                    section h2 + p { margin: 0 auto 40px; width:100%;}
}

#sec1 .box_item { display: flex; flex-direction: row-reverse; justify-content: space-between; margin: 0 auto; width:1100px;}
#sec1 .box_item .box_txt { width:705px;}
#sec1 .box_item .box_txt h3 { padding: 50px 0; text-align: center;}
#sec1 .box_item .box_txt>ul>li { border-top:1px solid #ccc; padding:0 0 60px 30px;}
#sec1 .box_item .box_txt>ul>li dt { font-size:18px; padding:20px 0;}
#sec1 .box_item .box_txt>ul>li li { padding-bottom:25px;}
#sec1 .box_item .box_txt>ul>li li:last-of-type { padding-bottom:0;}
#sec1 .box_item .box_txt>ul>li img { display: none;}
#sec1 .box_item .box_img { width:375px;}

@media screen and (max-width: 600px) {
                    #sec1 .box_item { flex-direction:column; width:100%;}
                    #sec1 .box_item .box_txt { width:100%;}
                    #sec1 .box_item .box_txt>ul>li img { display: block; margin: 5px auto; width:80%;}
                    #sec1 .box_item .box_txt>ul>li { padding:0 0 30px 0;}
                    #sec1 .box_item .box_img { display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; display: none;}
}

#sec2 .box_img { display: flex; justify-content: space-between; }
#sec2 .box_img span:first-of-type{ width: calc(56.6% - 1px);}
#sec2 .box_img span:first-of-type p { width:calc(18em + (18*0.15em)); margin:50px 140px 0 auto; }
#sec2 .box_img span:last-of-type { display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(43.4% - 1px);}
#sec2 .box_img span:last-of-type img { margin-bottom:2px;}
#sec2 .box_img span:last-of-type img:nth-of-type(1) { width:calc(56.8% - 1px); }
#sec2 .box_img span:last-of-type img:nth-of-type(2) { width:calc(43.2% - 1px); }
#sec2 .box_img span:last-of-type img:nth-of-type(3) { width:calc(43.2% - 1px); }
#sec2 .box_img span:last-of-type img:nth-of-type(4) { width:calc(56.8% - 1px); }

@media screen and (max-width: 600px) {
                    #sec2 .box_img { flex-direction: column;}
                    #sec2 .box_img span:first-of-type{ width:100%;}
                    #sec2 .box_img span:first-of-type p { width:100%; margin:30px 0 30px 0; }
                    #sec2 .box_img span:last-of-type { width:100%;}
}

#sec3 ul { margin: auto; width:1000px;}
#sec3 li { display: flex; flex-direction: row-reverse; margin-bottom:80px;}
#sec3 li img{ width:50%;}
#sec3 li dl { border-top:1px solid #ccc; margin:0 50px; }
#sec3 li dl dt{ font-size:18px; padding:30px 0; }

@media screen and (max-width: 600px) {
                    #sec3 ul { width:100%;}
                    #sec3 li { flex-direction: column; margin-bottom:60px;}
                    #sec3 li img{ width:100%;}
                    #sec3 li dl { margin:0; }
                    #sec3 li dl dt{padding:10px 0;}
}

.box_sec { display:flex; padding:50px 50px 50px 80px; width:1100px; box-sizing: border-box; }
#sec4 { background:#d7d4d0;}
#sec4 h3 {width:28%; }
#sec4 p { width:72%; }

@media screen and (max-width: 600px) {
                    .box_sec { flex-direction: column; padding:5%; width:100%;}
                    #sec4 h3,
                    #sec4 p { width:100%; }
}

#sec5 { background:#eeedeb;}
#sec5 h3 { width:28%; }
#sec5 div { width:72%; }
#sec5 div p { margin-bottom:20px;}
#sec5 div li { display: flex; justify-content: space-between; margin-top:30px;}
#sec5 div li img { width:320px;}
#sec5 div li dl { width:calc(100% - 350px);}
#sec5 div li dt { padding:20px 0 35px;}

@media screen and (max-width: 600px) {
                    #sec5 h3,
                    #sec5 div,
                    #sec5 div li dl{ width:100%; }
                    #sec5 div li { flex-direction: column;}
                    #sec5 div li dl { margin-bottom:30px;}
                    #sec5 div li img { margin:0 auto; width:80%;}
                    #sec5 div li dt { padding:10px 0 15px;}
}