@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;}
}


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;}
.sitemap {background: #ddf9f1;padding: 0 0 100px;}
.sitemap_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.sitemap p.sub_title {font-size: 18px;line-height: 28px;text-align: left; color: #404040;padding: 10px 20px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 20px;}
.sitemap dl {width: 1160px;margin: 0 auto ;}
.sitemap dl dt {background: #1bd89e;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.sitemap dl dd {background: #ffffff;padding: 100px;text-align: left;}
.sitemap dl dd p {font-size: 18px;line-height: 28px;margin: 0 0 30px;}
.sitemap dl dd ul {width: 100%; margin: 0 auto 20px;}
.sitemap dl dd ul li {width: 40%; font-size: 18px;line-height: 28px;margin: 0 5% 5px;position: relative;}
.sitemap dl dd ul li:before {content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #cccccc;border-right: solid 2px #cccccc;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 48%;left: -30px;margin-top: -4px;}

.title01 {background: #ffe9e8;}
.title02 {background: #d9f3fd;}
.title03 {background: #fef2e0;}
.title04 {background: #ddf9f1;}
.title05 {background: #fff0f7;}

@media screen and (max-width: 1060px) {
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;}
.sitemap {background: #ddf9f1;padding: 0 0 100px;}
.sitemap_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.sitemap p.sub_title {font-size: 18px;line-height: 28px;text-align: left; color: #404040;padding: 10px 20px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 20px;}
.sitemap dl {width:90%;margin: 0 auto ;}
.sitemap dl dt {background: #1bd89e;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.sitemap dl dd {background: #ffffff;padding: 10%;text-align: left;}
.sitemap dl dd p {font-size: 18px;line-height: 28px;margin: 0 0 30px;}
.sitemap dl dd ul {width: 100%; margin: 0 auto 20px;}
.sitemap dl dd ul li {width: 40%; font-size: 18px;line-height: 28px;margin: 0 5% 5px;position: relative;}
.sitemap dl dd ul li:before {content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #cccccc;border-right: solid 2px #cccccc;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 48%;left: -30px;margin-top: -4px;}

.title01 {background: #ffe9e8;}
.title02 {background: #d9f3fd;}
.title03 {background: #fef2e0;}
.title04 {background: #ddf9f1;}
.title05 {background: #fff0f7;}
}
@media screen and (max-width: 767px) {
.sitemap {background: #ddf9f1;padding: 0 0 5%;}
.sitemap_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.sitemap p.sub_title {font-size: 14px;line-height: 24px;text-align: left; color: #404040;padding: 5px 10px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 5%;}
.sitemap dl {width: 90%;margin: 0 auto;}
.sitemap dl dt {background: #1bd89e;font-size: 16px;line-height: 26px;text-align: left; color: #fff;padding: 2% 5%;}
.sitemap dl dd {background: #ffffff;padding: 5%;text-align: left;}
.sitemap dl dd p {font-size: 12px;line-height: 18px;margin: 0 0 5%;}
.sitemap dl dd ul {margin: 0 0 5%;}
.sitemap dl dd ul li {font-size: 12px;line-height: 18px;margin: 0 0 2% 10%;width: 100%;}
.sitemap dl dd ul li:before {content: '';width: 8px;height: 8px;border: 0px;border-top: solid 2px #cccccc;border-right: solid 2px #cccccc;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 48%;left: -20px;margin-top: -4px;}
}