@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap");
section.topic .inner{
    width: 85%;
    max-width: 1360px;
   margin: 0 auto;
}

section.topic dl{
    display: table;
    width: 100%;
    padding: 1.5em 0 0;
    border-bottom: 1px solid #ccc;
}

section.topic dl:first-child{
    border-top: 1px solid #ccc;
}

section.topic dl dt{
    display: table-cell;
    width: 155px;
}

section.topic dl dd{
    display: table-cell;
}

section.topic dl dd div{
    margin-bottom: 1.5em;
}

section.topic dl dd a{
    text-decoration: underline;
}

section.topic dl dd a:hover{
    text-decoration: none;
}

.box-pager {
    text-align: center;
    margin: 60px 0 100px;
  }
  
  .box-pager ul {
    text-align: center;
    display: inline-block;
    font-size: 0;
    margin: 10px 0 0;
    letter-spacing: -.4em;
  }
  
  .box-pager ul li {
    display: inline-block;
    margin: 0 0 10px;
    vertical-align: top;
    letter-spacing: normal;
  }
  
  .box-pager ul li a, .box-pager ul li > span {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 45px;
    background: none;
  
    background: #ffff;
    border: 1px solid #ccc;
   
  }
  
  .box-pager ul li a:hover{
    background: #62b0e1;
    border-color: #62b0e1;
    color: #fff;
  }
  
  .box-pager ul li > span, .box-pager ul li.active a {
    background: #62b0e1;
    border-color: #62b0e1;
    color: #fff;
  }
  
  @media only screen and (max-width: 768px) {
    .box-pager {
      text-align: center;
      margin: 30px 0 50px;
    }
    .box-pager ul {
      text-align: center;
      display: inline-block;
      font-size: 0;
      margin: 20px 0 0;
    }
    .box-pager ul li {
      display: inline-block;
      margin: 0 1px 5px;
    }
    .box-pager ul li a, .box-pager ul li > span {
      display: block;
      width: 30px;
      height: 30px;
      font-size: 1.2rem;
      text-align: center;
      line-height: 26px;
    }
  }
  .prev.page-numbers{
      position: relative;
  }
  .prev.page-numbers::after {
    position: absolute;
    font-family: 'Flaticon';
    top: 50%;
    right: 1.5rem;
    line-height: 0;
    content: "\f101";
    font-size: 1.4rem;
    z-index: 999;
    color: #000;
    transition: all 0.3s ease;
    transform: translateY(-50%);
    transform: rotate(-180deg);
    display: block;
  }

  .next.page-numbers{
      position: relative;
  }

  .next.page-numbers::after {
    position: absolute;
    font-family: 'Flaticon';
    top: 50%;
    right: 1.5rem;
    line-height: 0;
    content: "\f101";
    font-size: 1.4rem;
    z-index: 999;
    color: #000;
    transition: all 0.3s ease;
    transform: translateY(-50%);
    display: block;
  }


  
