@charset "utf-8";
/* CSS Document */
@media screen and (max-width:900px){
	
	html {
		font-size: 8px;
	}
	body {
		max-width: 900px;
	}
	.sp-only {
		display: block;
	}
	.pc-only {
		display: none;
	}
	
	/*header*/
	.head-logo a {
		width: 250px;
	}
	
	/*--- メインビジュアル ---*/
	.mainvisual {
		height: 80vh;
		width: 100%;
	}
	.catch-copy {
		width: 500px;
		height: 294px;
		padding-top: 60px;
	}
	.catch-copy h2 {
		font-size: 36px;
	}
	.catch-copy h2 span {
		font-size: 45px;
	}
	.mv-icon {
		gap:3rem;
		bottom:20px;
		right: 20px;
	}
	.mv-icon .item {
		width: 120px;
	}
	
	/*news-info*/
	#news-info::before {
		content: "";
		width: 120px;
		height: 100px;
		bottom: 5rem;
		left: 5rem;
	}
	#news-info::after {
		content: "";
		width: 75px;
		height: 72px;
		top: 5rem;
		right: 5rem;
	}
	#news-info .inner {
		width: 80%;
		margin: 5rem auto;
		flex-direction: column;
		gap:10rem;
	}
	.ni-container {
		width: 100%;
	}
	.ttl-ni {
		text-align: center;
		font-size: 36px;
		padding: 0 0 3rem 0rem;
	}
	.ttl-news {
		position: relative;
	}
	.ttl-news::before {
		content: "";
		width: 100px;
		height: 82px;
		top: -20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}
	.ttl-info {
		position: relative;
	}
	.ttl-info::before {
		content: "";
		width: 100px;
		height: 82px;
		top: -20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}
	.info-adress {
		text-align: center;
	}
	.info-timetable {
		width: 95%;
		margin: auto;
	}
	
	/*#first*/
	#first::before {
		content: "";
		width: 100%;
		height: 50px;
	}
	#first .container {
		width: 80%;
		margin: auto;
	}

	
	/*感染症対策*/
	.accordion-001 {
		width: 90%;
	}
	
	/*greeting*/
	#greeting::before {
		content: "";
		width: 80px;
		height: 80px;
		bottom:5rem;
		left: 5rem;
	}
	#greeting::after {
		content: "";
		width: 110px;
		height: 80px;
		top:5rem;
		right: 5rem;
	}
	#greeting .inner {
		width: 90%;
		flex-direction: column;
		gap: 5rem;
	}
	#greeting .inner .left {
		width: 100%;
	}
	.greeting-b {
		text-align: center;
	}
	.greeting-s {
		font-size: 15px;
		line-height: 2;
	}
	#greeting .inner .right {
		width: 80%;
		margin: auto;
	}

	
	/*feature*/
	#feature::before {
		content: "";
		width: 100%;
		height: 70px;
		top: -70px;
	}
	.ttl-feature {
		font-size: 36px;
	}
	.ttl-feature span {
		font-size: 20px;
	}
	.feature-wrapper {
		width: 90%;
		margin: 10rem auto 0 auto;
	}
	.feature-wrapper ul {
		flex-direction: column;
		gap:10rem;
	}
	.feature-wrapper ul li {
		flex-direction: column-reverse;
		gap: 3rem;
	}
	.f-img {
		width: 70%;
		margin: auto;
	}
	.f-index {
		width: 100%;
	}
	.f-no {
		font-size: 40px;
	}
	.f-no::before {
		content: "";
		width: 100px;
		height: 82px;
	}
	.f-txt-b {
		font-size: 20px;
	}
	.f-txt-s {
		font-size: 16px;
	}
	.feature-left {
		position: relative;
	}
	.feature-left::before {
		content: "";
		width: 80px;
		height: 80px;
		top:2rem;
		right: 0;
	}
	.feature-right {
		position: relative;
	}
	.feature-right::before {
		content: "";
		width: 80px;
		height: 78px;
		top:2rem;
		left: 0;
	}

	
	/*medical*/
	.medical-top::before {
		content: "";
		width: 100%;
		height: 70px;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
	}
	.medical-top h4 {
		font-size: 28px;
	}

	.med-wrap-top {
		width: 90%;
		margin: 5rem auto;
	}
	.med-wrap-top ul {
		justify-content: center;
		gap:80px;
		align-items: flex-start;
	}
	.med-wrap-top ul li {
		width: 300px;
	}
	.med-icon-b {
		width: 250px;
		margin: 0 auto;
	}
	.med-name {
		text-align: center;
		font-size: 28px;
		letter-spacing: 2px;
		border-bottom: 1px solid #707070;
		padding-bottom: 10px;
		line-height: 1;
		margin-top: 10px;
	}
	.med-name span {
		font-size: 18px;
		color: #0F7A67;
	}
	.med-txt {
		line-height: 2;
		font-size: 16px;
		margin: 10px auto 20px auto;
	}
	.med-wrap-bottom ul {
		justify-content: center;
		gap: 50px;
		align-items: flex-start;
	}
	.med-wrap-bottom ul li {
		width: 300px;
		background: #fff;
		border-radius: 2rem;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		padding: 2rem 0;
	}
	.med-wrap-bottom ul li:hover {
		background: #E6F3F1;
	}
	.med-wrap-bottom ul li a {
		display: block;
	}
	.med-icon-s {
		width: 100px;
		margin: auto;
	}
	.med-wrap-bottom ul li .med-name {
		border-bottom: none;
		color: #333;
	}
	
	
	/*recruit*/
	#recruit .container {
		width: 90%;
	}
	#recruit .container::before {
		content: "";
		width: 100px;
		height: 100px;
		bottom: 0;
		right: 0px;
		z-index: 3;
	}
	#recruit .container .inner {
		width: 50%;
	}
	.ttl-rec {
		font-size: 36px;
	}
	.ttl-rec span {
		font-size: 20px;
	}
	.rec-txt {
		font-size: 16px;
		line-height: 2;
		margin: 2rem auto;
	}
	.rec-img {
		width: 350px;
		position: absolute;
		top: -2rem;
		right: 0;
	}
	
	
	/*footer*/
	#footer {
		margin-top: 100px;
		margin-bottom: 65px;
	}
	#footer::before {
		content: "";
		width: 100%;
		height: 100px;
		top: -100px;
	}
	#footer .inner {
		width: 90%;
		margin: auto;
		flex-direction: column;
		gap: 3rem;
	}
	#footer .inner .left {
		width: 100%;
	}
	#footer .inner .right {
		width: 90%;
		margin: auto;
	}
	
	
	#sp-btn {
		position: fixed;
		bottom: 0;
		left: 50%;
		z-index: 980;
    width: 100%;
		transform: translateX(-50%);
	}
	#sp-btn ul {
		justify-content: center;
    max-width: 900px;
    padding-bottom: 0;
    margin: 0 auto;
    position: relative;
	}
	#sp-btn .type1 ul::before {
		background: rgba(76, 190, 227, 0.7);
	}
	#sp-btn ul::before {
		content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
		background:#20928B;
		backdrop-filter: blur(2px);
	}
	#sp-btn ul li {
		width: calc(100% / 4);
    margin: 0;
    padding: 10px 0 6px;
    text-align: center;
    line-height: 1.2;
    position: relative;
	}
	#sp-btn ul li a {
		display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
		text-align: center;
	}
	#sp-btn ul li i {
		font-size: 3.6rem;
    font-family: "Font Awesome 5 Free";
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 3px;
		text-align: center;
	}
	#sp-btn ul li span {
		display: block;
    font-size: 1.8rem;
    color: #fff;
		text-align: center;
	}
	
	
	
	/*下層*/
	/*--- メインビジュアル ---*/
	.s-mainvisual {
		height: 50vh;
	}
	.page-ttl {
		bottom: 100px;
	}
	.page-ttl h2 {
		font-size: 60px;
		letter-spacing: 3px;
		line-height: 0.8;
	}
	.page-ttl h2 span {
		font-size: 30px;
	}
	.sec-padding {
		padding: 10rem 0; 
	}
	.sec-ttl {
		position: relative;
		margin-bottom: 10rem;
	}
	.sec-ttl h4 {
		font-size: 26px;
		letter-spacing: 2px;
	}


	/*clinic*/
	.s-feature-wrap {
		flex-direction: column;
		gap:10rem;
	}
	.sf-item {
		padding-top:5rem;
	}
	.sf-btxt {
		font-size: 24px;
	}
	.sf-index {
		width: 90%;
		margin: 3rem auto 0 auto;
		padding: 3rem 0;
	}
	.sf-index p {
		width: 95%;
		font-size: 15px;
	}
	
	.sf01::before {
		width: 100%;
		height: 65%;
	}
	.sf02::before {
		width: 100%;
		height: 65%;
	}
	.sf03::before {
		width: 100%;
		height: 65%;
	}
	.sf04::before {
		width: 100%;
		height: 65%;
	}

	.clinic-slide {
		width: 80%;
		margin: 0 auto 5rem auto;
	}
	

	#facility-gallery {
		margin-bottom: 10rem;
	}
	.facility-wrap {
		width: 90%;
	}
	.facility-wrap ul {
		justify-content: space-between;
		gap:0;
		align-items: flex-start;
	}
	.facility-wrap ul li {
		width: 45%;
		margin-bottom: 5rem;
	}
	.facility-name p {
		font-size: 18px;
	}
	.facility-txt p {
		font-size: 14px;
		line-height: 2;
	}
	
	
	/*doctor*/
	#doctor01 .inner {
		width: 95%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	.doc-txt {
		width: 50%;
	}
	.doc-txt p {
		font-size: 16px;
		line-height: 2;
	}
	.doc-img {
		width: 48%;
		margin: auto;
		position: relative;
	}
	.doc-name {
		width: 180px;
		height: 108px;
		padding: 2rem 0 0 0;
	}
	.doc-name p {
		font-size: 22px;
	}
	.doc-name p .name-s {
		font-size: 15px;
		line-height: 2;
	}
	.doc-name p .en {
		font-size: 14px;
	}
	.d-in-bottom {
		width: 90%;
	}
	.d-in-bottom .item {
		width: 48%;
	}
	.d-in-bottom .item p {
		font-size: 20px;
	}
	.d-in-bottom .item ul {
		width: 90%;
		font-size: 16px;
	}
	
	
	/*medical*/
	.m-con-top {
		width: 95%;
		flex-direction: column;
		gap:5rem;
	}
	.mct-txt {
		width: 100%;
	}
	.mct-txt .txt-b {
		font-size: 24px;
		color: #49B9A5;
		letter-spacing: 2px;
		margin-bottom: 3rem;
	}
	.mct-txt .txt-s {
		font-size: 16px;
		line-height: 2;
		font-weight: 500;
	}
	.mct-img {
		width: 60%;
		margin: auto;
	}
	.m-container {
		width: 95%;
	}
	.ttl-m-con p {
		font-size: 20px;
	}
	.m-con-top-index {
		width: 95%;
		font-size: 16px;
	}
	.m-in {
		width: 95%;
	}
	.ttl-m-in p {
		font-size: 20px;
	}
	.m-in-wrap {
		flex-direction: column;
		gap:3.5rem;
	}
	.ttl-m-in-item {
		font-size: 16px;
		padding-left: 20px;
	}
	.ttl-m-in-item::before {
		content: "";
		width: 18px;
		height: 18px;
	}
	.item-in {
		justify-content: space-between;
		align-items: center;
	}
	.item-in .left {
		width: 30%;
	}
	.item-in .right {
		width: 68%;
	}
	.item-in .right p {
		font-size: 14px;
		line-height: 2;
	}
	.item-in .right img {
		width: 75%;
	}
	.m-con-mid {
		width: 95%;
	}
	.ttl-mcm {
		font-size: 20px;
	}
	.mcm-wrap {
		justify-content: space-between;
		align-items: flex-start;
	}
	.mcm-wrap .item {
		width: 33%;
	}
	.mcm-wrap .item ul {
		width: 95%;
		margin: auto;
		font-size: 14px;
	}
	.mcm-wrap .item ul li {
		list-style: disc;
		list-style-position: inside;
	}
	.mcm-link {
		width: 70%;
	}
	.mcm-link a {
		font-size: 15px;
	}
	.whitening-in {
		align-items: center;
		justify-content: space-between;
	}
	.w-in-item {
		width: 20%;
	}
	.w-in-item p {
		font-size: 14px;
	}
	.implant-top-txt {
		font-size: 14px;
	}
	.ttl-implant-flow {
		font-size: 16px;
	}

	#koujo {
		width: 90%;
	}
	.ttl-koujo {
		font-size: 20px;
	}
	#koujo ul {
		width: 90%;
	}
	.koujo-txt-b {
		font-size: 16px;
	}
	.koujo-txt-s {
		font-size: 14px;
	}
	
	
	/*promise*/
	.promise-wrapper .item::before {
		content: "";
		width: 100%;
		height: 150px;
	}
	.promise-wrapper .item .inner {
		width: 95%;
		margin: auto;
		align-items: center;
		justify-content: space-between;
	}
	.p-ttl {
		font-size: 22px;
	}
	.p-ttl::before {
		content: "";
		width: 300px;
		height: 10px;
		bottom: -1.5rem;
	}
	.promise-wrapper .item .inner .img {
		width: 30%;
	}
	.promise-wrapper .item .inner .txt {
		width: 65%;
	}
	.promise-wrapper .item .inner .txt p {
		font-size: 15px;
	}
	
	
	
	/*contact*/
	.contact-message {
		width: 90%;
	}
	.contact-message p {
		width: 95%;
	}
	.cm-b {
		font-size: 15px;
		font-weight: 500;
	}
	.cm-s {
		font-size: 14px;
	}

	.contact-container {
		width: 98%;
		margin: 10rem auto;
		padding: 5rem 0;
		background: #fff;
		border-radius: 3rem;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	}
	.cc-box {
		width: 95%;
		margin: auto;
		background: #fff;
		padding: 5rem 0;
	}
	.formTable {
		width: 90%;
		margin: auto;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}



