@charset "utf-8";
.head .nav .is-active a {
  pointer-events: auto;
}
.breadcrumb{
  background-color: #fff;
}
.st-nav + main{
  position: relative;
  border-bottom: #666;
}
.st-nav::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background: #333;
  width: 100%;
  height: 1px;
  z-index: 1;
  transform: scaleX(var(--border));
  transform-origin: 0 50%;
}
.head + .st-nav::before{
  bottom: 0;
}
main + .st-nav::before{
  top: 0;
}

.mov{
  position: fixed;
  top: 0;
  left: 0;
  background-color: #eee;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.mov #yt{
  position: absolute;
  top: 50%;
  left: 50%;
	width: 177.778vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
  min-height: 130%;
  min-width: 130%;
  transform: translate(-50%, -50%);
}

.container{
  width: 100%;
  overflow: hidden;
}
@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
}

.kv_wrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
}
.kv_wrap::after{
  display: none;
}
.kv_wrap h2.fix_ttl{
  position: absolute;
  top: 50vh;
  left: 0;
  right: 0;
  margin: auto;
  font-family: "丸明オールド StdN R";
  color: #fff;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 0 14px rgba(0,0,0,.7);
  transform: translateY(-50%);
  visibility:hidden;
}
.kv_wrap h2.fix_ttl.view{
  visibility:visible;
}
.kv_wrap h2.fix_ttl .en{
  display: inline-block;
  font-family: "OptimaLTPro-Roman";
  letter-spacing: 0.1em;
}
.catch_wrap{
  position: relative;
  height: 100vh;
  padding: 0;
  overflow: visible;
}
.catch_wrap .catch_mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}
.catch_wrap .catch_mask .catch{
  position: absolute;
  bottom: 50vh;
  left: 0;
  right: 0;
  margin: auto;
  font-family: "丸明オールド StdN R";
  line-height: 1.25;
  text-align: center;
  transform: translateY(50%);
}
.catch_wrap .catch_mask .catch .en{
  display: inline-block;
  font-family: "OptimaLTPro-Roman";
  letter-spacing: 0.1em;
}

.catch_wrap .catch_inner{
  position: relative;
  min-height: 100vh;
}
.catch_wrap .catch_inner::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.75);
  width: 100%;
  height: 300vh;
  z-index: 1;
}
.catch_wrap .txt{
  position: relative;
  z-index: 2;
}
.catch_wrap .txt .catch_sc{
  font-family: "丸明オールド StdN R";
  line-height: 1.25;
  text-align: center;
  opacity: 0;
}
.catch_wrap .txt .catch_sc .en{
  display: inline-block;
  font-family: "OptimaLTPro-Roman";
  letter-spacing: 0.1em;
}
.catch_wrap .copy{
  font-family: "丸明オールド StdN R";
  text-align: center;
}
.catch_wrap .copy .line{
  font-family: "丸明オールド StdN R";
}
@media all and (min-width: 769px) {
  .kv_wrap h2.fix_ttl{
    padding: 0 20px;
    font-size: 80px;
  }
  .kv_wrap h2.fix_ttl .en{
    margin-bottom: 20px;
    font-size: 20px;
  }
  .catch_wrap{
    margin-top: calc(100vh - 185px);
  }
  .catch_wrap .catch_mask .catch{
    padding: 0 20px;
    font-size: 80px;
  }
  .catch_wrap .catch_mask .catch .en{
    margin-bottom: 20px;
    font-size: 20px;
  }
  .catch_wrap .txt{
    padding: 200px 0 140px;
  }
  .catch_wrap .txt .catch_sc{
    padding: 0 20px;
    margin-bottom: 30px;
    font-size: 80px;
  }
  .catch_wrap .txt .catch_sc .en{
    margin-bottom: 20px;
    font-size: 20px;
  }
  .catch_wrap .copy{
    font-size: 27px;
    line-height: 2.593;
  }
  .catch_wrap .copy .line{
    font-size: 27px;
    line-height: 2.593;
  }
}
@media all and (max-width: 768px) {
  .kv_wrap h2.fix_ttl{
    font-size: 10.104vw;
  }
  .kv_wrap h2.fix_ttl .en{
    margin-bottom: 2.667%;
    font-size: 2.667vw;
  }
  .catch_wrap{
    margin-top: calc(100vh - 31.884%);
  }
  .catch_wrap .catch_mask .catch{
    font-size: 10.104vw;
  }
  .catch_wrap .catch_mask .catch .en{
    margin-bottom: 2.667%;
    font-size: 2.667vw;
  }
  .catch_wrap .txt{
    padding: 19.531% 0 19.010%;
  }
  .catch_wrap .txt .catch_sc{
    margin-bottom: 3.906%;
    font-size: 10.104vw; 
  }
  .catch_wrap .txt .catch_sc .en{
    margin-bottom: 2.667%;
    font-size: 2.667vw;
  }
  .catch_wrap .copy{
    font-size: 3.906vw;
    letter-spacing: -0.02em;
    line-height: 2.57;
  }
  .catch_wrap .copy .line{
    font-size: 3.906vw;
    letter-spacing: -0.02em;
    line-height: 2.57;
  }
}

.scene_wrap{
  position: relative;
  margin-top: -50vh;
  /* background-color: rgba(255,255,255,.75); */
  z-index: 2;
}
.scene_wrap .ful{
  position: relative;
  width: 100%;
  height: calc(100vh * 2);
  /* border-top: solid 1px #ccc;
  border-bottom: solid 1px #fff; */
}
.scene_wrap .ful:last-child{
  height: calc(100vh * 2.5);
}
.scene_wrap .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin-top: -50%;
}
.scene_wrap .bg > div{
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  opacity: 0;
}
.scene_wrap .txt{
  position: absolute;
  bottom: 0;
  font-family: "丸明オールド StdN R";
  color: #fff;
}
.scene_wrap .bg02 .txt{
  right: 0;
  text-shadow: 0 0 6px rgba(0,0,0,.9);
}
@media all and (min-width: 769px) {
  .scene_wrap .bg01{
    background-image: url(../img/strength/living_space_making/scene_img01_pc.jpg);
  }
  .scene_wrap .bg02{
    background-image: url(../img/strength/living_space_making/scene_img02_pc.jpg);
  }
  .scene_wrap .bg03{
    background-image: url(../img/strength/living_space_making/scene_img03_pc.jpg);
  }
  .scene_wrap .txt{
    margin: 70px 100px;
    font-size: 48px;
    line-height: 1.667;
  }
}
@media all and (max-width: 768px) {
  .scene_wrap{
    margin-top: 0;
  }
  .scene_wrap .bg01{
    background-image: url(../img/strength/living_space_making/scene_img01_sp.jpg);
  }
  .scene_wrap .bg02{
    background-image: url(../img/strength/living_space_making/scene_img02_sp.jpg);
  }
  .scene_wrap .bg03{
    background-image: url(../img/strength/living_space_making/scene_img03_sp.jpg);
  }
  .scene_wrap .txt{
    margin: 8.333% 9.375%;
    font-size: 6.25vw;
    line-height: 1.375;
  }
  .scene_wrap .bg01 .txt{
    text-shadow: 0 0 6px rgba(0,0,0,.9);
  }
}