/* 6.0 */
.p-newsTop__refineArea {
    margin: 10px 0 50px;
  }
  
  .p-newsTop__refineArea .refineList > li ~ li {
    margin-top: 12px;
  }
  
  .p-newsTop__refineArea .refineList .m-spAccordionBox__hdg {
    padding-top: 2px;
  }
  
  .p-newsTop__refineArea .refineList .m-spAccordionBox .m-tag {
    font-size: 1.33846rem;
  }
  
  .p-newsTop__refineArea .m-tagList .m-tag {
    text-align: center;
  }
  
  .p-newsTop__listArea {
    margin-bottom: 120px;
  }
  
  @media screen and (max-width: 750px) {
    .p-newsTop__refineArea {
      margin: 40px 0 50px;
    }
    .p-newsTop__listArea {
      margin-bottom: 54px;
    }
  }
  
  /* 6.1 */
  .p-newsDet__header {
    margin: 70px 0 100px;
  }
  
  .p-newsDet__header__meta {
    margin-bottom: 5px;
  }
  
  .p-newsDet__header__cat, .p-newsDet__header__date {
    display: inline;
    font-size: 1.78461rem;
    letter-spacing: .5px;
  }
  
  .p-newsDet__header__cat {
    margin-right: 15px;
    color: #888;
  }
  
  .p-newsDet__header__cat a {
    border-bottom: none;
    color: inherit;
  }
  
  .p-newsDet__header__cat a:hover {
    color: #62B0E2;
  }
  
  .p-newsDet__header__date {
    color: #CCC;
  }
  
  .p-newsDet__header__hdg {
    font-family: futura-pt, a-otf-ud-shin-go-pr6n, sans-serif;
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 1px;
  }
  
  .p-newsDet__header__hdg--en {
    font-size: 4.01538rem;
    font-weight: normal;
  }
  
  @media screen and (max-width: 750px) {
    .p-newsDet__header {
      margin: 0;
      padding: 36px 0;
      background-color: #F1F1F1;
    }
    .p-newsDet__header__meta {
      margin-bottom: 7px;
    }
    .p-newsDet__header__cat, .p-newsDet__header__date {
      font-size: 1.33846rem;
    }
    .p-newsDet__header__cat {
      margin-right: 6px;
    }
    .p-newsDet__header__hdg {
      font-size: 2rem;
      line-height: 1.425;
    }
    .p-newsDet__header__hdg--en {
      font-size: 2.23077rem;
    }
  }

  .m-tag {
    display: inline-block;
    border: 1px solid #888;
    padding: 5px 16px;
    border-radius: 100px;
    color: #888;
    font-family: futura-pt, a-otf-ud-shin-go-pr6n, sans-serif;
    font-size: 1.2rem;
    letter-spacing: .25px;
    transition-property: border-color, color;
    transition-duration: .2s;
  }
  
  .m-tag:hover {
    border: 1px solid #62B0E2;
    color: #62B0E2;
  }
  
  .m-tag--button {
    padding: 6px 22px;
    min-width: 180px;
    box-sizing: border-box;
    transition-property: border-color, background-color, color;
  }
  
  .m-tag--button > span {
    position: relative;
  }
  
  .m-tag--button:hover, .m-tag--button.is-active {
    border-color: #62B0E2;
    background-color: #62B0E2;
    color: #FFF;
  }
  
  @media screen and (max-width: 750px) {
    .m-tag {
      font-size: 1.1rem;
    }
    .m-tag--button {
      min-width: 0;
    }
  }
  
  
.m-spAccordionBox--2col .m-spAccordionBox__hdg {
    float: left;
    padding-right: 20px;
    width: 135px;
    box-sizing: border-box;
    font-size: 1.78461rem;
    letter-spacing: .5px;
  }
  
  .m-spAccordionBox--2col .m-spAccordionBox__cont {
    overflow: hidden;
  }
  
  @media screen and (max-width: 750px) {
    .m-spAccordionBox {
      border-bottom: 1px solid #DDD;
    }
    .m-spAccordionBox__btn {
      display: block;
      position: relative;
      padding: 15px 20px 15px 0;
      width: 100%;
      text-align: left;
      color: #888;
      font-size: 1.45rem;
    }
    .m-spAccordionBox__btn__arrow {
      position: absolute;
      right: 2px;
      top: 50%;
      margin-top: -5px;
      line-height: 0;
      /* autoprefixer: off */
      -webkit-transition: transform .2s;
      transition: transform .2s;
    }
    .m-spAccordionBox__btn__arrow::before {
      content: "";
      display: inline-block;
      border-left: 1px solid #888;
      border-bottom: 1px solid #888;
      width: 6px;
      height: 6px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: border-color .2s;
    }
    .m-spAccordionBox__btn.is-active .m-spAccordionBox__btn__arrow {
      margin-top: -1px;
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
    }
    .m-spAccordionBox__cont {
      padding-bottom: 20px;
    }
    .m-spAccordionBox--2col::after {
      content: "";
      display: block;
      clear: both;
    }
    .m-spAccordionBox--2col .m-spAccordionBox__hdg {
      display: none;
    }
  }

  .m-spAccordionBox__btn {
    display: none;
  }
  
  .m-spAccordionBox--2col::after {
    content: "";
    display: block;
    clear: both;
  }
  
  .m-spAccordionBox--2col .m-spAccordionBox__hdg {
    float: left;
    padding-right: 20px;
    width: 135px;
    box-sizing: border-box;
    font-size: 1.78461rem;
    letter-spacing: .5px;
  }
  
  .m-spAccordionBox--2col .m-spAccordionBox__cont {
    overflow: hidden;
  }
  
  @media screen and (max-width: 750px) {
    .m-spAccordionBox {
      border-bottom: 1px solid #DDD;
    }
    .m-spAccordionBox__btn {
      display: block;
      position: relative;
      padding: 15px 20px 15px 0;
      width: 100%;
      text-align: left;
      color: #888;
      font-size: 1.45rem;
    }
    .m-spAccordionBox__btn__arrow {
      position: absolute;
      right: 2px;
      top: 50%;
      margin-top: -5px;
      line-height: 0;
      /* autoprefixer: off */
      -webkit-transition: transform .2s;
      transition: transform .2s;
    }
    .m-spAccordionBox__btn__arrow::before {
      content: "";
      display: inline-block;
      border-left: 1px solid #888;
      border-bottom: 1px solid #888;
      width: 6px;
      height: 6px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: border-color .2s;
    }
    .m-spAccordionBox__btn.is-active .m-spAccordionBox__btn__arrow {
      margin-top: -1px;
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
    }
    .m-spAccordionBox__cont {
      padding-bottom: 20px;
    }
    .m-spAccordionBox--2col::after {
      content: "";
      display: block;
      clear: both;
    }
    .m-spAccordionBox--2col .m-spAccordionBox__hdg {
      display: none;
    }
  } 

  
