@charset "UTF-8";

/*--男性、女性無料相談背景色変更--*/
#top_soudan+.parallax .parallax_img{
  filter: initial;
  opacity: 1;
  mix-blend-mode: initial;
  background-size: contain !important;
  background-repeat: repeat!important;
}

#top_soudan+.parallax .parallax_img:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background-color:#cda15985!important;
  top:0;
  left:0;
}

/*--選ばれる理由写真の高さ調整*--/
#reason + div .inner_item_img img {
  min-height: 150px!important;
}


/*--会員データ、SPを2カラムに変更--*/
@media screen and (max-width:480px){
  #top_kaiin + div .wrapper_item .inner_item{
    width: 48% !important;
    margin-bottom: 30px!important;
  }

  #top_kaiin + div .wrapper_item .inner_item:nth-of-type(2n){
    margin-left: 4% !important;
  }
}

@media screen and (max-width:380px){
   #top_kaiin + div .wrapper_item .inner_item .inner_item_img {
     width: 90%;
   }
    #top_kaiin + div .wrapper_item .inner_item .heading.block_header_4 .h {
     font-size: 4.5vw!important;
  }
}

/*--会員データ、タイトルのカラー変更--*/
#top_kaiin + div .wrapper_item .heading.block_header_4 .h {
  color: #7d5e00;
}

/*--会員データ、アイコン位置調整--*/
#top_kaiin + div .wrapper_item .inner_item .inner_item_img {
  min-height: 150px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

/*--お問い合わせにLINEアイコンの追加--*/
#top_contact + div .line_btn {
    margin: 0 auto 20px;
}

#top_contact + div .line_link{
    display: inline-block;
    margin: 0 auto;
    padding: 0!important;
    background: var(--i_btn_color)!important;
    border: 1px solid var(--i_btn_color)!important;
}

#top_contact + div .line_link_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
}

@media screen and (max-width:592px){
  #top_contact + div .line_btn {
    margin: 0 auto 8px;
  }
  #top_contact + div .line_link{
    width: 252px!important;
  }

  #top_contact + div .line_link_inner{
    padding: 10px 0;
  }
}

#top_contact + div .line_link:hover{
    background: transparent!important;
}

#top_contact + div .line_link span {
    display: inline!important;
    padding: 0 0 0 20px!important;
}

#top_contact + div .line_link span::before,
#top_contact + div .line_link span::after{
    content:none;
}

#top_contact + div .line_link img{
    width: 32px;
    height: 32px;
    margin: 16px;
}

@media screen and (max-width:768px){
  #top_contact + div .line_link img{
      width: 40px;
      height: 40px;
      margin: 20px;
  }
}

/*--相談フォームをSP時のみ改行--*/
#top_contact + div .content_wrapper .on_sp{
  display:none;
}

@media screen and (max-width:768px){
  #top_contact + div .content_wrapper .on_sp{
    display:block;
  }
}


/*--会員データ、SPを2カラム調整--*/
@media screen and (max-width:920px){
#top_kaiin + div .wrapper_item .inner_item .inner_item_img {
    min-height: initial;
    justify-content: center;
}

#top_kaiin + div .wrapper_item {
    align-items: baseline;
    max-width: 550px;
    margin: 0 auto;
}

#top_kaiin + div .composite_box01 .inner_item_img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
}