/* pcsp

----------------------*/

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

  .is-pc {

    display: none !important;

  }

}

@media screen and (min-width: 769px) {

  .is-sp {

    display: none !important;

  }

}

/* common

----------------------*/

html {

  font-size: 62.5%;

  -webkit-font-smoothing: antialiased;

}



body {

  font-size: 14px;

  font-size: 1.4rem;

  font-family: "Noto Sans JP", sans-serif;

  word-break: break-all;

  margin: auto;

  background: #FFF9E9;

}

@media screen and (min-width: 768px) and (max-width: 950px) {

  html, body {

      width: 100%;

  }

}



img {

  width: 100%;

}



.global-header, .c-breadcrumb, .global-footer{

  display: none;

}



.global-container.default .global-contents__inner{

  font-family: "Noto Sans JP", sans-serif;

}

.global-contents__inner{

  width: 100% !important;

  padding-bottom: 0;

}



#container {

  margin: auto;

  width: 100%;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media screen and (min-width: 769px) {

  #container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

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

  #container {

    position: relative;

  }

  #container::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 2.5641025641vw;

    height: 100%;

    background: #D71718;

    z-index: 10;

  }

}



@media screen and (min-width: 769px) {

  .container_box {

    display: block;

    width: 50%;

  }

  .container_box.mv {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .container_box.mv > *:nth-child(1) {
    order: 4;
  }
  .container_box.mv > *:nth-child(2) {
    order: 1;
  }
  .container_box.mv > *:nth-child(3) {
    order: 2;
  }
  .container_box.mv > *:nth-child(4) {
    order: 3;
  }

}



.main {

  position: relative;

  z-index: 2;

}

@media screen and (min-width: 769px) {

  .main {

    margin-left: 50%;

    position: absolute;

  }

}



.header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media screen and (min-width: 769px) {

  .header {

    width: 15.4166666667vw;

    margin: auto 3.4722222222vw auto auto;

  }

}

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

  .header {

    position: fixed;

    z-index: 98;

    top: 0;

    width: 15.5153846154vw;

    margin-bottom: 4.6153846154vw;

    padding-top: 5.1282051282vw;

    padding-left: 7.1794871795vw;

    box-sizing: content-box;

  }

}

@media screen and (min-width: 769px) {

  .header .header_kgm {

    width: 7.0034722222vw;

  }

}

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

  .header .header_kgm {

    width: 100%;

  }

}

@media screen and (min-width: 769px) {

  .header .header_kgco {

    width: 6.58125vw;

  }

}



.footer {

  text-align: center;

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .footer {

    margin-top: 6.25vw;

    font-size: 0.8333333333vw;

  }

}

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

  .footer {

    margin-top: 15.3846153846vw;

    font-size: 3.0769230769vw;

  }

}



/* navi

----------------------*/

@media screen and (min-width: 769px) {

  .navi_head {

    display: none;

  }

}

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

  .navi_head {

    position: fixed;

    top: 0;

    right: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    z-index: 100;

  }

}



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

  .navi_logo {

    width: 15.3846153846vw;

    height: 15.3846153846vw;

    opacity: 100;

  }

  .navi_logo.is-open {

    opacity: 0;

  }

}



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

  .navi_btn {

    position: relative;

    background: #D71718;

    width: 15.3846153846vw;

    height: 15.3846153846vw;

    cursor: pointer;

    z-index: 100;

  }

  .navi_btn span {

    display: block;

    width: 5.641025641vw;

    height: 0.5128205128vw;

    position: absolute;

    left: 4.8717948718vw;

    background-color: #fff;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .navi_btn span:nth-of-type(1) {

    top: 5.3846153846vw;

  }

  .navi_btn span:nth-of-type(2) {

    top: 7.4358974359vw;

  }

  .navi_btn span:nth-of-type(3) {

    top: 9.4871794872vw;

  }

  .navi_btn.is-open {

    background: #fff;

  }

  .navi_btn.is-open span {

    background: #D71718;

  }

  .navi_btn.is-open span:nth-of-type(1) {

    top: 7.4358974359vw;

    left: 4.8717948718vw;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

  }

  .navi_btn.is-open span:nth-of-type(2) {

    display: none;

  }

  .navi_btn.is-open span:nth-of-type(3) {

    top: 7.4358974359vw;

    left: 4.8717948718vw;

    -webkit-transform: rotate(-45deg);

            transform: rotate(-45deg);

  }

}



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

  .navi_menu {

    display: none;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

  }

  .navi_menu.is-open {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    min-height: 119.2307692308vw;

    background: #D71718;

    padding-top: 17.9487179487vw;

    padding-bottom: 17.9487179487vw;

    position: fixed;

    z-index: 99;

  }

}



@media screen and (min-width: 769px) {

  .navi_list {

    /* position: absolute; */

    /* bottom: 2.4305555556vw; */

    /* left: 2.7777777778vw; */

    width: 42.2222222222vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

@media screen and (min-width: 769px) {

  .navi_list li {

    margin-bottom: 0.6944444444vw;

  }

  .navi_list li.is-active a {

    background: #fff;

    color: #D71718;

  }

  .navi_list li.is-active a::after {

    content: "";

    background: url(../img/common/icon_arrow_on.svg) no-repeat center center;

    background-size: 100% auto;

  }

}

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

  .navi_list li {

    margin: auto;

    width: 74.8717948718vw;

  }

}

@media screen and (min-width: 769px) {

  .navi_list li + li {

    margin-left: 0.6944444444vw;

  }

}

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

  .navi_list li + li {

    margin-top: 8.4615384615vw;

  }

}

.navi_list li a {

  position: relative;

  color: #fff;

  text-decoration: none;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .navi_list li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-radius: 2.0833333333vw;

    height: 3.0555555556vw;

    padding-left: 1.3888888889vw;

    padding-right: 2.5694444444vw;

    background: #D71718;

    font-size: 0.9722222222vw;

    line-height: 3.0555555556vw;

  }

  .navi_list li a::after {

    content: "";

    width: 0.4166666667vw;

    height: 0.7638888889vw;

    background: url(../img/common/icon_arrow.svg) no-repeat center center;

    background-size: 100% auto;

    position: absolute;

    right: 1.3888888889vw;

    top: 50%;

    -webkit-transform: translatey(-50%);

            transform: translatey(-50%);

  }

  .navi_list li a:hover {

    background: #fff;

    color: #D71718;

  }

  .navi_list li a:hover::after {

    content: "";

    background: url(../img/common/icon_arrow_on.svg) no-repeat center center;

    background-size: 100% auto;

  }

}

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

  .navi_list li a {

    display: block;

    font-size: 5.1282051282vw;

    width: 100%;

  }

  .navi_list li a::after {

    content: "";

    width: 2.0512820513vw;

    height: 3.2051282051vw;

    background: url(../img/common/icon_arrow.svg) no-repeat center center;

    background-size: 100% auto;

    position: absolute;

    right: 1.7948717949vw;

    top: 50%;

    -webkit-transform: translatey(-50%);

            transform: translatey(-50%);

  }

}

@media screen and (min-width: 769px) {

  .navi_list li:first-child a {

    width: 3.0555555556vw;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    padding-left: 0vw;

    padding-right: 0vw;

    text-align: center;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

  }

  .navi_list li:first-child a::after {

    content: "";

    width: 1.3888888889vw;

    height: 1.2583333333vw;

    background: url(../img/common/icon_home.svg) no-repeat center center;

    background-size: 100% auto;

    position: absolute;

    left: 0.8333333333vw;

    top: 50%;

    -webkit-transform: translatey(-50%);

            transform: translatey(-50%);

  }

  .navi_list li:first-child a:hover::after {

    content: "";

    background: url(../img/common/icon_home_on.svg) no-repeat center center;

    background-size: 100% auto;

  }

  .navi_list li:first-child.is-active a {

    background: #fff;

    color: #D71718;

  }

  .navi_list li:first-child.is-active a::after {

    content: "";

    background: url(../img/common/icon_home_on.svg) no-repeat center center;

    background-size: 100% auto;

  }

}

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

  .navi_list li:first-child a::after {

    width: 5.1282051282vw;

    height: 4.6461538462vw;

    background: url(../img/common/icon_home.svg) no-repeat center center;

    background-size: 100% auto;

    right: 0vw;

  }

}



/* mv

----------------------*/

.mv {

  display: block;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: relative;

}

@media screen and (min-width: 769px) {

  .mv {

    position: fixed;

    height: 100vh;

    background: url(../img/common/kv_pc.jpg) no-repeat center center;

    background-size: cover;

    border-left: 2.0833333333vw solid #D71718;

    padding-top: 2.6388888889vw;

    padding-left: 2.7777777778vw;

    min-height: 43.75vw;

    z-index: 5;

  }

}

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

  .mv {

    width: 100%;

    background: #FFF9E9 url(../img/common/kv_sp.jpg) no-repeat top center;

    background-size: 100% auto;

    padding-top: 17.4358974359vw;

  }

}

@media screen and (min-width: 769px) {

  .mv .mv_ttl {
    position: absolute;
    top: 2.6388888889vw;
    left: 2.7777777778vw;
    width: 40.0694444444vw;

  }

}

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

  .mv .mv_ttl {

    width: 49.4871794872vw;

    margin-left: auto;

    margin-right: 4.6153846154vw;

  }

}

.mv .mv_lead {

  font-weight: 800;

}

.mv .mv_lead p{

  font-size: unset;

}

@media screen and (min-width: 769px) {

  .mv .mv_lead {

    margin-bottom: 2.0833333333vw;

    font-size: 1.1111111111vw;

    color: #fff;

    line-height: 1.5;

    letter-spacing: -0.02em;

    text-shadow: 0px 0px 0.6944444444vw rgb(34, 77, 34);

  }

}

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

  .mv .mv_lead {

    width: 84.6153846154vw;

    margin: 7.6923076923vw auto auto;

    font-size: 3.5897435897vw;

    color: #404040;

    line-height: 1.7142857143;

    letter-spacing: 0.02em;

  }

}

@media screen and (min-width: 769px) {

  .mv .mv_lead p + p {

    margin-top: 1.1805555556vw;

  }

}

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

  .mv .mv_lead p + p {

    margin-top: 3.3333333333vw;

  }

}



/* b-main

----------------------*/

.main {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background: #FFF9E9;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .main {

    padding: 2.0833333333vw 0 2.7777777778vw;

  }

}

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

  .main {

    padding-bottom: 3.8461538462vw;

  }

}



/* hdg

----------------------*/

@media screen and (min-width: 769px) {

  .p-hdg {

    margin-bottom: 4.1666666667vw;

  }

}

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

  .p-hdg {

    margin-bottom: 7.6923076923vw;

  }

}

.p-hdg .-jp {

  text-align: center;

  color: #404040;

  font-weight: 800;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .p-hdg .-jp {

    font-size: 1.9444444444vw;

  }

}

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

  .p-hdg .-jp {

    font-size: 6.1538461538vw;

  }

}

.p-hdg .-en {

  text-align: center;

  color: #A0A0A0;

  font-weight: 700;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .p-hdg .-en {

    margin-top: 0.6944444444vw;

    font-size: 0.8333333333vw;

  }

}

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

  .p-hdg .-en {

    margin-top: 2.5641025641vw;

    font-size: vw-sc(12);

  }

}


.p-hdg .-img {

  text-align: center;

  color: #A0A0A0;

  font-weight: 700;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .p-hdg .-img {

    margin-top: 0.6944444444vw;

    width: 60%;

    display: block;

    margin-left: auto;

    margin-right: auto;

  }

}

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

  .p-hdg .-img {

    margin-top: 2.5641025641vw;

    width: 70%;

    display: block;

    margin-left: auto;

    margin-right: auto;

  }

}



.p-hdg02 {

  font-weight: 800;

  color: #D71718;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .p-hdg02 {

    border-top: 0.1388888889vw solid #D71718;

    border-bottom: 0.1388888889vw solid #D71718;

    padding-top: 1.3888888889vw;

    padding-bottom: 1.3888888889vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

  }

}

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

  .p-hdg02 {

    border-top: 0.5128205128vw solid #D71718;

    border-bottom: 0.5128205128vw solid #D71718;

    padding-top: 3.8461538462vw;

    padding-bottom: 3.8461538462vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

  }

}

@media screen and (min-width: 769px) {

  .p-hdg02 span {

    font-size: 1.25vw;

    line-height: 1.3333333333;

  }

}

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

  .p-hdg02 span {

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



.p-hdg03 {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .p-hdg03 {

    margin-top: 2.0833333333vw;

    font-size: 1.5277777778vw;

    line-height: 1.3636363636;

  }

}

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

  .p-hdg03 {

    margin-top: 7.6923076923vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}



/* btn

----------------------*/

.p-btn_more a {

  display: block;

  background: #404040;

  color: #FFF;

  text-align: center;

  margin: auto;

  text-decoration: none;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .p-btn_more a {

    width: 13.8888888889vw;

    height: 3.4722222222vw;

    margin-top: 4.1666666667vw;

    border-radius: 2.0833333333vw;

    line-height: 3.4722222222vw;

    font-size: 0.9722222222vw;

  }

  .p-btn_more a:hover {

    opacity: 0.6;

  }

}

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

  .p-btn_more a {

    width: 51.2820512821vw;

    height: 12.8205128205vw;

    margin-top: 15.3846153846vw;

    border-radius: 7.6923076923vw;

    line-height: 12.8205128205vw;

    font-size: 3.5897435897vw;

  }

}

.p-btn_more.-window a {

  position: relative;

}

.p-btn_more.-window a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: url(../img/common/icon_window_wthite.svg) no-repeat top center;

  background-size: 100% 100%;

}

@media screen and (min-width: 769px) {

  .p-btn_more.-window a::after {

    right: 1.3888888889vw;

    width: 1.0416666667vw;

    height: 0.8333333333vw;

  }

  .p-btn_more.-window a::after:hover {

    opacity: 0.6;

  }

}

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

  .p-btn_more.-window a::after {

    right: 5.1282051282vw;

    width: 3.8461538462vw;

    height: 3.0769230769vw;

  }

}



.p-btn_top a {

  display: block;

  position: fixed;

  z-index: 98;

}

