@charset "UTF-8";
/* base
----------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  font-family: "hiragino kaku gothic pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, arial, helvetica, sans-serif;
  font-size: 15px;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

p, pre, blockquote, ul, ol, dl, dt, dd, hr, form, input {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
}

img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  -ms-image-rendering: pixelated;
}

figure {
  margin: 0;
}

em {
  font-style: normal;
}

li {
  list-style-type: none;
}

.sp,
.sp_flex,
.sp_inline {
  display: none !important;
}

.mt00 {
  margin-top: 0 !important;
}

.wf_montserrat {
  font-family: "Montserrat", sans-serif;
}

/* link
----------------------------------------------------*/
a:link {
  color: #000000;
  text-decoration: underline;
}

a:visited {
  color: #000000;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

/* rollover
----------------------------------------------------*/
.hov {
  transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
}

.hov:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6 !important;
}

/* fadeup
----------------------------------------------------*/
.fadeup {
  position: relative;
  transform-origin: center center;
  transform: translateY(50px);
  opacity: 0;
  transition: all 0.8s ease-out;
}

.fadeup.on {
  transform: translateY(0);
  opacity: 1;
}

/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
p.sp_menu {
  display: none;
}

#header {
  background-color: #FFF;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 60;
  box-sizing: border-box;
}

#logo img {
  width: 128px;
}

@media screen and (max-width: 1300px) {
  #logo img {
    width: 100px;
  }
}
#gmenu ul {
  display: flex;
  justify-content: flex-end;
  height: 80px;
}

#gmenu ul li {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 50px 0 0;
}

@media screen and (max-width: 1300px) {
  #gmenu ul li {
    font-size: 12px;
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 950px) {
  #gmenu ul li {
    font-size: 11px;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 850px) {
  #gmenu ul li {
    font-size: 10px;
    margin: 0 5px 0 0;
  }
}
#gmenu ul li a {
  display: block;
  text-decoration: none;
  position: relative;
  line-height: 80px;
}

#gmenu ul li a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #df1120;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.25s;
}

#gmenu ul li a:hover::after,
#gmenu ul li a.current::after {
  transform: scale(1, 1);
}

#gmenu ul li.sub {
  padding-left: 50px;
}

@media screen and (max-width: 1050px) {
  #gmenu ul li.sub {
    padding-left: 0;
  }
}
#gmenu ul li.sub a {
  padding-right: 20px;
}

#gmenu ul li.sub a::before {
  content: "";
  position: absolute;
  right: 0;
  left: inherit;
  top: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  transform: rotate(135deg);
  display: block;
  background: none;
  margin-top: -7px;
}

.sub_area {
  position: absolute;
  background-color: #fff1f2;
  top: 80px;
  left: 0;
  width: 100%;
  padding: 25px 30px 40px 30px;
  display: none;
  z-index: 50;
  box-sizing: border-box;
}

.sub_area_title {
  font-size: 14px;
  margin-bottom: 10px;
}

.sub_area_title a::before,
.sub_area_title a::after {
  display: none !important;
}

#gmenu ul li.sub .sub_area_title a {
  line-height: 1.5;
}

#gmenu ul li.sub .sub_area_title a:hover {
  color: #777;
}

.sub_area01 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#gmenu .sub_area02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: auto;
}

#gmenu .sub_area02 ul li {
  margin: 0 8px 8px 0;
  width: calc(25% - 8px);
  background-color: #FFF;
  transition: box-shadow 0.1s linear;
}

#gmenu .sub_area02 ul li:nth-of-type(4n) {
  margin-right: 0;
}

#gmenu .sub_area02 ul li:hover {
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.1);
}

#gmenu .sub_area02 ul li a {
  display: flex;
  line-height: 90px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 0 27px 0 30px;
}

#gmenu .sub_area02 ul li a img {
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.submenu_packages {
  margin-left: 10px;
}

#gmenu .sub_area01 ul li a::after,
#gmenu .sub_area01 ul li a::before {
  display: none;
}

#gmenu .sub_area02 ul li.submenu_momori .submenu_packages {
  margin-right: 3px;
}

#gmenu .sub_area02 ul li.submenu_tsubaki a {
  padding: 0 27px 0 37px;
}

#gmenu .sub_area02 ul li.submenu_tsubaki .submenu_packages {
  margin-right: 7px;
}

#gmenu .sub_area02 ul li.submenu_refresse .submenu_packages {
  margin-right: 7px;
}

#gmenu .sub_area02 ul li.submenu_ginen a {
  padding: 0 27px 0 34px;
}

#gmenu .sub_area02 ul li.submenu_ginen .submenu_packages {
  margin-right: 4px;
}

#gmenu .sub_area02 ul li.submenu_kodomo a {
  padding: 0 20px 0 35px;
}

#gmenu .sub_area02 ul li.submenu_gogotrain .submenu_packages {
  margin-right: 5px;
}

#gmenu .sub_area02 ul li.submenu_fukeminu .submenu_packages {
  margin-right: 10px;
}

#gmenu .sub_area02 ul li.submenu_fukemin a {
  padding: 0 20px 0 30px;
}

.sub_area02 {
  width: 890px;
}

.sub_area03 {
  width: 260px;
}

#gmenu .sub_area03 ul {
  display: block;
  height: auto;
}

#gmenu .sub_area03 ul li {
  font-weight: normal;
  font-size: 13px;
  margin: 0;
}

#gmenu .sub_area03 ul li a {
  display: block;
  padding: 3px 15px 3px 10px;
  position: relative;
  line-height: 1.5;
  transition: background 0.2s linear;
}

#gmenu .sub_area03 ul li a::after {
  content: "";
  position: absolute;
  right: 10px;
  left: inherit;
  top: 50%;
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-color: #ec6f78 #ec6f78 transparent transparent;
  transform: rotate(45deg);
  display: block;
  background: none;
  margin-top: -5px;
}

#gmenu .sub_area03 ul li a:hover {
  background-color: #fde3e5;
}

#gmenu ul li.global {
  font-size: 12px;
  position: relative;
  padding-left: 50px;
  margin: 0;
}

@media screen and (max-width: 1250px) {
  #gmenu ul li.global {
    font-size: 11px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 880px) {
  #gmenu ul li.global {
    font-size: 10px;
    padding-left: 10px;
  }
}
#gmenu ul li.global::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 22px;
  width: 1px;
  background: #e0e0e0;
}

#gmenu ul li.global a {
  background: url("../images/common/global.png") no-repeat 0 center;
  background-size: 21px auto;
  padding: 0 0 0 27px;
}

/* common
----------------------------------------------------*/
.document {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.title01 {
  font-size: 48px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.title01 span {
  transform: skewX(-12deg);
}

.title01 em {
  font-size: 15px;
  margin: 0 0 0 25px;
  font-weight: 400;
  transform: skewX(-12deg);
}

.page-title {
  background-color: #fff1f2;
  margin: 80px 0 0 0;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .page-title {
    margin: 40px 0 0 0;
    padding: 0;
  }
}
.page-title .page-title-area {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100px;
}
@media (max-width: 767px) {
  .page-title .page-title-area {
    height: 70px;
  }
}
.page-title .page-title-area .title01 {
  position: absolute;
  left: 0;
  bottom: -43px;
}
@media (max-width: 767px) {
  .page-title .page-title-area .title01 {
    bottom: -20px;
    left: 15px;
  }
}
.page-title .page-title-area .title01 em {
  font-size: 18px;
}
@media (max-width: 767px) {
  .page-title .page-title-area .title01 em {
    font-size: 11px;
  }
}

.blands_box_btn {
  width: 170px;
  height: 35px;
  background-color: #000;
  color: #FFF;
  text-decoration: none;
  line-height: 35px;
  display: block;
  text-align: center;
  font-size: 13px;
  position: relative;
  transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.blands_box_btn::before {
  content: "";
  height: 1px;
  width: 12px;
  position: absolute;
  right: 0;
  background-color: #FFF;
  top: 17px;
}

.blands_box_btn::after {
  content: "";
  height: 1px;
  width: 14px;
  position: absolute;
  right: -14px;
  background-color: #000;
  top: 17px;
}

/*hover*/
a:hover .blands_box_btn::before {
  -webkit-animation: linemiddleactive 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
          animation: linemiddleactive 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}

a:hover .blands_box_btn::after {
  -webkit-animation: linemiddleactive2 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
          animation: linemiddleactive2 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}

@-webkit-keyframes linemiddleactive {
  0% {
    width: 12px;
    right: 0;
  }
  30% {
    width: 0px;
    right: -12px;
  }
  50% {
    width: 0px;
    right: -12px;
  }
  50.01% {
    width: 0px;
    right: 12px;
  }
  70.00% {
    width: 12px;
    right: 0;
  }
  to {
    width: 12px;
    right: 0;
  }
}

@keyframes linemiddleactive {
  0% {
    width: 12px;
    right: 0;
  }
  30% {
    width: 0px;
    right: -12px;
  }
  50% {
    width: 0px;
    right: -12px;
  }
  50.01% {
    width: 0px;
    right: 12px;
  }
  70.00% {
    width: 12px;
    right: 0;
  }
  to {
    width: 12px;
    right: 0;
  }
}
@-webkit-keyframes linemiddleactive2 {
  0% {
    width: 14px;
    right: -14px;
  }
  30% {
    width: 14px;
    right: -14px;
  }
  50% {
    width: 0px;
    right: -14px;
  }
  50.01% {
    width: 0;
    right: 0;
  }
  70.01% {
    width: 0;
    right: 0;
  }
  to {
    width: 14px;
    right: -14px;
  }
}
@keyframes linemiddleactive2 {
  0% {
    width: 14px;
    right: -14px;
  }
  30% {
    width: 14px;
    right: -14px;
  }
  50% {
    width: 0px;
    right: -14px;
  }
  50.01% {
    width: 0;
    right: 0;
  }
  70.01% {
    width: 0;
    right: 0;
  }
  to {
    width: 14px;
    right: -14px;
  }
}
.title02 {
  font-size: 26px;
  transform: skewX(-12deg);
  margin: 80px 0 30px 0;
}
@media (max-width: 767px) {
  .title02 {
    font-size: 17px;
    margin: 40px 0 30px 0;
  }
}
.title02 em {
  font-size: 20px;
}
@media (max-width: 767px) {
  .title02 em {
    font-size: 14px;
  }
}

.title03 {
  font-size: 22px;
  transform: skewX(-12deg);
  margin: 30px 0 30px 0;
  font-weight: normal;
  position: relative;
}
@media (max-width: 767px) {
  .title03 {
    font-size: 15px;
    margin: 30px 0 15px 0;
  }
}
.title03::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #f0afb4;
}
.title03.venezel::after {
  background-color: #afafaf;
}
.title03.salon::after {
  background-color: #c9a423;
}
.title03 span {
  background-color: #FFF;
  z-index: 1;
  position: relative;
  padding-right: 10px;
  display: inline-block;
}

.title04 {
  font-size: 22px;
  padding: 7px 20px 0 20px;
  margin: 60px 0 15px 0;
  font-weight: normal;
  position: relative;
}
@media (max-width: 767px) {
  .title04 {
    font-size: 15px;
    padding: 10px 10px 0 10px;
    line-height: 1.6;
    margin: 30px 0 10px 0;
  }
}
.title04::after {
  content: "";
  height: 28px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fef4f6;
  z-index: -1;
}
@media (max-width: 767px) {
  .title04::after {
    height: 24px;
  }
}
.title04 span {
  transform: skewX(-12deg);
  display: inline-block;
  margin-right: 5px;
}
.title04 em {
  color: #000;
  font-size: 11px;
  border: 1px solid #000;
  display: inline-block;
  padding: 2px 5px;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .title04 em {
    font-size: 9px;
  }
}

.title05 {
  font-size: 16px;
  position: relative;
  padding: 0 0 0 20px;
  margin: 20px 0 7px 0;
}
@media (max-width: 767px) {
  .title05 {
    font-size: 13px;
    padding: 0 0 0 15px;
  }
}
.title05::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 12px;
  height: 12px;
  background-color: #e698a9;
}
@media (max-width: 767px) {
  .title05::before {
    width: 10px;
    height: 10px;
    top: 6px;
  }
}

.title06 {
  font-size: 18px;
  color: #e06a83;
  margin: 25px 0 10px 0;
  border-bottom: 1px solid #e997a9;
}
@media (max-width: 767px) {
  .title06 {
    font-size: 13px;
    padding: 0 0 0 15px;
  }
}

#footer {
  margin: 70px 0 0 0;
  padding: 200px 30px 0 30px;
  background: url("../images/common/footer.png") no-repeat center 0;
  background-size: 100%;
}

.footer01 {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
}

.footer_logo {
  width: 20%;
}

.footer_logo img {
  width: 126px;
}

.footer02 {
  width: 20%;
}

.footer02 a {
  text-decoration: none;
}

