/* WRAPPER */

.wrapper {
	display: block;
	min-height: 100dvh;
}



/* LOGO */

@media (prefers-color-scheme:light) {
	#logo .light {
		display: block;
	}

	#logo .dark {
		display: none;
	}
}

@media (prefers-color-scheme:dark) {
	#logo .dark {
		display: block;
	}

	#logo .light {
		display: none;
	}
}



/* logo */

#logo .image {
	grid-area: logo;
}

/* END-LOGO */





/* MSG */

.msg__head {
	background-color: rgb(var(--color1-1));
	border-radius: 5px;
	padding: 10px 0;
	margin: 15px 0 0 0;
}

.msg__head p {
	padding: var(--tb2) 15px;
	color: rgb(var(--color0-0));
	text-align: center;
}

.msg__head .title {
	font-weight: bold;
}

/* END-MSG */





/* HEADER */

header #menubar a,
header #menubar li,
header .hmp,
header #menubar .hmp span::before,
header #menubar .hmp span::after {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}



/* style 0 */

.headstyle0 {
	/* position: -webkit-sticky;
	position: sticky;
	top: 0; */
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgb(var(--color-b1));
	-webkit-transition: .2s padding ease !important;
	-moz-transition: .2s padding ease !important;
	transition: .2s padding ease !important;
	z-index: 100;
	margin: 10px 0;
}

.headstyle0.sticky {
	box-shadow: 0 7px 5px rgba(var(--dark-3), .03);
}

.headstyle0>div {
	display: grid;
	align-items: center;
	grid-template-areas: "logo hmp" "nav nav";
	grid-template-columns: 1fr 39px;
	grid-column-gap: 15px;
}

@media only screen and (min-width:560px) {
	.headstyle0>div {
		grid-column-gap: 30px;
	}
}

@media only screen and (min-width:1000px) {
	.headstyle0>div {
		grid-template-areas: "logo nav";
		grid-template-columns: 200px 1fr;
	}
}

.headstyle0 #btn_nav a {
	font-weight: bold;
	padding: var(--tb5) 20px !important;
	color: rgb(var(--color0-0)) !important;
	background-color: rgb(var(--default-color-4)) !important;
	box-shadow: 1px 3px 10px rgba(var(--default-color-4), .1);
}

.headstyle0 #btn_nav a:hover {
	background-color: rgb(var(--default-color-5)) !important;
	box-shadow: 1px 3px 15px rgba(var(--default-color-4), .3);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.headstyle0 #btn_nav a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}



/* nav mob */

@media only screen and (max-width:999px) {
	.headstyle0 #menubar {
		grid-area: nav;
		display: grid;
		grid-template-columns: 1fr;
		justify-items: flex-end;
		position: relative;
		height: 0;
	}

	.headstyle0 #menubar ul {
		display: none;
		position: absolute;
		width: 240px;
		padding: 15px;
		margin-top: 5px;
		border-radius: 5px;
		background-color: rgb(var(--default-color-7));
		box-shadow: 0 10px 20px rgba(var(--dark-3), .1);
		z-index: 999;
	}

	.headstyle0 #menubar ul:before {
		content: '';
		display: block;
		position: absolute;
		width: 6px;
		height: 6px;
		top: -6px;
		right: 13.5px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid rgb(var(--default-color-7));
	}

	.headstyle0 #menubar a {
		display: block;
		text-decoration: none;
		border-radius: 5px;
		background-color: transparent;
		color: rgb(var(--color-t4));
		padding: var(--tb5) 15px;
		margin-bottom: 3px;
	}

	.headstyle0 #menubar li:last-child a {
		margin-bottom: 0;
	}

	.headstyle0 #menubar a:hover,
	.headstyle0 #menubar li.active a {
		color: var(--color1);
		background-color: rgb(var(--default-color-6));
	}

	.headstyle0 #menubar li.active a {
		font-weight: bold;
	}

	.headstyle0 #btn_nav a {
		padding: var(--tb5) 15px !important;
	}
}



/* nav - pc */

@media only screen and (min-width:1000px) {
	.headstyle0 #menubar {
		grid-area: nav;
		display: block;
	}

	.headstyle0 #menu {
		text-align: right;
	}

	.headstyle0 #menu li {
		display: inline-block;
		margin: 1px 1px 1px 0;
	}

	.headstyle0 #menu a {
		display: block;
		text-decoration: none;
		border-radius: 5px;
		background-color: transparent;
		color: rgb(var(--color-t4));
		padding: var(--tb5) 10px;
	}

	.headstyle0 #menu .active a,
	.headstyle0 #menu li:hover a {
		background-color: rgb(var(--default-color-6));
		color: rgb(var(--color-t2));
	}

	.headstyle0 #menu .active a {
		font-weight: bold;
	}

	.headstyle0 #btn_nav a {
		margin-left: 20px;
	}
}



/* hmp */

.header .hmp {
	grid-area: hmp;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 39px;
	height: 39px;
	font-size: 0;
	text-indent: -9999px;
	box-shadow: none;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	background-color: rgb(var(--default-color-6));
}

@media only screen and (min-width:1000px) {
	.header .hmp {
		display: none;
	}
}

.header .hmp:hover {
	background-color: rgb(var(--default-color-4));
	filter: brightness(100%);
}

.header .hmp:hover span,
.header .hmp:hover span::before,
.header .hmp:hover span::after {
	background-color: rgb(var(--color0-0));
}

.header .hmp:focus {
	outline: none;
}

.header .hmp span {
	display: block;
	position: absolute;
	top: 18px;
	left: 7px;
	right: 7px;
	height: 3px;
	background-color: rgb(var(--color-t2));
	-webkit-transition: background 0 .3s;
	-moz-transition: background 0 .3s;
	transition: background 0 .3s;
}

.header .hmp span::before,
.header .hmp span::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: rgb(var(--color-t2));
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0;
	-moz-transition-delay: .3s, 0;
	transition-delay: .3s, 0;
}

