body{
font-family: "M PLUS 1", sans-serif;
overflow-x: hidden; 
-webkit-font-smoothing: antialiased;
line-height: 1.5; 
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
background: #fffff0 ;
}
a{
text-decoration: none;
word-break: break-all;
}
i{
margin-right: 8px;
}
strong{
font-weight: bold;
}
/*＝＝＝＝＝　header　＝＝＝＝＝*/
header{
padding:0 10px 20px 20px;
max-width: 1600px;
margin: 0 auto;
}
.header_flex{
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-direction: row;
}

.clinic_name{
padding-top: 20px;
font-size:200%;
font-weight: 900;
background: #00dcb2 ;
background-clip: text;
-webkit-background-clip: text;
text-align: center;
font-style: normal;
color: #00dcb2 ;
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2;
}
.clinic_name p{
font-size:60%;
}
.clinic_name img{
width: 40px;
height: 40px;
}
.header_info{
color: #0AA1E0;
font-size: 90%;
text-align: right;
}
.header_tel{
padding-top: 10px;
font-size: 150%;   
font-weight: bold;
}
.header_tel a{
color: #0AA1E0;  
}
.header_tel a.web_btn{
background: #0AA1E0; 
color: #ffffff;
padding: 5px 15px;
border-radius: 10px;
margin-left: 10px;
}
.header_tel a.web_btn:hover{
opacity: 0.6;
}
.top_cont{
position: relative;
width: 100%;
height: 250px;
margin: 0 auto;
background-image: url("../img/top/top_common.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: 1600px;
}
.top_cont_info{
background-image: url("../img/top/top_common_info.jpg");
background-size: cover;
}
.top_cont_consult{
background-image: url("../img/top/top_common_consult.jpg");
background-size: cover;
}
.top_cont_infl{
background-image: url("../img/top/top_common_infl.jpg");
background-size: cover;
}
.top_cont_visitor{
background-image: url("../img/top/top_common_visitor.jpg");
background-size: cover;
}
.top_cont_book{
background-image: url("../img/top/top_common_book.jpg");
background-size: cover;
}
/*＝＝＝＝＝　見出し　＝＝＝＝＝*/
.top_title{
position: absolute;
top: 10%;
left: 3%;
width: 50%;
}
h1{
text-align: center;
font-size:350%;
font-weight: 900;
background: #00dcb2 ;
background-clip: text;
-webkit-background-clip: text;
font-style: normal;
color: #00dcb2 ;
text-shadow: #026F5A 2px 0, #026F5A -2px 0, #026F5A 0 -2px, #026F5A 0 2px, #026F5A 2px 2px, #026F5A -2px 2px, #026F5A 2px -2px, #026F5A -2px -2px, #026F5A 1px 2px, #026F5A -1px 2px, #026F5A 1px -2px, #026F5A -1px -2px, #026F5A 2px 1px, #026F5A -2px 1px, #026F5A 2px -1px, #026F5A -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
line-height: 1.2;
font-family: "M PLUS 1", sans-serif;
animation-name:blurAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
position: relative;
padding: 20px 0;
margin: 10px auto;
background-color: rgba(255,255,255,0.52);/*背景色*/
z-index: 1;
letter-spacing:0.3em; 
}
h1::before,
h1::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
h1::before {
background-color: rgba(255, 255, 255, 0.2);
left: 0;
top: 0;
z-index: -1;
}
h1::after {
background-color: rgba(255,255,198,0.63);/*ズレている方の背景色*/
top: 5px;
left: 5px;
z-index: -2;
}
h2 {
padding: 10px 0 10px 20px;
position: relative;
font-size: 150%;
font-weight: bold;
background: #e0ffff;
color: #0aa1e0;
margin-bottom: 20px;
border-top: 0.5px solid #0aa1e0;
}
h2:after {
content: " ";
display: block;
position: absolute;
right: 0;
bottom: 0;
border-width: 0 25px 25px 0;
border-style: solid;
width: 0;
-webkit-transform: rotate(95deg);
transform: rotate(95deg);
border-color: #ffffff #ffffff #D2EDFF #D2EDFF ;
}

h3{
color: #525252;
background:#ffffff;
font-size: 150%;
font-weight: bold;
line-height: 2;
margin-bottom: 10px;
margin-top: 5px;
border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ右*/
padding:5px 20px;/*タイトルの余白*/
box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.h3_blue {
color: #0aa1e0;
background: repeating-linear-gradient(-45deg, #e0ffff, #e0ffff 5px, #fff 0, #fff 10px);
line-height: 2;
margin-bottom: 10px;
box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);	
}
.h3_check {
 background-image: linear-gradient(45deg, #e0ffff 25%, transparent 25%, transparent 50%, #e0ffff 50%, #e0ffff 75%, transparent 75%, transparent), linear-gradient(-45deg, #e0ffff 25%, transparent 25%, transparent 50%, #e0ffff 50%, #e0ffff 75%, transparent 75%, transparent);
 background-color: #ffffff;
 background-size: 20px 20px;
 color: #0aa1e0;
}
h4{
position: relative;
padding: 10px 15px;
background-color: #fffff0;
font-size: 115%;
font-weight: bold;
color: #00dcb2;
}


h4::before,
h4::after {
display: inline-block;
position: absolute;
width: 10px;
height: 100%;
border: 3px solid #00dcb2;
box-sizing: border-box;
content: '';
}
h4::before {
top: 0;
left: 0;
border-right: none;
}

h4::after {
bottom: 0;
right: 0;
border-left: none;
}

h5{
position: relative;
padding: .3em 0 .2em 1em;
border-bottom: 3px dashed #00dcb2;
color: #00dcb2;
font-weight: bold;
font-size: 115%;
margin-bottom: 20px;
}
h5::before {
position: absolute;
top: 0;
left: .3em;
transform: rotate(55deg);
height: 11px;
width: 12px;
background: #ffc260;
content: '';
}
h5::after{
position: absolute;
transform: rotate(15deg);
top: .6em;
left: 0;
height: 8px;
width: 8px;
background: #00dcb2;
content: '';
}
h6{
border-bottom: dotted 4px #00dcb2;
font-size:120%;
text-align: center;
font-weight: bold;
color: #00dcb2;
margin: 15px auto 15px;
position: relative;
}
h6 span{
position: absolute;	
top: -30px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-size:110%;
}
h6 span::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-image: url("../img/ds01.png");
background-size: contain;
vertical-align: middle;	
margin-right: 10px;
}
h6 span::after {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-image: url("../img/ds01.png");
background-size: contain;
vertical-align: middle;	
margin-left: 10px;
}
.midashi01{
font-size: 140%;
font-weight: bold;
color: #00dcb2;
text-align: center;
margin: 10px auto 50px;
line-height: 1.5;
}
.list01{
position: relative;
padding: 5px 0 5px 25px;
text-align: left;
font-size: 105%;
font-weight: bold;
}
.list01::after { 
position: absolute;
top: 2px;
left: 5px;
color: #efdb17;
content: "★";
font-size: 110%;
}
.co_kuro{
color: #333333;
font-weight: 400;
}
.list02{
position: relative;
padding: 5px 0 5px 25px;
text-align: left;
font-size: 110%;
}
.list02 span.sub_cont{
font-size: 90%;
}
.list02::after { 
position: absolute;
top: 12px;
left: 5px;
content: '';
width: 12px;
height: 12px;
background-color: #ffc260;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a.jump_btn{
display: inline-block;
text-align: center;
width: 100%;
max-width: 700px;
background-image: linear-gradient( #F4FDFF 0%, #BAE3ED 100%);
border-radius: 5px;
padding: 10px 0;
 color: #0aa1e0;
text-decoration: none;
font-weight: bold;
font-size: 115%;
margin: 10px auto;
}
a.jump_btn02{
background-image: linear-gradient( #F4FDFF 0%, #BAE3ED 100%);
padding: 10px 0;
 color: #3272B7;
font-size: 90%;
}
a.jump_btn:hover{
opacity: 0.6;
}
.common_cont{
padding: 40px 0;
max-height: 1600;
}
.common_box{
width: 85%;
margin: 0 auto 30px;
background: #ffffff;
box-shadow: 1px 1px 1px 2px rgba(214,200,6,0.10), inset -3px -3px 6px -2px rgba(0, 0, 0, 0.1);
}
.common_box section{
width: 90%;
margin: 0 auto;
}
.common_box p{
width: 95%;
margin: 0 auto;
font-size: 110%;
}

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

h1{
font-size:220%;
}
.top_title{
bottom: 10%;
width: 60%;
left: 0;
}

}
@media screen and (max-width: 789px){
.clinic_name span{
display: block;
}
.clinic_name{
font-size:150%;
}
.top_title{
bottom: -10%;
width: 98%;
margin: 0 auto;
}
.header_tel a.web_btn{
padding: 1px 15px;
border-radius: 5px;
}
.midashi01{
font-size: 110%;
margin: 10px auto 30px;
}
h1{
padding: 10px 0;
font-size:200%;
width: 95%;
}
h2{
font-size: 130%;
margin: 0px auto 15px;
}
h2:after {
border-width: 0 15px 15px 0;
}
h3 {
font-size: 130%;
line-height: 1.8;
margin-bottom: 10px;
margin-top: 25px;
}
h4{
font-size: 115%;
}
h6{
font-size: 110%;
padding: 8px 20px;
}
/*＝＝＝＝＝　header　＝＝＝＝＝*/
header{

}
header.header_common{
position: inherit;
padding:20px 0;
}
.header_flex{
flex-direction: column;
justify-content: center;
align-items: center;
}
.header_info{
font-size: 70%;
padding: 5px;
font-weight: 500;
letter-spacing:-0.1em;
text-align: center;
}
.top_cont{
height: 200px;
}
.header_tel{
font-size: 150%;   
font-weight: bold;
text-align: center;
padding-top: 2px;
}
.common_cont{
padding: 20px 0;
}
.common_box{
width: 95%;
margin: 0 auto 25px;
}
.common_box section{
width: 95%;
}
.common_box p{
width: 98%;
font-size: 95%;
}

}
@media only screen and (max-width:520px){
	

}
@media only screen and (max-width:400px){

}