@charset "UTF-8";

/*
body {padding: 128px 0 0;}
@media screen and (max-width: 959px) {
body {padding: 128px 0 0;}
}
@media screen and (max-width: 767px) {
body {padding:0;}
}
*/

article {padding: 230px 0 0;}

@media screen and (max-width: 767px) {
article {padding: 60px 0 0;}
}





.useful {background: #d9f3fd;padding: 0 0 100px;}
.useful_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.useful p.sub_title {font-size: 18px;line-height: 28px;width: 1160px;margin: 0 auto 20px;text-align: left;}
.useful dl {width: 1160px;margin: 0 auto;}
.useful dl dt {background: #01afed;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.useful dl dd {background: #ffffff;padding: 100px;text-align: left;}
.useful dl dd p {font-size: 18px;line-height: 28px;margin: 0 0 30px;}
.useful dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.useful dl dd ul li {font-size: 18px;line-height: 28px;list-style: disc;margin: 0 0 5px 28px;width: 30%;}


@media screen and (max-width: 1060px) {
.useful {background: #d9f3fd;padding: 0 0 5%;}
.useful_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.useful p.sub_title {font-size: 16px;line-height: 26px;width: 90%; margin: 0 auto 2%;text-align: left;}
.useful dl {width: 90%;margin: 0 auto;}
.useful dl dt {background: #01afed;font-size: 20px;line-height: 30px;text-align: left; color: #fff;padding: 2% 4%;}
.useful dl dd {background: #ffffff;padding:10%;text-align: left;}
.useful dl dd p {font-size: 16px;line-height: 26px;margin: 0 0 4%;}
.useful dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.useful dl dd ul li {font-size: 16px;line-height: 26px;list-style: disc;margin: 0 0 5px 26px;width: 45%;}

}
@media screen and (max-width: 767px) {
.useful {background: #d9f3fd;padding: 0 0 5%;}
.useful_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.useful p.sub_title {font-size: 12px;line-height: 22px;width: 90%; margin: 0 auto 5%;text-align: left;}
.useful dl {width: 90%;margin: 0 auto;}
.useful dl dt {background: #01afed;font-size: 16px;line-height: 26px;text-align: left; color: #fff;padding: 2% 5%;}
.useful dl dd {background: #ffffff;padding: 5%;text-align: left;}
.useful dl dd p {font-size: 12px;line-height: 20px;margin: 0 0 5%;}
.useful dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.useful dl dd ul li {font-size: 14px;line-height: 22px;list-style: disc;margin: 0 0 2% 22px;width: 100%;}
}