@media screen and (min-width: 769px) {

  .p-btn_top a {

    width: 3.0555555556vw;

    right: 1.3888888889vw;

    bottom: 1.3888888889vw;

  }

  .p-btn_top a:hover {

    opacity: 0.6;

  }

}

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

  .p-btn_top a {

    width: 11.2820512821vw;

    right: 2.5641025641vw;

    bottom: 2.5641025641vw;

  }

}



.p-btn_detail a {

  position: relative;

  display: block;

  background: #404040;

  color: #FFF;

  margin: auto;

  text-decoration: none;

  font-weight: 700;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .p-btn_detail a {

    width: 22.9166666667vw;

    height: 3.4722222222vw;

    border-radius: 2.0833333333vw;

    line-height: 1.2857142857;

    font-size: 0.9722222222vw;

  }

  .p-btn_detail a:hover {

    opacity: 0.6;

  }

}

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

  .p-btn_detail a {

    width: 84.6153846154vw;

    height: 12.8205128205vw;

    border-radius: 7.6923076923vw;

    line-height: 1.2857142857;

    font-size: 3.5897435897vw;

  }

}

.p-btn_detail a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: url(../img/common/icon_window_wthite.svg) no-repeat top center;

  background-size: 100% 100%;

}

@media screen and (min-width: 769px) {

  .p-btn_detail a::after {

    right: 1.3888888889vw;

    width: 1.0416666667vw;

    height: 0.8333333333vw;

  }

  .p-btn_detail a::after:hover {

    opacity: 0.6;

  }

}

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

  .p-btn_detail a::after {

    right: 5.1282051282vw;

    width: 3.8461538462vw;

    height: 3.0769230769vw;

  }

}



@media screen and (min-width: 769px) {

  .p-btn_detail_2column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

  .p-btn_detail_2column .p-btn_detail {

    margin-top: 0;

    width: 20.8333333333vw;

  }

  .p-btn_detail_2column .p-btn_detail a {

    width: 20.8333333333vw;

  }

}



/* breadcrumbs

----------------------*/

.p-breadcrumbs {

  margin: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media screen and (min-width: 769px) {

  .p-breadcrumbs {

    width: 43.0555555556vw;

    margin-top: 2.0833333333vw;

    margin-bottom: 4.1666666667vw;

  }

}

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

  .p-breadcrumbs {

    width: 84.6153846154vw;

    margin-top: 5.1282051282vw;

    margin-bottom: 15.3846153846vw;

  }

}

.p-breadcrumbs li {

  position: relative;

}

@media screen and (min-width: 769px) {

  .p-breadcrumbs li {

    padding-right: 1.0416666667vw;

  }

}

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

  .p-breadcrumbs li {

    padding-right: 3.0769230769vw;

  }

}

.p-breadcrumbs li::after {

  position: absolute;

  content: ">";

  line-height: 1;

  letter-spacing: 0.03em;

}

@media screen and (min-width: 769px) {

  .p-breadcrumbs li::after {

    font-size: 0.8333333333vw;

    top: 0.4861111111vw;

    right: 0.3472222222vw;

  }

}

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

  .p-breadcrumbs li::after {

    font-size: 3.0769230769vw;

    top: 1.7948717949vw;

    right: 0.5128205128vw;

  }

}

.p-breadcrumbs li:last-child::after {

  content: none;

}

.p-breadcrumbs a, .p-breadcrumbs span {

  display: block;

  color: #404040;

  font-weight: 500;

}

.p-breadcrumbs a {

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .p-breadcrumbs a, .p-breadcrumbs span {

    font-size: 0.8333333333vw;

    line-height: 2;

  }

}

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

  .p-breadcrumbs a, .p-breadcrumbs span {

    font-size: 3.0769230769vw;

    line-height: 2;

  }

}

.p-breadcrumbs a:hover {

  text-decoration: none;

}



/*  bnrblock

----------------------*/

@media screen and (min-width: 769px) {

  .p-bnrblock {

    border-top: 0.2083333333vw solid #D71718;

    margin-top: 6.9444444444vw;

  }

}

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

  .p-bnrblock {

    border-top: 0.7692307692vw solid #D71718;

    margin-top: 25.641025641vw;

  }

}

.p-bnrblock .p-bnrblock_txt {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .p-bnrblock .p-bnrblock_txt {

    margin-top: 2.0833333333vw;

    font-size: 1.6666666667vw;

    line-height: 1.0833333333;

  }

}

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

  .p-bnrblock .p-bnrblock_txt {

    margin-top: 7.6923076923vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}

.p-bnrblock .p-bnrblock_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .p-bnrblock .p-bnrblock_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .p-bnrblock .p-bnrblock_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .p-bnrblock .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .p-bnrblock .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}



/* recommend

----------------------*/

@media screen and (min-width: 769px) {

  .p-recommend {

    margin-top: 6.25vw;

  }

}

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

  .p-recommend {

    margin-top: 23.0769230769vw;

  }

}

.p-recommend .recommend_list {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_list {

    width: 86.1111111111%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

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

  .p-recommend .recommend_list {

    width: 84.6153846154vw;

  }

}

.p-recommend .recommend_item {

  background: #fff;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item {

    width: 47.5806451613%;

    border-radius: 1.3888888889vw;

    padding: 1.3888888889vw;

  }

  .p-recommend .recommend_item:nth-child(even) {

    margin-left: 2.0833333333vw;

  }

}

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

  .p-recommend .recommend_item {

    width: 100%;

    border-radius: 5.1282051282vw;

    padding: 5.1282051282vw;

  }

  .p-recommend .recommend_item + .recommend_item {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item .p-btn_more {

    margin-top: 1.3888888889vw;

  }

}

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

  .p-recommend .recommend_item .p-btn_more {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 {

    width: 100%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

.p-recommend .recommend_item.-column1 .recommend_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 .recommend_img {

    width: 17.7083333333vw;

    height: 11.8055555556vw;

    border-radius: 1.3888888889vw 1.3888888889vw 1.3888888889vw 1.3888888889vw;

  }

  .p-recommend .recommend_item.-column1 .recommend_img img {

    width: 100%;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 .recommend_head {

    width: 21.1805555556vw;

    margin-top: 0;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 .recommend_ttl {

    width: 21.1805555556vw;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 .recommend_txt {

    width: 21.1805555556vw;

  }

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_item.-column1 .p-btn_more a {

    margin-left: 0;

  }

}

.p-recommend .recommend_img {

  width: 100%;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_img {

    border-radius: 1.3888888889vw 1.3888888889vw 0 0;

  }

}

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

  .p-recommend .recommend_img {

    border-radius: 5.1282051282vw 5.1282051282vw 0 0;

  }

}

.p-recommend .recommend_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_head {

    margin-top: 1.0416666667vw;

  }

}

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

  .p-recommend .recommend_head {

    margin-top: 3.8461538462vw;

  }

}

.p-recommend .recommend_tag {

  color: #404040;

  font-weight: 400;

  border: 1px solid #404040;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_tag {

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

  }

}

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

  .p-recommend .recommend_tag {

    height: 5.641025641vw;

    border-radius: 7.6923076923vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 5.641025641vw;

  }

}

.p-recommend .recommend_date {

  color: #404040;

  font-weight: 700;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_date {

    margin-left: 0.6944444444vw;

    font-size: 0.8333333333vw;

  }

}

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

  .p-recommend .recommend_date {

    margin-left: 2.5641025641vw;

    font-size: 3.0769230769vw;

  }

}

.p-recommend .recommend_ttl {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_ttl {

    margin-top: 0.6944444444vw;

    font-size: 1.25vw;

    line-height: 1.4444444444;

  }

}

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

  .p-recommend .recommend_ttl {

    margin-top: 2.5641025641vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}

.p-recommend .recommend_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .p-recommend .recommend_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .p-recommend .recommend_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



/* product

----------------------*/

@media screen and (min-width: 769px) {

  .p-product {

    margin-top: 6.25vw;

  }

}

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

  .p-product {

    margin-top: 23.0769230769vw;

  }

}

.p-product .product_list {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .p-product .product_list {

    width: 86.1111111111%;

  }

}

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

  .p-product .product_list {

    width: 84.6153846154vw;

  }

}

.p-product .product_item {

  background: #fff;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media screen and (min-width: 769px) {

  .p-product .product_item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-radius: 1.3888888889vw;

    padding: 2.0833333333vw 1.3888888889vw;

  }

}

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

  .p-product .product_item {

    width: 100%;

    border-radius: 5.1282051282vw;

    padding: 7.6923076923vw 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .p-product .product_item + .product_item {

    margin-top: 2.0833333333vw;

  }

}

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

  .p-product .product_item + .product_item {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .p-product .product_img {

    width: 13.8888888889vw;

  }

  .p-product .product_img.radius img {    

    border-radius: 10px;

  }

}

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

  .p-product .product_img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  .p-product .product_img img {

    width: 20.5128205128vw;

  }

  .p-product .product_img.radius img {    

    border-radius: 10px;

  }

}

@media screen and (min-width: 769px) {

  .p-product .product_cont {

    width: 24.3055555556vw;

  }

}

.p-product .product_ttl {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .p-product .product_ttl {

    font-size: 1.25vw;

    line-height: 1.4444444444;

  }

}

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

  .p-product .product_ttl {

    margin-left: 2.5641025641vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}

.p-product .product_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .p-product .product_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .p-product .product_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .p-product .p-btn_more {

    margin-top: 1.7361111111vw;

  }

}

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

  .p-product .p-btn_more {

    margin-top: 5.1282051282vw;

  }

}



/* top

----------------------*/

@media screen and (min-width: 769px) {

  .top-newpost {

    margin-top: 6.25vw;

  }

}

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

  .top-newpost {

    margin-top: 10.2564102564vw;

  }

}

.top-newpost .newpost_item a {

  text-decoration: none;

  color: #404040;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_item a:hover {

    opacity: 0.6;

  }

}

.top-newpost .newpost_list-01 {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 86.1111111111%;

  }

}

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

  .top-newpost .newpost_list-01 {

    position: relative;

    width: 84.6153846154vw;

  }

}

