@charset "UTF-8";

/*
Theme Name: kitaichi-info
Version: 1.1
Theme URI:
Author: Owndmedia
*/


/* ************************************************************************************************
   index.php
   ************************************************************************************************ */
/*****背景動画******/
#bg-movie{
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  z-index: -100;
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  filter: brightness(0.7);
  background-size: cover;
  -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

@supports (-ms-ime-align: auto) {
  #bg-movie {
    height: auto;
  }
}

#index__wrap{
 position: relative;
 z-index: 2;
 width: 100%;
 height: 100%;
 transition: ease-in-out .4s;
}

#index__wrap h2,
#index__wrap p,
#index__wrap a,
#index__wrap li,
#index__wrap td {
  color: #fff;
}

.bg-active {
  background: rgba(0,0,0,.6);
  transition: ease-in-out .4s;
}

/*****ファーストビュー******/
#hero {
  width: 100%;
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero__box {
  align-items: center;
}

.hero__box img {
  margin-right: 5rem;
  width: 150px;
}

.hero__ttl .en {
  font-size: 10rem;
  margin-bottom: 2rem;
  line-height: 1;
}

.hero__ttl p:nth-of-type(2){
  font-size: 1.8rem;
  line-height: 1;
}

/*****会社概要******/
#index-about {
  padding: 25rem 0;
}

.index-about__txt {
  margin-top: 10rem;
}

/*****メニュー******/
#index-menu {
  padding-bottom: 20rem;
}

.index-menu__container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15rem;
}

.index-menu__container:last-child {
  margin-bottom: 0;
}

.index-menu__box {
  width: 50%;
}

.index-menu__txt {
  margin: 6rem 0 3rem;
}

.index-menu__btn {
  text-align: right;
}

/*****バナー******/
#index-featured {
  padding-bottom: 15rem;
}

.index-featured__bnr01,
.index-featured__bnr02 {
  position: relative;
  transition: all .3s;
}

.index-featured__bnr01:hover,
.index-featured__bnr02:hover {
  opacity: .8;
  transition: all .3s;
}

.index-featured__bnr01 {
  margin-bottom: 10rem;
  background: #000;
}

.index-featured__bnr01 img {
  opacity: .8;
}

.index-featured__txt01,
.index-featured__txt02 {
  position: absolute;
  text-align: center;
}

.index-featured__txt01 {
  width: 500px;
  height: 280px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 4%;
}

.index-featured__txt01 h2 {
  text-shadow:0 0 5px #000;
}

.index-featured__txt01 p {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 8rem;
  text-shadow:0 0 5px #000;
}

.index-featured__txt02 {
  bottom: 16%;
  left: 4%;
}

#index__wrap .index-featured__txt02 p {
  font-size: 2.5rem;
  color: #ac0f18;
  margin-bottom: 4rem;
}

#index__wrap .index-featured__btn02 .btn01 {
  color: #ac0f18;
  border: 1px solid #ac0f18;
}

#index__wrap .index-featured__btn02 .btn01:hover{
  color: #fff;
}

/*****新着情報******/
#index-info {
  padding-bottom: 15rem;
}

#index-info .wrap {
  justify-content: space-between;
}

#index-info .h2--first::before {
  width: 120px;
  height: 120px;
  left: -3%;
  bottom: -17%;
}

.index-news, .index-event {
  width: 50%;
}

.index-news__tbl th,
.index-event__tbl th {
  color: #a9a8a8;
  font-weight: normal;
}

.index-news__tbl {
  margin: 7rem 0 5rem;
}

.index-news__tbl th,
.index-news__tbl td {
  padding: 1.5rem 0;
}

.index-news__tbl th {
  padding-right: 3rem;
}

.index-event__tbl {
  margin: 7rem 0 4rem
}

.index-event__tbl th,
.index-event__tbl td {
  display: block;
  width: 100%;
}

.index-event__note {
  padding: 3rem;
  border: 1px solid #fff;
}

.index-event__note p:first-of-type {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

/*****Contact*****/
#index-contact {
  padding-bottom: 20rem;
}

.index-contact__btn p.en {
  font-size: 3rem;
  line-height: 1;
  margin-top: 3rem;
}

/*contactボタン*/
.index-contact__btn {
  border: 1px solid #fff;
  padding: 5rem 0;
  text-align: center;
  display: block;
  text-align: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.index-contact__btn::before,
.index-contact__btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.index-contact__btn,
.index-contact__btn::before,
.index-contact__btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.index-contact__btn:hover {
  color: #fff;
  border: 1px solid #ad0310;
}
.index-contact__btn::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.index-contact__btn:hover::after {
  background: rgba(173,3,16,.6);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* ************************************************************************************************
   aboutus.php
   ************************************************************************************************ */
.header-sub__about {
  background-image: url(img/about/about_header_bg.jpg);
}

/*****ご挨拶*****/
#about-message {
  padding: 13rem 0;
}

.about-message__container {
  margin-top: 8rem;
  justify-content: center;
}

.about-message__container img{
  width: 100%;
  margin-right: 5rem;
}

.about-message__txt p:first-of-type {
  font-size: 3rem;
  margin-bottom: 3rem;
  font-weight: 400;
}

.about-message__txt p:last-of-type {
  text-align: right;
  margin-top: 1rem;
}

/*****企業理念*****/
#about-mission {
  background-color: #ad0310;
  padding: 10rem 0 15rem;
}

.about-mission__txt {
  margin: 7rem 0 10rem;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  line-height: 2.5;
}

.about-mission__container01,
.about-mission__container02,
.about-mission__container03 {
  align-items: center;
  justify-content: center;
}

.about-mission__container02 {margin-top: -6rem;}
.about-mission__container03 {margin-top: 6rem;}

.about-mission__container02 .about-mission__item:first-of-type {margin-right: 15rem;}
.about-mission__container02 .about-mission__item:last-of-type {margin-left: 15rem;}
.about-mission__container03 .about-mission__item:first-of-type {margin-right: 5rem;}
.about-mission__container03 .about-mission__item:last-of-type {margin-left: 5rem;}

.about-mission__item {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.7);
  text-align: center;
  color: #ad0310;
  line-height: 1.8;
  position: relative;
}

.about-mission__item p:first-of-type {
  font-size: 13rem;
  line-height: 1;
  letter-spacing: unset;
  position: absolute;
  margin: auto;
  top: -6%;
  right: 0;
  left: 0;
}

.about-mission__item p:nth-of-type(2) {
  font-size: 3rem;
  line-height: 1.8;
  position: absolute;
  margin: auto;
  top: 41%;
  right: 0;
  left: 0;
}

.about-mission__item p:last-of-type {
  font-size: 1.8rem;
  position: absolute;
  margin: auto;
  top: 60%;
  right: 0;
  left: 0;
}

.about-mission__item02 p:nth-of-type(2) {
  top: 34%;
}

.about-mission__item02 p:last-of-type {
  top: 68%;
}

/*****創るチカラ*****/
#about-order {
  background-color: #f3f7f0;
  padding: 12rem 0 13rem;
}

#about-order .flex {
  align-items: center;
}

.about-order__container01 {
  width: 50%;
}

.about-order__container02 {
  width: 50%;
  padding-left: 5rem;
  line-height: 2.5;
}

/*****会社沿革*****/
#about-history {
  padding: 12rem 0;
}

.about-history__container {
  margin-top: 7rem;
  justify-content: space-between;
}

.about-history__tbl th, .about-history__tbl td {
  padding: 1rem 0;
}

.about-history__tbl th {
  padding-right: 3rem;
}

.about-history__bg {
  width: 100%;
  height: 600px;
  background-image: url(img/about/about_bg01.jpg);
  background-size: cover;
  background-attachment: fixed;
}

/*****会社概要*****/
#about-company {
  padding: 12rem 0;
}

.about-company__container {
  margin-top: 8rem;
}

.about-company__tbl tr {
  border-bottom: 1px solid rgba(0,0,0,.4);
}

.about-company__tbl th, .about-company__tbl td {
  padding: 1rem;
}

.about-company__tbl th {
  width: 18%;
}

.about-comapny__box {
  width: 50%;
  padding-left: 7rem;
}

.about-company__map {
  margin-bottom: 4rem;
}

.about-company__map:last-of-type{
  margin-bottom: 0;
}

/* ************************************************************************************************
   direct.php
   ************************************************************************************************ */
.header-sub__direct {
  background-image: url(img/direct/direct_header_bg.jpg);
}

/***** 赤毛和牛 *****/
#akage {
  padding: 12rem 0;
}

#akage .sub__ttl02 h3::before {
  left: -13%;
}

.akage__txt {
  margin: 6rem 0 5rem;
}

.akage__movie {
  text-align: center;
  margin-bottom: 10rem;
}

.akage__movie iframe {
  width: 1024px;
  height: 576px;
}

.akage__store {
  border: 4px double #ad0310;
  padding: 3rem;
  align-items: center;
  justify-content: space-between;
}

.akage__box {
  margin-left: 5rem;
}

