@media screen and (min-width: 568px){
	main legend.title {
		margin-top:54px;
	}
}

/*						*/
/*		method 			*/
/*			 			*/
main .method{
	text-align:center;
	margin:0;
}

main .method p{
	margin-bottom:1em;	
	white-space: nowrap;	
}

@media screen and (min-width: 568px) {
	main .method  {
		font-size:1.3em;
		margin-bottom:2.5em;
	}
}

@media screen and (min-width: 768px) {
	main .method{
		font-size:1.2em;
	}
}
@media screen and (min-width: 1024px) {
	main .method{
		font-size:1.3em;
		margin-bottom:3.5em;		
	}
}

@media screen and (min-width: 1320px) {
	main .method{
		font-size:1.4em;
		margin-bottom:4em;
	}
}

/*						*/
/*		treatment 		*/
/*			 			*/
.treatment-block{
	position: relative;
	margin-top:0;
	margin-bottom:3em;
}

.treatment-contents{
	margin-top:-3em;
	padding-top:1em;
	width:100%;
	position: relative;
	z-index:1;
}

.treatment-block.seitai{
	margin-bottom:3em;
}

.treatment-block h3{
	margin-bottom:2em;
}

@media screen and (min-width: 568px) {
	.treatment-block.seitai{
		margin-bottom:5em;
	}
	.treatment-block h3{
		margin-bottom:3em;
	}
}
@media screen and (min-width: 768px) {
	.treatment-block.seitai{
		margin-bottom:7em;
	}
}

@media screen and (min-width: 1024px) {
	.treatment-block.seitai{
		margin-bottom:9em;
	}
	.treatment-block .flex-wrap{
		display:flex;
		gap:4em;
	}
	.treatment-block .flex-wrap .treatment-images{
		display:flex;
		flex-direction: column;
	}
	.treatment-block.seitai .flex-wrap .treatment-images{
		margin-right:2em;
	}
	
	.treatment-block.pilates .flex-wrap .treatment-images{
		margin-left:1em;
		order:1;
	}
}

@media screen and (min-width: 1320px) {
	.treatment-block.seitai{
		margin-bottom:10em;
	}
	
	.treatment-block.seitai .flex-wrap .treatment-images{
		margin-right:5em;
	}
	
	.treatment-block.pilates .flex-wrap .treatment-images{
		margin-left:5em;
	}
}


/*					*/
/*		SVG 		*/
/*					*/

.seitai #svg_back_a{
	position: absolute;
	width:640px;
	margin-left:calc((100% - 640px) / 2);
	top:0;
	z-index:-1;
}

.seitai svg{
	fill:#8DD4AD;
}


.seitai #svg_img_a{
	position: relative;
	width:60%;
	margin:0 0 0 -10%;
	z-index:2;
}
.seitai #svg_img_b{
	position: absolute;
	width:45%;
	margin:0%;
	right:0;
	z-index:3;
}

.pilates #svg_back_b{
	position: absolute;
	width:640px;
	margin-left:calc((100% - 640px) / 2);
	top:0;
	z-index:-1;
}
.pilates svg{
	fill:#B59DD4;
}

.pilates #svg_img_d{
	position: absolute;
	width:45%;
	margin:0%;
	left:0;
	z-index:3;
}
.pilates #svg_img_c{
	position: relative;
	width:60%;
	margin:0 0 0 50%;
	z-index:2;
}

#svg_deco_a,
#svg_deco_c{
	width:40%;;
	position: absolute;
	top:40vw;
}
#svg_deco_a{
	right:-5%;
}
#svg_deco_c{
	left:-5%;
}

#svg_deco_b,
#svg_deco_d{
	width:30%;;
	position: absolute;
	bottom:0;			
}

#svg_deco_b{
	right:-10%;
}
#svg_deco_d{
	right:-10%;
}


@media screen and (min-width: 568px) {
	.seitai #svg_back_a,
	.pilates #svg_back_b{
		width:720px;
		margin-left:calc((100% - 720px) / 2);
	}
	.seitai #svg_img_a,
	.pilates #svg_img_c{
		width:320px;
	}
	.seitai #svg_img_b,
	.pilates #svg_img_d{
		width:240px;
	}
	
	#svg_deco_a,
	#svg_deco_b,
	#svg_deco_c,
	#svg_deco_d{
		display:none;
	}
}