.top-newpost .newpost_list-01 .newpost_item {

  position: relative;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_item {

    width: 47.5806451613%;

  }

  .top-newpost .newpost_list-01 .newpost_item:nth-child(n+3) {

    margin-top: 2.7777777778vw;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_item {

    width: 100%;

  }

  .top-newpost .newpost_list-01 .newpost_item + .newpost_item {

    margin-top: 7.6923076923vw;

  }

}

.top-newpost .newpost_list-01 .newpost_img {

  width: 100%;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_img {

    border-radius: 1.3888888889vw 1.3888888889vw 0 0;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_img {

    border-radius: 5.1282051282vw 5.1282051282vw 0 0;

  }

}

.top-newpost .newpost_list-01 .newpost_cont {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_cont {

    margin-top: 0.9722222222vw;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_cont {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-flow: row-reverse;

            flex-flow: row-reverse;

    position: absolute;

    top: 0;

    left: 0;

  }

}

.top-newpost .newpost_list-01 .newpost_tag {

  color: #404040;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_tag {

    border: 1px solid #404040;

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

    font-weight: 400;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_tag {

    background: #fff;

    height: 8.2051282051vw;

    border-radius: 0 0 5.1282051282vw 0;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 8.2051282051vw;

    font-weight: 500;

  }

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_date {

    margin-left: 0.6944444444vw;

    font-size: 0.8333333333vw;

    line-height: 1;

    color: #404040;

    font-weight: 700;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_date {

    background: #D71718;

    height: 8.2051282051vw;

    border-radius: 5.1282051282vw 0 0 0;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 8.2051282051vw;

    color: #fff;

    font-weight: 4005;

  }

}

.top-newpost .newpost_list-01 .newpost_txt {

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-01 .newpost_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .top-newpost .newpost_list-01 .newpost_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.top-newpost .newpost_list-02 {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 86.1111111111%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-top: 2.7777777778vw;

    margin-bottom: 2.7777777778vw;

  }

}

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

  .top-newpost .newpost_list-02 {

    position: relative;

    width: 84.6153846154vw;

    margin-top: 7.6923076923vw;

    margin-bottom: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_item {

    width: 47.5806451613%;

  }

  .top-newpost .newpost_list-02 .newpost_item:nth-child(n+3) {

    margin-top: 1.9444444444vw;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_item {

    width: 100%;

  }

  .top-newpost .newpost_list-02 .newpost_item + .newpost_item {

    margin-top: 7.6923076923vw;

  }

}

.top-newpost .newpost_list-02 .newpost_item a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.top-newpost .newpost_list-02 .newpost_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_img {

    width: 8.3333333333vw;

    height: 8.3333333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_img {

    width: 30.7692307692vw;

    height: 30.7692307692vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_cont {

    width: 10.7638888889vw;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_cont {

    width: 48.7179487179vw;

  }

}

.top-newpost .newpost_list-02 .newpost_tag {

  border: 1px solid #404040;

  display: inline-block;

  width: auto;

  color: #404040;

  font-weight: 400;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_tag {

    height: 1.1111111111vw;

    border-radius: 2.0833333333vw;

    padding-left: 0.6944444444vw;

    padding-right: 0.6944444444vw;

    font-size: 0.6944444444vw;

    line-height: 1.1111111111vw;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_tag {

    height: 4.1025641026vw;

    border-radius: 7.6923076923vw;

    padding-left: 2.5641025641vw;

    padding-right: 2.5641025641vw;

    font-size: 2.5641025641vw;

    line-height: 4.1025641026vw;

  }

}

.top-newpost .newpost_list-02 .newpost_date {

  color: #404040;

  font-weight: 400;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_date {

    margin-top: 0.6944444444vw;

    font-size: 0.6944444444vw;

    line-height: 1;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_date {

    margin-top: 2.5641025641vw;

    font-size: 3.0769230769vw;

    line-height: 1;

  }

}

.top-newpost .newpost_list-02 .newpost_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .top-newpost .newpost_list-02 .newpost_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .top-newpost .newpost_list-02 .newpost_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



@media screen and (min-width: 769px) {

  .top-category {

    margin-top: 6.25vw;

  }

}

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

  .top-category {

    margin-top: 23.0769230769vw;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_list {

    width: 100%;

  }

}

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

  .top-category .category_list {

    width: 92.3076923077vw;

    margin-left: auto;

    margin-right: 0;

  }

}

.top-category .category_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media screen and (min-width: 769px) {

  .top-category .category_item {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

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

  .top-category .category_item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-flow: column-reverse;

            flex-flow: column-reverse;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_item + .category_item {

    margin-top: 3.4722222222vw;

  }

}

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

  .top-category .category_item + .category_item {

    margin-top: 12.8205128205vw;

  }

}

.top-category .category_cont {

  color: #404040;

}

@media screen and (min-width: 769px) {

  .top-category .category_cont {

    width: 16.6666666667vw;

    margin-left: 3.4722222222vw;

  }

}

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

  .top-category .category_cont {

    width: 84.6153846154vw;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_cont .p-btn_more {

    margin-top: 1.7361111111vw;

  }

}

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

  .top-category .category_cont .p-btn_more {

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_cont .p-btn_more a {

    margin-left: 0;

  }

}

.top-category .category_lead {

  color: #404040;

  font-weight: 400;

}

@media screen and (min-width: 769px) {

  .top-category .category_lead {

    font-size: 0.8333333333vw;

    line-height: 1.5;

  }

}

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

  .top-category .category_lead {

    margin-top: 5.1282051282vw;

    font-size: 3.0769230769vw;

    line-height: 1.5;

  }

}

.top-category .category_ttl {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .top-category .category_ttl {

    margin-top: 0.6944444444vw;

    font-size: 1.5277777778vw;

    line-height: 1.2727272727;

  }

}

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

  .top-category .category_ttl {

    margin-top: 2.5641025641vw;

    font-size: 5.641025641vw;

    line-height: 1.2727272727;

  }

}

.top-category .category_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .top-category .category_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .top-category .category_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.top-category .category_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .top-category .category_img {

    width: 27.0833333333vw;

    border-radius: 1.3888888889vw 0 0 1.3888888889vw;

  }

}

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

  .top-category .category_img {

    width: 100%;

    border-radius: 5.1282051282vw 0 0 0;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_item:nth-child(even) {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-flow: row-reverse;

            flex-flow: row-reverse;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_item:nth-child(even) .category_cont {

    margin-right: 3.4722222222vw;

  }

}

@media screen and (min-width: 769px) {

  .top-category .category_item:nth-child(even) .category_img {

    border-radius: 0 1.3888888889vw 1.3888888889vw 0;

  }

}



@media screen and (min-width: 769px) {

  .top-recommend {

    margin-top: 6.25vw;

  }

}

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

  .top-recommend {

    margin-top: 23.0769230769vw;

  }

}

.top-recommend .recommend_list {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_list {

    width: 86.1111111111%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

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

  .top-recommend .recommend_list {

    width: 84.6153846154vw;

  }

}

.top-recommend .recommend_item {

  background: #fff;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_item {

    width: 47.5806451613%;

    border-radius: 1.3888888889vw;

    padding: 1.3888888889vw;

  }

}

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

  .top-recommend .recommend_item {

    width: 100%;

    border-radius: 5.1282051282vw;

    padding: 5.1282051282vw;

  }

  .top-recommend .recommend_item + .recommend_item {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_item .p-btn_more {

    margin-top: 1.3888888889vw;

  }

}

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

  .top-recommend .recommend_item .p-btn_more {

    margin-top: 5.1282051282vw;

  }

}

.top-recommend .recommend_img {

  width: 100%;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_img {

    border-radius: 1.3888888889vw 1.3888888889vw 0 0;

  }

}

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

  .top-recommend .recommend_img {

    border-radius: 5.1282051282vw 5.1282051282vw 0 0;

  }

}

.top-recommend .recommend_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_head {

    margin-top: 1.0416666667vw;

  }

}

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

  .top-recommend .recommend_head {

    margin-top: 3.8461538462vw;

  }

}

.top-recommend .recommend_tag {

  color: #404040;

  font-weight: 400;

  border: 1px solid #404040;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_tag {

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

  }

}

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

  .top-recommend .recommend_tag {

    height: 5.641025641vw;

    border-radius: 7.6923076923vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 5.641025641vw;

  }

}

.top-recommend .recommend_date {

  color: #404040;

  font-weight: 400;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_date {

    margin-left: 0.6944444444vw;

    font-size: 0.8333333333vw;

  }

}

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

  .top-recommend .recommend_date {

    margin-left: 2.5641025641vw;

    font-size: 3.0769230769vw;

  }

}

.top-recommend .recommend_ttl {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_ttl {

    margin-top: 0.6944444444vw;

    font-size: 1.25vw;

    line-height: 1.4444444444;

  }

}

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

  .top-recommend .recommend_ttl {

    margin-top: 2.5641025641vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}

.top-recommend .recommend_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .top-recommend .recommend_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .top-recommend .recommend_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



@media screen and (min-width: 769px) {

  .top-link {

    margin-top: 6.25vw;

  }

}

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

  .top-link {

    margin-top: 23.0769230769vw;

  }

}

.top-link .top-slide {

  position: relative;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide {

    width: calc(100% + 4.1666666667vw);

    margin-left: -2.0833333333vw;

    padding-bottom: 4.8611111111vw;

  }

}

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

  .top-link .top-slide {

    width: calc(100% + 48.7179487179vw);

    margin-left: -24.358974359vw;

    padding-bottom: 17.9487179487vw;

  }

}

.top-link .top-slide .swiper-slide {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: relative;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-slide {

    width: 13.8888888889vw;

    padding-left: 0.6944444444vw;

    padding-right: 0.6944444444vw;

  }

}

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

  .top-link .top-slide .swiper-slide {

    width: 51.2820512821vw;

    padding-left: 2.5641025641vw;

    padding-right: 2.5641025641vw;

  }

}

.top-link .top-slide .swiper-slide a {

  display: block;

  font-weight: 700;

  color: #404040;

  text-decoration: none;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-slide a {

    padding-bottom: 3.4722222222vw;

  }

  .top-link .top-slide .swiper-slide a:hover {

    opacity: 0.6;

  }

}

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

  .top-link .top-slide .swiper-slide a {

    padding-bottom: 12.8205128205vw;

  }

}

.top-link .top-slide .swiper-slide a::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  background: url(../img/common/btn_window.png) no-repeat center center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-slide a::after {

    width: 2.7777777778vw;

    height: 2.7777777778vw;

  }

}

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

  .top-link .top-slide .swiper-slide a::after {

    width: 10.2564102564vw;

    height: 10.2564102564vw;

  }

}

.top-link .top-slide .swiper-slide .top-slide_ttl {

  text-align: center;

  letter-spacing: -0.1em;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-slide .top-slide_ttl {

    margin-top: 1.0416666667vw;

    font-size: 1.25vw;

  }

}

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

  .top-link .top-slide .swiper-slide .top-slide_ttl {

    margin-top: 3.8461538462vw;

    font-size: 4.6153846154vw;

  }

}

.top-link .top-slide .top-slide_navigation {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .top-slide_navigation {

    width: 6.25vw;

  }

}

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

  .top-link .top-slide .top-slide_navigation {

    width: 23.0769230769vw;

  }

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-button-prev,

  .top-link .top-slide .swiper-button-next {

    width: 2.7777777778vw;

    height: 2.7777777778vw;

  }

  .top-link .top-slide .swiper-button-prev:hover,

  .top-link .top-slide .swiper-button-next:hover {

    opacity: 0.6;

  }

}

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

  .top-link .top-slide .swiper-button-prev,

  .top-link .top-slide .swiper-button-next {

    width: 10.2564102564vw;

    height: 10.2564102564vw;

  }

}

.top-link .top-slide .swiper-button-prev {

  right: auto !important;

  left: 0 !important;

  bottom: 0 !important;

  top: auto !important;

}

.top-link .top-slide .swiper-button-next {

  right: 0 !important;

  left: auto !important;

  bottom: 0 !important;

  top: auto !important;

}

.top-link .top-slide .swiper-button-prev::after,

.top-link .top-slide .swiper-button-next::after {

  background-repeat: no-repeat;

  background-size: 100% auto;

  content: "";

  margin: auto;

  display: block;

}

@media screen and (min-width: 769px) {

  .top-link .top-slide .swiper-button-prev::after,

  .top-link .top-slide .swiper-button-next::after {

    width: 2.7777777778vw;

    height: 2.7777777778vw;

  }

}

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

  .top-link .top-slide .swiper-button-prev::after,

  .top-link .top-slide .swiper-button-next::after {

    width: 10.2564102564vw;

    height: 10.2564102564vw;

  }

}

.top-link .top-slide .swiper-button-prev::after {

  background-image: url(../img/common/btn_prev.png);

}

.top-link .top-slide .swiper-button-next::after {

  background-image: url(../img/common/btn_next.png);

}



/* second

----------------------*/

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

  .second .mv {

    width: 100%;

    background-image: none;

    background-size: 100% auto;

    padding-top: 15.3846153846vw;

  }

}

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

  .second .mv .mv_ttl {

    display: none;

  }

}

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

  .second .mv .mv_sttl {

    display: none;

  }

}

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

  .second .mv .mv_lead {

    display: none;

  }

}



@media screen and (min-width: 769px) {

  .second-head {

    margin-top: 6.25vw;

  }

}

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

  .second-head {

    width: 84.6153846154vw;

    margin: auto;

    margin-top: 10.2564102564vw;

  }

}

@media screen and (min-width: 769px) {

  .second-head .head_lead {

    display: none;

  }

}

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

  .second-head .head_lead {

    color: #D71718;

    font-size: 4.1025641026vw;

    list-style: 1;

    font-weight: 800;

  }

}

.second-head .head_ttl {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .second-head .head_ttl {

    text-align: center;

    font-size: 2.5vw;

  }

}

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

  .second-head .head_ttl {

    margin-top: 0.6944444444vw;

    font-size: 7.1794871795vw;

  }

}
      
.second-head .head_subttl {

  margin-bottom: 1em;

  color: #404040;

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .second-head .head_subttl {

    font-size: 1.6666666667vw;

  }

}

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

  .second-head .head_subttl {

    font-size: 5.641025641vw;

  }

}

.second-head .head_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-head .head_txt {

    margin-top: 2.0833333333vw;

    margin-bottom: 5.5555555556vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

    text-align: center;

  }

}

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

  .second-head .head_txt {

    margin-top: 7.6923076923vw;

    margin-bottom: 12.8205128205vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



.second-tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: auto;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .second-tab {

    width: 25vw;

  }

}

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

  .second-tab {

    width: 84.6153846154vw;

  }

}

.second-tab li {

  position: relative;

  width: 50%;

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .second-tab li {

    padding-bottom: 1.5277777778vw;

    font-size: 1.6666666667vw;

  }

}

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

  .second-tab li {

    padding-bottom: 5.641025641vw;

    font-size: 5.641025641vw;

  }

}

.second-tab li:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  background: #D9D6CB;

}

@media screen and (min-width: 769px) {

  .second-tab li:after {

    height: 0.4166666667vw;

    border-radius: 2.0833333333vw;

  }

}

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

  .second-tab li:after {

    height: 1.5384615385vw;

    border-radius: 7.6923076923vw;

  }

}

.second-tab li.is-active {

  color: #D71718;

}

.second-tab li.is-active:after {

  content: "";

  background: #D71718;

}



.second-tab_ttl {

  text-align: center;

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .second-tab_ttl {

    font-size: 1.6666666667vw;

  }

}

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

  .second-tab_ttl {

    font-size: 5.641025641vw;

  }

}



.second-newpost .newpost_list {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 86.1111111111%;

    margin-top: 2.0833333333vw;

  }

}

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

  .second-newpost .newpost_list {

    position: relative;

    width: 84.6153846154vw;

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_item {

    width: 47.5806451613%;

  }

  .second-newpost .newpost_list .newpost_item:nth-child(n+3) {

    margin-top: 2.7777777778vw;

  }

}

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

  .second-newpost .newpost_list .newpost_item {

    width: 100%;

  }

  .second-newpost .newpost_list .newpost_item + .newpost_item {

    margin-top: 7.6923076923vw;

  }

}

.second-newpost .newpost_list .newpost_item a {

  text-decoration: none;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_item a:hover {

    opacity: 0.6;

  }

}

.second-newpost .newpost_list .newpost_img {

  width: 100%;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_img {

    border-radius: 1.3888888889vw 1.3888888889vw 0 0;

  }

}

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

  .second-newpost .newpost_list .newpost_img {

    border-radius: 5.1282051282vw 5.1282051282vw 0 0;

  }

}

.second-newpost .newpost_list .newpost_cont {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_cont {

    margin-top: 0.9722222222vw;

  }

}

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

  .second-newpost .newpost_list .newpost_cont {

    margin-top: 3.5897435897vw;

  }

}

.second-newpost .newpost_list .newpost_tag {

  color: #404040;

  font-weight: 400;

  border: 1px solid #404040;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_tag {

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

  }

}

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

  .second-newpost .newpost_list .newpost_tag {

    height: 5.641025641vw;

    border-radius: 7.6923076923vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 5.641025641vw;

  }

}

.second-newpost .newpost_list .newpost_date {

  color: #404040;

  font-weight: 700;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_date {

    margin-left: 0.6944444444vw;

    font-size: 0.8333333333vw;

  }

}

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

  .second-newpost .newpost_list .newpost_date {

    margin-left: 2.5641025641vw;

    font-size: 3.0769230769vw;

  }

}

.second-newpost .newpost_list .newpost_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-newpost .newpost_list .newpost_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .second-newpost .newpost_list .newpost_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .second-newpost .p-btn_more {

    margin-top: 2.7777777778vw;

  }

}

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

  .second-newpost .p-btn_more {

    margin-top: 7.6923076923vw;

  }

}

.second-newpost .second-tab li.is-active {

  z-index: 4;

}

@media screen and (min-width: 769px) {

  .second-newpost .second-tab li.is-active:after {

    width: calc(100% + 0.2083333333vw);

  }

}

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

  .second-newpost .second-tab li.is-active:after {

    width: calc(100% + 0.7692307692vw);

  }

}