.akage__tbl {
  margin: 4rem 0 5rem;
}

.akage__tbl th span {
  color: #ad0310;
  vertical-align: middle;
  margin-right: 1rem;
}

.akage__tbl th, .akage__tbl td {
  padding: 1rem 0;
}

.akage__btn {
  text-align: right;
}

.akage__btn .btn01 {
  font-family: source-han-sans-cjk-ja, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.5rem;
  width: auto;
  padding: 0 3rem;
}

/***** 赤毛和牛3つの特徴 *****/
#akage02 {
  padding: 10rem 0 15rem;
  background: #ad0310;
}

.akage02__container {
  width: 800px;
  height: 800px;
  margin: 16rem auto 17rem;
  background: rgba(255,255,255,1);
  border-radius: 50%;
  text-align: center;
  position: relative;
  padding: 17rem 0;
}

.akage02__txt p:first-of-type {
  color: #ad0310;
  font-size: 2rem;
  margin-bottom: 3rem;
}

.akage02__txt--juicy, .akage02__txt--healthy {
  display: none;
}

.akage02__item {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  background: #ad0310;
  border: 5px solid #fff;
  cursor: pointer;
  padding: 9rem 0;
  color: #fff;
}

.akage02__item.active {
  background: #fff;
  color: #ad0310;
  border: 5px solid #ad0310;
}

.akage02__item p {
  font-size: 2rem;
}

.akage02__item .en{
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 1.5rem;
}

.akage02__item--natural {
  top: -14%;
  right: 0;
  left: 0;
  margin: auto;
}

.akage02__item--juicy {
  bottom: -3%;
  left: -1%;
}

.akage02__item--healthy {
  bottom: -3%;
  right: -1%;
}

.akage02__container02 {
  background: #fff;
  border: 10px double #ad0310;
  padding: 5rem;
}

.akage02__container02 .flex{
  justify-content: space-between;
  margin-top: 5rem;
}

.akage02__box {
  margin-right: 4rem;
}

.akage02__img {
  text-align: center;
  margin-top: 4rem;
}
.akage02__img02 {
  width: 100%;
  min-width: 600px;
}

/***** 畜産 *****/
#livestock {
  padding: 12rem 0;
  background: #F3F7F0;
}

#livestock .flex {
  justify-content: space-between;
}

.livestock__txt {
  width: 50%;
  line-height: 3;
}

.livestock__container {
  margin-top: 3rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.livestock__item {
  text-align: center;
  margin-top: 7rem;
}

.livestock__item p {
  font-size: 1.8rem;
  margin-top: 1rem;
}

#livestock02 {
  padding: 12rem 0;
}

.livestock02__container {
  justify-content: space-between;
  margin-bottom: 12rem;
}

.livestock02__container:last-of-type {
  margin-bottom: 0;
}

.livestock02__container img {
  width: 100%;
  min-width: 500px;
}

.livestock02__txt {
  margin: 6rem 5rem 0 0;
}

/* ************************************************************************************************
   recruit.php
   ************************************************************************************************ */
.header-sub__recruit {
  background-image: url(img/recruit/recruit_header_bg.jpg);
}

/***** 採用メッセージ *****/
#recruit {
  padding: 12rem 0 13rem;
  background: #F3F7F0;
}

#recruit .flex {
  justify-content: space-between;
  align-items: center;
}

/***** 1日の流れ *****/
#flow {
  padding: 10rem 0 15rem;
  background: #ad0310;
  position: relative;
}

.flow__intro {
  margin: 7rem auto 0;
  width: 494px;
  height: 494px;
  border-radius: 50%;
  border: 7px double #fff;
  text-align: center;
  color: #fff;
  background: #ad0310;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flow__intro::after {
  display: block;
  content: "";
  width: 4px;
  height: 75%;
  background: #fff;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 17.1%;
}

.flow__intro p:first-of-type {
  font-size: 3rem;
  margin: 1rem 0 2rem;
}

.flow__container {
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 8rem;
}

.flow__left, .flow__right {
  width: 50%;
}
.flow__left {padding-right: 7rem; text-align: right;}
.flow__right {padding-left: 7rem; text-align: left;}

.flow__dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  border: 5px solid #ad0310;
}

.flow__item {
  width: 428px;
  height: 428px;
  border-radius: 50%;
  background: #fff;
  border: 10px double #ad0310;
  text-align: center;
  display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 0;
}

.flow__item--large {
  width: 480px;
  height: 480px;
}

.flow__item--white {
  background: #ad0310;
  color: #fff;
  border: 10px double #fff;
}

.flow__time {
  color: #ad0310;
  font-size: 3rem;
}

.flow__heading {
  font-size: 3rem;
  font-weight: 500;
}

.flow__item--white .flow__heading {
  font-size: 3.8rem;
}

.flow__border {
  width: 100px;
  height: 3px;
  opacity: .6;
  background: #ad0310;
  margin: 0 auto;
}

.flow__txt {
  margin-top: 3rem;
}

.flow__img {border-radius: 20px;}

.flow__img--last {
  transform: scale(1);
  transition: .3s;
}

.flow__img--last:hover {
  transform: scale(1.2);
  transition: .3s;
}

/***** スタッフ紹介 *****/
#staff {
  padding: 12rem 0 5rem;
}

.staff__wrap {
  margin-top: 8rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.staff__item {
  width: 48%;
  position: relative;
  margin-bottom: 10rem;
}

.staff__item::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(230,0,18,0.08);
  z-index: -1;
  width: 80%;
  height: 300px;
  right: 0;
  top: 24%;
}

.staff__item:nth-of-type(2)::before,
.staff__item:nth-of-type(3)::before {
  background-color: #f3f7f0;
}

.staff__item .flex {
  align-items: flex-end;
}

.staff__img {
  width: 220px;
  height: 220px;
}

.staff__prof{
  margin-left: 4rem;
  width: 50%;
}

.staff__heading {
  font-size: 2.3rem;
  color: #ad0310;
  margin-bottom: 20px;
}

.staff__name {
  font-size: 1.8rem;
}

.staff__txt {
  margin-top: 4rem;
}

/***** カルーセルスライダー *****/
#recruit__slider{
  width: 100%;
}
#recruit__slider img{
  height: auto;
  width: 100%;
}
.slick-slide {margin-right: 2rem;}

/***** 募集要項 *****/
#job {
  padding: 12rem 0 15rem;
}

.job__txt {
  margin: 6rem 0;
  text-align: center;
  line-height: 3;
}

.job__container {
  align-items: center;
  justify-content: center;
}

.job__img {
  width: 200px;
  height: auto;
  margin-right: 4rem;
}

.job__message {
  position: relative;
  display: inline-block;
  padding: 2rem 3rem;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 3px #ad0310;
  box-sizing: border-box;
  border-radius: 15px;
}

.job__message:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 13px solid #fff;
  z-index: 2;
}

.job__message:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #ad0310;
  z-index: 1;
}

.job__message p {
  margin: 0;
  padding: 0;
  font-size: 2.2rem;
  color: #ad0310;
  font-weight: 500;
}

.job__tbl {
  width: 80%;
  margin: 10rem auto 0;
}

.job__tbl tr {
  border-bottom: 1px solid rgba(0,0,0,.4);
}

.job__tbl th, .job__tbl td {
  padding: 1rem;
}

.job__tbl th {
  width: 18%;
  vertical-align: middle;
}

/***** contact *****/
#recruit-contact {
  padding: 0 0 15rem;
}
.recruit-contact__btn {
  border: 1px solid #ad0310;
  color: #ad0310;
}

.recruit-contact__txt {
  text-align: center;
  margin-top: 4rem;
}

.recruit-contact__btn:hover::after {
  background: rgba(173,3,16,1);
}

/* ************************************************************************************************
   hightech.php
   ************************************************************************************************ */
.header-sub__hightech {background-image: url(img/hightech/hightech_header_bg.jpg);}

/***** ハイテク肉屋の装備 *****/
#high-intro {
  background-color: #ad0310;
  padding: 12rem 0 13rem;
  color: #fff;
}

#high-intro .flex {
  justify-content: space-between;
  align-items: center;
}

#high-intro .sub__ttl02 h3::before {
  background: #fff;
}

#high-intro video {
  width: 100%;
  max-width: 700px;
  margin-top: 5rem;
}

.high-intro__txt {
  line-height: 3;
  width: 50%;
  margin-left: 7rem;
}

/***** 設備紹介 *****/
#high-tech {
  padding: 12rem 0 5rem;
}

.high-tech__wrap {
  width: 100%;
  padding: 0 10rem;
}

.high-tech__container {
  justify-content: center;
  align-items: center;
  margin-bottom: 10rem;
}

.high-tech__container02 {
  justify-content: space-between;
  margin-bottom: 10rem;
}

.high-tech__container03 {
  text-align: center;
  width: 48%;
}

