@charset "UTF-8";
/**
 * レスポンシブ時に、SPのみに適用させる。
 * @include sp{
    ここにvwなどのSP用のスタイル
 * }
 */
/**
 * レスポンシブ時に、PCのみに適用させる。
 * @include pc{
    ここにpc用のスタイル
 * }
 */
/*vwを使うときの事前設定。今回はスマホの375pxの画面幅に対して。PCの時はpxを使うと良い*/
/*PC用の　vw */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #333;
  background-color: white;
  line-height: 1.5;
}

/* ヘッダー*/
@media only screen and (max-width: 750px) {
  header {
    display: flex;
    position: absolute;
    top: 4vw;
    right: 8vw;
    z-index: 10;
    align-items: center;
  }
}
@media only screen and (min-width: 751px) {
  header {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 10;
  }
}

@media only screen and (max-width: 750px) {
  header a {
    display: block;
    width: 13.3333333333vw;
    margin: 16px;
  }
}
@media only screen and (min-width: 751px) {
  header a {
    display: block;
    width: 50px;
    position: absolute;
    right: 90px;
    top: 17px;
  }
}

@media only screen and (max-width: 750px) {
  .hamburger {
    display: block;
    width: 10.6666666667vw;
    height: 8.5333333333vw;
    position: relative;
  }
}
@media only screen and (min-width: 751px) {
  .hamburger {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    right: 25px;
    top: 25px;
  }
}
.hamburger span {
  position: absolute;
  width: 100%;
  height: 2.2px;
  background-color: #333;
  border-radius: 10px;
}
.hamburger span:first-of-type { /* ハンバーガーメニューの1番目の線 */
  top: 0;
}
.hamburger span:nth-of-type(2) { /* ハンバーガーメニューの2番目の線 */
  top: 50%;
}
.hamburger span:last-of-type { /* ハンバーガーメニューの3番目の線 */
  top: 100%;
}

