@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap");
/*----------------------------------------------------*/
/* element reset
------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol, dl {
  list-style: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: inherit;
  font: 100%;
}

th, td, img {
  border: 0;
}

caption, th {
  text-align: left;
}

img, a img {
  background: transparent;
}

address {
  font-style: normal;
}

hr {
  display: none;
}

input, select {
  vertical-align: middle;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*----------------------------------------------------*/
/* link
------------------------------------------------------*/
a:link {
  color: #352a25;
  text-decoration: none;
}

a:visited {
  color: #352a25;
  text-decoration: none;
}

a:hover {
  color: #352a25;
  text-decoration: none;
}

a:active {
  color: #352a25;
  text-decoration: none;
}

a:hover img,
input[type=image]:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

a[href*="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href*="tel:"] {
    pointer-events: initial;
  }
}

/*----------------------------------------------------*/
/* base
------------------------------------------------------*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 767px) {
  html {
    font-size: calc(1000vw / 384);
  }
}

body {
  background: #f9f9fa;
  color: #352a25;
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 2rem;
}

p {
  line-height: 1.6;
}

dt, dd, li, th, td, address {
  line-height: 1.6;
}

p, dt, dd, li, th, td, input, textarea, address {
  font-size: 100%;
}

img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
}

a[href*="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 1040px) {
  a[href*="tel:"] {
    pointer-events: initial;
  }
}

.sp {
  display: none !important;
}

@media screen and (max-width: 1040px) {
  body {
    font-size: 2vw;
    min-width: initial;
  }
}
@media screen and (max-width: 767px) {
  body, html {
    min-width: 0;
  }

  body {
    font-size: 1.6rem;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block !important;
  }

  img {
    max-width: 100%;
  }
}
/* vi
------------------------------------------------------*/
#vi {
  height: 100vh;
  position: relative;
  overflow: hidden;
  width: 100%;
}
#vi .vi_txt {
  bottom: 7em;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 1000px;
}
#vi .vi_txt div {
  margin: 0 auto 2em;
  width: 73.8%;
}
#vi .vi_txt p {
  font-size: 2.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 1040px) {
  #vi .vi_txt {
    width: 100%;
  }
  #vi .vi_txt p {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 767px) {
  #vi .vi_txt div {
    width: 88.5%;
  }
  #vi .vi_txt p {
    font-size: 1.6rem;
  }
}

/* mov
------------------------------------------------------*/
#mov {
  background: #999594;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 0;
  /*@include media(sp) {
  	display: none;
  }*/
}
#mov video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 211.22047244vh;
  height: 47.34389vw;
  min-height: 100%;
  min-width: 100%;
}

#contents article,
#footer {
  position: relative;
}

/* cmn
------------------------------------------------------*/
/* top_news
------------------------------------------------------*/
#top_news {
  margin: 0 auto;
  max-width: 840px;
  padding-top: 9rem;
  position: relative;
  z-index: 2;
}
#top_news h2 {
  font-family: "Roboto", sans-serif;
  font-size: 5rem;
  font-weight: 500;
  margin-bottom: 1em;
  text-align: center;
}
#top_news ul {
  margin-bottom: .5em;
}
#top_news ul li {
  border-bottom: 1px dashed #352a25;
}
#top_news ul li dl {
  display: flex;
  justify-content: flex-start;
  padding: .6em 0;
}
#top_news ul li dl dt {
  line-height: 1.4;
  margin-right: 3em;
}
#top_news ul li dl dd {
  line-height: 1.4;
}
#top_news p {
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: right;
}
#top_news p a {
  display: inline-block;
  padding: .5em 3rem .5em 0;
  position: relative;
}
#top_news p a:after {
  background: url("/wp-content/themes/ajikyou/img/cmn/icon_arrow_02.png") no-repeat;
  background-size: 100% auto;
  content: "";
  height: 1.7rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.7rem;
}
@media screen and (max-width: 767px) {
  #top_news {
    padding-top: 3rem;
  }
  #top_news h2 {
    font-size: 3.4rem;
    margin-bottom: .8em;
  }
  #top_news ul li dl {
    display: block;
    padding: .8em 0;
  }
  #top_news ul li dl dt {
    margin-bottom: .5em;
  }
  #top_news p {
    font-size: 1.4rem;
  }
}

