@charset "utf-8";
@import 'sanitize.css';
@import 'common.css';

/* COMMON */
.font-blue{
  color:var(--main-color);
}
.font-gray{
  color:#444;
  font-weight: bold;
}
.material-icons{
  vertical-align: middle;
}
.p-title{
  color: #fff;
  font-size: 6.0rem;
  font-weight: bold;
  margin: 0;
  padding: 100px 0 30px;
  position: relative;
  overflow: hidden;  
}
.p-title .content::before{
  transform: skewX(-25deg);
  transform-origin: bottom left;
  content: '';  
  background: var(--main-color);
  width:100%;
  height: calc(100% - 15px);
  position: absolute;
  left: -40%;
  top: 0;
  z-index: 1;
}
.p-title .content::after{
  content:'';
  background:#eff4f9;
  position: absolute;
  width: 80%;
  height: calc(100% - 15px);
  bottom: 0;
  right: 0;
  z-index: 0;
}
.p-title h1{
  font-size: 3.2rem;
  font-weight: bold;
  padding: 10px 0 25px;
  margin: 0;
  position: relative;
  z-index: 2;
}
h2.sec-title{
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 60px;
  padding-left: 60px;
  position: relative;
  color: #444;
}
h2.sec-title::before{
  content: '';
  width: 36px;
  height: 5px;
  position: absolute;
  top:15px;
  left: 0;
  background: var(--main-color);
}
h2.sec-title a{
  display: block;
  font-size: 1.7rem;
  font-weight: normal;
  margin-top: 8px;
  width: 180px;
}
#piarc ul.cnt-list {
  list-style: none;
  padding-left:30px;
}
#piarc ul.cnt-list li{
  counter-increment: cnt;
}
#piarc ul.cnt-list li:before{
  content:"(" counter(cnt) ") ";
  background:none;
  width: auto;
  top:inherit;
  left: -30px;
}
.flex > .width-auto{flex:1;  }

@media only screen and (max-width:799px){
  .p-title{padding:30px 0 0;}
  .p-title h1{font-size:2.2rem;padding: 10px 0 25px;}
  .p-title .content::before{left:-15%;  }
  h2.sec-title{font-size: 2rem;margin:0 0 20px;padding-left:30px;}
  h2.sec-title::before{width: 15px;height: 3px;top: 10px;}
  h2.sec-title a{font-size: 1.4rem;}
  .flex .logo-img{width: 15%;}
}
/* TOP */
#top .body-content{
  /* background:url("../img/top/bg.png") no-repeat, #fff; */
  background:#fafafa;
  background-position: top center;
}
#top #sec-fv{
  padding: 100px 0 0;
}
#top #sec-fv .flex-textarea .swiper-container{
  padding: 0 0 75px 0;
  margin: 0 0 0 auto;
}

#top #sec-fv .fv__eyecatch{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom:40px;
  align-items: flex-start;
}

#top #sec-fv .fv__title{
  font-weight: bold;
  width: 100%;
  font-size: 3.0rem;
  margin-bottom: 20px;
  color:#444;
}
#top #sec-fv .fv__title span{
  padding-left: 60px;
  position: relative;    
}
#top #sec-fv .fv__title span::before{
  content: '';
  background-color: var(--main-color);
  width: 36px;
  height: 5px;
  position: absolute;
  top:50%;
  left: 0;
}
#top #sec-fv .fv__post-info{
  font-size: 1.4rem;
}
#sec-fv .fv__post-info{
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}
#sec-fv .fv__post-info .fv__date{
  color: var(--main-color);
}
#sec-fv .fv__post-info .fv__category,
#links ul.link-list > li span{
  color:#fff;
  background:var(--main-color);
  padding: 5px 35px;
  margin-left: 15px;
  border-radius: 15px;
}
#sec-fv .fv__post-title{
  font-weight: bold;
  line-height: 1.5;
}
#sec-fv .fv__post-title span{
  font-size: 10px;
  vertical-align: text-top;
}
#sec-fv .fv__title-area .fv__post-link{
  font-size:1.6rem;
  margin-bottom: 20px;  
}
#top #sec-fv .fv__title-area .fv__post-excerpt{
  margin-bottom: 20px;
  font-size: 1.7rem;
}
#sec-fv .fv__title-area .fv__post-excerpt p{
  margin-bottom: 10px;
}
#sec-fv .fv__title-area .fv__post-excerpt p a{
  position: relative;
  padding-right: 30px;
}
a.open-window::after{
  content: url("../img/open_icon.svg");
  width: 17px;
  margin-left: 8px;
  position: absolute;
}
#top #sec-fv .swiper-controller{
  position: absolute;
  bottom: 30px;
  left: 0;
  display: flex;
  z-index: 10;
  align-items: center;
}
#top #sec-fv .swiper-controller .swiper-pagination-bullet{
  background: var(--main-color);
  margin:0 10px;
  width:7px;
  height:7px;
}
#top #sec-fv .swiper-controller .swiper-button-next,#sec-fv .swiper-controller .swiper-button-prev{
  color: var(--main-color);
  cursor: pointer;
  margin: 0 20px;
}
#top #sec-fv .swiper-controller .swiper-button-next .material-icons,#sec-fv .swiper-controller .swiper-button-prev .material-icons{
  font-size: 21px;
}