.high-tech__img {
  width: 100%;
  max-width: 1000px;
  height: 650px;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.high-tech__container--left .high-tech__img {
  background-position: left;
}

.high-tech__container--right .high-tech__img {
  background-position: right;
}

.high-tech__img--01 {background-image: url(img/hightech/hightech_img01.jpg);}
.high-tech__img--02 {background-image: url(img/hightech/hightech_img02.jpg);}
.high-tech__img--03 {background-image: url(img/hightech/hightech_img03.jpg);}
.high-tech__img--06 {background-image: url(img/hightech/hightech_img06.jpg);}

.high-tech__box {
  background-color: #f3f7f0;
  padding: 5rem 4rem;
  text-align: center;
  max-width: 680px;
  z-index: 10;
}

.high-tech__container--left .high-tech__box {
  margin-left: -6rem;
}

.high-tech__container--right .high-tech__box {
  margin-right: -6rem;
}

.high-tech__box02 {
  margin: 11rem auto 8rem;
}

.high-tech__container03 .high-tech__box {
  margin: 5rem auto 0;
  max-width: 87%;
}

.high-tech__number {
  color: #ad0310;
  font-size: 3.5rem;
  border-bottom: 2px solid #ad0310;
  display: inline-block;
  line-height: 1;
  padding-bottom: 15px;
}

.high-tech__box h4 {
  color: #ad0310;
  font-size: 2.4rem;
  margin: 2.5rem 0 3.5rem;
  border-bottom: none;
  font-weight: 500;
}

.high-tech__box02 h4 {
  margin-bottom: 0;
}

.high-tech__box h5 {
  font-size: 2rem;
  color: #ad0310;
  margin-bottom: 2rem;
}

.high-tech__txt {
  text-align: left;
}

/* ************************************************************************************************
   prosciutto.php
   ************************************************************************************************ */
.header-sub__prosciutto {background-image: url(img/prosciutto/prosciutto_header_bg.jpg);}

/***** 生ハムについて *****/
#prosciutto-intro {
  margin: 10rem auto;
  width: 80%;
  max-width: 1020px;
  line-height: 3;
}

#prosciutto {
  background-color: #f3f7f0;
  padding: 11rem 0 2rem;
}

.prosciutto__wrap {
  flex-wrap: wrap;
  justify-content: space-between;
}

.prosciutto__container {
  width: 45%;
  margin-bottom: 10rem;
}

.prosciutto__container h3 {
  font-size: 3.6rem;
  font-weight: 600;
}

.prosciutto__img {
  margin: 4rem 0 5rem;
}

/***** 生ハム作りの工程 *****/
#prosciutto-process {
  padding: 12rem 0 0;
}

.prosciutto-process__wrap {
  margin-top: 9rem;
  flex-direction: column;
  align-items: flex-end;
}

.prosciutto-process__inner {
  width: 90%;
  border-left: 1px solid #ad0310;
  padding: 5rem 0 5rem 6rem;
}

.prosciutto-process__container {
  margin-bottom: 8rem;
  align-items: center;
}

.prosciutto-process__img {
  width: 100%;
  max-width: 300px;
}

.prosciutto-process__box {
  margin-right: 5rem;
}

.prosciutto-process__box h4 {
  border-bottom: none;
  font-size: 20px;
  margin-bottom: 2rem;
  position: relative;
}

.prosciutto-process__box h4::after {
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  background-color: #ad0310;
  border-radius: 50%;
  position: absolute;
  left: -11%;
  top: 38%;
}

.prosciutto-process__box h4 .en {
  font-size: 23px;
  margin-right: 2.5rem;
  opacity: .8;
}

/***** ヴァンヌフの紹介 *****/
#prosciutto-shop {
  position: relative;
}

#prosciutto-shop::before {
  display: block;
  content: "";
  width: 100%;
  height: 850px;
  background-color: #ad0310;
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.prosciutto-shop__wrap {
  justify-content: space-between;
  align-items: flex-end;
}

.prosciutto-shop__images {
  flex-wrap: wrap;
  justify-content: center;
  width: 50%;
  padding-bottom: 8rem;
}

.prosciutto-shop__images img {
  height: auto;
}

.prosciutto-shop__images img:nth-of-type(2) {
  width: 44%;
  margin-top: 5rem;
  margin-right: 2rem;
}

.prosciutto-shop__images img:nth-of-type(3) {
  width: 44%;
  margin-top: 10rem;
  margin-left: 2rem;
}

.prosciutto-shop__container {
  width: 50%;
  color: #fff;
  padding: 0 5vw 10rem 5vw;
}

.prosciutto-shop__container h3 {
  font-size: 3.6rem;
  font-weight: 600;
}

.prosciutto-shop__ttl--en {
  font-size: 3.6rem;
  line-height: 1;
  margin: 6rem 0 1rem;
}

.prosciutto-shop__ttl {
  font-size: 1.8rem;
}

.prosciutto-shop__txt {
  margin: 4rem 0 5rem;
}

.prosciutto-shop__btn .btn--white:hover {
  border: 1px solid #fff;
  color: #ad0310;
}

.prosciutto-shop__btn .btn01:hover::after {
  background-color: #fff;
}

/* ************************************************************************************************
   charcuterie.php
   ************************************************************************************************ */
  .header-sub__charcuterie {
   background-image: url(img/charcuterie/charcuterie_header_bg.jpg);
 }

/*****人気の定番から新しいメニュー開発まで*****/
#charcuterie-message {
  background-color: #f3f7f0;
  padding: 12rem 0;
}

#charcuterie-message .sub__ttl02 h3::before {
  left: -10%;
}

.charcuterie-message__container {
  margin-top: 8rem;
  justify-content: center;
}

.charcuterie-message__container img{
  max-width: 600px;
  margin-right: 5rem;
}

.charcuterie-message__txt p {
  text-align: left;
  margin-top: 1rem;
}

/***** メニュー *****/
#charcuterie-menu {
  padding: 12rem 0;
}

.charcuterie-menu__container {
  margin-top: 3rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.charcuterie-menu__item {
  text-align: center;
  margin-top: 7rem;
  width: 47%;
}

.charcuterie-menu__txt h4 {
  font-size: 1.8rem;
  margin-top: 1rem;
  padding: .5rem;
  width: 50%;
  margin: 6rem auto 3rem;
  border: 4px double #ad0310;
}

.charcuterie-menu__txt p {
  text-align: left;
}

.charcuterie-menu__txt--width h4 {
    width: 70%;
}


.charcuterie__slider .slick-slide{
  outline:none;
}

/* ************************************************************************************************
   agingmeat.php
   ************************************************************************************************ */
   .header-sub__agingmeat {
     background-image: url(img/agingmeat/agingmeat_header_bg.jpg);
   }

/***** 北一ミートが考える熟成肉とは？ *****/
#agingmeat-about {
  background-color: #f3f7f0;
  padding: 12rem 0;
}

#agingmeat-about .sub__ttl02 h3::before {
  left: -10%;
}
.agingmeat-about__container {
  margin-top: 8rem;
  justify-content: center;
}

.agingmeat-about__container img{
  width: 100%;
  min-width: 600px;
  margin-right: 5rem;
}

.agingmeat-about__container:nth-child(2) img{
  margin: 0 0 0 5rem;
}

.agingmeat-about__txt p {
  text-align: left;
  margin-top: 1rem;
}

/***** 美味しい熟成肉を作るために *****/
#agingmeat-quality {
  padding: 12rem 0;
}

.agingmeat-quality__container {
  margin-top: 7rem;
  justify-content: center;
  text-align: center;
}

.agingmeat-quality__txt {
  text-align: left;
  margin-top: 5rem;
}

/***** 当社の取り組みと今後について *****/
#agingmeat-future {
  padding: 10rem 0 15rem;
  background: #ad0310;
}

.agingmeat-future__container {
  margin-top: 8rem;
}

.agingmeat-future__item {
  background: #fff;
  border: 10px double #ad0310;
  padding: 5rem;
  margin-top: 6rem;
}

.agingmeat-future__item img {
  width: 100%;
  min-width: 600px;
}

.agingmeat-future__item .flex {
  justify-content: space-between;
}

.agingmeat-future__txt {
  margin-left: 4rem;
}

.agingmeat-future__item:nth-child(2) .agingmeat-future__txt{
  margin: 0 4rem 0 0;
}


/* ************************************************************************************************
   tenpo.php
   ************************************************************************************************ */
   .header-sub__tenpo {
     background-image: url(img/tenpo/tenpo_header_bg.jpg);
   }

/***** La Boucherie29 *****/
#tenpo-message{
  padding: 13rem 0;
}

.tenpo-message__container {
  margin-top: 8rem;
  justify-content: center;
}

.tenpo-message__txt p:first-of-type {
  font-size: 3rem;
  margin:0 auto 3rem;
  font-weight: 400;
  text-align: center;
}

.tenpo-message__txt p{
  text-align: left;
}

.tenpo-message__container02 {
  margin-top: 4rem;
  justify-content: center;
}

.tenpo-message__map {
  width: 50%;
  height: 0;
  overflow: hidden;
  padding-bottom: 37.50%;
  position: relative;
}

