/* CSS Document */

@media screen and (max-width:768px)

{
	
		#instagram iframe {
		width: 100% !important;
    height: 90vw !important;
	}
	
.pc{
	display:none;
}
 
.table_04{
    display: none;
}    
	

.left,
.right{
	float:none;
}
.inner{
	margin:0 !important;
	padding:10px 20px;
	width:100%;
}
	
	
#sub .inner{
	margin:0 !important;
	padding:10px 20px 40px 20px;
	width:100%;
}
.img_sp{
	width:100%;
}
.blink {
    margin-top: 10px;
}
	
	.yoyaku_area img{
		width: 100%;
		
		margin: auto;
		text-align: center;
		margin-top: 3vw;
	}
	
		
	.yoyaku_area{
		margin: auto;
		margin-top: 0vw;
		width: 90%;
		margin-bottom: 3vw;
		text-align: center;
	}
	
	.yoyaku_area p{
		text-align: center;
		font-size: 4.2vw;
		font-family: 'Noto Serif JP', serif;
		
	}
	
	.yoyaku_area p span{
		background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #E5F3FB 0%) repeat scroll 0 0;
		color: #0067B7;
		font-size: 5.6vw;
	}
	
	.yoyaku_area .btn_flex{
		
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: auto;
		margin-top: 0vw;
		
		    width: 100%;
		margin-bottom: 7vw;
	
	}
	
	.yoyaku_area .btn_flex a{
		width: 100%;
		
	}
	
	.yoyaku_area .btn_flex a{
		background: #0067B7;
		color: #fff;
		    height: 60px;
    vertical-align: middle;
    display: block;
    text-align: center;
		line-height: 60px;
		border: 1px solid #0067B7;
		margin-top: 3vw;
	}
	
	.yoyaku_area .btn_flex a:hover{
		background: #fff;
		color: #0067B7;
		border: 1px solid #0067B7;
		    height: 60px;
    vertical-align: middle;
    display: block;
    text-align: center;
		line-height: 60px;
		transition: .3s;
	}
	
	.yoyaku_area .btn_flex a:last-child{
		background: #fff;
		color: #0067B7;
		border: 1px solid #0067B7;
		    height: 60px;
    vertical-align: middle;
    display: block;
    text-align: center;
		line-height: 60px;
	
	}
	
	.yoyaku_area .btn_flex a:last-child:hover{
		background: #0067B7;
		color: #fff;
		    height: 60px;
    vertical-align: middle;
    display: block;
    text-align: center;
		line-height: 60px;
		border: 1px solid #0067B7;
		transition: .3s;
	
	}


/* TOP見出し------------- */
#top h1{
	font-size:28px;
	color:#878787;
	letter-spacing:3px;
	background:url(../images/common/h1_bg.png) no-repeat 100% 0%;
	background-size:35px;
	width:40px;
	padding:50px 10px 0 10px;
}
#top h2{
	font-size:21px;
	line-height:33px;
	color:#878787;
	letter-spacing:3px;
	background:url(../images/common/h1_bg.png) no-repeat 25% 0%;
	width:50px;
	height:400px;
	padding:65px 0px 0 0px;
	position:absolute;
	right:50px;
}

/* SUB見出し------------- */
#sub h2{
	color:#00A5E3;
	font-size:28px;
	text-align:center;
	padding:0;
	margin:40px 0 40px 0;
}

#sub h4.h4_2{
	margin:30px 0 10px 0 !important;
}

#sub #blog_css h1{
	padding:60px 0 30px 0;
	background:url(../images/common/h1_bg.png) no-repeat 50% 0%;
	line-height:40px;
	font-size:21px;
}
#sub #blog_css .inner img{
	width:100% !important;
	height:auto !important;
}


/*SUB  ヘッダー--------------------------- */
.sub_header_box{
	height:215px;
	margin-bottom:-20px;
	box-sizing:border-box;
	position:relative;
}
.sub_header_box a{
	width:300px;
	height:150px;
	background:#FFF;
	display:block;
	padding:25px 10px 0 10px;
	box-sizing:border-box;
	text-align:center;
	position:absolute;
	bottom:0;
	z-index:1;
}
.sub_header_box a img{
	width:180px;
}
.sub_main img{
	width:95%;
	margin:0 auto;
	display:block;
}
.sub_mv_01{
	background:url(../images/sub_main/bg2.jpg) no-repeat 100% 50%;
	background-size:770x;
}

#sub{
	padding:40px 0 20px 0;
}

