@charset "UTF-8";

.menu-box{
	background: url("../img/menu-bg.webp") no-repeat top center;
	min-height: 1304px;
	position: static;
}

.swiper-container{
	text-align: center;
	z-index: 0 !important;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	height: auto;
}
.swiper-wrapper{
	justify-content: space-between;
}
.art-main-sub1,
.art-main-sub2{
	text-align: center;
	color: #ab8f6f;
	font-weight: bold;
	line-height: 1 !important;
}
.art-main-sub1 img,
.art-main-sub2 img{
	border-radius: 50%;
	border: 8px #fff solid;
	margin-bottom: 0.3rem;
}
.art-txt{
	font-size: 1.8rem;
	font-weight: bold;
	color: #ab8f6f;
	white-space: nowrap;
	padding-left: 0.8rem;
}
.menu-box{margin-top: 7rem !important;}

.intro-wrapper{overflow: hidden;}
.intro-box{
	background: url("../img/intro-bg.webp") no-repeat;
	position: relative;
}
.intro-box h1{
	color: #41a0e0;
	letter-spacing: 0.2rem;
}
.intro-box h2{
	font-size: 1.5rem;
	color: #8f9ae0;
	padding-bottom: 1.4rem;
}
.intro-box p{
	font-size: 0.95rem;
	line-height: 1.7;
}
.intro-p{
	background-image: linear-gradient(180deg, #8f9ae0 0%, #fe7296 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
_:-ms-lang(x), .intro-p{
	background-image: none;
	-webkit-background-clip: none;
	-webkit-text-fill-color: #fe7296;
	color: #fe7296;
}
.intro-img1,
.intro-img2{
	position: relative;
}
.intro-img1 img,
.intro-img2 img{
	position: absolute;
	border-radius: 50%;
}

.clinic-box h2{
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
	text-align: center;
	padding-top: 3rem;
}
.clinic-info{
	background: url("../img/clinic-bg.webp") no-repeat;
	text-align: left;
	font-size: 80%;
}
#open-table th,
#open-table td{
	width: 12%;
	text-align: center;
	border: 1px #ab8f6f solid;
	padding: 0.2rem 0.4rem;
}
#open-table th{
	background-color: #ab8f6f;
	color: #fff;
	font-weight: normal;
}
.clinic-info p{
	border-bottom: 1px #000 dashed;
	padding: 0.7rem;
	margin-bottom: 0;
}
#topic,
#treatment{
	text-align: center;
}
.topic-box{
	position: relative;
	margin-top: 3rem;
}
.topic-box .row{
	padding: 0.3rem 0.8rem 0;
}
.topic-box .row img{
	width: 100%;
	border-radius: 10px;
}
.topic-box .row > div{
	padding: 0 2.4rem;
}
.topic-box h3{
	text-align: left;
	min-height: 74px;
	display: flex;
	align-items: center;
	text-indent: 2.4rem;
}
.topic-blue{
	background: url("../img/topic-circle-blue.webp") no-repeat;
	color: #41a0e0;
}
.topic-orange{
	background: url("../img/topic-circle-orange.webp") no-repeat;
	color: #f9854c;
}
.topic-green{
	background: url("../img/topic-circle-green.webp") no-repeat;
	color: #5ab556;
}
.topic-box h4{
	margin-top: 0.8rem;
	min-width: 100%;
	min-height: 71px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: contain;
	background-position: center;
	padding-left: 2.8rem;
	font-size: 1.2rem;
	color: #be9b63;
}
@media all and (-ms-high-contrast: none){
	.topic-box h4 {
		height: 71px;
		padding-top: 5px;
	}
	.treatment-box h3{
		padding: 0.8rem 0.8rem 0.25rem !important;
	}
}
.tag-blue{
	background: url("../img/topic-tag-blue.webp") no-repeat;
}
.tag-orange{
	background:url("../img/topic-tag-orange.webp") no-repeat;
}
.tag-green{
	background:url("../img/topic-tag-green.webp") no-repeat;
}
.topic-box p{
	text-align: left;
	color: #666;
	font-size: 0.95rem;
}
.topic-art-1,
.topic-art-2,
.topic-art-3{
	position: absolute;
}
.topic-art-1{
	top: -30px;
	right: -30px;
}
.topic-art-2{
	top: -40px;
	right: -53px;
}
.topic-art-3{
	top: -50px;
	right: -40px;
}

