.l-content.is_type_author {
  margin-bottom: 24px;
}

.writter-wrap {
  margin-top: 38px;
}
.writter-wrap .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  vertical-align: top
}

.writter-wrap .name {
  font-weight: 700;
  font-size: 18px
}

.writter-wrap .name span {
  padding-left: 13px;
  font-weight: 400;
  font-size: 12px;
  color: #777
}

.writter-wrap .text-box {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3
}

.writter-wrap .text-box p {
  margin: 10px 0
}

.writter-wrap .info {
  padding: 25px;
  background: #f4f4f4
}

.writter-wrap .info dl {
  margin: 0 0 10px
}

.writter-wrap .info {
  font-size: 12px;
  padding: 15px 25px;
  margin-top: 20px
}

.writter-wrap .author {
  padding-left: 120px
}

.writter-wrap .info dl {
  line-height: 1em
}

.writter-wrap .info dl:last-child {
  margin: 0
}

.writter-wrap .info dt {
  float: left;
  width: 20%;
  font-weight: 700
}

.writter-wrap .info dd {
  float: left;
  width: 80%;
  margin-left: 0;
  padding-left: 0
}

.writter-wrap.head .img-box {
  width: 210px!important;
  position: static;
  margin-right: 30px
}

.writter-wrap.head .text-box p {
  margin: 15px 0
}

.writter-wrap.head .info {
  font-size: 16px;
  padding: 25px;
  margin-top: 0
}

.writter-wrap.head .author {
  padding-left: 0
}

.writter-wrap.head .info dl {
  line-height: 1.5em
}

.writter-wrap.head .info dt {
  width: 8%;
}

.writter-wrap.head .info dt .author-icon,
.Profile.-category .ProfileDetail .info dl dt .author-icon {
  display: block;
  max-width: 24px;
  max-height: 24px;
  height: auto;
  margin: 0;
}

.writter-wrap.head .info dd {
  width: 92%
}
@media screen and (max-width:768px){
  
  .writter-wrap.head .info dt {
    width: 30px;
  }
  .writter-wrap.head .info dd {
    width: calc(100% - 30px);
  }
}

.writer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.writer-box a.item {
  display: block;
  position: relative;
  z-index: 1;
  width: 45%;
  margin-right: 5%
}

.writer-box a.item .text-box {
  position: absolute;
  top: 24px;
  left: 80px;
  color: #3d3333
}

.writer-box a.item .img-box {
  background-image: url(../img/common/ico-arrow03.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right bottom
}

.writer-box a.item .img-box img {
  width: 60px;
  margin-right: 25px
}

.writer-box a.item .author {
  font-size: 1em
}

.writer-box a.item:hover {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: .7;
  zoom: 1;
  text-decoration: none
}

.writer-box a.item:last-child {
  margin-bottom: 30px
}
.writter-wrap.head .info dd a {
  text-align:  left;
}

@media screen and (max-width: 1024px) {
  .writter-wrap.flex, .Profile.-category {
    display: block
  }
  .writter-wrap.flex .img-box, .Profile.-category .ProfileIcon {
    margin: 10px auto;
    text-align: center
  }
  .writter-wrap.flex .img-box img {
    width: 50%;
    margin: 0
  }
}
.Article__author_index {
  display: flex;
  padding: 12px;
  background: #f4f4f4;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.Article__author_index h2.author_type {
  font-size: 16px;
  width: 215px;
  margin:4px 0;
  padding-right:12px;
  text-align: right;
}

.Article__author_index .Article__author_index__list {
  font-size: 16px;
  width:calc(100% - 215px);
  display:flex;
  margin:4px 0;
  flex-wrap:wrap;
}
.Article__author_index .Article__author_index__list li{
  margin:0 6px;
}
@media screen and (max-width: 768px) {

  .Article__author_index h2.author_type {
    font-size: 14px;
    width: 100%;
    padding-right:0;
    text-align: left;
  }
  
  .Article__author_index .Article__author_index__list {
    font-size: 14px;
    width:100%;
  }
}