@charset "UTF-8";
@media not print {
  .show-for-print {
    display: none !important;
  }
}
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－カスタマイズここから－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
html, article, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-family: heisei-mincho-std, serif;
  color: #3E3E3E;
}
/*本文共通パーツ－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
body, body p {
  margin: 0px;
  padding: 0px;
  /* [disabled]color: #3E3E3E; */
  width: 100%;
  line-height: 1.75rem;
  font-size: 0.87rem;
}
body {
  background-color: #F2F3F4;
}
article {
  letter-spacing: 0.2rem;
  padding-bottom: 40px;
}
a {
  color: #E13624;
  text-decoration: underline;
  font-size: 95%;
}
strong {
  /* [disabled]font-family: kozuka-gothic-pro, sans-serif; */
  font-weight: 700;
}
h1 {
  /* [disabled]font-family: kozuka-gothic-pro, sans-serif; */
  font-weight: 700;
  font-size: 220%;
  padding-bottom: 1.5em;
  line-height: 1.5em;
}
h2 {
  /* [disabled]font-family: kozuka-gothic-pro, sans-serif; */
  font-weight: 700;
  font-size: 190%;
  line-height: 1.5em;
  margin-bottom: 2em;
}
h2 .subtitle {
  font-size: 0.5em;
  color: #747474;
  line-height: 0em;
  margin-top: -0.5em;
  font-weight: normal;
  padding-top: -0em;
}
h3 {
  /* [disabled]font-family: kozuka-gothic-pro, sans-serif; */
  font-weight: 700;
  border-bottom: 1px solid #C8C8C8;
  font-size: 150%;
  margin-bottom: 1em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
}
h4 {
  /* [disabled]font-family: kozuka-gothic-pro, sans-serif; */
  font-weight: 700;
  /* [disabled]color: #E13624; */
  margin-bottom: 0.3em;
  font-size: 115%;
}
.aka {
  color: #E84F52;
}
.zei {
  font-size: 70%;
}
.tm50 {
  margin-top: 50px;
}
.tm70 {
  margin-top: 70px;
}
.tm100, .tm100pc {
  margin-top: 100px;
}
.tm200, .tm200pc {
  margin-top: 200px;
  clear: left;
}
.tm1em {
  margin-top: 1em;
}
.tm2em {
  margin-top: 2em;
}
.tm3em {
  margin-top: 3em;
}
.tm4em {
  margin-top: 4em;
}
.tm5em {
  margin-top: 5em;
}
.bm50 {
  margin-bottom: 50px;
}
.bm70 {
  margin-bottom: 70px;
}
.bm100 {
  margin-bottom: 100px;
}
.bm100pc {
  margin-bottom: 100px;
}
.bm05em {
  margin-bottom: 0.5em;
}
.bm1em {
  margin-bottom: 1em;
}
.bm2em {
  margin-bottom: 2em;
}
.bm3em {
  margin-bottom: 3em;
}
.bm4em {
  margin-bottom: 4em;
}
.bm5em {
  margin-bottom: 5em;
}
.Center, .Center-pc {
  text-align: center;
}
ul {
  padding: 0;
}
ul li {
  margin: 0 0 0 1.5em;
}
ol {
  padding: 0;
}
ol li {
  margin: 0 0 0 1.5em;
  padding-bottom: 0.5em;
}
.clear {
  clear: both;
}
/*円のタイトル*/
.parent {
  text-align: center;
}
.circle_web, .circle_dtp, .circle_dtv, .circle_consul {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  line-height: 200px;
  color: #FFFFFF;
  font-size: 120%;
  letter-spacing: normal;
}
.circle_web {
  background-color: #E13624;
}
.circle_dtp {
  background-color: #E13624;
}
.circle_dtv {
  background-color: #E13624;
}
.circle_consul {
  background-color: #E13624;
}



/*========= スクロールダウンのためのCSS ===============*/

/*=== 9-1-2 丸が動いてスクロールを促す ====*/

/*スクロールダウン全体の場所*/
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:20%;
	left:94%;
}
@media only screen and (max-width: 767px) {
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	bottom:18px;
	left:47%;
}}

/*Scrollテキストの描写*/
.scrolldown2 span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown2:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:2px;
	height: 50px;
	background:#eee;
}






