#content .txtTop h3 {
  font-size: 2.19rem;
  font-weight: 600;
  padding-bottom: 23px;
  position: relative;
  border-bottom: 1px solid rgba(48, 45, 44, 0.3); }
  #content .txtTop h3::before {
    content: "";
    display: block;
    width: 90px;
    height: 3px;
    background: var(--text-color);
    position: absolute;
    left: 0;
    bottom: 0; }
#content .txtTop p {
  font-size: 1.13rem;
  font-weight: 500;
  margin: 50px 0;
  width: 74%; }
#content .contents ul li {
  margin-bottom: 50px;
  position: relative; }
  #content .contents ul li img {
    border-radius: 50px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  #content .contents ul li dl {
    padding: 6%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 853px; }
    #content .contents ul li dl dt {
      font-size: 2.19rem;
      font-weight: 600;
      padding-top: 20px;
      position: relative; }
      #content .contents ul li dl dt::before {
        content: "";
        display: block;
        width: 35px;
        height: 3px;
        background: var(--main-color);
        position: absolute;
        left: 0;
        top: 0; }
    #content .contents ul li dl dd {
      font-weight: 500;
      line-height: 1.7rem; }
    #content .contents ul li dl dd:nth-of-type(1) {
      margin: 46px 0; }
    #content .contents ul li dl dd:last-child a {
      display: inline-block;
      position: relative;
      color: rgba(48, 45, 44, 0.5);
      transition: .3s ease-out; }
      #content .contents ul li dl dd:last-child a::after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 2px;
        background: rgba(48, 45, 44, 0.5);
        margin-left: 20px;
        transform: rotate(45deg);
        position: relative;
        top: -7px; }
      #content .contents ul li dl dd:last-child a::before {
        content: "";
        display: block;
        width: 8px;
        height: 2px;
        background: rgba(48, 45, 44, 0.5);
        transform: rotate(-45deg) translateY(-50%);
        position: absolute;
        right: -1px;
        top: 60%; }
      #content .contents ul li dl dd:last-child a:hover {
        color: var(--main-color); }
        #content .contents ul li dl dd:last-child a:hover::after {
          background: var(--main-color); }
        #content .contents ul li dl dd:last-child a:hover::before {
          background: var(--main-color); }
#content .contents ul li:nth-of-type(even) dl {
  text-align: right;
  left: auto;
  right: 0; }
  #content .contents ul li:nth-of-type(even) dl dt::before {
    right: 0;
    left: auto; }
#content .contents-reverse ul li dl {
  text-align: right;
  left: auto;
  right: 0; }
  #content .contents-reverse ul li dl dt::before {
    right: 0;
    left: auto; }
#content .contents-reverse ul li:nth-of-type(even) dl {
  text-align: left;
  right: auto;
  left: 0; }
  #content .contents-reverse ul li:nth-of-type(even) dl dt::before {
    right: auto;
    left: 0; }

@media screen and (max-width: 1800px) {
  #content .contents ul li {
    height: 450px; }

  #content .contents ul li dl {
    width: 53%; }

  #content .contents ul li dl dt {
    font-size: 1.56rem; }

  #content .contents ul li dl dd:nth-of-type(1) {
    margin: 30px 0; } }
@media screen and (max-width: 1280px) {
  #content {
    padding: 100px 30px; }

  #content .txtTop h3 {
    font-size: 1.88rem; }

  #content .txtTop p {
    width: 90% !important; } }
@media screen and (max-width: 1024px) {
  #content .txtTop p {
    width: 100% !important; } }
@media screen and (max-width: 768px) {
  #content .txtTop h3 {
    font-size: 1.56rem; }

  #content .txtTop p {
    font-size: 1rem; }

  #content .contents ul li dl {
    position: relative;
    width: 100%;
    padding: 6% 0;
    text-align: left !important;
    max-width: 100% !important; }

  #content .contents ul li dl dt::before {
    right: auto !important;
    left: 0 !important; }

  #content .contents ul li {
    height: auto; }

  #content .contents ul li img {
    border-radius: 25px;
    height: 250px;
    object-position: 70%; }

  #content .contents ul li:nth-of-type(even) img {
    object-position: 20%; }

  #content .contents-reverse ul li img {
    object-position: 20%; }

  #content .contents-reverse ul li:nth-of-type(even) img {
    object-position: 80%; } }
@media screen and (max-width: 500px) {
  #content .contents ul li img {
    height: 150px; } }