@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */
a[href^="tel:"] {
  pointer-events: none; }

a[href^="tel:"]:link, a[href^="tel:"]:visited {
  color: #46281e;
  text-decoration: none; }

a[href^="tel:"]:hover, a[href^="tel:"]:active {
  color: #46281e;
  text-decoration: none; }

html, body {
  font-size: 16px; }
  @media (max-width: 756px) {
    html, body {
      font-size: 4.2vw; } }

body {
  color: #46281e;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
  background: #fff;
  -webkit-text-size-adjust: none; }

input, textarea, select {
  font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

b, strong, fontBold {
  font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700; }

/* reset ------------------------------ */
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, figure,
p, blockquote, pre, cite, code, caption,
header, footer, section,
tr, th, td,
form, fieldset, legend, input, textarea, select, option, label {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

img, table {
  border: none; }

img {
  vertical-align: bottom; }

table {
  border-collapse: collapse; }

ul, ol {
  list-style: none; }

li img,
dt img {
  vertical-align: bottom; }

/* textlink ------------------------------ */
a,
a img {
  transition: all .3s; }

a {
  color: #1e3d46;
  text-decoration: underline; }

a:hover,
a:hover img,
input[type="submit"]:hover,
input[type="image"]:hover {
  text-decoration: none;
  opacity: 0.8; }

.forpc {
  display: block; }

.forsp {
  display: none; }

.forpcinline {
  display: inline; }

.forspinline {
  display: none; }

@media screen and (max-width: 756px) {
  .forpc {
    display: none; }

  .forsp {
    display: block; }

  .forpcinline {
    display: none; }

  .forspinline {
    display: inline; }

  img {
    width: 100%; } }
/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*align
-----------------------------------------------*/
.alright {
  text-align: right !important; }

.alcenter {
  text-align: center !important; }

.alleft {
  text-align: left !important; }

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 756px) {
  html, body {
    width: 100%; }

  a[href^="tel:"] {
    pointer-events: auto; }

  a:hover,
  a:hover img,
  input[type="submit"]:hover,
  input[type="image"]:hover {
    opacity: 1;
    filter: alpha(opacity=100); } }
/* -------------- フォームをリセット ---------- */
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

footer {
  min-width: 1280px;
  background: #fff;
  padding: 75px 0 20px; }
  footer .subContents {
    width: 800px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    @media (max-width: 756px) {
      footer .subContents {
        width: 100vw;
        padding: 0 4vw; } }
    footer .subContents .logo {
      width: 102px;
      margin: 0 auto 50px; }
      footer .subContents .logo img {
        width: 100%; }
    footer .subContents h3 {
      font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
      font-weight: 700; }
    footer .subContents .name {
      font-size: 1.25rem;
      font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
      font-weight: 700; }
    footer .subContents .address {
      font-size: .8125rem; }
    footer .subContents .copyright {
      margin-top: 25px; }
      footer .subContents .copyright small {
        font-size: .8125rem; }

@media screen and (max-width: 756px) {
  footer {
    width: 100vw;
    min-width: initial;
    padding: 10vw 0 20vw; }
    footer .subContents .logo {
      width: 22vw;
      margin: 0 auto 8vw; }
    footer .subContents .copyright {
      margin-top: 4vw; }
      footer .subContents .copyright small {
        font-size: .75rem; }

  #floating {
    width: 100vw;
    line-height: 1;
    background: #fff;
    padding: 4vw;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0; }
    #floating .btn {
      width: 57.6vw; }
    #floating #totop {
      width: 10.1vw; } }
.sec-w {
  min-width: 1280px;
  background: #fff;
  padding: 75px 0; }

.sec h2 {
  font-size: 1.5rem;
  font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 0 0 15px; }
.sec .subContents {
  width: 800px;
  text-align: left;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 756px) {
    .sec .subContents {
      width: 100vw;
      padding: 0 4vw; } }

.div {
  min-width: 1280px; }
  .div ul {
    display: flex; }
    .div ul li {
      width: 50%; }
      .div ul li img {
        width: 100%; }

body.toppage #mainv {
  min-width: 1280px;
  min-height: 675px;
  height: 100vh;
  background: url(../images/toppage/img_kv_takashimagyu_pc.jpg) no-repeat center center;
  background-size: cover;
  position: relative; }
  body.toppage #mainv h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  body.toppage #mainv .btn {
    width: 214px;
    position: absolute;
    top: 30px;
    right: 30px; }
    body.toppage #mainv .btn img {
      width: 100%; }
body.toppage #sec1 .fig {
  text-align: center;
  margin: 0 0 30px; }
  body.toppage #sec1 .fig img {
    width: 376px; }

@media screen and (max-width: 1280px) {
  body.toppage #mainv {
    min-height: 675px;
    height: 675px; } }
@media screen and (max-width: 756px) {
  .sec-w {
    width: 100vw;
    min-width: initial;
    padding: 14vw 0; }

  .sec h2 {
    font-size: 1.25rem;
    margin: 0 0 4vw; }

  .div {
    width: 100vw;
    min-width: initial; }
    .div ul {
      display: block; }
      .div ul li {
        width: 100%; }

  body.toppage #mainv {
    width: 100vw;
    min-width: initial;
    min-height: initial;
    height: 132vw;
    background-image: url(../images/toppage/img_kv_takashimagyu_sp.jpg); }
    body.toppage #mainv h1 {
      width: 38vw;
      top: 10vw;
      transform: translate(-50%, 0); }
    body.toppage #mainv .btn {
      display: none; }
  body.toppage #sec1 .fig {
    margin: 0 2vw 10vw; }
    body.toppage #sec1 .fig img {
      width: 88vw; } }

/*# sourceMappingURL=style.css.map */