#treatment h2{
	position: relative;
	z-index: 1;
}
.treatment-box{
	background: url("../img/treatment-bg.webp") no-repeat top center;
	position: relative;
	top: -235px;
	padding-top: 350px;
	padding-bottom: 80px;
}
.treatment-box img{
	width: 100%;
}
.treatment-box .row > div{
	padding: 0;
}
.treatment-box h3{
	color: #fff;
	background-color: #74a180;
	font-size: 1.3rem;
	font-weight: normal;
	padding: 0.5rem 0.8rem;
	border-radius: 30px;
	margin: 1.5rem 0;
	transition: 0.3s;
}
.treatment-box a:hover > h3{
	background-color: #99bda2;
}

.treatment-box p{
	text-align: left;
	color: #666;
}
.dot{
	margin: 1rem 0 1.5rem;
	color: #74a180;
	font-size: 1.2rem;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
	overflow: hidden;
	height: 1.8rem;
	max-height: 1.8rem;
}
#treatment{
	overflow: hidden;
	margin-bottom: -170px;
}

.group-box img{
	width: 100%;
	max-width: 164px;
}
.group-box h2{
	color: #f9854c;
	font-weight: bold;
	letter-spacing: 0.1rem;
	font-size: 2.2rem;
	padding-bottom: 0.8rem;
}
.group-box p{
	font-size: 0.9rem;
	margin-bottom: 0;
}
.group-box a{
	display: inline-block;
	color: #09f;
	margin-top: 1rem;
	font-size: 1.1rem;
	transition: 0.3s;
}
.group-box a:hover{
	color: #0b75be;
}
.clinic-list-box h3{
	margin: 2.8rem 0 1.5rem;
	color: #f93;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	font-weight: 400;
}
.clinic-list-box h3::before,
.clinic-list-box h3::after{
	content: url("../img/art-petal.webp");
	width: 29px;
	height: 31px;
	position: relative;
	top: 5px;
}
.clinic-list-box h3::before{
	padding-right: 1rem;
}
.clinic-list-box h3::after{
	padding-left: 0.6rem;
}
.clinic-list-box img{
	width: 100%;
	padding-bottom: 1rem;
}

