@charset "UTF-8";
@media screen and (min-width: 960px) {
  .pcNone {
    display: none !important; } }
@media screen and (min-width: 429px) and (max-width: 961px) {
  .pcNone {
    display: none !important; } }
@media screen and (max-width: 430px) {
  .spNone {
    display: none !important; } }
#container {
  margin: auto;
  max-width: 960px; }
  @media screen and (max-width: 430px) {
    #container {
      width: 100%; } }
  @media screen and (min-width: 429px) and (max-width: 961px) {
    #container {
      width: 100%; } }
  #container .fv {
    position: relative; }
    #container .fv .fv_img02 {
      margin: auto;
      width: 34.37%;
      position: absolute;
      top: 39%;
      left: 0;
      right: 0; }
    #container .fv .fv_img03 {
      width: 40.7%;
      position: absolute;
      top: 13.8%;
      left: 8.7%; }
    #container .fv .p_img_03 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 12.1%;
      width: 67%;
      margin: auto; }
      #container .fv .p_img_03 li {
        width: 31.25%;
        margin-bottom: 20px;
        margin-right: 3.125%;
        opacity: 0.7; }
        @media screen and (max-width: 430px) {
          #container .fv .p_img_03 li {
            margin-bottom: 10px; } }
        #container .fv .p_img_03 li:last-child {
          margin-right: 0; }
        #container .fv .p_img_03 li:nth-child(3) {
          margin-right: 0; }
  #container .cta {
    position: relative; }
    #container .cta .cta_img02 {
      position: absolute;
      bottom: 9%;
      left: 0;
      right: 0;
      margin: auto;
      width: 80%; }
  #container .recommend {
    position: relative; }
    #container .recommend ul {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      position: absolute;
      right: 9%;
      top: 3%;
      width: 100%;
      flex-direction: row-reverse; }
    #container .recommend li {
      width: 8.2%;
      padding: 1.5%;
      margin-left: 1%;
      position: relative; }
      #container .recommend li img {
        position: relative;
        z-index: 1; }
      #container .recommend li:before {
        content: "";
        background: #000;
        width: 100%;
        height: 0%;
        position: absolute;
        z-index: 0;
        left: 0px;
        top: 0;
        z-index: 0;
        transition: 1s; }
    #container .recommend .recommend_img02 {
      width: 7.3%;
      position: absolute;
      top: 5%;
      right: 10%; }
    #container .recommend .recommend_img03 {
      width: 7.3%;
      position: absolute;
      top: 5%;
      right: 19%; }
  #container .pro01 {
    position: relative;
    overflow: hidden; }
    #container .pro01 .pro01_img02 {
      width: 63.85%;
      position: absolute;
      top: 9.5%;
      left: 8%; }
    #container .pro01 .pro01_img03 {
      width: 68.75%;
      position: absolute;
      top: 40.5%;
      left: 13%; }
    #container .pro01 .pro01_img04 {
      width: 59.38%;
      position: absolute;
      top: 44%;
      left: 13%; }
    #container .pro01 .pro01_img05 {
      width: 43.75%;
      position: absolute;
      top: 47.5%;
      left: 13%; }
    #container .pro01 ul {
      position: absolute;
      top: 40.5%;
      left: 12%;
      width: 100%; }
      @media screen and (max-width: 430px) {
        #container .pro01 ul {
          top: 39.6%;
          left: 10%; } }
      #container .pro01 ul li {
        padding: 10px 15px 10px 25px;
        position: relative; }
        #container .pro01 ul li:before {
          content: "";
          background: #000;
          width: 0%;
          height: 100%;
          position: absolute;
          z-index: 0;
          left: 10px;
          top: 0;
          z-index: 0;
          transition: 0.5s; }
        #container .pro01 ul li img {
          position: relative;
          z-index: 1; }
      #container .pro01 ul li.l-img_01 {
        width: 68.75%;
        margin-bottom: 1%; }
      #container .pro01 ul li.l-img_02 {
        width: 59.38%;
        margin-bottom: 1%; }
      #container .pro01 ul li.l-img_03 {
        width: 43.75%; }
  #container .evidence01 {
    position: relative; }
    #container .evidence01 .evidence01_img08 {
      width: 54.48%;
      position: absolute;
      top: 8%;
      left: 0%; }
    #container .evidence01 .evidence01_img07 {
      width: 35.62%;
      position: absolute;
      top: 15%;
      left: 23.5%; }
    #container .evidence01 .evidence01_img02 {
      width: 26.77%;
      position: absolute;
      top: 14%;
      right: 10%; }
    #container .evidence01 .evidence01_img03 {
      width: 28.43%;
      position: absolute;
      top: 32%;
      left: 10%; }
    #container .evidence01 .evidence01_img04 {
      width: 20.93%;
      position: absolute;
      top: 51%;
      left: 5%; }
    #container .evidence01 .evidence01_img05 {
      width: 29.89%;
      position: absolute;
      top: 44%;
      right: 5%; }
    #container .evidence01 .evidence01_img06 {
      width: 20.93%;
      position: absolute;
      top: 60%;
      right: 5%; }
  #container #slide-box {
    position: relative;
    background: url("../img/slide_bg.jpg") center center no-repeat;
    background-size: cover; }
    #container #slide-box p {
      position: absolute;
      left: 0;
      right: 0;
      top: -9%;
      width: 70%;
      margin: auto;
      z-index: 2; }
    #container #slide-box .swiper {
      width: 75%;
      margin: 0 auto;
      padding: 130px 0 100px; }
      @media screen and (max-width: 430px) {
        #container #slide-box .swiper {
          padding: 50px 0; } }
      #container #slide-box .swiper .swiper-slide img {
        border-radius: 20px; }
    #container #slide-box .swiper-button-prev::after {
      background-image: url("../img/slide_arrow.png");
      width: 100%;
      height: 50px;
      background-size: cover; }
      @media screen and (max-width: 430px) {
        #container #slide-box .swiper-button-prev::after {
          height: 25px; } }
    #container #slide-box .swiper-button-next::after {
      background-image: url("../img/slide_arrow.png");
      width: 100%;
      height: 50px;
      background-size: cover;
      transform: scale(-1, 1); }
      @media screen and (max-width: 430px) {
        #container #slide-box .swiper-button-next::after {
          height: 25px; } }
    #container #slide-box .swiper-button-next, #container #slide-box .swiper-rtl .swiper-button-prev {
      right: 4%;
      width: 50px; }
      @media screen and (max-width: 430px) {
        #container #slide-box .swiper-button-next, #container #slide-box .swiper-rtl .swiper-button-prev {
          width: 25px;
          right: 2%; } }
    #container #slide-box .swiper-button-prev, #container #slide-box .swiper-rtl .swiper-button-next {
      left: 4%;
      width: 50px; }
      @media screen and (max-width: 430px) {
        #container #slide-box .swiper-button-prev, #container #slide-box .swiper-rtl .swiper-button-next {
          width: 25px;
          left: 2%; } }
  #container .ofa01 {
    line-height: 0;
    position: relative;
    z-index: 1; }
    #container .ofa01 .ofa_img03 {
      width: 6.5%;
      position: absolute;
      top: 10%;
      left: 61%; }
    #container .ofa01 .ofa_img04 {
      width: 6.5%;
      position: absolute;
      top: 10%;
      left: 51%; }
    #container .ofa01 .ofa_img05 {
      width: 6.5%;
      position: absolute;
      top: 10%;
      left: 41%; }
    #container .ofa01 .ofa_img06 {
      width: 6.5%;
      position: absolute;
      top: 10%;
      left: 31%; }
    #container .ofa01 video {
      width: 100%;
      object-fit: cover;
      object-position: center bottom;
      height: 1250px; }
      @media screen and (max-width: 430px) {
        #container .ofa01 video {
          height: 500px; } }
      @media screen and (min-width: 429px) and (max-width: 961px) {
        #container .ofa01 video {
          height: 1000px; } }
  #container .ofa02 {
    background: url("../img/ofa_bg.jpg") center top repeat;
    position: relative;
    z-index: 1;
    background-attachment: fixed; }
    @media screen and (max-width: 430px) {
      #container .ofa02 {
        background-attachment: inherit; } }
    #container .ofa02 .ofa_img01 {
      width: 22.5%;
      position: absolute;
      top: 22.5%;
      right: 8.5%; }
    #container .ofa02 .ofa_btn {
      width: 75%;
      position: absolute;
      margin: auto;
      bottom: 13%;
      left: 0%;
      right: 0%; }
  #container .voice01 {
    position: relative; }
    #container .voice01 .voice_img14 {
      width: 8.9%;
      position: absolute;
      right: 9.5%;
      top: 34%; }
    #container .voice01 .voice_img15 {
      width: 8.9%;
      position: absolute;
      right: 20%;
      top: 34%; }
    #container .voice01 .voice_img16 {
      width: 8.9%;
      position: absolute;
      left: 20%;
      top: 34%; }
    #container .voice01 .voice_img17 {
      width: 8.9%;
      position: absolute;
      left: 10%;
      top: 34%; }
    #container .voice01 .voice_img13 {
      width: 34%;
      position: absolute;
      right: 0%;
      bottom: 9%; }
  #container .voice02 {
    position: relative; }
    #container .voice02 .voice_img02 {
      position: relative; }
      #container .voice02 .voice_img02 .voice_img06 {
        width: 98%;
        position: absolute;
        margin: auto;
        top: 34.1%;
        left: 0;
        right: 0; }
      #container .voice02 .voice_img02 .voice_img11 {
        width: 75%;
        position: absolute;
        bottom: -1.5%;
        right: 0%; }
    #container .voice02 .voice_img03 {
      position: relative; }
      #container .voice02 .voice_img03 .voice_img07 {
        width: 98%;
        position: absolute;
        margin: auto;
        top: 41.5%;
        left: 0;
        right: 0; }
    #container .voice02 .voice_img04 {
      position: relative; }
      #container .voice02 .voice_img04 .voice_img08 {
        width: 98%;
        position: absolute;
        margin: auto;
        top: 39.2%;
        left: 0;
        right: 0; }
      #container .voice02 .voice_img04 .voice_img12 {
        width: 81%;
        position: absolute;
        bottom: -1.5%;
        left: 6%; }
    #container .voice02 .voice_img05 {
      position: relative; }
      #container .voice02 .voice_img05 .voice_img09 {
        width: 98%;
        position: absolute;
        margin: auto;
        top: 40%;
        left: 0;
        right: 0; }
    #container .voice02 .voice_img10 {
      width: 61%;
      position: absolute;
      right: 5%;
      bottom: 1%; }
  #container .our_thoughts {
    position: relative;
    height: 1000px; }
    #container .our_thoughts .inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0); }
    #container .our_thoughts .bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: url("../img/our_thoughts_img02.jpg") center top no-repeat;
      background-size: cover;
      z-index: -1; }
  #container .our_thoughts2 {
    position: sticky;
    top: 0; }
    @media screen and (max-width: 430px) {
      #container .our_thoughts2 {
        position: fixed;
        z-index: -999;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); } }
    @media screen and (max-width: 430px) {
      #container .our_thoughts2 img {
        width: auto;
        height: 100vh; } }
  #container .our_thoughts3 {
    position: relative; }
    #container .our_thoughts3 p {
      width: 90%;
      margin: 0 auto;
      padding-bottom: 50px; }
      @media screen and (max-width: 430px) {
        #container .our_thoughts3 p {
          padding: 300px 0 50px; } }
  #container #beekeeping_section_01 {
    overflow: hidden;
    background: #fff; }
    #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 {
      position: relative; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 p {
        width: 65%;
        position: absolute;
        top: 9%;
        left: 8%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul {
        position: absolute;
        top: 44.5%;
        left: 12%;
        width: 100%; }
        @media screen and (max-width: 430px) {
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul {
            top: 42.8%;
            left: 10%; } }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li {
          padding: 10px 15px 10px 25px;
          position: relative; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li:before {
            content: "";
            background: #000;
            width: 0%;
            height: 100%;
            position: absolute;
            z-index: 0;
            left: 10px;
            top: 0;
            z-index: 0;
            transition: 0.5s; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li img {
            position: relative;
            z-index: 1; }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li.l-img_01 {
          width: 40.55%;
          margin-bottom: 1%; }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li.l-img_02 {
          width: 56.44%;
          margin-bottom: 1%; }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box01 ul li.l-img_03 {
          width: 42.86%; }
    #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 {
      position: relative; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_01 {
        position: absolute;
        top: -4%;
        right: 3%;
        width: 21%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_02 {
        position: absolute;
        top: 8%;
        right: 1%;
        left: 0;
        margin: auto;
        width: 69%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_03 {
        position: absolute;
        left: 8%;
        top: 17%;
        width: 26%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_04 {
        position: absolute;
        left: 3%;
        top: 33%;
        width: 26%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_05 {
        position: absolute;
        left: 41%;
        top: 47%;
        width: 26%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_06 {
        position: absolute;
        right: 12%;
        top: 35%;
        width: 26%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_07 {
        position: absolute;
        right: 5%;
        top: 58%;
        width: 26%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box02 .p_img_08 {
        position: absolute;
        right: 2%;
        top: 22%;
        width: 26%; }
    #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 {
      position: relative; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_01 {
        position: absolute;
        left: 0;
        right: 0;
        top: -3%;
        width: 92%;
        margin: auto; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_02 {
        position: absolute;
        left: 0;
        right: 0;
        width: 30.5%;
        margin: auto; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        right: 0;
        top: 43.5%;
        width: 66%;
        margin: auto; }
        @media screen and (max-width: 430px) {
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 {
            top: 44%; } }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 li {
          width: 31.25%;
          margin-bottom: 20px;
          margin-right: 3.125%;
          opacity: 0.7; }
          @media screen and (max-width: 430px) {
            #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 li {
              margin-bottom: 10px; } }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 li:last-child {
            margin-right: 0; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_03 li:nth-child(3) {
            margin-right: 0; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 {
        position: absolute;
        top: 61%;
        left: 0;
        width: 100%; }
        @media screen and (max-width: 430px) {
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 {
            top: 60%; } }
        #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li {
          padding: 10px 15px;
          margin: 0 auto 20px;
          position: relative; }
          @media screen and (max-width: 430px) {
            #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li {
              margin: 0 auto 10px; } }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li img {
            position: relative;
            z-index: 1; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li:before {
            content: "";
            background: #000;
            width: 0%;
            height: 100%;
            position: absolute;
            z-index: 0;
            left: 0px;
            top: 0;
            z-index: 0;
            transition: 0.5s; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li:first-child {
            width: 49%; }
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_04 li:last-child {
            width: 33%; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_05 {
        width: 32%;
        padding: 0;
        margin: 0 auto; }
      #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_06 {
        width: 78%;
        margin: 60px auto 80px; }
        @media screen and (max-width: 430px) {
          #container #beekeeping_section_01 .beekeeping_section_01_inner_01 .beekeeping_box03 .p_img_06 {
            margin: 20px auto 30px; } }
  #container #point .point_inner_01 .point_box01 {
    position: relative; }
    #container #point .point_inner_01 .point_box01 ul {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      position: absolute;
      right: 5%;
      top: 0;
      width: 100%;
      flex-direction: row-reverse; }
      #container #point .point_inner_01 .point_box01 ul li {
        width: 7.5%;
        padding: 1.5%;
        margin-left: 1%;
        position: relative; }
        #container #point .point_inner_01 .point_box01 ul li img {
          z-index: 1;
          position: relative; }
        #container #point .point_inner_01 .point_box01 ul li:before {
          content: "";
          background: #000;
          width: 100%;
          height: 0%;
          position: absolute;
          z-index: 0;
          left: 0px;
          top: 0;
          z-index: 0;
          transition: 1s; }
  #container #point .point_inner_01 .point_box02 {
    position: relative; }
    #container #point .point_inner_01 .point_box02 .p_img_01 {
      width: 67%;
      top: 13.5%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
    #container #point .point_inner_01 .point_box02 .p_img_02 {
      width: 75%;
      top: 24%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
    #container #point .point_inner_01 .point_box02 .p_img_03 {
      width: 74.8%;
      top: 51%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
  #container #point .point_inner_01 .point_box03 {
    position: relative; }
    #container #point .point_inner_01 .point_box03 .text-box {
      border: 2px solid #000;
      background: #fff;
      width: 0%;
      height: 6%;
      position: absolute;
      top: 74%;
      left: 0;
      right: 0;
      margin: auto;
      transition: 0.5s; }
      #container #point .point_inner_01 .point_box03 .text-box p {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 4%; }
  #container #point .point_inner_01 .point_box04 {
    position: relative; }
    #container #point .point_inner_01 .point_box04 .p_img_01 {
      width: 67%;
      top: 70%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
    #container #point .point_inner_01 .point_box04 .p_img_02 {
      width: 75%;
      top: 55%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
  #container #point .point_inner_01 .point_box05 {
    position: relative; }
    #container #point .point_inner_01 .point_box05 .p_img_01 {
      position: absolute;
      width: 32%;
      top: 31%;
      left: 0;
      right: 0;
      margin: auto; }
    #container #point .point_inner_01 .point_box05 .p_img_02 {
      position: absolute;
      width: 77%;
      top: 69%;
      left: 0;
      right: 0;
      margin: auto; }
  #container #point .point_inner_01 .point_box07 {
    position: relative; }
    #container #point .point_inner_01 .point_box07 p {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 32%; }
  #container #point .point_inner_01 .point_box08 {
    position: relative; }
    #container #point .point_inner_01 .point_box08 .p_img_01 {
      position: absolute;
      width: 65%;
      top: 59.5%;
      left: 0;
      right: 0;
      margin: auto; }
    #container #point .point_inner_01 .point_box08 .p_img_02 {
      position: absolute;
      width: 77%;
      top: 71%;
      left: 0;
      right: 0;
      margin: auto; }
  #container #recipe .recipe_inner_01 .recipe_box01 {
    position: relative; }
    #container #recipe .recipe_inner_01 .recipe_box01 .p_img_01 {
      width: 67%;
      top: 1.5%;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute; }
    #container #recipe .recipe_inner_01 .recipe_box01 .p_img_02 {
      bottom: 11%;
      left: 0;
      right: 0;
      margin: auto;
      width: 13%;
      position: absolute;
      mix-blend-mode: multiply; }
    #container #recipe .recipe_inner_01 .recipe_box01 .p_img_03 {
      bottom: 5%;
      left: 0;
      right: 0;
      margin: auto;
      width: 83%;
      position: absolute; }
  #container #recipe .recipe_inner_01 .recipe_box02 {
    position: relative; }
    #container #recipe .recipe_inner_01 .recipe_box02 p {
      width: 65%;
      position: absolute;
      top: 5%;
      left: 0;
      right: 0;
      margin: auto; }
  #container #recipe .recipe_inner_01 .recipe_box03 {
    position: relative; }
    #container #recipe .recipe_inner_01 .recipe_box03 p {
      width: 65%;
      position: absolute;
      top: 5%;
      left: 0;
      right: 0;
      margin: auto; }
  #container #recipe .recipe_inner_01 .recipe_box04 {
    position: relative; }
    #container #recipe .recipe_inner_01 .recipe_box04 p {
      width: 65%;
      position: absolute;
      top: 5%;
      left: 0;
      right: 0;
      margin: auto; }
  #container .faq {
    padding: 0 0 50px;
    background: url("../img/faq_bg.jpg") center top repeat;
    background-color: #fff;
    position: relative;
    z-index: 1;
    /*.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}*/ }
    #container .faq .faq_img01 {
      margin: 0 auto 60px; }
      @media screen and (max-width: 430px) {
        #container .faq .faq_img01 {
          margin: 0 auto 40px; } }
    #container .faq .cp_qa {
      overflow-x: hidden;
      margin: 0 auto; }
    #container .faq .cp_qa .cp_actab {
      padding: 30px 0;
      border: 2px solid #b99208;
      border-radius: 10px;
      background: #fff;
      width: 80%;
      margin: 0 auto 40px; }
      @media screen and (max-width: 430px) {
        #container .faq .cp_qa .cp_actab {
          padding: 20px 0;
          margin: 0 auto 20px; } }
    #container .faq .cp_qa label {
      position: relative;
      display: block;
      width: 100%;
      margin: 0;
      padding: 10px 10px 10px 100px;
      cursor: pointer;
      color: #b99208;
      font-weight: 600;
      font-size: 2.0rem;
      z-index: 10; }
      @media screen and (max-width: 430px) {
        #container .faq .cp_qa label {
          padding: 10px 45px 10px 45px;
          font-size: 1.5rem; } }
      #container .faq .cp_qa label::before {
        position: absolute;
        left: 8%;
        content: "Q"; }
        @media screen and (max-width: 430px) {
          #container .faq .cp_qa label::before {
            left: 8%; } }
        @media screen and (min-width: 429px) and (max-width: 961px) {
          #container .faq .cp_qa label::before {
            left: 10%; } }
    #container .faq .cp_qa .cp_actab-content {
      border-top: 2px solid #b99208;
      position: relative;
      overflow: hidden;
      height: 0;
      margin: 0 50px;
      padding: 0 14px;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease;
      opacity: 0;
      font-weight: 500;
      font-size: 2.0rem;
      line-height: 1.7em; }
      @media screen and (max-width: 430px) {
        #container .faq .cp_qa .cp_actab-content {
          margin: 0 25px;
          font-size: 1.5rem; } }
    #container .faq .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
      height: auto;
      padding: 30px 14px 14px;
      opacity: 1;
      margin-top: 20px; }
      @media screen and (max-width: 430px) {
        #container .faq .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
          margin-top: 10px;
          padding: 16px 10px 14px; } }
    #container .faq .cp_qa .cp_plus {
      font-size: 3.8rem;
      position: absolute;
      z-index: 5;
      color: #b99208;
      right: 18%;
      margin: -3px 0 0;
      -webkit-transition: 0.2s ease;
      transition: 0.2s ease; }
      @media screen and (max-width: 430px) {
        #container .faq .cp_qa .cp_plus {
          right: 18%;
          font-size: 2.5rem;
          margin: 0 0 0; } }
      @media screen and (min-width: 429px) and (max-width: 961px) {
        #container .faq .cp_qa .cp_plus {
          right: 17%; } }
    #container .faq .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #container .faq .cp_qa .cp_actab input[type=checkbox] {
      display: none; }
  #container .attention {
    position: relative;
    z-index: 1; }