#top #sec-fv .swiper-controller .swiper-all-button{
  font-size: 1.6rem;
  padding: 0 50px;
  line-height: 40px;
  border:1px solid var(--main-color);
  border-radius: 25px;
  color:var(--main-color);
  background: #fff;
}
@media only screen and (min-width:1000px){
  #top #sec-fv{
    display: flex;
    align-items: flex-end;
    column-gap: 50px;
    flex-direction: row-reverse;
    justify-content: center;
    max-width:1400px;
    margin:0 auto;
    padding: 100px 20px 0;
  }
  #top #sec-fv .flex-img{
    width: calc(40% - 50px);
  }
  #top #sec-fv .flex-textarea{
    width: 60%;
  }
  #top #sec-fv .fv__eyecatch > img{
    width: calc( 50% - 20px);
  }
  #top #sec-fv .fv__eyecatch .fv__title-area{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }
}
@media only screen and (min-width:1501px){
  #top #sec-fv .fv__title{
    font-size: 3.0rem;
  }
  #top #sec-fv .fv__textarea .fv__post-title{
    font-size: 1.7rem;
  }
}
@media only screen and (max-width:1400px){
  #top #sec-fv .flex-textarea .swiper-container{
    padding: 20px 0 60px 20px;
    margin: 0;
  }
  #top #sec-fv .swiper-controller{
    bottom: 0;
  }
}
  
@media only screen and (max-width:999px){
  #top #sec-fv .fv__eyecatch{
    justify-content: center;
  }
  #top #sec-fv .fv__title{
    padding: 0 10px;
  }
  #top #sec-fv .flex-textarea .swiper-container{
    padding: 0 10px 80px 10px;
  }
  #top #sec-fv .flex-img{
    margin-bottom: 40px;
    padding: 0 20px;
    text-align: center;
  }
  #top #sec-fv .fv__textarea > img{
    margin: 0 auto;
  }
  #top #sec-fv .swiper-controller{
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    width: 100%;
  }
}
@media only screen and (max-width:799px){
  #top #sec-fv{
    padding: 30px 0 0;
  }
}
#top #sec-activities{
  padding: 90px 0 60px;
}
#top #sec-activities .sec__title{
  font-size: 3.0rem;;
  margin-bottom: 40px;
  line-height: 1;
  font-weight: bold;
  color:#444;
}
#top #sec-activities ul{
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
}
#top #sec-activities ul li{
  width: calc((100% - 2vw) / 4);
}
@media only screen and (max-width:799px){
  #top #sec-activities{
    padding: 60px 0;
  }
  #top #sec-activities ul{
    gap:10px;
  }
  #top #sec-activities .sec__title{
    margin-bottom: 20px;
  }
  #top #sec-activities ul li{
    width: calc((100% - 10px) / 2);
    margin: 0 auto;
  }
  #top #sec-activities ul li .logo-area{
    padding: 5px 10px;
    height: auto;
    height:45px;
  }
  #top #sec-activities ul li .logo-area img{
    max-height: 100%;
    width:35%;
  }
  #top #sec-activities ul li .logo-area .activities__name{
    font-size: 1.4rem;
    padding: 0 20px;
  }
}

