@charset "utf-8";
    * {
        border: 0;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    
    section {
        padding: 9rem 0;
/*         background: #fff; */
    }
    
    ul li {
        list-style-type: none;
    }
    
    #container.my-text {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        transition: 1s;
    }
    
    a:-webkit-any-link {
        text-decoration: none;
    }
	.cbox2 {
	    position: relative;
	    margin: 0 auto 0px auto;
	    width: 100%;
	    height: 550px;
	}
	.cbox2 .cons {
	    position: absolute;
	    right: 0%;
	    background: #fff;
	    z-index: 100;
	    top: 50px;
	    width: 700px;
	    height: auto;
	    padding: 20px 30px 20px 31px;
	    box-sizing: border-box;
	    box-shadow: 0 0 10px #999;
	    text-align: justify;
	}
    /*
        #h3 {
            width: 100%;
            background-color:#ffffffcf;
            text-align: center;
            margin: 0px auto;
            font-size: 50px;
            z-index: 10000;
        }
 
        #top {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #ffc382;
            margin: 0 auto;
            line-height: 50px;
            text-align: center;
            position: fixed;
            bottom: 1%;
            right: 1%;
            top:0px;
        }
 
*/
    
    #bottom {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #ffc382;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
        position: fixed;
        top: 1%;
        right: 1%;
    }
    /*========= 背景動画設定のCSS ===============*/
    /*header設定*/
    
    #header {
        position: relative;
        /*h1の中央寄せ配置の起点とするためのrelative*/
        height: 100px;
    }
    
    #video-area {
        position: fixed;
        z-index: -1;
        /*最背面に設定*/
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
    }
    
    #video {
        /*天地中央配置*/
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*縦横幅指定*/
        width: 177.77777778vh;
        /* 16:9 の幅→16 ÷ 9＝ 177.77% */
        height: 56.25vw;
        /* 16:9の幅 → 9 ÷ 16 = 56.25% */
        min-height: 100%;
        min-width: 100%;
    }
    /*========= welcome のCSS ===============*/
    
    .welcome-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .welcome-content h1 {
        color: #fff;
        font-size: 48px;
        margin-bottom: 20px;
    }
    
    .welcome-content p {
        color: #fff;
        font-size: 24px;
    }
    /*見出し設定*/
    /*========= レイアウトのためのCSS ===============*/
    /*
#container{
    background:#fff;
    padding:300px 0;
    text-align: center;
}
*/
    /*
.header {
    background-color: #fff;
    height: 75px;
    position: fixed;
    z-index: 300;
    top: 0;
    position: absolute;
    width: 92%;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
*/
    /*
.header_logo{

    width: 344px;
    margin-top: 10px;
}
*/
    
    .inner {
        width: 96%;
/*        max-width: 1080px; */
        margin: 0 auto;
    }
    /*
nav{
    display: none;
}
#header nav ul {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header nav ul li {
    display: block;
    padding: 0;
}
*/
    
    .pc {
        display: block;
    }
    
    .sp_br {
        display: none;
    }
    
    .sp {
        display: none;
    }
    
    .home_title {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.04em;
        margin-bottom: 3rem;
        color: #011446;
    }
    
    .home_title i {
        color: #011446;
        display: block;
        font-family: "Oswald", "Noto Sans JP", serif;
        font-size: 2.6rem;
        font-weight: 500;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-bottom: 0.6rem;
        margin: 0 auto 1rem;
        position: relative;
    }
    
    .home_title i:after {
        content: "";
        width: 100%;
        height: 0.4rem;
        background: currentColor;
        position: absolute;
        bottom: -0.2rem;
        left: 0;
    }
    /*----news----*/
    
    .news_cat_list {
        display: flex;
        flex-wrap: wrap;
        margin-left: 1px;
        margin-bottom: 3.6rem;
    }
    
    .news_cat_list li {
        border: 1px solid #00A26A;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1;
        padding: 1em;
        min-width: 15.6rem;
        text-align: center;
        transition: all 0.2s;
        cursor: pointer;
        margin: -1px 0 0 -1px;
    }
    
    .news_cat_list li.show {
        background: #00A26A !important;
        /* border-color: #00A26A; */
        color: #fff;
    }
    
    .news_cat_list li:hover,
    .news_cat_list li a:hover {
        background: #00A26A;
        color: #fff;
    }
    
    .news_cont {
        display: none;
    }
    
    .news_cont.show {
        display: block;
        -webkit-animation: 1s fadeIn;
        animation: 1s fadeIn;
    }
    
    .news_list {
        border-top: 1px solid #e2e2e2;
        margin-bottom: 4.0rem;
    }
    
    .news_list li a {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e2e2e2;
        padding: 1.6rem 0;
        text-decoration: none;
        color: #333;
    }
    
    .news_list li a time {
        width: 12%;
        flex-shrink: 0;
        margin-right: 1rem;
    }
    
    .news_list li a .cat {
        width: 12%;
        flex-shrink: 0;
        text-align: center;
        background: #051665;
        color: #fff;
        font-size: 1rem;
        line-height: 1;
        padding: 0.7rem;
        margin-right: 2.5rem;
    }
    
    .news_list li a:hover {
        background: #F9FFFD;
        color: #333333;
    }
    
    .news_list li a.pdf .tit:after {
        content: "";
        width: 1em;
        height: 1em;
        background: url(../img/common/ico_pdf.png) no-repeat center/contain;
        display: inline-block;
        margin-left: 0.5rem;
        margin-bottom: -1px;
    }
    
    .btn {
        display: inline-block;
        background: #00A26A;
        color: #fff;
        text-align: center;
        font-weight: 500;
        line-height: 1;
        min-width: 16rem;
        /* min-width: 18rem; */
        padding: 1.5rem;
        text-decoration: none;
        position: relative;
    }
    
    .btn a {
        color: #fff !important;
    }
    
    .btn_line {
        color: #2ca26a;
        border-bottom: 1px solid #2ca26a;
        align: end;
        font-weight: 500;
        line-height: 1;
        min-width: 18rem;
        padding: 0 1rem 1rem;
        text-decoration: none;
        display: flex;
        font-size: 1.5rem;
        position: relative;
        justify-content: flex-end;
    }
    
    .btn:after,
    .btn_line:after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.2s;
        opacity: 0;
    }
    
    .t-center {
        text-align: center;
    }
    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    /*-----------*/
    .video {
    margin: 20px auto;
    width: 1000px;
    height: 548px;
		text-align:center;
    display: flex;
    justify-content: center;
}
    .cont_list {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin: 0 auto;
        /*    max-width: 1440px;*/
    }
    
    .cont_list .list_box {
        width: 32%;
        border-top: solid 4px #00a26a;
        padding: 0;
        background: rgb(255, 255, 255);
        box-shadow: 0px 8px 20px rgb(54 167 191 / 38%);
        text-align: center;
        margin: 30px 0;
        padding-bottom: 20px;
    }
    
    .cont_list .list_box .pic {
        margin-bottom: 1rem;
        /* height: 300px; */
        width: 50%;
        margin: 10px auto;
    }
    
    .cont_list .list_box .pic img {
        width: auto;
        height: 180px;
    }
    
    .service_list_item_inner_txt h5 {
        text-align: center !important;
    }
    
    .box_sub_md {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
    }
    
    .txt {
        display: inline-block;
        vertical-align: top;
    }
    /*---interview----*/
    
    a {
        color: #333333;
        transition: all 0.2s;
        text-decoration: underline;
    }
    
    li,
    ol {
        list-style: none;
    }
    

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @-webkit-keyframes slideDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
        30% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    
    @keyframes slideDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
        30% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    /* =====================
  メンバー紹介
 ======================= */
    
    .hero {
        background-image: url(../img/members/hero.jpg);
    }
    
    .staffs_list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        text-align: left;
    }
    
    .staffs_list_item {
        width: 33%;
        display: flex;
        margin-right: 0.5%;
        position: relative;
        flex-direction: column;
        margin-bottom: 10px;
    }
    
    .staffs_list_item:nth-child(3n) {
        margin-right: 0;
    }
    
    .staffs_list_item a {
        display: block;
        padding: 1.5rem;
        text-decoration: none;
        border: 1px solid #a36a00;
        /* height: 278px;*/
        background: #f4f4f4;
    }
    
    .staffs_list_item a:before {
        content: "";
        width: 100%;
        height: 100%;
        border-top: 2px solid #00A26A;
        border-bottom: 2px solid #00A26A;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .4s;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        z-index: 2;
    }
    
    .staffs_list_item a:after {
        content: "";
        width: 100%;
        height: 100%;
        border-right: 2px solid #00A26A;
        border-left: 2px solid #00A26A;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .4s;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        z-index: 2;
    }
    
    .staffs_list_item a:hover {
        color: #333333;
        opacity: 0.8;
    }
    
    .staffs_list_item a:hover:before,
    .staffs_list_item a:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .staffs_list_item .profile {
        display: flex;
        position: relative;
        background: #f4f4f4;
        margin-bottom: 2.5rem;
        flex-direction: column;
    }
    /*.staffs_list_item .profile:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #A36A00;
  position: absolute;
  top: -1.5rem;
  left: 0;
}*/
    
    .staffs_list_item .profile .thumb {
        width: 100%;
        /* height: auto; */
        padding-top: 40%;
        height: 0;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        margin-right: 2rem;
        margin-bottom: 1rem;
    }
    
    .staffs_list_item .profile .thumb img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: auto;
    }
    
    .staffs_list_item .profile .txt_box {
        padding-top: 1rem;
        padding-left: 2rem;
        height: 70px;
    }
    
    .staffs_list_item .profile .txt_box .position {
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: 0.04em;
    }
    
    .staffs_list_item .profile .txt_box .post_name {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0.8rem 0;
        margin-top: -1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .staffs_list_item .profile .txt_box .name {
        font-size: 1.2rem;
    }
    
    .staffs_list_item .profile .place_list {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
    }
    
    .staffs_list_item .profile .place_list li {
        min-width: 8rem;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        background: #A36A00;
        color: #fff;
        text-align: center;
        padding: 0.3rem;
    }
    
    .staffs_list_item .profile .place_list li.overseas {
        background: #00A26A;
    }
    
    .staffs_list_item .detail {
        font-size: 1.4rem;
        line-height: 1.7rem;
        padding-left: 2rem;
        /*    margin-top: -15px; */
        height: 20px;
    }
    
    .staff_detail {
        letter-spacing: 0.04em;
    }
    
    .staff_detail .profile_title {
        display: flex;
        align-items: center;
        color: #A36A00;
        font-size: 2.0rem;
        font-weight: 700;
        margin-bottom: 1.2rem;
    }
    
    .staff_detail .profile_title:after {
        content: "";
        height: 1px;
        background: currentColor;
        margin-left: 2.4rem;
        flex-grow: 1;
    }
    
    .staff_detail .block {
        margin-bottom: 3.2rem;
    }
    
    .profile_header {
        margin-bottom: 6.0rem;
        display: flex;
        justify-content: space-between;
        /** サムネイル画像が小さい場合 **/
    }
    
    .officer {
        font-size: 1rem;
        margin-bottom: -0.5rem;
    }
    
    .profile_header p {
        line-height: 2.0;
    }
    
    .profile_header .thumb {
        width: 38.83333%;
        padding: 1.6rem 0 0 1.6rem;
        margin-right: 6.0rem;
        flex-shrink: 0;
        position: relative;
    }
    
    .profile_header .thumb:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19.2rem 19.2rem 0 0;
        border-color: #A36A00 transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    
    .profile_header .txt_box {
        flex-grow: 1;
        min-width: 7em;
        margin-top: 0.4rem;
        position: relative;
    }
    
    .profile_header .name {
        font-size: 3.6rem;
        font-weight: 700;
        margin-bottom: 1.6rem;
        display: flex;
        align-items: center;
    }
    
    .profile_header .en_name {
        font-size: 1.6rem;
        font-weight: 500;
        margin-left: 1.6rem;
    }
    
    .profile_header .place_list {
        display: flex;
        margin-bottom: 3.2rem;
    }
    
    .profile_header .place_list li {
        min-width: 8.0rem;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        background: #A36A00;
        color: #fff;
        text-align: center;
        padding: 0.5rem;
        margin-right: 1.0rem;
    }
    
    .profile_header .place_list li.overseas {
        background: #00A26A;
    }
    
    .profile_header .position {
        color: #333333;
        font-size: 1.8rem;
    }
    
    .profile_header .bnr {
        position: absolute;
        top: 0;
        right: 0;
        width: 26.0rem;
    }
    
    .profile_header .bnr a {
        display: block;
    }
    
    .profile_header .bnr a:hover {
        opacity: 0.7;
    }
    
    .profile_header.thumb_s {
        flex-wrap: wrap;
        position: relative;
    }
    
    .profile_header.thumb_s .thumb {
        width: 13.16667%;
        padding: 0.8rem 0 0 0.8rem;
        margin-right: 4.8rem;
    }
    
    .profile_header.thumb_s .thumb:before {
        border-width: 8.0rem 8.0rem 0 0;
    }
    
    .profile_header.thumb_s .txt_box {
        margin-top: 0.8rem;
    }
    
    .profile_header.thumb_s .txt_box .block {
        margin-bottom: 1.6rem;
    }
    
    .profile_header.thumb_s .name_box {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 3.2rem;
    }
    
    .profile_header.thumb_s .name_box .place_list {
        margin-bottom: 0;
        margin-left: 8.0rem;
    }
    
    .profile_header.thumb_s .name {
        font-size: 4.0rem;
        margin-bottom: 0;
    }
    
    .profile_header.thumb_s .en_name {
        margin-left: 0.8rem;
    }
    
    .profile_header.thumb_s .position {
        width: calc(100% - 30.0rem);
        margin-top: 1.6rem;
    }
    
    .profile_header.thumb_s .bnr {
        position: relative;
        margin-top: auto;
    }
    
    .profile_body {
        margin-bottom: 8.0rem;
    }
    
    .profile_body .col2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .profile_body .col2_item {
        width: 48%;
        margin-bottom: 6.0rem;
    }
    
    .profile_body .col2_item:last-child,
    .profile_body .col2_item:nth-last-child(2):nth-child(odd) {
        margin-bottom: 0;
    }
    
    .profile_body .col2_item:last-child:first-child {
        width: 100%;
    }
    
    .profile_body .col2_item ul li {
        display: flex;
        margin-bottom: 0.5em;
    }
    
    .profile_body .col2_item ul li:last-child {
        margin-bottom: 0;
    }
    
    .profile_body .col2_item ul li span {
        margin-right: 1em;
        flex-shrink: 0;
    }
    
    .profile_body .col2_item ul.year li span {
        width: 4em;
    }
    
    .profile_body .col2_item ul.ym li span {
        width: 6em;
    }
    
    .profile_body .col2_item ul.ymd li span {
        width: 8em;
    }
    
    .profile_body .col2_item ul.wide li span {
        width: 12em;
    }
    
    /* タブレット
  ------------------------ */
    /* スマホ
  ------------------------ */
    
    @media (max-width: 992px) {
		.inner {
            width:90%!important;
        }
        .pc {
            display: none;
        }
        .sp_br {
            display: inline-block;
        }
        .sp {
            display: inline-block;
        }
.news_cat_list{
    justify-content: center;
    align-items: center;
}
.news_cat_list li{
    width: 50%;
}
        .mail a {
            align-items: center;
            display: flex;
            width: 100%;
            justify-content: space-around;
        }
        .hero {
            background-image: url(../img/members/hero_sp.jpg);
        }
        .search {
            margin-bottom: 4.5rem;
        }
        .search_form_item {
            width: 100%;
            margin-bottom: 2.0rem;
        }
        .search_form_item label {
            font-size: 1.2rem;
        }
        .search_form_item .btn {
            font-size: 1.3rem;
        }
        .staffs_list_item {
            width: 100%;
            margin-right: 0;
            margin-bottom: 3.5rem;
        }
        .staffs_list_item a {
            height: auto;
            /*    padding: 1.5rem 0;*/
        }
.cbox2 {
    position: relative;
    width: 100%;
    padding: 0%;
    box-sizing: border-box;
    height: 750px;
}
.cbox2 .cons {
    position: static;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
    width: 100%;
    padding: 1px 10px 10px 10px;
}
        /*.staffs_list_item a:before, .staffs_list_item a:after {
    width: calc(100% + 2.0rem);
    left: -1.0rem;
  }*/
        .staffs_list_item .profile {
            margin-bottom: 1.5rem;
        }
        .staffs_list_item .profile .thumb {
            width: 100%;
            padding-top: 36.7%;
            margin-right: 1.5rem;
        }
        .staffs_list_item .profile .txt_box {
            height: 110px;
        }
        .staffs_list_item .profile .txt_box .position {
            font-size: 1.2rem;
        }
        .staffs_list_item .profile .txt_box .name {
            font-size: 1.8rem;
            margin: 0.5rem 0;
        }
        .staffs_list_item .profile .txt_box .en_name {
            font-size: 1.0rem;
        }
        .staffs_list_item .profile .place_list li {
            font-size: 1.1rem;
        }
        .staffs_list_item .detail {
            font-size: 1.7rem;
        }

        .staff_detail .profile_title {
            font-size: 1.6rem;
            margin-bottom: 0.8rem;
        }
        .staff_detail .profile_title:after {
            margin-left: 1.6rem;
        }
        .profile_header {
            flex-wrap: wrap;
            margin-bottom: 3.2rem;
            /** サムネイル画像が小さい場合 **/
        }
        .profile_header .thumb {
            width: 100%;
            max-width: 450px;
            margin: 0 auto;
            padding: 1.6rem;
        }
        .profile_header .thumb:before {
            border-width: 14.4rem 14.4rem 0 0;
        }
        .profile_header .txt_box {
            margin-top: 1.6rem;
            min-width: auto;
        }
        .profile_header .name {
            font-size: 2.8rem;
        }
        .profile_header .en_name {
            font-size: 1.2rem;
        }
        .profile_header .place_list li {
            font-size: 1.1rem;
        }
        .profile_header .position {
            font-size: 1.5rem;
        }
        .profile_header .bnr {
            position: relative;
            width: 100%;
            max-width: 260px;
        }
        .profile_header.thumb_s .thumb {
            width: 100%;
            max-width: 150px;
            margin: 0 auto 2.4rem;
            padding: 0.8rem;
            order: -1;
        }
        .profile_header.thumb_s .txt_box {
            margin-top: 0;
        }
        .profile_header.thumb_s .txt_box .block {
            margin-bottom: 3.2rem;
        }
        .profile_header.thumb_s .name_box {
            display: block;
        }
        .profile_header.thumb_s .name_box .place_list {
            margin-left: 0;
            margin-top: 1.6rem;
        }
        .profile_header.thumb_s .name {
            font-size: 2.8rem;
        }
        .profile_header.thumb_s .position {
            width: 100%;
            margin-top: 0;
        }
        .profile_header.thumb_s .bnr {
            margin-top: 3.2rem;
        }
        .profile_body {
            margin-bottom: 4.8rem;
        }
        .profile_body .col2_item {
            width: 100%;
            margin-bottom: 2.4rem !important;
        }
        .profile_body .col2_item:last-child {
            margin-bottom: 0 !important;
        }
        .cont_list {
            flex-direction: column;
        }
        .cont_list .list_box,
        .col-6 {
            width: 100%;
        }
        .cont_list .list_box .pic img {
            height: auto;
        }
        .home_title {
            margin-bottom: 0.8rem;
        }
        .column-left {
            margin-top: -4rem !important;
        }
        .column-right {
            margin-top: 0rem !important;
        }
        .wow {
            /*	  margin-top:-12rem!important;*/
        }
        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: calc(var(--bs-gutter-y) * -1);
            margin-right: calc(var(--bs-gutter-x) * -.5);
            margin-left: calc(var(--bs-gutter-x) * -.5);
            flex-direction: row;
        }
        .col-md-4{
            width:50%;
        }
        /* stepjob h1, h2, h3, h4 */
        .single .entry-header h1.entry-title {
            font-size: 18px;
            margin: 20px 3px 0px 3px;
            text-align: left;
            padding-bottom: 5px;
        }
        .category .main h1.archive-title {
            font-size: 22px;
            margin: 40px 0px 10px 0px;
            text-align: left;
        }
        .page .entry-header h1.entry-title {
            font-size: 20px;
            margin: 20px 5px 0px 20px;
            text-align: center;
        }
        .related-entry-heading,
        .comment-title {
            margin: 22px 0;
            font-size: 16px;
        }
        .article h2,
        .h2 {
            font-size: 30px;
            padding: 25px 5px 0px 5px;
            background-color: transparent;
            border-radius: 2px;
            text-align: center;
            text-shadow: 1px 1px 1px #bbbbbb;
            margin: 1.0em 0 1.8em !important;
            line-height: 1.1;
            color: #204832;
            position: relative;
        }
        .article h2:before,
        .h2:before {
            position: absolute;
            content: "";
            display: inline-block;
            width: 24px;
            background: url(../img/common/icons.png) no-repeat;
            background-size: contain;
            margin-left: -28px;
            margin-top: 4px;
        }
        .article h2:after {
            content: '';
            position: absolute;
            bottom: -25px;
            display: inline-block;
            width: 150px;
            height: 3px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #0d6ca1;
            border-radius: 2px;
        }
        .article h2,
        .article h3,
        .article h4,
        .article h5,
        .article h6 {
            margin: 1.0em 0 0.5em;
        }
        .article h3 {
            position: relative;
            border-left: 0px solid #777;
            border-right: 0px solid #ccc;
            border-top: 0px solid #ccc;
            border-bottom: 1px solid #9bcee2;
            font-size: 22px;
            padding: 0px 0px 6px 0px;
            letter-spacing: 0.08em;
            /*text-shadow: 1px 2px 2px #d0d0d0;*/
            margin-bottom: 20px;
        }
        .article h3:before {
            font-family: FontAwesome;
            content: "\f2b5";
            font-weight: 900;
            padding-right: 5px;
            /*文字との隙間*/
            color: #138fd4;
            /*アイコンの色*/
            text-shadow: 1px 2px 2px #fff;
        }
        .article h4 {
            padding: 0.3em 0.6em 0.3em 0.6em;
            border-top: dotted 1px #01a563;
            border-bottom: dotted 1px #01a563;
            font-size: 16px;
            text-align: center;
            display: block;
            color: #00613a;
        }
        .footer h4.wt {
            padding: 0.2em 0.6em 0.2em 0.6em;
            /*上下の余白*/
            border-top: dotted 1px #83d3ff;
            /*上線*/
            border-bottom: dotted 1px #83d3ff;
            /*下線*/
            font-size: 14px;
            text-align: center;
            display: block;
            color: #fff;
            margin-bottom: 10px;
            /*box-shadow: 0 1px 2px rgba(0, 0, 0, .15);*/
        }
        .article h5 {
            padding: 0.0em 0.5em;
            color: #494949;
            background: transparent;
            border-left: solid 8px #ff9924;
            border-bottom: 0px solid #ddd;
        }
        .article h6 {
            padding: 0.25em 0.5em;
            display: block;
            line-height: 1.3;
            /*background: #02d47d;*/
            background: -moz-linear-gradient(left, #00a662 1%, #fcff3e);
            background: -webkit-linear-gradient(left, #00a662 1%, #fcff3e);
            background: linear-gradient(to right, #00a662 1%, #fcff3e);
            /* vertical-align: middle; */
            border-radius: 25px;
            font-size: 18px;
            color: #fff;
            margin-bottom: 20px;
        }
        .article h6:before {
            content: '●';
            color: white;
            margin-right: 8px;
        }
    }
    /* wpsm */
    
    .article h4.wpsm_panel-title {
        text-align: left;
        position: relative;
        padding: 0.3em 0.6em 0.3em 2.2em;
    }
    
    .article h4.wpsm_panel-title:before {
        content: "Q";
        display: inline-block;
        line-height: 40px;
        position: absolute;
        padding: 0em;
        color: white;
        background: #0c6ca1;
        font-weight: bold;
        width: 30px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        left: 0.5em;
        top: 26px;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border: solid 0px white;
        border-radius: 50%;
    }
    /* .pagination .nav-links {
        text-align: center;
    }
    
    .pagination .nav-links .current {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 8px;
        border: 1px solid #f00;
        border-radius: 50%;
        background: #f00;
        color: #fff;
        font-size: 1.4rem;
        line-height: 30px;
    }
    
    .pagination .nav-links .dots {
        display: inline-block;
        margin: 8px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 30px;
    }
    
    .pagination .nav-links a.page-numbers {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 8px;
        border: 1px solid #005bac;
        border-radius: 50%;
        font-size: 1.4rem;
        text-decoration: none;
        line-height: 30px;
    }
    
    .pagination .nav-links a.page-numbers:hover {
        background: #005bac;
        color: #fff;
        transition: all .3s;
    }
    
    .pagination .nav-links a.prev.page-numbers,
    .pagination .nav-links a.next.page-numbers {
        width: auto;
        padding-right: 6px;
        padding-left: 6px;
        border: 0;
        border-bottom: 1px solid #005bac;
        border-radius: 0;
        background: transparent;
    }
    
    .pagination .nav-links a.prev.page-numbers:hover,
    .pagination .nav-links a.next.page-numbers:hover {
        background: #005bac;
        color: #fff;
    } */
    /* .navigation {
        margin: 40px 0 0;
        .nav-links {
            display: flex;
        }
        .pagination .page-numbers {
            display: inline-block;
            margin-right: 20px;
            padding: 20px 25px;
            color: #333;
            border-radius: 3px;
            box-shadow: 0 3px 3px #999;
            background: #fff;
        }
        .pagination .current {
            padding: 20px 25px;
            background: #69a4db;
            color: #fff;
        }
        .pagination .prev,
        .pagination .next {
            background: transparent;
            box-shadow: none;
            color: #69a4db;
        }
        .pagination .dots {
            background: transparent;
            box-shadow: none;
        }
    }
    

    color: var(--cocoon-text-color);
    text-decoration: none;
    display: inline-block;
    height: 46px;
    width: 46px;
    border: 1px solid var(--cocoon-thin-color);
    margin: 0 4px;
    line-height: 46px;
    text-align: center;
    border-radius: var(--cocoon-basic-border-radius);



.pagination .nav-links {
	text-align: center;
}
.pagination .nav-links .current {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 8px;
	border: 1px solid #f00;
	border-radius: 50%;
	background: #f00;
	color: #fff;
	font-size: 1.4rem;
	line-height: 30px;
}
.pagination .nav-links .dots {
	display: inline-block;
	margin: 8px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 30px;
}
.pagination .nav-links a.page-numbers {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 8px;
	border: 1px solid #005bac;
	border-radius: 50%;
	font-size: 1.4rem;
	text-decoration: none;
	line-height: 30px;
}
.pagination .nav-links a.page-numbers:hover {
	background: #005bac;
	color: #fff;
	transition: all .3s;
}
.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {
	width: auto;
	padding-right: 6px;
	padding-left: 6px;
	border: 0;
	border-bottom: 1px solid #005bac;
	border-radius: 0;
	background: transparent;
}
.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {
	background: #005bac;
	color: #fff;
}



.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,



 */
    /************************************
** ページネーション
************************************/
.nav-links{
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.pagination {
    text-align: center;
    padding:0;
}

.pagination a {
    margin: 0 1rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-size: 1.5rem;
    background-color: #00A26A;
    color: #fff;
    border: 1px solid #00A26A;
    text-decoration: none;
}

.pagination a:hover {
    background-color:#fff;
    color:  #00A26A;
}
    .pagination {
        margin:0;
        clear: both;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }
    
    .pagination .current {
        background-color: var(--cocoon-current-background-color);
    }
    .pagination .current, .pagination > a:hover {
        background: #0d0d0d;
        border-color: #0d0d0d;
        color: #fff;
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 1rem;
      }
      .prev,.next{
        display:block;
      }
      /* .wp-pagenavi .current, .wp-pagenavi > a:hover {
        background: #00A26A;
        border-color: #00A26A;
        color: #fff;
    } */
    /* .pagination a:hover {
        background-color: #f5f8fa;
        transition: all 0.3s ease-in-out;
        color: var(--cocoon-text-color);
    }
     */
    /* .page-numbers {
        color: var(--cocoon-text-color);
        text-decoration: none;
        display: inline-block;
        height: 46px;
        width: 46px;
        border: 1px solid var(--cocoon-thin-color);
        margin: 0 4px;
        line-height: 46px;
        text-align: center;
        border-radius: var(--cocoon-basic-border-radius);
    }
    
    .page-numbers span {
        line-height: inherit;
    }
    
    .page-numbers.dots {
        opacity: 0.6;
        background-color: var(--cocoon-xx-thin-color);
    } */
    /************************************
** 「次のページ」ページネーション
************************************/
    
    .pagination-next {
        margin-top: 24px;
    }
    
    .pagination-next-link,
    .comment-btn {
        background-color: #f9f9f9;
        border: 1px solid var(--cocoon-thin-color);
        color: var(--cocoon-text-color);
        display: block;
        font-size: 1.2em;
        text-decoration: none;
        width: 100%;
        text-align: center;
        padding: 10px;
        display: block;
    }
    
    .pagination-next-link:hover,
    .comment-btn:hover {
        background-color: #f5f8fa;
        transition: all 0.3s ease-in-out;
        color: var(--cocoon-text-color);
    }
    /************************************
** マルチページのページャーリンク
************************************/
    
    .pager-links {
        margin: 24px 0;
        clear: both;
        text-align: center;
    }
    
    .pager-links .post-page-numbers {
        background-color: transparent;
    }
    
    .pager-links span {
        background-color: var(--cocoon-current-background-color);
    }
    
    .pager-links a {
        display: inline-block;
    }
    
    .pager-links a span {
        background-color: var(--cocoon-white-color);
    }
    
    .pager-links a:hover span {
        background-color: #f5f8fa;
        transition: all 0.3s ease-in-out;
        color: var(--cocoon-text-color);
    }
    
    .pager-prev-next a {
        width: 30%;
        margin: 0 4px;
    }
    
    .pager-prev-next span {
        width: 100%;
        margin: 0;
    }
    /************************************
** 投稿ナビ
************************************/
    
    .pager-post-navi {
        margin: 38px 0;
        display: flex;
        flex-direction: column;
    }
    
    .pager-post-navi a {
        padding: 10px;
        margin: 0;
        display: inline-flex;
        align-items: center;
        line-height: 1.2;
        font-size: 0.8em;
    }
    
    .pager-post-navi a .iconfont {
        font-size: 1.8em;
        color: var(--cocoon-thin-color);
        padding: 8px;
    }
    
    .pager-post-navi a figure {
        min-width: 120px;
        max-width: 120px;
    }
    
    .pager-post-navi a.prev-post {
        flex-direction: row;
        padding-left: 5px;
    }
    
    .pager-post-navi a.prev-post .prev-post-title {
        margin-left: 10px;
    }
    
    .pager-post-navi a.next-post {
        flex-direction: row-reverse;
        padding-right: 5px;
    }
    
    .pager-post-navi a.next-post .next-post-title {
        margin-right: 10px;
    }
    
    .pager-post-navi a.prev-next-home {
        justify-content: center;
        font-size: 50px;
        text-align: center;
        color: var(--cocoon-middle-thickness-color);
    }
    
    .post-navi-square a {
        height: auto;
    }
    
    .post-navi-default.post-navi-border a {
        border-top: 1px solid var(--cocoon-basic-border-color);
        border-bottom: 1px solid var(--cocoon-basic-border-color);
    }
    
    .post-navi-default.post-navi-border .next-post {
        border-top-width: 0px;
    }
    
    .post-navi-default.post-navi-border .next-post:first-child {
        border-top-width: 1px;
    }
    
    .pager-post-navi.post-navi-square {
        flex-direction: row;
    }
    
    .pager-post-navi.post-navi-square a {
        width: 50%;
    }
    
    .post-navi-square.post-navi-border a {
        border: 1px solid var(--cocoon-basic-border-color);
    }
    
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 0px;
    }
    
    canvas,
    iframe,
    video,
    .fb_iframe_widget,
    .fb_iframe_widget span {
        max-width: 100%;
    }
    
    .overflow-container {
        overflow-y: scroll;
    }
    
    .aspect-ratio {
        height: 0;
        padding-top: 56.25%;
        position: relative;
    }
    
    .aspect-ratio--object {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    /*!動画の最大幅を指定する*/
    
    .video-container,
    .instagram-container,
    .facebook-container {
        max-width: 640px;
        margin: 30px 0;
    }
    /*!動画の大きさを調整*/
    
    .video-container .video {
        position: relative;
        padding-bottom: 56.25%;
        margin-top: 30px;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    /*!Instagramの大きさを調整*/
    
    .instagram-container .instagram,
    .facebook-container .facebook {
        position: relative;
        padding-bottom: 120%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    /*!動画を囲んでいるdiv目一杯に広げる*/
    
    .video iframe,
    .video object,
    .video embed,
    .instagram iframe,
    .instagram object,
    .instagram embed,
    .facebook iframe,
    .facebook object,
    .facebook embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    @media (max-width: 767px){
        .row {
            flex-direction: column;
        }
        .col-md-4 {
            width: 100%;
        }
        .btn_line {
        margin-top: 2rem;
        }
    }
@media (max-width: 992px) {
    .hero {
        background-image: url(../img/news/hero_sp.jpg) no-repeat center/cover;
        height: 56.2vw;
    }
    .news_cat_list {
        margin-bottom: 3.0rem;
    }
    .news_cat_list li {
        max-width: calc((100% + 3px) / 3);
    }
    .news_cat_list li a {
        font-size: 1.3rem;
        padding: 1.6rem 1em;
    }
    .news_list {
        margin-bottom: 3.0rem;
    }
    .news_list li a {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .news_list li a time {
        width: auto;
    }
    .news_list li a .cat {
        width: auto;
        margin-right: 0;
        font-size: 1.1rem;
        min-width: 30%;
        padding: 0.5em;
    }
    .news_list li a .tit {
        width: 100%;
        margin-top: 1.0rem;
    }
    .news_title_txt {
        font-size: 2.0rem;
    }
    .news_title .info {
        font-size: 1.4rem;
        padding-bottom: 2.0rem;
        margin-bottom: 4.0rem;
    }
    .news_title .info:after {
        width: 20%;
        height: 2px;
    }
    .news_title .info .cat {
        font-size: 1.3rem;
    }
    .news_article h1 {
        font-size: 1.8rem;
    }
    .news_article h1:before {
        width: 7rem;
    }
    .news_article h2 {
        font-size: 1.6rem;
        margin-bottom: 2.5rem;
    }
    .news_article h2:before {
        width: 3px;
    }
    .news_article h2:after {
        margin-left: 1.0rem;
    }
    .news_article h3 {
        font-size: 1.5rem;
        margin-bottom: 1.0rem;
    }
}

/************************************
** 2025.02.19　/　2カラム（サイドバーあり）
************************************/
.layout2col .inner{
  display: flex;
  align-items: flex-start;
  gap: 6rem;
}
.layout2col_main{
  flex: 1 1 auto;
}
.layout2col_side{
  flex: 1 0 25%;
  min-width: 300px;
  position: sticky;
  top: calc( 25px + 25px + 3em);
  background: #FFF;
}

@media (max-width: 992px) {
  .layout2col .inner{
    flex-direction: column;
  }
  .layout2col_side{
    min-width: 100%;
    position: static;
  }
}