@charset "UTF-8";
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

.none_contents {
  display: none !important; }

#wrapper {
  width: 1180px;
  height: 820px;
  margin: 0 auto;
  background: url("../img/bg.svg") no-repeat; }
  #wrapper.bg_color01 {
    background-color: #dcdcdc; }
  #wrapper.login {
    background: url("../img/bg_login.svg") no-repeat; }
  #wrapper.center {
    display: flex;
    justify-content: center;
    align-items: center; }
  #wrapper.concept {
    background: url("../img/bg_concept.svg") no-repeat; }
  #wrapper .text-box.scroll_bar_size_01::-webkit-scrollbar, #wrapper .text-box_01.scroll_bar_size_01::-webkit-scrollbar {
    width: 20px; }
  #wrapper .text-box.scroll_bar_size_02::-webkit-scrollbar, #wrapper .text-box_01.scroll_bar_size_02::-webkit-scrollbar {
    width: 17px; }
  #wrapper .text-box::-webkit-scrollbar-track, #wrapper .text-box_01::-webkit-scrollbar-track {
    background-color: #efefef; }
  #wrapper .text-box::-webkit-scrollbar-thumb, #wrapper .text-box_01::-webkit-scrollbar-thumb {
    background-color: #494342;
    border-radius: 10px; }
  #wrapper .main_box {
    position: relative;
    z-index: 1; }
    #wrapper .main_box.full_box {
      height: 100%; }
    #wrapper .main_box .screen_type_01.fcolumn {
      display: flex;
      flex-flow: column;
      height: 100%; }
    #wrapper .main_box .screen_type_01 .title_section_01 {
      padding: 27.5px 0 0; }
      #wrapper .main_box .screen_type_01 .title_section_01 .title-box {
        display: flex;
        justify-content: flex-start; }
        #wrapper .main_box .screen_type_01 .title_section_01 .title-box h1 {
          font-size: 21px;
          font-weight: bold;
          background: #ba6582;
          border-radius: 0 20px 20px 0;
          height: 40px;
          display: flex;
          align-items: center;
          padding-left: 50px;
          color: #fff;
          margin: 0 25px 20px 0;
          width: 350px; }
          #wrapper .main_box .screen_type_01 .title_section_01 .title-box h1.h1color_01 {
            background: #494342; }
          #wrapper .main_box .screen_type_01 .title_section_01 .title-box h1.h1color_02 {
            background: #6d6968;
            width: 500px; }
        #wrapper .main_box .screen_type_01 .title_section_01 .title-box p.sub_title {
          font-size: 31px;
          margin: 0 0 20px;
          height: 40px;
          display: flex;
          align-items: center;
          font-weight: bold; }
    #wrapper .main_box .screen_type_01 .title_section_02 {
      padding: 2.5px 0 15px; }
      #wrapper .main_box .screen_type_01 .title_section_02 .title-box {
        display: flex;
        justify-content: center;
        width: 1070px;
        margin: 0 auto;
        height: 65px; }
        #wrapper .main_box .screen_type_01 .title_section_02 .title-box h1 {
          font-size: 22.5px;
          font-weight: bold;
          background: #9d474f;
          border-radius: 0 0 0 20px;
          display: flex;
          align-items: center;
          padding-left: 30px;
          color: #fff;
          width: 285px; }
        #wrapper .main_box .screen_type_01 .title_section_02 .title-box p.sub_title {
          flex: 1;
          font-size: 30px;
          background: #494342;
          border-radius: 0 0 20px 0;
          display: flex;
          align-items: center;
          font-weight: bold;
          padding-left: 40px;
          color: #fff; }
    #wrapper .main_box .screen_type_01 .login_section_01 {
      width: 720px;
      height: 405px;
      background: rgba(255, 255, 255, 0.65);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column;
      box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.55); }
      #wrapper .main_box .screen_type_01 .login_section_01 .login_01 {
        width: 525px;
        margin: 0 0 30px; }
        #wrapper .main_box .screen_type_01 .login_section_01 .login_01:last-child {
          margin-bottom: 0; }
        #wrapper .main_box .screen_type_01 .login_section_01 .login_01 label {
          display: block;
          font-weight: bold;
          margin-bottom: 5px;
          font-size: 20px;
          width: 100%; }
        #wrapper .main_box .screen_type_01 .login_section_01 .login_01 input[type="text"], #wrapper .main_box .screen_type_01 .login_section_01 .login_01 input[type="password"] {
          width: 100%;
          padding: 10px;
          border: 2px solid #4c4646;
          border-radius: 3px;
          box-shadow: inset 5px 5px 0px rgba(220, 220, 220, 0.9); }
        #wrapper .main_box .screen_type_01 .login_section_01 .login_01 button[type="submit"] {
          width: 100%;
          padding: 10px;
          background-color: #007bff;
          color: #fff;
          border: none;
          border-radius: 3px;
          cursor: pointer; }
    #wrapper .main_box .screen_type_01 .concept_section_01 {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 1040px;
      padding: 100px 0 0; }
      #wrapper .main_box .screen_type_01 .concept_section_01 .left-box .common-btn {
        display: inline-block;
        width: 175px;
        height: 60px;
        font-size: 17.5px;
        color: #fff;
        font-weight: bold;
        border: none;
        border-radius: 50px;
        background: linear-gradient(135deg, #5b5655 50%, #3e3a39 50%);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: transform 0.2s ease;
        letter-spacing: .1rem; }
      #wrapper .main_box .screen_type_01 .concept_section_01 .right-box {
        width: 800px;
        background: #dcdcdc;
        padding: 30px 50px;
        height: 640px; }
        #wrapper .main_box .screen_type_01 .concept_section_01 .right-box h3 {
          font-size: 21.5px;
          letter-spacing: 0;
          border-bottom: 3.5px solid #494342;
          margin-bottom: 20px;
          padding-bottom: 20px; }
        #wrapper .main_box .screen_type_01 .concept_section_01 .right-box .text-box {
          height: 460px;
          overflow-y: scroll; }
          #wrapper .main_box .screen_type_01 .concept_section_01 .right-box .text-box p {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: .085rem;
            margin: 0 0 20px; }
    #wrapper .main_box .screen_type_01 .contents_section_01 {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 1060px;
      padding: 100px 0 0; }
      #wrapper .main_box .screen_type_01 .contents_section_01 .left-box {
        width: 300px;
        display: flex;
        flex-flow: column; }
        #wrapper .main_box .screen_type_01 .contents_section_01 .left-box .common-btn {
          display: inline-block;
          width: 210px;
          height: 35px;
          font-size: 17.5px;
          color: #fff;
          font-weight: bold;
          border: none;
          border-radius: 50px;
          background: linear-gradient(135deg, #5b5655 50%, #3e3a39 50%);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          cursor: pointer;
          transition: transform 0.2s ease;
          letter-spacing: .1rem;
          margin-top: auto; }
      #wrapper .main_box .screen_type_01 .contents_section_01 .right-box {
        width: 735px;
        background: #9b9897;
        padding: 30px 40px;
        height: 735px; }
        #wrapper .main_box .screen_type_01 .contents_section_01 .right-box .circle_01 {
          width: 650px;
          height: 650px;
          background: #fff;
          position: relative;
          border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .contents_section_01 .right-box .circle_01 h3 {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 500px;
            height: fit-content; }
          #wrapper .main_box .screen_type_01 .contents_section_01 .right-box .circle_01 .semicircle_01 {
            background: url(../img/semicircle.png) no-repeat;
            width: 520px;
            height: 150px;
            background-size: contain;
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center; }
            #wrapper .main_box .screen_type_01 .contents_section_01 .right-box .circle_01 .semicircle_01 p {
              font-size: 35px;
              color: #9b9897;
              font-weight: bold; }
        #wrapper .main_box .screen_type_01 .contents_section_01 .right-box .annotation_01 {
          text-align: center;
          padding: 15px 0 0;
          font-size: 17.5px;
          color: #fff;
          font-weight: bold; }
    #wrapper .main_box .screen_type_01 .contents_section_02 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto; }
      #wrapper .main_box .screen_type_01 .contents_section_02 .m_box {
        width: 980px;
        height: 735px;
        border: 10px solid #c8c8c8;
        position: relative; }
        #wrapper .main_box .screen_type_01 .contents_section_02 .m_box ul {
          display: flex;
          flex-flow: column;
          gap: 20px;
          position: absolute;
          right: 20px;
          top: 20px; }
          #wrapper .main_box .screen_type_01 .contents_section_02 .m_box ul li {
            width: 160px;
            border: 2px solid #fff; }
        #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .shutter_button {
          position: absolute;
          left: 0;
          right: 0;
          width: 80px;
          margin: auto;
          bottom: 20px;
          z-index: 1;
          display: flex;
          justify-content: center;
          align-items: center; }
          #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .shutter_button button {
            border: none;
            padding: 0;
            margin: 0;
            background: none; }
            #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .shutter_button button img {
              width: 80px; }
        #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .keep_button {
          position: absolute;
          background: none;
          bottom: 25px;
          right: 25px;
          z-index: 1;
          color: #fff;
          line-height: 17px;
          letter-spacing: .145rem;
          display: flex;
          justify-content: center;
          align-items: center; }
          #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .keep_button button {
            width: 150px;
            height: 45px;
            border: 3px solid #fff;
            border-radius: 30px;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            background: none;
            color: #fff; }
        #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper {
          width: 100%;
          height: 100%;
          background: #999;
          margin: 0 auto;
          display: flex;
          position: relative;
          position: absolute; }
          #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .main-view {
            flex: 1;
            position: relative;
            overflow: hidden; }
            #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .main-view .slide {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #777;
              color: #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 40px;
              opacity: 0;
              transition: opacity 0.5s ease;
              pointer-events: none; }
              #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .main-view .slide.active {
                opacity: 1;
                pointer-events: auto; }
          #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .thumbs {
            width: 160px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 20px;
            position: absolute;
            right: 20px;
            top: 20px; }
            #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .thumbs .thumb {
              width: 100%;
              height: 120px;
              border: 2px solid #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 24px;
              cursor: pointer;
              transition: transform 0.3s; }
              #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .thumbs .thumb:hover {
                transform: scale(1.05); }
              #wrapper .main_box .screen_type_01 .contents_section_02 .m_box .slider-wrapper .thumbs .thumb.active {
                outline: 4px solid #eee; }
    #wrapper .main_box .screen_type_01 .main_section_01 {
      display: flex;
      justify-content: space-between;
      margin: 0 auto 25px;
      width: 1070px; }
      #wrapper .main_box .screen_type_01 .main_section_01.fh_full {
        height: 100%; }
      #wrapper .main_box .screen_type_01 .main_section_01.mb0 {
        margin-bottom: 0; }
      #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 img.floor_img01 {
          width: 920px;
          margin: auto 0 60px auto; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .title_decor {
          font-size: 15px;
          border-radius: 15px;
          border: 2px solid #231815;
          width: 130px;
          position: absolute;
          margin: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #fff;
          font-weight: bold;
          padding: 2px 0; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .title_decor.title_01 {
            left: 390px;
            top: 45px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .title_decor.title_02 {
            right: 390px;
            top: 45px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .title_decor.title_03 {
            right: 0;
            left: 0;
            bottom: 100px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box {
          width: 340px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_title {
            background: #64605e;
            padding: 3px 0 3px 10px;
            font-size: 14px;
            color: #fff;
            font-weight: bold; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale {
            background: #e3e3e3;
            padding: 15px 10px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul {
              display: flex;
              gap: 10px 2px;
              flex-wrap: wrap; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul li {
                border: 1px solid #6d6968;
                background: #fff;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                position: relative; }
                #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul li:before {
                  content: "";
                  background: #e3e3e3;
                  width: 18px;
                  height: 18px;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  border-radius: 50%;
                  margin: auto; }
                #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul li.color01:before {
                  background: #96b66f; }
                #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul li.color02:before {
                  background: #50876a; }
                #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box .floor_scale ul li.color03:before {
                  background: #26553d; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor01 {
            position: absolute;
            left: 0;
            top: 15px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor01 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor01 .arrow:before {
                content: '';
                position: absolute;
                right: -80px;
                bottom: -63px;
                width: 2px;
                height: 80px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor01 .arrow:after {
                content: '';
                position: absolute;
                right: -77px;
                bottom: 15px;
                width: 77px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor01 .arrow .arrow-circle {
                position: absolute;
                right: -82px;
                bottom: -68px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor02 {
            position: absolute;
            left: 0;
            top: 120px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor02 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor02 .arrow:before {
                content: '';
                position: absolute;
                right: -122px;
                bottom: -18px;
                width: 2px;
                height: 35px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor02 .arrow:after {
                content: '';
                position: absolute;
                right: -120px;
                bottom: 15px;
                width: 120px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor02 .arrow .arrow-circle {
                position: absolute;
                right: -124px;
                bottom: -24px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor03 {
            position: absolute;
            left: 0;
            top: 225px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor03 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor03 .arrow:before {
                content: '';
                position: absolute;
                right: -78px;
                bottom: 2px;
                width: 2px;
                height: 15px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor03 .arrow:after {
                content: '';
                position: absolute;
                right: -75px;
                bottom: 15px;
                width: 75px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor03 .arrow .arrow-circle {
                position: absolute;
                right: -80px;
                bottom: -3px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor04 {
            position: absolute;
            left: 0;
            top: 330px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor04 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor04 .arrow:before {
                content: '';
                position: absolute;
                right: -78px;
                bottom: 15px;
                width: 2px;
                height: 42px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor04 .arrow:after {
                content: '';
                position: absolute;
                right: -75px;
                bottom: 15px;
                width: 75px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor04 .arrow .arrow-circle {
                position: absolute;
                right: -80px;
                bottom: 54px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor05 {
            position: absolute;
            left: 0;
            bottom: 75px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor06 {
            position: absolute;
            right: 0;
            top: 15px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor06 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor06 .arrow:before {
                content: '';
                position: absolute;
                left: -95px;
                bottom: -18px;
                width: 2px;
                height: 75px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor06 .arrow:after {
                content: '';
                position: absolute;
                left: -95px;
                bottom: 55px;
                width: 95px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor06 .arrow .arrow-circle {
                position: absolute;
                left: -99px;
                bottom: -24px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor07 {
            position: absolute;
            right: 0;
            top: 160px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor07 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor07 .arrow:after {
                content: '';
                position: absolute;
                left: -95px;
                bottom: 45px;
                width: 95px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor07 .arrow .arrow-circle {
                position: absolute;
                left: -99px;
                bottom: 41px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%;
                z-index: 1; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor08 {
            position: absolute;
            right: 0;
            top: 305px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor08 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor08 .arrow:before {
                content: '';
                position: absolute;
                left: -95px;
                bottom: 55px;
                width: 2px;
                height: 62px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor08 .arrow:after {
                content: '';
                position: absolute;
                left: -95px;
                bottom: 55px;
                width: 95px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .floor_box.floor08 .arrow .arrow-circle {
                position: absolute;
                left: -99px;
                bottom: 115px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme {
          width: 340px;
          margin-top: auto;
          background: #fff;
          border: 2px solid #494342;
          padding: 20px;
          text-align: center;
          display: flex;
          justify-content: space-between;
          position: absolute;
          align-items: center;
          right: 0;
          bottom: 75px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme h3 {
            font-size: 14px;
            border-radius: 25px;
            border: 2px solid #231815;
            width: 85px;
            padding: 5px 0;
            line-height: 1.1;
            margin-right: 18px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex: 1; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme ul li {
              border-radius: 50%;
              width: 57.5px;
              height: 57.5px;
              color: #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 32px;
              letter-spacing: 0px;
              font-weight: bold; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme ul li.icon_bg_color01 {
                background: #96b66f;
                color: #000; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme ul li.icon_bg_color02 {
                background: #50876a; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan01 .device_theme ul li.icon_bg_color03 {
                background: #26553d; }
      #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 {
        display: flex;
        justify-content: center;
        align-items: center; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_img {
          position: relative; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .title_decor {
          font-size: 25px;
          border-radius: 25px;
          border: 2px solid #231815;
          width: 150px;
          position: absolute;
          margin: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #fff;
          font-weight: bold;
          padding: 8px 0; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .title_decor.title_01 {
            left: 180px;
            top: 45px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .title_decor.title_02 {
            right: 180px;
            top: 45px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text {
          position: absolute;
          left: 0;
          font-size: 18px;
          top: 0;
          font-weight: bold; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text span {
            font-size: 70%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text ul li {
            line-height: 1.3; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text ul li span {
              font-size: 12px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text .arrow .arrow-circle {
            background: #fff;
            border: 1px solid #494342;
            border-radius: 50%;
            z-index: 1; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor01 {
            top: 124px;
            left: 65px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor01 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor01 .arrow:after {
                content: '';
                position: absolute;
                right: -85px;
                bottom: 11px;
                width: 66px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor01 .arrow .arrow-circle {
                position: absolute;
                right: -87px;
                bottom: 8px;
                width: 8px;
                height: 8px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 {
            top: 265px;
            left: 65px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02:before {
              content: '';
              position: absolute;
              right: -27px;
              bottom: 88px;
              width: 15px;
              height: 2px;
              background: #494342; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02:after {
              content: '';
              position: absolute;
              right: -27px;
              bottom: 10px;
              width: 15px;
              height: 2px;
              background: #494342; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow:before {
                content: '';
                position: absolute;
                right: -30px;
                bottom: 10px;
                width: 2px;
                height: 80px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow:after {
                content: '';
                position: absolute;
                right: -65px;
                bottom: 49px;
                width: 38px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow .arrow-x {
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                height: 100%; }
                #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow .arrow-x:before {
                  content: '';
                  position: absolute;
                  right: -66px;
                  bottom: 25px;
                  width: 2px;
                  height: 25px;
                  background: #494342;
                  transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor02 .arrow .arrow-circle {
                position: absolute;
                right: -68px;
                bottom: 20px;
                width: 8px;
                height: 8px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor03 {
            top: 380px;
            left: 112px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor03 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor03 .arrow:before {
                content: '';
                position: absolute;
                right: -137px;
                bottom: 4px;
                width: 2px;
                height: 9px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor03 .arrow:after {
                content: '';
                position: absolute;
                right: -136px;
                bottom: 12px;
                width: 116px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor03 .arrow .arrow-circle {
                position: absolute;
                right: -139px;
                bottom: -3px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor04 {
            top: 405px;
            left: 112px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor04 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor04 .arrow:after {
                content: '';
                position: absolute;
                right: -108px;
                bottom: 11px;
                width: 88px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor04 .arrow .arrow-circle {
                position: absolute;
                right: -113px;
                bottom: 8px;
                width: 8px;
                height: 8px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor05 {
            top: 49px;
            left: 409px;
            line-height: 1.1; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor05 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor05 .arrow:before {
                content: '';
                position: absolute;
                right: 142px;
                bottom: -136px;
                width: 2px;
                height: 130px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor05 .arrow:after {
                content: '';
                position: absolute;
                right: 144px;
                bottom: -136px;
                width: 40px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor05 .arrow .arrow-circle {
                position: absolute;
                right: 183px;
                bottom: -139px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor06 {
            top: 355px;
            left: 420px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor06 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor06 .arrow:before {
                content: '';
                position: absolute;
                right: 142px;
                bottom: -17px;
                width: 2px;
                height: 30px;
                background: #494342;
                transform: translateX(-50%); }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor06 .arrow:after {
                content: '';
                position: absolute;
                right: 103px;
                bottom: 11px;
                width: 40px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor06 .arrow .arrow-circle {
                position: absolute;
                right: 141px;
                bottom: -21px;
                width: 8px;
                height: 8px;
                background: #fff;
                border: 1px solid #494342;
                border-radius: 50%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor07 {
            top: 395px;
            left: 418px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor07 .arrow {
              position: absolute;
              right: 0;
              top: 0;
              width: 100%;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor07 .arrow:after {
                content: '';
                position: absolute;
                right: 125px;
                bottom: 11px;
                width: 35px;
                height: 2px;
                background: #494342; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor07 .arrow .arrow-circle {
                position: absolute;
                right: 156px;
                bottom: 8px;
                width: 8px;
                height: 8px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor08 {
            top: 122px;
            left: 700px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor09 {
            top: 215px;
            left: 700px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor10 {
            top: 300px;
            left: 700px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .floor_text.floor11 {
            bottom: 110px;
            left: 85px;
            top: inherit; }
        #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area {
          width: 95%;
          background: #fff;
          border: 2px solid #494342;
          padding: 10px 50px;
          text-align: center;
          display: flex;
          justify-content: center;
          position: absolute;
          align-items: center;
          right: 0;
          bottom: 20px;
          left: 0;
          margin: auto; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area h3 {
            font-size: 14px;
            border-radius: 25px;
            border: 2px solid #231815;
            width: 150px;
            padding: 5px 0;
            line-height: 1.1;
            margin-right: 50px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex: 1; }
            #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul li {
              width: 22%;
              padding: 10px 0;
              color: #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 18px;
              letter-spacing: 0px;
              font-weight: bold; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul li.icon_bg_color01 {
                background: #ba6582; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul li.icon_bg_color02 {
                background: #ca9e43; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul li.icon_bg_color03 {
                background: #458bbe; }
              #wrapper .main_box .screen_type_01 .main_section_01 .floor_plan02 .zone_area ul li.icon_bg_color04 {
                background: #887550; }
      #wrapper .main_box .screen_type_01 .main_section_01 .left-box {
        width: 350px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .left-box.fbox {
          display: flex;
          flex-flow: column;
          width: 150px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map {
          width: 285px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map .common_box {
            padding: 0 25px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room {
            background: #dcdcdc;
            height: 335px;
            margin-bottom: 20px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text {
              padding: 25px 0 0;
              border-bottom: 3.5px solid #494342;
              margin-bottom: 22px;
              padding-bottom: 8.5px; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text dl {
                display: flex;
                justify-content: space-between; }
                #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text dl dt {
                  font-size: 21px;
                  line-height: 25px;
                  letter-spacing: .1rem;
                  font-weight: bold;
                  width: 70%; }
                #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text dl dd {
                  flex: 1; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text dl dd p:first-child {
                    border: 1px solid #231815;
                    border-radius: 10px;
                    font-size: 7.5px;
                    margin: 2px 0 5.5px;
                    height: auto;
                    line-height: 1.3;
                    display: flex;
                    align-items: center;
                    padding: 4px 8px;
                    justify-content: center; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .room .room_text dl dd p:last-child {
                    font-size: 25px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #96b66f;
                    width: 47.5px;
                    height: 47.5px;
                    border-radius: 50%;
                    margin: 0 auto; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .map {
            background: #dcdcdc;
            height: 285px;
            padding-top: 25px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type01 .map h3 {
              background: #494342;
              border-radius: 20px;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 12.5px;
              letter-spacing: .15rem;
              color: #fff;
              margin: 0 0 25px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room {
            background: #fff;
            height: 377.5px;
            margin-bottom: 20px;
            border-radius: 15px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text {
              padding: 25px 0 0; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text h3 {
                font-size: 21px;
                line-height: 25px;
                letter-spacing: .1rem;
                font-weight: bold;
                margin: 0 0 17.5px; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text ul {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin: 0 0 17.5px; }
                #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text ul li {
                  font-size: 12.5px;
                  height: 40px;
                  display: flex;
                  justify-content: center;
                  align-items: center; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text ul li:first-child {
                    width: 205px;
                    background: #bfbdbd;
                    border-radius: 10px 0 0 10px; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text ul li:last-child {
                    border-radius: 0 10px 10px 0;
                    width: 265px;
                    background: #494342; }
                    #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .room .room_text ul li:last-child span {
                      text-align: center;
                      border: 3px solid #fff;
                      background: #96b66f;
                      color: #231815;
                      width: 90px;
                      height: 30px;
                      display: inline-block;
                      margin: 0 auto;
                      border-radius: 15px;
                      font-size: 20px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .map {
            background: #fff;
            border-radius: 15px;
            height: 245px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .room_map.type02 .map h3 {
              background: #494342;
              border-radius: 0 0 20px 20px;
              height: 32.5px;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 15px;
              letter-spacing: .1rem;
              color: #fff;
              margin: 0 0 25px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_list {
          width: 100%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_list ul li {
            margin: 0 0 35px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_list ul li:last-child {
              margin-bottom: 0; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_list ul li button {
              display: inline-block;
              width: 100%;
              height: 65px;
              font-size: 19px;
              color: #fff;
              font-weight: bold;
              border: none;
              border-radius: 50px;
              background: linear-gradient(135deg, #5b5655 50%, #3e3a39 50%);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
              cursor: pointer;
              transition: transform 0.2s ease;
              letter-spacing: .1rem; }
        #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme {
          margin-top: auto;
          background: #fff;
          border: 2px solid #494342;
          padding: 20px;
          text-align: center;
          width: 100%; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme h3 {
            font-size: 13.5px;
            border-radius: 15px;
            border: 2px solid #231815;
            margin: 0 0 15px;
            width: 105px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme ul {
            display: flex;
            flex-flow: column;
            align-items: center;
            gap: 10px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme ul li {
              border-radius: 50%;
              width: 57.5px;
              height: 57.5px;
              color: #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 32px; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme ul li.icon_bg_color01 {
                background: #96b66f; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme ul li.icon_bg_color02 {
                background: #50876a; }
              #wrapper .main_box .screen_type_01 .main_section_01 .left-box .device_theme ul li.icon_bg_color03 {
                background: #26553d; }
      #wrapper .main_box .screen_type_01 .main_section_01 .right-box {
        width: 740px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .right-box.interest_box01 {
          width: 874px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider {
          width: 100%;
          height: 555px;
          margin-bottom: 10px;
          position: relative; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider button {
            border: 3px solid #fff;
            border-radius: 30px;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            background: none;
            color: #fff; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider button.bdre_typoe01 {
              border-radius: 15px;
              background: rgba(73, 67, 66, 0.4); }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .slider-memo {
            width: 100%;
            height: 555px;
            background: #fff;
            border: 7px solid #494342; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .memo_button {
            position: absolute;
            background: none;
            bottom: 25px;
            left: 25px;
            z-index: 1;
            color: #fff;
            line-height: 17px;
            letter-spacing: .145rem;
            display: flex;
            justify-content: center;
            align-items: center; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .memo_button button {
              width: 125px;
              height: 50px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .shutter_button {
            position: absolute;
            left: 0;
            right: 0;
            width: 65px;
            margin: auto;
            bottom: 20px;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .shutter_button button {
              border: none;
              padding: 0;
              margin: 0; }
              #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .shutter_button button img {
                width: 65px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .keep_button {
            position: absolute;
            background: none;
            bottom: 25px;
            right: 25px;
            z-index: 1;
            color: #fff;
            line-height: 17px;
            letter-spacing: .145rem;
            display: flex;
            justify-content: center;
            align-items: center; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider .keep_button button {
              width: 125px;
              height: 50px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider.change_w button {
            border: 3px solid #494342;
            color: #494342; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider.change_w button.bdre_typoe01 {
              background: rgba(73, 67, 66, 0.75);
              color: #fff;
              border-color: #494342; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider.change_w .memo_button {
            color: #494342; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider.change_w .shutter_button button {
            border: none;
            padding: 0;
            margin: 0; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .main-slider.change_w .shutter_button button img {
              width: 65px; }
        #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap {
          position: relative;
          margin: 0 auto; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-slider {
            box-sizing: border-box; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-slider .swiper-slide {
              width: 100px;
              height: 75px;
              cursor: pointer;
              transition: opacity 0.3s; }
              #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-slider .swiper-slide.swiper-slide-thumb-active {
                opacity: 1; }
              #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-slider .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-prev, #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-next {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 45px;
            height: 45px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            opacity: 1; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-prev::after, #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-next::after {
              color: #333;
              font-size: 14px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-prev {
            left: 20px;
            background: url("../img/slide_button01.svg") no-repeat;
            transform: none; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .thumb-slider-wrap .thumb-next {
            right: 20px;
            background: url("../img/slide_button01.svg") no-repeat;
            transform: scale(-1, 1); }
        #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area {
          width: 100%;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          gap: 10px; }
          #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 {
            width: 49%;
            height: 130px; }
            #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl {
              display: flex;
              justify-content: flex-start;
              height: 100%; }
              #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dt {
                width: 70px;
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 17.5px; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dt.title_color01 {
                  background: #ba6582; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dt.title_color02 {
                  background: #458bbe; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dt.title_color03 {
                  background: #ca9e43; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dt.title_color04 {
                  background: #887550; }
              #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd {
                flex: 1;
                padding: 10px 15px;
                background: #dcdcdc;
                display: flex;
                flex-flow: column; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd h3 {
                  font-size: 13px;
                  margin: 0 0 0px; }
                #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 {
                  height: 100%;
                  display: flex;
                  flex-flow: column; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul {
                    display: flex;
                    justify-content: flex-start;
                    height: 100%;
                    border: 1.5px dotted #494342; }
                    #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul li {
                      width: calc(100% / 20);
                      border-right: 1.5px dotted #494342; }
                      #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul li:last-child {
                        border-right: none; }
                      #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul li.color01 {
                        background: #96b66f; }
                      #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul li.color02 {
                        background: #50876a; }
                      #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01 ul li.color03 {
                        background: #26553d; }
                  #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01.graph_height02 ul {
                    height: 45%; }
                    #wrapper .main_box .screen_type_01 .main_section_01 .right-box .graph_area .graph_box01 dl dd .graph_01.graph_height02 ul:last-child {
                      margin-top: auto; }
    #wrapper .main_box .screen_type_01 .button_section {
      display: flex;
      justify-content: space-between;
      margin: 0 60px; }
      #wrapper .main_box .screen_type_01 .button_section.mb01 {
        margin-bottom: 25px; }
      #wrapper .main_box .screen_type_01 .button_section .common-btn {
        display: inline-block;
        width: 180px;
        height: 45px;
        font-size: 17.5px;
        color: #fff;
        font-weight: bold;
        border: none;
        border-radius: 50px;
        background: linear-gradient(135deg, #5b5655 50%, #3e3a39 50%);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: transform 0.2s ease;
        letter-spacing: .145rem; }
      #wrapper .main_box .screen_type_01 .button_section .left-box ul {
        display: flex;
        justify-content: flex-start;
        gap: 22.5px; }
      #wrapper .main_box .screen_type_01 .button_section .right-box .common-btn {
        width: 210px;
        height: 45px;
        background: linear-gradient(135deg, #198550 50%, #115935 50%); }
    #wrapper .main_box .screen_type_02 {
      display: flex;
      justify-content: flex-start; }
      #wrapper .main_box .screen_type_02 .title_section_01 {
        width: 60px;
        height: auto;
        background: #887550;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 35px; }
        #wrapper .main_box .screen_type_02 .title_section_01 h1 {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: 21.5px;
          font-weight: bold;
          letter-spacing: .2rem;
          color: #fff; }
      #wrapper .main_box .screen_type_02 .main_section {
        width: 1085px; }
        #wrapper .main_box .screen_type_02 .main_section .container {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          width: 100%;
          gap: 40px; }
          #wrapper .main_box .screen_type_02 .main_section .container .content-area {
            flex: 1;
            position: relative; }
            #wrapper .main_box .screen_type_02 .main_section .container .content-area .content {
              opacity: 0;
              transition: opacity 0.5s ease;
              position: absolute;
              inset: 0;
              width: 840px;
              display: none; }
              #wrapper .main_box .screen_type_02 .main_section .container .content-area .content.active {
                opacity: 1;
                display: block; }
              #wrapper .main_box .screen_type_02 .main_section .container .content-area .content h2 {
                font-size: 31px;
                font-weight: bold;
                letter-spacing: .02rem;
                margin-bottom: 25px;
                padding-top: 30px; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content h2.type01 {
                  height: 67.5px;
                  background: #494342;
                  border-radius: 0 0 20px 20px;
                  color: #fff;
                  display: flex;
                  padding: 0 0 0 20px;
                  align-items: center; }
              #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner {
                display: flex;
                justify-content: space-between;
                margin-bottom: 25px; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box {
                  width: 512.5px;
                  background: #dcdcdc;
                  padding: 25px;
                  height: 640px; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box.active {
                    background: #ffffff;
                    border-radius: 15px; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box h3 {
                    font-size: 21.5px;
                    letter-spacing: 0;
                    border-bottom: 3.5px solid #494342;
                    margin-bottom: 20px;
                    padding-bottom: 30px; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box {
                    height: 460px;
                    overflow-y: scroll; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box p {
                      font-size: 12px;
                      line-height: 20px;
                      letter-spacing: .085rem;
                      margin: 0 0 20px; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box h4 {
                      font-size: 17.5px;
                      font-weight: bold;
                      line-height: 30px;
                      letter-spacing: .07rem;
                      margin: 0 0 10px; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box ul {
                      margin: 0 0 25px;
                      display: flex;
                      flex-flow: column;
                      gap: 5px; }
                      #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box ul li {
                        padding-left: 20px;
                        position: relative;
                        font-size: 15px;
                        line-height: 22.5px;
                        letter-spacing: .07rem; }
                        #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .text-box ul li:before {
                          content: "●";
                          font-size: 15px;
                          position: absolute;
                          top: 1px;
                          left: 1px;
                          color: #494342; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch {
                    position: relative;
                    display: inline-block;
                    border: 2px solid #7a7673;
                    border-radius: 50px;
                    overflow: hidden;
                    width: 375px;
                    height: 32.5px;
                    display: flex;
                    margin: 20px auto 0;
                    background: none;
                    font-family: 'Hiragino Sans', sans-serif; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-input {
                      display: none; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-label {
                      display: flex;
                      width: 100%;
                      height: 100%;
                      cursor: pointer;
                      position: relative;
                      user-select: none; }
                      #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-label span {
                        flex: 1;
                        text-align: center;
                        line-height: 1;
                        font-weight: bold;
                        color: #000;
                        z-index: 2;
                        transition: color 0.3s ease;
                        display: flex;
                        justify-content: center;
                        align-items: center; }
                      #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-label::before {
                        content: "";
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 50%;
                        height: 100%;
                        background: #f3f3f3;
                        border-radius: 50px;
                        transition: left 0.3s ease, background 0.3s ease;
                        z-index: 1; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-input:checked + .toggle-label::before {
                      left: calc(50% + 3px);
                      background: #fff; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-input:checked + .toggle-label .option-left {
                      color: #000; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .left-box .toggle-switch .toggle-input:checked + .toggle-label .option-right {
                      color: #000; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box {
                  width: 305px;
                  display: flex;
                  flex-flow: column; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 {
                    border: 2px solid #494342;
                    padding: 20px 20px 5px;
                    height: 325px; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 h3 {
                      width: 220px;
                      height: 27.5px;
                      background: #494342;
                      border-radius: 20px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      font-size: 15px;
                      letter-spacing: .15rem;
                      color: #fff;
                      margin: 0 auto 25px; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 {
                      height: 240px;
                      overflow-y: scroll; }
                      #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl {
                        display: flex;
                        justify-content: flex-start;
                        font-size: 14px;
                        line-height: 2;
                        letter-spacing: .1rem;
                        margin: 0 0 7px;
                        font-weight: bold;
                        align-items: stretch;
                        padding: 2px 0; }
                        #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl:last-child {
                          margin-bottom: 0; }
                        #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl dt {
                          background: #6d6968;
                          width: 65px;
                          text-align: center;
                          color: #fff;
                          border-radius: 5px 0 0 5px; }
                          #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl dt.a_dt {
                            background: #494342; }
                        #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl dd {
                          background: #dcdcdc;
                          width: 65px;
                          flex: 1;
                          border-radius: 0 5px 5px 0;
                          line-height: 1.5;
                          padding: 4px 5px; }
                          #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01 .text-box_01 dl dd span {
                            color: #c80000; }
                    #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .contents_inner .right-box .memo_box01.memo_widt01 {
                      height: 295px;
                      margin-top: auto; }
              #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box {
                display: flex;
                justify-content: space-between; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box .common-btn {
                  display: inline-block;
                  width: 200px;
                  height: 35px;
                  font-size: 17.5px;
                  color: #fff;
                  font-weight: bold;
                  border: none;
                  border-radius: 50px;
                  background: linear-gradient(135deg, #5b5655 50%, #3e3a39 50%);
                  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                  cursor: pointer;
                  transition: transform 0.2s ease;
                  letter-spacing: .145rem; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box .left-box {
                  flex: 1;
                  margin-right: 30px; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box .left-box ul {
                    display: flex;
                    justify-content: space-between;
                    gap: 22.5px; }
                #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box .right-box {
                  width: 200px; }
                  #wrapper .main_box .screen_type_02 .main_section .container .content-area .content .button_box .right-box .common-btn {
                    width: 200px;
                    height: 35px;
                    background: linear-gradient(135deg, #198550 50%, #115935 50%); }
          #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .left-box {
            background: #fff;
            border-radius: 15px; }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .left-box .toggle-switch .toggle-label:before {
              background: #dcdcdc; }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .left-box .toggle-switch .toggle-input:checked + .toggle-label::before {
              background: #dcdcdc; }
          #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .right-box .memo_box01 {
            background: #fff;
            border-radius: 15px;
            border-color: #494342;
            padding-top: 0; }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .right-box .memo_box01:first-child {
              border: none; }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .contents_inner .right-box .memo_box01 h3 {
              width: 235px;
              height: 37.5px;
              background: #494342;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 0 0 15px 15px; }
          #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .button_box .left-box ul li button, #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .content-area .content .button_box .right-box ul li button {
            height: 45px; }
          #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .nav_box .solution-nav-wrapper {
            background: #fff; }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .nav_box .solution-nav-wrapper .nav-control-btn#prevBtn {
              top: 10px;
              transform: rotate(0deg); }
            #wrapper .main_box .screen_type_02 .main_section .container.change_color_01 .nav_box .solution-nav-wrapper .nav-control-btn#nextBtn {
              bottom: 10px;
              transform: rotate(180deg); }
        #wrapper .main_box .screen_type_02 .main_section .vertical-swiper {
          width: 210px;
          height: 820px;
          background: #dcdcdc; }
          #wrapper .main_box .screen_type_02 .main_section .vertical-swiper .swiper-wrapper {
            height: calc(100% - 70px); }
          #wrapper .main_box .screen_type_02 .main_section .vertical-swiper .swiper-slide {
            background: #b89f6b;
            color: #fff;
            border-radius: 30px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            line-height: 17px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 165px;
            height: 65px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto; }
            #wrapper .main_box .screen_type_02 .main_section .vertical-swiper .swiper-slide.active {
              background: #a40000;
              transform: scale(1.05); }
          #wrapper .main_box .screen_type_02 .main_section .vertical-swiper .swiper-button-next, #wrapper .main_box .screen_type_02 .main_section .vertical-swiper .swiper-button-prev {
            color: #000; }
        #wrapper .main_box .screen_type_02 .main_section .nav_box {
          border-left: 7px solid #494342; }
        #wrapper .main_box .screen_type_02 .main_section nav {
          width: 210px;
          height: 820px;
          background: #fff;
          position: relative;
          overflow: hidden; }
          #wrapper .main_box .screen_type_02 .main_section nav .nav-control-btn {
            position: absolute;
            z-index: 5;
            width: 45px;
            border: none;
            background: no-repeat; }
            #wrapper .main_box .screen_type_02 .main_section nav .nav-control-btn#prevBtn {
              left: 0;
              right: 0;
              top: 30px;
              transform: rotate(90deg);
              margin: auto; }
            #wrapper .main_box .screen_type_02 .main_section nav .nav-control-btn#nextBtn {
              left: 0;
              right: 0;
              bottom: 30px;
              transform: rotate(-90deg);
              margin: auto; }
          #wrapper .main_box .screen_type_02 .main_section nav .active-indicator {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 100%;
            height: 82.5px;
            background-color: #abc236;
            z-index: 1;
            pointer-events: none; }
          #wrapper .main_box .screen_type_02 .main_section nav .solution-list {
            list-style: none;
            padding: 0;
            margin: 0;
            position: absolute;
            top: 0;
            z-index: 2;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            width: 100%; }
            #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item {
              display: flex;
              padding: 13px 0;
              width: 165px;
              margin: 0 auto; }
              #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item button {
                width: 100%;
                height: 65px;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 17px;
                background-color: #b29152;
                border: none;
                border-radius: 35px;
                font-size: 14px;
                text-align: center;
                cursor: pointer;
                color: #fff;
                transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
                border: 2px solid #fff; }
                #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item button.color01 {
                  background-color: #5576c9; }
                #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item button.color02 {
                  background-color: #458bbe; }
                #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item button.color03 {
                  background-color: #b29152; }
            #wrapper .main_box .screen_type_02 .main_section nav .solution-list .solution-item.is-selected button {
              border: 2px solid #fff; }