@charset "Shift_JIS";
* { font-weight: normal; font-style: normal; margin: 0; padding: 0; }
body { color: black; font-size: 75%; font-family : 'Noto Sans JP',sans-serif; line-height: 1.5;   text-align: center; letter-spacing: 1px; margin: 0; padding: 0; }
#outcontainer {  text-align: left; width : 900px; margin: 0 auto; padding: 0; }
#header { width: 900px; height: 150px; margin: 20px 0 0; padding: 0; }
#headerright{ width: 200px; float: right; margin: 20px 0 0; padding: 0;margin-right: 10px; }
#headerright h1{ margin:0; font-size:10px; text-align:right; padding: 0; }
#headerright h2{ font-size : medium; text-align : center; margin-top: 10px; }
#header h3 { width:900px; height: 90px; float: center; margin: 0; padding: 0; }

#globalnav { width :900px; clear: both; margin: 0 auto; padding: 0;  }
#globalnav li { background-color: #8b4513; text-align: center; width : 170px; float: left; margin: 0 10px 0 0; padding: 5px 0; display: block;}
#globalnav li a{ color : white; font-size : 100%; font-weight: bold; background-color: #8b4513; text-decoration: none; padding: 5px 5px 6px; }
#globalnav li a:hover{ color : blue; text-decoration : none;  padding : 0px 0px 0px 0px; }
#globalnav li a.stay { color: black; font-weight: bold;  text-decoration: none; padding: 0; display: block; }

#globalnav2 { width :900px; clear: both; margin: 0 auto; padding: 0;  }
#globalnav2 li { background-color: white; text-align: center; width : 170px; float: left; margin: 0 10px 0 0; padding: 5px 0; display: block;border-radius:100vh;}
#globalnav2 li a{ color : black; font-size :150%; font-weight: bold; background-color: white; text-decoration: none; padding: 5px 5px 6px; }
#globalnav2 li a:hover{ color : lightgray; text-decoration : none;  padding : 0px 0px 0px 0px; }
#globalnav2 li a.stay { color: black; font-weight: bold;  text-decoration: none; padding: 0; display: block; }

#container { width : 900px; margin: 0; padding: 0; background-image : url(image/side.gif); background-repeat : repeat-y;background-position : 650px 0px;}
#maincontent { width :850px;padding-left :20px;padding-right :10px; }
#sidecontent {   width :200px;  float: right; margin: 0; padding : 0px 10px 0px 10px; text-align :center;}

#rightsidecontent {   width :400px;  float: right; margin-top:0px; padding :0px 10px 0px 10px; text-align : left;}
#leftsidecontent{ width :400px;  float:left;margin-top:0px; padding : 0px 10px 0px 10px; text-align :center;}
#footer { width : 900px; margin: 50px 0 0; padding: 0; }
#topmaincontent{text-align :center left;padding-top : 0px;padding-left : 0px;padding-right : 0px;padding-bottom : 0px;margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;width : 510px; float : left;}

