/*
Theme Name: 株式会社ふるさぽーと様
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/*フォント設定*/

body { font-family: "BIZ UDPGothic", sans-serif!important;}
h2{ font-family: "BIZ UDPGothic", sans-serif!important;}
h3{ font-family: "BIZ UDPGothic", sans-serif!important;}
p{  font-size: 1.125em; line-height: 1.8; text-align: justify;}
table,ul{
	line-height: 1.5;
}

body:not(.home):not(.front-page):not(.single-post):not(.archive) h2 {
 font-size: 1.8em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  margin-top:30px;
  font-family: "BIZ UDPGothic", sans-serif!important; 
}

body:not(.home):not(.front-page):not(.single-post):not(.archive) h2::after {
    content: "";
    display: inline-block;
    width: 120px;  /* 画像の幅 */
    height: 10px;  /* 画像の高さ */
    margin-top: 10px;
    background: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/colorline.png) center/cover;
}

body:not(.home):not(.front-page):not(.single-post):not(.archive) h3 {
    position: relative;
    padding-left: 60px;  /* 画像の幅に合わせて調整 */
    font-size: 1.2em;
    font-family: "BIZ UDPGothic", sans-serif!important; 
}

body:not(.home):not(.front-page):not(.single-post):not(.archive) h3::after {
    content: '';
    content: "";
    position: absolute;
    left: 0;           /* 左端に配置 */
    width: 40px;/* 画像の幅 */
    height: 40px; /* 画像の高さ */
    background: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/h4_after_img.png) no-repeat;
    background-size: contain;  /* 画像のサイズ調整 */
}


@media(max-width:750px){
body:not(.home):not(.front-page):not(.single-post):not(.archive) h3 {
  padding-left: 25px;
    font-size: 1.2em;
}

body:not(.home):not(.front-page):not(.single-post):not(.archive) h3::after {
    width: 20px;/* 画像の幅 */
    height: 20px; /* 画像の高さ */
  }
}

/*上に戻るボタン*/

.page_top_btn{
border-radius:0px!important;
right: 19px;
bottom: 87px;
width: 70px;
height: 70px;
color: transparent;
background: transparent;  
background-image: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/tpo_b.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
opacity: 0;
transition: opacity 0.7s ease-out;
border:0.5  px solid #ffffff;
}

/*----コンテンツ上下虹色ライン----*/
.top_content_1 {
   position: relative;
}
.home .top_content_1::before {
   content: "";
   height: 8px;
   width: 100%;
   background: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/colorline.png);
   position: absolute;
   margin-top: 20px;
   top: 0;
   left: 0;
}

.home .top_content_1::after {
   content: "";
   height: 8px;
   width: 100%;
   background: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/colorline.png);
   position: absolute;
   bottom: 0;
   left: 0;
   margin-left: 0;
}

