@charset "UTF-8";

/*----テキスト＋画像パーツ-----*/
#text_image_parts + .composite_box01 .inner_item:nth-of-type(1){
        margin-top: 40px;
}
#text_image_parts + .composite_box01 .inner_item:nth-of-type(2){
        margin-bottom: 40px;
}
@media screen and (max-width: 480px){
    #text_image_parts + .composite_box01 .inner_item:nth-of-type(1){
        margin-top: 0px;
    }
    #text_image_parts + .composite_box01 .inner_item:nth-of-type(2){
        margin-bottom: 0px;
    }
}

/*----サービス4カラムパーツ-----*/
a[id^="service_4column"] + div>.content_wrapper{
    padding: 0 2%;
    width: calc(100% - 20px);
    border-right: 3px double var(--i_main_color);
    border-left: 3px double var(--i_main_color);
}
a[id^="service_4column"] + div .inner_item {
    width: calc(25% - 1px) !important;
    padding-bottom: 0.75px !important;
    margin-left: 1px !important;
}

a[id^="service_4column"] + div .inner_item_txt .heading.block_header_4 .h{
    font-size: 1.9rem !important;
}

a[id^="service_4column"] :last-child + div .inner_item {
    padding-bottom: 0px;
}

#service_4column_top + div>.content_wrapper{
    border-top: 3px double var(--i_main_color);
    padding-top: 2%;
}
#service_4column_bottom + div>.content_wrapper{
    border-bottom: 3px double var(--i_main_color);
    padding-top:30px;
    padding-bottom: 2%;
}
#service_4column_bottom2 + div>.content_wrapper{
    border-bottom: 3px double var(--i_main_color);
    padding-bottom: 2%;
}
#service_4column_last + div .wrapper_item{
    justify-content: flex-start;
}
#service_4column_bottom2 + div .wrapper_item{
    justify-content: flex-start;
}

@media screen and (min-width: 901px){
  a[id^="service_4column"]  + div .inner_item {
    min-height:initial!important;
  }

  a[id^="service_4column"]  + div .inner_item .inner_item_txt{
    min-height:initial!important;
  }
}

@media screen and (max-width: 900px){
    a[id^="service_4column"]  + div .inner_item {
        width: calc(50% - 1px) !important;
        padding-bottom: 1px !important;
        margin-left: 1px !important;
    }

    a[id^="service_4column"]  + div .inner_item_txt{
      min-height: initial!important;
    }
}

@media screen and (max-width: 480px){
    a[id^="service_4column"]  + div .inner_item_txt{
      min-height: initial!important;
    }
}

/*----吹き出し-----*/
#bb+section .inner_item_txt {
  position: relative;
  width: 60%;
}
#bb+section .bubble_leftArea,
#bb+section .bubble_rightArea  {
  display: flex;
  position: absolute;
  top: 0;
}
#bb+section .bubble_leftArea {
  left: 0;
}
#bb+section .bubble_rightArea {
  right: 0;
}
#bb+section .bubble {
  padding: 15px;
  background: #fff;
  width: 85px;
  height: 60px;
  border-radius: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--i_main_color);
}
#bb+section .bubble::before {  
  content: "";
  position: absolute;
  width: 13px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
}
#bb+section .bubble:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
}
#bb+section .bubble.right1 {
  top: -130px;
  right: -150px;
}
#bb+section .bubble.right2 {
  top: -80px;
  right: -170px;
}
#bb+section .bubble.right1:before {
  left: -28px;
  bottom: -30px;
}
#bb+section .bubble.right2:before {
  left: -42px;
  bottom: -10px;
}
#bb+section .bubble.right1:after {
  left: -15px;
  bottom: -15px;
}
#bb+section .bubble.right2:after {
  left: -20px;
  bottom: -5px;
}
#bb+section .bubble.left1:before {
  right: -42px;
  bottom: -10px;
}
#bb+section .bubble.left2:before {
  right: -28px;
  bottom: -30px;
}
#bb+section .bubble.left1:after {
  right: -20px;
  bottom: -5px;
}
#bb+section .bubble.left2:after {
  right: -15px;
  bottom: -15px;
}
#bb+section .bubble.left1 {
  top: -80px;
  left: -170px;
}
#bb+section .bubble.left2 {
  top: -130px;
  left: -150px;
}
#bb+section .bubble_rightArea .bubble_text {
    position: absolute;
    top: -140px;
    right: -125px;
    transform: rotate(35deg);
    font-size: 1.4rem;
    color: var(--i_main_color);
}
#bb+section .bubble_leftArea .bubble_text {
    position: absolute;
    top: -140px;
    left: -125px;
    transform: rotate(-35deg);
    font-size: 1.4rem;
    color: var(--i_main_color);
}
@media screen and (max-width: 900px){
#bb+section .bubble_leftArea,
#bb+section .bubble_rightArea {
  display: none;
}
#bb+section .inner_item_txt {
    width: 100%;
}
}

