@charset "utf-8";
	/* 480px以上は写さない */
@media (min-width: 480px) {
	.sp-only {
		display: none!important;
	}
	.mv-sp {
		display: none!important;
	}
}
@media (min-width: 960px) {
	.tb-only {
		display: none!important;
	}
}

	/* 960px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 960px) {
	body {
		font-size: 18px;
	}
	.pc-only {
		display: none!important;
	}
	.header-logo {
		width: 40%;
	}
	.mv-biz-hour {
		bottom: 0px;
		right: 5px;
		width: 40%;
	}
	.container {
		width: 90%;
	}
	.news-ttl {
		font-size: 32px;
	}
	.f-30 {
		font-size: 26px;
	}
	#news::after {
		width: 160px;
		height: 160px;
	}
	.accordion-001 {
		max-width: 750px;
	}
	.accordion-001 summary::after {
		border-radius: calc(16 / 1299*100vw);
	    width: calc(160 / 1299*100vw);
    	height: calc(31 / 1299*100vw);
		font-size: 48%;
	}
	.flex {
		flex-direction: column;
	}
	.flex-2, .flex-3 {
		width: 100%;
		margin-bottom: 40px;
	}
	.fea01::after, .fea03::before {
		width: 100px;
		height: 100px;
	}
	.txtbox {
		padding-top: 20px;
	}
	.fea02::before {
		width: 150px;
		height: 150px;
	}
	.f-40 {
		font-size: 35px;
	}
	.fea03-wrap::before {
		width: 60px;
		height: 200px;
	}
	.txt-ttl.f-40.fea03-ttl {
		width: 100%;
	}
	.fea03-ttl::before {
		width: 140px;
		height: 100px;
		left: -120px;
		background-size: 100%;
	}
	.fea03-ttl::after {
		width: 140px;
		height: 100px;
		right: -120px;
		background-size: 100%;
	}
	.fea03::after {
		width: 100px;
		height: 100px;
		left: 0;
	}
	.d-demo__item {
		width: calc(300vw / 6);
	}
	.fea04::before {
		width: 200px;
		bottom: -115px;
	}
	.fea06::after {
		width: 200px;
	}
	#top-medical::after {
		width: 100px;
		height: 100px;
	}
	.med-list-top, .med-list-btm {
		flex-direction: row!important;
	}
	.med-top {
		width: 48%;
		margin-bottom: 65px;
	}
	.med-list-top::before {
		left: 0;
	}
	.med-btm {
		width: 48%;
	}
	.greeting-flex, .greeting-img {
		width: 100%;
	}
	.adress {
		text-align: center;
	}
	.footer-reserve, .footer-point {
		flex-direction: row!important;
	}
	.bix-hour img {
		display: block;
		margin: 0 auto;
	}
	.footer-btm .flex-2 {
		width: 100%;
	}
	.sitemap {
		padding: 0;
	}
	.f-50 {
		font-size: 40px;
	}
	.page-ttl {
		padding: 10px 0;
	}
	.section {
		padding-top: 60px!important;
	}
	.content-ttl {
		font-size: 40px;
		margin: 80px auto;
	}
	.content-ttl::before {
		width: 60px;
		height: 60px;
		top: -60px;
	}
	.ttl {
		margin-bottom: 25px;
	}
	.content {
		padding-top: 50px;
	}
	.item img {
		width: 100%;
	}
	.item-ttl {
		font-size: 24px;
	}
	.item-txt {
		padding: 20px 0 30px;
	}
	#facility .item:last-child {
		margin-bottom: 40px;
	}
	.item2 {
		padding: 20px 0 70px;
	}
	.business-time::after {
		background-image: url("../img/access_bg_tb.jpg");
		height: 60%;
	}
	.access-ttl {
		padding: 10px 0;
		font-size: 20px;
	}
	.circle {
		width: 48%!important;
		margin: 0 auto;
	}
	.circle-flex {
		flex-direction: row!important;
	}
	.flex-2 img {
		display: block;
		margin: 0 auto;
	}
	.border {
		padding-bottom: 0;
	}
	.medical-bg {
		margin: 100px auto 50px;
	}
	.list {
		flex-direction: column;
	}
	.list li {
		width: 90%;
		margin-left: auto;
	}
	.oral-txt {
		width: 97%;
		margin-left: auto;
	}
	.implant-img img {
		display: block;
		margin: 0 auto;
	}
	.tab-flex {
		flex-direction: row!important;
	}
	.tab-flex .flex-2, .tab-flex .flex-3 {
		width: 48%;
		margin: 0 auto;
	}




}


	/* 480px以下に適用されるCSS（スマホ用） */
	@media screen and (max-width: 480px) {
		body {
			font-size: 16px;
		}
		.sp-nav {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: fixed;
	}
	.nav_wrapper {
		position: fixed;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		bottom: 0;
	}
	.nav_wrapper div:first-child {
		border-left: 1px solid #6D5839;
	}
	.nav_wrapper div {
		width: 25%;
		display: flex;
		background: #ED9D27;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #6D5839;
		border-top: 1px solid #6D5839;
	}
	.nav_wrapper a {
		padding: 10px;
	}
	.accordion-001 summary::after {
		border-radius: calc(22 / 750*100vw);
		width: calc(224 / 750*100vw);
		height: calc(25 / 750*100vw);
	}
		#page_top {
			display: none!important;
		}
		.mv-pc {
			display: none!important;
		}
		.header-logo {
			width: 50%;
		}
		.cp {
			top: 27%;
			left: 36%;
			width: 63%;
		}
		.mv-biz-hour {
			width: 63%;
		}
		.news-ttl {
			font-size: 27px;
		}
		.f-30 {
			font-size: 20px;
		}
		.news-content {
			width: 100%
		}
		#news::after {
			width: 70px;
			height: 70px;
			bottom: 0;
		}
		.accordion-001 summary {
			padding: 1rem 0;
			font-size: 23px;
		}
		.accordion-open {
			padding: 1rem 0;
		}
		.covid19-list {
			width: 48%;
			padding: 15px 0;
		}
		#feature {
			background-image: url("../img/top/feature_bg_sp.png");
		}
		.fea-num {
			font-size: 73px;
		}
		.f-40 {
			font-size: 27px;
		}
		.txt-ttl {
			width: 95%;
		}
		.fea02::before {
			width: 70px;
			height: 70px;
		}
		.fea03-wrap::before, .fea03-ttl::before, .fea03-ttl::after {
			display: none!important;
		}
		.fea03-wrap {
			width: 100%;
		}
		.d-demo__item {
			width: calc(350vw / 6);
		}
		.d-demo.gallery {
			padding: 50px 0;
		}
		#feature-btm {
			padding: 60px 0;
			margin-top: 50px;
		}
		.fea04::before, .fea06::after {
			width: 100px;
		}
		.btn a {
			padding: 18px 0;
			font-size: 23px;
		}
		.top-med-ttl {
			font-size: 34px;
		}
		.top-med-ttl span::before {
			width: 50px;
			height: 50px;
			left: -60px;
		}
		.top-med-ttl span::after {
			width: 50px;
			height: 50px;
			right: -60px;
		}
		#top-medical::after {
			width: 50px;
			height: 50px;
		}
		.med-list-top, .med-list-btm {
			flex-direction: column;
		}
		.med-top, .med-btm {
			width: 100%;
		}
		.med-name {
			padding-top: 15px;
		}
		.med-list-top::before {
			width: 60px;
			height: 70px;
		}
		.med-btm::after {
			border-top: 15px solid transparent;
			border-bottom: 15px solid transparent;
			border-left: 20px solid #6D5839;
		}
		.med-btm {
			font-size: 22px;
		}
		#greeting h2 {
			font-size: 34px;
		}
		.d-name {
			font-size: 27px;
		}
		.director {
			font-size: 18px;
			width: 53px;
			height: 53px;
			line-height: 53px;
		}
		#top-recruit {
			margin: 60px auto;
		}
		.footer-top {
			padding: 30px 0;
		}
		.footer-point {
			width: 90%;
			padding: 10px 0;
		}
		.f-50 {
			font-size: 33px;
		}
		.content-ttl {
			font-size: 32px;
			margin: 50px auto;
		}
		.content-ttl::before {
			width: 30px;
			height: 30px;
			top: -35px;
		}
		.content-ttl::after {
			width: 120px;
			height: 20px;
			bottom: -25px;
		}
		.tab-flex {
			flex-direction: column!important;
		}
		.tab-flex .flex-2, .tab-flex .flex-3 {
			width: 100%!important;
		}
		.item-ttl {
			font-size: 21px;
			padding: 15px 0;
		}
		.skill {
			margin: 40px auto;
		}
		.circle-flex {
			flex-direction: column!important;
		}
		.circle {
			width: 90%!important;
			margin: 0 auto 30px;
		}
		.table dt{ 
			width: 100%;
			border-right: none;
		}
		.table dd{
			width: 100%; 
		}
		.medical-bg {
			margin: 60px auto 30px;
		}
		.medical-txtbox {
			width: 100%;
		}
		.medical-txtttl {
			font-size: 21px;
		}
		h3 {
			padding: 15px 0;
		}
		.txt, .item-txt {
			letter-spacing: 1.1px;
		}
		.item2::after {
			width: 80px;
			height: 60px;
		}
		.oral-txt {
			width: 90%;
		}
		.item-txt ul {
			width: 85%;
			margin-left: auto;
		}
		.sitemap li {
			font-size: 17px;
		}
		
		






		
		


		
		

}