/* CSS Document */
/*アニメーション*/
@keyframes kumo {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-20px);
  }
}
@keyframes kumo02 {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
}
span.kumo01.wcvisible,
span.kumo03.wcvisible{
  animation: 3s kumo infinite;
}
span.kumo02.wcvisible{
  animation: 3s kumo02 infinite;
}
/*動作確認*/
div#wcDebug{
  display: none;
}
/*共通*/
.wccolumnwrap .wcmaincolumn > *{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*ボタン*/
div.btn{
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background-color: #00aa6e;
  border-radius: 2rem;
}
div.btn a{
  display: table;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
div.btn span{
  display: table;
  margin: auto;
  background-color: var(--wcLogoSvg);
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  z-index: 1;
}
/*slider*/
section.top_slider{
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: calc(var(--headerHeight) * -1);
}
div.slider_box {
  height: calc(80vh + var(--headerHeight)) !important;
}
body[wc-view-type="sp"] div.slider_box{
  height: calc(75vh + var(--headerHeight)) !important;
}
body[wc-view-type="pc"] div.slider_box {
  height: calc(85vh + var(--headerHeight)) !important;
}
section.top_slider > h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  font-size: 2.5rem;
  text-shadow: -2px -2px 10px #000;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
body[wc-view-type="sp"] section.top_slider > h2{
  font-size: 1.5rem;
  white-space: nowrap;
}
body[wc-view-type="pc"] section.top_slider > h2 br.none{
  display: none;
}
section.top_slider{
  width: 100vw;
}
section.top_slider > div{
  height: calc(80vh + var(--headerHeight));
  width: 100vw;
}
body[wc-view-type="sp"] section.top_slider > div{
   height: calc(75vh + var(--headerHeight)) !important;
}
body[wc-view-type="pc"] section.top_slider > div{
  width: 100vw;
  height: calc(85vh + var(--headerHeight));
}
section.top_slider > div img{
  width: 100vw;
  object-fit: cover;
  height: calc(var(--headerHeight) + 80vh) !important;
}
body[wc-view-type="sp"] section.top_slider > div img{
  height: calc(var(--headerHeight) + 75vh) !important;
}
body[wc-view-type="pc"] section.top_slider > div img{
}
div.cscontrol{
  width: 0;
  height: 0;
  opacity: 0;
}
div.csarrow{
  mix-blend-mode: color !important;
}
/*main*/
main{
  background-image:url("../img/pattern_tuti02.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 180px 180px;
}
body.safari main{
 background-image: url("../img/pattern_tuti02.webp");
}
/*リッチマウンテンの思い*/
section.top_heart{
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: var(--headerHeight) 0;
  background: rgb(97,175,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(97,175,255,1) 0%, rgba(116,207,255,1) 15%, rgba(255,255,255,1) 66%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(97,175,255,1) 0%,rgba(116,207,255,1) 15%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */ 
  background: linear-gradient(to bottom, rgba(97,175,255,1) 0%,rgba(116,207,255,1) 15%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body[wc-view-type="sp"] section.top_heart{
  width: 100vw;
  box-sizing: border-box;
}
body[view-type="sp small"] section.top_heart{
  padding-top: calc(var(--headerHeight) * 1.2);
}
body[view-type="sp"] section.top_heart{
  padding-top: calc(var(--headerHeight) * 1.5);
}
body[wc-view-type="tb-l"] section.top_heart,
body[wc-view-type="tb"] section.top_heart{
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
}
section.top_heart::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
body[wc-view-type="sp"] section.top_heart::before{
  top: -40px;
  background-image:url("../img/sp_tpp_heart_deco.svg");
  width: 100vw;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body[wc-view-type="tb"] section.top_heart::before{
  top: -75px;
  background-image:url("../img/tb_top_heart_deco.svg");
  width: 100vw;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body[wc-view-type="tb-l"] section.top_heart::before{
  top: -98px;
  background-image:url("../img/tb_top_heart_deco.svg");
  width: 100vw;
  height: 98px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body[wc-view-type="pc"] section.top_heart::before{
  top: -115px;
  background-image:url("../img/pc_top_heart_deco02.svg");
  width: 100vw;
  height: 115px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: -4px;
}
section.top_heart div.heart_text{
  margin: 0 auto;
  background-color: #fff;
  border-radius: 2rem 2rem 0 0;
  padding: 2rem 1rem 0rem 1rem;
  box-sizing: border-box;
  padding-bottom: 3.5rem;
}
body[wc-view-type="sp"] section.top_heart div.heart_text{
  width: calc(100vw - 2rem);
}
body[wc-view-type="tb"] section.top_heart div.heart_text{
  width: calc(100vw - 8rem);
  padding-bottom: 4.5rem;
  padding-top: 3rem;
}
body[wc-view-type="tb-l"] section.top_heart div.heart_text{
  width: calc(100vw - 16rem);
}
body[wc-view-type="pc"] section.top_heart div.heart_text{
  width: 800px;
}
section.top_heart span.kumo01,
section.top_heart span.kumo02,
section.top_heart span.kumo03{
  position: absolute;
  z-index: 4;
}
body[wc-view-type="sp"] section.top_heart span.kumo01,
body[wc-view-type="sp"] section.top_heart span.kumo02,
body[wc-view-type="sp"] section.top_heart span.kumo03{
  width: 25vw;
  height: 12.5vw;
}
body[wc-view-type="sp"] section.top_heart span.kumo01{
  top: 0;
  left: 2rem;
}
body[wc-view-type="sp"] section.top_heart span.kumo02{
  right: 2rem;
}
body[view-type="sp small"] section.top_heart span.kumo02{
  top: 25px;
}
body[view-type="sp"] section.top_heart span.kumo02{
  top: 20px;
}
body[wc-view-type="sp"] section.top_heart span.kumo03{
  display: none;
}
body[wc-view-type="tb"] section.top_heart span.kumo01,
body[wc-view-type="tb"] section.top_heart span.kumo02,
body[wc-view-type="tb"] section.top_heart span.kumo03{
  width: 120px;
  height: 60px;
}
body[wc-view-type="tb-l"] section.top_heart span.kumo01,
body[wc-view-type="tb"] section.top_heart span.kumo01{
  top: 5px;
  left: 2rem;
}
body[wc-view-type="tb-l"] section.top_heart span.kumo02,
body[wc-view-type="tb"] section.top_heart span.kumo02{
  top: 5px;
  right: 2rem;
}
body[wc-view-type="tb-l"] section.top_heart span.kumo03,
body[wc-view-type="tb"] section.top_heart span.kumo03{
  top: -10px;
  left: 45%;
  transform: translateX(-50%);
}
body[wc-view-type="pc"] section.top_heart span.kumo01,
body[wc-view-type="pc"] section.top_heart span.kumo02,
body[wc-view-type="pc"] section.top_heart span.kumo03{
  width: 150px;
  height: 75px;
  top: -20px;
}
body[wc-view-type="pc"] section.top_heart span.kumo01{
  left: calc((100vw - 1100px) / 2);
}
body[wc-view-type="pc"] section.top_heart span.kumo02{
  right: calc((100vw - 1100px) / 2);
}
body[wc-view-type="pc"] section.top_heart span.kumo03{
  left: 50%;
  transform: translateX(-50%);
}
section.top_heart span.kumo01 img,
section.top_heart span.kumo02 img,
section.top_heart span.kumo03 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.top_heart div.heart_text h2{
  margin: 0 auto;
  position: relative;
  z-index: 5;
  margin-bottom: 1rem;
}
body[wc-view-type="sp"] section.top_heart div.heart_text h2{
  width: 180px;
}
body[wc-view-type="tb"] section.top_heart div.heart_text h2{
  width: 280px;
  margin-bottom: 1.5rem;
}
body[wc-view-type="tb-l"] section.top_heart div.heart_text h2{
  width: 300px;
  margin-bottom: 1rem;
}
body[wc-view-type="pc"] section.top_heart div.heart_text h2{
  width: 300px;
}
section.top_heart div.heart_text h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.top_heart div.heart_text > p{
  line-height: 2rem;
  border-top: 3px dotted #00aa6e;
  padding-top: 1rem;
}
body[wc-view-type="sp"] section.top_heart div.heart_text > p{
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}
body[wc-view-type="tb-l"] section.top_heart div.heart_text > p,
body[wc-view-type="tb"] section.top_heart div.heart_text > p,
body[wc-view-type="pc"] section.top_heart div.heart_text > p{
  text-align: center;
}
body[wc-view-type="tb-l"] section.top_heart div.heart_text > p{
  padding-bottom: 1rem;
}
div.heart_slider{
  margin-top: -2rem;
}
div.heart_slider .cs_wrap .cscontrolwrap{
  opacity: 0;
}
div.heart_slider .cs_pagerwrap{
  opacity: 0;
}
body[wc-view-type="tb-l"] div.heart_slider,
body[wc-view-type="tb"] div.heart_slider,
body[wc-view-type="sp"] div.heart_slider{
  width: 100vw;
  overflow: hidden;
  margin-top: -3rem;
}
body[wc-view-type="pc"] div.heart_slider{
  width: 1100px;
  margin: -2rem auto 0 auto;
}
div.heart_slider div.sheart_slider_box{
  width: 100%;
}
body[wc-view-type="sp"] div.heart_slider div.sheart_slider_box > div{
  width: calc((100vw / 2) - 0.5rem) !important;
  margin: 0 0.25rem;
}
body[wc-view-type="tb"] div.heart_slider div.sheart_slider_box > div{
  width: calc((100vw / 2) - 1rem) !important;
  margin: 0 0.5rem;
}
body[wc-view-type="tb-l"] div.heart_slider div.sheart_slider_box > div{
  width: calc((100vw / 3) - 1rem) !important;
  margin: 0 0.5rem;
}
body[wc-view-type="pc"] div.heart_slider div.sheart_slider_box > div{
  width: calc((1100px / 3) - 1rem) !important;
  margin: 0 0.5rem;
}
div.heart_slider div.sheart_slider_box > div img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 2rem;
}
/*農園紹介*/
div.contents_wrap{
  background-color: #fff;
  padding: 0;
}
body[wc-view-type="sp"] div.contents_wrap{
  border-radius: 0 0 0 5rem;
}
body[wc-view-type="tb"] div.contents_wrap{
  border-radius: 0 0 0 10rem;
}
body[wc-view-type="pc"] div.contents_wrap{
  padding: 0 0 0 5rem;
}
section.top_about{
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: calc(var(--headerHeight) / 2) 0 calc(var(--headerHeight) * 4) 0;
  width: 100vw;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top_about{
  padding-bottom: 0 !important;
  overflow: hidden;
}
body[wc-view-type="tb"] section.top_about{
  padding: calc(var(--headerHeight) / 2) 0 calc(var(--headerHeight) * 1.5) 0;
  overflow: hidden;
}
body[wc-view-type="tb-l"] section.top_about{
  padding: calc(var(--headerHeight) / 2) 0 calc(var(--headerHeight) * 4.2) 0;
  overflow: hidden;
}
section.top_about > figure.top_decoration{
  position: absolute;
  left: 0;
  z-index: 2;
}
body[wc-view-type="sp"] section.top_about > figure.top_decoration{
  top: -30px;
}
body[wc-view-type="tb"] section.top_about > figure.top_decoration{
  top: -39px;
}
body[wc-view-type="pc"] section.top_about > figure.top_decoration{
  top: -77px;
}
section.top_about > figure.top_decoration img{
  width: 100%;
  object-fit: cover;
}
section.top_about > h2{
  margin: 0 auto 1rem auto;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.top_about > h2{
  width: 120px;
  margin-bottom: 1rem;
}
body[wc-view-type="tb-l"] section.top_about > h2,
body[wc-view-type="tb"] section.top_about > h2{
  width: 180px;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] section.top_about > h2{
  width: 180px;
}
section.top_about > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.top_about > h2::before,
section.top_about > h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.top_about > h2::before{
  background-image:url("../img/title_deco/title_green_left.svg");
}
body[wc-view-type="sp"] section.top_about > h2::before{
  left: -23px;
  top: 2px;
  width: 45px;
  height: 45px;
}
body[wc-view-type="tb-l"] section.top_about > h2::before,
body[wc-view-type="tb"] section.top_about > h2::before{
  left: -38px;
  top: 1px;
  width: 70px;
  height: 70px;
}
body[wc-view-type="pc"] section.top_about > h2::before{
  left: -30px;
  top: 2px;
  width: 70px;
  height: 70px;
}
section.top_about > h2::after{
  background-image:url("../img/title_deco/title_green_right.svg");
}
body[wc-view-type="sp"] section.top_about > h2::after{
  width: 63px;
  height: 37px;
  right: -25px;
  top: 6px;
}
body[wc-view-type="tb-l"] section.top_about > h2::after,
body[wc-view-type="tb"] section.top_about > h2::after{
  width: 126px;
  height: 71px;
  right: -40px;
  top: -3px;
}
body[wc-view-type="pc"] section.top_about > h2::after{
  width: 126px;
  height: 71px;
  right: -64px;
}
section.top_about > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.top_about div.about_box{
  width: 100%;
  margin-top: calc(var(--headerHeight) + 1rem);
}
body[wc-view-type="sp"] section.top_about div.about_box{
  margin-top: 0;
}
body[wc-view-type="tb"] section.top_about div.about_box{
  display: flex;
  padding-left: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="tb-l"] section.top_about div.about_box{
  width: calc(100vw - 2rem);
  display: flex;
  padding-left: 2rem;
}
body[wc-view-type="pc"] section.top_about div.about_box{
  display: flex;
  margin: calc(var(--headerHeight) + 1rem) auto;
  width: 1100px;
}
body[wc-view-type="sp"] section.top_about div.about_box div.left{
  width: 100vw;
  padding: 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top_about div.about_box div.right{
  width: 100%;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.left,
body[wc-view-type="tb-l"] section.top_about div.about_box div.right,
body[wc-view-type="tb"] section.top_about div.about_box div.left,
body[wc-view-type="tb"] section.top_about div.about_box div.right,
body[wc-view-type="pc"] section.top_about div.about_box div.left,
body[wc-view-type="pc"] section.top_about div.about_box div.right{
  width: 50%;
}
section.top_about div.about_box div.left{
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top_about div.about_box div.left{
}
body[wc-view-type="tb"] section.top_about div.about_box div.left{
  padding-bottom: 5.5rem;
  padding-right: 2rem;
}
body[wc-view-type="pc"] section.top_about div.about_box div.left{
  padding-right: 2rem;
}
section.top_about div.about_box div.left::before{
  content: "";
  background-image:url("../img/top_deco/green.svg");
  width: 363px;
  height: 351px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  position: absolute;
  left: -181px;
}
body[wc-view-type="sp"] section.top_about div.about_box div.left::before{
  width: 250px;
  height: 241px;
}
body[wc-view-type="sp"] section.top_about div.about_box div.left::before{
  content: "";
  left: -107px;
  top: 1rem;
}
section.top_about div.about_box div.left p{
  line-height: 2rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}
[wc-view-type="sp"] section.top_about div.about_box div.right{
  display: flex;
  height: calc(100vw / 2);
  position: relative;
  z-index: 5;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right,
body[wc-view-type="tb"] section.top_about div.about_box div.right,
body[wc-view-type="pc"] section.top_about div.about_box div.right{
  position: relative;
  z-index: 1;
  padding-left: 2rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top_about div.about_box div.right figure{
  width: calc(100% / 3);
  display: flex;
  padding-top: 1rem;
}
body[wc-view-type="sp"] section.top_about div.about_box div.right figure:nth-last-of-type(1),
body[wc-view-type="sp"] section.top_about div.about_box div.right figure:nth-last-of-type(3){
  align-items: flex-start;
}
body[wc-view-type="sp"] section.top_about div.about_box div.right figure:nth-of-type(2){
  align-items: flex-end;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure,
body[wc-view-type="tb"] section.top_about div.about_box div.right figure,
body[wc-view-type="pc"] section.top_about div.about_box div.right figure{
  position: absolute;
  z-index: 2;
}
body[wc-view-type="tb"] section.top_about div.about_box div.right figure:nth-of-type(1){
  width: 220px;
  top: -60px;
  left: 0;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(1),
body[wc-view-type="pc"] section.top_about div.about_box div.right figure:nth-of-type(1){
  top: -60px;
  left: 0;
  width: 283px;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(1){
  width: 260px;
}
body[wc-view-type="tb"] section.top_about div.about_box div.right figure:nth-of-type(2){
  left: 1rem;
  transform: translateX(-50%);
  bottom: -80px;
  width: 220px;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(2),
body[wc-view-type="pc"] section.top_about div.about_box div.right figure:nth-of-type(2){
  left: 3rem;
  transform: translateX(-50%);
  bottom: -300px;
  width: 260px;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(2){
  width: 245px;
}
body[wc-view-type="tb"] section.top_about div.about_box div.right figure:nth-of-type(3){
  width: 180px;
  right: -1rem;
  top: 2.7rem;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(3),
body[wc-view-type="pc"] section.top_about div.about_box div.right figure:nth-of-type(3){
  top: 2rem;
  right: 0;
  width: 250px;
}
body[wc-view-type="tb-l"] section.top_about div.about_box div.right figure:nth-of-type(3){
  width: 240px;
}
section.top_about div.about_box div.right figure img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
body[wc-view-type="sp"] section.top_about div.about_box div.right figure img{
  object-fit: contain;
}
/*会社概要*/
section.company{
  background-color: #fff;
  padding: calc(var(--headerHeight) + 1rem) 0 calc(var(--headerHeight) * 4) 0;
  width: 100vw;
  box-sizing: border-box;
  margin-top: -0.2rem;
}
body[wc-view-type="sp"] section.company{
  padding: calc(var(--headerHeight) + 1rem) 0 calc(var(--headerHeight) / 2) 0;
  border-radius: 0 0 0 5rem;
  margin-top: -1rem;
  overflow: hidden;
}
body[wc-view-type="tb-l"] section.company,
body[wc-view-type="tb"] section.company{
  padding: calc(var(--headerHeight) + 1rem) 0 calc(var(--headerHeight) * 2) 0;
  border-radius: 0 0 0 10rem;
  margin-top: -1rem;
  overflow: hidden;
}
body[wc-view-type="tb-l"] section.company{
  padding: calc(var(--headerHeight) + 1rem) 0 calc(var(--headerHeight) * 4) 0;
}
body[wc-view-type="pc"] section.company{
  padding-top: 0;
  border-radius: 0 0 0 10rem;
}
section.company > h2{
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.company > h2{
  width: 120px;
}
body[wc-view-type="tb-l"] section.company > h2,
body[wc-view-type="tb"] section.company > h2{
  width: 180px;
}
body[wc-view-type="pc"] section.company > h2{
  width: 180px;
}
section.company > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.company > h2::before,
section.company > h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.company > h2::before{
  background-image:url("../img/about_business/title/title_orange_left.svg")
}
body[wc-view-type="sp"] section.company > h2::before{
  width: 63px;
  height: 37px;
  left: -35px;
  top: 6px;
}
body[wc-view-type="tb-l"] section.company > h2::before,
body[wc-view-type="tb"] section.company > h2::before{
  width: 126px;
  height: 71px;
  left: -73px;
  top: 3px;
}
body[wc-view-type="pc"] section.company > h2::before{
  width: 126px;
  height: 71px;
  left: -80px;
}
section.company > h2::after{
  background-image:url("../img/about_business/title/title_orabge_right.svg")
}
body[wc-view-type="sp"] section.company > h2::after{
  right: -23px;
  top: 2px;
  width: 45px;
  height: 45px;
}
body[wc-view-type="tb-l"] section.company > h2::after,
body[wc-view-type="tb"] section.company > h2::after{
  right: -38px;
  top: 1px;
  width: 70px;
  height: 70px;
}
body[wc-view-type="pc"] section.company > h2::after{
  right: -25px;
  top: 7px;
  width: 70px;
  height: 70px;
}
section.company div.company_box{
  margin-top: var(--headerHeight);
}
body[wc-view-type="sp"] section.company div.company_box{
  margin-top: 0;
}
body[wc-view-type="tb"] section.company div.company_box{
  display: flex;
  flex-direction: row-reverse;
  padding-right: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="tb-l"] section.company div.company_box{
  display: flex;
  flex-direction: row-reverse;
  width: calc(100vw - 2rem);
}
body[wc-view-type="pc"] section.company div.company_box{
  display: flex;
  flex-direction: row-reverse;
  width: 1100px;
  margin: var(--headerHeight) auto 0 auto;
}
body[wc-view-type="sp"] section.company div.company_box div.first_box{
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb-l"] section.company div.company_box div.first_box,
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box,
body[wc-view-type="tb"] section.company div.company_box div.first_box,
body[wc-view-type="tb"] section.company div.company_box div.secound_box,
body[wc-view-type="pc"] section.company div.company_box div.first_box,
body[wc-view-type="pc"] section.company div.company_box div.secound_box{
  position: relative;
  z-index: 2;
}
body[wc-view-type="sp"] section.company div.company_box div.first_box,
body[wc-view-type="sp"] section.company div.company_box div.secound_box{
  width: 100vw;
}
body[wc-view-type="tb-l"] section.company div.company_box div.first_box,
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box,
body[wc-view-type="tb"] section.company div.company_box div.first_box,
body[wc-view-type="tb"] section.company div.company_box div.secound_box,
body[wc-view-type="pc"] section.company div.company_box div.first_box,
body[wc-view-type="pc"] section.company div.company_box div.secound_box{
  width: 50%;
}
body[wc-view-type="tb"] section.company div.company_box div.first_box{
  padding-bottom: 5.5rem;
}
section.company div.company_box div.first_box::after{
  content: "";
  background-image:url("../img/top_deco/orange.svg");
  width: 210px;
  height: 210px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -1;
}
body[wc-view-type="sp"] section.company div.company_box div.first_box::after{
  bottom: 3rem;
  right: -55px;
  width: 160px;
  height: 160px;
}
body[wc-view-type="tb-l"] section.company div.company_box div.first_box::after,
body[wc-view-type="tb"] section.company div.company_box div.first_box::after{
  right: -78px;
}
body[wc-view-type="pc"] section.company div.company_box div.first_box::after{
  bottom: -7rem;
  right: -86px;
}
section.company div.company_box div.first_box{
  padding-left:2rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.company div.company_box div.first_box{
  width: 100vw;
  padding: 0 1rem;
  box-sizing: border-box;
}
section.company div.company_box div.first_box > p{
  line-height: 2rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}
section.company div.company_box div.secound_box{
  padding-right: 2rem;
  box-sizing: border-box
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box{
  padding-right: 0;
}
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box figure,
body[wc-view-type="tb"] section.company div.company_box div.secound_box figure,
body[wc-view-type="pc"] section.company div.company_box div.secound_box figure{
  position: absolute;
  z-index: 3;
}
section.company div.company_box div.secound_box figure:nth-of-type(1){
  top: -60px;
  right: 2rem;
  width: 283px;
}
body[wc-view-type="tb"] section.company div.company_box div.secound_box figure:nth-of-type(1){
  top: -45px;
  right: 1rem;
  width: 215px;
}
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box figure:nth-of-type(1){
  top: -30px;
  right: 2rem;
  width: 215px;
}
section.company div.company_box div.secound_box figure:nth-of-type(2){
  width: 260px;
  left: -2rem;
  top: 130px;
}
body[wc-view-type="tb"] section.company div.company_box div.secound_box figure:nth-of-type(2){
  width: 186px;
  left: -1rem;
  top: 113px;
}
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box figure:nth-of-type(2){
  width: 233px;
  left: 3rem;
  top: 113px;
}
section.company div.company_box div.secound_box figure:nth-of-type(3){
  width: 250px;
  right: 4.5rem;
  bottom: -280px;
}
body[wc-view-type="tb"] section.company div.company_box div.secound_box figure:nth-of-type(3){
  width: 197px;
  right: -0rem;
  bottom: -2rem;
}
body[wc-view-type="tb-l"] section.company div.company_box div.secound_box figure:nth-of-type(3){
  width: 245px;
  right: -2rem;
  bottom: -14rem;
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box{
  display: flex;
  height: calc(100vw / 2);
  padding-top: 1rem;
  position: relative;
  z-index: 5;
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box figure{
  width: calc(100% / 3);
  display: flex;
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box figure:nth-last-of-type(1),
body[wc-view-type="sp"] section.company div.company_box div.secound_box figure:nth-last-of-type(3){
  align-items: flex-start;
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box figure:nth-last-of-type(2){
  align-items: flex-end;
}
section.company div.company_box div.secound_box figure img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
body[wc-view-type="sp"] section.company div.company_box div.secound_box figure img{
  object-fit: contain;
}
/*お知らせエリア*/
div.news_area{
  padding: var(--headerHeight) 0;
}
body[wc-view-type="sp"] div.news_area{
  overflow: hidden;
  width: 100vw;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.news_area{
   width: 100vw;
  box-sizing: border-box;
  overflow: hidden;
}
body[wc-view-type="tb-l"] div.news_area div.news_block{
  width: calc(100vw - 5rem);
  margin: 0 auto;
}
body[wc-view-type="tb-l"] div.news_area div.news_block,
body[wc-view-type="tb"] div.news_area div.news_block,
body[wc-view-type="pc"] div.news_area div.news_block{
  display: flex;
  padding: 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.news_area div.news_block{
  width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="pc"] div.news_area div.news_block{
  width: 1100px;
  margin: 0 auto;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section,
body[wc-view-type="tb"] div.news_area div.news_block > section,
body[wc-view-type="pc"] div.news_area div.news_block > section{
  width: 50%;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first {
  padding-bottom: var(--headerHeight);
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_first,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_first{
  padding-right: 1rem;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_first{
  padding-right: 2rem;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_secound,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_secound{
  padding-left: 1rem;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_secound{
  padding-left: 2rem;
}
div.news_area div.news_block > section.news_first{
}
div.news_area div.news_block > section.news_first > h2{
  margin: 0 auto 1rem auto;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first > h2{
  width: 120px;
  margin-bottom: 1rem;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_first > h2,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_first > h2{
  width: 180px;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_first > h2{
  width: 180px;
}
div.news_area div.news_block > section.news_first > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
div.news_area div.news_block > section.news_first > h2::before,
div.news_area div.news_block > section.news_first > h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
div.news_area div.news_block > section.news_first > h2::before{
  background-image:url("../img/title_deco/title_green_left.svg");
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first > h2::before{
  left: -23px;
  top: 2px;
  width: 45px;
  height: 45px;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_first > h2::before,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_first > h2::before{
  left: -38px;
  top: 1px;
  width: 70px;
  height: 70px;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_first > h2::before{
  left: -30px;
  top: 2px;
  width: 70px;
  height: 70px;
}
div.news_area div.news_block > section.news_first > h2::after{
  background-image:url("../img/title_deco/title_green_right.svg");
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first > h2::after{
  width: 63px;
  height: 37px;
  right: -25px;
  top: 6px;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_first > h2::after,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_first > h2::after{
  width: 126px;
  height: 71px;
  right: -40px;
  top: -3px;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_first > h2::after{
  width: 126px;
  height: 71px;
  right: -64px;
}
div.news_area div.news_block > section.news_first > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
div.news_area div.news_block > section.news_secound > h2{
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_secound > h2{
  width: 120px;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_secound > h2,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_secound > h2{
  width: 180px;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_secound > h2{
  width: 180px;
}
div.news_area div.news_block > section.news_secound > h2 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
div.news_area div.news_block > section.news_secound > h2::before,
div.news_area div.news_block > section.news_secound > h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
div.news_area div.news_block > section.news_secound > h2::before{
  background-image:url("../img/about_business/title/title_orange_left.svg")
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_secound > h2::before{
  width: 63px;
  height: 37px;
  left: -35px;
  top: 6px;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_secound > h2::before,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_secound > h2::before{
  width: 126px;
  height: 71px;
  left: -73px;
  top: 3px;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_secound > h2::before{
  width: 126px;
  height: 71px;
  left: -80px;
}
div.news_area div.news_block > section.news_secound > h2::after{
  background-image:url("../img/about_business/title/title_orabge_right.svg")
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_secound > h2::after{
  right: -23px;
  top: 2px;
  width: 45px;
  height: 45px;
}
body[wc-view-type="tb-l"] div.news_area div.news_block > section.news_secound > h2::after,
body[wc-view-type="tb"] div.news_area div.news_block > section.news_secound > h2::after{
  right: -38px;
  top: 1px;
  width: 70px;
  height: 70px;
}
body[wc-view-type="pc"] div.news_area div.news_block > section.news_secound > h2::after{
  right: -25px;
  top: 7px;
  width: 70px;
  height: 70px;
}
div.news_area div.news_block > section.news_first div.news_box{
  margin-top: 3.5rem;
  position: relative;
  z-index: 5;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first div.news_box{
  margin-top: 1.5rem;
}
div.news_area div.news_block > section.news_first div.news_box::before{
  content: "";
  position: absolute;
  top: 0;
  left: -5rem;
  background-image:url("../img/top_deco/orange.svg");
  width: 354px;
  height: 351px;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first div.news_box::before{
  width: 245px;
  height: 242px;
}
div.news_area div.news_block > section.news_first div.news_box article{
  position: relative;
  z-index: 1;
  border-bottom: 3px dotted #fff;
}
div.news_area div.news_block > section.news_first div.news_box article:nth-of-type(1){
  border-top: 3px dotted #fff;
}
div.news_area div.news_block > section.news_first div.news_box article a{
  display: block;
  padding-left: calc(100px + 1rem);
  box-sizing: border-box;
  width: 100%;
  line-height: 70px;
  text-decoration: none;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_first div.news_box article a{
  line-height: 50px;
}
div.news_area div.news_block > section.news_first div.news_box article a h2{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  text-decoration: none;
  padding-right: 2.5rem;
}
div.news_area div.news_block > section.news_first div.news_box article span{
  display: table;
  margin: auto;
  background-color: var(--wcLogoSvg);
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 0.5em;
  z-index: -1;
  transform: translateY(-50%);
}
div.news_area div.news_block > section.news_first div.news_box article time{
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  position: absolute;
  color: #fff;
}
div.news_area div.news_block > section.news_first div.btn{
  margin-top: 1rem;
  background-color: #fff;
  z-index: 5;
}
div.news_area div.news_block > section.news_first div.btn a{
  color: #000;
}
div.news_area div.news_block > section.news_first div.btn span{
  background-color: #000;
}
div.news_area div.news_block > section.news_secound div.instagram_box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.5rem;
  position: relative;
  z-index: 5;
}
body[wc-view-type="sp"] div.news_area div.news_block > section.news_secound div.instagram_box{
  margin-top: 1.5rem;
}
body[wc-view-type="sp"] div.instagram_box iframe{
  height: calc(100vw - 2rem) !important;
}
body[wc-view-type="tb-l"] div.instagram_box iframe,
body[wc-view-type="tb"] div.instagram_box iframe{
  height: calc(50vw - 1.5rem) !important;
}
body[wc-view-type="pc"] div.instagram_box iframe{
  height: calc(550px - 2rem) !important;
}
div.news_area div.news_block > section.news_secound div.instagram_box::after{
  content: "";
  position: absolute;
  right: -4rem;
  bottom: -4rem;
  z-index: -1;
  background-image:url("../img/top_deco/green.svg");
  width: 172px;
  height: 165px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
div.news_area div.news_block > section.news_secound div.instagram_box > div{
  width: calc((100% / 3) - 2px);
  margin: 0 1px 2px 1px;
}
div.news_area div.news_block > section.news_secound div.instagram_box > div > div{
  position: relative;
  z-index: 1;
  width: 100%;
}
div.news_area div.news_block > section.news_secound div.instagram_box > div > div a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
}
div.news_area div.news_block > section.news_secound div.instagram_box > div > div img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}