@charset "UTF-8";
/*=======================================
トビラ
=========================================*/
.p-home__content {
  position: relative;
}
.p-home__content .catch {
  position: absolute;
  left: 0;
  right: 0;
  /*top: min(6.77083vw,130px);*/
  top: min(20.77083vw,300px);
  margin-left: auto;
  margin-right: auto;
  z-index: 9;
  width: min(32.60417vw,626px);
  pointer-events: none;
}
.p-home__content .block1 {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.p-home__content .block1.design {
  box-sizing: border-box;
  background-image: url(../img/home/img_design2024.jpg?250423);
  border-width: 10px;
  border-style: solid;
  border-image-source: linear-gradient(90deg,rgba(70, 210, 186, 1) 0%, rgba(68, 188, 222, 1) 100%);
  border-image-slice: 1;
}
.p-home__content .block1.pet {
  box-sizing: border-box;
  background-image: url(../img/home/img_pet2024.jpg?250425);
  border-width: 10px;
  border-style: solid;
  border-image-source: linear-gradient(90deg,rgba(70, 210, 186, 1) 0%, rgba(151, 211, 103, 1) 100%);
  border-image-slice: 1;
}
.p-home__content .block1.pet .department {
  /*left: auto;
  right: 0;*/
  left: 0;
  right: auto;
  padding-right: 20px;
  bottom: min(5.54167vw,260px);
}
.p-home__content .block1.design .department, .p-home__content .block1.pet .department {
  position: absolute;
  /*bottom: min(13.54167vw,260px);*/
  /*bottom: min(10.54167vw,260px);*/
}
.p-home__content .block1.design .department {
  left: 0;
  padding-left: 40px;
  padding-right: 40px;
  bottom: min(10.54167vw,260px);
}
.p-home__content .block1 h2 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.p-home__content .block1 .department ul {
  flex-direction: column;
}
.p-home__content .block1 .department li {
  margin-left: 0;
  width: auto;
  margin-bottom: min(0.52083vw,10px);
}
.p-home__content .block1 .department li h3 {
  padding-top: 4px;
  padding-bottom: 2px;
  box-shadow: -2px -2px 9px rgba(255, 255, 255, 0.3), -2px 0 9px rgba(255, 255, 255, 0.3), -2px 2px 9px rgba(255, 255, 255, 0.3), 0 -2px 9px rgba(255, 255, 255, 0.3), 0 0 9px rgba(255, 255, 255, 0.3), 0 2px 9px rgba(255, 255, 255, 0.3), 2px -2px 9px rgba(255, 255, 255, 0.3), 2px 0 9px rgba(255, 255, 255, 0.3), 2px 2px 9px rgba(255, 255, 255, 0.3);
}
.p-home__content .block1 .department li li {
  font-size: 18px;
  font-size: 1.8rem;
  text-shadow: -2px -2px 9px rgba(255, 255, 255, 0.6), -2px 0 9px rgba(255, 255, 255, 0.6), -2px 2px 9px rgba(255, 255, 255, 0.6), 0 -2px 9px rgba(255, 255, 255, 0.6), 0 0 9px rgba(255, 255, 255, 0.6), 0 2px 9px rgba(255, 255, 255, 0.6), 2px -2px 9px rgba(255, 255, 255, 0.6), 2px 0 9px rgba(255, 255, 255, 0.6), 2px 2px 9px rgba(255, 255, 255, 0.6);
}
.p-home__content .block1 .department li li.design span {
  color: #F5AC3C;
}
.p-home__content .block1 .department li li.comic span {
  color: #ED7E84;
}
.p-home__content .block1 .department li li.create span {
  color: #BCB55F;
}
.p-home__content .block1 .department li li.game span {
  color: #8B92C7;
}
.p-home__content .block1 .department li li.esports span {
  color: #F19885;
}
.p-home__content .block1 .department li li.sound span {
  color: #BD8D73;
}
.p-home__content .block1 .department li li.movie span {
  color: #718BC6;
}
.p-home__content .block1 .department li li.voice span {
  color: #C499C4;
}
.p-home__content .block1 .department li li.university .university_icon {
  color: #52B792 !important;
}
.p-home__content .block1 .department li li.university .new {
  color: #fffa21 !important;
  background-color: #000 !important;
  border-radius: 5px !important;
  padding: 3px 5px !important;
  text-shadow:none  !important;
}


.p-home__content .block1 .department li.design h3 {
  background: #f39800;
}
.p-home__content .block1 .department li.design li span {
  color: #f39800;
}
.p-home__content .block1 .department li.cg h3 {
  background: #a888bd;
}
.p-home__content .block1 .department li.cg li span {
  color: #a888bd;
}
.p-home__content .block1 .department li.manga h3 {
  background: #ee8698;
}
.p-home__content .block1 .department li.manga li span {
  color: #ee8698;
}
.p-home__content .block1 .department li.enter h3 {
  background: #ad7556;
}
.p-home__content .block1 .department li.enter li span {
  color: #ad7556;
}
.p-home__content .block1 .department li.pet h3 {
  background: #52b991;
}
.p-home__content .block1 .department li.pet li span {
  color: #52b991;
}
.p-home__content .block1 .department li.pet li.trimmer span {
  color: #FF7AA4;
}
.p-home__content .block1 .department li.pet li.trainer span {
  color: #8ABF44;
}
.p-home__content .block1 .department li.pet li.groomer span {
  color: #A68CCC;
}
.p-home__content .department li.japanese h3 {
  box-shadow: unset;
}
.p-home__content .department li.japanese p.small {
  text-shadow: unset;
  color: #fff;
}

.p-home__content .icon {
position: absolute;
    left: 2%;
    top: 5%;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    width: 120px;
    pointer-events: none;
}



/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-home__content .block1.design .department, .p-home__content .block1.pet .department {
    padding-left: 10px;
    padding-right: 0;
  }
  .p-home__content .block1.pet .department {
    right: auto;
    left: 0;
    bottom: min(10.54167vw,260px);
  }
  .p-home__content .block1 .department {
    width: 150px;
    margin-right: auto;
  }
  .p-home__content .block1 .department li {
    margin-bottom: 5px;
  }
  .p-home__content .block1 .department li h3 {
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 2px;
  }
  .p-home__content .block1 .department li li {
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 2px;
    text-shadow: -2px -2px 6px rgba(255, 255, 255, 0.6), -2px 0 6px rgba(255, 255, 255, 0.6), -2px 2px 6px rgba(255, 255, 255, 0.6), 0 -2px 6px rgba(255, 255, 255, 0.6), 0 0 6px rgba(255, 255, 255, 0.6), 0 2px 6px rgba(255, 255, 255, 0.6), 2px -2px 6px rgba(255, 255, 255, 0.6), 2px 0 6px rgba(255, 255, 255, 0.6), 2px 2px 6px rgba(255, 255, 255, 0.6);
  }

  .p-home__content .icon {
        position: absolute;
        left: 5%;
        top: 3%;
        margin-left: auto;
        margin-right: auto;
        z-index: 9 ;
        width: 90px ;
        pointer-events: none;
}
.p-home__content .block1 .department li li.university {
  line-height: 1.5em;
}
.p-home__content .block1 .department li li.university .new {
  color: #fffa21 !important;
  background-color: #000 !important;
  border-radius: 5px !important;
  padding: 2px 5px !important;
  text-shadow:none  !important;
}

}