/* 医院様専用のCSS */
body {
    font-family: "游ゴシック体", "serif";
}

/*clearfix*/
.clearfix:after {
				content: "";
				display: block;
				clear: both;
}
.clearfix:before {
				content: "";
				display: block;
				clear: both;
}
.clearfix {
				display: block;
}


/*ヘッダー*/
.header-wrap {
    background-color: #5b2828;
}
.tel {
    background-color: #a64646;
        height: 60px;
}
.online {
	background-color: #d35e5e;
      height: 60px;
}
.reservation img {
    width: 45px;
    height: 45px;
}
@media screen and (max-width: 1024px) {
    .sp-header-logo {
        height: 75px;
        background-color: #5b2828;
    }
.header-wrap {
    background-color: #cb7d7a;
}
    .sp-reserve {
        background: #cb7d7a;
        border: 1px solid #fff;
    }
}

/*メイン画像*/
@media screen and (max-width: 768px) {
    .mv img {
        height: 45vh;
    }
}
/*サービス一覧*/
.care-bg {
    background-color: #d3abab;
}
.care-item {
    width: 17%;
}
.feature-image img {
    transform: none;
}
.care-image {
    width: 70%;
    margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
    .care-bg {
        background-color: #cb7d7a;
        height: 50%;
        top: 450px;
    }
.care-item {
        width: 41%;
        margin-bottom: 19px;
        min-height: 200px;
}
}
.feature-content {
				max-width: 550px;
				padding: 40px;
				padding-left: 0;
				display: flex;
				align-items: center;
}

.feature-image-wrap {
				max-width: 55%;
				width: 200%;
				position: relative;
}

.feature-image img {
				width: 100%;
				object-fit: cover;
				margin: -80px;
				height: auto;
}

.feature-title {
				width: 50%;
				position: absolute;
				top: 0;
				left: 40%;
				text-align: center;
}

				.feature-title .ccm-add-block {
								left: 60%;
								top: -30px;
								position: relative;
				}

.feature-title-en {
				font-size: 280%;
				text-transform: uppercase;
				padding-right: 0.5em;
}
.feature-item {
				display: flex;
				align-items: flex-start;
				padding: 20px 0;
				color: #6e1713;
}
@media screen and (max-width: 768px) {
    .feature-image-wrap {
        max-width: 95%;
        width: 200%;
        position: relative;
    }
        .feature-content {
        padding: 80px 10px 40px 10px;
        margin: 0 auto;
    }
        .feature-title-en {
        font-size: 2.4rem;
        text-transform: uppercase;
    }
}

.top_access {
    max-width: 1100px;
    margin: 120px auto 0;
}
@media screen and (max-width: 768px) {
    .top_access {
        margin: 30px auto 0;
    }
}

/*コンテンツ横並び*/
.content_left {
				float: left;
				width: 48%;
}

.content_right {
				float: right;
				width: 48%;
}

@media screen and (max-width: 768px) {
				.content_left {
								float: none;
								width: 100%;
				}

				.content_right {
								float: none;
								width: 100%;
				}
}

/*フッター*/
.footer-bottom {
    background-color: #a64646;
}
.copylight {
    background: #5b2828;
}
.footer-inner {
    max-width: 1100px;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}


/*下層ページ*/
/*CONTENT*/
.top {
  position: relative;
  background-color:#000;
}

@media print, screen and (min-width: 639px) {
  .top {
    background-size: cover;
    background-position: center;
    /*height: 17.81vw;*/
    height: 40.81vw;
    margin-top: 1.82vw;
    padding-top: 0;
    background-color: #000;
  }
}
@media print, screen and (min-width: 639px) {
  .top img {
    display: none;
  }
}
@media print, screen and (min-width: 639px) {
  .top > div, 
  .top > div > div {
    background-size: cover;
    background-position: center;
    /*height: 17.81vw;*/
    height: 40.81vw;
    margin-top: 1.82vw;
  }
}
.top div.ccm-block,
.top div.ccm-add-block,
.top div.ccm-area {
  height: 3vw;
}
.top-title {
    position: absolute;
    bottom: 40%;
    left: 30%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: inline-block;
    padding: 4vw 0;
    color:#fff;
    text-align: center;
    width: 45%;
    max-width: 350px;
    text-align: center;
    font-family: "Waseem";
    font-size: 1.4rem;
    text-align: left;
}
.top-title span{
  display: block;
  font-size: 1.2rem;
}

@media print, screen and (min-width: 639px) {
  .top-title {
    left: 30%;
    top: 75%;
    width: 100%;
    font-size:2.5vw;
    padding: 1vw 0;
    max-width: 350px;
    text-align: left;
  }
}
.top .ccm-block-styles{
  opacity: 0.7;
}

  /*追加*/
  .rinen h2{
    font-weight: bold;
    font-size: 2.5rem;
    margin-bottom: 30px;
  }
  .rinen_catch{
    font-size: 3.2rem;
    font-family: "Waseem";
    color: #9f0700;
    margin-bottom: 30px;
    font-weight: bold;
  }
  .rinen_text{
    font-size: 1.8rem;
  }
  .career-top{
    max-width: 500px;
    width: 100%;
    padding-right: 30px;
  }
  .career-heading {
    font-size: 1.8rem;
    padding: 20px 0;
  }
  .docter-img {
    width: 46%;
  }
  .vision_area{
    background: #fff;
  }
  .vision_area .feature-content{
    display: block;
  }
  .vision_area .feature-image-wrap{
    max-width: 35%;
  }
  .vision_area .feature-exp{
    max-width: 550px;
  }
  .info-table{
    width: 100%;
    margin: 30px 0;
  }
  .info-table th,
  .info-table td{
    border: 1px solid #666;
    padding: 15px;
    background: #fff;
  }
  .info-table th{
    background: #f4f4f4;
    font-weight: bold;
    color: #666;

  }
  @media print, screen and (max-width: 639px) {
    .docter-img {
      width: 100%;
    }
    .vision_area .feature-image-wrap {
      max-width: 81%;
  }
    .vision_area .feature-exp{
      max-width: 100%;
    }
    .vision_area .feature-heading{
      font-size: 2.3rem;
      padding-left: 0px;
    }
    .vision_area .feature-content{
      padding: 15px 10px 40px 10px;
    }
  }

  /*追加*/
  .button-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 600px;
    margin:0 auto;
    padding: 1.5em 2em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #a64646;
    font-weight: 600;
    font-size: 1em;
    transition: 0.3s;
}
.button-3 a{
  color: #fff;
  display: block;
  width: 100%;
}

.button-3::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-3:hover {
    background-color: #5b2828;
}

.catch-title{
  position: absolute;
  top: 60px;
  right: 60px;
  color: #fff;
  font-size: 2.0vw;
}
@media print, screen and (max-width: 639px) {
  .catch-title{
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
    font-size: 5.0vw;
  }
}

/*採用情報*/
.about_table {
				width: 100%;
}

.about_table th,
.about_table td {
	border: 1px solid #999;
	padding: 15px 10px;
}

.about_table th {
	background: #9f0700;
	color: #fff;
	width: 30%;
}

/*予約フォーム*/
@media print, screen and (min-width: 639px) {
    .form_tbl th, .form_tbl td {
        font-size: 16px;
        display: table-cell;
    }
}

.rinen h2 {
    font-weight: bold;
    font-size: 2.0rem;
    margin-bottom: 30px;
    background: none;
    color: #000;
}

@media screen and (max-width: 767px) {
    h4 {
        text-align: left;
    }
}