/*! Writen  by SCSS */
.midashi_group {
  margin-bottom: clamp(40px, 5vw, 60px); }
  .midashi_group .midashi_wrap {
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-row-gap: 10px;
    margin-bottom: clamp(40px, 5vw, 60px); }
    .midashi_group .midashi_wrap .en_midashi {
      font-size: clamp(42px, 5.334vw, 64px);
      line-height: 1;
      width: fit-content;
      margin: 0 auto;
      letter-spacing: 0.05em;
      display: inline-block;
      background: linear-gradient(90deg, #dfca88 0%, #c2a145 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .midashi_group .midashi_wrap .midashi {
      font-size: clamp(18px, 2.834vw, 34px);
      color: #967838;
      line-height: 1.8; }
@includem mq($br_sp) {
  .midashi_group .midashi_wrap .midashi {
    font-size: 5vw; } }
      .midashi_group .midashi_wrap .midashi.blue_grad {
        width: fit-content;
        margin: 0 auto; }
    .midashi_group .midashi_wrap .read {
      font-size: clamp(14px, 1.667vw, 20px);
      line-height: 1;
      letter-spacing: 0.2em; }
@includem mq($br_sp) {}
      .midashi_group .midashi_wrap .read.white {
        color: #FFF; }

.lim_read {
  text-align: center;
  font-size: clamp(16px, 2.5vw, 30px);
  color: #FFF; }
@includem mq($br_sp) {
  .lim_read {
    font-size: 4.2vw; } }
.sec01 {
  padding-top: 60px; }
  .sec01 .view_wrap {
    position: relative;
    /*
    .panoramaImg2{
    	position: absolute;
    	left:0;
    	top:0;
    	opacity: 0;
    	pointer-events: none;
    	transition:0.5s all ease-in-out 0s;
    	&.active{
    		opacity: 1;
    		pointer-events: all;
    	}
    }
    */ }
    .sec01 .view_wrap .panoramaImg1,
    .sec01 .view_wrap .panoramaImg2 {
      position: relative; }
      .sec01 .view_wrap .panoramaImg1 .panoramaImg-box,
      .sec01 .view_wrap .panoramaImg2 .panoramaImg-box {
        cursor: grab;
        line-height: 0; }
      .sec01 .view_wrap .panoramaImg1 .link-ul,
      .sec01 .view_wrap .panoramaImg2 .link-ul {
        display: flex; }
        .sec01 .view_wrap .panoramaImg1 .link-ul li,
        .sec01 .view_wrap .panoramaImg2 .link-ul li {
          position: absolute;
          height: 50px;
          top: 50%;
          width: 35px;
          margin-top: -18px;
          cursor: pointer;
          z-index: 2; }
          .sec01 .view_wrap .panoramaImg1 .link-ul li#left,
          .sec01 .view_wrap .panoramaImg2 .link-ul li#left {
            left: 10px;
            background: url(../images/media/view/panorama_arrow_left.png) no-repeat left top;
            -webkit-background-size: cover;
            background-size: cover; }
          .sec01 .view_wrap .panoramaImg1 .link-ul li#right,
          .sec01 .view_wrap .panoramaImg2 .link-ul li#right {
            right: 10px;
            background: url(../images/media/view/panorama_arrow_right.png) no-repeat right top;
            -webkit-background-size: cover;
            background-size: cover; }