.footer02 a:hover {
  color: #999;
}

.footer02 dl dt {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

.footer02 dl dd {
  font-size: 13px;
}

.footer_link01 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 900px) {
  .footer02 dl dt {
    font-size: 12px;
  }
  .footer02 dl dd {
    font-size: 11px;
  }
  .footer_link01 {
    font-size: 12px;
  }
}
.footer_line {
  width: 34px;
  margin: 20px 0 0 0;
}

.copy {
  max-width: 1200px;
  margin: 0 auto;
  color: #888888;
  font-size: 11px;
  padding: 40px 0;
}

.pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 72px;
  cursor: pointer;
  z-index: 60;
  display: none;
}

.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 9999;
}

.loading_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  -webkit-animation: lodanimetion 1500ms ease-out forwards infinite;
  animation: lodanimetion 1500ms ease-out forwards infinite;
}

.animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  -webkit-animation: lodanimetion 1500ms ease-out forwards infinite;
  animation: lodanimetion 1500ms ease-out forwards infinite;
  font-size: 14px;
}

@-webkit-keyframes lodanimetion {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes lodanimetion {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
}
.at {
  color: #666666;
  font-size: 14px;
  line-height: 1.5;
  margin: 50px auto;
  max-width: 660px;
}
@media (max-width: 767px) {
  .at {
    margin: 20px 0;
    font-size: 10px;
    transform: none;
    display: block;
  }
}
.at.at2 {
  display: block;
}

.table {
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
  .table {
    font-size: 11px;
  }
}
.table th,
.table td {
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px;
}
.table th {
  background-color: #fef4f6;
  text-align: left;
}
.table th.grey {
  background-color: #f3f3f3;
  text-align: center;
}
.table th.grey em {
  color: #000;
  font-size: 11px;
  border: 1px solid #000;
  display: inline-block;
  padding: 2px 5px;
  line-height: 1.1;
  font-weight: normal;
  margin: 0 0 0 5px;
}
@media (max-width: 767px) {
  .table th.grey em {
    font-size: 9px;
  }
}

.scroll {
  margin: 20px 0 50px 0;
}

.page-back .blands_box_btn {
  width: 280px;
  margin: 0 auto 100px auto;
}
@media (max-width: 767px) {
  .page-back .blands_box_btn {
    margin: 0 auto 50px auto;
  }
}
.page-back .blands_box_btn a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
.page-back .blands_box_btn::before {
  content: "";
  height: 1px;
  width: 12px;
  position: absolute;
  left: 0;
  background-color: #FFF;
  top: 17px;
}
@media (max-width: 767px) {
  .page-back .blands_box_btn::before {
    top: 13px;
  }
}
.page-back .blands_box_btn::after {
  content: "";
  height: 1px;
  width: 14px;
  position: absolute;
  left: -14px;
  background-color: #000;
  top: 17px;
}
@media (max-width: 767px) {
  .page-back .blands_box_btn::after {
    top: 13px;
  }
}
.page-back .blands_box_btn:hover::before {
  -webkit-animation: linemiddleactive3 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
          animation: linemiddleactive3 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
.page-back .blands_box_btn:hover::after {
  -webkit-animation: linemiddleactive4 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
          animation: linemiddleactive4 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}

@-webkit-keyframes linemiddleactive3 {
  0% {
    width: 12px;
    left: 0;
  }
  30% {
    width: 0px;
    left: -12px;
  }
  50% {
    width: 0px;
    left: -12px;
  }
  50.01% {
    width: 0px;
    left: 12px;
  }
  70.00% {
    width: 12px;
    left: 0;
  }
  to {
    width: 12px;
    left: 0;
  }
}

@keyframes linemiddleactive3 {
  0% {
    width: 12px;
    left: 0;
  }
  30% {
    width: 0px;
    left: -12px;
  }
  50% {
    width: 0px;
    left: -12px;
  }
  50.01% {
    width: 0px;
    left: 12px;
  }
  70.00% {
    width: 12px;
    left: 0;
  }
  to {
    width: 12px;
    left: 0;
  }
}
@-webkit-keyframes linemiddleactive4 {
  0% {
    width: 14px;
    left: -14px;
  }
  30% {
    width: 14px;
    left: -14px;
  }
  50% {
    width: 0px;
    left: -14px;
  }
  50.01% {
    width: 0;
    left: 0;
  }
  70.01% {
    width: 0;
    left: 0;
  }
  to {
    width: 14px;
    left: -14px;
  }
}
@keyframes linemiddleactive4 {
  0% {
    width: 14px;
    left: -14px;
  }
  30% {
    width: 14px;
    left: -14px;
  }
  50% {
    width: 0px;
    left: -14px;
  }
  50.01% {
    width: 0;
    left: 0;
  }
  70.01% {
    width: 0;
    left: 0;
  }
  to {
    width: 14px;
    left: -14px;
  }
}
ul.list {
  margin: 10px 0;
}
ul.list li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 17px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  ul.list li {
    padding: 0 0 0 12px;
  }
}
ul.list li::before {
  content: "";
  background-color: #e698a9;
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  ul.list li::before {
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
  }
}

ol.list {
  margin: 10px 0;
  list-style: none;
  counter-reset: ol_li;
}
ol.list li {
  margin: 0 0 5px 1.3em;
  text-indent: -1.3em;
}
ol.list li:before {
  margin-right: 0.25em;
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #dc6c84;
  font-weight: bold;
}
ol.list li em {
  display: block;
  text-indent: 0;
}

.txt-color-gray {
  color: #666666;
}

.txt-color-lightblue {
  color: #3aa5a4;
}
.txt-color-lightblue a {
  color: #3aa5a4;
}

.img-c {
  text-align: center;
}

.img-r {
  text-align: right;
}

.not {
  text-align: center;
  padding: 200px 0 50px 0;
}

.at3 {
  font-size: 12px;
  line-height: 1.5;
  margin: 20px 0 0 0;
  text-align: right;
}
@media (max-width: 767px) {
  .at3 {
    font-size: 10px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    min-width: inherit;
    font-size: 12px;
    line-height: 1.7;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp_inline {
    display: inline !important;
  }
  .sp_flex {
    display: flex !important;
  }
  .hov {
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
  }
  .hov:hover {
    opacity: 1 !important;
  }
  #header {
    position: fixed;
    padding: 20px;
  }
  p.sp_menu {
    display: block;
    position: fixed;
    right: 16px;
    top: 18px;
    z-index: 68;
    width: 25px;
    text-align: center;
    line-height: 1;
  }
  p.sp_menu a {
    color: #000;
  }
  .menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 25px;
    height: 14px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    color: #000;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 6px;
    width: 20px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    width: 15px;
  }
  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(6px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-6px) rotate(45deg);
    width: 25px;
  }
  /* common
  ----------------------------------------------------*/
  #header {
    background-color: #FFF;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 61;
    height: 50px;
    padding: 15px 10px;
    box-sizing: border-box;
  }
  .header_area {
    max-width: inherit;
    margin: 0;
    padding: 0;
    display: block;
  }
  #header .logo {
    font-size: 18px;
    line-height: 1.4;
    min-width: inherit;
  }
  #header .logo a {
    display: block;
    background: url("../images/common/logo.svg") no-repeat 0 0;
    background-size: 38px auto;
    padding: 0 0 0 45px;
    height: 40px;
    text-decoration: none;
    color: #000000;
    box-sizing: border-box;
  }
  #header .logo span {
    display: block;
    font-size: 9px;
    line-height: 1.5;
  }
  #gmenu {
    display: none;
    background: #FFF;
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    overflow-y: auto;
    border-top: 2px solid #f6f6f6;
    height: 100vh;
  }
  #gmenu ul {
    display: block;
    padding: 20px 0;
    width: auto;
    margin: 0;
    height: auto;
    box-sizing: border-box;
  }
  #gmenu ul li {
    width: auto;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    margin: 0 0 10px 0;
  }
  #gmenu ul li:nth-last-child(1) {
    margin: 0;
  }
  #gmenu ul.gmenu_regist {
    display: flex;
    justify-content: center;
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6;
    padding: 0;
    margin: 25px 0;
  }
  #gmenu ul.gmenu_regist li {
    width: 50%;
    text-align: center;
    font-size: 12px;
    margin: 0;
  }
  #gmenu ul.gmenu_regist li a {
    color: #000000;
    line-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #gmenu ul.gmenu_regist li a img {
    width: 34px;
    margin-right: 10px;
  }
  #gmenu ul.gmenu_regist li.gmenu_mailmaga a {
    color: #df1120;
  }
  #gmenu ul.gmenu_regist li.gmenu_line a {
    border-left: 2px solid #f6f6f6;
    color: #2cb620;
  }
  #gmenu ul li.global {
    font-size: 15px;
    padding-left: 10px;
  }
  #gmenu ul li.global::before {
    display: none;
  }
  #gmenu ul li.global a {
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #gmenu ul li.global a::before {
    content: "";
    position: static;
    transform: none;
    height: 25px;
    width: 25px;
    background: url("../images/common/global.png") no-repeat 0 center;
    background-size: 25px auto;
    display: inline-block;
    margin: 0 10px 0 0;
  }
  #gmenu ul li a {
    text-decoration: none;
    color: #000000;
    display: block;
    line-height: 35px;
  }
  #gmenu li a::after {
    display: none;
  }
  #gmenu ul li.sub a {
    padding-right: 0;
  }
  #gmenu ul li.sub a::before {
    content: "";
    position: absolute;
    right: calc(50% - 55px);
    left: inherit;
    top: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(135deg);
    display: block;
    background: none;
    margin-top: -7px;
  }
  #gmenu ul li.sub a.on::before {
    border-color: transparent transparent #000 #000;
    margin-top: -3px;
  }
  .sub_area {
    position: static;
    background-color: #fff1f2;
    width: auto;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 0 30px;
  }
  .sub_area_title {
    font-size: 14px;
    margin-bottom: 0;
  }
  #gmenu ul li.sub .sub_area_title a {
    line-height: 35px;
  }
  #gmenu ul li.sub .sub_area_title a::before {
    display: none;
  }
  .sub_area01 {
    max-width: inherit;
    margin: 0;
    display: block;
  }
  #gmenu .sub_area02 ul {
    display: none;
  }
  .sub_area02 {
    width: auto;
  }
  .sub_area03 {
    width: auto;
  }
  #gmenu .sub_area03 ul {
    display: none;
  }
  /* common
  ----------------------------------------------------*/
  .document {
    max-width: inherit;
    margin: 0;
    padding: 0 20px;
  }
  .title01 {
    font-size: 30px;
    font-weight: 500;
    font-style: italic;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    line-height: 1.2;
  }
  .title01 em {
    font-size: 10px;
    margin: 0 0 0 10px;
  }
  .blands_box_btn {
    width: 130px;
    height: 27px;
    line-height: 27px;
  }
  .blands_box_btn a {
    line-height: 27px;
    font-size: 10px;
  }
  .blands_box_btn::before {
    top: 13px;
  }
  .blands_box_btn::after {
    top: 13px;
  }
  #footer {
    margin: 40px 0 0 0;
    padding: 80px 15px 0 15px;
  }
  .footer01 {
    display: block;
    max-width: inherit;
    margin: 0;
  }
  .footer_logo {
    width: auto;
    text-align: center;
  }
  .footer_logo img {
    width: 126px;
  }
  .footer02 {
    display: none;
  }
  .footer_sp_link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 300px;
    margin: 25px auto 20px auto;
  }
  .footer_sp_link li {
    margin: 7px 15px;
    font-size: 12px;
  }
  .footer_sp_link a {
    text-decoration: none;
  }
  .footer_line {
    width: 34px;
    margin: 0 auto;
  }
  .copy {
    max-width: inherit;
    margin: 0;
    color: #888888;
    font-size: 9px;
    padding: 30px 0 54px 0;
    text-align: center;
  }
  .pagetop {
    width: 54px;
  }
  .scroll {
    padding: 0 0 20px 0;
  }
  .scroll table {
    width: 100%;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll::-webkit-scrollbar {
    height: 16px;
    border-radius: 8px;
  }
  .scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #dc6c84;
  }
}
body {
  font-family: "Noto Sans JP", sans-serif;
  overflow: hidden;
}

picture {
  display: block;
}
picture img {
  width: 100%;
}

/* fade
----------------------------------------------------*/
.fadeup {
  transform: translateY(1.562vw);
  transition: all 0.2s ease-out;
}