/* Profile */
#profile .sec-about .flex{
  display: flex;
  gap: 20px 30px;
}
#profile .sec-about .president-img{
  width: 23%;
}
#profile .sec-about .president-img img{
  max-width:80%;
  display: block;
  margin: 0 auto;
}
#profile .sec-about .president-img p{
  text-align: center;
  margin-top: 5px;
  font-style: italic;
  font-size: 15px;
}
#profile .sec-profile table{
  line-height: 1.2;
}
#profile .sec-profile table tr{
  border-bottom: 1px solid var(--border-color);
}
#profile .sec-profile table tr:first-of-type{
  border-top:1px solid var(--border-color);
}
#profile .sec-profile table tr:nth-of-type(odd){
  background: #eff4f9;
}
#profile .sec-profile table th{
  width: 175px;
  font-weight: bold;
  padding: 25px 30px;
  vertical-align: top;
  border-right: 1px solid var(--border-color);
}
#profile .sec-profile table td{
  padding: 25px 30px;
}
#profile .sec-profile table td ul{
  margin: 0;
  padding-left: 30px;
  list-style: none;
}
#profile .sec-profile table td ul li{
  counter-increment: cnt;
  padding:3px 0;
}
#profile .sec-organization svg{
  margin:0 auto;
  display: block;
  width: 60%;
}
@media only screen and (max-width:799px){
  #profile .sec-about .flex{flex-direction: column;}
  #profile .sec-about .president-img{width: 75%;margin:0 auto;}
  #profile .sec-profile table{font-size: 1.6rem;}
  #profile .sec-profile table th{width:100%;display: block;text-align: left;padding:10px 20px 0;border-right: none;}
  #profile .sec-profile table td{width: 100%;display: block;padding: 0 20px 10px;}
  #profile .sec-organization svg{width: 100%;}
}

/* PIARC */

#piarc .content a.link-blue{
  font-weight: bold;
  color:var(--main-color);
  text-decoration: underline;
}
#piarc h3{
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--main-color);
  margin:60px 0 20px;
  padding:0;
}
#piarc .sec-events .flex{
  justify-content: space-between
}
#piarc .sec-congresses .flex{
  align-items: flex-start;
}
#piarc .sec-congresses .flex .schedule{
  width: 50%;
}
#piarc .sec-about .flex ul {
  list-style: none;
  padding-left:30px;
}
#piarc .sec-about ul li{
  counter-increment: cnt;
}
#piarc .sec-about .flex ul li:before{
  content:"(" counter(cnt) ") ";
  background:none;
  width: auto;
  top:inherit;
  left: -30px;
}
dl.schedule{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
dl.schedule dt{
  padding: 10px 0;
  width:100px;
}
dl.schedule dd{
  padding: 10px 0;
  width: calc(100% - 100px);
  margin: 0;
}
#piarc table:not(.scroll-table){
  margin-bottom: 20px;
}
#piarc table th{
  background:var(--main-color);
  font-weight: bold;
  color: #fff;
  padding:15px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#piarc table:not(.scroll-table) th:nth-child(1){ width:8%; }
