@charset "utf-8";

/*dentalのみで使用しているcss*/

/* --------------------------------------------------------
nav
-------------------------------------------------------- */
.toggle_switch{/*メニュー名*/
	background-color: #EDFBD5;
	color: #00742E;
}

.toggle_contents a{/*メニュー一覧*/
	background-color: #F9FEEF;
}

.toggle_switch:hover {
	background-color: #EDFBD5;
}

/* --------------------------------------------------------
mainImg
-------------------------------------------------------- */
#mainImg{
  background-image:url(../img/mainimg_01_sp.png);
}

#mainImg.mainImg_v3{
  background-image:url(../../dqv3/img/mainimg_01_sp.png);
}

p{
  margin: 0;
}

dl.point{
  display: flex; /* コンテンツの中身を横並びにする */
  align-items: flex-start; /* 縦位置を上配置 */
  justify-content: flex-start; /* 横位置を左揃え */
  gap: 10px;/* コンテンツ同士の間隔を設定 */
}
dl.point dt{
  width: 34px;
}
dl.point dd{
  width: calc(100% - 34px - 10px); /* dt(34px)とgap(10px)を引いた幅にする */
}

.hanging-indent {
  padding-left: 1em;
  text-indent: -1em;/* padding-leftと同じ値だけ、1行目をマイナス方向にインデントする */
}

.pinkBox{
  margin: 20px auto;
  padding: 10px;
  background-color: #FFE8E8;
  border: #CCCCFF 1px solid;
}

.orangeBox{
  margin: 20px auto 0;
  padding: 10px;
  background-color: #F09A4D;
}


/* =============================================================
  PC表示 (980px以上に適用)
============================================================= */
@media screen and (min-width: 980px) {

/* --------------------------------------------------------
nav
-------------------------------------------------------- */
.toggle_switch{/*メニュー名*/
	background-color: #EDFBD5;
	color: #00742E;
}

.toggle_contents a{/*メニュー一覧*/
	background-color: #FFF;
}

.toggle_switch:hover {
	background-color: #EDFBD5;
}

/* --------------------------------------------------------
mainImg
-------------------------------------------------------- */
#mainImg{
  background-image:url(../img/mainimg_01.webp);
}

#mainImg.mainImg_v3{
  background-image:url(../../dqv3/img/mainimg_01.webp);
}

dl.point{
  display: flex; /* コンテンツの中身を横並びにする */
  align-items: center; /* 縦位置を中央配置 */
  justify-content: flex-start; /* 横位置を左揃え */
  gap: 10px;/* コンテンツ同士の間隔を設定 */
}
dl.point dt{
  width: 34px;
}
dl.point dd{
  width: calc(100% - 34px - 10px);
}

.pinkBox{
  margin: 10px auto;
  padding: 15px;
  background-color: #FFE8E8;
  border: #CCCCFF 1px solid;
}

}