.fadeleft {
  position: relative;
  transform-origin: center center;
  transform: translateX(-1.562vw);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.fadeleft.on {
  transform: translateX(0);
  opacity: 1;
}

.faderight {
  position: relative;
  transform-origin: center center;
  transform: translateX(1.562vw);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.faderight.on {
  transform: translateX(0);
  opacity: 1;
}

#header-recruit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.041vw 4.166vw 1.041vw 1.562vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background: #fff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #header-recruit {
    padding: 0 7.692vw;
    height: 13.07vw;
  }
  #header-recruit .menu-trigger span:nth-of-type(2) {
    width: 100%;
  }
  #header-recruit .menu-trigger span:nth-of-type(3) {
    width: 100%;
  }
}
#header-recruit #recruit-logo {
  width: 110px;
}
@media (max-width: 767px) {
  #header-recruit #recruit-logo {
    width: 16.92vw;
  }
}

@media (max-width: 767px) {
  #gmenu-recruit {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 9.23vw 0;
    display: none;
    justify-content: center;
    align-items: center;
  }
}
#gmenu-recruit ul {
  display: flex;
  gap: 2.08vw;
}
@media (max-width: 767px) {
  #gmenu-recruit ul {
    display: block;
  }
}
@media (max-width: 767px) {
  #gmenu-recruit ul li {
    margin: 2.3vw 0;
  }
}
#gmenu-recruit ul li a {
  font-size: 1.041vw;
  font-weight: 500;
  text-decoration: none;
  transition: 0.2s color;
}
@media (max-width: 767px) {
  #gmenu-recruit ul li a {
    font-size: 3.076vw;
  }
}
#gmenu-recruit ul li a:hover {
  color: #999;
}

.sp_menu-recruit {
  display: none;
}
@media (max-width: 767px) {
  .sp_menu-recruit {
    display: block;
    line-height: 1;
  }
}

/* top
----------------------------------------------------*/
.main {
  margin: 3.645vw 0 4vw 0;
  position: relative;
}
@media (max-width: 767px) {
  .main {
    margin: 13.07vw 0 0 0;
  }
}
.main p {
  position: absolute;
  right: 3.5vw;
  bottom: -5.2vw;
  width: 15vw;
}
@media (max-width: 767px) {
  .main p {
    width: 18.92vw;
    bottom: -3.2vw;
  }
}

.concept {
  position: relative;
  padding: 5vw 0 7vw 0;
}
@media (max-width: 767px) {
  .concept {
    padding: 34.15vw 0 44.615vw 0;
  }
}
.concept h2 {
  text-align: center;
  font-size: 2vw;
  font-weight: 700;
  margin-bottom: 2vw;
}
@media (max-width: 767px) {
  .concept h2 {
    font-size: 4.923vw;
  }
}
.concept p {
  text-align: center;
  font-size: 1.1vw;
  line-height: 2.2;
  margin-bottom: 2vw;
  font-weight: 500;
}
@media (max-width: 767px) {
  .concept p {
    font-size: 2.769vw;
    letter-spacing: 0;
  }
}
.concept p .concept-color01 {
  color: #ff7bac;
}
.concept p .concept-color02 {
  color: #22b573;
}
.concept p .concept-color03 {
  color: #00a7db;
}

.concept-img01 {
  position: absolute;
  top: 0;
  left: 18.75vw;
  width: 11vw;
}
@media (max-width: 767px) {
  .concept-img01 {
    width: 15.84vw;
    top: 10.15vw;
    left: 8.153vw;
  }
}

.concept-img02 {
  position: absolute;
  top: 0;
  right: 16.14vw;
  width: 13.22vw;
}
@media (max-width: 767px) {
  .concept-img02 {
    top: 6.153vw;
    right: 3.384vw;
    width: 19.69vw;
  }
}

.concept-img03 {
  position: absolute;
  top: 21vw;
  left: 9.27vw;
  width: 13.22vw;
}
@media (max-width: 767px) {
  .concept-img03 {
    width: 20.46vw;
    top: 129.076vw;
    left: 1.538vw;
  }
}

.concept-img04 {
  position: absolute;
  top: 25.41vw;
  right: 11.61vw;
  width: 16vw;
}
@media (max-width: 767px) {
  .concept-img04 {
    top: 127.23vw;
    right: 3.076vw;
    width: 23.69vw;
  }
}

.concept-img05 {
  position: absolute;
  top: -1vw;
  left: 0;
  width: 10.4vw;
}
@media (max-width: 767px) {
  .concept-img05 {
    width: 15vw;
    top: 33vw;
    left: -4.5vw;
  }
}

.concept-img06 {
  position: absolute;
  top: 10vw;
  right: 0;
  width: 15.36vw;
}
@media (max-width: 767px) {
  .concept-img06 {
    top: 86vw;
    right: -8vw;
    width: 21.076vw;
  }
}

.concept-img07 {
  position: absolute;
  bottom: -9vw;
  left: 0;
  width: 13.33vw;
}
@media (max-width: 767px) {
  .concept-img07 {
    width: 18vw;
    top: 95vw;
    left: -8.5vw;
  }
}

.about {
  background-image: url("../images/recruit/top/about-bg.webp");
  background-size: 100% auto;
  padding: 1vw 0 4.79vw 0;
}
@media (max-width: 767px) {
  .about {
    background-size: 100% 100%;
    padding: 1vw 0 7.461vw 0;
  }
}
.about p {
  text-align: center;
  font-size: 1.1vw;
  line-height: 2.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .about p {
    font-size: 2.769vw;
    letter-spacing: 0;
  }
}

.about-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 3.38vw auto;
}
@media (max-width: 767px) {
  .about-title {
    margin: -2vw auto 10vw auto;
    width: 73.84vw;
  }
}
.about-title img {
  width: 100%;
}

.about-title02 {
  text-align: center;
  margin: 5.2vw auto 3.38vw auto;
  font-size: 1.6vw;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .about-title02 {
    margin: 10vw auto 3.38vw auto;
    font-size: 4.307vw;
  }
}
.about-title02::before, .about-title02::after {
  content: "";
  display: block;
  width: 14.58vw;
  height: 1px;
  background: #000;
}
@media (max-width: 767px) {
  .about-title02::before, .about-title02::after {
    width: 11.69vw;
  }
}
.about-title02::before {
  margin-right: 1.82vw;
}
.about-title02::after {
  margin-left: 1.82vw;
}

.about-bland {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 62.5vw;
  margin: 0 auto 7.55vw auto;
}
@media (max-width: 767px) {
  .about-bland {
    width: auto;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3.076vw;
    padding: 0 10vw;
    margin: 0 auto 5.384vw auto;
  }
}
.about-bland .about-bland-salon {
  width: 21.82vw;
}
@media (max-width: 767px) {
  .about-bland .about-bland-salon {
    width: 37.07vw;
  }
}
.about-bland .about-bland-cleodite {
  width: 13.64vw;
}
@media (max-width: 767px) {
  .about-bland .about-bland-cleodite {
    width: 25.69vw;
  }
}
.about-bland .about-bland-palty {
  width: 7.39vw;
}
@media (max-width: 767px) {
  .about-bland .about-bland-palty {
    width: 14vw;
  }
}
.about-bland .about-bland-momori {
  width: 13.28vw;
}
@media (max-width: 767px) {
  .about-bland .about-bland-momori {
    width: 20.92vw;
  }
}
.about-bland img {
  width: 100%;
}

.about-img {
  width: 62.5vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-img {
    width: 90.76vw;
  }
}

.about .about-more {
  text-align: center;
  font-size: 1.66vw;
  font-weight: 600;
  margin: 3.38vw auto 0 auto;
  width: 23.43vw;
}
@media (max-width: 767px) {
  .about .about-more {
    width: 69.23vw;
    font-size: 4.923vw;
    margin: 7.461vw auto 0 auto;
  }
}
.about .about-more a {
  line-height: 4.16vw;
  display: block;
  border-radius: 2.8vw;
  background-color: #ff87a0;
  text-decoration: none;
  color: #fff;
  position: relative;
  transition: 0.2s background-color;
}
@media (max-width: 767px) {
  .about .about-more a {
    line-height: 10.76vw;
    border-radius: 5.4vw;
  }
}
.about .about-more a::before {
  content: "";
  display: block;
  width: calc(100% - 9px);
  height: calc(100% - 9px);
  border: 1px solid #fff;
  border-radius: 2.8vw;
  position: absolute;
  left: 4px;
  top: 4px;
}
@media (max-width: 767px) {
  .about .about-more a::before {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 5.4vw;
    left: 2px;
    top: 2px;
  }
}
.about .about-more a::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.4vw;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/recruit/top/arrow.svg");
  background-size: 100% auto;
  width: 1.5625vw;
  height: 0.78125vw;
  transition: 0.2s right;
}
@media (max-width: 767px) {
  .about .about-more a::after {
    right: 3.846vw;
    width: 4.615vw;
    height: 2.461vw;
  }
}
.about .about-more a:hover {
  background-color: #ffa6bb;
}
.about .about-more a:hover::after {
  right: 1vw;
}

.interview {
  background-image: url("../images/recruit/top/interview-bg.webp");
  background-size: 100% auto;
  padding: 8.33vw 0 6.25vw 0;
}
@media (max-width: 767px) {
  .interview {
    background-image: url("../images/recruit/top/interview-bg-sp.webp");
    background-size: 100% auto;
    padding: 24.615vw 0 21vw 0;
  }
}

.interview-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 5.625vw auto;
}
@media (max-width: 767px) {
  .interview-title {
    width: 73.84vw;
    margin: 0 auto 10vw auto;
  }
}

.interview-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 87.5vw;
  margin: 0 auto 3.125vw auto;
}
@media (max-width: 767px) {
  .interview-list {
    width: auto;
    display: block;
    margin: 0 auto 10vw auto;
  }
}
.interview-list img {
  width: 100%;
}
.interview-list li {
  width: 23.43vw;
}
.interview-list li .interview-list-img img {
  border-radius: 1.87vw;
}
.interview-list li .interview-list-txt {
  width: 9.427vw;
  margin: -4.94vw auto 0 auto;
}
.interview-list li.interview-list02 {
  width: 33vw;
  text-align: center;
}
@media (max-width: 767px) {
  .interview-list li.interview-list02 {
    width: auto;
  }
}
.interview-list li.interview-list02 h3 {
  font-size: 1.66vw;
  font-weight: 700;
  margin-bottom: 1.25vw;
}
@media (max-width: 767px) {
  .interview-list li.interview-list02 h3 {
    font-size: 4.923vw;
    margin-bottom: 7.384vw;
  }
}
.interview-list li.interview-list02 p {
  font-size: 1.1vw;
  line-height: 2.2;
  font-weight: 500;
  margin-bottom: 2vw;
}
@media (max-width: 767px) {
  .interview-list li.interview-list02 p {
    font-size: 2.769vw;
    letter-spacing: 0;
    margin-bottom: 5.384vw;
  }
}

@media (max-width: 767px) {
  .interview-list-sp {
    display: block;
    width: calc(100% - 100px);
    margin: 0 auto 10vw auto;
    position: relative;
  }
}
.interview-list-sp img {
  border-radius: 5.538vw;
}
.interview-list-sp .interview-list-txt {
  width: 27.84vw;
  margin: -11.53vw auto 0 auto;
}
.interview-list-sp .swiper-button-prev,
.interview-list-sp .swiper-button-next {
  width: 50px;
  height: 100%;
  top: 0;
}
.interview-list-sp .swiper-button-prev::after,
.interview-list-sp .swiper-button-next::after {
  display: none;
}
.interview-list-sp .swiper-button-prev {
  background: url("../images/recruit/top/left.svg") no-repeat center center;
  background-size: 2.307vw auto;
  left: -50px;
}
.interview-list-sp .swiper-button-next {
  background: url("../images/recruit/top/right.svg") no-repeat center center;
  background-size: 2.307vw auto;
  right: -50px;
}
.interview-list-sp .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -10vw;
}
.interview-list-sp .swiper-pagination-bullet {
  width: 3.076vw;
  height: 3.076vw;
  background: #fff;
  opacity: 1;
}
.interview-list-sp .swiper-pagination-bullet-active {
  background: #cccccc;
}

.point {
  padding: 8.593vw 0 5.88vw 0;
  position: relative;
}
@media (max-width: 767px) {
  .point {
    padding: 24.615vw 0 16.153vw 0;
  }
}

.point-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 1.56vw auto;
}
@media (max-width: 767px) {
  .point-title {
    width: 73.84vw;
    margin: 0 auto 7vw auto;
  }
}
.point-title img {
  width: 100%;
}

.point-txt01 {
  text-align: center;
  font-size: 1.66vw;
  line-height: 2.2;
  font-weight: 700;
  margin-bottom: 2vw;
}
@media (max-width: 767px) {
  .point-txt01 {
    font-size: 4.923vw;
    margin-bottom: 7.384vw;
    line-height: 1.6;
  }
  .point-txt01 span {
    display: none;
  }
}

.point01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80.72vw;
  margin: 0 auto 4vw auto;
}
@media (max-width: 767px) {
  .point01 {
    width: auto;
    display: block;
    margin: 0 auto 10vw auto;
    padding: 0 7.692vw;
  }
}