@media screen and (min-width: 769px) {

  .second-special {

    margin-top: 6.25vw;

  }

}

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

  .second-special {

    margin-top: 23.0769230769vw;

  }

}

.second-special .second-tab li.is-active {

  z-index: 4;

}

@media screen and (min-width: 769px) {

  .second-special .second-tab li.is-active:after {

    width: calc(100% + 0.2083333333vw);

    left: -0.2083333333vw;

  }

}

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

  .second-special .second-tab li.is-active:after {

    width: calc(100% + 0.7692307692vw);

    left: -0.7692307692vw;

  }

}

.second-special .special_block {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .second-special .special_block {

    width: 43.0555555556vw;

    margin-top: 4.1666666667vw;

  }

}

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

  .second-special .special_block {

    width: 84.6153846154vw;

    margin-top: 10.2564102564vw;

  }

}

.second-special .special_block_item {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background: #fff;

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item {

    border-radius: 1.3888888889vw;

    padding: 2.0833333333vw 1.3888888889vw;

  }

}

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

  .second-special .special_block_item {

    border-radius: 5.1282051282vw;

    padding: 7.6923076923vw 5.1282051282vw;

  }

}

.second-special .special_block_item .special_ttl {

  color: #404040;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item .special_ttl {

    margin-bottom: 1.3888888889vw;

    font-size: 1.25vw;

  }

}

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

  .second-special .special_block_item .special_ttl {

    margin-bottom: 5.1282051282vw;

    font-size: 4.6153846154vw;

  }

}

.second-special .special_block_item .special_lead {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item .special_lead {

    margin-bottom: 1.3888888889vw;

    font-size: 0.9722222222vw;

  }

}

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

  .second-special .special_block_item .special_lead {

    margin-bottom: 5.1282051282vw;

    font-size: 3.5897435897vw;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item .special_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item .p-btn_more {

    margin-top: 1.7361111111vw;

  }

}

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

  .second-special .special_block_item .p-btn_more {

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_block_item + .special_block_item {

    margin-top: 2.7777777778vw;

  }

}

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

  .second-special .special_block_item + .special_block_item {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 {

    width: 19.0972222222vw;

  }

}

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

  .second-special .special_list-01 {

    width: 100%;

  }

}

.second-special .special_list-01 .special_img {

  width: 100%;

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 .special_img {

    border-radius: 1.3888888889vw 1.3888888889vw 0 0;

  }

}

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

  .second-special .special_list-01 .special_img {

    border-radius: 5.1282051282vw 5.1282051282vw 0 0;

  }

}

.second-special .special_list-01 .special_cont {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 .special_cont {

    margin-top: 1.0416666667vw;

  }

}

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

  .second-special .special_list-01 .special_cont {

    margin-top: 3.8461538462vw;

  }

}

.second-special .special_list-01 .special_tag {

  color: #404040;

  font-weight: 400;

  border: 1px solid #404040;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 .special_tag {

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

    letter-spacing: -0.1em;

  }

}

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

  .second-special .special_list-01 .special_tag {

    height: 5.641025641vw;

    border-radius: 7.6923076923vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 5.641025641vw;

    letter-spacing: -0.1em;

  }

}

.second-special .special_list-01 .special_date {

  line-height: 1;

  color: #404040;

  font-weight: 400;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 .special_date {

    margin-left: 0.6944444444vw;

    font-size: 0.8333333333vw;

  }

}

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

  .second-special .special_list-01 .special_date {

    margin-left: 2.5641025641vw;

    font-size: 3.0769230769vw;

  }

}

.second-special .special_list-01 .special_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-01 .special_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

    letter-spacing: -0.085em;

  }

}

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

  .second-special .special_list-01 .special_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

    letter-spacing: -0.02em;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 {

    width: 19.0972222222vw;

  }

}

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

  .second-special .special_list-02 {

    margin-top: 6.4102564103vw;

  }

}

.second-special .special_list-02 .special_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_item {

    width: 100%;

  }

}

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

  .second-special .special_list-02 .special_item {

    width: 100%;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_item + .special_item {

    margin-top: 1.0416666667vw;

  }

}

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

  .second-special .special_list-02 .special_item + .special_item {

    margin-top: 7.1794871795vw;

  }

}

.second-special .special_list-02 .special_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_img {

    width: 7.9861111111vw;

    height: 7.9861111111vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .second-special .special_list-02 .special_img {

    width: 30.7692307692vw;

    height: 30.7692307692vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_cont {

    width: 9.7222222222vw;

  }

}

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

  .second-special .special_list-02 .special_cont {

    width: 38.4615384615vw;

  }

}

.second-special .special_list-02 .special_tag {

  border: 1px solid #404040;

  display: inline-block;

  width: auto;

  color: #404040;

  font-weight: 400;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_tag {

    height: 1.1111111111vw;

    border-radius: 2.0833333333vw;

    padding-left: 0.6944444444vw;

    padding-right: 0.6944444444vw;

    font-size: 0.6944444444vw;

    line-height: 1.1111111111vw;

    letter-spacing: -0.1em;

  }

}

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

  .second-special .special_list-02 .special_tag {

    height: 4.1025641026vw;

    border-radius: 7.6923076923vw;

    padding-left: 2.5641025641vw;

    padding-right: 2.5641025641vw;

    font-size: 2.5641025641vw;

    line-height: 4.1025641026vw;

    letter-spacing: -0.1em;

  }

}

.second-special .special_list-02 .special_date {

  color: #404040;

  font-weight: 400;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_date {

    margin-top: 0.6944444444vw;

    font-size: 0.8333333333vw;

    line-height: 1;

  }

}

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

  .second-special .special_list-02 .special_date {

    margin-top: 2.5641025641vw;

    font-size: 3.0769230769vw;

    line-height: 1;

  }

}

.second-special .special_list-02 .special_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-special .special_list-02 .special_txt {

    margin-top: 0.6944444444vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .second-special .special_list-02 .special_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



@media screen and (min-width: 769px) {

  .second-keyword {

    width: 43.0555555556vw;

    margin: 6.25vw auto auto;

  }

}

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

  .second-keyword {

    width: 84.6153846154vw;

    margin: 23.0769230769vw auto auto;

  }

}

.second-keyword .keyword_ttl {

  color: #404040;

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .second-keyword .keyword_ttl {

    margin-bottom: 2.0833333333vw;

    font-size: 1.3888888889vw;

  }

}

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

  .second-keyword .keyword_ttl {

    margin-bottom: 10.2564102564vw;

    font-size: 7.1794871795vw;

  }

}

.second-keyword .keyword_tag {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.second-keyword .keyword_tag li {

  background: #404040;

  color: #fff;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .second-keyword .keyword_tag li {

    height: 1.5277777778vw;

    border-radius: 2.0833333333vw;

    margin-top: 0.6944444444vw;

    margin-left: 0.2083333333vw;

    margin-right: 0.2083333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

  }

}

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

  .second-keyword .keyword_tag li {

    height: 8.2051282051vw;

    border-radius: 7.6923076923vw;

    margin-top: 3.8461538462vw;

    margin-left: 0.7692307692vw;

    margin-right: 0.7692307692vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 8.2051282051vw;

  }

}



/* third

----------------------*/

.third-head {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .third-head {

    width: 43.0555555556vw;

    margin-top: 5.2083333333vw;

  }

}

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

  .third-head {

    width: 84.6153846154vw;

    margin-top: 10.2564102564vw;

  }

}

.third-head .head_lead {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .third-head .head_lead {

    margin-bottom: 1.3888888889vw;

    font-size: 0.9722222222vw;

    list-style: 1.7142857143;

  }

}

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

  .third-head .head_lead {

    margin-bottom: 5.1282051282vw;

    font-size: 3.5897435897vw;

    list-style: 1.7142857143;

  }

}

.third-head .head_ttl {

  color: #D71718;

  font-weight: 800;

  letter-spacing: -0.03em;

}

@media screen and (min-width: 769px) {

  .third-head .head_ttl {

    font-size: 2.2222222222vw;

    line-height: 1.125;

  }

}

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

  .third-head .head_ttl {

    font-size: 6.1538461538vw;

    line-height: 1.25;

  }

}

.third-head .head_ttl.-tag {

  color: #404040;

  text-align: center;

}

.third-head .head_date {

  color: #404040;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .third-head .head_date {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .third-head .head_date {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.third-head .head_tag {

  margin: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media screen and (min-width: 769px) {

  .third-head .head_tag {

    margin-top: 0.6944444444vw;

  }

}

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

  .third-head .head_tag {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    width: 84.6153846154vw;

    margin-top: 2.5641025641vw;

  }

}

.third-head .head_tag li {

  color: #404040;

  font-weight: 500;

  border: 1px solid #404040;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .third-head .head_tag li {

    height: 1.5277777778vw;

    margin-right: 0.3472222222vw;

    margin-bottom: 0.3472222222vw;

    border-radius: 2.0833333333vw;

    padding-left: 1.0416666667vw;

    padding-right: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5277777778vw;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .third-head .head_tag li:hover {

    background: #404040;

    color: #FFF;

  }

  .third-head .head_tag li:hover a {

    color: #FFF;

  }

}

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

  .third-head .head_tag li {

    height: 5.641025641vw;

    margin-right: 1.2820512821vw;

    margin-bottom: 1.2820512821vw;

    border-radius: 7.6923076923vw;

    padding-left: 3.8461538462vw;

    padding-right: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 5.641025641vw;

  }

}

.third-head .head_tag li a {

  text-decoration: none;

  color: #404040;

  font-size: unset;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .third-head .head_tag + .head_ttl {

    margin-top: 2.0833333333vw;

  }

}

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

  .third-head .head_tag + .head_ttl {

    margin-top: 7.6923076923vw;

  }

}

.third-head .head_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .third-head .head_txt {

    margin-top: 2.0833333333vw;

    margin-bottom: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .third-head .head_txt {

    margin-top: 7.6923076923vw;

    margin-bottom: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.third-head .head_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .third-head .head_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .third-head .head_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .third-head .head_img.-report {

    border-radius: 2.0833333333vw;

  }

}

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

  .third-head .head_img.-report {

    border-radius: 7.6923076923vw;

  }

}



.third-main {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .third-main {

    width: 43.0555555556vw;

  }

}

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

  .third-main {

    width: 84.6153846154vw;

  }

}



/* matome

----------------------*/

.matome .matome_tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}

@media screen and (min-width: 769px) {

  .matome .matome_tab {

    margin-bottom: 2.0833333333vw;

    height: 7.0833333333vw;

  }

}

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

  .matome .matome_tab {

    margin-bottom: 7.6923076923vw;

    height: 26.1538461538vw;

  }

}

.matome .matome_tab::after {

  content: "";

  display: block;

  background: #D9D6CB;

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 0;

}

@media screen and (min-width: 769px) {

  .matome .matome_tab::after {

    height: 0.4166666667vw;

    border-radius: 0.2083333333vw;

  }

}

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

  .matome .matome_tab::after {

    height: 1.5384615385vw;

    border-radius: 0.7692307692vw;

  }

}

.matome .matome_tab .matome_tab_item {

  position: relative;

  color: #404040;

  font-weight: 800;

  text-align: center;

  cursor: pointer;

}

@media screen and (min-width: 769px) {

  .matome .matome_tab .matome_tab_item {

    width: 14.3055555556vw;

    height: 7.0833333333vw;

    font-size: 1.1111111111vw;

  }

}

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

  .matome .matome_tab .matome_tab_item {

    width: 28.2051282051vw;

    height: 26.1538461538vw;

    font-size: 4.1025641026vw;

  }

}

.matome .matome_tab .matome_tab_item.is-active {

  color: #D71718;

}

.matome .matome_tab .matome_tab_item.is-active::after {

  content: "";

  z-index: 2;

  display: block;

  background: #D71718;

  position: absolute;

  left: 0;

  bottom: 0;

}

@media screen and (min-width: 769px) {

  .matome .matome_tab .matome_tab_item.is-active::after {

    width: 14.3055555556vw;

    height: 0.4166666667vw;

    border-radius: 0.2083333333vw;

  }

}

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

  .matome .matome_tab .matome_tab_item.is-active::after {

    width: 28.2051282051vw;

    height: 1.5384615385vw;

    border-radius: 0.7692307692vw;

  }

}

.matome .matome_tab img {

  width: auto;

  display: inline-block;

}

@media screen and (min-width: 769px) {

  .matome .matome_tab img {

    height: 4.1666666667vw;

    margin-bottom: 0.4861111111vw;

  }

}

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

  .matome .matome_tab img {

    height: 15.3846153846vw;

    margin-bottom: 1.7948717949vw;

  }

}

.matome .matome_contents .matome_box001 {

  display: none;

}

.matome .matome_contents .matome_box002 {

  display: none;

}

.matome .matome_contents .matome_box003 {

  display: none;

}

.matome .matome_contents .matome_contents_item.is-show {

  display: block;

}

.matome .matome_navi a {

  display: block;

  border: 2px solid #D71718;

  color: #D71718;

  text-decoration: none;

  font-weight: 800;

  position: relative;

}

@media screen and (min-width: 769px) {

  .matome .matome_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: 4.3055555556vw;

    padding-left: 3.6111111111vw;

    padding-right: 2.7083333333vw;

    border-radius: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.2857142857;

  }

  .matome .matome_navi a:hover {

    opacity: 0.6;

  }

}

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

  .matome .matome_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 84.6153846154vw;

    height: 15.8974358974vw;

    padding-left: 13.3333333333vw;

    padding-right: 10vw;

    border-radius: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.2857142857;

  }

}

.matome .matome_navi a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../img/common/icon_arrow_down.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .matome .matome_navi a::after {

    width: 0.7638888889vw;

    height: 0.4513888889vw;

    right: 1.3888888889vw;

  }

}

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

  .matome .matome_navi a::after {

    width: 2.8205128205vw;

    height: 1.6666666667vw;

    right: 5.1282051282vw;

  }

}