.tenpo-message__map iframe {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.tenpo-message__img{
  width: 50%;
}

.tenpo-message__hr {
  border-bottom: 2px solid #ad0310;
  margin-bottom: 3.5rem;
  padding-bottom: 1.5rem;
}

/***** GALLERY *****/
#tenpo-gallery {
  background-color: #ad0310;
  padding-top: 10rem;
}

.tenpo-gallery__container {
  padding: 9rem 0 10rem;
  text-align: center;
}

.tenpo-gallery__images {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.tenpo-gallery__images a {
  width: calc(100%/3);
}

.tenpo-gallery__img {
  width: 95%;
  padding: 0 0 2rem;
}


/***** Link *****/
#tenpo-link {
  padding: 10rem 0;
}

.tenpo-link__txt {
  margin: 7rem 0 7rem;
  text-align: center;
  line-height: 2;
}

.tenpo-link__container {
  margin-top: 8rem;
  justify-content: center;
}

.tenpo__btn {
  margin-top: 4rem;
}

/*ボタン02*/
.btn--image, .btn--image:hover {
  width: 100%;
  height: 8.6rem;
  align-items: baseline;
  padding: 2.3rem 12rem;
  line-height: 2;
  font-weight: 600;
}


/* ************************************************************************************************
   news.php
   ************************************************************************************************ */
   .header-sub__news {
     background-image: url(img/news/news_header_bg.jpg);
   }

/***** news-archive *****/
#news-archive{
  padding: 15rem 0 12rem;
}

.news-archive__container {
  justify-content: center;
}

.news-archive__box{
  border-bottom: 1px solid #ad0310;
  margin-bottom: 5rem;
  padding-bottom: 1rem;
}
.news-archive__box:last-child {
  margin-bottom: 10rem;
}

.news-archive__link {
  transition: all .4s;
}

.news-archive__link:hover {
  transition: all .3s;
  opacity: .6;
}

.news-archive__date {
  color: #ad0310;
}

.news-archive__ttl {
  font-weight: bold;
  margin-left: 2rem;
  font-size: 1.8rem;
  line-height: 1.8;
}

.news-archive__category a {
  padding: 0.1rem 1.3rem;
  background: #ad0310;
  border: 1px solid #ad0310;
  margin: 0.1rem 0 0 2rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.2;
  display: inline-block;
  transition: all .4s;
  min-width: 82px;
  font-size: 1.3rem;
}

.news-archive__category a:hover {
  transition: all .3s;
  background-color: #fff;
  color: #ad0310;
}

.news-archive__btn {
  text-align: center;
  margin-top: 7rem;
}

.news-archive__btn .btn01,
.news-single__btn .btn01 {
  font-size: 1.6rem;
  line-height: 49px;
  font-family: source-han-sans-cjk-ja, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* ページネーション */
.news__pagination {
  text-align: center;
  margin-top: 5rem;
}

.page-numbers li {
  display: inline;
  margin: 0 .6rem 0;
}

.page-numbers a {
  font-size: 1.5rem;
  transition: .3s;
}

.page-numbers a:hover {
  color: #ad0310;
  transition: .3s;
}

.page-numbers.current{
  color: #ad0310;
  border-bottom: 1px solid #ad0310;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

/* ************************************************************************************************
   news-single.php
   ************************************************************************************************ */

/***** news-single *****/
#news-single {
  padding: 12rem 0;
}

.news-single__container {
  margin-top: 2rem;
  justify-content: center;
}

.news-single__head {
  text-align: center;
}

.news-single__ttl {
  font-weight: 700;
  margin: 0 0 2rem;
}

.news-single__date {
  margin-bottom: 3rem;
  color: #ad0310;
}

.news-single__category a {
  padding: .3rem 3rem;
  background: #ad0310;
  margin: 0.3rem 0 0 2rem;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.2;
  margin: 3rem auto;
  display: inline-block;
}

.news-single__txt {
  text-align: left;
  width: 60%;
  margin: 8rem auto 10rem;
}

.news-single__btn {
  text-align: center;
}

.news-single__btn .btn01 {
  width: 220px;
}

/* ************************************************************************************************
   contact.php
   ************************************************************************************************ */
   .header-sub__contact {
     background-image: url(img/contact/contact_header_bg.jpg);
   }

/***** contact-container *****/
#contact {
  padding: 12rem 0 0;
}

.contact__txt {
  text-align: center;
}

.contact__tel a{
  color: #ad0310;
  transition: all .4s;
}

.contact__tel a:hover{
  text-decoration: underline;
  transition: all .3s;
}

.contact-container table {
  width: 100%;
}

/* contact__form */
.contact__form {
  margin: 7rem auto;
  width: 80%;
}

.contact__form p {
  margin: 2rem 0 2.5rem;
}

.contact__form a {
  color: #ad0310;
  transition: .3s;
}

.contact__form a:hover {
  opacity: 0.7;
  transition: .3s;
}

.contact__form input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 5rem;
  padding: 1.2rem;
  border: 1px solid #ad0310;
}

.contact__form .privacy input {
  width: 1rem;
  height: 1rem;
}

.contact__form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 1.2rem;
  border: 1px solid #ad0310;
}

input[type="radio"] {
  width: auto;
}

.require {
  color: #ad0310;
}

span.wpcf7-form-control-wrap.radio-10 {
  display: block;
  margin-top: .5rem;
}

.wpcf7-submit {
  width: 160px;
  height: 50px;
  text-align: center;
  display: block;
  margin: 4rem auto 0;
  background: #ad0310;
  color: #fff;
  border: #ad0310 1px solid;
  transition: .3s;
}

.wpcf7-submit:hover {
  background: rgba(255,255,255,.8);
  color: #ad0310;
  transition: .3s;
}

.blk-iframe {
  border: 1px solid #ad0310;
  background-color: #fff;
  width: 800px;
  max-width: 100%;
  height: 45rem;
  margin: 5rem auto 3rem;
  overflow: auto;
}
.privacy {
  font-size: 0.9em;
  line-height: 1.8;
  padding: 5%;
}
.privacy h5 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 2rem 0 0;
}
.privacy-check {text-align: center;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
  font-size: 13px;
}


/* ************************************************************************************************
   微調整
   ************************************************************************************************ */
@media screen and (max-width: 1536px){
  /***** hightech.php @1536px *****/
  .high-tech__img {height: 70vh; max-height: 560px;}
  .high-tech__box {max-width: 630px;}

  /***** prosciutto.php @1536px *****/
  #prosciutto-shop::before {height: 800px;}
  .prosciutto-shop__container {padding: 0 5vw 9rem 5vw;}
  .prosciutto-shop__ttl--en {margin: 5rem 0 1rem;}
  .prosciutto-shop__txt {margin: 3rem 0 4rem;}
}

@media screen and (max-width: 1440px){
  /***** index.php @1440px *****/
  .index-menu__container img {width: 45%;}

  /***** aboutus.php @1440px *****/
  .about-order__container01 h3::before {display: none;}
  .about-company__tbl {width: 50%;}
  .about-company__map iframe {width: 100%;}

  /***** direct.php @1440px *****/
  #akage .sub__ttl02 h3::before {left: -9%; width: 70px;}

  /***** recruit.php @1440px *****/
  #recruit .flex {justify-content: space-around;}
  .recruit__container h3::before {display: none;}
  .recruit__container img {width: 90%;}

  /***** hightech.php @1440px *****/
  .high-tech__wrap {padding: 0 7rem;}
  #high-intro video {max-width: 650px;}
  .high-tech__box {max-width: 600px;}

  /***** charcuterie.php @1440px *****/
  #charcuterie-message .sub__ttl02 h3::before {
    display:none;
  }
  /***** agingmeat.php @1440px *****/
  #agingmeat-about .sub__ttl02 h3::before {
    display:none;
  }
  .agingmeat-about__container img {
    margin: 0 5rem 0 0;
    width: 45%;
  }
  .agingmeat-about__container:nth-child(2) img {
    margin: 0 0 0 5rem;
  }
  .agingmeat-about__txt {
    width: 45%;
  }
}

@media screen and (max-width: 1366px) {
  /***** prosciutto.php @1336px *****/
  .prosciutto-shop__container {padding: 0 4vw 8rem 4vw;}
  .prosciutto-shop__container h3 {font-size: 3.4rem;}
  .prosciutto-shop__ttl--en {font-size: 3.4rem;}
  .prosciutto-shop__ttl {font-size: 1.6rem;}
  .prosciutto-shop__images img:nth-of-type(2) {margin-top: 6rem;}
  .prosciutto-shop__images img:nth-of-type(3) {margin-top: 12rem;}
  .prosciutto-shop__images {padding-bottom: 12rem;}
  .prosciutto__container {width: 47%;}

  /***** agingmeat.php @1366px *****/
  .agingmeat-about__container img {min-width: auto;}
}