/*MV + leadのセクション*/
@media only screen and (min-width: 751px) {
  .area0 {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .main_visual {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .copyContainer {
    position: absolute;
    height: 100%;
    display: flex;
    padding-left: 48vw;
    padding-top: 25.8666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .copyContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 43%;
  }
}
.area0 .copy {
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .area0 .copy {
    position: absolute;
    writing-mode: vertical-rl;
    color: white;
    font-size: 20px;
    letter-spacing: 0.25em;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .copy {
    position: absolute;
    writing-mode: vertical-rl;
    color: white;
    font-size: 20px;
    letter-spacing: 0.25em;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .first_p {
    font-size: 4.2666666667vw;
    letter-spacing: 2.1333333333vw;
    padding-top: 8vw;
    margin-left: 20vw;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .first_p {
    font-size: 20px;
    letter-spacing: 9px;
    padding-top: 120px;
    margin-left: 15%;
  }
}
.area0 p span {
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .area0 p span {
    padding-top: 5.3333333333vw;
    margin-right: 1.2vw;
  }
}
@media only screen and (min-width: 751px) {
  .area0 p span {
    padding-top: 16px;
    margin-right: 7%;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .second_p {
    font-size: 5.3333333333vw;
    letter-spacing: 2.5333333333vw;
    text-shadow: 2px 3px 5px #333;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .second_p {
    font-size: 24px;
    letter-spacing: 12px;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .sp_keyVisual {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .pc_keyVisual {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .sun_cloud {
    width: 42.6666666667vw;
    height: 58.4vw;
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .sun_cloud {
    display: none;
  }
}
.area0 .decoration1 {
  position: absolute;
  z-index: -2;
}
@media only screen and (max-width: 750px) {
  .area0 .decoration1 {
    width: 41.3333333333vw;
    height: 21.6vw;
    top: 137.3333333333vw;
    right: 0;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .decoration1 {
    display: none;
  }
}
.area0 h1 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area0 h1 {
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    margin: 0 auto;
    margin-top: 16vw;
    letter-spacing: 2.6666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area0 h1 {
    display: inline-block;
    letter-spacing: 9.6px;
    line-height: 2;
    position: absolute;
    top: 8.5%;
    left: 22%;
    font-size: 24px;
  }
}
@media only screen and (max-width: 750px) {
  .area0 h1 span {
    padding-top: 134px;
    display: inline-block;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .lead-container {
    text-align: center;
  }
}
.area0 .lead-area .lead-container .lead {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .area0 .lead-area .lead-container .lead {
    font-size: 4vw;
    line-height: 10.1333333333vw;
    padding-top: 10.1333333333vw;
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .lead-container .lead {
    font-size: 17px;
    line-height: 50px;
    display: inline-block;
    position: relative;
  }
  .area0 .lead-area .lead-container .lead::before {
    content: "";
    position: absolute;
    top: 70px;
    left: -140px;
    width: 170px;
    height: 170px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .lead-container .lead .none1 {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area0 .lead-area .baby_rabbit {
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .baby_rabbit {
    display: none;
  }
}
.area0 .lead-area .button_about {
  color: white;
  background-color: #FFA07A;
  display: block;
  transition: 0.3s;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .area0 .lead-area .button_about {
    font-size: 4.5333333333vw;
    width: 82.1333333333vw;
    height: 14.6666666667vw;
    margin: 20.8vw auto 0;
    padding-top: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .button_about {
    font-size: 17px;
    width: 308px;
    height: 55px;
    margin: 60px auto 0;
    padding-top: 14px;
  }
}
.area0 .lead-area .button_about:hover {
  border: 2px solid #FFA07A;
  background-color: white;
  color: #FFA07A;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .area0 .lead-area .decoLine {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area0 .lead-area .decoLine {
    max-width: 1440px;
    margin: -50px auto 0;
    width: 100%;
  }
}
.area0 .lead-area .rice_background {
  background-image: url(../image/rice_background.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .area0 .lead-area .rice_background {
    height: 80.8vw;
    margin-top: -24vw;
    background-size: cover;
  }
}

@media only screen and (max-width: 750px) {
  .area1 {
    background-color: #F8F5E7;
    height: 462.4vw;
    margin-top: -68vw;
    position: relative;
    z-index: -2;
  }
}
@media only screen and (min-width: 751px) {
  .area1 {
    max-width: 1440px;
    background-color: #F8F5E7;
    margin: -150px auto 0;
    background-image: url(../image/PC_deco.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
  }
}
.area1 .item01 h2 {
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .area1 .item01 h2 {
    font-size: 6.4vw;
    letter-spacing: 0.8vw;
    line-height: 6.1333333333vw;
    padding-top: 56vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .item01 h2 {
    font-size: 27px;
    letter-spacing: 2px;
    padding-top: 235px;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .item01 h2 span {
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .item01 h2 span {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.area1 .products_lead {
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .area1 .products_lead {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    line-height: 2;
    padding-top: 8vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .products_lead {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 2;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .PC-container {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-container {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 50px;
  }
}
.area1 .PC-container .PCyarn {
  width: 40%;
}
.area1 .PC-container .PCmeat {
  width: 40%;
}
@media only screen and (max-width: 750px) {
  .area1 .yarn {
    display: block;
    margin: -5.3333333333vw auto 0;
    padding-left: 2.4vw;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .yarn {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .parent-container {
    display: none;
  }
}
.area1 .item01 h3 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area1 .item01 h3 {
    font-size: 4.5333333333vw;
    margin-top: 12vw;
    letter-spacing: 0.2666666667vw;
  }
}
.area1 .description__container1 {
  text-align: center;
}
.area1 .description01 {
  display: inline-block;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area1 .description01 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding-top: 5.3333333333vw;
    text-align: left;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .description01 {
    font-size: 17px;
    padding-top: 22px;
    letter-spacing: 1px;
    line-height: 2;
  }
}
.area1 .link1 {
  font-weight: bold;
}
@media only screen and (min-width: 751px) {
  .area1 .link1 {
    display: inline-block;
    display: none;
  }
}
.area1 .products_link1 {
  display: inline-block;
  text-decoration: none;
  background-position: right;
  background-image: url(../image/arrow_button.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
  .area1 .products_link1 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding: 2.6666666667vw 8vw 2.6666666667vw 16.2666666667vw;
    margin: 5.6vw 17.6vw 0 0;
  }
}
.area1 .cart_link1 {
  text-decoration: none;
  background-image: url(../image/arrow_button.png);
  background-repeat: no-repeat;
  background-position: right;
}
@media only screen and (max-width: 750px) {
  .area1 .cart_link1 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding: 2.6666666667vw 8vw 2.6666666667vw 0;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .meat {
    padding-top: 11.2vw;
    padding-right: 2.6666666667vw;
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .meat {
    display: none;
  }
}
.area1 .item02 h3 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area1 .item02 h3 {
    font-size: 4.5333333333vw;
    margin-top: 12vw;
    letter-spacing: 0.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .item02 h3 {
    font-size: 20px;
    margin-top: 8px;
  }
}
.area1 .description__container2 {
  text-align: center;
}
.area1 .description02 {
  display: inline-block;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area1 .description02 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding-top: 5.3333333333vw;
    text-align: left;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .description02 {
    letter-spacing: 1px;
    line-height: 2;
    font-size: 17px;
    padding-top: 22px;
  }
}
.area1 .link2 {
  font-weight: bold;
}
@media only screen and (min-width: 751px) {
  .area1 .link2 {
    display: inline-block;
    display: none;
  }
}
.area1 .products_link2 {
  display: inline-block;
  text-decoration: none;
  background-position: right;
  background-image: url(../image/arrow_button.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
  .area1 .products_link2 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding: 2.6666666667vw 8vw 2.6666666667vw 16.2666666667vw;
    margin: 5.6vw 17.6vw 0 0;
  }
}
.area1 .cart_link2 {
  text-decoration: none;
  background-image: url(../image/arrow_button.png);
  background-repeat: no-repeat;
  background-position: right;
}
@media only screen and (max-width: 750px) {
  .area1 .cart_link2 {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    padding: 2.6666666667vw 8vw 2.6666666667vw 0;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .PC-description-container {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-title {
    display: flex;
    justify-content: space-around;
    letter-spacing: 1px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-description {
    display: flex;
    justify-content: space-around;
    letter-spacing: 1px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-description .PC-description01 {
    line-height: 2;
    text-align: center;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-description .PC-description02 {
    line-height: 2;
    text-align: center;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-link {
    display: flex;
    justify-content: space-around;
    letter-spacing: 1px;
    font-weight: bold;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    margin-top: 21px;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-link .PCinner-link1 .products_link1 {
    display: inline-block;
    text-decoration: none;
    background-position: right;
    background-image: url(../image/arrow_button.png);
    background-repeat: no-repeat;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 10px 30px 10px 0;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-link .PCinner-link1 .cart_link1 {
    display: inline-block;
    text-decoration: none;
    background-position: right;
    background-image: url(../image/arrow_button.png);
    background-repeat: no-repeat;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 10px 30px 10px 90px;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-link .PCinner-link2 .products_link2 {
    display: inline-block;
    text-decoration: none;
    background-position: right;
    background-image: url(../image/arrow_button.png);
    background-repeat: no-repeat;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 10px 30px 10px 0;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC-description-container .PC-link .PCinner-link2 .cart_link2 {
    display: inline-block;
    text-decoration: none;
    background-position: right;
    background-image: url(../image/arrow_button.png);
    background-repeat: no-repeat;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 10px 30px 10px 90px;
  }
}
.area1 .button_products {
  color: white;
  background-color: #FFA07A;
  display: block;
  transition: 0.3s;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .area1 .button_products {
    font-size: 4.5333333333vw;
    width: 82.1333333333vw;
    height: 14.6666666667vw;
    margin: 19.7333333333vw auto 0;
    padding-top: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .button_products {
    font-size: 17px;
    width: 308px;
    height: 55px;
    margin: 10% auto 0;
    padding-top: 14px;
  }
}
.area1 .button_products:hover {
  border: 2px solid #FFA07A;
  background-color: white;
  color: #FFA07A;
  box-sizing: border-box;
}
.area1 .decoration2 {
  z-index: -1;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .area1 .decoration2 {
    bottom: -22.1333333333vw;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .decoration2 {
    display: none;
  }
}
.area1 .flow_image {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .area1 .flow_image {
    padding-top: 25.264vw;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .flow_image {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .flow_image1 {
    width: 56.5333333333vw;
    height: 56.5333333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .area1 .flow_image2 {
    width: 56.5333333333vw;
    height: 56.5333333333vw;
    margin: 0 4.8vw;
  }
}
.area1 .flow_image3 {
  width: 56.5333333333vw;
  height: 56.5333333333vw;
}
@media only screen and (max-width: 750px) {
  .area1 .PC_flow_image {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area1 .PC_flow_image {
    padding-top: 10%;
  }
}

.area2 {
  position: relative;
}
@media only screen and (min-width: 751px) {
  .area2 {
    max-width: 1440px;
    margin: 0 auto;
    background-image: url(../image/PC_deco2.png);
    background-repeat: no-repeat;
    background-position: 0 35%;
    background-size: contain;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .decoration3 {
    height: 20.5333333333vw;
    width: 21.3333333333vw;
    margin-top: 56vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .decoration3 {
    display: none;
  }
}
.area2 h2 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area2 h2 {
    font-size: 6.4vw;
    margin-top: -10.6666666667vw;
    letter-spacing: 0.8vw;
    line-height: 6.1333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 h2 {
    padding-top: 12%;
    font-size: 27px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 750px) {
  .area2 h2 span {
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 h2 span {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .decoration4 {
    height: 32.5333333333vw;
    width: 21.0666666667vw;
    position: absolute;
    right: 0;
    top: 13.3333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .decoration4 {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .news_lead {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .news_lead {
    text-align: center;
    padding-top: 35px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 2;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .PC_news__container {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container {
    display: flex;
    justify-content: space-around;
    padding-top: 110px;
    width: 70%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCleft {
    margin-left: 110px;
    margin-right: 70px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCleft .PCnews-image1 img {
    margin-top: -40px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCleft .PCnews-content1 {
    padding-top: 17px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCleft .PCnews-content1 h3 {
    padding-top: 12px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCleft .PCnews-content1 p {
    padding-top: 10px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCright {
    margin-left: 0;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCright .PCnews3 {
    margin-top: 41px;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCright .PCnews2,
  .area2 .PC_news__container .PCright .PCnews3 {
    display: flex;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCright .PCnews2 .PCnews-image2,
  .area2 .PC_news__container .PCright .PCnews2 .PCnews-image3,
  .area2 .PC_news__container .PCright .PCnews3 .PCnews-image2,
  .area2 .PC_news__container .PCright .PCnews3 .PCnews-image3 {
    margin-right: 40px;
  }
}
.area2 .PC_news__container .PCright .PCnews2 .PCnews-image2 img,
.area2 .PC_news__container .PCright .PCnews3 .PCnews-image2 img {
  width: 150px;
}
.area2 .PC_news__container .PCright .PCnews2 .PCnews-image3 img,
.area2 .PC_news__container .PCright .PCnews3 .PCnews-image3 img {
  width: 150px;
}
@media only screen and (min-width: 751px) {
  .area2 .PC_news__container .PCright .PCnews-content2 h3,
  .area2 .PC_news__container .PCright .PCnews-content3 h3 {
    padding-top: 33px;
    padding-bottom: 10px;
    line-height: 1.8;
  }
}
.area2 .news__container {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 750px) {
  .area2 .news__container {
    padding-top: 12.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .news__container {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .news__container li {
    padding-bottom: 13.0666666667vw;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .news__container li img {
    width: 29.6vw;
    height: auto;
    margin-left: 4.2666666667vw;
  }
}
.area2 .news__container .news1,
.area2 .news__container .news2,
.area2 .news__container .news3 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .area2 .news__container .news1 .news-image1,
  .area2 .news__container .news1 .news-image2,
  .area2 .news__container .news1 .news-image3,
  .area2 .news__container .news2 .news-image1,
  .area2 .news__container .news2 .news-image2,
  .area2 .news__container .news2 .news-image3,
  .area2 .news__container .news3 .news-image1,
  .area2 .news__container .news3 .news-image2,
  .area2 .news__container .news3 .news-image3 {
    margin-right: 3.7333333333vw;
  }
}
.area2 .news__container .news1 .news-content1,
.area2 .news__container .news1 .news-content2,
.area2 .news__container .news1 .news-content3,
.area2 .news__container .news2 .news-content1,
.area2 .news__container .news2 .news-content2,
.area2 .news__container .news2 .news-content3,
.area2 .news__container .news3 .news-content1,
.area2 .news__container .news3 .news-content2,
.area2 .news__container .news3 .news-content3 {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 750px) {
  .area2 .news__container .news1 .news-content1 time,
  .area2 .news__container .news1 .news-content2 time,
  .area2 .news__container .news1 .news-content3 time,
  .area2 .news__container .news2 .news-content1 time,
  .area2 .news__container .news2 .news-content2 time,
  .area2 .news__container .news2 .news-content3 time,
  .area2 .news__container .news3 .news-content1 time,
  .area2 .news__container .news3 .news-content2 time,
  .area2 .news__container .news3 .news-content3 time {
    font-size: 4vw;
    margin-bottom: 3.2vw;
    letter-spacing: 0.5333333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .news__container .news1 .news-content1 h3,
  .area2 .news__container .news1 .news-content2 h3,
  .area2 .news__container .news1 .news-content3 h3,
  .area2 .news__container .news2 .news-content1 h3,
  .area2 .news__container .news2 .news-content2 h3,
  .area2 .news__container .news2 .news-content3 h3,
  .area2 .news__container .news3 .news-content1 h3,
  .area2 .news__container .news3 .news-content2 h3,
  .area2 .news__container .news3 .news-content3 h3 {
    font-size: 4.5333333333vw;
    margin-bottom: 1.6vw;
    letter-spacing: 0.5333333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .area2 .news__container .news1 .news-content1 p,
  .area2 .news__container .news1 .news-content2 p,
  .area2 .news__container .news1 .news-content3 p,
  .area2 .news__container .news2 .news-content1 p,
  .area2 .news__container .news2 .news-content2 p,
  .area2 .news__container .news2 .news-content3 p,
  .area2 .news__container .news3 .news-content1 p,
  .area2 .news__container .news3 .news-content2 p,
  .area2 .news__container .news3 .news-content3 p {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
  }
}
.area2 .button_news {
  color: white;
  background-color: #FFA07A;
  display: block;
  transition: 0.3s;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .area2 .button_news {
    font-size: 4.5333333333vw;
    width: 82.1333333333vw;
    height: 14.6666666667vw;
    margin: 8vw auto 0;
    padding-top: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .button_news {
    font-size: 17px;
    width: 308px;
    height: 55px;
    margin: 7% auto 0;
    padding-top: 14px;
  }
}
.area2 .button_news:hover {
  border: 2px solid #FFA07A;
  background-color: white;
  color: #FFA07A;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .area2 .rice_background2 {
    padding-top: 6.6666666667vw;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area2 .rice_background2 {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  .area3 {
    background-color: #F8F5E7;
    margin-top: -24vw;
    height: 146.4vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 {
    max-width: 1440px;
    margin: 0 auto;
    height: 1110px;
    background-image: url(../image/PC_deco3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.area3 h2 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area3 h2 {
    font-size: 6.4vw;
    letter-spacing: 0.8vw;
    line-height: 6.1333333333vw;
    position: relative;
    padding-top: 8vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 h2 {
    padding-top: 13%;
    font-size: 27px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 750px) {
  .area3 h2 span {
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 h2 span {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.area3 .news_lead {
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .area3 .news_lead {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    line-height: 8vw;
    padding-top: 8vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .news_lead {
    padding-top: 49px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 2;
  }
}
.area3 .phone {
  text-align: center;
  font-style: normal;
  background-color: white;
  border: 2px solid #FFA07A;
  border-radius: 22px;
  display: block;
}
@media only screen and (max-width: 750px) {
  .area3 .phone {
    letter-spacing: 0.2666666667vw;
    line-height: 6.9333333333vw;
    width: 82.1333333333vw;
    height: 31.7333333333vw;
    margin: 8vw auto 0;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .phone {
    letter-spacing: 1px;
    line-height: 1.3;
    width: 308px;
    height: 119px;
    margin: 60px auto 0;
  }
}
@media only screen and (max-width: 750px) {
  .area3 .phone p {
    position: absolute;
    font-size: 6.4vw;
    padding-top: 8.8vw;
    padding-left: 13.3333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .phone p {
    font-size: 24px;
    padding-top: 27px;
  }
}
@media only screen and (max-width: 750px) {
  .area3 .phone span {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .phone span {
    font-size: 14px;
  }
}
.area3 .button_contact {
  color: white;
  background-color: #FFA07A;
  display: block;
  transition: 0.3s;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .area3 .button_contact {
    font-size: 4.5333333333vw;
    width: 82.1333333333vw;
    height: 14.6666666667vw;
    margin: 13.8666666667vw auto 0;
    padding-top: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .button_contact {
    width: 308px;
    height: 55px;
    margin: 52px auto 0;
    padding-top: 14px;
  }
}
.area3 .button_contact:hover {
  border: 2px solid #FFA07A;
  background-color: white;
  color: #FFA07A;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .area3 .chicken_background {
    padding-top: 17.0666666667vw;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .area3 .chicken_background {
    display: none;
  }
}

.area4 h2 {
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .area4 h2 {
    font-size: 6.4vw;
    letter-spacing: 0.8vw;
    line-height: 6.1333333333vw;
    padding-top: 24vw;
  }
}
@media only screen and (min-width: 751px) {
  .area4 h2 {
    max-width: 1440px;
    margin: -154px auto 0;
    font-size: 27px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 750px) {
  .area4 h2 span {
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area4 h2 span {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.area4 iframe {
  border-radius: 25px;
}
@media only screen and (max-width: 750px) {
  .area4 iframe {
    margin: 8vw auto 0;
    width: 77.0666666667vw;
    height: 54.4vw;
  }
}
@media only screen and (min-width: 751px) {
  .area4 iframe {
    margin: 32px auto 0;
    width: 373px;
    height: 264px;
  }
}
.area4 address {
  font-style: normal;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .area4 address {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 751px) {
  .area4 address {
    font-size: 17px;
    letter-spacing: 1px;
    padding-top: 32px;
    line-height: 2;
  }
}
@media only screen and (max-width: 750px) {
  .area4 .address_akita {
    line-height: 6.6666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  .area4 .address_akita {
    display: inline-block;
    text-align: left;
  }
}
@media only screen and (max-width: 750px) {
  .area4 .sheep_background {
    width: 85.3333333333vw;
    padding-top: -29.3333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  .area4 .sheep_background {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .area4 .PC_deco4 {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .area4 .PC_deco4 {
    max-width: 1440px;
    margin: -100px auto 0;
    width: 100%;
  }
}

/* フッダー*/
footer {
  background-color: #F8F5E7;
}
@media only screen and (max-width: 750px) {
  footer {
    margin-top: -14.6666666667vw;
  }
}
@media only screen and (min-width: 751px) {
  footer {
    max-width: 1440px;
    margin: -230px auto 0;
  }
}
footer p {
  font-style: normal;
}
@media only screen and (max-width: 750px) {
  footer p {
    font-size: 5.3333333333vw;
    letter-spacing: 0.2666666667vw;
    padding-top: 9.6vw;
    padding-left: 5.6vw;
  }
}
@media only screen and (min-width: 751px) {
  footer p {
    font-size: 20px;
    padding-top: 74px;
    padding-left: 83px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 750px) {
  footer .footer_logo {
    width: 26.6666666667vw;
    margin-left: 6.1333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  footer .footer_logo {
    width: 155px;
    margin-top: 15px;
    margin-left: 60px;
  }
}
footer .snsLogo {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 750px) {
  footer .snsLogo {
    margin: -13.3333333333vw 6.6666666667vw 0 0;
  }
}
@media only screen and (min-width: 751px) {
  footer .snsLogo {
    margin: -110px 77px 0 0;
  }
}
@media only screen and (max-width: 750px) {
  footer .snsLogo .instagram_logo {
    width: 10.9333333333vw;
    height: 10.9333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  footer .snsLogo .instagram_logo {
    width: 77px;
  }
}
@media only screen and (max-width: 750px) {
  footer .snsLogo .LINE_logo {
    width: 10.9333333333vw;
    height: 10.9333333333vw;
    margin-right: 3.7333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  footer .snsLogo .LINE_logo {
    width: 77px;
    margin-right: 30px;
  }
}
footer small {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  footer small {
    margin-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media only screen and (min-width: 751px) {
  footer small {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}/*# sourceMappingURL=style.css.map */