@charset "UTF-8";
/*******************************
feature
*******************************/
#pageFeature #container {
  padding-top: 4em;
  background: #fff; }
  @media screen and (max-width: 599px) {
    #pageFeature #container {
      padding-top: 2.5em; } }
  #pageFeature #container h2 {
    color: #57667b;
    font-size: 275%;
    text-align: center;
    font-weight: 500;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 599px) {
      #pageFeature #container h2 {
        font-size: 175%; } }
  #pageFeature #container .sec01 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2em; }
    @media screen and (max-width: 599px) {
      #pageFeature #container .sec01 {
        padding-bottom: 3em;
        display: block; } }
    #pageFeature #container .sec01 h3 {
      color: #00559d;
      display: flex;
      align-items: flex-start;
      width: 30%;
      position: relative;
      padding-bottom: 2em;
      line-height: 1.4; }
      @media screen and (max-width: 599px) {
        #pageFeature #container .sec01 h3 {
          width: 100%;
          padding-bottom: 0.5em;
          margin-bottom: 1.5em; } }
      #pageFeature #container .sec01 h3 .number {
        background: #00559d;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 100%;
        font-size: 125%;
        width: 2em;
        height: 2em;
        margin-top: -0.15em;
        margin-right: 0.25em; }
        @media screen and (max-width: 599px) {
          #pageFeature #container .sec01 h3 .number {
            font-size: 1em; } }
      #pageFeature #container .sec01 h3 .txt {
        font-size: 1.5em; }
        @media screen and (max-width: 599px) {
          #pageFeature #container .sec01 h3 .txt {
            font-size: 1.25em; } }
      #pageFeature #container .sec01 h3 .line {
        content: "";
        background: #006EAF;
        background: -webkit-linear-gradient(top, #006eaf 0%, #00a64e 56%, #f6af00 100%);
        background: -o-linear-gradient(top, #006eaf 0%, #00a64e 56%, #f6af00 100%);
        background: linear-gradient(to bottom, #006eaf 0%, #00a64e 56%, #f6af00 100%);
        display: block;
        width: 0.35em;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0; }
        @media screen and (max-width: 599px) {
          #pageFeature #container .sec01 h3 .line {
            background: #006EAF;
            background: -webkit-linear-gradient(left, #006eaf 0%, #00a64e 56%, #f6af00 100%);
            background: -o-linear-gradient(left, #006eaf 0%, #00a64e 56%, #f6af00 100%);
            background: linear-gradient(to right, #006eaf 0%, #00a64e 56%, #f6af00 100%);
            top: 100%;
            width: 100%;
            height: 0.25em; } }
    #pageFeature #container .sec01 .txt_area {
      width: 68%; }
      @media screen and (max-width: 599px) {
        #pageFeature #container .sec01 .txt_area {
          width: 100%; } }
      #pageFeature #container .sec01 .txt_area .li01 {
        margin: 0.5em 0; }
        @media screen and (max-width: 599px) {
          #pageFeature #container .sec01 .txt_area .li01 {
            margin: 0.75em 0; } }
        #pageFeature #container .sec01 .txt_area .li01 li {
          text-indent: -1em;
          margin-left: 1em; }
          #pageFeature #container .sec01 .txt_area .li01 li::before {
            content: "●"; }
        #pageFeature #container .sec01 .txt_area .li01.long li:not(:last-child) {
          margin-bottom: 1em; }