.header .hmp span::before {
	top: -9px;
	-webkit-transition-property: top, -webkit-transform;
	-moz-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

.header .hmp span::after {
	bottom: -9px;
	-webkit-transition-property: bottom, -webkit-transform;
	-moz-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

.header .hmp.active {
	background-color: rgb(var(--default-color-4));
}

.header .hmp.active span {
	background: none;
}

.header .hmp.active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header .hmp.active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header .hmp.active span::before,
.header .hmp.active span::after {
	-webkit-transition-delay: 0, .3s;
	-moz-transition-delay: 0, .3s;
	transition-delay: 0, .3s;
	background-color: rgb(var(--color0-0));
}

/* END-HEADER */

















/* FOOTER */

footer:hover a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

footer {
	display: block;
	background-color: rgb(var(--color-b2));
	z-index: 9;
}

footer #footerbar {
	padding-top: 45px;
	padding-bottom: 45px;
}

footer #footerbar .container {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 15px;
}

footer #footerbar .container>*,
footer #footerbar p {
	font-size: 14px;
}

footer #footerbar .logo {
	padding-bottom: 30px;
	grid-column: span 2;
}

footer #footerbar .logo h2,
footer #footerbar .logo h2 a {
	color: rgb(var(--color-t2));
}

footer #footerbar .logo p {
	color: rgb(var(--color-t4));
}

footer #footerbar .logo ul {
	display: block;
}

footer #footerbar .logo li {
	display: inline-block;
	margin-right: 10px;
}

footer #footerbar ul {
	order: 1;
	display: block;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

footer #footerbar .container>ul li {
	display: block;
}

footer #footerbar ul p,
footer #footerbar ul a {
	display: block;
	padding-top: calc(7.5px - 0.22em);
	padding-bottom: calc(7.5px - 0.22em);
}

footer #footerbar ul p {
	color: rgb(var(--color-t2));
	font-weight: bold;
}

footer #footerbar ul a {
	color: rgb(var(--color-t4));
}

footer #footerbar ul a.active {
	text-decoration: underline;
}

footer #footerbar ul a:hover,
footer #footerbar ul a:focus {
	color: rgb(var(--color-t2));
	text-decoration: underline;
}

@media only screen and (min-width:560px) {
	footer #footerbar .container {
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 15px;
	}

	footer #footerbar .logo {
		grid-column: span 3;
	}
}

@media only screen and (min-width:1000px) {
	footer #footerbar .container {
		grid-template-columns: 1fr repeat(3, 150px);
		grid-column-gap: 45px;
	}

	footer #footerbar .logo {
		grid-column: span 1;
		padding-bottom: 0;
	}
}

@media only screen and (min-width:1200px) {
	footer #footerbar .container {
		grid-template-columns: 1fr repeat(3, 200px);
	}
}



/* policy */

footer #policy {
	background-color: rgb(var(--color-b3));
}

footer #policy .container {
	display: grid;
	align-items: flex-end;
	grid-template-columns: 1fr;
}

footer #policy .container>* {
	font-size: 12px;
}

footer #policy .copyright,
footer #policy .design {
	text-align: center;
}

footer #policy .copyright {
	order: 2;
}

footer #policy ul {
	order: 1;
	display: block;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
	text-align: center;
	border-bottom: 1px dashed rgb(var(--color-b2));
}

footer #policy li {
	display: inline-block;
}

footer #policy ul a {
	display: block;
	padding: calc(7.5px - 0.22em) 7px;
}

footer #policy ul a.active {
	text-decoration: underline;
}

footer #policy .design {
	margin-top: -15px;
	order: 3;
}

footer #policy p,
footer #policy a {
	color: rgb(var(--color-t4));
}

footer #policy a:hover,
footer #policy a:focus {
	color: rgb(var(--color-t2));
	text-decoration: underline;
}

@media only screen and (min-width:360px) {
	footer #policy .container {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5px;
	}

	footer #policy .copyright {
		text-align: left;
	}

	footer #policy ul {
		grid-column: span 2;
		text-align: left;
	}

	footer #policy ul a {
		padding: calc(7.5px - 0.22em) 14px calc(7.5px - 0.22em) 0;
	}

	footer #policy .design {
		margin-top: 0;
		text-align: right;
	}
}

@media only screen and (min-width:700px) {
	footer #policy .container {
		grid-template-columns: 170px 1fr 170px;
	}

	footer #policy .copyright {
		order: 1;
	}

	footer #policy ul {
		order: 2;
		grid-column: span 1;
		border-bottom: none;
		text-align: center;
	}

	footer #policy ul a {
		display: block;
		padding: calc(7.5px - 0.22em) 7px;
	}
}

/* END-FOOTER */
































/* PRICELIST */

.pricelist:empty {
	display: none;
}

/* END-TEXTER */
















































/* ASIDE_CNT */

.aside_cnt {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

.aside_cnt #main {
	order: 1;
}

.aside_cnt #aside {
	order: 2;
}

@media only screen and (min-width: 1000px) {
	.aside_cnt {
		grid-template-columns: 280px 1fr;
		grid-column-gap: 60px;
	}

	.aside_cnt #main {
		order: 2;
	}

	.aside_cnt #aside {
		order: 1;
	}
}

/* END-ASIDE_CNT */





/* ASIDE_NAV */

.aside_nav a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.aside_nav {
	padding: 15px 0 0 0;
}

.aside_nav li {
	display: block;
	margin-right: 0;
}

@media only screen and (min-width: 370px) {
	.aside_nav li {
		display: inline-block;
		margin-right: 15px;
	}
}

@media only screen and (min-width: 1000px) {
	.aside_nav li {
		display: block;
	}
}