/* ヘッダーボックス１--------------------------- */
.tel_btn a{
	padding:2px 0;
	font-size:10px;
	letter-spacing:1px;
	width:230px;
	height:50px;
}
.news_btn a,
.yoyaku_btn a{
	width:140px;
	height:50px;
	box-sizing:border-box;
	font-size:14px;
	text-align:right;
	display:block;
	margin-right:10px;
	color:#0067B7;
}
.news_btn a{
	padding:14px 30px 0 0;
}
.yoyaku_btn a{
	padding:14px 23px 0 0;
}
    
    .wisdom a {
    background-image: url(../images/wisdom-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    
    padding: 3rem 5rem 3rem 3rem;
    position: relative;
        display: block;
    justify-content: space-between;
        font-family: 'Noto Serif JP', serif;
      
}
    
    .wisdom a:hover{
        
        opacity: .7;
        transition: .3s;
    }
    
    .wisdom a div {
    text-align: center;
          color: #fff;
}
    
    .wisdom a div p:first-child {
    display: table;
    font-size: 1.3rem;
  
    letter-spacing: 0;
    background: #0068b7;
    padding: 0 2rem;
    margin: 0 auto 1rem;
        color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    .wisdom a div p:last-child {
    font-size: 2.3rem;
    line-height: 1.5;
    letter-spacing: 0;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom a div p:last-child span {
    display: block;
    font-size: 1.1rem;
    letter-spacing: 0;
        background: none;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom a > p {
    flex-basis: 28.4rem;
    letter-spacing: 0.2em;
                font-size: 0.9rem;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom{
        width: 90%;
        margin: auto;
        font-family: 'Noto Serif JP', serif;
        margin-top: 30px;
        
    }
    
    .wisdom a:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: rotate(45deg);
}
    
        .wisdom a {
        padding: 2rem;
        
        background-image: url(../images/wisdom-bg-sp.webp);
    }
    
        .wisdom a div {
        margin-bottom: 1rem;
    }
    
      .wisdom a div p:first-child {
        font-size: 1.3rem;
    }
    
        .wisdom a div p:last-child {
        font-size: 1.9rem;
    }
    
       .wisdom a div p:last-child span {
        font-size: 1.1rem;
    }
    
       .wisdom a > p {
        line-height: 1.7;
    }
	
	.wisdom2 a {
    background-image: url(../images/wisdom-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    
    padding: 3rem 5rem 3rem 3rem;
    position: relative;
        display: block;
    justify-content: space-between;
        font-family: 'Noto Serif JP', serif;
      
}
    
    .wisdom2 a:hover{
        
        opacity: .7;
        transition: .3s;
    }
    
    .wisdom2 a div {
    text-align: center;
          color: #fff;
}
    
    .wisdom2 a div p:first-child {
    display: table;
    font-size: 1.3rem;
  
    letter-spacing: 0;
    background: #0068b7;
    padding: 0 2rem;
    margin: 0 auto 1rem;
        color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    .wisdom2 a div p:last-child {
    font-size: 2.3rem;
    line-height: 1.5;
    letter-spacing: 0;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom2 a div p:last-child span {
    display: block;
    font-size: 1.1rem;
    letter-spacing: 0;
        background: none;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom2 a > p {
    flex-basis: 28.4rem;
    letter-spacing: 0.2em;
                font-size: 0.9rem;
          color: #fff;
        font-family: 'Noto Serif JP', serif;
}
    
    .wisdom2{
        width: 90%;
        margin: auto;
        font-family: 'Noto Serif JP', serif;
        margin-top: 30px;
		margin-bottom:40px;
        
    }
    
    .wisdom2 a:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: rotate(45deg);
}
    
        .wisdom2 a {
        padding: 2rem;
        
        background-image: url("../images/banner-sp02 .webp");
    }
    
        .wisdom2 a div {
        margin-bottom: 1rem;
    }
    
      .wisdom2 a div p:first-child {
        font-size: 1.3rem;
    }
    
        .wisdom2 a div p:last-child {
        font-size: 1.9rem;
    }
    
       .wisdom2 a div p:last-child span {
        font-size: 1.1rem;
    }
    
       .wisdom2 a > p {
        line-height: 1.7;
    }
    

/* ヘッダーボックス２--------------------------- */
.head_box2{
	position:absolute;
	top:0;
	width:auto;
	box-sizing:border-box;
	z-index:0;
	height:488px;
	background-color: rgba( 255, 255, 255, 0.7 );
	padding:10px 25px;
}
.logo img{
	width:160px;
	padding-left:0px;
}
.inner_head{
	width:100%;
	margin:0 auto;
	padding:50px 0 0 0;
	}
.catch_copy{
	font-size:18px;
	line-height:45px;
	padding:20px 10px;
	text-shadow:3px 3px 2px #FFF, -2px 2px 3px #FFF, 2px -2px 3px #FFF, -2px -2px 3px #FFF;
	color:#666;
}

/* グローバルナビ--------------------------- */
nav{
	width:100%;
	height:60px;
	background:#00a5e3;
	display:block;
}
nav ul{
	width:100%;
	margin:0 auto;
	padding:0;
}
nav ul li a{
	font-size:14px;
	box-sizing:border-box;
	text-align:center;
	padding: 26px 18px 0px;
	color:#FFF;
	letter-spacing:1px;
}
nav ul li a:hover{
	padding:15px 18px 0px;
}


/* TOP 参宮橋歯科について--------------------------- */
.about{
	padding:40px 0 0 0;
	margin-bottom:150px;
}
.about .inner{
	position:relative;
}
.about .box{
	background:rgba(0,165,227,0.1);
	padding:40px 30px;
	position:absolute;
	top:10px;
	left:110px;
	width:460px;
	height:320px;
	box-sizing:border-box;
	z-index:1;
}
.about .box p{
	margin-bottom:20px;
}
.about .text_01{
	font-size:16px;
	padding-bottom:0px;
	letter-spacing: 0;
}
.about ul li a{
	width:170px;
	font-size:14px;
	padding:12px 0 0 0;
}
.about ul li a:hover{
	background:#FFF url(../images/common/btn_bg3.png) no-repeat 4% 0%;
	color:#ff8a00;
	border:#ff8a00 1px solid;	
}
.about ul li:first-child{
	margin-right:18px;
}
.about img{
	position:absolute;
	top:310px;
	right:20px;
	z-index:0
}

/* こだわり--------------------------- */
.concept_wrap{
	padding-top:40px;
}
 #sub .concept_wrap .inner{
	padding:0 20px 0px 20px;
}

.img_concept1,
.img_concept2,
.img_concept3,
.img_concept4,
.img_concept5,
.img_concept6{
	width:72%;
	height:230px;
	background:#EEE;
	box-sizing:border-box;
	margin:0 0 50px 40px;
	float:left;
}
.img_concept1{
	background:url(../images/top/005.jpg) no-repeat 100% 0%;
}
.img_concept2{
	background:url(../images/top/006.jpg) no-repeat 100% 0%;
}
.img_concept3{
	background:url(../images/top/011.jpg) no-repeat 100% 0%;
}
.img_concept4{
	background:url(../images/top/012.jpg) no-repeat 100% 0%;
}
.img_concept5{
	background:url(../images/top/010.jpg) no-repeat 100% 0%;
}
.img_concept6{
	background:url(../images/top/008.jpg) no-repeat 100% 0%;
}
.rinen_bg{
	background:url(../images/concept/rinen_bg2.jpg) no-repeat 100% 100%;
	background-size:250px;
	padding:20px 0 0 0;
}
#sub .rinen_bg p{
	margin:20px 0;
}
#sub .rinen_bg h2{
	margin-bottom:40px;
}
.rinen_bg p span{
	color:#aae300;
	font-size:18px;
	font-family: 'Libre Baskerville', serif;
}


/* 診療内容--------------------------- */
.menu .inner{
	padding:35px 30px 30px 30px;
}
.menu .box{
	width:122.5px;
	box-sizing:border-box;
	height:175px;
	position:relative;
	background-size:63px !important;
	padding:123px 15px 10px 15px;
	border-radius:5px;
	text-align:center;
	margin:30px 0 12px 0;
}
.menu .box2{
	width:170px !important;
}
.menu .box .text_01{
	width:99%;
}
.menu .box .text_01 span.ff{
	font-size:14px !important;
	display:block;
}
.menu .box .text_02{
	font-size:14px;
}
.menu .mr{
	margin-right:20px;
}
.menu .mr:nth-child(5n){
  margin-right:20px;
}
.menu .mr:nth-child(3n){
  margin-right:0;
}
.menu .mr:nth-child(10n){
  margin:0 190px;
}
.menu p {
	font-size:11px;
}
.menu p span{
	display:none;
}
.auto{
	margin:0 auto;
	width:550px;
	box-sizing:border-box;
}
.treatment_bg{
	background:url(../images/treatment/index/treatment_bg.jpg) no-repeat 100% 80%;
	background-size:100%;
	padding:50px 0 0 0;
}


/* 医院紹介--------------------------- */
.clinic{
	background:url(../images/top/bg_clinic.jpg) no-repeat 50% 0%;
	background-size:100%;
}
.clinic .inner{
	padding:40px 15px;
}
.clinic .text_02{
	width:530px;
	margin:0 auto;
}
.clinic .box_680{
	width:600px;
	box-sizing:border-box;
	margin:0 auto;
	padding:60px 0 0 0;
}
.clinic .box_300{
	width:285px;
	box-sizing:border-box;
}
.clinic .box_300 img{
	width:285px;
}
.clinic .box_300 p a{
	width:210px;
	color:#0067B7;
	font-size:15px;
	border:#0067B7 1px solid;
	display:block;
	margin:15px auto 0 auto;
	padding:12px 0;
	background:#FFF url(../images/common/btn_bg2.png) no-repeat 3% 50%;
}
.clinic .mr{
	margin-right:30px;
}

/* お知らせ--------------------------- */

.news .inner{
	padding:50px 20px;
}
.news .inner p{
	width:590px;
	margin:0 auto;
	line-height:25px;
	font-size:14px;
}
/* 予約バナー------------- */
#yoyaku{
	position:fixed;
	bottom:80px;
	right:20px;
}
#yoyaku a{
	padding:70px 13px 15px 13px;
	background:#ff8a00 url(../images/yoyaku.png) no-repeat 50% 24%;
	background-size:40px;  
	border:#FFF 2px solid;
	color:#FFF;
	font-weight:bold;
	box-shadow: 3px 3px 6px -2px #395793;
	position:relative;
	font-size:14px;
	box-sizing:border-box;
	display:block;
	text-align:center;
}
#yoyaku a:hover{
	background:#aae300 url(../images/yoyaku.png) no-repeat 50% 24%;
	background-size:40px;  
}
#yoyaku a span{
	position:absolute;
	top:26px;
	left:32px;
}
/* TOP アクセス--------------------------- */	
.access_box{
	margin:10px 0 50px 0;
}
.access .box_400{
	width:400px;
	box-sizing:border-box;
	float:none;
	margin:0 auto;
}
.access .box_560{
	width:590px;
	box-sizing:border-box;
	padding:0;
	float:none;
	text-align:center;
	margin:0 auto;
}
.address{
	background:url(../images/top/bg_address.png) no-repeat 25% 40%;
	background-size:12px;
	padding:0 0 0 20px;
	font-size:14px;
}
.access .tel a{
	color:#00a5e3;
	font-size:20px;
	background:url(../images/common/tel_bg.png) no-repeat 0% 50%;
	background-size:17px;
	padding-left:25px;
	letter-spacing:2px;
	line-height:50px;
}
.btn_01 a{
	margin:25px auto 0 auto;
}

