@import "parts/modaal.min.css";
.modaal-noscroll {
    overflow: hidden !important;
}
.single-member div.bg_body.bg_body00:after {
    content: "";
    background-image:none;
    background-size: 100px 100px;
    background-color: rgb(255 255 255 / 0.9);
    background-position:center;
    backdrop-filter: blur(15px);
}
.single-member .utility_nav .btn_contact {
    filter: invert();
}
.content_wrap {
  padding-top:0;
}
.content_wrap:before {
  display: none;
}
.second_nav {
  padding-top:120px;
}
.content_wrap .member {
  padding-top:120px;
  padding-bottom:120px;
  background-color: white;
  position:relative;
}
.content_wrap .member:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(rgba(238, 238, 239, 0.6) 1px, transparent 1px), linear-gradient(to right, rgba(238, 238, 239, 0.6) 1px, transparent 1px);
    background-size: 100px 100px;
    background-color: transparent;
    background-position: center -18px;
}
.member_index_wrap .member_box {
    position:relative; 
}

.modaal-fullscreen .modaal-container {
    overflow: hidden;
}
.modaal-container {
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(15px);
}

.member_index_wrap .member_box .slide .img-cover{
    width:100%;
    height:auto;
    aspect-ratio:42/47;
}
.member_index_wrap .member_box .slide .mask {
    position:absolute;
    overflow: hidden;
    width:92.85714%;
    height: auto;
    border-radius: 48%;
    aspect-ratio: 39 / 45;
    transition: .5s var(--easeout);
    left:50%;
    transform: translateX(-50%);
}
/*
.swiper-area .swiper-slide:hover .slide .mask {
    aspect-ratio: 39 / 90;
}
*/
.member_index_wrap .member_box .slide .mask:before {
    content: "";
    width: 95%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    opacity: 0.7;
    background: linear-gradient(246deg, #B094FF 15.86%, #F552D1 79.98%);
    position: absolute;
    top: auto;
    left: 2.5%;
    bottom: 0;
    transition: all .3s var(--ease);
    transform: scale(1);
}
.member_index_wrap .member_box a:hover .slide .mask:before {
    opacity:0;
}
.member_index_wrap .member_box .slide .mask img {
    width:100%;
    position:absolute;
    left:-10px;
    top:0;
    max-width: none;
}
.member_index_wrap .member_box .slide .mask img.noimg {
  left:0;
} 
.member_index_wrap .member_box.bg02 .slide .mask:before {background: var(--Linear, linear-gradient(246deg, #3AD2FE 15.86%, #6AA6FF 79.98%));}
.member_index_wrap .member_box.bg03 .slide .mask:before {background: var(--Linear, linear-gradient(246deg, #A3FE61 15.86%, #3AD1FE 79.98%));}
.member_index_wrap .member_box.bg04 .slide .mask:before {background: var(--Linear, linear-gradient(246deg, #FFED4A 15.86%, #B4FE3F 79.98%));}
.member_index_wrap .member_box.bg05 .slide .mask:before {background: linear-gradient(246deg, #B4FE3F 15.86%, #FFED4A 79.98%);}
.member_index_wrap .member_box.bg06 .slide .mask:before {background: linear-gradient(246deg, #3AD1FE 15.86%, #A3FE61 79.98%);}
.member_index_wrap .member_box.bg07 .slide .mask:before {background: linear-gradient(243deg, #A998EE 15.58%, #3AD2FE 80.61%);}
.member_index_wrap .member_box.bg08 .slide .mask:before {background: linear-gradient(246deg, #F552D1 15.86%, #B094FF 79.98%);}

.member_index_wrap .member_box .bg_dot {
    z-index:2;
    opacity:0;
}
.member_index_wrap .member_box .bg_dot .dot:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: #00c2cb;
    z-index:-1;
    mix-blend-mode: lighten;
}
.member_index_wrap .member_box .bg_dot .dot:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: #ec2225;
    z-index:0;
    mix-blend-mode: lighten;
}
.member_index_wrap .member_box a:hover .bg_dot {
    opacity:1;
}
.member_index_wrap .member_box a:hover .bg_dot .dot {
    animation: glitch1 2.0s infinite;
}
.member_index_wrap .member_box a:hover .bg_dot .dot:before {
    animation: glitch2 1.75s infinite;
}
.member_index_wrap .member_box a:hover .bg_dot .dot:after {
    animation: glitch3 1.5s infinite;
}
.member_index_wrap .member_box a:hover .bg_dot .dot02 {
  animation-delay: 0.1s;
}
.member_index_wrap .member_box a:hover .bg_dot .dot03 {
  animation-delay: 0.05s;
}
.member_index_wrap .member_box a:hover .bg_dot .dot05 {
  animation-delay: 0.2s;
}
.member_index_wrap .member_box a:hover .bg_dot .dot06 {
  animation-delay: 0.1s;
}
@keyframes glitch1 {
    0% {
      transform: none;
      opacity: 1;
    }
    7% {
      transform: skew(-0.5deg, -0.9deg);
      opacity: 0.75;
    }
    10% {
      transform: none;
      opacity: 1;
    }
    27% {
      transform: none;
      opacity: 1;
    }
    30% {
      transform: skew(0.8deg, -0.1deg);
      opacity: 0.75;
    }
    35% {
      transform: none;
      opacity: 1;
    }
    52% {
      transform: none;
      opacity: 1;
    }
    55% {
      transform: skew(-1deg, 0.2deg);
      opacity: 0.75;
    }
    50% {
      transform: none;
      opacity: 1;
    }
    72% {
      transform: none;
      opacity: 1;
    }
    75% {
      transform: skew(0.4deg, 1deg);
      opacity: 0.75;
    }
    80% {
      transform: none;
      opacity: 1;
    }
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes glitch2 {
    0% {
      transform: none;
      opacity: 0.25;
    }
    7% {
      transform: translate(-2px, -3px);
      opacity: 0.5;
    }
    10% {
      transform: none;
      opacity: 0.25;
    }
    27% {
      transform: none;
      opacity: 0.25;
    }
    30% {
      transform: translate(-5px, -2px);
      opacity: 0.5;
    }
    35% {
      transform: none;
      opacity: 0.25;
    }
    52% {
      transform: none;
      opacity: 0.25;
    }
    55% {
      transform: translate(-5px, -1px);
      opacity: 0.5;
    }
    50% {
      transform: none;
      opacity: 0.25;
    }
    72% {
      transform: none;
      opacity: 0.25;
    }
    75% {
      transform: translate(-2px, -6px);
      opacity: 0.5;
    }
    80% {
      transform: none;
      opacity: 0.25;
    }
    100% {
      transform: none;
      opacity: 0.25;
    }
  }
  
  @keyframes glitch3 {
    0% {
      transform: none;
      opacity: 0.25;
    }
    7% {
      transform: translate(2px, 3px);
      opacity: 0.5;
    }
    10% {
      transform: none;
      opacity: 0.25;
    }
    27% {
      transform: none;
      opacity: 0.25;
    }
    30% {
      transform: translate(5px, 2px);
      opacity: 0.5;
    }
    35% {
      transform: none;
      opacity: 0.25;
    }
    52% {
      transform: none;
      opacity: 0.25;
    }
    55% {
      transform: translate(5px, 1px);
      opacity: 0.5;
    }
    50% {
      transform: none;
      opacity: 0.25;
    }
    72% {
      transform: none;
      opacity: 0.25;
    }
    75% {
      transform: translate(2px, 6px);
      opacity: 0.5;
    }
    80% {
      transform: none;
      opacity: 0.25;
    }
    100% {
      transform: none;
      opacity: 0.25;
    }
  }
.member_index_wrap .member_box .dot_small {
    width:25px;
    height:25px;
}
.member_index_wrap .member_box.bg01 .dot01 {
    left:0;
    top:auto;
    bottom:175px;
    background: #F886DF;
}
.member_index_wrap .member_box.bg01 .dot02 {
    right:50px;
    top:auto;
    bottom:225px;
    background: #CDAFFC;
}
.member_index_wrap .member_box.bg01 .dot03 {
    left:25px;
    top:0;
    background: #F886DF;
}
.member_index_wrap .member_box.bg01 .dot04 {
    right:25px;
    top:auto;
    bottom:275px;
    background: #CDAFFC;
}
.member_index_wrap .member_box.bg01 .dot05 {
    left:175px;
    top:auto;
    bottom:75px;
    background: #F886DF;
}
.member_index_wrap .member_box.bg01 .dot06 {
    right:75px;
    top:auto;
    bottom:50px;
    background: #CDAFFC;
}
.member_index_wrap .member_box.bg02 .dot01 {
  left:0;
  top:auto;
  bottom:125px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg02 .dot02 {
  right: 25px;
  top:auto;
  bottom:200px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg02 .dot03 {
  left:-30px;
  top:75px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg02 .dot04 {
  right:-25px;
  top:auto;
  bottom:255px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg02 .dot05 {
  left:125px;
  top:auto;
  bottom:25px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg02 .dot06 {
  right:100px;
  top:auto;
  bottom:50px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg03 .dot01 {
  left:0;
  top:auto;
  bottom:175px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg03 .dot02 {
  right:50px;
  top:auto;
  bottom:225px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg03 .dot03 {
  left:25px;
  top:0;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg03 .dot04 {
  right:25px;
  top:auto;
  bottom:275px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg03 .dot05 {
  left:175px;
  top:auto;
  bottom:75px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg03 .dot06 {
  right:75px;
  top:auto;
  bottom:50px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg04 .dot01 {
  left:0;
  top:auto;
  bottom:125px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg04 .dot02 {
  right: 25px;
  top:auto;
  bottom:200px;
  background: #FFED4A;
}
.member_index_wrap .member_box.bg04 .dot03 {
  left:-30px;
  top:75px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg04 .dot04 {
  right:-25px;
  top:auto;
  bottom:255px;
  background: #FFED4A;
}
.member_index_wrap .member_box.bg04 .dot05 {
  left:125px;
  top:auto;
  bottom:25px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg04 .dot06 {
  right:100px;
  top:auto;
  bottom:50px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg05 .dot01 {
  left:0;
  top:auto;
  bottom:125px;
  background: #FFED4A;
}
.member_index_wrap .member_box.bg05 .dot02 {
  right: 25px;
  top:auto;
  bottom:200px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg05 .dot03 {
  left:-30px;
  top:75px;
  background: #FFED4A;
}
.member_index_wrap .member_box.bg05 .dot04 {
  right:-25px;
  top:auto;
  bottom:255px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg05 .dot05 {
  left:125px;
  top:auto;
  bottom:25px;
  background: #FFED4A;
}
.member_index_wrap .member_box.bg05 .dot06 {
  right:100px;
  top:auto;
  bottom:50px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg06 .dot01 {
  left:0;
  top:auto;
  bottom:175px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg06 .dot02 {
  right:50px;
  top:auto;
  bottom:225px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg06 .dot03 {
  left:25px;
  top:0;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg06 .dot04 {
  right:25px;
  top:auto;
  bottom:275px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg06 .dot05 {
  left:175px;
  top:auto;
  bottom:75px;
  background: #B4FE3F;
}
.member_index_wrap .member_box.bg06 .dot06 {
  right:75px;
  top:auto;
  bottom:50px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg07 .dot01 {
  left:0;
  top:auto;
  bottom:125px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg07 .dot02 {
  right: 25px;
  top:auto;
  bottom:200px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg07 .dot03 {
  left:-30px;
  top:75px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg07 .dot04 {
  right:-25px;
  top:auto;
  bottom:255px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg07 .dot05 {
  left:125px;
  top:auto;
  bottom:25px;
  background: #3AD1FE;
}
.member_index_wrap .member_box.bg07 .dot06 {
  right:100px;
  top:auto;
  bottom:50px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg08 .dot01 {
  left:0;
  top:auto;
  bottom:175px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg08 .dot02 {
  right:50px;
  top:auto;
  bottom:225px;
  background: #F886DF;
}
.member_index_wrap .member_box.bg08 .dot03 {
  left:25px;
  top:0;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg08 .dot04 {
  right:25px;
  top:auto;
  bottom:275px;
  background: #F886DF;
}
.member_index_wrap .member_box.bg08 .dot05 {
  left:175px;
  top:auto;
  bottom:75px;
  background: #6AA6FF;
}
.member_index_wrap .member_box.bg08 .dot06 {
  right:75px;
  top:auto;
  bottom:50px;
  background: #F886DF;
}

.member .dot08 {right:10px;top:50px;}
.member .dot07 {right:250px;top:640px;}
.member .dot06 {left:210px;top:740px;}
.member .dot10 {left:110px;top:790px;}
.member .dot09 {left:710px;top:900px;}
.member .dot11 {right:60px;bottom:210px;}

@media (max-width:1024px) {
.dot04 {
    left: 0;
    bottom: 100px;
}
}
@media (max-width:768px)  {
    .second_nav {
        padding-top:80px;
    }
    .content_wrap .member {
        padding-top:80px;
    }
    .member .inner {
        padding-top:80px;
    }

}

/*-------------------------
  
-------------------------*/

.dot {
    opacity:0.8;
}
.dot01{right:31.979%;top:80px;}
.dot02{right:3.125%;top:190px;}
.dot03{right:calc(31.979% - 100px);bottom:220px;}
.dot04{right:18.75%;bottom:50px;}
.dot05{left:15.1041%;bottom:0;}
.dot06{right:calc(18.75% + 50px);bottom:-50px;}
.dot07{left:42.1875%;top:0;opacity:0.6}
.dot08{right:50px;top:50px;opacity:0.6}

.bg_body {
    position:fixed;
    width:100%;
    height:100%;
    inset:0;
}

.bg_body.type_01:after {
    background: url("../img/MEMBER_DETAIL_bg01.png") no-repeat left bottom;
    background-size: 100% auto;
}
.bg_body.type_02:after {
  background: url("../img/MEMBER_DETAIL_bg02.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_03:after {
  background: url("../img/MEMBER_DETAIL_bg03.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_04:after {
  background: url("../img/MEMBER_DETAIL_bg04.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_05:after {
  background: url("../img/MEMBER_DETAIL_bg05.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_06:after {
  background: url("../img/MEMBER_DETAIL_bg06.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_07:after {
  background: url("../img/MEMBER_DETAIL_bg07.png") no-repeat left bottom;
  background-size: 100% auto;
}
.bg_body.type_08:after {
  background: url("../img/MEMBER_DETAIL_bg08.png") no-repeat left bottom;
  background-size: 100% auto;
}
#single_member_content {
    padding-top:0;

}
#single_member_content:before {
    content:none;
}

#single_member_content .member_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding-top:90px;
    z-index: 2
}
.member_header .container {
    justify-content: space-between
}
.member_header .member_tit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom:var(--size40);
}
.member_tit .en {
    font-size:6.29vw;
    line-height: 1.5;
}
.member_tit .ja {
    font-size:1.75em;
}
.member_header .spec span{
    background: white;
    padding:2px;
    display: inline-block;
    font-size:1.25em;
    line-height: 1.4;
}
.member_utility .btn_more02 {
    width: min(100%, 290px);
    height: 45px;
}
.sns_nav {
    justify-content: flex-end;
    gap:var(--size20);
    margin-bottom:var(--size20);
    margin-top:var(--size20);
}
.sns_nav li {
    height:40px;
}
.sns_nav li img {
    width:auto;
    height:100%;
    filter: invert(1);
}
.member_contents_wrap {
    padding-top:0;
    justify-content: space-between;
    align-items: flex-end;
    gap:20px;
    min-height: 94vh;
}
.member_contents_wrap .member_txt {
    width:calc((100% - 220px)/12*4 + 60px);
    padding-bottom:40px;
}
.member_contents_wrap .member_img {
    width:calc((100% - 220px)/12*4 + 60px);
}
.member_contents_wrap .member_chart {
    width:calc((100% - 220px)/12*5 + 60px);
    margin-right:calc(-1*(100% - 220px)/12);
    padding-bottom:40px;
}
.member_contents_wrap .member_img figure img {
    width:90%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}
.member_contents_wrap .member_chart figure img {
    width:100%;
    height:auto;
}

.member_contents_wrap .member_txt .scr_txt{
    overflow-y: auto;
    height: 12em;
    overflow-x: hidden;
}

.member_contents_wrap .member_txt p {
    box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	display: inline;
	padding: .3em;
	line-height: 2.5;
	background-color: white;
}
.member_info {
    border:1px solid white;
    width:100%;
    border-collapse: collapse;
    margin-top:var(--size40);
    
}
.member_info td {
    padding:10px;
    color:white;
    border:1px solid white;
}
.member_info td:first-child {
    width:5em;
} 
.bg_body.type_04 + .site__modal__contents .member_info,
.bg_body.type_05 + .site__modal__contents .member_info, .bg_body.type_06 + .site__modal__contents .member_info{
  filter:invert()
}
.modaal-fullscreen .modaal-close {
    z-index: 100;
}
@media (max-width:1024px) {

}
@media (max-width:768px)  {
.bg_body.type_01:after {
    background: url(../img/MEMBER_DETAIL_bg01.png) no-repeat 5% top;
    background-size: auto 75%;
}
.bg_body.type_02:after {
    background: url(../img/MEMBER_DETAIL_bg02.png) no-repeat 5% top;
    background-size: auto 75%;
}
.bg_body.type_03:after {
    background: url(../img/MEMBER_DETAIL_bg03.png) no-repeat 5% top;
    background-size: auto 75%;
}
.bg_body.type_04:after {
    background: url(../img/MEMBER_DETAIL_bg04.png) no-repeat 5% top;
    background-size: auto 75%;
}
    .bg_body.type_05:after {
    background: url(../img/MEMBER_DETAIL_bg05.png) no-repeat 5% top;
    background-size: auto 75%;
}
        .bg_body.type_06:after {
    background: url(../img/MEMBER_DETAIL_bg06.png) no-repeat 5% top;
    background-size: auto 75%;
}
            .bg_body.type_07:after {
    background: url(../img/MEMBER_DETAIL_bg07.png) no-repeat 5% top;
    background-size: auto 75%;
}
            .bg_body.type_08:after {
    background: url(../img/MEMBER_DETAIL_bg08.png) no-repeat 5% top;
    background-size: auto 75%;
}
    .modaal-content-container {
        padding:30px 0;
    }
    .modaal-fullscreen .modaal-container {
        overflow: auto;
    }
    #single_member_content {
        overflow: visible;
        padding:0 30px;
    }
    #single_member_content .member_header {
        position:relative;
        padding-top:40px;
    }
    .member_contents_wrap {
        flex-flow: wrap;
        margin-top:-50px;
        gap:0;
        min-height: 0;
    }
    .member_contents_wrap .member_img {
        order:1;
        width:70%;
    }
    .member_contents_wrap .member_txt {
        order:3;
        width:100%;
        margin-top:20px;
        padding-bottom:0;
    }
    .member_contents_wrap .member_chart {
        order:2;
        width:30%;
        padding-bottom:0;
    }
    .member_header .member_tit {
        margin-bottom:var(--size20);
    }
    .member_tit .en {
    font-size: 8vw;
    line-height: 1.375;
}
    .member_tit .ja {
        font-size: 1.125em;
    }
    .member_header .spec span {
        font-size: 0.85em;
    }
    #single_member_content .container {
        padding:0;
    }
    .sns_nav li {
        height: 25px;
    }
    .member_contents_wrap .member_chart figure img {
        width: 260%;
        max-width: none;
        margin: 0 0 0 -160%;
    }
    .member_contents_wrap .member_txt .scr_txt {
        overflow-y:visible;
        height: auto;
        overflow-x: visible;
    }
    .member_info {
        filter: invert();
    }
}

/*-------------------------
  top_recruit
-------------------------*/
#top_recruit {
  padding-top:200px;
  padding-bottom:240px;
  color:white;
}
#top_recruit:before {
  content:"";
  background: linear-gradient(180deg, #E74382 0%, rgba(231, 67, 130, 0.00) 53%);
  mix-blend-mode: hard-light;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0.8;
}
#top_recruit .section_tit_box {
  justify-content: space-between;
}
#top_recruit .cont_box {
  margin-top:60px;
}
#top_recruit .cont_box > * {
  padding:0 40px;
}
#top_recruit .cont_box .txt_box {
  width:60%;
  flex-shrink: 0;
}
#top_recruit .cont_box .txt_box p {
  line-height: 2;
  font-size:1.5em;
}
.page_content #top_recruit .container {
  display:block ;
}
.bg_recruit .deco11{left:21.354%;top:90px;transform: rotate(90deg);}
.bg_recruit .deco12{right:28.645%;top:180px; transform:rotate(180deg);}
.bg_recruit .deco13{right:4.6975%;top:90px;}
.bg_recruit .deco14{left:7.55%;bottom:70px;}
.bg_recruit .deco15{right:33%;bottom:340px;}
.bg_recruit .deco16{right:13.5%;bottom:120px;}
.dot16 {left:5.1729%;top:0;}
.dot17 {left:calc(5.1729% + 100px);top:50px;}
.dot18 {left:15.625%;top:0;}
.dot19 {left:34.8958%;top:0;}
.dot20 {left:calc(34.8958% + 100px);top:0;}
.dot21 {left:47.3958%;top:-50px;}
.dot22 {left:calc(47.3958% + 100px);top:0;}
.dot23 {right:10.9375%;top:0;}
.dot24 {left:calc(5.1729% - 50px);top:100px;}
.dot25 {left:calc(47.3958% + 150px);top:50px;}
.dot26 {right:calc(10.9375% - 50px);top:100px;}
.dot27 {left:20.8333%;bottom:25px;}
.dot28 {right:25.9583%;bottom:125px;}
.dot29 {right:calc(25.9583% - 50px);bottom: 75px;}
.dot30 {right:calc(25.9583% + 50px);bottom: 25px;}
.dot31 {right:calc(25.9583% + 50px);bottom:-75px;}
.dot32 {right:calc(25.9583% - 50px);bottom:-75px;}
.dot33 {left:calc(20.8333% - 50px);bottom:-25px;}

.section_tit_box {
  display: flex;
  align-items: center;
  gap:160px;
}
.section_tit_box h2 {
  align-items: baseline;
  gap:30px;
  mix-blend-mode: overlay;
  color:white;
}
.section_tit_box h2 .en {
  font-size:10.42vw;
}
.section_tit_box h2 .ja {
font-size: var(--size30);
font-weight: 500;
line-height:1.06; /* 106.667% */
}
.section_tit_box h2.grad_mask {
  background-image: url(../img/bg_grad.jpg);
  background-size: 150% auto;
  background-clip: text;
  color:rgb(0 0 0 / 0.15);
  mix-blend-mode: multiply;
}
.section_tit_box h2.grad_mask + .btn_more,.section_tit_box h2.grad_mask + .btn_more:after {
  border-color:#EC79A8;
}
.section_tit_box h2.grad_mask + .btn_more:before {
  background-color:#EC79A8;
}
.section p {
  font-family:var(--fontmaru);
}

@media (max-width:1024px)  {
    #top_recruit .dot {
        opacity:0.6;
    }
    .bg_recruit .deco11{display: none;}
    .bg_recruit .deco12{display: none;}
    .bg_recruit .deco13{right:4.6975%;top:90px;}
    .bg_recruit .deco14{left:10px;top:auto;bottom:250px;width:10%;}
    .bg_recruit .deco15{width:100px;left:100px;bottom:100px;}
    .bg_recruit .deco16{width:18%;right:45px;bottom:50px;}
    .dot16 {left:0;top:auto;bottom:200px;}
    .dot17 {left:140px;top:125px;}
    .dot18 {left:auto;right:0;top:250px;width:12.5px;height:12.5px;}
    .dot19 {left:34.8958%;top:auto;bottom:0;}
    .dot20 {left:calc(34.8958% - 50px);top:auto;bottom:50px;}
    .dot21,.dot24,.dot25,.dot26,.dot27,.dot28,.dot29,.dot30,.dot31,.dot32,.dot33 {display: none}
    .dot22 {left:calc(34.8958% - 25px);top:auto;bottom:350px;}
    .dot23 {right:10;top:auto;bottom:175px;}
    
}
@media (max-width:768px)  {
    #top_recruit {
        padding-top:0;
    }
    #top_recruit .cont_box {
        display: block;
        margin-bottom: var(--size60);
    }
    #top_recruit .section_tit_box {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
   #top_recruit .section_tit_box h2 .en {
        font-size: 23vw;
        line-height: 1;
        white-space: nowrap;
    }
    #top_recruit .cont_box .txt_box {
        width: 100%;
        padding-inline: var(--outergap);
    }
    #top_recruit .cont_box .txt_box p {
        font-size: 1.0em;
    }

}
.js-bg_pink.modaal-noscroll div.bg_body:after {
    background-color:transparent !important;
}