#piarc table:not(.scroll-table) th:nth-child(2){ width:17%; }
#piarc table:not(.scroll-table) th:nth-child(3){ width:15%; }
#piarc table:not(.scroll-table) th:nth-child(4){ width:25%; }
#piarc table:not(.scroll-table) td:nth-of-type(4){text-align: center;}
#piarc table:not(.scroll-table) td:nth-of-type(5){text-align: center;}
#piarc .sec-prizes table th:nth-child(1){ width:8%; }
#piarc .sec-prizes table th:nth-child(2){ width:8%; }
#piarc .sec-prizes table td:nth-of-type(1){text-align: center;}
#piarc table tr:nth-of-type(even){
  background:#eff4f9;/*#d0d2e8*/
}
#piarc table tr:nth-of-type(odd){
  background:#e9eaf4;
}
#piarc table tr td{
  padding:20px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#piarc .flex-img{
  display: flex;
  justify-content: space-between;
  gap:0;
  align-items: flex-start;
  margin-top:40px;
}
#piarc .flex-img img{
  width:calc(100% / 3);
}
#piarc ul{
  padding-left: 25px;
  line-height: 1.8;
  margin: 20px 0 40px;
}
#piarc ul li{
  margin-bottom: 10px;
  position: relative;
}
#piarc ul li::before{
  position: absolute;
  content: '';
  width:13px;
  height: 2px;
  background:var(--font-color);
  left: -24px;
  top: 13px;
}
#piarc .img-center{
  display: block;
  margin: 40px auto 0;
}
#piarc .sec-events p{
  margin-bottom:20px;
}
#piarc .sec-committees h3{
  color: var(--font-color);
}
#piarc .sec-committees h4{
  color:var(--main-color);
  font-size: 2.3rem;
}
#piarc .sec-committees h5{
  color: var(--font-color);
  font-size: 2.0rem;
  margin:0;
  padding: 0;
}
#piarc .sec-committees .plan-box{
  padding-left:40px;
  font-weight: bold;
}
#piarc .sec-committees ul{
  padding-left: 25px;
}
#piarc .sec-committees ul li.marker::before{
  background: url("../img/piarc/japan_flag.png") no-repeat;
  background-size: contain;
  left:-25px;
  height:15px;
  top:7px;
}
#piarc .sec-committees ul li::before{
  background-color: transparent;
  width:20px;
}
#piarc .manual-block{
  margin-bottom:120px;
}
#piarc .sec-manuals p{
  margin-bottom: 40px;
}
#piarc .sec-manuals ul li::before{
  font-family: 'Material Icons';
  content: 'e8dc';  
}
#piarc .sec-manuals .manual-link{
  margin-bottom:15px;
}
#piarc .sec-japanese .flex{
  align-items: flex-start;
}
#piarc .sec-japanese .flex p{
  flex:1;
}
@media only screen and (min-width:800px){
  #piarc .flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:20px 40px;
  }
  #piarc .sec-japanese .flex img{
    flex-wrap: wrap;
    margin-top:-110px;     
  }
  #piarc svg{
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width:799px){
  dl.schedule dt, dl.schedule dd{padding: 5px 0;}
  #piarc .sec-congresses .flex .schedule{width: 100%;}
  #piarc h3{font-size:2.0rem; }
  .mt__sp{margin-top:30px;}
  #piarc .flex-img{flex-wrap: wrap;}
  #piarc .flex-img img{width: calc(100% / 2);}
  #piarc .sec-committees h4{font-size: 2.0rem;padding-left:0;}
  #piarc .sec-committees .plan-box{padding-left: 0;}
  #piarc table:not(.scroll-table) tr:nth-of-type(1) th{display: none;}
  #piarc table:not(.scroll-table) tr th{display: block;width:100%;}
  #piarc table:not(.scroll-table) tr td{display: block;width:100%;}
  #piarc table:not(.scroll-table) tr td::before{content: attr(data-label);margin-right: 30px; font-weight: bold;}
  #piarc table:not(.scroll-table) tr td[data-label="Theme"]::before{width:100%;display: block;}
  #piarc table:not(.scroll-table) tr td[data-label="Author"]::before{width:100%;display: block;}
  #piarc table:not(.scroll-table) tr td[data-label="Paper Title"]::before{width:100%;display: block;}
  #piarc table:not(.scroll-table) th:nth-child(1){width: 100%!important;}
  #piarc table:not(.scroll-table) td:nth-of-type(4){text-align: left;}
  #piarc table:not(.scroll-table) td:nth-of-type(5){text-align: left;}
  #piarc .sec-prizes table td:nth-of-type(1){text-align: left;}
  #piarc .manual-block{margin-bottom:40px;}
  #piarc .sec-events .flex, #piarc .sec-manuals .flex{
    flex-direction: column;
  }
}

/* IRF */
#irf .content a.link-blue{
  font-weight: bold;
  color:var(--main-color);
  text-decoration: underline;
}
#irf .irf-link{
  margin: 40px 0px;
}
#irf .img-center{
  margin: 0 auto;
  display: block;
}
#irf h3{
  font-size: 2.3rem;
  font-weight: bold;
  color: var(--main-color);
  margin:60px 0 20px;
  padding:0;
}
#irf table{
  width: 100%;
}
#irf table th{
  background:var(--main-color);
  font-weight: bold;
  color: #fff;
  padding:15px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#irf table tr:nth-of-type(even){
  background:#eff4f9;
}
#irf table tr:nth-of-type(odd){
  background:#e9eaf4;
}
#irf table tr td{
  padding:20px;
  vertical-align: top;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}

