@charset "UTF-8";

.w700 {
  width: 700px;
}


dl.achievement_chart{
  display: flex;
  width: 800px;
  flex-wrap: wrap;
  margin: 0 auto;
}
dl.achievement_chart dt {
 padding: 0 24px 0 0;
 text-align: right;
 width: 140px;
 font-size: 1.5rem;
}

dl.achievement_chart dd {
 border-left: 1px solid #8b8988;
 padding: 0 0 24px 24px;
 width:660px;
}

.client_info {
  background: #F0F0F0;
  margin-top: var(--sizeM);
  padding: 20px 40px;
}

.client_info table{
font-size: 90%;
}

.client_info td {
  font-weight: normal;
  text-align: left;
  display: flex
}


#interlinktNavi{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0 auto 32px;
	font-size: 1.4rem;
 }
 #interlinktNavi li{
 text-align:center;
 font-size: 92%;
 }

 #interlinktNavi li a{
 display: inline-block;
 padding: 4px 16px;
 position: relative;
 padding-left: 28px;
 background:#f0f0f0;
 color:#313030;
 text-decoration:none;
 transition: all 0.5s ease;
 }
 #interlinktNavi li.current,
 #interlinktNavi li a.current{
  padding: 4px 16px;
 background:#313030;
 color:#f0f0f0;
 }

#interlinktNavi li a::before{
  content: '';
  width: 14px;
  height: 14px;
  background: #313030;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 8px;
  bottom: 0;
  margin: auto;
}
#interlinktNavi li a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 11px;
  bottom: 0;
  margin: auto;
}

#interlinktNavi li a:hover{
  background:#d4d4d4;
}
#interlinktNavi li a:hover::before, 
#interlinktNavi li a:hover::after {
  filter: inherit;
}
.other_achivement{
  font-size: 88%;
  margin-left: 24px;
}

@media screen and (max-width: 768px) {
  .other_achivement {
      margin-left: 2.051vw;
    }
  
    #interlinktNavi {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
  
    #interlinktNavi li {
      text-align: left;
    }
  
    #interlinktNavi li a {display: block;}

    dl.achievement_chart {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      flex-direction: column;
  }
  dl.achievement_chart dt {
    padding:0.5vw 1.4vw ;
    text-align: left;
    width: 100%;
    font-size: 88%;
border: 1px solid #aeaeae;
margin-bottom: 2vw;
}

dl.achievement_chart dd {
  border-left:none;
  padding: 0 0 6.153vw 0;
  width: 100%;
}

.client_info {
  padding: 4.25vw;
}

.client_info td {
  display: block;
}

}