@media screen and (max-width: 599px) {

    /***** RESET *****/
    * {
        margin: 0;
        padding: 0;
    }

    /***** MISC *****/

    p, a, button, ul, li, table {
        font-family: 'Noto Sans Jp', sans-serif;
    }
    button {
        cursor: pointer;
    }

    input:focus, textarea:focus, select:focus, button:focus {
        outline: none;
    }
	
	.pc{display: none;}
	.sp{display: block!important;}

    .center {
        text-align: center;
    }

    .hideInM {
        display: none;
    }

    .hideInPC {
        display: block;
    }

    .hideInM-btn {
        display: inline;
    }

    .hideInPC-btn {
        display: none;
    }

    /***** TOP BUTTON *****/
    
    .top-button {
        position: fixed;
        top: 0;
        right: 6.93vw;
        z-index: 1;
    }

    .btn-1 {
        letter-spacing: 0.27vw;
        font-size: 3.73vw;
        width: 37.6vw;
        height: 11.47vw;
        border: none;
        color: #fff;
        background-color: #222222;
    }

    .btn-1.btn-blue {
        margin-right: 1.87vw;
    }

    .btn-blue {
        background-color: #32325a;
    }

    .btn-icon {
        font-size: 3.73vw;
        margin-right: 2.4vw;
    }

    /***** NAVIGATION *****/

    .navigation {
        width: 100%;
        height: 16vw;
        background-color: #fff;
        top: 0;
        position: fixed;
        margin-top: 0;
        z-index: 1;
    }

    .logo {
        text-align: left;
        margin: 3.47vw auto 0 5.33vw;
        position: fixed;
    }

    .logo > img {
        width: 52.8vw;
        height: auto;
    }

    .menu-ul {
        font-size: 3.73vw;
        text-align: center;
    }

    .menu-li {
        text-align: center;
        display: block;
        letter-spacing: 0.53vw;
        line-height: 15vw;
        font-size: 3.73vw;
    }

    .menu-li::after {
        content: "";
        padding: 0 0;
    }

    .menu-li:nth-child(6)::after {
        content: "";
    }
	
    #menu {
        background-color: #ffffff;
        width: 100%;
        overflow: hidden;
        max-height: 0;
        padding: 0;
        position: fixed;
        -webkit-transition: all 0.3s ease;
    }
	#menu::before{
		content: '';
		display: inline-block;
		width: 60%;
		height: 40px;
		background-image: url("../images/logo.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		top: 3.47vw;
		left: 5.33vw;
	}

    #menu-toggle:checked + #menu {
        max-height: 100%;
        height: 100%;
        padding-bottom: 26.67vw;
        padding-top: 30vw;
    }

    #menu-toggle {
        display: none;
    }
    
    /***** TOGGLE *****/
    
    
    .toggle {
        background-color: #32325a;
        width: 16vw;
        height: 12vw;
        padding-top: 4vw;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 1;
    }
    
    .toggle-shape {
        height: 0.53vw;
        width: 9.87vw;
        background-color: #fff;
        border: none;
    }
    
    .toggle > div:first-child {
        margin: 0 auto 2.67vw auto;
    }
    
    .toggle > div:nth-child(2) {
        margin: 0 auto 1.87vw auto;
    }
    
    .toggle > p {
        width: 13.33vw;
        font-family: 'Roboto', sans-serif;
        font-size: 2.67vw;
        letter-spacing: 0.8vw;
        color: #fff;
        margin: 0 auto 0 1.73vw;
        text-align: center;
    }

    /***** HERO *****/

    .hero {
        margin: 21.07vw auto 0 auto;
        height: 350px;
        overflow: hidden;
    }

    .hero-img > img {
        width: 89.6vw;
        margin: 0 auto;
    }
	
	.hero .hero-copy{
		width: 100%;
		top: 70%;
		padding: 15px 0;
	}
	.hero .hero-copy h1{
		font-size: 5.2vw;
		letter-spacing: 0.53vw;
	}
	.hero .hero-copy h1 span{
		font-size: 3.4999vw;
    }
    
    .hero .hero-degree{
        display: inline-block;
        top: 10px;
        right: 0;
        width: auto;
        height: auto;
        border-radius: 0;
    }
    .hero .hero-degree::after{
        content: none;
    }
    .hero .hero-degree p{
        font-size: 16px;
        text-align: right;
        padding: 5px 10px;
    }
    .hero .hero-degree p i{padding-right: 5px;}
    
    .mySlidesh {
        /*display: none;*/
        height: 350px;
    }
    
    .mySlidesh > img {
        width: 200%;
        margin: 0;
    }

    /* Slideshow container */
    .slideshow-containerh {
        width: 100%;
        height: 350px;
        position: relative;
        margin: 0 auto;
    }

    .slideshow-container{ width: 89.6vw; }
    .slick-dots{ width: 89.6vw; }

    /***** INFO *****/

    .info {
        width: 100%;
        height: 100%;
        background-color: rgba(235, 234, 230, .4);
        margin-top: -34.67vw;
    }

    .info-container {
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        margin: 0 auto;
        padding-top: 6.3333vw;
    }

    .info-grid {
        margin: 0 auto 0 auto
    }

    .info-item {
        width: 89.6vw;
    }
	.info-grid:first-child .info-item{margin-top: 150px;}

    .info-title {
        text-align: center;
    }

    .info-title > p:first-child {
        font-size: 4.7vw;
        margin-bottom: 3.47vw;
    }

    .info-title > hr {
        height: 1px;
        border: none;
        background-color: #222222;
        margin-bottom: 3.73vw;
    }

    .info-title > p:nth-child(3) {
        font-family: 'Roboto', sans-serif;
        font-size: 4.8vw;
        font-weight: 700;
        letter-spacing: 0.8vw;
    }

    .info-table {
        margin-top: 8.53vw;
    }

    .info-table table {
        width: 100%;
        border-collapse: collapse;
    }

    .info-table td {
        height: 8.67vw;
        font-size: 3.3333vw;
		letter-spacing: .09em;
        text-align: center;
    }
	.info-table td:not(:first-child){
		width: calc(70%/8)
	}

    .tbl-head {
        background-color: #222222;
        color: #fff;
    }

    .tbl-head > td {
        border-right: solid 0.4vw rgba(235, 234, 230, .4);
    }

    .tbl-head > td:nth-child(9) {
        border-right: solid 0.4vw #222222;
    }

    .tbl-body > td {
        border: solid 0.4vw #222222;
    }

    .legend {
        margin: 3.73vw 0 5.33vw 0;
        text-align: center;
    }

    .telephone > p {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 6.4vw;
        letter-spacing: 0.53vw;
        text-align: center
    }

    .map {
        margin-top: 8.53vw;
        width: 89.6vw
    }
    
    .map > iframe {
        width: 100%;
    }
    
    .info-jr {
        margin: 2vw 0 3.34vw;
        font-family: 'Noto Sans Jp', sans-serif;
        font-size: 3.73vw;
        text-align: center;
    }

    .info-jr p {
        letter-spacing: 0.33vw;
    }

    .info-jr i {
        margin-right: 0.83vw;
    }

    /***** ABOUT *****/

    .about {
        width: 89.6vw;
        margin: 4.6666vw auto;
    }

    .about-container {
        display: grid;
        grid-template-columns: auto;
        margin-top: 0;
    }

    .section-title {
        margin-top: 4.53vw;
    }

    .section-title > p:first-child {
        font-family: 'Roboto', sans-serif;
        font-size: 6.4vw;
        color: #32325a;
        letter-spacing: 0.53vw;
        font-weight: 700;
        margin-bottom: 4vw;
    }

    .section-title > p:nth-child(2) {
        font-family: 'Roboto', sans-serif;
        font-size: 9.6vw;
        color: #32325a;
        letter-spacing: 2.13vw;
        font-weight: 700;
        margin-bottom: 2vw;
    }

    .section-title > p:nth-child(3) {
        font-size: 3.2vw;
        color: #32325a;
        letter-spacing: 0.53vw;
    }

    .about-par {
        width: 100%;
		font-size: 3.9999vw;
		margin: 8vw 0;
		letter-spacing: 0.09em;
		line-height: 7.47vw;
    }

    .btn-2 {
        width: 50vw;
		height: 13.2vw;
		border: solid 1px #222222;
		background-color: transparent;
		font-size: 3.73vw;
		letter-spacing: 0.53vw;
		font-weight: 500;
    }
    
    
   

    .btn-2 > i {
        font-size: 4vw;
        margin-left: 2.67vw;
    }
    
    
    .btn-10 {
        width: 100%;
		height: 13.2vw;
		border: solid 1px #222222;
		background-color: transparent;
		font-size: 3.73vw;
		letter-spacing: 0.53vw;
		font-weight: 500;
    }
    
    
   

    .btn-10 > i {
        font-size: 4vw;
        margin-left: 2.67vw;
    }
    
    
    
    

    .about-img {
        margin-top: 8vw;
        width: 100%;
    }

    .img-toggle {
        float: right;
    }

    .img-toggle > input {
        margin-left: 2.67vw;
    }

    .img-toggle > input[type="radio"] {
        background-color: #dcdcdc;
        border-radius: 2.67vw;
        cursor: pointer;
        display: inline-block;
        width: 2.67vw;
        height: 2.67vw;
        -webkit-appearance: none;
    }

    .img-toggle > input[type="radio"]:focus, .img-toggle > input[type="radio"]:hover, .img-toggle > input[type="radio"]:active {
        background-color: #78c8b4;
        border-radius: 2.67vw;
        cursor: pointer;
        display: inline-block;
        width: 2.67vw;
        height: 2.67vw;
        -webkit-appearance: none;
    }
	
	.dot {
		height: 8px;
		width: 8px;
		margin: 0 3px 0 0;
	}

	/***** FEATURE *****/
	.feature {
		margin: 18.13vw auto 0 auto;
		padding: 33px 0 50px;
		width: 100%;
	}
	.feature .wrap{margin: 0 auto; width: 89.6vw;}
	.feature .wrap .flex .flex-box4{flex-basis: calc(100%/2 - 1.87vw);}
	.feature .wrap .flex .flex-box4:nth-of-type(3),.feature .wrap .flex .flex-box4:nth-of-type(4){margin-top: 33px;}
	.feature .wrap .flex .flex-box4 p{
		font-size: 3.9999vw;
		letter-spacing: 1px;}
	.feature .wrap .flex{margin: 30px 0 0;}
	.feature .wrap .flex .flex-box4 .btn-2{ width: 100%;}
	
    /***** STAFF *****/

    .staff {
        width: 100%;
        margin: 18.13vw auto 0 auto;
    }

    .staff-item {
        width: 89.6vw;
        margin: 0 auto;
    }

    .staff-name > p:first-child {
        font-size: 5.33vw;
        color: #32325a;
        letter-spacing: 0.2em;
        margin: 8vw 0 2.27vw 0;
    }

    .staff-name > p:nth-child(2) {
        font-size: 3.73vw;
        color: #32325a;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 0.2em;
    }

    .staff-img {
        width: 89.6vw;
        position: static;
        margin: 6.4vw auto 0 auto;
    }

    .staff-img > img {
        width: 100%;
    }

    .staff-par {
        background-color: #f1f9f7;
        padding: 34.67vw 0 10.13vw 0;
        margin-top: -26.67vw;
    }

    .staff-par > p:first-child {
        width: 89.6vw;
        font-size: 4.27vw;
        font-weight: 700;
        letter-spacing: .3em;
        margin: 0 auto 4.87vw auto;
    }

    .staff-par > p:nth-child(2) {
        width: 89.6vw;
        font-size: 3.9999vw;
		font-weight: 500;
        letter-spacing: .2em;
        line-height: 7.47vw;
        margin: 0 auto 5.87vw auto;
    }
    
    .staff-par > button {
        margin-left: 5.6vw;
    }

    /***** TREATMENT *****/

    .treatment {
        margin-top: 20.93vw;
        background-color: rgba(235, 234, 230, .4);
        height: 100%;
    }

    .treatment > div:first-child {
        padding-top: 18.13vw;
    }

    .treatment-container {
        width: 89.6vw;
        margin: 18.13vw auto 0 auto;
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 11.73vw 0;
    }

    .treatment-grid {
        margin: 0 auto;
        width: auto;
        text-align: center;
    }

    .treatment-grid > img {
        margin-bottom: 4vw;
    }

    .treatment-grid > p {
        font-size: 3.9999vw;
		font-weight: 500;
		letter-spacing: .09em;
    }

    .treatment-container > .treatment-grid:nth-child(7) {
        position: static;
        margin: 0;
    }

    .treatment-container > .treatment-grid:nth-child(8) {
        position: static;
        margin: 0;
    }

    .treatment-container > .treatment-grid:nth-child(9) {
        position: static;
        margin: 0;
    }

    .treatment-container > .treatment-grid:nth-child(10) {
        position: absolute;
        margin: 109.33vw 0 0 10.67vw;
    }

    .treatment-container > .treatment-grid:nth-child(11) {
        position: absolute;
        margin: 109.33vw 0 0 45.33vw;
    }

    /***** TEETH *****/

    .teeth {
        width: 89.6vw;
        border: solid 0.4vw #fff;
        margin: 63.73vw auto 0 auto;
    }

    .teeth-container > p {
        font-size: 5.6vw;
        color: #32325a;
        letter-spacing: 0.8vw;
        background-color: rgba(235, 234, 230, .4);
        font-weight: 700;
        margin: -4.8vw auto 0 auto;
        width: 80vw;
        text-align: center;
    }

    .teeth-img > img {
        width: 68.27vw;
        margin: 11.73vw 0 7.73vw 9.33vw;
    }
    
    .teeth-bubble {
        display: grid;
        grid-template-columns: 50% auto;
        grid-gap: 5.33vw 2.67vw;
        padding: 0 4vw 4vw 4vw;
    }

    .teeth-bubble > p {
        font-size: 3.47vw;
        letter-spacing: 0.27vw;
        background-color: #fff;
        padding: 6.666vw 4vw 5vw;
        text-align: center;
    }

    .teeth-bubble > p:first-child,
	.teeth-bubble > p:nth-child(2),
	.teeth-bubble > p:nth-child(3),
	.teeth-bubble > p:nth-child(4),
	.teeth-bubble > p:nth-child(5),
	.teeth-bubble > p:nth-child(6),
	.teeth-bubble > p:nth-child(7),
	.teeth-bubble > p:nth-child(8),
	.teeth-bubble > p:nth-child(9),
	.teeth-bubble > p:nth-child(10){
        position: relative;
        margin: 0;
    }

    
    
    .bubble {
        font-family: 'Roboto', sans-serif;
		background-color: #32325a;
		color: #fff;
		line-height: 6.67vw;
		width: 6.93vw;
		height: 6.93vw;
		border-radius: 8vw;
		position: absolute;
		margin: 0 auto;
		top: -3.48vw;
		left: 0;
		right: 0;
    }
    
    /***** FACILITY *****/

    .facility {
        width: 89.6vw;
        margin: 18.13vw auto 0 auto;
    }

    .facility-container {
        margin: 12vw auto 0 auto;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 8vw 1.87vw;
    }

    .facility-grid {
        margin: 0 auto;
        width: auto;
    }
    
    .facility-grid > img {
        width: 42.93vw;
    }

    .facility-grid > p:nth-child(2) {
        color: #32325a;
        font-size: 4.27vw;
        font-weight: 700;
        letter-spacing: 0.53vw;
        margin: 2.67vw 0 1.33vw 0;
    }

    .facility-grid > p:nth-child(3) {
        font-size: 3.47vw;
        line-height: 7.47vw;
        letter-spacing: 0.27vw;
    }

    /***** RESERVATION *****/

    .reservation {
        background-image: url(../images/reservation-img.jpg);
        width: 100%;
        margin-top: 14.4vw;
        object-fit: cover;
        background-repeat: repeat;
        background-position: center;
    }

    .reservation-container {
        width: 89.6vw;
        margin: 0 auto;
    }

    .reservation-container > p:first-child {
        font-family: 'Roboto', sans-serif;
        font-size: 9.6vw;
        font-weight: 700;
        letter-spacing: 1.07vw;
        color: #fff;
        padding: 14.93vw 0 9.33vw 0;
    }

    .reservation-container > p:nth-child(2) {
        line-height: 7.47vw;
        font-size: 3.47vw;
        letter-spacing: 0.53vw;
        color: #fff;
        margin-bottom: 8vw;
    }

    .reservation-container > p:nth-child(3) {
        font-family: 'Roboto', sans-serif;
        font-size: 6.4vw;
        font-weight: 700;
        margin-bottom: 8vw;
        letter-spacing: 0.53vw;
        color: #fff;
    }

    .btn-3 {
        color: #32325a;
        padding: 4.67vw 10.333vw;
        letter-spacing: 0.53vw;
        font-weight: 600;
        font-size: 3.73vw;
        border: none;
    }

    .reservation-container > button {
        margin-bottom: 14.93vw;
        background-color: #fff;
    }

    /***** FOOTER *****/

    .footer { 
        width: 89.6vw;
        margin: 11.2vw auto 18.67vw auto;
    }

    .footer > img {
        width: 68.27vw;
        margin-bottom: 8.8vw;
    }

    .footer p:nth-child(2) {
        font-size: 3.73vw;
        letter-spacing: 0.53vw;
        margin-bottom: 0;
    }

    .footer p:nth-child(4) {
        font-size: 3.73vw;
        letter-spacing: 0.53vw;
        margin-top: 4vw;
    }

    .footer p:nth-child(5) {
        font-size: 3.34vw;
    	letter-spacing: 0.53vw;
    	margin: 3.3333vw 0 8.53vw;
    }
	.footer .info-table {
		margin-top: 3.53vw;
	}
	.copyright {
		font-size: 10px;
		letter-spacing: .1em;
	}

    /***** GO TOP *****/

    .go-top {
        width: 18.93vw;
        height: 18.93vw;
        background-color: #222222;
        color: #fff;
        text-align: center;
        position: fixed;
        bottom: 26.67vw;
        right: 0;
    }

    .go-top > i {
        margin-top: 4.27vw;
        font-size: 4.27vw;
    }

    .go-top > p {
        font-size: 3.73vw;
        letter-spacing: 0.8vw;
    }
    
    /***** FOOTER BUTTON *****/
    
    .footer-button {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 2;
    }
    
    .footer-button button {
        width: 50%;
        height: 13.87vw;
        background-color: #32325a;
        border: none;
        color: #fff;
        letter-spacing: 0.53vw;
        font-size: 4.27vw;
    }
    
    .footer-button > button:nth-child(2) {
        float: right;
        border-left: solid 0.27vw;
    }
    
    .footer-button > button > i {
        font-size: 3.73vw;
    }
    
    /***** SUB HERO *****/

    .sub-hero {
        width: 90%;
        margin: 21.33vw auto 0 auto;
    }

    .sub-hero > img {
        margin-top: 5.87vw;
        width: 100%;
		height: 300px;
    	object-fit: cover;
    }

    /***** SUB PAGE TITLE *****/

    .subpage-title {
        background-color: rgba(235, 234, 230, .4);
        height: 50.67vw;
        margin-top: -16vw;
    }

    .title-container {
        width: 89.6vw;
        margin: 0 auto;
    }

    .title-container > h1 {
        font-family: 'Roboto', sans-serif;
        padding: 21.33vw 0 4vw 0;
        color: #32325a;
        font-weight: 500;
        letter-spacing: 1.6vw;
        font-size: 8.6vw;
    }

    .title-container > p {
        font-size: 3.2vw;
        letter-spacing: 0.8vw;
        color: #32325a;
    }

    /***** BREADCRUMBS *****/

    .breadcrumbs {
        width: 89.6vw;
        margin: 0 auto;
    }

    .breadcrumbs > p {
        font-size: 3.2vw;
        color: #32325a;
        margin: 12.8vw 0 12.8vw 0;
        letter-spacing: 0.8vw;
    }

    /***** STYLE H *****/

    .style-par {
        font-size: 3.73vw;
        line-height: 7.47vw;
        letter-spacing: 0.27vw;
    }

    .content {
        width: 89.6vw;
        margin: 0 auto 10.67vw auto;
        overflow: hidden;
    }

    .style-h2 {
        margin-bottom: 8vw;
    }

    .style-h2 > h2 {
        background-color: rgba(235, 234, 230, .4);
        color: #32325a;
        font-size: 6.4vw;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1.07vw;
        text-align: center;
        padding: 2.67vw;
        margin-bottom: 8vw;
    }

    .style-h3 {
        margin-bottom: 8vw;
    }

    .style-h3 > h3 {
        font-size: 5.33vw;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1.07vw;
        padding: 2.67vw 2.67vw 2.67vw 0;
        margin-bottom: 8vw;
    }

    .style-h4 {
        margin-bottom: 8vw;
    }

    .style-h4 > h4 {
        font-size: 4.8vw;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1.07vw;
        padding: 2.67vw 2.67vw 2.67vw 0;
        margin-bottom: 8vw;
    }

    /***** TABLE CONTENT *****/

    .table-content {
        width: 89.6vw;
        border-collapse: collapse;
        font-size: 3.73vw;
    }

    .black, .grey {
        padding: 2.67vw;
        letter-spacing: 0.53vw;
    }

    .black {
        background-color: #222222;
        color: #fff;
        width: 25%;
        border-bottom: solid 0.27vw #fff;
    }

    .grey {
        background-color: rgba(235, 234, 230, .4);
        border-bottom: solid 0.27vw #222222;
    }

    .table-content tr:last-child > td {
        border-bottom: none;
    }

    /***** BULLET *****/
	.bullet{padding: 25px 2.67vw}
	.bullet-list:nth-of-type(n+2){padding-top: 2.67vw;}
	.bullet-list:not(:last-child){padding-bottom: 2.67vw;}
	.bullet-list:not(:last-child)::after{
		content: '';
		background: #78c8b4;
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		position: absolute;
	}

    .bullet-list i {
        font-size: 2.67vw;
        color: #78c8b4;
        position: absolute;
        margin-top: 2.13vw;
    }

    .bullet > .bullet-list:last-child > p {
        border: none;
    }

    /***** STYLE OL *****/

    .content .style-l1 {
        border-top: solid 0.27vw #000;
        border-bottom: solid 0.27vw #000;
        display: grid;
        grid-template-columns: auto;
    }

    .content .shape-l1 {
        background-color: #78c8b4;
        width: 100%;
        height: 26.67vw;
        margin: 2.93vw 0 0;
    }

    .content .shape-l1 > p {
        padding-top: 8vw;
    }

    .content .shape-l2 {
        background-color: #78c8b4;
        width: 100%;
        height: 18.67vw;
        margin: 2.93vw 0 2.93vw 0;
    }

    .content .shape-l2 > p {
        padding-top: 4vw;
    }

    .content .shape-l3 {
        background-color: #78c8b4;
        width: 100%;
        height: 12.8vw;
        margin: 2.93vw 0 2.93vw 0;
    }

    .content .shape-l3 > p {
        padding-top: 1.33vw;
    }

    .content .shape-no {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 9.6vw;
        letter-spacing: 0.53vw;
        text-align: center;
        color: #fff;
    }

    .content .style-l1 > p {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }

    .triangle {
        width: 0;
        height: 0;
        border-left: 8vw solid transparent;
        border-right: 8vw solid transparent;
        border-top: 5.87vw solid #000;
        margin: 0 auto 2.67vw auto;
        display: block;
    }
    
    /******* DOCTOR @ DOCTOR PAGE *******/

    .doctor-item {
        margin-left: 0;
    }

    .doctor-name {
        color: #32325a;
        letter-spacing: 1px;
        margin-top: 40px;
    }

    .doctor-name > p:first-child {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .doctor-name > p:nth-child(2) {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 9px;
    }

    .doctor-name > p:nth-child(3) {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 40px;
    }

    .doctor-img {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: static;
        margin: 0;
    }

    .doctor-img > img {
        width: 100%;
    }

    .doctor-par {
        width: 100vw;
        background-color: #f1f9f7;
        padding: 150px 0 38px 0;
        margin: -120px 0 0 -20px;
    }

    .doctor-par p {
        width: 80.6vw;
        margin: 0 auto;
    }

    .doctor-par > p:first-child {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 22px;
    }

    .doctor-par > p:nth-child(2) {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 28px;
        width: 80.6vw;
    }
	.doctor-par > p:nth-child(3) {
		margin: 30px auto 0;
		width: 80.6vw;
	}

    /******* CAREER @ DOCTOR PAGE *******/

    .career-flex {
        margin: 40px 0 0;
        display: flex;
        flex-wrap: wrap;
    }

    .career-item {
        width: 378px;
        margin: 0 0 20px;
    }

    .career-item:first-child {
        margin-right: 0;
    }

    .career-item > p {
        padding-bottom: 9px;
        border-bottom: 1px solid #000;
        margin-bottom: 21px;
    }

    .career-date {
        margin-bottom: 10px;
    }

    .career-date p {
        display: block;
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .career-list {
        margin-bottom: 10px;
    }

    .career-list li {
        list-style: none;
        font-size: 14px;
    }

    .career-list li:before{
        content: '-';
        margin-right: 10px;
    }

    /******* IMAGE @ DOCTOR PAGE *******/

    .doctor-big-img {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px 0 0;
    }

    
	/******* HOVER Release *******/
	.treatment-grid:hover >img{transform: scale(1.0, 1.0);}
	.treatment-grid:hover >p{color: inherit;}
	
	/******* ADD TO *******/
	.content .img-right .left,.content .img-right .right{ flex-basis: 100%;}
	.content .img-right .right{ margin-top: 4.6666vw;}
	.content img.about-ttl{height: 200px;}
	.content .about-copy{font-size: 4.33vw; margin-top: 3vw;}
	.content .risk{ padding: 20px;}
	.content .risk p:last-child{ text-align: left;}
	.content .risk hr{ margin: 18px 0;}
	.content .risk p.risk-txt { padding-left: 0;}
	.content .perio-txt, .content .perio-box p{font-size: 4.8vw;}
	
	footer{ margin:0 0 13.87vw; padding: 12vw 5.333vw 8vw;}
	footer .ft-link{ display: block;}
	footer .ft-link li{ width: 100%; border-bottom: solid 1px #ffffff; letter-spacing: 0.33vw; margin: 0; padding: 1em 0; position: relative;}
	footer .ft-link li:first-of-type{ border-top: solid 1px #ffffff; }
	footer .ft-link li::after{
		content: "\f054";
		color: #000;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		position: absolute;
		right:0;
		top: calc(50% - 6.5px);	}
		
	.covid-19{
		width: calc(89.6vw - 40px);
		margin: 4.6666vw auto;
		padding: 30px 20px;
	}
	.covid-19 p{font-size: 3.9999vw;}
	.covid-19 p.ttl{font-size: 16px;}
	.flex {margin: 30px 0 10px;}
	.flex .flex-box5{flex-basis: calc(100%/2 - 5px); margin-bottom: 10px;}
	.flex .flex-box5 p{font-size: 3.9999vw;}
	.flex .flex-box5 img{height: 50px;}
	
	.flex .flex-box3{flex-basis: 100%; margin-bottom: 10px;}
	.flex .flex-box3 p.date{ margin-bottom: 10px;}
	.flex .flex-box3 p.dtl{display: none;}
	
	.ortho-info{width: 89.6vw; padding-bottom: 50px; margin-top: 59px;}
.ortho-info .info-title{margin-bottom: 20px;}
.ortho-info p{margin-bottom: 10px;}
.ortho-info p.date{margin: 20px 0;}
.ortho-info p span{display: inline-block;background: #000; color: #fff; padding: 0 8px; margin-right: 10px;}

    .content.treatment2{
        height:650px;
    }
    
/*
    .triplecase {
    width: 20%;
}
*/
    
}

@media (max-width: 768px){

/*
.shorei {
    display: block;
    justify-content: center;
    position: relative;
}
.shorei > div {
    width: 100%;
}
    .shorei h5{
        display: block;
        width: 100%;
    }
    
    .shorei img{
        width: 100%;
    }
    
    .t_case{
        display: flex;
    }
    
    .t_case img{
        width: 100%;
        display: block;
    }
    .t_case {
    width: 100%;
    margin: 25px auto 0;
}
    .t_case td {
    display: block;
    width: 100%;
}
*/

    .shorei1 {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
    .shorei1 li {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 5vw;
    font-size: 1.07em;
    letter-spacing: 0.2em;
    font-weight: bold;
    width: 100%;
}
    
   .shorei2 {
    content: "";
    font-size: 4vw;
    bottom: -5vw;
    left: 0;
    color: rgb(255, 255, 255);
    background: #233264;
    width: 100%;
    height: 9vw;
    text-align: center;
    letter-spacing: .2vw;
}

    .p-vw p{
    font-size: 3.8vw;
}
    .shorei {
    margin-top: 3vw;
    margin-bottom: 4vw;
    display: block;
    justify-content: center;
    position: relative;
}
    
    .shorei img {
    width: 100%;
    box-shadow: 0px 3px 12px rgb(0 0 0 / 20%);
    margin-bottom: 3vw;
}
    
    .shorei:before {
    position: absolute;
    content: "Before";
    font-size: 5.6vw;
bottom: 55%;
    left: 70%;
    color: #fff;
}
    .shorei:after {
    position: absolute;
    content: "After";
    font-size: 5.6vw;
bottom: 4%;
    right: 13%;
    color: #fff;
}
    
    .shorei_table {
    margin: 8vw 0;
}
    .shorei_table th, .shorei_table td {
    font-size: 3.666vw;
    display: block;
    padding: 5.33333vw 8vw;
    border: none;
    border-bottom: solid 1px #fff;
}
    
    .shorei_table tr:nth-of-type(even) > td, .shorei_table tr:nth-of-type(odd) > td {
    background: #eaeaf0;
}
    .logolink{
	width: 60%;
}
	
	blockquote {
		padding:50px 20px 20px 30px;
	}
    
    .btn01 {
    display: block;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}
    
    .content .btn-2.btn-03{
        width: 100%;
    }
    
    section .content.kinsoku01{
   
  line-break: strict;


}
	
ol.covid{
margin-left: 40px;
} 	
   
    
}