.point02 {
  width: 22.39vw;
  padding-left: 7.5vw;
}
@media (max-width: 767px) {
  .point02 {
    width: auto;
    padding-left: 0;
    margin-bottom: 5.384vw;
  }
}
.point02 h3 {
  font-size: 2vw;
  line-height: 1.7;
  margin-bottom: 2vw;
  font-weight: 500;
}
@media (max-width: 767px) {
  .point02 h3 {
    font-size: 4.923vw;
    margin-bottom: 5vw;
  }
}

.point01-img {
  width: 45.83vw;
}
@media (max-width: 767px) {
  .point01-img {
    width: auto;
    margin-bottom: 5.384vw;
  }
}

.point03 {
  display: flex;
  justify-content: space-between;
  width: 69.89vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .point03 {
    width: auto;
    display: block;
    padding: 0 7.692vw;
  }
}

.point04 {
  width: 21.35vw;
  border: 4px solid #ff87a0;
  border-radius: 1.04vw;
  box-sizing: border-box;
  padding: 2.08vw 1.3vw 2.08vw 1.3vw;
}
@media (max-width: 767px) {
  .point04 {
    width: auto;
    padding: 5vw 4.615vw 5vw 4.615vw;
    margin-bottom: 5.384vw;
    border-radius: 4vw;
    border: 3px solid #ff87a0;
  }
}
.point04 h4 {
  font-size: 2.5vw;
  line-height: 1.7;
  margin-bottom: 2vw;
  font-weight: 700;
  color: #ff87a0;
  text-align: center;
  line-height: 1.3;
  height: 6.6vw;
}
@media (max-width: 767px) {
  .point04 h4 {
    font-size: 7.384vw;
    margin-bottom: 5vw;
    height: auto;
  }
}
.point04 h4.point04-title {
  line-height: 1.2;
}
.point04 h4 .point04-title01 {
  font-size: 1.66vw;
}
@media (max-width: 767px) {
  .point04 h4 .point04-title01 {
    font-size: 4.923vw;
  }
}
.point04 h4 .point04-title02 {
  font-size: 4.16vw;
}
@media (max-width: 767px) {
  .point04 h4 .point04-title02 {
    font-size: 12.3vw;
  }
}
.point04 h4 .point04-title03 {
  font-size: 3.33vw;
}
@media (max-width: 767px) {
  .point04 h4 .point04-title03 {
    font-size: 9.846vw;
  }
}
.point04 h4 .point04-title04 {
  font-size: 1.25vw;
  display: block;
}
@media (max-width: 767px) {
  .point04 h4 .point04-title04 {
    font-size: 3.692vw;
  }
}
.point04 h4.point04-title05 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.point04 .point04-txt {
  font-size: 0.9vw;
  line-height: 1.9;
  font-weight: 500;
}
@media (max-width: 767px) {
  .point04 .point04-txt {
    font-size: 2.769vw;
    letter-spacing: 0;
  }
}
.point04 .point04-at {
  font-size: 0.65vw;
  margin-top: 1vw;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .point04 .point04-at {
    font-size: 2.153vw;
    text-align: center;
  }
}
.point04 .point04-img01 {
  margin-top: 1.3vw;
}
@media (max-width: 767px) {
  .point04 .point04-img01 {
    margin-top: 5vw;
  }
}
.point04 .point04-img02 {
  margin-top: 2.6vw;
  text-align: center;
}
.point04 .point04-img02 img {
  width: 16.92vw;
}
@media (max-width: 767px) {
  .point04 .point04-img02 img {
    width: 52.3vw;
  }
}
.point04 .point04-img03 {
  margin-top: 2vw;
  text-align: center;
}
.point04 .point04-img03 img {
  width: 15.52vw;
}
@media (max-width: 767px) {
  .point04 .point04-img03 img {
    width: 48.76vw;
  }
}

.point-img04 {
  position: absolute;
  left: 0;
  top: 3.489vw;
  width: 18.54vw;
}

.point-img05 {
  position: absolute;
  right: 2.6vw;
  top: 8.85vw;
  width: 17.18vw;
}
@media (max-width: 767px) {
  .point-img05 {
    right: -10vw;
    width: 25vw;
    top: 5vw;
  }
}

.point-img06 {
  position: absolute;
  right: 0;
  bottom: -1.14vw;
  width: 8.95vw;
}
@media (max-width: 767px) {
  .point-img06 {
    right: 0;
    width: 15vw;
    top: 85vw;
    bottom: inherit;
  }
}

.benefits {
  position: relative;
}
@media (max-width: 767px) {
  .benefits {
    padding: 0 7.692vw;
  }
}

.point-title02 {
  width: 70vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .point-title02 {
    width: 85vw;
  }
}
.point-title02 img {
  width: 100%;
}

.point-txt02 {
  text-align: center;
  font-size: 1.66vw;
  line-height: 1.7;
  font-weight: 700;
  margin: 3.125vw 0 4.68vw 0;
}
@media (max-width: 767px) {
  .point-txt02 {
    font-size: 3.692vw;
    margin: 7.384vw 0 10vw 0;
  }
}

.point-box01 {
  width: 72.39vw;
  margin: 4.68vw auto;
  border: 4px solid #fba073;
  border-radius: 2.6vw;
  padding: 3.9vw 4.68vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .point-box01 {
    width: auto;
    margin: 11.53vw 0;
    padding: 3.9vw 3vw;
    border-radius: 5.538vw;
  }
}

.point-box02 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .point-box02 {
    display: block;
  }
}

.point-box03 {
  width: calc(100% - 26.52vw);
}
@media (max-width: 767px) {
  .point-box03 {
    width: auto;
    margin-bottom: 5.384vw;
  }
}
.point-box03 p {
  font-size: 1.05vw;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .point-box03 p {
    font-size: 3.692vw;
    letter-spacing: 0;
  }
}

.point-box04 {
  display: flex;
  align-items: center;
  gap: 1.82vw;
  margin-bottom: 2.6vw;
}
@media (max-width: 767px) {
  .point-box04 {
    margin-bottom: 7vw;
  }
  .point-box04 figure {
    width: 22.46vw;
  }
}
.point-box04 h4 {
  color: #fba073;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 1;
}
@media (max-width: 767px) {
  .point-box04 h4 {
    font-size: 6.8vw;
  }
}
.point-box04 h4 span {
  display: block;
  font-size: 1.66vw;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .point-box04 h4 span {
    font-size: 3.8vw;
  }
}

.point-box-img {
  width: 25.52vw;
}
@media (max-width: 767px) {
  .point-box-img {
    width: 65.07vw;
    margin: 0 auto 5.384vw auto;
  }
}

.point-box05 {
  border: 4px solid #fba073;
  margin-top: 1.82vw;
}
.point-box05 h5 {
  font-size: 1.66vw;
  line-height: 1.7;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2em;
  background: #fba073;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7vw;
  position: relative;
}
@media (max-width: 767px) {
  .point-box05 h5 {
    font-size: 4.923vw;
    height: 13.84vw;
    letter-spacing: 0.08em;
  }
}
.point-box05 h5 .toggle {
  position: absolute;
  right: 2.6vw;
  top: 1.04vw;
}
@media (max-width: 767px) {
  .point-box05 h5 .toggle {
    right: 0.5vw;
    top: 2vw;
  }
}

.toggle {
  width: 5.05vw;
  height: 5.05vw;
  background: #fff;
  border-radius: 2.525vw;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .toggle {
    width: 9.538vw;
    height: 9.538vw;
    border-radius: 4.769vw;
  }
}
.toggle::before, .toggle::after {
  content: "";
  display: block;
  width: 1.822vw;
  height: 0.26vw;
  background: #fba073;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: 0.2s transform;
}
@media (max-width: 767px) {
  .toggle::before, .toggle::after {
    width: 3.461vw;
    height: 0.8vw;
  }
}
.toggle::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.toggle.active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.toggle-box {
  display: none;
}

.point-box06 {
  display: flex;
  align-items: center;
  gap: 1.3vw;
  padding: 0 3.12vw 0 0.41vw;
  margin: 1.56vw;
}
@media (max-width: 767px) {
  .point-box06 {
    display: block;
    padding: 8vw 3vw 8vw 3vw;
  }
}
.point-box06:nth-last-child(1) {
  border-top: 1px solid #fba073;
  padding-top: 1.56vw;
}
@media (max-width: 767px) {
  .point-box06:nth-last-child(1) {
    padding-top: 8vw;
  }
}

.point-box-case {
  font-size: 1.25vw;
  width: 5.83vw;
  font-weight: 700;
  color: #fb8273;
  background: #ffff00;
  padding: 0 1.04vw;
  height: 2.4vw;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .point-box-case {
    font-size: 3.692vw;
    width: 16vw;
    height: 6.153vw;
    padding: 0 2.769vw;
    margin: 0 0 2vw 0;
  }
}
.point-box-case::before {
  content: "";
  display: block;
  height: 100%;
  width: 0.83vw;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #ffff00;
  position: absolute;
  right: -0.83vw;
  top: 0;
}
@media (max-width: 767px) {
  .point-box-case::before {
    width: 3vw;
    right: -3vw;
  }
}

.point-box-txt {
  font-size: 1.04vw;
  line-height: 1.7;
  font-weight: 700;
  color: #fb8273;
  width: calc(100% - 7.96vw);
}
@media (max-width: 767px) {
  .point-box-txt {
    font-size: 3.076vw;
    width: auto;
  }
}

.point-img07 {
  position: absolute;
  left: 1.82vw;
  top: 7.03vw;
  width: 12.2vw;
}
@media (max-width: 767px) {
  .point-img07 {
    top: -330vw;
    width: 20vw;
    left: -5vw;
  }
}

.point-img08 {
  position: absolute;
  right: 0;
  top: 47.13vw;
  width: 9.11vw;
}
@media (max-width: 767px) {
  .point-img08 {
    top: -18vw;
    width: 15vw;
  }
}

.point-interview {
  position: relative;
  padding-bottom: 15.31vw;
}
@media (max-width: 767px) {
  .point-interview {
    padding: 0 0 25vw 0;
  }
}

.point-interview01 {
  margin: 6.51vw 0 0 9.73vw;
  width: 42.91vw;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .point-interview01 {
    margin: 15vw -2vw 0 -2vw;
    width: 104vw;
  }
}
.point-interview01 .point-interview01-txt {
  left: 8.333vw;
  top: 20.31vw;
  border: 2px solid #00beaa;
  color: #00beaa;
}
@media (max-width: 767px) {
  .point-interview01 .point-interview01-txt {
    top: -10vw;
    left: 18.26vw;
  }
}
.point-interview01 .point-interview01-txt::after {
  border-bottom: 2px solid #00beaa;
  border-left: 2px solid #00beaa;
}

.point-interview02 {
  margin: -6.041vw 11.82vw 0 auto;
  width: 42.34vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .point-interview02 {
    margin: 0 -2vw 0 -2vw;
    width: 104vw;
  }
}
.point-interview02 .point-interview01-txt {
  left: 10.2vw;
  top: 20.31vw;
  border: 2px solid #ff7bac;
  color: #ff87a0;
}
@media (max-width: 767px) {
  .point-interview02 .point-interview01-txt {
    top: -10vw;
    left: 18.26vw;
  }
}
.point-interview02 .point-interview01-txt::after {
  border-bottom: 2px solid #ff7bac;
  border-left: 2px solid #ff7bac;
}

.point-interview03 {
  margin: -4.68vw 0 0 11.82vw;
  width: 42.13vw;
  position: relative;
}
@media (max-width: 767px) {
  .point-interview03 {
    margin: 0 -2vw 0 -2vw;
    width: 104vw;
  }
}
.point-interview03 .point-interview01-txt {
  left: 5.93vw;
  top: 24.06vw;
  border: 2px solid #ffc800;
  color: #ff931e;
}
@media (max-width: 767px) {
  .point-interview03 .point-interview01-txt {
    top: -10vw;
    left: 18.26vw;
  }
}
.point-interview03 .point-interview01-txt::after {
  border-bottom: 2px solid #ffc800;
  border-left: 2px solid #ffc800;
}

