@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;padding-bottom:100px;font-size:14px;letter-spacing:-.3px;line-height:1.5;color:#777}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

#welfare1001{max-width:var(--mainsize);margin:0 auto}
#welfare1001 .tit_area{margin:100px 0;text-align:center}
#welfare1001 .tit_area .dot{display:flex;justify-content:center;gap:10px}
#welfare1001 .tit_area em{display:inline-block;width:8px;height:8px;border-radius:50px;background:var(--primary)}
#welfare1001 .tit_area p{margin:30px 0;font-size:40px;color:#111;line-height:1.3;white-space:pre-line;font-family:'GongGothicMedium'}
#welfare1001 .tit_area p b{color:var(--primary)}
#welfare1001 .tit_area span{font-size:18px}

#welfare1001 .box{display:flex;padding:50px;border-top:2px solid #111}
#welfare1001 .box .l_cont{width:30%;font-size:25px;color:#111;white-space:pre-line;font-family:'GongGothicMedium'}
#welfare1001 .box .l_cont b{color:var(--primary)}
#welfare1001 .box .r_cont{width:70%}
#welfare1001 .cont01 dt{margin-bottom:30px;font-size:20px;color:#111;transition:all .3s;font-family:'GongGothicMedium'}
#welfare1001 .cont01 .r_cont{display:grid;grid-template-columns:repeat(2,1fr);column-gap:50px}
#welfare1001 .cont01 .r_cont div{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 50px;border-bottom:1px solid #e1e1e1}
#welfare1001 .cont01 .r_cont div:nth-child(n+3){padding:50px 20px 50px}
#welfare1001 .cont01 .r_cont div:nth-child(n+5){border-bottom:none}
#welfare1001 .cont01 .r_cont div img{margin-top:auto}
#welfare1001 .cont01 .r_cont dd:before{display:inline-block;content:'';vertical-align:3px;width:3px;height:3px;margin-right:10px;background:#777}

#welfare1001 .cont02 ul{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
#welfare1001 .cont02 ul li{width:calc(50% - 5px);padding:15px 20px;border-radius:5px;background:#f2f2f2}
#welfare1001 .cont02 ul li:nth-child(3){width:100%}
#welfare1001 .cont02 dl{display:flex;align-items:center;font-family:'GongGothicMedium'}
#welfare1001 .cont02 dl dt{width:100px;font-size:16px;color:#aaa}
#welfare1001 .cont02 dl dd{font-size:18px;color:#111}

@media(hover:hover){
#welfare1001 .cont01 .r_cont div:hover dt{padding-left:10px;text-decoration:underline}
}

@media(max-width:1024px){
/*#welfare1001 .tit img{width:100%}*/
#welfare1001 .tit_area p{font-size:35px}
#welfare1001 .box .l_cont{width:25%}
#welfare1001 .box .r_cont{width:75%}

}
@media(max-width:768px){
#welfare1001 .tit_area p{font-size:27px}
#welfare1001 .tit_area span{font-size:15px}
#welfare1001 .box{display:block;padding:50px 20px}
#welfare1001 .box .l_cont{width:100%;font-size:22px;text-align:center;white-space:normal}
#welfare1001 .box .r_cont{width:100%;margin-top:30px;column-gap:20px}
#welfare1001 .cont01 .r_cont div img{width:50px}
#welfare1001 .cont01 dt{font-size:18px}
#welfare1001 .cont02 ul li{width:100%}
#welfare1001 .cont02 .r_cont{text-align:center}
#welfare1001 .cont02 dl dt{text-align:left}
#welfare1001 .cont02 dl dd{font-size:16px}
}
@media(max-width:550px){
    #welfare1001 .tit_area{margin:70px 0 80px}
#welfare1001 .tit_area p{font-size:24px}
#welfare1001 .box .r_cont{display:block}
#welfare1001 .cont01 dt{margin-bottom:20px}
#welfare1001 .cont01 .r_cont div{padding:30px 15px !important}
#welfare1001 .cont01 .r_cont div{border-bottom:1px solid #e1e1e1 !important}
#welfare1001 .cont01 .r_cont div:last-child{border-bottom:none !important}
#welfare1001 .cont02 dl dt{font-size:14px}
#welfare1001 .cont02 dl dd{font-size:15px}
}