/* カラーとフォントサイズの変数 */
:root {
	--accent-color:#37b4fc !important;
	--sub-accent-color:#137FDC!important;
    --text-1: 32px;
    --text-2: 24px;
    --text-3: 20px;
    --text-4: 16px;
}



/* 共通 ============================================================*/

.c-entry__content a.smb-btn {
    background:#137FDC !important;
}


/* ボタン------------------------------------------------------------------ */
.wp-block-snow-monkey-blocks-btn a{
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wp-block-snow-monkey-blocks-btn a::after{
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 10px;
  transition: all 0.5s;
}
.wp-block-snow-monkey-blocks-btn.is-style-text a::after{
	display:none;
}
.wp-block-snow-monkey-blocks-btn a:hover::after{
  transform: rotate(45deg) translate(5px,-5px);
}
.wp-block-snow-monkey-blocks-btn.footer-btn a:hover::after{
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
@media(max-width:639px){
  .wp-block-snow-monkey-blocks-btn a{
	  justify-content: center;
	  font-size: 16px;
  }
}
/* ヘッダー ------------------------------------------------------------------*/
li.sm-nav-menu-item-highlight.c-navbar__item {
    border-radius: 10px;
	background-color:var(--sub-accent-color) !important;
}

li.sm-nav-menu-item-highlight a{
  display: flex;
  justify-content: space-between;
  align-items: center;
	flex-direction:row !important;
}
li.sm-nav-menu-item-highlight a::after{
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 10px;
  transition: all 0.5s;
}
li.sm-nav-menu-item-highlight a:hover::after{
  transform: rotate(45deg) translate(5px,-5px);
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.sm-nav-menu-item-highlight.menu-item-24.c-navbar__item {
    margin-top: 8px;
    margin-bottom: 8px;
}
/* スクロール時 */
.p-drop-nav .p-global-nav .c-navbar {
    justify-content: center;
    align-items: center;
}
li.menu-item.menu-contactBtn {
    height: 50px;
}

/* 固定ページヘッダー */
.c-page-header {
    color: #fff;
    background: -moz-linear-gradient(top, #37B4FC 0%, #1A8BE4 50%, #0265CD 100%);
    background: -webkit-linear-gradient(top, #37B4FC 0%, #1A8BE4 50%, #0265CD 100%);
    background: linear-gradient(to bottom, #37B4FC 0%, #1A8BE4 50%, #0265CD 100%);
}

/* セクションタイトル */
.smb-section__subtitle {
    font-size: 20px;
}
.smb-section__title:after {
    height: 3px;
}
/*SP以下*/
@media(max-width:639px){
    h2.smb-section__title {
        font-size: 18px;
    }
}
/* フッター=================================================== */
.l-footer-widget-area,
.l-footer-widget-area .c-fluid-container {
    padding: 0 !important;
}

/* フッターボタン */
.footer-btn{
    transition: all .8s;
  }
.footer-btn a.smb-btn {
    transition: all .8s;
  }
  .footer-btn .smb-btn__label{
    transition: .8s;
  }
  .footer-btn:hover{
    background-color: #eee !important;
  }
  .footer-btn a.smb-btn:hover .smb-btn__label{
    color: #262626 !important;
    font-weight:bold;
  }

/*SP以下*/
@media(min-width:640px) {
    .footer-section h2 br {
        display: none;
    }
    .footer-teltxt br {
        display: none;
    }
}

@media(max-width:639px) {
    .footer-section h2 {
        text-align: center !important;
    }
    .footer-teltxt {
        text-align: center;
    }
}

/* TOPページ==================================================== */

/* fv */
.top-fv h2 {
    /* text-shadow: 0px 0px 2px #07833B, 0px 0px 2px #07833B, 0px 0px 2px #07833B, 0px 0px 2px #07833B; */
/*     text-shadow: 0px 0px 10px #95a69c, 0px 0px 10px #95a69c, 0px 0px 10px #95a69c, 0px 0px 10px #95a69c; */
/* 	text-shadow: 0px 0px 10px #9dadbd, 0px 0px 10px #9dadbd, 0px 0px 10px #9dadbd, 0px 0px 10px #9dadbd; */
	text-shadow: 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd;
    color: #F2F7FC;
}

.top-fv .smb-section__lede {
    margin-top: -20px;
    font-size: 40px;
/*     text-shadow: 0px 0px 10px #95a69c, 0px 0px 10px #95a69c, 0px 0px 10px #95a69c, 0px 0px 10px #95a69c; */
	text-shadow: 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd, 0px 0px 5px #9dadbd;
    color: #F2F7FC;
    font-weight: bold;
}

/* お悩み */
ul.mycheck-list{
	list-style: none; 
    padding-left: 0; 
}

.mycheck-list li{
	position: relative;
    padding-left: 40px;
}
.mycheck-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px; /* 画像サイズを指定 */
    height: 35px;
    background: url('http://receipt.panda-union.com/wp-content/uploads/2025/06/check.png') no-repeat center;
    background-size: contain;
    transform: translateY(-50%);
 }

@media(min-width:1023px){
	.mycheck-list li{
		padding-left: 50px;
		line-height:2.5;
	}
	.mycheck-list li::before {
    width: 40px; 
    height: 40px;
 	}
}
/* サービス */
.top-service img {
    aspect-ratio: 4/ 3;
}
.top-service img{
    border-radius:25px;	
}
.top-service .smb-panels__item--vertical{
    border-radius: 50px 50px 50px 50px;
}
.top-service .smb-panels__item__figure{
	border-radius: 50px 50px 0px 0px;
}
.top-service .smb-panels__item__body {
    border-radius: 0px 0px 50px 50px;
}

.top-service .smb-panels__item:hover .smb-panels__item__body,
.top-service .smb-panels__item:hover .smb-panels__item__figure{
	background:#2499EC;
	color: #fff;
}
	
.top-service .smb-panels__item__body ,
.top-service .smb-panels__item__figure{
	transition: all 0.5s;
}


/* 声 */
p.top-voice-txt {
    margin-left: 0;
    color: #8f8f8f;
}
.top-voice .smb-section__fixed-background {
    border-radius: 50px;
}
.top-voice .smb-items__item.smb-items__item--free {
    border-radius: 25px;
}
/* フロー */
.top-flow p {
    font-size: 20px;
    font-weight: bold;
}

.top-flow .smb-information__item__label {
    font-size: 20px;
}

/* PC以上---------------------------- */
@media(min-width:1024px) {

    /* FV */
    .top-fv h2 {
        font-size: 56px;
    }

    .top-fv p {
        font-size: 24px;
    }

    /* 悩み */
    .top-problem li:not(:last-child) {
        margin-bottom: 20px;
    }

    /* サービス */
    .top-service .smb-panels__item__title {
        font-size: 18px;
    }
}

/*SP以下*/
@media(max-width:639px) {

    /* FV */
    .top-fv h2 {
        font-size: 20px;
    }

    .top-fv .smb-section__lede {
        font-size: 18px;
    }

    .top-fv p {
        font-size: 16px;
    }

    /* フロー */
    .top-flow p {
        font-size: 16px;
    }

    .top-flow .smb-information__item__label {
        font-size: 18px;
    }

}

/* お問い合わせページ=============================================== */
p.contact-tel {
    font-size: 24px;
}
.contact-form-pp {
   text-align: center;
}
@media(max-width:639px) {
    p.contact-tel {
        font-size: 16px;
    }
}

/*PC以上*/
@media(min-width:1024px) {
    .contact-tel br:first-child {
        display: none;
    }
}

/* 会社概要ページ================================================ */
/*PC以下*/
@media(max-width:1023px){
    .wp-block-snow-monkey-blocks-section-break-the-grid{
        overflow: hidden;
    }
}

/* サービスページ ================================================*/
.service-contents img{
	border-radius:50px;
    height: 275px;
    object-fit: cover;
	
}
.smb-faq__item__question__label{
	color:#37b4fc;
}
.smb-faq__item__answer__label{
	color:#ff7a8c;
}

/* ■ 画像ラッパーを 4:3 のアスペクト比に固定 */
.top-service .smb-panels__item__figure {
  width: 100%;               /* 横幅は親に合わせる */
  aspect-ratio: 4 / 3;       /* 高さを幅の3/4に固定 */
  overflow: hidden;          /* はみ出しを隠す */
  position: relative;        /* 中の絶対配置 img の基準 */
}

/* ■ ラッパー内の img をボックスいっぱいに拡大・縮小 */
.top-service .smb-panels__item__figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 90%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  display: block;
}