@media screen and (max-width: 1280px){
  /***** index.php @1280px *****/
  #index-about {padding: 20rem 0;}
  .index-menu__container {margin-bottom: 13rem;}

  /***** direct.php @1280px *****/
  .akage02__img02 {width: 50%; min-width: auto;}
  .akage02__img img {width: 70%;}
  .livestock__item {width: 47%;}
  .livestock02__container img {min-width: auto;}

  /***** recruit.php @1280px *****/
  #recruit .flex {align-items: flex-start;}

  /***** hightech.php @1280px *****/
  .high-tech__wrap {padding: 0 6rem;}
  #high-intro video {max-width: 600px;}
  .high-tech__box {max-width: 560px;}
  .high-tech__img {max-height: 520px;}

  /***** prosciutto.php @1280px *****/
  #prosciutto-shop::before {height: 780px;}
  .prosciutto-shop__images {padding-bottom: 15rem; width: 47%;}
  .prosciutto-shop__container {width: 53%;}

  /***** charcuterie.php @1280px *****/
  .charcuterie-menu__txt h4 {width:70%;}
  .charcuterie-menu__txt--width h4 {width:100%;}
  .charcuterie-message__container img {max-width: 100%;}

  /***** tenpo.php @1280px *****/
  .btn--image, .btn--image:hover {padding: 2.3rem 10rem;}
}

/* ************************************************************************************************
   1025px
   ************************************************************************************************ */
