@charset "UTF-8";

#greeting + section > .content_wrapper:before{
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%,0%);
  height: 300px;
  aspect-ratio: 3 / 4;
  display: block;
  background-image:url(/common/upload_data/eijiseikotsuin2020com/image/20240830145447.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
}
#greeting + section .content_wrapper .heading{
  padding-top: 310px;
}

/*---こんなお悩みありませんか？---*/
#worries + section > .content_wrapper .heading.block_header_6{
    display: inline-block;
}
#worries + section > .content_wrapper .heading.block_header_6:before {
    width: 100%;
    border-bottom: 8px dotted var(--i_main_color);
    left: 50%;
}
#worries + section > .content_wrapper .wrapper_item .inner_item_txt{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#worries + section > .content_wrapper .wrapper_item .inner_item_txt p{
    padding-left: 35px;
    position: relative;
    width: calc(50% - 35px);
}
#worries + section > .content_wrapper .wrapper_item .inner_item_txt p:after{
   content:"";
   display: block;
   position: absolute;
   border-left: 4px solid var(--i_sub_color);
   border-bottom: 4px solid var(--i_sub_color);
   width: 18px;
   height: 5px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg) translate(0, -50%);
   left: 5px;
   top: 50%;
   margin-top: -5px;
}
@media screen and (max-width: 900px) {
    #worries + section > .content_wrapper .heading.block_header_6:before {
        left: 50%;
    }
    #worries + section > .content_wrapper .heading.block_header_1.align-left, .heading.block_header_6.align-left {
        align-items: flex-start;
    }
}
@media screen and (max-width: 600px) {
    #worries + section > .content_wrapper .wrapper_item .inner_item_txt{
        flex-direction: column;
    }
    #worries + section > .content_wrapper .wrapper_item .inner_item_txt p{
       width: 100%;
    }
}


/*---------診療時間---------*/
#medical_hours + section .content_wrapper{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
#medical_hours + section .image_wrap{
    margin-left:30px;
    width: max(30%, 300px);
}
#medical_hours + section .content_wrapper th{
    width:60px;
    background: var(--i_sub_color);
    color:var(--i_btn_txt_color);
}
#medical_hours + section .content_wrapper th,
#medical_hours + section .content_wrapper td{
    border: 1px solid var(--i_border_color);
}
#medical_hours + section .content_wrapper tr>td:nth-child(1){
    font-weight: 600;
    background: var(--i_sub_color);
    color:var(--i_btn_txt_color);
}
#medical_hours + section .content_wrapper .maru{
    color:var(--i_sub_color);
    text-shadow:.5px .5px var(--i_sub_color),-.5px .5px var(--i_sub_color),-.5px -.5px var(--i_sub_color),.5px -.5px var(--i_sub_color),.5px 0px var(--i_sub_color),0px .5px var(--i_sub_color),-.5px 0px var(--i_sub_color),0px -.5px var(--i_sub_color);
}
@media screen and (max-width: 900px) {
    #medical_hours + section .content_wrapper{
       flex-direction: column;
       align-items: center;
       gap: 20px
    }
    #medical_hours + section .image_wrap{
       margin-left:0px;
    }
}