@charset "utf-8";

/* hope_linkで使用しているcss */
p{
  margin: 0;
}

.flexBox{
  display: flex; /* コンテンツの中身を横並びにする */
  align-items: center; /* 縦位置を中央揃え */
}

.flexBox-wrap{
  display: flex; /* コンテンツの中身を横並びにする */
  flex-wrap: wrap; /* 横並びがはみ出たら改行する */
  gap: 0 1em; /* コンテンツ同士の間隔を設定（上下0 左右1em） */
}

/* --------------------------------------------------------
section #hope 病院様向け歯科システム
-------------------------------------------------------- */
#hope figure{
  margin: 20px auto;
}
#hope figure img{
  width: fit-content;
}

/* 医事会計システムとの連携 */
.tokutyo dd{
  margin: 10px 0 0 10px;
}

.tokutyo dd p{
  margin-left: 15px;
}


/* --------------------------------------------------------
section #check 標準搭載された安心のチェック機能！
-------------------------------------------------------- */
.botton-box2{
  padding: 3px 20px;
  width: fit-content;
  text-align: center;
  background-color: #09C;
}

#check figure{
  margin: 20px auto;
}
#check figure img{
  width: fit-content;
}
#check figure figcaption{
  text-align: center;
}

.blue16_mag10_line{
  background-color: #F0F0F0;
}


/* --------------------------------------------------------
section#sikanyuin 歯科入院機能
-------------------------------------------------------- */
section#sikanyuin{
  max-width: 950px;
}
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);
}

/* =============================================================
  スマホ表示 (979px以下に適用)
============================================================= */
@media screen and (max-width: 979px){
}



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

/* --------------------------------------------------------
section #hope 病院様向け歯科システム
-------------------------------------------------------- */
.title01{
  margin: 0 auto;
  max-width: 450px;
}

#hope figure{
  margin: 0;
  max-width: 260px;
}
#hope figure img{
  width: fit-content;
}

/* 医事会計システムとの連携 */
dl.tokutyo{
  margin: 0 0 50px;
}
.tokutyo dd{
  margin: 10px 0 0 10px;
}

.tokutyo dd p{
  margin-left: 15px;
}

/* --------------------------------------------------------
section #check 標準搭載された安心のチェック機能！
-------------------------------------------------------- */
section#check{
  max-width: 900px;
}

.botton-box2{
  padding: 3px 20px;
  width: fit-content;
  text-align: center;
  background-color: #09C;
}

#check figure{
  margin: 20px auto;
}
#check figure img{
  width: fit-content;
}
#check figure figcaption{
  text-align: center;
}

.blue16_mag10_line{
  background-color: #F0F0F0;
}

/* ② レセプト作成時は、エラーリスト表示 */
.errorList{
  display: flex; /* コンテンツの中身を横並びにする */
  align-items: center; /* 縦位置を中央揃え */
  justify-content: flex-start; /* 横位置を左揃え */
  gap: 50px; /* コンテンツ同士の間隔を設定 */
}

/* チェック機能の項目一覧 */
.checkList span{
  width: 160px; /* 横幅を均等にする */
  /* flex: 1; 横幅を均等にする */
}

/* 病院歯科導入実績 */
.jisseki{
  margin: 0 auto;
  max-width: 900px;
}

/* --------------------------------------------------------
section#sikanyuin 歯科入院機能
-------------------------------------------------------- */
section#sikanyuin{
  max-width: 950px;
}
dl.point{
  margin: 10px auto;
  max-width: 900px;
  display: flex; /* コンテンツの中身を横並びにする */
  align-items: center; /* 縦位置を上配置 */
  justify-content: flex-start; /* 横位置を左揃え */
  gap: 10px;/* コンテンツ同士の間隔を設定 */
}
dl.point dt{
  width: 34px;
}
dl.point dd{
  width: calc(100% - 34px - 10px);
}


}