/* top_about
------------------------------------------------------*/
#top_about {
  background: url("/wp-content/themes/ajikyou/img/top/products_image_03.jpg") center bottom no-repeat;
  background-size: contain;
  padding: 12.5rem 0 16.5rem;
  position: relative;
}
@supports (background-image: url("/wp-content/themes/ajikyou/img/top/products_image_03.webp")) {
  #top_about {
    background-image: url("/wp-content/themes/ajikyou/img/top/products_image_03.webp");
  }
}
#top_about .image_bg {
  left: 0;
  position: absolute;
  top: -2%;
  z-index: 1;
}
#top_about .image_bg2 {
  position: absolute;
  top: 26em;
  right: 0;
  width: 36%;
  z-index: 1;
}
#top_about .inner {
  margin: 0 auto;
  max-width: 940px;
  text-align: center;
}
#top_about h2 {
  margin: 0 auto 1.5em;
  max-width: 71.8%;
  position: relative;
  z-index: 2;
}
#top_about h2 + p {
  line-height: 2.2;
  margin-bottom: 5em;
  position: relative;
  z-index: 2;
}
#top_about dl {
  position: relative;
  z-index: 2;
}
#top_about dl dt {
  font-size: 3.6rem;
  font-weight: 600;
  margin-bottom: 1.2em;
}
#top_about dl dd {
  margin: 0 auto;
  max-width: 53.2%;
}
#top_about dl dd ul {
  display: flex;
  gap: 4.6%;
  flex-wrap: wrap;
  justify-content: center;
}
#top_about dl dd ul li {
  margin-bottom: 4.6%;
  width: 30%;
}
#top_about section h3 {
  margin: 0 auto 5rem;
  max-width: 65%;
  padding-top: 8rem;
}
#top_about section div {
  margin: 0 auto 10rem;
  max-width: 89%;
}
#top_about section p {
  text-align: center;
}
#top_about section p a {
  background: #ea8a18;
  border-radius: 100px;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.1;
  padding: 1em 3em;
}
#top_about section p a span {
  display: inline-block;
  padding-left: 3rem;
  position: relative;
}
#top_about section p a span:before {
  background: url("/wp-content/themes/ajikyou/img/cmn/icon_arrow_01.png") no-repeat;
  background-size: 100% auto;
  content: "";
  height: 3rem;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}
#top_about section p a:hover {
  background: #eea146;
}
@media screen and (max-width: 767px) {
  #top_about {
    background: url("/wp-content/themes/ajikyou/img/top/products_image_03_sp.jpg") center bottom no-repeat;
    background-size: contain;
    padding: 19rem 0 9rem;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/products_image_03_sp.webp")) {
    #top_about {
      background-image: url("/wp-content/themes/ajikyou/img/top/products_image_03_sp.webp");
    }
  }
  #top_about .image_bg2 {
    top: 96rem;
    width: 100%;
  }
  #top_about h2 {
    max-width: 80.8%;
  }
  #top_about h2 + p {
    font-size: 1.5rem;
    letter-spacing: -.05em;
    line-height: 2;
    margin-bottom: 3em;
  }
  #top_about dl {
    padding: 0 2rem;
  }
  #top_about dl dt {
    font-size: 2.3rem;
  }
  #top_about dl dd {
    max-width: initial;
  }
  #top_about section h3 {
    margin: 0 auto 3rem;
    max-width: 76.6%;
    padding-top: 16rem;
    position: relative;
    z-index: 2;
  }
  #top_about section div {
    margin: 0 auto 4rem;
    max-width: 84.6%;
  }
  #top_about section p {
    margin: 0 1.5rem;
  }
  #top_about section p a {
    display: block;
    font-size: 1.7rem;
    padding: 1.2em .5em;
  }
  #top_about section p a span:before {
    height: 1.5rem;
    width: .9rem;
  }
}