@media screen and (max-width: 1025px){
  /***** index.php @1025px *****/
  .hero__box img {width: 120px;}
  #index-about {padding: 15rem 0;}
  .hero__ttl .en {font-size: 8rem;}
  .index-menu__container {margin-bottom: 10rem; align-items: flex-start;}
  #index-menu {padding-bottom: 15rem;}
  .index-featured__txt01 {right: 0; left: 0; height: 250px;}
  .index-featured__txt01 p {margin-bottom: 6rem;}
  .index-featured__txt02 {bottom: 12%;}
  #index__wrap .index-featured__txt02 p {font-size: 2rem; margin-bottom: 3rem;}
  .index-news {padding-right: 3rem;}

  /***** aboutus.php @1025px *****/
  #about-message {padding: 12rem 0 10rem;}
  .about-message__container img {margin-right: 4rem; width: 30%;}
  .about-mission__container03 {margin-top: 4rem;}
  .about-mission__container02 .about-mission__item:first-of-type {margin-right: 9rem;}
  .about-mission__container02 .about-mission__item:last-of-type {margin-left: 9rem;}
  .about-mission__container03 .about-mission__item:first-of-type {margin-right: 3rem;}
  .about-mission__container03 .about-mission__item:last-of-type {margin-left: 3rem;}
  #about-order {padding: 12rem 0;}
  #about-order .flex {flex-direction: column;}
  .about-order__container01 {width: 100%; text-align: center;}
  .about-order__container02 {width: 80%; padding-left: 0; margin-top: 5rem;}
  .about-history__tbl th {padding-right: 2rem;}
  .about-history__bg {height: 60vh; background-attachment: scroll;}
  .about-company__container {flex-direction: column; align-items: center;}
  .about-company__tbl {width: 70%;}
  .about-company__tbl th {width: 20%;}
  .about-comapny__box {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 7rem;
  }

  /***** direct.php @1025px *****/
  #akage .sub__ttl02 h3::before {display: none;}
  .akage__txt {margin: 5rem 0 5rem;}
  .akage__movie iframe {width: 100%; height: 500px;}
  .akage__store {align-items: flex-start; padding: 5rem 3rem;}
  .akage__store img {width: 35%;}
  .akage__box {margin-left: 4rem;}
  .akage__tbl {margin: 4rem 0;}

  .akage02__txt--juicy, .akage02__txt--healthy {display: block;}
  .akage02__container {
    width: 100%;
    height: auto;
    margin: 16rem auto 10rem;
    background: transparent;
    border-radius: unset;
    padding: 0;
  }
  .akage02__txt {
    width: 800px;
    height: 800px;
    background: rgba(255,255,255,1);
    margin: 0 auto 20rem;
    padding: 17rem 0;
    border-radius: 50%;
  }
  .akage02__txt:nth-of-type(3) {margin-bottom: 0;}
  .akage02__txt p:first-of-type {text-align: center;}
  .akage02__item--natural {top: -4%;}
  .akage02__item--juicy, .akage02__item--healthy {right: 0; left: 0; margin: auto;}
  .akage02__item--juicy {bottom: 59.5%;}
  .akage02__item--healthy {bottom: 23.5%;}

  .akage02__container02 .flex {flex-direction: column-reverse; align-items: center; margin-top: 6rem;}
  .akage02__img02 {width: 70%;}
  .akage02__box {margin-right: 0; margin-top: 4rem;}
  .akage02__img img {width: auto;}

  #livestock {padding: 12rem 0;}
  #livestock .flex:first-of-type {flex-direction: column; align-items: center;}
  .livestock__ttl h3::before {display: none;}
  .livestock__txt {width: 80%;}
  .livestock__item {margin-top: 5rem;}
  #livestock02 {padding: 12rem 0;}
  .livestock02__container {margin-bottom: 10rem;}
  .livestock02__container img {width: 40%;}

  /***** recruit.php @1025px *****/
  #recruit .flex {align-items: center; flex-direction: column;}
  .recruit__container img {width: 100%;}
  .recruit__txt {margin-top: 5rem;}

  .flow__item {padding: 5rem 0;}
  .flow__item--large {width: 428px; height: 428px;}
  .flow__heading {font-size: 2.7rem;}
  .flow__time {font-size: 2.7rem;}
  .flow__intro::after {top: 17.5%;}
  .flow__right {padding-left: 6rem;}
  .flow__left {padding-right: 6rem;}

  #staff {padding: 12rem 0 5rem;}
  .staff__img {width: 170px; height: 170px;}
  .staff__prof {margin-left: 3rem;}
  .staff__heading {font-size: 2rem;}
  .staff__name {font-size: 1.7rem;}

  /***** hightech.php @1025px *****/
  #high-intro .flex {flex-direction: column;}
  .high-intro__container {width: 100%; text-align: center;}
  #high-intro video {max-width: 90%;}
  .high-intro__txt {margin-top: 5rem; margin-left: 0; width: 82%;}
  .high-tech__container--right {flex-direction: column;}
  .high-tech__container--left {flex-direction: column-reverse;}
  .high-tech__container--right .high-tech__box {margin-right: 0;}
  .high-tech__container--left .high-tech__box {margin-left: 0;}
  .high-tech__box {max-width: 630px;}
  .high-tech__img {height: 600px; background-attachment: scroll; max-height: 100%; margin-top: -80px;}

  /***** prosciutto.php @1025px *****/
  #prosciutto-intro {width: 85%;}
  #prosciutto {padding: 10rem 0 2rem;}
  .prosciutto__wrap {flex-direction: column; align-items: center;}
  .prosciutto__container {width: 80%; text-align: center; margin-bottom: 8rem;}
  .prosciutto__txt {text-align: left;}
  #prosciutto-process {padding: 10rem 0 0;}
  .prosciutto-process__wrap {margin-top: 7rem;}
  .prosciutto-process__container {margin-bottom: 7rem;}
  .prosciutto-process__inner {padding: 5rem 0 13rem 4rem;}
  .prosciutto-process__box {margin-right: 4rem;}
  .prosciutto-process__box h4::after {left: -10.7%;}
  .prosciutto-shop__wrap {flex-direction: column; background-color: #ad0310; align-items: center; padding-bottom: 10rem;}
  #prosciutto-shop::before {display: none;}
  .prosciutto-shop__container {width: 80%; padding: 0;}
  .prosciutto-shop__images {padding-bottom: 6rem; width: 85%; margin-top: -10rem;}
  .prosciutto-shop__txt {margin: 4rem 0 5rem;}

  /*****charcuterie.php @1025px*****/
  #charcuterie-message {padding: 12rem 0 10rem;}
  .charcuterie-message__container img {margin-right: 4rem; width: 45%;}
  #charcuterie-menu {padding: 12rem 0;}
  .charcuterie-menu__item {margin-top: 5rem;}
  .charcuterie-menu__txt {width: 95%;}
  .charcuterie-menu__txt h4 {width:100%;}

  /***** agingmeat.php @1025px *****/
  #agingmeat-about {padding: 12rem 0 10rem;}
  #agingmeat-quality {padding: 12rem 0 10rem;}
  .agingmeat-future__item .flex {flex-direction: column; align-items: center;}
  .agingmeat-future__item:nth-child(2) .flex {flex-direction: column-reverse; align-items: center;}
  .agingmeat-future__txt {margin-left: 0; margin-top: 4rem;}
  .agingmeat-future__item:nth-child(2) .agingmeat-future__txt {margin: 4rem 0 0 0;}
  .agingmeat-future__item img {width: auto; min-width: auto;}

  /***** tenpo.php @1025px *****/
  #tenpo-message {padding: 12rem 0 10rem;}
  .tenpo-gallery__container {padding: 10rem 0 10rem;}
  #tenpo-link {padding: 7rem 0 10rem;}

}


/* ************************************************************************************************
   960px
   ************************************************************************************************ */
@media screen and (max-width: 959px){
  /***** 下層ページヘッダー画像差し替え @960px *****/
  .header-sub__about {background-image: url(img/about/about_header_bg_sp.jpg);}
  .header-sub__direct {background-image: url(img/direct/direct_header_bg_sp.jpg);}
  .header-sub__recruit {background-image: url(img/recruit/recruit_header_bg_sp.jpg);}
  .header-sub__hightech {background-image: url(img/hightech/hightech_header_bg_sp.jpg);}
  .header-sub__prosciutto {background-image: url(img/prosciutto/prosciutto_header_bg_sp.jpg);}
  .header-sub__charcuterie {background-image: url(img/charcuterie/charcuterie_header_bg_sp.jpg);}
  .header-sub__agingmeat {background-image: url(img/agingmeat/agingmeat_header_bg_sp.jpg);}
  .header-sub__tenpo {background-image: url(img/tenpo/tenpo_header_bg_sp.jpg);}
  .header-sub__news {background-image: url(img/news/news_header_bg_sp.jpg);}
  .header-sub__contact {background-image: url(img/contact/contact_header_bg_sp.jpg);}

  /***** index.php @960px *****/
  .hero__box {display: block; text-align: center;}
  .hero__box img {margin-right: 0; margin-bottom: 3rem;}
  .hero__ttl .en {margin-bottom: 6rem;}

  .index-menu__container {flex-direction: column; align-items: center;}
  .index-menu__container img {width: 80%; margin-bottom: 4rem;}
  .index-menu__container:nth-of-type(even) .index-menu__container img {order: 1;}
  .index-menu__container:nth-of-type(even) .index-menu__box {order: 2;}
  .index-menu__box {width: 100%;}
  .index-menu__txt {margin: 5rem 0 4rem;}

  .index-featured__bnr01 {margin-bottom: 7rem;}
  .index-featured__txt01 h2 {font-size: 4.2rem;}
  .index-featured__txt01 p {margin-bottom: 4rem; font-size: 1.8rem;}
  .index-featured__txt01 {width: 380px; height: 220px; right: 0;}
  #index__wrap .index-featured__txt02 p {font-size: 1.6rem; margin-bottom: 1.5rem;}
  .index-featured__txt02 {left: 2%; bottom: 10%;}
  #index-featured .btn01 {
    width: 150px;
    height: 47px;
    line-height: 47px;
    font-size: 1.6rem;
  }

  #index-info .wrap {display: block;}
  .index-news, .index-event {width: 100%;}
  .index-news {padding-right: 0; margin-bottom: 7rem;}
  .index-news__tbl {margin: 7rem auto 5rem;}
  .index-news__btn {text-align: center;}

  .index-contact__btn {padding: 5rem 3rem;}

  /***** aboutus.php @960px *****/
  .about-message__container {flex-direction: column; align-items: center;}
  .about-message__container img {width: 50%; margin: 0 auto 5rem;}
  .about-message__txt {width: 80%;}
  .about-message__txt p:first-of-type {font-size: 2.4rem; text-align: center;}

  #about-mission {padding: 10rem 0;}
  .about-mission__txt {font-size: 1.8rem;}
  .about-mission__item {width: 300px; height: 300px;}
  .about-mission__item p:first-of-type {font-size: 12rem;}
  .about-mission__item p:nth-of-type(2) {font-size: 2.5rem;}
  .about-mission__item02 p:nth-of-type(2) {top: 35%;}
  .about-mission__item p:last-of-type {font-size: 1.5rem;}
  .about-mission__container02 {margin-top: 0;}
  .about-mission__container02 .about-mission__item:first-of-type {margin-right: 4rem;}
  .about-mission__container02 .about-mission__item:last-of-type {margin-left: 4rem;}
  .about-mission__container03 .about-mission__item:first-of-type {margin-right: 1rem;}
  .about-mission__container03 .about-mission__item:last-of-type {margin-left: 1rem;}

  .about-order__container02 {width: 90%;}

  .about-history__container {flex-direction: column; width: 80%; margin: 7rem auto 0;}
  .about-history__bg {height: 40vh;}

  .about-company__tbl {width: 80%;}

  /***** direct.php @960px *****/
  .akage__movie iframe {height: 40vh;}
  .akage__store {flex-direction: column; align-items: center;}
  .akage__store img {width: 50%;}
  .akage__box {margin-top: 4rem; margin-left: 0;}
  .akage__box h4 {text-align: center;}
  .akage__tbl {margin: 3rem 0 4rem;}
  .akage__btn {text-align: center;}

  #akage02 {padding: 10rem 0 12rem;}
  .akage02__container {
    margin: 20rem auto 10rem;
    text-align: left;
  }
  .akage02__txt {
    width: 100%;
    height: auto;
    margin-bottom: 20rem;
    padding: 15rem 5rem 5rem 5rem;
    border-radius: 30px;
  }
  .akage02__txt p:first-of-type {text-align: center;}
  .akage02__item--natural {top: -5%;}
  .akage02__item--juicy {bottom: 61%;}
  .akage02__item--healthy {bottom: 24%;}

  .akage02__img02 {width: 100%;}
  .livestock__txt {width: 100%;}

  .livestock02__container {flex-direction: column-reverse; align-items: center;}
  .livestock02__container img {width: 70%;}
  .livestock02__container img {margin-bottom: 3rem;}
  .livestock02__txt {margin: 5rem 0 0 0;}

  /***** recruit.php @960px *****/
  .flow__container {flex-direction: column;}
  .flow__right {padding-left: 0; text-align: center; width: 100%;}
  .flow__left {padding-right: 0; text-align: center; width: 100%;}
  .flow__img {margin-bottom: 3rem;}
  .flow__container02 .flow__left {order: 2;}
  .flow__container02 .flow__right {order :1;}
  .flow__dot {display: none;}
  .flow__intro::after {top: 12.9%; height: 80%;}

  .staff__item {width: 100%;}
  .staff__item::before {top: 14%; width: 85%;}
  .staff__item:nth-of-type(3)::before {background-color: rgba(230,0,18,0.08);}
  .staff__item:nth-of-type(4)::before {background-color: #f3f7f0;}
  .staff__prof {width: 63%;}
  .staff__img {width: 200px; height: 200px;}

  .job__tbl {width: 100%;}
  .job__message p {font-size: 2rem;}

  /***** hightech.php @960px *****/
  #high-tech {padding: 10rem 0 5rem;}
  #high-intro {padding: 10rem 0;}
  .high-tech__wrap {padding: 0 5rem;}
  .high-tech__img {height: 450px; margin-top: -50px;}
  .high-tech__box {max-width: 90%;}
  .high-tech__container {margin-bottom: 8rem;}
  .high-tech__box h4 {font-size: 2.2rem; margin: 2rem 0 3rem;}
  .high-tech__box02 h4 {margin-bottom: 0;}
  .high-tech__number {font-size: 3.2rem;}
  .high-tech__box02 {margin: 9rem auto 7rem;}
  .high-tech__box h5 {font-size: 1.8rem;}
  .high-tech__container02 {flex-direction: column; margin-bottom: 4rem;}
  .high-tech__container03 {width: 100%;}
  .high-tech__container03 img {width: 80%;}
  .high-tech__container03 .high-tech__box {margin: -3rem auto 5rem; max-width: 90%;}

  /***** prosciutto.php @960px *****/
  #prosciutto-intro {width: 97%; margin: 8rem auto;}
  .prosciutto__container {width: 90%;}
  .prosciutto-process__container {flex-direction: column; align-items: flex-start;}
  .prosciutto-process__box {margin-right: 0; margin-bottom: 3rem;}
  .prosciutto-process__box h4::after {left: -8.5%;}

  /***** charcuterie.php @960px *****/
  .charcuterie-message__container {flex-direction: column; align-items: center;}
  .charcuterie-message__container img {width: 70%; margin: 0 auto 5rem;}
  .charcuterie-message__txt {width: 90%;}

  .charcuterie-menu__txt h4 {
    padding: 0.5rem;
    margin: 6rem auto 1rem;
  }

  /***** agingmeat.php @960px *****/
  .agingmeat-about__container {flex-direction: column; align-items: center;}
  .agingmeat-about__container img,.agingmeat-about__container:nth-child(2) img{width: 70%; margin: 0 auto 5rem;}
  .agingmeat-about__txt {width: 90%;}
  .agingmeat-about__container:nth-child(2) {flex-direction: column-reverse;}

  #agingmeat-future {padding: 10rem 0 12rem;}

  /***** tenpo.php @960px *****/
  .tenpo-message__txt {width: 90%; margin: 0 auto;}
  .tenpo-message__txt p:first-of-type {font-size: 2.4rem;}

  #tenpo-gallery {padding: 10rem 0 3rem;}
  .tenpo-gallery__container {width: 90%; margin: 0 auto; padding: 10rem 0 7rem;}
  .tenpo-gallery__images a {width: calc(100%/2);}
  .tenpo-gallery__img {width: 95%; padding: 0 0 1.8rem;}

  .tenpo__btn {margin-top: 0rem; width: 100%;}
  .btn--image, .btn--image:hover {height: 7rem; padding: 1.8rem 1rem;}

  /***** news.php @960px *****/
  #news-archive {padding: 10rem 0 3rem;}
  .news-archive__box{margin-bottom: 3rem; justify-content: space-between;}
  .news-archive__date {margin-bottom: 0.1rem;}
  .news-archive__ttl {
    margin-left: 2rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    font-size: 1.5rem;
  }
  .news-archive__category a {
    padding: 0.1rem 1.3rem;
    margin: 0 0 0 2rem;
    color: #fff;
    font-size: 1.2rem;
    line-height: 2.2;
  }

  .news-single__txt {
    width: 80%;
  }

  /***** contact.php @960px *****/
  #contact {
    padding: 10rem 0;
  }
  .contact__form {
    width: 90%;
  }
}