/*----サービス4カラムパーツカラー変更(カウンセリング)-----*/
#service_4column_top_counsel+.composite_box01.block_images_7 .inner_item_txt {
    background: #fff;
}
#service_4column_top_counsel + div>.content_wrapper{
    border-top: 3px double var(--i_main_color);
    padding-top: 2%;
}
#service_4column_top_counsel+.composite_box01.block_images_7 .inner_item > a:hover + .inner_item_txt {
    background: #ede2cd;
}

/*----初めての方へ-----*/
#point + .composite_box01 .wrapper_item {
  overflow: initial;
  padding-top: 30px;
  gap: 2rem;
}
#point + .composite_box01 .inner_item {
  border: 1px solid var(--i_txt_color);
  padding: 15px;
  margin: 0;
  max-width: calc(33.3333% - 2rem * 2 / 3);
  width: 100%;
}
#point + .composite_box01 .heading.block_header_4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    background: #fff;
    width: 200px;
    margin: -65px auto 0;
}
#point + .composite_box01 .heading.block_header_4 .h {
  font-size: 1.4rem !important;
  align-self: flex-start;
  margin-top: 20px;
}
#point + .composite_box01 .heading.block_header_4 p {
    font-size: 6rem;
}
#point + .composite_box01 .heading.block_header_4 p {
    position: relative;
}
#point + .composite_box01 .heading.block_header_4 p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%) rotate(45deg);
    width: 1px;
    height: 80%;
    background: var(--i_btn_color);
}
#point + .composite_box01 .inner_item_txt p {
    font-size: 2.4rem;
    color: var(--i_main_color);
}
@media screen and (max-width: 900px){
#point + .composite_box01 .wrapper_item {
    flex-direction: column;
    gap: 9rem;
}
#point + .composite_box01 .inner_item {
    width: initial;
    max-width: 500px;
    margin: 0 auto !important;
}
#point + .composite_box01 .heading.block_header_4 p {
    font-size: 5rem;
}
#point + .composite_box01 .heading.block_header_4 {
    width: 180px;
}
#point + .composite_box01 .inner_item_txt p {
    font-size: 2rem;
}
}

/*----初めての方へ-----*/
#first+section .inner_item_txt ul {
    display: flex;
    gap: 2rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
}
#first+section .inner_item_txt ul li {
  list-style: none;
  width: calc(100% / 3 - 2rem * 2 / 3);
  border: 1px solid var(--i_txt_color);
  padding: 15px;
}
#first+section .inner_item_txt .point {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    background: #fff;
    width: 200px;
    margin: -75px auto 0;
}
#first+section .inner_item_txt .point_text {
    font-size: 1.4rem;
    align-self: flex-start;
    margin-top: 20px;
}
#first+section .inner_item_txt .point_num::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%) rotate(45deg);
    width: 1px;
    height: 80%;
    background: var(--i_txt_color);
}
#first+section .inner_item_txt .point_num {
    position: relative;
    font-size: 6rem;
}
#first+section .inner_item_txt .text {
    text-align: center;
    margin-top: 1rem;
    font-size: 2.4rem;
    color: var(--i_main_color);
}
@media screen and (max-width: 900px){
#first+section .inner_item_txt ul {
    flex-direction: column;
    gap: 9rem;
    margin-top: 8rem;
}
#first+section .inner_item_txt ul li {
    width: initial;
    max-width: 500px;
    margin: 0 auto;
}
#first+section .inner_item_txt .point_num {
    font-size: 5rem;
}
#first+section .inner_item_txt .point {
    width: 180px;
}
#first+section .inner_item_txt .text {
    font-size: 2rem;
}
}

/*-------TOP画像+テキスト------*/
#hd1+section .heading.block_header_6 {
   display: block;
}
#hd+section .heading.block_header_6,
#hd2+section .heading.block_header_6 {
  display: none;
}
@media screen and (max-width: 900px) {
#hd1+section .heading.block_header_6 {
   display: block;
}
#hd+section .heading.block_header_6,
#hd2+section .heading.block_header_6 {
  display: block;
}
#hd+section .heading.block_header_2,
#hd2+section .heading.block_header_2 {
  display: none;
}
}
@media screen and (min-width: 1201px) {
#hd+section>.content_wrapper,
#hd2+section>.content_wrapper {
    margin: 0 auto;
}
}

/*-------OWLが選ばれる理由------*/
#reason+div .gallery_single_slider .slick-slide img {
    border-radius: 10px;
    max-width: calc(100% - 20px);
    min-height: 200px;
    object-fit: cover;
}

/*------------------選ばれる理由はここにある！！テキスト調整------------------*/
#point + .composite_box01 .inner_item_txt p:last-child {
    font-size: inherit;
    color: var(--i_txt_color);
}
@media screen and (max-width: 900px) {
#point + .composite_box01 .inner_item_txt p:last-child {
    font-size: inherit;
}
}