@charset "utf-8";
/*==================================================================

  $contents

==================================================================*/
main {
  padding-bottom: 0;
}
/*============================================================================

  $mainvisual

============================================================================*/
#mainvisual {
  height: auto;
}
#mainvisual .bx-wrapper img {
  min-height: inherit;
}
#mainvisual .inner {
  position: inherit;
  height: auto;
  top: inherit;
  left: inherit;
  right: inherit;
}
#mainvisual .sp_column_wrapper {
  /*  display: table;*/
  margin: 15px 0;
}
#mainvisual .mainvisual_slogan {
  position: inherit;
  left: inherit;
  top: inherit;
  background: #f6f5f3;
  /*  display: table-cell;*/
  width: 100%;
  vertical-align: middle;
  font-size: 2.5vw;
  white-space: nowrap;
  padding: 15px;
  border-radius: 10px;
}
#mainvisual .mainvisual_slogan span {
  display: table;
  letter-spacing: 0.05em;
  background: none;
  padding: 0;
}
#mainvisual .mainvisual_slogan span + span {
  margin-top: 0;
}
#mainvisual .mainvisual_newopen {
  position: inherit;
  right: inherit;
  top: inherit;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  max-width: 252px;
}
#mainvisual .mainvisual_schedule {
  position: inherit;
  right: inherit;
  bottom: inherit;
  margin-bottom: 15px;
}
#mainvisual .mainvisual_schedule img {
  width: 100%;
}
#mainvisual .top_kenshin {
  position: inherit;
  right: inherit;
  bottom: inherit;
  margin-bottom: 15px;
  width: 100%;
  height: 230px;
  padding: 2% 1%;
}
.top_kenshin_list {
  padding-left: 10px;
}
.doctors-file-img img {
  width: 100%;
}
/*============================================================================

  $top_news 当院からのお知らせ

============================================================================*/
.top_news {
  margin: 0;
  padding-bottom: 50px;
}
.top_news .flex_wrapper {
  flex-direction: column;
}
.top_news .title_area {
  width: 100%;
  max-width: none;
  padding: 20px 0;
}
.top_news .en_title {
  color: #fff;
  font-size: 250%; /*40px*/
  transform: inherit;
  position: inherit;
  top: inherit;
  left: inherit;
  text-align: center;
}
.top_news h2 {
  color: #555;
  font-size: 112.5%; /*18px*/
  margin-bottom: 0;
}
.top_news h2 span {
  padding-top: 70px;
}
.top_news .news_text {
  width: 100%;
  min-height: inherit;
  padding-left: 0;
}
.top_news .news_text ul {
  padding: 30px 15px;
}
.top_news .news_text li a {
  flex-direction: column;
  align-items: inherit;
}
.top_news .news_text .date {
  width: 100%;
  font-size: 93.75%; /*15px*/
  padding: 10px 15px;
  text-align: left;
}
.top_news .news_text .title {
  width: 100%;
  font-size: 93.75%; /*15px*/
  line-height: 1.6;
  text-overflow: inherit;
  white-space: inherit;
  padding: 15px;
  border: 1px solid #f3f3f3;
  border-top: none;
}
.top_news .news_text li a:hover .title {
  background-color: inherit;
  transition: none;
}
/* かぎ括弧 */
.top_news .title_area:before, .top_news .title_area:after, .top_news .flex_wrapper:before, .top_news .flex_wrapper:after {
  content: none;
}
/*============================================================================

  $title

============================================================================*/
/* h2 */
.h2_wrapper .en_title {
  font-size: 250%; /*40px*/
  margin-bottom: 10px;
}
.h2_wrapper h2 {
  font-size: 112.5%; /*18px*/
}
/*============================================================================

　$box_wrapper

============================================================================*/
.box_wrapper {
  width: 100%;
  padding: 0;
  border: none;
}
.box_wrapper .h2_wrapper {
  margin-top: 0;
  padding-top: 25px;
}
.box_wrapper .text {
  font-size: 93.75%; /*15px*/
  line-height: 1.7;
  text-align: left;
  margin-top: 25px;
  padding: 15px;
  border: 2px solid #eee;
}
.box_wrapper .btn_01 {
  margin-top: 25px;
}
/*============================================================================

　$top_greeting ご挨拶

============================================================================*/
.top_greeting {
  padding: 0;
  height: auto;
  margin-bottom: 50px;
  background: none;
  border-top: 2px solid #eee;
}
/*============================================================================

　$top_concept 当院のコンセプト

============================================================================*/
.top_concept {
  padding: 0;
  height: auto;
  background: none;
  border-top: 2px solid #eee;
}
.top_concept .box_wrapper {
  float: none;
}
/*============================================================================

　$top_features かざま歯科の5つの特徴

============================================================================*/
.top_features {
  height: auto;
  background: none;
}
.top_features .inner {
  padding: 0;
}
.top_features .en_title {
  font-size: 250%; /*40px*/
  text-align: center;
  width: 100%;
  padding: 15px 0 10px;
  transform: inherit;
  position: inherit;
  top: inherit;
  right: inherit;
}
.top_features h2 {
  color: #555;
  position: inherit;
  top: inherit;
  right: inherit;
  padding: 15px;
  text-align: center;
}
.top_features h3 {
  color: #555;
}
.top_features ul {
  padding: 30px 15px 60px;
  background-color: #f6f5f3;
}
.top_features li {
  float: none;
}
.top_features li:nth-child(1) {
  margin-top: 0;
}
.top_features li + li {
  margin: 30px 0 0 !important;
}
/*============================================================================

　$top_medical 診療のご案内

============================================================================*/
.top_medical {
  height: auto;
  position: relative;
  margin: 0 0 50px;
  background: none;
}
.top_medical .h2_wrapper {
  position: inherit;
  top: inherit;
  padding-top: 40px;
}
.medical_department_list {
  width: 100%;
  background-color: #d7edf7;
  padding: 30px 15px 50px;
}
.medical_department_list li {
  width: 49%;
  margin-top: 2% !important;
}
.medical_department_list li:nth-child(1), .medical_department_list li:nth-child(2) {
  margin-top: 0 !important;
}
.medical_department_list li:nth-of-type(even) {
  margin-left: 2%;
}
.medical_department_list li a {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  margin: 0;
}
.medical_department_list .department_ico {
  padding-top: 20px;
}
.medical_department_list h3 {
  font-size: 93.75%; /*15px*/
}
.medical_department_list .btn_01 {
  padding-bottom: 20px;
}
/* hover */
.medical_department_list li a:hover {
  background-color: #fff;
}
.medical_department_list li a:hover h3 {
  color: inherit;
}
.medical_department_list li a:hover .btn_01 span {
  color: #fff;
  background-color: #b1d1e0;
}
.medical_department_list li a:hover .btn_01 span:after {
  background-image: url("../images/ico_arrow_white.png");
}
/*============================================================================

　$slider_bottom

============================================================================*/
#slider_bottom li {
  width: 120px !important;
}
/*====2025.6追記　施設基準バナー===*/
.bnr-box-sp {
  width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.bnr-box-sp p {
  width:49%;
}
.bnr-box-sp p a {
  display: block
}
.bnr-box-sp p a img {
  width: 100%;
  height: auto;
}