.matome .matome_navi a::before {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .matome .matome_navi a::before {

    width: 2.2222222222vw;

    height: 2.2222222222vw;

    left: 0.6944444444vw;

  }

}

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

  .matome .matome_navi a::before {

    width: 8.2051282051vw;

    height: 8.2051282051vw;

    left: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_navi li + li {

    margin-top: 0.3472222222vw;

  }

}

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

  .matome .matome_navi li + li {

    margin-top: 1.2820512821vw;

  }

}

.matome .matome_navi .-tsubuyori a::before {

  background: #FFF9E9 url(../img/common/icon_tsubuyori.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-tomato a::before {

  background: #FFF9E9 url(../img/common/icon_tomato.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-yasaikajitsu a::before {

  background: #FFF9E9 url(../img/common/icon_yasaikajitsu.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-yasai a::before {

  background: #FFF9E9 url(../img/common/icon_yasai.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-kajitsu a::before {

  background: #FFF9E9 url(../img/common/icon_kajitsu.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-daizu a::before {

  background: #FFF9E9 url(../img/common/icon_daizu.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-kalish a::before {

  background: #FFF9E9 url(../img/common/icon_kalish.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-potage a::before {

  background: #FFF9E9 url(../img/common/icon_potage.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-minestrone a::before {

  background: #FFF9E9 url(../img/common/icon_minestrone.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-dashi a::before {

  background: #FFF9E9 url(../img/common/icon_dashi.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-lycopene a::before {

  background: #FFF9E9 url(../img/common/icon_lycopene.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-ve a::before {

  background: #FFF9E9 url(../img/common/icon_ve.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-sulforaphane a::before {

  background: #FFF9E9 url(../img/common/icon_sulforaphane.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .matome_navi .-labre a::before {

  background: #FFF9E9 url(../img/common/icon_labre.svg) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .matome .matome_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .matome .matome_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

.matome .matome_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .matome .matome_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 6.6666666667vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

    height: 5.5555555556vw;

  }

}

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

  .matome .matome_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 23.0769230769vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 20.5128205128vw;

  }

}

.matome .matome_hdg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .matome .matome_hdg::before {

    width: 5.2777777778vw;

    height: 5.2777777778vw;

  }

}

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

  .matome .matome_hdg::before {

    width: 20.5128205128vw;

    height: 20.5128205128vw;

  }

}

.matome .matome_hdg.-tsubuyori::before {

  background: url(../img/common/icon_tsubuyori.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-tomato::before {

  background: url(../img/common/icon_tomato.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-yasaikajitsu::before {

  background: url(../img/common/icon_yasaikajitsu.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-yasai::before {

  background: url(../img/common/icon_yasai.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-kajitsu::before {

  background: url(../img/common/icon_kajitsu.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-daizu::before {

  background: url(../img/common/icon_daizu.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-kalish::before {

  background: url(../img/common/icon_kalish.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-potage::before {

  background: #FFF9E9 url(../img/common/icon_potage.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-minestrone::before {

  background: #FFF9E9 url(../img/common/icon_minestrone.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-dashi::before {

  background: #FFF9E9 url(../img/common/icon_dashi.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-lycopene::before {

  background: #FFF9E9 url(../img/common/icon_lycopene.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-ve::before {

  background: #FFF9E9 url(../img/common/icon_ve.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-sulforaphane::before {

  background: #FFF9E9 url(../img/common/icon_sulforaphane.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_hdg.-labre::before {

  background: #FFF9E9 url(../img/common/icon_labre.svg) no-repeat top center;

  background-size: 100% auto;

}

.matome .matome_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .matome .matome_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .matome .matome_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

.matome .matome_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .matome .matome_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .matome .matome_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_note {

    margin-top: 2.0833333333vw;

  }

}

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

  .matome .matome_note {

    margin-top: 7.6923076923vw;

  }

}

.matome .matome_note li {

  color: #404040;

  font-weight: 500;

  text-indent: -1em;

  padding-left: 1em;

}

@media screen and (min-width: 769px) {

  .matome .matome_note li {

    font-size: 0.8333333333vw;

    line-height: 2;

  }

}

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

  .matome .matome_note li {

    font-size: 3.0769230769vw;

    line-height: 1.6666666667;

  }

}

.matome .matome_note li.-num {

  text-indent: -1.75em;

  padding-left: 1.75em;

}

@media screen and (min-width: 769px) {

  .matome .matome_2column {

    margin-top: 2.0833333333vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

  .matome .matome_2column .matome_img {

    margin-top: 0;

    width: 20.8333333333vw;

  }

  .matome .matome_2column .matome_txt {

    margin-top: 0;

    width: 20.8333333333vw;

  }

  .matome .matome_2column .matome_note {

    margin-top: 0.5555555556vw;

    width: 20.8333333333vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_movie {

    margin-top: 2.0833333333vw;

    width: 43.0555555556vw;

    height: 24.2361111111vw;

  }

}

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

  .matome .matome_movie {

    margin-top: 7.6923076923vw;

    width: 84.6153846154vw;

    height: 47.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-top: 2.0833333333vw;

  }

}

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

  .matome .matome_list {

    margin-top: 7.6923076923vw;

  }

}

.matome .matome_list_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .matome .matome_list_item {

    width: 21.1805555556vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_list_item + .matome_list_item {

    margin-top: 0.6944444444vw;

  }

}

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

  .matome .matome_list_item + .matome_list_item {

    margin-top: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_list_item dl {

    width: 12.1527777778vw;

  }

}

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

  .matome .matome_list_item dl {

    width: 51.2820512821vw;

  }

}

.matome .matome_list_item dt {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .matome .matome_list_item dt {

    font-size: 0.9722222222vw;

    line-height: 1.8571428571;

  }

}

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

  .matome .matome_list_item dt {

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

.matome .matome_list_item dd {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .matome .matome_list_item dd {

    margin-top: 0.3472222222vw;

    font-size: 0.9722222222vw;

    line-height: 1.8571428571;

  }

}

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

  .matome .matome_list_item dd {

    margin-top: 1.2820512821vw;

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_list_img {

    width: 8.3333333333vw;

  }

}

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

  .matome .matome_list_img {

    width: 30.7692307692vw;

  }

}

.matome .matome_box {

  background: #fff;

  color: #404040;

}

@media screen and (min-width: 769px) {

  .matome .matome_box {

    margin-top: 3.4722222222vw;

    border-radius: 1.3888888889vw;

    padding: 1.3888888889vw;

  }

}

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

  .matome .matome_box {

    margin-top: 12.8205128205vw;

    border-radius: 5.1282051282vw;

    padding: 5.1282051282vw;

  }

}

.matome .matome_box .matome_box_lead {

  font-weight: 500;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .matome .matome_box .matome_box_lead {

    font-size: 0.8333333333vw;

    line-height: 1.5;

  }

}

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

  .matome .matome_box .matome_box_lead {

    font-size: 3.0769230769vw;

    line-height: 1.5;

  }

}

.matome .matome_box .matome_box_ttl {

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .matome .matome_box .matome_box_ttl {

    margin-top: 0.4166666667vw;

    font-size: 1.1111111111vw;

    line-height: 1.5;

  }

}

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

  .matome .matome_box .matome_box_ttl {

    margin-top: 1.5384615385vw;

    font-size: 4.1025641026vw;

    line-height: 1.5;

  }

}

.matome .matome_box .matome_box_txt {

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .matome .matome_box .matome_box_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.8333333333vw;

    line-height: 1.5;

  }

}

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

  .matome .matome_box .matome_box_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.0769230769vw;

    line-height: 1.5;

  }

}

.matome .matome_box .matome_box_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .matome .matome_box .matome_box_img {

    width: 19.4444444444vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .matome .matome_box .matome_box_img {

    margin-top: 2.5641025641vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_box .matome_box_inner {

    margin-top: 1.0416666667vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  .matome .matome_box .matome_box_inner .matome_box_txt {

    margin-top: 0;

    width: 19.4444444444vw;

  }

}

.matome .matome_caption {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .matome .matome_caption {

    margin-top: 2.0833333333vw;

    font-size: 1.25vw;

    line-height: 1.6666666667;

  }

}

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

  .matome .matome_caption {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

@media screen and (min-width: 769px) {

  .matome .matome_caption + .matome_img {

    margin-top: 2.0833333333vw;

  }

}

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

  .matome .matome_caption + .matome_img {

    margin-top: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .matome .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .matome .p-btn_detail + .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .matome .p-btn_detail + .p-btn_detail {

    margin-top: 2.5641025641vw;

  }

}

.matome .p-hdg03.-icon {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .matome .p-hdg03.-icon {

    margin-top: 2.0833333333vw;

    font-size: 1.5277777778vw;

    line-height: 1.3636363636;

    padding-left: 3.125vw;

  }

}

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

  .matome .p-hdg03.-icon {

    margin-top: 7.6923076923vw;

    padding-left: 11.5384615385vw;

    font-size: 4.6153846154vw;

    line-height: 1.4444444444;

  }

}

.matome .p-hdg03.-icon::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .matome .p-hdg03.-icon::before {

    width: 2.5277777778vw;

    height: 2.5277777778vw;

  }

}

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

  .matome .p-hdg03.-icon::before {

    width: 9.3333333333vw;

    height: 9.3333333333vw;

  }

}

.matome .p-hdg03.-icon.-n01::before {

  background: url(../vegetables/summary/img/icon_01.svg) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .matome .p-hdg03.-icon.-n02 {

    margin-top: 0vw;

  }

}

.matome .p-hdg03.-icon.-n02::before {

  background: url(../vegetables/summary/img/icon_02.svg) no-repeat top center;

  background-size: 99% auto;

}

.matome .p-hdg03.-icon.-n03::before {

  background: url(../vegetables/summary/img/icon_03.svg) no-repeat top center;

  background-size: 99% auto;

}



/* environment

----------------------*/

.environment .environment_navi a {

  display: block;

  border: 2px solid #D71718;

  color: #D71718;

  text-decoration: none;

  font-weight: 800;

  position: relative;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .environment .environment_navi a {

    height: 3.6111111111vw;

    padding-left: 3.6111111111vw;

    padding-right: 2.7083333333vw;

    border-radius: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 3.6111111111vw;

  }

  .environment .environment_navi a:hover {

    opacity: 0.6;

  }

}

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

  .environment .environment_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 84.6153846154vw;

    height: 15.8974358974vw;

    padding-left: 13.3333333333vw;

    padding-right: 10vw;

    border-radius: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.2857142857;

  }

}

.environment .environment_navi a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../img/common/icon_arrow_down.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .environment .environment_navi a::after {

    width: 0.7638888889vw;

    height: 0.4513888889vw;

    right: 1.3888888889vw;

  }

}

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

  .environment .environment_navi a::after {

    width: 2.8205128205vw;

    height: 1.6666666667vw;

    right: 5.1282051282vw;

  }

}

.environment .environment_navi a::before {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .environment .environment_navi a::before {

    width: 2.2222222222vw;

    height: 2.2222222222vw;

    left: 0.6944444444vw;

  }

}

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

  .environment .environment_navi a::before {

    width: 8.2051282051vw;

    height: 8.2051282051vw;

    left: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .environment .environment_navi li + li {

    margin-top: 0.3472222222vw;

  }

}

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

  .environment .environment_navi li + li {

    margin-top: 1.2820512821vw;

  }

}

.environment .environment_navi .-no01 a::before {

  background: #FFF9E9 url(../farm/environment/img/icon_01.svg) no-repeat top center;

  background-size: 99% auto;

}

.environment .environment_navi .-no02 a::before {

  background: #FFF9E9 url(../farm/environment/img/icon_02.svg) no-repeat top center;

  background-size: 99% auto;

}

.environment .environment_navi .-no03 a::before {

  background: #FFF9E9 url(../farm/environment/img/icon_03.svg) no-repeat top center;

  background-size: 99% auto;

}

.environment .environment_navi .-no04 a::before {

  background: #FFF9E9 url(../farm/environment/img/icon_04.svg) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .environment .environment_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .environment .environment_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

.environment .environment_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .environment .environment_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 6.6666666667vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

    height: 3.75vw;

  }

}

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

  .environment .environment_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 13.8461538462vw;

  }

}

.environment .environment_hdg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .environment .environment_hdg::before {

    width: 5.2777777778vw;

    height: 5.2777777778vw;

  }

}

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

  .environment .environment_hdg::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.environment .environment_hdg.-no01::before {

  background: url(../farm/environment/img/icon_01.svg) no-repeat top center;

  background-size: 100% auto;

}

.environment .environment_hdg.-no02::before {

  background: url(../farm/environment/img/icon_02.svg) no-repeat top center;

  background-size: 100% auto;

}

.environment .environment_hdg.-no03::before {

  background: url(../farm/environment/img/icon_03.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .environment .environment_hdg.-no04 {

    line-height: 1.1818181818;

    height: auto;

  }

}

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

  .environment .environment_hdg.-no04 {

    line-height: 1.1818181818;

    height: auto;

  }

}

.environment .environment_hdg.-no04::before {

  background: url(../farm/environment/img/icon_04.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .environment .environment_img + .environment_txt {

    margin-top: 2.0833333333vw;

  }

}

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

  .environment .environment_img + .environment_txt {

    margin-top: 7.6923076923vw;

  }

}

.environment .environment_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .environment .environment_txt {

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .environment .environment_txt {

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.environment .environment_txt span {

  font-size: 60%;

}



/* nouen9

----------------------*/

.nouen9 .nouen9_map_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_map_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.8333333333vw;

    line-height: 1.6666666667;

  }

}

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

  .nouen9 .nouen9_map_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.0769230769vw;

    line-height: 1.6666666667;

  }

}

.nouen9 .nouen9_map_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_map_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .nouen9 .nouen9_map_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_navi {

    margin-top: 2.0833333333vw;

  }

}

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

  .nouen9 .nouen9_navi {

    margin-top: 7.6923076923vw;

  }

}

.nouen9 .nouen9_navi a {

  display: block;

  border: 2px solid #D71718;

  color: #D71718;

  text-decoration: none;

  font-weight: 800;

  position: relative;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_navi a {

    height: 3.6111111111vw;

    padding-left: 3.6111111111vw;

    padding-right: 2.7083333333vw;

    border-radius: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 3.6111111111vw;

  }

  .nouen9 .nouen9_navi a:hover {

    opacity: 0.6;

  }

}

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

  .nouen9 .nouen9_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 84.6153846154vw;

    height: 15.8974358974vw;

    padding-left: 13.3333333333vw;

    padding-right: 10vw;

    border-radius: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.2857142857;

  }

}