.point-interview01-txt {
  position: absolute;
  padding: 2.08vw 2.08vw 0.5vw 2.08vw;
  background: #fff;
  border-radius: 1.56vw;
  width: 24.73vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .point-interview01-txt {
    width: 73.07vw;
    border-radius: 4vw;
    padding: 5vw 5vw 2vw 5vw;
    position: relative;
  }
}
.point-interview01-txt::after {
  content: "";
  position: absolute;
  top: -1.12vw;
  right: 4vw;
  width: 2vw;
  height: 2vw;
  display: inline-block;
  transform: rotate(135deg);
  background: #fff;
  border-radius: 0.2vw;
}
@media (max-width: 767px) {
  .point-interview01-txt::after {
    width: 8.461vw;
    height: 8.461vw;
    top: -4.8vw;
    right: 10vw;
  }
}
.point-interview01-txt h4 {
  text-align: center;
  font-size: 1.35vw;
  line-height: 1;
  margin-bottom: 1.56vw;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 767px) {
  .point-interview01-txt h4 {
    font-size: 4vw;
    margin-bottom: 3vw;
  }
}
.point-interview01-txt p {
  font-size: 0.93vw;
  line-height: 2.2;
  font-weight: 700;
}
@media (max-width: 767px) {
  .point-interview01-txt p {
    font-size: 2.769vw;
  }
}
.point-interview01-txt p.point-interview01-close {
  font-size: 1.354vw;
  text-align: right;
  cursor: pointer;
}
@media (max-width: 767px) {
  .point-interview01-txt p.point-interview01-close {
    font-size: 4vw;
  }
}
.point-interview01-txt .point-interview01-txt02 {
  display: none;
}

.point-interview-at {
  font-size: 0.93vw;
  width: 62.5vw;
  margin: 19.16vw auto 0 auto;
  letter-spacing: 0;
  display: flex;
  justify-content: flex-end;
  font-weight: 500;
  text-indent: -1em;
}
@media (max-width: 767px) {
  .point-interview-at {
    margin: 23vw auto 0 auto;
    width: 73vw;
    font-size: 2.461vw;
  }
}

.point-interview-img01 {
  position: absolute;
  right: 14.58vw;
  top: 7.7vw;
  width: 6.979vw;
}
@media (max-width: 767px) {
  .point-interview-img01 {
    top: 27vw;
    width: 15vw;
    right: 10vw;
  }
}
.point-interview-img01 img {
  width: 100%;
}

.point-interview-img02 {
  position: absolute;
  right: 19.63vw;
  top: 13.28vw;
  width: 18.02vw;
}
@media (max-width: 767px) {
  .point-interview-img02 {
    top: 10vw;
    width: 25vw;
    right: inherit;
    left: 2vw;
  }
}
.point-interview-img02 img {
  width: 100%;
}

.point-interview-img03 {
  position: absolute;
  left: 45.31vw;
  top: 32.65vw;
  width: 10vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img03 {
    left: inherit;
    right: -20vw;
    width: 30vw;
    top: 95vw;
  }
}
.point-interview-img03 img {
  width: 100%;
}

.point-interview-img04 {
  position: absolute;
  right: 13.54vw;
  top: 28.6vw;
  width: 9.01vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img04 {
    right: inherit;
    left: -9vw;
    width: 27vw;
    top: 120vw;
  }
}
.point-interview-img04 img {
  width: 100%;
}

.point-interview-img05 {
  position: absolute;
  left: 15vw;
  top: 53.9vw;
  width: 11.87vw;
  z-index: 1;
}
@media (max-width: 767px) {
  .point-interview-img05 {
    left: -19vw;
    top: 255vw;
    width: 32vw;
  }
}
.point-interview-img05 img {
  width: 100%;
}

.point-interview-img06 {
  position: absolute;
  left: 46.77vw;
  top: 82.08vw;
  width: 13.85vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img06 {
    left: inherit;
    right: -24vw;
    top: 285vw;
    width: 39vw;
  }
}
.point-interview-img06 img {
  width: 100%;
}

.point-interview-img07 {
  position: absolute;
  left: 8.9vw;
  top: 92.39vw;
  width: 6.145vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img07 {
    left: 4.9vw;
    top: 295vw;
    width: 14.145vw;
    z-index: -1;
  }
}
.point-interview-img07 img {
  width: 100%;
}

.point-interview-img08 {
  position: absolute;
  left: 0;
  top: -6.51vw;
  width: 11.87vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img08 {
    display: none;
  }
}
.point-interview-img08 img {
  width: 100%;
}

.point-interview-img09 {
  position: absolute;
  right: 0;
  top: 14.06vw;
  width: 5.989vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img09 {
    display: none;
  }
}
.point-interview-img09 img {
  width: 100%;
}

.point-interview-img10 {
  position: absolute;
  left: 1.302vw;
  top: 43.75vw;
  width: 15.62vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img10 {
    left: -7.698vw;
    top: -381.25vw;
    width: 26.62vw;
  }
}
.point-interview-img10 img {
  width: 100%;
}

.point-interview-img11 {
  position: absolute;
  left: 5.208vw;
  bottom: 9.375vw;
  width: 13.69vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img11 {
    display: none;
  }
}
.point-interview-img11 img {
  width: 100%;
}

.point-interview-img12 {
  position: absolute;
  right: 0;
  bottom: 22.34vw;
  width: 17.96vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .point-interview-img12 {
    right: -11.34vw;
    bottom: 0.34vw;
    width: 28.96vw;
  }
}
.point-interview-img12 img {
  width: 100%;
}

.point-interview-img13 {
  position: absolute;
  right: 5vw;
  top: 202.34vw;
  width: 8vw;
}
.point-interview-img13 img {
  width: 100%;
}

#voice {
  background: #e8d8f2 url("../images/recruit/top/voice-bg01.webp") no-repeat center top;
  background-size: 100% auto;
  padding: 0 0 6.25vw 0;
}

.voice-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 1.56vw auto;
}
@media (max-width: 767px) {
  .voice-title {
    width: 73.84vw;
    margin: 0 auto 7vw auto;
  }
}
.voice-title img {
  width: 100%;
  margin: -1vw 0 0 0;
}

.voice-read {
  text-align: center;
  font-size: 1.66vw;
  line-height: 1.7;
  font-weight: 700;
  margin-bottom: 3.38vw;
}
@media (max-width: 767px) {
  .voice-read {
    font-size: 3.692vw;
    margin-bottom: 7.384vw;
  }
}

.voice-box01 {
  width: 62.5vw;
  margin: 0 auto 4.166vw auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .voice-box01 {
    width: auto;
  }
}
.voice-box01 h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.083vw 1.979vw 2.083vw 4.166vw;
  color: #fff;
  font-weight: 700;
  font-size: 2.08vw;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .voice-box01 h5 {
    font-size: 5vw;
    line-height: 1.5;
    text-align: center;
  }
}
.voice-box01 h5 .q {
  font-size: 3.75vw;
  line-height: 1.7;
  margin-right: 1.3vw;
  line-height: 1;
}
@media (max-width: 767px) {
  .voice-box01 h5 .q {
    font-size: 9vw;
    margin: -2.5vw 3.846vw 0 0;
  }
}
.voice-box01.pink h5 {
  background: #ff87a0;
}
.voice-box01.pink h5 .toggle {
  background: #ffc3cf;
}
.voice-box01.pink h5 .toggle::before, .voice-box01.pink h5 .toggle::after {
  background: #ffffff;
}
.voice-box01.pink .voice-box02 {
  background: #ffc3cf;
}
@media (max-width: 767px) {
  .voice-box01.pink .voice-box02 {
    padding: 6.153vw 0 25.5vw 0;
  }
}
.voice-box01.orange h5 {
  background: #ff931e;
}
.voice-box01.orange h5 .toggle {
  background: #ffc98e;
}
.voice-box01.orange h5 .toggle::before, .voice-box01.orange h5 .toggle::after {
  background: #ffffff;
}
.voice-box01.orange .voice-box02 {
  background: #ffc98e;
}
.voice-box01.green h5 {
  background: #7ac943;
}
.voice-box01.green h5 .toggle {
  background: #bce4a1;
}
.voice-box01.green h5 .toggle::before, .voice-box01.green h5 .toggle::after {
  background: #ffffff;
}
.voice-box01.green .voice-box02 {
  background: #bce4a1;
}

.voice-box03 {
  padding: 2vw 4.166vw;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1.255vw;
  width: 37.29vw;
  margin: 0 auto 2.083vw auto;
}
@media (max-width: 767px) {
  .voice-box03 {
    width: 84.61vw;
    border-radius: 4vw;
    padding: 5vw 7.692vw;
    margin-bottom: 6.153vw;
  }
}
.voice-box03:nth-last-child(1) {
  margin-bottom: 0;
}
.voice-box03 p {
  font-size: 0.93vw;
  font-weight: 500;
  line-height: 2.2;
}
@media (max-width: 767px) {
  .voice-box03 p {
    font-size: 2.769vw;
  }
}

.voice-box03-txt02 {
  text-align: right;
}

.voice-box02 {
  padding: 3.8vw 0;
  position: relative;
  border-radius: 0 0 1vw 1vw;
}
@media (max-width: 767px) {
  .voice-box02 {
    padding: 6.153vw 0 25.5vw 0;
    border-radius: 0 0 4vw 4vw;
  }
}

.voice-img01 {
  position: absolute;
  right: 3.125vw;
  bottom: 0;
  width: 11.04vw;
}
@media (max-width: 767px) {
  .voice-img01 {
    width: 32vw;
  }
}

.voice-img02 {
  position: absolute;
  left: 0.364vw;
  bottom: 0;
  width: 18.22vw;
}
@media (max-width: 767px) {
  .voice-img02 {
    left: 3.364vw;
    width: 41.22vw;
  }
}

.voice-img03 {
  position: absolute;
  right: 0.26vw;
  bottom: 0;
  width: 15.05vw;
}
@media (max-width: 767px) {
  .voice-img03 {
    right: 2vw;
    width: 37.05vw;
  }
}

.voice-img04 {
  position: absolute;
  left: 1.927vw;
  bottom: 0;
  width: 14.68vw;
}
@media (max-width: 767px) {
  .voice-img04 {
    left: 5.927vw;
    width: 26.68vw;
  }
}

.break {
  background-image: url("../images/recruit/top/voice-bg02.svg");
  background-size: 100% auto;
  padding: 5.208vw 0 8.2vw 0;
  width: 79.16vw;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .break {
    background-image: url("../images/recruit/top/voice-bg02-sp.svg");
    background-size: 100% auto;
    padding: 15.384vw 0 15.5vw 0;
    width: 89.23vw;
    margin-top: 10vw;
  }
}
.break h2 {
  margin-bottom: 2vw;
  width: 59.32vw;
  margin: 0 auto 2vw auto;
}
.break h2 img {
  width: 100%;
}
.break p {
  text-align: center;
  font-size: 0.93vw;
  line-height: 2.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .break p {
    font-size: 2.769vw;
    margin: 7.692vw 0;
  }
}

.break-title {
  width: 49.635vw;
  margin: 0 auto 2.604vw auto;
}
@media (max-width: 767px) {
  .break-title {
    width: 80vw;
    margin: 0 auto 27vw auto;
  }
}

.break-box01,
.break-box02,
.break-box03,
.break-box04 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .break-box01,
.break-box02,
.break-box03,
.break-box04 {
    display: block;
  }
}
.break-box01 img,
.break-box02 img,
.break-box03 img,
.break-box04 img {
  width: 100%;
}

.break-box01 {
  padding: 0 13.02vw 0 18.48vw;
}
@media (max-width: 767px) {
  .break-box01 {
    padding: 0 5vw;
  }
}
.break-box01 .break-box-img {
  width: 32.34vw;
}
@media (max-width: 767px) {
  .break-box01 .break-box-img {
    width: auto;
  }
}

.break-box02 {
  padding: 0 16.66vw 0 20.57vw;
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .break-box02 {
    padding: 0 5vw;
  }
}
.break-box02 .break-box-img {
  width: 26.61vw;
}
@media (max-width: 767px) {
  .break-box02 .break-box-img {
    width: 71.3vw;
    margin: 0 auto;
  }
}

.break-box03 {
  padding: 0 16.63vw 0 14.06vw;
}
@media (max-width: 767px) {
  .break-box03 {
    padding: 0 5vw;
  }
}
.break-box03 .break-box-img {
  width: 30.88vw;
}
@media (max-width: 767px) {
  .break-box03 .break-box-img {
    width: auto;
    margin-top: 24.61vw;
  }
}

.break-box04 {
  padding: 0 21.09vw 0 19.27vw;
  flex-direction: row-reverse;
  margin-top: 1vw;
}
@media (max-width: 767px) {
  .break-box04 {
    padding: 0 5vw;
  }
}
.break-box04 .break-box-img {
  width: 22.39vw;
}
@media (max-width: 767px) {
  .break-box04 .break-box-img {
    width: 60vw;
    margin: 36.92vw auto 0 auto;
  }
}

.break-box-img01 {
  position: absolute;
  left: 8.072vw;
  top: 2.916vw;
  width: 8.854vw;
}
@media (max-width: 767px) {
  .break-box-img01 {
    left: 6.072vw;
    top: -16.084vw;
    width: 22.854vw;
    transform: rotate(20deg);
  }
}

.break-box-img02 {
  position: absolute;
  left: 13.02vw;
  top: 17.44vw;
  width: 4.27vw;
}
@media (max-width: 767px) {
  .break-box-img02 {
    left: 7.02vw;
    top: 59.44vw;
    width: 9.27vw;
  }
}