/*▼以下、動き*/
/*下からふわっと*/
.img_fadeUp {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s, transform .8s; }

.img_fadeUp.is-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .5s; }

/*タイミング*/
.img_fadeUp.is-inview.anidelay01 {
  transition-delay: .6s; }

.img_fadeUp.is-inview.anidelay02 {
  transition-delay: .7s; }

.img_fadeUp.is-inview.anidelay03 {
  transition-delay: .8s; }

.img_fadeUp.is-inview.anidelay04 {
  transition-delay: .9s; }

.is-inview.anidelay05:before {
  transition-delay: 0.5s !important; }

.is-inview.anidelay06:before {
  transition-delay: 1s !important; }

.is-inview.anidelay07:before {
  transition-delay: 1.5s !important; }

.is-inview.anidelay08 {
  transition-delay: 0.5s !important; }

.is-inview.anidelay09 {
  transition-delay: 1s !important; }

.is-inview.anidelay10 {
  transition-delay: 1.5s !important; }

.is-inview.anidelay11 {
  transition-delay: 2s !important; }

.is-inview.anidelay12 {
  transition-delay: 2.5s !important; }

.is-inview.anidelay13 {
  transition-delay: 3s !important; }

.img_fadeUp.is-inview.anidelay14 {
  transition-delay: .3s; }

