@media(max-width: 768px){
	header{ position: absolute; background: transparent; }

	.mv{ margin-top: 0; }
	.mv img{ height: 25rem; }

	.pankuzu{ width: 100%; padding: 0 2.5rem; }

	main{ width: 100%; padding: 0 2.5rem; margin: 8rem 0 8rem; }
	main h1{ letter-spacing: 0; margin-bottom: 3.5rem; }
	main h1:after{ font-size: 10vw; }
	main h1 + p{ margin: 0 0 5rem; }

	main section + section{ margin-top: 6rem; }
	main section > img{ margin: 1.8rem 0; }
	main section .btn{ margin: 2.5rem auto; }

	main section h2:not(.no-style){ font-size: 2.2rem; margin: 6rem 0 3rem; padding: .3em 1em; }
	main section h3:not(.no-style){ font-size: 2rem; margin: 5rem 0 2rem; }
	main section h4:not(.no-style){ font-size: 1.8rem; margin: 4rem 0 1.8rem; }
	main section h5:not(.no-style){ font-size: 1.8rem; margin: 3.5rem 0 1.6rem; }
	main section h6:not(.no-style){ font-size: 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 ol.card-list{ margin: 3rem 0; }
	main section ol.card-list li{ width: 100%; margin-right: 0; }
	main section ol.card-list li:nth-of-type(n+2){ margin-top: 2.5rem; }
	main section ol.card-list li strong:first-of-type{ font-size: 2rem; }
	main section ol.card-list li strong:first-of-type:before{ margin-bottom: .3em; }	

	main section ul:not([class]){ margin: 3rem 0; }
	main section ul:not([class]) li{ font-size: 1.4rem; }
	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: 2.5rem; }
	main section ol.flow li strong:first-of-type{ padding-left: 4.4rem; }
	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; width: 100%; }

	main section table:not(.no-style){ margin: 3rem 0; }
	main section table:not(.no-style) th{ font-size: 1.2rem; }
	main section table:not(.no-style) td{ font-size: 1.2rem; }
	main section table:not(.no-style) td strong{ font-size: 2rem; }
	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; }
	main section table:not(.no-style).sp-break{ border-bottom: solid 1px; }
	main section table:not(.no-style).sp-break th{ text-align: center; border-right: solid 1px; border-bottom: none; padding: .5em 1em; }
	main section table:not(.no-style).sp-break td{ border-bottom: none; border-left: solid 1px; border-top: none; }
	main section table:not(.no-style).sp-break td + td{ border-left: none; border-top: solid 1px; }
	main section table:not(.no-style).sp-break tr + tr th{ border-top: none; }


	/*** doctor ***/

	.dr-pic{ margin: 6rem 0 2.4rem; }
	.dr-pic img{ width: 100%; order: 1; display: block; margin-bottom: 2.4rem; }
	.dr-pic .txt{ width: 100%; order: 2; }
	.dr-pic .txt h3{ font-size: 2.9rem; padding-bottom: 1.6rem; margin-bottom: 1.8rem; }
	.dr-pic .txt p{ font-size: 1.8rem; }

	.history-row{ flex-wrap: wrap; margin: 3.25rem 0 4.5rem; }
	.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; margin-top: 2.7rem;}
	.history-row .inner table th{ padding-right: 1em; }


	/*** treatment ***/

	.treat-wrap{ padding: 0 2rem 5rem; }
	.treat-wrap:before{ width: 100%; left: 0; height: calc(100% + 8.8rem); background-image: url(../cms/images/common/webp/treatment-bg01-sp.webp); }
	.treat-wrap > p:first-child{ width: calc(100% + 4rem); font-size: 1.6rem; transform: translateX(-2rem); margin-bottom: 3rem; padding-top: 2rem; }
	.treat-wrap > p:first-child:before{ top: -.5rem; }
	.treat-wrap .treat-list02 + .btn{ margin-top: 5rem; }
    
    /*measures-box*/
    .measures-box{padding: 1rem 1rem 1rem; border-radius: 2rem;}
    
    /*gray-box*/
    .gray-box{padding: 1rem 2rem 1rem; border-radius: 2rem;}
    
    /*card-list*/
    .card-list li{ width: 100%; margin-right: 0; border-radius: 2rem; }
	.card-list li:nth-of-type(n+2){ margin-top: 5rem; }
	.card-list li img{ border-radius: 2rem 2rem 0 0; }
	.card-list li h3{ height: auto; font-size: 1.5rem; padding-bottom: .8em; }
    
    /*gray-box*/
    .gray-box {padding: 1rem 2rem 1rem;border-radius: 2rem;}
    .gray-box .side-img {flex-direction: column-reverse;}
    .gray-box .side-img .img {margin-bottom: 20px;}
    
    /*side-img*/
    .side-img {flex-direction: column-reverse;}
    .side-img .content {width: 100%;}
    .side-img .img {width: 100%;
    padding-bottom: 3rem;}
    
    /*side-img*/
    .side-img-ratio {flex-direction: column-reverse;}
    .side-img-ratio .content {width: 100%;}
    .side-img-ratio .img {width: 100%;
    padding-bottom: 3rem;}
    
    /*clinic-pic*/
	.clinic-pic{ margin: 6rem 0 3rem; padding: 0; display: block; height: auto; }
	.clinic-pic:after{ content: none; }
	.clinic-pic img:nth-child(1){display: none;}
	.clinic-pic img:nth-child(2){ position: static; width: 100%; height: auto; object-fit: cover; object-position: top; display: block; margin-bottom: 2.3rem; }
	.clinic-pic .inner{ width: 100%; padding: 0 2.5rem 2rem; }
	.clinic-pic .inner h4{ max-width: 100%; text-align: center; font-size: 7vw;; }
	.clinic-pic .inner h4:after{ width: 100%; }
	.clinic-pic .inner p{ font-size: 1.8rem; text-align: center; }
    
    
	main section ol.flow-implant{ margin: 4rem 0; }
	main section ol.flow-implant li.has-img{ padding: 0; }	
	main section ol.flow-implant li + li{ margin-top: 2.5rem; }
	main section ol.flow-implant li strong:first-of-type{ padding-left: 4.4rem; }
	main section ol.flow-implant 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-implant li img{ position: static; margin-top: 1.5rem; display: block; width: 100%; }
    main section ol.flow-implant li{ margin-bottom: 0px; }
    main section ol.flow-implant li.margin{ margin-bottom: 0px; }
    

    .block{flex-wrap: wrap; margin-right: 0px;}
	
	.block > *{flex-basis: 100%;}
	.block > *:first-of-type{margin-right: 0;}
	
	.block .photo{order: 0;margin-bottom: 30px;}
	.block .txt{order: 1;}
	
	.block .photo img{width: 100%; height: auto;}
    
    .case table.sp-break th{ width: 100%; text-align: center; }
    .case table.sp-break td{ width: 100%; }

    .sub .block .txt img{ width: 100%; margin:0 auto 0;}
    p.case-before{ width: 100%; margin:5px auto 0; padding-left:115px; }
    p.case-after{ width: 100%; margin:5px auto 0; padding-left:120px; }  
    


	
