/*	===============================================================
	● CSSファイル
	---------------------------------------------------------------
	Release 2026.07.29                                Powerd by TDR
	=============================================================== */

	a.nolink
	{
		pointer-events: none;
	}
	*:has(>a.nolink)
	{
		cursor: not-allowed;
	}
	.p-index_wellness_logo {
		width: 660px;
	}
	.p-index_wellness_copy {
		margin-top: 50px;
	}
	.l-footer_left_logo {
    	width: 340px;
	}
	footer .l-footer_youtube
	{
		margin-top: 20px;
		width: 100%;
		max-width: 130px;
	}
	@media screen and (max-width: 768px)
	{
		.p-index_wellness_logo {
			max-width: 290px;
		}
	}

	@property --ring-angle
	{
		syntax: "<angle>";
		inherits: false;
		initial-value: 0deg;
	}
	.p-index_about_box_list_item
	{
		display: block;
		display: inline-block;
		background: conic-gradient(from 0deg,#ecfae0 0,#ecfae0 var(--ring-angle),transparent var(--ring-angle) 360deg), #fff;
		padding: 10px;
		border-radius: 10px;
		transition: --ring-angle 0.75s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.p-index_about_box_list_item.-item02
	{
		background: conic-gradient(from 0deg,#fff3df 0,#fff3df var(--ring-angle),transparent var(--ring-angle) 360deg), #fff;
	}
	.p-index_about_box_list_item.-item03
	{
		background: conic-gradient(from 0deg,#fffbdb 0,#fffbdb var(--ring-angle),transparent var(--ring-angle) 360deg), #fff;
	}
	.p-index_about_box_list_item a
	{
		display: block;
		background: #fff;
		padding: 12px 24px;
		border-radius: calc(10px - 3px);
	}
	@media (any-hover: hover)
	{
		.p-index_about_box_list_item:hover
		{
			--ring-angle: 360deg; /* リングアニメーションの終了角度 */
		}
		.p-index_about_box_list_item a:hover
		{
			opacity: 1;
		}
	}
	@media screen and (max-width: 768px)
	{
		.p-index_about_box_list_item
		{
			padding: 0px;
		}
		.p-index_about_box_list_item a
		{
			padding: 0;
		}
	}
	.error_wrap
	{
		margin-bottom:32px;
		border:2px solid var(--clr-red);
		padding:10px 20px;
		border-radius: 20px;
		position: relative;
	}
	.error_wrap .error
	{
		position: absolute;
		top:calc(-10px - 0.5em);
		left:50%;
		transform:translate(-50%, 0);
		font-size:1.2em;
		font-weight: bold;
		text-align: center;
		color:var(--clr-red);
		background-color: var(--clr-lGrn02);
		padding-inline:24px;
	}
	.c-contact_caution
	{
		line-height: 1.6;
		margin-top: 5px;
		padding: 5px 0 5px 32px;
		background-image: url(/common/images/ico_caution.png);
		background-position: left center;
		background-size: 22px;
		background-repeat: no-repeat;
		font-weight: 700;
		color: var(--clr-red);
	}
	.c-contact_btn
	{
		display: flex;
		flex-wrap: wrap;
		gap:24px;
	}
	.c-contact_btn button:hover
	{
		opacity: 0.8;
	}