/* フッター--------------------------- */
.foot_box{
	background:#e5f4fc;
	padding:30px 0;
}
.foot_box .inner{
	width:100%;
	padding:0 10%;
	margin:0 auto;
	box-sizing:border-box;
}
.foot_box .contact a{
	width:44%;
	height:60px;
	font-size:13px;
	color:#FFF;
	background:#aae300 url(../images/common/btn_bg4.png) no-repeat 3.5% 0%;
	display:block;
	text-align:center;
	padding:19px 0 0 22px;
	box-sizing:border-box;
	float:left;
	margin-right:50px;
}
.foot_box .guide a{
	width:44%;
	height:60px;
	font-size:13px;
	color:#FFF;
	background:#00a5e3 url(../images/common/btn_bg4.png) no-repeat 2% 0%;
	display:block;
	text-align:center;
	padding:19px 0 0 20px;
	box-sizing:border-box;
	float:left;
}
.foot_box .contact a:hover,
.foot_box .guide a:hover{
	background:#ff8a00 url(../images/common/btn_bg4.png) no-repeat 2% 0%;
}
.icon_01,
.icon_02{
	padding-right:3px;
}
footer .text_01{
	text-align:center;
	color:#878787;
	font-size:14px;
	letter-spacing:1px;
}

/* BLOGのcss --------------------------- */
#blog h1{
	margin:0 auto 50px auto;
	font-size:18px !important;
	padding:15px 0 30px 0;
}

/* フッターナビ--------------------------- */
.foot_nav{
	display:none;
}

/* subページ css------------- */
#sub .box{
	padding:20px 0 0 0;
}
#sub .box_400{
	width:400px;
	box-sizing:border-box;
	margin:0 auto;
}
#sub .box_560{
	width:100%;
	box-sizing:border-box;
}
#sub .box_560 h3{
	margin-top:40px;
}
#sub .box_560 h4{
	margin-top:0px;
}
#sub .box .pr{
	padding-right:0px;
}
#sub .box .pl{
	padding-left:0px;
}
#sub .box_480{
	width:100%;
	box-sizing:border-box;
	padding:0;
}


/* table css------------- */
table.table_01{
	width:90%;
	box-sizing:border-box;
	margin:20px auto 30px auto;
	border:#0067B7 1px solid;
}
table.price{
	width:90%;
}
table.price th{
	width:260px;
}

table.table_02{
	width:100%;
    box-sizing:border-box;
	border:#0067B7 1px solid; 
}    
    
table.table_02 td{
    padding-bottom: 8px; 
}

table.table_03 img{
    padding-right: 60px;
}    
    
table.table_03{
	width:100%;
	box-sizing:border-box;
	margin:20px auto 30px auto;
	border:#0067B7 2px solid;
}
	
		table.table_03 img {
    padding-right: 0px;
}
    

table.table_03 th{
	font-size:14px;
	font-weight:normal;
    color:#0067B7;
	background:#FFF;
	border-bottom:#0067B7 1px solid;
	border-right:#0067B7 2px solid;
	box-sizing:border-box;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 13px;
    padding-right: 13px;
}


table.table_03 td{
	font-size:14px;
	color:#333333;
	padding:10px 25px;
    padding-top: 10px;
    padding-bottom: 7px;
	box-sizing:border-box;
	border-bottom:#0067B7 2px solid;
	vertical-align:middle;
    text-align: center;
    color:#4a4a4a;
}
   
       

/* 院長紹介　------------- */
.dr_bg{
	background:url(../images/staff/dr_bg.jpg) no-repeat 100% 100%;
	background-size:1000px;
}

/* 症例集　------------- */
.case img.w3{
	width:32.8%;
}
.case img{
	width:49.6%;
}


/*インスタグラム*/
.instagram_bg{
	background:url(../images/common/instagram_bg.jpg);
	background-size:120px;
}
#instagram{
	padding:30px 0 10px;
	width:100%;
	box-sizing:border-box;
	height: 129vw;
}
#instagram img{
	width:60%;
	margin-bottom:5px;
}


/*TOP 医院情報コーナー*/
.clinic_info{
	background:url(../images/top/bg_clinic_info.jpg) no-repeat 10% 30%;
	background-size:auto 100%;
	padding:12px 0;
	margin:30px 0;
}
.clinic_info .inner{
	width:95%;
	border-radius:10px;
	padding:20px 16px 10px;
	margin:0 auto !important;
	display:block;
}
.clinic_info .inner i{
	font-size:22px;
}
.clinic_info .inner p.text_01{
	font-size:33px;
	letter-spacing:0.5px;
	margin:0 0 15px 0;
	line-height:120%;
}
.clinic_info .inner p.text_01 span{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #cce1f1 0%) repeat scroll 0 0;
	padding-left:2px;
}
.clinic_info .inner p.text_01 span.small{
	font-size:55%;
}
.clinic_info .inner p{
	margin-bottom:20px;
	font-size:15px;
}
.clinic_info .inner table {
    margin-top: 10px;
}
.clinic_info .inner table th,
.clinic_info .inner table td{
	vertical-align:middle;
	padding:10px 0 15px 0px;
	font-size:14px;
	padding:5px;
	line-height:23px;
}
.clinic_info .inner table a{
	font-size:29px;
}

/* 親知らずの広告LP--------------------------- */
.wisdom_mv{
	background:url(../images/treatment/wisdom/005.jpg) no-repeat 33% 100%;
	background-size:130% auto;
	padding:200px 0 0;
	margin:-80px 0 50px 0;
}
.wisdom_mv .text_wrap{
	width:60%;
	padding:2.3em 1.7em 1em;
	margin-left:0;
}
#sub .wisdom_mv .text_wrap p{
	font-size:1.3em;
	line-height:2.2em;
	letter-spacing:0.5px;
	margin-bottom:30px;
}
#sub .wisdom_mv .text_wrap p span.s01{
	font-size:1.8em;
	border-bottom:#aae300 3px solid;
	padding-bottom:5px;
}
iframe.snapwidget-widget{
	width: 300px;
	height: auto;
	margin: 15px 0 0;
}