#irf .flex-img{
  display: flex;
  justify-content: space-between;
  gap:0;
  align-items: flex-start;
  margin-top:40px;
}
#irf .flex-img img{
  width:calc(100% / 2);
}

@media only screen and (min-width:800px){
  #irf .flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:20px 40px;
  }
}
@media only screen and (max-width:799px){
  #irf h3{font-size: 2.0rem;}
  #irf .flex img, #irf .img-center{margin-top:20px;}
  #irf table:not(.scroll-table) tr:nth-of-type(1) th{display: none;}
  #irf table:not(.scroll-table) tr th{display: block;width:100%;}
  #irf table:not(.scroll-table) tr td{display: block;width:100%;}
  #irf table:not(.scroll-table) tr td::before{content: attr(data-label);margin-right: 30px; font-weight: bold;}
  #irf table:not(.scroll-table) tr td[data-label="Author"]::before{width:100%;display: block;}
  #irf table:not(.scroll-table) tr td[data-label="Paper Title"]::before{width:100%;display: block;}
  #irf table:not(.scroll-table) th:nth-child(1){width: 100%!important;}
  #irf table:not(.scroll-table) td:nth-of-type(4){text-align: left;}
  #irf table:not(.scroll-table) td:nth-of-type(5){text-align: left;}
}
/* REAAA */
#reaaa .description{
  margin-bottom:60px;
}
#reaaa .table__caption{
  font-size: 2.6rem;
  font-weight: bold;
  color:var(--main-color);
  margin-bottom: 10px;
}

#reaaa .reaaa__table{
  line-height: 1.8;
  margin-bottom: 40px;
}
#reaaa .sec-events .scroll {
  margin-bottom: 120px;
}
#reaaa .reaaa__table th{
  background: var(--main-color);
  font-weight: bold;
  color: #fff;
  padding:15px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#reaaa .sec-events .reaaa__table th:nth-child(1){ width:20%; }
#reaaa .sec-conferences .reaaa__table th:nth-child(1){ width:10%;vertical-align: middle;}
#reaaa .sec-events .reaaa__table th:nth-child(2),#reaaa .sec-conferences .reaaa__table th:nth-child(2){ width:20%; }
#reaaa .sec-events .reaaa__table th:nth-child(3){ width:19%; }
#reaaa .sec-katahira .reaaa__table th:nth-child(1){ width:10%;vertical-align: middle;}
#reaaa .sec-katahira .reaaa__table th:nth-child(2){ width:45%; }
#reaaa .sec-katahira .reaaa__table th:nth-child(3){ width:45%; }
#reaaa .reaaa__table tr:nth-of-type(even){
  background:#eff4f9;
}
#reaaa .reaaa__table tr:nth-of-type(odd){
  background:#e9eaf4;
}
#reaaa .reaaa__table tr td{
  padding:20px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#reaaa .sec-events .flex{
  justify-content: space-between;
}
#reaaa .sec-katahira .flex,#reaaa .sec-mino .flex{
  margin-bottom:40px;
}
#reaaa .sec-katahira img,#reaaa .sec-mino img{
  display: block;margin: auto;
}
#reaaa .sec-mino .reaaa__table th:nth-child(1){ width:20%;text-align: left;vertical-align: middle;}

#reaaa .flex-img{
  display: flex;
  justify-content: space-between;
  gap:0;
  align-items: flex-start;
  margin-top:40px;
}
#reaaa .flex-img img{
  width:calc(100% / 2);
}

@media only screen and (min-width:800px){
  #reaaa .flex{
    display: flex;
    gap:20px 40px;
    align-items: flex-start;
  }
  /*#reaaa .flex .logo-img{
    width: 200px;
  }  */
}
@media only screen and (max-width:799px){
  #reaaa .table__caption{font-size: 2.2rem;}
  #reaaa .sec-events img{margin-bottom: 20px;}
  #reaaa .flex img{margin-top:20px;}
  #reaaa table:not(.scroll-table) tr:nth-of-type(1) th{display: none;}
  #reaaa table:not(.scroll-table) tr th{display: block;width:100%;}
  #reaaa table:not(.scroll-table) tr td{display: block;width:100%;}
  #reaaa table:not(.scroll-table) tr td::before{content: attr(data-label);margin-right: 30px; font-weight: bold;}
  #reaaa table:not(.scroll-table) tr td[data-label="Theme"]::before{width:100%;display: block;}
  #reaaa table:not(.scroll-table) tr td[data-label="Author"]::before{width:100%;display: block;}
  #reaaa table:not(.scroll-table) tr td[data-label="Paper Title"]::before{width:100%;display: block;}
  #reaaa table:not(.scroll-table) th:nth-child(1){width: 100%!important;}
  #reaaa table:not(.scroll-table) td:nth-of-type(4){text-align: left;}
  #reaaa table:not(.scroll-table) td:nth-of-type(5){text-align: left;}
}

