@charset "utf-8";

/* -------------------------------------------------- */
/* #block-list */
/* -------------------------------------------------- */
#block-list .list-news > li{border-bottom:1px solid #000;}
#block-list .list-news > li > a{padding:20px 0;display:flex;gap:50px;letter-spacing:0;line-height:1.5;}
#block-list .list-news > li .date{letter-spacing:0;}
#block-list .pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;}
#block-list .pager > li > *{font-weight:600;display:flex;align-items:center;justify-content:center;border:1px solid #000;line-height:1;white-space:nowrap;min-width:50px;height:50px;}
#block-list .pager > li > *:hover{background:#f3f3f3;color:#000;}
#block-list .pager > li > span{border-color:transparent;pointer-events:none;background:transparent;}
#block-list .pager > li.active > *{background:#000;color:#fff;pointer-events:none;}
#block-list .pager > li.prev > *::before{content:"";display:block;width:22px;height:6px;background:url(/img/arrow01.svg) no-repeat center center;background-size:100% auto;transform:scale(-1,1);}
#block-list .pager > li.next > *::before{content:"";display:block;width:22px;height:6px;background:url(/img/arrow01.svg) no-repeat center center;background-size:100% auto;}

@media screen and (max-width:767px){
  #block-list .list-news > li > a{gap:15px;padding:15px 0;}
  #block-list .list-news > li .date{font-size:1.2rem;}
  #block-list .pager{gap:5px;}
  #block-list .pager > li > *{min-width:36px;height:36px;}
  #block-list .pager > li.prev > *::before,
  #block-list .pager > li.next > *::before{width:15px;}
}

/* -------------------------------------------------- */
/* #block-detail */
/* -------------------------------------------------- */
#block-detail .ttl-area{border-bottom:1px solid #000;padding-bottom:12px;margin-bottom:60px;}
#block-detail .ttl-area .ttl{font-size:3.2rem;font-weight:500;letter-spacing:0.2em;line-height:1.3;}
#block-detail .ttl-area .date{font-size:1.4rem;margin-top:20px;}
#block-detail .edit-area h1{font-size:2.8rem;font-weight:500;letter-spacing:0.2em;line-height:1.3;margin:80px 0 20px;}
#block-detail .edit-area > *:first-child{margin-top:0;}
#block-detail .edit-area h2{font-size:2.4rem;font-weight:500;letter-spacing:0.2em;line-height:1.3;margin:60px 0 20px;}
#block-detail .edit-area h3{font-size:2rem;font-weight:500;letter-spacing:0.2em;line-height:1.3;margin:40px 0 15px;}
#block-detail .edit-area p + p{margin-top:30px;}
#block-detail .edit-area a{text-decoration:underline;}
#block-detail .edit-area a:hover{text-decoration:none;}
#block-detail .edit-area img{display:block;margin:40px auto;}
#block-detail .edit-area ul{padding-left:20px;margin:40px 0;}
#block-detail .edit-area ul > li{list-style-type:disc;line-height:1.8;}
#block-detail .edit-area ul > li + li{margin-top:15px;}
#block-detail .edit-area ol{padding-left:20px;margin:40px 0;}
#block-detail .edit-area ol > li{list-style-type:number;line-height:1.8;}
#block-detail .edit-area ol > li + li{margin-top:15px;}
#block-detail .edit-area ul > li > a{display:inline-block;margin-left:-25px;background:#fff;padding-left:20px;position:relative;text-decoration:none;}
#block-detail .edit-area ul > li > a::before{content:"";display:block;width:10px;height:10px;background:url(/img/arrow06.svg) no-repeat center center;background-size:contain;position:absolute;top:9px;left:0;}

@media screen and (max-width:767px){
#block-detail .ttl-area{margin-bottom:40px;}
#block-detail .ttl-area .ttl{font-size:2.4rem;}
#block-detail .ttl-area .date{font-size:1.2rem;margin-top:10px;}
#block-detail .edit-area h1{font-size:2.4rem;margin:60px 0 15px;}
#block-detail .edit-area h2{font-size:2rem;margin:40px 0 15px;}
#block-detail .edit-area h3{font-size:1.7rem;margin:20px 0 15px;}
#block-detail .edit-area p + p{margin-top:20px;}
#block-detail .edit-area img{margin:30px 0;}
#block-detail .edit-area ul{margin:30px 0;}
#block-detail .edit-area ul > li + li{margin-top:10px;}
#block-detail .edit-area ol{margin:30px 0;}
#block-detail .edit-area ol > li + li{margin-top:10px;}
#block-detail .edit-area ul > li > a::before{width:9px;height:9px;top:8px;}

}