.corona .inner p.text_01{
	text-align:left;
	font-size: 1em;
	letter-spacing:0.003em;
    color: #0067B7;
    font-weight: bold;
    padding-bottom: 0.5em;
	margin-bottom:0.5em;
    line-height: 180%;
}
.corona .inner p.text_01{
	font-size:14px;
	margin-bottom:0;
}
.corona .inner  .text_01 span{
	font-size:14px;
	border-radius:0;
	line-height:200%;
	padding:0.29em;
}
.corona  ul.list{
	width:100%;
	margin:1em 0 0em;
}
.corona  ul.list li{
	font-size:0.8em;
	line-height:180%;
	color:#000;
	margin-bottom:1em;
	letter-spacing:0.006em;
}
.corona  ul.list li span{
	padding-right:0.5em;
	color:#0067B7;
	font-size:120%;
}
.corona .news_box{
	padding-bottom:1.5em;
}
.corona .news_box .btn_01 a{
	margin-top:1em;
}
#top .corona h3{
	margin-bottom:0em;
	padding-bottom:0.2em;
	font-size:1.1em;
	letter-spacing:0.003em;
}
.corona .news .inner {
	padding-bottom:0 ;
}
    
    .price span{
        font-size: 12px;
        color: #4a4a4a;
    } 
    
    .right_box{
        width: 100%;
        float: inherit;
    }    
    
    
p.ortho_case{
justify-content: center;
 display: flex;
flex-wrap: wrap;
width: 100%;
}
	
img.jidv_staff{
	width: 170px;
	padding-left: 10px;
		
	}
	img.epark_staff{
	width: 140px;
	}
	
	.mf-flex{
		flex-wrap: wrap;
	}
	
	.mf-flex div{
		width: 100%;
		margin-right: none;
	}
	
	.mf-flex p{
		margin-top: 20px;	
	}
}





@media screen and (max-width:599px){
.left2,
.right2{
	float:none;
}
.pc2{
	display:none;
}
.inner{
	margin:0 !important;
	padding:10px 18px;
	width:100%;
}
/* TOP見出し------------- */
#top h1{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-size:20px;
	color:#878787;
	letter-spacing:4px;
	background:url(../images/common/h1_bg.png) no-repeat 100% 0%;
	background-size:27px;
	width:30px;
	padding:40px 3.5px 0 5px;
}
#top h2{
	writing-mode: lr-tb; 
	font-size:16px;
	line-height:30px;
	letter-spacing:3px;
	background:url(../images/common/h1_bg.png) no-repeat 0% 64%;
	width:300px;
	height:60px;
	padding:0 0 0 56px;
	position:absolute;
	top:0;
	left:55px;
	box-sizing:border-box;
}
#top h2 span{
	font-size:26px;
	letter-spacing:3px;
}
#top h3{
	font-size:25px;
	text-align:center;
	padding:55px 0 20px 0;
	background:url(../images/common/h3_bg.png) no-repeat 50% 10%;
	background-size:32px !important;
	letter-spacing:3.8px;
	line-height:120%;
}
#top h3 span{
	font-size:14px;
	font-family: 'Libre Baskerville', serif;
	letter-spacing:1.5px;
}
#top h4{
	font-size:25px;
	color:#0067B7;
	text-align:center;
	font-family: 'Libre Baskerville', serif;
	letter-spacing:3px;
	padding:10px 0 15px 0;
}

/* SUB 見出し------------- */
#sub h1{
	font-size:25px;
	text-align:center;
	padding:55px 0 20px 0;
	background:url(../images/common/h1_bg.png) no-repeat 50% 10%;
	background-size:28px !important;
	letter-spacing:3.2px;
}
#sub h1 span{
	font-size:14px;
	font-family: 'Libre Baskerville', serif;
	letter-spacing:1.5px;
}
#sub h2{
	font-size:20px;
	padding:0;
	margin:0px 0 20px 0;
	line-height:33px;
	letter-spacing: 1.4px;
}
#sub h2:after{
content:"";
display:inline-block;
width:18px;
height:18px;
background:linear-gradient(135deg, #00A5E3 50%, #0067B7 50%) ;
box-sizing:border-box;
margin-left:20px;
margin-bottom:-1px;
}
#sub h2:before{
content:"";
display:inline-block;
width:18px;
height:18px;
background:linear-gradient(45deg, #00A5E3 50%, #0067B7 50%) ;
box-sizing:border-box;
margin-right:20px;
margin-bottom:-1px;
}

#sub h3{
	font-size:20px;
	padding:0 0 7px 5px;
	border-bottom:#DDDDDD 1px solid;
	margin:20px 0 13px 0;
	line-height:28px;
}
#sub h3:before{
content:"";
display:inline-block;
width:18px;
height:18px;
background:linear-gradient(45deg, #00A5E3 50%, #0067B7 50%);
box-sizing:border-box;
margin-right:15px;
margin-bottom:-3px;
}
#sub h4{
	color:#0067B7;
	font-size:16px;
	letter-spacing:1px;
	border-bottom:#0067B7 2px solid;
	padding:0 5px 0px 5px;
	display:inline-block;
	margin:10px 0 12px 0;
	font-weight:bold;
	line-height:28px;
}


/* メインビジュアル--------------------------- */
.mv{
	float:none;
	position:absolute;
	top:0;
	z-index:-10;
}

/* グロナビアコーディオン-------------- */
label{
	background: #0068b7;
	padding:10px 15px;
	border-radius: 2px;
	color:#fff;
	position: fixed;
	top: 12px;
	right: 20px;
	letter-spacing:1px;
	z-index:2;
	box-shadow:6px 6px 2px rgba(255,255,255,255.1);
	}
label span{
	font-size: 8px;
}
input[type="checkbox"].on_off{
    display: none;
}
#sp_gnav{
//	z-index:100;
}
	#sp_gnav{
		position: fixed;
    /* background: #fff; */
  
    top: 73px;
    z-index: 1;
	}
	
	
#sp_gnav ul{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding:0;
    list-style: none;
	background: #00a5e3;
	}
#sp_gnav li{
	background:#0067B7;
	width:50%;
	float:left;
	box-sizing:border-box;
	height:50px;
	padding: 0px 0px 10px 0;
	}
#sp_gnav li.li2{
	background:#006BBE;
}

#sp_gnav li:first-child{
		margin-top:0px;
}
#sp_gnav li a{
	padding: 15px 0px 10px 0 !important;
	display:block;
	text-align:center;
	font-size:13px;
	color: #fff;
}
	
	#sp_gnav li:first-child{
		font-family: 'Libre Baskerville', serif;
	}
	
#sp_gnav a{color: #fff;
}
input[type="checkbox"].on_off + ul{
    height: 0;
    overflow: hidden;
}
#sp_gnav input[type="checkbox"].on_off:checked + ul{
	z-index:3 !important;
    height:200px;
	padding:0;
	opacity:0.95;
}
#sp_gnav .sub_menu li{
	background:#0067B7;
	width:50%;
	float:left;
	box-sizing:border-box;
	height:50px;
	padding: 0px 0px 10px 0;
}
#sp_gnav .sub_menu li a{
	padding: 15px 0px 10px 0;
	display:block;
	text-align:center;
	font-size:12px;
	color: #fff;
}
	
