@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap');
body {
    font-family: "Zen Kaku Gothic Antique", serif;
}
.tit-content {
    line-height: 50px;
    font-family: "Zen Kaku Gothic Antique", serif;

}
.inner1000{
    padding-top: 0px;
    padding-bottom: 0px;
}
.grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}
.flex-reverse{
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#recruit .txt12 {
	text-align: left;
	/*line-height: normal;*/
}
.txt_left {
	text-align: left;
}
.txt_line_through {
	text-decoration: line-through;
}
.mb3 {
    margin-bottom: 3%;
}
.mb5 {
    margin-bottom: 5%;
}
.font_red {
    color: #BD4343;
}
#recruit {
    line-height: 30px;
	overflow: hidden;
}
#recruit section{
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
}
#recruit section * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h3.tit-sub {
	text-align: center!important;
	margin-bottom: 4%;
}
.announce {
    text-align: center;
}
.announce p:not(:last-of-type){
    margin-bottom: 1em;
}
.announce .waku {
    display: block;
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 5%;
    padding-right: 5%;
    border: 1px solid #CECDCD;
	border-radius: 10px;
}
.announce .mid_btn{
    display: inline-block;
    margin: 1em 0;
    background: #A1A1A3;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
}
.announce a{
    margin-top: 20px;
    display: inline-block;
    width: 250px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 60px;
    border-radius: 30px;
    outline: none;
    color: #FFFFFF;
    background: linear-gradient(to right,rgb(238, 146, 48),rgb(232, 206, 111));
    background-position: 0% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
  }
  .announce a:hover {
    color: #fff;
    background-position: 100% 51%;
  }
.chuuto{
    margin-top:3rem;
}
.shop_intro {
}
.shop_intro .shop_movie video {
	width: 100%;
}
.shop_intro .shop_movie iframe {
    width: 100%;
    height: 564px;
}
.shop_intro .shop_movie .longver a{
    display: block;
    max-width: 400px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000000;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #000;
    background-color: #F8F8F8;
	font-weight: bold;
	margin-bottom: 10%;
}
.shop_intro .shop_list {
    margin-top: 5%;
}
.shop_intro .shop_list .title {
    text-align: left;
    margin-bottom: 5%;
}
.shop_intro .shop_list span {
    display: inline-block;
    border-bottom: 2px solid #000000;
    padding-bottom: 4px;
}
.shop_intro .shop_list .shopbox .item {
    width: 30%;
    margin-bottom: 4%;
}
.shop_intro .shop_list .shopbox .item img {
    max-width: 100%;
}
.mainV  {
    text-align: left;
}
.mainV .bg_wrp {
    position: relative;
    border-radius: 16px;
}
.mainV .cont {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.mainV .cont .text_box {
    line-height: 54px;
    width: 90%;
    max-width: 800px;
    margin-left: auto;
    background-color:rgb(225, 223, 216);
    border-radius: 12px;
    padding: 10% 5% 5%;
    text-align: right!important;
    margin-top: -10%;
}
.mainV .cont .pic_box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}
.mainV .cont .pic_box .txt {
    writing-mode: vertical-rl;
    display: inline-block;
	letter-spacing: 3px;
    line-height: 50px;
	font-weight: bold;
	position: absolute;
	top: -6%;
	right: 15%;
    z-index: 1;
    height: max-content;
}
.mainV .cont .pic_box .txt_dot {
	-webkit-text-emphasis: filled dot #000;
	text-emphasis: filled dot #000;
    
}
.mainV .cont .pic_box .pic {
	position: relative;
	z-index: 100;
	width: 80%;
    max-width: 600px;
    margin-right: auto;
}
.mainV .deco_watch   {
    max-width: 100px;
    position: absolute;
    top: 14%;
    left: 20%;
}
.splide {
    margin: 1rem 0;
}
.splide__list {
    gap: 3rem;
    }

#image-slider .splide__slide img {
    width: 85%;
}
.deco_pic01 li {
    width: 28%;
}
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1000px) {
    .container {
      max-width: 1000px;
    }
  }