@media screen and (min-width: 768px) {
	.seitai #svg_back_a,
	.pilates #svg_back_b{
		width:880px;
		margin-left:calc((100% - 960px) / 2);
		margin-top:-2em;
	}
	.seitai #svg_img_a,
	.pilates #svg_img_c{
		width:380px;
	}
	.seitai #svg_img_b,
	.pilates #svg_img_d{
		width:290px;
	}
	
	.seitai #svg_img_a,
	.pilates #svg_img_b{
		margin-left:0;
	}
	.seitai #svg_img_b{
		margin-left:calc(400px + 2em);
	}
	.pilates #svg_img_c{
		margin-left:calc(300px + 2em);
	}
}
@media screen and (min-width: 1024px) {
	.seitai #svg_img_a,
	.seitai #svg_img_b,
	.pilates #svg_img_d,
	.pilates #svg_img_c{
		width:500px;
	}
	.seitai #svg_back_a,
	.pilates #svg_back_b{
		margin-top:0;
	}

	.seitai #svg_img_a{
		margin:2em 0 0 -6em;
	}
	.pilates #svg_img_c{
		margin:2em -6em 0 0;
	}

	.seitai #svg_img_b{
		margin:calc(500px + 15em) -6em 0 0;
	}
	
	.pilates #svg_img_d{
		margin:calc(500px + 10em) 0 0 -6em;
	}
}

@media screen and (min-width: 1320px) {
	.seitai #svg_img_a,
	.seitai #svg_img_b,
	.pilates #svg_img_d,
	.pilates #svg_img_c{
		width:540px;
	}
	.seitai #svg_img_b{
		margin:calc(540px + 10em) 0 0 0;
	}
	.pilates #svg_img_d{
		margin:calc(540px + 5em) 0 0 0;
	}
}


/*					*/
/*		link		*/
/*					*/
main .treatment_link{
	margin-bottom:0;
	position: relative;
	z-index:10;
}

main .treatment_link h3{
	font-size:1.3em;
	writing-mode: vertical-rl;
	position: absolute;
	white-space: nowrap;
	line-height:1em;
	z-index:1;	
}


main .treatment_link ul{
	list-style:none;
	width:calc(100% - 3em);
	display:flex;
	flex-wrap: wrap;
	position: relative;
	padding:0;	
	margin:0;
	z-index:1;
}

main .treatment_link li{
	position: relative;
}

main .treatment_link li .link{
	position: absolute;
	bottom:0;
	margin:0;
}

main .treatment_link a{
	text-decoration: none;
	display:block;
}
main .treatment_link .link h4{
	background-color:rgb(255,64,73);
	color:#fff;
	display:inline-block;
	padding:0 0.5em;
	margin-bottom:0;
	margin-right:0.5em;
	white-space: nowrap;
	border-radius: 0.15rem;
}

main .treatment_link .link h4 span{
	color:#fff;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
}

main .treatment_link img{
	position: relative;
}


/*		seitai 			*/

main .seitai .treatment_link h3{
	left:0;
}
main .seitai .treatment_link ul{
	margin-left:3em;
	gap: 1em;
}

main .seitai .treatment_link li{
	flex: 0 0 calc(50% - 0.5em); /* gapを考慮した幅の計算 */
}
main .seitai .treatment_link li:nth-child(2n){
	top:-4em;
}
main .seitai .treatment_link li:nth-child(3),
main .seitai .treatment_link li:nth-child(4){
	height:60vw;
}
main .seitai .treatment_link img{
	width:80%;
	margin-left:20%;
}

main .seitai .treatment_link li:nth-child(3) img,
main .seitai .treatment_link li:nth-child(4) img{
	height:100%;
	position: absolute;
	width:auto;
	right:0;
}

/*		pilates 			*/

main .pilates .treatment_link h3{
	right:0;
}
main .pilates .treatment_link ul{
	margin-right:3em;
}
main .pilates .treatment_link li{
	flex: 1;
}
main .pilates .treatment_link img{
	width:90%;
	margin-left:10%;
}



@media screen and (min-width: 568px) {
	
	main .treatment_link{
		font-size:1.1em;
	}

	main .treatment_link h3{
		font-size:1.5em;
	}

	main .treatment_link ul{
		width:calc(100% - 5em);
	}
	
	/*		seitai 			*/
	main .seitai .treatment_link ul{
		margin-left:5em;
		gap: 2em;		
	}
	main .seitai .treatment_link li{
		flex: 0 0 calc(50% - 1em); /* gapを考慮した幅の計算 */
	}
	
	main .seitai .treatment_link img{
		width:calc(100% - 4em);
		margin-left:4em;
	}

	main .seitai .treatment_link li:nth-child(3),
	main .seitai .treatment_link li:nth-child(4){
		height:350px;;
	}
	
	/*		pilates 			*/

	main .pilates .treatment_link img{
		width:calc(100% - 5em);
		margin-left:5em;
	}
	main .pilates .treatment_link .link h4{
		font-size:1.2em;
	}
}


