@charset "UTF-8";


/*
	2022/10/26 1カラムへ構成変更
-----------------------------------------------*/
#skeed .bd-radius-5{
border-radius:5px;
}
#skeed .bd-radius-20{
border-radius:20px;
}
#skeed .bd-radius-50{
border-radius:50px;
}
#skeed .position-rel{
position:relative;
}
#skeed .position-abs{
position:absolute;
}
#skeed .abs-01{
top:0;
left:50%;
transform:translateX(-50%);
z-index:3;
}
#skeed .op_plus {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0 5px;
}
#skeed .op_plus:before, .op_plus:after {
  display: block;
  content: '';
  background-color: #333;
  border-radius: 10px;
  position: absolute;
  width: 25px;
  height: 5px;
  top: 10px;
  left: 0;
}
#skeed .op_plus:before {
  width: 5px;
  height: 25px;
  top: 0;
  left: 10px;
}
#skeed .flx-align-center{
align-items:center;
}
#skeed .evaluation{
display:flex;
align-items: center;
justify-content:space-between;
margin-bottom:20px
}
#skeed .evaluation .title{
width:160px;
height:80px;
border:5px solid #999;
border-radius:40px;
display:flex;
padding:20px 0;
}
#skeed .evaluation .title .type,
#skeed .evaluation .title .name{
font-weight:bold;
width:80px;
text-align:center;
}
#skeed .evaluation .title .type{
position:relative;
font-size:20px;
}
#skeed .evaluation .title .type:after{
content:"●";
font-size:80px;
color:#ccc;
position:absolute;
top:-47px;
left:0;
z-index:-3;
}
#skeed .evaluation .title .name{
font-size:30px;
margin-top: -7px;
}
#skeed .evaluation .text{
width:810px;
}
#skeed dl{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#skeed dl dt{
width:50px;
}
#skeed dl dd{
width:910px;
}
#skeed .bd-bottom{
border-bottom:1px solid #000;
}
#skeed .gray-text01{
color:#525252;
}
#skeed div.flex-table .ft-th{
width:20%;
}
#skeed div.flex-table .ft-td{
width:80%;
}
#skeed .arrow-box {
margin: 0;
padding: 8px 10px;
width: 960px;
height: 50px;
background: #999;
position: relative;
color:#FFF
}
#skeed .arrow-box span {
font-size: 120%;
line-height: 2;
text-align: left;
display: block;
color: #FFF;
}
#skeed .arrow-box:after {
border-left: 20px solid #999;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
content: "";
position: absolute;
right: -20px;
top: 0;
}
@media screen and (max-width:767px) and (min-width:1px) {
#skeed .evaluation {
flex-wrap:wrap;
}
#skeed .evaluation .title{
margin:0 0 10px 20px;
}
#skeed .evaluation .text{
width:90%;
margin:auto 10px auto 20px ;
}
#skeed dl dt{
width:100%;
}
#skeed dl dd{
width:100%;
margin-bottom:20px;
}
#skeed .arrow-box {
width:calc(100% - 20px);
}
#skeed .arrow-box span {
font-size:100%;
}
}