@charset "utf-8";

/* 小児矯正 pediatric_ortho
------------------------------------------------------------------*/
.box_portho02 {
	border: 1px solid #0d0d0d;
	background: url("images/page/icn_logo01.svg")no-repeat right calc(20 / var(--break) * 100vw) top calc(20 / var(--break) * 100vw) / calc(296 / var(--break) * 100vw) auto, url("images/page/ptn03.png")repeat left top / calc(400 / var(--break) * 100vw);
}
.box_portho02 .ttl {
	height: calc(60 / var(--break) * 100vw);
	width: calc(475 / var(--break) * 100vw);
	background: #7E6415;
	background: linear-gradient(90deg,rgba(126, 100, 21, 1) 0%, rgba(193, 171, 105, 1) 50%, rgba(126, 100, 21, 1) 100%);
	clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
.box_portho02 .wrap {
	max-width: calc(675 / var(--break) * 100vw);
}
.box_portho02 .txt02 {
	margin-top: calc(-30 / var(--break) * 100vw);
}
.box_portho02 .txt02 .ccl {
	width: calc(70 / var(--break) * 100vw);
	height: calc(70 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.box_portho02 {
		background: url("images/page/icn_logo01.svg")no-repeat right calc(20 / var(--break) * 100vw) top calc(20 / var(--break) * 100vw) / calc(296 / var(--break) * 100vw) auto, url("images/page/ptn03.png")repeat left top / calc(400 / var(--break) * 100vw);
	}
	.box_portho02 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
		height: calc(80 / var(--break) * 100vw);
		width: calc(600 / var(--break) * 100vw);
	}
	.box_portho02 .wrap {
		max-width: calc(646 / var(--break) * 100vw);
		margin: 0 auto;
		text-align: center;
	}
	.box_portho02 .txt01 {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	.box_portho02 .txt02 {
		-webkit-justify-content: center!important;
		justify-content: center!important;
		margin-bottom: 3vw;
		margin-top: calc(-10 / var(--break) * 100vw);
	}
	.box_portho02 .txt02 .ccl {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.box_portho02 .txt02 .price {
		font-size: 3.125rem;
		margin: 0 2vw 0 1vw;
	}
	.box_portho02 .txt02 .txt {
		font-size: 1.125rem;
		letter-spacing: 0;
		margin-top: 3vw;
		text-align: left;
	}
	.box_portho02 .txt02 .txt small {
		font-size: .875rem;
		letter-spacing: 0;
	}
	.box_portho02 .txt03 {
		text-align: left;
		padding: 0 4vw;
	}
}