@charset "UTF-8";

/*アンカーリンク*/
#anchors+section .inner_item_txt .anchor_wrap {
    background: url('/common/upload_data/vieclomesjp/image/20240127101051.png') no-repeat center center / cover;
    margin: 0 auto;
    width: 300px;
    height: 280px;
}
#anchors+section .inner_item_txt .anchor_wrap a {
    display: flex;
    width: 120px;
    height: 120px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px auto;
    color: transparent;
    text-decoration: transparent;
}
#anchors+section .inner_item_txt .anchor_wrap .anchor_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

/*planパーツ調整*/
a[id*="plan"]+section .wrapper_item {
    align-items: center;
    background-color: rgba(196,236,255,.8);
    padding: 3rem 8rem !important;
    border-radius: 15px;
}
a[id*="plan"]+section .inner_item_txt .title_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
a[id*="plan"]+section .inner_item_txt .title_wrap img {
    width: 160px;
    height: 160px;
}
a[id*="plan"]+section .inner_item_img img {
    border-radius: 15px 50px;
}
a[id*="plan"]+section .inner_item_txt .title_wrap .title {
    font-size: 3.2rem;
    font-weight: 600;
    color: #0058cc;
    line-height: 4.4rem;
    font-family: "Playfair Display", 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (max-width: 900px) {
a[id*="plan"]+section .wrapper_item {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 30px;
    padding: 3rem 2rem !important;
}
a[id*="plan"]+section .inner_item_txt .title_wrap {
    gap: 10px;
    flex-direction: column;
}
a[id*="plan"]+section .inner_item_txt .title_wrap .title {
    text-align: center;
    font-size: 3rem;
}
}

@media screen and (max-width: 360px) {
  #anchors+section .inner_item_txt .anchor_wrap{
    width: 81vw;
    height: auto;
  }
}

#anchors+section .inner_item_txt .anchor_wrap:hover{
  opacity:0.7;
  transition: 0.4s ease-in-out;
}

@media screen and (min-width: 901px) {
  #anchors+section .inner_item_txt .anchor_wrap{
    width: 400px;
    height: 380px;
  }

  #anchors+section .inner_item_txt .anchor_wrap a {
    width: 200px;
    height: 180px;
  }
  #anchors+section .inner_item_txt .anchor_wrap .anchor_flex{
    margin-top:0;
  }
}