.m-tagList {
    margin: -12px 0 0 -8px;
    font-size: 0;
  }
  
  .m-tagList > li {
    padding: 12px 0 0 8px;
    display: inline-block;
    vertical-align: top;
  }
  
  @media screen and (max-width: 750px) {
    .m-tagList {
      margin: -7.5px 0 0 -7px;
    }
    .m-tagList > li {
      padding: 7.5px 0 0 7px;
    }
  }
  .m-container {
    margin: 0 auto;
    width: 85%;
    max-width: 1360px;
  }  
  .m-tagList a{
    display: inline-block;
    border: 1px solid #888;
      border-top-color: rgb(136, 136, 136);
      border-right-color: rgb(136, 136, 136);
      border-bottom-color: rgb(136, 136, 136);
      border-left-color: rgb(136, 136, 136);
    padding: 5px 16px;
    border-radius: 100px;
    color: #888;
    font-family: futura-pt, a-otf-ud-shin-go-pr6n, sans-serif;
    font-size: 1.2rem;
    letter-spacing: .25px;
    transition-property: border-color, color;
    transition-duration: .2s;
    padding: 6px 22px;
    min-width: 180px;
    box-sizing: border-box;
    transition-property: border-color, background-color, color;
    text-align: center;
  }
  .m-tagList a:hover,.m-tagList .is-active a,.m-tagList a.is-active{
    border-color: #62B0E2;
    background-color: #62B0E2;
    color: #FFF;
  }

  @media only screen and (max-width: 750px){
    button {
        margin: 0;
        border: none;
        padding: 0;
        background-color: transparent;
        font-family: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        cursor: pointer;
      }
    .m-spAccordionBox__btn {
        display: block;
        position: relative;
        padding: 15px 20px 15px 0;
        width: 100%;
        text-align: left;
        color: #888;
        font-size: 1.45rem;
      }
      .m-spAccordionBox__btn__arrow {
        position: absolute;
        right: 2px;
        top: 50%;
        margin-top: -5px;
        line-height: 0;
        -webkit-transition: transform .2s;
        transition: transform .2s;
      }
      .m-spAccordionBox__btn {
    text-align: left;
    color: #888;
    font-size: 1.45rem;
    }
    .m-spAccordionBox__btn {
        text-align: left;
        color: #888;
        font-size: 1.45rem;
      }
      .m-spAccordionBox {
        border-bottom: 1px solid #DDD;
      }
      .m-tagList > li {
        padding: 7.5px 0 0 7px;
      }
      .m-tagList a{
        min-width: 0;
      }
      .m-spAccordionBox__cont{
        display: none;
      }

      section.topic .inner{
        width: 85%;
        max-width: 1360px;
       margin: 0 auto;
    }
    
    section.topic dl{
        display: block;
        width: 100%;
        padding: 1em 0 0;
        border-bottom: 1px solid #ccc;
    }
    
    section.topic dl:first-child{
        border-top: 1px solid #ccc;
    }
    
    section.topic dl dt{
        display: block;
        width: 155px;
    }
    
    section.topic dl dd{
        display: block;
    }
    
    section.topic dl dd div{
        margin-bottom: 1em;
    }
    
    section.topic dl dd a{
        text-decoration: underline;
    }
    
    section.topic dl dd a:hover{
        text-decoration: none;
    }
    
}