.aside_nav a {
	display: block;
	padding: var(--tb6) 15px;
	background-color: rgb(var(--default-color-7));
	color: rgb(var(--color-t4));
	border-radius: 5px;
	margin-bottom: 15px;
	font-size: 14px;
	text-decoration: none;
}

.aside_nav a:hover,
.aside_nav .active a {
	background-color: rgb(var(--custom1-1));
	color: rgb(var(--color0-0));
}

.aside_nav a:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);

}

.aside_nav a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/* END-ASIDE_NAV */













/* MAIN_CNT */

#main .main_cnt {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

@media only screen and (min-width: 700px) {
	#main .main_cnt.img {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (min-width: 1000px) {
	#main .main_cnt.img {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}

@media only screen and (min-width: 1200px) {
	#main .main_cnt.img {
		grid-template-columns: 1fr 1fr;
	}
}

/* END-MAIN_CNT */





















/* PRICE_CAT */

#prices .desc {
	text-align: center;
}

#prices .price_cat a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#prices .price_cat {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 15px;
	padding: 45px 0 15px 0;
}

#prices .price_cat li,
#prices .price_cat a {
	display: block;
}

#prices .price_cat a {
	padding: var(--tb6) 15px;
	background-color: rgb(var(--default-color-6));
	color: rgb(var(--color-t4));
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
}

@media only screen and (min-width: 560px) {
	#prices .price_cat a {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1000px) {
	#prices .price_cat a {
		font-size: 18px;
	}
}

#prices .price_cat a:hover {
	background-color: rgb(var(--custom1-1));
	color: rgb(var(--color0-0));
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

#prices .price_cat a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/* END-PRICE_CAT */





/* PRICE */

.price__list {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 10px;
	padding-bottom: 15px;
}

.price__list .service {
	display: grid;
	grid-template-columns: 50px 1fr 90px;
	grid-column-gap: 10px;
	background: rgba(var(--color14-1), .07);
	background: linear-gradient(0deg, transparent 50%, rgba(var(--color14-1), .07) 100%);
	border-bottom: 1px solid rgba(var(--color14-1), .03);
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.price__list .price__content .listids {
	border: 1px dashed rgb(var(--default-color-9));
	background-color: rgb(var(--default-color-6));
	padding: 10px;
	border-radius: 15px;
}

/* END-PRICE */





























#first_screen {
	background-color: var(--color3);
}

/* BANNER4 */
#banner4:hover a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#banner4 a {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 15px;
	background-color: var(--color5);
	background-size: cover;
	object-fit: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 5px 7px var(--shadow);
}

#banner4 a:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

#banner4 a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

#banner4 a::before {
	content: '';
	display: block;
	padding-top: 100%;
}

#banner4 a:nth-child(4)::before {
	padding-top: calc(50% - 7.5px);
}

/* END-BANNER4 */



/* BANNER5 */
#banner5:hover a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#banner5 a {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 15px;
	background-color: var(--color5);
	background-size: cover;
	object-fit: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 5px 7px var(--shadow);
}

#banner5 a:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

#banner5 a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

#banner5 a::before {
	content: '';
	display: block;
	padding-top: 100%;
}

#banner5 a:nth-child(1)::before {
	padding-top: calc(50% - 7.5px);
}

/* END-BANNER4 */











/* CONTACT */
#all_contact .all_cnt {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr;
	grid-column-gap: 0;
}

#all_contact .all_tel {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr;
	grid-column-gap: 0;
}

#all_contact .all_map .address {
	margin: 30px 30px 0 15px;
	padding: 15px 30px;
}

@media only screen and (min-width:370px) {
	#all_contact .all_map .address {
		margin: 20px 15px 0 5px;
		padding: 0 15px;
	}
}

@media only screen and (min-width:560px) {
	#all_contact .all_tel {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
	}

	#all_contact .all_map .address {
		margin: 30px 30px 0 15px;
	}
}

@media only screen and (min-width:700px) {
	#all_contact .all_map .address {
		margin: 30px 45px 0 15px;
		padding: 15px 30px;
	}
}

@media only screen and (min-width:1000px) {
	#all_contact .all_cnt {
		grid-template-columns: 1fr 2.6fr;
		grid-column-gap: 15px;
	}

	#all_contact .all_tel {
		grid-template-columns: 1fr;
		grid-column-gap: 0;
	}
}

@media only screen and (min-width:1200px) {
	#all_contact .all_cnt {
		grid-template-columns: 1fr 2.4fr;
		grid-column-gap: 30px;
	}
}


#all_contact .all_tel .cnt_title {
	color: var(--color6);
}

#all_contact .all_tel .info .item {
	margin-bottom: 30px;
}




#all_contact .all_tel .info .item {
	padding: 5px 0;
}

#all_contact .all_tel .info .item>* {
	padding-top: var(--tb5);
	padding-bottom: var(--tb5);
}

#all_contact .all_tel .info h2 {
	position: relative;
	margin-bottom: 10px;
}

#all_contact .all_tel .info h2::before {
	content: '';
	display: inline-block;
	width: 15%;
	height: 2px;
	background-color: var(--color1);
	position: absolute;
	bottom: 0;
	margin-right: 10px;
}

#all_contact .all_tel .info li,
#all_contact .all_tel .info p,
#all_contact .all_tel .info a {
	color: var(--color2);
}

#all_contact .all_tel .info .tel .order a,
#all_contact .all_tel .info .adrs a {
	color: var(--color6);
}

#all_contact .all_tel .info .tel .order a:hover,
#all_contact .all_tel .info .tel .order a:focus,
#all_contact .all_tel .info .adrs a:hover,
#all_contact .all_tel .info .adrs a:focus {
	color: var(--color7);
}





#all_contact .all_map .item {
	display: block;
	position: relative;
}

#all_contact .all_map .address {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 15px;
	background: rgba(var(--color-b1), .3);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}

#all_contact .all_map .address h2,
#all_contact .all_map .address h2 a {
	color: rgb(var(--color-t2));
}

