@charset "UTF-8";
#nav_csr.flexbox.col4 {
  /*

  .item {
    @include disp_flexbox($justify:flex-start);  //中身の一番下の背景を伸ばして終点に合わせる
    flex-direction: column;
    .item_img,
    .tit { flex-grow: 0; align-items: flex-start; }
    .ul_icon_arrow_before { flex: 1 0 auto; }
    > * { width: 100%; }
    @include media_pc_s { margin-bottom: 30px; }
  }

  */
}
#nav_csr.flexbox.col4 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}
#nav_csr.flexbox.col4 .item > * {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
#nav_csr.flexbox.col4 .item > .item_tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#nav_csr.flexbox.col4 .item > .ul_icon_arrow_before {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media screen and (max-width: 1099px) {
  #nav_csr.flexbox.col4 .item {
    margin-bottom: 30px;
  }
}
#nav_csr.flexbox.col4 .item_tit {
  position: relative;
  text-align: center;
  margin-bottom: 0.5em;
  padding-bottom: 1.5em;
}
#nav_csr.flexbox.col4 .item_tit strong {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
}
@media screen and (max-width: 600px) {
  #nav_csr.flexbox.col4 .item_tit {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 601px) {
  #nav_csr.flexbox.col4 .item_tit {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  #nav_csr.flexbox.col4 .ul_icon_arrow_before {
    padding: 2rem 1.5rem;
  }
}
@media screen and (min-width: 601px) {
  #nav_csr.flexbox.col4 .ul_icon_arrow_before {
    padding: 3rem 1.5rem;
  }
}
#nav_csr.flexbox.col4 .ul_icon_arrow_before > li {
  font-size: 0.9em;
}
#nav_csr.flexbox.col4 .ul_icon_arrow_before > li + li {
  margin-top: 0.5em;
}
#nav_csr.flexbox.col4 .ul_icon_arrow_before > li::before {
  border-top-color: #02a3b5;
  border-right-color: #02a3b5;
}
#nav_csr.flexbox.col4 .ul_icon_arrow_before > li:last-child {
  margin-bottom: 0;
}

.csr01 .bg_theme {
  background-color: rgba(8, 136, 29, 0.5);
}

.csr01 .fc_theme {
  color: #08881d;
}

.fc_csr01 {
  color: #08881d;
}

.bg_csr01 {
  background-color: rgba(8, 136, 29, 0.2);
}

.csr02 .bg_theme {
  background-color: rgba(249, 186, 11, 0.5);
}

.csr02 .fc_theme {
  color: #f9ba0b;
}

.fc_csr02 {
  color: #f9ba0b;
}

.bg_csr02 {
  background-color: rgba(249, 186, 11, 0.2);
}

.csr03 .bg_theme {
  background-color: rgba(252, 133, 193, 0.5);
}

.csr03 .fc_theme {
  color: #fc85c1;
}

.fc_csr03 {
  color: #fc85c1;
}

.bg_csr03 {
  background-color: rgba(252, 133, 193, 0.2);
}

.csr04 .bg_theme {
  background-color: rgba(26, 161, 251, 0.5);
}

.csr04 .fc_theme {
  color: #1aa1fb;
}

.fc_csr04 {
  color: #1aa1fb;
}

.bg_csr04 {
  background-color: rgba(26, 161, 251, 0.2);
}

ol.ol_number > li {
  padding-left: 2.2em;
}
ol.ol_number > li::before {
  content: counter(cnt);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #08881d;
  background-color: #f9ba0b;
  background-color: #fc85c1;
  background-color: #1aa1fb;
  margin-right: 1em;
  color: #fff;
  /*白*/
  border-radius: 50%;
  /*丸く*/
  text-align: center;
  /*端に寄ってる数字を真ん中に*/
  width: 1.7em;
  /*幅を決めるheightと同じ数値に*/
  height: 1.7em;
  /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
  position: absolute;
  /*リストの基準から移動させる*/
  left: 0.1em;
  /*項目の基準、左にあわせる*/
  line-height: 1.5;
  /*数字の位置あわせで数値を指定*/
}

.js_tab.saiyotab .tab_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin: 0 -0.5em 30px;
}
.js_tab.saiyotab .tab_head > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 0.5em 5px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  position: relative;
}
.js_tab.saiyotab .tab_head > *:active {
  top: 2px;
}
.js_tab.saiyotab .tab_head > *:not(.active) {
  opacity: 1;
}
.js_tab.saiyotab .tab_head > *.active {
  pointer-events: none;
}
.js_tab.saiyotab .tab_head > li {
  background-color: #f2f2f2;
  border: 2px solid rgba(204, 204, 204, 0.6) !important;
  color: #02a3b5;
  font-size: 1.3em;
  font-weight: bold;
  padding: 1.5em 1em;
  padding-right: 3.2em;
  position: relative;
}
.js_tab.saiyotab .tab_head > li.active {
  pointer-events: none;
  background-color: #fff;
}
.js_tab.saiyotab .tab_head > li::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.2em;
  margin: auto 0;
  -webkit-transform: rotate(135deg) !important;
          transform: rotate(135deg) !important;
}
:not(.active).js_tab.saiyotab .tab_head > li::after {
  content: "";
  display: inline-block;
  font-size: inherit;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.2em solid rgba(204, 204, 204, 0.6);
  border-right: 0.2em solid rgba(204, 204, 204, 0.6);
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.active.js_tab.saiyotab .tab_head > li::after {
  content: "";
  display: inline-block;
  font-size: inherit;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.2em solid #02a3b5;
  border-right: 0.2em solid #02a3b5;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.js_tab.saiyotab .tab_body {
  padding: 0;
  border: none;
  background: transparent;
  position: static;
  top: 0;
}
.js_tab.saiyotab .tab_body .tab_content > section > h1 {
  padding: 1em 0;
  margin: 1em 0;
  text-align: center;
  font-size: 1.5em;
  color: #fff;
}
.js_tab.saiyotab .tab_body .tab_content > section > h1.bgc_bs {
  background-color: #00a0e9;
}
.js_tab.saiyotab .tab_body .tab_content > section > h1.bgc_tr {
  background-color: #67cb57;
}
.js_tab.saiyotab .tab_body .tab_content > section > h1.bgc_rt {
  background-color: #ffc742;
}

h3 {
  font-weight: normal !important;
  margin: 5px 0;
  padding: 5px;
  background: #eee;
}

hr {
  height: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  margin: 15px 0;
  border-bottom: 0;
  border-top: dashed 1px #a3a5a3;
}