@charset "UTF-8";
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
A-OTF Ryumin Pr6N
300：Bold（デフォルト）
*/
/*
font-weight:$weight;
400：Regular（デフォルト）
700：Bold
*/
/*
example
@include dotted(#COLOR, WidthPX,SpaceingPX,HeightPX); 横破線
@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.feature_bg_gradation {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  @media screen and (max-width: 460px) {
    .feature_bg_gradation {
      z-index: 1; } }
  .feature_bg_gradation video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0; }
    .ie .feature_bg_gradation video {
      opacity: 0; }
  .feature_bg_gradation.active {
    opacity: 0; }

.sec_feature {
  position: relative;
  z-index: 1; }
  @media print, screen and (min-width: 461px) {
    .sec_feature {
      height: 100vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 50px; } }
  @media screen and (max-width: 460px) {
    .sec_feature {
      z-index: 2; } }
  .sec_feature .graph_sptxt_title {
    position: relative;
    font-size: 12px;
    font-size: 0.12rem;
    letter-spacing: 0.12em;
    font-family: petersburg-web, serif;
    font-weight: 500;
    font-style: normal;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    left: 50%;
    margin-left: -0.07rem; }
  .sec_feature .graph_sptxt_circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0.7rem;
    height: 0.7rem;
    margin: auto;
    position: relative;
    margin-top: 0.1rem; }
    .sec_feature .graph_sptxt_circle svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .sec_feature .graph_sptxt_circle span {
      display: block;
      position: relative;
      font-size: 18px;
      font-size: 0.18rem;
      font-family: petersburg-web, serif;
      font-weight: 500;
      font-style: normal;
      color: #fff; }
  .sec_feature .graph_sptxt {
    padding: 0 0.3rem;
    margin-top: 0.4rem; }
    .sec_feature .graph_sptxt .feature_title {
      font-family: a-otf-ryumin-pr6n, serif;
      font-weight: 400;
      font-style: normal;
      -webkit-text-stroke: 0.8px;
      font-size: 33px;
      font-size: 0.33rem;
      line-height: 1.4;
      letter-spacing: 0.06em;
      text-align: center;
      margin-top: 0.1rem;
      width: 110%;
      margin-left: -5%;
      position: relative; }
    .sec_feature .graph_sptxt .feature_desc {
      font-size: 15px;
      font-size: 0.15rem;
      line-height: 2.2;
      letter-spacing: 0.06em;
      margin-top: 0.3rem; }
  @media screen and (max-width: 460px) {
    .sec_feature .graph_img_one_inwrap_sp {
      display: block;
      -webkit-box-shadow: 0px 0px 12px #E9EAE8;
      box-shadow: 0px 0px 12px #E9EAE8;
      background-color: #fff;
      width: 90%;
      height: 85vw;
      margin: auto;
      margin-top: 0.4rem;
      position: relative;
      opacity: 0;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px); }
      .sec_feature .graph_img_one_inwrap_sp.active {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: 1.8s cubic-bezier(0.515, 0.005, 0.505, 1);
        -o-transition: 1.8s cubic-bezier(0.515, 0.005, 0.505, 1);
        transition: 1.8s cubic-bezier(0.515, 0.005, 0.505, 1); } }
  .sec_feature .cnt_box {
    position: relative; }
    @media print, screen and (min-width: 461px) {
      .sec_feature .cnt_box {
        width: 100%;
        max-width: 11.5rem;
        margin: 0 auto;
        padding-left: 1.2rem; } }
    .sec_feature .cnt_box .txtwrap {
      display: inline-block;
      position: relative; }
    .sec_feature .cnt_box .txt {
      display: block;
      position: relative; }
    .sec_feature .cnt_box .bar {
      display: block;
      position: absolute;
      background-color: #1E1E1E;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
      transform-origin: right top; }
    .sec_feature .cnt_box .sec_feature_title {
      font-size: 24px;
      font-size: 0.24rem;
      letter-spacing: 0.12em;
      font-family: petersburg-web, serif;
      font-weight: 500;
      font-style: normal;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      position: absolute;
      left: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media print, screen and (min-width: 461px) {
        .sec_feature .cnt_box .sec_feature_title {
          top: 0.0rem; } }
      @media screen and (max-width: 460px) {
        .sec_feature .cnt_box .sec_feature_title {
          top: 1.4rem; } }
    @media print, screen and (min-width: 461px) {
      .sec_feature .cnt_box .feature_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media print, screen and (min-width: 461px) {
      .sec_feature .cnt_box .feature_box .txt_box {
        padding-top: 1.9rem; } }
    @media screen and (max-width: 460px) {
      .sec_feature .cnt_box .feature_box .txt_box {
        padding-top: 2.3rem; } }
    .sec_feature .cnt_box .feature_box .txt_box .feature_title {
      font-family: a-otf-ryumin-pr6n, serif;
      font-weight: 400;
      font-style: normal;
      -webkit-text-stroke: 0.8px;
      font-size: 50px;
      font-size: 0.5rem;
      line-height: 1.4;
      letter-spacing: 0.06em; }
    .sec_feature .cnt_box .feature_box .txt_box .feature_desc {
      font-size: 16px;
      font-size: 0.16rem;
      line-height: 2.2;
      letter-spacing: 0.06em;
      margin-top: 0.3rem; }
    .sec_feature .cnt_box .feature_box .txt_box_one {
      display: none; }
      .sec_feature .cnt_box .feature_box .txt_box_one.type01 {
        display: block; }
    .sec_feature .cnt_box .graph_box {
      position: relative; }
      @media print, screen and (min-width: 461px) {
        .sec_feature .cnt_box .graph_box {
          width: 5.40rem;
          height: 5.40rem; } }
      .sec_feature .cnt_box .graph_box .graph_title {
        font-weight: bold;
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center; }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_box .graph_title {
            font-size: 18px;
            font-size: 0.18rem;
            line-height: 2;
            letter-spacing: 0.06em;
            bottom: 0.60rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_box .graph_title {
            font-size: 15px;
            font-size: 0.15rem;
            line-height: 1.6;
            letter-spacing: 0.06em;
            bottom: 0.25rem; } }
    .sec_feature .cnt_box .graph_img_one_in {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none; }
      .sec_feature .cnt_box .graph_img_one_in.type02 {
        display: block; }
      .ie .sec_feature .cnt_box .graph_img_one_in {
        display: block !important; }
    .sec_feature .cnt_box .graph_img_one {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      @media print, screen and (min-width: 461px) {
        .sec_feature .cnt_box .graph_img_one {
          -webkit-box-shadow: 0px 0px 12px #E9EAE8;
          box-shadow: 0px 0px 12px #E9EAE8;
          background-color: #fff; } }
      @media screen and (max-width: 460px) {
        .sec_feature .cnt_box .graph_img_one {
          position: relative;
          display: block !important; }
          .sec_feature .cnt_box .graph_img_one + .graph_img_one {
            margin-top: 0.9rem; } }
      .sec_feature .cnt_box .graph_img_one.type01 {
        display: block; }
        .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
          transform: scale(0.9);
          opacity: 0; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle {
              top: 1.30rem;
              width: 2.40rem;
              height: 2.40rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle {
              top: 0.5rem;
              width: 1.5rem;
              height: auto; } }
          .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle.active {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            opacity: 1;
            -webkit-transition: 1.6s;
            -o-transition: 1.6s;
            transition: 1.6s; }
        .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon01 {
          position: absolute;
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          transform: translateX(10px);
          opacity: 0; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon01 {
              top: 1.50rem;
              left: 2.60rem;
              width: 0.97rem;
              height: 0.79rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon01 {
              top: 0.65rem;
              width: 0.55rem;
              height: auto;
              left: 1.7rem; } }
          .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon01.active {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            opacity: 1;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
        .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon02 {
          position: absolute;
          -webkit-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          transform: translateX(-10px);
          opacity: 0; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon02 {
              top: 2.23rem;
              left: 1.60rem;
              width: 1.14rem;
              height: 1.29rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon02 {
              top: 1.2rem;
              width: 0.55rem;
              height: auto;
              left: 1.0rem; } }
          .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_icon02.active {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            opacity: 1;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
        .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_txt {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          opacity: 0; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_txt {
              top: 1.65rem;
              width: 3.54rem;
              height: 1.71rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_txt {
              top: 0.7rem;
              width: 2.3rem;
              height: auto; } }
          .sec_feature .cnt_box .graph_img_one.type01 .privaterounge_circle_txt.active {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            opacity: 1;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
        .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock {
          position: absolute; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type01 {
              top: 0.73rem;
              left: 0.92rem;
              width: 1.70rem;
              height: 1.70rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type01 {
              top: 7%;
              left: 16%;
              width: 30vw;
              height: 30vw; } }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type02 {
              top: 1.09rem;
              left: 2.78rem;
              width: 1.70rem;
              height: 1.70rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type02 {
              top: 13%;
              left: 53%;
              width: 30vw;
              height: 30vw; } }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type03 {
              top: 2.59rem;
              left: 1.72rem;
              width: 1.20rem;
              height: 1.20rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type03 {
              top: 42%;
              left: 31%;
              width: 20vw;
              height: 20vw; } }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type04 {
              top: 2.98rem;
              left: 3.10rem;
              width: 1.00rem;
              height: 1.00rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock.type04 {
              top: 51%;
              left: 57%;
              width: 16vw;
              height: 16vw; } }
          .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock svg {
            width: 100%;
            height: 100%; }
          .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock g path {
            stroke-width: .2px;
            stroke: #000; }
          .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p {
            position: absolute;
            width: 100%;
            left: 0;
            font-family: petersburg-web, serif;
            font-weight: 500;
            font-style: normal;
            text-align: center;
            line-height: 1; }
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type01 {
              color: #2991A8; }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type01 {
                  font-size: 26px;
                  font-size: 0.26rem;
                  letter-spacing: 3px;
                  top: 0.88rem;
                  padding-left: 0.07rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type01 {
                  font-size: 12px;
                  font-size: 0.12rem;
                  letter-spacing: 3px;
                  top: 0.62rem;
                  padding-left: 3px; } }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type01 span {
                  font-size: 40px;
                  font-size: 0.4rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type01 span {
                  font-size: 20px;
                  font-size: 0.2rem; } }
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type02 {
              color: #D64857; }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type02 {
                  font-size: 26px;
                  font-size: 0.26rem;
                  letter-spacing: 3px;
                  top: 0.78rem;
                  padding-left: 0.07rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type02 {
                  font-size: 12px;
                  font-size: 0.12rem;
                  letter-spacing: 3px;
                  top: 0.58rem;
                  padding-left: 3px; } }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type02 span {
                  font-size: 40px;
                  font-size: 0.4rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type02 span {
                  font-size: 20px;
                  font-size: 0.2rem; } }
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type03 {
              color: #D64857; }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type03 {
                  font-size: 20px;
                  font-size: 0.2rem;
                  letter-spacing: 0;
                  top: 0.54rem;
                  padding-left: 0.04rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type03 {
                  font-size: 12px;
                  font-size: 0.12rem;
                  letter-spacing: 1px;
                  top: 0.36rem;
                  padding-left: 2px; } }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type03 span {
                  font-size: 30px;
                  font-size: 0.3rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type03 span {
                  font-size: 18px;
                  font-size: 0.18rem; } }
            .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type04 {
              color: #29A1B8; }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type04 {
                  font-size: 14px;
                  font-size: 0.14rem;
                  letter-spacing: 1px;
                  top: 0.48rem;
                  padding-left: 0.04rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type04 {
                  font-size: 12px;
                  font-size: 0.12rem;
                  letter-spacing: 1px;
                  top: 0.28rem;
                  padding-left: 2px; } }
              @media print, screen and (min-width: 461px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type04 span {
                  font-size: 24px;
                  font-size: 0.24rem; } }
              @media screen and (max-width: 460px) {
                .sec_feature .cnt_box .graph_img_one.type01 .graphbox01_graph01_svgblock p.type04 span {
                  font-size: 18px;
                  font-size: 0.18rem; } }
      .sec_feature .cnt_box .graph_img_one.type02 [data-pararax01-photo03b] {
        position: absolute;
        opacity: 0; }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 [data-pararax01-photo03b] {
            top: 1.01rem;
            left: 1.02rem;
            width: 3.37rem;
            height: 2.88rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 [data-pararax01-photo03b] {
            top: 0.3rem;
            left: 0;
            right: 0;
            margin: auto;
            width: 70%;
            height: 50vw; } }
        .sec_feature .cnt_box .graph_img_one.type02 [data-pararax01-photo03b].active {
          opacity: 1; }
        .sec_feature .cnt_box .graph_img_one.type02 [data-pararax01-photo03b] img {
          display: block;
          width: 100%;
          height: auto; }
      .sec_feature .cnt_box .graph_img_one.type02 .num {
        line-height: 1;
        position: absolute;
        text-align: right; }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .num {
            top: 1.99rem;
            right: 1.93rem;
            width: 1.50rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .num {
            top: 1.05rem;
            right: 1.25rem;
            width: 1.1rem; } }
        .sec_feature .cnt_box .graph_img_one.type02 .num span {
          font-family: petersburg-web, serif;
          font-weight: 500;
          font-style: normal;
          color: #E64857;
          text-align: right; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type02 .num span {
              font-size: 62px;
              font-size: 0.62rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type02 .num span {
              font-size: 37px;
              font-size: 0.37rem; } }
        .sec_feature .cnt_box .graph_img_one.type02 .num b {
          display: block;
          text-align: right;
          font-family: petersburg-web, serif;
          font-weight: 400;
          font-style: normal; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type02 .num b {
              font-size: 24px;
              font-size: 0.24rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type02 .num b {
              font-size: 14px;
              font-size: 0.14rem; } }
      .sec_feature .cnt_box .graph_img_one.type02 .logo {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0; }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo {
            width: auto;
            height: 0.7rem; } }
        .sec_feature .cnt_box .graph_img_one.type02 .logo.active {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1;
          -webkit-transition: 1s;
          -o-transition: 1s;
          transition: 1s; }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type01 {
            top: 1.20rem;
            left: -2.80rem;
            width: 1.63rem;
            height: 1.16rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type01 {
            top: 0.6rem;
            left: -1.8rem; } }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type02 {
            top: 1.20rem;
            width: 1.63rem;
            height: 1.16rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type02 {
            top: 0.6rem; } }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type03 {
            top: 1.20rem;
            left: 2.80rem;
            width: 1.63rem;
            height: 1.16rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type03 {
            top: 0.6rem;
            left: 1.8rem; } }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type04 {
            top: 2.40rem;
            left: -1.90rem;
            width: 1.63rem;
            height: 1.16rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type04 {
            top: 1.4rem;
            left: -1.2rem; } }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type05 {
            top: 2.40rem;
            left: 1.90rem;
            width: 1.63rem;
            height: 1.16rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type02 .logo.type05 {
            top: 1.4rem;
            left: 1.2rem; } }
      .sec_feature .cnt_box .graph_img_one.type03 [data-pararax01-photo01a] {
        position: absolute;
        opacity: 0; }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type03 [data-pararax01-photo01a] {
            top: 1.01rem;
            left: 1.02rem;
            width: 3.37rem;
            height: 2.88rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type03 [data-pararax01-photo01a] {
            top: 0.4rem;
            left: 0;
            right: 0;
            margin: auto;
            width: 67%;
            height: 46vw; } }
        .sec_feature .cnt_box .graph_img_one.type03 [data-pararax01-photo01a].active {
          opacity: 1; }
        .sec_feature .cnt_box .graph_img_one.type03 [data-pararax01-photo01a] img {
          display: block;
          width: 100%;
          height: auto; }
      .sec_feature .cnt_box .graph_img_one.type03.active .pin {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .sec_feature .cnt_box .graph_img_one.type03 .pin {
        position: absolute;
        opacity: 0;
        -webkit-transform: translateY(-10px) scaleX(0.9);
        -ms-transform: translateY(-10px) scaleX(0.9);
        transform: translateY(-10px) scaleX(0.9); }
        @media print, screen and (min-width: 461px) {
          .sec_feature .cnt_box .graph_img_one.type03 .pin {
            width: 0.25rem;
            height: 0.36rem; } }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type03 .pin {
            width: 0.2rem;
            height: auto; } }
        .sec_feature .cnt_box .graph_img_one.type03 .pin.type01 {
          -webkit-transition-delay: 0.5s;
          -o-transition-delay: 0.5s;
          transition-delay: 0.5s; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type01 {
              top: 1.10rem;
              left: 2.32rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type01 {
              top: 13%;
              left: 43%; } }
        .sec_feature .cnt_box .graph_img_one.type03 .pin.type02 {
          -webkit-transition-delay: 0.6s;
          -o-transition-delay: 0.6s;
          transition-delay: 0.6s; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type02 {
              top: 1.54rem;
              left: 3.58rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type02 {
              top: 25%;
              left: 67%; } }
        .sec_feature .cnt_box .graph_img_one.type03 .pin.type03 {
          -webkit-transition-delay: 0.7s;
          -o-transition-delay: 0.7s;
          transition-delay: 0.7s; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type03 {
              top: 2.56rem;
              left: 1.65rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type03 {
              top: 44%;
              left: 29%; } }
        .sec_feature .cnt_box .graph_img_one.type03 .pin.type04 {
          -webkit-transition-delay: 0.8s;
          -o-transition-delay: 0.8s;
          transition-delay: 0.8s; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type04 {
              top: 2.21rem;
              left: 3.02rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type04 {
              top: 36%;
              left: 56%; } }
        .sec_feature .cnt_box .graph_img_one.type03 .pin.type05 {
          height: auto;
          -webkit-transition-delay: 0.9s;
          -o-transition-delay: 0.9s;
          transition-delay: 0.9s; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type05 {
              top: 1.15rem;
              left: 1.22rem;
              width: 0.34rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .pin.type05 {
              top: 13%;
              left: 19%;
              width: 0.25rem; } }
      .sec_feature .cnt_box .graph_img_one.type03 .obj {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto; }
        @media screen and (max-width: 460px) {
          .sec_feature .cnt_box .graph_img_one.type03 .obj {
            height: auto; } }
        .sec_feature .cnt_box .graph_img_one.type03 .obj.type01 {
          -webkit-transform: center bottom;
          -ms-transform: center bottom;
          transform: center bottom;
          opacity: 0;
          -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
          transform: scale(0.8); }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type01 {
              top: 0.80rem;
              width: 0.99rem;
              height: 1.06rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type01 {
              top: 0.4rem;
              width: 0.7rem; } }
          .sec_feature .cnt_box .graph_img_one.type03 .obj.type01.active {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
        .sec_feature .cnt_box .graph_img_one.type03 .obj.type02 {
          opacity: 0; }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type02 {
              top: 1.97rem;
              width: 2.23rem;
              height: 0.30rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type02 {
              top: 1.24rem;
              width: 1.35rem; } }
          .sec_feature .cnt_box .graph_img_one.type03 .obj.type02.active {
            opacity: 1;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
        .sec_feature .cnt_box .graph_img_one.type03 .obj.type03 {
          opacity: 0;
          -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px); }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type03 {
              top: 2.40rem;
              left: -1.85rem;
              width: 0.79rem;
              height: 1.28rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type03 {
              top: 1.50rem;
              width: 0.48rem;
              left: -1.10rem; } }
          .sec_feature .cnt_box .graph_img_one.type03 .obj.type03.active {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
        .sec_feature .cnt_box .graph_img_one.type03 .obj.type04 {
          opacity: 0;
          -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px); }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type04 {
              top: 2.40rem;
              width: 1.09rem;
              height: 1.28rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type04 {
              top: 1.5rem;
              width: 0.65rem; } }
          .sec_feature .cnt_box .graph_img_one.type03 .obj.type04.active {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
        .sec_feature .cnt_box .graph_img_one.type03 .obj.type05 {
          opacity: 0;
          -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px); }
          @media print, screen and (min-width: 461px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type05 {
              top: 2.40rem;
              left: 1.85rem;
              width: 0.79rem;
              height: 1.28rem; } }
          @media screen and (max-width: 460px) {
            .sec_feature .cnt_box .graph_img_one.type03 .obj.type05 {
              top: 1.50rem;
              width: 0.48rem;
              left: 1.10rem; } }
          .sec_feature .cnt_box .graph_img_one.type03 .obj.type05.active {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
    .sec_feature .cnt_box .count_box {
      position: absolute;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 1.2rem;
      height: 3rem;
      margin-left: -0.4rem; }
      @media print, screen and (min-width: 461px) {
        .sec_feature .cnt_box .count_box {
          bottom: 0.35rem; } }
      @media screen and (max-width: 460px) {
        .sec_feature .cnt_box .count_box {
          bottom: 1.35rem; } }
      .sec_feature .cnt_box .count_box .count_num {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 100%;
        font-size: 18px;
        font-size: 0.18rem;
        font-family: petersburg-web, serif;
        font-weight: 500;
        font-style: normal;
        border: 1px solid #8E8E8E;
        color: #8E8E8E;
        cursor: pointer;
        position: relative;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
        .sec_feature .cnt_box .count_box .count_num svg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          -webkit-transition: 1s;
          -o-transition: 1s;
          transition: 1s; }
        .sec_feature .cnt_box .count_box .count_num span {
          display: block;
          position: relative; }
        .sec_feature .cnt_box .count_box .count_num.active {
          width: 1.2rem;
          height: 1.2rem;
          font-size: 34px;
          font-size: 0.34rem;
          color: #fff;
          border: none;
          cursor: default; }
          .sec_feature .cnt_box .count_box .count_num.active svg {
            opacity: 1; }

/*# sourceMappingURL=index_feature.css.map */