.break-box-img03 {
  position: absolute;
  right: 3.12vw;
  top: -3.541vw;
  width: 15.625vw;
}
@media (max-width: 767px) {
  .break-box-img03 {
    right: -19.88vw;
    top: -131.541vw;
    width: 32.625vw;
  }
}

.break-box-img04 {
  position: absolute;
  right: 7.03vw;
  top: 19.63vw;
  width: 7.03vw;
}
@media (max-width: 767px) {
  .break-box-img04 {
    right: 5.03vw;
    top: 77.63vw;
    width: 19.03vw;
  }
}

.break-box-img05 {
  position: absolute;
  left: 6.145vw;
  top: -3.125vw;
  width: 10.52vw;
}
@media (max-width: 767px) {
  .break-box-img05 {
    left: 6.145vw;
    top: -34.125vw;
    width: 20.52vw;
  }
}

.break-box-img06 {
  position: absolute;
  right: 10.41vw;
  top: 0;
  width: 8.697vw;
}
@media (max-width: 767px) {
  .break-box-img06 {
    right: 4.41vw;
    top: -18.697vw;
    width: 21.697vw;
  }
}

.break-box-img07 {
  position: absolute;
  left: 1.5vw;
  top: 14.84vw;
  width: 15.625vw;
}
@media (max-width: 767px) {
  .break-box-img07 {
    left: -14.5vw;
    top: -65.16vw;
    width: 29.625vw;
  }
}

.break-box-img08 {
  position: absolute;
  right: 11.71vw;
  top: 14.84vw;
  width: 5.572vw;
}
@media (max-width: 767px) {
  .break-box-img08 {
    right: 4.71vw;
    top: 80.84vw;
    width: 12.572vw;
  }
}

.break-box-img09 {
  position: absolute;
  left: 8.541vw;
  top: 0;
  width: 9.06vw;
}
@media (max-width: 767px) {
  .break-box-img09 {
    left: 8.541vw;
    top: -22.06vw;
    width: 25.06vw;
  }
}

.break-box-img10 {
  position: absolute;
  left: 10.67vw;
  top: 11.97vw;
  width: 5.05vw;
}
@media (max-width: 767px) {
  .break-box-img10 {
    left: 2.67vw;
    top: 66.97vw;
    width: 14.05vw;
  }
}

.break-box-img11 {
  position: absolute;
  right: 11.09vw;
  top: 5.041vw;
  width: 10.93vw;
}
@media (max-width: 767px) {
  .break-box-img11 {
    right: -0.91vw;
    top: 88.041vw;
    width: 24.93vw;
  }
}

.break-box-img12 {
  position: absolute;
  right: 3.385vw;
  top: 18.5vw;
  width: 13.69vw;
}

.insight {
  padding: 7.81vw 0 8.85vw 0;
  position: relative;
}
@media (max-width: 767px) {
  .insight {
    padding: 21.53vw 0 0 0;
  }
}

.insight-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 2.604vw auto;
}
@media (max-width: 767px) {
  .insight-title {
    width: 73.84vw;
    margin: 0 auto 7vw auto;
  }
}
.insight-title img {
  width: 100%;
}

.insight-txt01 {
  text-align: center;
  font-size: 1.66vw;
  line-height: 1.7;
  font-weight: 700;
  margin-bottom: 3.38vw;
  width: 62.5vw;
  margin: 0 auto 3.38vw auto;
}
@media (max-width: 767px) {
  .insight-txt01 {
    font-size: 3.692vw;
    margin-bottom: 18.46vw;
    width: auto;
  }
}

.insight-img01 {
  width: 28.958vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .insight-img01 {
    width: 85.53vw;
  }
}
.insight-img01 img {
  width: 100%;
}

.insight-title02 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  width: 62.5vw;
  margin: 2.604vw auto 2.604vw auto;
  font-size: 1.666vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .insight-title02 {
    width: auto;
    font-size: 4.923vw;
    margin: 11.53vw auto 0 auto;
  }
}
.insight-title02::before, .insight-title02::after {
  content: "";
  display: block;
  width: 4.375vw;
  height: 0.156vw;
  background: #000;
}
@media (max-width: 767px) {
  .insight-title02::before, .insight-title02::after {
    width: 12.92vw;
    height: 0.5vw;
  }
}
.insight-title02::before {
  margin-right: 1.041vw;
  transform: rotate(60deg);
}
@media (max-width: 767px) {
  .insight-title02::before {
    margin-right: 0.2vw;
  }
}
.insight-title02::after {
  margin-left: 1.041vw;
  transform: rotate(-60deg);
}
@media (max-width: 767px) {
  .insight-title02::after {
    margin-left: 0.2vw;
  }
}
.insight-title02 img {
  width: 100%;
}

.insight-title02-img01 {
  position: absolute;
  left: 0;
  top: -2.083vw;
  width: 6.666vw;
}
@media (max-width: 767px) {
  .insight-title02-img01 {
    width: 19.69vw;
    left: 2vw;
  }
}
.insight-title02-img01 img {
  width: 100%;
}

.insight-title02-img02 {
  position: absolute;
  right: 0;
  top: -2.083vw;
  width: 6.666vw;
}
@media (max-width: 767px) {
  .insight-title02-img02 {
    width: 19.69vw;
    right: 2vw;
  }
}
.insight-title02-img02 img {
  width: 100%;
}

.insight01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 62.5vw;
  margin: 3.645vw auto;
}
@media (max-width: 767px) {
  .insight01 {
    width: auto;
    display: block;
    padding: 0 4.615vw;
    margin: 20.76vw auto 0 auto;
  }
}

.insight02 {
  background: #ffe999;
  border-radius: 1.115vw;
  width: 30.15vw;
  position: relative;
  padding: 3.645vw 2.604vw 2.08vw 2.604vw;
  box-sizing: border-box;
  margin: 1.562vw auto;
}
@media (max-width: 767px) {
  .insight02 {
    width: auto;
    margin-bottom: 19.23vw;
    padding: 10vw 7.692vw 4.615vw 7.692vw;
  }
}
.insight02 h4 {
  width: 6.093vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3.05vw;
}
@media (max-width: 767px) {
  .insight02 h4 {
    width: 18vw;
    top: -10vw;
  }
}
.insight02 h4 img {
  width: 100%;
}

.insight03 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.645vw;
}
@media (max-width: 767px) {
  .insight03 {
    margin-bottom: 7.692vw;
  }
}
.insight03 h5 {
  font-size: 1.55vw;
  line-height: 1.7;
  margin-bottom: 1vw;
  font-weight: 700;
  height: 5.3em;
}
@media (max-width: 767px) {
  .insight03 h5 {
    margin-bottom: 3.846vw;
    font-size: 4.923vw;
  }
}
.insight03 p {
  font-size: 0.85vw;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .insight03 p {
    font-size: 2.7vw;
  }
}
.insight03 figure {
  width: 13.22vw;
}
@media (max-width: 767px) {
  .insight03 figure {
    width: 39.07vw;
  }
}
.insight03 figure img {
  width: 100%;
}

.insight-open {
  font-size: 1.25vw;
  font-weight: 700;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 1.3253vw;
  width: 19.79vw;
  margin: 0 auto;
  text-align: center;
  line-height: 4.166vw;
  box-sizing: border-box;
  box-shadow: inset -1px 1px 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
@media (max-width: 767px) {
  .insight-open {
    font-size: 3.692vw;
    border-radius: 3.846vw;
    line-height: 12.3vw;
    width: 58.46vw;
  }
}
.insight-open.active {
  display: none;
}

.insight-box {
  display: none;
}
.insight-box figure {
  width: 21.87vw;
  margin: 1.5vw auto;
}
@media (max-width: 767px) {
  .insight-box figure {
    width: 60.61vw;
    margin: 4.615vw auto;
  }
}
.insight-box figure img {
  width: 100%;
}

.insight02-txt01 {
  font-size: 0.937vw;
  line-height: 2.2;
}
@media (max-width: 767px) {
  .insight02-txt01 {
    font-size: 2.769vw;
  }
}

.insight-close {
  font-size: 1.25vw;
  font-weight: 700;
  background: #ffc800;
  border: 1px solid #ffc800;
  border-radius: 1.3253vw;
  width: 19.79vw;
  margin: 0 auto;
  text-align: center;
  line-height: 4.166vw;
  box-sizing: border-box;
  box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.2), -1px -1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #fff;
}
@media (max-width: 767px) {
  .insight-close {
    font-size: 3.692vw;
    border-radius: 3.846vw;
    line-height: 12.3vw;
    width: 58.46vw;
  }
}

.insight-img02 {
  position: absolute;
  width: 3.541vw;
  top: 31.354vw;
  right: 13.28vw;
}
@media (max-width: 767px) {
  .insight-img02 {
    display: none;
  }
}

.insight-img03 {
  position: absolute;
  width: 2.395vw;
  top: 60.552vw;
  right: 11.14vw;
}
@media (max-width: 767px) {
  .insight-img03 {
    display: none;
  }
}

.insight-img04 {
  position: absolute;
  width: 2.812vw;
  top: 70.85vw;
  left: 9.27vw;
}
@media (max-width: 767px) {
  .insight-img04 {
    display: none;
  }
}

.insight-img05 {
  position: absolute;
  width: 15.36vw;
  top: 8.593vw;
  left: 0;
}
@media (max-width: 767px) {
  .insight-img05 {
    display: none;
  }
}

.insight-img06 {
  position: absolute;
  width: 20.31vw;
  top: 3.64vw;
  right: 0;
}
@media (max-width: 767px) {
  .insight-img06 {
    width: 32.31vw;
    top: -176.36vw;
  }
}

.insight-img07 {
  position: absolute;
  width: 14.84vw;
  top: 73.87vw;
  left: 0;
}
@media (max-width: 767px) {
  .insight-img07 {
    width: 24.84vw;
    top: -46.13vw;
  }
}

.message {
  background-image: url("../images/recruit/top/message-bg01.webp");
  background-size: 100% calc(100% - 4.166vw);
  padding: 0 0 5.726vw 0;
  position: relative;
}
@media (max-width: 767px) {
  .message {
    padding: 0 0 17.692vw 0;
    background-image: url("../images/recruit/top/message-bg01-sp.webp");
    background-size: 100% 100%;
  }
}

.message-title {
  text-align: center;
  width: 31.25vw;
  margin: 0 auto 1.56vw auto;
}
@media (max-width: 767px) {
  .message-title {
    width: 73.84vw;
    margin: 0 auto 7vw auto;
  }
}
.message-title img {
  width: 100%;
}

.message01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 71.35vw;
  margin: 7vw auto 3.38vw auto;
}
@media (max-width: 767px) {
  .message01 {
    width: auto;
    display: block;
    margin: 0 auto 18.46vw auto;
  }
}
.message01 figure {
  width: 38.02vw;
}
@media (max-width: 767px) {
  .message01 figure {
    width: auto;
    margin: 0 3.84vw;
  }
}
.message01 figure img {
  width: 100%;
}

.message02 {
  width: 28.9vw;
}
@media (max-width: 767px) {
  .message02 {
    width: auto;
    margin: 9.23vw 7.692vw 0 7.692vw;
  }
}
.message02 h3 {
  font-size: 1.66vw;
  line-height: 1.7;
  font-weight: 700;
  margin-bottom: 2vw;
}
@media (max-width: 767px) {
  .message02 h3 {
    font-size: 4.923vw;
    margin-bottom: 5vw;
  }
}
.message02 p {
  font-size: 1.145vw;
  line-height: 2.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .message02 p {
    font-size: 3.076vw;
  }
}

.message03 {
  background-image: url("../images/recruit/top/message-bg02.svg");
  background-size: 100% auto;
  width: 66.77vw;
  height: 44.01vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-right: 3vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .message03 {
    background: url("../images/recruit/top/message-bg02.svg") no-repeat center center;
    background-size: 200% auto;
    width: auto;
    height: 129.846vw;
    align-items: flex-start;
  }
}
.message03 h3 {
  font-size: 2.083vw;
  line-height: 1.7;
  width: 28.64vw;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 1vw;
  text-align: center;
}
@media (max-width: 767px) {
  .message03 h3 {
    width: auto;
    margin: 9.23vw 7.692vw 6.923vw 7.692vw;
    font-size: 6.153vw;
    text-align: left;
  }
}
.message03 h3 strong {
  color: #ed1e79;
}
.message03 p {
  font-size: 1.145vw;
  line-height: 2.2;
  font-weight: 500;
  width: 28.64vw;
}
@media (max-width: 767px) {
  .message03 p {
    width: auto;
    margin: 0 7.692vw;
    font-size: 3.076vw;
  }
}

.message04 {
  width: 62.5vw;
  margin: 10.41vw auto 0 auto;
  border-radius: 1.041vw;
  background: #fff;
  padding: 1.562vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .message04 {
    width: auto;
    margin: 20.76vw auto 0 auto;
    border-radius: 4vw;
    padding: 5vw;
  }
}

