body,html{
  margin:0;
  padding:0;
}

body{
  font-family:"Zen Maru Gothic", sans-serif;
	-webkit-font-smoothing:antialiased;
}

/* 固定ページ本文タイトルだけ非表示 */
.page .entry-title,
.page .page-header,
.page .page-title{
  display:none !important;
}

.site-branding .site-title {
    margin: 0;
    padding: 0;
    color: var(--header-text);
    font-weight: 400;
    font-size: 0.5em!important;
    line-height: 1.3;
    letter-spacing: .05em
}

.site-title img{
  height:60px;
  width:auto;
  padding-left : 10px;
}

    .site-content {
        --ystd-container-margin-vertical:calc(var(--ystd-layout-gap)*2);
        margin-top : 0!important
    }

.f-orange{
	color : #d9550d;
}

/**********************************
 * PCとSPの切り替え
 *********************************/
.pc{
  display:inline;
}

.sp{
  display:none;
}

@media(max-width:1200px){
  .pc{
    display:none;
  }

  .sp{
    display:inline;
  }
}

/**********************************
 * PCとSPの改行切り替え
 *********************************/
/* PCで表示、スマホで非表示 */
.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

/* スマホ時（899px以下など自由に調整可能） */
@media screen and (max-width: 899px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }
}

/**********************************
 * FV（共通）
 *********************************/
.sub-fv-pc{
  display:block;
  text-align:center;
  margin:0;
  padding:0!important;
  line-height:0;
  background:#e7f1f5;
}

.sub-fv-tab{
  display:none;
  text-align:center;
  margin:0;
  padding:0!important;
  line-height:0;
  background:#e7f1f5;
}

.sub-fv-sp{
  display:none;
}

/* ▼1400px以下（タブレット） */
@media(max-width:1400px){
  .sub-fv-pc{
    display:none;
  }
  .sub-fv-tab{
    display:block;
  }
}

/* ▼640px以下（スマホ） */
@media(max-width:640px){
  .sub-fv-tab{
    display:none;
  }
  .sub-fv-sp{
    display:block;
    text-align:center;
    margin-top:60px;
    padding:0!important;
  }
}

/**********************************
 * お客様の声
 *********************************/
.voice-section{
  width:100%;
  padding:40px 0;
  background:#fdfaf5;
}

.voice-inner{
  width:min(1400px,92%);
  margin:0 auto;
}