#all_contact .all_map .image {
	z-index: 1;
}

@media (prefers-color-scheme:dark) {
	#all_contact .all_map .image {
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		filter: invert(100%);
	}
}






































































































/* anim */

.doctor_list .tags a,
#doctor_button {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}



/* doctor_button */


#doctors .container {
	padding-top: 45px;
	padding-bottom: 45px;
}



#doctors .doctor_list {
	margin-top: 30px;
	padding: 15px 0;
}


/* title */

.doctor_list .title a {
	text-decoration: none;
}

.doctor_list .title,
.doctor_list .title a {
	color: rgb(var(--color-t2));
}



/* tags */

.doctor_list .tags {
	padding: 0 0 5px 0;
	font-size: 12px;
}

.doctor_list .tags li {
	display: inline-block;
	margin-bottom: 10px;
}

.doctor_list .tags a {
	display: block;
	padding: .3em 1em;
	border: 1px solid rgba(var(--custom-2), .05);
	border-radius: 5px;
	background-color: rgba(var(--custom-2), .1);
	color: rgb(var(--custom-2));
	text-decoration: none;
}

.doctor_list .tags a:hover {
	border: 1px solid rgb(var(--custom-2));
	background-color: rgb(var(--custom-2));
	color: rgb(var(--color0-0));
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.doctor_list .tags a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.doctor_list .tags li,
.doctor_list .tags.al li {
	margin-right: 10px;
}

.doctor_list .tags.ac li {
	margin-left: 5px;
	margin-right: 5px;
}

.doctor_list .tags.ar li {
	margin-left: 10px;
}






/* button */

#doctor_button {
	display: block;
	position: fixed;
	bottom: 70px;
	right: 50%;
	transform: translateX(50%);
	min-width: 39px;
	height: 45px;
	background-color: rgb(var(--custom-1));
	box-shadow: 1px 2px 15px rgba(var(--color0-0), .3);
	color: rgb(var(--color0-0));
	border-radius: 7px;
	z-index: 10;
	-webkit-animation: jittery_cart 2s infinite;
	animation: jittery_cart 2s infinite;
	animation-delay: 15s;
	animation-iteration-count: 10;
	border: 3px solid rgb(var(--color0-0));
}

#doctor_button:hover {
	background-color: rgba(var(--custom-1), .8);
}

#doctor_button a {
	display: grid;
	align-items: center;
	grid-template-columns: max-content;
	grid-gap: 0;
	width: 100%;
	height: 39px;
	line-height: 0;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 45px;
	color: inherit;
}

@keyframes jittery_cart {

	5%,
	50% {
		transform: scale(1) translateX(49%);
	}

	10% {
		transform: scale(0.9) translateX(49%);
	}

	15% {
		transform: scale(1.15) translateX(49%);
	}

	20% {
		transform: scale(1.15) rotate(-5deg) translateX(49%);
	}

	25% {
		transform: scale(1.15) rotate(5deg) translateX(49%);
	}

	30% {
		transform: scale(1.15) rotate(-3deg) translateX(49%);
	}

	35% {
		transform: scale(1.15) rotate(2deg) translateX(49%);
	}

	40% {
		transform: scale(1.15) rotate(0) translateX(49%);
	}

	10%,
	15%,
	20%,
	25%,
	30%,
	35%,
	40% {
		background-color: rgb(var(--custom-2));
		box-shadow: 1px 2px 15px rgba(var(--color0-0), .3);
	}
}

/* END-doctor_button */




























/* SERVICE_MIN */

#service_home .service_min a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#service_home .service_min {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 15px;
	padding: 45px 0 15px 0;
}

#service_home .service_min li,
#service_home .service_min a {
	display: block;
}

#service_home .service_min a {
	padding: var(--tb6) 15px;
	background-color: rgb(var(--default-color-6));
	color: rgb(var(--color-t4));
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
}

@media only screen and (min-width: 560px) {
	#service_home .service_min a {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1000px) {
	#service_home .service_min a {
		font-size: 18px;
	}
}

#service_home .service_min a:hover {
	background-color: rgb(var(--custom1-1));
	color: rgb(var(--color0-0));
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

#service_home .service_min a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/* END-SERVICE_MIN */




/* SERVICE_HOME */

/* END-SERVICE_HOME */









































/* BANNERS */

#banners a.image,
.banners__edit .panel .edit,
.banners__edit .panel .edit icon {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#banners {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
}

@media only screen and (min-width: 1000px) {
	#banners {
		grid-template-columns: 1fr 1fr 1fr;
	}
}



/* edit */

.banners__edit .item {
	position: relative;
}



/* panel */

.banners__edit .panel {
	display: grid;
	align-items: center;
	grid-template-columns: 14px minmax(1px, max-content) 19px;
	grid-column-gap: 5px;
	height: 19px;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 10px;
	background-color: rgba(var(--color-b1), .1);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	padding-left: 2.5px;
	z-index: 2;
}

.banners__edit .panel a {
	text-decoration: none;
}

.banners__edit .panel .status {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 10px;
	background-color: rgb(var(--color-b1));
}

.banners__edit .panel .status.on {
	background: rgba(var(--color14-1), .8);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	color: rgb(var(--color0-0));
}

.banners__edit .panel .position {
	font-size: 9px;
	text-align: center;
	padding: 2px 5px;
	border-radius: 7px;
}

.banners__edit .panel .edit icon {
	display: grid;
	align-items: center;
	justify-items: center;
	text-decoration: none;
	font-size: 12px;
	width: 19px !important;
	height: 19px !important;
	border-radius: 100%;
	background-color: transparent;
}

.banners__edit .panel .position,
.banners__edit .panel .edit icon {
	background: rgba(var(--color-b1), .3);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	color: rgb(var(--color-t2));
}

.banners__edit .panel .edit:hover icon {
	background-color: rgb(var(--color17-1)) !important;
	color: rgb(var(--color0-0));
}

