@charset "UTF-8";

#top_banner + .composite_box01 .inner_item_img img {
    object-fit: contain;
    height: 100%!important;
}

/*---電話番号、問い合わせ、LINEのボタンパーツ調整----*/
#top_btn + section .top_btn_wrapper{
    display:flex;
    justify-content: center;
}
#top_btn + section .top_btn_wrapper p{
    margin-left: 8px;
    margin-right: 8px;
}
#top_btn + section  .contents_btn01 p:nth-child(3) a{
    border: 2px solid #00B900;
    background: #00B900;
}
#top_btn + section  .contents_btn01 p:nth-child(3) a:hover{
    background: transparent;
}
#top_btn + section  .contents_btn01 p:nth-child(3) a:hover span{
    color:  #00B900;
}
#top_btn + section  .contents_btn01 p:nth-child(3) a:hover span::before,
#top_btn + section  .contents_btn01 p:nth-child(3) a:hover span::after{
    border: 1px solid #00B900;
}
@media screen and (max-width: 900px){
    #top_btn + section .top_btn_wrapper {
        display: block;
    }
}
/*---公式サイトボタン調整----*/
@media screen and (max-width: 900px){
    #site_btn + .contents_btn01{
         padding-top:0;
    }
}

/*---調整----*/
#top_btn + section .top_btn_wrapper p {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
}

#top_btn + section .top_btn_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

#top_btn + section .inner_item_txt p {
    margin-bottom: 0;
}

@media screen and (max-width: 900px) {
#top_btn + section .top_btn_wrapper {
    display: block!important;
}

#top_btn + section .inner_item_txt p {
    margin-bottom: 10px;
}
}

/*---ボタン挙動調整----*/
#top_btn + section .contents_btn01 p:nth-child(3) a {
    color: #fff!important;
}
#top_btn + section .contents_btn01 p:nth-child(3) a:hover {
    color: #00B900!important;
}

/*---バナー調整----*/
@media screen and (max-width: 768px) {
#nbp4265651\ 4265651{
    padding-bottom: 0;
}
#top_banner + div .inner_item {
    width: 100%;
    margin-bottom: 10px !important;
}
#top_banner + div .inner_item:nth-of-type(2) {
    margin-left: 0!important;
}
}

/*---お問い合わせバナー----*/
#tel + section .inner_item_img a {
  pointer-events: none;
}
@media screen and (max-width: 768px){
#tel + section .inner_item_img a {
  pointer-events: auto;
}

#tel + section .inner_item_img a:hover {
  opacity: 0.7;
}
}

/*---お問い合わせバナー2----*/
#top_contact-banner + section .inner_item_img a:hover {
    opacity: 0.7;
}

/*---44つの葬儀式場完備!----*/
.image_wrapper {
  position: relative;
  max-width: 40%;
  margin: auto;
}
.image_link_tooltip a span {
  opacity: 0;
  transition: 0.3s all;
  position: absolute;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px;
}
.image_link_tooltip a:hover span {
  opacity: 1;
  transition: 0.3s all;
}
.image_link_tooltip a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.image_link1_tooltip a span {
  top: 25%;
  left: 56%;
}
.image_link1_tooltip a::before {
  top: 21%;
  left: 57%;
}

.image_link2_tooltip a span {
  top: 33%;
  left: 33%;
}
.image_link2_tooltip a::before {
  top: 28%;
  left: 35%;
}

.image_link3_tooltip a span {
  top: 52%;
  left: 53%;
}
.image_link3_tooltip a::before {
  top: 47%;
  left: 58%;
}

.image_link4_tooltip a span {
  top: 63%;
  left: 65%;
}
.image_link4_tooltip a::before {
  top: 59%;
  left: 68%;
}

.image_link5_tooltip a span {
  top: 79%;
  left: 48%;
}
.image_link5_tooltip a::before {
  top: 74%;
  left: 53%;
}
@media screen and (max-width: 900px) {
  .image_wrapper {
    max-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .image_link_tooltip a::before {
    width: min(20px, 4vw);
    height: min(20px, 4vw);
  }
}