@charset "UTF-8";
/*! Writen  by SCSS */
.flex {
  display: flex;
  justify-content: space-between; }

.flex_wrap {
  flex-wrap: wrap; }

.flex_rr {
  flex-direction: row-reverse; }

.pos_r {
  position: relative; }

.pos_a {
  position: absolute; }

.contents_wrap {
  overflow: hidden; }

.contents_wrap .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }

.inner.inner2 {
  max-width: 1110px;
  width: calc(100% - 40px);
  margin: 0 auto;
  position: relative;
  padding: 0;
  box-sizing: content-box; }

.c-breadcrumb__list {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0px 10px; }

/*--タブ--*/
.tab-wrap {
  max-width: 480px;
  margin: 0 auto 40px; }
  @media screen and (max-width: 480px) {
    .tab-wrap {
      margin: 0 auto 30px; } }

#tabs {
  display: flex;
  justify-content: space-between; }

#tabs li {
  width: calc(50% - 2px);
  padding: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #a7a7a7;
  color: #a7a7a7;
  cursor: pointer;
  transition: all 0.2s ease-out;
  font-size: 14px; }

#tabs > li.active {
  background: #a7a7a7;
  color: #fff;
  border-bottom: 2px solid #a7a7a7;
  transition: all 0.2s ease-out; }

#tabConts {
  position: relative; }

#tabConts > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0; }

#tabConts > li.active {
  position: relative;
  opacity: 1; }

/*--タブ間取り合わせ--*/
.plan_tab_wrap {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .plan_tab_wrap {
      display: block;
      padding-top: 10px; } }
  .plan_tab_wrap .plan_tab {
    max-width: 330px;
    width: 47.83%;
    cursor: pointer;
    position: relative;
    transition: opacity 0.3s ease-in-out;
    text-align: center;
    padding: 10px 5px; }
    @media screen and (max-width: 767px) {
      .plan_tab_wrap .plan_tab {
        width: 66%;
        margin: 0 auto 10px;
        padding: 0; } }
    @media (hover: hover) {
      .plan_tab_wrap .plan_tab:hover {
        opacity: 0.7; } }
    .plan_tab_wrap .plan_tab::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      z-index: 1;
      background: #fff;
      opacity: 1;
      transition: opacity 0.3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .plan_tab_wrap .plan_tab::after {
          height: 2px;
          display: none; } }
    .plan_tab_wrap .plan_tab.active::after {
      opacity: 0; }
  .plan_tab_wrap .plan_tab_01 {
    background: #00454d; }
  .plan_tab_wrap .plan_tab_02 {
    background: #004a28; }

.plan_list_outer {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
  border-top: 4px solid;
  transition: border 0.3s ease-in-out;
  /*	&::before,
  	&::after{
  		content: "";
  		display: block;
  		position: absolute;
  		inset: 0;
  		z-index: -1;
  		background-size: cover;
  		background-repeat: no-repeat;
  		background-position: center;
  		opacity: 0;
  		transition: opacity 0.3s ease-in-out;
  	}
  	&::before{
  		background-image: url("../images/plan/bg01.jpg");
  	}
  	&::after{
  		background-image: url("../images/plan/bg02.jpg");
  	}*/ }
  @media screen and (max-width: 767px) {
    .plan_list_outer {
      border-top: 3px solid;
      padding-top: 30px;
      padding-bottom: 30px; } }
  .plan_list_outer.bg_01 {
    border-top-color: #00454d; }
    .plan_list_outer.bg_01::before {
      opacity: 1; }
  .plan_list_outer.bg_02 {
    border-top-color: #004a28; }
    .plan_list_outer.bg_02::after {
      opacity: 1; }

.plan_list_wrap {
  position: relative; }
  .plan_list_wrap .plan_list {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; }
    .plan_list_wrap .plan_list.active {
      position: relative;
      pointer-events: all;
      opacity: 1; }
    @media screen and (max-width: 767px) {
      .plan_list_wrap .plan_list {
        width: 70%;
        margin: 0 auto; } }

.inner920 {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box; }