@charset "utf-8";
/* Sitemap */

.sitemapList {padding:25px 0;border-bottom: 1px solid #BEBEBE;}
.sitemapList p {font-size:2.4rem;font-weight:bold;}
.sitemapList ul li {font-size: 1.6rem;line-height: 2;}
.sitemapList ul li a {position: relative;text-decoration: underline;}
.sitemapList ul li a::before {
  content: '';
  background: #1F5F87;
  width: 6px;
  height: 11px;
  margin-right: 10px;
  display: inline-block;
  mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% 100%;
  -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% 100%;
}
.sitemapList ul li a:hover {text-decoration:none;}

.sitemapList ul li a.exlink::before {
  top: 15px;
  width: 13px;
  height: 13px;
  mask: url("../img/common/ic-open_b.svg") no-repeat right center/100% 100%!important;
  -webkit-mask: url("../img/common/ic-open_b.svg") no-repeat right center/100% 100%!important;
}

.sitemap .box:not(:last-of-type){margin-bottom: 60px;}
.sitemap .item:not(:last-of-type){margin-bottom: 25px;}
.sitemap .desc p{margin-bottom: 25px;}
.sitemap .m-tit6{margin-bottom: 4px;}
.sitemap .list li{list-style-type: decimal; margin-top: 0.8em; list-style-position: inside; text-indent: -1.5em; padding-left: 1.5em;}
.sitemap .list2 li{margin-top: 1em;}
.sitemap .space-top{margin-top: 0.8em;}
.sitemap .space-left{padding-left: 1em;}
.sitemap .txt-note{text-align: right; margin-top: 0.8em;}

@media screen and (max-width: 767px){    
    .sitemap .box:not(:last-of-type){margin: 0 0 40px;}   
    .sitemap .item:not(:last-of-type){margin-bottom: 20px;}
    .sitemap .desc p{margin-bottom: 20px;}
}

/* Tab01 */
.personal-tbl{width: 100%; margin-top: 40px;}
.personal-tbl th{background: #3791C9; color: #fff; padding: 10px 15px;}
.personal-tbl td{padding: 10px 15px; border-bottom: 1px solid #9dd3e2;}
.personal-tbl tr:nth-of-type(2n){background: #fff;}
.personal-tbl tr:nth-of-type(2n+1){background: #f4fbfd;}
.personal-tbl th,
.personal-tbl td{width: 35%;}
.personal-tbl th:nth-of-type(2),
.personal-tbl td:nth-of-type(2){width: 30%;}

@media screen and (max-width: 767px){ 
    .scroll-sp{width: 100%; overflow-x: auto;}
    .personal-tbl{width: 767px;margin-top: 20px;}
	 .sp-scroller {
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0 0;
  }
	.sp-scroller::before {
    content: '左右にスクロールできます';
    background: #1F5F87;
    color: #fff;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 12px;
  }
	.sp-scroller::after {
    content: '';
    width: 40px;
    height: 14px;
    background: url(../img/common/ic-swipe.png) no-repeat top left / 100% 100%;
    display: inline-block;
  }
	
}
