@font-face {
  font-family: 'Font';
  src: url('../font/Corporate-Logo-Medium-ver3/Corporate-Logo-Medium-ver3.otf');
}

body{
  font-family: "Font";
}

h1,h2,h3,h4,h5,span,p,small,a,b,li,title,td{
  font-family: "Font";
  transform: rotate(0.03deg);
}

body{
  background-color:white;
}

.example {/*親div*/
  position: relative;/*相対配置*/
}


.example #prevention {
  position: absolute;/*絶対配置*/
  color: #000000;/*文字は白に*/
  top: 0;
  left: 0;
  
}

.example #treatment {
  position: absolute;/*絶対配置*/
  color: #000000;/*文字は白に*/
  top: 0;
  /* left:0; */
}
  
.example img {
  width: 100%;
}

/* GoogleMapレスポンシブ */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}


/* ----------ハンバーガーメニュー---------- */
.hamburger_btn{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  /* background:#57a2c7; */
  cursor: pointer;
  width: 50px;
  height:50px;
  border-radius: 5px;
  z-index:10;
}

/*ボタン内側*/
.hamburger_btn span{
  display: inline-block;
  transition: all .4s;/*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #000000;
  width: 45%;
  }

.hamburger_btn span:nth-of-type(1) {
  top:15px; 
}

.hamburger_btn span:nth-of-type(2) {
  top:23px;
}

.hamburger_btn span:nth-of-type(3) {
  top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.hamburger_btn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.hamburger_btn.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.hamburger_btn.active span:nth-of-type(3){
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}
/*========= レイアウトのためのCSS ===============*/

/* body{
  background:#f3f3f3;
} */


a{
  color: #333;
  text-decoration: none;
}

.lead{
  margin:20px 0 0 0;
}

.btn-block{
  width:200px;  
  padding: 30px;
}
/* ---箇条書きなし-- */
.clause_none {
  list-style: none;
}

a{
  text-decoration: underline;
}

/*--------------- navyカラー ---------------*/
.bg-navy{
  background-color:#000080;
}

.btn-outline-navy{
  color:#000080;
  border-color:#000080
}
.btn-outline-navy:hover{
  color:#fff;
  background-color:#000080;
  border-color:#000080
}
.btn-check:focus+.btn-outline-navy,.btn-outline-navy:focus{
  box-shadow:0 0 0 .25rem rgba(0,0,128,.5)
}
.btn-check:active+.btn-outline-navy,
.btn-check:checked+.btn-outline-navy,
.btn-outline-navy.active,
.btn-outline-navy.dropdown-toggle.show,
.btn-outline-navy:active{
  color:#fff;
  background-color:#000080;
  border-color:#000080
}
.btn-check:active+
.btn-outline-navy:focus,
.btn-check:checked+
.btn-outline-navy:focus,
.btn-outline-navy.active:focus,
.btn-outline-navy.dropdown-toggle.show:focus,
.btn-outline-navy:active:focus{
  box-shadow:0 0 0 .25rem  rgba(0,0,128,.5)
}
.btn-outline-navy.disabled,
.btn-outline-navy:disabled{
  color:#000080;
  background-color:transparent
}


/* body{
  background-color: antiquewhite;
} */


/* スマホ用 */
@media screen and (max-width: 640px) {
  footer span {
    font-size: 0.6rem;
  }
  footer small {
    font-size: 0.6rem;
  }
}

/* 画像の仮設置 */
.square{
  width: 1280px;;
  height: 500px;
  background:#808080;
}

/* ■-----ページ遷移タブ-----■ */
header > div { 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  margin:0 50px; 
  padding:20px 0; 
}

header nav#page_tab ul { 
  display:flex; 
  margin:0 50px;
  padding-left:0;
  justify-content:center;
}

header nav#page_tab ul li{ 
  width:22%;
  list-style:none; 
}

header nav#page_tab ul li:hover{ 
  opacity:0.5;
}

header nav#page_tab ul li:first-child { 
  border-left:1px dashed #684f40; 
}

header nav#page_tab ul li a { 
  display:block; 
  padding:10px 0; 
  border-right:1px dashed #000080; color:#000080 !important; 
  text-align:center; 
  line-height:1; 
}

header nav#page_tab ul li a b { 
  font-size:17px; 
}

/*■-----マップ-----■  */
.googlemap{
  width:1400px;
  margin:0 auto;
}

.map iframe{
  height:0px;
}

/*  */
/* .clinicSec1 {
   margin-bottom:50px; 
}

.clinicSec1 h5 { 
  width:200px; 
  height:200px; 
  display:flex; 
  justify-content:center; 
  align-items:center; 
  background-color:#000080; 
  margin:0 auto 20px; 
  color:#fff; 
  font-size:5vw;  
  text-align:center; 
  border-radius:50%; 
}

.clinicSec1 p { 
  margin:0 10vw; 
  line-height:1.6; 
}

.rounded-circle{
  width:200px; 
  height:200px; 
  display:flex; 
  justify-content:center; 
  align-items:center; 
  background-color:#000080; 
  margin:0 auto 20px; 
  color:#fff; 
  font-size:5vw;  
  text-align:center; 
  border-radius:50%; 
} */

/* .clinicSec h2{
  width:56vw;
  height:56vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000080;
  margin:0 auto 20px;
  color:#fff;
  font-size:5vw;
  text-align:center;
  border-radius: 50px;
} */

/* .rounded-circle{
  width:10vw;
  height:10vw;
  display: flex;
  justify-content: center;
  align-items: center;
} */




/* テスト */
/* .page_tab li{
  border-right:3px;
  border-left:3px;
  padding-right:3px;
  padding-left:3px;
} */


/* 削除対象以下 */

/* header nav ul { display:flex; margin:0 50px; }
header nav ul li { width:10%; }
header nav ul li:first-child { border-left:1px dashed #000080; }
header nav ul li a { display:block; padding:10px 0; border-right:1px dashed #684f40; color:#684f40 !important; text-align:center; line-height:1; }
header nav ul li a span { font-size:6px; } */

.fd-info{
  font-size:10px
}

.rounded-box {
  background-color: navy;
  border-radius: 10px;
  color: white; /* 文字の色を白に設定 */
}

.greeting_lage {
  color: navy;
}

/* テーブル 576px 以下は 12px */
@media (max-width: 576px) {
  .table_font {
    font-size:9px;
  }
}
/* テーブル 992px 以下は 14px */
@media (max-width: 992px) {
  .table_font {
    font-size:12px;
  }
}

.rounded-image {
  border-radius: 5%;
}