/*----------------------------------------
専用CSS：guidance.css
多言語TOP
パーフェクトガイド
-------------------------------------------*/

/* 多言語TOP ------------------------------------------- */
/* パーフェクトガイド#guidanceBnr 日本語学校ガイド#schooljaBnr 先輩の声#voiceBnr バナー-------------- */
#guidanceBnr {
  position: relative;
  border: #b8daff solid 1px;
}
#schooljaBnr,#schoolskillBnr {
  position: relative;
}
#guidanceBnr p ,#schooljaBnr p, #schoolskillBnr p,#voiceBnr p{
  color: #ffffff; /* 文字色 */
  font-weight: bold;
}
.guidanceBnr img ,.schooljaBnr img,.schoolskillBnr img{
  width: 100%; /* divの幅に対する割合 */
}

#voiceBnr{
  background-color: #dcad1f;
  font-size: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.2rem;
  text-align: center;
}


/* バナーPC----- */
@media (min-width: 769px) {/* // タブレット(md), 768px 以上 */
  .guidanceBnr p {
    font-size: 1.5rem;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
  }
  #nav-guidanceLang{
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
}


/* バナーSP----- */
@media (max-width: 768px) {/* // タブレット(md), 768px 以下 */
  #guidanceBnr>.onlySP{
    background-color: #47c0ff;
    margin: 0;
  }
  #guidanceBnr p{
font-size: 1.25rem;
  }
  .guidanceBnr img{
margin: 0;
  }
}

.schooljaBnr p ,.schoolskillBnr p {
  font-size: 1.25rem;
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%,-50%);
}

/* IntroductionVideo 動画で紹介 */
.bnr-intro {
  position: relative;
  /* border: #edc09e solid 1px; */
  background-color: var(--light);
}

.bnr-intro p{
  color: #5e3412; /* 文字色 */
  font-weight: bold;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%,-50%);
    padding-left: 0;
}

@media (max-width: 768px) {/* // タブレット(md), 768px 以下 */
  .bnr-intro p{
    font-size: 0.8rem;
  }
}





/* 言語選択ナビ */
#navLang{
  font-family: var(--fontKosugi);

}

#navbarSupportedContent{
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }


  #navLang #Ja a,#navLang #Ja .active,#navLang #Ja .inactive:hover{
  color: #004085;
  background-color: #b8daff;
   
}
#navLang #Ch .active,#navLang #Ch .inactive:hover{
  color: #155724;
  background-color: #c3e6cb;
}
#navLang #Tw .active,#navLang #Tw .inactive:hover{
  color: #575215;
  background-color: #d8e6c3;
}
#navLang #Ko .active,#navLang #Ko .inactive:hover{
    color: #856404;
    background-color: #ffeeba;
} 
  
#navLang #Th .active,#navLang #Th .inactive:hover{
  color: #6f42c1;
  background-color: #e8e0f5 !important;
} 

#navLang #En .active,#navLang #En .inactive:hover{

 color: #721c24;
  background-color: #f5c6cb;
} 

/* 
#navLang .inactive{
    color: #383d41;
    background-color: #d6d8db;
}  */

/* パーフェクトガイドTOP--------------------------------------------------------------- */
.list-group-item {
  padding: 0.75rem 0.75rem;
  font-weight: bolder;
    /* webフォントに整形 */
    font-family: "Kosugi Maru", sans-serif;
}
/* 右カラムバックグラウンド */
.bg-prettyPink{
    background-color: #fdd5d5;
}

.bg-prettyYe{
    background-color: #fbfcaf;
}
/* テキストカラー */
.ttl-brown {
    position: relative;
    top: 10%;
    left: 5%;
    text-align: center;
    font-size: 1.25rem;
    color: black;
    font-family: 'Kosugi Maru', sans-serif;
    color: #663200;
}

/* 画像を半分のみ表示 */

img#leftHalf-41{
    width: 590px;
    height:700px;
    object-fit: cover; 
	object-position: right;
  }

  .imgscale-70{
     transform: scale(0.75);
  }
 
/* アイコン/////////////////////////// */