#sp_gnav .sub_menu li.li2{
	background:#006BBE;
}
#sp_gnav .sub_menu li:first-child{
	margin-top:0px;
}

#sp_gnav .sub_menu input[type="checkbox"].on_off:checked + ul{
	z-index:3;
    height:200px;
	padding:0;
}

/* TOP ヘッダー--------------------------- */
header{
	width:100%;
	position:relative;
	margin-bottom:0;
	height:auto;
	overflow:hidden;
}
.h_400{
	height:404px !important;
}
	
	
	.footer_txt{
		font-size: 3.1vw;
    letter-spacing: 0;
    text-align: center;
		background: #e5f4fc;
		font-weight: 600;
	}

/*SUB  ヘッダー--------------------------- */
.sub_header_box{
	height:140px;
	margin-bottom:-20px;
	box-sizing:border-box;
	position:relative;
}
.sub_header_box a{
	width:140px;
	height:100px;
	background:#FFF;
	display:block;
	padding:12px 0 0 0;
	box-sizing:border-box;
	text-align:center;
	position:absolute;
	top:0;
	z-index:1;
}
.sub_header_box a img{
	width:120px;
}
.sub_mv_01{
	background:url(../images/sub_main/bg2.jpg) no-repeat 100% 0%;
	background-size:450px;
}
.sub_main img{
	width:100%;
	margin:0 auto;
	display:block;
}
#sub{
	padding:0 0 10px 0;
}

/* ヘッダーボックス１--------------------------- */
.tel_btn a{
	display:none;
}
.news_btn a,
.yoyaku_btn a{
	display:none;
}
/* ヘッダーボックス２--------------------------- */
.head_box2{
	position:absolute;
	top:0;
	width:140px;
	box-sizing:border-box;
	z-index:0;
	height:106px;
	background-color: rgba( 255, 255, 255, 1.0 );
	padding:5px;
}
.logo img{
	width: 120px;
    padding-left: 5px;
    padding-top: 0px;
}
.inner_head{
	width:100%;
	margin:0 auto;
	padding:10px 0 0 0;
	}
.catch_copy{
	font-size:13px;
	line-height:32px;
	padding:15px 7px 0 0;
	text-shadow:3px 3px 2px #FFF, -2px 2px 3px #FFF, 2px -2px 3px #FFF, -2px -2px 3px #FFF;
	float:right;
	writing-mode: lr-tb;
	position:absolute;
	width:235px;
	top:0;
	right:0;
	letter-spacing:1px;
	text-align:center;
}
.sp_box{
	position:absolute;
	top:300px;
	left:10px;
	z-index:-2;
	background:rgba(0,165,227,0.5);
	width:95%;
	padding:15px 0 30px 0;
	text-align:center;
	box-sizing:border-box;
}
.sp_box p{
	font-size:20px;
	color:#FFF;
	letter-spacing:3px;
	line-height:39px;

}

/* グローバルナビ--------------------------- */
nav{
	display:none;
}

/* TOP 参宮橋歯科について--------------------------- */
.about{
	padding:0px 0 90px 0;
}
.about .box{
	padding:30px 20px;
	position:absolute;
	top:10px;
	left:75px;
	width:300px;
	height:380px;
	box-sizing:border-box;
	z-index:1;
}
.about .box p{
	margin-bottom:15px;
	font-size:14px;
}
.about .text_01{
	font-size:16px;
	padding-bottom:0px;
}
.about ul li a{
	width:120px;
	font-size:14px;
	padding:13px 0 0 20px;
}
.about ul li:first-child{
	margin-right:18px;
}
.about img{
	position:absolute;
	top:380px;
	right:0px;
	width:100%;
}

/* こだわり--------------------------- */
.concept_wrap{
	padding-top:20px;
}
 #sub .concept_wrap .inner{
	padding:0 20px 0px 20px;
}
.concept .inner{
	padding-top:100px;
}
.img_concept1{
	background:url(../images/top/005.jpg) no-repeat 50% 100%;
}
.img_concept2{
	background:url(../images/top/006.jpg) no-repeat 50% 100%;
}
.img_concept3{
	background:url(../images/top/011.jpg) no-repeat 50% 100%;
}
.img_concept4{
	background:url(../images/top/012.jpg) no-repeat 50% 100%;
}
.img_concept5{
	background:url(../images/top/010.jpg) no-repeat 50% 100%;
}
.img_concept6{
	background:url(../images/top/008.jpg) no-repeat 50% 100%;
}
.img_concept1,
.img_concept2,
.img_concept3,
.img_concept4,
.img_concept5,
.img_concept6{
	width:86%;
  height: 230px;
  background-size: cover;
}
.box_concept{
	height:230px;
}
.box_concept p span{
	position:absolute;
	top:-33px;
	left:16px;
	font-size:43px;
}
.box_concept .text_01{
	font-size:15px;
}
.mr30{
	margin-right:20px;
}
.rinen_bg .inner{
	padding:0 20px !important;
}

/* 診療内容--------------------------- */
.menu .inner{
	padding:35px 15px 30px 15px;
}
.menu .box{
	width:105.3px;
	box-sizing:border-box;
	height:120px !important;
	position:relative;
	background-size:55px !important;
	padding:0px 15px 10px 15px;
	border-radius:5px;
	text-align:center;
	margin:20px 0 12px 0;
}
.menu .box01{
	background:#FFF url(../images/menu/001.png) no-repeat 50% 80%;
}
.menu .box02{
	background:#FFF url(../images/menu/002.png) no-repeat 50% 80%;
}
.menu .box03{
	background:#FFF url(../images/menu/003.png) no-repeat 50% 80%;
}
.menu .box04{
	background:#FFF url(../images/menu/004.png) no-repeat 50% 80%;
}
.menu .box05{
	background:#FFF url(../images/menu/005.png) no-repeat 50% 80%;
}
.menu .box06{
	background:#FFF url(../images/menu/006.png) no-repeat 50% 80%;
}
.menu .box07{
	background:#FFF url(../images/menu/007.png) no-repeat 50% 80%;
}
.menu .box08{
	background:#FFF url(../images/menu/011.png) no-repeat 50% 80%;
}
.menu .box09{
	background:#FFF url(../images/menu/008.png) no-repeat 50% 80%;
}
.menu .box10{
	background:#FFF url(../images/menu/010.png) no-repeat 50% 80%;
}
	
	.menu .box_endo{
	background:#FFF url(../images/menu/012.png) no-repeat 50% 43% !important;
}
	
	.menu .box_endo2 {
    background: #FFF url(../images/menu/012.png) no-repeat 50% 90% !important;
}
	
.menu .box2{
	width:105.3px !important;
}
.menu .box .text_01{
	width:99%;
}
.menu .box .text_01 span.ff{
	font-size:12px !important;
	display:block;
}
.menu .box .text_02{
	font-size:12px;
}
.menu .mr{
	margin-right:12px;
}
.menu .mr:nth-child(5n){
  margin-right:12px;
}
.menu .mr:nth-child(10n){
  margin:0 117.3px;
}
.auto{
	margin:0 auto;
	width:340px;
	box-sizing:border-box;
}
.treatment_bg{
	background:url(../images/treatment/index/treatment_bg2.jpg) no-repeat 100% 80%;
	background-size:100%;
	padding:50px 0 20px 0;
}
.treatment_bg h2{
	margin-bottom:30px !important;
}

