/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
.g-header .sub-nav__item--outline a {
  color: #0B8943;
}

.page-outline .l-page-wrapper {
  overflow: hidden;
}

.m-intro__obj-slide {
  height: 111px;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   sec-outline
---------------------------------------------------------------------------*/
.sec-outline {
  position: relative;
}
.sec-outline__content {
  padding: 0 80px 106px;
}

/*--------------------------------------------------------------------------
   custom animation
---------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
  .sec-outline__content {
    padding: 0 20px 50px;
  }
}
/*# sourceMappingURL=../maps/outline/style.css.map */

/*========================================
  ▼ タブ切り替え用（202503XX 追記例）
=========================================*/

/* タブ全体ラッパ */
.sec-outline__tabs {
  max-width: 1100px;
  margin: 0 auto 30px;
}

/* タブ本体 */
.sec-outline__tabs .tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 各タブ */
.sec-outline__tabs .tabs .tab {
  flex: 1 1 auto;
  text-align: center;
  background: #999;
  color: #fff;
  padding: 15px 0;
  cursor: pointer;
  transition: background 0.3s;
}

/* アクティブ時のタブ */
.sec-outline__tabs .tabs .tab.active {
  background: #0B8843; /* 指定の緑 */
}

/* タブ以外の枠線等が必要であれば適宜追加 */

/*----------------------------------------
   パネル領域
----------------------------------------*/
.tab-panels .panel {
  display: none;
  /* もしアニメーションなど入れるなら適宜追加 */
}

.tab-panels .panel.active {
  display: block;
}

/* SP対応 */
@media screen and (max-width: 767px) {
  .sec-outline__tabs {
    margin-bottom: 20px;
  }
  .sec-outline__tabs .tabs .tab {
    padding: 10px 0;
    font-size: 14px;
  }
}


#outline_iframe_est{
    height: 390vh;
}
#outline_iframe {
    height: 565vh;
}
@media screen and (max-width: 767px) {
	
#outline_iframe_est{
    height: 520vh;
}
#outline_iframe {
    height: 680vh;
}	
	
	
}