/* ************************************************************************************************
   768px
   ************************************************************************************************ */
@media screen and (max-width: 767px){
  /***** tenpo.php @767px *****/
  .tenpo-message__box {flex-direction: column; align-items: center;}
  .tenpo-message__img,.tenpo-message__map {width:100%;}
  .tenpo-message__img img{width:100%; margin: 0 auto 4rem;}
  .tenpo-message__map {padding-bottom: 75%;}
  .tenpo__btn {margin-top: 0rem; margin-bottom: 2rem; width:80%;}
  .tenpo-link__container {flex-direction: column; align-items: center;}

  /***** tenpo.php @767px *****/
  .news-archive__btn {margin-top: 4rem;}
}

/* ************************************************************************************************

   560px

   ************************************************************************************************ */
@media screen and (max-width: 559px){
  /***** index.php @560px *****/
  .hero__box img {width: 90px;}
  .hero__ttl .en {font-size: 6rem; line-height: 1.2; margin-bottom: 4rem;}
  .hero__ttl p:nth-of-type(2) {line-height: 2;}

  #index-about {padding: 10rem 0;}
  #index-about .index__ttl h2 {line-height: 1;}
  .index-about__txt {margin-top: 7rem;}
  #index-menu {padding-bottom: 11rem;}
  .index-menu__container {margin-bottom: 8rem;}
  .index-menu__container img {width: 100%; margin-bottom: 3rem;}
  .index-menu__btn {text-align: center;}

  #index-featured {padding-bottom: 10rem;}
  .index-featured__txt01 {width: 100%; height: 200px;}
  .index-featured__txt01 h2 {font-size: 3.4rem;}
  .index-featured__txt01 p {font-size: 1.8rem;}
  .index-featured__bnr01 {margin-bottom: 5rem;}
  .index-featured__bnr01 img {opacity: .5;}
  #index__wrap .index-featured__txt02 p {font-size: 1.5rem; margin-bottom: 1rem;}
  .index-featured__txt02 {
    left: 0;
    right: 0;
    bottom: 9%;
    padding-left: .5rem;
  }
  #index-featured .btn01 {
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-size: 1.5rem;
  }

  #index-info {padding-bottom: 10rem;}
  #index-info .h2--first::before {
    width: 90px;
    height: 90px;
    left: -4%;
    bottom: -19%;
  }
  .index-news__tbl {margin: 5rem auto;}
  .index-news__tbl tr {border-bottom: 1px solid rgba(255,255,255,.5);}
  .index-news__tbl th, .index-news__tbl td {padding: 0; width: 100%; display: block;}
  .index-news__tbl th {padding-right: 0; padding-top: 1rem;}
  .index-news__tbl td {padding-bottom: 1rem;}
  .index-event__tbl {margin: 5rem 0 4rem;}
  .index-event__note {padding: 3rem 2rem;}
  .index-event__note p:first-of-type {font-size: 1.8rem;}

  #index-contact {padding-bottom: 10rem;}
  .index-contact__btn {padding: 4rem 2rem;}
  .index-contact__btn p.en {font-size: 2.6rem;}

  /***** aboutus.php @560px *****/
  #about-message {padding: 7rem 0;}
  .about-message__container {margin-top: 6rem;}
  .about-message__container img {width: 70%; margin: 0 auto 4rem;}
  .about-message__txt {width: 100%;}
  .about-message__txt p:first-of-type {font-size: 1.9rem;}

  #about-mission {padding: 7rem 0;}
  .about-mission__txt {margin: 5rem 0 7rem; font-size: 1.6rem; text-align: left;}
  .about-mission__container02, .about-mission__container03 {flex-direction: column;}
  .about-mission__container02 .about-mission__item:first-of-type {margin-right: 0;}
  .about-mission__container02 .about-mission__item:last-of-type {margin-left: 0;}
  .about-mission__container03 .about-mission__item:first-of-type {margin-right: 0;}
  .about-mission__container03 .about-mission__item:last-of-type {margin-left: 0;}
  .about-mission__container03 {margin-top: 0;}
  .about-mission__item {margin-bottom: 5rem;}
  .about-mission__container03 .about-mission__item:last-of-type {margin-bottom: 0;}

  #about-order {padding: 7rem 0;}
  .about-order__container02 {margin-top: 3rem; width: 100%;}

  #about-history {padding: 7rem 0;}
  .about-history__container {width: 100%; margin: 5rem auto 0;}
  .about-history__tbl th, .about-history__tbl td {display: block; width: 100%; padding: 0;}
  .about-history__tbl th {padding-top: 1rem;}
  .about-history__tbl td {border-bottom: 1px solid rgba(0,0,0,.4); padding-bottom: 1rem;}

  #about-company {padding: 7rem 0;}
  .about-company__container {margin-top: 5rem;}
  .about-company__tbl {width: 90%;}
  .about-company__tbl th, .about-company__tbl td {display: block; width: 100%; }
  .about-company__tbl th {padding: 1rem; text-align: center;}
  .about-company__tbl td {padding: 0 1rem 1rem;}
  .about-comapny__box {margin-top: 5rem; text-align: left;}
  .about-company__map iframe {height: 40vh;}

  /***** direct.php @560px *****/
  #akage {padding: 7rem 0;}
  #akage .sub__ttl02 {text-align: left;}
  .akage__txt {margin: 3rem 0 4rem;}
  .akage__movie iframe {height: 27vh;}
  .akage__movie {margin-bottom: 6rem;}
  .akage__store {padding: 3rem 1.5rem;}
  .akage__store img {width: 80%;}
  .akage__box {margin-top: 3rem;}
  .akage__tbl {margin: 2rem 0;}
  .akage__btn .btn01 {height: auto; line-height: 2.2; padding: 1rem 2.5rem; width: 90%;}

  #akage02 {padding: 7rem 0 5rem;}
  .akage02__container {margin: 14rem auto 7rem;}
  .akage02__txt {padding: 14rem 2rem 4rem 2rem; margin-bottom: 12rem;}
  .akage02__txt p:first-of-type {text-align: left; font-size: 1.7rem; margin-bottom: 2rem;}
  .br_direct {display: none;}
  .akage02__item {width: 200px; height: 200px; padding: 7rem 0;}
  .akage02__item .en {font-size: 4rem; margin-bottom: .7rem;}
  .akage02__item p {font-size: 1.8rem;}
  .akage02__item--natural {top: -3%;}
  .akage02__item--juicy {bottom: 62%;}
  .akage02__item--healthy {bottom: 27.3%;}

  .akage02__container02 {padding: 4rem 2rem 5rem;}
  .akage02__container02 .flex {margin-top: 5rem;}
  .akage02__box, .akage02__img {margin-top: 3rem;}
  .akage02__wrap {padding: 0;}

  #livestock {padding: 7rem 0;}
  .livestock__txt {line-height: 2.2;}
  .livestock__container.flex {flex-direction: column; align-items: center; margin-top: 0;}
  .livestock__item {width: 90%; margin-top: 4rem;}
  .livestock__item p {font-size: 1.6rem;}

  #livestock02 {padding: 7rem 0;}
  .livestock02__txt {margin: 4rem 0 0 0;}
  .livestock02__container {margin-bottom: 6rem;}
  .livestock02__container img {width: 100%;}

  /***** recruit.php @560px *****/
  #recruit {padding: 7rem 0;}
  .recruit__txt {margin-top: 3rem;}

  #flow {padding: 7rem 0 10rem;}
  .flow__intro {margin: 5rem auto 0; width: 315px; height: 315px;}
  .flow__intro::after {top: 12.4%}
  .flow__intro img {width: 120px; height: auto;}
  .flow__intro p:first-of-type {font-size: 2rem; margin: 1rem 0;}
  .flow__item {
    width: 100%;
    height: auto;
    border-radius: 30px;
    padding: 2rem 1rem;
  }
  .flow__heading {font-size: 2.2rem;}
  .flow__time {font-size: 2.2rem;}
  .flow__txt {margin-top: 2rem;}
  .flow__item--white .flow__heading {font-size: 3.2rem;}
  .flow__container {padding-top: 6rem;}
  .flow__img {margin-bottom: 2rem;}

  #staff {padding: 7rem 0 0;}
  .slick-slide {margin-right: 0;}
  .staff__wrap {margin-top: 5rem;}
  .staff__item .flex {flex-direction: column; align-items: center;}
  .staff__item {padding: 0 2rem;}
  .staff__item::before {
    top: 20%;
    width: 100%;
    height: 87%;
    left: 0;
    margin: auto;
  }
  .staff__prof {width: 100%; margin-left: 0; text-align: center; margin-top: 2rem;}
  .staff__heading {margin-bottom: 1.5rem;}
  .staff__name {font-size: 1.5rem;}
  .staff__txt {margin-top: 3rem;}

  #job {padding: 10rem 0;}
  .job__txt {
    margin: 5rem 0;
    text-align: center;
    line-height: 2.5;
  }
  .job__container {flex-direction: column;}
  .job__img {margin-right: 0; margin-bottom: 3rem;}

  #recruit-contact {padding: 0 0 10rem;}
  .job__message {
    padding: 2rem;
    width: 100%;
  }
  .job__message:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
    margin-top: 3px;
  }
  .job__message:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -14px;
    margin-top: 0;
    border: 14px solid transparent;
    border-bottom: 14px solid #ad0310;
    z-index: 1;
  }
  .job__tbl {width: 90%; margin: 7rem auto 0;}
  .job__tbl th, .job__tbl td {width: 100%; display: block;}
  .job__tbl th {padding: 1rem; text-align: center;}
  .job__tbl td {padding: 0 1rem 1rem;}
  .recruit-contact__txt {margin-top: 3rem;}

  /***** hightech.php @560px *****/
  #high-intro {padding: 7rem 0;}
  #high-intro video {max-width: 100%; margin-top: 4rem;}
  .high-intro__txt {margin-top: 3rem; width: 100%;}
  #high-tech {padding: 7rem 0 4rem;}
  .high-tech__wrap {padding: 0;}
  .high-tech__box, .high-tech__container03 .high-tech__box {max-width: 85%;}
  .high-tech__box h4 {font-size: 2rem; line-height: 1.8;}
  .high-tech__box {padding: 4rem 2rem;}
  .high-tech__number {font-size: 3rem; padding-bottom: 12px;}
  .high-tech__img {height: 250px; margin-top: -30px;}
  .high-tech__container {margin-bottom: 6rem;}
  .high-tech__box02 {margin: 7rem auto 5rem;}
  .high-tech__container03 img {width: 100%;}
  .high-tech__container02 {margin-bottom: 2rem;}

  /***** prosciutto.php @560px *****/
  #prosciutto-intro {width: 100%; margin: 6rem auto; line-height: 2.2;}
  #prosciutto {padding: 7rem 0 2rem;}
  .prosciutto__container {width: 100%; margin-bottom: 5rem;}
  .prosciutto__container h3, .prosciutto-shop__container h3 {font-size: 2.7rem;}
  .prosciutto__img {margin: 3rem 0 4rem;}
  #prosciutto-process {padding: 7rem 0 0;}
  .prosciutto-process__wrap {margin-top: 6rem;}
  .prosciutto-process__inner {width: 97%;}
  .prosciutto-process__inner {padding: 4rem 0 11rem 3rem;}
  .prosciutto-process__box h4 .en {font-size: 2.1rem; margin-right: 2rem;}
  .prosciutto-process__box h4 {font-size: 1.8rem;}
  .prosciutto-process__box h4::after {left: -13.3%;}
  .prosciutto-process__container {margin-bottom: 6rem;}
  .prosciutto-shop__wrap {padding-bottom: 7rem;}
  .prosciutto-shop__images {padding-bottom: 5rem; width: 90%; margin-top: -8rem;}
  .prosciutto-shop__images img:nth-of-type(2) {width: 68%; margin-top: 3rem; margin-right: 6rem;}
  .prosciutto-shop__images img:nth-of-type(3) {width: 62%; margin-top: 3rem; margin-left: 7rem;}
  .prosciutto-shop__ttl--en {font-size: 2.4rem; margin: 4rem 0 1rem;}
  .prosciutto-shop__ttl {font-size: 1.4rem;}
  .prosciutto-shop__container {width: 85%; text-align: center;}
  .prosciutto-shop__txt {text-align: left; margin: 3rem 0 4rem;}
  .prosciutto-shop__btn {text-align: center;}

  /***** charcuterie.php @560px *****/
  #charcuterie-message {padding: 7rem 0;}
  .charcuterie-message__container {margin-top: 5rem; width: 100%;}
  .charcuterie-message__container img {width: 100%; margin: 0 auto 3rem;}
  .charcuterie-message__txt {width: 100%;}
  #charcuterie-menu {padding: 7rem 0;}
  .charcuterie-menu__item {width: 100%;}
  .charcuterie-menu__txt {width: 100%;}
  .charcuterie-menu__txt h4 {margin: 6rem auto 1rem;}

  /***** agingmeat.php @560px *****/
  #agingmeat-about {padding: 7rem 0;}
  .agingmeat-about__container {margin-top: 6rem; width: 100%;}
  .agingmeat-about__container img,.agingmeat-about__container:nth-child(2) img {width: 100%; margin: 0 auto 2rem;}
  .agingmeat-about__txt {width: 100%;}
  #agingmeat-quality {padding: 7rem 0;}
  #agingmeat-future {padding: 7rem 0;}
  .agingmeat-future__wrap {padding: 0 2rem;}
  .agingmeat-future__container{margin-top:0rem;}
  .agingmeat-future__item {padding: 3rem 2rem; margin-top: 5rem;}
  .agingmeat-future__txt,.agingmeat-future__item:nth-child(2) .agingmeat-future__txt {margin-top: 2rem;}

  /***** tenpo.php @560px *****/
  .header-sub__tenpo .header-sub__ttl h2 .en {font-size: 3.8rem;}
  #tenpo-message {padding: 7rem 0;}
  .tenpo-message__container {margin-top: 6rem;}
  .tenpo-message__container02 {margin-top: 2rem;}
  .tenpo-message__txt {width: 100%;}
  .tenpo-message__txt p:first-of-type {font-size: 1.9rem;}
  .tenpo-message__hr {margin-bottom: 2.5rem;}
  #tenpo-gallery {padding: 7rem 0 1rem;}
  .tenpo-gallery__container {width: 100%; margin: 0 auto; padding:6rem 0 7rem;}
  .tenpo-gallery__img {padding: 0 0 1rem; width:94%;}
  #tenpo-link {padding: 5rem 0 5rem;}
  .tenpo-link__txt {margin: 4rem 0 2rem;}
  .tenpo-link__container {margin-top: 4rem;}
  .tenpo__btn {width: 100%;}

  /***** news.php @560px *****/
  #news-archive {padding: 7rem 0;}
  .news-archive__date {font-size: 1.2rem;}
  .news-archive__ttl {font-size: 1.4rem;}
  .news-archive__category a {
    padding: 0.1rem 1rem;
    margin: 0 0 0 1rem;
    font-size: 1.1rem;
  }
  .news-archive__container {margin-top: 2rem;}
  .news-archive__box:last-child {margin-bottom: 5rem;}
  .news-archive__btn .btn01, .news-single__btn .btn01 {font-size: 1.5rem;}
  #news-single {padding: 7rem 0;}
  .news-single__txt {width: 100%; margin: 2rem auto 7rem;}

  /***** contact.php @560px *****/
  #contact {padding: 7rem 0 0;}
  .contact__txt {text-align:left;}
  .contact__form {width: 100%;}

}