@media screen and (min-width: 768px) {
	main .treatment_link h3,
	main .treatment_link h3 span{
		color:#f5f3b7;
	}

	/*		seitai 			*/
	main .treatment_link h3{
		writing-mode:horizontal-tb;
		text-align:center;
		position: relative;
		margin-bottom:1.75em;
	}
	
	main .seitai .treatment_link ul{
		margin:0;
		width:100%;
		gap:1;
	}
	main .seitai .treatment_link li:nth-child(2n){
		top:0;
	}
	main .seitai .treatment_link li{
		flex: 1;
	}
	main .seitai .treatment_link img{
		width:100%;
		margin-left:0;
	}
	main .seitai .treatment_link li:nth-child(3),
	main .seitai .treatment_link li:nth-child(4){
		height:300px;;
	}	

	/*		pilates 			*/	
	main .pilates .treatment_link ul{
		width:calc(100% - 5em);
		margin:0 0 0 2.5em;
	}	
	main .pilates .treatment_link li{
		display: flex;
	}	
	main .pilates .treatment_link .link h4{
		font-size:1.4em;
	}
	main .pilates .treatment_link li > h4{
		position: relative;
		font-size:1.8em;
		font-weight: bold;
		writing-mode: vertical-rl;
		letter-spacing:0.2em;
		width:1em;
		margin:0 1.5em 0 0;
	}
	
	main .pilates .treatment_link li > h4.good{
		color:#ff4049;
		height:6em;
	}
	main .pilates .treatment_link li > h4.bad{
		color:#5072c2;
		height:4.8em;
	}
	main .pilates .treatment_link li > h4::after {
		content: '';
		position: absolute;
		width: 10px;
		height: 80%;
		top: 0;
		margin: 10% auto 0 auto;
		z-index: -1;
	}	
	main .pilates .treatment_link li > h4.good::after{
		background-color:#ffb3b6;
	}
	main .pilates .treatment_link li > h4.bad::after{
		background-color:#b9c7e7;
	}

	main .pilates .treatment_link img{
		position: relative;		
		height:360px;
		width:auto;
		margin:0
	}
	main .pilates .treatment_link img.arrow{
		height:60px;
		width:auto;
		margin:175px 3em 0 3em;
	}	
}

@media screen and (min-width: 1024px) {
	main .treatment_link{
		font-size:1.2em;
	}
		
	main .treatment_link h3{
		font-size:1.3em;
		color:#555;
	}

	/*		seitai 			*/
	main .seitai .treatment_link h3{
		writing-mode: vertical-rl;
		position: absolute;
		margin: -4em 0 0 0;
	}	
	main .seitai .treatment_link h3 span{
		writing-mode:horizontal-wl;
		color:#555;
	}
	main .seitai .treatment_link ul{
		width:calc(100% - 500px - 5em);
		margin-left:5em;
		flex-wrap: wrap;
		gap: 2em; /* アイテム間に1emのスペースを追加 */	
	}
	main .seitai .treatment_link li{
		flex: 0 0 calc(50% - 1em); /* gapを考慮した幅の計算 */
		margin-bottom:1em;
	}	
	main .seitai .treatment_link li:nth-child(2n - 1){
		top:-5em;
	}
	
	/*		pilates 		*/
	main .pilates .treatment_link h3{
		margin:1em 0 2.5em 500px;
		width:calc(100% - 500px);
	}	
	main .pilates .treatment_link ul{
		width:calc(100% - 500px);
		margin-left:500px
	}
	main .pilates .treatment_link li > h4{
		margin-right:0.5em;
	}
	main .pilates .treatment_link img{
		height:420px;
	}
	main .pilates .treatment_link img:nth-child(3){
		margin-right:1em;
	}
}

@media screen and (min-width: 1320px) {
	main .treatment_link{
		font-size:1.3em;
	}
	
	/*		seitai 			*/
	main .seitai .treatment_link {
		margin-top:3em;
	}	
	main .seitai .treatment_link ul{
		width:calc(100% - 540px - 10em);
	}
	main .seitai .treatment_link li:nth-child(3),
	main .seitai .treatment_link li:nth-child(4){
		height:400px;;
	}	

	/*		pilates 		*/
	main .pilates .treatment_link h3{
		margin:3em 0 2.5em calc(540px + 6em);
		width:calc(100% - 540px - 6em);
	}	
	main .pilates .treatment_link ul{
		width:calc(100% - 540px - 6em);
		margin-left:calc(540px + 6em);
	}
	main .pilates .treatment_link li > h4{
		margin-right:0.5em;
	}
	main .pilates .treatment_link img{
		height:460px;
	}
	main .pilates .treatment_link img:nth-child(3){
		margin-right:2em;
	}
	
}