@charset "UTF-8";

@font-face {
    font-family: Philosopher-Regular;
    src: url("../fonts/Philosopher-Regular.ttf") format("truetype");
}

/*@media (max-width: 768px) {
    h2 {
        color: #12437a;
    }

   
}
*/
@media (min-width: 768px) {

     a[href^="tel:"]{
    pointer-events: none;
  }

}



/* 歯科の最初テキストスマホ用縦書き　leftで頭揃え */


@media screen and (max-width: 768px) {
.mLeft{
    text-align: left !important;
}
}




@media screen and (max-width: 768px) {
    
    .ConceptTxt_minSSS {
        writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        height: 400px !important;
        white-space: nowrap;

        /* これで中央寄せ */
        margin: 0 auto;
    }
}







.yuttari{

    margin-bottom: 15px;

}

.kiiro{
    color: #ffd55a;;
}


.bgs1{

/*    width: 100vw;
    height: 100vh;
*/
    width: 100%;
    height: 1067px;


    background-position:center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;


}


.bgs1css{

    position: relative;
    width: 100%;
    overflow: hidden;

}





.slideimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  animation: fadeInOut 12s infinite;
}

/* 最初の画像だけ親要素の高さを確保させる */
.slideimg:nth-child(1) {
  position: relative;
  opacity: 1;            /* ← 初期表示 */
  animation-delay: 0s;
}

/* 2枚目の画像のアニメーション遅延 */
.slideimg:nth-child(2) {
  animation-delay: 6s;
}

@keyframes fadeInOut {
  0%   { opacity: 1; }   /* ← ここが重要：表示から開始 */
  40%  { opacity: 1; }   /* 表示を少しキープ */
  50%  { opacity: 0; }   /* フェードアウト */
  90%  { opacity: 0; }   /* 非表示をキープ */
  100% { opacity: 1; }   /* 次ループ頭に戻す */
}

/* 画像の表示調整 */
.slideimg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}