.nouen9 .nouen9_navi a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../img/common/icon_arrow_down.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_navi a::after {

    width: 0.7638888889vw;

    height: 0.4513888889vw;

    right: 1.3888888889vw;

  }

}

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

  .nouen9 .nouen9_navi a::after {

    width: 2.8205128205vw;

    height: 1.6666666667vw;

    right: 5.1282051282vw;

  }

}

.nouen9 .nouen9_navi a::before {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_navi a::before {

    width: 2.2222222222vw;

    height: 2.2222222222vw;

    left: 0.6944444444vw;

  }

}

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

  .nouen9 .nouen9_navi a::before {

    width: 8.2051282051vw;

    height: 8.2051282051vw;

    left: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_navi li + li {

    margin-top: 0.3472222222vw;

  }

}

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

  .nouen9 .nouen9_navi li + li {

    margin-top: 1.2820512821vw;

  }

}

.nouen9 .nouen9_navi .-no01 a::before {

  background: #FFF9E9 url(../farm/nouen9/img/icon_01.svg) no-repeat top center;

  background-size: 99% auto;

}

.nouen9 .nouen9_navi .-no02 a::before {

  background: #FFF9E9 url(../farm/nouen9/img/icon_02.svg) no-repeat top center;

  background-size: 99% auto;

}

.nouen9 .nouen9_navi .-no03 a::before {

  background: #FFF9E9 url(../farm/nouen9/img/icon_03.svg) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .nouen9 .nouen9_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_img {

    margin-top: 2.0833333333vw;

  }

}

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

  .nouen9 .nouen9_img {

    margin-top: 7.6923076923vw;

  }

}

.nouen9 .nouen9_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .nouen9 .nouen9_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .nouen9 .nouen9_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



/* shun

----------------------*/

@media screen and (min-width: 769px) {

  .shun .shun_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .shun .shun_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

.shun .shun_section.-top {

  margin-top: 0;

  padding-top: 0;

}

.shun .shun_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .shun .shun_img {

    border-radius: 0.6944444444vw;

    margin-top: 2.0833333333vw;

  }

}

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

  .shun .shun_img {

    border-radius: 2.5641025641vw;

    margin-top: 7.6923076923vw;

  }

}

.shun .shun_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .shun .shun_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .shun .shun_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .shun .shun_txt + .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .shun .shun_txt + .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .shun .shun_box + .shun_box {

    margin-top: 2.0833333333vw;

  }

}

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

  .shun .shun_box + .shun_box {

    margin-top: 7.6923076923vw;

  }

}

.shun .shun_box_ttl {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .shun .shun_box_ttl {

    margin-top: 1.3888888889vw;

    font-size: 1.5277777778vw;

    line-height: 1.6363636364;

  }

}

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

  .shun .shun_box_ttl {

    margin-top: 5.1282051282vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

  }

}

@media screen and (min-width: 769px) {

  .shun .shun_box_ttl span {

    font-size: 1.25vw;

    line-height: 1.3333333333;

  }

}

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

  .shun .shun_box_ttl span {

    font-size: 3.5897435897vw;

    line-height: 1.1818181818;

  }

}

.shun .shun_box_label {

  color: #D71718;

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .shun .shun_box_label {

    width: 9.7222222222vw;

    height: 2.7083333333vw;

    margin-top: 2.0833333333vw;

    border: 0.1388888889vw solid #D71718;

    font-size: 0.9722222222vw;

    line-height: 2.7083333333vw;

    border-radius: 2.0833333333vw;

  }

}

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

  .shun .shun_box_label {

    width: 39.4871794872vw;

    height: 10vw;

    margin-top: 5.1282051282vw;

    border: 0.5128205128vw solid #D71718;

    font-size: 3.5897435897vw;

    line-height: 10vw;

    border-radius: 7.6923076923vw;

  }

}

.shun .shun_box_detail {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .shun .shun_box_detail {

    margin-top: 0.6944444444vw;

    font-size: 0.8333333333vw;

    line-height: 1.6666666667;

  }

}

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

  .shun .shun_box_detail {

    margin-top: 2.5641025641vw;

    font-size: 3.0769230769vw;

    line-height: 1.6666666667;

  }

}

@media screen and (min-width: 769px) {

  .shun .shun_movie {

    margin-top: 2.0833333333vw;

    width: 43.0555555556vw;

    height: 24.2361111111vw;

  }

}

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

  .shun .shun_movie {

    margin-top: 7.6923076923vw;

    width: 84.6153846154vw;

    height: 47.6923076923vw;

  }

}

.shun .shun_voice {

  position: relative;

  color: #D71718;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .shun .shun_voice {

    margin-top: 2.0833333333vw;

    padding-left: 4.4444444444vw;

    font-size: 1.5277777778vw;

    line-height: 3.75vw;

    height: 3.75vw;

  }

}

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

  .shun .shun_voice {

    margin-top: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 4.6153846154vw;

    line-height: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.shun .shun_voice::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../farm/shun/img/icon_customer.png) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .shun .shun_voice::before {

    width: 3.75vw;

    height: 3.75vw;

  }

}

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

  .shun .shun_voice::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

@media screen and (min-width: 769px) {

  .shun .shun_voice + .shun_txt {

    margin-top: 0.6944444444vw;

  }

}

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

  .shun .shun_voice + .shun_txt {

    margin-top: 2.5641025641vw;

  }

}



/* vegeday

----------------------*/

.vegeday .vegeday_navi a {

  display: block;

  border: 2px solid #D71718;

  color: #D71718;

  text-decoration: none;

  font-weight: 800;

  position: relative;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_navi a {

    height: 3.6111111111vw;

    padding-left: 3.6111111111vw;

    padding-right: 2.7083333333vw;

    border-radius: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 3.6111111111vw;

  }

  .vegeday .vegeday_navi a:hover {

    opacity: 0.6;

  }

}

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

  .vegeday .vegeday_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 84.6153846154vw;

    height: 15.8974358974vw;

    padding-left: 13.3333333333vw;

    padding-right: 10vw;

    border-radius: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.2857142857;

  }

}

.vegeday .vegeday_navi a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../img/common/icon_arrow_down.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_navi a::after {

    width: 0.7638888889vw;

    height: 0.4513888889vw;

    right: 1.3888888889vw;

  }

}

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

  .vegeday .vegeday_navi a::after {

    width: 2.8205128205vw;

    height: 1.6666666667vw;

    right: 5.1282051282vw;

  }

}

.vegeday .vegeday_navi a::before {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_navi a::before {

    width: 2.2222222222vw;

    height: 2.2222222222vw;

    left: 0.6944444444vw;

  }

}

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

  .vegeday .vegeday_navi a::before {

    width: 8.2051282051vw;

    height: 8.2051282051vw;

    left: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_navi li + li {

    margin-top: 0.3472222222vw;

  }

}

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

  .vegeday .vegeday_navi li + li {

    margin-top: 1.2820512821vw;

  }

}

.vegeday .vegeday_navi .-no01 a::before {

  background: #FFF9E9 url(../img/common/icon_01.svg) no-repeat top center;

  background-size: 99% auto;

}

.vegeday .vegeday_navi .-no02 a::before {

  background: #FFF9E9 url(../img/common/icon_02.svg) no-repeat top center;

  background-size: 99% auto;

}

.vegeday .vegeday_navi .-no03 a::before {

  background: #FFF9E9 url(../img/common/icon_03.svg) no-repeat top center;

  background-size: 99% auto;

}

.vegeday .vegeday_navi .-no04 a::before {

  background: #FFF9E9 url(../img/common/icon_04.svg) no-repeat top center;

  background-size: 99% auto;

}

.vegeday .vegeday_navi .-no05 a::before {

  background: #FFF9E9 url(../img/common/icon_05.svg) no-repeat top center;

  background-size: 99% auto;

}

.vegeday .vegeday_navi .-no06 a::before {

  background: #FFF9E9 url(../img/common/icon_06.png) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .vegeday .vegeday_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

.vegeday .vegeday_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 5.7638888889vw;

    font-size: 1.9444444444vw;

    line-height: 4.375vw;

    height: 4.375vw;

  }

}

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

  .vegeday .vegeday_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.vegeday .vegeday_hdg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_hdg::before {

    width: 4.375vw;

    height: 4.375vw;

  }

}

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

  .vegeday .vegeday_hdg::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.vegeday .vegeday_hdg.-no01::before {

  background: url(../img/common/icon_01.svg) no-repeat top center;

  background-size: 100% auto;

}

.vegeday .vegeday_hdg.-no02::before {

  background: url(../img/common/icon_02.svg) no-repeat top center;

  background-size: 100% auto;

}

.vegeday .vegeday_hdg.-no03::before {

  background: url(../img/common/icon_03.svg) no-repeat top center;

  background-size: 100% auto;

}

.vegeday .vegeday_hdg.-no04::before {

  background: url(../img/common/icon_04.svg) no-repeat top center;

  background-size: 100% auto;

}

.vegeday .vegeday_hdg.-no05::before {

  background: url(../img/common/icon_05.svg) no-repeat top center;

  background-size: 100% auto;

}

.vegeday .vegeday_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .vegeday .vegeday_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

.vegeday .vegeday_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .vegeday .vegeday_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .vegeday .vegeday_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



/* myhitotema

----------------------*/

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .myhitotema .myhitotema_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_section.-top {

    margin-top: 2.7777777778vw;

  }

}

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

  .myhitotema .myhitotema_section.-top {

    margin-top: 10.2564102564vw;

  }

}

.myhitotema .myhitotema_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_hdg {

    margin-top: 2.0833333333vw;

    padding-left: 5.7638888889vw;

    font-size: 1.9444444444vw;

    line-height: 1.1538461538;

    height: 4.375vw;

  }

}

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

  .myhitotema .myhitotema_hdg {

    margin-top: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 13.8461538462vw;

  }

}

.myhitotema .myhitotema_hdg::before {

  background: url(../img/common/icon_recipe.svg) no-repeat top center;

  background-size: 100% auto;

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_hdg::before {

    width: 4.375vw;

    height: 4.375vw;

  }

}

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

  .myhitotema .myhitotema_hdg::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.myhitotema .myhitotema_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .myhitotema .myhitotema_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_img + .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .myhitotema .myhitotema_img + .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}

.myhitotema .myhitotema_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .myhitotema .myhitotema_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.myhitotema .myhitotema_lead {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_lead {

    margin-top: 1.3888888889vw;

    font-size: 1.25vw;

    line-height: 1.6666666667;

  }

}

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

  .myhitotema .myhitotema_lead {

    margin-top: 5.1282051282vw;

    font-size: 4.1025641026vw;

    line-height: 1.625;

  }

}

.myhitotema .myhitotema_name {

  position: relative;

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_name {

    margin-top: 0.6944444444vw;

    padding-left: 4.4444444444vw;

    font-size: 0.9722222222vw;

    line-height: 3.75vw;

    height: 3.75vw;

  }

}

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

  .myhitotema .myhitotema_name {

    margin-top: 2.5641025641vw;

    padding-left: 16.4102564103vw;

    font-size: 3.5897435897vw;

    line-height: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.myhitotema .myhitotema_name::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_name::before {

    width: 3.75vw;

    height: 3.75vw;

  }

}

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

  .myhitotema .myhitotema_name::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.myhitotema .myhitotema_name.-no01::before {

  background: #FFF9E9 url(../voice/myhitotema/img/photo01.png) no-repeat top center;

  background-size: 99% auto;

}

.myhitotema .myhitotema_name.-no02::before {

  background: #FFF9E9 url(../voice/myhitotema/img/photo02.png) no-repeat top center;

  background-size: 99% auto;

}

.myhitotema .myhitotema_name.-no03::before {

  background: #FFF9E9 url(../voice/myhitotema/img/photo03.png) no-repeat top center;

  background-size: 99% auto;

}

.myhitotema .myhitotema_box {

  color: #404040;

  background: #fff;

}

@media screen and (min-width: 769px) {

  .myhitotema .myhitotema_box {

    margin-top: 2.0833333333vw;

    padding: 1.3888888889vw;

    border-radius: 1.3888888889vw;

    font-size: 0.8333333333vw;

    line-height: 1.8333333333;

  }

}

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

  .myhitotema .myhitotema_box {

    margin-top: 7.6923076923vw;

    padding: 5.1282051282vw;

    border-radius: 2.5641025641vw;

    font-size: 3.0769230769vw;

    line-height: 1.8333333333;

  }

}

.myhitotema .myhitotema_box a {

  color: #404040;

}



/* kurashi

----------------------*/

.kurashi .kurashi_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin: auto;

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_list {

    width: 43.0555555556vw;

  }

}

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

  .kurashi .kurashi_list {

    width: 84.6153846154vw;

  }

}

.kurashi .kurashi_list li {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_list li {

    width: 13.8888888889vw;

    margin-bottom: 0.6944444444vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .kurashi .kurashi_list li {

    width: 26.6666666667vw;

    margin-bottom: 2.5641025641vw;

    border-radius: 2.5641025641vw;

  }

}

.kurashi .kurashi_box {

  color: #404040;

  background: #fff;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_box {

    margin-top: 2.0833333333vw;

    padding: 2.0833333333vw;

    border-radius: 1.3888888889vw;

  }

}

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

  .kurashi .kurashi_box {

    margin-top: 5.1282051282vw;

    padding: 7.6923076923vw 5.1282051282vw;

    border-radius: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_box .p-btn_detail a {

    width: 22.9166666667vw;

  }

}

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

  .kurashi .kurashi_box .p-btn_detail a {

    width: 69.2307692308vw;

  }

}

.kurashi .kurashi_box_icon {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_box_icon {

    width: 4.1666666667vw;

  }

}

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

  .kurashi .kurashi_box_icon {

    width: 15.3846153846vw;

  }

}

