@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 全体 */
:root {
  --maxWD-inner: 944px; /* innerの最大幅 */
  --maxWD-inner-sm: 840px; /* inner(小)の最大幅 */

  --c-text: #1e1e1e; /* テキスト */
  --c-primary: #00539d;
  --c-link: #00539d;
  --c-bk-black: #00070c; /* 黒背景 */

  --padding-PC-top-big: 104px; /* 共通の上パッディング設定(大) */
  --padding-SP-top-big: 72px;
  --padding-PC-bottom-big: 104px; /* 共通の下パッディング設定(大) */
  --padding-SP-bottom-big: 72px;

  --padding-PC-top: 72px; /* 共通の上パッディング設定 */
  --padding-SP-top: 40px;
  --padding-PC-bottom: 72px; /* 共通の下パッディング設定 */
  --padding-SP-bottom: 40px;

  --padding-PC-top-sml: 54px; /* 共通の上パッディング設定(小) */
  --padding-SP-top-sml: 24px;
  --padding-PC-bottom-sml: 54px; /* 共通の下パッディング設定(小) */
  --padding-SP-bottom-sml: 24px;

  --padding-inn-PC-top: 48px; /* 共通のinner上パッディング設定 */
  --padding-inn-SP-top: 24px;
  --padding-inn-PC-bottom: 48px; /* 共通のinner下パッディング設定 */
  --padding-inn-SP-bottom: 24px;

  --padding-inn-PC-top-sml: 24px; /* 共通のinner内の上パッディング設定(小) */
  --padding-inn-SP-top-sml: 16px;
  --padding-inn-PC-bottom-sml: 24px; /* 共通のinner内の下パッディング設定(小) */
  --padding-inn-SP-bottom-sml: 16px;

  --margin-PC-div-top: 24px; /* inner内divの上マージン設定 */
  --margin-SP-div-top: 32px;
  --margin-PC-div-bottom: 24px; /* inner内divの下マージン設定 */
  --margin-SP-div-bottom: 32px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パッディング用（共通） */
.padding-t-sec {
  /* 共通の上パッディング設定 */
  padding-top: var(--padding-PC-top);
}
.padding-b-sec {
  padding-bottom: var(--padding-PC-bottom);
}

.padding-t-big {
  /* 共通の上パッディング設定(大) */
  padding-top: var(--padding-PC-top-big);
}
.padding-b-big {
  padding-bottom: var(--padding-PC-bottom-big);
}

.padding-t-sml {
  /* 共通の上パッディング設定(小) */
  padding-top: var(--padding-PC-top-sml);
}
.padding-b-sml {
  padding-bottom: var(--padding-PC-bottom-sml);
}

.padding-inn-t-sec {
  /* 共通のinner上パッディング設定 */
  padding-top: var(--padding-inn-PC-top);
}
.padding-inn-b-sec {
  padding-bottom: var(--padding-inn-PC-bottom);
}

.padding-inn-t-sec-sml {
  /* 共通のinner内の上パッディング設定(小) */
  padding-top: var(--padding-inn-PC-top-sml);
}
.padding-inn-b-sec-sml {
  padding-bottom: var(--padding-inn-PC-bottom-sml);
}

.margin-div-t {
  padding-top: var(--margin-PC-div-top);
}
.margin-div-b {
  padding-bottom: var(--margin-PC-div-bottom);
}

@media only screen and (max-width: 768px) {
  /* タブレット・スマホ用 */
  .padding-t-sec {
    padding-top: var(--padding-SP-top);
  }
  .padding-b-sec {
    padding-bottom: var(--padding-SP-bottom);
  }

  .padding-t-big {
    padding-top: var(--padding-SP-top-big);
  }
  .padding-b-big {
    padding-bottom: var(--padding-SP-bottom-big);
  }

  .padding-t-sml {
    padding-top: var(--padding-SP-top-sml);
  }
  .padding-b-sml {
    padding-bottom: var(--padding-SP-bottom-sml);
  }

  .padding-inn-t-sec {
    padding-top: var(--padding-inn-SP-top);
  }
  .padding-inn-b-sec {
    padding-bottom: var(--padding-inn-SP-bottom);
  }

  .padding-inn-t-sec-sml {
    padding-top: var(--padding-inn-SP-top-sml);
  }
  .padding-inn-b-sec-sml {
    padding-bottom: var(--padding-inn-SP-bottom-sml);
  }

  .margin-div-t {
    padding-top: var(--margin-SP-div-top);
  }
  .margin-div-b {
    padding-bottom: var(--margin-SP-div-bottom);
  }
}

#LP_camp_box {
  overflow: hidden;
  color: var(--c-text);
  line-height: 1.7;
  background-color: #fefefe;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック体", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande",
    "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
.material-symbols-outlined {
  /* Googleアイコンフォント関連 */
  display: inline-flex;
  vertical-align: middle;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* テキスト(全体) */

#LP_camp_box h3 {
  font-size: 2rem;
}

#LP_camp_box p {
  text-align: left;
}
#LP_camp_box p.txt-center {
  text-align: center !important;
}