@media screen and (min-width: 751px) {
    #kodawari .bg01 {
      background: url("img/kodawari_bg01_1109.jpg") no-repeat center top/125rem;
      padding: 9.563rem 0 7.625rem;
      height: 118.063rem;
    }
    #kodawari .bg01 h2 {
      margin-bottom: 4.5rem;
      text-align: center;
    }
    #kodawari .bg02 {
      background: url("img/kodawari_bg02.jpg") no-repeat center top/125rem;
      height: 35.625rem;
      padding-top: 6.063rem;
    }
    #kodawari .bg03 {
      background: url("img/kodawari_bg03.jpg") no-repeat center top/125rem;
      height: 33.188rem;
      padding-top: 3.125rem;
    }
    #kodawari .bg04 {
      background: url("img/kodawari_bg04.jpg") no-repeat center top/125rem;
      height: 36.625rem;
      padding-top: 7rem;
    }
    #kodawari .point_wrap div {
      width: 48%;
    }
    #kodawari .point_wrap div.point01 {
      margin-bottom: 17.875rem;
    }
    #kodawari .point_wrap div.point02 {
      margin-bottom: 5.625rem;
      padding-left: 52.4%;
      width: 100%;
    }
    #kodawari .point_wrap div.point02 h3 img {
      margin-bottom: 1.375rem;
    }
    #kodawari .point_wrap div.point03 {
        margin-top: 14rem;
      margin-bottom: 13.5rem;
    }
    #kodawari .point_wrap div.point04 {
      padding-left: 52.4%;
      width: 100%;
    }
    #kodawari .point_wrap div.point05 {
      text-align: center;
      width: 100%;
    }
    #kodawari .point_wrap div.point05 h3 img {
      margin-right: auto;
      margin-left: auto;
    }
    #kodawari .point_wrap div.point05 ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 1.875rem;
    }
    #kodawari .point_wrap div.point05 ul li {
      width: 8.188rem;
    }
    #kodawari .point_wrap div.point05 ul li:not(:last-child) {
      margin-right: 0.5rem;
    }
    #kodawari .point_wrap div.point06 {
      margin-bottom: 8.75rem;
    }
    #kodawari .point_wrap div.point07 {
      padding-left: 52.4%;
      width: 100%;
    }
    #kodawari .point_wrap div h3 {
      font-weight: bold;
      font-size: 2.188rem;
      line-height: 3.125rem;
      margin-bottom: 1.75rem;
    }
    #kodawari .point_wrap div h3 span.strong {
      color: #ffffff;
      font-size: 2.688rem;
      line-height: 3.125rem;
      display: inline-block;
      margin-right: 0.5rem;
      background: #6eb1b1;
      padding: 0.188rem 0.313rem;
      margin-bottom: 0.188rem;
    }
    #kodawari .point_wrap div h3 span.small {
      font-size: 1.75rem;
    }
    #kodawari .point_wrap div h3 img {
      display: block;
      margin-bottom: 1rem;
      width: 11.25rem;
    }
    #kodawari .point_wrap div p {
      font-size: 1rem;
      line-height: 1.75rem;
    }
    #kodawari .point_wrap div p span {
      font-weight: bold;
      color: #6eb1b1;
    }
    #kodawari .point_wrap div p span.small {
      font-weight: normal;
      font-size: 65.5%;
      vertical-align: top;
      position: relative;
      top: -0.1em;
    }
    .box-design14{
        margin: 20px auto;
    }
  }
  
  @media screen and (max-width: 750px) {
    #kodawari .bg01 {
      background: url("img/kodawari_bg01_sp_1109.jpg") no-repeat center top/100%;
      padding: 5.769rem 0 0;
      height: 135.385rem;
    }
    #kodawari .bg01 h2 {
      display: block;
      width: 100%;
      margin: 0 auto 2rem;
      text-align: center;
    }
    #kodawari .bg01 h2 picture {
        display: block;
        width: 80%; /* 画像の幅を調整 */
        max-width: 320px;
        margin: 0 auto;
    }
    #kodawari .bg01 h2 picture img {
        width: 100%;
        height: auto;
    }
    #kodawari .bg02 {
      background: url("img/kodawari_bg02_sp.jpg") no-repeat center top/100%;
      height: 36.385rem;
      padding-top: 8.462rem;
    }
    #kodawari .bg03 {
      background: url("img/kodawari_bg03_sp.jpg") no-repeat center top/100%;
      height: 37.885rem;
      padding-top: 2.462rem;
    }
    #kodawari .bg04 {
      background: url("img/kodawari_bg04_sp.jpg") no-repeat center top/100%;
      height: 45rem;
    }
    #kodawari .point_wrap div {
      width: 90.66%;
      margin: 0 auto;
    }
    #kodawari .point_wrap div.point01 {
      margin-bottom: 20rem;
    }
    #kodawari .point_wrap div.point02 {
      margin-bottom: 18.308rem;
    }
    #kodawari .point_wrap div.point03 {
      margin-bottom: 8.308rem;
    }
    #kodawari .point_wrap div.point05 h3 {
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    #kodawari .point_wrap div.point05 h3 img {
      margin-right: auto;
      margin-left: auto;
    }
    #kodawari .point_wrap div.point05 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px; /* 画像間の余白 */
        padding: 0;
        margin-top: 20px;
    }

    #kodawari .point_wrap div.point05 ul li {
        width: 23%; /* 画像の横幅を3列に並べる */
        max-width: 100px;
        margin: 0;
        text-align: center;
    }
    #kodawari .point_wrap div.point05 ul li img {
        width: 100%;
        height: auto;
    }
    #kodawari .point_wrap div.point05 ul li:nth-of-type(4n) {
      margin-right: 0;
    }
    #kodawari .point_wrap div.point05 p {
        font-size: 1rem;
        text-align: center;
        line-height: 1.5;
    }
    #kodawari .point_wrap div.point06 {
      margin-bottom: 20.385rem;
    }
    #kodawari .point_wrap div.point07 span.strong {
      padding: 0.192rem 0.115rem;
    }
    #kodawari .point_wrap div h3 {
      font-weight: bold;
      font-size: 1.923rem;
      line-height: 2.785rem;
      margin-bottom: 1.846rem;
    }
    #kodawari .point_wrap div h3 span.strong {
      color: #ffffff;
      font-size: 2.385rem;
      line-height: 2.785rem;
      display: inline-block;
      margin-right: 0.308rem;
      background: #6eb1b1;
      padding: 0.192rem 0.385rem;
    }
    #kodawari .point_wrap div h3 span.small {
      font-size: 1.692rem;
      letter-spacing: -0.05em;
    }
    #kodawari .point_wrap div h3 img {
      display: block;
      margin: 0 auto 2.115rem;
      width: 10.462rem;
    }
    #kodawari .point_wrap div p {
      font-size: 1rem;
      line-height: 1.846rem;
    }
    #kodawari .point_wrap div p span {
      font-weight: bold;
      color: #6eb1b1;
    }
    #kodawari .point_wrap div p span.small {
      font-weight: normal;
      font-size: 65.5%;
      vertical-align: top;
      position: relative;
      top: -0.1em;
    }
    .school .school_wrp p span{
        font-size: 22px;
    }
    .academy .skill .subtit{
        text-align: left;
    }
    .academy .skill_message_txt p{
        word-break: break-word; /* 長い単語で変な改行を防ぐ */
        line-height: 1.8; /* 行間を広めにして見やすく */
        text-align: left; /* 左揃えで視認性UP */
        margin: 0 auto 1em; /* 適度な余白を追加 */
    }
  }