.kurashi .kurashi_box_ttl {

  color: #404040;

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .kurashi .kurashi_box_ttl {

    margin-top: 0.6944444444vw;

    margin-bottom: 1.3888888889vw;

    font-size: 1.25vw;

    list-style: 1.4444444444;

  }

}

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

  .kurashi .kurashi_box_ttl {

    margin-top: 2.5641025641vw;

    margin-bottom: 5.1282051282vw;

    font-size: 4.6153846154vw;

    list-style: 1.4444444444;

  }

}



.kurashi_modal_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_img {

    width: 33.3333333333vw;

    border-radius: 2.5641025641vw;

  }

}

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

  .kurashi_modal_img {

    width: 84.6153846154vw;

    margin: auto;

    border-radius: 2.5641025641vw;

  }

}



.kurashi_modal_contents {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_contents {

    width: 33.3333333333vw;

  }

}

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

  .kurashi_modal_contents {

    width: 84.6153846154vw;

  }

}



.kurashi_modal_date {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_date {

    font-size: 0.9722222222vw;

    list-style: 1.7142857143;

  }

}

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

  .kurashi_modal_date {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    list-style: 1.7142857143;

  }

}



.kurashi_modal_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_txt {

    margin-top: 1.3888888889vw;

    font-size: 0.9722222222vw;

    list-style: 1.7142857143;

  }

}

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

  .kurashi_modal_txt {

    margin-top: 5.1282051282vw;

    font-size: 3.5897435897vw;

    list-style: 1.7142857143;

  }

}



.kurashi_modal_linkbox {

  background: #FFF9E9;

  margin: auto;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_linkbox {

    border-radius: 1.3888888889vw;

    margin-top: 2.0833333333vw;

    padding: 1.3888888889vw;

  }

}

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

  .kurashi_modal_linkbox {

    border-radius: 5.1282051282vw;

    margin-top: 7.6923076923vw;

    padding: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .kurashi_modal_linkbox + .kurashi_modal_linkbox {

    margin-top: 2.0833333333vw;

  }

}

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

  .kurashi_modal_linkbox + .kurashi_modal_linkbox {

    margin-top: 7.6923076923vw;

  }

}



@media screen and (min-width: 769px) {

  .kurashi_modal_icon {

    width: 6.25vw;

    margin-right: 0.6944444444vw;

  }

}

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

  .kurashi_modal_icon {

    width: 23.0769230769vw;

    margin-right: 2.5641025641vw;

  }

}



.kurashi_modal_link a {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_link a {

    font-size: 0.9722222222vw;

    list-style: 1.7142857143;

  }

}

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

  .kurashi_modal_link a {

    font-size: 3.5897435897vw;

    list-style: 1.7142857143;

  }

}



.kurashi_modal_close {

  position: absolute;

  z-index: 10;

  top: 0;

  right: 0;

  background: #D71718 url(../img/common/icon_close.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .kurashi_modal_close {

    width: 4.1666666667vw;

    height: 4.1666666667vw;

  }

}

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

  .kurashi_modal_close {

    width: 15.3846153846vw;

    height: 15.3846153846vw;

  }

}



@media screen and (min-width: 769px) {

  .kurashi_modal_inner {

    margin: auto;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    width: 70.8333333333vw;

    padding: 4.1666666667vw 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: start;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}



/* report

----------------------*/

.report-main {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .report-main {

    margin-top: 2.0833333333vw;

    width: 43.0555555556vw;

  }

}

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

  .report-main {

    margin-top: 7.6923076923vw;

    width: 84.6153846154vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .p-hdg03 + .report_lead {

    margin-top: 1.3888888889vw;

  }

}

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

  .report-main .p-hdg03 + .report_lead {

    margin-top: 5.1282051282vw;

  }

}

.report-main .report_lead {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .report-main .report_lead {

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .report-main .report_lead {

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.report-main .report_lead a {

  color: #404040;

  font-size: unset;

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .report-main .report_navi {

    margin-top: 2.0833333333vw;

  }

}

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

  .report-main .report_navi {

    margin-top: 7.6923076923vw;

  }

}

.report-main .report_navi a {

  display: block;

  border: 2px solid #D71718;

  color: #D71718;

  text-decoration: none;

  font-weight: 800;

  position: relative;

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .report-main .report_navi a {

    height: 3.6111111111vw;

    padding-left: 3.6111111111vw;

    padding-right: 2.7083333333vw;

    border-radius: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 3.6111111111vw;

  }

  .report-main .report_navi a:hover {

    opacity: 0.6;

  }

}

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

  .report-main .report_navi a {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 84.6153846154vw;

    height: 15.8974358974vw;

    padding-left: 13.3333333333vw;

    padding-right: 10vw;

    border-radius: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.2857142857;

  }

}

.report-main .report_navi a::after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

  background: #FFF9E9 url(../img/common/icon_arrow_down.svg) no-repeat top center;

  background-size: 100% auto;

}

@media screen and (min-width: 769px) {

  .report-main .report_navi a::after {

    width: 0.7638888889vw;

    height: 0.4513888889vw;

    right: 1.3888888889vw;

  }

}

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

  .report-main .report_navi a::after {

    width: 2.8205128205vw;

    height: 1.6666666667vw;

    right: 5.1282051282vw;

  }

}

.report-main .report_navi a::before {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .report-main .report_navi a::before {

    width: 2.2222222222vw;

    height: 2.2222222222vw;

    left: 0.6944444444vw;

  }

}

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

  .report-main .report_navi a::before {

    width: 8.2051282051vw;

    height: 8.2051282051vw;

    left: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_navi li + li {

    margin-top: 0.3472222222vw;

  }

}

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

  .report-main .report_navi li + li {

    margin-top: 1.2820512821vw;

  }

}

.report-main .report_navi .-no01 a::before {

  background: #FFF9E9 url(../img/common/icon_01.svg) no-repeat top center;

  background-size: 99% auto;

}

.report-main .report_navi .-no02 a::before {

  background: #FFF9E9 url(../img/common/icon_02.svg) no-repeat top center;

  background-size: 99% auto;

}

.report-main .report_navi .-no03 a::before {

  background: #FFF9E9 url(../img/common/icon_03.svg) no-repeat top center;

  background-size: 99% auto;

}

.report-main .report_navi .-no04 a::before {

  background: #FFF9E9 url(../img/common/icon_04.svg) no-repeat top center;

  background-size: 99% auto;

}

.report-main .report_navi .-no05 a::before {

  background: #FFF9E9 url(../img/common/icon_05.svg) no-repeat top center;

  background-size: 99% auto;

}

@media screen and (min-width: 769px) {

  .report-main .report_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .report-main .report_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

.report-main .report_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .report-main .report_txt {

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .report-main .report_txt {

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_txt + .report_column2, .report-main .report_txt + .report_img {

    margin-top: 2.0833333333vw;

  }

}

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

  .report-main .report_txt + .report_column2, .report-main .report_txt + .report_img {

    margin-top: 7.6923076923vw;

  }

}

.report-main .report_txt span.-q {

  color: #707070;

}

.report-main .report_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .report-main .report_img {

    border-radius: 0.6944444444vw;

  }

}

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

  .report-main .report_img {

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_img + .report_txt {

    margin-top: 2.0833333333vw;

  }

}

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

  .report-main .report_img + .report_txt {

    margin-top: 7.6923076923vw;

  }

}

.report-main .report_column2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media screen and (min-width: 769px) {

  .report-main .report_column2 .report_img {

    width: 21.1805555556vw;

  }

}

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

  .report-main .report_column2 .report_img {

    width: 41.0256410256vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_column2 + .report_txt {

    margin-top: 2.0833333333vw;

  }

}

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

  .report-main .report_column2 + .report_txt {

    margin-top: 7.6923076923vw;

  }

}

.report-main .report_column3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media screen and (min-width: 769px) {

  .report-main .report_column3 {

    margin-top: 0.6944444444vw;

  }

}

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

  .report-main .report_column3 {

    margin-top: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_column3 .report_img {

    width: 13.8888888889vw;

  }

}

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

  .report-main .report_column3 .report_img {

    width: 26.4102564103vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_column3 + .report_txt {

    margin-top: 2.0833333333vw;

  }

}

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

  .report-main .report_column3 + .report_txt {

    margin-top: 7.6923076923vw;

  }

}

.report-main .report_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .report-main .report_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 6.6666666667vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

  }

}

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

  .report-main .report_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

  }

}

.report-main .report_hdg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .report-main .report_hdg::before {

    width: 5.2777777778vw;

    height: 5.2777777778vw;

  }

}

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

  .report-main .report_hdg::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report_hdg.-no00 {

    padding-left: 0vw;

  }

}

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

  .report-main .report_hdg.-no00 {

    padding-left: 0vw;

  }

}

.report-main .report_hdg.-no01::before {

  background: #FFF9E9 url(../img/common/icon_01.svg) no-repeat top center;

  background-size: 100% auto;

}

.report-main .report_hdg.-no02::before {

  background: #FFF9E9 url(../img/common/icon_02.svg) no-repeat top center;

  background-size: 100% auto;

}

.report-main .report_hdg.-no03::before {

  background: #FFF9E9 url(../img/common/icon_03.svg) no-repeat top center;

  background-size: 100% auto;

}

.report-main .report_hdg.-no04::before {

  background: #FFF9E9 url(../img/common/icon_04.svg) no-repeat top center;

  background-size: 100% auto;

}

.report-main .report_hdg.-no05::before {

  background: #FFF9E9 url(../img/common/icon_05.svg) no-repeat top center;

  background-size: 100% auto;

}

.report-main .report-note {

  border-top: solid 3px #D71718;

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .report-main .report-note {

    margin-top: 6.25vw;

    padding-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .report-main .report-note {

    margin-top: 23.0769230769vw;

    padding-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

    letter-spacing: -0.02em;

  }

}

@media screen and (min-width: 769px) {

  .report-main .report-sns {

    margin-top: 2.0833333333vw;

  }

  .report-main .report-sns .sns_ttl {

    font-size: 1.25vw;

    line-height: 1.3333333333;

    color: #D71718;

    font-weight: 900;

    text-align: center;

  }

  .report-main .report-sns .sns_list {

    width: 14.5833333333vw;

    margin: 1.3888888889vw auto 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  .report-main .report-sns li {

    width: 4.1666666667vw;

  }

}

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

  .report-main .report-sns {

    margin-top: 7.6923076923vw;

  }

  .report-main .report-sns .sns_ttl {

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

    color: #D71718;

    font-weight: 900;

    text-align: center;

  }

  .report-main .report-sns .sns_list {

    width: 53.8461538462vw;

    margin: 5.1282051282vw auto 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  .report-main .report-sns li {

    width: 15.3846153846vw;

  }

}



.report-slide {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .report-slide {

    width: 43.0555555556vw;

    margin-top: 6.25vw;

    overflow: hidden;

  }

}

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

  .report-slide {

    width: 100%;

    margin-top: 23.0769230769vw;

    overflow: hidden;

  }

}

.report-slide .slide_ttl {

  color: #D71718;

  font-weight: 800;

  text-align: center;

}

@media screen and (min-width: 769px) {

  .report-slide .slide_ttl {

    margin-bottom: 2.0833333333vw;

    font-size: 1.3888888889vw;

    line-height: 1.2;

  }

}

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

  .report-slide .slide_ttl {

    margin-bottom: 7.6923076923vw;

    font-size: 5.1282051282vw;

    line-height: 1.2;

  }

}

.report-slide .report-slide_inner {

  position: relative;

}

@media screen and (min-width: 769px) {

  .report-slide .report-slide_inner {

    width: calc(100% + 20.8333333333vw);

    margin-left: -10.4166666667vw;

    padding-bottom: 6.25vw;

  }

}

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

  .report-slide .report-slide_inner {

    width: calc(100% + 136.4102564103vw);

    margin-left: -68.2051282051vw;

    padding-bottom: 17.9487179487vw;

  }

}

.report-slide .swiper-slide {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: relative;

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-slide {

    width: 20.8333333333vw;

    padding-left: 0.3472222222vw;

    padding-right: 0.3472222222vw;

  }

  .report-slide .swiper-slide img {

    border-radius: 0.6944444444vw;

  }

}

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

  .report-slide .swiper-slide {

    width: 76.9230769231vw;

    padding-left: 1.2820512821vw;

    padding-right: 1.2820512821vw;

  }

  .report-slide .swiper-slide img {

    border-radius: 2.5641025641vw;

  }

}

.report-slide .report-slide_navigation {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media screen and (min-width: 769px) {

  .report-slide .report-slide_navigation {

    width: 6.25vw;

  }

}

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

  .report-slide .report-slide_navigation {

    width: 23.0769230769vw;

  }

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-button-prev,

  .report-slide .swiper-button-next {

    width: 2.7777777778vw;

    height: 2.7777777778vw;

  }

  .report-slide .swiper-button-prev:hover,

  .report-slide .swiper-button-next:hover {

    opacity: 0.6;

  }

}

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

  .report-slide .swiper-button-prev,

  .report-slide .swiper-button-next {

    width: 10.2564102564vw;

    height: 10.2564102564vw;

  }

}

.report-slide .swiper-button-prev {

  right: auto !important;

  left: 0 !important;

  top: auto !important;

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-button-prev {

    bottom: 2.0833333333vw !important;

  }

}

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

  .report-slide .swiper-button-prev {

    bottom: 5.1282051282vw !important;

  }

}

.report-slide .swiper-button-next {

  right: 0 !important;

  left: auto !important;

  top: auto !important;

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-button-next {

    bottom: 2.0833333333vw !important;

  }

}

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

  .report-slide .swiper-button-next {

    bottom: 5.1282051282vw !important;

  }

}

.report-slide .swiper-button-prev::after,

.report-slide .swiper-button-next::after {

  background-repeat: no-repeat;

  background-size: 100% auto;

  content: "";

  margin: auto;

  display: block;

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-button-prev::after,

  .report-slide .swiper-button-next::after {

    width: 2.7777777778vw;

    height: 2.7777777778vw;

  }

}

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

  .report-slide .swiper-button-prev::after,

  .report-slide .swiper-button-next::after {

    width: 10.2564102564vw;

    height: 10.2564102564vw;

  }

}

