@charset "UTF-8";
/* 共通化できそうなCSS */
.padding-bottom-10px {
  padding-bottom: 10px;
}

/* 個別CSS */
.new-contents {
  font-size: 0.75em;
  font-weight: normal;
  background-color: #0099b3;
  color: #ffffff;
  padding: .3em 1em;
}

a .text-decoration-underline {
  text-decoration: underline;
}

a:hover .text-decoration-underline {
  text-decoration: none;
}

.sub-head h3, .sub-head h4 {
  padding-bottom: .3em;
  border-bottom: 2px solid #d1d8e0;
}

.fund-chart {
  margin: 5%;
}

.custome-tab-up, .custome-tab-right {
  display: block;
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #0099b3;
  font-weight: bold;
}

.custome-tab-up::after, .custome-tab-right::after {
  content: '▲';
  display: inline-block;
  margin-left: 1em;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.custome-tab-up.collapsed, .collapsed.custome-tab-right {
  color: #0099b3;
  background-color: #ffffff;
}

.custome-tab-up.collapsed::after, .collapsed.custome-tab-right::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.custome-tab-right::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.column-button, .column-button-center {
  padding: 1.3em 1em;
}

.column-button-center {
  -webkit-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.8);
}

@media (min-width: 768px) {
  .medium-text-demi-small {
    font-size: 1.2rem;
  }
  .fund-chart {
    margin: 50px 181px;
  }
  .medium-flex-order-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .medium-flex-order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .medium-flex-order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
}
