@charset "utf-8";

.single .pagehead .p_title .l_img {
  width: 32px;
}
.post_sec {
  padding-top: 100px;
}
.post_sec .inner {
  width: 1000px;
}
.post_sec .post {
  border-top: 3px solid #707070;
}
.post_sec .post h1 {
  border-bottom: 1px solid #707070;
  font-size: 2.1rem;
  font-weight: bold;
  padding: 25px 10px;
}
.post_sec .post .date {
  margin-top: 15px;
}
.post_sec .post > div {
  border-bottom: 1px solid #707070;
  margin-top: 50px;
  padding-bottom: 180px;
}
.post_sec .post > div a {
  color: #0C70D3;
  text-decoration: underline;
}
.arrows {
  border-top: 2px solid #707070;
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
.arrows p {
  width: calc(100% / 3);
}
.arrows p:nth-of-type(2) {
  text-align: center;
}
.arrows p:nth-of-type(3) {
  text-align: right;
}
.arrows a {
  color: #000;
  text-decoration: none;
}

@media screen and (max-width: 768px) {

  .single .pagehead .p_title .l_img {
    width: 18px;
  }
  .post_sec {
    padding-top: 80px;
  }
  .post_sec .inner {
    padding: 0;
    width: auto;
  }
  .post_sec .post h1 {
    font-size: 1.8rem;
    padding: 25px 30px;
  }
  .post_sec .post .date {
    padding: 0 30px;
  }
  .post_sec .post > div {
    margin-top: 40px;
    padding: 0 30px 100px;
  }
  .arrows {
    padding: 25px 30px 0;
  }

}

/*---column---*/
.column_sec {
  padding: 135px 0 0;
}
.column_sec .inner {
  width: 1000px;
}
.column_sec .post {
  background-color: #F2F2ED;
  border: 1px solid #B2B179;
  padding: 30px;
  position: relative;
}
.column_sec .post::before {
  background-color: #F2F2ED;
  border-left: 1px solid #B2B179;
  border-right: 1px solid #B2B179;
  border-top: 1px solid #B2B179;
  content: '';
  display: block;
  height: 13px;
  left: -1px;
  position: absolute;
  top: -15px;
  width: 835px;
}
.column_sec .post::after {
  background: url(../img/column/bookmark2.png) no-repeat center center / contain;
  content: '';
  display: block;
  height: 149px;
  position: absolute;
  right: 36px;
  top: -75px;
  width: 38px;
}
.column_sec .post .date {
  border-bottom: 1px solid #707070;
  padding: 0 20px 5px;
}
.column_sec .post h1 {
  border-bottom: 3px solid #707070;
  font-size: 2.1rem;
  font-weight: bold;
  padding: 24px 20px;
}
.column_sec .post .writer {
  border-top: 1px solid #707070;
  margin-top: 6px;
  padding: 30px 20px 0;
  text-align: right;
}
.column_sec .post > div {
  margin-top: 50px;
  padding: 0 20px;
}
.column_sec .post > div .wp-caption {
  max-width: 100%;
}

@media screen and (max-width: 768px) {

  .single-columns .pagehead .p_title .l_img {
    width: 13px;
  }
  .column_sec {
    padding-top: 100px;
  }
  .column_sec .inner {
    padding: 0;
    width: auto;
  }
  .column_sec .post::before {
    width: 95vw;
  }
  .column_sec .post::after {
    height: 91px;
    top: -60px;
    width: 23px;
  }
  .column_sec .post .date {
    font-size: 1.2rem;
    padding: 0 150px 5px;
  }
  .column_sec .post h1 {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 15px;
  }
  .column_sec .post .writer {
    font-size: 1.2rem;
    padding: 15px 15px 0;
  }
  .column_sec .post > div {
    font-size: 1.4rem;
    padding: 0 0 50px;
  }

}

/*---case---*/
.single-cases .pagehead .p_title {
  font-size: 2.8rem;
}
.single-cases .pagehead .p_title img {
  width: 36px;
}
.case_sec {
  padding: 125px 0 0;
}
.case_sec .inner {
  width: 1000px;
}
.case_sec .case_wrap {
  border-top: 3px solid #000;
  padding-top: 7px;
}
.case_sec .case_wrap .post {
  border-top: 1px solid #000;
  padding-bottom: 10px;
}
.case_sec .case_wrap .post .title {
  border-bottom: 1px solid #000;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 24px 0;
}
.case_sec .case_wrap .post .case_info {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.case_sec .case_wrap .post .case_info > * {
  width: 50%;
}
.case_sec .case_wrap .post .case_info .writer {
  text-align: right;
}
.case_sec .case_wrap .case_main {
  margin-top: 90px;
}
.case_sec .case_wrap .case_com {
  margin-top: 40px;
}
.case_sec .case_wrap .case_com h2 {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {

  .single-cases .pagehead .p_title {
    font-size: 2.1rem;
  }
  .single-cases .pagehead .p_title img {
    width: 22px;
  }
  .case_sec .inner {
    width: auto;
  }
  .case_sec .case_wrap .post .title {
    font-size: 1.6rem;
  }
  .case_sec .case_wrap .post .case_info {
    font-size: 1.4rem;
  }
  .case_sec .case_wrap .case_main {
    font-size: 1.4rem;
    margin-top: 50px;
  }
  .case_sec .case_wrap .case_com {
    font-size: 1.4rem;
  }

}