.academy {
}
.academy .academy_title {
    max-width: 400px;
	width: 80%;
    margin-top: 4%;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
}
.academy .programTitle {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 1em;
    letter-spacing: 5px;
	color: #333;
    text-shadow: 4px 0px 0px #e3ddd4;
}
.mds2 {
    margin-bottom: 2em;
}
.mds2 span{
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 5px;
    color: #6eb1b1;
    border: 2px solid #6eb1b1;
    margin: 0 0.03em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
}
.academy .programTitle-sub {
	margin-bottom: 2em;
}
.academy .humanWrp {
    margin-bottom: 8%;
}
.academy .human_list {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	margin-bottom: 6%;
}
/*.academy .human_list:after {
	content: '';
	display: block;
	width: 2px;
	height: 70px;
	background-color: #333;
	position: absolute;
	left: 50%;
	bottom: -40%;
}*/
.academy .human_list_item {
    width: 30%;
    border: 1px solid #333333;
	position: relative;
}
.academy .human_list_item .op_plus {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: -13%;
}
.academy .human_list_item .op_plus:before, .academy .human_list_item .op_plus:after {
	display: block;
	content: '';
	background-color: #333;
}
.academy .human_list_item .op_plus:before {
	width: 20px;
	height: 3px;
}
.human_list_item .op_plus:after{
	width: 3px;
	height: 20px;
	position: relative;
	right: 11px;
}
.academy .human_list_item .title {
    background-color: #B7B1F2;
    color: #333;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.academy .human_list_item:nth-child(2) .title {
    background-color: #FDB7EA;
}
.academy .human_list_item:nth-child(3) .title {
    background-color: #FFDCCC;
}
.academy .human_list_item .txt {
    color: #333;
    text-align: left;
    padding-top: 3%;
    padding-right: 6%;
    padding-bottom: 6%;
    padding-left: 6%;
    font-size: 12px;
}
.academy .human_list_item .txt_item {
	position: relative;
	padding-left: 15px;
}
.academy .human_list_item .txt_item::before {
    content: "■";
	color: #B7B1F2;
	display: inline-block;
	position: absolute;
	left: 0px;
}
.academy .human_list_item:nth-child(2) .txt_item::before {
	color: #FDB7EA;
}
.academy .human_list_item:nth-child(3) .txt_item::before {
	color: #FFDCCC;
}
.academy .humaResult {
    background-color: #6eb1b1;
	color: #fff;
	font-weight: bold;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    border-radius: 10px;
}
.academy .humaResult_item {
    margin-bottom: 6px;
}
.academy .program_list {
    text-align: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.academy .program_list .program_item {
    width: 330px;
    padding-left: 3%;
    padding-right: 3%;
	margin-bottom: 5%;
}
.academy .program_list .step .border {
    display: inline-block;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}
.academy .program_list .step em {
    display: block;
    font-size: 40px;
}
.academy .program_list .icon {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
    margin-bottom: 20px;
}
.academy .program_list .cont_list {
    margin-left: 3.3rem;
}
.academy .program_list .cont_list li {
    text-align: left;
	position: relative;
	padding-left: 23px;
}
.academy .program_list .cont_list li::before {
    content: "●";
	color: #e3ddd4;
	display: inline-block;
	position: absolute;
	left: 0px;
}
.academy .arrow {
    width: 22px;
    margin-left: auto;
    margin-right: auto;
}
.academy .deco {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
}
.academy .checkpoint {
    border: 1px solid #6eb1b1;
    padding-bottom: 8%;
    position: relative;
    padding-top: 8%;
    margin-bottom: 8%;
	margin-top: 8%;
}
.academy .checkpoint .wrp  {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.academy .checkpoint dl {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10%;
    text-align: left;
	position: relative;
	padding-left: 50px;
}
.academy .checkpoint dl::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
	background-image: url("img/icon_arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.academy .checkpoint dl:last-child {
    padding-bottom: 0%;
}
.academy .checkpoint dt {
    margin-bottom: 10px;
	background:linear-gradient(transparent 50%, #F4F3A5 50%);
	display: inline;
}
.academy .checkpoint dd {
}
.academy .checkpoint .deco_tit {
    width: 30%;
    max-width: 117px;
    position: absolute;
    top: -50px;
    left: 5%;
}
.academy .skill {
    background-color:rgb(225, 223, 216);
    border-radius: 60px;
    text-align: center;
    padding: 5%;
	margin-bottom: 8%;
}
.academy .skill .title {
}
.academy .skill .subtit {
    display: inline-block;
    border-top: 1px solid #000000;
    padding-top: 20px;
    margin-top: 20px;
}
.academy .skill .title img {
    width: 84px;
}
.academy .skill .item {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-top: 5%;
}
.academy .skill_message   {
    margin-top: 5%;
}
.academy .skill_message_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1em;
}
.academy .skill_message_txt {
    font-size: 12px;
    letter-spacing: 1px;
}
.academy .skill_message_txt p{
    margin-bottom: 2em;
}
.deco_illust {
    width: 5%;
    margin-left: auto;
    margin-right: auto;
    min-width: 45px;
}
.movie {
    background-color: #F1EFEF;
    margin-bottom: 0px!important;
}
.goal {
	width: 90%;
}
.goal .title  {
    display: inline-block;
    border-bottom: 1px solid #000000;
    padding-bottom: 24px;
    margin-bottom: 4%;
}
.goal .subtit {
    color: #fff;
    font-size: 43px;
    letter-spacing: 10px;
    background: linear-gradient(to top right, #FADADD, #FFC4E1, #B5EAD7, #F8F3A6);
    line-height: 52px;
    border-radius: 22px;
    margin-bottom: 6%;
	padding: 20px;
}
.goal .subtit span {
    font-size: 21px;
}
.goal .subtit em {
    font-size: 60px;}
.goal .goal_list {
    text-align: left;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.goal .goal_list .item {
    width: 47%;
	position: relative;
    /*border: 1px solid #000000;*/
    /*background: #eda395;*/
}
.goal .goal_list .item .bg_img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 0;
}
.goal .goal_list .item:after{
    position: absolute;
    content: none;
    right: -0.5%;
    top: -0.5%;
    border-width: 0 50px 50px 0;
    border-style: solid;
    border-color: #e6aaaa #fff #e6aaaa;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.goal .goal_list .item dl {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10%;
    padding-bottom: 10%;
    position: relative;
    z-index: 1;
}
.goal .goal_list .item .tit {
    margin-bottom: 5%;
    padding-left: 40px;
    position: relative;
}
.goal .goal_list .item .tit::before{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: red;
}
.goal .goal_list .item:nth-child(1) .tit::before{ background-color: #FADADD; }
.goal .goal_list .item:nth-child(2) .tit::before{ background-color: #FFC4E1; }
.goal .goal_list .item:nth-child(3) .tit::before{ background-color: #B5EAD7; }
.goal .goal_list .item:nth-child(4) .tit::before{ background-color: #F8F3A6; }
.goal .goal_list .item .tit_line {
    display: block;
    text-transform: uppercase;
    font-size: smaller;
    color: rgba(239,127,89,0.50);
	/*-webkit-text-decoration:underline wavy #ece936;
	text-decoration:underline wavy #ece936;
	text-underline-offset: 5px;*/
}
.goal .goal_list .item dl .text{
    padding-left: 20px;
    border-left: 1px solid;
}
.goal .goal_list .pic {
    width: 100%;
	margin: 5% 0%;
}
.interview {
}
.interview .staff_list {
}
.interview .staff_list .item {
	text-align: left;
    padding: 30px 0;
	/*padding-top: 6%;*/
}
.interview .staff_list .item:nth-child(odd) {
	background-color: #fefdf9;
}
.interview .staff_list .item:nth-child(even) {
    background-color:rgb(240, 249, 250);
}
.interview .staff_list .item .inner{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.interview .staff_list .item .pic {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 6%;*/
}
.interview .staff_list .item figure{
	width: 30%;
}
.interview .staff_list .item figcaption {
    border: 1px solid #000;
}
.interview .staff_list .item figcaption p {
    line-height: normal;
}
.interview .staff_list .item figcaption  .e_name {
    line-height: normal;
}
.interview .staff_list .item .ac_caption {
    border: 1px solid #000;
    margin-bottom: 40px
}
.interview .staff_list .item .ac_caption p {
    line-height: normal;
}
.interview .staff_list .item .ac_caption  .e_name {
    line-height: normal;
}
.interview .staff_list .item .border_btm {
    border-bottom: 1px solid #000;
}
.interview .staff_list .item .space {
	padding-left: 2%;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-right: 2%;
}
.interview .staff_list .item .role {
    background-color: #6eb1b1;
    color: #FFFFFF;
    font-weight: bold;
    display: inline-block;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: 2px;
	margin-left: -5%;
}
.interview .staff_list .item .comment {
	width: 60%;
}
.interview .staff_list .item .comment dt {
	position: relative;
	padding-left: 25px;
	margin-bottom: 3%;
}
.interview .staff_list .item .comment dt::before {
	content: "●";
	color: #6eb1b1;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.interview .staff_list .item .comment dd {
	padding-left: 25px;
	margin-bottom: 8%;
}
.interview .staff_list .item:nth-child(odd) .comment .markerline{
    background: linear-gradient(transparent 40%, rgb(240, 249, 250) 0%);
    white-space: pre-wrap;
    font-weight: bold;
}
.interview .staff_list .item:nth-child(even) .comment .markerline{
    background: linear-gradient(transparent 40%, #FFFFFF 0%);
    white-space: pre-wrap;
    font-weight: bold;
}
.mid  img{
    width: 100%;
}
.mid .mid_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.mid .mid_img{
    width: 45%;
    margin-bottom: 1em;
}
.mid .mid_cap{
    width: 53%;
    text-align: left;
    /*background: #D8D7C3;*/
    padding: 5%;
    border-radius: 15px;
    line-height: 2;
}
.mid .mid_cap p:not(:last-of-type){
    margin-bottom: 2em;
}
.mid .tit-content img{
    width: 50%;
}
.invi {
	width: auto;
}
.invi .inv_list {
    margin-top: 5%;
}
.invi .inv_list .item {
    margin-bottom: 3%;
}
.invi .inv_list .item:last-child {
    margin-bottom: 0%;
}
.invi .inv_list .textbox {
	width: 60%;
	padding: 5%;
}

.invi .inv_list .textbox dt {
	margin-bottom: 6%;
}
.invi .inv_list .textbox dd .line {
    display: inline-block;
    color: #fff;
	background-color: #f86767;
    margin-top: 5%;
    margin-bottom: 5%;
	line-height: 36px;
}
.invi .inv_list .picbox {
	width: 40%;
}
.box-design14 {
    margin: 20px auto 20px 20px;
    padding: 10px 20px 20px 20px;
    border: 1px solid rgb(140, 140, 140);
  }
.box-design14-ttl {
    position: relative;
    left: -40px;
    background-color: #6eb1b1;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
  }
.box-design14 p{
    font-size: 0.9rem;
    color:rgb(250, 180, 74);
    font-weight: bold;
  }
.entry {
}
.entry .entry_list {
	margin-top: 3%;
}
.entry .entry_list_item {
    width: 48%;
}
.entry .entry_list_item a {
	display: block;
	color: #fff;
	padding-top: 4%;
    padding-bottom: 4%;
    border-radius: 4px;
    margin-bottom: 2px;
	background-color: #06c755;
	font-weight: bold;
}
.entry .entry_list_item:nth-child(2) a {
	background-color: #CF2E92;
}
.entry .entry_list_item a::before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("../assets/img/icon/sns/line_w.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 10px
}
.entry .entry_list_item:nth-child(2) a::before {
   background-image: url("../assets/img/icon/sns/instagram_logo_w.svg");
}
.recuritment {
}
.recuritment .recWrp > div {
    margin-bottom: 8%;
}
.recuritment h4 {
	margin-bottom: 6%;
}
.recuritment h4 p {
	display: inline;
    border-bottom: 2px solid #6eb1b1;
    padding-right: 2%;
    padding-bottom: 1.5%;
}
.recuritment h4 em {
    font-size: 28px;
    color: #6eb1b1;
    letter-spacing: 2px;
    padding-right: 3%;
}
.recuritment .info .info_box {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    /*grid-gap: 5%;*/
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*-webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;*/
}
.recuritment .info .info_box .schedul {
    border: 1px solid #C3C2C1;
    padding-top: 10%;
    padding-right: 10%;
    padding-bottom: 10%;
    padding-left: 12%;
    border-radius: 19px;
    margin-right: 15%;
}
.recuritment .info .info_box ul {
    counter-reset: my-counter;
    margin-top: 5%;
}
.recuritment .info .info_box ul li {
    margin-bottom: 6%;
	padding-left: 30px;
    position: relative;
}
.recuritment .info .info_box ul li:before {
    counter-increment: my-counter;
   content: counter(my-counter);
    background-color: transparent;
    color: #666;
    display: inline-block;
    line-height: 20px;
    margin-left: -30px;
    text-align: center;
    height: 18px;
    width: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    font-size: 80%;
	padding-left: 0px;
    margin-right: 8px;
	letter-spacing: 0px;
}
.recuritment .info .info_box .text_box p {
	padding-left:1em;
	text-indent:-1em;
}
.recuritment .recurit_cont {
}
.recuritment .recurit_cont .table {
    margin-bottom: 8%;
}
.recuritment .recurit_cont .table .grid {
	-ms-grid-columns: 20% 1fr;
	grid-template-columns: 20% 1fr;
	margin-bottom: 2%;
}
.recuritment .recurit_cont .test_day {
    margin-top: 3%;
    margin-bottom: 3%;
}
.recuritment .recurit_cont .document_tit  {
    color: #FFFFFF;
    background-color: #6eb1b1;
    padding-right: 4%;
    padding-left: 4%;
    display: inline-block;
    margin-top: 5%;
    margin-bottom: 3%;
}
.recuritment .recurit_cont .plofile_box  {
}
.recuritment .recurit_cont .plofile_box .plofile_item {
    width: 65%;
}
.recuritment .recurit_cont .plofile_box .snsbox {
    width: 35%;
}
.recuritment .recurit_cont .plofile_box .snsbox .tit {
    border-right: 1px solid #000000;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-right: 14%;
    text-align: center;
}
.recuritment .recurit_cont .snsbox .tit .icon img {
    width: 30px;
    margin-right: 10%;
}
.recuritment .recurit_cont .snsbox dt    {
    margin-bottom: 0px;
}
.recuritment .recurit_cont .snsbox .qr {
    max-width: 100px;
}
.recuritment .recurit_cont .snsbox dd {
    margin-top: -5px;
    margin-bottom: 30%;
	line-height: 24px
}
.recuritment .recurit_cont .snsbox .fab {
    vertical-align: middle;
}
.salonadd{
    margin-top: 20px;
}
.school {
    background-color: #F4F3F1;
	padding-top: 8%;
	padding-bottom: 8%;
}
.school .school_wrp {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #fff;
    border: 4px dotted #6eb1b1;
    border-radius: 16px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
}
.school .school_wrp p span{
    color: #6eb1b1;
    border: 2px solid #6eb1b1;
    margin: 0 0.03em;
    margin-bottom: 30px;
    font-size:1.7rem;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
}
.school .school_wrp .list {
    margin-top: 2%;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
}
.school .school_wrp li {
    /*margin-bottom: 2%;*/
	line-height: normal;
    margin-bottom: 13px;
}
.school .school_wrp .deco  {
    width: 40%;
    max-width: 180px;
    position: absolute;
    bottom: -60px;
    right: -7%;
}
.footnavi {
    width: 100%;
	max-width: 700px;
	position: fixed;
    bottom: 0px;
	margin-bottom: 0px!important;
	z-index: 1;
}
.footnavi_inner {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.footnavi .menulist {
}
.footnavi .menulist_item {
    width: 33.2%;
	margin-bottom: 1px;
}
.footnavi .menulist_item a {
    display: block;
    /*background-color: #707070;*/
    background-color: rgba(112,112,112,0.9);
   /* margin-top: .5%;*/
    padding-top: 4%;
    padding-bottom: 4%;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 4px;
}
.footnavi .snslist {
    flex-grow: 1;
    padding-left: 2px;
}
.footnavi .snslist_item {
}
.footnavi .snslist_item a {
	display: block;
	color: #fff;
	padding-top: 2.5%;
    padding-bottom: 2.5%;
    border-radius: 4px;
    margin-bottom: 2px;
	/*background-color: #06c755;*/
	background-color: rgba(6,199,85,0.9);
	font-weight: bold;
}
.footnavi .snslist_item:nth-child(2) a {
	/*background-color: #CF2E92;*/
	background-color:rgba(207,46,146,0.9);
}



.recuritment .info.saiyou .info_box .schedule{
    width: 100%;
    padding: 40px;
    border-radius: 30px;
    border: 1px solid #C3C2C1;
    counter-reset: my-counter;
}
.schedule_head{
    font-weight: bold;
    color: rgba(221,170,106,1.00);
}
.schedule_container{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:30px;
    padding-left: 40px;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.count::before{
    counter-increment: my-counter;
    content: counter(my-counter);
}
.schedule_container::before{
    border: 1px solid #666;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    display: grid;
    place-content: center;
    place-items: center;
}
/*
.schedule_container.count .schedule_sw{
    position: relative;
    padding: 0 20px;
}
.schedule_container.count .schedule_sw::before,
.schedule_container.count .schedule_sw::after{
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
}
.schedule_container.count .schedule_sw::before{
    border: 1px solid;
    border-right: none;
    left: 0;
}
.schedule_container.count .schedule_sw::after{
    border: 1px solid;
    border-left: none;
    right: 0;
}
*/
@media screen and (max-width:768px){
	.shop_intro .shop_movie iframe {
		height: 400px;
	}
	.mainV {
		margin-top: 20%;
	}
	.mainV .cont {
		grid-template-columns: 100%;
		padding-top: 0%;
	}
	.mainV .cont .text_box {
		padding-top: 18%;
	}
	.mainV .cont .pic_box {
	}
	.mainV .cont .pic_box .pic {
		padding-top: 10%;
	}
	.mainV .cont .pic_box .txt {
		font-size: 16px;
    	right: 10%;
	}
	.mainV .deco_watch {
		top: 5%;
		left: 10%;
		width: 15%;
	}
	.academy .program_list .program_item {
		width: 30%;
	}

    .mds2 span{
        font-size: 24px;
        letter-spacing:0;
    }
	.goal .goal_list .item dl {
    	padding-top: 15%;
	}
	.recuritment .recurit_cont .plofile_box .plofile_item {
		width: 100%;
	}
	.recuritment .recurit_cont .plofile_box .snsbox {
		width: 80%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.footnavi_inner {
		display: block;
	}
	.footnavi .snslist {
		padding-left: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.footnavi .snslist_item {
		width: 50%;
	}
	.footnavi .snslist_item a {
		margin-bottom:  0px;
		padding-top: 6%;
    	padding-bottom: 6%;
	}
    .schedule_container{
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap:30px;
    }
    .schedule_head{
        display: none;
    }
    .schedule_container.count .schedule_num::before,
    .schedule_container.count .schedule_sw::before,
    .schedule_container.count .schedule_shime::before{
        display:block;
        font-weight: bold;
        color: rgba(221,170,106,1.00);
    }
    .schedule_container.count .schedule_num::before{
        content: "面接(対面)";
    }
    .schedule_container.count .schedule_sw::before{
        content: "サロンワーク日程候補日"; 
        display:block;
    }
    .schedule_container.count .schedule_shime::before{
        content: "応募〆切(書類必着日)";
        display:block;
    }
    .schedule_container::before{
        top: 20px;
        transform: translateY(0);
    }
    .box-design14-ttl {
        font-size: 0.9rem;
      }
}
@media screen and (max-width:650px){
	.academy .human_list_item {
		width: 100%;
		margin-bottom: 10%;
	}
	.academy .human_list_item:last-child {
		margin-bottom: 0%;
	}
	.academy .human_list_item .op_plus {
		top: initial;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: -17%;
	}
    .mid .mid_img,
    .mid .mid_cap{
        width: 100%;
    }
    .mid .mid_cap.txt12{
        font-size: 13px;
    }
    .mid .tit-content img{
        width: 100%;
    }
}
@media screen and (max-width:480px){
	.shop_intro .shop_movie iframe {
		height: 200px;
	}
	.shop_intro .shop_movie .longver a{
		font-size: 11px;
		padding: 0px;
	}
	.shop_intro .shop_list .title span {
		font-size: 12px;
		letter-spacing: 0px;
	}
	.shop_intro .shop_list .shopbox .item {
		width: 32%;
	}
	.mainV .bg_wrp {
		padding-bottom: 15%;
	}
	.mainV .cont .pic_box .txt {
		font-size: 12px;
		line-height: 30px;
        z-index: 999;
	}
	.mainV .cont .text_box {
		line-height: 30px;
		padding-top: 26%;
	}
	.academy .programTitle {
		font-size: 24px;
		letter-spacing: 3px;
	}
	.academy .humanWrp {
		margin-bottom: 14%;
	}
	.academy .program_list .program_item {
		width: 45%;
		margin-bottom: 10%;
	}
    .academy .program_list .cont_list {
        margin-left: 0rem;
    }
	.academy .program_list .cont_list li {
		font-size: 12px;
		line-height: 20px;
	}
	.academy .program_list .step em {
		font-size: 30px;
	}
	.academy .program_list .step .border {
		padding-bottom: 5px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.academy .checkpoint {
		margin-top: 20%;
	}
	.academy .checkpoint dl {
		padding-left: 35px;
	}
	.academy .checkpoint dl::before {
		width: 25px;
		height: 25px;
	}
	.academy .checkpoint dt {
		font-weight: bold;
	}
	.academy .checkpoint dd {
		font-size: 13px;
		line-height: 20px;
	}
	.academy .skill {
		border-radius: 20px;
		padding: 10%;
	}
	.academy .human_list_item {
		margin-bottom: 15%;
	}
	.academy .humaResult {
		padding: 6%;
		font-size: 12px;

	}
    .academy .humaResult_item{
        text-align: start;
        margin-top: 5px;
    }
	.interview .staff_list .item {
		padding-top: 16%;
		padding-bottom: 10%;
	}
	.goal {
		margin-top: 15%;
	}
	.goal .subtit {
		font-size: 26px;
		letter-spacing: 4px;
		line-height: 40px;
		border-radius: 14px;
		padding-top: 20px;
	}
	.goal .subtit em {
		font-size: 44px;
	}
	.goal .goal_list .item {
		width: 100%;
		margin-bottom: 6%;
	}
	.goal .goal_list .pic {
		margin-top: 0px;
		overflow: hidden;
	}
	.goal .goal_list .pic_double {
		width: 200%;
	}
	.interview .staff_list .item figure {
		width: 100%;
		margin-bottom: 6%;
	}
	.interview .staff_list .item .comment {
		width: 100%;
	}
	.invi .inv_list .picbox {
		width: 100%;
	}
	.invi .inv_list .textbox {
		width: 100%;
	}
.entry .note {
    font-size: 12px;
    line-height: 21px;
}
	.entry .entry_list_item {
		width: 100%;
		margin-bottom: 5%;
	}
	.recuritment .recWrp > div {
		margin-bottom: 14%;
	}
	.recuritment .info .info_box {
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
	}
	.recuritment .info .info_box .schedul {
		margin-right: 0%;
		margin-bottom: 6%;
	}
	.recuritment .recurit_cont .table .grid {
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
	}
	.recuritment .recurit_cont .table dd {
		padding-left: 7%;
	}
	.recuritment .recurit_cont .plofile_box .snsbox .tit {
		width: 40%;
	}
	.recuritment .recurit_cont .snsbox .tit .icon  {
		display: block;
	}
	.school .school_wrp .list {
		-ms-grid-columns: initial;
		grid-template-columns: initial;
		margin-top: 6%;
	}
	.school .school_wrp li {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 8%;
	}
	.deco_pic02.pic_zoom {
		overflow: hidden;
	}
	.deco_pic02.pic_zoom p img {
		/*width: 185%;
		position: relative;
		left: -30%;*/
	}
	.footnavi{
		width: 80%;
	}
	.footnavi .menulist_item a {
		font-size: 11px;
	}
    .box-design14 {
        margin: 20px auto;
    }
}

#topWrp.recruit {
    width: 100%;
    position: relative;
    right: auto;
    background-image: none;
    top: 0px;
    padding-top: 0;
}
#topWrp #vegas {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 50%;
}
.recruit_button{
    margin-top: 30px;
    display: block;
    text-align: center;
    font-weight: bold;
    background: rgb(250, 180, 74);
    color: #fff;
    padding: 15px 0;
    border-radius: 15px;
}

/* フェードインの初期状態（透明にしておく） */
.fade-in {
    opacity: 0;
    transform: translateY(30px); /* 下から少し浮かせる */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* スクロールで表示されたときの状態 */
.fade-in.active {
    opacity: 1;
    transform: translateY(0);
}

/* 初期状態（左から登場） */
.fade-in-left {
    opacity: 0;
    transform: translateX(-50px); /* 左に50pxずらす */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* 初期状態（右から登場） */
.fade-in-right {
    opacity: 0;
    transform: translateX(50px); /* 右に50pxずらす */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* スクロールで表示されたときの状態 */
.fade-in-left.active,
.fade-in-right.active {
    opacity: 1;
    transform: translateX(0); /* 元の位置に戻す */
}

/* 見出し */
.mds1{
    background-image: linear-gradient(#6eb1b1 50%, rgb(250, 180, 74) 50%);
    background-size: 8px 100%;
    background-repeat: no-repeat;
    padding-left: 18px;
}