.report-slide .swiper-button-prev::after {

  background-image: url(../img/common/btn_prev.png);

}

.report-slide .swiper-button-next::after {

  background-image: url(../img/common/btn_next.png);

}

.report-slide .swiper-pagination {

  bottom: 0 !important;

  font-weight: 700;

  line-height: 1;

}

@media screen and (min-width: 769px) {

  .report-slide .swiper-pagination {

    font-size: 0.9722222222vw;

  }

}



.modaal-gallery-label {

  display: none;

}



@media screen and (min-width: 769px) {

  .modaal-image .modaal-container {

    width: 80% !important;

  }

}



/* bousai

----------------------*/

@media screen and (min-width: 769px) {

  .bousai .bousai_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .bousai .bousai_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_2column {

    margin-top: 2.0833333333vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  .bousai .bousai_2column .bousai_txt {

    width: 24.1666666667vw;

  }

}

.bousai .bousai_profile {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile {

    width: 17.5vw;

  }

}

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

  .bousai .bousai_profile {

    margin-top: 5.1282051282vw;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile + .bousai_txt {

    margin-top: 0vw;

  }

}

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

  .bousai .bousai_profile + .bousai_txt {

    margin-top: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile_img {

    width: 6.25vw;

  }

}

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

  .bousai .bousai_profile_img {

    width: 23.0769230769vw;

  }

}

.bousai .bousai_profile_txt{

  box-sizing: content-box;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile_txt {

    padding-left: 0.5555555556vw;

    width: 10.6944444444vw;

  }

}

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

  .bousai .bousai_profile_txt {

    padding-left: 2.0512820513vw;

  }

}

.bousai .bousai_profile_jp {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile_jp {

    font-size: 1.5277777778vw;

    line-height: 1.1818181818;

  }

}

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

  .bousai .bousai_profile_jp {

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

  }

}

.bousai .bousai_profile_en {

  color: #404040;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_profile_en {

    font-size: 0.8333333333vw;

    line-height: 2.1666666667;

  }

}

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

  .bousai .bousai_profile_en {

    font-size: 3.0769230769vw;

    line-height: 2.1666666667;

  }

}

.bousai .bousai_point {

  position: relative;

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_point {

    margin-top: 2.0833333333vw;

    font-size: 1.25vw;

    line-height: 1.6666666667;

  }

}

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

  .bousai .bousai_point {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_point + .p-hdg03 {

    margin-top: 0.6944444444vw;

  }

}

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

  .bousai .bousai_point + .p-hdg03 {

    margin-top: 2.5641025641vw;

  }

}

.bousai .bousai_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 6.25vw;

    font-size: 1.5277777778vw;

    line-height: 1.1818181818;

    height: 3.75vw;

  }

}

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

  .bousai .bousai_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 13.8461538462vw;

  }

}

.bousai .bousai_hdg::before {

  background: url(../fun/bousai/img/icon_01.svg) no-repeat top center;

  background-size: 100% auto;

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .bousai .bousai_hdg::before {

    width: 3.75vw;

    height: 3.75vw;

  }

}

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

  .bousai .bousai_hdg::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_img {

    margin-top: 2.0833333333vw;

  }

}

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

  .bousai .bousai_img {

    margin-top: 7.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .bousai .bousai_img + .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .bousai .bousai_img + .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}

.bousai .bousai_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .bousai .bousai_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.bousai .bousai_lead {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .bousai .bousai_lead {

    margin-top: 2.0833333333vw;

    font-size: 1.25vw;

    line-height: 1.6666666667;

  }

}

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

  .bousai .bousai_lead {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}



/* letter

----------------------*/

@media screen and (min-width: 769px) {

  .letter .letter_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .letter .letter_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

@media screen and (min-width: 769px) {

  .letter .letter_img {

    margin-top: 2.0833333333vw;

  }

}

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

  .letter .letter_img {

    margin-top: 7.6923076923vw;

  }

}

.letter .letter_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .letter .letter_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .letter .letter_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.letter .letter_txt a {

  color: #404040;

  font-size: unset;

  text-decoration: underline;

}



/* recipe

----------------------*/

@media screen and (min-width: 769px) {

  .recipe .recipe_section {

    margin-top: 5.5555555556vw;

    padding-top: 0.6944444444vw;

  }

}

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

  .recipe .recipe_section {

    margin-top: 5.1282051282vw;

    padding-top: 17.9487179487vw;

  }

}

@media screen and (min-width: 769px) {

  .recipe .recipe_section.-top {

    margin-top: 2.7777777778vw;

  }

}

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

  .recipe .recipe_section.-top {

    margin-top: 10.2564102564vw;

  }

}

@media screen and (min-width: 769px) {

  .recipe .recipe_section .p-hdg02 {

    margin-bottom: 1.3888888889vw;

  }

}

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

  .recipe .recipe_section .p-hdg02 {

    margin-bottom: 5.1282051282vw;

  }

}

.recipe .recipe_hdg {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.recipe .recipe_hdg p{

  font-size: unset;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_hdg {

    margin-bottom: 2.0833333333vw;

    padding-left: 6.6666666667vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

    height: 5.2777777778vw;

  }

}

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

  .recipe .recipe_hdg {

    margin-bottom: 7.6923076923vw;

    padding-left: 23.0769230769vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 20.5128205128vw;

  }

}

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

  .recipe .recipe_hdg span {

    font-size: 4.1025641026vw;

  }

}

.recipe .recipe_hdg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .recipe .recipe_hdg::before {

    width: 5.2777777778vw;

    height: 5.2777777778vw;

  }

}

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

  .recipe .recipe_hdg::before {

    width: 20.5128205128vw;

    height: 20.5128205128vw;

  }

}

.recipe .recipe_hdg.-tsubuyori::before {

  background: url(../img/common/icon_tsubuyori.svg) no-repeat top center;

  background-size: 100% auto;

}

.recipe .recipe_hdg.-kalish::before {

  background: url(../img/common/icon_kalish.svg) no-repeat top center;

  background-size: 100% auto;

}

.recipe .recipe_hdg.-dashi::before {

  background: url(../img/common/icon_dashi.svg) no-repeat top center;

  background-size: 100% auto;

}

.recipe .recipe_hdg2 {

  position: relative;

  color: #D71718;

  font-weight: 800;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_hdg2 {

    margin-bottom: 2.0833333333vw;

    padding-left: 5.7638888889vw;

    font-size: 1.9444444444vw;

    line-height: 1.0714285714;

    height: 4.375vw;

  }

}

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

  .recipe .recipe_hdg2 {

    margin-bottom: 7.6923076923vw;

    padding-left: 16.4102564103vw;

    font-size: 5.641025641vw;

    line-height: 1.1818181818;

    height: 13.8461538462vw;

  }

}

.recipe .recipe_hdg2::before {

  content: "";

  position: absolute;

  background: url(../img/common/icon_recipe.svg) no-repeat top center;

  background-size: 100% auto;

  left: 0;

  top: 50%;

  -webkit-transform: translatey(-50%);

          transform: translatey(-50%);

}

@media screen and (min-width: 769px) {

  .recipe .recipe_hdg2::before {

    width: 4.375vw;

    height: 4.375vw;

  }

}

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

  .recipe .recipe_hdg2::before {

    width: 13.8461538462vw;

    height: 13.8461538462vw;

  }

}

.recipe .recipe_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_img {

    margin-top: 2.0833333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .recipe .recipe_img {

    margin-top: 7.6923076923vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .recipe .recipe_img.-bnr {

    margin-top: 6.25vw;

  }

}

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

  .recipe .recipe_img.-bnr {

    margin-top: 23.0769230769vw;

  }

}

.recipe .recipe_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_txt {

    margin-top: 2.0833333333vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .recipe .recipe_txt {

    margin-top: 7.6923076923vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

@media screen and (min-width: 769px) {

  .recipe .recipe_note {

    margin-top: 2.0833333333vw;

  }

}

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

  .recipe .recipe_note {

    margin-top: 7.6923076923vw;

  }

}

.recipe .recipe_note li {

  color: #404040;

  font-weight: 500;

  text-indent: -1em;

  padding-left: 1em;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_note li {

    font-size: 0.8333333333vw;

    line-height: 1.6666666667;

  }

}

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

  .recipe .recipe_note li {

    font-size: 3.0769230769vw;

    line-height: 1.6666666667;

  }

}

.recipe .recipe_note li.-num {

  text-indent: -1.75em;

  padding-left: 1.75em;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_list {

    margin-top: 2.0833333333vw;

  }

}

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

  .recipe .recipe_list {

    margin-top: 7.6923076923vw;

  }

}

.recipe .recipe_list dt {

  color: #D71718;

  font-weight: 800;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_list dt {

    font-size: 1.25vw;

    line-height: 1.6666666667;

  }

}

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

  .recipe .recipe_list dt {

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

.recipe .recipe_list dd {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .recipe .recipe_list dd {

    margin-top: 0.6944444444vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .recipe .recipe_list dd {

    margin-top: 2.5641025641vw;

    font-size: 3.5897435897vw;

    line-height: 1.8571428571;

  }

}

@media screen and (min-width: 769px) {

  .recipe .recipe_movie {

    margin-top: 2.0833333333vw;

    width: 43.0555555556vw;

    height: 24.2361111111vw;

  }

}

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

  .recipe .recipe_movie {

    margin-top: 7.6923076923vw;

    width: 84.6153846154vw;

    height: 47.6923076923vw;

  }

}

@media screen and (min-width: 769px) {

  .recipe .p-btn_more,

  .recipe .p-btn_detail {

    margin-top: 2.0833333333vw;

  }

}

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

  .recipe .p-btn_more,

  .recipe .p-btn_detail {

    margin-top: 7.6923076923vw;

  }

}



/* tag

----------------------*/

.tag .tag_list {

  margin: auto;

}

@media screen and (min-width: 769px) {

  .tag .tag_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 100%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-top: 4.1666666667vw;

    margin-bottom: 6.25vw;

  }

}

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

  .tag .tag_list {

    position: relative;

    width: 84.6153846154vw;

    margin-top: 7.6923076923vw;

    margin-bottom: 23.0769230769vw;

  }

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_item {

    width: 47.5806451613%;

  }

  .tag .tag_list .taglist_item:nth-child(n+3) {

    margin-top: 1.9444444444vw;

  }

}

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

  .tag .tag_list .taglist_item {

    width: 100%;

  }

  .tag .tag_list .taglist_item + .taglist_item {

    margin-top: 7.6923076923vw;

  }

}

.tag .tag_list .taglist_item a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  text-decoration: none;

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_item a:hover {

    opacity: 0.6;

  }

}

.tag .tag_list .taglist_img {

  overflow: hidden;

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_img {

    width: 8.3333333333vw;

    height: 8.3333333333vw;

    border-radius: 0.6944444444vw;

  }

}

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

  .tag .tag_list .taglist_img {

    width: 30.7692307692vw;

    height: 30.7692307692vw;

    border-radius: 2.5641025641vw;

  }

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_cont {

    width: 10.7638888889vw;

  }

}

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

  .tag .tag_list .taglist_cont {

    width: 48.7179487179vw;

  }

}

.tag .tag_list .taglist_tag {

  border: 1px solid #404040;

  display: inline-block;

  width: auto;

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_tag {

    height: 1.1111111111vw;

    border-radius: 2.0833333333vw;

    padding-left: 0.6944444444vw;

    padding-right: 0.6944444444vw;

    font-size: 0.6944444444vw;

    line-height: 1.1111111111vw;

  }

}

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

  .tag .tag_list .taglist_tag {

    height: 4.1025641026vw;

    border-radius: 7.6923076923vw;

    padding-left: 2.5641025641vw;

    padding-right: 2.5641025641vw;

    font-size: 2.5641025641vw;

    line-height: 4.1025641026vw;

  }

}

.tag .tag_list .taglist_date {

  color: #404040;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_date {

    margin-top: 0.6944444444vw;

    font-size: 0.6944444444vw;

    line-height: 1;

  }

}

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

  .tag .tag_list .taglist_date {

    margin-top: 2.5641025641vw;

    font-size: 3.0769230769vw;

    line-height: 1;

  }

}

.tag .tag_list .taglist_txt {

  color: #404040;

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .tag .tag_list .taglist_txt {

    margin-top: 1.0416666667vw;

    font-size: 0.9722222222vw;

    line-height: 1.7142857143;

  }

}

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

  .tag .tag_list .taglist_txt {

    margin-top: 3.8461538462vw;

    font-size: 3.5897435897vw;

    line-height: 1.7142857143;

  }

}

.vegeday .vegeday_hdg.vegeday_hdg_nopad {
  padding-left: 0;
}
.vegeday .vegeday_txt.bold {
  font-weight: bold;
}
.vegeday .vegeday_btn {
  margin-top: 2.0833333333vw;
}

.head_sub_ttl{
  margin-top: 2.0833333333vw;
  font-size: 1.9444444444vw;
  line-height: 1.125;
  color: #D71718;
  font-weight: 800;
  font-feature-settings: "palt";
}
.head_layout{
  display: flex;
  gap: 10px;
}
.head_layout .head_layout_img img{
  width: 130px;
}
.head_layout .head_layout_txt{
  flex: 1;
}
.head_layout .head_layout_txt .head_txt{
  margin-top: 0;
  margin-bottom: 0;
}
.vegeday_txt_big{
  font-size: 1.2em;
}
.vegeday_hdg.vegeday_hdg_row{
  height: auto;
  line-height: normal;
}
.p-product .product_list.product_list_w100{
  width: 100%;
}

.p-product .product_ttl.product_ttl_black{
  margin-bottom: 1.5em;
  text-align: center;
  color: #000;
}

.vegeday_txt a{
  color: #000 !important;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .head_sub_ttl{
    margin-top: 7.6923076923vw;
    font-size: 5.641025641vw;
  }
}

.vegeday .vegeday_hdg.-no06::before {

  background: url(../img/common/icon_06.png) no-repeat top center;

  background-size: 100% auto;

}

.p-btn_more.shun_btn a {
  width: 15.888889vw;
}

@media screen and (max-width: 768px) {
  .p-btn_more.shun_btn a {
    width: 58.282051vw;
  }
  
}