/*========= ナビゲーションドロップダウンのためのCSS ===============*/
/*========= 上部固定させるためのCSS ===============*/
#header {
  width: 100%; /*横幅指定*/
  z-index: 998; /*最前面へ*/
  background-color: #FFFFFF;
  display: table;
  height: auto;
  position: relative;
  border-bottom: 1px solid #E7E7E7;
}
#header h1 {
  background-color: #3E3E3E;
  color: #FFFFFF;
}
#header #head_rogo a img {
  width: 80px;
  margin-top: 0;
  margin-left: 20px;
  float: left;
}
/*fixedでブロックがなくなるのではじめの要素のトップに余白を持たせる*/
section#area-1 {
  padding-top: 100px;
}
/*==ふわっと出現させるためのCSS*/
/*　上に上がる動き　*/
#header.UpMove {
  position: fixed;
  width: 100%;
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
#header.DownMove {
  position: fixed;
  width: 100%;
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*==ナビゲーション全体の設定*/
nav {
  float: right;
}
/*ナビゲーションを横並びに*/
nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
/*2階層目以降は横並びにしない*/
nav ul ul {
  display: block;
}
/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li {
  position: relative;
  margin: 0 0 0 0;
  border-bottom: 3px solid #fff;
}
nav ul li:hover {
  /* [disabled]background-color: #F1F1F1; */
  /* [disabled]border-bottom: 3px solid #59738B; */
  background-color: #E13624;
  border-bottom: 3px solid #E13624;
}
nav ul li .sub-menu {
  margin-left: -150px;
}
/*ナビゲーションのリンク設定*/
nav ul li a {
  display: block;
  text-decoration: none;
  color: #3E3E3E;
  padding-top: 34px;
  padding-right: 2vw;
  padding-left: 2vw;
  padding-bottom: 34px;
  transition: all .3s;
  font-size: small;
  line-height: 1em;
}
nav ul li a:hover {
  color: #F3F3F3;
}
nav ul li li {
  /* [disabled]border-bottom: 1px solid #F2F3F4; */
}
nav ul li li a {
  padding: 12px;
}
nav ul li li a:hover {
  color: #E13624;
}
/*ナビゲーションのリンク設定*/
nav ul li li:hover {
  background-color: #E13624;
  border-bottom: 3px solid #E13624;
}
nav ul li li a:hover {
  color: #E13624;
}
.menue_osusume {
  background-color: #BF1503;
  border-bottom: 3px solid #BF1503;
}
.menue_osusume:hover {
  background-color: #AE6158;
  border-bottom: 3px solid #59738B;
}
.menue_osusume a {
  color: #FFFFFF;
}
/*==矢印の設定*/
/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 40px;
  width: 6px;
  height: 6px;
  right: 0;
  border: 5px solid transparent;
  border-top-color: #BF1503;
  margin-left: 0.8vw;
}
/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 40px;
  width: 6px;
  height: 6px;
  right: 0;
  border: 5px solid transparent;
  border-top-color: #BF1503;
  margin-left: 0.8vw;
  transform: rotate(45deg);
}
/*== 2・3階層目の共通設定 */
/*下の階層を持っているulの指定*/
nav li.has-child ul {
  /*絶対配置で位置を指定*/
  position: absolute;
  left: 0;
  /* [disabled]top: 62px; */
  z-index: 4;
  background-color: #FFFFFF;
  width: 280px;
  /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
  /*アニメーション設定*/
  transition: all .3s;
}
/*hoverしたら表示*/
nav li.has-child:hover > ul, nav li.has-child ul li:hover > ul, nav li.has-child:active > ul, nav li.has-child ul li:active > ul {
  visibility: visible;
  opacity: 1;
}
/*ナビゲーションaタグの形状*/
nav li.has-child ul li a {
  /* [disabled]color: #fff; */
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}
nav li.has-child ul li:last-child a {
  border-bottom: none;
}
nav li.has-child ul li a:hover, nav li.has-child ul li a:active {
  background-color: #FFFFFF;
}
/*==3階層目*/
/*3階層目の位置*/
nav li.has-child ul ul {
  top: 15px;
  left: 282px;
  background-color: #FFFFFF;
}
nav li.has-child ul ul li a:hover, nav li.has-child ul ul li a:active {
  background-color: #FFFFFF;
}
/*==768px以下の形状*/
@media screen and (max-width:768px) {
  nav {
    padding: 0;
  }
  nav ul {
    display: block;
  }
  nav li.has-child ul, nav li.has-child ul ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible; /*JSで制御するため一旦表示*/
    opacity: 1; /*JSで制御するため一旦表示*/
    display: none; /*JSのslidetoggleで表示させるため非表示に*/
    transition: none; /*JSで制御するためCSSのアニメーションを切る*/
  }
  nav ul li a {
    border-bottom: 1px solid #ccc;
  }
  /*矢印の位置と向き*/
  nav ul li.has-child::before {
    left: 20px;
  }
  nav ul ul li.has-child::before {
    /* [disabled]transform: rotate(135deg); */
    left: 20px;
  }
  nav ul li.has-child.active::before {
    transform: rotate(-45deg);
  }
  /*2階層目を持つliの矢印の設定*/
  nav ul li.has-child::before {
    content: '';
    position: absolute;
    top: 18px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(135deg);
  }
  /*3階層目を持つliの矢印の設定*/
  nav ul ul li.has-child::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  /*== 2・3階層目の共通設定 */
  /*下の階層を持っているulの指定*/
  nav li.has-child ul {
    /*絶対配置で位置を指定*/
    position: absolute;
    left: 0;
    top: 62px;
    /* [disabled]top: 62px; */
    z-index: 4;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    /*はじめは非表示*/
    visibility: hidden;
    opacity: 0;
    /*アニメーション設定*/
    transition: all .3s;
  }
  /*hoverしたら表示*/
  nav li.has-child:hover > ul, nav li.has-child ul li:hover > ul, nav li.has-child:active > ul, nav li.has-child ul li:active > ul {
    visibility: visible;
    opacity: 1;
  }
}
/*スマホ用　左右768までに表示 □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media only screen and (max-width: 767px) {
  #g-nav {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh; /*ナビの高さ*/
    background-color: hsla(0, 0%, 17%, 0.90);
    /*動き*/
    transition: all 0.6s;
  }
  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    right: 0;
  }
  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh; /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /*ナビゲーション*/
  #g-nav ul {
    /*ナビゲーション天地中央揃え*/
    width: 90%;
    margin: 100px auto 0 auto;
  }
  #g-nav ul ul {
    /*ナビゲーション天地中央揃え*/
    width: 90%;
    margin: 0 auto 0 auto;
  }
  /*リストのレイアウト設定*/
  #g-nav li {
    list-style: none;
    text-align: center;
    background-color: #F2F3F4;
  }
  #g-nav li a {
    /* [disabled]color: #FFFFFF; */
    text-decoration: none;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #g-nav ul li.has-child ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
    transform: none;
  }
  #g-nav .menue_osusume {
    background-color: #BF1503;
  }
  #g-nav .menue_osusume a {
    color: #FFFFFF;
  }
  /*========= バーガーボタンのためのCSS ===============*/
  .openbtn {
    position: fixed;
    z-index: 9999; /*ボタンを最前面に*/
    top: 33px;
    right: 7px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #000000;
    border-radius: 50%;
  }
  /*×に変化*/
  .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    width: 45%;
  }
  .openbtn span:nth-of-type(1) {
    top: 15px;
  }
  .openbtn span:nth-of-type(2) {
    top: 23px;
  }
  .openbtn span:nth-of-type(3) {
    top: 31px;
  }
  .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
}
/*パンくず－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.pankuzu {
  border-bottom: 1px solid #BABABA;
  margin-bottom: 2em;
  padding-top: 10px;
  padding-bottom: 1em;
  margin-top: 20px;
  /* [disabled]font-size: 12px; */
}
.pankuzu a {
  color: #3E3E3E;
  /* [disabled]font-size: 12px; */
  text-decoration: none;
}
.pankuzu a:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #E13624;
  border-bottom: 1px dashed #E13624;
}
#saikabu .pankuzu {
  border-top: 1px solid #BABABA;
  border-bottom: none;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 0;
}
#page article {
  /* [disabled]padding-top: 100px; */
}
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－indexここから－－－－－－－－－－－－－－－－－－－－－－－－ */
.index-haikei {
  width: 100%;
  margin-top: 0px;
  padding-top: 100px;
  padding-bottom: 5%;
}
.index-haikei-top {
  width: 100%;
  margin-top: 0px;
}
.haikeiosusume {
  width: 100%;
  margin-top: 0px;
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #E13624;
}
.haikeiosusume h2 {
  color: #FFFFFF;
}
.haikeiosusume h2 .subtitle {
  color: #FFFFFF;
}
.tokutyou_box a {
  text-decoration: none;
}
.tokutyou_box h4 {
  font-size: 105%;
  line-height: 1em;
  text-align: center;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #E13624;
}
.tokutyou_box p {
  line-height: 1.75em;
  color: #3E3E3E;
  /* [disabled]font-size: small; */
  padding-left: 10px;
  padding-right: 10px;
}
.imgkakudai-box {
  overflow: hidden;
  background-color: #FFFFFF;
  transition: 0.5s;
  -webkit-transition: all .5s;
}
.imgkakudai-box:hover {
  transform: scale(1.1, 1.1);
}
.imgkakudai-box h3 {
  font-weight: bold;
  font-size: 95%;
}
.haikeiosusume .imgkakudai-box h3 {
  font-weight: bold;
  font-size: 100%;
}
.imgkakudai {
  overflow: hidden;
}
.imgkakudai-text {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.index-foter-menu {
  background-color: #FFFFFF;
  height: 72px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.index-foter-menu ul {
  list-style-type: none;
  text-align: center;
  /* [disabled]width: 100%; */
  /* [disabled]float: left; */
}
.index-foter-menu ul li {
  list-style-image: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: inline-block;
}
.index-foter-menu ul li a {
  padding-top: 22px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 26px;
  font-size: 80%;
  /* [disabled]border-left: 1px solid #E9E9E9; */
  display: block;
  text-decoration: none;
  color: #3E3E3E;
}
.index-foter-menu ul li a:hover {
  background-color: #4E748B;
  opacity: 0.5;
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #F0EFEF;
}
/* CSS3フルスクリーン背景スライドショー －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
/* スライダー全体 */
#topimg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 88vh;
  background-color: #3E4046;
}
#topimg .title_h2 {
  color: #FFFFFF;
  text-shadow: 0 0 7px #3E3E3E;
  /* [disabled]z-index: 100; */
  position: absolute;
  /* [disabled]top: 40%; */
  /* [disabled]left: 22%; */
  /* [disabled]text-align: center; */
}
#topimg .title_h2 h2 {
  margin-bottom: 0;
  letter-spacing: 0.01em;
  text-align: justify;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  color: #FFFFFF;
  font-size: 2.8vh;
}
/* スライダー画像 */
#topimg .image {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/*

  ①スライド画像

  表示する画像を定義