/* 医院紹介--------------------------- */
.clinic{
	background:url(../images/top/bg_clinic.jpg) no-repeat 50% 0%;
	background-size:100%;
}
.clinic .inner{
	padding:40px 15px;
}
.clinic .text_01{
	font-size:18px;
	padding:5px 0 25px 0;
	font-weight:bold;
	letter-spacing: 2.4px;
}
.clinic .text_02{
	width:95%;
	margin:0 auto;
}
.clinic .box_680{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:30px 0 0 0;
}
.clinic .box_300{
	width:48%;
	box-sizing:border-box;
}
.clinic .box_300 img{
	width:100%;
}
.clinic .box_300 p{
	color:#4a4a4a;
	font-size:16px;
	padding:3px 0 10px 0;
}
.clinic .box_300 p a{
	width:120px;
	color:#0067B7;
	font-size:13px;
	border:#0067B7 1px solid;
	display:block;
	margin:5px auto 0 auto;
	padding:10px 0 10px 20px;
	background:#FFF url(../images/common/btn_bg2.png) no-repeat 4% 50%;
	box-sizing:border-box;
}
.clinic .box_300 p a:hover{
	background:#FFF url(../images/common/btn_bg3.png) no-repeat 4% 0%;
	color:#ff8a00;
	border:#ff8a00 1px solid;	
}
.clinic .box_300 p{
	font-size:14px;
	padding:3px 0 5px 0;
}
	
.clinic .mr{
	margin-right:10px;
}
	
	
.flex{
		display: block;
	}
	
.flex p {
		margin-bottom: 30px;
	}
	
.flex img {
	width: 225px;
	 
	}
/* お知らせ--------------------------- */

.news .inner{
	padding:20px 15px;
}
.news .inner p{
	width:100%;
	margin:0 auto;
	line-height:27px;
	font-size:13px;
}
.news .text_01{
	padding:10px 0 0 0;
}

.news .text_01 a{
	font-size:15px;
}


.news_box{
	padding:30px 15px 15px 15px;
}
/*    TOP 医院機器グローブ導入*/
    .inner_space{
        line-height: 30px;
    }
    .pad01 {
    padding-top: 0;
}
    .content01{
        text-align: center;
    }

/* TOP アクセス--------------------------- */	
.access .inner{
	padding-top:0px;
}
.access_box{
	margin:5px 0 30px 0;
}
.access .box_400{
	width:100%;
}
.access .box_400 img{
	width:100%;
}
.access .box_560{
	width:100%;
	box-sizing:border-box;
	padding:0 0 0 0;
	float:none;
	text-align:center;
	margin:0 auto;
}
.address{
	background:url(../images/top/bg_address.png) no-repeat 7% 40%;
	background-size:12px;
	padding:0 0 0 40px;
	font-size:14px;
}
.access table th{
	box-sizing:border-box;
	letter-spacing:0px;
	width:125px;
}
.access table td{
	width:40px;
	box-sizing:border-box;
}
footer .text_01{
	text-align:center;
	color:#878787;
	font-size:10px;
	letter-spacing:1px;
}
	
	.news .mb{
		margin-top: 5px !important;
	}

/* フッター--------------------------- */
.foot_box{
	background:#e5f4fc;
	padding:30px 0;
}
.foot_box .inner{
	width:100%;
	padding:0 15px;
	margin:0;
	box-sizing:border-box;
}
.foot_box .contact a{
	width:48%;
	background:#aae300 url(../images/common/btn_bg4.png) no-repeat 3.5% 0%;
	padding:19px 0 0 22px;
	margin-right:10px;
	letter-spacing: .4px;
}
.foot_box .guide a{
	width:48%;
	background:#00a5e3 url(../images/common/btn_bg4.png) no-repeat 3.5% 0%;
	padding:19px 0 0 23px;
}
.foot_box .contact a:hover,
.foot_box .guide a:hover{
	background:#ff8a00 url(../images/common/btn_bg4.png) no-repeat 3.5% 0%;
}
footer{
	padding-bottom:70px;
}




/* ページトップ------------- */
#pagetop{
		right: 0;
		bottom: 59px;}
#pagetop img{
	width: 75px;
}

	
	
/* 共通-------------- */	
.t_l{font-size:0.8em;}
.mt_60{margin-top: 0px;}
.mb_80{margin-bottom:60px;}
.pb_80{padding-bottom: 50px;}
.sp_mb20{margin-bottom: 20px;}
.sp_img80{width:80%;}
.ml30{margin-left:30px;}


/* SPのフッターリンク --------------------------- */
.footer_link
{
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: auto;
	z-index: 99;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0068b7;
	margin: 30px 0 0 0;
}
.footer_link a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.footer_link a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#98C0DB), to(#98C0DB));
}
.footer_link ul
{
	padding: 0;
	margin: 0;
}
.footer_link ul li {
	float: left;
	width: 33.33%;
	display: block;
}
.footer_link ul li a {
	background-color: #0067B7;
	padding:10px 0 10px 0;
	display: block;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0068b7;
	color: #fff;
		font-family: 'Noto Serif JP', serif;
    opacity: 0.95;
}
.footer_link ul li:nth-of-type(2)  a {
	background-color: #ff8a00;
	padding:10px 0 10px 0;
	display: block;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0068b7;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
    opacity: 0.95;
	font-weight: 600;
}
.footer_link ul li:last-child a{
	border-right: none;
}
.footer_link ul li a img {
	height: 40px;
	width: auto;
}

/* リンクのcss --------------------------- */
#s01,
#c01,
#c02,
#c03,
#c04,
#c05,
#c06,
#about1{
	margin-top:-20px !important;
	padding:20px !important;
}
/* BLOGのcss --------------------------- */
#blog h1{
	margin:0 auto 0 auto !important;
	font-size:14px !important;
	padding:10px 0 20px 0;
}

/*  パンくず-------------------------------------*/
.breadcrumb {
  margin-top:0px;
}
.breadcrumb li{
  font-size:10px;
  margin-right:2px;
}
.breadcrumb li a {
    padding: 2px 6px;
}

/* subページ css------------- */
#sub .box{
	padding:20px 0 0 0;
}
#sub .box_400{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
}
#sub .box_400 img{
	width:100%;
}
#sub .box_560{
	width:100%;
	box-sizing:border-box;
}
#sub .box_560 h3{
	margin-top:10px;
}
#sub .box_560 h4{
	margin-top:0px;
}
#sub .box .pr{
	padding-right:0px;
}
#sub .box .pl{
	padding-left:0px;
}
.mb_40_pc{
	margin-bottom:30px;
}
.mt15{
	margin-top:0px;
}
.cosmetics_wrap table th,
.wisdom_wrap table th{
	width:100%;
	display:block;
	border-right:none;
	border-bottom:#0067B7 3px solid;
}
.cosmetics_wrap table td,
.wisdom_wrap table td{
	width:100%;
	display:block;
}