/*----介護旅行をご検討の方へ----*/
.home .top_title_1 {
    font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; 
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
@media(min-width:751px){
.home .top_title_1::before,
.home .top_title_1::after {
  content: "";
  height: 2px;
  width: 100px;
  background-color: #43BAAE;
  flex-shrink: 0; 
}

.home .top_title_1::before {
  margin-right: 20px;
}

.home .top_title_1::after {
  margin-left: 20px;
}
}
.home .top_title_2 {
font-family: "BIZ UDPGothic", sans-serif;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0 20px;
 text-align: center;
 width: 100%;
}

.home .top_title_2::before,
.home .top_title_2::after {
 content: "";
 height: 8px;
 width: 100px;
 background: url(http://marketing-essentials.net/test01/full-sapo.jp/wp-content/uploads/2024/11/colorline.png);
 flex-shrink: 0;
}

.home .top_title_2::before {
 margin-right: 20px;
}

.home .top_title_2::after {
 margin-left: 20px;
}
/* スマートフォンサイズ（767px以下）*/
@media screen and (max-width: 767px) {
.home .top_title_2 {
    padding: 0 10px;
  }
.home .top_title_2::before, .home .top_title_2::after {
    width: 50px;
}
.home .top_title_2::before {
    margin-right: 10px;
  }
.home .top_title_2::after {
    margin-left: 10px;
  }
}

/*----サービス内容----*/
.service-card {
  position: relative;
  max-width: 1000px;
 margin: 10px auto;
 padding: 10px;
  display: flex;
  align-items: center;
}

.service-image {
  position: relative;
 width: 30%;
  z-index: 2;
}

.service-image img {
  width: 100%;
  height: auto;
}

.service-content {
  flex: 1;
  background: white;
 padding: 10px;
  border-radius: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  margin-left:-190px!important
}

.use-cases-list {
  list-style: none;
  padding: 0;
}

.use-cases-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  color: #333;
 line-height:1.6;
  padding-bottom: 6px;
 border-bottom: 1px solid #d5d5d5; 
}

.use-cases-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #43BAAE;
  border-radius: 50%;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .service-card {
    flex-direction: column;
    padding: 15px;
  }

  
  .service-image {
     box-sizing: border-box;
    height: auto;
    max-width: 85%;
    vertical-align: bottom;
    text-align: center !important;
    margin: 0 auto;
}
  
  .service-content {
       margin-left: 0px !important; 
    padding-top: 100px !important;
    margin-top: -160px !important;
    width: 100%;
    padding: 30px 20px;
  }
}
/*----選ばれる理由----*/

/*タイトル*/
.home .top_title_3{
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 22px;
  color: #1B988A;
  font-family: "BIZ UDPGothic", sans-serif;  
}

.home .top_title_3::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 1px;
  background-color: #1B988A;
}

.reason{
  position:relative}

.reason_text{
  position:absolute;z-index:10;margin-top:220px!important}
.reason_img{
  position:absolute;z-index:40}

@media (max-width: 750px)  {
.reason_text {
        margin-top: 176px !important;
        padding-top: 100px;
    }
}

/*-----お客様の声-----*/