*/
#topimg .image:nth-of-type(1) {
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/top.webp);
}
#topimg .image:nth-of-type(2) {
  animation-delay: 15s;
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/05/02.jpg);
}
/*

  ②アニメーション設定

  animation-durationのみ変更

*/
#topimg .image {
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-duration: 20s; /* ①で設定したanimation-delayを合計を挿入 */
}
/* アニメーション定義 */
@keyframes anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}
/* ボタン関係　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  clear: both;
}
.button::before, .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button, .button::before, .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  z-index: 2;
  border: 1px dotted #E13624;
  line-height: 50px;
  overflow: hidden;
  background-color: #E13624;
}
.button:hover {
  letter-spacing: 5px;
  border: 1px solid #E13624;
}
.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.button:hover::after {
  background-color: #FFFFFF;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.button a {
  color: #FFFFFF;
  display: block;
  font-weight: 700;
}
.button a:hover {
  color: #E13624;
}
/* カテゴリーボタン関係　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
#tour_tab {
  /* [disabled]padding-bottom: 50px; */
  margin-bottom: 50px;
  display: block;
}
p.cp_btn_no {
  display: block;
  padding: 0.8em;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  transition: .4s;
  margin-top: 1em;
  background-color: #4E748B;
  font-weight: bold;
  font-size: 95%;
  line-height: 2em;
}
a.cp_btn {
  display: block;
  padding: 0.8em;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  transition: .4s;
  margin-top: 1em;
  background-color: #4E748B;
  /* [disabled]font-weight: bold; */
  line-height: 2em;
  text-decoration: none;
  font-size: small;
}
a.cp_btn:hover {
  opacity: 0.5;
}
/*表組み関係－－－－－－－－－－－－－－－－－－－－－－－－ */
table.table-01 {
  font-size: 95%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px dotted #CCCCCC;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}
table.table-01 th {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
}
table.table-01 th, table.table-01 td {
  border-top-width: 0px;
  border-bottom: 1px dotted #CCCCCC;
  border-top-style: none;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.25em;
  vertical-align: middle;
}
table.table-jisseki {
  font-size: 95%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px dotted #CCCCCC;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}
table.table-jisseki th {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
}
table.table-jisseki th, table.table-jisseki td {
  border-top-width: 0px;
  border-bottom: 1px dotted #CCCCCC;
  border-top-style: none;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.25em;
  vertical-align: middle;
}
table.table-02 {
  font-size: 95%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px dotted #666666;
  margin-top: 1em;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 1em;
}
table.table-02 caption {
  text-align: left;
  margin-bottom: 0.25em;
  margin-top: 2em;
}
table.table-02 ul {
  list-style-position: outside;
  margin-left: -0.5em;
}
table.table-02 td {
  border-top-width: 0px;
  border-bottom: 1px dotted #666666;
  border-top-style: none;
  padding-right: 10px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  background-color: #FFFFFF;
}
table.table-02 th {
  border-top-width: 0px;
  border-bottom: 1px dotted #666666;
  border-top-style: none;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5em;
  background-color: #EFEFEF;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  white-space: nowrap;
}
table.table-flow {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #C3C3C3;
  margin-top: 30px;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}
table.table-flow th, table.table-flow td {
  border-top-width: 0px;
  border-bottom: 1px solid #C3C3C3;
  border-top-style: none;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  line-height: 1.25em;
  vertical-align: middle;
}
table.table-flow th {
  font-family: kozuka-gothic-pro, sans-serif;
  white-space: nowrap;
  color: #000000;
  /* [disabled]font-size: medium; */
}
table.table-flow th span {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 650%;
  font-weight: normal;
  display: block;
  padding-top: 50px;
  padding-bottom: 20px;
}
/* フッター　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
footer {
  clear: both;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #FFFFFF;
}
#footer-ue {
  color: #EFEFEF;
  padding-top: 180px;
  padding-bottom: 50px;
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/rogo.png);
  background-repeat: no-repeat;
  background-position: 50% 8%;
  background-size: 120px auto;
  text-align: center;
  /* [disabled]margin-top: 20px; */
  clear: both;
}
#footer-sita {
  background-color: #3E3E3E;
  color: #EFEFEF;
  padding-top: 50px;
  padding-bottom: 50px;
}
#footer-sita a {
  color: #EFEFEF;
  font-size: small;
}
#footer-sita a:hover {
  color: #E13624;
  transition: .8s;
}
#footer-sita li {
  line-height: 1.35em;
}
#footer-sita h3 {
  line-height: 1em;
  border-style: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: bolder;
  font-size: medium;
}
footer .toiawase a {
  border: 1px solid #E13624;
  color: #FFFFFF;
  text-align: center;
  display: block;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  background-color: #E13624;
  border-radius: 8px;
  text-decoration: none;
}
.fa-envelope {
  margin-right: 5px;
}
footer .toiawase a:hover {
  color: #E13624;
  transition: .8s;
  background-color: #FFFFFF;
}
footer .copy {
  font-size: small;
  clear: both;
  padding-top: 10px;
  text-align: center;
}
footer #footertel {
  font-size: xx-large;
}
/* フェードイン－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.row {
  overflow: hidden;
}
/* clearfix */
.cf::after {
  content: "";
  clear: both;
  display: block;
}
/* お問い合わせ－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
/* --- お問い合わせフォーム --- */
.entryform {
  margin-top: 3em;
  padding-top: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  border: 1px dotted #444543;
  background-color: #F9F9F9;
}
.c1 {
  font-weight: normal;
  color: #595858;
  border-bottom: 1px dotted #BABABA;
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.c2 {
  font-weight: normal;
  color: #595858;
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  border-bottom: 1px dotted #BABABA;
}
p.c1, p.c2 {
  margin: 0;
}
.c1:hover, .c2:hover {
  background-color: #EAEAEA;
}
.c1.last, .c2.last {
  border-bottom: none;
}
.m-alert {
  padding: 5px;
  background: #ff8080;
  color: #fff;
  margin-top: 5px;
  margin-right: 5px;
  /* [disabled]margin-left: 5px; */
  margin-bottom: 5px;
  font-weight: normal;
}
input[type=text], input[type=tel], input[type=email] {
  font-size: 15px;
}
.c1 textarea, .c2 textarea {
  font-size: 13px;
  width: 100%;
}
.file {
  margin: 10px;
  display: block;
}
span.wpcf7-list-item {
  display: block;
}
input[type=text], input[type=email], input[type=tel] {
  width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus {
  border: 1px solid #337AB7;
}
input[type=text], select, input[type=email], input[type=tel] {
  outline: none;
}
.contact_right textarea {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border: #a9a9a9 1px solid;
  width: 100%;
  padding: 0 3px;
}
.contact_right textarea:focus {
  border: 1px solid #337AB7;
}
.contact_right textarea {
  outline: none;
  width: 100%;
}
input[type=submit] {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border: #a9a9a9 1px solid;
  width: 100%;
  height: 50px;
  font-size: 20px;
  cursor: pointer;
  color: #EFEFEF;
  font-weight: bold;
  background-color: #337AB7;
  padding-top: 0;
  padding-right: 3px;
  padding-bottom: 0;
  padding-left: 3px;
  margin-top: 10px;
}
.contact_form input[type=submit] {
  width: 50%;
}
.contact_form input[type=text], .contact_form input[type=email] {
  width: 100%;
  height: 50px;
  font-size: 1.5em;
}
input[type="radio"] {
  margin: 0 0 4px 0 !important;
}
.wpcf7-not-valid-tip {
  color: #FF0000;
}
.ToiawaseKakunin {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 70%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ToiawaseKakunin a {
  text-decoration: underline;
  color: #337AB7;
}
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #BABABA;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 100%;
}
.wpcf7-validates-as-date, .wpcf7-select {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #BABABA;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 30%;
  margin-right: 0.5em;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
  border-color: #FFFFFF;
  border-style: none;
  text-align: left;
  color: #FFFFFF;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  margin-bottom: 0.5em;
  line-height: 1.25em;
  text-indent: 0px;
  background-color: #FF8080;
}
div.wpcf7-mail-sent-ok {
  border-style: none;
  color: #337AB7;
}
/* 施術メニュー－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.time-money {
  margin-bottom: 20px;
  font-size: 150%;
}
.time-money2 {
  margin-bottom: 10px;
  font-size: 150%;
}
.time-money3 {
  margin-bottom: 20px;
  font-size: 100%;
}
.yoyaku a {
  border: 1px solid #4E748B;
  color: #FFFFFF;
  text-align: center;
  display: block;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #4E748B;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 3em;
  margin-bottom: 3em;
}
.yoyaku a:hover {
  /* [disabled]opacity: 0.5; */
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #4E748B;
  background-color: #FFFFFF;
}
.present a {
  border: 1px solid #E13624;
  color: #FFFFFF;
  text-align: center;
  display: block;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #E13624;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 3em;
  margin-bottom: 3em;
}
.present a:hover {
  /* [disabled]opacity: 0.5; */
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #E13624;
  background-color: #FFFFFF;
}
#tag-navi {
  /* [disabled]height: 1em; */
  margin-bottom: 2em;
}
.tags a {
  margin-right: 1em;
  padding-top: 0.7em;
  padding-right: 1.5em;
  padding-bottom: 0.7em;
  padding-left: 1.5em;
  background-color: #4E748B;
  color: #F0EFEF;
  border-radius: 12px;
  border: 1px solid #4E748B;
  text-decoration: none;
  font-size: small;
}
.tags a:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #FFFFFF;
  color: #4E748B;
  border-color: #4E748B;
}
.single-title-h1 {
  clear: both;
  margin-bottom: 1em;
  font-weight: 600;
  font-size: 200%;
  text-align: center;
}
.kiji-header {
  text-align: center;
}
.honbun {
  padding-top: 4em;
}
.honbun h4 {
  padding-top: 2em;
}
/* 固定ページー－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.title-head-box {
  width: 100%;
  background-size: cover; /*この場合は高さが自動設定*/
  background-repeat: no-repeat;
  height: 50vh;
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/top.webp);
  background-position: center 75%;
  text-align: center;
}
#animal .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/animal-hospital3.jpg);
  background-position: center bottom;
}
#hospital .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/hospital1280.jpg);
  background-position: center center;
}
#profession .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/profession.jpg);
  background-position: right bottom;
}
#biyou .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/biyou1.jpg);
  background-position: center center;
}
#web .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/web1.jpg);
  background-position: center center;
}
#cubes .title-head-box {
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/top.webp);
  background-position: center center;
  text-align: center;
}
#performance .title-head-box {
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/top.webp);
  background-position: center center;
  text-align: center;
}
#blog .title-head-box {
  background-image: url(https://mndva.com/wp/wp-content/uploads/2025/06/top.webp);
  background-position: center bottom;
  text-align: center;
}
#news .title-head-box {
  background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/web3.jpg);
  background-position: center bottom;
}
.title-head-box .h1title {
  font-size: 190%;
  margin-top: 20vh;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  background-color: #BF1503;
  color: #FFFFFF;
  display: inline-block;
}
#animal .title-head-box .h1title {
  background-color: #519AD5;
  color: #FFFFFF;
}
#hospital .title-head-box .h1title {
  background-color: #E13624;
  color: #FFFFFF;
}
#profession .title-head-box .h1title {
  background-color: #08162E;
  color: #FFFFFF;
}
#biyou .title-head-box .h1title {
  background-color: #231815;
  color: #FFFFFF;
}
#web .title-head-box .h1title {
  background-color: #006B9B;
  color: #FFFFFF;
}
#blog .title-head-box .h1title {
  background-color: #006B9B;
  color: #FFFFFF;
  /* [disabled]margin-top: 24vh; */
  padding-right: 60px;
  padding-left: 60px;
}
#news .title-head-box .h1title {
  background-color: #231815;
  color: #FFFFFF;
  /* [disabled]margin-top: 24vh; */
  padding-right: 60px;
  padding-left: 60px;
}
/*パック特徴*/
#animal .tokutyou {
  background-color: #519AD5;
  color: #FFFFFF;
}
#biyou .toiawase_haikei, #hospital .toiawase_haikei, #animal .toiawase_haikei, #profession .toiawase_haikei {
  background-color: #F5F5F5;
  padding-top: 100px;
  padding-bottom: 100px;
}
#animal .tokutyou .h2title-w {
  color: #519AD5;
}
#hospital .tokutyou {
  background-color: #E13624;
  color: #FFFFFF;
}
#hospital .tokutyou .h2title-w {
  color: #E13624;
}
#profession .tokutyou {
  background-color: #08162E;
  color: #FFFFFF;
}
#profession .tokutyou .h2title-w {
  color: #08162E;
}
#biyou .tokutyou {
  background-color: #231815;
  color: #FFFFFF;
}
#biyou .tokutyou .h2title-w {
  color: #231815;
}
#web .tokutyou {
  background-color: #006B9B;
  color: #FFFFFF;
}
#web .tokutyou .h2title-w {
  color: #006B9B;
}
.parallax {
  height: 70vh;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg_1 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/animal-hospital.jpg");
}
.bg_2 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/price.jpg");
}
.bg_3 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/hospital2.jpg");
}
#profession .bg_1 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/index-profession2.jpg");
}
#biyou .bg_1 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/biyou2.jpg");
}
#web .bg_1 {
  background-image: url("https://cubes.cc/wp/wp-content/uploads/2020/01/web3.jpg");
}
.h2title-w {
  padding-top: 5px;
  padding-right: 30px;
  padding-bottom: 5px;
  padding-left: 30px;
  background-color: #FFFFFF;
  display: inline-block;
}
.h2title-b {
  padding-top: 5px;
  padding-right: 30px;
  padding-bottom: 5px;
  padding-left: 30px;
  background-color: #000000;
  color: #FFFFFF;
  display: inline-block;
}
.tokutyou-box {
  padding-left: 2em;
  padding-right: 2em;
}
.tokutyou h3 {
  color: #FFFFFF;
  font-size: 110%;
  border-left-style: none;
  margin-top: 50px;
  margin-left: 1px;
  padding-left: 1px;
  text-align: center;
}
.tokutyou p {
  color: #FFFFFF;
}
.topix {
  background-color: #FFFFFF;
  border: 10px solid #EFEFEF;
  margin-top: 3em;
  /* [disabled]margin-right: 10em; */
  margin-bottom: 3em;
  /* [disabled]margin-left: 10em; */
  padding-top: 5em;
  padding-right: 5em;
  padding-bottom: 5em;
  padding-left: 5em;
}
.pack-tokutyou {
  padding-bottom: 2em;
  border: 5px solid #FFFFFF;
  margin-bottom: 2em;
  padding-top: 2em;
  padding-right: 2em;
  padding-left: 2em;
}
.pack-tokutyou h1 {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0.1em;
  margin-bottom: 0.4em;
}
.pack-tokutyou h2 {
  text-align: center;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 1em;
}
blockquote {
  background-color: #FFFFFF;
  border: 10px solid #EFEFEF;
  margin-top: 3em;
  margin-bottom: 3em;
  padding-top: 5em;
  padding-right: 5em;
  padding-bottom: 5em;
  padding-left: 5em;
  margin-left: 3em;
  margin-right: 3em;
}
/* cubesについて　ー－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
#kg {
  clear: both;
  margin-bottom: 5em;
  margin-top: 10em;
}
#page h2 {
  margin-bottom: 1em;
}
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－FQAここから－－－－－－－－－－－－－－－－－－－－－－－－ */
.anser {
  padding-left: 3em;
}
/*－－－－－－－－－－－－－－－－－－－－－－－－－お問い合わせからホームページ公開までの流れ－－－－－－－－－－－－－－－－－－－－－－－－ */
.flow-box {
  border: 1px solid #CE0808;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*ブログ関係　ページナビ－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.cms-pagination {
  width: 100%;
  overflow: hidden;
  margin-top: 100px;
}
.cms-pagination ul {
  position: relative;
  float: left;
  left: 50%;
  margin-bottom: 12px;
}
.cms-pagination ul li {
  position: relative;
  float: left;
  left: -50%;
  width: 34px;
  height: 38px;
  margin: 0 2px;
  display: none;
}
.cms-pagination ul li.pagination-no-num {
  width: 50px;
  display: table;
}
.cms-pagination ul li.pagination-no-num span {
  background: #eee;
  /* [disabled]border: 1px solid #ddd; */
  color: #ccc;
}
.cms-pagination ul li.pagination-sp {
  display: table;
}
.cms-pagination ul li a, .cms-pagination ul li span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  /* [disabled]border: 1px solid #ddd; */
  background-color: #006B9B;
  color: #F7F7F7;
  text-decoration: none;
}
.cms-pagination ul li span {
  background-color: #FFFFFF;
  /* [disabled]border: 1px solid #3E3E3E; */
  color: #3E3E3E;
}
.pagination-txt {
  clear: both;
  text-align: center;
  margin-bottom: 40px;
}
.pagination-txt span {
  color: #999;
}
/* カテゴリーブログ　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.campaign-box {
  /* [disabled]margin-bottom: 2em; */
  border-bottom: 2px solid #F2F3F4;
}
.campaign-box a {
  display: block;
  background-color: #FFFFFF;
  /* [disabled]padding-right: 2em; */
  border: 1px solid #FFFFFF;
}
.campaign-box a:hover {
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #EFF0F1;
}
.campaign-box a img {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  transition: 0.5s;
}
.campaign-box a .blog-box {
  margin-top: 3em;
  margin-right: 3em;
  margin-bottom: 3em;
  margin-left: 3em;
  /* [disabled]min-height: 18em; */
}
.campaign-box a .blog-box h3 {
  margin-bottom: 0.5em;
  font-size: 130%;
  border-style: none;
  text-decoration: none;
  line-height: 1.15em;
  font-weight: normal;
  padding-bottom: 0;
  /* [disabled]height: 3em; */
  /* [disabled]display: block; */
}
.campaign-box a .blog-box h4 {
  border-style: none;
  text-decoration: none;
  line-height: 1em;
  font-weight: normal;
  padding-bottom: 0;
  margin-top: 0.5em;
  margin-bottom: 0;
}
.campaign-box a .blog-box p {
  font-size: 100%;
  line-height: 1.75em;
  margin-bottom: 1em;
  background-color: #FFFFFF;
}
/* 個別ページブログ　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.entry-hizuke {
  float: left;
  margin-right: 2em;
  margin-top: 3px;
}
.sns-button {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px dotted #3E3E3E;
  border-bottom: 1px dotted #3E3E3E;
  text-align: center;
  width: 100%;
  margin-top: 0.5em;
}
.post-navi {
  margin-top: 50px;
  margin-bottom: 1em;
}
.previous_post_link a, .next_post_link a {
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  display: block;
  color: #3E3E3E;
  text-align: center;
  border: 1px solid #FFFFFF;
  background-color: #EFEFEF;
}
.previous_post_link a:hover, .next_post_link a:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #E13624;
  color: #FFFFFF;
}
.profile-box {
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-top: 1em;
}
.blog_kiji #profile-box .row {
  padding-top: 0;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
}
.blog_kiji #profile-box h2, .profile-box h2 {
  background-color: #EFEFEF;
  text-align: center;
  font-size: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  position: relative;
  border-bottom: none;
  color: #036B9B;
}
.blog_kiji #profile-box h2:before, .blog_kiji h2:after {
  position: absolute;
  content: '';
  left: 50%;
  width: 0;
  height: 0;
  border-width: 0 0 0;
  border-style: none;
}
.blog_kiji #profile-box h2:before, .profile-box h2:before {
  bottom: 0;
  border-color: #036B9B transparent transparent;
}
.blog_kiji #profile-box h2:after, .profile-box h2:after {
  bottom: 0;
  border-color: #fff transparent transparent;
}
.blog_kiji #profile-box h3, .profile-box h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0.5em;
  font-size: 100%;
  background-color: #FFFFFF;
  color: #036B9B;
  padding: 0;
  border-bottom-style: none;
}
.blog_kiji #profile-box h3::after, .profile-box h3::after {
  position: absolute;
  left: 0;
  top: 100%;
  content: " ";
  border-bottom-style: none;
  border-bottom-width: 0;
  border-right: 0 none #acacac;
  border-top-style: none;
  border-left-style: none;
}
.blog_kiji #profile-box p {
  line-height: 1.5em;
}
.blog_kiji #profile-box #profile-box_sns {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 1em;
  display: table;
}
.blog_kiji #profile-box #profile-box_sns a {
  font-size: 260%;
  margin-top: 1em;
  color: #006B9B;
  margin-right: 0.5em;
}
.blog_kiji #profile-box #profile-box_sns a:hover {
  opacity: 0.5;
  -webkit-transition: all .5s;
  transition: all .5s;
}
/* カテゴリーお知らせnews　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.news_box a {
  border-bottom: 1px solid #BABABA;
  display: block;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #3E3E3E;
  padding-right: 2em;
  padding-left: 2em;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-decoration: none;
}
.news_box a:hover {
  background-color: #EFEFEF;
}
.news_box h3 {
  margin-top: 0em;
  margin-bottom: 0em;
  border-style: none;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0em;
  margin-left: 0em;
}
/* 実績　エントリーページ　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
.jisseki {
  background-color: #E13624;
  color: #FFFFFF;
  font-size: large;
  padding-top: 0.3em;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  margin-right: 0.5em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: normal;
}
/* blog記事　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
video {
  border: 1px solid #C8C8C8;
}
#performance #content {
  background-color: #F8F8F7;
}
#performance #content h4 {
  color: #3E3E3E;
  margin-bottom: 0.3em;
  margin-top: 3em;
}
#content img {
  border: 1px solid #C8C8C8;
  margin-top: 1em;
  margin-bottom: 1em;
}
#performance #content img {
  border: 0 none #C8C8C8;
  -webkit-box-shadow: 0 0 10px hsla(0, 0%, 78%, 0.78);
  box-shadow: 0 0 10px hsla(0, 0%, 78%, 0.78);
}
#performance #content .keimaki img {
  border: 1px solid #C8C8C8;
  margin-top: 1em;
  margin-bottom: 1em;
}
#blog .keimaki img {
  border: 1px solid #C8C8C8;
  margin-top: 1em;
  margin-bottom: 1em;
}
#animal .keimaki img {
  border: 1px solid #C8C8C8;
  margin-top: 0;
  margin-bottom: 1em;
}
#animal .haikei a {
  text-decoration: none;
  color: #3E3E3E;
}
#animal .haikei h3 {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-style: none;
  /* [disabled]font-size: medium; */
  padding-top: 0.5em;
  /* [disabled]margin-top: 3em; */
  background-color: #519AD5;
  color: #FFFFFF;
  text-align: center;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