.banners__edit .panel .edit:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.banners__edit .panel .edit:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}



/* image */

#banners a.image:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

#banners a.image:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.banners__edit .image {
	background-color: rgb(var(--default-color-6));
	z-index: 1;
}

#banners .image,
.banners__edit .banner__add {
	border-radius: 10px;
}



/* button */

.banners__edit .banner__add {
	background-image: url("/img/default/img.svg");
	background-size: cover;
	object-fit: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px dashed rgb(var(--default-color-6));
}

.banners__edit .cntbtn,
.banners__edit .btn,
.banners__edit input[type="submit"] {
	padding: 0 !important;
	margin: 0 !important;
}

.banners__edit .cntbtn {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: block;
	line-height: 0 !important;
}

.banners__edit .cntbtn::before {
	content: "";
	display: block;
	padding-top: 100% !important;
}

.banners__edit .btn {
	display: grid;
	align-items: center;
	justify-items: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
}

.banners__edit input[type="submit"] {
	display: grid;
	width: 70px !important;
	height: 70px !important;
	border-radius: 100%;
	background-color: rgb(var(--custom-2));
	border: 2px solid rgb(var(--custom-2));
	box-shadow: 2px 5px 20px rgba(var(--custom-2), .3);
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	appearance: none;
	cursor: pointer;
	direction: ltr;
	font-family: 'Material Icons';
	font-feature-settings: 'liga';
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	margin: 0 !important;
	padding: 0 !important;
	resize: none;
	text-align: center;
	text-decoration: none !important;
	text-rendering: optimizeLegibility;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	color: rgb(var(--color0-0));
}

.banners__edit input[type="submit"]:hover {
	background-color: rgb(var(--custom-1));
	border: 2px solid rgb(var(--custom-1));
	box-shadow: 2px 5px 20px rgba(var(--custom-1), .3);
}

/* END-BANNERS */



















































/* COMMENTARIUM */

.commentarium {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 30px;
	padding: 15px 0;
}



/* editor */

.commentarium .comment__editor {
	position: relative;
}

.commentarium .comment__editor .comment__edit {
	position: absolute;
	top: 3px;
	right: 3px;
}

.commentarium .comment__editor .comment__edit a {
	text-decoration: none;
}

.commentarium .comment__editor .comment__edit a icon {
	display: grid;
	align-items: center;
	justify-items: center;
	text-decoration: none;
	font-size: 12px !important;
	height: 19px !important;
	width: 19px !important;
	border-radius: 100%;
	background: rgba(var(--color-b1), .3);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	color: rgb(var(--color-t2));
}



/* comment__item */

.commentarium .comment__item {
	display: grid;
	grid-template-areas:
		"icon author star"
		"icon date star"
		"text text text"
		"reply reply reply";
	grid-template-columns: 32px 1fr 80px;
	grid-column-gap: 15px;
	align-items: center;
	border: 1px solid rgba(var(--default-color-6), .5);
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0 10px 20px rgba(var(--dark-3), .1);
}

.commentarium .comment__editor.s0 .comment__item {
	background-color: rgb(var(--color6-1));
	border: 1px solid rgba(var(--color6-1), .9);
	box-shadow: none;
}

.commentarium .comment__editor.s2 .comment__item {
	background-color: rgb(var(--default-color-9));
	border: none;
	box-shadow: none;
}





/* icon */

.commentarium .comment__item::before {
	grid-area: icon;
	display: grid;
	align-items: center;
	justify-items: center;
	vertical-align: middle;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 120%;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	line-height: normal;
	text-align: center;
	content: "person";

	width: 32px;
	height: 32px;
	background-color: rgb(var(--default-color-6));
	border-radius: 100%;
	color: rgb(var(--color-b1));

}



/* star */

.commentarium .comment__item .star {
	grid-area: star;
	text-align: right;
}

.commentarium .comment__item .star::before,
.commentarium .comment__item .star::after {
	display: inline-block;
	font-size: 14px;
}

.commentarium .comment__item .star::before {
	color: rgb(var(--color6-1));
}

.commentarium .comment__item .star::after {
	color: rgb(var(--default-color-6));
}

.commentarium .comment__item.s1 .star::before {
	content: "\2605";
}

.commentarium .comment__item.s1 .star::after {
	content: "\2605\2605\2605\2605";
}

.commentarium .comment__item.s2 .star::before {
	content: "\2605\2605";
}

.commentarium .comment__item.s2 .star::after {
	content: "\2605\2605\2605";
}

.commentarium .comment__item.s3 .star::before {
	content: "\2605\2605\2605";
}

.commentarium .comment__item.s3 .star::after {
	content: "\2605\2605";
}

.commentarium .comment__item.s4 .star::before {
	content: "\2605\2605\2605\2605";
}

.commentarium .comment__item.s4 .star::after {
	content: "\2605";
}

.commentarium .comment__item.s5 .star::before {
	content: "\2605\2605\2605\2605\2605";
}

.commentarium .comment__item.s5 .star::after {
	content: "";
}



/* content */

.commentarium .comment__item .text {
	grid-area: text;
}

.commentarium .comment__item .reply {
	grid-area: reply;
}

.commentarium .comment__item .text,
.commentarium .comment__item .reply {
	padding: 0 15px;
}

.commentarium .comment__item .text {
	background-color: rgba(var(--custom-2), .1);
	border-radius: 15px 15px 0 15px;
	margin: 15px 15px 0 0;
}

.commentarium .comment__item .reply {
	background-color: rgba(var(--custom-1), .1);
	border-radius: 0 15px 15px 15px;
	margin: 15px 0 0 15px;
}

.commentarium .comment__item .reply:empty {
	display: none;
}

.commentarium .comment__item .date {
	grid-area: date;
	font-size: 12px;
	color: rgb(var(--color-t4));
}