.voice-cards{
  margin-top:50px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.voice-cards-sub{
	max-width : 680px;
	margin : 30px auto;
}

@media(max-width:1280px){
  .voice-cards{
    grid-template-columns:repeat(2,1fr);
  }
  .voice-cards-sub{
    grid-template-columns:repeat(2,1fr);
  }
}

.voice-card{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:24px;
  padding:0px 24px;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
  text-align:center;
}
.voice-card-sub{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:24px;
  padding:30px 24px;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
  text-align:center;
	margin-bottom : 20px;
}

.voice-card-title{
  font-size:21px!important;
	color : #6f5219!important;
  line-height:1.5;
  margin-bottom:24px;
  font-weight:700;
	margin-top : 15px;	
}

.voice-face{
  width:120px;
  height:120px;
  margin:0 auto 24px;
  border-radius:50%;
  overflow:hidden;
}

.voice-face img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.voice-text{
  font-size:15px;
  line-height:2;
  text-align:left;
}

/**********************************
 * 1080px以下
 *********************************/
@media(max-width:1080px){
  .voice-cards{
    grid-template-columns:1fr;
    gap:20px;
  }

  .voice-card{
    padding:28px 20px;
  }
}


/**********************************
 * PCスクロールバー見やすく
 *********************************/
html{
  overflow-y:scroll;
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar{
  width:14px;
}

::-webkit-scrollbar-track{
  background:#f1f1f1;
}

::-webkit-scrollbar-thumb{
  background:#999;
  border-radius:10px;
  border:3px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover{
  background:#666;
}

/******************************
 * 特商法などの掲載
 * ****************************/
.footer-links{
  margin-top:8px;
  font-size:13px;
  text-align:center;
}

.footer-links a{
  color:#666;
  text-decoration:none;
}

.footer-links a:hover{
  text-decoration:underline;
}

.footer-links span{
  margin:0 8px;
  color:#999;
}

/*****************************
 * お問合せフォーム
 * **************************/
/**********************************
 * ペット相談フォーム
 *********************************/
.pet-contact-form{
  width:100%;
  max-width:760px;
  margin:0 auto;
}

.pet-form-wrap{
  background:linear-gradient(180deg,#f8fdff 0%,#ffffff 100%);
  border:1px solid #d7eef5;
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,0.05);
  padding:45px;
  box-sizing:border-box;
}

.form-lead{
  text-align:center;
  font-size:15px;
  line-height:1.9;
  color:#555;
  margin:0 0 35px;
}

.pet-form-item{
  margin-bottom:28px;
}

.pet-form-item > label{
  display:block;
  font-size:16px;
  font-weight:700;
  color:#333;
  margin-bottom:10px;
}

.pet-form-item > label span{
  display:inline-block;
  margin-left:8px;
  font-size:12px;
  color:#fff;
  background:#ff7b7b;
  border-radius:30px;
  padding:2px 8px;
  vertical-align:middle;
}

.pet-form-item input[type="text"],
.pet-form-item textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid #cfdfe5;
  border-radius:10px;
  background:#fff;
  font-size:16px;
  box-sizing:border-box;
  transition:.3s;
}

.pet-form-item input[type="text"]:focus,
.pet-form-item textarea:focus{
  border-color:#6ccde4;
  outline:none;
  box-shadow:0 0 0 3px rgba(108,205,228,0.15);
}

.pet-check-group{
  background:#fff;
  border:1px solid #e2edf1;
  border-radius:14px;
  padding:18px 20px;
}

.pet-check-group label{
  display:block;
  font-size:15px;
  color:#444;
  margin-bottom:12px;
  cursor:pointer;
  line-height:1.7;
}

.pet-check-group label:last-child{
  margin-bottom:0;
}

.pet-check-group input{
  margin-right:8px;
  transform:scale(1.1);
}

.pet-form-btn{
  text-align:center;
  margin-top:40px;
}

.pet-form-btn input[type="submit"]{
  display:inline-block;
  width:100%;
  max-width:420px;
  background:linear-gradient(135deg,#66d5ea 0%,#4abed8 100%);
  color:#fff;
  font-size:18px;
  font-weight:700;
  border:none;
  border-radius:999px;
  padding:18px 20px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(74,190,216,0.25);
  transition:.3s;
}

.pet-form-btn input[type="submit"]:hover{
  transform:translateY(-2px);
  opacity:0.92;
}

/**********************************
 * スマホ
 *********************************/
@media(max-width:640px){

  .pet-form-wrap{
    padding:25px 15px;
    border-radius:14px;
  }

  .form-lead{
    font-size:14px;
    margin-bottom:25px;
	  text-align : left;
  }

  .pet-form-item > label{
    font-size:15px;
  }

  .pet-form-item input[type="text"],
  .pet-form-item textarea{
    font-size:16px;
  }

  .pet-check-group{
    padding:15px;
  }

  .pet-check-group label{
    font-size:14px;
  }

  .pet-form-btn{
    margin-top:30px;
  }

  .pet-form-btn input[type="submit"]{
    font-size:17px;
    padding:16px;
  }

}

/***********************************
 * 制作事例セクション
 *********************************/
.case-section{
  background:#fdfaf5;
  padding : 40px 0px
}
.case-wrap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:30px;
  padding:20px 7%;
}
.case-item{
  display:block;
  text-decoration:none;
}
.case-img{
  overflow:hidden;
  border-radius:10px;
}
.case-img img{
  width:100%;
  height:auto;
  display:block;
  transition:0.4s;
}
.case-item:hover img{
  transform:scale(1.05);
}
.case-title{
  font-size:16px;
  text-align:center;
  margin-top:10px;
  font-weight:600;
  color:#333;
}

.coment{
	max-width : 800px;
	text-align : left;
	margin : 10px auto;
	padding : 0 20px;
}

/**********************************
 * 1200px以下
 *********************************/
@media(max-width:1200px){
.case-wrap{
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  padding:20px 8%;
}
}

/**********************************
 * スマホ微調整
 *********************************/
@media(max-width:640px){
.case-title{
  font-size:15px;
}
.case-wrap{
  padding:10px 2%;
}
}