@media screen and (max-width: 1260px) {
  .other_page {
    margin-top: 11%;
  }
  .other_page .article_page .article_list nav {
    display: block;
    margin-bottom: 28%;
    margin-top: 1%;
  }
  .other_page .article_page .article_list .article_ul {
    flex-flow: column;
  }
  .other_page .article_page .article_list .article_ul .article_li {
    width: 100%;
    margin: 0 0 10% 0;
  }
  .other_page .article_page .article_list .article_ul .article_li .article_container .text_area {
    padding-top: 0.4em;
    margin-bottom: 0.4em;
  }
  .other_page .article_page .article_list .article_ul .article_li .article_container .text_area .detail_btn .post_title {
    font-size: 14px;
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
  .other_page .article_page .article_list .article_ul .article_li .article_container .detail_btn .photo_frame {
    width: 100%;
  }
  .other_page .article_page .article_list .article_ul .article_li .article_container .article_categories ul li a {
    font-size: 10px;
    padding: 0.4em 0.7em;
  }
  .pager_wrap {
    margin: 4% 0 27% 0;
  }
  .pager_wrap ul li {
    margin: 0 4.5%;
  }
  .pager_wrap ul li a {
    padding: 0.7em 0.9em;
  }
  .side_logo {
    position: fixed;
    width: 56px;
    height: 54px;
    z-index: 1;
    top: 0;
    left: auto;
    right: 56px;
    padding: 10px 7px 9px 7px;
    margin-top: 0;
  }
  .side_logo.active {
    background-color: rgba(174, 156, 122, 0.8509803922);
  }
  .side_logo a {
    text-align: center;
  }
  .side_logo a img {
    width: 81%;
  }
  .column .column_detail_wrap .top_visual {
    width: 100vw;
    height: 100vw;
    margin-left: 0;
  }
  .column .column_detail_wrap .top_visual .breadcrumb_list {
    align-items: center;
    margin-top: 20px;
  }
  .column .column_detail_wrap .top_visual .breadcrumb_list li {
    padding-right: 30px;
  }
  .column .column_detail_wrap .top_visual .breadcrumb_list li a {
    font-size: 12px;
  }
  .column .column_detail_wrap .top_visual .breadcrumb_list li:before {
    width: 7px;
    right: 11px;
    top: 3px;
  }
  .column .column_detail_wrap .top_visual .breadcrumb_list li:after {
    width: 7px;
    right: 11px;
    bottom: 4px;
  }
  .column .column_detail_wrap .top_visual .title_wrap {
    padding-left: 0;
    margin-top: 5%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .column .column_detail_wrap .top_visual .title_wrap .white_wrap {
    padding: 5%;
  }
  .column .column_detail_wrap .top_visual .title_wrap .white_wrap .date {
    font-size: 14px;
  }
  .column .column_detail_wrap .top_visual .title_wrap .white_wrap .top_title {
    font-size: 20px;
  }
  .column .column_detail_wrap .top_visual .title_wrap .white_wrap .tag_list li a {
    font-size: 12px;
    margin-left: 0;
  }
  .column .column_detail_wrap .top_visual .title_wrap a {
    margin-left: 5%;
  }
  .column .column_detail_wrap .top_visual .title_wrap a .category {
    font-size: 10px;
    padding: 0.5em 0.7em;
  }
  .column .text_area {
    width: auto;
    margin: auto;
    padding: 60px 5% 0;
  }
  .column .text_area .text_wrap {
    margin: 0;
  }
  .column .text_area .text_wrap .detail_text .main_text {
    font-size: 14px;
    line-height: 2em;
  }
  .column .text_area .text_wrap .detail_text .main_text .card_link {
    margin: 20% 0 3%;
  }
  .column .text_area .text_wrap .detail_text .main_text h2 {
    font-size: 20px;
    line-height: 1.6em;
    padding-bottom: 1.5em;
    padding-top: 3em;
    padding-left: 2.5em;
    position: relative;
  }
  .column .text_area .text_wrap .detail_text .main_text h2 span {
    font-size: 40px;
    top: 48%;
    padding-right: 0.5em;
    left: -3%;
    position: absolute;
  }
  .column .text_area .text_wrap .detail_text .main_text h2 span:after {
    height: 60px;
    right: 10px;
    top: -12px;
    transform: rotate(20deg);
  }
  .column .text_area .text_wrap .detail_text .main_text h3 {
    font-size: 16px;
  }
  .column .text_area .text_wrap .detail_text .cta_btn {
    margin: 10% 0;
  }
  .column .text_area .text_wrap .detail_text .cta_btn a img {
    max-width: 100%;
  }
  .column .text_area .text_wrap .detail_text .article_img {
    height: 250px;
    margin-bottom: 1.5em;
  }
  .column .text_area .text_wrap .detail_text #toc {
    position: static;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    margin-top: 10%;
    box-shadow: none;
    overflow-y: hidden;
    height: auto;
  }
  .column .text_area .text_wrap .detail_text #toc .index_title_wrap {
    border-bottom: solid 1px rgba(112, 112, 112, 0.5);
  }
  .column .text_area .text_wrap .detail_text #toc .index_wrap .h2_wrap li .main_title {
    font-size: 14px;
    line-height: 2em;
    padding-top: 1em;
  }
  .column .text_area .text_wrap .detail_text #toc .index_wrap .h2_wrap li .h3_wrap li .sub_title {
    font-size: 14px;
    line-height: 2.9em;
  }
  .column .back_btn_wrap {
    margin: 15% auto 26%;
  }
  .column iframe {
    width: 100%;
    height: 300px;
  }
}