.commentarium .comment__item .author {
	grid-area: author;
	font-weight: bold;
	color: rgb(var(--color-t2));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

.commentarium .comment__item .date,
.commentarium .comment__item .author {
	padding: var(--tb0) 0;
}













#comment .comment__add a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#comment .comment__add {
	padding: 30px 0 15px 0;
}

#comment .comment__add a {
	padding: var(--tb6) 30px;
	border: 1px solid rgba(var(--custom-2), .05);
	border-radius: 5px;
	background-color: rgba(var(--custom-2), .1);
	color: rgb(var(--custom-2));
	text-decoration: none;
}

#comment .comment__add a:hover {
	border: 1px solid rgb(var(--custom-2));
	background-color: rgb(var(--custom-2));
	color: rgb(var(--color0-0));
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

#comment .comment__add a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}







#doctor.aside_cnt #main {
	order: 2 !important;
}

#doctor.aside_cnt #aside {
	order: 1 !important;
}


















































































/* BLOCKER_ADD */

.blocker__add {
	display: grid;
	grid-column-gap: 5px;
	grid-template-columns: repeat(auto-fill, 40px);
	height: 40px;
	position: sticky;
	top: 5px;
	width: 220px;
	z-index: 999;
}

.blocker__add a {
	align-items: center;
	background: rgba(var(--default-color-4), .7);
	backdrop-filter: saturate(180%) blur(10px);
	border-radius: 100px;
	color: rgb(var(--color0-0));
	display: grid;
	font-size: 18px !important;
	height: 40px;
	justify-items: center;
	text-decoration: none;
	transition: var(--anim);
	width: 40px;
	-moz-transition: var(--anim);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	-webkit-transition: var(--anim);
}

.blocker__add a:hover {
	background-color: rgb(var(--default-color-5));
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	box-shadow: 1px 3px 10px 3px rgba(var(--default-color-5), .2);
}

.blocker__add a:active {
	transform: translateY(1px);
	-webkit-transform: translateY(1px);
}

/* END-BLOCKER_ADD */










































/* TEXTER */

.texter__edit a,
.texter__edit a icon,
.texter__edit a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}



/* editor */

.texter,
.texter__item {
	display: grid;
	grid-template-columns: 1fr;
}

.texter__editor {
	grid-row-gap: 15px;
	padding: 5px;
	border: 1px dashed rgba(var(--color-t2), .1);
	border-radius: 5px;
	margin: 15px 0;
}

.texter__item {
	grid-row-gap: 3px;
}



/* edit */

.texter__edit,
.texter__edit .title {
	display: grid;
	align-items: center;
	grid-column-gap: 5px;
}

.texter__edit {
	grid-template-columns: 1fr 19px;
	height: 19px;
}

.texter__edit .title {
	grid-template-columns: repeat(3, minmax(1px, max-content));
}

.texter__edit .edit {
	text-decoration: none;
}

.texter__edit span {
	font-size: 9px;
	text-align: center;
	padding: 2px 5px;
	border-radius: 7px;
}

.texter__edit span.s1 {
	background-color: rgb(var(--color14-1));
	color: rgb(var(--color0-0));
}

.texter__edit .edit icon {
	display: grid;
	align-items: center;
	justify-items: center;
	text-decoration: none;
	font-size: 12px;
	width: 19px !important;
	height: 19px !important;
	border-radius: 100%;
	background-color: transparent;
}

.texter__edit span,
.texter__edit .edit icon {
	background: rgba(var(--color17-1), .05);
	color: rgb(var(--color-t2));
}

.texter__edit .edit:hover icon {
	background-color: rgb(var(--color17-1)) !important;
	color: rgb(var(--color0-0));
}

.texter__edit .edit:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.texter__edit .edit:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}



/* content */

.texter .texter__content {
	border-radius: 5px;
	background: linear-gradient(0deg, transparent 50%, rgba(var(--color17-1), .05) 100%);
	border: 1px dashed rgba(var(--color17-1), .05);
	padding: 5px;
}

.texter .texter__content:empty {
	min-height: 30px;
	background: linear-gradient(0deg, transparent 50%, rgba(var(--color1-1), .05) 100%);
	border: 1px dashed rgba(var(--color1-1), .05);
}





/* title */

.texter__title {
	margin-top: 30px;
}

.texter__editor .texter__title {
	margin-top: 0px;
}

.texter__heading {
	font-size: 28px;
	color: rgb(var(--custom1-1));
}

@media only screen and (min-width: 370px) {
	.texter__heading {
		font-size: 32px;
	}
}

@media only screen and (min-width: 560px) {
	.texter__heading {
		font-size: 36px;
	}
}

@media only screen and (min-width: 700px) {
	.texter__heading {
		font-size: 40px;
	}
}

@media only screen and (min-width: 1000px) {
	.texter__heading {
		font-size: 44px;
	}
}

@media only screen and (min-width: 1200px) {
	.texter__heading {
		font-size: 48px;
	}
}



/* description, list */

.texter__description,
.texter,
.texter__tags,
.texter__blockquote p {
	font-size: 16px;
}

@media only screen and (min-width: 560px) {

	.texter__description,
	.texter,
	.texter__tags,
	.texter__blockquote p {
		font-size: 18px;
	}
}

@media only screen and (min-width: 1000px) {

	.texter__description,
	.texter,
	.texter__tags,
	.texter__blockquote p {
		font-size: 20px;
	}
}



/* tags */

.texter__tags {
	padding: 15px 0 5px 0;
}

.texter__tags li {
	display: inline-block;
	padding: .3em 1em;
	border: 1px solid rgb(var(--default-color-6));
	border-radius: 5px;
	background-color: rgb(var(--color-b1));
	margin-bottom: 10px;
}

.texter__tags li,
.texter__tags.al li {
	margin-right: 10px;
}

.texter__tags.ac li {
	margin-left: 5px;
	margin-right: 5px;
}