.f_noto-serif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
}
.f_noto-sans {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
}

.txt-s-small {
  font-size: 0.9375rem;
}

.txt-c-wh {
  color: #fff !important;
}

@media screen and (max-width: 575px) {
  #LP_camp_box h3 {
    font-size: 1.25rem;
  }
}

/* 改行の設定 */
br.is-pc {
  display: block;
}
br.is-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  br.is-pc {
    display: none;
  }
  br.is-sp {
    display: block;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* Flex */

.grid-inn-gap {
  column-gap: 4rem;
}
@media screen and (max-width: 368px) {
  .grid-inn-gap {
    column-gap: 2rem;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* リスト */

#LP_camp_box ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
#LP_camp_box ul li {
  position: relative;
  list-style: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ナビゲーション(ページ内リンク) */
.navmenu_wrapper {
	background-color: #fff;
	color: var(--c-text);
	background-repeat: repeat-x;
  padding: 0;
}
.navmenu_wrapper nav {
  width: 100%;
}
.nav_logo_inner {
  padding-left: 1rem;
}

ul.navmenu_ul {
    padding-top:1em;
    width: 100%;
    margin:0;
	  display: flex;
    justify-content: flex-end;
    align-items:center;
}
ul.navmenu_ul li {
    display: inline-block;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.8 !important;
    list-style: none;
    padding-right: 1rem;
	text-align: center;
 }
ul.navmenu_ul li:last-child {
	background: #00A6D7;
background: linear-gradient(90deg, rgba(0, 166, 215, 1) 0%, rgba(0, 89, 164, 1) 100%);
	padding: 0.8em 1em;
}
ul.navmenu_ul li:hover {
	opacity: 0.6;
}
ul.navmenu_ul li a {
    color: var(--c-text) !important;
	text-decoration: none;
    line-height: 1.8em !important;
}
ul.navmenu_ul li:last-child a {
	color: #fff !important;
    font-weight: 500 !important;
}
ul.navmenu_ul li span {
    display: inline-block;
}

.img_bitstrong_logo {
  max-width: 160px;
}


/*== 768px以下の形状 ==*/
@media screen and (max-width:768px){
	div.navmenu_wrapper {
		position: relative;
	}
	div.navmenu_wrapper {
		overflow-x: auto;
		overflow-y: hidden;
	}
	ul.navmenu_ul {
        padding-top:0.5em;
        padding-right: 0;
		width: max-content;
        justify-content: flex-start;
	}
}

@media only screen and (max-width: 599px) { /* スマホ用 */
    ul.navmenu_ul li {
        font-size: 0.75em;
    }
    .img_bitstrong_logo {
      display: none;
    }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー */
div.header_wrapper {
  width: 100%;
  background-color: #e4e7ea;
}

div.header-content_wapper {
  width: 100%;
  position: relative;
}
div.header-content-logo {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 80px;
  z-index: 3;
}
div.header-content-mainimg {
  z-index: 2;
}

div.header-content-logo h1 {
  width: 100%;
  text-align: center;
}
div.header-content-logo h1 img {
  width: min(80%, 430px) !important;
  height: auto !important;
}

div.header-content-mainimg img {
  width: 100%;
  max-width: 1200px;
  height: auto !important;
}

@media screen and (max-width: 768px) {
  div.header-content-logo {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
  }
  div.header-content-mainimg {
    position: relative;
    margin-top: -40px;
  }
}

div.header_wrapper h2 {
  width: 100%;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  background-color: var(--c-bk-black);
  padding: 1.5rem;
  margin-bottom: 0 !important;
}

.header-aboutlist_wrapper {
  width: 100%;
  background: #00A2D4;
background: linear-gradient(90deg, rgba(0, 162, 212, 1) 0%, rgba(0, 100, 171, 1) 50%, rgba(0, 82, 159, 1) 100%);
  color: #fff;
  padding: 2rem 0;
}
div.header-aboutlist_wrapper div {
  padding: 1rem 2rem;
  border-right: 1px solid;
}
div.header-aboutlist_wrapper div:last-of-type {
  border-right: none;
}
div.header-aboutlist_wrapper div p {
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center !important;
  font-weight: 500;
  padding-top: 0.75rem;
}
.img_icon_header {
  max-width: 80px;
  height: auto !important;
}

.header-camp_wrapper { /* キャンペーン */
  display: block;
  width: min(96%, var(--maxWD-inner-sm) );
  margin: 40px auto;
  background-color: #d5d8db;
  padding: 1rem 1.5rem;
}
.header-camp_wrapper h4 {
  background-color: #fff;
  padding: 0.5rem;
}
.header-camp_wrapper p {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center !important;
}
p.p-campdate {
  color: var(--c-primary);
  font-size: 1.25rem;
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin-top: 16px;
}
.img_10off_logo {
  max-width: 357px;
}

.header-btn_wrapper { /* 問い合わせ＆購入ボタン */
  width: 100%;
}
.header-btn_wrapper .d-sm-flex {
  max-width: var(--maxWD-inner-sm);
  margin: 0 auto;
}
.header-btn_wrapper .btn_wrapper {
  max-width: 384px;
}


@media screen and (max-width: 768px) {
  div.header_wrapper {
  padding-top: 3rem;
  }
  div.header_wrapper h2 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 575px) {
  .header_wrapper {
  width: 96%;
  }
div.header_wrapper h2 {
    font-size: 1.125rem;
  }
  div.header-aboutlist_wrapper div {
    border-right: none;
    display: flex !important;
    align-items: center;
    padding: 0.25rem 1rem;
  }
  div.header-aboutlist_wrapper div p {
    text-align: left !important;
    padding-left: 2rem;
    font-size: 1rem;
  }
  .img_icon_header {
    width: 50px !important;
  }
  .header-camp_wrapper h4 {
    font-size: 1.25rem;
  }

  .header-btn_wrapper .d-sm-flex > div {
    margin-bottom: 2rem;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ムービー */
div.movie_wrapper {
  width: 100%;
  background-color: #ebecef;
}
div.movie_wrapper h3 {
  margin-bottom: 1.5rem;
}

/* ムービー用Div指定(単体) */
div.demomov_wrapper .LP_movie_box {
  width: 100%;
  margin: 0 auto;
}

/* ムービー用Div指定(共通) */
.LP_movie_box .movie-wrap {
  width: min(80%, 640px);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.LP_movie_box .inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.LP_movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.LP_movie_box p {
  text-align: center !important;
  margin-top: 1rem;
}

@media (min-width: 960px) {
  /* PC用 */
  div.demomov_wrapper .movie-wrap {
    width: 560px;
  }
  div.demomov_wrapper iframe {
    width: 560px !important;
    height: 315px !important;
  }
}
@media only screen and (max-width: 959px) {
  /* スマホ用 */
  div.demomov_wrapper .movie-wrap {
    width: 90%;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 問い合わせ */
.inquiry_wrapper {
  width: 100%;
  background: #00A2D4;
background: linear-gradient(90deg, rgba(0, 162, 212, 1) 0%, rgba(0, 100, 171, 1) 50%, rgba(0, 82, 159, 1) 100%);
}

.inquiry_wrapper > div {
  width: min(90%, var(--maxWD-inner));
  margin: 0 auto;
}

.inquiry_wrapper h6 {
  font-size: 1.625rem;
  display: inline-block;
  width: min(92%, var(--maxWD-inner-sm));
  color: #fff;
  border-bottom: 1px solid;
  margin: 0 auto;
  padding-bottom: 0.5em;
  text-align: center;
}

.inquiry_wrapper div.d-sm-flex {
  width: min(92%, var(--maxWD-inner-sm));
  margin: 0 auto;
  color: #fff;
  align-items: center;
  column-gap: 3rem;
}
.inquiry_wrapper div.d-sm-flex > div:first-of-type {
  width: 45%;
}
.inquiry_wrapper div.d-sm-flex > div:last-of-type {
  width: 55%;
}

.inquiry_wrapper div.btn_wrapper {
  margin-top: 8px;
}

img.img_TELno {
  /* 問い合わせ番号 */
  width: min(96%, 324px);
  height: auto !important;
}
.inquiry_wrapper div.d-sm-flex p {
  margin-bottom: 0.25rem;
}
p.ttl-vetsdesk {
  font-weight: 500;
  text-align: center !important;
}
p.ttl-workingtime {
  text-align: center !important;
  padding-top: 4px;
}

@media only screen and (max-width: 769px) {
  div.inquiry_wrapper div.d-sm-flex {
    column-gap: 1.5rem;
  }
}

@media only screen and (max-width: 575px) {
  /* タブレット・スマホ用 */
  .inquiry_wrapper h6 {
  font-size: 1.25rem;
}
  div.inquiry_wrapper div.d-sm-flex {
    width: 86%;
    text-align: center;
  }
  div.inquiry_wrapper div.d-sm-flex > div:first-of-type {
    width: 100%;
  }
  div.inquiry_wrapper div.d-sm-flex p {
    text-align: center !important;
  }
  div.inquiry_wrapper div.d-sm-flex > div:last-of-type {
    width: 100%;
    margin-top: 1rem;
  }
  img.img_TELno {
    max-width: 400px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 価格一覧ページへ */
div.aohualist_wrapper {
  width: 100%;
  text-align: center;
  background-color: #4a4f54;
  padding-top: 3rem;
    padding-bottom: 3rem;
}
div.aohualist_wrapper div.row {
  width: min(90%, var(--maxWD-inner));
  margin: auto;
}

div.aohualist_wrapper h6 {
  font-family: "Noto Serif JP", serif;
  font-size: 1.1875rem;
  color: #fff;
  margin: 0 auto 1.5rem;
  text-align: center;
}

div.aohualist_wrapper p {
  color: #fff;
  margin: 1rem auto 0;
  text-align: center;
}

@media screen and (max-width: 575px) {
  div.aohualist_wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* div「特徴」 */

.feature_wrapper {
  width: 100%;
}
.feature_wrapper div.row {
  width: min(96%, var(--maxWD-inner));
  margin: auto;
}
.feature_wrapper h3 {
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
}


/* == div「feature01」== */

.feature01_wrapper {
  background-color: #fff;
  background-image: url("https://vetswan.s3.amazonaws.com/upload/feature_data/20268/lp_img/bg_ft20268_01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.ft01_ul_inner { /* 特徴リスト */
  width: min(96%, 740px);
  background-color: rgb(239, 241, 245, 0.9);
  margin: 0 auto;
  padding: 1.5em 2em;
}
div.feature01_wrapper ul {
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 2.1;
}
div.feature01_wrapper ul li {
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--c-text);
}
div.feature01_wrapper ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #003e95;
  border-radius: 50%;
  margin-right: 8px;
}

div.feature01_wrapper div.d-sm-flex {
  column-gap: 3rem;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 575px) {
div.feature01_wrapper h3 {
  font-size: 1.5rem;
  text-align: left;
}
div.feature01_wrapper ul {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1rem !important;
  line-height: 1.7;
}
div.feature01_wrapper ul li {
  font-size: 1.125rem;
    padding: 0.2em 0 0 0;
  }
}

@media only screen and (max-width: 575px) {

}


/* == div「feature02」== */

.feature02_wrapper {
  background-color: #eff1f5;
}
.feature02_wrapper p {
  text-align: center !important;
}


/* == div「feature03」== */

.feature03_wrapper {
  background-color: #fff;
  background-image: url("https://vetswan.s3.amazonaws.com/upload/feature_data/20268/lp_img/bg_ft20268_02.jpg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100dvh;
}
.feature03-right_inner {
  
}
.feature03-right_inner h3 {
  text-align: left !important;
}

@media screen and (max-width: 575px) {
.feature03_wrapper {
  background-image: none;
}
}

/* == div「feature04」== */

.feature04_wrapper {
  background-color: #dee0e4;
}
.feature04_wrapper h3 {
  text-align: left !important;
  margin-bottom: 1em;
}

@media only screen and (max-width: 575px) {
.feature04_wrapper h3 {
  margin-top: 3rem;
}
}


/* == div「feature05」== */

div.feature05_wrapper {
  background-color: #eff1f5;
}

.feature05_inner {
  width: min(60%, 480px);
}

@media screen and (max-width: 575px) {
.feature05_inner {
  width:96%;
  margin: 0 auto;
}
}


/* == div「feature06」== */

.feature06_wrapper {
  background-color: #ced2d8;
}
.feature06_wrapper div.row {
  width: min(96%, var(--maxWD-inner));
  margin: auto;
}
.feature06_wrapper .d-sm-flex > div {
  padding: 1.5rem;
}

div.feature06_wrapper h4 {
  font-size: 1.5rem;
  line-height: 1.4;
}

div.feature06_wrapper div.d-sm-flex {
  width: 100%;
  align-items: stretch;
  column-gap: 2rem;
}
div.feature06_wrapper div.d-sm-flex div {
  display: flex;
  flex-direction: column;
  width: calc( (100% - 4rem) / 3);
  background-color: #fff;
  text-align: center;
}
div.feature06_wrapper div.d-sm-flex p {
  flex-grow: 1;
}


div.flxbox_reagentdetail > div:first-of-type {
  width: 60%;
}
div.flxbox_reagentdetail > div:last-of-type {
  width: 40%;
}

img.img_reagent {
  width: min(96%, 800px);
  height: auto !important;
}

@media screen and (max-width: 575px) {
  div.feature06_wrapper h4 {
  font-size: 1.275rem;
}
div.feature06_wrapper h4 span {
  font-size: 2rem;
}
  div.feature06_wrapper div.d-sm-flex div {
  width: 100%;
}
div.ft02_box_flex div:last-of-type {
  margin-top: 3rem;
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* div「製品購入」 */

.buy_wrapper {
  width: 100%;
  background: #DDDEE2;
background: linear-gradient(180deg, rgba(221, 222, 226, 1) 0%, rgba(237, 239, 241, 1) 32%, rgba(255, 255, 255, 1) 100%);
}
.buyinfo_wrapper {
  width: min(96%, var(--maxWD-inner-sm));
  margin: 0 auto;
}
.buyinfo_wrapper h2 {
  padding: 0.5rem 0;
}

.p-buyinfo-pre {
  border-top: 2px solid var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
  text-align: center !important;
  padding: 0.5rem;
  font-weight: 500;
}
.buinfo-squreinfo_inner > div {
  background-color: #fff;
  vertical-align: middle;
  border: 1px solid;
  padding: 0 8px;
}
.buinfo-squreinfo_inner > div p {
  margin-bottom: 0;
}

.buinfo-icon_inner {
  margin-top: 1.5rem;
}
.buinfo-icon_inner > div p {
  text-align: center !important;
  margin-top: 4px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* div「詳細」 */

/* == div「detail01」== */

.detail01_wrapper {
  width: 100%;
}

.detail01_wrapper .d-md-flex {
  background-color: #eff1f5;
  width: min(96%, var(--maxWD-inner) );
  padding: 2.5rem;
  margin-top: 2rem;
  column-gap: 2rem;
}
.detail01_wrapper .d-md-flex h4 {
  text-align: left;
}


/* == div「detail02」== */
.detail02_wrapper {
  width: 100%;
}
.detail02_wrapper .d-md-flex p {
  display: inline-block;
  background-color: #eff1f5;
  font-weight: 500;
  padding: 0 2em;
}


/* TABLE */
.detail03_wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9375rem;
  margin-bottom: 0.75em;
  text-align: center;
  width: 100%;
}
.detail03_wrapper table th {
  color: var(--c-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.5em 1em;
  background: #d0e9f4;
  border-top: solid 2px var(--c-primary);
  border-bottom: solid 1px #fff;
  
}
.detail03_wrapper table td {
  font-size: 1.125rem;
  padding: 0.5em;
  padding-left: 1em;
  border-bottom: dashed 1px #d4d4d4;
  background-color: #ffffff;
  vertical-align: middle;
}
.detail03_wrapper table td.td_em {
  font-weight: 500;
}


/* == div「detail04」== */
.detail04_wrapper {
  width: 100%;
  background-color: #eff1f5;
}
.detail04_wrapper .col-sm-12 > div {
  background-color: #fff;
  padding: 2rem;
}
.detail04_wrapper .col-sm-12 > div:first-of-type {
  margin-bottom: 3rem;
}
.detail04_wrapper h5 {
  color: var(--c-primary);
}

.detail04_wrapper .d-sm-flex p {
  text-align: center !important;
  margin-top: 0.75em;
}
.detail04_innner {
  margin-top: 2rem;
  column-gap: 2rem;
}
.detail04_innner .d-flex {
column-gap: 2rem;
}

.detail04_wrapper .d-sm-flex table {
  text-align: left;
  margin: 0 auto;
}
.detail04_wrapper .d-sm-flex table tr {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.detail04_wrapper .d-sm-flex table th {
  border-right: 1px solid;
}
.detail04_wrapper .d-sm-flex table th, .detail04_wrapper .d-sm-flex table td {
  padding: 0.5em 1em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* div「内視鏡カメラシステム」 */

div.feature09_wrapper {
  background-color: #040000;
  background-image: url("https://vetswan.s3.amazonaws.com/upload/feature_data/20266/https://vetswan.s3.amazonaws.com/upload/feature_data/20268/lp_img/bg_ft20266_03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  width: 100%;
  text-align: center;
}
div.feature09_wrapper div.row {
width: min(90%, var(--maxWD-inner));
  margin: auto;
}

div.feature09_wrapper div.feature09_inner {
  width: 100%;
}

div.feature09_inner h4 {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}

div.feature09_txt_inner {
  width: 40%;
  padding-bottom: 2rem;
}

img.img_aohuacamera {
  width: min(100%, 458px);
  height: auto !important;
}

@media screen and (max-width: 575px) {
div.feature09_txt_inner {
  width: 100%;
  margin-top: 2rem;
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* div「仕様」 */

div.spec_wrapper {
  width: 100%;
  background-color: #ffffff;
}
div.spec_wrapper div.row {
width: min(96%, var(--maxWD-inner));
margin: auto;
}

div.spec_wrapper div.spec_inner {
  width: 100%;
}
div.spec_wrapper div.js-scrollable {
    @media screen and (max-width: 599px){
    overflow: scroll;
    }
}

/* TABLE */
.spec_inner table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9375rem;
  margin-bottom: 0.75em;
  text-align: left;
  width: 100%;
    @media screen and (max-width: 599px){
		width: 800px;
    }
}

div.spec_inner table tr:first-of-type {
  border-top: 1px solid;
}
div.spec_inner table tr:last-of-type {
  border-bottom: 1px solid;
}

div.spec_inner table th {
  color: var(--c-primary);
  font-weight: 500;
  padding: 0.5em 1em;
}
div.spec_inner table td {
  padding: 0.5em;
  padding-left: 1em;
  vertical-align: middle;
}
div.spec_inner table td.td_em {
  font-weight: 500;
}

div.spec_inner table tr:nth-child(odd) th, div.spec_inner table tr:nth-child(odd) td {
  background-color: #eff1f5;
}


@media only screen and (max-width: 599px) {
  /* スマホ用 */
  div.spec_wrapper {
    padding: 2em 0;
  }
  div.spec_wrapper table {
    margin: 0 auto 0.5em;
  }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* Company */

div.companyinfo_wrapper {
  background-image: url("https://vetswan.s3.amazonaws.com/upload/feature_data/20266/https://vetswan.s3.amazonaws.com/upload/feature_data/20268/lp_img/bg_ft20266_04.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
div.companyinfo_wrapper div.row {
width: min(90%, var(--maxWD-inner));
  margin: auto;
}

div.companyinfo_wrapper div.d-sm-flex {
  width: 100%;
}
div.companyinfo_wrapper div.d-sm-flex div {
  text-align: center;
}

div.companyinfo_wrapper div.d-sm-flex div.flxbox_imgcomp {
  width: 60%;
}

img.img_aohualogo {
  width: min(80%, 266px) !important;
  height: auto !important;
}
img.img_aohuacomp {
  width: min(100%, 302px);
  height: auto !important;
}

@media only screen and (max-width: 599px) {
div.companyinfo_wrapper div.d-sm-flex div.flxbox_imgcomp {
  width: 100%;
}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* Catalog */

.catalog_wrapper {
  background-color: #ced2d8;
}
.catalog_wrapper div.row {
width: min(96%, 800px);
  margin: auto;
}

.catalog_wrapper .d-md-flex {
  width: 100%;
}
.catalog_wrapper h6 {
  font-size: 1.625rem;
  border-bottom: 1px solid;
  padding-bottom: 8px;
  text-align: left;
}
.catalog_wrapper .txt-a_catalog a:link {
  color: var(--c-text);
  border-bottom: 1px solid var(--c-primary);
}
.catalog_wrapper .txt-a_catalog a:hover {
  opacity: 0.6;
}

@media only screen and (max-width: 599px) {
.catalog_wrapper {
}
.catalog_wrapper .d-md-flex {
  text-align: center;
}
.catalog_wrapper h6 {
  margin-top: 2rem;
}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ボタン */
#LP_camp_box div.btn_wrapper {
  width: 100%;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

div.txt_tooltip {
  /* hoverでツールチップ表示 */
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #fff;
  border-radius: 5px;
  background: #000;
  max-width: 300px;
  width: 80%;
}
div.txt_tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 8px solid transparent;
  border-top: 8px solid #000;
  margin-left: -8px;
}
#LP_camp_box div.btn_wrapper:hover div.txt_tooltip {
  display: inline-block;
  top: -60%;
  left: 12%;
}

#LP_camp_box a.btn {
  width: 100%;
  max-width: 448px;
  min-width: 320px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.9em 2em;
  text-decoration: none;
  outline: none;
  letter-spacing: 0.02em;
  border-radius: 100vh;
}
.btn-icon-r {
  position: absolute;
  top: 50%;
  right: 10px;
  height: 1em;
  line-height: 1em;
  font-size: 1.4em !important;
  transform: translateY(-50%); /* 上下中央に */
}

#LP_camp_box div.btn_wrapper:hover a span.txt_link_rote {
  /* hoverで回転 */
  transition: transform 1s;
  transform: rotateX(360deg);
}

#LP_camp_box a.btn-col_bl {
  background: #00ABDA;
background: linear-gradient(90deg, rgba(0, 171, 218, 1) 0%, rgba(0, 105, 175, 1) 50%, rgba(0, 82, 159, 1) 100%);
  color: #fff;
}
#LP_camp_box a.btn-col_mono {
  background-color: #fff;
  color:  var(--c-primary);
  border: 1px solid;
  border-color: var(--c-primary);
}
#LP_camp_box a.btn-col_white {
  background-color: #fff;
  color:  var(--c-primary);
}

#LP_camp_box a.btn_w400 {
  max-width: 400px;
}

@media only screen and (max-width: 599px) {
  /* スマホ用 */
  #LP_camp_box a.btn {
    font-size: 1em;
    max-width: 100%;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 387px) {
  /* スマホ(小)用 */
  #LP_camp_box a.btn {
    font-size: 0.8125em;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 総合問い合わせ */

@media only screen and (max-width: 599px) {
  /* スマホ用 */
  div.Vets_SupportDesk_wrapper {
    padding: 16px !important;
  }
}