@charset "utf-8";
/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
.cmn_box_intro {
  margin-left: auto;
  margin-right: auto;
}
.cmn_box_ttl01 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cmn_sec_ttl01 {
  letter-spacing: .06em;
  line-height: 1em;
  font-weight: 500;
}
.cmn_sec_ttl01 span {
  letter-spacing: .05em;
}
.cmn_box_intro .cmn_txt_intro {
  line-height: 1.9em;
}
@media (min-width : 768px){
  .cmn_box_intro {
    display: flex;
    width: 1080px;
  }
  .cmn_box_ttl01 {
    width: 295px;
  }
  .cmn_sec_ttl01 {
  margin-top: 20px;
  font-size: 2.4rem;
  }
  .cmn_sec_ttl01 span {
    font-size: 1.5rem;
  }
  .cmn_box_intro .cmn_txt_intro {
    margin-top: 112px;
    margin-left: 55px;
	font-size: .85rem;
  }
}
@media screen and (max-width : 767px){
  .cmn_box_intro {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .cmn_box_ttl01 {
    margin-left: auto;
    margin-right: auto;
  }
  .cmn_box_ttl01 .cmn_label01 {
      width: 17.3vw;
    }
  .cmn_sec_ttl01 {
  margin-top: 4vw;
  font-size: 6.6vw;
  }
  .cmn_sec_ttl01 span {
    font-size: 4vw;
  }
  .cmn_box_intro .cmn_txt_intro {
    margin-top: 5.6vw;
    margin-left: 8vw;
    margin-right: 8vw;
  }
}
/* -----------------------------------------------------------------
.sec_fv
----------------------------------------------------------------- */
.sec_fv {
  position: relative;
}
@media (min-width : 768px){
  .sec_fv {
    display: flex;
  }
}
@media screen and (max-width : 767px){
  .sec_fv {
  }
}
/* -----------------------------------------------------------------
.sec_fv .box_1st
----------------------------------------------------------------- */
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.sec_fv .box_1st .copy {
  line-height: 1.2;
  letter-spacing: .02em;
  font-weight: 400;
}
.sec_fv .box_1st .slick-dots {/*slick-theme.css上書き*/
  position: relative;
  bottom: auto;
  list-style: none;
  display: block;
  text-align: unset;
}
.sec_fv .box_1st .slick-dots li,
.sec_fv .box_1st .slick-dots li button,
.sec_fv .box_1st .slick-dots li button:before {/*slick-theme.css上書き*/
  width: 15px;
  margin: 0;
}
@media (min-width : 768px){
  .sec_fv .box_1st {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 23%;
    margin-bottom: 34px;
  }
  .sec_fv .box_1st .copy {
    margin-top: 3.5vw;
    margin-right: 0.2em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    opacity: .41;
    font-size: 5rem;
    color: #617469;
  }
  .sec_fv .box_1st .slick-dots {/*slick-theme.css上書き*/
    width: 10rem;
    margin-top: 1rem;
  }
  .sec_fv .box_1st .list_news {
    width: 11rem;
    margin-top: 1.5rem;
  }
  .sec_fv .box_1st .list_news li + li {
    margin-top: 9px;
  }
  .sec_fv .box_1st .list_news .time,
  .sec_fv .box_1st .list_news .ttl {
    font-size: .95rem;
    color: #617469;
  }
  .sec_fv .box_1st .cmn_btn_style01 {
    min-width: 13em;
    margin-top: 23px;
  }

}
@media screen and (min-width : 768px) and (max-width : 1500px){
  .sec_fv .box_1st .copy {
    font-size: 4.8rem;
  }
}
@media screen and (max-width : 767px){
  .sec_fv .box_1st {
    position: absolute;
    z-index: 2;
    left: 8%;
    right: 8%;
    bottom: 3.6vw;
    width: 84%;
  }
  .sec_fv .box_1st .copy {
    font-size: 3.6rem;
    font-size: 44px;
    font-size: 11.7vw;
    color: #fff;
  }
  .sec_fv .box_1st .slick-dots {/*slick-theme.css上書き*/
    margin-top: 4.2vw;
  }
  .sec_fv .box_1st .slick-dots li button:before {/*slick-theme.css上書き*/
    opacity: 1;
    color: #fff;
  }
  .sec_fv .box_1st .slick-dots li.slick-active button:before {
    color: #617469;
  }
}
/* -----------------------------------------------------------------
.sec_fv .box_2nd
----------------------------------------------------------------- */
@media (min-width : 768px){
  .sec_fv .box_2nd {
    width: 77%;
  }
  .sec_fv .box_2nd .box_slider_mv .slick-slide {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 160px);
    height: calc(100svh - 160px);
    min-height: 41rem;
  }
  .sec_fv .box_2nd .box_slider_mv .slick-slide img {
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    transition: 1s;
  }
}
@media screen and (max-width : 767px){
  .sec_fv .box_2nd .box_slider_mv .slick-slide {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 60px);
    height: calc(100svh - 60px);
  }
  .sec_fv .box_2nd .box_slider_mv .slick-slide img {
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    transition: 1s;
  }

}

/* -----------------------------------------------------------------
.sec_news_sp
----------------------------------------------------------------- */
@media screen and (max-width : 767px){
    .sec_news_sp {
    padding: 1em 8%;
    background: #fff;
  }
  .sec_news_sp {
    padding: 1em 8% 1.2em;
    background: #fff;
  }
  .sec_news_sp .list_news li a {
    display: flex;
    padding: .2em 0;
    color: #617469;
  }
  .sec_news_sp .list_news li a .time {
    flex: 0 1 5.5em;
  }
  .sec_news_sp .list_news li a .ttl {
    flex: 1 1;
  }
  .sec_news_sp .cmn_btn_style01 {
    display: flex;
    width: 11.5em;
    margin-left: auto;
    margin-right: 0;
    margin-top: 1em;
    padding: .3em .3em .35em 1em;
    font-size: 85%;
  }
}