.texter__tags.ar li {
	margin-left: 10px;
}



/* button */

.texter__button {
	padding: 15px 0;
}



/* blockquote */

.texter__blockquote a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.texter__blockquote {
	padding: 15px 0;
}

.texter__editor .texter__blockquote {
	padding: 0 !important;
}

.texter__blockquote div {
	padding: 15px;
	border-radius: 5px;
}

.texter__blockquote p {
	color: rgba(var(--color-t2), .5);
}

.texter__blockquote.color1 div {
	border-left: 5px solid rgb(var(--color17-1));
	background-color: rgba(var(--color17-1), .1);
}

.texter__blockquote.color1 a {
	color: rgb(var(--color17-1));
}

.texter__blockquote.color1 a:hover {
	color: rgb(var(--color17-2));
}

.texter__blockquote.color2 div {
	border-left: 5px solid rgb(var(--color14-1));
	background-color: rgba(var(--color14-1), .1);
}

.texter__blockquote.color2 a {
	color: rgb(var(--color14-1));
}

.texter__blockquote.color2 a:hover {
	color: rgb(var(--color14-2));
}

.texter__blockquote.color3 div {
	border-left: 5px solid rgb(var(--color4-1));
	background-color: rgba(var(--color4-1), .1);
}

.texter__blockquote.color3 a {
	color: rgb(var(--color4-1));
}

.texter__blockquote.color3 a:hover {
	color: rgb(var(--color4-2));
}

.texter__blockquote.color4 div {
	border-left: 5px solid rgb(var(--color1-1));
	background-color: rgba(var(--color1-1), .1);
}

.texter__blockquote.color4 a {
	color: rgb(var(--color1-1));
}

.texter__blockquote.color4 a:hover {
	color: rgb(var(--color1-2));
}

.texter__blockquote.color5 div {
	border-left: 5px solid rgb(var(--color25-0));
	background-color: rgba(var(--color25-0), .1);
}

.texter__blockquote.color5 a {
	color: rgb(var(--color25-0));
}

.texter__blockquote.color5 a:hover {
	color: rgb(var(--color25-1));
}

.texter__blockquote.color6 div {
	border-left: 5px solid rgb(var(--color-t4));
	background-color: rgba(var(--color-t4), .1);
}

.texter__blockquote.color6 a {
	color: rgba(var(--color-t2), .7);
}

.texter__blockquote.color6 a:hover {
	color: rgb(var(--color-t2));
}



/* line */

.texter__editor .texter__line {
	background-color: rgba(var(--default-color-5), .1);
	background-image: url(/img/default/hr.png);
	background-repeat: repeat;
	background-position: center;
	border-radius: 5px;
}

















/* adm__icon */

.adm__icon {
	display: grid;
	grid-template-columns: 90px 1fr;
	align-items: center;
	grid-column-gap: 15px;
	border-radius: 5px;
	padding: 5px;
	border: 1px dashed rgba(var(--color-t2), .1);
}

.adm__icon .image_list {
	width: 90px;
	height: 90px;
}

.adm__icon .label {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: rgb(var(--color-t2));
}

.adm__icon .title {
	font-size: 14px;
	color: rgb(var(--color-t4));
	margin-top: -15px;
}

/* END-SERVICE_LIST */

































































/* BANNER */

.home__banner {
	padding: 180px 0 0 0;
}

.home__banner {
	background-repeat: no-repeat;
	background-position: center center;
	object-position: center !important;
	background-size: cover;
	object-fit: cover !important;
}



/* banner__block */

.banner__block {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	grid-gap: 30px;
}

@media only screen and (min-width: 1000px) {
	.banner__block {
		grid-template-columns: 1fr 1fr;
		grid-gap: 45px;
	}
}



/* banner__content */

.banner__content {
	order: 2;
	background: rgba(var(--default-color-6), .8);
	-webkit-backdrop-filter: saturate(180%) blur(3px);
	backdrop-filter: saturate(180%) blur(3px);
	border-radius: 0;
	padding: 15px 30px;
	margin-bottom: -30px;
}

.banner__image {
	order: 1;
	min-height: 120px;
}

@media only screen and (min-width: 1000px) {
	.banner__content {
		order: 1;
	}

	.banner__image {
		order: 2;
	}
}



/* teglist */

.banner__content .lst li {
	display: inline-block;
	margin-right: 30px;
}



/* button */

.banner__content .btn li:nth-child(1) a {
	background-color: rgb(var(--color1-1));
	color: rgb(var(--color0-0));
	box-shadow: 1px 3px 10px 3px rgba(var(--color1-1), .2);
}

.banner__content .btn li:nth-child(2) a {
	background-color: rgb(var(--color-b1));
	color: rgb(var(--color-t2));
}

/* END-BANNER */









/* ABOUT */

.home__about {
	background-repeat: no-repeat;
	background-position: center center;
	object-position: center !important;
	background-size: cover;
	object-fit: cover !important;
	padding: 120px 0 105px 0;
}



/* about__block */

.about__block {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 45px;
}

@media only screen and (min-width: 1000px) {
	.about__block {
		grid-template-columns: 1fr 1fr;
	}
}



/* about__list */