/*ドクター紹介*/
    .dr-list{width: 100%;}
    .dr-list li {width: 100%;}
    .dr-list li.dr-box {
        width: 100%;
        height: auto;
        margin-right: 0rem;
        margin-bottom: 2rem;
    }
    .dr-list li.dr-box:nth-of-type(n+3) {
        margin-top: 0rem;
    }
    .dr-list .tag-list li {
    margin-right: 0;
	}
	.side-img-dr {
    margin: 0px 0 10px;
	}
    .side-img-dr .img img{
        width: 80px;
        height:auto;
    }
    .side-img-dr .content {
    margin-left: 20px;
    }
	
	.side-img-dr .content h3 {
    margin: 1.5rem auto;
}
	.history-row {
    margin: 0 0 5rem;
}
	
/*20240620下層ボタン追従*/
	.sp {
        display: block;
    }
	.sp_fix_text {
        position: fixed;
		left: 0;
		bottom: 55.05px;
		z-index: 9999;
		background: #000;
		color: #fff;
		width: 100%;
		font-size: 14px;
		letter-spacing: 1px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
    }
	.sp_fix {
        position: fixed;
        left: 0;
        bottom: 0px;
        width: 100%;
        background: #111;
        display: flex;
        justify-content: center;
        z-index: 9999;
    }
	    .sp_fix li:not(:last-child) {
        border-right: 1px solid #fff;
    }
		.sp_fix a {
        display: block;
        color: #fff;
        letter-spacing: 0.1em;
        padding: 15px 0px;
		font-size: 1.6rem;
    }
		.sp_fix li:nth-child(2) {
		background: #ff2201;
	}
	.sp_fix li a:before {
    content: "";
    background: url(https://www.sekokai-ikejiri.com/images/common/icon-tel02.svg) no-repeat center / contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 8px -5px 0;
	}
	
	.sp_fix li {
    background: #ee782f;
    color: #FFF;
    flex-basis: calc(100% / 2);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    height: 55.05px;
    text-align: center;
	}
	
	.sp_fix li.web_link a:before {
    background-image: url(https://www.sekokai-ikejiri.com/images/common/icon-resv01.svg);
	}
	
}