/* table css------------- */
table.table_01{
	width:100%;
	box-sizing:border-box;
	margin:20px auto 30px auto;
	border:#0067B7 1px solid;
	table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;

}
	
	
	table.table_01 input{
		width: 100%;
	}
	table.table_01 .tel_waku input{
		width: 25%;
	}
	
table.price{
	width:100%;
	box-sizing:border-box;
	margin:20px auto 30px auto;
	border:#0067B7 1px solid;
}
table.price th{
	width:100%;
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#0067B7;
	background:#FFF;
	border-bottom:#0067B7 3px solid;
	border-right:none;
	padding:10px 10px;
	box-sizing:border-box;
}
table.price td{
	width:100%;
	display:block;
	font-size:14px;
	color:#333333;
	padding:10px 10px;
	box-sizing:border-box;
	border-bottom:#0067B7 1px solid;
	vertical-align:middle;
	text-align:center;
}
table.price td.td2{
	border-right:#0067B7 1px solid;
	text-align:center;
}
table.price td.td3{
	display:none;
}
    
    
table.price_2{
	width:100%;
	box-sizing:border-box;
	margin:20px auto 30px auto;
	border:#0067B7 1px solid;
}
    
table.price_2 th{
	width:100%;
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#0067B7;
	background:#FFF;
	border-bottom:#0067B7 3px solid;
	border-right:none;
	padding:10px 25px;
	box-sizing:border-box;
}
table.price_2 td{
	width:100%;
	display:block;
	font-size:14px;
	color:#333333;
	padding:10px 25px;
	box-sizing:border-box;
	border-bottom:#0067B7 1px solid;
	vertical-align:middle;
	text-align:left;
    color:#4a4a4a;
}    

    
.img_tabl{
        
}
 
    

.white th{
	width:80px !important;
	padding:10px 5px !important;
	font-size:12px !important;
	border-width:1px !important;
}
table.white td{
	padding:10px 5px !important;
	font-size:12px !important;
	border-width:1px !important;
}
table.wd th,
table.wd td{
	width:100%;
	display:block;
	border-right:none;
}
table.wd td{
	border-size:1px !important;
}
table.wd th{
	border-bottom:#0067B7 3px solid;
	border-right:none;
}
table.contact_table th,
table.contact_table td{
	width:100% !important;
	display:block;
	box-sizing:border-box !important;
	font-size:14px;
	padding:14px 20px 10px 20px;
}
table.contact_table th{
	border-right:none;
	border-bottom:#0067B7 3px solid;
}
	

	

/* 院長紹介　------------- */
.dr_bg{
	background:url(../images/staff/dr_bg_sp.jpg) no-repeat 100% 98%;
	background-size:100%;
}
    .width_b img{
        width :170px;
        height:200px;
        padding:20px 0;
    }
    .space01{
        margin-top: 20px;
    }
    

/* 症例集　------------- */
.case img.w3{
	width:100%;
}
.case img{
	width:100%;
}
    .inner_c{
        display: flex;
    }



/* 親知らずの広告LP--------------------------- */
.wisdom_mv{
	background: url(../images/treatment/wisdom/006.jpg) no-repeat 100% 0%;
    background-size: 120% auto;
	padding:210px 0 0;
	margin:-40px 0 0px 0px;
}
.wisdom_mv .text_wrap{
	width:100%;
	padding:1em 1.7em 0em;
	margin-left:0;
}
#sub .wisdom_mv .text_wrap p{
	font-size:0.96em;
	line-height:2.1em;
	letter-spacing:0.5px;
	margin-bottom:20px;
	color:#444;
}
#sub .wisdom_mv .text_wrap p span.s01{
	font-size:1.8em;
	border-bottom:#aae300 3px solid;
	padding-bottom:5px;
	color:#000;
}
#sub .wisdom_mv .text_wrap p.text_01{
	line-height:1.9em;
	font-size: 1.2em;
}
#sub .wisdom_mv .text_wrap p span.s02{
	color:#ff8a00;
	font-size:130%;
	padding:0 10px;
}
#QandA-2 dt,#QandA-2 dd{
	font-size:13px;
}
.corona  .inner {
	padding-bottom:0 ;
}
	
		.txt_big{
		color: #0067B7;
    font-size: 16px;
    padding: 0px 0 10px 0;
    font-weight: bold;
    letter-spacing: 3px;
	}
	
			.h8{
		background: #008BD3;
		color: #fff;
		padding: 6px 10px;
		font-weight: 500;
				letter-spacing: .5px;
	}
	
	
	#sub h2.haba{
		letter-spacing:-1px;
		font-size: 19px;
	}
	
	#sub h2.haba:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: linear-gradient(135deg, #00A5E3 50%, #0067B7 50%);
    box-sizing: border-box;
    margin-left: 5px;
    margin-bottom: -1px;
}
	
	#sub h2.haba:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: linear-gradient(45deg, #00A5E3 50%, #0067B7 50%);
    box-sizing: border-box;
    margin-right: 5px;
    margin-bottom: -1px;
}

	
		.whitening .txt1{
		background: #FFF;
    padding: 5px 10px;
    border: #FFF 1px solid;
    border-radius: 15px;
    color: #0067B7;
    font-size: 14px;
    margin-right: 17px;
    letter-spacing: 1.2px;
		font-weight: 900;
	}
	
	.corona .inner p{
		text-align: center;
	}
	
	.corona .inner p.txt2{
		font-size: 3.9vw;
		line-height: 1.9;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.corona .inner p.midashi{

		text-align: center;
		color: #0067B7;
    font-size: 34px;
		position: relative;
	}
	
	#top h3 .nebiki{
		position: absolute;
    background: #fff;
    color: #0067B7;
    width: 90px;
    height: 90px;
    border-radius: 250px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 900;
    padding-top: 24px;
    box-sizing: border-box;
    top: -36px;
    right: -15px;
	}
	
	#top h3{
		position: relative;
	}
	
	.news .whitening{
		background: #E5F3FB;
		padding: 40px 20px 40px 20px;
		box-sizing: border-box;
		color: #fff;
	}
	
	.corona .inner p.txt4{
		font-size: 15px;
	}
	
	.corona .inner p.kikan{
		font-size: 16px;
    color: #0067B7;
		font-weight: 600;
	}
	
	.corona .inner p.kikan{
		margin-top: 30px;
		margin-bottom: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.corona .inner p.txt2 .txt5{
		background:linear-gradient(transparent 60%, #ffe770 60%);
	}
	
	.border{
		border: 3px solid #fff;
		padding-top: 3px;
	}
	
	#top .corona h3.sp_txt{
		font-size: 4.5vw;
	}
	
		
	.mutuu{
		width: 90%;
		
		margin: auto;
	}
	
	.txt2{
		font-size: 4.4vw;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		text-align: center;
	}
	.txt2 span{
		font-size: 6.4vw;
		color: #0067B7;
	}
	
		.mutuu_area{
		padding-top: 35px;
		background: #EFF9FD;
		
	}
	
	.mutuu_list{
		margin-top: 4vw;
		font-size: 4vw;
		line-height: 2.1;
		margin-bottom: 4.5vw;
		font-weight: 600;
	}
	
	.mutuu_list li:before {
    content: "";
    background: url(../images/check.png) no-repeat left/contain;
    width: 4vw;
    height: 4vw;
    display: inline-block;
    margin-right: 3vw;
}
	
	.mutuu_flex{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.mutuu_flex .content{
		width: 100%;
		order: 2;
		margin-bottom: 35px;
	}
	
	.mutuu_flex .img{
		width: 100%;
		order: 1;
		margin-top: 0;
		margin-bottom: 4vw;
	}
	
	.mutuu_flex .img img{
		width: 100%;
	}
	
	.btn_03 a{
		margin-top: 3vw;
	}
	
			.wisdom_pankuzu{
		display: none;
	}
	
	
	.wisdom_flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 10px;
	}

	
	.wisdom_flex li{
		width: 100%;
		margin-bottom: 10px;
		background: rgba(0,165,227,0.1);
		padding: 30px;
		padding-bottom: 13px;
		box-sizing: border-box;
		position: relative;
	}
	
	.wisdom_flex li{
		font-size: 14px;
	}
	
	.wisdom_flex li p.strong{
		font-size: 21px;
		text-align: center;
		color: #0067B7;
		font-weight: 600;
	}
	
	#sub p.strong{
		line-height: 1.5;
	}
	
	#sub p.sml{
		font-size: 14px;
		line-height: 1.8;
	}
	
	#sub p.sml a{
		letter-spacing: 1.6px;
	}
	
		.wisdom_flex li:before {
    content: '';
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: solid 1px #0067B7;
    position: absolute;
    top: 6px;
    left: 6px;
			z-index: -1;
}
	
		.price_img img{
		width: 100%;
	}
	
	.menu .o1{
		margin-right: 0 !important;
	}
	.menu .o2{
		margin-left: 20px;
		margin-right: 0 !important;
	}
	
	.pay{
		background: #cce1f1;
	}
	
	.pay .pay_cont{
		width: 90%;
		margin: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.txt_big2{
		font-size: 3.8vw;
		text-align: center;
		font-weight: 600;
		color: #0067B7;
	}
	
	.banner_2{
		display: flex;
		margin: auto;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 20px;
		
	}
	
	.banner_2 a:hover{
		opacity: .6;
		transition: .3s;
	}
	
	.banner_2 a{
		line-height: 0;
	}
	
	.banner_2 img{
		width: 100%;
		height: auto;
		margin-bottom: 3vw;
	}
	
	.yobou_area{
		padding-top: 0;
    padding-bottom: 8vw;
    background: url(../images/yobou_back.jpg);
    background-repeat: no-repeat;
    background-size: contain;
	}
	
	.yobou{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	
	.yobou li{
		width: 48%;
		text-align: center;
		    font-size: 3.3vw;
	}
	
	.yobou li img{
		width: 100%;
	}
	
		.yobou_area .btn_01{
		color:#FFF;
	background:#0082e4;
	border:#0082e4 1px solid;
		width: 100%;
		 padding: 4px 0;
    margin: 10px 0 30px 0;
		  display: block;
    box-sizing: border-box;
		
	}
	
	.yobou_area .btn_01:hover{
		color: #0067B7;
    font-size: 14px;
    text-align: center;
    border: #0067B7 1px solid;
		background: none;
	}
	
	#top .yobou_area h3{
		background: none;
		line-height: 1.7;
		font-size: 5vw !important;
		
	}
	
	#top .yobou_area h3 span{
		border-bottom: 2px solid;
		font-size: 30px;
	}
	
	
		.menu .short a{
		
		width: 100%;
    margin: auto;
    height: 82px;
    line-height: 3.5;
    margin-top: 20px;
    margin-bottom: 30px;
    background: #ff8a00;
    color: #fff;
    border: 1px solid #ff8a00;
    font-size: 20px;
	}
	
	.menu .short a:hover{
		
		width: 100%;
    margin: auto;
    height: 82px;
    line-height: 3.5;
    margin-top: 20px;
    margin-bottom: 30px;
		background: none;
		color: #ff8a00;
		border: 1px solid #ff8a00;
		transition: .3s;
	}
	
    .flex-box1{
    display: flex;
    justify-content: space-between;
        
    }

	
}