/* ************************************************************************************************
   480px
   ************************************************************************************************ */
@media screen and (max-width: 480px){
  .charcuterie-menu__txt--width h4 {font-size:1.6rem;}
  .news-archive__item.flex {
    display: block;
  }
  .news-archive__category a {
  padding: 0rem;
  margin: 0 0 1rem 0rem;
  width: 20%;
  text-align: center;
}
}

/* ************************************************************************************************

   320px

   ************************************************************************************************ */
@media screen and (max-width: 320px){
  .index__ttl p {font-size: 1.6rem;}
  .index-featured__txt01 h2 {font-size: 3rem;}
  .index-featured__txt01 p {font-size: 1.6rem;}
  .index-featured__txt02 {bottom: 6%;}
  #index__wrap .index-featured__txt02 p {font-size: 1.4rem;}

  .about-message__txt p:first-of-type {font-size: 1.7rem;}
  .about-mission__item {width: 280px; height: 280px;}
  .tenpo-message__txt p:first-of-type {font-size: 1.8rem;}

  .flow__intro {width: 280px; height: 280px;}
  .flow__intro p:first-of-type {font-size: 1.8rem;}
  .flow__intro img {width: 90px;}
  .flow__intro::after {top: 11.5%; height: 83%;}
  .prosciutto-process__box h4::after {left: -15.3%;}
  .prosciutto__container h3, .prosciutto-shop__container h3 {font-size: 2.5rem;}
}