/* -----------------------------------------------------------------
.sec_concept
----------------------------------------------------------------- */
.sec_concept {
  position: relative;
  background: #F6EEE8;
}
.sec_concept::before,
.sec_concept::after{
  content:"";
  position: absolute;
  z-index: 1;
  display:block;
}
.sec_concept .label {
  display: flex;
  justify-content: center;
}
.sec_concept .inner_base {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec_concept .sec_ttl {
  font-weight: 700;
}
.sec_concept .sec_ttl .txt01 {
  letter-spacing: .02em;
  line-height: 1.08em;
}
.sec_concept .sec_ttl .txt02 {
  letter-spacing: .02em;
  line-height: 1.08em;
}
.sec_concept .sec_ttl .txt03 {
  margin: 0 .1em;
  padding: 0 .1em;
  background: linear-gradient(transparent 55%, #D5E6D6 55%);
  letter-spacing: .02em;
  line-height: 1.08em;
  }
.sec_concept .txt_intro {
  line-height: 1.9em;
}
@media (min-width : 768px){
  .sec_concept {
    padding-bottom: 150px;
  }
  .sec_concept::before {
    top: 0;
    right: calc((100vw - 1080px) / 2 + 980px);
    width:521px;
    height:661px;
    margin-top: 167px;
    background: url("../images/index/img_deco_tree01.png") no-repeat center top;
    background-size:contain;
  }
  .sec_concept::after {
    top: 0;
    right: 0;
    width:377px;
    height:1141px;
    margin-top: 146px;
    background: url("../images/index/img_deco_tree02.png") no-repeat center top;
    background-size:contain;
  }
  .sec_concept >*{
    position: relative;
    z-index: 2;
  }
  .sec_concept .inner_base {
    max-width: 1600px;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .sec_concept .sec_ttl {
    margin-top: 42px;
  }
  .sec_concept .sec_ttl .txt01 {
    font-size: 1.75rem;
  }
  .sec_concept .sec_ttl .txt02 {
    font-size: 2.25rem;
  }
  .sec_concept .sec_ttl .txt03 {
    font-size: 2.6rem;
  }
  .sec_concept .txt_intro {
    margin-top: 47px;
  }
}
@media screen and (max-width : 767px){
  .sec_concept {
    padding-bottom: 150px;
  }
  .sec_concept::before {
    top: 16vw;
    width:23.3vw;
    height:44.6vw;
    left: 0;
    background: url("../images/index_sp/img_deco_tree01.png") no-repeat center top;
    background-size:contain;
  }
  .sec_concept::after {
    top: 8.3vw;
    right: 0px;
    width: 21.6vw;
    height:54.5vw;
    background: url("../images/index_sp/img_deco_tree02.png") no-repeat center top;
    background-size:contain;
  }
  .sec_concept .inner_base {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .sec_concept .label >img {
    width: 17.3vw;
  }
  .sec_concept .sec_ttl {
    margin-top: 3vw;
  }
  .sec_concept .sec_ttl .txt01 {
    font-size: 4.66vw;
    line-height: 10vw;
  }
  .sec_concept .sec_ttl .txt02 {
    font-size: 6vw;
    line-height: 10vw;
  }
  .sec_concept .sec_ttl .txt03 {
    font-size: 8vw;
    line-height: 10vw;
  }
  .sec_concept .txt_intro {
    margin-top: 6.2vw;
  }
  .sec_concept .txt_intro span {
    display: inline-block;
  }

}
/* -----------------------------------------------------------------
.sec_concept .box_hint
----------------------------------------------------------------- */
.sec_concept .box_hint >.item .ttl {
  line-height: 1.28;
  letter-spacing: .15em;
  text-align: center;
}
.sec_concept .box_hint >.item .ttl span {
  letter-spacing: .1em;
}
.sec_concept .box_hint >.item .body {
  line-height: 1.76;
  font-weight: 400;
}
.sec_concept .box_hint >.item .btn span {
  display: block;
  background: #154328;
  line-height: 1;
  letter-spacing: .1em;
  text-align: center;
  color: #fff;
}

@media (min-width : 768px){
  .sec_concept .box_hint {
    display: flex;
    gap: 3.6vw;
    margin-top: 97px;
  }
  .sec_concept .box_hint >.item {
    width: 100%;
  }
  .sec_concept .box_hint >.item .img {

  }
  .sec_concept .box_hint >.item .ico {
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }
  .sec_concept .box_hint >.item .ttl {
    margin-top: 12px;
    font-size: 1.95rem;
  }
  .sec_concept .box_hint >.item .ttl span {
    font-size: 1.45rem;
  }
  .sec_concept .box_hint >.item .body {
    margin-top: 30px;
    font-size: .85rem;
  }
  .sec_concept .box_hint >.item .btn span {
    margin-top: 40px;
    padding: 10px;
  }
  .sec_concept .box_hint >.item .btn::after {
    width:23px;
    height:87px;
    margin-top: -10px;
  }
  .sec_concept .box_hint >.item .btn::after {
    content:"";
    display:block;
    margin:auto;
    background:url("../images/common/arrow_style03_dn.svg") no-repeat center top;
    transition: .5s;
  }
  .sec_concept .box_hint >.item .btn:hover::after {
    background:url("../images/common/arrow_style03_dn.svg") no-repeat center bottom;
  }

}
@media screen and (max-width : 767px){
  .sec_concept .box_hint {
    margin-top: 12.4vw;
  }
  .sec_concept .box_hint >.item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sec_concept .box_hint >.item + .item {
    margin-top: 18.62vw;
  }
  .sec_concept .box_hint >.item:nth-of-type(1) .ico img {
    width: 7.7vw;
  }
  .sec_concept .box_hint >.item:nth-of-type(2) .ico img {
    width: 10.8vw;
  }
  .sec_concept .box_hint >.item:nth-of-type(3) .ico img {
    width: 4.7vw;
  }
  .sec_concept .box_hint >.item .ttl {
    margin-top: 3.36vw;
    font-size: 5.2vw;
  }
  .sec_concept .box_hint >.item .ttl span {
    font-size: 3.86vw;
  }
  .sec_concept .box_hint >.item .body {
    margin-top: 2.6vw;
  }
  .sec_concept .box_hint >.item .btn {
    display: block;
    width: 100%;
}
  .sec_concept .box_hint >.item .btn span {
    margin-top: 3.8vw;
    padding: 10px;
    background:#154328 url("../images/common/arrow_style06_dn_wt.svg") no-repeat right 1em center;
    background-size: 3.02vw;
  }
  .sec_concept .box_hint >.item .btn::after {
    width:23px;
    height:87px;
    margin-top: -10px;
  }

}
/* -----------------------------------------------------------------
.sec_gallery
----------------------------------------------------------------- */
.sec_gallery .link_ig {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width : 768px){
  .sec_gallery .link_ig {
    margin-top: 25px;
  }
  .sec_gallery #sb_instagram {
    margin-top: 104px;
  }
}
@media screen and (max-width : 767px){
  .sec_gallery .cmn_txt_intro {
    text-align: center;
  }
  .sec_gallery .link_ig {
    margin-top: 5.6vw;
  }
  .sec_gallery #sb_instagram {
    margin-top: 8.4vw;
  }
}
/* -----------------------------------------------------------------
.sec_shopping
----------------------------------------------------------------- */
.sec_shopping {
  position: relative;
  overflow: hidden;
}
.sec_shopping::before {
  content:"";
  position: absolute;
  z-index: -1;
  display:block;
  background: url("../images/index/img_deco_tree03.png") no-repeat center center;
  background-size:contain;
}
.sec_shopping .inner {
  margin-left: auto;
  margin-right: auto;
}
.sec_shopping .box_ttl {
  background: #154328;
}
.sec_shopping .box_ttl .sec_ttl {
  letter-spacing: .045em;
  font-weight: 700;
  color: #fff;
}
.sec_shopping .box_ttl .sec_ttl::before {
  content:"";
  display:block;
  margin-left: auto;
  margin-right: auto;
  background:url("../images/index/ico_footprints.svg") no-repeat center center;
  background-size:contain;
}
.sec_shopping .box_ttl .txt_intro {
  line-height: 2.23;
  letter-spacing: .02em;
  text-align: center;
  font-weight: 500;
  color: #fff;
}
.sec_shopping .box_step .link {
  display: flex;
  align-items: center;
  border: #231205 2px solid;
  border-radius: 100px;
}
.sec_shopping .box_step .link::after {
  content:"";
  display:block;
  background:url("../images/common/arrow_style04_dn_br.svg") no-repeat center center;
  background-size:contain;
}
.sec_shopping .box_step .link .num {
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
}
.sec_shopping .box_step .link .txt {
  line-height: 1;
  letter-spacing: .02em;
  font-weight: 700;
}


@media (min-width : 768px){
  .sec_shopping {
    padding: 116px 5vw 75px;
  }
  .sec_shopping::before {
    left: calc((100vw - 1080px) / 2 + 990px);
    width:530px;
    height:710px;
  }
  .sec_shopping .inner {
    display: flex;
    width: 1080px;
  }
  .sec_shopping .box_ttl {
    width: 35%;
    padding: 50px 0 95px;
  }
  .sec_shopping .box_ttl .sec_ttl {
    font-size: 1.6rem;
    color: #fff;
  }
  .sec_shopping .box_ttl .sec_ttl::before {
    width:112px;
    height:76px;
    margin-bottom: 40px;
  }
  .sec_shopping .box_ttl .txt_intro {
    margin-top: 80px;
    font-size: .85rem;
  }
  .sec_shopping .box_ttl .txt_intro + .txt_intro {
    margin-top: 3em;
  }
  .sec_shopping .box_step {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .sec_shopping .box_step .link {
    width: 433px;
    height: 59px;
    padding: 0 30px;
  }
  .sec_shopping .box_step .link::after {
    width:23px;
    height:13px;
    margin-left: 10px;
  }
  .sec_shopping .box_step .link .num {
    font-size: 1.7rem;
  }
  .sec_shopping .box_step .link .txt {
    width: 77%;
    margin-left: 1em;
  }
}
@media screen and (max-width : 767px){
.sec_shopping {
  padding: 8vw;
  }
  .sec_shopping::before {
    left: calc((100vw - 1080px) / 2 + 990px);
    width:530px;
    height:710px;
  }
  .sec_shopping .box_ttl {
    padding: 4vw 0;
  }
  .sec_shopping .box_ttl .sec_ttl {
    margin-bottom: 3vw;
    font-size: 5vw;
  }
  .sec_shopping .box_ttl .sec_ttl::before {
    width:10.5vw;
    height:7.09vw;
    margin-bottom: 3.6vw;
  }
  .sec_shopping .box_step {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    margin-top: 4vw;
  }
  .sec_shopping .box_step .link {
    padding: .4em 1.5em;
  }
  .sec_shopping .box_step .link::after {
    width:1em;
    height:1em;
    margin-left: 10px;
  }
  .sec_shopping .box_step .link .num {
    font-size: 1.7rem;
  }
  .sec_shopping .box_step .link .txt {
    width: 77%;
    margin-left: 1em;
  }

}
/* -----------------------------------------------------------------
.cmn_sec_step
----------------------------------------------------------------- */
.cmn_sec_step.no01,
.cmn_sec_step.no03,
.cmn_sec_step.no05 {
  background: #D2C0B2;
}
.cmn_sec_step .sec_ttl_sub {
  line-height: 1;
  letter-spacing: .034em;
  text-align: center;
  font-weight: 700;
  color: rgba(210,192,178,.28);
}
.cmn_sec_step.no01 .sec_ttl_sub ,
.cmn_sec_step.no03 .sec_ttl_sub ,
.cmn_sec_step.no05 .sec_ttl_sub {
  color: rgba(255,255,255,.28);
}
.cmn_sec_step .inner {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width : 768px){
  .cmn_sec_step {
    padding-bottom: 115px;
  }
  .cmn_sec_step .sec_ttl_sub {
    padding-top: .2em;
    font-size: 7.5rem;
  }
  .cmn_sec_step .inner {
    max-width: 1080px;
  }
}
@media screen and (max-width : 767px){
  .cmn_sec_step {
    padding-bottom: 9vw;
    padding: 0 8vw 9vw;
  }
  .cmn_sec_step .sec_ttl_sub {
    padding-top: 5.3vw;
    font-size: 10vw;
  }
}

/*---------- sec_ttl ----------*/
.cmn_sec_step .sec_ttl {
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 700;
}
.cmn_sec_step .sec_ttl span {
  letter-spacing: .35em;
}
.cmn_sec_step .sec_ttl span {
  font-size: 63%;
}
@media (min-width : 768px){
  .cmn_sec_step .sec_ttl {
    margin-top: -1em;
    font-size: 2.85rem;
  }
}
@media screen and (max-width : 767px){
  .cmn_sec_step .sec_ttl {
    margin-top: -1em;
    font-size: 2.85rem;
    font-size: 6vw;
  }
}

/*---------- txt_intro ----------*/
.cmn_sec_step .txt_intro {
  line-height: 1.9;
  text-align: center;
}
@media (min-width : 768px){
  .cmn_sec_step .txt_intro {
    margin-top: 38px;
  }
}
@media screen and (max-width : 767px){
  .cmn_sec_step .txt_intro {
    margin-top: 5vw;
  }
}

/*---------- box_point ----------*/
.cmn_sec_step .box_point {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.cmn_sec_step .box_point .ttl {
  background: #154328;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.cmn_sec_step .box_point ul.list_point {
  display: inline-flex;
  flex-direction: column;
}
.cmn_sec_step .box_point ul.list_point li {
  display: flex;
}

.cmn_sec_step .box_point ul.list_point li::before {
  content:"";
  display:block;
  background:url("../images/common/ico_check_style01.svg") no-repeat center center;
  background-size:contain;
}
@media (min-width : 768px){
  .cmn_sec_step .box_point {
    margin-top: 38px;
    padding: 70px 2em;
    border-radius: 26px;
  }
  .cmn_sec_step .box_point .ttl {
    padding: 18.5px 1em;
    font-size: 1.25rem;
  }
  .cmn_sec_step .box_point .ttl:not(:first-child) {
    margin-top: 2.5rem;
  }
  .cmn_sec_step .box_point ul.list_point {
    margin: 38px auto 0;
  }
  .cmn_sec_step .box_point ul.list_point li+li {
    margin-top: 16px;
  }
  .cmn_sec_step .box_point ul.list_point li::before {
    width:1.6em;
    height:1.5em;
    margin-right: .8em;
  }
}
@media screen and (max-width : 767px){
  .cmn_sec_step .box_point {
    margin-top: 5vw;
    padding: 9.3vw 2em;
    border-radius: 1.3em;
  }
  .cmn_sec_step .box_point .ttl {
    padding: 2.4vw 1em;
    font-size: 1.25rem;
  }
  .cmn_sec_step .box_point .ttl:not(:first-child) {
    margin-top: 1.5rem;
  }
  .cmn_sec_step .box_point ul.list_point {
    margin: 5vw auto 0;
  }
  .cmn_sec_step .box_point ul.list_point li+li {
    margin-top: 2.1vw;
  }
  .cmn_sec_step .box_point ul.list_point li::before {
    width:1.6em;
    height:1.5em;
    margin-right: .8em;
  }
}


/*---------- txt_style ----------*/
.cmn_sec_step .box_point .txt_style01 {
  margin-top: 1em;
  letter-spacing: .045em;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  color: #625A54;
}
.cmn_sec_step .box_point .txt_style02 {
  margin-top: 1em;
  letter-spacing: .03em;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  color: #E66F49;
}
.cmn_sec_step .box_point .txt_style03 {
  margin-top: 1em;
  text-align: center;
  line-height: 1.9;
  font-weight: 700;
}
.cmn_sec_step .box_point .txt_style04 {
  margin-top: 1em;
  line-height: 2.14;
  text-align: center;
  font-weight: 700;
  font-size: 1.05rem;
}
.cmn_sec_step .box_point .txt_style01.underline::after {
  content:"";
  display:block;
  width:526px;
  height:1px;
  margin:1em auto 0;
  background:#707070;
}
.cmn_sec_step .box_img {
  display: flex;
}
.cmn_sec_step .txt_info {
  margin-top: 1em;
  text-align: center;
}
@media (min-width : 768px){
.cmn_sec_step .box_img {
  margin-top: 53px;
}
.cmn_sec_step .txt_info {
  font-size: .85rem;
}
}
@media screen and (max-width : 767px){
  .cmn_sec_step .box_point .txt_style03 {
    line-height: 1.6;
  }
  .cmn_sec_step .box_point .txt_style04 {
    line-height: 1.6;
  }
  .cmn_sec_step .box_point .txt_style01.underline::after {
    width:100%;
  }
  .cmn_sec_step .box_img {
    flex-wrap: wrap;
    margin: 7vw -8vw 0;
  }
  .cmn_sec_step .box_img >* {
    width: 50%
  }
  .cmn_sec_step .txt_info {
    font-size: .85rem;
  }
}

/*---------- 01と02と07----------*/
.cmn_sec_step.no01,
.cmn_sec_step.no02,
.cmn_sec_step.no07 {
  padding-bottom: 0;
}

/*---------- 06 ----------*/
.cmn_sec_step.no06 .layout01 {
  margin-left: auto;
  margin-right: auto;
}
.cmn_sec_step.no06 .layout01 .img {
  margin-top: 22px;
}

@media (min-width : 768px){
  .cmn_sec_step.no06 .layout01 {
    display: flex;
  }
  .cmn_sec_step.no06 .layout01 ul.list_point {
    margin-left: 4em;
    margin-right: 0;
  }
  .cmn_sec_step.no06 .cmn_btn_style01 {
    margin-top: 37px;
  }
}
@media screen and (max-width : 767px){
  .cmn_sec_step.no06 .cmn_btn_style01 {
    margin-top: 4.9vw;
  }
}

/*---------- 07 ----------*/
.cmn_sec_step.no07 {
  background: rgba(189,226,173,.6);
}
.cmn_sec_step.no07 .sec_ttl_sub {
  color: rgba(255,255,255,.28); 
}
.cmn_sec_step.no07 .layout01 {
  position: relative;
}
.cmn_sec_step.no07 .layout01 .img_txt {
  position: absolute;
  top: 170px;
  left: calc(50% + 2.4rem);
}
.cmn_sec_step.no07 .layout01 .img_bg {
  display: flex;
  justify-content: center;
  margin-top: -90px;
}
@media (min-width : 768px){

}
@media screen and (max-width : 767px){
  .cmn_sec_step.no07 {
    padding-left: 0;
    padding-right: 0;
  }
  .cmn_sec_step.no07 .layout01 .img_txt {
    top: 7.6vw;
    left: calc(50% + 2vw);
    width: 33vw;
  }
  .cmn_sec_step.no07 .layout01 .img_bg {
    display: flex;
    justify-content: center;
    margin-top: -3vw;
  }
}
/* -----------------------------------------------------------------
.sec_coordinate
----------------------------------------------------------------- */
.sec_coordinate {
  position: relative;
}
.sec_coordinate .inner {
  margin-left: auto;
  margin-right: auto;
}
.sec_coordinate .sec_ttl {
  line-height: 2.28;
  text-align: center;
  font-weight: 700;
}
.sec_coordinate .img_txt {
  position: absolute;
}
.sec_coordinate .txt_intro {
  line-height: 1.9;
  text-align: center;
}
.sec_coordinate .txt_intro + .txt_intro {
  margin-top: 2em;
}
.sec_coordinate .img_line {
  display: flex;
  justify-content: center;
}
.sec_coordinate .btn_line {
  text-align:center;
}
@media (min-width : 768px){
  .sec_coordinate {
    padding-bottom: 200px;
  }
  .sec_coordinate .inner {
    width: 95%;
    max-width: 1550px;
  }
  .sec_coordinate .sec_ttl {
    padding-top: 204px;
    font-size: 1.75rem;
  }
  .sec_coordinate .img_txt {
    top: 81px;
    right: calc(50% + 336px);
  }
  .sec_coordinate .txt_intro {
    margin-top: 60px;
  }
  .sec_coordinate .img_line {
    margin-top: 92px;
  }
  .sec_coordinate .btn_line {
    margin-top: 41px;
  }
}
@media screen and (max-width : 767px){
  .sec_coordinate {
    padding-bottom: 14vw;
  }
  .sec_coordinate .inner {
    width: 84%;
  }
  .sec_coordinate .sec_ttl {
    position: relative;
    padding-top: 15vw;
    line-height: 1.8;
    font-size: 4.6vw;
    z-index: 2;
  }
  .sec_coordinate .img_txt {
    top: 2vw;
    left: 0vw;
    width: 40vw;
    z-index: 1;
  }
  .sec_coordinate .txt_intro {
    margin-top: 60px;
  }
  .sec_coordinate .img_line {
    margin-top: 8vw;
  }
}

/*---------- sec_flow ----------*/
.sec_coordinate .sec_flow {
  width: 100%;
  background: rgba(255,255,255,.6);
}
.sec_coordinate .sec_flow .label {
  display: flex;
  justify-content: center;
}
.sec_coordinate .sec_flow .sec_flow_ttl {
  letter-spacing: .12em;
  text-align: center;
  font-weight: 700;
}
.sec_coordinate .box_flow >.item {
  display: flex;
  justify-content: center;
}
.sec_coordinate .box_flow >.item:last-of-type {
  background: none;
}
.sec_coordinate .box_flow >.item .num {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #154328;
  line-height: 1;
  letter-spacing: .034em;
  color: #fff;
}
.sec_coordinate .box_flow >.item .num span {
  margin-bottom: -.2em;
  letter-spacing: .034em;
  font-weight: 700;
  color: #fff;
}
.sec_coordinate .box_flow >.item .box_layout .body {
  flex: 1;
}
.sec_coordinate .box_flow >.item .box_layout .body .ttl {
  line-height: 1.57;
  font-weight: 700;
  color: #154328;
}
.sec_coordinate .box_flow >.item .box_layout .body .txt {
  line-height: 1.9;
}

@media (min-width : 768px){
  .sec_coordinate .sec_flow {
    max-width: 1450px;
    margin: 124px auto 0;
    padding: 0 5% 115px;
    border-radius: 50px;
  }
  .sec_coordinate .sec_flow .sec_flow_ttl {
    margin-top: 15px;
    font-size: 2.5rem;
  }
  .sec_coordinate .box_flow {
    max-width: 1080px;
    margin: 98px auto 0;
  }
  .sec_coordinate .box_flow >.item {
    padding-bottom: 70px;
    background: url("../images/index/img_coordinate_flow_deco01.svg") no-repeat left 73px top 170px;
    background-size: .6rem;
  }
  .sec_coordinate .box_flow >.item .box_layout {
    display: flex;
    flex: 1;
    margin-left: 3rem;
  }
  .sec_coordinate .box_flow >.item .num {
    width: 152px;
    height: 152px;
    border-radius: 200px;
    font-size: 1.5rem;
  }
  .sec_coordinate .box_flow >.item .num span {
    font-size: 2.95rem;
  }
  .sec_coordinate .box_flow >.item .box_layout .body .ttl {
    font-size: 1.75rem;
  }
  .sec_coordinate .box_flow >.item .box_layout .body .txt {
    margin-top: 33px;
  }
  .sec_coordinate .box_flow >.item .box_layout .img {
    width: 390px;
    margin-left: 3.65rem;
  }
}

@media screen and (max-width : 767px){
  .sec_coordinate .sec_flow {
    margin: 10vw auto 0;
    padding: 0 5% 9vw;
    border-radius: 6.6vw;
  }
  .sec_coordinate .sec_flow .label {
    width: 17.3vw;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_coordinate .sec_flow .sec_flow_ttl {
    margin-top: 2vw;
    font-size: 5.3vw;
  }
  .sec_coordinate .box_flow {
    margin: 7vw auto 0;
  }
  .sec_coordinate .box_flow >.item {
    padding-bottom: 10vw;
    background: url("../images/index/img_coordinate_flow_deco01.svg") repeat-y left 6vw top 16vw;
    background-size: 1vw;
  }
  .sec_coordinate .box_flow >.item .num {
    width: 14vw;
    height: 14vw;
    border-radius: 200px;
    font-size: 3vw;
  }
  .sec_coordinate .box_flow >.item .num span {
    font-size: 5vw;
  }
  .sec_coordinate .box_flow >.item .box_layout {
    flex: 1;
    margin-left: 4vw;
  }
  .sec_coordinate .box_flow >.item .box_layout .body .ttl {
    font-size: 4.6vw;
  }
  .sec_coordinate .box_flow >.item .box_layout .body .txt {
    margin-top: .5em;
  }
  .sec_coordinate .box_flow >.item .box_layout .img {
    margin-top: 1em;
  }
}
/*---------- style ----------*/
.sec_coordinate .txt_style01 {
  text-align: center;
  font-weight: 700;
  color: #154328;
}
.sec_coordinate .box_style01 {
  border: #231205 1px solid;
  text-align: center;
}
.sec_coordinate .box_style01 >.ttl {
  background: #231205;
  letter-spacing: .034em;
  font-weight: 700;
  color: #fff;
}
.sec_coordinate .box_style01 >.txt {
  line-height: 2.23;
}

@media (min-width : 768px){
  .sec_coordinate .txt_style01 {
    margin-top: 43px;
    font-size: 1.05rem;
  }
  .sec_coordinate .box_style01 {
    max-width: 847px;
    margin: 106px auto 0;
    padding: 0 50px 50px;
  }
  .sec_coordinate .box_style01 >.ttl {
    margin-top: 50px;
    padding: 16px;
    font-size: 1.4rem;
  }
  .sec_coordinate .box_style01 >.txt {
    margin-top: 51px;
  }
  .sec_coordinate .box_style01 >.tel {
    margin-top: 51px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width : 767px){
  .sec_coordinate .txt_style01 {
    margin-top: 3vw;
  }
  .sec_coordinate .box_style01 {
    margin: 10vw auto 0;
    padding: 0 3vw 6vw;
  }
  .sec_coordinate .box_style01 >.ttl {
    margin-top: 8vw;
    padding: 1em;
    font-size: 3.3vw;
  }
  .sec_coordinate .box_style01 >.txt {
    margin-top: 5vw;
    font-size: .85rem;
  }
  .sec_coordinate .box_style01 >.tel {
    margin-top: 5vw;
    font-size: 1.9rem;
  }
}

/* -----------------------------------------------------------------
.sec_news_list
----------------------------------------------------------------- */
.sec_news_list {
  background: #E2E3D0;
}
.sec_news_list .inner {
  margin-left: auto;
  margin-right: auto;
}
.sec_news_list .sec_ttl {
  display: flex;
  align-items: center;
}
.sec_news_list .sec_ttl .en {
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
}
.sec_news_list .sec_ttl .jp {
  line-height: 1;
  letter-spacing: .0128em;
  font-weight: 700;
}
.sec_news_list .cmn_box_sort >.item >.body::before {
  display:none;
}


@media (min-width : 768px){
  .sec_news_list {
    padding-bottom: 115px;
  }
  .sec_news_list .inner {
    width: 88vw;
    min-width: 1080px;
    max-width: 1300px;
  }
  .sec_news_list .sec_ttl {
    justify-content: center;
    padding-top: 64px;
  }
  .sec_news_list .sec_ttl .en {
    font-size: 5rem;
  }
  .sec_news_list .sec_ttl .jp {
    margin-left: 2rem;
    font-size: 1.75rem;
  }
  .sec_news_list .txt_intro {
    margin-top: .8em;
    text-align: center;
  }
  .sec_news_list .cmn_box_sort {
    margin-top: 50px;
  }
  .sec_news_list .cmn_box_sort >.item >.ttl {
    width: 6em;
  }
  .sec_news_list .cmn_list_news {
    margin-top: 26px;
  }
  .sec_news_list .cmn_btn_style02 {
    margin-top: 63px;
  }

}
@media screen and (max-width : 767px){
  .sec_news_list {
    padding-bottom: 13.3vw;
  }
  .sec_news_list .inner {
    width: 84vw;
  }
  .sec_news_list .sec_ttl {
    padding-top: 6.6vw;
  }
  .sec_news_list .sec_ttl .en {
    font-size: 13.3vw;
  }
  .sec_news_list .sec_ttl .jp {
    margin-left: 1em;
    font-size: 4vw;
  }
  .sec_news_list .txt_intro {
    margin-top: .8em;
  }
  .sec_news_list .cmn_box_sort {
    margin-top: 2.6em;
  }
  .sec_news_list .cmn_box_sort >.item >.ttl {
    width: 6em;
  }
  .sec_news_list .cmn_list_news {
    margin-top: 2.6em;
    width: 88vw;
  }
  .sec_news_list .cmn_btn_style02 {
    margin-top: 2.6em;
  }
}
/* -----------------------------------------------------------------
.sec_store
----------------------------------------------------------------- */
.sec_store {
  position: relative;
}
.sec_store .box_cont {
  margin-left: auto;
  margin-right: auto;
}
.sec_store .box_cont .store_name {
  letter-spacing: .045em;
}
.sec_store .box_cont .store_name span {
  font-size: 56%;
}
.sec_store .box_cont .store_info {
  line-height: 2.23;
}
@media (min-width : 768px){
  .sec_store {
    padding-bottom: 128px;
    background: url("../images/index/bg_plant_blur.png") no-repeat left top;
  }
  .sec_store .box_cont {
    width: 1080px;
  }
  .sec_store .box_cont .store_name {
    margin-top: 47px;
    font-size: 1.5rem;
  }
  .sec_store .box_cont .store_info {
    margin-top: 25px;
  }
  .sec_store .box_cont .floor {
    margin-top: 60px;
  }
}
@media screen and (max-width : 767px){
  .sec_store {
    padding-bottom: 8vw;
  }
  .sec_store .box_cont {
    width: 84%;
  }
  .sec_store .box_cont .store_name {
    margin-top: 4vw;
    font-size: 5vw;
  }
  .sec_store .box_cont .store_info {
    margin-top: 3vw;
  }
  .sec_store .box_cont .floor {
    margin-top: 8vw;
  }
}
/*---------- layout01 ----------*/
.sec_store .layout01 .box_access .ttl {
  letter-spacing: .045em;
  font-weight: 700;
}
.sec_store .layout01 .box_access .body {
  line-height: 2.23em;
}
.sec_store .layout01 .box_access .btn_map {
  display: flex;
  justify-content: space-between;
  background: #625A54;
  color: #fff;
}
.sec_store .layout01 .box_access .btn_map::after {
  content:"";
  display:block;
  margin-left: .8em;
  background:url("../images/common/arrow_style02_r_wt.svg") no-repeat center center;
  background-size:contain;
}
@media (min-width : 768px){
  .sec_store .layout01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 45vw;
    max-width: 900px;
    min-width: 545px;
    z-index: 3;
  }
  .sec_store .layout01 .img_store {
    position: relative;
    z-index: 2;
    width: 45vw;
    max-width: 900px;
    min-width: 545px;
    margin-right: 0;
  }
  .sec_store .layout01 .box_access {
    position: relative;
    z-index: 1;
    top: -40px;
    left: -60px;
    width: 44vw;
    min-width: 375px;
    padding-top: 103px;
    padding-bottom: 84px;
    padding-left: 5vw;
    padding-right: 5vw;
    background: rgba(255,255,255,.57);
  }
  .sec_store .layout01 .box_access .ttl {
    font-size: 1.5rem;
  }
  .sec_store .layout01 .box_access .body {
    margin-top: 25px;
  }
  .sec_store .layout01 .box_access .btn_map {
    width: 23em;
    margin-top: 30px;
    padding: 15px 20px 15px 27px;
    font-size: .85rem;
  }
  .sec_store .layout01 .box_access .btn_map::after {
    width:45px;
    height:12px;
    margin-left: .8em;
  }

}
@media screen and (max-width : 767px){
  .sec_store .layout01 {
    width: 84%;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_store .layout01 .box_access {
    margin-top: 8vw;
  }
  .sec_store .layout01 .box_access .ttl {
    font-size: 5vw;
  }
  .sec_store .layout01 .box_access .body {
    margin-top: 3.3vw;
  }
  .sec_store .layout01 .box_access .btn_map {
    width: 20em;
    margin-top: 3vw;
    padding: 1.2em 1.6em;
  }
  .sec_store .layout01 .box_access .btn_map::after {
    width:2em;
    height:1em;
    margin-left: .8em;
  }
}
/* -----------------------------------------------------------------
.sec_contact
----------------------------------------------------------------- */
.sec_contact {
  background: #fff;
}
.sec_contact .box_form {
  margin-left: auto;
  margin-right: auto;
  
}
.sec_contact .box_form dl {
display: flex;
flex-wrap: wrap;
}
.sec_contact .box_form dt,
.sec_contact .box_form dd {
  margin-top: 7px;
  margin-bottom: 7px;
}
.sec_contact .box_form dt .required {
  margin-left: 1rem;
  font-size: .75rem;
  color: #DF3E5A;
}
.sec_contact .box_form .input_area {
  width: 100%;
}
.sec_contact .box_form .error {
  font-size: .8rem;
}
.sec_contact .box_form .box_agree {
  text-align: center;
}
.sec_contact .box_form .box_agree .txt,
.sec_contact .box_form .box_agree .check {
  margin-top: 1rem;
  line-height: 1;
}
.sec_contact .open_modal {
  cursor: pointer;
}
.sec_contact .box_form .btn_send {
  width: 100%;
  background: rgba(98,90,84,.23);
  border: none;
  color: #fff;
  transition: .3s;
}
.sec_contact .box_form .btn_send.-active {
  cursor: pointer;
}
.sec_contact .box_form .btn_send.-active:hover {
  background: rgba(98,90,84,1);
}
@media (min-width : 768px){
  .sec_contact {
    padding-bottom: 130px;
  }
  .sec_contact .box_form {
    width: 900px;
    margin-top: 50px;
  }
  .sec_contact .box_form dt {
    width: 11em;
  }
  .sec_contact .box_form dd {
    width: calc(100% - 11em);
    padding-left: 1em;
  }
  .sec_contact .box_form .box_agree {
    margin-top: 40px;
  }
  .sec_contact .box_form .btn_send {

    height: 58px;
    margin-top: 40px;
  }
}
@media screen and (max-width : 767px){
  .sec_contact {
    padding-bottom: 15.6vw;
  }
  .sec_contact .box_form {
    width: 84%;
    margin-top: 6vw;
  }
  .sec_contact .box_form dl {
    flex-direction: column;
  }
  .sec_contact .box_form .box_agree {
    margin-top: 5.3vw;
  }
  .sec_contact .box_form .btn_send {
      height: 12.6vw;
      margin-top: 5.3vw;
  }
}

/* -----------------------------------------------------------------
.sec_storage
----------------------------------------------------------------- */
.sec_storage {
  display: flex;
  justify-content: center;
}
@media (min-width : 768px){
  .sec_storage {
    gap:1.5rem;
    padding: 78px 5vw;
  }
}
@media screen and (max-width : 767px){
  .sec_storage {
    gap:1.5em;
    padding: 7vw 8vw;
  }

}

/* -----------------------------------------------------------------
お客様の声
----------------------------------------------------------------- */
.voice {
	position: relative;
    background: #F6EEE8;
}
.voice .inner_base {
    max-width: 1600px;
    padding-left: 3vw;
    padding-right: 10vw;
	padding-bottom:205px;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.voice .label {
    display: flex;
    justify-content: center;
}
.voice .sec_ttl {
	margin: 42px 0 50px;
	font-size: 50px;
    letter-spacing: 0.2em;
}
.voice .txt_intro {
	line-height:2em;
}
.box_slider_voice {
	margin-top:85px;
}
.box_slider_voice_nav {
	width:450px;
	margin:0 auto;
}
.box_slider_voice .voice_list {
	background: #fff;
	padding:50px 42px;
	margin:20px;
	width:448px;
	min-height:100%;
	text-align: center;
	position:relative;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.box_slider_voice .voice_list .box_img {
	width:270px;
	height:270px;
	display: inline-block;
	border-radius: 50em;
	overflow: hidden;
}
.box_slider_voice .voice_list .box_img .cmn_img_trim {
	width:100%;
	height:100%;
}
.box_slider_voice .voice_list img {
	display: inline-block;
}
.box_slider_voice .voice-title {
	font-size:25px;
	margin-top:35px;
	margin-bottom:35px;
	text-align: left;
}
.box_slider_voice .voice-content {

}
.box_slider_voice .voice-content p {
	font-size:17px;
	line-height:1.9em;
	text-align: left;
}
.box_slider_voice .voice_name {
	margin-top:35px;
	text-align: right;
}
.box_slider_voice .voice_name p {
	text-align: right;
	line-height:1.9em;
	font-size:17px;
	height: 1em;
}
.voice .slick-dots {
	bottom:-50px;
}
.voice .slick-dots li {
	width:10px;
}
.voice .slick-dots li button:before {
	color:#fff;
	opacity: 1;
}
.voice .slick-dots li.slick-active button:before {
	color:#625A54;
}
.voice .slick-prev, .voice .slick-next {
	width:42px;
	height:57px;
}
.voice .slick-prev {
	left:-40px;
}
.voice .slick-next {
	right:-40px;
}
.voice .slick-prev:before, .slick-next:before {
	content:"";
	width:42px;
	height:57px;
	display: inline-block;
}
.voice .slick-prev:before {
	background: url("../images/index/ico_prev.png") no-repeat;
}
.voice .slick-next:before {
	background: url("../images/index/ico_next.png") no-repeat;
}

@media screen and (max-width : 767px){
	.voice .inner_base {
		padding-bottom: 20vw;
		padding-left: 8vw;
  		padding-right: 8vw;
	}
	.voice .label >img {
		width: 17.3vw;
	}
	.voice .sec_ttl {
		margin-bottom:6.2vw;
    	margin-top: 4vw;
    	font-size: 6.6vw;
	}
	.slider_voice_wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-top: 50px;
	}
	.box_slider_voice {
		margin: 0vw;
		width: 100%;
	}
	.box_slider_voice .voice_list {
		padding:7vw;
		display: block;
	}
	.box_slider_voice .voice_list .box_left,.box_slider_voice .voice-content {
		width:auto;
		padding:0;
	}
	.box_slider_voice img {
		width:100%!important;
		height:auto;
	}
	.box_slider_voice .voice-title {
		font-size: 5vw;
	}
	.box_slider_voice .voice-content {
		margin-top:20px;
	}
	.box_slider_voice .voice-content p {
		font-size: 3.2vw;
	}
	.box_slider_voice .voice_name p {
		font-size: 3vw;
	}
	.box_slider_voice_nav {
		width:70vw;
	}
	.box_slider_voice .voice_list .box_img {
		width:50vw;
		height:50vw;
	}
	
	.voice .slick-prev, .voice .slick-next,.voice .slick-prev:before, .slick-next:before {
		width: 25px;
    	height: 40px;
	}
	.voice .slick-prev:before,.voice .slick-next:before {
		background-size: 100%;
	}
	.voice .slick-prev {
		left: -25px;
	}
	.voice .slick-next {
		right: -25px;
	}
}



.office_green_up{
  background: url("https://gt109.jp/wp-content/themes/greenterrace109/assets/images/index/img_greenup_bg.png") no-repeat center top;
  height:485px;
  position:relative;
}
.maintenance{
  background: url("https://gt109.jp/wp-content/themes/greenterrace109/assets/images/index/img_maintenance_bg.jpg") no-repeat center top;
  height:485px;
  position:relative;
}

.office_green_up .content{
  display:flex;
  width:100%;
  position:absolute;
  inset:15% auto auto 20%;
  margin:auto;
}

.maintenance .content{
  display:flex;
  width:100%;
  position:absolute;
  inset:15% auto auto 20%;
  margin:auto;
}
 .office_green_up .txt_box{
   margin-left:101px;
   color:#fff;
   width:473px;
 }
.maintenance .txt_box{
   margin-right:101px;
   color:#fff;
   width:473px;
}
 .office_green_up .txt_box p,
.maintenance .txt_box p{
   line-height:1.5em;
 }

 .office_green_up .txt_box p.txt02,
 .maintenance .txt_box p.txt02{
   font-size: 36px;
     margin-bottom:10px;
 }
.office_green_up .txt_box p.txt03,
.maintenance .txt_box p.txt03{
  margin-bottom:50px;
 }


.office_green_up .txt_box .btn_greenup,
.maintenance .txt_box .btn_greenup{
  position:relative;
}
 .office_green_up .txt_box p.txt04{
   color:#154328;
   position:absolute;
   top:25%;
   left:2%;
   font-size:17px;
   font-weight:600;
 }
.maintenance .txt_box p.txt04{
   color:#231205;
   position:absolute;
   top: 17%;
   left:2%;
   font-size:17px;
   font-weight:600;
 }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .office_green_up .content,
  .maintenance .content {
    left: 150px;
  }
}

@media screen and (min-width: 766px) and (max-width: 1279px) { 
  .office_green_up .content,
  .maintenance .content {
    left: 100px;
  }
}
@media screen and (max-width : 767px){

.office_green_up {
  display:block;
  background: url("https://gt109.jp/wp-content/themes/greenterrace109/assets/images/index/sp_img_greenup_bg.png") no-repeat;
  background-size: cover;
  height: calc(100vw + 160px);
  width:100%;
  position:relative;
}
  .maintenance {
  display:block;
  background: url("https://gt109.jp/wp-content/themes/greenterrace109/assets/images/index/sp_img_maintenance_bg.jpg") no-repeat;
  background-size: cover;
  height: calc(100vw + 160px);
  width:100%;
  position:relative;
}

.office_green_up .content{
  display:block;
  width:100%;
  position:absolute;
  inset:0;
  margin:auto;
  padding: 14vw 10vw 0vw 10vw;
}

.maintenance .content {
  display: flex;  
  flex-direction: column-reverse;
  position: absolute;
  top: 14vw;       /* 上から-100px */
  left: 0;           /* 左位置は0 */
  right: 0;          /* 右位置は0 */
  margin: auto;      /* 水平方向中央揃え */
  padding: 0 10vw;   /* 左右に10vwの余白 */
}


.office_green_up img:nth-child(1){
  margin:0;
  margin-bottom:5vw;
  width:80vw;
}
.maintenance .content > img {
margin:0;
  margin-bottom:5vw;
  width:80vw;
}

.office_green_up .txt_box,
.maintenance .txt_box {
  margin:0;
  color:#fff;
  width:100%;
}

.office_green_up .txt_box p,
.maintenance .txt_box p {
  line-height:1.5em;
}

.office_green_up .txt_box p.txt02,
.maintenance .txt_box p.txt02 {
  font-size: 2em;
}

.office_green_up .txt_box p.txt03,
.maintenance .txt_box p.txt03 {
  margin-bottom:20px;
}

.office_green_up .txt_box p.txt04{
  color:#154328;
  position:absolute;
  top: 21%;
  left:2%;
  font-size:17px;
  font-weight:600;
}

}



/*TOP　オンラインショップバナー追加 */
.OnlineStorebnr{
  position:relative;
}
.OnlineStorebnr img{
 max-width:302px;
position:absolute;
top:10px;
  right:20px;
z-index:3}
@media screen and (max-width : 370px){
 .OnlineStorebnr img{
 max-width:250px;}
}



/*TOP　オンラインショップバナー追加 

.OnlineStorebnr img{
 max-width: 275px;
 position:absolute;
 bottom: 157px;
 right:20px;
 z-index:3;
}

@media screen and (max-width : 375px){
 .OnlineStorebnr img{
 max-width:250px;
 bottom: 150px;
 }
}


.anniversarybnr img{
max-width:200px;
position:absolute;
bottom:30px;
z-index:3;  
left:25%;
}

@media screen and (max-width : 767px){
.anniversarybnr img{
 max-width: 113px;
  left:auto;
right:10px;
}
}
@media screen and (max-width : 375px){
.anniversarybnr img{
 max-width:100px;
}
}*/