@charset "utf-8";

.fv {
    height: 370px;
}

p .stylist-link {
	display: none !important;
}

.border-t-only {
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.border-r-only {
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.border-b-only {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

.border-l-only {
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
}

.style-intro-tit {
    font-size: 20px;
}

.intro-Txt br {
	display: none;
}

.grid02 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}

.style-wrapper:last-child {
	margin: 0 !important;
}

.slider-thumb {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #63441C;
    border-radius: 50%;
}


.slider-track {
    height: 1px;
    background-color: #63441C;
    position: relative;
    transform: translateZ(0); /* 強制的にGPUレイヤー化して改善する場合もある */
    will-change: transform;  /* Chrome/Edgeなどで効果あり */
}

.tick {
    position: absolute;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: #63441C;
    transform: translateZ(0); /* 強制的にGPUレイヤー化して改善する場合もある */
    will-change: transform;  /* Chrome/Edgeなどで効果あり */
}

.tick.left {
    left: 0%;
}

.tick.center {
    left: 50%;
    transform: translateX(-0.5px);
}

.tick.right {
    left: 100%;
    transform: translateX(-1px);
}

.style-list .gage-left .slider-thumb {
	left: 2%;
}

.style-list .gage-center .slider-thumb {
	left: 50%;
}

.style-list .gage-right .slider-thumb {
	left: 98%;
}

.stylist-arrow-left {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    width: 90%;
    height: 1px;
    background: #5B3A1A;
    transform: translateZ(0); /* 強制的にGPUレイヤー化して改善する場合もある */
    will-change: transform;  /* Chrome/Edgeなどで効果あり */
}

.stylist-arrow-left::before {
    content: '';
    width: 1em;
    height: 1px;
    background: #5B3A1A;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg);
    transform-origin: top left;
    position: absolute;
    top: 1000%;
    left: -10.3px;
    will-change: transform;  /* Chrome/Edgeなどで効果あり */
}

.stylist-link:hover {
  	opacity: .6;
}

.stylist-link:hover p {
    color: #63441C;
}

.point-txt-box:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 100%;
    height: 100%;
    border: 2px solid #63441C;
    background: #fff;
    z-index: -1;
}

.stylist-row .col-md-4:nth-child(2) {
	padding: 0 10px;
}

/*--- ゲージ ---*/

.style-list01 .after .age .slider-thumb {
	left: 75%;
}

.style-list02 .after .air .slider-thumb {
	left: 40%;
}

.style-list02 .after .ability .slider-thumb {
	left: 75%;
}

.style-list03 .after .age .slider-thumb {
	left: 25%;
}

.style-list03 .after .air .slider-thumb {
	left: 45%;
}

.style-list04 .after .age .slider-thumb, .style-list04 .after .air .slider-thumb,.style-list04 .after .ability .slider-thumb  {
	left: 25%;
}

.style-list05 .after .age .slider-thumb {
	left: 85%;
}

.style-list05 .after .air .slider-thumb, .style-list05 .after .ability .slider-thumb {
	left: 75%;
}

.style-list06 .after .age .slider-thumb {
	left: 95%;
}

.style-list06 .after .air .slider-thumb, .style-list06 .after .ability .slider-thumb {
	left: 70%;
}

.style-list07 .after .air .slider-thumb {
	left: 25%;
}

.style-list07 .after .ability .slider-thumb {
	left: 20%;
}

.style-list08 .after .age .slider-thumb, .style-list08 .after .air .slider-thumb {
	left: 25%;
}

.style-list08 .after .ability .slider-thumb {
	left: 40%;
}

.style-list09 .after .age .slider-thumb {
	left: 25%;
}

.style-list09 .after .ability .slider-thumb {
	left: 20%;
}

.style-list10 .after .air .slider-thumb,.style-list10 .after .ability .slider-thumb {
	left: 80%;
}

.style-list11 .after .age .slider-thumb {
	left: 40%;
}

.style-list11 .after .air .slider-thumb {
	left: 80%;
}

.style-list11 .after .ability .slider-thumb {
	left: 20%;
}

.style-list12 .after .age .slider-thumb {
	left: 25%;
}

.style-list12 .after .air .slider-thumb, .style-list12 .after .ability .slider-thumb {
	left: 15%;
}

.style-list13 .after .age .slider-thumb,.style-list13 .after .air .slider-thumb, .style-list13 .after .ability .slider-thumb {
	left: 25%;
}

.style-list14 .after .air .slider-thumb,.style-list14 .after .ability .slider-thumb {
	left: 98%;
}

.style-list15 .after .age .slider-thumb {
	left: 60%;
}

.style-list15 .after .air .slider-thumb {
	left: 80%;
}

.style-list15 .after .ability .slider-thumb {
	left: 20%;
}

.after .gage-tit {
    border: 1px solid rgb(99 68 28 / 0%);
	color: #63441c00;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {


} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {


} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {
  
.fv {
    height: calc(100vh - 52px);
}

} /* min-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {
  
.fv {
    height: calc(100vh - 52px);
}
  
.style-intro-tit {
    font-size: 28px;
}

.grid02 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 0px;
}
  
.stylist-arrow-left::before {
    top: 1010%;
    left: -10px;
}
  
} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {


} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {
  
.style-intro-tit {
    font-size: 32px;
}
  
.intro-Txt br {
	display: block;
}
  
.stylist-arrow-left::before {
    top: 1130%;
    left: -11px;
}
  
} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {
  
.fv {
    height: calc(100vh - 97px);
}

.stylist-arrow-left::before {
    top: 1130%;
}
  
} /* min-width: 1250px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1440px) {
  
    .stylist-arrow-left::before {
        top: 1140%;
    }
  
} /* min-width: 1440px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {


} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1880px) {
  
/*--- cover ---*/

  

} /* min-width: 1880px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */