/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 00:06:28 */
/* 下層ページ（初めての方へ） */

/* 初めての一歩を、FLEXがそっと支えます。 */
@media (min-width: 960px) {
	.p-for-beginner-hajimete {
		background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/p-for-biginner-hajimete.webp);
	}
}
@media (max-width: 959px) {
	.p-for-beginner-hajimete.swell-block-fullWide {
		padding-bottom: 4em!important;
	}
}
.p-for-beginner-hajimete .title {
	font-size: calc(36rem / 16);
	text-shadow: 2px 2px 4px rgba(0,0,0,.6);
}
@media (max-width: 959px) {
	.p-for-beginner-hajimete .title {
		margin-top: 30px;
		font-size: calc(28rem / 13.5);
		text-shadow: none;
		line-height: 1.6;
	}
}
.p-for-beginner-hajimete p {
	font-size: calc(20rem / 16);
	text-shadow: 2px 2px 4px rgba(0,0,0,.6);
}
@media (max-width: 959px) {
	.p-for-beginner-hajimete p {
		text-shadow: none;
		line-height: 1.8;
	}
}

/* FLEXはこんな方にこそオススメ */
#content .p-for-beginner-osusume .swell-block-fullWide__inner::before {
	position: absolute;
	content: "";
	top: 0;
	left: -15%;
	width: 68%;
	height: calc(68% * 1074/1179); 
	background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/p-for-biginner-osusume-ashirai.webp);
	background-size: contain;
	background-position: center left -20%;
	background-repeat: no-repeat;
	z-index: -1;
}
@media (max-width: 959px) {
	#content .p-for-beginner-osusume .swell-block-fullWide__inner::before {
		top: -200px;
		left: 0;
		width: 100%;
		height: calc(100% * 1074/1179); 
	}
}
.p-for-beginner-osusume h2 {
	font-weight: normal;
	font-size: calc(36rem / 16);
}
.p-for-beginner-osusume .item {
	border: 4px solid var(--color_main);
	border-radius: 6px;
	background-color: #fff;
}
.p-for-beginner-osusume .wp-block-media-text__media {
	transform: translate(10px, -10px) scale(1.1);
}
.p-for-beginner-osusume .wp-block-media-text__content {
	padding-right: 20px;
}
@media (max-width: 959px) {
	.p-for-beginner-osusume .wp-block-media-text__content {
		padding-right: 10px;
	}
}
@media (min-width: 960px) {
	.p-for-beginner-osusume .wp-block-columns:nth-of-type(odd) {
		transform: translatex(-40px);
	}
	.p-for-beginner-osusume .wp-block-columns:nth-of-type(even) {
		transform: translatex(40px);
	}
}
@media (min-width: 782px) {
	.p-for-beginner-osusume .wp-block-columns.one-item {
		width: 50%;
		margin: 0 auto;
	}
}
@media (max-width: 959px) {
	.p-for-beginner-osusume .wp-block-media-text__content p {
		font-size: calc(18rem / 13.5);
	}
}

/* 今までこんなことありませんでしたか？ */
.p-for-beginner-imamade .content {
	width: min(600px, 100%);
	margin: 0 auto;
}
@media (max-width: 959px) {
	.p-for-beginner-imamade .content {
		margin-top: 40px!important;
	}
}
.p-for-beginner-imamade p .wp-image-645 {
	width: 30px;
}
@media (max-width: 959px) {
	.p-for-beginner-imamade p .wp-image-645 {
		width: 15px;
		height: 15px;
		margin-right: 15px;
	}
}
.p-for-beginner-imamade h2 {
	font-size: calc(32rem / 16);
}
@media (max-width: 959px) {
	.p-for-beginner-imamade p {
		display: flex;
		align-items: baseline;
		font-weight: bold;
	}
}