/* 吹き出し部分１ */
.review-content {
  position: relative;
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
  flex-grow: 1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* 吹き出しの三角形１（左） */
.review-content::before {
    content: "";
    position: absolute;
    left: -48px;
    top: 173px;
    border-style: solid;
    border-width: 13px 50px 16px 0;
    border-color: transparent #fff transparent transparent;
}

/* 吹き出し部分2 */
.review-content-2 {
  position: relative;
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
  flex-grow: 1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* 吹き出しの三角形２（右） */
.review-content-2::before {
    content: "";
    position: absolute;
    right: -48px;
    top: 160px;
    border-style: solid;
    border-width: 8px 0 19px 51px;
  border-color: transparent transparent transparent #fff;}



/* ユーザー情報 */
.user-info {
  color: #666;
  font-size: 14px;
  border-left: 4px solid #C6EDE4;
  padding-left: 10px;
}


/*----お客様の声SP---*/

/* 吹き出し部分１ */
.review-content_SP {
  position: relative;
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
  flex-grow: 1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  
}

/* 吹き出しの三角形SP */
.review-content_SP::before {
   content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #fff transparent;
}

/*---お客様の声スライドカスタマイズ----*/
.swiper-container.vk_slider .swiper-button-next,.swiper-container.vk_slider .swiper-button-prev {
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    background-color: #43BAAE!important;}

.swiper-pagination-bullet {
    border-radius: 50px;
    width: 15px;
    height: 15px;
    background-color: #C6C6C6;
    opacity: unset;
    outline: 1px solid var(--vk-color-background-white-translucent)
}

.swiper-pagination-bullet-active {
    background: #43BAAE;
}

/*---ご利用の流れ　プラン---*/

/*テキストBlock下線*/
.plan_text_block{ border-bottom: 1px solid #d5d5d5;padding-bottom:20px}

.plan{
  position:relative}

.plan_text{
  position:absolute;z-index:10;margin-top:40px!important}

.wp-block-image.plan_img {
  position: absolute;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
padding-top:20px;
width:300px}


@media (max-width: 750px)  {
.plan_text {
        margin-top: 176px !important;
        padding-top: 100px;
    }
}

/*sp版スライド*/

.plan_sp{
  position:relative}

.plan_sp_slide.vk_outer-background-area has-background has-background-dim{
  position:absolute;z-index:10;margin-top:-30px!important}

.wp-block-image.plan_sp_img {
  position: absolute;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
padding-top:-20px;
width:300px}

figure.wp-block-image.size-full.is-resized.plan_sp_img {
    margin-top: -24px;
    width: 71%;
}


/*Q&Aカスタマイズ*/
dd.wp-block-vk-blocks-faq2-a.vk_faq_content.vk_faq_content-accordion-open {
    background-color: #C6EDE4;
    padding-bottom:10px!important;
    margin-bottom:0px!important;
}

/*開閉ボタンを変える*/
selector.vk_faq-accordion-close .vk_faq_title::after{
 content: "＋";
 top: 50%;
}
 selector.vk_faq-accordion-open .vk_faq_title::after{
 content: "−";
}


/*Q&Aクローズ時*/
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.vk_faq-accordion-close {
    border-radius: 0px !important;
  box-shadow:none!important}


/*Q文字色*/

.wp-block-vk-blocks-faq2-q.vk_faq_title:before{color:#43BAAE!important}

/*A文字色*/
.vk_faq_content:before {
    color: #43BAAE!important;
}

dl.vk_faq-body {
    border-top: 2px solid #43BAAE;
    margin-bottom:0px!important;}

.vk_faq .vk_faq_title {
        font-size: 18px;
        color: #43BAAE;
    }
p.vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom {
    color: #43BAAE;
    padding-bottom: 20px;
}

/*リストマーカー変更*/
.page_list {
    list-style: none;  /* デフォルトのマーカーを削除 */
}

.page_list li {
    position: relative;
    padding-left: 1.5em;  /* マーカーのためのスペース */
    margin-bottom: 1em;    /* 行間を広げる */
}

.page_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;          /* 丸の大きさを調整 */
    height: 15px;         /* 丸の大きさを調整 */
    background-color: #43BAAE;
    border-radius: 50%;   /* 円形にする */
}


/*ボタンサイズ*/
@media(min-width:751px){
a.vk_button_link.btn.has-background.has-vk-color-primary-background-color.btn-md {
    width: 300px !important;
}}


/* footerメニューカスタマイズ */
.widget_nav_menu .menu li a {
text-decoration: none;
border-bottom:0px;
background-color: #ffffff;
}

/* ホバー時も下線を表示させたくない場合は以下も追加 */
.widget_nav_menu .menu li a:hover {
    text-decoration: none;
}
/*
スマートフォン用のフローティングメニューCSS
(20241128 飯田調整)
*/
@media screen and (max-width: 768px) {
    .footerFloatingMenu {
        background-color: #50BAAF;
        display: flex !important;
        text-align: center;
        border-radius: 12px 12px 0 0;
        border:solid 1px #ffffff;
        position: fixed;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 100%;
        z-index: 9999;
        align-items: center;
    }
    
    .div#footerFloatingMenu {
        width: 100%;
    }
    
    .footerFloatingMenu a {
        text-decoration: none;
        color: #ffffff;
        font-size: 1.2em;
        border-right: 1px solid #ffffff;
        width: 33%;
        padding: 8px 0;
        display: flex;
        justify-content: center;
    }
    
.footerFloatingMenu .fa-solid{
 padding-left: 0;
}

.footerFloatingMenu .fa-regular {
    padding-left: 10px;
}
    .footerFloatingMenu a:first-child {
        padding-left:0px!important;
    }

    .footerFloatingMenu a:last-child {
        border-right: 0px !important;
    }
}

/* スマホ以外では非表示にする */
@media screen and (min-width: 769px) {
  .div#footerFloatingMen  {
        display: none !important;
    }
}
.container.site-footer-content {
    padding-top: 20px !important;
}