.thought_wrap{
  position: relative;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.thought_wrap .inner{
  position: relative;
}
.thought_wrap .inner::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.75);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.thought_wrap .title{
  position: relative;
  font-family: "丸明オールド StdN R";
  line-height: 1;
  text-align: center;
}
.thought_wrap .thought_nav{
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 100%;
}
.thought_wrap .thought_nav .thought_nav_base{
  position: relative;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
}
.thought_wrap .thought_nav_select{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 0;
}

.thought_wrap .thought_lnk_box {
  position:relative;
  display: block;
  overflow: hidden;
}
.thought_wrap .thought_lnk {
  position:relative;
}
.thought_wrap .thought-container {
  position:relative;
  width: 100%;
  padding:0;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  list-style:none;
  z-index:1;
}
.thought_wrap .swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  transition-property:transform;
  box-sizing:content-box;
  transform: translate3d(0px,0,0);
}
.thought_wrap .swiper-slide {
  position:relative;
  flex-shrink:0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height:100%;
  text-align: center;
  transition-property:transform;
}
.thought_wrap .swiper-backface-hidden .swiper-slide {
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.swiper-centered>.swiper-wrapper::before {
  content:'';
  flex-shrink:0;
  order:9999;
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center;
  scroll-snap-stop:always;
}
.thought_wrap .swiper-pagination {
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10;
}
.thought_wrap .swiper-pagination.swiper-pagination-hidden {
  opacity:0;
}
.thought_wrap .swiper-pagination-disabled>.swiper-pagination,
.thought_wrap .swiper-pagination.swiper-pagination-disabled {
  display:none!important;
}
.thought_wrap .swiper-pagination-bullet {
  position: absolute;
  display:inline-block;
  border-radius:0;
  background: url(../img/strength/living_space_making/nav_select.png) no-repeat center;
  background-size: contain;
  mix-blend-mode: multiply;
  opacity:0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.thought_wrap .swiper-pagination-bullet-active {
  opacity:1;
}

.thought_wrap .swiper-slide .slide_ttl {
  font-family: "丸明オールド StdN R";
  color: #fff;
  letter-spacing: 0.01em;
}
.thought_wrap .swiper-slide .slide_txt {
  color: #fff;
  letter-spacing: 0.16em;
}
.thought_wrap .swiper-slide .slide_btn a {
  display: inline-block;
  border: solid 1px #fff;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1;
}
.thought_wrap .swiper-slide .slide_btn a:hover {
  background-color: #333;
  opacity: 1;
}
@media all and (min-width: 769px) {
  .thought_wrap .inner{
    padding-top: 190px;
  }
  .thought_wrap .title{
    margin-bottom: 190px;
    font-size: 50px;
  }
  .thought_wrap .thought_nav{
    padding: 50px 0 20px;
  }
  .thought_wrap .thought_nav .thought_nav_base{
    padding-right: 62.154%;
  }
  .thought_wrap .thought_nav_select{
    width: 37.846%;
  }
  
  .thought_wrap .thought_lnk_box {
    padding: 8.538% 0 300px;
    /*margin-bottom: 600px;*/
  }
  .thought_wrap .thought_lnk {
    left: 38.462%;
    max-width: 54.615%;
  }
  .thought_wrap .swiper-wrapper {
    display:block;
  }
  .thought_wrap .swiper-slide {
    padding: 10.423% 0 12.113%;
  }
  .thought_wrap .swiper-slide + .swiper-slide {
    margin-top: 160px;
  }
  .thought_wrap .swiper-slide.thought01 {
    background-image: url(../img/strength/living_space_making/nav_bg01_pc.jpg);
  }
  .thought_wrap .swiper-slide.thought02 {
    background-image: url(../img/strength/living_space_making/nav_bg02_pc.jpg);
  }
  .thought_wrap .swiper-slide.thought03 {
    background-image: url(../img/strength/living_space_making/nav_bg03_pc.jpg);
  }
  .thought_wrap .swiper-pagination-bullet {
    top: 0;
    width: 30.488%;
    height: 0;
    padding-bottom: 30.488%;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(1) {
    left: 30.691%;
    margin-top: 64.228%;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(2) {
    left: 5.285%;
    margin-top: 95.935%;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(3) {
    left: 56.098%;
    margin-top: 95.935%;
  }
  
  .thought_wrap .swiper-slide .slide_ttl {
    margin-bottom: 10px;
    font-size: 48px;
    line-height: 1.4;
  }
  .thought_wrap .swiper-slide .slide_txt {
    margin-bottom: 60px;
    font-size: 17px;
    line-height: 2;
  }
  .thought_wrap .swiper-slide .slide_btn a {
    width: 230px;
    padding: 16px 0;
    font-size: 15px;
    border-radius: 25px;
  }
  .thought_wrap .thought_lnk_box .sp_icon {
    display: none;
  }
}
@media all and (min-width: 1300px) {
  .thought_wrap .thought_nav .thought_nav_base{
    width: 1300px;
    padding-right: 808px;
  }
  .thought_wrap .thought_lnk_box {
    padding: 150px 0 300px;
  }
  .thought_wrap .thought_lnk {
    left: calc(50% - 150px);
    max-width: 710px;
  }
  .thought_wrap .swiper-slide {
    padding: 74px 0 86px;
  }
  .thought_wrap .swiper-pagination-bullet {
    width: 150px;
    padding-bottom: 150px;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(1) {
    left: 151px;
    margin-top: 316px;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(2) {
    left: 26px;
    margin-top: 472px;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(3) {
    left: 276px;
    margin-top: 472px;
  }
}
@media all and (max-width: 768px) {
  .thought_wrap{
    overflow: visible;
  }
  .thought_wrap .inner{
    padding-top: 11.719%;
    /*margin-bottom: 83.333%;*/
  }
  .thought_wrap .title{
    margin-bottom: 9.115%;
    font-size: 6.25vw;
    letter-spacing: -0.04em;
  }
  .thought_wrap .thought_nav{
    right: 0;
    width: 79.167%;
    padding: 7.566% 0 101.563%;
    margin: 0 auto;
  }
  .thought_wrap .thought_nav .thought_nav_base{
    width: 103.454%;
    margin-left: 2.303%;
  }
  
  .thought_wrap .thought-container {
    overflow:visible;
  }
  .thought_wrap .thought_lnk_box {
    padding: 0 0 12.135%;
    margin: 91.146% auto 0;
    overflow: visible;
  }
  .thought_wrap .thought_lnk {
    left: 0;
    max-width: 100%;
  }
  .thought_wrap .swiper-slide {
    padding: 13.542% 0 11.719%;
  }
  .thought_wrap .swiper-slide:not(.thought01) {
    height: 0;
    overflow: hidden;
  }
  .thought_wrap .bx-viewport .swiper-slide:not(.thought01) {
    height: auto;
    overflow: auto;
  }
  .thought_wrap .bx-wrapper .swiper-wrapper {
    margin-left: 50%;
  }
  .thought_wrap .bx-wrapper .swiper-slide {
    width: 63.542vw!important;
    padding: 13.542vw 0 11.719vw;
    margin-left: -31.771vw;
    margin-right: 36.719vw!important;
  }
  .thought_wrap .swiper-slide.thought01 {
    background-image: url(../img/strength/living_space_making/nav_bg01_sp.jpg);
  }
  .thought_wrap .swiper-slide.thought02 {
    background-image: url(../img/strength/living_space_making/nav_bg02_sp.jpg);
  }
  .thought_wrap .swiper-slide.thought03 {
    background-image: url(../img/strength/living_space_making/nav_bg03_sp.jpg);
  }
  .thought_wrap .swiper-pagination-bullet {
    width: 24.642%;
    height: 0;
    padding-bottom: 24.642%;
    margin: 0 0 10.811%!important;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(1) {
    bottom: 0;
    left: 4.452%;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(2) {
    bottom: 0;
    left: 34.658%;
  }
  .thought_wrap .swiper-pagination-bullet:nth-child(3) {
    bottom: 0;
    left: 64.547%;
  }
  
  .thought_wrap .swiper-slide .slide_ttl {
    margin-bottom: 2.049%;
    font-size: 6.25vw;
    line-height: 1.375;
  }
  .thought_wrap .swiper-slide .slide_txt {
    margin-bottom: 12.295%;
    font-size: 3.125vw;
    line-height: 2;
  }
  .thought_wrap .swiper-slide .slide_btn a {
    width: 57.377%;
    padding: 4.918% 0;
    font-size: 2.865vw;
    border-radius: 4.883vw;
  }
  .thought_wrap .thought_lnk_box .sp_icon {
    position: relative;
    width: 12.5%;
    margin: 5.99% auto 0;
  }

  .thought_wrap .bx-has-pager {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -27.725%;
    text-align:center;
    mix-blend-mode: multiply;
    transition:.3s opacity;
    transform:translate3d(0,0,0);
    z-index:10;
  }
  .thought_wrap .bx-pager-item .bx-pager-link {
    position: absolute;
    top: 0;
    display:inline-block;
    border-radius:0;
    background: url(../img/strength/living_space_making/nav_select.png) no-repeat center;
    background-size: contain;
    width: 20.182%;
    height: 0;
    padding-bottom: 20.182%;
    margin: 0 0 10.811%!important;
    font-size: 0;
    mix-blend-mode: multiply;
    opacity:0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .thought_wrap .bx-pager-item:nth-child(1) .bx-pager-link {
    left: 15.825%;
  }
  .thought_wrap .bx-pager-item:nth-child(2) .bx-pager-link {
    left: 40.565%;
  }
  .thought_wrap .bx-pager-item:nth-child(3) .bx-pager-link {
    left: 65.104%;
  }
  .thought_wrap .bx-pager-item .bx-pager-link.active {
    opacity:1;
  }
}

.greening_policy_box{
  position: relative;
}
.greening_policy_box::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.75);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.greening_policy_box .policy_lnk{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  text-align: center;
  transition-property: transform;
  margin: 0 auto;
}
.greening_policy_box .policy_lnk .txt {
  display: inline-block;
  font-family: "丸明オールド StdN R";
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.25;
}
.greening_policy_box .policy_lnk .txt .en {
  display: block;
  font-family: "OptimaLTPro-Roman";
  color: #fff;
  letter-spacing: 0.1em;
}
.greening_policy_box .policy_btn a {
  display: inline-block;
  border: solid 1px #fff;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .greening_policy_box{
    padding-bottom: 150px;
    margin-bottom: 600px;
  }
  .greening_policy_box .policy_lnk{
    background-image: url(../img/strength/living_space_making/lnk_bg_greening_policy_pc.jpg);
    max-width: 1120px;
    padding: 80px 0 70px;
  }
  .greening_policy_box .policy_lnk .txt {
    margin-bottom: 24px;
    font-size: 56.78px;
  }
  .greening_policy_box .policy_lnk .txt .en {
    margin-bottom: 14px;
    font-size: 20px;
  }
  .greening_policy_box .policy_btn a {
    width: 230px;
    padding: 16px 0;
    font-size: 15px;
    border-radius: 25px;
  }
  .greening_policy_box .policy_btn a:hover {
    background-color: #333;
    opacity: 1;
  }
}
@media all and (max-width: 768px) {
  .greening_policy_box{
    padding-bottom: 6.51%;
    margin-bottom: 83.333%;
  }
  .greening_policy_box .policy_lnk{
    background-image: url(../img/strength/living_space_making/lnk_bg_greening_policy_sp.jpg);
    max-width: 88.542%;
    padding: 9.115% 0 6.51%;
  }
  .greening_policy_box .policy_lnk .txt {
    margin-bottom: 24px;
    font-size: 6.25vw;
  }
  .greening_policy_box .policy_lnk .txt .en {
    margin-bottom: 3.529%;
    font-size: 4.167vw;
  }
  .greening_policy_box .policy_btn a {
    width: 57.538%;
    padding: 4% 0;
    font-size: 3.385vw;
    border-radius: 3.255vw;
  }
  .greening_policy_box .policy_btn a:hover {
    background-color: #333;
    opacity: 1;
  }
}

.thought_box{
  position: relative;
  z-index: 1;
}
.thought_box .thought_side{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 10;
}
.thought_box .thought_side .side_lnk a{
  position: relative;
  display: block;
  font-family: YakuHanJP, "秀英角ゴシック銀 L", "Noto Sans JP";
  
  color: #787878;
  line-height: 1;
  writing-mode: vertical-rl;
}
.thought_box .thought_side .side_lnk a::before{
  content: "";
  display: inline-block;
  background: url(../img/strength/living_space_making/nav_arrow.svg) no-repeat center/contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.19%2019.19%22%3E%3Ccircle%20cx%3D%229.59%22%20cy%3D%229.59%22%20r%3D%229.15%22%20style%3D%22fill%3A%23fff%3B%20stroke%3A%23787878%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3Cline%20x1%3D%229.59%22%20y1%3D%226.41%22%20x2%3D%229.59%22%20y2%3D%2212.09%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23787878%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3Cpolyline%20points%3D%2212.05%209.63%209.59%2012.09%207.13%209.63%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23787878%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3C%2Fsvg%3E');
  z-index: 2;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.thought_box .thought_side .side_lnk.active a::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.19%2019.19%22%3E%3Ccircle%20cx%3D%229.59%22%20cy%3D%229.59%22%20r%3D%229.15%22%20style%3D%22fill%3A%23787878%3B%20stroke%3A%23787878%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3Cline%20x1%3D%229.59%22%20y1%3D%226.41%22%20x2%3D%229.59%22%20y2%3D%2212.09%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3Cpolyline%20points%3D%2212.05%209.63%209.59%2012.09%207.13%209.63%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A.9px%3B%22%2F%3E%3C%2Fsvg%3E');
}
.thought_box .thought_sec{
  position: relative;
  background-color: #fff;
}
.thought_box .thought_sec.sec02{
  background-color: #e8e3d9;
}
.thought_box .thought_sec_wrap{
  margin: 0 auto;
}
.thought_box .thought_sec_wrap > h4.ttl{
  position: relative;
  font-family: "丸明オールド StdN R";
}
.thought_box .thought_sec_wrap > h4.ttl::before,
.thought_box .thought_sec_wrap > h4.ttl::after{
  content: '';
  display: inline-block;
  background: url(../img/strength/living_space_making/hd_line.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.thought_box .thought_sec_wrap > .txt{
  font-family: "丸明オールド StdN R";
  letter-spacing: 0;
}
.thought_box .thought_info{
  position: relative;
}
.thought_box .thought_info .info_img{
  display: flex;
  justify-content: space-between;
}
.thought_box .thought_info .info_txt{
  display: flex;
  justify-content: space-between;
}
.thought_box .thought_info .info_txt .info_hd{
  font-family: "丸明オールド StdN R";
}
.thought_box .thought_info .info_txt .info_hd br:first-child{
  display: inline-block;
}
.thought_box .thought_info .info_txt .info_hd .num{
  display: inline-block;
  background-color: #000;
  font-family: "秀英角ゴシック銀 B";
  color: #fff;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .thought_box .thought_side{
    width: 20px;
    padding: 194px 0 0;
    margin: 0 2.256%;
  }
  .thought_box .thought_side .side_lnk a{
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: -0.02em;
  }
  .thought_box .thought_side .side_lnk a::before{
    width: 20px;
    height: 20px;
    margin-bottom: 6px;
  }
  .thought_box .thought_sec{
    padding: 180px 0;
  }
  .thought_box .thought_sec.sec01{
    padding-bottom: 280px;
    margin-bottom: 600px;
  }
  .thought_box .thought_sec.sec02{
    padding-bottom: 200px;
    margin-bottom: 600px;
  }
  .thought_box .thought_sec.sec03{
    padding-bottom: 120px;
  }
  .thought_box .thought_sec_wrap{
    width: 84.211%;
  }
  .thought_box .thought_sec_wrap > h4.ttl{
    margin-bottom: 50px;
    font-size: 48px;
    text-align: center;
  }
  .thought_box .thought_sec_wrap > h4.ttl::before,
  .thought_box .thought_sec_wrap > h4.ttl::after{
    width: 106px;
    padding-bottom: 15px;
    margin: 0 20px 5px;
  }
  .thought_box .thought_sec_wrap > h4.ttl::after{
    margin: 0 10px 5px;
  }
  .thought_box .thought_sec_wrap > .txt{
    margin-bottom: 180px;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 2.917;
  }
  .thought_box .thought_info + .thought_info{
    margin-top: 140px;
  }
  .thought_box .thought_info .info_img{
    margin-bottom: 40px;
  }
  .thought_box .thought_info .info_img > img{
    width: 49.732%;
  }
  .thought_box .thought_info .info_txt .info_hd{
    width: 557px;
    margin-top: -14px;
    font-size: 32px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
  .thought_box .thought_info .info_txt .info_hd .num{
    padding: 4px 10px 2px;
    margin-bottom: 16px;
    font-size: 15px;
  }
  .thought_box .thought_info .info_txt .info_copy{
    width: 557px;
    font-size: 15px;
    letter-spacing: 0.16em;
    line-height: 2;
  }
}
@media all and (min-width: 1330px) {
  .thought_box .thought_side{
    padding: 194px 0;
    margin: 0 50px;
  }
  .thought_box .thought_sec_wrap{
    width: 1120px;
  }
  .thought_box .thought_info .info_img > img{
    width: 557px;
  }
}
@media all and (max-width: 768px) {
  .thought_box .thought_side{
    width: 3.646vw;
    padding: 18.229vw 0 0;
    margin: 0 5.208%;
  }
  .thought_box .thought_side .side_lnk a{
    margin-bottom: 53.385%;
    font-size: 2.865vw;
    letter-spacing: -0.04em;
  }
  .thought_box .thought_side .side_lnk a::before{
    width: 3.646vw;
    height: 3.646vw;
    margin-bottom: 0.863vw;
  }
  .thought_box .thought_sec{
    padding: 16.927% 0;
  }
  .thought_box .thought_sec.sec01{
    padding-bottom: 18.229%;
    margin-bottom: 83.333%;
  }
  .thought_box .thought_sec.sec02{
    padding-bottom: 25.260%;
    margin-bottom: 83.333%;
  }
  .thought_box .thought_sec.sec03{
    padding-bottom: 16.927%;
  }
  .thought_box .thought_sec_wrap{
    width: 79.167%;
    padding-left: 10.417%;
  }
  .thought_box .thought_sec_wrap > h4.ttl{
    margin-bottom: 6.579%;
    font-size: 6.25vw;
    letter-spacing: -0.04em;
  }
  .thought_box .thought_sec_wrap > .txt{
    margin-bottom: 23.026%;
    font-size: 3.906vw;
    line-height: 2.133;
  }
  .thought_box .thought_info + .thought_info{
    margin-top: 14.803%;
  }
  .thought_box .thought_info .info_img{
    flex-direction: column;
    margin-bottom: 14.803%;
  }
  .thought_box .thought_info .info_img > img{
    width: 100%;
  }
  .thought_box .thought_info .info_img > img + img{
    margin-top: 3.289%;
  }
  .thought_box .thought_info .info_txt{
    flex-direction: column;
  }
  .thought_box .thought_info .info_txt .info_hd{
    width: 100%;
    margin-bottom: 5.921%;
    font-size: 5.208vw;
    letter-spacing: -0.03em;
    line-height: 1.425;
  }
  .thought_box .thought_info .info_txt .info_hd.ls{
    letter-spacing: -0.13em;
    /* white-space: nowrap; */
  }
  .thought_box .thought_info .info_txt .info_hd .num{
    padding: 1.645% 2.961% 0.822%;
    margin-bottom: 6.579%;
    font-size: 3.125vw;
  }
  .thought_box .thought_info .info_txt .info_copy{
    width: 100%;
    font-size: 3.125vw;
    letter-spacing: 0.1em;
    line-height: 2;
  }
}

.thought_box .lnk_wrap .lnk_hd{
  width: 100%;
  line-height: 1;
}
.thought_box .lnk_wrap .lnk{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.thought_box .lnk_wrap .lnk.md01{
  background-image: url(../img/strength/living_space_making/thought02_lnk_bg01.jpg);
}
.thought_box .lnk_wrap .lnk.md02{
  background-image: url(../img/strength/living_space_making/thought02_lnk_bg02.jpg);
}
.thought_box .lnk_wrap .lnk::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #8d8d8d;
  mix-blend-mode: multiply;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.thought_box .lnk_wrap .lnk:hover::before{
  opacity: 0;
}

.thought_box .lnk_wrap .lnk a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.thought_box .lnk_wrap .lnk a::before,
.thought_box .lnk_wrap .lnk a::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/common/arrow.svg) no-repeat center/contain;
  z-index: 2;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.thought_box .lnk_wrap .lnk a:hover{
  opacity: 1;
}
.thought_box .lnk_wrap .lnk a::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2049%22%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2224.5%22%20cy%3D%2224.5%22%20r%3D%2224%22%20style%3D%22fill%3A%23333%3B%20stroke%3A%23fff%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22m25.71%2C17.68l-.73.72%2C5.27%2C5.22-13.11-.02v1.02l13.12.02-5.29%2C5.2.73.73%2C6.53-6.43-6.52-6.46Z%22%20style%3D%22fill%3A%23fff%3B%20fill-rule%3Aevenodd%3B%22%2F%3E%3C%2Fsvg%3E');
  opacity: 0;
}
.thought_box .lnk_wrap .lnk a:hover::after{
  opacity: 1;
}
.thought_box .lnk_wrap .lnk a > p{
  position: absolute;
  bottom: 0;
  display: block;
  color: #fff;
}
.thought_box .lnk_wrap .lnk a > p strong{
  display: inline-block;
  font-family: "丸明オールド StdN R";
}
@media all and (min-width: 769px) {
  .thought_box .lnk_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .thought_box .lnk_wrap .lnk_hd{
    margin-bottom: 60px;
    font-size: 32px;
    text-align: center;
  }
  .thought_box .lnk_wrap .lnk{
    width: 49.107%;
    height: 660px;
    border-radius: 40px;
  }
  .thought_box .lnk_wrap .lnk a::before,
  .thought_box .lnk_wrap .lnk a::after{
    width: 50px;
    height: 50px;
    margin: 40px;
  }
  .thought_box .lnk_wrap .lnk a > p{
    margin: 40px;
    font-size: 15px;
    line-height: 1.733;
  }
  .thought_box .lnk_wrap .lnk a > p strong{
    margin-bottom: 20px;
    font-size: 32px;
    letter-spacing: 0.08em;
    line-height: 1.333;
  }
}
@media all and (min-width: 1330px) {
  .thought_box .lnk_wrap .lnk{
    width: 550px;
    height: 660px;
  }
}
@media all and (max-width: 768px) {
  .thought_box .lnk_wrap{
    display: block;
  }
  .thought_box .lnk_wrap .lnk_hd{
    margin-bottom: 8.882%;
    font-size: 4.948vw;
  }
  .thought_box .lnk_wrap .lnk{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 120.066%;
    border-radius: 3.125vw;
  }
  .thought_box .lnk_wrap .lnk + .lnk{
    margin-top: 6.579%;
  }
  .thought_box .lnk_wrap .lnk a{
    position: absolute;
    top: 0;
    left: 0;
  }
  .thought_box .lnk_wrap .lnk a::before,
  .thought_box .lnk_wrap .lnk a::after{
    width: 13.021vw;
    height: 13.021vw;
    margin: 6.579%;
  }
  .thought_box .lnk_wrap .lnk a > p{
    margin: 9.211% 6.579%;
    font-size: 3.125vw;
    line-height: 1.667;
  }
  .thought_box .lnk_wrap .lnk a > p strong{
    margin-bottom: 3.289%;
    font-size: 5.182vw;
    letter-spacing: 0.02em;
    line-height: 1.333;
  }
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.remodal-overlay {
  background-color: rgba(0,0,0,1);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
  padding: 0;
}
.remodal {
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  pointer-events: none;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
.remodal-close {
  position: sticky;
  top: 0;
  display: block;
  background: transparent;
  padding: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-decoration: none;
  border: 0;
  outline: 0;
  overflow: visible;
  cursor: pointer;
  pointer-events: auto;
  z-index: 50;
}
.remodal-close:hover,
.remodal-close:focus {
  opacity: .5;
}
.remodal-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url(../img/strength/living_space_making/md_btn_close.svg) no-repeat center;
  background-size: contain;
  filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 5px #000);
}
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}
@media all and (min-width: 769px) {
  .remodal {
    padding: 40px 0;
  }
  .remodal-close {
    top: 40px;
    left: calc(100% - 90px);
    width: 50px;
    height: 50px;
    margin: 0 40px;
  }
  .remodal-close::before {
    width: 50px;
    padding-bottom: 50px;
  }
}
@media all and (max-width: 768px) {
  .remodal {
    padding: 5.208% 0;
  }
  .remodal-close {
    top: 5.208vw;
    left: calc(100% - 13.021vw);
    width: 7.813vw;
    height: 7.813vw;
  }
  .remodal-close::before {
    width: 100%;
    padding-bottom: 100%;
  }
}

.thought_box .voice_wrap{
  position: relative;
}
.thought_box .voice_wrap .voice_hd{
  width: 100%;
  line-height: 1;
}
.thought_box .voice_wrap .voice_copy{
  width: 100%;
  line-height: 2;
}
.thought_box .voice_imgs{
  position: relative;
}
.thought_box .voice_imgs .voice_img{
  position: relative;
}
.thought_box .voice_imgs .voice_img + .voice_img::before{
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.thought_box .voice_imgs .voice_img-ttl{
  background-color: #e8e3d9;
  text-align: center;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .thought_box .voice_wrap .voice_hd{
    margin-bottom: 50px;
    font-size: 32px;
    text-align: center;
  }
  .thought_box .voice_wrap .voice_copy{
    margin-bottom: 80px;
    font-size: 15px;
    letter-spacing: 0.06em;
    text-align: center;
  }
  .thought_box .voice_imgs{
    display: flex;
    justify-content: space-between;
    margin-bottom: 200px;
  }
  .thought_box .voice_imgs .voice_img{
    width: 309px;
  }
  .thought_box .voice_imgs .voice_img + .voice_img{
    margin-left: 96.5px;
  }
  .thought_box .voice_imgs .voice_img + .voice_img::before{
    bottom: 0;
    left: -75px;
    background-image: url(../img/strength/living_space_making/thought03_times_pc.svg);
    width: 55px;
    height: 47px;
    margin-bottom: 40.308%;
  }
  .thought_box .voice_imgs .voice_img-ttl{
    padding: 20px 0;
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: 0.06em;
  }
}
@media all and (max-width: 768px) {
  .thought_box .voice_wrap .voice_hd{
    margin-bottom: 4.276%;
    font-size: 4.948vw;
  }
  .thought_box .voice_wrap .voice_copy{
    margin-bottom: 9.868%;
    font-size: 3.125vw;
    letter-spacing: 0.06em;
  }
  .thought_box .voice_imgs{
    display: block;
    margin-bottom: 24.671%;
  }
  .thought_box .voice_imgs .voice_img{
    width: 100%;
  }
  .thought_box .voice_imgs .voice_img + .voice_img{
    margin-top: 23.684%;
  }
  .thought_box .voice_imgs .voice_img + .voice_img::before{
    top: 0;
    left: 0;
    right: 0;
    background-image: url(../img/strength/living_space_making/thought03_times_sp.svg);
    width: 8.224%;
    padding-bottom: 8.224%;
    margin: -16.118% auto 0;
  }
  .thought_box .voice_imgs .voice_img-ttl{
    padding: 3.589% 0 3.189%;
    margin-bottom: 0.987%;
    font-size: 3.125vw;
    letter-spacing: 0.06em;
  }
}

.thought_box .flow_wrap{
  position: relative;
}
.thought_box .flow_wrap .flow_hd{
  width: 100%;
  line-height: 1;
}
.thought_box .flow_wrap .flow_copy{
  width: 100%;
  line-height: 2;
}
.thought_box .flow_blk{
  position: relative;
}
.thought_box .flow_blk_box{
  position: relative;
  display: flex;
}
.thought_box .flow_blk_box .flow_num{
  position: relative;
  font-family: "OptimaLTPro-Roman";
}
.thought_box .flow_blk_box .flow_num::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: url(../img/strength/living_space_making/thought03_flow_dot.svg) no-repeat center/contain;
  z-index: 2;
}
.thought_box .flow_blk_box .flow_num::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-color: #323232;
  width: 1px;
  height: 100%;
  margin: 0;
}
.thought_box .flow_blk_box .flow_cont_hd{
  font-family: "丸明オールド StdN R";
}
@media all and (min-width: 769px) {
  .thought_box .flow_wrap .flow_hd{
    margin-bottom: 50px;
    font-size: 32px;
    text-align: center;
  }
  .thought_box .flow_wrap .flow_copy{
    margin-bottom: 80px;
    font-size: 15px;
    letter-spacing: 0.06em;
    text-align: center;
  }
  .thought_box .flow_blk_box .flow_num{
    width: 151px;
    font-size: 50px;
  }
  .thought_box .flow_blk_box .flow_num::before{
    --left: calc(100% - 58px);
    right: calc(var(--left) / 2 - 11px);
    width: 22px;
    height: 22px;
    margin: 14px 0;
  }
  .thought_box .flow_blk_box .flow_num::after{
    --left: calc(100% - 58px);
    right: calc(var(--left) / 2);
  }
  .thought_box .flow_blk_box:first-child .flow_num::after{
    margin-top: 25px;
  }
  .thought_box .flow_blk_box:last-child .flow_num::after{
    height: 25px;
  }
  .thought_box .flow_blk_box .flow_cont{
    width: 969px;
    margin-bottom: 140px;
  }
  .thought_box .flow_blk_box:last-child .flow_cont{
    margin-bottom: 0;
  }
  .thought_box .flow_blk_box .flow_cont_hd{
    margin-bottom: 30px;
    font-size: 32px;
    letter-spacing: 0.08em;
    line-height: 1.6;
  }
  .thought_box .flow_blk_box .flow_cont_img{
    margin-bottom: 16px;
  }
  .thought_box .flow_blk_box .flow_cont_txt{
    max-width: 860px;
    font-size: 15px;
    letter-spacing: 0.14em;
    line-height: 2;
  }
}
@media all and (max-width: 768px) {
  .thought_box .flow_wrap .flow_hd{
    margin-bottom: 4.276%;
    font-size: 4.948vw;
  }
  .thought_box .flow_wrap .flow_copy{
    margin-bottom: 9.868%;
    font-size: 3.125vw;
    letter-spacing: 0.02em;
  }
  .thought_box .flow_blk_box .flow_num{
    width: 19.901%;
    font-size: 6.25vw;
  }
  .thought_box .flow_blk_box .flow_num::before{
    right: 16.661%;
    width: 3.385vw;
    height: 3.385vw;
    margin: 11.570% 0;
  }
  .thought_box .flow_blk_box .flow_num::after{
    right: calc(16.661% + 1.6925vw);
  }
  .thought_box .flow_blk_box:first-child .flow_num::after{
    margin-top: 11.570%;
  }
  .thought_box .flow_blk_box:last-child .flow_num::after{
    height: 3.385vw;
  }
  .thought_box .flow_blk_box .flow_cont{
    width: 80.099%;
    margin-bottom: 14.803%;
  }
  .thought_box .flow_blk_box:last-child .flow_cont{
    margin-bottom: 0;
  }
  .thought_box .flow_blk_box .flow_cont_hd{
    margin-bottom: 4.934%;
    font-size: 4.948vw;
    letter-spacing: -0.04em;
    line-height: 1.4;
  }
  .thought_box .flow_blk_box .flow_cont_img{
    width: 108.419%;
    margin-bottom: 4.276%;
  }
  .thought_box .flow_blk_box .flow_cont_txt{
    font-size: 3.125vw;
    letter-spacing: 0.14em;
    line-height: 2;
  }
}

.create_wrap{
  background-color: #e8e3d9;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
  pointer-events: auto;
}
.create_wrap .create_kv{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 0;
}
.create_wrap .create_kv .name{
  position: absolute;
  font-family: "秀英角ゴシック銀 B";
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.9);
}
.create_wrap .create_kv .name .dept{
  display: inline-block;
  font-family: "秀英角ゴシック銀 L";
}
.create_wrap .create_box{
  position: relative;
}
.create_wrap .create_box .create_ttl{
  font-family: "丸明オールド StdN R";
  line-height: 1;
}
.create_wrap .create_box .create_story .create_story_txt{
  line-height: 2;
}
.create_wrap .create_box .create_story .create_story_txt em{
  background-color: #fff;
  font-style: normal;
  line-height: 2;
}
.create_wrap .create_box .create_story .create_story_txt strong{
  position: relative;
  display: block;
  font-family: "秀英角ゴシック銀 B";
  line-height: 2;
}
.create_wrap .create_box .create_story .create_story_txt strong::before{
  content: '―';
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: "秀英角ゴシック銀 B";
  line-height: 2;
}
.create_wrap .create_box .create_story.st02 .create_story_txt{
  width: 100%;
}
.create_wrap .create_box .create_story.st02 .create_story_img{
  width: 100%;
}
@media all and (min-width: 769px) {
  .create_wrap{
    max-width: 1280px;
    padding: 160px 10.938% 120px;
  }
  .create_wrap .create_kv{
    padding-bottom: 57.2%;
    margin: 0 auto 90px;
  }
  .create01 .create_wrap .create_kv{
    background-image: url(../img/strength/living_space_making/thought02_md01_main_pc.jpg);
  }
  .create02 .create_wrap .create_kv{
    background-image: url(../img/strength/living_space_making/thought02_md02_main_pc.jpg);
  }
  .create_wrap .create_kv .name{
    font-size: 24px;
  }
  .create01 .create_wrap .create_kv .name{
    top: 184px;
    right: 70px;
  }
  .create02 .create_wrap .create_kv .name{
    bottom: 70px;
    left: 90px;
  }
  .create_wrap .create_kv .name .dept{
    margin-bottom: 4px;
    font-size: 15px;
    letter-spacing: 0.12em;
    line-height: 1.733;
  }
  .create_wrap .create_box.box01{
    margin-bottom: 90px;
  }
  .create_wrap .create_box .create_ttl{
    margin-bottom: 70px;
    font-size: 32px;
  }
  .create_wrap .create_box .create_story{
    display: flex;
    justify-content: space-between;
  }
  .create_wrap .create_box .create_story.st01{
    margin-bottom: 50px;
  }
  .create_wrap .create_box .create_story.st02{
    flex-wrap: wrap;
  }
  .create_wrap .create_box .create_story .create_story_txt{
    font-size: 15px;
    letter-spacing: 0.1em;
  }
  .create_wrap .create_box .create_story .create_story_txt em{
    padding: 2px 0;
    font-size: 15px;
    letter-spacing: 0.1em;
  }
  .create_wrap .create_box .create_story .create_story_txt strong{
    padding-left: 24px;
    margin-bottom: 24px;
    font-size: 15px;
  }
  .create_wrap .create_box .create_story .create_story_txt strong::before{
    font-size: 15px;
  }
  .create_wrap .create_box .create_story.st01 .create_story_txt{
    width: 370px;
  }
  .create_wrap .create_box .create_story.st01 .create_story_img{
    width: 550px;
  }
  .create_wrap .create_box.box02 .create_story.st01 .create_story_txt{
    width: 470px;
  }
  .create_wrap .create_box.box02 .create_story.st01 .create_story_img{
    width: 453px;
  }
  .create02 .create_wrap .create_box.box02 .create_story.st01 .create_story_txt{
    width: 500px;
  }
  .create02 .create_wrap .create_box.box02 .create_story.st01 .create_story_img{
    width: 420px;
  }
  .create_wrap .create_box .create_story.st02 .create_story_txt{
    order: 2;
  }
  .create_wrap .create_box .create_story.st02 .create_story_img{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    order: 1;
  }
}
@media all and (min-width: 1330px) {
  .create_wrap{
    padding: 160px 140px 120px;
  }
}
@media all and (max-width: 768px) {
  .create_wrap{
    width: 89.583%;
    padding: 13.021% 8.789% 19.271%;
    margin-top: 2.604%;
  }
  .create_wrap .create_kv{
    padding-bottom: 124.774%;
    margin: 0 auto 23.508%;
  }
  .create01 .create_wrap .create_kv{
    background-image: url(../img/strength/living_space_making/thought02_md01_main_sp.jpg);
  }
  .create02 .create_wrap .create_kv{
    background-image: url(../img/strength/living_space_making/thought02_md02_main_sp.jpg);
  }
  .create_wrap .create_kv .name{
    font-size: 3.125vw;
  }
  .create01 .create_wrap .create_kv .name{
    bottom: 0;
    left: 7.233%;
    margin-bottom: 5.425%;
  }
  .create02 .create_wrap .create_kv .name{
    bottom: 0;
    left: 7.233%;
    margin-bottom: 5.425%;
  }
  .create_wrap .create_kv .name .dept{
    margin-bottom: 2.893%;
    font-size: 2.865vw;
    letter-spacing: 0.12em;
    line-height: 1.818;
  }
  .create_wrap .create_box.box01{
    margin-bottom: 21.7%;
  }
  .create_wrap .create_box .create_ttl{
    margin-bottom: 9.042%;
    font-size: 5.208vw;
    line-height: 1.425;
  }
  .create_wrap .create_box .create_story.st01{
    margin-bottom: 9.042%;
  }
  .create_wrap .create_box .create_story .create_story_txt{
    margin-bottom: 9.042%;
    font-size: 3.125vw;
    letter-spacing: 0.08em;
  }
  .create_wrap .create_box .create_story .create_story_txt em{
    padding: 0.26vw 0;
    font-size: 3.125vw;
    letter-spacing: 0.08em;
  }
  .create_wrap .create_box .create_story .create_story_txt strong{
    padding-left: 7.295%;
    margin-bottom: 8.318%;
    font-size: 3.125vw;
    letter-spacing: -0.02em;
    line-height: 1.667;
  }
  .create_wrap .create_box .create_story .create_story_txt strong::before{
    font-size: 3.125vw;
    line-height: 1.667;
  }
  .create_wrap .create_box .create_story .create_story_img picture + picture{
    margin-top: 3.617%;
  }
  .create_wrap .create_box .create_story.st01 .create_story_txt{
    width: 100%;
  }
  .create_wrap .create_box .create_story.st01 .create_story_img{
    width: 100%;
  }
  .create_wrap .create_box.box02 .create_story.st01 .create_story_txt{
    width: 100%;
  }
  .create_wrap .create_box.box02 .create_story.st01 .create_story_img{
    width: 100%;
  }
  .create02 .create_wrap .create_box.box02 .create_story.st01 .create_story_txt{
    width: 100%;
  }
  .create02 .create_wrap .create_box.box02 .create_story.st01 .create_story_img{
    width: 100%;
  }
}


@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
}


@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* 
.anchor .lnk.c01 a::before{
  background-image: url(../img/strength/living_space_making/nav_case01_half.jpg);
}
.anchor .lnk.c02 a::before{
  background-image: url(../img/strength/living_space_making/nav_case03_half.jpg);
}
@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
  .anchor .lnk.c01 a::before{
    background-image: url(../img/strength/living_space_making/nav_case01.jpg);
  }
  .anchor .lnk.c02 a::before{
    background-image: url(../img/strength/living_space_making/nav_case03.jpg);
  }
}

.color_wrap{
  position: relative;
  background-color: #333;
}
.color_wrap::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  width: 100%;
  height: 1px;
  z-index: 1;
  transform: scaleX(var(--border));
  transform-origin: 0 50%;
}
.color_wrap .inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.color_wrap .inner.manufactur_wrap{
  align-items: flex-start;
  margin-bottom: 130px;
}
.color_wrap .inner .en{
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 12px;
  margin: 0 auto 72px;
}
.color_wrap .inner .en::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  width: 100%;
  height: 1px;
  z-index: 1;
  transform: scaleX(var(--border));
  transform-origin: 0 50%;
}
.color_wrap .inner .en span{
  display: inline-block;
  font-size: 24px;
  color: #fff;
  line-height: 1;
}
.color_wrap .inner .txtbox{
  width: 42.25%;
  margin-right: 1.5%;
}
.color_wrap .inner .ttl{
  margin-bottom: 24px;
  font-size: 32px;
  color: #fff;
  line-height: 1.5;
}
.color_wrap .inner .txt{
  max-width: 400px;
  font-size: 15px;
  color: #fff;
  line-height: 2;
}
.color_wrap .manufactur_wrap .figbox{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: -20px;
  width: 55.938%;
}
.color_wrap .manufactur_wrap .figbox::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: url(../img/strength/living_space_making/fig_cross.png) no-repeat center;
  background-size: contain;
  width: 9.078%;
  height: 0;
  padding-bottom: 9.078%;
  margin: auto;
}
.color_wrap .manufactur_wrap .figbox .circle{
  position: relative;
  background-color: #292929;
  width: 41.899%;
  height: 0;
  padding-bottom: 41.899%;
  border-radius: 50%;
}
.color_wrap .manufactur_wrap .figbox .circle p{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  transform: translate(-50%,-50%);
}
.color_wrap .manufactur_wrap .circle p span{
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
}
@media all and (min-width: 769px) {
  .color_wrap{
    padding: 150px 11.905%;
  }
}
@media all and (min-width: 769px) and (max-width: 1020px){
  .color_wrap{
    padding: 150px 6.905%;
  }
  .color_wrap .manufactur_wrap .figbox .circle p{
    font-size: 2.5vw;
  }
  .color_wrap .manufactur_wrap .circle p span{
    font-size: 1.328vw;
  }
  }
@media all and (max-width: 768px) {
  .color_wrap{
    padding: 10.417% 0;
  }
  .color_wrap .inner{
    display: block;
    width: 89.583%;
  }
  .color_wrap .inner.manufactur_wrap{
    margin-bottom: 9.115%;
  }
  .color_wrap .inner .en{
    padding-bottom: 1.453%;
    margin-bottom: 7.267%;
  }
  .color_wrap .inner .en span{
    font-size: 3.646vw;
  }
  .color_wrap .inner .txtbox{
    width: 100%;
    margin-right: 0;
  }
  .color_wrap .inner .ttl{
    margin-bottom: 6.105%;
    font-size: 4.948vw;
  }
  .color_wrap .inner .txt{
    font-size: 3.125vw;
  }
  .color_wrap .manufactur_wrap .figbox{
    margin-top: 7.849%;
    width: 100%;
  }
  .color_wrap .manufactur_wrap .figbox::after{
    width: 9.012%;
    padding-bottom: 9.012%;
  }
  .color_wrap .manufactur_wrap .figbox .circle{
    width: 42.151%;
    padding-bottom: 42.151%;
  }
  .color_wrap .manufactur_wrap .figbox .circle p{
    font-size: 4.016vw;
  }
  .color_wrap .manufactur_wrap .circle p span{
    margin-bottom: 2.759%;
    font-size: 2.133vw;
    letter-spacing: 0.1em;
  }
}

.color_wrap .flow_wrap .figbox{
  position: relative;
  display: block;
  width: 54.688%;
}
.color_wrap .flow_wrap .figbox::after{
  content: '';
  position: absolute;
  top: 0;
  left: 55px;
  display: block;
  background-color: #292929;
  width: 1px;
  height: 90%;
  margin: auto;
}
.color_wrap .flow_wrap .figbox .flow{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.color_wrap .flow_wrap .figbox .flow + .flow{
  margin-top: 60px;
}
.color_wrap .flow_wrap .figbox .flow .num{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #292929;
  width: 110px;
  height: 110px;
  margin-right: 20px;
  font-family: "OptimaLTPro-Roman";
  font-size: 24px;
  color: #fff;
  border-radius: 50%;
}
.color_wrap .flow_wrap .figbox .flow .txt{
  width: 81.143%;
  max-width: 100%;
  font-size: 15px;
  line-height: 2;
}
.color_wrap .flow_wrap .figbox .flow .txt strong{
  display: block;
  margin-bottom: 6px;
  font-size: 21px;
  line-height: 1;
}
@media all and (min-width: 769px) {
}
@media all and (max-width: 768px) {
  .color_wrap .flow_wrap .figbox{
    width: 100%;
    margin-top: 7.849%;
  }
  .color_wrap .flow_wrap .figbox::after{
    bottom: 0;
    left: 11.701%;
    width: 1px;
    height: 90%;
  }
  .color_wrap .flow_wrap .figbox .flow + .flow{
    margin-top: 9.302%;
  }
  .color_wrap .flow_wrap .figbox .flow .num{
    width: 20.964vw;
    height: 20.964vw;
    margin-right: 4.07%;
    font-size: 4.688vw;
  }
  .color_wrap .flow_wrap .figbox .flow .txt{
    width: 72.093%;
    font-size: 3.125vw;
    line-height: 2;
  }
  .color_wrap .flow_wrap .figbox .flow .txt strong{
    margin-bottom: 2.016%;
    font-size: 4.167vw;
  }
} */