@charset "UTF-8";

@media (min-width: 768px) {
  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -10.5vw;
    margin-bottom: 0vw;
  }

  .wlb {}

  .wlb .ttl_cell {
    margin: 0 auto 3.125vw;
  }

  .wlb .ttl_cell h2 {
    width: max-content;
    height: 5.2vw;
    background: #fff;
    font-size: 5.0vw;
    font-weight: 600;
    line-height: 5.6vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 1.38vw;
    padding: 0 1.0vw;
  }

  .wlb .ttl_cell p {
    text-align: center;
    line-height: 1;
    font-size: 1.38vw;
    color: #fff;
    font-weight: 500;
  }

  .wlb .event .ttl_cell p {
    color: #000;
  }

  .wlb .bg_blu {
    position: relative;
    z-index: 2;
    margin-top: -0.5vw;
    background: url(../img/work-life-balance/bg_blu.png) no-repeat center;
    background-size: cover;
    padding: 5.2vw 0 9.16vw;
  }

  .wlb .bg_blu ul {
    width: 83.75vw;
    margin: 0 auto 8.3vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .wlb .bg_blu .cell:last-of-type ul {
    margin: 0 auto;
  }

  .wlb .bg_blu ul li {
    position: relative;
    width: 24.8%;
    height: 22.3vw;
    margin: 0 0 1.38vw;
    padding: 2.25vw 0 0;
    background: url(../img/work-life-balance/list_bg.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .wlb .bg_blu .cell:last-of-type ul li {
    width: 19.8%;
    /*
    height: 22.5vw;
    */
    height: 24.5vw;
  }

  .wlb .bg_blu ul li .num {
    position: absolute;
    top: 1.0vw;
    left: 1.0vw;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    font-size: 1.94vw;
    font-weight: 600;
    color: #1AAEFA;
    margin: 0;
  }

  .wlb .bg_blu ul li .img {
    width: 4.8vw;
    margin: 0 auto 0.7vw;
  }

  .wlb .bg_blu .cell:last-of-type ul li .img {
    margin-bottom: 0;
  }

  .wlb .bg_blu .cell:last-of-type ul li:last-child .img {
    width: 7.9vw;
  }

  .wlb .bg_blu ul li .ttl {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3.5vw;
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto 1.0vw;
  }

  .wlb .bg_blu .cell:last-of-type ul li .ttl {
    /*
    height: auto;
    */
    margin-bottom: 0.6vw;
  }

  .wlb .bg_blu ul li .ttl span {
    font-size: 0.97vw;
    color: #838383;
  }

  .wlb .bg_blu ul li:nth-child(6) .ttl {
    font-size: 1.11vw;
    line-height: 1.5;
  }

  .wlb .bg_blu ul li .detail {
    width: 16.6vw;
    font-size: 0.97vw;
    font-weight: 500;
    line-height: 1.75;
    margin: 0 auto 0vw;
  }

  .wlb .bg_blu .cell:last-of-type ul li .detail {
    width: 13.3vw;
    margin: 0 0 0 0.8vw;
  }

  .wlb .bg_blu ul li .detail span {
    font-size: 0.90vw;
    color: #6D6D6D;
  }

  .wlb .bg_blu ul li .attention {
    width: 16.6vw;
    font-size: 0.76vw;
    font-weight: 500;
    line-height: 1.75;
    margin: 0.7vw auto 0vw;
    color: #6D6D6D;
  }

  .wlb .bg_blu .cell:last-of-type ul li .attention {
    width: 13.3vw;
    margin: 0.3vw 0 0 0.8vw;
  }

  .wlb .event {
    margin: 0 0 3.8vw;
  }

  .wlb .event .ttl_cell {
    margin-top: -3.125vw;
  }

  .wlb .event .ttl_cell h2 {
    border: 2px solid #000;
  }

  .wlb .event .lead {
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 2.0;
    width: 43.8vw;
    margin: 0 auto 5.9vw;
  }

  .wlb .event ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 87vw;
    margin: 0 auto;
  }

  .wlb .event ul li {
    margin: 0 0 0;
    background: #F8F8F8;
  }

  .wlb .event ul li:nth-child(1) {
    width: calc(100% - 9vw);
    margin: 0 0 1.7vw;
    padding: 3.75vw 2.9vw 3.4vw 6.1vw;
    display: flex;
  }

  .wlb .event ul li:nth-child(2) {
    width: calc(100% - 9vw);
    margin: 0 0 1.7vw;
    padding: 2.1vw 2.9vw 3.4vw 6.1vw;
    display: flex;
    align-items: center;
  }

  .wlb .event ul li:nth-child(3) {
    width: calc(32.2% - 5.4vw);
    margin: 0 0 0vw;
    padding: 4.5vw 2.7vw 2.7vw 2.7vw;
  }

  .wlb .event ul li:nth-child(4) {
    width: calc(65.7% - 4.8vw);
    margin: 0 0 0vw;
    padding: 4.5vw 2.1vw 2.7vw 2.7vw;
    display: flex;
  }

  .wlb .event ul li h3 {
    font-size: 1.80vw;
    font-weight: bold;
    margin: 0 0 1.38vw;
    line-height: 1;
    color: #1AAEFA;
  }

  .wlb .event ul li .detail {
    font-size: 1.11vw;
    font-weight: bold;
    margin: 0 0 0vw;
    line-height: 2.0;
  }

  .wlb .event ul li .attention {
    font-size: 1.04vw;
    font-weight: 500;
    margin: 1.38vw 0 0vw;
    line-height: 2.0;
    color: #696969;
  }

  .wlb .event ul li .img_s {
    margin: 10px 0 0;
  }

  .wlb .event ul li .txt_cell {
    width: 33.6vw;
    margin-right: 3.3vw;
  }

  .wlb .event ul li:nth-child(3) .txt_cell {
    width: 100%;
    margin-right: 0vw;
  }

  .wlb .event ul li:nth-child(4) .txt_cell {
    width: 28.8vw;
    margin-right: 2.7vw;
  }

  .wlb .event ul li .img {
    width: calc(100% - 36.9vw);
  }

  .wlb .event ul li:nth-child(2) .img {
    width: calc(100% - 38.8vw);
  }

  .wlb .event ul li:nth-child(4) .img {
    width: calc(100% - 31.5vw);
  }

  .wlb .morebetter {
    background: url(../img/work-life-balance/morebetter_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 9.375vw 0 7.7vw;
  }

  .wlb .morebetter h2 {
    font-size: 1.94vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin: 0 auto 3.3vw;
  }

  .wlb .morebetter .lead {
    font-size: 1.17vw;
    font-weight: bold;
    line-height: 2.0;
    width: 42.1vw;
    margin: 0 auto 5.2vw;
    color: #fff;
  }

  .wlb .morebetter a {
    position: relative;
    display: block;
    width: 67.7vw;
    margin: 0 auto;
  }

  .wlb .morebetter a img {
    transition: all 0.2s;
  }

  .wlb .morebetter a:hover img {
    opacity: 0.7;
  }

  /*
  .wlb .morebetter a::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 2.14vw;
    right: 2.43vw;
    width: 2.56vw;
    height: 2.56vw;
    background: url(../img/interview/icon_arrow.png) no-repeat center;
    background-size: 100% 100%;
    transition: all 0.2s;
  }
  .wlb .morebetter a:hover::after {
    right: 1.43vw;
  }
  */
}

@media (max-width: 767px) {
  .under_ttl h1 {
    line-height: 1.0;
  }

  .under_ttl h1 span {
    line-height: 0.8;
    margin-bottom: 2.0vw;
    display: block;
    margin-bottom: 0;
  }

  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -32vw;
    margin-bottom: 0vw;
  }

  .wlb {}

  .wlb .ttl_cell {
    margin: 0 auto 8.0vw;
  }

  .wlb .ttl_cell h2 {
    width: max-content;
    height: 12.3vw;
    background: #fff;
    font-size: 11.7vw;
    font-weight: 600;
    line-height: 12.3vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 4.0vw;
    padding: 0 3.3vw;
  }

  .wlb .ttl_cell p {
    text-align: center;
    line-height: 1;
    font-size: 4.26vw;
    color: #fff;
    font-weight: 500;
  }

  .wlb .event .ttl_cell p {
    color: #000;
  }

  .wlb .bg_blu {
    position: relative;
    z-index: 2;
    margin-top: -0.5vw;
    background: url(../img/work-life-balance/bg_blu.png) no-repeat center;
    background-size: cover;
    padding: 16vw 0 9.16vw;
  }

  .wlb .bg_blu ul {
    width: 80vw;
    margin: 0 auto 24vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .wlb .bg_blu .cell:last-of-type ul {
    margin: 0 auto;
  }

  .wlb .bg_blu ul li {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 2.0vw;
    padding: 7.3vw 0 12vw;
    background: url(../img/work-life-balance/list_bg.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .wlb .bg_blu ul li .num {
    position: absolute;
    top: 3.2vw;
    left: 3.8vw;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    font-size: 7.46vw;
    font-weight: 600;
    color: #1AAEFA;
    margin: 0;
  }

  .wlb .bg_blu ul li .img {
    width: 17.6vw;
    margin: 0 auto 2.6vw;
  }

  .wlb .bg_blu .cell:last-of-type ul li:last-child .img {
    width: 30.6vw;
  }

  .wlb .bg_blu ul li .ttl {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 4.26vw;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto 6.6vw;
  }

  .wlb .bg_blu ul li .ttl span {
    font-size: 3.73vw;
    color: #838383;
  }

  .wlb .bg_blu ul li .detail {
    width: 64.2vw;
    font-size: 3.73vw;
    font-weight: 500;
    line-height: 1.75;
    margin: 0 auto 0vw;
  }

  .wlb .bg_blu ul li .detail span {
    font-size: 3.46vw;
    color: #6D6D6D;
  }

  .wlb .bg_blu ul li .attention {
    width: 64.2vw;
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 1.75;
    margin: 5.3vw auto 0vw;
    color: #6D6D6D;
  }

  .wlb .event {
    margin: 0 0 10.1vw;
  }

  .wlb .event .ttl_cell {
    margin-top: -8.125vw;
  }

  .wlb .event .ttl_cell h2 {
    border: 2px solid #000;
  }

  .wlb .event .lead {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 2.0;
    width: 83.2vw;
    margin: 0 auto 14.6vw;
  }

  .wlb .event ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 82.4vw;
    margin: 0 auto;
  }

  .wlb .event ul li {
    margin: 0 0 0;
    background: #F8F8F8;
  }

  .wlb .event ul li:nth-child(1) {
    width: calc(100% - 13.2vw);
    margin: 0 0 5.3vw;
    padding: 12vw 6.6vw 12vw 6.6vw;
    display: flex;
    flex-direction: column;
  }

  .wlb .event ul li:nth-child(2) {
    width: calc(100% - 13.2vw);
    margin: 0 0 5.3vw;
    padding: 12vw 6.6vw 12vw 6.6vw;
    display: flex;
    flex-direction: column;
  }

  .wlb .event ul li:nth-child(3) {
    width: calc(100% - 13.2vw);
    margin: 0 0 5.3vw;
    padding: 12vw 6.6vw 12vw 6.6vw;
  }

  .wlb .event ul li:nth-child(4) {
    width: calc(100% - 13.2vw);
    margin: 0 0 0vw;
    padding: 12vw 6.6vw 12vw 6.6vw;
    display: flex;
    flex-direction: column;
  }

  .wlb .event ul li h3 {
    font-size: 5.33vw;
    font-weight: bold;
    margin: 0 0 10.1vw;
    line-height: 1;
    color: #1AAEFA;
  }

  .wlb .event ul li .detail {
    font-size: 3.73vw;
    font-weight: bold;
    margin: 0 0 0vw;
    line-height: 2.0;
  }

  .wlb .event ul li .attention {
    font-size: 3.2vw;
    font-weight: 500;
    margin: 5.8vw 0 0vw;
    line-height: 1.68;
    color: #696969;
  }

  .wlb .event ul li .img_s {
    margin: 20px 0 0;
  }

  .wlb .event ul li .txt_cell {
    width: 100%;
    margin-bottom: 9.3vw;
  }

  .wlb .event ul li:nth-child(3) .txt_cell {
    margin-bottom: 0vw;
  }

  .wlb .event ul li .img {
    width: 92.5vw;
    margin-left: -11.3vw;
  }

  .wlb .event ul li:nth-child(2) .img {
    width: 91.4vw;
    margin-left: -6.6vw;
  }

  .wlb .event ul li:nth-child(4) .img {
    width: 94.4vw;
    margin-left: -9.6vw;
  }

  .wlb .morebetter {
    background: url(../img/work-life-balance/morebetter_bg_sp.jpg) no-repeat center;
    background-size: cover;
    padding: 13.3vw 0 12vw;
  }

  .wlb .morebetter h2 {
    font-size: 5.33vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin: 0 auto 8.8vw;
  }

  .wlb .morebetter .lead {
    font-size: 3.73vw;
    font-weight: bold;
    line-height: 2.0;
    width: 82.6vw;
    margin: 0 auto 8vw;
    color: #fff;
  }

  .wlb .morebetter a {
    display: block;
    width: 82.6vw;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .moredetail {
    width: 60%;
    background: #1AAEFA;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    transform: rotate(-2.98deg);
    margin-top:2vh;
    padding: 0.5vw 0vw;
    text-align: center;

  }

  .moredetail:hover {
    background: #000000;
    cursor: pointer;
  }

  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .modal-close {
    position: absolute;
    top: 0.0vw;
    right: 3.5vw;
    cursor: pointer;
    z-index: 10;
    width: 4.9vw;
  }

  .modal-content {
    background: white;
    padding: 0 0 5vw;
    width: 85.8vw;
    position: relative;
    height: 85vh;
    overflow-y: auto;
    background-image: url(../img/work-life-balance/certsupport_backimg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    background-attachment: local;
  }

  .modal_content2 {
    width: 80%;
    margin: 60px auto;
    text-align: center;
  }

  .certmodal_title {
    margin: 10% auto 5%;
  }

  .certmodal_title h2 {
    width: max-content;
    height: 5.2vw;
    background: #fff;
    font-size: 5.0vw;
    font-weight: 600;
    line-height: 5.6vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 1.38vw;
    padding: 0 1.0vw;
  }

  .certmodal_title p {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
  }

  .modal_detail_content {
    width: 100%;
  }

  .certmodal_content01 {
    width: 84%;
    margin: 0 auto;
    text-align: center;
  }
  .certmodal_content01>img{
    width: 90%;
  }

  .certmodal_content01 h3 {
    font-size: 3rem;
    width: 100%;
    margin: 5% auto 5%;
    text-align: center;
  }

  .modal_innner_flex {
    display: flex;
    gap: 30px;
    background-image: url(../img/work-life-balance/bg_blue_content.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px auto;
    padding: 30px 20px 40px 40px;
    max-width: 1000px;
  }

  .modal_innner_img {
    width: 100%;
    flex: 1;
    margin: 0 auto;
    text-align: center;

  }

  .modal_innner_img img {
    width: auto;
    height: 150px;
  }


  .modal_innner_text {
    color: #fff;
    flex: 3;
    text-align: left;
  }

  .modal_innner_text .content_title {
    font-size: 2rem;
    font-weight: 500;
    width: 100%;
    border-bottom: #fff solid 1px;
    padding-bottom: 15px;
  }

  .modal_innner_text .content_txt {
    margin-top: 30px;
    font-weight: 500;
  }
  .modal_innner_text .content_txt2{
    margin-top: 10px;
    font-weight: 500;
  }

  p.decoration_txt {
    margin: 10% auto 3%;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 中央寄せしたい場合 */
    gap: 10px;
    /* テキストと画像の間隔 */
  }

  p.decoration_txt::before,
  p.decoration_txt::after {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    /* つぶれ防止 */
    transform: translateY(-10px);
    /* ← 上に5px */
  }

  p.decoration_txt::before {
    background-image: url("../img/work-life-balance/decoration_before.png");
  }

  p.decoration_txt::after {
    background-image: url("../img/work-life-balance/decoration_after.png");
  }

  .certmodal_title_small h2 {
    width: max-content;
    height: 5.2vw;
    background: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 5.6vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 5vw auto -8vw;
    padding: 0 1.0vw;
  }

  .border_modal_content {
    max-width: 1200px;
    margin: 4vw auto 5vw;
    padding: 6vw 3vw 6vw;
    background:
      linear-gradient(#333, #333) top 10px left 10px / calc(100% - 20px) 1px no-repeat,
      linear-gradient(#333, #333) bottom 10px left 10px / calc(100% - 20px) 1px no-repeat,
      linear-gradient(#333, #333) top 10px left 10px / 1px calc(100% - 20px) no-repeat,
      linear-gradient(#333, #333) top 10px right 10px / 1px calc(100% - 20px) no-repeat;
  }

  p.small_certtxt {
    max-width: 1000px;
    margin: 20px auto;
    text-align: right;
    font-size: 0.8rem;
  }

  .close_button {
    width: 50px;
    margin: 3vw auto 1vw;
    text-align: center;
    position: relative;
    left: 0;
  }

  .close_button img {
    width: 100%;
    height: auto;
  }

  .sp_Only {
    display: none;
  }
  .pc_Only{
    display: block;
  }
}
@media (max-width: 1060px) {
.certmodal_title_small>.sp_Only {
  display:block;
        width: 90%;
    max-width: 600px;
    text-align: center;
    margin: 40px auto -100px;
  }
  .certmodal_title_small>.pc_Only{
    display: none;
  }

}

@media (max-width: 767px) {
  .sp_Only {
    display: block;
  }
  .certmodal_title_small>.sp_Only {
    margin: 20px auto -60px;
  }

  .moredetail_text {
    font-size: 14px;
    margin-top: 1.5vw;
  }

  .moredetail {
    width: 60%;
    height: 8vw;
    background: #1AAEFA;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    transform: rotate(-2.98deg);
    margin: 1.5vh 0 3vw 0vw;
    padding: 0.5vw 0vw;
    text-align: center;
  }

  .moredetail:hover {
    background: #000000;
  }

  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .modal-close {
    position: absolute;
    top: 10vw;
    right: 5vw;
    cursor: pointer;
    z-index: 10;
    width: 8vw;
  }

  .modal-content {
    background: white;
    padding: 0 0 5vw;
    width: 95vw;
    position: relative;
    right: -5vw;
    height: 90vh;
    bottom: 0vh;
    overflow-y: auto;
    background-image: url(../img/work-life-balance/certsupport_backimg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
  }

  .modal_detail_content {
    width: 90%;
    margin: 0 auto;
  }

  .modal_content2 {
    width: 80%;
    margin: 60px auto;
    text-align: center;
  }

  .certmodal_title {
    margin: 10% auto 5%;
  }

  .certmodal_title h2 {
    width: max-content;
    height: 8vw;
    background: #fff;
    font-size: 8vw;
    font-weight: 600;
    line-height: 8vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 1.38vw;
    padding: 0 1.0vw;
  }

  .certmodal_title p {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
  }

  .certmodal_content01 {
    width: 84%;
    margin: 0 auto;
  }

  .certmodal_content01 h3 {
    font-size: 1.8rem;
    width: 100%;
    margin: 5% auto 5% 10%;
    text-align: left;
  }

  .modal_innner_flex {
    display: block;
    background-image: url(../img/work-life-balance/bg_blue_content.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px auto 10px;
    padding: 30px 20px 20px 20px;
    width: 78%;
  }

  .modal_innner_img {
    width: 100%;
    flex: 1;
    margin: 30px auto 0;
    text-align: center;

  }

  .modal_innner_img img {
    width: auto;
    height: 150px;
  }


  .modal_innner_text {
    color: #fff;
    flex: 3;
  }

  .modal_innner_text .content_title {
    font-size: 1.3rem;
    font-weight: 500;
    width: 100%;
    border-bottom: #fff solid 1px;
    padding-bottom: 15px;
  }

  .modal_innner_text .content_txt {
    margin-top: 10px;
    font-weight: 500;
  }

  p.decoration_txt {
    margin: 10% auto 3%;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 中央寄せしたい場合 */
    gap: 10px;
    /* テキストと画像の間隔 */
  }

  p.decoration_txt::before,
  p.decoration_txt::after {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    /* つぶれ防止 */
    transform: translateY(-10px);
    /* ← 上に5px */
  }

  p.decoration_txt::before {
    background-image: url("../img/work-life-balance/decoration_before.png");
  }

  p.decoration_txt::after {
    background-image: url("../img/work-life-balance/decoration_after.png");
  }
  .certmodal_title_small{
margin: 20px auto -60px;
  }
/* 
  .certmodal_title_small h2 {
    width: max-content;
    height: 10vw;
    background: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 5vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 5vw auto -10vw;
    padding: 1vh 1.0vw;
  } */

  .border_modal_content {
    margin: 4vw auto 5vw;
    padding: 8vw 3vw 6vw;
    background:
      linear-gradient(#333, #333) top 10px left 10px / calc(100% - 20px) 1px no-repeat,
      linear-gradient(#333, #333) bottom 10px left 10px / calc(100% - 20px) 1px no-repeat,
      linear-gradient(#333, #333) top 10px left 10px / 1px calc(100% - 20px) no-repeat,
      linear-gradient(#333, #333) top 10px right 10px / 1px calc(100% - 20px) no-repeat;
  }

  p.small_certtxt {
    width: 90%;
    margin: 10px auto;
    text-align: right;
    font-size: 0.7rem;
  }

  .close_button {
    width: 50px;
    margin: 3vw auto 3vw;
    text-align: center;
    position: relative;
    right: 10px;
    top: 20px;
  }

  .close_button img {
    width: 100%;
    height: auto;
  }
}