.message05 {
  background: url("../images/recruit/top/message-bg03.svg") no-repeat center top;
  background-size: 100% auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6.95vw 3.125vw 6.95vw 5.46vw;
}
@media (max-width: 767px) {
  .message05 {
    display: block;
    background: url("../images/recruit/top/message-bg03-sp.svg") no-repeat center top;
    background-size: 100% auto;
  }
}
.message05 figure {
  width: 21.71vw;
}
@media (max-width: 767px) {
  .message05 figure {
    width: 64.15vw;
    margin: 7.692vw auto 0 auto;
  }
}
.message05 figure img {
  width: 100%;
}

.message06 {
  width: 26.56vw;
}
@media (max-width: 767px) {
  .message06 {
    width: auto;
  }
}
.message06 h3 {
  font-size: 2.08vw;
  line-height: 1.7;
  font-weight: 700;
  margin-bottom: 2vw;
  letter-spacing: 0.25em;
}
@media (max-width: 767px) {
  .message06 h3 {
    font-size: 6.153vw;
    margin-bottom: 5vw;
    text-align: center;
  }
}
.message06 p {
  font-size: 1.02vw;
  line-height: 2.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .message06 p {
    font-size: 3.07vw;
  }
}

.message-at {
  font-size: 0.781vw;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  text-align: right;
  margin: 5.2vw 4.68vw 0 0;
}
@media (max-width: 767px) {
  .message-at {
    margin: 15vw 4.68vw 0 0;
    font-size: 2.3076vw;
  }
}

.message-img02 {
  position: absolute;
  right: 0;
  top: -6vw;
  width: 7.812vw;
}
@media (max-width: 767px) {
  .message-img02 {
    top: -366vw;
    width: 13.812vw;
  }
}

.job {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  height: 4.166vw;
  z-index: 5;
}
@media (max-width: 767px) {
  .job {
    height: 12.3vw;
  }
}
.job.job-top {
  opacity: 0;
  transition: opacity 0.3s;
  visibility: hidden;
}
.job.job-top.on {
  opacity: 1;
  visibility: visible;
}

.job-btn {
  font-size: 2.083vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .job-btn {
    font-size: 4.615vw;
  }
}
.job-btn a {
  background: #d4145a;
  display: block;
  line-height: 4.166vw;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding-right: 4.166vw;
  transition: 0.2s opacity;
}
@media (max-width: 767px) {
  .job-btn a {
    padding-right: 12.3vw;
    line-height: 12.3vw;
  }
}
.job-btn a:hover {
  opacity: 0.6;
}

.page-top {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4.166vw;
  height: 4.166vw;
  background: #000;
  cursor: pointer;
  transition: 0.2s opacity;
}
@media (max-width: 767px) {
  .page-top {
    width: 12.3vw;
    height: 12.3vw;
  }
}
.page-top:hover {
  opacity: 0.6;
}
.page-top::before, .page-top::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.7vw);
  left: calc(50% - 1px);
  width: 2px;
  height: 1.56vw;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 50% 1px;
}
@media (max-width: 767px) {
  .page-top::before, .page-top::after {
    top: calc(50% - 1.5vw);
    height: 5.07vw;
  }
}
.page-top::before {
  transform: rotate(45deg);
}
.page-top::after {
  transform: rotate(-45deg);
}

/* interview
----------------------------------------------------*/
.interview-box {
  width: min(90%, 62.5vw);
  margin: 11.45vw auto 0 auto;
}
@media (max-width: 767px) {
  .interview-box {
    width: 86.92vw;
    margin: 20.76vw auto 0 auto;
  }
}

.interview-title-detail {
  position: relative;
  text-align: center;
}
.interview-title-detail h1 {
  width: 38.95vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .interview-title-detail h1 {
    width: 75.53vw;
  }
}

.back {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 6.197vw;
}
@media (max-width: 767px) {
  .back {
    width: 18vw;
    margin: 23.07vw auto 0 auto;
    position: static;
    transform: inherit;
  }
}

.interview-title01 {
  text-align: center;
  background: url(../../dariya/images/recruit/interview/interview-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
  font-size: 2.343vw;
  line-height: 1.2;
  padding: 1.72% 0;
  color: #fff;
  font-weight: 700;
  margin: 3.906vw 0 1.562vw 0;
}
@media (max-width: 767px) {
  .interview-title01 {
    margin: 4.615vw 0;
    background: url(../../dariya/images/recruit/interview/interview-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
    font-size: 5.692vw;
    padding: 2.25% 0;
  }
}

.interview-title02 {
  font-size: 1.562vw;
  line-height: 1.2;
  color: #66cccc;
  font-weight: 700;
  margin: 1.562vw auto;
  position: relative;
  height: 2.343vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .interview-title02 {
    font-size: 4vw;
    width: auto;
    height: 5.384vw;
    margin: 4.615vw auto;
  }
}
.interview-title02::before {
  content: "";
  width: 0.781vw;
  height: 2.343vw;
  background: url(../../dariya/images/recruit/interview/kakko-l.svg) no-repeat center center;
  background-size: auto 100%;
  margin-right: 2vw;
}
@media (max-width: 767px) {
  .interview-title02::before {
    width: 1.538vw;
    height: 5.384vw;
    margin-right: 3vw;
  }
}
.interview-title02::after {
  content: "";
  width: 0.781vw;
  height: 2.343vw;
  background: url(../../dariya/images/recruit/interview/kakko-r.svg) no-repeat center center;
  background-size: auto 100%;
  margin-left: 2vw;
}
@media (max-width: 767px) {
  .interview-title02::after {
    width: 1.538vw;
    height: 5.384vw;
    margin-left: 3vw;
  }
}

.interview-title03 {
  display: flex;
  align-items: center;
  margin: 3.645vw 0 1.562vw 0;
  font-size: 2vw;
  color: #66cccc;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .interview-title03 {
    font-size: 4.923vw;
    margin: 11.53vw 0 6.923vw 0;
    position: relative;
  }
}
.interview-title03 span {
  margin-right: 1.041vw;
  min-width: 4.114vw;
  max-width: 4.114vw;
}
@media (max-width: 767px) {
  .interview-title03 span {
    min-width: 9.692vw;
    max-width: 9.692vw;
    margin-right: 3.125vw;
  }
}

.interview-txt {
  font-size: 1.041vw;
  line-height: 2.1;
  margin-bottom: 1.562vw;
}
@media (max-width: 767px) {
  .interview-txt {
    font-size: 3.384vw;
    margin-bottom: 11.53vw;
  }
}

.interview-box01 {
  margin: 7.291vw 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 2.083vw;
  position: relative;
}
@media (max-width: 767px) {
  .interview-box01 {
    margin: 12.083vw 0 0 0;
    display: block;
  }
}
.interview-box01 .interview-box02 {
  width: 23.17vw;
}
@media (max-width: 767px) {
  .interview-box01 .interview-box02 {
    width: auto;
  }
}
.interview-box01 .interview-box02 .interview-box02-img01 {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-box01 .interview-box02 .interview-box02-img01 {
    width: 68.46vw;
    margin: 0 auto;
  }
}
.interview-box01 .interview-box02 .interview-box02-img01 img {
  border-radius: 1.3vw;
}
@media (max-width: 767px) {
  .interview-box01 .interview-box02 .interview-box02-img01 img {
    border-radius: 2.769vw;
  }
}
.interview-box01 .interview-box02 .interview-box02-img02 {
  position: absolute;
  left: -4.687vw;
  bottom: -4.687vw;
  width: 16.77vw;
}
@media (max-width: 767px) {
  .interview-box01 .interview-box02 .interview-box02-img02 {
    width: 49.23vw;
    bottom: -13.687vw;
  }
}
.interview-box01 .interview-box03 {
  width: calc(100% - 25.26vw);
}
@media (max-width: 767px) {
  .interview-box01 .interview-box03 {
    width: auto;
  }
}
.interview-box01 .interview-title03 {
  margin: 0 0 1.562vw 0;
}
@media (max-width: 767px) {
  .interview-box01 .interview-title03 {
    margin: 0 0 6.923vw 0;
  }
}

.interview-2staff {
  display: flex;
  justify-content: space-between;
  gap: 1.4vw;
  margin-bottom: 1.562vw;
}
@media (max-width: 767px) {
  .interview-2staff {
    margin-bottom: 11.53vw;
  }
}
@media (max-width: 767px) {
  .interview-2staff {
    gap: 3vw;
  }
}
.interview-2staff figure {
  width: 3.8vw;
}
@media (max-width: 767px) {
  .interview-2staff figure {
    width: 11.23vw;
  }
}
.interview-2staff p {
  width: calc(100% - 5.2vw);
  margin: 0;
}
@media (max-width: 767px) {
  .interview-2staff p {
    width: calc(100% - 15vw);
  }
}

.one-day {
  background: url(../../dariya/images/recruit/interview/oneday-bg.webp) repeat top left;
  background-size: 22px 22px;
  margin-top: 22.343vw;
  position: relative;
  padding-bottom: 6.562vw;
}
@media (max-width: 767px) {
  .one-day {
    margin-top: 30vw;
    padding-bottom: 15vw;
  }
}

.one-day-title {
  left: 50%;
  top: -4.791vw;
  transform: translate(-50%, 0);
  position: relative;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .one-day-title {
    top: -12.45vw;
  }
}
.one-day-title::after {
  content: "";
  position: absolute;
  bottom: 1.562vw;
  right: 0;
  width: calc(50% - 13.54vw);
  height: 0.625vw;
  background: #66cccc;
}
@media (max-width: 767px) {
  .one-day-title::after {
    width: calc(50% - 32vw);
    height: 1.846vw;
    bottom: 3.384vw;
  }
}
.one-day-title::before {
  content: "";
  position: absolute;
  bottom: 1.562vw;
  left: 0;
  width: calc(50% - 13.54vw);
  height: 0.625vw;
  background: #66cccc;
}
@media (max-width: 767px) {
  .one-day-title::before {
    width: calc(50% - 32vw);
    height: 1.846vw;
    bottom: 3.384vw;
  }
}
.one-day-title h2 {
  font-size: 1.666vw;
  font-weight: 700;
  margin-bottom: 0.781vw;
  line-height: 1;
}
@media (max-width: 767px) {
  .one-day-title h2 {
    margin-bottom: 3.076vw;
    font-size: 3.692vw;
  }
}
.one-day-title figure {
  width: 26.197vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .one-day-title figure {
    width: 59.69vw;
  }
}

.one-day-box {
  width: min(90%, 62.5vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .one-day-box {
    width: 88.46vw;
  }
}
.one-day-box dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4.687vw 0;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .one-day-box dl {
    gap: 10.76vw 0;
  }
}
.one-day-box dl dt {
  display: flex;
  align-items: center;
  font-size: 2.916vw;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .one-day-box dl dt {
    font-size: 6.153vw;
  }
}
.one-day-box dl dt::before {
  content: "";
  background: #66cccc;
  height: calc(tan(65deg) * 1.562vw / 2);
  width: 1.562vw;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  margin-right: 2.083vw;
}
@media (max-width: 767px) {
  .one-day-box dl dt::before {
    height: calc(tan(70deg) * 3.076vw / 2);
    width: 4.153vw;
    margin-right: 2vw;
  }
}
.one-day-box dl dd {
  font-size: 2.083vw;
  line-height: 1.2;
  width: calc(100% - 13.8vw);
  font-weight: 700;
  position: relative;
}
@media (max-width: 767px) {
  .one-day-box dl dd {
    font-size: 4.615vw;
    width: calc(100% - 35.38vw);
  }
  .one-day-box dl dd .one-day-imgarea {
    display: flex;
    justify-content: center;
    margin: 3.076vw 0 0 -35.38vw;
    padding: 0 0 0 10vw;
  }
}
.one-day-box dl dd .one-day-box-txt {
  display: block;
  position: relative;
  font-size: 0.9vw;
  line-height: 1.2;
  margin-top: 1.041vw;
}
@media (max-width: 767px) {
  .one-day-box dl dd .one-day-box-txt {
    line-height: 1.6;
    margin: 3.076vw 0 0 -29vw;
    font-size: 3.384vw;
  }
}
.one-day-box dl dd .one-day-box-txt span {
  font-style: normal;
  padding-bottom: 0.2vw;
  background: linear-gradient(transparent 50%, rgba(102, 204, 204, 0.3) 50%);
}
.one-day-box dl dd .one-day-img02 {
  position: absolute;
  right: -4.62vw;
  top: -7.62vw;
  width: 15.62vw;
}
@media (max-width: 767px) {
  .one-day-box dl dd .one-day-img02 {
    width: 46.153vw;
    position: static;
    margin: 0 0 0 -12.3vw;
  }
}
.one-day-box dl dd .one-day-img03 {
  position: absolute;
  right: 0.38vw;
  top: 5.38vw;
  width: 15.62vw;
}
@media (max-width: 767px) {
  .one-day-box dl dd .one-day-img03 {
    width: 38.46vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 9.23vw;
  }
}

.one-day-at {
  font-size: 0.833vw;
  line-height: 1.2;
  text-align: right;
  margin: 11.041vw 4.166vw 0 0;
}
@media (max-width: 767px) {
  .one-day-at {
    margin: 9.23vw 0 0 0;
    font-size: 2.461vw;
    text-align: center;
  }
}

.interview-img01 {
  position: absolute;
  left: 1.302vw;
  top: 10vw;
  width: 15.62vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .interview-img01 {
    left: -7.698vw;
    top: -381.25vw;
    width: 26.62vw;
  }
}
.interview-img01 img {
  width: 100%;
}

.interview-img02 {
  position: absolute;
  top: 4vw;
  right: 0;
  width: 15.36vw;
}
@media (max-width: 767px) {
  .interview-img02 {
    top: 86vw;
    right: -8vw;
    width: 21.076vw;
  }
}

.interview-img03 {
  position: absolute;
  left: 0;
  top: 57vw;
  width: 11.87vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .interview-img03 {
    display: none;
  }
}
.interview-img03 img {
  width: 100%;
}

.interview-img04 {
  position: absolute;
  right: 0;
  top: 82.13vw;
  width: 9.11vw;
}
@media (max-width: 767px) {
  .interview-img04 {
    top: -18vw;
    width: 15vw;
  }
}

.interview-img05 {
  position: absolute;
  right: 1.82vw;
  top: 139vw;
  width: 12.2vw;
}
@media (max-width: 767px) {
  .interview-img05 {
    top: -330vw;
    width: 20vw;
    left: -5vw;
  }
}

.interview-img06 {
  position: absolute;
  right: 14vw;
  top: 71vw;
  width: 2.8125vw;
}
.interview-img07 {
  position: absolute;
  left: 7.81vw;
  top: 98vw;
  width: 2.447vw;
}
.interview-img08 {
  position: absolute;
  right: 8.645vw;
  top: 117vw;
  width: 3.541vw;
}
.interview-img09 {
  position: absolute;
  left: 0;
  top: 77vw;
  width: 13.38vw;
  z-index: -1;
}

.interview-img10 {
  position: absolute;
  right: -6.9vw;
  top: -3vw;
  width: 18.15vw;
}

.interview-img11 {
  position: absolute;
  right: -6.9vw;
  top: 63vw;
  width: 22.615vw;
}

.one-day-img01 {
  position: absolute;
  left: 0;
  top: 13vw;
  width: 12.54vw;
}

.one-day-img04 {
  position: absolute;
  width: 20vw;
  top: 32.593vw;
  left: -42.3vw;
}

.one-day-img05 {
  position: absolute;
  width: 17.53vw;
  bottom: 33.84vw;
  right: 0;
}

.interview01 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview01-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview01 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview01-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview01 .interview-title02 {
  color: #ffc800;
}
.interview01 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-01.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview01 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-01.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview01 .interview-title03 {
  color: #ffc800;
}
.interview01 .one-day-title::after {
  background: #ffc800;
}
.interview01 .one-day-title::before {
  background: #ffc800;
}
.interview01 .one-day-box dl dt::before {
  background: #ffc800;
}
@media (max-width: 767px) {
  .interview01 .one-day-box dl dd .one-day-imgarea {
    padding: 0;
  }
}
.interview01 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(255, 211, 50, 0.3) 50%);
}
.interview01 .one-day-box dl dd .one-day-img02 {
  right: -9.62vw;
  top: 11.38vw;
}
@media (max-width: 767px) {
  .interview01 .one-day-box dl dd .one-day-img02 {
    margin: 0 0 0 -6.3vw;
    width: 50vw;
  }
}
.interview01 .one-day-box dl dd .one-day-img03 {
  right: -8.62vw;
  top: 21.38vw;
  width: 18.07vw;
}
@media (max-width: 767px) {
  .interview01 .one-day-box dl dd .one-day-img03 {
    width: 50vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}
.interview01 .one-day-img04 {
  top: 200vw;
}
.interview01 .one-day-img05 {
  bottom: 65vw;
}

.interview02 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview02-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview02 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview02-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview02 .interview-title02 {
  color: #22b573;
}
.interview02 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-02.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview02 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-02.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview02 .interview-title03 {
  color: #22b573;
}
.interview02 .one-day-title::after {
  background: #22b573;
}
.interview02 .one-day-title::before {
  background: #22b573;
}
.interview02 .one-day-box dl dt::before {
  background: #22b573;
}
@media (max-width: 767px) {
  .interview02 .one-day-box dl dd .one-day-imgarea {
    padding: 0;
  }
}
.interview02 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(34, 181, 115, 0.3) 50%);
}
.interview02 .one-day-box dl dd .one-day-img03 {
  right: -14.62vw;
  top: -10.62vw;
  width: 30vw;
}
@media (max-width: 767px) {
  .interview02 .one-day-box dl dd .one-day-img03 {
    width: 85vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 6vw;
  }
}
.interview02 .one-day-img04 {
  top: 188vw;
}
.interview02 .one-day-img05 {
  bottom: 201vw;
}