/*　■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 2020テスト追加*/
.sd-content {
  margin-top: 2em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .cp_timeline02:before {
    left: 0;
  }
  .cp_timeline02 ul {
    z-index: 1;
    padding: 0 0 0 1.5em;
  }
  .cp_timeline02 li {
    width: 100%;
  }
  .cp_timeline02 li:nth-child(even), .cp_timeline02 li:nth-child(odd) {
    float: none;
  }
  .cp_timeline02 li:nth-child(odd):before {
    right: auto;
    left: -14px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #FFF8E1 transparent transparent;
  }
  .cp_timeline02 li:nth-child(odd)::after {
    right: auto;
    left: -16px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #FFCA28 transparent transparent;
  }
}
/*20230329追加*/
.osirase-box {
  border: 3px solid #C8C8C8;
  padding-top: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}
.osirase-box h3 {
  font-weight: normal;
  font-size: 1.5rem;
}
.migi {
  text-align: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
.img-max {
  width: 100%;
  height: auto;
}
.ticket h2 {
  margin-top: 2em;
  margin-bottom: 0.2em;
  font-size: 2.5rem;
  text-align: center;
}
.ticket h3 {
  margin-top: 0;
  font-size: 2rem;
  text-align: center;
}
.ticket ul {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1.2rem;
  margin-left: 15%;
}
#animal em {
  margin-top: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #FFFFFF;
  background-color: #DE6B7C;
  font-weight: bold;
  border-radius: 0.3em;
  display: inline-block;
}
#animal .check {
  font-size: 2em;
  margin-bottom: 0.5em;
  color: #519AD5;
  border-style: none;
}
.anygift {
	clear: both;	
}
.anygift-gift-ui__container {
    width: 100% !important; # 必ず入れる
    margin: 10px 0px !important; # カートに入れるボタンとの間にmarginが必要な場合
}