.about__list .cnt {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

.about__list .item {
	display: grid;
	grid-template-columns: 70px 1fr;
	align-items: flex-start;
	grid-gap: 15px;
}

.about__list p {
	padding: var(--tb2) 0;
}

.about__list .image {
	background-color: rgb(var(--default-color-6));
}

.about__list .image img {
	object-position: center;
	padding: 15px;
}

.about__list .ttl {
	font-size: 18px !important;
	font-weight: bold;
	color: rgb(var(--color-t2));
	margin-top: -15px;
}

@media only screen and (min-width: 560px) {
	.about__list .ttl {
		font-size: 20px !important;
	}
}

@media only screen and (min-width: 1000px) {
	.about__list .ttl {
		font-size: 22px !important;
	}
}

.about__list .dsc {
	font-weight: normal;
	color: rgb(var(--color-t4));
}

/* END-ABOUT */










/* SERVICE */

.home__service {
	background-color: rgb(var(--default-color-7));
	padding: 90px 0;
}



/* service__list */

.service__list {
	padding-top: 45px;
	padding-bottom: 15px;
}

.service__list .cnt {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
}

@media only screen and (min-width: 560px) {
	.service__list .cnt {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}
}

@media only screen and (min-width: 1000px) {
	.service__list .cnt {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 45px;
	}
}



/* item */

.service__list .item {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
	background-color: rgb(var(--color-b1));
	padding: 15px;
}

#page_service .service__list .item:not(.s0) {
	background-color: rgb(var(--default-color-9));
}

.service__list .item:not(.s0):hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	box-shadow: 1px 3px 10px 3px rgba(var(--dark-9), .1);
}

.service__list .item:not(.s0):active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

@media only screen and (min-width: 560px) {
	.service__list .item {
		padding: 15px;
	}
}

@media only screen and (min-width: 700px) {
	.service__list .item {
		padding: 15px 30px;
	}
}

@media only screen and (min-width: 1000px) {
	.service__list .item {
		padding: 15px 30px;
	}
}

.service__list .cnt .item.s0 {
	background-color: rgb(var(--default-color-6));
}



/* text */

.service__list a {
	text-decoration: none;
}

.service__list .image {
	margin-top: 15px;
	margin-bottom: 15px;
}

.service__list .ttl {
	font-size: 18px !important;
	font-weight: bold;
}

.service__list .ttl,
.service__list .ttl a {
	color: rgb(var(--color-t2));
}

@media only screen and (min-width: 560px) {
	.service__list .ttl {
		font-size: 20px !important;
	}
}

@media only screen and (min-width: 1000px) {
	.service__list .ttl {
		font-size: 22px !important;
	}
}

.service__list .dsc {
	margin-top: -15px;
}

.service__list .btn {
	margin-top: 15px;
	margin-bottom: 15px;
}

.service__list .btn a {
	background-color: rgb(var(--default-color-6));
	color: rgb(var(--color1-1));
}

.service__list .item:not(.s0):hover .btn a {
	background-color: rgb(var(--color1-1));
	color: rgb(var(--color0-0));
	box-shadow: 1px 3px 10px 3px rgba(var(--color1-1), .2);
}

.service__list .item.s0 .btn a,
.service__list .item.s0 .btn a:hover {
	background-color: rgb(var(--default-color-7));
	color: rgb(var(--color-t4));
}

/* END-SERVICE */










/* CONTACT */

.home__contact {
	padding: 90px 0;
}

/* END-CONTACT */

















/* SERVICEBANNER */

.item__service__banner {
	background-repeat: no-repeat;
	background-position: center center;
	object-position: center !important;
	background-size: cover;
	object-fit: cover !important;
	padding: 180px 15px 0 15px;
	margin-bottom: 120px;
}

@media only screen and (min-width: 560px) {
	.item__service__banner {
		padding: 180px 30px 0 30px;
	}
}



/* item__service__block */

.item__service__block {
	display: grid;
	grid-template-columns: 1fr;
}



/* item__service__content */

.item__service__content {
	background: rgba(var(--default-color-6), .8);
	-webkit-backdrop-filter: saturate(180%) blur(3px);
	backdrop-filter: saturate(180%) blur(3px);
	border-radius: 0;
	padding: 15px;
	max-width: 700px;
	margin-bottom: -30px;
}

@media only screen and (min-width: 560px) {
	.item__service__content {
		padding: 15px 30px;
	}
}



/* button */

.item__service__content .btn li:nth-child(1) a {
	background-color: rgb(var(--color1-1));
	color: rgb(var(--color0-0));
	box-shadow: 1px 3px 10px 3px rgba(var(--color1-1), .2);
}

.item__service__content .btn li:nth-child(2) a {
	background-color: rgb(var(--color-b1));
	color: rgb(var(--color-t2));
}

/* END-SERVICEBANNER */
















#item__service .container {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
}

@media only screen and (min-width: 1000px) {
	#item__service .container {
		grid-template-columns: 1fr 300px;
		grid-gap: 45px;
	}
}


.lst li:before {
	background-color: rgb(var(--color1-1));
}












.frm_b3 {
	background-color: rgb(var(--default-color-7));
}

.frm_b3 input[type="submit"],
.frm_b3 input[type="button"] {
	border: 2px solid rgb(var(--color1-1));
	background-color: rgb(var(--color1-1));
	color: rgb(var(--color0-0));
	border-radius: 0;
}

.frm_b3 input[type="submit"]:hover,
.frm_b3 input[type="button"]:hover {
	border: 2px solid rgb(var(--color1-2));
	background-color: rgb(var(--color1-2));
}




#menu .tel_call a {
	background-color: rgb(var(--color1-1));
	color: rgb(var(--color0-0));
	margin-top: 10px;
	margin-bottom: 5px;
}

#menu .tel_call:hover a {
	background-color: rgb(var(--color1-2)) !important;
	color: rgb(var(--color0-0)) !important;
}

@media only screen and (min-width: 1000px) {
	#menu .tel_call a {
		margin-left: 20px;
		box-shadow: 1px 3px 10px 3px rgba(var(--color1-1), .2);
		padding: var(--tb5) 20px;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
}





#head_tel {
	position: sticky;
	padding: 15px;
	top: 0;
}



























































































/* UX__BREADCRUMB */

.ux__breadcrumb {
	border-radius: 5px;
}









































































































































@media only screen and (min-width: 370px) {}
@media only screen and (min-width: 560px) {}
@media only screen and (min-width: 700px) {}
@media only screen and (min-width: 1000px) {}
@media only screen and (min-width: 1200px) {}