.interview03 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview03-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview03 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview03-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview03 .interview-title02 {
  color: #ffb87d;
}
.interview03 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-03.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview03 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-03.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview03 .interview-title03 {
  color: #ffb87d;
}
.interview03 .one-day-title::after {
  background: #ffb87d;
}
.interview03 .one-day-title::before {
  background: #ffb87d;
}
.interview03 .one-day-box dl dt::before {
  background: #ffb87d;
}
@media (max-width: 767px) {
  .interview03 .one-day-box dl dd .one-day-imgarea {
    padding: 0;
  }
}
.interview03 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(255, 184, 125, 0.3) 50%);
}
.interview03 .one-day-box dl dd .one-day-img02 {
  right: -6.62vw;
  top: -38.62vw;
}
@media (max-width: 767px) {
  .interview03 .one-day-box dl dd .one-day-img02 {
    margin: 0 0 0 -18.3vw;
    width: 50vw;
  }
}
.interview03 .one-day-box dl dd .one-day-img03 {
  right: -10.62vw;
  top: -28.62vw;
  width: 19.73vw;
}
@media (max-width: 767px) {
  .interview03 .one-day-box dl dd .one-day-img03 {
    width: 60vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}
.interview03 .one-day-img04 {
  top: 165vw;
}
.interview03 .one-day-img05 {
  bottom: 177vw;
}

.interview04 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview04-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview04 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview04-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview04 .interview-title02 {
  color: #ff87a0;
}
@media (max-width: 767px) {
  .interview04 .interview-title02 {
    width: 85vw;
  }
}
.interview04 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-04.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview04 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-04.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview04 .interview-title03 {
  color: #ff87a0;
}
.interview04 .one-day-title::after {
  background: #ff87a0;
}
.interview04 .one-day-title::before {
  background: #ff87a0;
}
.interview04 .one-day-box dl dt::before {
  background: #ff87a0;
}
@media (max-width: 767px) {
  .interview04 .one-day-box dl dd .one-day-imgarea {
    padding: 0;
  }
}
.interview04 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(255, 135, 160, 0.3) 50%);
}
.interview04 .one-day-box dl dd .one-day-img02 {
  right: -7.62vw;
  top: -8.62vw;
}
@media (max-width: 767px) {
  .interview04 .one-day-box dl dd .one-day-img02 {
    margin: 0 0 0 -18.3vw;
    width: 50vw;
  }
}
.interview04 .one-day-box dl dd .one-day-img03 {
  right: -5.62vw;
  top: 1.38vw;
  width: 19.73vw;
}
@media (max-width: 767px) {
  .interview04 .one-day-box dl dd .one-day-img03 {
    width: 60vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}
.interview04 .one-day-img04 {
  top: 175vw;
}
.interview04 .one-day-img05 {
  bottom: 147vw;
}

.interview05 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview05-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview05 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview05-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview05 .interview-title02 {
  color: #66ccff;
}
@media (max-width: 767px) {
  .interview05 .interview-title02 {
    width: 85vw;
  }
}
.interview05 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-05.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview05 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-05.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview05 .interview-title03 {
  color: #66ccff;
}
.interview05 .one-day-title::after {
  background: #66ccff;
}
.interview05 .one-day-title::before {
  background: #66ccff;
}
@media (max-width: 767px) {
  .interview05 .one-day-box .one-day-imgarea {
    margin: -7vw 0 10vw 5vw;
  }
  .interview05 .one-day-box .one-day-imgarea .one-day-img02 {
    width: 60vw;
  }
  .interview05 .one-day-box .one-day-imgarea .one-day-img03 {
    width: 80vw;
    margin: 0 -13vw 0 -28vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}
.interview05 .one-day-box dl dt::before {
  background: #66ccff;
}
.interview05 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(102, 204, 255, 0.3) 50%);
}
.interview05 .one-day-box dl dd .one-day-img02 {
  right: -7.62vw;
  top: -8.62vw;
}
.interview05 .one-day-box dl dd .one-day-img03 {
  right: -9.62vw;
  top: 1.38vw;
  width: 25.93vw;
}
.interview05 .one-day-img04 {
  top: 262vw;
  left: 0;
}
.interview05 .one-day-img05 {
  bottom: 250vw;
}

.interview06 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview06-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview06 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview06-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview06 .interview-title02 {
  color: #a381bd;
}
@media (max-width: 767px) {
  .interview06 .interview-title02 {
    width: 85vw;
  }
}
.interview06 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-06.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview06 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-06.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview06 .interview-title03 {
  color: #a381bd;
}
.interview06 .one-day-title::after {
  background: #a381bd;
}
.interview06 .one-day-title::before {
  background: #a381bd;
}
@media (max-width: 767px) {
  .interview06 .one-day-box .one-day-imgarea {
    display: block;
    margin-top: 5vw;
    padding: 0;
  }
  .interview06 .one-day-box .one-day-imgarea .one-day-img02 {
    width: 50vw;
    margin: 0 auto;
  }
  .interview06 .one-day-box .one-day-imgarea .one-day-img03 {
    width: 83vw;
    margin: -10vw 0 0 0;
    position: relative;
    right: inherit;
    top: inherit;
  }
}
.interview06 .one-day-box dl dt::before {
  background: #a381bd;
}
.interview06 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(163, 129, 189, 0.3) 50%);
}
.interview06 .one-day-box dl dd .one-day-img02 {
  right: -5.62vw;
  top: 3.38vw;
}
.interview06 .one-day-box dl dd .one-day-img03 {
  right: -11.62vw;
  top: 11.38vw;
  width: 27.76vw;
}
.interview06 .one-day-img04 {
  top: 253vw;
  left: -41.1vw;
}
.interview06 .one-day-img05 {
  bottom: 295vw;
}

.interview08 .interview-title01 {
  background: url(../../dariya/images/recruit/interview/interview08-title-bg.svg) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .interview08 .interview-title01 {
    background: url(../../dariya/images/recruit/interview/interview08-title-bg-sp.svg) no-repeat center center;
    background-size: auto 100%;
  }
}
.interview08 .interview-title02 {
  color: #cc6699;
}
@media (max-width: 767px) {
  .interview08 .interview-title02 {
    width: 85vw;
  }
}
.interview08 .interview-title02::before {
  background: url(../../dariya/images/recruit/interview/kakko-l-08.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview08 .interview-title02::after {
  background: url(../../dariya/images/recruit/interview/kakko-r-08.svg) no-repeat center center;
  background-size: auto 100%;
}
.interview08 .interview-title03 {
  color: #cc6699;
}
.interview08 .one-day-title::after {
  background: #cc6699;
}
.interview08 .one-day-title::before {
  background: #cc6699;
}
.interview08 .one-day-box dl dt::before {
  background: #cc6699;
}
@media (max-width: 767px) {
  .interview08 .one-day-box dl dd .one-day-imgarea {
    padding: 0;
  }
}
.interview08 .one-day-box dl dd .one-day-box-txt span {
  background: linear-gradient(transparent 50%, rgba(204, 102, 153, 0.3) 50%);
}
.interview08 .one-day-box dl dd .one-day-img02 {
  right: -13.62vw;
  top: -34.62vw;
}
@media (max-width: 767px) {
  .interview08 .one-day-box dl dd .one-day-img02 {
    margin: 3vw 0 0 -23.3vw;
    width: 50vw;
  }
}
.interview08 .one-day-box dl dd .one-day-img03 {
  right: -13.62vw;
  top: -23.5vw;
  width: 19.73vw;
}
@media (max-width: 767px) {
  .interview08 .one-day-box dl dd .one-day-img03 {
    width: 60vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 8vw;
  }
}
.interview08 .one-day-img05 {
  bottom: 77vw;
}
/*# sourceMappingURL=recruit.css.map */