/* Publication */
#profile .sec-profile table td ul li::before{
  content: "(" counter(cnt) ") ";
  margin-left: -30px;
  position: absolute;
}
#publications .scroll{
  margin:40px 0 60px;
}
#publications table{
  margin: 50px auto;
}
#publications table th{
  background:var(--main-color);
  font-weight: bold;
  color: #fff;
  padding:15px;
  vertical-align: middle;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
}
#publications table tr:nth-of-type(even){
  background:#eff4f9;
}
#publications table tr:nth-of-type(odd){
  background:#e9eaf4;
}
#publications table tr td{
  padding:20px;
  vertical-align: top;
  border-bottom:1px solid #fff;
  border-right: 1px solid #fff;
  text-align: center;
}
#publications table td:nth-child(1){
  width: 50%;
  text-align: left;
}
#publications table td:last-child{
  text-align: left;
}
#publications .font-l{
  font-size: 2.0rem;
  font-weight: bold;
  color: var(--main-color);
}
#publications .mail-text{
  padding-left:20px;
  margin-bottom: 40px;
}
@media only screen and (max-width:799px){
  #publications .font-l{font-size: 2.0rem;}

  #publications table:not(.scroll-table) tr th{display: none;}
  #publications table:not(.scroll-table) tr td{display: block;width:100%; text-align: left;}
  #publications table:not(.scroll-table) tr td::before{content: attr(data-label);margin-right: 30px; font-weight: bold;}
  #publications table:not(.scroll-table) tr td[data-label="Author"]::before{width:100%;display: block;}
  #publications table:not(.scroll-table) tr td[data-label="Paper Title"]::before{width:100%;display: block;}
}

/* Links */
#links #main p{
  margin-bottom: 60px;
  padding-left: 40px;
}
#links ul{
  list-style: none;
  padding-left: 40px;
  margin-bottom: 20px;
}
#links ul.link-list li{
  padding: 13px 0 13px 30px;
  position: relative;
}
/*#links ul.link-list > li {
  color:var(--main-color);
  font-size: 2.0rem;
  font-weight: bold;
}*/
#links ul.link-list > li::before{
  position: absolute;
  content: '';
  width:13px;
  height: 2px;
  background:var(--main-color);
  left: 0;
  top: 50%;
}
#links ul.link-list > ul > li > a{
  display: flex;
  align-items: center;
  gap:8px;
  justify-content: flex-start;
}
#links ul.link-list li img{
  height: 45px;
  width: auto;
}

#links p{
	margin-bottom:50px;
}

@media only screen and (min-width:800px){
  #links ul.link-list > ul > li > a span{
    width: 55%;
    min-width: 560px;
    line-height: 45px;
  }
}
@media only screen and (max-width:799px){
  #links p{padding-left: 0;}
  #links ul{padding-left: 0;}
  #links ul.link-list > li{
    padding-left: 25px;
  }
  #links ul.link-list > ul > li{
    padding-left: 15px;
  }
  #links ul.link-list > ul > li > a{
    justify-content: space-between;
  }
  #links ul.link-list li img{
    max-height: 30px;
    max-width: 100px;
  }
}

/* Site Policy */
#policy #main .content > p{
  margin-bottom: 30px;
}

/* Archive */
#sec-fv.sec-archive a{
  width: auto;
}
#sec-fv.sec-archive h2.sec-title::before{
  top: calc(50% - 2px);
}
#sec-fv.sec-archive h2.sec-title a{
  font-size: 2.5rem;
}
#sec-fv.sec-archive h2.sec-title a .fv__post-link{
  font-size: 1.8rem;
}
#sec-fv.sec-archive .flex{
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width:799px){
  #sec-fv.sec-archive .flex{
    flex-direction: column;
  }
}