@charset "UTF-8";

body, html {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #333333;
}

:root {
  --designWidthSize: 1920;
  --sp_designWidthSize: 750;
  --vw-scale: calc(100vw / var(--designWidthSize));
  --sp-vw-scale: calc(100vw / var(--sp_designWidthSize));
}

.b-forestgarden_mainwrap {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  box-sizing: border-box;
}

.b-forestgarden_gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.visuality_none {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}

/* --------------アニメーション用-------------- */
@media screen and (min-width: 768px) {
  .animation-up{opacity: 0; transition: 800ms; transform: translateY(calc(40*var(--vw-scale)));}
  .animation-up.active{opacity: 1; transform: translateY(0);}
  .animation-slide-left{opacity: 0; transition: 800ms; transform: translateX(calc(40*var(--vw-scale)));}
  .animation-slide-left.active{opacity: 1; transform: translateX(0);}
  .animation-slide-right{opacity: 0; transition: 800ms; transform: translateX(calc(-40*var(--vw-scale)));}
  .animation-slide-right.active{opacity: 1; transform: translateX(0);}
  .animation-blur{opacity: 0; transition: 1500ms; filter: blur(calc(50*var(--vw-scale)));}
  .animation-blur.active{opacity: 1; filter: blur(0);}
}
@media screen and (max-width: 767px) {
  .animation-up{opacity: 0; transition: 800ms; transform: translateY(calc(40*var(--sp-vw-scale)));}
  .animation-up.active{opacity: 1; transform: translateY(0);}
  .animation-slide-left{opacity: 0; transition: 800ms; transform: translateX(calc(40*var(--sp-vw-scale)));}
  .animation-slide-left.active{opacity: 1; transform: translateX(0);}
  .animation-slide-right{opacity: 0; transition: 800ms; transform: translateX(calc(-40*var(--sp-vw-scale)));}
  .animation-slide-right.active{opacity: 1; transform: translateX(0);}
  .animation-blur{opacity: 0; transition: 1500ms; filter: blur(calc(10*var(--sp-vw-scale)));}
  .animation-blur.active{opacity: 1; filter: blur(0);}
}
/* ----------アニメーション用ここまで----------- */