/* お知らせ用 */
.news-box{font-size: 0.8rem;}
.news-box p{margin-bottom: 0.5rem;}
.news-title{
	font-size: 1rem;
  margin-bottom: 0.5rem;
}
.news1{color: #f57b31;}
.news2{color: #f5313b;}
.news-btm{
  margin-bottom: 5rem;
}


/* ■■■■■■■■■ SP用 ～767 ■■■■■■■■■ */
@media screen and (max-width: 767px) {
	.art-main-sub1, .art-main-sub2{font-size: 0.9rem;}
	.art-main-sub1 img, .art-main-sub2 img{border: 3px #fff solid;}
	.art-txt{font-size: 1.2rem;}

	.art-clover{top: 42vw; left: 2%; width: 15vw; max-width: 73px;}
	.art-snowman{top: 115vw; left: 5%; width: 20vw; max-width: 153px;}
	.art-txt{top: 115vw; left: 25%; width: 16.66vw; max-width: 320px;}
	.art-rainbow{top: 103vw; left: 45%; width: 50vw; max-width: 320px;}
	.art-main-sub1{top: 133vw; left: 7%; width: 40vw; max-width: 202px;}
	.art-main-sub2{top: 133vw; right: 7%; width: 40vw; max-width: 202px;}
	
	.menu-box{
		margin-top: 20vw !important;
		padding-top: 50vw;
	}
	.intro-box{
		width: 100%;
		background-size: contain;
	}
	.intro-box h1{
		text-align: center;
		font-size: 1.6rem;
		padding-bottom: 0.4rem;
		position: relative;
		left: -0.5rem;
		top: -1rem;
	}
	.intro-box h2{
		text-align: center;
		font-size: 1.2rem;
		position: relative;
		left: -0.5rem;
		top: -1rem;
	}
	.intro-box p{
		font-size: 1rem;
		line-height: 1.6;
	}
	.intro-txt{
		position: relative;
		top: 5rem;
	}
	.intro-p-wrapper{
		margin-top: 3rem;
		background-color: #fff;
		padding: 1rem;
		line-height: 1.2;
		border-radius: 30px;
	}
	.intro-img1 img{
		width: calc(320px *0.6);
		top: 70px;
	}
	.intro-img2 img{
		width: calc(320px *0.6);
		top: 160px;
		right: 0%;
	}
	.clinic-box h2{
		color: #41a0e0;
		/* お知らせ時 */
		padding-top: 1rem;
	}
	.clinic-info{
		padding: 1.5rem 0.5rem;
		font-size: 80%;
		background-size: cover;
	}
	#open-table th,
	#open-table td{
		padding: 0.2rem;
	}
	#topic h2 img,
	#treatment h2 img{
		max-width: 100%;
	}
	.topic-box .large-110{
		font-size: 1rem !important;
	}
	.topic-box h3{
		text-indent: 0;
		padding-left: 2rem;
		font-size: 1.3rem;
	}
	.topic-art-1 img,
	.topic-art-2 img,
	.topic-art-3 img{
		width: 80%;
	}
	.topic-art-1{
		top: -10px;
		right: 0;	
	}
	.topic-art-2{
		top: -18px;
		right: -10px;
	}
	.topic-art-3{
		top: -30px;
		right: -10px;
	}
	#treatment{
		padding-bottom: 60px;
	}
	.treatment-box{
		top: -165px;
		padding-top: 200px;
		position: relative;
	}
	.swiper-pagination{left: -120px !important;}
	.treatment-box .col-6{
		padding: 0 0.5rem !important;
	}
	.treatment-box p{
		padding-bottom: 1rem;
		font-size: 1rem;
	}
	.art-plant1{top: 130px; left: 50%; width: 200%; max-width: 1207px;
		transform: translate(-48%, 0%);
		-webkit-transform: translate(-48%, 0%);
		-ms-transform: translate(-48%, 0%);
	}
	.art-plant2{bottom: 10px; left: 10px; width: 15.78vw; max-width: 101px;}
	.art-plant4{bottom: 5px; left: 60%; width: 10.15vw; max-width: 65px;}
	.art-raindrop1{bottom: 30px; right: 5%; width: 10.4vw; max-width: 67px;}
	.art-hydrangea{bottom: -20px; left: 23%; width: 18.43vw; max-width: 118px;}
	
	.group-box .col-md-2{
		text-align: center;
		padding-bottom: 1rem;
	}
	.group-box h2{
		font-size: 1.6rem;
		text-align: center;
	}
	.group-box a{
		font-size: 1rem;
	}
	#group .art-wrapper{
		position: relative;
	}
	.clinic-list-box .col-6{
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 0.5rem;
	}
	.clinic-list-box img{
		padding-bottom: 0.5rem;
	}
	.art-bird {display: none;}
	/*.art-bird{top: 980px; right: 2%; width: 23.75vw; max-width: 152px;}*/
	.art-rabbit{top: 80px; left: 5%; width: 16.87vw; max-width: 108px;}
	.art-grass {display: none;}
	
	/*.art-grass{top: 1060px; right: 26%; width: 12.34vw; max-width: 79px;}*/
	
	
	/* 通常時 
	.clinic-box{
		padding-top: 350px;
	}*/
	/* お知らせ用 */
	.news-wrapper{
		margin-top: 400px;
	}
	.news-box{
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.news1{border-bottom: 2px #f57b31 dotted;}
	.news2{border-bottom: 2px #f5313b dotted;}
	
	.swiper-pagination{display: none;}
}

/* ■■■■■■■■■ SP/TB用 ～992 ■■■■■■■■■ */
@media screen and (max-width: 991px) {
	.clinic-info{
		width: 100vw;
		background-position: center top;
		margin: 0 calc(50% - 50vw);
	}
	.treatment-box .tab-s{
		letter-spacing: -2px;
		text-indent: -2px;
	}
}


/* ▲▲▲▲▲▲▲▲▲ TB/PC共通 768～ ▲▲▲▲▲▲▲▲▲ */
@media screen and (min-width: 768px) {
	.art-clover{top: -42px; left: 10%; width: 3.8vw; max-width: 73px;}
	.art-snowman{top: 10px; left: 27%; width: 7.96vw; max-width: 153px;}
	.art-txt{top: 10px; left: 35%; width: 16.66vw; max-width: 320px;}
	.art-rainbow{top: -40px; left: 45%; width: 16.66vw; max-width: 320px;}
	.art-cup{top: 20px; left: 86%; width: 5.2vw; max-width: 100px;}
	.art-main-sub1{top: 70px; left: 24%; width: 10.52vw; max-width: 202px;}
	.art-main-sub2{bottom: -70px; left: 65%; width: 10.52vw; max-width: 202px;}
	
	.art-plant1{top: -110px; left: 50%; width: 62.86vw; max-width: 1207px;
		transform: translate(-40%, 0%);
		-webkit-transform: translate(-40%, 0%);
		-ms-transform: translate(-40%, 0%);
	}
	.art-plant2{top: -430px; left: -13%; width: 5.26vw; max-width: 101px;}
	.art-plant3{top: -430px; left: 20%; width: 3.43vw; max-width: 66px;}
	.art-plant4{top: -350px; right: -10%; width: 3.38vw; max-width: 65px;}
	.art-raindrop1{top: -80px; left: -17%; width: 3.48vw; max-width: 67px;}
	.art-raindrop2{top: 280px; right: -14%; width: 3.75vw; max-width: 72px;}
	.art-hydrangea{top: 0px; left: -17%; width: 6.14vw; max-width: 118px;}

	.intro-box{
		width: 808px;
		height: 663px;
	}
	.intro-box h1{
		font-size: 1.8rem;
		padding-bottom: 0.5rem;
	}
	.intro-txt{
		text-align: center;
		position: absolute;
		top: 22%;
		left: 18%;
	}
	.intro-p{
		position: relative;
		left: 0.8rem;
	}
	.intro-box{
		position: relative;
		z-index: 1;
	}
	.treatment-box .col-md-2{
		-ms-flex: 0 0 18%;
		flex: 0 0 18%;
		max-width: 18%;
	}
	.group-box .col-md-8{
		-ms-flex: 0 0 64%;
		flex: 0 0 64%;
		max-width: 64%;
		padding-right: 0;
	}
	.clinic-list-box .col-md-3{
		-ms-flex: 0 0 19.2%;
		flex: 0 0 19.2%;
		max-width: 19.2%;
		padding-right: 0;
		padding-left: 0;
	}
	#group .container{
		padding-left: 0;
		padding-right: 0;
	}
	
	/* お知らせ用 */
	#intro{position: relative;}
	.news-box{
		background-color: #fff;
		border-radius: 50%;
		text-align: center;
		font-size: 0.8rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.news-box,
	.news-art{
		position: absolute;
	}
	.news1{
		width: 264px;
		height: 264px;
		top: 25px;
		left: 10px;
	}
	.news2{
		width: 388px;
		height: 388px;
		top: 310px;
		left: 30px;
	}
	.art-bon1{
		top: 40px;
		left: 25px;
	}
	.art-bon2{
		top: 150px;
		left: 240px;
	}
	.art-2021-1{
		top: 25px;
		left: -31px;
	}
	.art-2021-2{
		top: 167px;
		left: 236px;
/*		top: 200px;
		left: 240px;*/
	}
	.art-mask{
		bottom: 50px;
		left: 330px;
	}
}

/* ▲▲▲▲▲▲▲▲▲ TB/PC共通 992～ ▲▲▲▲▲▲▲▲▲ */
@media screen and (min-width: 992px) {
	.clinic-wrapper{
		position: relative;
	}
	.clinic-photo,
	.clinic-info{
		position: absolute;
	}
	.clinic-info{
		background-position: right;
		padding: 2rem 2.2rem 2rem 2rem;
		width: 56.8%;
		min-width: 679px;
		right: 0;
		top: -1px;
	}
	_:-ms-fullscreen, :root .clinic-info{
		top: -3px;
	}
	
	#intro{padding-bottom: 336px;}
	.art-bird{top: -90px; right: 2%; width: 7.91vw; max-width: 152px;}
	.art-rabbit{top: 100px; left: -3%; width: 5.62vw; max-width: 108px; min-width: 108px;}
	.art-grass{top: 140px; right: -2%; width: 4.11vw; max-width: 79px; min-width: 79px;}
	.art-mask img{width: 72px;}
}


/* ●●●●●●●●● TB用 768-991 ●●●●●●●●● */
@media screen and (min-width: 768px) and (max-width: 991px) {
	#group{overflow: hidden;}
	.topic-wrapper{overflow: hidden;}

	.art-txt{font-size: 1.1rem;}
	.art-main-sub1, .art-main-sub2{font-size: 0.8rem;}
	.art-main-sub1 img, .art-main-sub2 img{border: 3px #fff solid;}

	.intro-box{
		width: 100%;
		background-size: contain;
	}
	.intro-box h1{
		text-align: center;
		font-size: 1.6rem;
		padding-top: 0.5rem;
		padding-bottom: 0.4rem;
		position: relative;
		left: -1.2rem;
		top: -1.5rem;
	}
	.intro-box h2{
		text-align: center;
		font-size: 1.2rem;
		position: relative;
		left: -1.2rem;
		top: -1.5rem;
	}
	.intro-box p{
		font-size: 0.9rem;
		line-height: 1.6;
	}
	.intro-p{
		top: -2.5rem;
		left: -1rem;
	}
	.intro-img1 img{
		width: calc(320px * 0.6);
		top: -205px;
	}
	.intro-img2 img{
		width: calc(320px * 0.7);
		/* 通常時 
		top: -230px;*/
		top: -180px;
		left: 65%;
    display: none;
	}
	.clinic-info{
		padding: 2rem;
	}
	.topic-box .row{
		padding: 0.3rem 0 0;
	}
	.topic-box .row > div{
		padding: 0 0.5rem;
	}
	.topic-art-1 img,
	.topic-art-2 img,
	.topic-art-3 img{
		width: 80%;
	}
	.topic-art-1{
		top: -10px;
		right: -40px;	
	}
	.topic-art-2{
		top: -18px;
		right: -45px;
	}
	.topic-art-3{
		top: -30px;
		right: -35px;
	}
	.topic-box h4{
		font-size: 1rem;
		padding-right: 0.8rem;
	}
	.topic-box .large-110{
		font-size: 1rem !important;
	}
	.swiper-pagination{left: -100px !important;}
	.treatment-box h3{font-size: 1rem;}
	.treatment-box p{font-size: 0.9rem;}
	.group-box h2{padding-top: 5px;}
	.group-box p{
		width: 95vw !important;
		margin-left: -66%;
		padding-top: 0.5rem;
	}
	.group-box .a-box{
		width: 95vw !important;
		margin-left: -18%;
	}
	.group-box .col-md-8{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.art-bird{top: -80px; right: 2%; width: 15.33vw; max-width: 152px;}
	.art-rabbit{top: 220px; left: 3%; width: 10.89vw; max-width: 108px;}
	.art-grass{top: 220px; right: 2%; width: 7.97vw; max-width: 79px;}
	
	.news-box{position: relative;}
	.news1{
		width: 264px;
		height: 264px;
		top: 25px;
		left: 10px;
	}
	.news2{
		width: 388px;
		height: 388px;
		top: -200px;
		left: 50%;
		z-index: 3;
	}
	.news-wrapper{
		margin-bottom: -240px;
	}
}

/* ●●●●●●●●● TB用 991-1199 ●●●●●●●●● */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.art-txt{font-size: 1.5rem;}
	.art-main-sub1 img, .art-main-sub2 img{border: 5px #fff solid;}
	.intro-box{left: 230px;}
	.topic-box h4{
		font-size: 1.1rem;
	}
	.topic-box .large-110{
		font-size: 1.1rem !important;
	}
	.topic-art-1 img,
	.topic-art-2 img,
	.topic-art-3 img{
		width: 90%;
	}
	.topic-art-1{
		top: -10px;
		right: -40px;	
	}
	.topic-art-2{
		top: -18px;
		right: -45px;
	}
	.topic-art-3{
		top: -30px;
		right: -35px;
	}
	.swiper-pagination{left: -150px !important;}
	
	/* 通常時のイントロ画像 */
	.intro-img1 img{
		width: calc(320px * 0.7);
		top: -630px;
		left: -20px;
	}
	
  /* 未使用 */
	/*.intro-img2 img{
		width: calc(320px * 0.8);
		top: -370px;
		left: 0px;
	}*/
	
	/* お知らせ時のイントロ画像 */
	/*.intro-img1 img{
		width: calc(320px * 0.7);
		top: -135px;
		right: 0px;
	}*/
	.intro-box{z-index: 0;}
	.news-wrapper{
		z-index: 2;
	}
	.intro-img2 img{
		display: none;
	}
	.news2{
		left: 25px;
	}
	.art-bon2{
		top: 70px;
		left: 260px;
	}
	.art-2021-2{
		top: 100px;
		left: 240px;
	}


}

/* ●●●●●●●●● PC用 1200- ●●●●●●●●● */
@media screen and (min-width: 1200px) {
	.intro-box{left: 390px;}
	
	/* お知らせ時のイントロ画像 */
	/*.intro-img1 img{
		width: calc(320px * 0.8);
		top: -150px;
		right: -50px;
		z-index: 1;
	}*/
	.intro-img2 img{
		width: calc(320px * 0.96);
		top: -230px;
		left: -200px;
	}
	
	/* 通常時のイントロ画像 */
	.intro-img1 img{
		width: calc(320px * 0.8);
		top: -630px;
	}
	
	/* 未使用 */
  /*.intro-img2 img{
		width: calc(320px * 0.96);
		top: -330px;
		left: 90px;
	}*/
	
	.swiper-pagination{left: -200px !important;}
}


/*優祉会のなかまたち　20211005　本町追加*/
.yushikai_group {
	padding-bottom: 30px;
}

/*料金変更のお知らせ　20230130*/
.pricechange{margin-bottom:40px;}
.pricechange .pricechange-title{position: relative;}
.pricechange .pricechange-title .title{text-align: center; z-index:2;color:#fff;margin-top:40px}
@media screen and (max-width:991px){
	.pricechange .pricechange-title .title{color: #666;margin-top: 0px}
}
.pricechange .circles{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}
@media screen and (max-width:362px){.pricechange .circles{display: block};}
.pricechange .circle{
	background-color: #fbc400;	
	margin: 10px 10px 10px 10px;
	width: 12em;
	border-radius: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
@media screen and (max-width:362px){.pricechange .circle{margin: 10px auto 10px auto;}}
.pricechange .circle::before{
	display: block;
	content: '';
	padding-top: 100%;
}
.pricechange .circle p{
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	position: absolute;
	font-family: 'Mamelon','Lato','Noto Sans JP','游ゴシック Medium','游ゴシック体','Yu Gothic Medium',YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.pricechange .circles .kuma{width:180px;height:auto;}
@media screen and (max-width:499px){.pricechange .circles .kuma{display: none;}}
.pricechange .article{
	margin: 20px 4em 50px 4em;
	color: #666;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
@media screen and (max-width:499px){.pricechange .article{margin: 30px 2em 50px 2em;}	}
.pricechange .concreteprices{margin-top: 10px;}
.pricechange .concreteprices .concreteprice{
	display: flex;
	justify-content: center;
	gap: 40px;
}
@media screen and (max-width:487px){.pricechange .concreteprices .concreteprice{display: block;}}
@media screen and (max-width:487px){.pricechange .concreteprices .concreteprice h5{text-align: right;}}
.pricechange .concreteprices .concreteprice img{
	width: 30px;
	margin-right: 0.4em;
	margin-left: 0.4em;
}
.pricechange .concreteprices .concreteprice p{color: #ab8f6f; font-size: 20px; font-family: 'Mamelon', 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}