/* media query */
.profileArea .col2 {
  display: flex;
}
@media screen and (max-width: 668px) {
  .profileArea .col2 {
    display: block;
  }
}
.profileArea .col2 ul {
  width: 50%;
}
@media screen and (max-width: 668px) {
  .profileArea .col2 ul {
    width: 100%;
  }
}
.profileArea .col2 ul.photo_small li:first-child {
  width: 64%;
}
@media screen and (max-width: 960px) {
  .profileArea .col2 ul.photo_small li:first-child {
    width: 100%;
    margin-top: 20px;
  }
}
.profileArea .col2 ul.photo_small li:nth-child(2) {
  width: 30%;
}
@media screen and (max-width: 960px) {
  .profileArea .col2 ul.photo_small li:nth-child(2) {
    width: 40%;
    margin: auto;
  }
}
@media screen and (max-width: 668px) {
  .profileArea .col2 ul.photo_small li:nth-child(2) {
    width: 55%;
  }
}

.infoArea .col3 > li dl dt {
  max-width: 280px;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li dl dt {
    max-width: 100%;
  }
}
.infoArea .col3 > li.wide > p, .infoArea .col3 > li.wide div {
  width: 48%;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide > p, .infoArea .col3 > li.wide div {
    width: 100%;
  }
}
.infoArea .col3 > li.wide dl {
  position: relative;
  width: 47%;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide dl {
    width: 100%;
  }
}
.infoArea .col3 > li.wide dl dd.photo {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 250px;
}
@media all and (max-width: 1200px) {
  .infoArea .col3 > li.wide dl dd.photo {
    max-width: 40%;
  }
}
@media screen and (max-width: 960px) {
  .infoArea .col3 > li.wide dl dd.photo {
    position: inherit;
    top: auto;
    right: auto;
    max-width: 80%;
    margin-top: 20px;
  }
}
.infoArea .col3 > li + li.wide dl {
  padding-left: 0;
}

span.circle_gold {
  color: #c8b481;
}
span.circle_green {
  color: #236f6b;
}