/* ----------------------------------------------------------------------
    subHeading
---------------------------------------------------------------------- */

.subHeading {
    position: relative;
    height: auto;
    width: 100%;
}

.contact .subHeading {
    height: 120px;
}

.information .subHeading,
.information-id .subHeading {
    height: 150px;
}

.subHeading_ttl {
    font-size: 26px;
    letter-spacing: .1em;
    text-align: center;
    margin: auto;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.subHeading_ttl_en {
    font-size: 40px;
    letter-spacing: .1em;
    text-align: center;
    margin: auto;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
}

.column .subHeading,
.search .subHeading {
    height: auto;
}

.contact-id .subHeading {
    background: url(../img/co-list/bg_header.jpg) no-repeat center center / cover;
    height: 120px;
}

.contact-id .subHeading_ttl {
    color: #fff;
}


/* ----- breadcrumbList --------------- */

.breadcrumbList {
    position: absolute;
    top: 13px;
    left: 33px;
}

.breadcrumbList li {
    float: left;
    position: relative;
    padding-left: 30px;
}

.breadcrumbList li.home {
    background: url(/assets/img/page/icon_home.png) no-repeat left center;
    padding-left: 18px;
}

.breadcrumbList li::after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #a7a7a7;
    border-right: 2px solid #a7a7a7;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
}

.breadcrumbList li:last-child::after {
    content: none;
}

.breadcrumbList li a {
    display: block;
    color: #929292;
    font-size: 10px;
    letter-spacing: .1em;
    font-family: 'axisstd-regular';
}

.contact-id .breadcrumbList li a {
    color: #929292;
}


/* ----------------------------------------------------------------------
    page
---------------------------------------------------------------------- */

.bg_gray {
    background: #f4f7f8;
}

.bg_gray2 {
    background: #f8f8f8;
}

.bg_bluegray {
    background: #eaeef1;
}

.bg_bluegray2 {
    background: #eaf0f1;
}

.bg_lightgray {
    background: #eaf0f1;
}

.bg_lightgray2 {
    background: #dee1e3;
}

.bg_lightgray3 {
    background: #eaf0f1;
}

.page_ttl {
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px;
    letter-spacing: .1em;
    font-family: 'axisstd-H';
    line-height: 1.5;
    word-break: keep-all;
}

.page_ttl p {
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
    font-family: 'axisstd-bold';
}

.page_ttl p span {
    word-break: keep-all;
    display: inline-block;
}

.page_count {
    font-family: 'axisstd-regular';
    font-size: 16px;
    text-align: center;
    color: #838383;
}


/* ----- pager --------------- */

.pager {
    margin: 80px 0 0;
    width: 100%;
}

.pager .pagination {
    display: block;
    text-align: center;
}

.pager .pagination li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    background: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    position: relative;
}

.pager .pagination li a {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    color: #000;
    border-radius: 2px;
    font-size: 15px;
    text-decoration: none;
}

.pager .pagination li a span {
    display: table-cell;
    vertical-align: middle;
}

.pager .pagination li a:hover {
    color: #fff;
    background: #d6d6d6;
}

.pager .pagination li a.active {
    color: #fff;
    background: #000;
}

.pager .pagination li.pre,
.pager .pagination li.next {
    width: 90px;
}

.pager .pagination li.pre {
    background: none;
    margin-right: 30px;
}

.pager .pagination li.pre a {
    font-size: 15px;
    padding-left: 10px;
}

.pager .pagination li.pre a::after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.pager .pagination li.pre a:hover {
    color: #000;
    background: none;
}

.pager .pagination li.next {
    background: none;
    margin-left: 30px;
}

.pager .pagination li.next a {
    font-size: 15px;
    padding-right: 10px;
}

.pager .pagination li.next a::after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.pager .pagination li.next a:hover {
    background: none;
    color: #000;
}


/* ----- pager2 --------------- */

.pager2 {
    margin: 80px 0 0;
    width: 100%;
}

.pager2 .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 0 195px;
}

.pager2 .pagination li a {
    color: #414141;
    /* font-family: 'axisstd-regular'; */
    font-size: 15px;
    letter-spacing: .1em;
}


/* ----------------------------------------------------------------------
    search
---------------------------------------------------------------------- */

.subHeading_column .search,
.search .subHeading .height-wrap {
    padding: 50px 0 15px;
}

.search_el {
    display: flex;
    margin: 0 0 23px;
}

.search_column .search_el {
    margin: 10px auto 30px;
    max-width: 800px;
}

.search .search_el:last-child {
    margin: 0;
}

.search_el_ttl {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 40px;
    min-width: 170px;
}

.search_el_ttl::before {
    /* content: ""; */
    width: 4px;
    height: 16px;
    background: #c1af82;
    display: inline-block;
    border-radius: 10px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.search_el_input {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 705px;
    width: 100%;
}

.search_el_input .select {
    max-width: 280px;
    width: 100%;
    position: relative;
}


/* セレクトボックスの矢印デザイン変更 */

.search_el_input .select::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #c1af82;
    border-right: 2px solid #c1af82;
    margin: auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
}

.search_el_input .select select {
    border: 2px solid #dee4e7;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'axisstd-regular';
    font-size: 15px;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    -webkit-appearance: none;
    /* デフォルトのスタイルを無効 */
    appearance: none;
    /* デフォルトのスタイルを無効 */
}

.search_el_input .select select::-ms-expand {
    display: none;
    /* デフォルトのスタイルを無効(IE用) */
}

.search_el_input .text {
    width: 100%;
}

.search_el_input .text input {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'axisstd-regular';
    font-size: 15px;
    padding: 0 15px;
    width: 100%;
    height: 40px;
}

.search_el_input .text input::placeholder {
    color: #8c8c8c;
}

.search_el_btn {
    margin-left: 20px;
}

.search_el_btn input[name="search"] {
    background: #c1af82;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: .1em;
    text-align: center;
    min-width: 140px;
    height: 40px;
}

.result {
    padding: 50px 0 100px;
}


/* ----------------------------------------------------------------------
    /info
---------------------------------------------------------------------- */

.subHeading_info .subHeading_ttl {
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 100px;
    letter-spacing: .1em;
    line-height: 1.22;
    text-align: left;
    padding: 66px 2rem 0;
    height: auto;
}

.subHeading_info .subHeading_ttl .ja {
    display: block;
    color: #adadad;
    font-family: 'axisstd-bold';
    font-size: 20px;
    letter-spacing: .2em;
    line-height: 1;
    margin: 0;
}

.subHeading_info .subHeading_info_el {
    position: relative;
    height: 100%;
}

.info {
    padding: 150px 0 210px;
}

.info_el {
    border-bottom: 1px solid #707070;
    padding: 80px 0 65px;
}

.info .info_el:first-child {
    padding-top: 0;
}

.info_el_ttl {
    font-size: 25px;
    letter-spacing: .1em;
    line-height: 1.6;
    margin: 0 0 20px;
}

.info_el_date {
    margin: 0 0 30px;
}

.info_el_img {
    border-radius: 20px;
    margin: 0 0 60px;
}

.info_el_txt {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 2.13;
    margin: 0 0 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.information-id .info_el_txt {
    -webkit-line-clamp: unset;
}

.info_el_more {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .1em;
    text-align: right;
}


/* ----------------------------------------------------------------------
    /company
---------------------------------------------------------------------- */

.company_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px 0 0;
    overflow: hidden;
}

.company_list li {
    display: block;
    border-radius: 20px;
    margin: 0 0 45px;
    position: relative;
    width: 23.5%;
    overflow: hidden;
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
}

.company_list li:nth-child(4n) {
    margin-right: 0;
}

.company_list li a {
    display: block;
}

.company_list__img {
    width: 100%;
    transition: .3s ease-in-out;
}

.company_list li:hover .company_list__img {
    transform: scale(1.1);
}