/* top_products
------------------------------------------------------*/
#top_products {
  padding: 12.5rem 0 0;
}
#top_products h2 {
  display: block;
  margin: 0 auto 3em;
  max-width: 940px;
}
#top_products h2 span {
  display: block;
  margin: 0 auto;
  max-width: 52.7%;
}
#top_products section {
  margin-bottom: 3em;
}
#top_products section h3 {
  font-size: 4.2rem;
  font-weight: 600;
  margin-bottom: .8em;
  text-align: center;
}
#top_products section ul li {
  border-bottom: 1px solid #fff;
}
#top_products section ul li a {
  color: #fff;
  display: block;
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}
#top_products section ul li a:after {
  background: url("/wp-content/themes/ajikyou/img/cmn/icon_arrow_01.png") no-repeat;
  background-size: 100% auto;
  content: "";
  height: 3.5rem;
  position: absolute;
  pointer-events: none;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
  width: 2.1rem;
}
#top_products section ul li dl {
  padding: 1.4em 14% 1.8em 26%;
}
#top_products section ul li dl dt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: .2em;
}
#top_products section ul li dl dt span {
  background: #ea8a18;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  margin-left: 1em;
  padding: .3em 1.2em .5em;
  vertical-align: middle;
}
#top_products section ul li dl dd {
  font-size: 1.6rem;
  line-height: 1.5;
}
#top_products section.kairyo h3 {
  color: #5fae4f;
}
#top_products section.kairyo ul li {
  background: #5fae4f;
}
#top_products section.kairyo ul li:first-child a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_01.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.kairyo ul li:nth-child(2) a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_02.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.kairyo ul li:nth-child(3) a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_03.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.kairyo ul li:nth-child(4) a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_04.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.souzai {
  margin-bottom: 0;
}
#top_products section.souzai h3 {
  color: #5fae4f;
}
#top_products section.souzai ul li {
  background: #5fae4f;
}
#top_products section.souzai ul li:first-child a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_05.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.souzai ul li:nth-child(2) a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_06.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.sushi {
  margin-bottom: 6em;
}
#top_products section.sushi h3 {
  color: #518dbb;
}
#top_products section.sushi div {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_07.jpg") right top no-repeat;
  background-size: auto 100%;
  padding: 3em 0;
}
@supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_07.webp")) {
  #top_products section.sushi div {
    background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_07.webp");
  }
}
#top_products section.sushi p {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
#top_products section.sushi p span {
  font-size: 2.4rem;
  display: block;
  padding-bottom: .3em;
}
#top_products section.sushi ul li {
  background: #5ea2bd;
}
#top_products section.sushi ul li:first-child a {
  background: url("/wp-content/themes/ajikyou/img/top/bg_products_08.jpg") left center no-repeat;
  background-size: auto 100%;
}
#top_products section.sushi ul li:first-child dl dd:first-of-type {
  margin-bottom: .8em;
}
#top_products .btn_contact {
  margin-bottom: 4.5em;
  text-align: center;
}
#top_products .btn_contact a {
  background: #ea8a18;
  border-radius: 100px;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 500;
  padding: 1em 2.5em;
}
#top_products .btn_contact a span {
  display: inline-block;
  padding-left: 3.5rem;
  position: relative;
}
#top_products .btn_contact a span:before {
  background: url("/wp-content/themes/ajikyou/img/cmn/icon_arrow_01.png") no-repeat;
  background-size: 100% auto;
  content: "";
  height: 3rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}