.anygift-gift-ui__main-button {
    border-radius: px !important; # カートに入れるボタンと同じborder-radiusにする
    height: px !important; # カートに入れるボタンを同じheightにする
    font-family: serif !important;
    font-size: 12px !important;
}
/*スマホ用　左右768までに表示 □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■  □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ */
@media only screen and (max-width: 767px) {
  #header #head_rogo {
    text-align: center;
  }
  #header #head_rogo a img {
    width: 80px;
    margin-top: 0;
    margin-left: 0;
    float: none;
    clear: both;
  }
  /*fixedでブロックがなくなるのではじめの要素のトップに余白を持たせる*/
  a.cp_btn {
    line-height: 1.35em;
    font-size: 0.95em;
    height: 5em;
  }
  a.cp_btn:hover {
    opacity: 0.5;
  }
  #tour_tab {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #tour_tab .columns {
    float: left;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .yoyaku a {
    margin-bottom: 0;
    font-size: small;
  }
  .present a {
    font-size: small;
    margin-top: 1em;
    margin-bottom: 0;
  }
  #tag-navi {
    padding-top: 1em;
  }
  .index-foter-menu {
    display: none;
  }
  .pc_only {
    display: none;
  }
  body, body p {
    /* [disabled]font-size: 90%; */
    line-height: 2em;
  }
  a {
    font-size: 105%;
  }
  h1 {
    font-size: 180%;
  }
  h3 {
    font-size: 130%;
    margin-bottom: 1em;
    /* [disabled]line-height: 1.3em; */
    padding-bottom: 0.5em;
  }
  h4 {
    margin-bottom: 0.3em;
    font-size: 110%;
  }
  header h1 {
    font-size: x-small;
    font-weight: normal;
    line-height: 1.25em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
  }
  #luxbar {
    z-index: 20000;
    position: fixed;
  }
  .luxbar-brand {
    padding-left: 10px;
  }
  .luxbar-header a span {
    display: flex;
    font-weight: 600;
    padding-top: 22px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .luxbar-header a img {
    padding-right: 0.5em;
  }
  #headrogo {
    width: 50%;
  }
  #topimg {
    height: 80vh;
  }
  #topimg .title_h2 {
    text-shadow: 0 0 7px #3E3E3E;
    z-index: 100;
    position: absolute;
    top: 10%;
    left: 42%;
    text-align: left;
    writing-mode: vertical-rl;
  }
  #topimg .title_h2 h2 {
    font-size: 1.35rem;
  }
  .tm50sp {
    margin-top: 50px;
  }
  .bm100pc {
    margin-bottom: 50px;
  }
  .bm100 {
    margin-bottom: 50px;
  }
  .tm100pc {
    margin-top: 50px;
  }
  .tm100 {
    margin-top: 50px;
  }
  .tm200 {
    margin-top: 50px;
    clear: both;
  }
  .haikei-top {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .haikei, .haikeiosusume, .haikei_news, .web_plan_haikei {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .imgkakudai-box {
    margin-bottom: 30px;
  }
  .topbar50 {
    padding-top: 20px;
  }
  .br:before {
    content: "\A"; /*改行を示すコード*/
    white-space: pre;
  }
  /*パンくず－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .pankuzu {
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: 1.75em;
  }
  /* index－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .index-haikei {
    padding-top: 10vh;
  }
  .index-haikei-top {
    padding-bottom: 10%;
  }
  .circle_web, .circle_dtp, .circle_dtv, .circle_consul {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    color: #EFEFEF;
    font-size: 100%;
    letter-spacing: normal;
  }
  /* 施術ここから －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .time-money,.time-money2,.time-money3 {
  text-align: center;
  }
  .single-title-h1 {
    clear: both;
    font-size: 180%;
    text-align: left;
  }
  /* お知らせ－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  footer .toiawase a {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center;
    font-size: x-large;
    border-radius: 16px;
  }
  .entryform h2 {
    margin-bottom: 20px;
    font-size: 150%;
    color: #E13624;
  }
  .entryform li {
    line-height: 1.35em;
    font-size: medium;
    margin-bottom: 0.5em;
  }
  .entryform a {
    text-decoration: underline;
    color: #3A3B3C;
  }
  /* 固定ページー－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .title-head-box {
    height: 22vh;
  }
  .title-head-box .h1title {
    font-size: 120%;
    margin-top: 8vh;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: #08162E;
    color: #FFFFFF;
    display: inline-block;
  }
  #biyou .title-head-box .h1title {
    font-size: 120%;
    margin-left: 5%;
    margin-right: 5%;
  }
  #news .title-head-box .h1title, #blog .title-head-box .h1title {
    padding-right: 10%;
    padding-left: 10%;
  }
  #blog .title-head-box .h1title {
    padding-right: 30px;
    padding-left: 30px;
  }
  /* 固定ページー－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  table.table-01, table.table-02 {
    font-size: 90%;
  }
  table.table-02 {
    border: 1px solid #C8C8C8;
  }
  table.table-02 td {
    padding-right: 10px;
    padding-left: 10px;
  }
  table.table-02 th {
    border-top-width: 0px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    white-space: normal;
    border-style: none;
  }
  table.table-02 th, table.table-02 td {
    width: 100%;
    display: block;
    border-style: none;
  }
  table.table-flow {
    border-bottom: 1px solid #C3C3C3;
    border-top-style: none;
  }
  table.table-flow th, table.table-flow td {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.25em;
    vertical-align: middle;
    width: 100%;
    display: block;
    border-top: none;
  }
  table.table-flow th {
    border-top: 1px solid #C3C3C3;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  }
  table.table-flow td {
    border-style: none;
  }
  table.table-flow th {
    font-family: kozuka-gothic-pro, sans-serif;
    white-space: nowrap;
    color: #000000;
  }
  table.table-flow th span {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 650%;
    font-weight: normal;
    display: block;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .w-box {
    background-color: hsla(0, 0%, 100%, 0.90);
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 10px solid #EFEFEF;
  }
  .haikei, .haikei4, .tokutyou {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pack-tokutyou {
    padding-bottom: 1em;
    border: 5px solid #FFFFFF;
    margin-bottom: 2em;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
  }
  .pack-tokutyou h1 {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0.1em;
    margin-bottom: 1em;
    font-size: 160%;
  }
  .pack-tokutyou h2 {
    text-align: left;
    margin-bottom: 1em;
    padding-top: 0px;
    font-size: 120%;
    line-height: 1.35em;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 1em;
  }
  .parallax {
    height: 30vh;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #footer-ue {
    /* [disabled]font-size: large; */
  }
  #footer-sita h3 {
    font-size: large;
    color: #E13624;
  }
  #footer-sita ul {
    margin-bottom: 3em;
  }
  #footer-sita ul li {
    margin-bottom: 0.4em;
  }
  #footer-sita ul li a {
    font-size: large;
    line-height: 1.35em;
  }
  .Center-pc {
    text-align: left;
  }
  .topix {
    margin-top: 1.5em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-bottom: 0px;
  }
  #animal .haikei .topix h3 {
    margin-top: 0;
  }
  .hospital {
    padding-top: 250px;
    padding-bottom: 0px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/hospital_750.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  .hospital1 {
    padding-top: 250px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/hospital.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  #hospital .tokutyou .h2title-w {
    font-size: 160%;
  }
  .animal {
    padding-top: 230px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/ah3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  .animal1 {
    padding-top: 230px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/ah1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  .profession {
    padding-top: 250px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/profession-back4.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  .profession1 {
    padding-top: 250px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/profession-back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  #biyou .biyou {
    padding-top: 250px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/biyou750-2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  #biyou .biyou1 {
    padding-top: 250px;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/biyou750.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
    background-size: contain;
  }
  .hospital .w-box, .hospital1 .w-box, .animal .w-box, .animal1 .w-box, .profession .w-box, .profession1 .w-box, .biyou .w-box, .biyou1 .w-box {
    background-color: hsla(0, 0%, 100%, 1.0);
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 10px none #EFEFEF;
  }
  .campaign-box a .blog-box {
    margin-top: 1.5em;
    margin-right: 1em;
    margin-bottom: 1.5em;
    margin-left: 1em;
    min-height: 1em;
  }
  .campaign-box a .blog-box h3 {
    margin-bottom: 0.5em;
    padding-bottom: 0em;
    font-size: 120%;
    border-style: none;
    text-decoration: none;
  }
  .campaign-box a .blog-box h4 {
    font-size: 105%;
    border-style: none;
    text-decoration: none;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0;
    margin-top: 0.5em;
    margin-bottom: 0;
  }
  #tag-navi {
    margin-top: -2px;
    clear: both;
    display: block;
    width: 100%;
  }
  blockquote {
    background-color: #FFFFFF;
    border: 10px solid #EFEFEF;
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-left: 1em;
    margin-right: 1em;
    clear: both;
    float: none;
  }
  #blog .single-title-h1, #news .single-title-h1, #performance .single-title-h1 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 160%;
    line-height: 1.25em;
    clear: both;
    float: left;
    width: 100%;
  }
  #performance .single-title-h1 {
    margin-top: 1em;
  }
  .post-navi {
    margin-top: 2em;
  }
  .blog_kiji h2 {
    margin-top: 2em;
    /* [disabled]font-size: 135%; */
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  .blog_kiji #profile-box h2 {
    margin-top: 0;
  }
  .blog_kiji h3 {
    margin-top: 2em;
    font-size: 135%;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  .haikeiosusume .imgkakudai-box h3 {
    text-align: center;
  }
  .faq-box {
    padding-top: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    background-color: #F9F9F9;
    margin-top: 1.5em;
    border-radius: 0.5em;
  }
  .faq-box p {
    line-height: 1.75em;
  }
  .faq-box p strong {
    font-size: 1.35em;
    margin-bottom: 1em;
    display: inline-block;
    color: #519AD5;
  }
  /*20230329追加*/
  .osirase-box {
    border: 3px solid #C8C8C8;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
  }
  .osirase-box h3 {
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
  }
  .ticket h2 {
    margin-top: 0;
    margin-bottom: 0.2em;
    font-size: 1.75rem;
    text-align: center;
  }
  .ticket h3 {
    margin-top: 0;
    font-size: 1.3rem;
    text-align: center;
  }
  .ticket ul {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    margin-left: 0%;
  }
  .ticket ul li {
    line-height: 1.35em;
  }
  #animal .check {
    font-size: 1.35em;
  }
  #animal em {
    line-height: 1.4em;
  }
  #biyou .toiawase_haikei, #hospital .toiawase_haikei, #animal .toiawase_haikei, #profession .toiawase_haikei {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/*iPhone5用　左右640までに表示 □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ */
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio: 2) {
  .pankuzu {
    /* [disabled]font-size: medium; */
  }
  .pankuzu a {
    /* [disabled]font-size: medium; */
  }
}
/* PC・タブレット用 □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ □ ■ */
@media only screen and (min-width: 768px) {
  .mobile_only {
    display: none;
  }
  .br-pc:before {
    content: "\A"; /*改行を示すコード*/
    white-space: pre;
  }
  /* インデックスヘッダー周り－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  #topimg .title_h2 {
    z-index: 100;
    top: 10%;
    left: 47%;
    writing-mode: vertical-rl;
  }
  .blog_category_name {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
  }
  #index-blog a .imgkakudai-text {
    margin-top: 1em;
  }
  #index-blog a .imgkakudai-text h3 {
    font-weight: normal;
    line-height: normal;
  }
  .related-tags a {
    min-height: 20em;
  }
  .related-tags a .post-title {
    font-size: 0.8em;
    line-height: 1.5em;
    text-decoration: none;
  }
  .tokutyou_box p {
    /* [disabled]height: 8em; */
  }
  .haikeiosusume .imgkakudai-box h3 {
    text-align: center;
  }
  /* index　newsここから －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .news-bar {
    background-color: #FFFFFF;
  }
  .cb-slideshow li span {
    height: 90vh;
  }
  #headrogo {
    width: 13%;
    max-width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer #footertel {
    font-size: xx-large;
    margin-right: 2em;
  }
  .imgkakudai-box {
    margin-bottom: 3em;
    height: 28em;
  }
  #index-blog {
    padding-bottom: 100px;
    clear: both;
    float: left;
    width: 100%;
  }
  #index-blog .imgkakudai-box {
    margin-bottom: 0em;
  }
  #index-blog .imgkakudai img {
    /* [disabled]padding-top: 100%; */
    display: block;
  }
  /* ページナビ－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .cms-pagination ul li {
    width: 40px;
    height: 44px;
    margin: 0 3px;
    display: table;
  }
  .cms-pagination ul li a {
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  .cms-pagination ul li a:hover {
    background: #ccc;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  .cms-pagination ul li.pagination-no-num {
    width: 60px;
  }
  .pagination-txt {
    margin-bottom: 60px;
  }
  /* コンセプト－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  .haikei-top {
    padding-top: 0px;
    padding-bottom: 100px;
  }
  .haikei, .haikei4, .tokutyou {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .web_plan_haikei {
    width: 100%;
    margin-top: 10%;
    padding-top: 10%;
    padding-bottom: 10%;
    background-color: #EFEFEF;
  }
  .entryform h2 {
    border-bottom-style: none;
  }
  /*2020テスト追加*/
  .animal {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/ah3.jpg);
    background-repeat: no-repeat;
    background-position: right 30px;
    float: left;
    clear: both;
    padding-left: 50px;
  }
  .animal1 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/ah1.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    float: left;
    clear: both;
  }
  .hospital {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/hospital_750.jpg);
    background-repeat: no-repeat;
    background-position: right 30px;
    float: left;
    clear: both;
    padding-left: 50px;
  }
  .hospital1 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/hospital.jpg);
    background-repeat: no-repeat;
    background-position: left 20px;
    float: left;
    clear: both;
  }
  .profession {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/profession-back4.jpg);
    background-repeat: no-repeat;
    background-position: left 30px;
    float: left;
    clear: both;
    padding-left: 50px;
  }
  .profession1 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/profession-back.jpg);
    background-repeat: no-repeat;
    background-position: right 20px;
    float: left;
    clear: both;
  }
  #biyou .biyou {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/biyou750-2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    clear: both;
  }
  #biyou .biyou1 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/biyou750.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
  }
  #web .animal {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/web-1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
  }
  #web .animal1 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-image: url(https://cubes.cc/wp/wp-content/uploads/2020/01/web-3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
  }
  .w-box {
    background-color: hsla(0, 0%, 100%, 0.90);
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 10px solid #EFEFEF;
  }
  #profession .w-box strong {
    color: #08162E;
    margin-right: 0.2em;
  }
  table.table-02 th {
    width: 35%;
  }
  /* ヘッダー　フッター－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
  header h1 {
    font-size: small;
    font-weight: normal;
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: center;
  }
  .line_button_footer img {
    height: 42px;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .line_button_footer img:hover {
    opacity: 0.75;
  }
  .faq-box {
    padding-top: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    background-color: #F9F9F9;
    margin-top: 2em;
    border-radius: 0.5em;
  }
  .faq-box p strong {
    font-size: 1.35em;
    margin-bottom: 1em;
    display: inline-block;
    color: #519AD5;
  }
}