@charset "UTF-8";

/*----------------------------add_ideal_direction--*/

.want-surgery__box .l{
margin: 0 auto;
}
/*.want-surgery__box .rのコメントアウト取った際は↑このcssを削除*/

.cs-item {
background: #eee;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
width: 100%;
padding: 100px 0;
}
/*スタッフが増えた際は↑このcssを削除*/

.facility-list__item {
    width: 25%;
    padding: 6px;
    margin-bottom: 30px;
    position: relative;
}
.facility-list__item .title {
font-size: 15px;
font-size: 1.5rem;
text-align: center;
position: absolute;
color: #fff;
background: rgb(0,0,0,0.7);
left:6px;
bottom: 6px;
width: calc(100% - 12px);
padding: 5px 0;
}
@media screen and (max-width: 640px) {
.facility-list__item {
    width: 50%;
    padding: 6px;
    margin-bottom: 30px;
}
.facility-list__item .title {
font-size: 13px;
font-size: 1.3rem;
padding: 2px 0;
}
}

.result-list {
    max-width: 1100px!important;
}
.result-list__item {
    width: 25%;
}

@media screen and (max-width: 640px) {
.result-list__item {
    width: 50%;
}
}

.contact-box {
align-items: center;
}
.search-img {
padding-top: 20px;
}
.fl-btn li:last-child {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.fl-btn li:last-child .btn {
height: 160px;
background: #333;
}

#bnr-area {
background: url("../img/index/bg_bnr.jpg") center center no-repeat;
background-size: cover;
}
#bnr-area a {
display: block;
padding: 40px 0;
}

#bnr-area h2 {
max-width: 665px;
margin: 0 auto;
}
.is-sp {
display: none;
}
@media screen and (max-width: 640px) {
.is-sp {
display: block;
}
#bnr-area h2 {
display: none;
}
#bnr-area a {
padding: 0;
}
#bnr-area {
background: none;
}
}

.header-flex {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.header-add {
font-size: 16px;
font-size: 1.6rem;
}
.header-add span {
display: block;
text-align: right;
}
.header-add span {
font-size: 18px;
font-size: 1.8rem;
}
.header-add span a {
font-size: 38px;
font-size: 3.8rem;
font-family: "Crimson Text", serif;
}
.header {
padding: 20px 0 12px;
}
@media screen and (max-width: 640px) {
.header-add {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
width: 100%;
padding-top: 10px;
}
.header-add span {
font-size: 12px;
font-size: 1.2rem;
width: 100%;
display: block;
}
.header-add span a {
font-size: 24px;
font-size: 2.4rem;
}
}