@media screen and (max-width:430px) {
	
	html {
		font-size: 6px;
	}
	body {
		max-width: 430px;
	}
	.spbr {
		display: block;
	}
	
	/*--- メインビジュアル ---*/
	.mainvisual {
		height: 90vh;
		width: 100%;
	}
	.catch-copy {
		width: 350px;
		height: 205px;
		padding-top: 50px;
	}
	.catch-copy h2 {
		font-size: 24px;
	}
	.catch-copy h2 span {
		font-size: 32px;
	}
	.mv-icon {
		width: 90%;
		gap:1rem;
		justify-content: center;
		bottom:50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.mv-icon .item {
		width: 120px;
	}
	
	
	/*news-info*/
	#news-info::before {
		content: "";
		width: 120px;
		height: 100px;
		bottom: 5rem;
		left: 5rem;
	}
	#news-info::after {
		content: "";
		width: 75px;
		height: 72px;
		top: 5rem;
		right: 5rem;
	}
	#news-info .inner {
		width: 95%;
	}
	.ni-container {
		width: 100%;
	}
	.ttl-ni {
		font-size: 24px;
	}
	.ttl-news {
		position: relative;
	}
	.info-adress {
		text-align: center;
		font-size: 16px;
	}
	.info-timetable {
		width: 100%;
	}
	
	/*#first*/
	#first::before {
		content: "";
		width: 100%;
		height: 30px;
	}
	#first .container {
		width: 95%;
		margin: auto;
		padding: 5rem 0;
	}
	#first .container .inner {
		width: 95%;
		flex-direction: column;
		gap: 5rem;
	}
	#first .container .inner .left{
		width: 100%;
	}
	#first .container .inner .right {
		width: 80%;
		margin: auto;
	}
	/*感染症対策*/
	.accordion-001 {
		width: 90%;
	}
	
	/*greeting*/
	#greeting::before {
		content: "";
		width: 80px;
		height: 80px;
		bottom:3rem;
		left: 0rem;
	}
	#greeting::after {
		content: "";
		width: 110px;
		height: 80px;
		top:3rem;
		right: 0rem;
	}
	#greeting .inner {
		width: 95%;
	}
	#greeting .inner .left {
		width: 100%;
	}
	.greeting-b {
		text-align: center;
		font-size: 18px;
	}
	.greeting-s {
		font-size: 15px;
		line-height: 2;
	}
	#greeting .inner .right {
		width: 80%;
		margin: auto;
	}

	
	/*feature*/
	#feature::before {
		content: "";
		width: 100%;
		height: 30px;
		top: -30px;
	}
	.ttl-feature {
		font-size: 28px;
	}
	.ttl-feature span {
		font-size: 18px;
	}
	.feature-wrapper {
		width: 95%;
	}
	.f-img {
		width: 70%;
		margin: auto;
	}
	.f-index {
		width: 100%;
	}
	.f-no {
		font-size: 30px;
	}
	.f-no::before {
		content: "";
		width: 100px;
		height: 82px;
	}
	.f-txt-b {
		font-size: 17px;
	}
	.f-txt-s {
		font-size: 15px;
	}
	.feature-left {
		position: relative;
	}
	.feature-left::before {
		content: "";
		width: 80px;
		height: 80px;
		top:2rem;
		right: 0;
	}
	.feature-right {
		position: relative;
	}
	.feature-right::before {
		content: "";
		width: 80px;
		height: 78px;
		top:2rem;
		left: 0;
	}

	
	/*medical*/
	.medical-top::before {
		content: "";
		width: 100%;
		height: 30px;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
	}
	.medical-top h4 {
		font-size: 18px;
	}

	.med-wrap-top {
		width: 90%;
		margin: 5rem auto;
	}
	.med-wrap-top ul {
		justify-content: center;
		gap:80px;
		align-items: flex-start;
	}
	.med-wrap-top ul li {
		width: 300px;
	}
	.med-icon-b {
		width: 250px;
		margin: 0 auto;
	}
	.med-name {
		text-align: center;
		font-size: 28px;
		letter-spacing: 2px;
		border-bottom: 1px solid #707070;
		padding-bottom: 10px;
		line-height: 1;
		margin-top: 10px;
	}
	.med-name span {
		font-size: 18px;
		color: #0F7A67;
	}
	.med-txt {
		line-height: 2;
		font-size: 16px;
		margin: 10px auto 20px auto;
	}
	.med-wrap-bottom ul {
		justify-content: center;
		gap: 50px;
		align-items: flex-start;
	}
	.med-wrap-bottom ul li {
		width: 300px;
		background: #fff;
		border-radius: 2rem;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		padding: 2rem 0;
	}
	.med-wrap-bottom ul li:hover {
		background: #E6F3F1;
	}
	.med-wrap-bottom ul li a {
		display: block;
	}
	.med-icon-s {
		width: 100px;
		margin: auto;
	}
	.med-wrap-bottom ul li .med-name {
		border-bottom: none;
		color: #333;
	}
	
	
	/*recruit*/
	#recruit .container {
		width: 90%;
		padding-bottom: 200px;
	}
	#recruit .container::before {
		content: "";
		width: 100px;
		height: 100px;
		bottom: 0;
		right: 0px;
		z-index: 3;
	}
	#recruit .container .inner {
		width: 90%;
		margin: auto;
	}
	.ttl-rec {
		font-size: 36px;
	}
	.ttl-rec span {
		font-size: 20px;
	}
	.rec-txt {
		font-size: 16px;
		line-height: 2;
		margin: 2rem auto;
	}
	.rec-img {
		width: 250px;
		position: absolute;
		top: 50rem;
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	/*footer*/
	#footer {
		margin-top: 100px;
		margin-bottom: 50px;
	}
	#footer::before {
		content: "";
		width: 100%;
		height: 40px;
		top: -40px;
	}
	#footer .inner {
		width: 90%;
		margin: auto;
		flex-direction: column;
		gap: 3rem;
	}
	#footer .inner .left {
		width: 100%;
	}
	#footer .inner .right {
		width: 90%;
		margin: auto;
	}
	.foot-adress {
		font-size: 15px;
	}
	.foot-contact a {
		font-size: 15px;
	}
	.foot-tel a {
		font-size: 20px;
	}
	.foot-tel a i {
		font-size: 24px;
	}
	.foot-web a {
		font-size: 15px;
	}
	
	
	
	/*下層*/
	/*--- メインビジュアル ---*/
	.s-mainvisual {
		height: 40vh;
	}
	.page-ttl {
		bottom: 80px;
	}
	.page-ttl h2 {
		font-size: 40px;
	}
	.page-ttl h2 span {
		font-size: 20px;
		letter-spacing: 1px;
	}
	.sec-padding {
		padding: 10rem 0; 
	}
	.sec-ttl {
		position: relative;
		margin-bottom: 10rem;
	}
	.sec-ttl h4 {
		font-size: 20px;
		letter-spacing: 2px;
	}


	/*clinic*/
	.s-feature-wrap {
		flex-direction: column;
		gap:10rem;
	}
	.sf-item {
		padding-top:5rem;
	}
	.sf-btxt {
		font-size: 16px;
	}
	.sf-index {
		width: 95%;
		margin: 3rem auto 0 auto;
		padding: 3rem 0;
	}
	.sf-index p {
		width: 98%;
		font-size: 14px;
		line-height: 1.8;
	}
	
	.sf01::before {
		width: 100%;
		height: 65%;
	}
	.sf02::before {
		width: 100%;
		height: 65%;
	}
	.sf03::before {
		width: 100%;
		height: 65%;
	}
	.sf04::before {
		width: 100%;
		height: 65%;
	}

	.clinic-slide {
		width: 95%;
		margin: 0 auto 5rem auto;
	}
	

	#facility-gallery {
		margin-bottom: 10rem;
	}
	.facility-wrap {
		width: 80%;
	}
	.facility-wrap ul {
		flex-direction: column;
		gap:5;
	}
	.facility-wrap ul li {
		width: 100%;
		margin-bottom: 5rem;
	}
	.facility-name p {
		font-size: 18px;
	}
	.facility-txt p {
		font-size: 14px;
		line-height: 2;
	}
	
	
	/*doctor*/
	#doctor01 .inner {
		width: 95%;
		margin: auto;
		flex-direction: column-reverse;
		gap:3rem;
	}
	.doc-txt {
		width: 100%;
		margin: auto;
	}
	.doc-txt p {
		font-size: 14px;
	}
	.doc-img {
		width: 100%;
		margin: auto;
		position: relative;
	}
	.doc-name {
		width: 180px;
		height: 108px;
		padding: 2rem 0 0 0;
	}
	.doc-name p {
		font-size: 22px;
	}
	.doc-name p .name-s {
		font-size: 15px;
		line-height: 2;
	}
	.doc-name p .en {
		font-size: 14px;
	}
	.d-in-bottom {
		width: 90%;
		flex-direction: column;
		gap:2rem;
	}
	.d-in-bottom .item {
		width: 100%;
	}
	.d-in-bottom .item p {
		font-size: 18px;
	}
	.d-in-bottom .item ul {
		width: 90%;
		font-size: 16px;
	}
	#doctor02 .doc-img {
		width: 95%;
		margin: auto;
	}
	
	
	/*medical*/
	.m-con-top {
		width: 95%;
		flex-direction: column;
		gap:5rem;
	}
	.mct-txt {
		width: 100%;
	}
	.mct-txt .txt-b {
		font-size: 18px;
	}
	.mct-txt .txt-s {
		font-size: 14px;
	}
	.mct-img {
		width: 80%;
		margin: auto;
	}
	.m-container {
		width: 98%;
	}
	.ttl-m-con p {
		font-size: 18px;
	}
	.m-con-top-index {
		font-size: 14px;
	}
	.ttl-m-in p {
		font-size: 18px;
	}
	.m-in-wrap {
		flex-direction: column;
		gap:3.5rem;
	}
	.ttl-m-in-item {
		font-size: 16px;
		padding-left: 20px;
	}
	.ttl-m-in-item::before {
		content: "";
		width: 18px;
		height: 18px;
	}
	.item-in {
		flex-direction: column;
		gap: 2rem;
	}
	.item-in .left {
		width: 50%;
		margin: auto;
	}
	.item-in .right {
		width: 100%;
	}
	.item-in .right p {
		font-size: 14px;
	}
	.item-in .right img {
		width: 100%;
	}
	.m-con-mid {
		width: 95%;
	}
	.ttl-mcm {
		font-size: 18px;
	}
	.mcm-wrap {
		flex-direction: column;
		gap:2rem;
	}
	.mcm-wrap .item {
		width: 90%;
		margin: auto;
	}
	.mcm-wrap .item ul {
		width: 95%;
		margin: auto;
		font-size: 14px;
	}
	.mcm-wrap .item ul li {
		list-style: disc;
		list-style-position: inside;
	}
	.mcm-link {
		width: 70%;
	}
	.mcm-link a {
		font-size: 14px;
	}
	.whitening-in {
		flex-direction: column;
		gap:2rem;
	}
	.w-in-item {
		width: 60%;
		margin: auto;
	}
	.w-in-item img {
		width: 100%;
	}
	.w-in-item p {
		font-size: 14px;
	}
	.implant-top-txt {
		font-size: 14px;
	}
	.ttl-implant-flow {
		font-size: 16px;
	}

	#koujo {
		width: 90%;
	}
	.ttl-koujo {
		font-size: 20px;
	}
	#koujo ul {
		width: 90%;
	}
	.koujo-txt-b {
		font-size: 16px;
	}
	.koujo-txt-s {
		font-size: 14px;
	}
	
	
	/*promise*/
	.promise-wrapper .item::before {
		content: "";
		width: 100%;
		height: 150px;
	}
	.promise-wrapper .item .inner {
		width: 95%;
		margin: auto;
		flex-direction: column;
		gap:3rem;
	}
	.p-ttl {
		font-size: 18px;
	}
	.p-ttl::before {
		content: "";
		width: 300px;
		height: 10px;
		bottom: -1.5rem;
	}
	.promise-wrapper .item .inner .img {
		width: 80%;
	}
	.promise-wrapper .item .inner .txt {
		width: 100%;
	}
	.promise-wrapper .item .inner .txt p {
		font-size: 15px;
	}
	
	
	/*contact*/
	.contact-message {
		width: 95%;
	}
	.cm-b {
		font-size: 14px;
	}

	.contact-container {
		width: 98%;
	}
	.cc-box {
		width: 95%;
	}
	.formTable {
		width: 98%;
		margin: auto;
	}
	
	
}