P{text-align : left; font-family :'Noto Sans JP', "   C   I", Arial, " q   M m p S V b N";font-size : 0.9rem;}
h1{text-align : right; font-weight :bold ; font-family : 'Noto Sans JP',Arial," q   M m p S V b N";font-size : 1rem;}
h2{ font-size : medium; font-weight: bold; text-align : right; margin-top: 20px; }
h3{text-align : center;font-family : 'Noto Sans JP',Arial," q   M m p S V b N";}
h4 { font-size :1.2rem; font-weight: bold;  margin-top : 60px; color:#00008b;text-align : center; padding: 1rem 2rem;border-bottom: 3px solid #000;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}
h5 { font-size :1.5rem; font-weight: bold;  margin-top : 60px; color:#00008b;text-align : center; padding: 1rem 2rem;border-bottom: 3px solid #000;}
h6 { font-size :0.9rem; font-weight: bold;  margin-top : 30px; color:black;text-align : center; padding: 1rem 2rem;border-bottom: 3px solid #000;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}
h7 { font-size :1rem; font-weight: bold;padding:1rem 2rem;border-left:6px double #00bfff;background :#f4f4f4;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}
h8{text-align : right; font-weight :bold ; font-family : 'Noto Sans JP',Arial," q   M m p S V b N";font-size : 1rem;}


b{ font-family : 'Noto Sans JP', Arial," q   M m p S V b N";font-weight : bold;color :  #00bfff;text-align : center; font-size : small;}
OL{text-align : left;list-style-type : circle; font-weight : bold; font-family : 'Noto Sans JP',  Arial," q   M m p S V b N"; margin-top : 1em; margin-left : 2em; background-repeat : repeat-y;}
address { font-size : xx-small;  text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto;  font-family : "   C   I",Arial;}
a{color : blue;text-decoration : none;}
a:hover{padding-top : 0px;padding-left : 0px; padding-right : 0px;padding-bottom : 0px;}
.clearfix:after { height: 0; visibility: hidden; clear: both; display: block; content: "."; }
ul{padding-top: 5px; padding-bottom: 5px; }

.footernav { background-color: #FFFFFF; text-align: center; width : 900px; padding-top: 5px; padding-bottom: 5px; }
.footernav2{ background-color: #00008b; text-align: center; width : 900px; padding-top: 5px; padding-bottom: 5px; }
.footernav a{ color : white;}
.footernav2 a{ color : white;}
.footernav a:hover{color : blue;}
.footernav2 a:hover{color : blue;}
.box9020{ width: 540px; margin-top: 20px; margin-left : 20px; text-align : center; margin-right : 20px; margin-bottom : 20px;}
.clinic { margin-top: 6px; }
.left100 { width: 120px;  float: left; margin-left: 10px; text-align : left;}
.lef360 { width: 380px; float: left; margin-left: 10px; height : 1.6em;}
.red { color: red; font-weight: bold; }

.box {   position: relative;}
.box h1 {width:850px;position: absolute;font-family : 'Noto Sans JP',Arial," q   M m p S V b N","Meiryo";font-size:2em; font-weight: bold; margin-top: 40px; margin-bottom: 0px; margin-left:0px;  text-align :center;}
.box p{width:380px;position: absolute;font-family :'Noto Sans JP', Arial,"   C   I"," q   M m p S V b N";font-size:1.5em;margin-top: 80px; margin-bottom: 0px; margin-left:10px; text-align :center;}
.outline{width:90%; font-weight : bold;text-align :left; font-size :1.2rem;padding: 5px 5px 10px 10px;border-width : 2px 2px2px 2px;border-style : solid solid solid solid;border-color : black black black black;}
.left200{ margin-left : 10px; width : 240px;float : left;text-align : left; margin-top : 20px;}
.box2020{ text-align : left; margin-top : 20px; margin-left : 20px;width : 540px;}
.botan{color : white; background-color : #00008b;text-align : center;  padding: 3px 5px 5px 5px; width : 140px; height : 1.2em; font-family :  Arial, "   C   I", " q   M m p S V b N";margin-top : 20px;margin-bottom : 20px;border-radius:100vh;}
.botan a {font-family:  'Noto Sans JP',  Arial, "   C   I", " q   M m p S V b N";color: #FFFFFF;text-decoration: none;border-radius:100vh;}
.botan a:hover {font-family:   'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";color: #0000FF;text-decoration: none;}
.banner{font-family :  'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";color : white;background-color :#00008b;text-align : center;  margin-top :100px;width :300px;height : 1.5em;margin-bottom :50px;border-radius:100vh;}
.banner a{color : white;text-decoration : none;}
.banner a:hover{color : blue;}
.center{ text-align : center;}
.box1010{text-align : center;margin-left : 20px; margin-right : 10px;width : 480px;margin-top : 20px;}
.left80{text-align : left;margin-top : 0px;margin-left : 10px;width : 100px;height : 1.6em;float : left;}
.left300{text-align : left;margin-top : 0px;margin-left : 10px;width : 340px;height : 1.6em;float : left;}
.left100-140{text-align : left;width : 100px;height : 140px;float : left;}
.leftul{font-family : 'Noto Sans JP',  " l r  o S V b N",Arial;margin-top : 20px;margin-left : 20px;margin-right : 0px;margin-bottom : 0px; width : 200px;float : left;text-align : left;list-style-type : square;
  list-style-position : inside;}
.rightul{font-family :  'Noto Sans JP', Arial," l r  o S V b N";margin-top : 20px;margin-left : 20px;margin-right : 10px; margin-bottom : 0px;width : 200px;float : right;
  text-align : left;list-style-type : square;list-style-position : inside;}
.left100-80{ text-align : center;margin-top : 10px;margin-left : 10px;width : 120px;height : 90px;float : left;}
.left150{margin-top : 0px;margin-left : 10px;width : 150px;height : 90px; float : left;margin-right : 10px;margin-bottom : 10px;}
.botan2{color : white; background-color :#4169e1;text-align : center;  padding: 5px 5px 5px 5px; width : 140px; height :35px; font-family :  Arial, "   C   I", " q   M m p S V b N";margin-top : 0px;margin-bottom : 20px;}
.outlin2{border-width : 1px 1px1px 1px;border-style : solid solid solid solid;border-color : white white white white;}
#menu{display: none;}

@media screen and (min-width: 750px) {.tel {display: none; pointer-events: none;}
.none {display: none; pointer-events: none;}

}



@media screen and (max-width:480px) {
 body { color: black; font-size: 100%; font-family : Arial,sans-serif; line-height: 1.5;   text-align: center; letter-spacing: 1px; margin: 0; padding: 0;width: 100% }
 h1   { width: 100%;font-size: 100%;text-align: center;}
 h2   { width: 100%;font-size: 100%;text-align: center;}
 h3   { width: 100%;font-size: 100%;text-align: center;}
 h5   { width: 100%;font-size: 1.8rem;text-align: center;margin-left: 0px;padding:0px;border-bottom: 100% solid #000;}
 p     { width:100%;}
.box a{ width:60%;}
#header { width: 100%; height:100px;}
#maincontent{ width: 90%;padding-left :10px;padding-right :10px;}
#outcontainer{ width: 100%;}
#footer {  width: 100%;text-align: center;font-size: 0.8rem;}
#globalnav{width :100%;display: none;}
#globalnav2{width :100%;display: none;}
#rightsidecontent {   width :40%;  float: right; margin: 0;  text-align :center;}
#leftsidecontent  { width :40% ;}
#headerright{ width: 100%;}
#header h3{ width: 100%;}
#sidecontent{width: 50%;}
.footernav {width : 100%;}
.footernav2 {width : 100%; font-family :'Noto Sans JP', "   C   I", Arial, " q   M m p S V b N";font-size : 0.7rem;}
.box p {width: 100%; font-size:1em;} 
.box{width:100%;}
.box h1 {width:100%;font-size:0.8em;}
.banner{width: 100%;margin-top :10px;margin-bottom :30px;}
address{ width :100%;}
.outline{display: none;}
.out{display: none;}
.btn-wrap {margin: 0px;}
h4 { font-size :1.2rem; font-weight: bold;  margin-top : 10px; color:#00008b;text-align : center; padding: 1rem 2rem;border-bottom: 3px solid #000;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}
}
h6 { font-size :0.7rem; font-weight: bold;  margin-top : 20px; color:black;text-align : center; padding: 1rem 2rem;border-bottom: 3px solid #000;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}
h7 { font-size :0.8rem; font-weight: bold;padding:1rem 2rem;border-left:2px double #00bfff;background :#f4f4f4;font-family : 'Noto Sans JP', Arial, "   C   I", " q   M m p S V b N";}

video{width:100%;}
.botan2{width :120px;}
.btn,
a.btn,
button.btn {width :50%; arign:left; }


}


*,
*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit;}



.btn,
a.btn,
button.btn { width :200px;font-size: 0.8rem; font-weight:900; line-height: 0.8; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;  -webkit-transition: all 0.3s;  transition: all 0.3s;  text-align: center;  vertical-align: middle;  text-decoration: none;  letter-spacing: 0.1em;
  color: #212529;  border-radius: 0.5rem;}


.btn-wrap {margin:10px;}

a.btn-switch {  color: #333;  border: 1px solid #ddd;  border-radius: 100vh;  background: #fbfbfc;  background: -webkit-gradient(    linear,    left top,    left bottom,    from(#fbfbfc),
    to(#dcddde) );
  background: -webkit-linear-gradient(top, #fbfbfc 0%, #dcddde 100%);
  background: linear-gradient(180deg, #fbfbfc 0%, #dcddde 100%);
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
}

a.btn-switch span {display: inline-block;
  -webkit-transition: all 0.3s;  transition: all 0.3s;}

a.btn-switch:hover {  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),    inset 0 3px 3px rgba(0, 0, 0, 0.18);
 box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
    inset 0 3px 3px rgba(0, 0, 0, 0.18);
}

a.btn-switch:hover span {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}