.img_fadeUp.is-inview.anidelay15 {
  transition-delay: .4s; }

.img_fadeUp.is-inview.anidelay15 {
  transition-delay: .5s; }

.img_fadeUp.is-inview.anidelay17 {
  transition-delay: .6s; }

/*左から黒背景*/
.img_bg-left.is-inview:before {
  width: 100% !important; }

/*上から黒背景*/
.img_bg_top.is-inview:before {
  height: 100% !important; }

/*真ん中から開く*/
.img_bg_open.is-inview {
  width: 68% !important; }

/*大きくなったり小さくなったり*/
.img_big_small {
  animation: bigsmall 1s infinite alternate ease-in-out; }

@keyframes bigsmall {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
/*上から落ちてくる*/
.img_doltusunn {
  transition: 1s;
  top: 0%;
  opacity: 0; }

.img_doltusunn.is-inview {
  transition-delay: .5s;
  top: 23%;
  opacity: 1; }
  @media screen and (max-width: 430px) {
    .img_doltusunn.is-inview {
      top: 23.5%; } }

/*上から落ちてくる2*/
.img_bg_suton {
  transition: transform 0.5s ease-in-out;
  transform: translateY(-100px);
  opacity: 0; }

.img_bg_suton.is-inview {
  transform: translateY(0px);
  opacity: 1; }

/*fv*/
.top-on {
  transition: opacity 1s, transform 1.5s ease-in-out;
  transform: translateY(-200px);
  opacity: 0; }
  @media screen and (max-width: 430px) {
    .top-on {
      transition: transform 1s ease-in-out;
      transform: translateY(-50px); } }

.top-on.on {
  opacity: 1;
  transition: opacity 1s, transform 1.5s ease-in-out;
  transform: translateY(0px); }

.top-fuwa {
  opacity: 0;
  transition: opacity 3s ease-in-out;
  mix-blend-mode: overlay; }

.top-fuwa.on {
  opacity: 1;
  mix-blend-mode: normal; }

/*画像上下移動*/
.img_fuwa {
  animation: 3s imgfuwa infinite; }

@keyframes imgfuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); } }