@media(max-width: 768px){
	header{ /*position: static;*/ height: 10%; padding: 0; }

	.mv{ height: 29.5rem; margin-bottom: 0; margin-top: 0; }
	.mv.first{ background-image: url(../images/first/mv_sp.jpg); }
    .mv.access{ background-image: url(../images/access/mv_sp.jpg); }
    .mv.about{ background-image: url(../images/about/mv_sp.jpg); }
    .mv.price{ background-image: url(../images/price/mv_sp.jpg); }
    .mv.case{ background-image: url(../images/case/mv_sp.jpg); }
    .mv.news{ background-image: url(../images/news/mv_sp.jpg); }
    .mv.clinic{ background-image: url(../images/clinic/mv_sp.jpg); }
    .mv.staff{ background-image: url(../images/staff/mv_sp.jpg); }
    .mv.treatment{ background-image: url(../images/treatment/mv_sp.jpg); }

	.pankuzu{ width: 100%; text-align: left; padding: 1rem 2.5rem;  }

	main{ width: 100%; padding: 5rem 2.5rem 8rem; }
	main h1{ font-size: 2.5rem; margin-bottom: 4rem; padding-bottom: .4rem; }
	main h1:after{ width: 2.5rem; }

	main section{ width: 100%; }
	main section + section{ margin-top: 6rem; }
	main section > img{ margin: 1.8rem 0; }

	main section h2:not(.no-style){ font-size: 1.9rem; margin: 6rem 0 2.5rem; line-height: 1.5; }
	main section h3:not(.no-style){ font-size: 1.8rem; margin: 3rem 0 2rem;}
	main section h4:not(.no-style){ font-size: 1.6rem; margin: 4rem 0 1.8rem; }
	main section h5:not(.no-style){ font-size: 1.7rem; margin: 3.5rem 0 1.6rem; }

	main section ol:not([class]){ margin: 3rem 0; }
	main section ol:not([class]) li{ font-size: 1.5rem; padding-left: 6rem; }
	main section ol:not([class]) li + li{ margin-top: 2.35rem; }
	main section ol:not([class]) li:before{ width: 4rem; height: 4rem; font-size: 2.2rem; }

	main section ul:not([class]){ margin: 2rem 0; }
	main section ul:not([class]) li{ font-size: 1.4rem; }
	main section ul:not([class]) li:before{ top: .5rem; }
	main section ul:not([class]) li + li{ margin-top: 1.6rem; }

	main section ol.flow{ margin: 4rem 0; }
	main section ol.flow li.has-img{ padding: 0; }	
	main section ol.flow li + li{ margin-top: 5rem; }
	main section ol.flow li strong:first-of-type{ font-size: 1.6rem; padding-left: 4.2rem; }
	main section ol.flow li strong:first-of-type:before{ width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; font-size: 2rem; top: -.3rem;  }
/*	main section ol.flow li img{ position: static; margin-top: 1.5rem; display: block; }*/
	main section ol.flow li img{ position: static; margin-top: 1rem; display: block; margin-bottom: 1.8em }

	main section table:not(.no-style){ margin: 3rem 0; }
	main section table:not(.no-style) th{ font-size: 1.5rem; }
	main section table.sp-break{ border-bottom: solid 1px #aa8d77; }
	main section table.sp-break,
	main section table.sp-break tbody,
	main section table.sp-break tr,
	main section table.sp-break th,
	main section table.sp-break td{ display: block;table-layout: fixed; }
	main section table:not(.no-style).sp-break th{ text-align: center; border-bottom: none; padding: .5em 1em; }
	main section table:not(.no-style).sp-break td{ border-bottom: none; width: 100%;table-layout: fixed;}


	/*** staff ***/

	.dr-pic{ margin: 6rem 0 2rem; height: 19rem; padding: 1rem 0 0 1.5rem; }
	h2 + .dr-pic{ margin-top: 3.7rem; }
	.dr-pic > img{ width: 18.75rem; right: 0; }
	.dr-pic h3 small{ font-size: 1.3rem; margin-bottom: .6rem; }
	.dr-pic h3 img{ width: 14.4rem; }
	.dr-pic ~ p.head img{ width: 26.5rem; }

	.history-row{ flex-wrap: wrap; margin: 4.5rem 0; }
	.history-row .inner{ width: 100%; }
	.history-row .inner + .inner{ margin-top: 3.25rem; }
	.history-row .inner h4{ margin-bottom: 1.7rem; font-size: 1.4rem; border-radius: 0; }


	/*** treatment ***/

	main .treat-list01,
	main .treat-list02{ width: 34.5rem; margin-left: -1rem; }
	main section .fl_cont {
    flex-basis: 100%;
    order: 2;
	margin-top: 15px;
}
	
main section .fl_img {
    flex-basis: 100%;
    order: 1;
}	
    
    main section table.price th {
        width: 100%;
    }
	
	   main section table:not(.no-style).sp-break.price td {
        width: 100% !important;
        display: block;
        table-layout: inherit;
    }
	
	.dr-pic h3 {
    font-size: 6.4vw;
    font-family: shippori-mincho, sans-serif;
}
    /*20220906*/
    main section p.text_m {
        margin-top: 0;
    }
    .cp{
        width:100%;
        line-height: 40px;
    }
	
	p.author {
    width: 100%;
    margin: auto;
    text-align: right;
    font-size: 13px;
}
	
	
	.hanarabi li{
		width: 48%;
	}

	.hanarabi li {
    text-align: center;
    font-size: 3.8vw;
    border: 1px solid #b2b2b2;
    padding: 3vw;
    margin-bottom: 3vw;
}
	
	main section .hanarabi_btn {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0;
    height: 4rem;
    font-size: 2.8vw;
}
	
	.ortho_menu01 {
    margin-bottom: 8vw;
}
	
	main section .ortho_menu .ortho_menu01 p{
		font-size: 3.2vw;
	}
	
	.mv.ortho2 .mv_txt2 {
    position: absolute;
    top: 33vw;
    left: 5vw;
    font-size: 3.6vw;
    font-family: "Noto Serif JP",serif;
    font-weight: 600;
    background: #ff90a7;
    color: #fff;
    padding: 0.5vw 2vw;
    border-radius: 1rem 1rem 0 0;
    letter-spacing: 1px;
}
	
	.mv.ortho2 .mv_txt {
    position: absolute;
    top: 40vw;
    left: 5vw;
    font-size: 4.4vw;
    font-family: "Noto Serif JP",serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff, -1px 1px 5px #fff, 1px -1px 5px #fff;
}
	
	
	.mv.ortho2 .mv_txt span {
    font-size: 8vw;
    padding-left: 1vw;
    padding-right: 1vw;
    letter-spacing: 0;
}
	
		
	.menu_txt{
		font-size: 4vw;
		border-bottom: 1px solid;
	}
	
	nav .sub_menu{
		display: flex;
		justify-content: space-between;
		margin-bottom: 13vw;
		margin-top: 2vw;
	}
	
	nav .sub_menu ul li a{
		
	}
	
	nav .sub_menu ul li a:before{
		content: "-";
		padding-right: 1vw;
	}
	
	
	.scroll{
		overflow-x: scroll;
		
	}
	
	main section table.loan{
		width: 900px;
		margin-top: 0;
	}

	main section table.loan td,main section table.loan th{
		font-size: 3.4vw;
	}
	
	main section table.loan tr:nth-child(1) th{
	font-size: 4vw;
}
	
		.flex2 .case {
			width: 100%;
			margin-bottom: 1.5rem;
		}
		
	
		section.syorei th {
			width: 100%;
		}
		
		.flex2 {
    
			display: block;
			margin-top: 50px;

		}
    .flex3 {
			display: block;
		}
    .flex3 .case {
        width:100%;
        margin-top:1rem;
}
	
		section.syorei p strong{
			font-size: 1.5rem;
		}
		
	
		section.syorei td {
			text-align: center;
		}
	
    /*//20220906*/
	
	.recommend_area .treat{
		margin: 0;
	}
	
	.recommend_area {
    padding-top: 5vw;
		padding-bottom: 8vw;}
	
	.content-hover:hover {
  transform: translateY(0px);
  border-radius: 25px;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}
	
	.treat_banner{
		width: 100% !important;
	}
	
	.treat_banner:before{
			width: 100% !important;
	}
	
	.treat_banner:first-child p{
		margin-left: 135px;
	}
	main section .treat_banner:first-child h4{
		font-size: 5.8vw;
	}
	
	.treat_banner:nth-child(2) {
    padding-left: 165px;
}
	
	.treat_banner:nth-child(2) h4{
		width: 175px;
	}
	
	.treat_banner:nth-child(2) p{
		font-size: 12px;
	}
	
	.sec-treatment .treat_banner
	{
		width: 100% !important;
	}
	
	.sec-treatment .treat_banner:before
	{
		width: 100% !important;
	}
	
	.sec-treatment .treat_banner:first-child p {
    margin-left: 42vw;
}
	
	.sec-treatment .treat_banner:nth-child(2) {
    padding-left: 46vw;
}
	
	.dr-pic img.dr-pic01 {
    width: 39vw;
}
	
		.dr-pic img.dr-pic02 {
    width: 42vw;
}
	
			.dr-pic img.dr-pic04 {
    width: 36vw;
}

	.dh_flex div p{
	font-size: 4vw;
	text-align: center;
	font-weight: 600;
}
	
	
	main section h3.faq-h3 {
    /* height: 81px; */
    display: flex;
    align-items: center;
    /*background: linear-gradient(86deg, rgba(211, 177, 175, 0.54) 0%, rgba(220, 205, 195, 0.57) 47.40%, rgba(238, 237, 237, 0.60) 98.44%);*/
    font-size: 4.8vw;
    color: #4d4d4d !important;
    margin-bottom: 4rem;
    text-align: start;
	    font-family: "Noto Serif JP",serif !important;
		padding-bottom: 3vw;
	
}

h3.faq-h3 span {
	font-family: "Toppan Bunkyu Mincho", "游明朝", YuMincho, yu-mincho-pr6n, serif;
    color: #D09689;
    font-size: 48px;
    text-align: center;
    font-size: 8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 4vw 4vw 3vw 0px;
}

.component-faq {
    display: flex;
    justify-content: space-between;
    gap: 3em;
}

.img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

.doc-img {
    width: 19vw;
    height:19vw;
    border-radius: 50%;
    background-image: url("../images/staff/staff04.png");
    background-position: 51% 7%;
    object-fit: cover;
    background-size: cover;
}
	
	.whitening_qa .doc-img {
    width: 19vw;
    height:19vw;
    border-radius: 50%;
    background-image: url("../images/staff/staff05.png");
    background-position: 51% 7%;
    object-fit: cover;
    background-size: cover;
}
	
		.implant_qa .doc-img {
    width: 19vw;
    height:19vw;
    border-radius: 50%;
    background-image: url("../images/staff/staff01.png");
    background-position: 51% 7%;
    object-fit: cover;
    background-size: cover;
}
	
	.doc-name{
		font-size: 3.2vw;
	}

.fukidashi {
    background-color: #F8F7F6;
    position: relative;
    padding: 11vw 3vw 3vw 5vw;
    display: flex;
    align-items: center;
	font-size: 3.2vw;
}


.triangle {
    position: absolute;
    content: "";
    background: url("../images/staff/polygon.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
    left: -25px;
    top: 5%;
}

.fukidashi span {
    font-family: "Toppan Bunkyu Mincho", "游明朝", YuMincho, yu-mincho-pr6n, serif;
    color: #D09689;
    position: absolute;
    top: 0;
    font-size: 7vw;
    left: 4vw;
}
	
main section h5.flow{
	margin:0;
}	
        main section .contents-list dd {
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom:3rem;
    }
    main section .contents-list dd ul {
        width: 100%;
        margin:0!important;
    }
    main section .contents-list dd ul li {
        font-size: 4vw;
        padding: 0 0 0 14.66vw;
        min-height: 10.66vw;
    }
    main section .contents-list dd ul li::before {
        width: 10.66vw;
        height: 10.66vw;
        border-radius: 10.66vw;
        font-size: 3.73vw;
    }
	
	.cta01 {
		display: block;
	}
	.cta02 {
		margin: 2rem auto;
	}

	.price-banner{
	    flex-wrap: wrap;
	}

	.price-banner div{
		width: 100%;
		margin-bottom: 1em;
	}
	
	.price-banner2 a{
		display: inline;
	}
	
	small {
	font-size: 1.1rem;
}
}