/* 画面小さい端末用　------------- */
@media screen and (max-width:374px){
	.about .box{
	padding:30px 20px;
	position:absolute;
	top:10px;
	left:75px;
	width:270px;
	height:360px;
	box-sizing:border-box;
	z-index:1;
}
#top .about .box p{
	margin-bottom:10px;
	font-size:11px;
}
#top .about p.text_01{
	font-size:12px;
	padding-bottom:0px;
}
#top .about ul li a{
	width:105px;
	font-size:12px;
	padding:12px 0 0 20px;
	box-sizing:border-box;
}
.mr30{
	margin-right:18px;
}
.box_concept .text_01{
	font-size:14px;
}
.logo img{
	width:110px;
	padding-left:25px;
}
.catch_copy{
	font-size:14px;
	line-height:35px;
	padding:13px 26px 0 26px;
	color:#555;
}

/* ヘッダーボックス２--------------------------- */
.head_box2{
	position:absolute;
	top:0;
	width:140px;
	box-sizing:border-box;
	z-index:0;
	height:90px;
	background-color: rgba( 255, 255, 255, 1.0 );
	padding:5px;
}
.logo img{
	width:100px;
	padding-left:15px;
	padding-top:3px;
}
.sp_box{
	position:absolute;
	top:270px;
	left:10px;
	z-index:1000;
	background:rgba(0,165,227,0.5);
	width:95%;
	padding:20px 0 20px 0;
	text-align:center;
	box-sizing:border-box;
}
.sp_box p{
	font-size:25px;
	color:#FFF;
	letter-spacing:2px;

}

.h_400{
	height:383px !important;
	z-index:-1;
}
.about{
	padding:0px 0 60px 0;
}
.menu .box{
	width:102px;
	box-sizing:border-box;
	height:120px;
	position:relative;
	background-size:55px !important;
	padding:0px 15px 10px 15px;
	border-radius:5px;
	text-align:center;
	margin:20px 0 12px 0;
}
.menu .box2{
	width:102px !important;
}
.menu .box3{
	width:154.9px !important;
}
.menu .box .text_01{
	width:99%;
}
.foot_box .contact a,
.foot_box .guide a{
	width:160px;
	height:60px;
	font-size:12px;
}
#top .news .text_01 a{
	font-size:13px;
	line-height:30px;
}
.news_box{
	padding:20px 15px 5px 15px;
}
#top .clinic .box_300 p a{
	font-size:12px;
}

.wisdom_mv .text_wrap {
    padding: 1em 1em 0em;
}
#sub h4 {
    letter-spacing: 0.5px;
}
.clinic_info .inner p.text_01 {
    font-size: 29px;
}
.clinic_info .inner p {
    font-size: 13px;
}

		#instagram iframe {
		width: 100%;
	}
    
	
.flex-box1{
        display: flex;
         width: 48%;
    }

.foot_box .standard a {
        width: 51%;
        height: 59px;
        font-size: 13px;
        color: #FFF;
        background: #f39800 url(https://www.sangubashi-shika.com/images/common/btn_bg4.png) no-repeat 2.5% 0%;
        display: block;
        text-align: center;
        padding: 19px 0 0 20px;
        box-sizing: border-box;
        float: left;
        margin: 11px 5rem;
    }
		    .foot_box {
        background: #e5f4fc;
        padding: 14px 0 84px 0;
    }


}