@charset "utf-8";
.mainbox.morepage {padding: 0 4% 5em; }
.mainbox.morepage > .l-inner { padding:0;}

.sitemap-list, .sitemap-sub-list + a { margin-top:.5em; }
.sitemap-list { display: grid; grid-template-columns: 1fr;  gap: 30px; }
.sitemap-section { background-color: #fff; 
border: 1px solid #e0e0e0;border-radius: 4px; padding: 20px; }
.sitemap-link-main {display: block;font-weight: 700;color: #154893;transition: color 0.3s;}
.sitemap-link-main:hover { color: #0056b3; opacity: 0.8; }
.sitemap-sub-list li { margin-bottom:.5em; }
.sitemap-sub-list li:last-child { margin-bottom: 0; }
.sitemap-sub-list a { display: block; position: relative; padding: 8px 0 8px 15px; color: #555; text-decoration: none; border-bottom: 1px dotted #ccc; 
transition: background-color 0.2s, color 0.2s; }
.sitemap-sub-list a::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; transform: translateY(-50%) rotate(45deg); transition: border-color 0.3s; }
.sitemap-sub-list a:hover { color: #0056b3; padding-left: 18px; }
.sitemap-sub-list a:hover::before { border-color: #0056b3; }


.columnp {}
.columnp h2{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#154893;color:#fff;
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
font-size:200%;font-weight:700;line-height:1.4;margin-bottom:1em;padding:.5em;}
.columnp h2:before{content:"＋";display:inline-block;font-size:150%;font-weight:300;line-height:1;padding-right:.2em;vertical-align:middle;}

.columnp h2.midashi_main {color:#154893;font-size: 210%;padding: .8em .8em;position: relative;display: block;background: #eff6fd;}
.columnp h2.midashi_main:before, .columnp h2.midashi_main:after {border-color: #154993;border-width: 5px 0 5px 5px;box-sizing: border-box;content: '';display: block;margin: auto;position: absolute;width: .5em;height: 100%;}
.columnp h2.midashi_main:before {top: 0;left: 0;}
.columnp h2.midashi_main:after {top: 0;right: 0;transform: rotate(180deg);}

.columnp * + h2 {margin-top:2em;} 
.columnp h3{color: #154893; font-size: 160%; font-weight: 700; line-height: 1.4; margin-bottom: .5em;}
.columnp * + h3 {margin-top:1em;} 
.columnp h4,.columnp h5,.columnp h6{ font-size: 120%; font-weight: 700; line-height: 1.4;  }

.columnp  ul {}
.columnp  ul li{padding-left: .8em;position:relative; margin-left:.2em;}
.columnp  ul li:before{background:#4f6d8f;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height: .5em;left:0;position:absolute;top: 1.15em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width: .5em;}
.columnp strong { font-weight: 800; }
.columnp em {}

@media (min-width: 850px) {
.sitemap-list { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 40px; }
}

@media (max-width: 620px) {
.columnp h2 {font-size:150%;}
.columnp h2.midashi_main {font-size:160%;}
.columnp h3 {font-size:120%;}
.columnp h4,.columnp h5,.columnp h6{ font-size: 100%; font-weight: 700; line-height: 1.4;  }
}