/* その原因は、“あなたに合ったやり方”をしていないから */
.p-for-beginner-sonogenin .arrow-under {
	position: absolute;
	top: -110px;
	left: 50%;
	transform: translatex(-50%);
	width: 90px;
}
@media (max-width: 959px) {
	.p-for-beginner-sonogenin .arrow-under {
		top: -90px;
		width: 70px;
	}
}
.p-for-beginner-sonogenin .top-content {
	border-radius: 10px;
	width: min(800px, 100%);
	margin: 0 auto;
}
@media (max-width: 959px) {
	.p-for-beginner-sonogenin .top-content {
		padding: 20px 10px;
	}
}
.p-for-beginner-sonogenin h2 {
	font-size: calc(32rem / 16);
}
.p-for-beginner-sonogenin h2 .mark_blue {
    background: -webkit-linear-gradient(transparent 0%, transparent 60%, var(--color_mark_blue) 60%, var(--color_mark_blue) 80%, transparent 80%, transparent 100%);
    background: linear-gradient(transparent 0%, transparent 60%, var(--color_mark_blue) 60%, var(--color_mark_blue) 80%, transparent 80%, transparent 100%);
}
.p-for-beginner-sonogenin .dot {
  background-image: radial-gradient(circle, #ffd700 30%, transparent 31%);
  background-size: 0.85em 0.85em;     /* ドットの直径・間隔 */
  background-repeat: repeat-x;      /* 横方向に繰り返す */
  background-position: bottom;      /* 下端に配置 */
  padding-bottom: 0.8em;            /* 文字とドットの間隔 */
}
.p-for-beginner-sonogenin .flow .item {
	border-bottom: 2px dashed var(--color_main);
	padding-bottom: 30px;
}
.p-for-beginner-sonogenin .flow .item h3 {
	font-size: calc(24rem / 16);
}
@media (max-width: 959px) {
	.p-for-beginner-sonogenin .flow .item h3 {
		margin-bottom: 20px;
	}
}
.p-for-beginner-sonogenin .flow .item h3 img {
	width: 70px;
}
.p-for-beginner-sonogenin .text-cycle {
	font-size: calc(24rem / 16);
	font-weight: normal;
}
.p-for-beginner-sonogenin .text-murinaku {
	font-size: calc(34rem / 16);
}
@media (max-width: 959px) {
	.p-for-beginner-sonogenin .text-murinaku {
		font-size: calc(20rem / 13.5);
	}
}

/* スタッフ紹介 */
@media (min-width: 960px) {
	.p-for-beginner-staff {
		background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/p-for-beginner-staff-ashirai.png);
		background-position: top 20% left 10%;
		background-size: 1000px 534px;
		background-repeat: no-repeat;
	}
}
@media (max-width: 959px) {
	.p-for-beginner-staff .staff-img {
		margin-top: -120px;
	}
}
.p-for-beginner-staff .content {
	width: min(720px, 100%);
	margin: 0 auto;
}
.p-for-beginner-staff h3 {
	font-size: calc(32rem / 16);
	font-weight: normal;
}
@media (max-width: 959px) {
	.p-for-beginner-staff h3 {
		font-size: calc(26rem / 13.5);
	}
}

/* 施設紹介 */
.p-for-beginner-facility .midashi {
	margin-bottom: 6em;
}
@media (max-width: 959px) {
	.p-for-beginner-facility .midashi {
		margin-bottom: 3em;
	}
}
.p-for-beginner-facility h3 {
	font-size: calc(32rem / 16);
	font-weight: normal;
}
.p-for-beginner-facility .item {
  position: relative;
  display: inline-block;
}
.p-for-beginner-facility .item .img::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20%;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	z-index: 2;
	pointer-events: none;
}
.p-for-beginner-facility .item .img {
	position: relative; 
	display: block;
	z-index: 1;
}
.p-for-beginner-facility .item h4 {
	position: absolute;
	bottom: 30px;
	right: 10px;
	color: #fff;
	z-index: 2;
	margin: 0;
	font-weight: normal;
}
.p-for-beginner-facility .text {
	width: min(720px, 100%);
	margin: 0 auto;
	font-size: calc(20rem / 16);
	font-weight: normal;
}
@media (max-width: 959px) {
	.p-for-beginner-facility .text {
		font-size: calc(20rem / 13.5);
	}
}
@media (min-width: 782px) {
	.p-for-beginner-facility .two-item {
		width: 66%;
		margin: 0 auto;
	}
}
.p-for-beginner-facility .spa-area {
	position: relative;
}
.p-for-beginner-facility .spa-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: -20%;
	width: 400px;
	height: 820px;
	background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/p-for-biginner-facility-spa-bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media (max-width: 959px) {
	.p-for-beginner-facility .spa-area::before {
		top: 0;
		left: -20%;
		width: 100%;
	}
}
.p-for-beginner-facility .program-img {
	width: min(600px, 100%);
	margin: 0 auto;
}

/* 会員様の声 */
.p-for-beginner-voice .midashi {
	margin-bottom: 6em;
}
@media (max-width: 959px) {
	.p-for-beginner-voice .midashi {
		margin-bottom: 2em;
	}
}
.p-for-beginner-voice .voice-item {
	background-color: #FFFBF3;
	padding: 30px 40px;
}
@media (max-width: 959px) {
	.p-for-beginner-voice .voice-item {
		padding: 10px;
	}
}
.p-for-beginner-voice .top-area {
	display: flex;
	align-items: top;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}