.company_list__el_title::after {
    content: "";
    background: #c1af82;
    border-radius: 5px;
    width: 35px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.company_list__el_box {
    position: relative;
    width: 100%;
}

.company_list__el_box .item {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
}


/* ----------------------------------------------------------------------
    /co-list
---------------------------------------------------------------------- */

.co-list {
    margin: 60px 0 0;
    width: 100%;
}

.co-list li {
    margin: 0 0 15px;
}

.co-list>li {
    padding: 30px 50px;
    margin: 0;
    border-bottom: 3px solid #000000;
}

.co-list>li a:hover {
    /* opacity: 0.8; */
    background: #f8f8f8;
    /* border-radius: 20px; */
    /* margin-right: 20px; */
}

.co-list>li:first-child {
    /* padding-top: 20px; */
    border-top: 3px solid #000000;
}

.co-list_link {
    display: flex;
    background: #fff;
    /* border-radius: 20px; */
    padding: 35px 40px;
    overflow: hidden;
    /* box-shadow: 0 0 30px rgb(0 0 0 / 5%); */
}

.co-list_left {
    /* border-right: 1px solid rgba(178, 178, 178, 0.5); */
    width: 50%;
    padding: 20px;
    border-radius: 20px;
    margin-right: 30px;
}

.co-list_left .image {
    float: left;
    max-width: 100px;
    width: 100%;
}

.co-list_left .title {
    font-size: 18px;
    margin: 0 0 15px;
    padding-left: 140px;
    position: relative;
    line-height: 1.5;
}

.co-list_left .title::before {
    content: "";
    background: #c1af82;
    width: 5px;
    height: 20px;
    position: absolute;
    left: 122px;
    top: 5px;
}

.co-list_left .text {
    font-family: 'axisstd-regular';
    font-size: 12px;
    padding-left: 140px;
}

.co-list_left .text p {
    margin: 10px 0 0;
    display: table;
}

.co-list_left .text p:first-child {
    margin: 0;
}

.co-list_left p span {
    display: table-cell;
}

.co-list_left p span:first-child {
    font-family: 'axisstd-bold';
    min-width: 65px;
}

.co-list_left p .map {
    /* display: inline-block; */
    /* background: url(../img/icon_pin_b.png) no-repeat center center; */
    /* width: 9px; */
    /* height: 12px; */
    /* margin-left: 10px; */
}

.co-list_right {
    width: 50%;
    padding: 30px 0 30px 30px;
    border-left: 1px solid rgba(178, 178, 178, 0.5);
}

.co-list_category {
    overflow: hidden;
    margin-bottom: 10px;
}

.co-list_category li {
    background: #ececec;
    border-radius: 3px;
    float: left;
    font-size: 12px;
    text-align: center;
    padding: 3px 10px;
    margin: 0 6px 6px 0;
    font-weight: bold;
    letter-spacing: .5px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.co-list_category li.box_white {
    border: 1px solid #dcdcdc;
    background: #fff;
    float: none;
    position: relative;
    width: fit-content;
}

.co-list_category li.box_white::after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
}


/* ----------------------------------------------------------------------
    /co-list /id
---------------------------------------------------------------------- */

.subHeading_co-list_id,
.subHeading_co-list_id2 {
    background: url(../img/co-list/bg_header.jpg) no-repeat center center / cover;
    height: auto;
    padding-top: 30px;
}

@media screen and (min-width: 1800px) {
    .subHeading_co-list_id,
    .subHeading_co-list_id2 {
        background: url(../img/co-list/bg_header.jpg) no-repeat center center / cover;
    }
}

.subHeading_co-list_id .subHeading_el,
.subHeading_co-list_id2 .subHeading_el {
    position: relative;
    height: 100%;
}

.subHeading_co-list_id2 .subHeading_el .subHeading_ttl,
.subHeading_co-list_id .subHeading_el .subHeading_ttl {
    color: #fff;
    font-size: 26px;
    line-height: 1.4;
    text-align: left;
    padding-left: 125px;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: static;
}

.subHeading_co-list_id2 .subHeading_el .subHeading_ttl {
    padding: 2.5rem 2rem 3rem;
}

.subHeading_co-list_id .subHeading_el .subHeading_ttl .en {
    display: inline-block;
    background: #000;
    border: 1.5px solid #fff;
    border-radius: 20px;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 11px;
    letter-spacing: .2em;
    padding: 3px 12px 4px;
    margin-top: 10px;
}

.subHeading_co-list_id .subHeading_el .header_img {
    border: 4px solid #fff;
    border-radius: 50%;
    margin: auto;
    max-width: 90px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: 12px; */
}

.co-list_id_intro {
    padding: 35px 0;
    overflow: hidden;
}

.co-list-id2 .co-list_id_intro {
    padding: 35px 0 150px;
}

.co-list_id_intro .blocklist {
    display: flex;
    margin: 0 0 15px;
    padding: 0 0 0 12px;
}

.co-list_id_intro .blocklist .block_ttl {
    font-size: 14px;
    line-height: 1.7;
    min-width: 82px;
}

.co-list_id_intro .block1 {
    float: left;
    width: 50%;
    padding-right: 30px;
}

.co-list_id_intro .blocklist .block1_txt {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .05em;
}

.co-list_id_intro .blocklist a.block1_txt {
    color: #4ab4f7;
}

.co-list_id_intro .block2 {
    border-left: 1px solid #dbdbdb;
    float: left;
    width: 50%;
}

.co-list_id_intro .block2 .blocklist {
    padding: 0 0 0 33px;
}

.co-list_id_intro .block3 {
    border-top: 1px solid #dbdbdb;
    margin: 30px 0 0;
    padding: 30px 12px 0;
    overflow: hidden;
    float: left;
}

.co-list_id_intro .block3 .block3_txt {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 2.13;
}

.co-list_id_interview {
    /* overflow: hidden; */
    padding: 105px 0 60px;
}

.co-list_id_interview .interview_el {
    width: 100%;
    display: flex;
}

.co-list_id_interview .interview_el_ttl_wrap {
    width: 50%;
    padding-top: 100px;
    padding-left: 55px;
}

.co-list_id_interview .interview_el_ttl {
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 80px;
    letter-spacing: .1em;
    line-height: 1.13;
    margin: 0 0 20px;
}

.co-list_id_interview .interview_el_name {
    font-size: 25px;
    letter-spacing: .1em;
}

.co-list_id_interview .interview_el_name .gray {
    display: inline-block;
    color: #ababab;
    font-family: 'axisstd-regular';
    font-size: 15px;
    margin-right: 18px;
}

.co-list_id_interview .interview_el_name span:nth-child(1) {
    font-size: 13px;
    letter-spacing: .1em;
    display: block;
    margin-bottom: 10px;
    margin-left: 20px;
    color: #646464;
}

.co-list_id_interview .interview_el_name span:nth-child(1)::before {
    content: "";
    background: #d40000;
    width: 10px;
    height: 3px;
    position: relative;
    top: 10px;
    left: -20px;
    display: block;
}

.co-list_id_interview .interview_el_img {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 50%;
}

.co-list_id_interview .interview_el_img img {
    border-radius: 20px;
}

.co-list_id_index {
    padding: 25px 0 55px;
    margin-bottom: 50px;
}

.co-list_id_index .index_label {
    display: inline-block;
    background: #000;
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: .1em;
    text-align: center;
    width: 133px;
    height: 40px;
    position: relative;
    top: -40px;
}

.co-list_id_index .index_list {
    margin: -5px 0 0;
    padding-left: 205px;
}

.co-list_id_index .index_list li {
    display: flex;
    margin: 0 0 25px;
}

.co-list_id_index .index_list li:last-child {
    margin: 0;
}

.co-list_id_index .index_list_ttl {
    color: rgba(0, 0, 0, 0.3);
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .1em;
    text-align: right;
    margin: auto 0;
    padding-right: 25px;
    min-width: 120px;
    height: max-content;
}

.co-list_id_index .index_list_el {
    border-left: 1px solid #c4c4c4;
    padding-left: 30px;
}

.co-list_id_index .index_list_el .title {
    font-size: 16px;
    letter-spacing: .1em;
    font-family: 'axisstd-H';
    margin-bottom: 3px;
}

.co-list_id_index .index_list_el .text {
    color: #8d8d8d;
    font-size: 13px;
    letter-spacing: .1em;
    font-family: 'axisstd-regular';
}

.co-list_id_chapter1 {
    padding: 110px 0 145px;
}

.co-list_id_chapter1 .chapter_el {
    width: 100%;
    padding-right: 37.5%;
    position: relative;
}

.co-list_id_chapter1 .chapter_el_ttl {
    font-size: 50px;
    letter-spacing: .1em;
    margin: 0 0 70px;
    font-family: 'axisstd-H';
}

.co-list_id_chapter1 .chapter_el_ttl .en {
    display: block;
    color: rgba(0, 0, 0, 0.25);
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 30px;
    letter-spacing: .15em;
    margin: 15px 0 0;
}

.co-list_id_chapter1 .chapter_el_ttl2 {
    font-size: 28px;
    letter-spacing: .07em;
    line-height: 1.78;
    font-family: 'axisstd-H';
}

.co-list_id_chapter1 .chapter_el_img {
    width: 33.33%;
    position: absolute;
    top: 0;
    right: 0;
}

.co-list_id_chapter1 .chapter_el_img img {
    border-radius: 20px;
}

.co-list_id_chapter1 .chapter_el_box {
    margin: 90px 0 0;
}

.co-list_id_chapter2 .chapter_el_box .title,
.co-list_id_chapter1 .chapter_el_box .title {
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 1.7;
    position: relative;
    /* padding-left: 20px; */
    margin: 0 0 30px;
}

.co-list_id_chapter2 .chapter_el_box .title::before,
.co-list_id_chapter1 .chapter_el_box .title::before {
    content: "";
    background: #f85e69;
    margin: auto;
    width: 10px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
}

.co-list_id_chapter2 .chapter_el_box .text,
.co-list_id_chapter1 .chapter_el_box .text {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 2;
}

.co-list_id_chapter2 {
    padding: 75px 0 85px;
}

.co-list_id_chapter2 .chapter_el {
    width: 100%;
    padding-left: 44.33%;
    position: relative;
}

.co-list_id_chapter2 .chapter_el_ttl {
    font-size: 35px;
    letter-spacing: .1em;
    margin: 0 0 70px;
    font-family: 'axisstd-H';
}

.co-list_id_chapter2 .chapter_el_ttl .en {
    display: block;
    color: rgba(0, 0, 0, 0.25);
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 30px;
    letter-spacing: .1em;
    margin: 15px 0 0;
}

.co-list_id_chapter2 .sdgs_line {
    position: relative;
    top: -35px;
    background: url(../img/sdgs_line.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 10px;
}

.co-list_id_chapter2 .chapter_el_ttl2 {
    font-size: 28px;
    letter-spacing: .07em;
    line-height: 1.78;
    font-family: 'axisstd-H';
}

.co-list_id_chapter2 .chapter_el_img {
    width: 33.33%;
    position: absolute;
    top: 0;
    left: 0;
}

.co-list_id_chapter2 .chapter_el_img img {
    border-radius: 20px;
}

.co-list_id_chapter2 .chapter_el_box {
    margin: 90px 0 0;
}

.co-list_id_chapter2 .chapter_el_box .title {
    /* font-size: 20px; */
    /* letter-spacing: .1em; */
    /* line-height: 1.5; */
    /* position: relative; */
    /* padding-left: 20px; */
    /* margin: 0 0 30px; */
}

.co-list_id_chapter2 .chapter_el_box .title::before {
    /* content: ""; */
    /* background: #f85e69; */
    /* margin: auto; */
    /* width: 10px; */
    /* height: 3px; */
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
}

.co-list_id_chapter2 .chapter_el_box .text {
    /* color: #414141; */
    /* font-family: 'axisstd-regular'; */
    /* font-size: 15px; */
    /* letter-spacing: .1em; */
    /* line-height: 2.13; */
}

.co-list_id_profile {
    position: relative;
    padding: 180px 0 0;
}

.co-list_id_profile::before {
    content: "";
    background: #c1af82;
    margin: auto;
    width: 100px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.co-list_id_profile_wrap {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 3rem 4rem 3.5rem;
    position: relative;
}

.co-list_id_profile_wrap::before {
    content: "PROFILE";
    font-family: proxima-nova, sans-serif;
    letter-spacing: .2em;
    font-size: 15px;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 0.6rem 2rem;
    position: absolute;
    top: -20px;
}

.co-list_id_profile_sec {
    position: relative;
}

.co-list_id_profile_sec img {
    border-radius: 50px;
    position: absolute;
    margin: auto;
    max-width: 65px;
    width: 100%;
}

.co-list_id_profile .interview_el_ttl {
    font-family: proxima-nova, sans-serif;
    letter-spacing: .1em;
    margin-bottom: 2rem;
}

.co-list_id_profile .interview_el_name {
    padding-top: 5px;
    padding-bottom: 2rem;
    padding-left: 5rem;
    border-bottom: 1px solid #cbcbcb;
}

.co-list_id_profile .interview_el_name span:nth-child(1) {
    font-size: 13px;
    letter-spacing: .1em;
    display: block;
    margin-bottom: 10px;
    margin-left: 20px;
    color: #646464;
}

.co-list_id_profile .interview_el_name span:nth-child(1)::before {
    content: "";
    background: #d40000;
    width: 10px;
    height: 3px;
    position: relative;
    top: 10px;
    left: -20px;
    display: block;
}

.co-list_id_profile .interview_el_name span:nth-child(2) {
    display: inline-block;
    color: #ababab;
    font-family: 'axisstd-regular';
    font-size: 13px;
    margin-right: 18px;
}

.co-list_id_profile .interview_el_name span:nth-child(3) {
    font-size: 19px;
    letter-spacing: .1em;
}

.co-list_id_profile .interview_el_profile {
    margin: 40px 0 0;
}

.co-list_id_profile .interview_el_profile .title {
    color: #9b9b9b;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .1em;
    margin: 0 0 20px;
    position: relative;
}

.co-list_id_profile .interview_el_profile .title::before {
    content: "";
    background: #d40000;
    margin: auto;
    width: 10px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
}

.co-list_id_profile .interview_el_profile dl {
    display: flex;
    margin: 0 0 15px;
}

.co-list_id_profile .interview_el_profile dl:last-child {
    margin: 0;
}

.co-list_id_profile .interview_el_profile dt {
    font-size: 14px;
    letter-spacing: .1em;
    min-width: 125px;
}

.co-list_id_profile .interview_el_profile dd {
    color: #414141;
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .1em;
}

.co-list_id_link {
    position: relative;
    padding: 80px 0 200px;
}


/* .co-list_id_link::before {
    content: "";
    background: #000;
    margin: auto;
    width: 100px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
} */

.co-list_id_link .link_el {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 175px;
}

.co-list_id_link .link_el a {
    background: #c1af82;
    color: #fff;
    font-size: 20px;
    letter-spacing: .2em;
    line-height: 1.5;
    text-align: center;
    position: relative;
    max-width: 450px;
    width: 100%;
    height: 90px;
}

.co-list_id_link .link_el a span {
    display: block;
    margin: auto;
    width: 100%;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
}

.co-list_id_link .link_mov {
    width: 100%;
    height: 563px;
}

.co-list_id_link .link_mov_iframe {
    width: 100%;
    height: auto;
}


/* ----------------------------------------------------------------------
    /co-list /id /contact
---------------------------------------------------------------------- */

.co-list_id_contact {
    padding: 0 0 100px;
    width: 100%;
    overflow: hidden;
}

.co-list_id_contact .required_txt {
    color: #c1af82;
    font-family: 'axisstd-regular';
    font-size: 11px;
    line-height: 15px;
    text-align: right;
    padding: 15px 0 60px;
}

.co-list_id_contact .required_txt span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.co-list_id_contact .required_txt span::before {
    content: "";
    background: #c1af82;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 3.5px;
}

.co-list_id_contact dl {
    display: flex;
    margin: 0 0 50px;
    width: 100%;
}

.co-list_id_contact dl:nth-child(7) {
    margin: 0px;
}

.co-list_id_contact dl dt {
    font-size: 15px;
    line-height: 50px;
    max-width: 205px;
    width: 100%;
}

.co-list_id_contact dl dd {
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .1em;
    width: 100%;
}

.co-list_id_contact .required_mark {
    display: inline-block;
    background: #c1af82;
    border-radius: 50%;
    margin-left: 8px;
    width: 8px;
    height: 8px;
}

.co-list_id_contact input[type="text"] {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    font-family: 'axisstd-regular';
    font-size: 15px;
    padding: 15px 20px;
}

.co-list_id_contact textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    font-family: 'axisstd-regular';
    font-size: 15px;
    padding: 15px 20px;
}

.co-list_id_contact input[type="checkbox"] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.co-list_id_contact label.agreement {
    font-family: 'axisstd-bold';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
    padding-left: 10px;
    position: relative;
    top: -5px;
}

.co-list_id_contact label.agreement a {
    text-decoration: underline;
}

.co-list_id_contact input[type="submit"] {
    background: #c1af82;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-family: 'axisstd-regular';
    font-size: 22px;
    letter-spacing: .2em;
    line-height: 80px;
    text-align: center;
    width: 100%;
    height: 80px;
}

.co-list_id_contact .error_text {
    display: block;
    color: #d1022c;
    font-family: 'axisstd-regular';
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 1.4;
    margin: 5px 0 0;
}

.contact_form_confirm {
    padding: 65px 0 0;
}

.contact_form_confirm dl {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    margin: 0!important;
    padding: 35px 0;
}

.contact_form_confirm dl dt,
.contact_form_confirm dl dd {
    line-height: 2;
}

.co-list_id_contact .thanks_text {
    font-size: 20px;
    letter-spacing: .1em;
    text-align: center;
    padding: 100px 0 0;
}

.co-list_id_contact .thanks_img {
    display: block;
    position: relative;
    left: 13px;
    margin: 70px auto 80px;
    max-width: 260px;
    width: 100%;
}

.co-list_id_contact .thanks_link {
    text-align: center;
}

.co-list_id_contact .thanks_link a {
    display: inline-block;
    color: #c1af82;
    border-bottom: 2px dotted #c1af82;
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .2em;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
}

.co-list_id_privacy {
    margin-bottom: 4rem;
}

.co-list_id_privacy .sec_ttl {
    border-bottom: 1px solid rgb(0 0 0 / 11%);
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.36;
    padding-bottom: 10px;
}

.co-list_id_privacy .sec_text {
    font-family: 'axisstd-regular';
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 20px 0 50px;
    color: #767676;
}


/* ----------------------------------------------------------------------
    /column
---------------------------------------------------------------------- */

.subHeading_column_id,
.subHeading_column {
    /* background: url(../img/column/bg_header.jpg) no-repeat center center / cover; */
    /* background: #f6f8f9; */
    z-index: 2;
}

@media screen and (min-width: 1800px) {
    .subHeading_column {
        /* background: url(../img/column/bg_header.jpg) no-repeat center center / cover; */
    }
}

.search_column_keyword {
    border-radius: 5px;
    position: relative;
    margin: 0 auto 50px;
    max-width: 800px;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.search_column_keyword .text {
    width: 100%;
    height: 100%;
}

.search_column_keyword .text input[name="keyword"] {
    background: #fff;
    border: 0;
    font-family: 'axisstd-regular';
    font-size: 16px;
    letter-spacing: .05em;
    padding: 0 25px;
    width: 100%;
    height: 100%;
}

.search_column_keyword .search_btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.search_column_keyword .search_btn input[name="search"] {
    background: url(../img/column/icon_search.png) no-repeat center center / 23px;
    border: 0;
    cursor: pointer;
    text-align: center;
    min-width: 55px;
    height: 100%;
}

.search_column_category {
    width: 100%;
    overflow: hidden;
}

.search_column_category_el {
    border-bottom: 2px dotted rgba(0, 0, 0, 0.22);
    display: flex;
    padding: 5px 10px;
    position: relative;
    width: 100%;
}

.search_column_category .search_column_category_el:last-child {
    border-bottom: 0;
}

.search_column_category_el .title {
    min-width: 105px;
    margin-right: 35px;
    padding-left: 32px;
    line-height: 31px;
    height: 31px;
    margin-top: 12px;
}

.search_column_category_el .title span {
    display: block;
    font-size: 18px;
    letter-spacing: .2em;
    padding-left: 15px;
    position: relative;
}

.search_column_category_el .title span::before {
    content: "";
    border-radius: 30px;
    margin: auto;
    width: 5px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.search_column_category_el .title_saiyo {
    background: url(../img/column/icon_saiyo.png) no-repeat left center / 20px;
}

.search_column_category_el .title_saiyo span::before {
    background: #388ad2;
}

.search_column_category_el .title_roumu {
    background: url(../img/column/icon_roumu.png) no-repeat left center / 23px;
}

.search_column_category_el .title_roumu span::before {
    background: #6474c0;
}

.search_column_category_el .title_soshiki {
    background: url(../img/column/icon_soshiki.png) no-repeat left center / 21px;
}

.search_column_category_el .title_soshiki span::before {
    background: #03b8ac;
}

.search_column_category_el .item {
    overflow: hidden;
}

.search_column_category_el .item li {
    float: left;
    position: relative;
}

.search_column_category_el .item li::after {
    content: none;
    /* content: "｜"; */
    /* line-height: 35px; */
    /* position: absolute; */
    /* right: -9px; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
}

.search_column_category_el .item li:last-child::after {
    content: none;
}

.search_column_category_el .item li a {
    display: block;
    font-size: 15px;
    line-height: 35px;
    padding: 0 10px;
}

.search_tag {
    padding: 25px 0;
    overflow: hidden;
    margin-bottom: -25px;
}

.search_tag_el {
    display: flex;
    width: 100%;
}

.search_tag_el .title {
    background: url(../img/column/icon_tag.png) no-repeat left center / 20px;
    font-size: 15px;
    line-height: 2;
    margin-right: 35px;
    padding-left: 30px;
}

.search_tag_el .item {
    overflow: hidden;
}

.search_tag_el .item li {
    float: left;
    margin-right: 10px;
}

.search_tag_el .item li a {
    display: block;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.29;
    text-align: center;
    padding: 6px 20px;
}

.search_tag_el .item li.list a {
    background: none;
    position: relative;
}

.search_tag_el .item li.list a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
}

.search_tag_el .item li.list a::after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
}

.column {
    width: 100%;
    overflow: hidden;
    padding: 50px 0 60px;
    /* background: #eaf0f1; */
}

.column_el {
    margin: 65px 0 45px;
    width: 100%;
}

.column_el ul {
    width: 100%;
}

.column_el ul li {
    float: left;
    position: relative;
    padding: 0 30px 0 0;
    margin: 0 0 90px;
    width: 50%;
}

.column_el ul li:nth-child(2n) {
    padding: 0 0 0 30px;
}

.column_el_new {
    display: inline-block;
    background: #000;
    border: 3px solid #fff;
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
    padding: 10px 20px;
    position: absolute;
    top: -12px;
    left: -10px;
    z-index: 1;
}

.column_el ul li a {
    display: block;
}

.column_el ul li a:hover .column_el_img img {
    transform: scale(1.1);
}

.column_el_img {
    border-radius: 10px;
    margin: 0 0 30px;
    overflow: hidden;
}

.column_el_img img {
    width: 100%;
    transition: .3s ease-in-out;
}

.column_el_box .type {
    margin: 0 0 10px;
}

.column_el_box .type a {
    display: inline-block;
}

.column_el_box .type span,
.column_id .type span {
    /* display: inline-block; */
    /* border-radius: 5px; */
    /* color: #fff; */
    /* font-size: 11px; */
    /* letter-spacing: .2em; */
    /* line-height: 15px; */
    /* margin-right: 10px; */
    /* padding: 5px 15px; */
}

.column_el_box .type span.saiyo,
.column_el_box .type span.roumu,
.column_el_box .type span.soshiki {
    background-position: 7px center;
    padding-left: 24px;
}

.column_el_box .type span.type_soshiki,
.column_id .type span.type_soshiki {
    background: url(../img/icon_soshiki.svg) no-repeat 14px center / 12px;
    padding-left: 32px;
}

.column_el_box .type span.type_saiyo,
.column_id .type span.type_saiyo {
    background: url(../img/icon_saiyo.svg) no-repeat 14px center / 12px;
    padding-left: 32px;
}

.column_el_box .type span.type_roumu,
.column_id .type span.type_roumu {
    background: url(../img/icon_roumu.svg) no-repeat 14px center / 12px;
    padding-left: 32px;
}

.column_el_box .type span.bg_blue,
.column_id .type span.bg_blue {
    background-color: #388ad2;
}

.column_el_box .type span.bo_blue,
.column_id .type span.bo_blue {
    border: 1px solid #388ad2;
    color: #388ad2;
}

.column_el_box .type span.bg_green,
.column_id .type span.bg_green {
    background-color: #03b8ac;
}

.column_el_box .type span.bo_green,
.column_id .type span.bo_green {
    border: 1px solid #03b8ac;
    color: #03b8ac;
}

.column_el_box .type span.bg_purple,
.column_id .type span.bg_purple {
    background-color: #6474c0;
}

.column_el_box .type span.bo_purple,
.column_id .type span.bo_purple {
    border: 1px solid #6474c0;
    color: #6474c0;
}

.column_el_box .title {
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.45;
    margin: 0 0 22px;
}

.column_el_box .text {
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.78;
    margin: 0 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #616161;
}

.column_el_box .date {
    /* color: #c0c0c0; */
    /* font-family: proxima-nova, sans-serif; */
    /* font-weight: 800; */
    /* font-style: normal; */
    /* font-size: 17px; */
    /* letter-spacing: .1em; */
    /* line-height: 1; */
}


/* ----------------------------------------------------------------------
    /column /tag
---------------------------------------------------------------------- */

.search_column_tag {
    padding: 65px 10px 100px;
}

.search_column_tag .search_tag_el .title_w100 {
    background: url(../img/column/icon_tag.png) no-repeat left 6px / 22px;
    font-size: 20px;
    line-height: 29px;
    padding-left: 36px;
    margin: 0 auto 50px;
    width: max-content;
}

.search_column_tag .search_tag_el .item li {
    margin: 0 13px 22px 0;
}


/* ----------------------------------------------------------------------
    /column /id
---------------------------------------------------------------------- */

.subHeading_column_id {
    height: auto;
}

.column_id {
    margin: 0;
    width: 100%;
}

.column_id .title {
    font-size: 35px;
    line-height: 1.85;
    margin: 0 0 45px;
}

.column_id .date {
    color: #c0c0c0;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1;
    margin: 0 0 30px;
}

.column_id .member {
    display: flex;
    margin: 0 0 35px;
    display: none;
}

.column_id .member_img {
    margin: 0 12px 0 0;
}

.column_id .member_img img {
    display: block;
    border-radius: 50%;
}

.column_id .member_info .name {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .1em;
}

.column_id .member_info .company {
    font-family: 'axisstd-regular';
    font-size: 12px;
}

.column_id .category {
    overflow: hidden;
    margin: 0 0 20px 0;
    /* background: #f4f7f8; */
    /* padding: 10px 10px 0; */
    /* border-radius: 5px; */
}

.column_id .category .type {
    float: left;
    padding: 0 0 10px 0;
}

.column_id .category .type span {
    font-size: 14px;
}

.column_id .category .tag {
    float: left;
    margin: 0 0 0 15px;
}

.column_id .category .tag_item {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin: 0 10px 0 0;
}

.column_id .ic_img {
    width: 100%;
}

.column_contents {
    width: 100%;
}

.column_contents .contents {
    background: #f8f8f8;
    border-radius: 15px;
    position: relative;
    width: fit-content;
    padding: 0;
}

.column_contents .contents_title {
    /* background: url(../img/column/id/icon_menu.png) no-repeat 23px center / 20px; */
    /* border-bottom: 2px solid #fff; */
    /* font-size: 18px; */
    /* padding: 17px 140px 21px 60px; */
}

.column_contents .contents_list {
    padding: 14px 50px 42px;
}

.column_contents .contents_list li {
    margin: 23px 0 0;
    width: 100%;
}

.column_contents .contents_list li a {
    display: inline-block;
    border-bottom: 2px dotted #5f5f5f;
    font-size: 15px;
    line-height: 1.4;
    padding: 0 0 5px;
}

.column_contents .contents_list li ul li {
    margin: 20px 0 0;
    padding: 0 0 0 25px;
}

.column_contents .contents_list li ul li a {
    border-bottom: 0;
    font-family: 'axisstd-regular';
}

.pickup_contents .close_btn,
.column_contents .close_btn {
    cursor: pointer;
    color: #979797;
    font-family: 'axisstd-regular';
    font-size: 14px;
    padding-right: 26px;
    position: absolute;
    top: 20px;
    right: 22px;
    text-align: right;
}

.pickup_contents .close_btn::after,
.column_contents .close_btn::after {
    content: "目次を閉じる";
    display: inline-block;
    width: 100px;
    height: 8px;
    /* border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    transform: rotate(45deg); */
    margin: auto;
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 0;
}

.pickup_contents .contents #close:checked~.close_btn::after,
.column_contents .contents #close:checked~.close_btn::after {
    content: "目次を開く";
    display: inline-block;
    width: 100px;
    height: 8px;
    /* border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    transform: rotate(45deg); */
    margin: auto;
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 0;
    color: #979797;
}

.column_contents .contents .checkbox {
    display: none;
}

.column_contents .contents #close:checked~.contents_list {
    display: none;
}

.column_article {
    padding: 100px 0 0;
}

.column_article .sec_ttl {
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 40px;
    position: relative;
    padding-left: 33px;
}

.column_article .sec_ttl::before {
    content: "";
    background: #65d5b6;
    border-radius: 10px;
    width: 10px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.column_article .sec_el {
    padding: 50px 0 0;
}

.column_article .sec_el p {
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .08em;
    line-height: 2;
}

.column_article .sec_el_ttl {
    background: #f7f7f7;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: .1em;
    line-height: 1.36;
    padding: 15px 22px;
    margin: 0 0 35px;
}

.column_article .sec_el_image {
    width: 100%;
}

.column_article .sec_el_image img {
    display: block;
    margin: auto;
}

.column_article .sec_el_list {
    border: .5px solid #d6d6d6;
    width: 100%;
    overflow: hidden;
    padding: 40px 50px;
}

.column_article .sec_el_list li {
    font-size: 17px;
    letter-spacing: .08em;
    line-height: 38px;
    position: relative;
    padding-left: 30px;
}

.column_article .sec_el_list li::before {
    content: "";
    background: #33c1cd;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    left: 0;
}

.column_article .sec_el blockquote {
    background: rgb(51, 193, 205, 0.1);
    border-radius: 20px;
    margin: 0;
    padding: 25px 70px;
    position: relative;
    width: fit-content;
}

.column_article .sec_el blockquote::before {
    content: "";
    background: url(../img/column/id/icon_comma.png) no-repeat center center / contain;
    position: absolute;
    top: 10px;
    left: 15px;
    width: 17px;
    height: 56px;
}

.column_article .sec_el blockquote::after {
    content: "";
    background: url(../img/column/id/icon_comma2.png) no-repeat center center / contain;
    position: absolute;
    right: 15px;
    bottom: -15px;
    width: 17px;
    height: 56px;
}

.column_article .sec_el blockquote p {
    font-size: 17px;
}

.column_writer {
    padding: 150px 0 0;
    width: 100%;
    overflow: hidden;
}

.column_writer_image {
    float: left;
    width: 33%;
}

.column_writer_image img {
    border-radius: 10px;
}

.column_writer_info {
    float: right;
    padding-left: 30px;
    width: 67%;
}

.column_writer_info .type {
    display: inline-block;
    background: #000;
    border-radius: 4px 0 0 4px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 0 20px;
    padding: 6px 12px 8px 18px;
    position: relative;
}

.column_writer_info .type::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 14px 15px;
    border-color: transparent transparent transparent #000000;
}

.column_writer_info .name {
    font-size: 25px;
    letter-spacing: -.02em;
    line-height: 1.36;
    margin: 0 0 10px;
}

.column_writer_info .company {
    color: #989da0;
    font-family: 'axisstd-regular';
    font-size: 14px;
}

.column_writer_el {
    float: right;
    margin: 30px 0 0;
    padding-left: 30px;
    width: 67%;
}

.column_writer_el p {
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.78;
}

.column_writer_el .link {
    margin: 10px 0 0;
}

.column_writer_el .link a {
    display: block;
    font-family: 'axisstd-regular';
    font-size: 14px;
    color: #49ced9;
    letter-spacing: .01em;
    line-height: 1.78;
}


/* おすすめの記事 */

.recommend_article {
    padding: 150px 0 95px;
}

.recommend_article .title {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 30px;
    padding: 0 0 0 20px;
    position: relative;
}

.recommend_article .title::before {
    content: "";
    background: #000;
    border-radius: 10px;
    width: 6px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}

.recommend_article .list {
    margin: 45px 0 0;
    width: 100%;
}

.recommend_article .list {
    overflow: hidden;
}

.recommend_article .list li {
    float: left;
    width: 30%;
    margin: 0 5% 60px 0;
}

.recommend_article .list li:nth-child(3n) {
    margin-right: 0;
}

.recommend_article .list_img {
    border-radius: 10px;
    overflow: hidden;
}

.recommend_article .list_img img {
    transition: .3s ease-in-out;
}

.recommend_article a:hover .list_img img {
    transform: scale(1.1);
}

.recommend_article .list_title {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 15px 0 0;
}

.recommend_btn {
    text-align: right;
}

.recommend_btn a {
    display: inline-block;
    background: url(../img/icon_arrow.png) no-repeat right center / 30px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 30px;
    position: relative;
    padding: 0 42px 0 0;
    height: 30px;
}


/* ----------------------------------------------------------------------
    /pickup
---------------------------------------------------------------------- */

.subHeading_pickup {
    /* background: url(../img/pickup/bg_header.jpg) no-repeat bottom center / cover; */
    height: auto;
    /* background: #eaf0f1; */
}

.subHeading_pickup .wrapper {
    padding: 4rem 0 0;
}

.subHeading_pickup .wrapper .page_ttl span {
    font-family: 'proxima-nova';
    font-weight: 800;
    font-size: 32px;
    margin-right: 5px;
}

@media screen and (min-width: 1800px) {
    .subHeading_pickup {
        /* background: url(../img/pickup/bg_header.jpg) no-repeat center center / cover; */
    }
}

.pickup {
    width: 100%;
    overflow: hidden;
    padding: 60px 0 120px;
    /* background: #eaf0f1; */
}

.pickup_el {
    width: 100%;
}

.pickup_el ul {
    width: 100%;
}

.pickup_el ul li {
    float: left;
    position: relative;
    padding: 0 30px 0 0;
    margin: 0 0 90px;
    width: 50%;
}

.pickup_el ul li:nth-child(2n) {
    padding: 0 0 0 30px;
}

.pickup_el_new {
    display: inline-block;
    background: #000;
    border: 3px solid #fff;
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
    padding: 10px 20px;
    position: absolute;
    top: -12px;
    left: -10px;
    z-index: 1;
}

.pickup_el ul li a {
    display: block;
}

.pickup_el ul li a:hover .pickup_el_img img {
    transform: scale(1.1);
}

.pickup_el_img {
    border-radius: 10px;
    margin: 0 0 30px;
    overflow: hidden;
}

.pickup_el_img img {
    width: 100%;
    transition: .3s ease-in-out;
}

.pickup_el_box .title {
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.45;
    margin: 0 0 22px;
}

.pickup_el_box .text {
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.78;
    margin: 0 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #616161;
}

.info_el_date,
.column_id .date,
.column_el_box .date,
.pickup_el_box .date {
    color: #c0c0c0;
    font-weight: 100;
    font-style: normal;
    font-size: 13px;
    font-family: 'axisstd-bold';
}


/* ----------------------------------------------------------------------
    /pickup /id
---------------------------------------------------------------------- */

.pickup-id {
    margin-bottom: 200px;
}

.subHeading_pickup_id {
    height: 100px;
}

.pickup_id {
    margin: 90px 0 110px;
    width: 100%;
}

.column_id .title,
.pickup_id .title {
    font-size: 26px;
    line-height: 1.5;
    margin: 0 0 15px;
    letter-spacing: .05em;
}

.pickup_id .date {
    color: #c0c0c0;
    font-weight: 100;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 1;
    margin: 0 0 45px;
}

.pickup_id .member {
    display: flex;
    margin: 0 0 35px;
}

.pickup_id .member_img {
    margin: 0 12px 0 0;
}

.pickup_id .member_img img {
    display: block;
    border-radius: 50%;
}

.pickup_id .member_info .name {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .1em;
}

.pickup_id .member_info .company {
    font-family: 'axisstd-regular';
    font-size: 12px;
}

.pickup_id .category {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.pickup_id .category .type {
    float: left;
    padding: 0 0 10px 0;
}

.pickup_id .category .type span {
    font-size: 14px;
}

.pickup_id .category .tag {
    float: left;
    margin: 0 0 0 15px;
}

.pickup_id .category .tag_item {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin: 0 10px 0 0;
}

.pickup_id .ic_img {
    width: 100%;
}

.pickup_contents {
    width: 100%;
}

.pickup_contents .contents {
    background: #f8f8f8;
    border-radius: 15px;
    position: relative;
    width: fit-content;
}

.column_contents .contents_title,
.pickup_contents .contents_title {
    background: url(../img/pickup/id/icon_menu.png) no-repeat 23px center / 20px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    padding: 17px 140px 21px 60px;
    top: 4px;
    left: 3px;
    letter-spacing: 2px;
    margin-right: 20px;
}

.pickup_contents .contents_list {
    padding: 14px 50px 42px;
}

.pickup_contents .contents_list li {
    margin: 23px 0 0;
    width: 100%;
}

.pickup_contents .contents_list li a {
    display: inline-block;
    border-bottom: 2px dotted #5f5f5f;
    font-size: 15px;
    line-height: 1.4;
    padding: 0 0 5px;
}

.pickup_contents .contents_list li ul li {
    margin: 20px 0 0;
    padding: 0 0 0 25px;
}

.pickup_contents .contents_list li ul li a {
    border-bottom: 0;
    font-family: 'axisstd-regular';
}


/* .pickup_contents .close_btn {
    cursor: pointer;
    color: #979797;
    font-family: 'axisstd-regular';
    font-size: 14px;
    padding-right: 26px;
    position: absolute;
    top: 20px;
    right: 28px;
}

.pickup_contents .close_btn::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    transform: rotate(45deg);
    margin: auto;
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 0;
} */

.pickup_contents .contents .checkbox {
    display: none;
}

.pickup_contents .contents #close:checked~.contents_list {
    display: none;
}

.column_id,
.pickup_article {
    padding: 100px 0 70px;
}

.pickup_article .sec_ttl {
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 40px;
    position: relative;
    padding-left: 33px;
}

.pickup_article .sec_ttl::before {
    content: "";
    background: #4ea3f7;
    border-radius: 10px;
    width: 10px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.pickup_article .sec_el {
    padding: 50px 0 0;
}

.pickup_article .sec_el p {
    font-family: 'axisstd-regular';
    font-size: 15px;
    letter-spacing: .08em;
    line-height: 2;
}

.pickup_article .sec_el_ttl {
    background: #f7f7f7;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: .1em;
    line-height: 1.36;
    padding: 15px 22px;
    margin: 0 0 35px;
}

.pickup_article .sec_el_image {
    width: 100%;
}

.pickup_article .sec_el_image img {
    display: block;
    margin: auto;
}

.pickup_article .sec_el_list {
    border: .5px solid #d6d6d6;
    width: 100%;
    overflow: hidden;
    padding: 40px 50px;
}

.pickup_article .sec_el_list li {
    font-size: 17px;
    letter-spacing: .08em;
    line-height: 38px;
    position: relative;
    padding-left: 30px;
}

.pickup_article .sec_el_list li::before {
    content: "";
    background: #33c1cd;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    left: 0;
}

.pickup_article .sec_el blockquote {
    background: #f7f7f7;
    border: 8px solid #e4e4e4;
    padding: 40px 55px;
}

.pickup_article .sec_el blockquote p {
    font-size: 15px;
    letter-spacing: .1em;
}

.pickup_article .sec_el blockquote a {
    color: #004bb1;
    font-size: 15px;
    letter-spacing: .1em;
}

.pickup_writer {
    padding: 150px 0 0;
    width: 100%;
    overflow: hidden;
}

.pickup_writer_image {
    float: left;
    width: 33%;
}

.pickup_writer_image img {
    border-radius: 10px;
}

.pickup_writer_info {
    float: right;
    padding-left: 30px;
    width: 67%;
}

.pickup_writer_info .type {
    display: inline-block;
    background: #000;
    border-radius: 5px 0 0 5px;
    color: #fff;
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 1;
    margin: 0 0 20px;
    padding: 4px 12px;
    position: relative;
}

.pickup_writer_info .type::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 12px;
    border-color: transparent transparent transparent #000000;
}

.pickup_writer_info .name {
    font-size: 25px;
    letter-spacing: -.02em;
    line-height: 1.36;
    margin: 0 0 10px;
}

.pickup_writer_info .company {
    color: #3b4043;
    font-family: 'axisstd-regular';
    font-size: 18px;
}

.pickup_writer_el {
    float: right;
    margin: 30px 0 0;
    padding-left: 30px;
    width: 67%;
}

.pickup_writer_el p {
    font-family: 'axisstd-regular';
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.78;
}

.pickup_writer_el .link {
    margin: 10px 0 0;
}

.pickup_writer_el .link a {
    display: block;
    font-family: 'axisstd-regular';
    font-size: 14px;
    color: #49ced9;
    letter-spacing: .01em;
    line-height: 1.78;
}


/* ----------------------------------------------------------------------
    /movie 
---------------------------------------------------------------------- */

.movie-id .category {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.movie-id .column_id .ic_movie {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.movie-id .column_id .ic_movie iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .co-list_id_chapter1 .chapter_el_ttl {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    main.column,
    main.search {
        padding: 0;
    }
    .search_el_input .select {
        max-width: 100%;
    }
    /* ----------------------------------------------------------------------
        subHeading
    ---------------------------------------------------------------------- */
    .subHeading {
        padding: 45px 15px 0;
        height: auto;
    }
    .subHeading_ttl {
        font-size: 19px;
        letter-spacing: .05em;
        position: relative;
    }
    /* ----- breadcrumbList --------------- */
    .breadcrumbList {
        top: 10px;
        left: 15px;
        margin-right: 15px;
    }
    .breadcrumbList li a {
        color: #c0c0c0;
    }
    .subHeading_column .search,
    .search .subHeading .height-wrap {
        padding: 0px 0 0px;
    }
    /* ----------------------------------------------------------------------
        page
    ---------------------------------------------------------------------- */
    .company_list li:hover .company_list__img,
    .column_el ul li a:hover .column_el_img img,
    .pickup_el ul li a:hover .pickup_el_img img {
        transform: none;
    }
    .page_ttl {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .page_ttl p {
        font-size: 15px;
        width: 85%;
        margin: 0 auto 10px;
    }
    .page_count {
        font-size: 13px;
    }
    /* ----- pager --------------- */
    .pager {
        margin: 50px 0;
    }
    .pager .pagination li {
        width: 32px;
        height: 32px;
        margin: 0px 5px;
    }
    .pager .pagination li a {
        font-size: 16px;
    }
    .pager .pagination li.pre,
    .pager .pagination li.next {
        width: 65px;
    }
    .pager .pagination li.pre {
        margin-right: 10px;
    }
    .pager .pagination li.pre a {
        font-size: 11px;
        padding-left: 10px;
    }
    .pager .pagination li.next {
        margin-left: 10px;
    }
    .pager .pagination li.next a {
        font-size: 11px;
        padding-right: 10px;
    }
    .pager .pagination li.pre a span,
    .pager .pagination li.next a span {
        display: none;
    }
    .pager .pagination li.pre,
    .pager .pagination li.next {
        width: 15px;
    }
    /* ----------------------------------------------------------------------
        search
    ---------------------------------------------------------------------- */
    .search {
        padding: 25px 25px 30px;
    }
    .search_el {
        display: block;
        margin: 0 0 20px;
    }
    .search_el_ttl {
        font-size: 13px;
    }
    .search_el_input .select {
        width: 50%;
        /* padding-right: 7px; */
    }
    .search_el_input .select:nth-child(2n) {
        padding-left: 7px;
    }
    .search_el_input .select:last-child {
        /* margin: 10px 0 0; */
    }
    .search_el_input .select select {
        font-size: 13px;
        padding: 0 10px;
        height: 40px;
    }
    .search_el_input .text input {
        font-size: 14px;
        padding: 0 10px;
        /* height: 40px; */
        width: 100%;
    }
    .search_el_btn {
        margin: 10px 0 0;
    }
    .search_el_btn input[name="search"] {
        /* font-size: 15px; */
        padding: 8px;
        font-family: 'axisstd-regular';
        height: auto;
        width: 100%;
    }
    .result {
        padding: 35px 15px 0;
    }
    /* ----------------------------------------------------------------------
        /info
    ---------------------------------------------------------------------- */
    .information .subHeading,
    .information-id .subHeading {
        height: auto;
    }
    .subHeading_info .subHeading_ttl {
        font-size: 35px;
        padding: 3rem 0 0;
    }
    .subHeading_info .subHeading_ttl .ja {
        font-size: 18px;
    }
    .subHeading_info .subHeading_info_el {
        padding: 0;
    }
    .info {
        padding: 65px 25px 120px;
    }
    .info_el {
        padding: 35px 0 45px;
    }
    .info_el_ttl {
        font-size: 20px;
    }
    .info_el_date {
        margin: 0 0 25px;
    }
    .info_el_img {
        margin: 0 0 45px;
    }
    .info_el_txt {
        font-size: 13px;
    }
    .info_el_more {
        font-size: 13px;
    }
    .info-link,
    .info-link a {
        font-family: 'axisstd-bold';
    }
    /* ----- pager2 --------------- */
    .pager2 {
        margin: 0;
        width: 100%;
    }
    .pager2 .pagination {
        padding: 0;
    }
    .pager2 .pagination li.pre {
        margin-right: 20px;
    }
    .pager2 .pagination li.next {
        margin-left: 20px;
    }
    .pager2 .pagination li a {
        font-size: 13px;
    }
    /* ----------------------------------------------------------------------
        /company
    ---------------------------------------------------------------------- */
    .company_list {
        margin: 45px 0 0;
    }
    .company_list li {
        display: block;
        border-radius: 0;
        margin: 0;
        width: 100%;
        overflow: hidden;
        box-shadow: none;
    }
    .company_list li:first-child {
        padding-top: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .company_list li a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 20px;
        margin: 0 0 15px;
    }
    .company_list li a .company_list__img {
        position: absolute;
        z-index: 1;
        width: auto;
        height: 115px;
    }
    .company_list li a .company_list__el {
        min-height: 110px;
        padding: 0;
    }
    .company_list li a .company_list__el::before {
        content: "";
        width: 50px;
        height: 120px;
        background: #fff;
        display: block;
        z-index: 1;
        position: absolute;
        top: -3px;
        left: 112px;
    }
    .company_list li a .company_list__el .company_list__el_title {
        padding: 0 0 0 130px;
        margin: 0 0 20px;
        font-size: 16px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        z-index: 2;
        width: 80%;
    }
    .company_list li a .company_list__el .company_list__el_box {
        padding-left: 130px;
        min-height: auto;
        position: relative;
        z-index: 1;
    }
    .company_list li a .company_list__el .company_list__el_box .title {
        color: #b3b3b3;
        padding-left: 0;
        margin-bottom: 0;
        font-size: 11px;
    }
    .company_list li a .company_list__el .company_list__el_title::after,
    .company_list li a .company_list__el .company_list__el_box .item,
    .company_list li a .company_list__el .company_list__el_box .image {
        display: none;
    }
    .company_list_sp {
        margin: 40px 0 0;
        overflow: hidden;
    }
    .company_list_sp li {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding: 15px 0;
    }
    .company_list_sp li a {
        display: flex;
    }
    .company_list_sp__img {
        margin: 0 20px 0 0;
        max-width: 110px;
        width: 100%;
    }
    .company_list_sp__el .title {
        font-size: 15px;
        margin: 0 0 30px;
    }
    .company_list_sp__el .text {
        color: #8a8a8a;
        font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        font-weight: bold;
        font-size: 11px;
        letter-spacing: .15em;
    }
    /* ----------------------------------------------------------------------
        /co-list
    ---------------------------------------------------------------------- */
    .co-list {
        margin: 50px 0 15px;
    }
    .co-list>li {
        padding: 30px 15px;
        margin: 0;
        border-bottom: 3px solid #000000;
    }
    .co-list_link {
        display: block;
        padding: 15px 20px;
    }
    .co-list_left {
        border-bottom: 1px solid rgba(178, 178, 178, 0.5);
        border-right: 0;
        padding: 0 0 15px;
        width: 100%;
    }
    .co-list_left .image {
        max-width: 60px;
    }
    .co-list_left .title {
        font-size: 16px;
        padding-left: 100px;
    }
    .co-list_left .title::before {
        left: 82px;
    }
    .co-list_left .text {
        padding: 15px 0 0;
        clear: both;
    }
    .co-list_right {
        padding: 15px 0 0;
        width: 100%;
        border-top: 1px solid rgba(178, 178, 178, 0.5);
        border-left: none;
    }
    .co-list_category {
        margin-bottom: 0;
    }
    .co-list_category li {
        margin: 0 6px 6px 0;
    }
    /* ----------------------------------------------------------------------
        /co-list /id
    ---------------------------------------------------------------------- */
    .subHeading_co-list_id {
        background: url(../img/co-list/bg_header_sp.jpg) no-repeat center center / cover;
        height: auto;
        padding: 0;
    }
    .subHeading_co-list_id2 {
        background: url(../img/co-list/bg_header_sp.jpg) no-repeat center center / cover;
    }
    .subHeading_co-list_id .subHeading_el .subHeading_ttl {
        font-size: 18px;
        text-align: center;
        padding: 90px 30px 0;
        line-height: 1.5;
    }
    .subHeading_co-list_id2 .subHeading_el .subHeading_ttl {
        font-size: 19px;
        text-align: center;
    }
    .subHeading_co-list_id .subHeading_el .subHeading_ttl .en {
        margin-top: 10px;
    }
    .subHeading_co-list_id .subHeading_el .header_img {
        display: block;
        position: relative;
        left: auto;
        max-width: 180px;
        margin: 17px auto 0;
        top: 10px;
        z-index: 1;
    }
    .subHeading_co-list_id .subHeading_el::after {
        content: "";
        background: #f8f8f8;
        width: 100%;
        height: 100px;
        display: block;
        margin-top: -80px;
        position: relative;
        top: 2px;
    }
    .co-list_id_intro {
        padding: 20px 25px;
    }
    .co-list-id2 .co-list_id_intro {
        padding: 20px 25px 80px;
    }
    .co-list_id_intro .blocklist {
        margin: 0 0 20px;
        padding: 0;
    }
    .co-list_id_intro .blocklist .block_ttl {
        font-size: 12px;
        min-width: 65px;
    }
    .co-list_id_intro .blocklist .block1_txt {
        font-size: 13px;
    }
    .co-list_id_intro .block1 {
        width: 100%;
    }
    .co-list_id_intro .block2 {
        border-left: 0;
        border-top: 1px solid #dbdbdb;
        width: 100%;
    }
    .co-list_id_intro .block2 .blocklist {
        padding: 30px 0 0;
    }
    .co-list_id_intro .block3 {
        padding: 30px 0 0;
    }
    .co-list_id_intro .block3 .block3_txt {
        font-size: 14px;
    }
    .co-list_id_interview {
        padding: 80px 0 0;
    }
    .co-list_id_interview .interview_el {
        padding: 0;
        width: 100%;
        flex-direction: column-reverse;
    }
    .co-list_id_interview .interview_el_ttl {
        font-size: 60px;
        padding: 0 25px;
    }
    .co-list_id_interview .interview_el_ttl_wrap {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
    }
    .co-list_id_interview .interview_el_name {
        font-size: 16px;
        padding: 0 25px;
    }
    .co-list_id_interview .interview_el_name .gray {
        font-size: 13px;
    }
    .co-list_id_interview .interview_el_img {
        margin: 30px 0 0;
        position: relative;
        width: 100%;
    }
    .co-list_id_interview .interview_el_img img {
        border-radius: 0;
    }
    .co-list_id_interview .interview_el_profile {
        margin: 40px 0 0;
        padding: 0 25px;
    }
    .co-list_id_interview .interview_el_profile .title {
        font-size: 12px;
        padding-left: 15px;
    }
    .co-list_id_interview .interview_el_profile .title::before {
        width: 5px;
        left: 0;
    }
    .co-list_id_interview .interview_el_profile dt {
        font-size: 12px;
    }
    .co-list_id_interview .interview_el_profile dd {
        font-size: 12px;
    }
    .co-list_id_index {
        margin-bottom: 0;
        padding: 10px 0 55px;
    }
    .co-list_id_index .index_label {
        font-size: 15px;
        line-height: 28px;
        width: 119px;
        height: 28px;
        top: -10px;
    }
    .co-list_id_index .index_list {
        margin: 30px 0 0;
        padding: 0 20px;
    }
    .co-list_id_index .index_list_ttl {
        padding-right: 15px;
        min-width: 85px;
        font-size: 13px;
    }
    .co-list_id_index .index_list_el {
        padding-left: 15px;
    }
    .co-list_id_index .index_list_el .title {
        font-size: 15px;
    }
    .co-list_id_index .index_list_el .text {
        font-size: 12px;
    }
    .co-list_id_chapter1 {
        padding: 75px 0 60px;
    }
    .co-list_id_chapter1 .chapter_el {
        padding: 0;
    }
    .co-list_id_chapter2 .chapter_el_ttl,
    .co-list_id_chapter1 .chapter_el_ttl {
        font-size: 32px;
        margin: 0 0 50px;
        padding: 0 20px;
        letter-spacing: .05em;
        line-height: 1.5;
    }
    .co-list_id_chapter1 .chapter_el_ttl .en {
        font-size: 20px;
        margin: 5px 0 0;
    }
    .co-list_id_chapter2 .chapter_el_ttl2,
    .co-list_id_chapter1 .chapter_el_ttl2 {
        font-size: 22px;
        letter-spacing: .05em;
        padding: 0 20px;
        line-height: 1.55;
        width: 70%;
    }
    .co-list_id_chapter1 .chapter_el_img {
        width: 100%;
        position: relative;
        margin: 30px 0 0;
    }
    .co-list_id_chapter1 .chapter_el_img img {
        border-radius: 0;
    }
    .co-list_id_chapter1 .chapter_el_box {
        margin: 0;
        margin-top: 50px;
        /* margin-bottom: 60px; */
        padding: 0 25px;
    }
    .co-list_id_chapter1 .chapter_el_box .title {
        font-size: 17px;
        margin: 0 0 25px;
    }
    .co-list_id_chapter1 .chapter_el_box .text {
        font-size: 14px;
    }
    .co-list-id #vision,
    .co-list-id #episode,
    .co-list-id #sdgs,
    .co-list-id #team {
        padding: 80px 0 60px;
        border-bottom: none;
        margin-bottom: 0;
    }
    .co-list_id_chapter2 {
        padding: 100px 0 60px;
    }
    .co-list_id_chapter2 .chapter_el {
        padding: 0;
    }
    .co-list_id_chapter2 .chapter_el_ttl {
        /* font-size: 30px; */
        /* margin: 0 0 60px; */
        /* padding: 0 25px; */
    }
    .co-list_id_chapter2 .chapter_el_ttl .en {
        font-size: 20px;
        margin: 5px 0 0;
    }
    .co-list_id_chapter2 .sdgs_line {
        position: absolute;
        top: -80px;
    }
    .co-list_id_chapter2 .chapter_el_ttl2 {
        /* font-size: 23px; */
        /* letter-spacing: .2em; */
        /* padding: 0 25px; */
    }
    .co-list_id_chapter2 .chapter_el_img {
        width: 100%;
        position: relative;
        margin: 30px 0 0;
    }
    .co-list_id_chapter2 .chapter_el_img img {
        border-radius: 0;
    }
    .co-list_id_chapter2 .chapter_el_box {
        margin: 60px 0 0;
        padding: 0 25px;
    }
    .co-list_id_chapter2 .chapter_el_box .title {
        font-size: 15px;
        margin: 0 0 25px;
    }
    .co-list_id_chapter2 .chapter_el_box .title::before,
    .co-list_id_chapter1 .chapter_el_box .title::before {
        width: 4px;
        height: 35px;
        left: -25px;
    }
    .co-list_id_chapter2 .chapter_el_box .text {
        font-size: 14px;
    }
    .co-list_id_link {
        padding: 0px 25px 100px;
        margin: 60px 0 0;
    }
    .co-list_id_link::before {
        width: 50px;
    }
    .co-list_id_link .link_el {
        /* padding: 0 22px; */
        margin: 0 0 100px;
    }
    .co-list_id_link .link_el a {
        font-size: 16px;
        margin: auto;
        height: 71.11px;
    }
    .co-list_id_link .link_el a:first-child {
        margin: 0 auto 20px;
    }
    .co-list_id_link .link_mov {
        height: auto;
    }
    .co-list-id #sdgs::before {
        content: none;
    }
    /* ----------------------------------------------------------------------
        /co-list /id /profile
    ---------------------------------------------------------------------- */
    .co-list_id_profile {
        position: relative;
        padding: 100px 0 0;
    }
    .co-list_id_profile_wrap {
        margin: 0 20px;
        padding: 2.5rem 1.5rem 3rem;
        width: auto;
    }
    .co-list_id_profile_wrap::before {
        font-size: 12px;
        padding: 0.2rem 1rem 0.3em;
        top: -12px;
    }
    .co-list_id_profile_sec img {
        width: 45px;
        top: 7px;
    }
    .co-list_id_profile .interview_el_name {
        padding-left: 3.7rem;
    }
    .co-list_id_profile .interview_el_name span:nth-child(1) {
        font-size: 12px;
        margin-bottom: 10px;
        margin-left: 0;
        line-height: 1.3;
    }
    .co-list_id_profile .interview_el_name span:nth-child(1)::before {
        content: none;
    }
    .co-list_id_profile .interview_el_name span:nth-child(2) {
        font-size: 12px;
        margin-right: 18px;
    }
    .co-list_id_profile .interview_el_name span:nth-child(3) {
        font-size: 16px;
    }
    .co-list_id_profile .interview_el_profile {
        margin: 30px 0 0;
    }
    .co-list_id_profile .interview_el_profile dl {
        flex-direction: column;
    }
    .co-list_id_profile .interview_el_profile dt,
    .co-list_id_profile .interview_el_profile dd {
        font-size: 13px;
        line-height: 2;
    }
    .co-list_id_profile .interview_el_profile dt {
        min-width: 90px;
    }
    /* ----------------------------------------------------------------------
        /co-list /id /contact
    ---------------------------------------------------------------------- */
    .contact-id .subHeading {
        height: auto;
        padding: 60px 50px 25px;
    }
    .contact-id .subHeading .subHeading_ttl {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .1em;
    }
    .co-list_id_contact {
        padding: 0 25px 55px;
    }
    .co-list_id_contact .required_txt {
        padding: 15px 0 40px;
    }
    .co-list_id_contact dl {
        display: block;
        margin: 0 0 30px;
    }
    .co-list_id_contact dl dt {
        font-size: 13px;
        line-height: 1.38;
        max-width: 100%;
        margin: 0 0 10px;
    }
    .co-list_id_contact input[type="text"] {
        height: 40px;
        font-size: 13px;
        padding: 5px 15px;
    }
    .co-list_id_contact textarea {
        font-size: 13px;
        padding: 5px 15px;
    }
    .co-list_id_contact label.agreement {
        font-size: 13px;
        padding: 30px 0 10px 10px;
        ;
    }
    .co-list_id_contact input[type="submit"] {
        font-size: 16px;
        line-height: 60px;
        height: 60px;
    }
    .contact_form_confirm {
        padding: 30px 0 0;
    }
    .contact_form_confirm dl {
        padding: 30px 0;
    }
    .co-list_id_contact dl dd {
        font-size: 13px;
    }
    .co-list_id_contact .thanks_text {
        padding: 70px 0 0;
    }
    .co-list_id_contact .thanks_img {
        left: auto;
        margin: 60px auto;
        max-width: 230px;
    }
    .co-list_id_privacy {
        margin-bottom: 2rem;
    }
    .co-list_id_privacy .sec_ttl {
        font-size: 14px;
    }
    .co-list_id_privacy .sec_text {
        font-size: 12px;
        margin: 20px 0 40px;
    }
    .co-list_id_privacy .accordion-area .accordion-title {
        font-size: 12px;
    }
    .co-list_id_privacy .accordion-area .box {
        padding: 2rem 2rem 1rem;
    }
    /* ----------------------------------------------------------------------
        /column
    ---------------------------------------------------------------------- */
    .subHeading_column {
        /* background: url(../img/column/bg_header_sp.jpg) no-repeat center center / cover; */
        background: none;
    }
    .search_column {
        /* padding: 45px 25px 20px; */
    }
    .search_column .search_el {
        margin: 10px auto 35px;
    }
    .search_column_keyword {
        border-radius: 3px;
        margin: 0 auto 20px;
        height: 40px;
    }
    .search_column_keyword .text input[name="keyword"] {
        font-size: 13px;
    }
    .search_column_category_el {
        display: block;
        padding: 15px 0;
    }
    .search_column_category_el .title {
        margin: 0 0 8px;
        padding-left: 25px;
    }
    .search_column_category_el .title span {
        font-size: 16px;
    }
    .search_column_category_el .item {
        margin-left: -10px;
    }
    .search_column_category_el .item li {
        margin: 4px 0;
    }
    .search_column_category_el .item li::after {
        line-height: 25px;
    }
    .search_column_category_el .item li a {
        font-size: 15px;
        line-height: 32px;
    }
    .search_column_category_el .title_saiyo {
        background-size: 15px;
    }
    .search_column_category_el .title_roumu {
        background-size: 18px;
    }
    .search_column_category_el .title_soshiki {
        background-size: 16px;
    }
    .search_tag {
        padding: 20px 25px 10px;
    }
    .search_tag_el {
        display: block;
    }
    .search_tag_el .title {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .search_tag_el .item li {
        margin: 0 10px 10px 0;
    }
    .search_tag_el .item li a {
        font-size: 12px;
        padding: 5px 8px;
    }
    .column {
        padding: 60px 15px 0;
    }
    .pickup_el,
    .column_el {
        margin: 65px 0 0;
    }
    .column_el ul li,
    .column_el ul li:nth-child(2n) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        float: none;
        margin: 0 0 18px;
        padding: 0 0 15px;
        width: 100%;
    }
    .column_el ul li:first-child {
        padding-top: 18px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .column_el ul li a {
        display: flex;
    }
    .pickup_el_new,
    .column_el_new {
        font-size: 9px;
        padding: 5px 10px;
        top: 10px;
        left: -4px;
        border: 2.5px solid #fff;
    }
    .column_el_img {
        border-radius: 0;
        width: 35%;
        margin: 0;
    }
    .column_el_box {
        width: 65%;
        padding-left: 15px;
    }
    .column_el_box .type {
        padding: 0;
        margin: 0 0 0px;
        position: relative;
        top: -5px;
    }
    .column_el_box .type span {
        padding: 2px 10px;
    }
    .column_el_box .title {
        font-size: 16px;
        letter-spacing: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 0 0 10px;
        width: 80%;
    }
    .column_el_box .text {
        display: none;
    }
    .column_el_box .date {
        font-size: 13px;
    }
    /* ----------------------------------------------------------------------
        /column /id
    ---------------------------------------------------------------------- */
    .subHeading_pickup,
    .subHeading_column_id {
        height: 80px;
    }
    .column_id {
        margin: 0 0 60px;
        padding: 0;
        width: 100%;
    }
    .column_id .title {
        font-size: 18px;
        margin: 0 0 25px;
        padding: 0 25px;
    }
    .column_id .date {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 0 25px;
    }
    .column_id .member {
        margin: 0 0 30px;
        padding: 0 25px;
    }
    .column_id .category {
        padding: 0 25px;
        margin: 0 0 30px;
    }
    .column_id .category .type {
        padding: 0 0 5px 0;
    }
    .column_id .category .type span {
        font-size: 11px;
        padding: 3px 8px 1px;
    }
    .column_id .type span.saiyo,
    .column_id .type span.roumu,
    .column_id .type span.soshiki {
        background-position: 7px center;
        padding: 3px 8px 1px 27px;
    }
    .column_id .category .tag {
        margin: 0;
        line-height: 1.3;
    }
    .column_id .category .tag_item {
        font-size: 12px;
    }
    .column_contents .contents,
    .pickup_contents .contents {
        width: 90%;
        margin: 0 auto;
    }
    .column_contents .contents_title,
    .pickup_contents .contents_title {
        background: url(../img/pickup/id/icon_menu.png) no-repeat 16px center / 20px;
        border-bottom: 2px solid #fff;
        font-size: 15px;
        padding: 13px 140px 15px 50px;
        top: 4px;
        left: 3px;
        letter-spacing: 2px;
        margin-right: 20px;
        word-break: keep-all;
    }
    .pickup_contents .close_btn,
    .column_contents .close_btn {
        top: 16px;
        right: 20px;
        font-size: 12px;
    }
    .pickup_contents .contents_list,
    .column_contents .contents_list {
        padding: 20px 25px 30px;
    }
    .pickup_contents .contents_list li,
    .column_contents .contents_list li {
        margin: 0 0 20px;
    }
    .pickup_contents .contents_list li a,
    .column_contents .contents_list li a {
        font-size: 13px;
    }
    .pickup_contents .contents_list li ul li,
    .column_contents .contents_list li ul li {
        margin: 5px 0 0;
    }
    .pickup_contents .contents_list li ul li:first-child,
    .column_contents .contents_list li ul li:first-child {
        margin: 20px 0 0;
    }
    .pickup_article,
    .column_article {
        padding: 60px 25px 0;
    }
    .pickup_article .sec_ttl,
    .column_article .sec_ttl {
        font-size: 16px;
        line-height: 1.5;
        padding-left: 20px;
    }
    .pickup_article .sec_ttl::before,
    .column_article .sec_ttl::before {
        height: 22px;
        width: 7px;
        top: 1px;
    }
    .pickup_article .sec_el,
    .column_article .sec_el {
        padding: 30px 0 0;
    }
    .pickup_article .sec_el_ttl,
    .column_article .sec_el_ttl {
        font-size: 16px;
        padding: 13px 17px;
        margin: 30px 0 20px;
        line-height: 1.5;
    }
    .pickup_article .sec_el p,
    .column_article .sec_el p {
        font-size: 14px;
    }
    .pickup_article .sec_el_list,
    .column_article .sec_el_list {
        padding: 20px;
    }
    .pickup_article .sec_el_list li,
    .column_article .sec_el_list li {
        font-size: 15px;
        line-height: 23px;
        padding-left: 18px;
        margin: 0 0 15px;
        letter-spacing: .05em;
    }
    .pickup_article .sec_el_list li::before,
    .column_article .sec_el_list li::before {
        top: 7.5px;
    }
    .pickup_article .sec_el blockquote,
    .column_article .sec_el blockquote {
        padding: 25px 40px;
    }
    .pickup_article .sec_el blockquote p,
    .column_article .sec_el blockquote p {
        font-size: 15px;
    }
    .column_writer {
        padding: 30px 25px 30px;
        background: #f9fafa;
        margin-top: 50px;
    }
    .column_writer_image {
        width: 35%;
    }
    .column_writer_info {
        padding-left: 20px;
        width: 65%;
    }
    .column_writer_info .type {
        display: inline-block;
        background: #000;
        border-radius: 4px 0 0 4px;
        color: #fff;
        font-size: 12px;
        letter-spacing: .02em;
        line-height: 1;
        margin: 0 0 20px;
        padding: 4px 12px 6px 14px;
        position: relative;
    }
    .column_writer_info .type::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 0 11px 11px;
        border-color: transparent transparent transparent #000000;
    }
    .column_writer_info .name {
        font-size: 20px;
    }
    .column_writer_info .company {
        font-size: 13px;
    }
    .column_writer_el {
        margin: 20px 0 0;
        padding-left: 0;
        width: 100%;
    }
    .column_writer_el p {
        font-size: 13px;
    }
    /* おすすめの記事 */
    .recommend_article {
        padding: 60px 15px 45px;
    }
    .recommend_article .title {
        font-size: 18px;
        padding: 0 0 0 20px;
        margin: 20px 0 -10px 5px;
    }
    .recommend_article .title::before {
        width: 6px;
        height: 20px;
        left: 0;
        top: 6px;
    }
    .recommend_article .list li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 15px 0;
        width: 100%;
        margin: 0;
    }
    .recommend_article .list li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .recommend_article .list li a {
        display: flex;
    }
    .recommend_article .list li a .list_img {
        border-radius: 0;
        width: 35%;
    }
    .recommend_article .list li a .list_title {
        width: 65%;
        padding-left: 15px;
        font-size: 13px;
        margin: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .recommend_btn a {
        display: inline-block;
        background: url(../img/icon_arrow.png) no-repeat right center / 20px;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: .1em;
        line-height: 30px;
        position: relative;
        padding: 0 30px 0 0;
        height: 30px;
        margin-top: 15px;
    }
    /* ----------------------------------------------------------------------
        /pickup
    ---------------------------------------------------------------------- */
    .subHeading.subHeading_pickup {
        padding: 15px 15px 0;
        height: auto;
    }
    .pickup {
        padding: 60px 15px 0;
    }
    .pickup_el ul li,
    .pickup_el ul li:nth-child(2n) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        float: none;
        margin: 0 0 18px;
        padding: 0 0 15px;
        width: 100%;
    }
    .pickup_el ul li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding-top: 18px;
    }
    .pickup_el ul li a {
        display: flex;
    }
    .pickup_el_img {
        border-radius: 0;
        width: 35%;
        margin: 0;
    }
    .pickup_el_box {
        width: 65%;
        padding-left: 15px;
    }
    .pickup_el_box .title {
        font-size: 16px;
        letter-spacing: 0;
        margin: 0 0 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        width: 80%;
    }
    .pickup_el_box .text {
        display: none;
    }
    .pickup_el_box .date {
        font-size: 13px;
    }
    /* ----------------------------------------------------------------------
        /pickup /id
    ---------------------------------------------------------------------- */
    .subHeading_pickup_id {
        height: 70px;
    }
    .pickup_id {
        margin: 0 0 60px;
        width: 100%;
    }
    .pickup_id .title {
        font-size: 18px;
        margin: 0 0 15px;
        /* padding: 0 25px; */
    }
    .pickup_id .date {
        font-size: 12px;
        margin: 0 0 20px;
        /* padding: 0 25px; */
    }
    .pickup_id .member {
        margin: 0 0 30px;
        padding: 0 25px;
    }
    .pickup_id .category {
        padding: 0 25px;
        margin: 0 0 30px;
    }
    .pickup_id .category .type span {
        font-size: 11px;
    }
    .pickup_id .category .tag {
        margin: 0;
    }
    .pickup_id .category .tag_item {
        font-size: 12px;
    }
    .pickup_contents {
        /* padding: 0 25px; */
    }
    .pickup_contents .contents_title {
        /* font-size: 15px; */
        /* padding: 20px 140px 20px 60px; */
    }
    .pickup_contents .contents_list {
        /* padding: 10px 30px 30px; */
    }
    .pickup_contents .contents_list li {
        /* margin: 20px 0 0; */
    }
    .pickup_contents .contents_list li a {
        /* font-size: 13px; */
    }
    .pickup_contents .contents_list li ul li {
        /* margin: 15px 0 0; */
    }
    .pickup_article {
        /* padding: 60px 25px 0; */
    }
    .pickup_article .sec_ttl {
        /* font-size: 18px; */
        /* line-height: 30px; */
        /* padding-left: 23px; */
    }
    .pickup_article .sec_ttl::before {
        /* height: 22px; */
        /* width: 7px; */
        /* top: 4px; */
    }
    .pickup_article .sec_el {
        /* padding: 35px 0 0; */
    }
    .pickup_article .sec_el_ttl {
        /* font-size: 20px; */
        /* padding: 13px 17px; */
        /* margin: 0 0 45px; */
    }
    .pickup_article .sec_el p {
        /* font-size: 14px; */
    }
    .pickup_article .sec_el_list {
        /* padding: 35px 20px 20px 35px; */
    }
    .pickup_article .sec_el_list li {
        /* font-size: 16px; */
        /* line-height: 23px; */
        /* padding-left: 22px; */
        /* margin: 0 0 15px; */
    }
    .pickup_article .sec_el_list li::before {
        /* top: 7.5px; */
    }
    .pickup_article .sec_el blockquote {
        /* padding: 35px 30px; */
    }
    .pickup_article .sec_el blockquote p {
        /* font-size: 13px; */
    }
    .pickup_article .sec_el blockquote a {
        /* font-size: 13px; */
    }
    .pickup_writer {
        padding: 60px 25px 0;
    }
    .pickup_writer_image {
        width: 50%;
    }
    .pickup_writer_info {
        padding-left: 20px;
        width: 50%;
    }
    .pickup_writer_info .name {
        font-size: 20px;
    }
    .pickup_writer_info .company {
        font-size: 16px;
    }
    .pickup_writer_el {
        margin: 20px 0 0;
        padding-left: 0;
        width: 100%;
    }
    /* ----------------------------------------------------------------------
        /movie /
    ---------------------------------------------------------------------- */
    .movie .subHeading.subHeading_column {
        padding: 15px 15px 0;
        height: auto;
    }
    .movie .page_ttl {
        font-size: 21px;
        margin: 0 0 10px;
    }
    .movie-id .column_id .title {
        margin: 0 0 15px;
    }
    .movie-id .column_id .category {
        margin: 0;
    }
    .movie-id .column_id .ic_movie {
        padding: 1rem;
    }
    .movie-id .column_id {
        margin: 0;
    }
    /* ----------------------------------------------------------------------
        /movie /id
    ---------------------------------------------------------------------- */
}

@media screen and (max-width: 480px) {
    .co-list_id_interview .interview_el_ttl {
        font-size: 40px;
        padding: 0 25px;
    }
    .co-list_id_chapter2 .chapter_el_ttl,
    .co-list_id_chapter1 .chapter_el_ttl {
        font-size: 28px;
    }
    .co-list_id_chapter2 .chapter_el_ttl2,
    .co-list_id_chapter1 .chapter_el_ttl2 {
        width: 100%;
    }
    .company_list li a .company_list__el .company_list__el_title {
        font-size: 14px;
        width: 100%;
    }
    .column_el_box .title {
        font-size: 14px;
        width: 100%;
    }
    .pickup_el_box .title {
        font-size: 14px;
        width: 100%;
    }
    /* ----------------------------------------------------------------------
        ●●●● / ●●●●●●●●
    ---------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------
        ●●●● / ●●●●●●●●
    ---------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------
        ●●●● / ●●●●●●●●
    ---------------------------------------------------------------------- */
}