#top_products .btn_contact a:hover {
  background: #eea146;
}
#top_products > dl {
  text-align: center;
}
#top_products > dl dt {
  font-size: 2.4rem;
  font-weight: 600;
}
#top_products > dl dd {
  font-family: "Roboto", sans-serif;
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 1040px) {
  #top_products section ul li a:after {
    right: 3%;
  }
  #top_products section ul li dl {
    padding: 1.4em 8% 1.8em 16%;
  }
  #top_products section.kairyo ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_01.jpg") -12rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.kairyo ul li:nth-child(2) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_02.jpg") -12rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.kairyo ul li:nth-child(3) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_03.jpg") -12rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.kairyo ul li:nth-child(4) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_04.jpg") -12rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.souzai ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_05.jpg") -20rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.souzai ul li:nth-child(2) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_06.jpg") -20rem center no-repeat;
    background-size: auto 100%;
  }
  #top_products section.sushi ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_08.jpg") -20rem center no-repeat;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 767px) {
  #top_products {
    padding: 6rem 0 0;
  }
  #top_products h2 {
    margin: 0 auto 1.5em;
    max-width: initial;
  }
  #top_products h2 span {
    max-width: 62.6%;
  }
  #top_products section h3 {
    font-size: 2.5rem;
  }
  #top_products section ul li a:after {
    height: 2.4rem;
    right: 1.6rem;
    width: 1.4rem;
  }
  #top_products section ul li dl {
    padding: 1.4em 5rem 1.8em 7.5rem;
  }
  #top_products section ul li dl dt {
    font-size: 1.8rem;
  }
  #top_products section ul li dl dt span {
    font-size: .8rem;
  }
  #top_products section ul li dl dd {
    font-size: 1rem;
    line-height: 1.8;
  }
  #top_products section.kairyo ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_01_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_01_sp.webp")) {
    #top_products section.kairyo ul li:first-child a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_01_sp.webp");
    }
  }
  #top_products section.kairyo ul li:nth-child(2) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_02_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_02_sp.webp")) {
    #top_products section.kairyo ul li:nth-child(2) a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_02_sp.webp");
    }
  }
  #top_products section.kairyo ul li:nth-child(3) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_03_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_03_sp.webp")) {
    #top_products section.kairyo ul li:nth-child(3) a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_03_sp.webp");
    }
  }
  #top_products section.kairyo ul li:nth-child(4) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_04_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_04_sp.webp")) {
    #top_products section.kairyo ul li:nth-child(4) a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_04_sp.webp");
    }
  }
  #top_products section.souzai ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_05_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_05_sp.webp")) {
    #top_products section.souzai ul li:first-child a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_05_sp.webp");
    }
  }
  #top_products section.souzai ul li:nth-child(2) a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_06_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_06_sp.webp")) {
    #top_products section.souzai ul li:nth-child(2) a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_06_sp.webp");
    }
  }
  #top_products section.sushi {
    margin-bottom: 3em;
  }
  #top_products section.sushi div {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_07_sp.jpg") right top no-repeat;
    background-size: auto 100%;
    padding: 4em 0 1.5em;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_07_sp.webp")) {
    #top_products section.sushi div {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_07_sp.webp");
    }
  }
  #top_products section.sushi p {
    font-size: 1.2rem;
  }
  #top_products section.sushi p span {
    font-size: 1.7rem;
  }
  #top_products section.sushi ul li:first-child a {
    background: url("/wp-content/themes/ajikyou/img/top/bg_products_08_sp.jpg") left center no-repeat;
    background-size: auto 100%;
  }
  @supports (background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_08_sp.webp")) {
    #top_products section.sushi ul li:first-child a {
      background-image: url("/wp-content/themes/ajikyou/img/top/bg_products_08_sp.webp");
    }
  }
  #top_products .btn_contact {
    margin: 0 1.2rem 2em;
  }
  #top_products .btn_contact a {
    display: block;
    font-size: 1.7rem;
    padding: 1.4em .5em;
  }
  #top_products .btn_contact a span {
    padding-left: 2rem;
  }
  #top_products .btn_contact a span:before {
    height: 1.5rem;
    width: .9rem;
  }
}
#top_products > dl dt {
  font-size: 1.6rem;
  margin-bottom: .4em;
}
#top_products > dl dd {
  font-size: 3.5rem;
}