@media (max-width: 959px) {
	.p-for-beginner-voice .top-area {
		display: block;
		margin-bottom: 40px;
	}
}
.p-for-beginner-voice .top-area > * {
	flex-basis: 50%;
}
.p-for-beginner-voice .voice-text {
	padding: 1rem;
}
.p-for-beginner-voice .voice-text p {
	display: flex;
	align-items: top;
	justify-content: start;
	gap: 20px;
}
@media (max-width: 959px) {
	.p-for-beginner-voice .voice-text p,
	.p-for-beginner-voice .voice-text strong {
		display: block;
	}
}
.p-for-beginner-voice .voice-text p:first-of-type {
	margin-bottom: 20px;
}
@media (min-width: 960px) {
	.p-for-beginner-voice .voice-text p strong {
		width: 170px;
		flex-shrink: 0;
	}
}
.p-for-beginner-voice .voice-img img {
  width: 100%;
  height: auto;
  display: block;
}
.p-for-beginner-voice .tag {
	margin-bottom: 30px;
}
.p-for-beginner-voice .badge {
	display: inline-block;
	background: #3b6ea5;
	color: #fff;
	padding: 0.6em 0.8em;
	margin-right: 20px;
	border-radius: 10px;
}
.p-for-beginner-voice .voice-message {
	border: 2px solid #eee;
	background: #fff;
	padding: 30px 40px;
	display: flex;
	align-items: top;
	justify-content: start;
	gap: 20px;
}
.p-for-beginner-voice .voice-message .text {
	flex-basis: 80%;
}
.p-for-beginner-voice .voice-message .letter-img {
	flex-basis: 20%;
}
@media (max-width: 959px) {
	.p-for-beginner-voice .voice-message {
		display: block;
		border: 2px solid #eee;
		background: #fff;
		padding: 20px 15px;
		font-size: calc(18rem / 13.5);
	}
	.p-for-beginner-voice .voice-message .text {
		margin-bottom: 20px;
	}
}
.p-for-beginner-voice .splide__pagination {
    bottom: -30px;
	gap: 15px;
}
.p-for-beginner-voice .splide__pagination__page {
    height: 20px;
    width: 20px;
}
.p-for-beginner-voice .splide__pagination__page.is-active  {
    background: var(--color_main);
	transform: none;
}
.p-for-beginner-voice .splide__arrow {
  width: 50px;
  height: 50px;
  background: none;
  border: none;
  cursor: pointer;
}
.p-for-beginner-voice .splide__arrow svg {
  display: none;
}
.p-for-beginner-voice .splide__arrow--prev {
	background: url('https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/arrow-left.webp') no-repeat center/contain;
	left: -1em;
}
.p-for-beginner-voice .splide__arrow--next {
	background: url('https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/arrow-right.webp') no-repeat center/contain;
	right: -1em;
}

/* 推薦者の声 */
.p-for-beginner-recommender .midashi {
	margin-bottom: 6em;
}
@media (max-width: 959px) {
	.p-for-beginner-recommender .midashi {
		margin-bottom: 2em;
	}
}
.p-for-beginner-recommender {
	background-image: linear-gradient(135deg, transparent, rgba(0, 0, 0, .1))
} 
.p-for-beginner-recommender .top-content {
	border: 2px solid #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding: 60px 30px 20px;
} 
.p-for-beginner-recommender .top-content h3 {
	font-size: calc(32rem / 16);
	font-weight: normal;
}
@media (max-width: 959px) {
	.p-for-beginner-recommender .top-content h3 {
		border-bottom: 1px solid #ccc;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
}
.p-for-beginner-recommender .bottom-content {
	background: #fff;
	padding: 40px 30px 20px;
} 
.p-for-beginner-recommender .bottom-content h3 {
	font-size: calc(30rem / 16);
	font-weight: normal;
} 
@media (max-width: 959px) {
	.p-for-beginner-recommender .bottom-content h3 {
		font-size: calc(22rem / 13.5);
		line-height: 1.6;
	} 
}
.p-for-beginner-recommender .bottom-content p {
	font-size: calc(19rem / 16);
	line-height: 2;
}
@media (max-width: 959px) {
	.p-for-beginner-recommender .bottom-content p {
		font-size: calc(20rem / 13.5);
	}
}