#facial,#body,#depilation,#osaka,#kobe,#himeji { scroll-margin-top: 80px; }
.page-header { padding:96px 0 120px;
	background-color: rgba(var(--blue-color-rgb), .04);
	background-image: radial-gradient(circle at 13% 47%, rgba(4,110,183, 0.04) 0%, rgba(4,110,183, 0.04) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(255,255,255, 0.65) 0%, rgba(255,255,255, 0.65) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(4,110,183, 0.04) 0%, rgba(4,110,183, 0.04) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(4,110,183, 0.04) 0%, rgba(4,110,183, 0.04) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(255,255,255, 0.65) 0%, rgba(255,255,255, 0.65) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(255,255,255, 0.65) 0%, rgba(255,255,255, 0.65) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(4,110,183, 0.04) 0%, rgba(4,110,183, 0.04) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgba(246,250,255, 0.17),rgba(246,250,255, 0.17)); }
.page-header .inner { text-align:center; }
.breadcrumbs a { display:inline-block; margin-right:12px; }
.breadcrumbs .post { display:inline-block; margin-left:12px;  }

.page-slug { font-size:4.4em; margin-top:64px; letter-spacing:4px; display: inline-block;　
	background: linear-gradient(90deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);
	background: -webkit-linear-gradient(0deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);
	background-image: linear-gradient(to right top, #5ea1ef, #5297e4, #458dda, #3784cf, #277ac5, #3a78c2, #4775bf, #5273bb, #6f77bd, #867bbd, #9a80bd, #ab86bd);
	background-image: -webkit-linear-gradient(to right top, #5ea1ef, #5297e4, #458dda, #3784cf, #277ac5, #3a78c2, #4775bf, #5273bb, #6f77bd, #867bbd, #9a80bd, #ab86bd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;　}
.page-title { font-size:1.2em; color:var(--blue-color); margin-top:24px; }
.page-content { padding:80px 0; }

.internallink-list { width:640px; margin:auto; margin-bottom:56px; align-items: center; justify-content: space-between;　}
.internallink-link { position: relative; z-index: 1; overflow: hidden; text-align:center; 
	transition: color transform var(--base-easing) .8s; display:inline-block; color:var(--blue-color); border:1px solid var(--blue-color); width:180px; padding:12px 4px; border-radius:40px; }
.internallink-link::before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1;
	background-color: var(--blue-color);
	border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform var(--base-easing) var(--base-duration); }
.internallink-link:hover { color:#fff; }
.internallink-link:hover::before { transform: translateX(10%); }
.page-leadtext { line-height:2.4; }


@media (max-width: 991px) {
	.page-header { padding:80px 0 96px; }
	.page-slug { font-size:3.2em; margin-top:52px; letter-spacing:2.4px; }
	.page-content { padding:64px 0 0; }

	.internallink-list { width:100%; margin:auto; margin-bottom:40px; }
	.internallink-item { width:calc(92% / 3); }
	.internallink-item:nth-child(2) { margin:0 4%; }
	.internallink-link { width:100%; }
}


/*   course
 --------------------------------------------------------*/
.course-box { margin:64px 0 96px; }
.facial-box { margin-top:80px; }
.depilation-box { margin-bottom:0; }
.course-image-box { width:56%; margin-right:8%; }
.course-image-box .breakout-left { text-align:right; }
.course-image { width:800px; height:auto; }
.course-text-box { width:36%; }
.eng-text-heading { font-size: 520%; letter-spacing: 0; color: transparent;
	-webkit-background-clip: text; -webkit-text-stroke: 1px var(--blue-color); line-height: 1; }
.course-title { font-size:1.4em; color:var(--blue-color); margin-top:40px; }
.course-text { line-height:2.4; margin-top:64px; }

.feature-area { margin-top:80px;padding:80px 0 120px; position:relative; overflow:hidden; }
.feature-areabg {position: absolute; bottom: 0; top: 0; right: 0; margin-right: calc(50% - 49.2vw);
	z-index: -1; left: calc(25vw - 120px); background-color: rgba(var(--blue-color-rgb), .04); }

.feature-area h2 { font-size: 1.4em; color:var(--blue-color);  }
.feature-text { margin-top:24px; }
.feature-list { margin-top:56px; }
.feature-item { width:30% }
.feature-item:nth-child(2) { margin:0 5%; }
.feature-head { position:relative; }
.feature-head .number { font-size:3.2em; position:absolute; z-index:2; line-height:1; top:-16px; left:-12px; }
.feature-head img { height:auto; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(12%, #fff), color-stop(76%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent 0%, #fff 12%, #fff 76%, transparent 100%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(12%, #fff), color-stop(76%, #fff), to(transparent));
    mask-image: linear-gradient(to bottom, transparent 0%, #fff 12%, #fff 76%, transparent 100%);
    line-height: 0;}
.feature-body h3 { font-size: 1.2em; color:var(--blue-color); margin:8px 0 12px; }	

.body-inner { overflow:hidden; }
.body-box .course-wrap { flex-direction: row-reverse; }
.body-box .course-image-box { width:56%; margin-right:inherit; margin-left:8%; }
.feature-body-area .feature-areabg  { left:0; right: calc(25vw - 120px); margin-right: inherit; margin-left: calc(50% - 49.2vw); }


@media (max-width: 991px) {
	.course-image-box { width:100%; margin-right:0%; }
	.course-image { width:100%; height:auto; }
	.body-box .course-image-box { width:100%; margin-right:inherit; margin-left:0%; }
	
	.course-text-box { width:100%; }
	.eng-text-heading { font-size: 480%; margin-top:12px; }
	.course-title { font-size:1.2em; color:var(--blue-color); margin-top:16px; }
	.course-text { margin-top: 24px; }

	.feature-area { margin-top: 64px; padding: 64px 0; }}

@media (max-width: 787px) {
	.feature-list { width:80%; margin:56px 10% 0; }
	.feature-list .feature-item { width:100%; margin:0 0 10%;  }
	.feature-item:nth-child(2) { margin:0 0 10%;  }}

@media  (max-width: 480px){
	.feature-area { margin:48px 0; width:100%; }
	.feature-list  { width:100%; margin:48px 0 0; }}






/*   concept
 --------------------------------------------------------*/
.concept-lead { line-height: 2; font-size: 1.4em; margin-top: 40px; color:var(--blue-color);  }
.concept-area { margin-top:64px; align-items: center; }
.concept-left-area { width:48%; margin-right:8%; }
.concept-right-area { width:44%;  }
.concept-right-area .concept-text { line-height:3.2; }
.concept-area img { height:auto; }

.oath-area { margin-top:80px; padding:80px 0 120px; position:relative; overflow:hidden; }
.oath-areabg {position: absolute; bottom: 0; top: 0; right: 0; margin-right: calc(50% - 49.2vw);
	z-index: -1; left: calc(25vw - 120px); background-color: rgba(var(--blue-color-rgb), .04); }
.oath-area h2 { font-size: 1.4em; color:var(--blue-color);  }
.oath-text { margin-top:24px; }
.oath-list { margin-top:56px; }
.oath-item { width:30% }
.oath-item:nth-child(2) { margin:0 5%; }
.oath-head { position:relative; }
.oath-head .number { font-size:3.2em; position:absolute; z-index:2; line-height:1; top:-16px; left:-12px; }
.oath-head img { height:auto; }
.oath-body h3 { font-size: 1.2em; color:var(--blue-color); margin:8px 0 12px; }	

@media (max-width: 991px) {
	.concept-area { margin:64px 10% 0; width:80%; }
	.concept-left-area { width:100%; margin-right:0%; }
	.concept-right-area { width:100%; margin-top:12px; }
	.concept-right-area .concept-text { line-height:2.4; }
	.oath-area { padding:64px 0; }
}

@media (max-width: 787px) {
	.oath-list { width:80%; margin:56px 10% 0; }
	.oath-area .oath-item { width:100%; margin:0 0 10%;  }
	.oath-item:nth-child(2) { margin:0 0 10%;  }
}
@media  (max-width: 480px){
	.concept-area { margin:48px 0 0; width:100%; }
	.concept-area img { aspect-ratio:1/1; object-fit:cover; object-position:center bottom; }
	.oath-list { width:100%; margin:56px 0 0; }}



/*   shop
 --------------------------------------------------------*/
.shopinfo-box { margin-top:120px; }
.shop-title { font-size:1.4em; color:var(--blue-color); margin-bottom:24px; }

.estheimg-list { margin-top:40px; }
.estheimg-list li { width:32%; }
.estheimg-list li:nth-child(2) { margin:0 2%; }

.shoptop-area { position:relative; }
.shoptop-area img { width:80%; height:auto; }
.shop-lead-text { font-size:1.2em; position: absolute; line-height:2;
	right: 0; top: 0; z-index: 2; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.shopimage-list { margin-top:2%; }
.shopimage-list li { width:32%; margin-bottom:2%; }
.shopimage-list li:nth-child(3n-1) { margin:0 2%; }
.shopinfo-wrap { margin-top:24px; }
.shopinfo:not(:first-child) { margin-top:12px; }
.shopinfo-wrap h3 { font-size:1.2em; position:relative; margin-left:32px; }
.shopinfo-wrap h3:before { font-size:1.2em; content:""; width:24px; height:1px; background-color:var(--blue-color); 
	position:absolute; left:-32px; top:50%; transform:translateY(-50%); z-index:2;}
.shopinfo-location { align-items: center; }
.shopinfo-title { line-height:1; width:64px; text-align:center;
	color:var(--blue-color); border:1px solid var(--blue-color); font-size:0.84em; margin-right:12px; padding:4px 0px; }
.shopinfo-desp { width:calc(100% - 78px); line-height:1.32; }

.cbutton-list-shop { align-items: center; justify-content: center; margin-top:32px; }
.cbutton-list-shop li:not(:first-child) { margin-top:0; }
.cbutton-list-shop li { margin:0 16px;  }
.cbutton-link-hb { display: inline-block; color:var(--blue-color); border:1px solid var(--blue-color); 
	transition:background-color var(--base-duration) var(--base-easing),color var(--base-duration) var(--base-easing); 
	padding:7px 24px; border-radius:40px; }
.cbutton-link-hb:hover { background-color:var(--blue-color); color:#fff; }

@media (max-width: 787px) {
	.shop-lead-text { font-size: 1em; line-height:1.4; }}

@media (max-width: 480px) {
	.shoptop-area img { aspect-ratio: 1 / 1; }
	.cbutton-list-shop { justify-content: space-between; }
	.cbutton-list-shop li { margin:0; }}



/*   Reserve
 --------------------------------------------------------*/
.tel-list { margin-top:40px; }
.tel-list li { width:30%; 
	text-align:center; padding:24px 0;
	background-color: rgba(var(--blue-color-rgb), .02);
	border-color: rgba(var(--blue-color-rgb), .4); box-shadow: 0 0 12px 4px rgba(var(--blue-color-rgb), .2);}
.tel-list li:nth-child(2) { margin:0 5%; }
.tel-list li a { font-size:1.4em; }
.tel-list li span { font-size:1.2em; }

.contact-table { width:100%; margin-top:64px; }
.contact-table th,.contact-table td { padding:12px 0; vertical-align:middle; }
.contact-table th { width:32%; margin-right:4%; text-align:left; }
.contact-table td { width:64%; }
.verticla-top { vertical-align:top; }
.contact-chip { font-size:90%; letter-spacing:2px; margin-left:8px; padding:4px 8px; line-height:1; display:inline-block; }
.required { color:#fff; background-color:var(--blue-color); }
.any { background-color:#dfdfdf; }
input[type=number],input[type=tel],input[type=email],input[type=text],input[type=date],textarea,select {
	outline: 0; margin: 0; border:none; -webkit-appearance: none; appearance: none; font-size:100%; 
	width: 100%; background-color: rgba(var(--blue-color-rgb), .04); padding:12px; }
textarea { height:240px; }
input:focus,textarea:focus { border-color: rgba(var(--blue-color-rgb), .5); box-shadow: 0 0 3px 1px rgba(var(--blue-color-rgb), .5); }

.wpcf7-list-item { line-height: 135%; position: relative; margin: 0.5rem; cursor: pointer; margin-right:2em;  }
.wpcf7-list-item.last { margin-right:0; }
.wpcf7-list-item input[type=radio] { position: relative; margin: 0 .6rem 0 0; cursor: pointer; }
.wpcf7-list-item input[type=radio]:before, .wpcf7-list-item input[type=radio]:after {
	position: absolute; z-index: 1; top: -0.2rem; left: -0.125rem;
	width: 1rem; height: 1rem; content: ''; transition: all 0.3s ease-in-out;
	border: 2px solid var(--blue-color); border-radius: 50%; background: #ffffff; }
.wpcf7-list-item input[type=radio]:after { z-index: 0; top: -0.0625rem; border: none; }
.wpcf7-list-item input[type=radio]:checked:before { transform: rotateY(180deg); background: var(--blue-color); }

.reverse-calendar-date { width:320px; }
.reverse-calendar-date input[type=date] { width:232px; }
.reverse-calendar-time { width:calc(100% - 320px); }
.reverse-calendar-date input[type=date] { display:inline-block; line-height:1; }
.reverse-calendar-second { margin-top:12px; }
::-webkit-input-placeholder,::-webkit-textarea-placeholder,::-webkit-select-placeholder { font-size:100%;　font: .84rem/1.8 Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; }
:-ms-input-placeholder,:-ms-textarea-placeholder,:-ms-select-select-placeholder { font-size:100%; font: .84rem/1.8 Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
:-moz-input-placeholder,:-moz-textarea-placeholder,:-moz-select-select-placeholder {　font-size:100%; font: .84rem/1.8 Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
input::placeholder,textarea::placeholder,select::placeholder { font-size:100%; font: .84rem/1.8 Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; }

.submit-button-wrap { text-align:center; }
input[type=submit] { margin-top:24px; display: inline-block; background-color:var(--blue-color);
	font-size:110%; width:80%; border:1px solid var(--blue-color);
	transition:background-color var(--base-duration) var(--base-easing),color var(--base-duration) var(--base-easing);
	color: #FFF; text-align:center; padding: 16px 24px; border-radius: 40px; }
input[type=submit]:hover { background-color:#fff; color:var(--blue-color); }

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
   border: 2px solid #ff0000;
	text-align:center; padding: 0.6em 1.2em; font-weight:900; font-size:120%;
	background-color:#ff0000; }

.wpcf7-response-output { text-align:center; color:var(--blue-color); font-size:120%; text-align: left; }
.wpcf7-not-valid-tip { color: #eb4947; font-size: 1.2em; font-weight:900; }

@media (max-width: 787px) {
	.reverse-calendar-date { width:100%; }
	.reverse-calendar-date input[type=date] { width:100%;  }
	.reverse-calendar-time { width:100%; margin-top:12px;}}

@media screen and (max-width: 599px){
	.tel-list li { width:84%; margin:0 8% 8%; }
	.tel-list li:nth-child(2) { margin:0 8% 8%; }
	.tel-list li:nth-child(3) { margin:0 8% 0; }
	.contact-table th,.contact-table td { display:block; padding:12px 0; }
	.contact-table th { width:100%; margin-right:0%; padding-bottom:8px; }
	.contact-table td { padding-top:0; width:100%; }
	.wpcf7-list-item { margin: 1rem 0.5rem; display: block; }
}

@media screen and (max-width: 480px){
	input[type=submit] { padding: 24px 0px; width:100%; }}

/*   News
 --------------------------------------------------------*/
.news-conts { margin-top:80px; }



/*   job-summary
 --------------------------------------------------------*/
.job-summary {
	margin-top: 120px;
}
.job-summary h2 {
	margin-bottom: 24px;
	font-size: 1.4em;
    color: var(--blue-color);
	margin-top:32px;
}

.job-tab-area {
  margin: 0 auto;
}

.job-tab-area input[type="radio"] {
  display: none;
}

.job-tab-labels {
  display: flex;
  gap: 4px;
  border-bottom: none;
}

.job-tab-labels label {
  flex: 1;
  text-align: center;
  background: #f8f8f8;
	font-size:80%;
  padding: 12px 8px;
	color:var(--blue-color);
  cursor: pointer;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  transition: background 0.3s, color 0.3s;
}

.job-tab-labels label:hover {
  background: var(--blue-color);
	color:#fff;
}

#job-tab1:checked ~ .job-tab-labels label[for="job-tab1"],
#job-tab2:checked ~ .job-tab-labels label[for="job-tab2"],
#job-tab3:checked ~ .job-tab-labels label[for="job-tab3"] {
  background: #ffffff;
  color:var(--blue-color);
  font-weight: 700;
  border-bottom: 2px solid #ffffff;
}

.job-tab-content {
  display: none;
  background: #ffffff;
  animation: fade 0.3s ease-in-out;
  border: 1px solid #e0e0e0;
	border-top:none;
  padding: 24px;
}

#job-tab1:checked ~ #job-content1,
#job-tab2:checked ~ #job-content2,
#job-tab3:checked ~ #job-content3 {
  display: block;
}

@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.job-table {
  width: 100%;
  border-collapse: collapse;
}

.job-table th,
.job-table td {
  display: block;
  width: 100%;
  text-align: left;
  vertical-align: top;
  padding: 12px 0;
  border-bottom: 1px solid #d0d0d0;
  background-color: #ffffff;
}

.job-table th {
  font-weight: bold;
  color:var(--blue-color);
  border-bottom: none; 
  padding-bottom:8px;
}
.job-table td { padding-top:0; }
.job-table tr:last-child th,.job-table tr:last-child td { border-bottom: none; }

.job-apply {
	margin-top: 120px;
}
.job-apply h2 {
	font-size: 1.4em;
    color: var(--blue-color);
	margin-top:32px;
}
.job-apply .contact-table { margin-top:32px; }

@media (min-width: 768px) {
	.eng-text-heading-rec br { display:none; }
	.job-tab-labels { gap: 12px; }
	.job-tab-labels label {
		font-size:120%;
		padding: 16px 2px;
	}
	.job-tab-content {
		padding: 24px 80px;
	}
  .job-table th,
  .job-table td {
    display: table-cell;
    width: auto;
	padding:24px;
  }

  .job-table th {
    width: 24%;
    border-bottom: 1px solid #d0d0d0; 
  }
}