/* -----------------pcビュー ------------------*/
@media screen and (min-width: 768px) {
  /* サイドメニュー */
  .menuBtn{display: none;}
  .menuArea{background: #009963; border-radius: calc(20*var(--vw-scale)) 0 0 calc(20*var(--vw-scale)); position: fixed; top: 50vh; transform: translateY(-50%); right: 0; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.3) calc(5*var(--vw-scale)) calc(5*var(--vw-scale)) calc(5*var(--vw-scale)); text-align: center; font-size: 0; line-height: 0; padding: calc(30*var(--vw-scale)) calc(20*var(--vw-scale));}
  .menuArea .logo{width: calc(130*var(--vw-scale)); display: inline-block; margin-bottom: calc(20*var(--vw-scale));}
  .menuArea .logo img{width: 100%;}
  .menuArea .menuNav{color: #fff; font-size: 0; line-height: 1;}
  .menuArea .menuNav .flex{display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none;}
  .menuArea .menuNav .flex li{border-bottom: solid 1px #48b68f; font-size: calc(18*var(--vw-scale)); padding: calc(20*var(--vw-scale));}
  .menuArea .menuNav .flex li a{text-decoration: none; color: #fff;}
  .menuArea .menuNav .flex li:first-child{border-top: solid 1px #48b68f;}
  .menuArea .menuNav .flex li span{display: block; margin-bottom: calc(10*var(--vw-scale)); color: #b2e0d0;}

  /* Topページ */
  .forestgarden .mv{width: 100%; margin-bottom: calc(90*var(--vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_top_pc.webp); background-size: contain; background-position: center top; aspect-ratio: var(--designWidthSize)/1000; position: relative;}
  .forestgarden .mv .logo img{width: calc(258*var(--vw-scale)); position: absolute; top: calc(88*var(--vw-scale)); left: calc(324*var(--vw-scale));}
  .forestgarden .mv .maintext img{width: calc(687*var(--vw-scale)); position: absolute; top: calc(233*var(--vw-scale)); left: calc(324*var(--vw-scale));}
  .forestgarden .mv .btn img{width: calc(454*var(--vw-scale)); position: absolute; top: calc(650*var(--vw-scale)); left: 50%; transform: translateX(-50%);}
  .forestgarden .mv .arrow img{width: calc(73*var(--vw-scale)); position: absolute; top: calc(750*var(--vw-scale)); left: 50%; transform: translateX(-50%);}

  .forestgarden .sec1 {margin-bottom: calc(120*var(--vw-scale));}
  .forestgarden .sec1 .titleArea{width: 100%; margin-bottom: calc(40*var(--vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_con1_titleBg_pc.webp); background-size: contain; background-position: center top; aspect-ratio: var(--designWidthSize)/321;}
  .forestgarden .sec1 .titleArea .title{margin-bottom: calc(60*var(--vw-scale)); padding-top: calc(120*var(--vw-scale)); text-align: center;}
  .forestgarden .sec1 .titleArea .title img{width: calc(1160*var(--vw-scale)); display: inline-block;}
  .forestgarden .sec1 .titleArea .text{font-size: calc(20*var(--vw-scale)); line-height: 1.5; text-align: center;}
  .forestgarden .sec1 .list{line-height: 0;}
  .forestgarden .sec1 .list .box:not(:last-child){margin-bottom: calc(80*var(--vw-scale));}
  .forestgarden .sec1 .list .box .flex{display: flex; justify-content: space-between; align-items: center; font-size: 0; padding: 0;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea{width: 53%; display: inline-block; position: relative; text-align: right; order: 1;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea .text{width: calc(371*var(--vw-scale)); text-align: center; display: inline-block; margin-right: calc(140*var(--vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea .text .btn img{width: calc(160*var(--vw-scale)); margin-top: calc(50*var(--vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .imgArea{width: 47%; display: inline-block; order: 2;}
  .forestgarden .sec1 .list .box .flex .imgArea img{width: 100%;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea{width: 53%; display: inline-block; position: relative; text-align: left; order: 2;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea .text{width: calc(371*var(--vw-scale)); text-align: center; display: inline-block; margin-left: calc(140*var(--vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea .text .btn img{width: calc(160*var(--vw-scale)); margin-top: calc(50*var(--vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .imgArea{width: 47%; display: inline-block; order: 1;}
 
  .forestgarden .sec2 {background: linear-gradient(to right, #009963, #21b857); padding-bottom: calc(120*var(--vw-scale));}
  .forestgarden .sec2 .titleArea{width: 100%; margin-bottom: calc(60*var(--vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_con2_titleBg_pc.webp); background-size: contain; background-position: center top; aspect-ratio: var(--designWidthSize)/323;}
  .forestgarden .sec2 .titleArea .title{margin-bottom: calc(60*var(--vw-scale)); padding-top: calc(120*var(--vw-scale)); margin-bottom: calc(60*var(--vw-scale)); text-align: center;}
  .forestgarden .sec2 .titleArea .title img{width: calc(730*var(--vw-scale)); display: inline-block;}
  .forestgarden .sec2 .titleArea .text{font-size: calc(20*var(--vw-scale)); line-height: 1.5; text-align: center; color: #fff;}

  .forestgarden .sec2 .thumb_slickWrapper{margin-bottom: calc(60*var(--vw-scale)); overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider{padding-bottom: calc(10*var(--vw-scale)); width: 115vw;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide{font-size: 0; line-height: 0; box-shadow: rgba(0, 0, 0, 0.3) 0px calc(5*var(--vw-scale)) calc(5*var(--vw-scale)); transition: 500ms;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide:not(:last-child){margin-right: calc(20*var(--vw-scale));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide:first-child{margin-left: calc(10*var(--vw-scale));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide img{width: 100%;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea{background: #fff; height: calc(91*var(--vw-scale)); text-align: center; line-height: 1; padding: calc(20*var(--vw-scale)) 0; box-sizing: border-box;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea .slideTitle{color: #009963; font-size: calc(22*var(--vw-scale)); margin-bottom: calc(10*var(--vw-scale));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea .slideText{font-size: calc(20*var(--vw-scale)); margin: 0;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slick-prev{z-index: 10; width: calc(60*var(--vw-scale)); left: calc(400*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slick-prev::before{display: none;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slick-next{z-index: 10; width: calc(60*var(--vw-scale)); right: calc(400*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slick-next::before{display: none;}

  .forestgarden .sec2 .main_slickWrapper{padding-bottom: calc(60*var(--vw-scale));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider{width: calc(1290*var(--vw-scale)); margin: 0 auto;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide{position: relative;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide img{width: 100%;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); color: #fff; padding: calc(15*var(--vw-scale)) calc(30*var(--vw-scale)); box-sizing: border-box; text-align: center;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideTitle{font-size: calc(24*var(--vw-scale)); line-height: 1; padding-bottom: calc(10*var(--vw-scale)); margin-bottom: calc(10*var(--vw-scale)); border-bottom: solid 1px #fff;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideTitle span{font-size: calc(18*var(--vw-scale)); margin-left: calc(30*var(--vw-scale));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideText{font-size: calc(18*var(--vw-scale)); line-height: 1; margin: 0;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-prev{z-index: 10; width: calc(20*var(--vw-scale)); left: calc(-60*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-prev::before{display: none;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-next{z-index: 10; width: calc(20*var(--vw-scale)); right: calc(-60*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-next::before{display: none;}

  /* slickのCSSを上書き */
  .forestgarden .sec2 .thumb_slickWrapper .slick-list{overflow: visible!important;}
  .forestgarden .sec2 .thumb_slickWrapper .slick-list .faded{opacity: 0.5; }
  .forestgarden .sec2 .main_slickWrapper .slick-dots li button:before {color: #80ccb1;}
  .forestgarden .sec2 .main_slickWrapper .slick-dots li.slick-active button:before {color: #fff;}

  .forestgarden .sec3{background: #fffef2; text-align: center; padding-bottom: calc(120*var(--vw-scale));}
  .forestgarden .sec3 .titleArea{width: 100%; margin-bottom: calc(60*var(--vw-scale));}
  .forestgarden .sec3 .title{margin-bottom: calc(60*var(--vw-scale)); padding-top: calc(120*var(--vw-scale)); margin-bottom: calc(60*var(--vw-scale)); text-align: center;}
  .forestgarden .sec3 .title img{width: calc(850*var(--vw-scale)); display: inline-block;}
  .forestgarden .sec3 .text{font-size: calc(20*var(--vw-scale)); line-height: 1.5; text-align: center;}
  .forestgarden .sec3 .imageArea{width: calc(960*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(120*var(--vw-scale));}
  .forestgarden .sec3 .imageArea img{width: 100%;}
  .forestgarden .sec3 .btn{width: calc(420*var(--vw-scale)); display: inline-block;}
  .forestgarden .sec3 .btn img{width: 100%;}

  .forestgarden .cvArea{text-align: center; padding: calc(120*var(--vw-scale)) 0;}
  .forestgarden .cvArea .btn{width: calc(602*var(--vw-scale)); display: inline-block;}
  .forestgarden .cvArea .btn img{width: 100%;}
  /* Topページここまで */

  /* コンテンツ1 */
  .con1 .mv{background: url(/bunjyo/concept/assets/img/page/con1_titleBg_pc.webp) no-repeat center; background-size: contain; aspect-ratio: var(--designWidthSize)/400; position: relative; margin-bottom: calc(120*var(--vw-scale));}
  .con1 .mv h1 img{width: calc(1013*var(--vw-scale)); display: block; margin: 0 auto; position: absolute; top: calc(105*var(--vw-scale)); left: calc(320*var(--vw-scale));}

  .con1 .sec1{text-align: center; margin-bottom: calc(100*var(--vw-scale));}
  .con1 .sec1 .title{width: calc(1096*var(--vw-scale)); display: inline-block; margin-bottom: calc(40*var(--vw-scale));}
  .con1 .sec1 .title .text{margin-top: calc(40*var(--vw-scale)); text-align: center; font-size: calc(18*var(--vw-scale));}
  .con1 .sec1 .imageArea{display: flex; justify-content: center; align-items: center; margin-bottom: calc(80*var(--vw-scale));}
  .con1 .sec1 .imageArea .imageBox{width: calc(400*var(--vw-scale));}
  .con1 .sec1 .imageArea .imageBox:not(:last-child){margin-right: calc(40*var(--vw-scale));}
  .con1 .sec1 .imageArea .imageBox img{width: 100%;}
  .con1 .sec1 .box .sub_title{width: calc(800*var(--vw-scale)); display: inline-block; margin-bottom: calc(40*var(--vw-scale));}
  .con1 .sec1 .box .sub_title img{width: 100%;}
  .con1 .sec1 .box .flex{display: flex; flex-direction: column; text-align: left; width: calc(800*var(--vw-scale)); margin: 0 auto; padding: 0; list-style: none;}
  .con1 .sec1 .box .flex li:not(:last-child){margin-bottom: calc(40*var(--vw-scale)); font-size: 0; line-height: 0;}
  .con1 .sec1 .box .flex li:nth-child(1){width: calc(724*var(--vw-scale)); display: inline-block;}
  .con1 .sec1 .box .flex li:nth-child(2){width: calc(748*var(--vw-scale)); display: inline-block;}
  .con1 .sec1 .box .flex li:nth-child(3){width: calc(777*var(--vw-scale)); display: inline-block;}

  .con1 .sec2{text-align: center; background: #fffef2; padding-top: calc(100*var(--vw-scale)); padding-bottom: calc(120*var(--vw-scale));}
  .con1 .sec2 .title{width: calc(1280*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--vw-scale)); border-bottom: solid 1px #00643c; padding-bottom: calc(60*var(--vw-scale));}
  .con1 .sec2 .title img{width: calc(1066*var(--vw-scale)); display: inline-block;}
  .con1 .sec2 .title .text{margin: 0; margin-top: calc(40*var(--vw-scale)); text-align: center; font-size: calc(18*var(--vw-scale));}
  .con1 .sec2 .case01{width: calc(1280*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(70*var(--vw-scale)); padding-bottom: calc(60*var(--vw-scale)); border-bottom: solid 1px #00643c;}
  .con1 .sec2 .case01 .sub_title{margin-bottom: calc(40*var(--vw-scale));}
  .con1 .sec2 .case01 .sub_title img{width: calc(617*var(--vw-scale));}
  .con1 .sec2 .case01 .sub_title .text{margin: 0; margin-top: calc(40*var(--vw-scale)); text-align: center; font-size: calc(18*var(--vw-scale));}
  .con1 .sec2 .case01 .imageBox{position: relative; width: calc(780*var(--vw-scale)); height: calc(553*var(--vw-scale)); margin: 0 auto;}
  .con1 .sec2 .case01 .imageBox img{width: 100%;}
  .con1 .sec2 .case01 .imageBox ul .point1{position: absolute; top: calc(-4*var(--vw-scale)); left: calc(-194*var(--vw-scale)); width: calc(456*var(--vw-scale));}
  .con1 .sec2 .case01 .imageBox ul .point2{position: absolute; top: calc(-3*var(--vw-scale)); right: calc(-233*var(--vw-scale)); width: calc(577*var(--vw-scale));}
  .con1 .sec2 .case01 .imageBox ul .point3{position: absolute; top: calc(168*var(--vw-scale)); right: calc(-232*var(--vw-scale)); width: calc(447*var(--vw-scale));}
  .con1 .sec2 .case02{width: calc(1280*var(--vw-scale)); margin: 0 auto;}
  .con1 .sec2 .case02 .sub_title{margin-bottom: calc(50*var(--vw-scale));}
  .con1 .sec2 .case02 .sub_title img{width: calc(688*var(--vw-scale));}
  .con1 .sec2 .case02 .sub_title .text{margin: 0; margin-top: calc(40*var(--vw-scale)); text-align: center; font-size: calc(18*var(--vw-scale));}
  .con1 .sec2 .case02 .imageBox{position: relative; width: calc(753*var(--vw-scale)); height: calc(275*var(--vw-scale)); margin: 0 auto;}
  .con1 .sec2 .case02 .imageBox img{width: 100%;}
  .con1 .sec2 .case02 .imageBox ul .point1{position: absolute; top: calc(-104*var(--vw-scale)); left: calc(-216*var(--vw-scale)); width: calc(252*var(--vw-scale));}
  .con1 .sec2 .case02 .imageBox ul .point2{position: absolute; top: calc(-104*var(--vw-scale)); right: calc(-182*var(--vw-scale)); width: calc(252*var(--vw-scale));}
  .con1 .sec2 .case02 .imageBox ul .point3{position: absolute; top: calc(72*var(--vw-scale)); right: calc(-182*var(--vw-scale)); width: calc(252*var(--vw-scale));}
  /* コンテンツ1ここまで */

  /* コンテンツ2 */
  .con2 .mv{background: url(/bunjyo/concept/assets/img/page/con2_titleBg_pc.webp) no-repeat center; background-size: contain; aspect-ratio: var(--designWidthSize)/400; position: relative; margin-bottom: calc(120*var(--vw-scale));}
  .con2 .mv h1 img{width: calc(1013*var(--vw-scale)); display: block; margin: 0 auto; position: absolute; top: calc(105*var(--vw-scale)); left: calc(320*var(--vw-scale));}
  .con2 .sec1 .title{width: calc(924*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--vw-scale));}
  .con2 .sec1 .dev01{text-align: center; margin-bottom: calc(100*var(--vw-scale));}
  .con2 .sec1 .dev01 .imageBox{width: calc(975*var(--vw-scale)); position: relative; display: inline-block;}
  .con2 .sec1 .dev02{background: #fffef2; padding-top: calc(120*var(--vw-scale)); text-align: center; padding-bottom: calc(100*var(--vw-scale));}
  .con2 .sec1 .dev02 .sub_title{width: calc(556*var(--vw-scale)); margin:0 auto; margin-bottom: calc(60*var(--vw-scale));}
  .con2 .sec1 .dev02 .area{width: calc(600*var(--vw-scale)); margin: 0 auto; position: relative; margin-bottom: calc(60*var(--vw-scale));}
  .con2 .sec1 .dev02 .area img{width: 100%;}
  .con2 .sec1 .dev02 .area .illust1{width: calc(304*var(--vw-scale)); position: absolute; top: 0; left: calc(-380*var(--vw-scale));}
  .con2 .sec1 .dev02 .area .illust2{width: calc(304*var(--vw-scale)); position: absolute; top: 0; right: calc(-380*var(--vw-scale));}
  .con2 .sec1 .dev02 .frex{display: flex; justify-content: center; font-size: 0; line-height: 1;}
  .con2 .sec1 .dev02 .frex .item{width: calc(400*var(--vw-scale));}
  .con2 .sec1 .dev02 .frex .item:not(:last-child){margin-right: calc(40*var(--vw-scale));}
  .con2 .sec2{padding-top: calc(100*var(--vw-scale));}
  .con2 .sec2 .title{width: calc(955*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--vw-scale));}
  .con2 .sec2 .dev01{position: relative;}
  .con2 .sec2 .dev01 .box{padding: calc(50*var(--vw-scale)) 0; margin: 0; line-height: 0; font-size: 0;}
  .con2 .sec2 .dev01 .box:nth-child(odd){background: #f7faf9;}
  .con2 .sec2 .dev01 .box:nth-child(even){background: #fff;}
  .con2 .sec2 .dev01 .box .item{margin-left: calc(680*var(--vw-scale)); display: flex; align-items: center; line-height: 0;}
  .con2 .sec2 .dev01 .box .item:not(:last-child){margin-bottom: calc(20*var(--vw-scale));}
  .con2 .sec2 .dev01 .box .item .imageArea{width:calc(293*var(--vw-scale)); line-height: 0;}
  .con2 .sec2 .dev01 .box .item .imageArea img{width: 100%;}
  .con2 .sec2 .dev01 .box .item .textArea{margin-left: calc(40*var(--vw-scale)); line-height: 0;}
  .con2 .sec2 .dev01 .box .item .textArea img{width: 100%;} 
  .con2 .sec2 .dev01 .box:nth-child(1) .item:nth-child(1) .textArea{width: calc(376*var(--vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(1) .item:nth-child(2) .textArea{width: calc(421*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(2) .item:nth-child(1) .textArea{width: calc(570*var(--vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(2) .item:nth-child(2) .textArea{width: calc(378*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(1) .textArea{width: calc(582*var(--vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(2) .textArea{width: calc(314*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(3) .textArea{width: calc(375*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(4) .item:nth-child(1) .textArea{width: calc(542*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(5) .item:nth-child(1) .textArea{width: calc(593*var(--vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(6) .item:nth-child(1) .textArea{width: calc(374*var(--vw-scale));}
  .con2 .sec2 .dev01 .sideIcons{width: calc(329*var(--vw-scale)); position: absolute; top: calc(50*var(--vw-scale)); left: calc(320*var(--vw-scale)); margin: 0; line-height: 0; font-size: 0;}
  .con2 .sec2 .dev01 .sideIcons img{width: 100%;}

  .con2 .sec2 .dev02{padding: calc(90*var(--vw-scale)) 0 calc(140*var(--vw-scale)) 0;}
  .con2 .sec2 .dev02 .sub_title{width: calc(1070*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--vw-scale));}
  .con2 .sec2 .dev02 .videoBox{width: calc(1065*var(--vw-scale)); position: relative; margin: 0 auto; aspect-ratio: 1065/600;}
  .con2 .sec2 .dev02 .videoBox img{width: 100%; cursor: pointer;}
  .con2 .sec2 .dev02 .videoBox .thumbnail{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
  .con2 .sec2 .dev02 .videoBox .playImage{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100*var(--vw-scale));}
  /* コンテンツ2ここまで */

  /* コンテンツ3 */
  .con3 .mv{background: url(/bunjyo/concept/assets/img/page/con3_titleBg_pc.webp) no-repeat center; background-size: contain; aspect-ratio: var(--designWidthSize)/400; position: relative; margin-bottom: calc(120*var(--vw-scale));}
  .con3 .mv h1 img{width: calc(1013*var(--vw-scale)); display: block; margin: 0 auto; position: absolute; top: calc(105*var(--vw-scale)); left: calc(320*var(--vw-scale));}

  .con3 .sec1{text-align: center; margin-bottom: calc(100*var(--vw-scale));}
  .con3 .sec1 .title{width: calc(1280*var(--vw-scale)); margin: 0 auto; padding-bottom: calc(100*var(--vw-scale)); border-bottom: solid 1px #003d28; text-align: center;}
  .con3 .sec1 .title img{width: calc(1048*var(--vw-scale)); display: inline-block;}
  .con3 .sec1 .text{font-size: calc(18*var(--vw-scale)); line-height: 1.5; margin-bottom: calc(80*var(--vw-scale));}
  .con3 .sec1 .box{width: calc(1280*var(--vw-scale)); margin: 0 auto; line-height: 0;}
  .con3 .sec1 .box:not(:last-child){border-bottom: solid 1px #003d28;}
  .con3 .sec1 .box img{width: 100%;}
  .con3 .sec1 .box:nth-child(2){display: flex; justify-content: center; align-items: flex-start; padding: calc(50*var(--vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(2) .area1{width: calc(558*var(--vw-scale)); margin-right: calc(50*var(--vw-scale));}
  .con3 .sec1 .box:nth-child(2) .area2{width: calc(668*var(--vw-scale)); text-align: left;}
  .con3 .sec1 .box:nth-child(2) .area2 .item:not(:last-child){margin-bottom: calc(40*var(--vw-scale));}
  .con3 .sec1 .box:nth-child(3){display: flex; justify-content: left; align-items: flex-start; padding: calc(50*var(--vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(3) .area1{width: calc(670*var(--vw-scale)); margin-right: calc(50*var(--vw-scale));}
  .con3 .sec1 .box:nth-child(3) .area2{width: calc(471*var(--vw-scale)); text-align: left;}
  .con3 .sec1 .box:nth-child(3) .area2 .item:not(:last-child){margin-bottom: calc(40*var(--vw-scale));}
  .con3 .sec1 .box:nth-child(4){display: flex; justify-content: left; align-items: flex-start; padding: calc(50*var(--vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(4) .area1{width: calc(670*var(--vw-scale)); order: 2;}
  .con3 .sec1 .box:nth-child(4) .area2{width: calc(558*var(--vw-scale)); margin-right: calc(50*var(--vw-scale)); text-align: left; order: 1;}
  .con3 .sec1 .box:nth-child(4) .area2 .item:not(:last-child){margin-bottom: calc(40*var(--vw-scale));}

  .con3 .sec2{background: #fffef2; padding-top: calc(130*var(--vw-scale)); text-align: center; padding-bottom: calc(100*var(--vw-scale));}
  .con3 .sec2 .title{width: calc(1088*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(110*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(2){display: flex; justify-content: center; align-items: flex-start; width: calc(1280*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(2) .area1{width: calc(557*var(--vw-scale)); margin-right: calc(50*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(2) .area2{width: calc(670*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(3){width: calc(1280*var(--vw-scale)); margin: 0 auto; text-align: left;}
  .con3 .sec2 .box:nth-child(3) .sub_title{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(20*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(3) .imageArea{width: calc(1250*var(--vw-scale)); display: inline-block; margin-bottom: calc(40*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(4) .sub_title{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(40*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(4) .imageArea{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(120*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(5){display: flex; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(5) .area1{width: calc(558*var(--vw-scale)); margin-right: calc(50*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(5) .area2{width: calc(670*var(--vw-scale));}
  .con3 .sec2 .box:nth-child(6){width: calc(1138*var(--vw-scale)); margin: 0 auto; text-align: left;}

  .con3 .sec3{padding-top: calc(130*var(--vw-scale)); text-align: center; padding-bottom: calc(180*var(--vw-scale));}
  .con3 .sec3 .title{width: calc(1107*var(--vw-scale)); margin: 0 auto; margin-bottom: calc(110*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(2){display: flex; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(2) .area1{width: calc(559*var(--vw-scale)); margin-right: calc(120*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(2) .area2{width: calc(579*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(3){margin-bottom: calc(90*var(--vw-scale)); text-align: center; line-height: 0; font-size: 0;}
  .con3 .sec3 .box:nth-child(3) .sub_title{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(20*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(3) .flex{display: flex; justify-content: center; align-items: center;}
  .con3 .sec3 .box:nth-child(3) .flex .item{width: calc(305*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(3) .flex .item:not(:last-child){margin-right: calc(20*var(--vw-scale));}
  .con3 .sec3 .box:nth-child(4){display: flex; justify-content: center; align-items: flex-start;}
  .con3 .sec3 .box:nth-child(4) .area1{width: calc(559*var(--vw-scale)); margin-right: calc(40*var(--vw-scale)); text-align: center;}
  .con3 .sec3 .box:nth-child(4) .area1 .logo{width: calc(418*var(--vw-scale)); display: inline-block;}
  .con3 .sec3 .box:nth-child(4) .area1 .logo img{width: 100%;}
  .con3 .sec3 .box:nth-child(4) .area2{width: calc(680*var(--vw-scale)); margin-top: calc(10*var(--vw-scale));}
  /* コンテンツ3ここまで */

  /* オーナーズボイス */
  .voice .mv{background: url(/bunjyo/concept/assets/img/voice/voice_titleBg_pc.webp) no-repeat center; background-size: contain; aspect-ratio: var(--designWidthSize)/400; position: relative; margin-bottom: calc(120*var(--vw-scale)); text-align: center;}
  .voice .mv h1 img{width: calc(650*var(--vw-scale)); display: inline-block; margin: 0 auto; padding-top: calc(150*var(--vw-scale));}
  .voice .sec1{text-align: center;}
  .voice .sec1 .title{margin-bottom: calc(60*var(--vw-scale));}
  .voice .sec1 .title img{width: calc(757*var(--vw-scale)); display: inline-block;}
  .voice .sec1 .title .text{margin-top: calc(40*var(--vw-scale)); text-align: center; font-size: calc(20*var(--vw-scale));}

  .voice .sec2 .tabArea{line-height: 0; text-align: center;}
  .voice .sec2 .tabArea .tabSwitch1{width: calc(451*var(--vw-scale)); display: inline-block; transform: translateY(calc(3*var(--vw-scale))); z-index: 1; position: relative; margin-right: calc(60*var(--vw-scale)); cursor: pointer;}
  .voice .sec2 .tabArea .tabSwitch1.active{z-index: 3; cursor: default;}
  .voice .sec2 .tabArea .tabSwitch2{width: calc(451*var(--vw-scale)); display: inline-block; transform: translateY(calc(3*var(--vw-scale))); z-index: 1; position: relative; cursor: pointer;}
  .voice .sec2 .tabArea .tabSwitch2.active{z-index: 3; cursor: default;}
  .voice .sec2 .tabArea .boxTop{width: 100%; aspect-ratio: var(--designWidthSize)/100; border-top: solid 1px #003d28; z-index: 2; position: relative;}
  .voice .sec2 .tabArea .boxTop.tab1{background: #f5fcf6;}
  .voice .sec2 .tabArea .boxTop.tab2{background: #fffef2;}

  .voice .sec2 .case1{background: #f5fcf6; display: none; text-align: center; padding-bottom: calc(180*var(--vw-scale));}
  .voice .sec2 .case1 img{width: 100%;}
  .voice .sec2 .case1.active{display: block;}
  .voice .sec2 .case1 .sub_title{width: calc(1020*var(--vw-scale)); display: inline-block; margin-bottom: calc(60*var(--vw-scale)); margin-left: calc(260*var(--vw-scale));}
  .voice .sec2 .case1 .mainImage{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(60*var(--vw-scale)); position: relative;}
  .voice .sec2 .case1 .mainImage .icon{width: calc(400*var(--vw-scale)); position: absolute; bottom: calc(-140*var(--vw-scale)); left: calc(100*var(--vw-scale)); }
  .voice .sec2 .case1 .area{line-height: 0; font-size: 0; margin: 0; padding: 0;}
  .voice .sec2 .case1 .area .block:nth-child(1){display: flex; justify-content: center; align-items: flex-end; margin-bottom: calc(60*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(1) .textArea{width: calc(580*var(--vw-scale)); margin-right: calc(85*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(1) .imageArea{width: calc(630*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(2){display: flex; justify-content: center; align-items: flex-start;}
  .voice .sec2 .case1 .area .block:nth-child(2) .textArea{width: calc(570*var(--vw-scale)); margin-right: calc(25*var(--vw-scale)); order: 2;}
  .voice .sec2 .case1 .area .block:nth-child(2) .imageArea{width: calc(580*var(--vw-scale)); margin-right: calc(95*var(--vw-scale)); order: 1;}
  .voice .sec2 .case1 .area .block:nth-child(3){display: flex; justify-content: center; align-items: flex-start; margin-top: calc(-20*var(--vw-scale)); margin-bottom: calc(20*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(3) .textArea{width: calc(580*var(--vw-scale)); margin-top: calc(50*var(--vw-scale)); margin-right: calc(300*var(--vw-scale)); order: 1;}
  .voice .sec2 .case1 .area .block:nth-child(3) .imageArea{width: calc(323*var(--vw-scale)); margin-right: calc(100*var(--vw-scale)); order: 2;}
  .voice .sec2 .case1 .area .block:nth-child(4){display: flex; justify-content: center; align-items: center; margin-bottom: calc(80*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(4) .textArea{width: calc(580*var(--vw-scale)); margin-right: calc(40*var(--vw-scale)); order: 2;}
  .voice .sec2 .case1 .area .block:nth-child(4) .imageArea{width: calc(590*var(--vw-scale)); margin-right: calc(100*var(--vw-scale)); order: 1;}
  .voice .sec2 .case1 .area .block:nth-child(5){display: flex; justify-content: center; align-items: center; margin-bottom: calc(100*var(--vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(5) .textArea{width: calc(580*var(--vw-scale)); margin-right: calc(60*var(--vw-scale)); order: 1;}
  .voice .sec2 .case1 .area .block:nth-child(5) .imageArea{width: calc(650*var(--vw-scale)); order: 2;}
  .voice .sec2 .case1 .endTxt_area{width: 100%; background: #fff; padding: calc(60*var(--vw-scale)) 0; text-align: center;}
  .voice .sec2 .case1 .endTxt_area img{width: calc(714*var(--vw-scale)); display: inline-block;}

  .voice .sec2 .case2{background: #fffef2; text-align: center; padding-bottom: calc(180*var(--vw-scale)); display: none;}
  .voice .sec2 .case2 img{width: 100%;}
  .voice .sec2 .case2.active{display: block;}
  .voice .sec2 .case2 .sub_title{width: calc(974*var(--vw-scale)); display: inline-block; margin-bottom: calc(60*var(--vw-scale)); margin-left: calc(306*var(--vw-scale));}
  .voice .sec2 .case2 .mainImage{width: calc(1280*var(--vw-scale)); display: inline-block; margin-bottom: calc(60*var(--vw-scale)); position: relative;}
  .voice .sec2 .case2 .mainImage .icon{width: calc(419*var(--vw-scale)); position: absolute; bottom: calc(-140*var(--vw-scale)); left: calc(90*var(--vw-scale)); }
  .voice .sec2 .case2 .area{line-height: 0; font-size: 0; margin: 0; padding: 0;}
  .voice .sec2 .case2 .area .block:nth-child(1){display: flex; justify-content: center; align-items: center; margin-bottom: calc(60*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(1) .textArea{width: calc(580*var(--vw-scale)); margin-top: calc(70*var(--vw-scale)); margin-right: calc(85*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(1) .imageArea{width: calc(630*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(2){display: flex; justify-content: center; align-items: flex-start; margin-bottom: calc(40*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(2) .textArea{width: calc(570*var(--vw-scale)); margin-right: calc(25*var(--vw-scale)); order: 2;}
  .voice .sec2 .case2 .area .block:nth-child(2) .imageArea{width: calc(580*var(--vw-scale)); margin-top: calc(-70*var(--vw-scale)); margin-right: calc(95*var(--vw-scale)); order: 1;}
  .voice .sec2 .case2 .area .block:nth-child(3){display: flex; justify-content: center; align-items: flex-start; margin-bottom: calc(-30*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(3) .textArea{width: calc(580*var(--vw-scale)); margin-top: calc(-40*var(--vw-scale)); margin-right: calc(180*var(--vw-scale)); order: 1;}
  .voice .sec2 .case2 .area .block:nth-child(3) .imageArea{width: calc(400*var(--vw-scale)); margin-right: calc(122*var(--vw-scale)); margin-top: calc(30*var(--vw-scale)); order: 2;}
  .voice .sec2 .case2 .area .block:nth-child(4){display: flex; justify-content: center; align-items: flex-start; margin-bottom: calc(0*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(4) .textArea{width: calc(580*var(--vw-scale)); margin-top: calc(130*var(--vw-scale)); margin-right: calc(40*var(--vw-scale)); order: 2;}
  .voice .sec2 .case2 .area .block:nth-child(4) .imageArea{width: calc(590*var(--vw-scale)); margin-right: calc(100*var(--vw-scale)); order: 1;}
  .voice .sec2 .case2 .area .block:nth-child(5){display: flex; justify-content: center; align-items: center; margin-bottom: calc(100*var(--vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(5) .textArea{width: calc(580*var(--vw-scale)); margin-right: calc(60*var(--vw-scale)); order: 1;}
  .voice .sec2 .case2 .area .block:nth-child(5) .imageArea{width: calc(650*var(--vw-scale)); margin-top: calc(-30*var(--vw-scale)); order: 2;}
  .voice .sec2 .case2 .endTxt_area{width: 100%; background: #fff; padding: calc(60*var(--vw-scale)) 0; text-align: center;}
  .voice .sec2 .case2 .endTxt_area img{width: calc(791*var(--vw-scale)); display: inline-block;}
  /* オーナーズボイスここまで */
}

/* -----------------spビュー ------------------*/
@media screen and (max-width: 767px) {
  /* リセット */
  ul{padding: 0; margin: 0; list-style: none;} li{list-style: none;} a{text-decoration: none; color: inherit;}

  /* サイドメニュー */
  .menuBtn{z-index: 1001; position: fixed; top: calc(140*var(--sp-vw-scale)); right: calc(16*var(--sp-vw-scale)); background: none; border: none; padding: 0; margin: 0;}
  .menuBtn .btnBox{position: relative; width: calc(120*var(--sp-vw-scale)); height: calc(120*var(--sp-vw-scale)); font-size: 0; line-height: 0; cursor: pointer;}
  .menuBtn .btnBox .menuBtn_open{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 800ms; pointer-events: none;}
  .menuBtn .btnBox .menuBtn_close{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 800ms; pointer-events: none;}
  .menuBtn .btnBox .menuBtn_open.active{opacity: 1; pointer-events: auto;}
  .menuBtn .btnBox .menuBtn_close.active{opacity: 1; pointer-events: auto;}
  .menuArea{
    background: #009963;
    border-radius: calc(20*var(--sp-vw-scale));
    position: fixed;
    top: calc(180*var(--sp-vw-scale));
    left: 50%;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.3) calc(5*var(--sp-vw-scale)) calc(5*var(--sp-vw-scale)) calc(5*var(--sp-vw-scale));
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: calc(40*var(--sp-vw-scale)) calc(50*var(--sp-vw-scale));
    width: calc(630*var(--sp-vw-scale));
    box-sizing: border-box;
    transition: 500ms;
    transform-origin: calc(100% + calc(0*var(--sp-vw-scale))) calc(0*var(--sp-vw-scale));
    transform: translateX(-50%) scale(0);
  }
  .menuArea.active{top: calc(180*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%) scale(1);}
  .menuArea .logo{width: calc(203*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .menuArea .logo img{width: 100%;}
  .menuArea .menuNav{color: #fff; font-size: 0; line-height: 1;}
  .menuArea .menuNav .flex{display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none;}
  .menuArea .menuNav .flex li{border-bottom: solid 1px #48b68f; font-size: calc(28*var(--sp-vw-scale)); padding: calc(30*var(--sp-vw-scale));}
  .menuArea .menuNav .flex li a{text-decoration: none; color: #fff;}
  .menuArea .menuNav .flex li:first-child{border-top: solid 1px #48b68f;}
  .menuArea .menuNav .flex li span{display: inline-block; margin-right: calc(20*var(--sp-vw-scale)); color: #b2e0d0; font-size: calc(20*var(--sp-vw-scale)); vertical-align: middle;}

  /* Topページ */
  .b-forestgarden_menu{display: none;}
  .forestgarden{overflow: hidden; margin-top: 65.5px;}
  .forestgarden .mv{width: 100%; margin-bottom: calc(90*var(--sp-vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_top_sp.webp); background-repeat: no-repeat; background-size: contain; background-position: center top; aspect-ratio: var(--sp_designWidthSize)/1000; position: relative;}
  .forestgarden .mv .logo img{width: calc(258*var(--sp-vw-scale)); position: absolute; top: calc(84*var(--sp-vw-scale)); left: calc(44*var(--sp-vw-scale));}
  .forestgarden .mv .maintext img{width: calc(637*var(--sp-vw-scale)); position: absolute; top: calc(250*var(--sp-vw-scale)); left: calc(44*var(--sp-vw-scale));}
  .forestgarden .mv .btn img{width: calc(454*var(--sp-vw-scale)); position: absolute; top: calc(838*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%);}
  .forestgarden .mv .arrow img{width: calc(73*var(--sp-vw-scale)); position: absolute; top: calc(934*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%);}

  .forestgarden .sec1 {margin-bottom: calc(120*var(--sp-vw-scale));}
  .forestgarden .sec1 .titleArea{width: 100%; margin-bottom: calc(40*var(--sp-vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_con1_titleBg_sp.webp); background-size: contain; background-position: center top; aspect-ratio: var(--sp_designWidthSize)/321;}
  .forestgarden .sec1 .titleArea .title{margin-bottom: calc(60*var(--sp-vw-scale)); padding-top: calc(100*var(--sp-vw-scale)); text-align: center;}
  .forestgarden .sec1 .titleArea .title img{width: calc(550*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .sec1 .titleArea .text{font-size: calc(20*var(--sp-vw-scale)); line-height: 1.5; text-align: center;}
  .forestgarden .sec1 .list{line-height: 0; list-style: none; margin: 0; padding: 0;}
  .forestgarden .sec1 .list .box:not(:last-child){margin-bottom: calc(100*var(--sp-vw-scale));}
  .forestgarden .sec1 .list .box .flex{display: flex; flex-direction: column; font-size: 0; padding: 0;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea{width: 100%; display: inline-block; position: relative; text-align: center; order: 2;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea .text{width: calc(550*var(--sp-vw-scale)); text-align: center; display: inline-block;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .txtArea .text .btn img{width: calc(320*var(--sp-vw-scale)); margin-top: calc(50*var(--sp-vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .imgArea{order: 1; margin: 0; padding: 0; margin-bottom: calc(60*var(--sp-vw-scale)); text-align: left;}
  .forestgarden .sec1 .list .box:nth-child(odd) .flex .imgArea img{width: calc(670*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea{width: 100%; display: inline-block; position: relative; text-align: center; order: 2;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea .text{width: calc(550*var(--sp-vw-scale)); text-align: center; display: inline-block;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .txtArea .text .btn img{width: calc(320*var(--sp-vw-scale)); margin-top: calc(50*var(--sp-vw-scale));}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .imgArea{order: 1; margin: 0; padding: 0; margin-bottom: calc(60*var(--sp-vw-scale)); text-align: right;}
  .forestgarden .sec1 .list .box:nth-child(even) .flex .imgArea img{width: calc(670*var(--sp-vw-scale)); display: inline-block;}

  .forestgarden .sec2 {background: linear-gradient(to right, #009963, #21b857); padding-bottom: calc(100*var(--sp-vw-scale)); display: flex; flex-direction: column;}
  .forestgarden .sec2 .titleArea{width: 100%; margin-bottom: calc(60*var(--sp-vw-scale)); background-image: url(/bunjyo/concept/assets/img/forestgarden_con2_titleBg_sp.webp); background-size: contain; background-position: center top; aspect-ratio: var(--sp_designWidthSize)/332;}
  .forestgarden .sec2 .titleArea .title{margin-bottom: calc(60*var(--sp-vw-scale)); padding-top: calc(100*var(--sp-vw-scale)); text-align: center;}
  .forestgarden .sec2 .titleArea .title img{width: calc(600*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .sec2 .titleArea .text{font-size: calc(20*var(--sp-vw-scale)); line-height: 1.5; text-align: center; color: #fff;}

  .forestgarden .sec2 .thumb_slickWrapper{order: 3;}
  .forestgarden .sec2 .main_slickWrapper{padding-bottom: calc(60*var(--sp-vw-scale)); order: 2;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider{padding-bottom: calc(10*var(--sp-vw-scale)); text-align: center; font-size: 0;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide{width: calc(324*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(20*var(--sp-vw-scale));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide:not(:nth-child(even)){margin-right: calc(20*var(--sp-vw-scale));}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide img{width: 100%;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea{text-align: center; line-height: 1; padding-top: calc(10*var(--sp-vw-scale)); box-sizing: border-box;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea .slideTitle{color: #fff; font-size: calc(18*var(--sp-vw-scale)); margin: 0;}
  .forestgarden .sec2 .thumb_slickWrapper .thumb_slickSlider .slide .textArea .slideText{display: none;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider{width: calc(646*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--sp-vw-scale));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide{position: relative;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide img{width: 100%;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea{width: 100%; background: #003d28; color: #fff; padding: calc(25*var(--sp-vw-scale)); box-sizing: border-box; text-align: center;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideTitle{font-size: calc(28*var(--sp-vw-scale)); line-height: 1; padding-bottom: calc(20*var(--sp-vw-scale)); margin-bottom: calc(20*var(--sp-vw-scale)); border-bottom: solid 1px #fff; margin-top: 0;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideTitle span{display:block; font-size: calc(20*var(--sp-vw-scale)); margin-top: calc(20*var(--sp-vw-scale));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slide .textArea .slideText{font-size: calc(20*var(--sp-vw-scale)); line-height: 1.5; margin: 0;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-prev{z-index: 10; width: calc(150*var(--vw-scale)); left: calc(-80*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-prev::before{display: none;}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-next{z-index: 10; width: calc(150*var(--vw-scale)); right: calc(-80*var(--vw-scale)); line-height: 0; margin: 0; transform: translateY(calc(-30*var(--vw-scale)));}
  .forestgarden .sec2 .main_slickWrapper .main_slickSlider .slick-next::before{display: none;}
  
  /* slick dots カスタマイズ */
  .forestgarden .sec2 .main_slickWrapper .slick-dots li button:before {color: #80ccb1;}
  .forestgarden .sec2 .main_slickWrapper .slick-dots li.slick-active button:before {color: #fff;}

  .forestgarden .sec3{background: #fffef2; text-align: center; padding-bottom: calc(100*var(--sp-vw-scale));}
  .forestgarden .sec3 .titleArea{width: 100%; margin-bottom: calc(60*var(--sp-vw-scale));}
  .forestgarden .sec3 .title{margin-bottom: calc(60*var(--sp-vw-scale)); padding-top: calc(100*var(--sp-vw-scale)); margin: 0; margin-bottom: calc(60*var(--sp-vw-scale)); text-align: center;}
  .forestgarden .sec3 .title img{width: calc(670*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .sec3 .text{font-size: calc(20*var(--sp-vw-scale)); line-height: 1.5; text-align: center;}
  .forestgarden .sec3 .imageArea{width: calc(670*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(80*var(--sp-vw-scale));}
  .forestgarden .sec3 .imageArea img{width: 100%;}
  .forestgarden .sec3 .btn{width: calc(420*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .sec3 .btn img{width: 100%;}

  .forestgarden .cvArea{text-align: center; padding: calc(100*var(--sp-vw-scale)) 0;}
  .forestgarden .cvArea .btn{width: calc(602*var(--sp-vw-scale)); display: inline-block;}
  .forestgarden .cvArea .btn img{width: 100%;}
  /* Topページここまで */

  /* コンテンツ1 */
  .con1{overflow: hidden; margin-top: 65.5px;}
  .con1 .mv{background: url(/bunjyo/concept/assets/img/page/con1_titleBg_sp.webp) no-repeat center; background-size: contain; aspect-ratio: var(--sp_designWidthSize)/800; position: relative; margin-bottom: calc(120*var(--sp-vw-scale));}
  .con1 .mv h1 img{width: calc(624*var(--sp-vw-scale)); position: absolute; top: calc(50*var(--sp-vw-scale)); left: calc(40*var(--sp-vw-scale));}

  .con1 .sec1{text-align: center; margin-bottom: calc(100*var(--sp-vw-scale));}
  .con1 .sec1 .title{width: calc(600*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(70*var(--sp-vw-scale));}
  .con1 .sec1 .title .text{margin-top: calc(70*var(--sp-vw-scale)); text-align: center; font-size: calc(20*var(--sp-vw-scale));}
  .con1 .sec1 .imageArea{display: flex; flex-direction: column; justify-content: center; margin-bottom: calc(60*var(--sp-vw-scale)); line-height: 0;}
  .con1 .sec1 .imageArea .imageBox{width: calc(670*var(--sp-vw-scale)); margin: 0 auto;}
  .con1 .sec1 .imageArea .imageBox:not(:last-child){margin-bottom: calc(20*var(--sp-vw-scale));}
  .con1 .sec1 .imageArea .imageBox img{width: 100%;}
  .con1 .sec1 .box .sub_title{width: calc(670*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con1 .sec1 .box .sub_title img{width: 100%;}
  .con1 .sec1 .box .flex{display: flex; flex-direction: column; text-align: left; line-height: 0; width: calc(670*var(--sp-vw-scale)); margin: 0 auto; padding: 0; list-style: none;}
  .con1 .sec1 .box .flex li:not(:last-child){margin-bottom: calc(60*var(--sp-vw-scale)); font-size: 0;}
  .con1 .sec1 .box .flex li:nth-child(1){width: calc(658*var(--sp-vw-scale)); display: inline-block;}
  .con1 .sec1 .box .flex li:nth-child(2){width: calc(665*var(--sp-vw-scale)); display: inline-block;}
  .con1 .sec1 .box .flex li:nth-child(3){width: calc(667*var(--sp-vw-scale)); display: inline-block;}

  .con1 .sec2{text-align: center; background: #fffef2; padding-top: calc(100*var(--sp-vw-scale)); padding-bottom: calc(120*var(--sp-vw-scale));}
  .con1 .sec2 .title{width: calc(670*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--sp-vw-scale)); border-bottom: solid 1px #00643c; padding-bottom: calc(60*var(--sp-vw-scale));}
  .con1 .sec2 .title img{width: calc(648*var(--sp-vw-scale)); display: inline-block;}
  .con1 .sec2 .title .text{margin: 0; margin-top: calc(30*var(--sp-vw-scale)); text-align: center; font-size: calc(20*var(--sp-vw-scale));}
  .con1 .sec2 .case01{width: calc(670*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(70*var(--sp-vw-scale)); padding-bottom: calc(60*var(--sp-vw-scale)); border-bottom: solid 1px #00643c;}
  .con1 .sec2 .case01 .sub_title{margin-bottom: calc(300*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .sub_title img{width: calc(529*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .sub_title .text{margin: 0; margin-top: calc(40*var(--sp-vw-scale)); text-align: center; font-size: calc(20*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .imageBox{position: relative; width: calc(678*var(--sp-vw-scale)); height: calc(480*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(270*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .imageBox img{width: 100%;}
  .con1 .sec2 .case01 .imageBox ul .point1{position: absolute; top: calc(-240*var(--sp-vw-scale)); left: calc(25*var(--sp-vw-scale)); width: calc(300*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .imageBox ul .point2{position: absolute; top: calc(-240*var(--sp-vw-scale)); right: calc(25*var(--sp-vw-scale)); width: calc(300*var(--sp-vw-scale));}
  .con1 .sec2 .case01 .imageBox ul .point3{position: absolute; top: calc(180*var(--sp-vw-scale)); left: calc(100*var(--sp-vw-scale)); width: calc(400*var(--sp-vw-scale));}

  .con1 .sec2 .case02 .sub_title{margin-bottom: calc(390*var(--sp-vw-scale));}
  .con1 .sec2 .case02 .sub_title img{width: calc(613*var(--sp-vw-scale));}
  .con1 .sec2 .case02 .sub_title .text{margin: 0; margin-top: calc(30*var(--sp-vw-scale)); text-align: center; font-size: calc(20*var(--sp-vw-scale));}
  .con1 .sec2 .case02 .imageBox{position: relative; width: calc(670*var(--sp-vw-scale)); height: calc(327*var(--sp-vw-scale)); margin: 0 auto;}
  .con1 .sec2 .case02 .imageBox img{width: 100%;}
  .con1 .sec2 .case02 .imageBox ul .point1{position: absolute; top: calc(-330*var(--sp-vw-scale)); left: calc(20*var(--sp-vw-scale)); width: calc(300*var(--sp-vw-scale));}
  .con1 .sec2 .case02 .imageBox ul .point2{position: absolute; top: calc(-330*var(--sp-vw-scale)); right: calc(20*var(--sp-vw-scale)); width: calc(300*var(--sp-vw-scale));}
  .con1 .sec2 .case02 .imageBox ul .point3{position: absolute; top: calc(-155*var(--sp-vw-scale)); right: calc(20*var(--sp-vw-scale)); width: calc(300*var(--sp-vw-scale));}
  /* コンテンツ1ここまで */

  /* コンテンツ2 */
  .con2{overflow: hidden; margin-top: 65.5px;}
  .con2 .mv{background: url(/bunjyo/concept/assets/img/page/con2_titleBg_sp.webp) no-repeat center; background-size: contain; aspect-ratio: var(--sp_designWidthSize)/800; position: relative; margin-bottom: calc(120*var(--sp-vw-scale));}
  .con2 .mv h1 img{width: calc(624*var(--sp-vw-scale)); position: absolute; top: calc(50*var(--sp-vw-scale)); left: calc(40*var(--sp-vw-scale));}
  .con2 .sec1 .title{width: calc(502*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec1 .dev01{text-align: center; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec1 .dev01 .imageBox{width: calc(695*var(--sp-vw-scale)); position: relative; display: inline-block;}
  .con2 .sec1 .dev02{background: #fffef2; padding-top: calc(120*var(--sp-vw-scale)); text-align: center; padding-bottom: calc(100*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .sub_title{width: calc(556*var(--sp-vw-scale)); margin:0 auto; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .area{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; position: relative; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .area img{width: 100%;}
  .con2 .sec1 .dev02 .area .illust1{width: calc(571*var(--sp-vw-scale)); position: absolute; top: calc(157*var(--sp-vw-scale)); left: calc(60*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .area .illust2{width: calc(542*var(--sp-vw-scale)); position: absolute; top: calc(570*var(--sp-vw-scale)); right: calc(97*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .frex{display: flex; justify-content: center; font-size: 0; line-height: 1;}
  .con2 .sec1 .dev02 .frex .item{width: calc(210*var(--sp-vw-scale));}
  .con2 .sec1 .dev02 .frex .item:not(:last-child){margin-right: calc(20*var(--sp-vw-scale));}
  .con2 .sec2{padding-top: calc(100*var(--sp-vw-scale));}
  .con2 .sec2 .title{width: calc(563*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec2 .dev01{position: relative;}
  .con2 .sec2 .dev01 .box{padding: calc(300*var(--sp-vw-scale)) 0 calc(60*var(--sp-vw-scale)) 0; margin: 0; line-height: 0; font-size: 0; position: relative;}
  .con2 .sec2 .dev01 .box:nth-child(odd){background: #f7faf9;}
  .con2 .sec2 .dev01 .box:nth-child(even){background: #fff;}
  .con2 .sec2 .dev01 .box .item{display: flex; flex-direction: column; align-items: center; line-height: 0;}
  .con2 .sec2 .dev01 .box .item:not(:last-child){margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box .item .imageArea{width:calc(280*var(--sp-vw-scale)); line-height: 0; margin-bottom: calc(20*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box .item .imageArea img{width: 100%;}

  /* 例外処理 */
  .con2 .sec2 .dev01 .box:nth-child(3){display: block; text-align: center;} 
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(1){display: inline-block; text-align: center; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(1) .imageArea{display: inline-block;}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(2){display: inline-block; margin-right: calc(20*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(3){display: inline-block;}
  /* 例外処理ここまで */

  .con2 .sec2 .dev01 .box::after{content: ""; width: calc(320*var(--sp-vw-scale)); height: calc(210*var(--sp-vw-scale)); position: absolute; top: calc(60*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%); z-index: 2;}
  .con2 .sec2 .dev01 .box::before{content: ""; width: calc(2*var(--sp-vw-scale)); height: calc(100*var(--sp-vw-scale)); position: absolute; top: calc(-40*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%); z-index: 1; background: #00643c;}
  .con2 .sec2 .dev01 .box:nth-child(1)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico01.svg) no-repeat center; background-size: contain;}
  .con2 .sec2 .dev01 .box:nth-child(2)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico02.svg) no-repeat center; background-size: contain;}
  .con2 .sec2 .dev01 .box:nth-child(3)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico03.svg) no-repeat center; background-size: contain;}
  .con2 .sec2 .dev01 .box:nth-child(4)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico04.svg) no-repeat center; background-size: contain;}
  .con2 .sec2 .dev01 .box:nth-child(5)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico05.svg) no-repeat center; background-size: contain;}
  .con2 .sec2 .dev01 .box:nth-child(6)::after{background: url(/bunjyo/concept/assets/img/page/con2_sec02_dev01_box1_ico06.svg) no-repeat center; background-size: contain;}

  .con2 .sec2 .dev01 .box:nth-child(1) .item:nth-child(1) .textArea{width: calc(418*var(--sp-vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(1) .item:nth-child(2) .textArea{width: calc(459*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(2) .item:nth-child(1) .textArea{width: calc(633*var(--sp-vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(2) .item:nth-child(2) .textArea{width: calc(660*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(1) .textArea{width: calc(647*var(--sp-vw-scale));}    
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(2) .textArea{width: calc(286*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(3) .item:nth-child(3) .textArea{width: calc(296*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(4) .item:nth-child(1) .textArea{width: calc(602*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(5) .item:nth-child(1) .textArea{width: calc(659*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .box:nth-child(6) .item:nth-child(1) .textArea{width: calc(416*var(--sp-vw-scale));}
  .con2 .sec2 .dev01 .sideIcons{display: none;}

  .con2 .sec2 .dev02{padding: calc(90*var(--sp-vw-scale)) 0 calc(140*var(--sp-vw-scale)) 0;}
  .con2 .sec2 .dev02 .sub_title{width: 100%; margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con2 .sec2 .dev02 .videoBox{width: calc(710*var(--sp-vw-scale)); position: relative; margin: 0 auto; aspect-ratio: 710/400;}
  .con2 .sec2 .dev02 .videoBox img{width: 100%; cursor: pointer;}
  .con2 .sec2 .dev02 .videoBox .thumbnail{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
  .con2 .sec2 .dev02 .videoBox .playImage{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100*var(--sp-vw-scale));}
  /* コンテンツ2ここまで */

    /* コンテンツ3 */
  .con3{overflow: hidden; margin-top: 65.5px;}
  .con3 .mv{background: url(/bunjyo/concept/assets/img/page/con3_titleBg_sp.webp) no-repeat center; background-size: contain; aspect-ratio: var(--sp_designWidthSize)/800; position: relative; margin-bottom: calc(120*var(--sp-vw-scale));}
  .con3 .mv h1 img{width: calc(668*var(--sp-vw-scale)); position: absolute; top: calc(50*var(--sp-vw-scale)); left: calc(40*var(--sp-vw-scale));}

  .con3 .sec1{text-align: center; margin-bottom: calc(100*var(--sp-vw-scale));}
  .con3 .sec1 .title{width: calc(670*var(--sp-vw-scale)); margin: 0 auto; padding-bottom: calc(100*var(--sp-vw-scale)); border-bottom: solid 1px #003d28; text-align: center;}
  .con3 .sec1 .title img{width: calc(573*var(--sp-vw-scale)); display: inline-block;}
  .con3 .sec1 .text{font-size: calc(20*var(--sp-vw-scale)); line-height: 1.5; margin-bottom: calc(80*var(--sp-vw-scale));}
  .con3 .sec1 .box{width: calc(670*var(--sp-vw-scale)); margin: 0 auto; line-height: 0;}
  .con3 .sec1 .box{border-bottom: solid 1px #003d28;}
  .con3 .sec1 .box img{width: 100%;}
  .con3 .sec1 .box:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: calc(70*var(--sp-vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(2) .area1{width: calc(648*var(--sp-vw-scale)); margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec1 .box:nth-child(2) .area2{width: calc(601*var(--sp-vw-scale)); margin: 0 auto;}
  .con3 .sec1 .box:nth-child(2) .area2 .item:not(:last-child){margin-bottom: calc(30*var(--sp-vw-scale));}
  .con3 .sec1 .box:nth-child(3){display: flex; flex-direction: column; justify-content: left; align-items: flex-start; padding: calc(70*var(--sp-vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(3) .area1{width: calc(670*var(--sp-vw-scale)); order: 2;}
  .con3 .sec1 .box:nth-child(3) .area2{width: calc(521*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale)); text-align: left; order: 1;}
  .con3 .sec1 .box:nth-child(3) .area2 .item:not(:last-child){margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec1 .box:nth-child(4){display: flex; flex-direction: column; justify-content: left; align-items: flex-start; padding: calc(70*var(--sp-vw-scale)) 0;}
  .con3 .sec1 .box:nth-child(4) .area1{width: calc(670*var(--sp-vw-scale)); order: 2;}
  .con3 .sec1 .box:nth-child(4) .area2{width: calc(605*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale)); text-align: left; order: 1;}
  .con3 .sec1 .box:nth-child(4) .area2 .item:not(:last-child){margin-bottom: calc(40*var(--sp-vw-scale));}

  .con3 .sec2{background: #fffef2; padding-top: calc(130*var(--sp-vw-scale)); text-align: center; padding-bottom: calc(100*var(--sp-vw-scale));}
  .con3 .sec2 .title{width: calc(604*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(110*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(2) .area1{width: calc(499*var(--sp-vw-scale)); margin:0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(2) .area2{width: calc(670*var(--sp-vw-scale)); margin: 0 auto;}
  .con3 .sec2 .box:nth-child(3){text-align: center;}
  .con3 .sec2 .box:nth-child(3) .sub_title{width: calc(670*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(20*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(3) .imageArea{width: calc(642*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(4) .sub_title{width: calc(670*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(4) .imageArea{width: calc(670*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(120*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(5){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(5) .area1{width: calc(628*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec2 .box:nth-child(5) .area2{width: calc(670*var(--sp-vw-scale)); margin: 0 auto;}
  .con3 .sec2 .box:nth-child(6){width: calc(670*var(--sp-vw-scale)); margin: 0 auto;}

  .con3 .sec3{padding-top: calc(130*var(--sp-vw-scale)); text-align: center; padding-bottom: calc(180*var(--sp-vw-scale));}
  .con3 .sec3 .title{width: calc(624*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(110*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(2) .area1{width: calc(641*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(80*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(2) .area2{width: calc(590*var(--sp-vw-scale)); margin: 0 auto;}
  .con3 .sec3 .box:nth-child(3){margin-bottom: calc(90*var(--sp-vw-scale)); text-align: center; line-height: 0; font-size: 0;}
  .con3 .sec3 .box:nth-child(3) .sub_title{width: calc(670*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(3) .flex{width: calc(651*var(--sp-vw-scale)); margin: 0 auto; line-height: 0;}
  .con3 .sec3 .box:nth-child(3) .flex .item{width: calc(305*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(40*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(3) .flex .item:nth-child(odd){margin-right: calc(40*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(4){display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
  .con3 .sec3 .box:nth-child(4) .area1{width: calc(633*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(60*var(--sp-vw-scale)); text-align: center;}
  .con3 .sec3 .box:nth-child(4) .text{margin-bottom: calc(20*var(--sp-vw-scale));}
  .con3 .sec3 .box:nth-child(4) .area1 .logo{width: calc(420*var(--sp-vw-scale)); display: inline-block;}
  .con3 .sec3 .box:nth-child(4) .area1 .logo img{width: 100%;}
  .con3 .sec3 .box:nth-child(4) .area2{width: calc(680*var(--sp-vw-scale)); margin: 0 auto;}
  /* コンテンツ3ここまで */

  /* オーナーズボイス */
  .voice{overflow: hidden; margin-top: 65.5px;}
  .voice .mv{background: url(/bunjyo/concept/assets/img/voice/voice_titleBg_sp.webp) no-repeat center; background-size: contain; aspect-ratio: var(--sp_designWidthSize)/800; position: relative; margin-bottom: calc(120*var(--sp-vw-scale));}
  .voice .mv h1 img{width: calc(668*var(--sp-vw-scale)); position: absolute; top: calc(340*var(--sp-vw-scale)); left: 50%; transform: translateX(-50%);}

  .voice .sec1{text-align: center;}
  .voice .sec1 .title{margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec1 .title img{width: calc(634*var(--sp-vw-scale)); display: inline-block;}
  .voice .sec1 .title .text{margin-top: calc(40*var(--sp-vw-scale)); text-align: center; font-size: calc(20*var(--sp-vw-scale));}

  .voice .sec2 .tabArea{line-height: 0; text-align: center;}
  .voice .sec2 .tabArea .tabSwitch1{width: calc(301*var(--sp-vw-scale)); display: inline-block; transform: translateY(calc(5*var(--sp-vw-scale))); z-index: 1; position: relative; margin-right: calc(30*var(--sp-vw-scale)); cursor: pointer;}
  .voice .sec2 .tabArea .tabSwitch1.active{z-index: 3; cursor: default;}
  .voice .sec2 .tabArea .tabSwitch2{width: calc(301*var(--sp-vw-scale)); display: inline-block; transform: translateY(calc(5*var(--sp-vw-scale))); z-index: 1; position: relative;}
  .voice .sec2 .tabArea .tabSwitch2.active{z-index: 3; cursor: default;}
  .voice .sec2 .tabArea .boxTop{width: 100%; aspect-ratio: var(--designWidthSize)/100; border-top: solid 1px #003d28; z-index: 2; position: relative;}
  .voice .sec2 .tabArea .boxTop.tab1{background: #f5fcf6;}
  .voice .sec2 .tabArea .boxTop.tab2{background: #fffef2;}

  .voice .sec2 .case1{background: #f5fcf6; display: none; text-align: center; padding-top: calc(100*var(--sp-vw-scale)); padding-bottom: calc(180*var(--sp-vw-scale));}
  .voice .sec2 .case1 img{width: 100%;}
  .voice .sec2 .case1.active{display: block;}
  .voice .sec2 .case1 .sub_title{width: calc(610*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case1 .mainImage{width: calc(750*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(180*var(--sp-vw-scale)); position: relative;}
  .voice .sec2 .case1 .mainImage .icon{width: calc(450*var(--sp-vw-scale)); position: absolute; bottom: calc(-140*var(--sp-vw-scale)); right: calc(50*var(--sp-vw-scale)); }
  .voice .sec2 .case1 .area{line-height: 0; font-size: 0; margin: 0; padding: 0;}
  .voice .sec2 .case1 .area .block:nth-child(1){display: flex; flex-direction: column; justify-content: center; align-items: flex-end; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(1) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(1) .imageArea{width: calc(630*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case1 .area .block:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(2) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(2) .imageArea{width: calc(580*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case1 .area .block:nth-child(3){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(3) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(3) .imageArea{display: none;}
  .voice .sec2 .case1 .area .block:nth-child(4){display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: calc(30*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(4) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(4) .imageArea{width: calc(630*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case1 .area .block:nth-child(5){display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: calc(100*var(--sp-vw-scale));}
  .voice .sec2 .case1 .area .block:nth-child(5) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; order: 2;}
  .voice .sec2 .case1 .area .block:nth-child(5) .imageArea{width: calc(630*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale)); order: 1;}
  .voice .sec2 .case1 .endTxt_area{width: 100%; background: #fff; padding: calc(60*var(--sp-vw-scale)) 0; text-align: center;}
  .voice .sec2 .case1 .endTxt_area img{width: calc(621*var(--sp-vw-scale)); display: inline-block;}

  .voice .sec2 .case2{background: #fffef2; display: none; text-align: center; padding-top: calc(100*var(--sp-vw-scale)); padding-bottom: calc(180*var(--sp-vw-scale));}
  .voice .sec2 .case2 img{width: 100%;}
  .voice .sec2 .case2.active{display: block;}
  .voice .sec2 .case2 .sub_title{width: calc(610*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case2 .mainImage{width: calc(750*var(--sp-vw-scale)); display: inline-block; margin-bottom: calc(180*var(--sp-vw-scale)); position: relative;}
  .voice .sec2 .case2 .mainImage .icon{width: calc(469*var(--sp-vw-scale)); position: absolute; bottom: calc(-140*var(--sp-vw-scale)); right: calc(50*var(--sp-vw-scale)); }
  .voice .sec2 .case2 .area{line-height: 0; font-size: 0; margin: 0; padding: 0;}
  .voice .sec2 .case2 .area .block:nth-child(1){display: flex; flex-direction: column; justify-content: center; align-items: flex-end; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(1) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(1) .imageArea{width: calc(630*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case2 .area .block:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(2) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(2) .imageArea{width: calc(560*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case2 .area .block:nth-child(3){display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: calc(60*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(3) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(3) .imageArea{width: calc(470*var(--sp-vw-scale)); margin: 0 auto;}
  .voice .sec2 .case2 .area .block:nth-child(4){display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: calc(30*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(4) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; order: 2;}
  .voice .sec2 .case2 .area .block:nth-child(4) .imageArea{width: calc(570*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(80*var(--sp-vw-scale)); order: 1;}
  .voice .sec2 .case2 .area .block:nth-child(5){display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: calc(100*var(--sp-vw-scale));}
  .voice .sec2 .case2 .area .block:nth-child(5) .textArea{width: calc(600*var(--sp-vw-scale)); margin: 0 auto; order: 2;}
  .voice .sec2 .case2 .area .block:nth-child(5) .imageArea{width: calc(630*var(--sp-vw-scale)); margin: 0 auto; margin-bottom: calc(40*var(--sp-vw-scale)); order: 1;}
  .voice .sec2 .case2 .endTxt_area{width: 100%; background: #fff; padding: calc(60*var(--sp-vw-scale)) 0; text-align: center;}
  .voice .sec2 .case2 .endTxt_area img{width: calc(621*var(--sp-vw-scale)); display: inline-block;}
  /* オーナーズボイスここまで */
}