.logo-common{
display: block;
}
/* meunボタン */
.menu-common{
width: auto;
font-weight: bold;
text-align: center;  
align-items: center;
display: flex;
background: #7ED7F5;  
}
.menu-common nav {
 margin-left: auto;
background: #7ED7F5;
}
.menu-common nav ul {
display: flex;
flex-flow: row;
justify-content: flex-end;
margin: 0;
padding: 3px 5px;
align-items: center;
white-space: nowrap;
}
.menu-common nav ul li a {
display:block;
}
.menu-common nav ul li a dl {
display: flex;
align-items: center;
padding-left: 1px;
}
.menu-common nav ul li a dl dt img{
height: 30px;
}
.menu-common nav ul li a dl dd {
font-size:100%;
margin: 0 3px;
font-weight: bold;
}
nav li+ li {
border-left: 2px dashed #ffffff;
}
nav a{
padding: 2px 3px;
position: relative;
display: inline-block;
text-decoration: none;
}
nav a:hover{
background: #ffffff;
}
nav a::after {
position: absolute;
bottom: -2px;
left: 0;
content: '';
width: 100%;
height: 3px;
background: rgba(247,9,61,1.00);
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
nav a:hover::after {
 transform: scale(1, 1);
}

/* TOPのタイトルと画面 */
.top-title{
position: absolute;
top: 15%;
left: 15%;
}
h1{
color: #ffffff; 
letter-spacing : 6px; 
font-weight: bold;
text-shadow:
2px 2px 0 #00a99d,
-1px -1px 0 #00a99d,
-1px 1px 0 #00a99d,
2px -1px 0 #00a99d,
0px 2px 0 #00a99d, 
0-1px 0 #00a99d,
-1px 0 0 #00a99d,
1px 0 0 #00a99d;
font-size: 50px;
}
h1::before {
display: none;/*忘れずに！*/
}
h1::after {
display: none;/*忘れずに！*/
}
.c-container01{
margin-top: 40px;	
}

.subject01,.subject01-1,.subject02,.subject03,.subject04,.subject05,.subject06,.first01,.price{
width: 80%;
text-align: center;
margin: 10px auto;
padding-bottom: 30px;
} 
.subject01 section,.subject01-1 section,.subject02 section,.subject03 section,.subject04 section,.subject05 section,.subject06 section,.first01 section,.price section{
display: inline-block;
max-width: 1400px;	
}
.subject01 section p,.subject01-1 section p,.subject02 section p,.subject03 section p,.subject04 section p,.subject05 section p,.subject06 section p,.first01 section p{
max-width: 1000px;	
text-align: left;
}
h2{
margin: 0 auto;
padding: 10px 0 0 0;
width: 65%;
color: #073a68; /*文字色*/
border: 2px solid #00a99d; /*線の太さ・色*/
background-color: #fff; /*背景色*/
box-shadow: -2px 2px 2px #d1edea; /*影*/
border-radius: 25px; /*角の丸み*/
font-size: 30px;
text-align: center;
font-weight: bold;
margin-bottom: 30px;
}
h2::before {
content: none;/*何も入れない*/
}
h2::after {
content: none;/*何も入れない*/
}
/* ワクチン表 */
.c-container01{
width: 90%;
margin: 30px auto;
}
.c-vaccine{
margin: 0px auto;
width: 100%;
 text-align: center;
}
.c-vaccine p{
width: 90%;
margin: 10px auto;
}
.c-vaccine section{
display: inline-block;
max-width: 1400px;
}
.tbl-r05{
text-align: left;
}
th {
background: #00a99d;
border: solid 1px #ccc;
color: #fff;
padding: 10px;
white-space: nowrap;
}
td {
border: solid 1px #ccc;
padding: 10px 5px 7px 10px;
}
.tbl-r05 td:first-child {
background: #d1edea;
}
@media screen and (max-width: 640px) {
.tbl-r05 {
width: 95%;
}
.tbl-r05 .thead {
display: none;
}
.tbl-r05 tr {
 width: 100%;
}
.tbl-r05 td {
display: block;
text-align: right;
width: 100%;
}
.tbl-r05 td:first-child {
background: #00a99d;
color: #fff;
font-weight: bold;
text-align: center;
}
.tbl-r05 td:before {
content: attr(data-label);
float: left;
font-weight: bold;
margin-right: 10px;
}
}
.c-examination{
width: 80%;
text-align: center;
margin: 10px auto;
padding-bottom: 30px;
}
.c-examination section{
display: inline-block;
max-width: 1400px;	
}
.c-examination section  p{
max-width: 1000px;	
text-align: left;
}
.c-container01 img{
width: 40%;
}
.book,.price {
 width: 100%;
 border-collapse: collapse;
 }
.book th,.book td,.price th,.price td{
 padding: 10px 15px;
 border: 1px solid #ddd;
 }
.book th,.price th {
 background: #f4f4f4;
 width: 15%;
 text-align: left;
color: #000000;
 }
.book td{
text-align: left;
}
.price td{
text-align: right;
}
@media only screen and (max-width:479px) {
 .book th,.book td,.price th,.price td {
 width: auto;
 display: block;
 border-top: none;
 }
 .book tr,.price tr:first-child {
 border-top: 1px solid #d5d5d5;
 }
 }

/*　iPadサイズ　----------------------------------*/

@media screen and (max-width: 768px){
/* メニューバーは非表示 */	
.menu-common nav{
display: none;
}
/* TOPのタイトルと画面 */	
.top-title{
top: 15%;
left: 10%;
}
h1{
letter-spacing: 3px; text-shadow:
1px 1px 0 #00a99d,
-1px -1px 0 #00a99d,
-1px 1px 0 #00a99d,
1px -1px 0 #00a99d,
0px 1px 0 #00a99d, 
0-1px 0 #00a99d,
-1px 0 0 #00a99d,
1px 0 0 #00a99d;
font-size: 40px;
border-bottom: none;
}
.subject01,.subject01-1,.subject02,.subject03,.subject04,.subject05,.subject06,.c-examination,.first01{
width: 90%;
margin: 0 auto;
} 
.c-container01{
margin-top: 20px;	
}	
.c-vaccine{
width: 98%;
margin: 0 auto;
}
.c-vaccine p{
font-size: 100%;
padding: 0 10px;
}
.c-container01 img{
width: 70%;
}
h2{
margin: 0 auto;
padding: 5px 0 1px 0;
width: 75%;
box-shadow: -1px 2px 2px #d1edea; /*影*/
border-radius: 30px; /*角の丸み*/
font-size: 20px;
margin-bottom: 15px;
font-weight: bold;
}
/* ワクチン表 */
.c-container01{
width: 95%;
margin: 30px auto;
}
.c-vaccine p{
width: 95%;
font-size: 90%;
}
}