@charset "UTF-8";
#Feature {
  text-align: center;
  color: #353535;
  padding: 50px 0; }
  #Feature p {
    margin-bottom: 0; }
  #Feature .pink {
    color: #dc3962; }
  #Feature img {
    max-width: 100%;
    height: auto; }
  #Feature section {
    margin: 0; }
  #Feature .tel {
    pointer-events: auto; }
  #Feature .FeatureTitle {
    position: relative;
    margin-bottom: 0; }
    #Feature .FeatureTitle .head {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
      height: 70px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: rgba(255, 255, 255, 0.9); }
      #Feature .FeatureTitle .head p {
        font-size: 18px;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: 600; }
      #Feature .FeatureTitle .head em {
        position: relative;
        top: -5px; }
    #Feature .FeatureTitle .title {
      position: absolute;
      left: 40px;
      top: 50%;
      margin-top: -90px; }
      #Feature .FeatureTitle .title h1 {
        color: #353535; }
        #Feature .FeatureTitle .title h1 span {
          display: block;
          font-size: 55px;
          line-height: 1;
          font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 600; }
        #Feature .FeatureTitle .title h1 small {
          display: block;
          line-height: 1;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 2px;
          padding-top: 5px; }
      #Feature .FeatureTitle .title p {
        padding-top: 10px;
        font-size: 18px;
        line-height: 2;
        font-weight: 600;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: left; }
    #Feature .FeatureTitle .box {
      width: 410px;
      padding: 30px 0;
      box-sizing: border-box;
      text-align: center;
      position: absolute;
      left: 40px;
      bottom: -40px;
      background: rgba(245, 22, 78, 0.8);
      color: #fff;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      z-index: 100; }
      #Feature .FeatureTitle .box p {
        padding-top: 20px;
        color: #fff;
        line-height: 2;
        font-weight: 600;
        letter-spacing: 2px; }
  #Feature section.bg {
    background: url(img/bg.jpg) repeat center top;
    background-size: 100% auto; }
  #Feature .sectTitle {
    text-align: center;
    margin: 0;
    padding: 60px 0 50px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border: 0; }
    #Feature .sectTitle span {
      display: block;
      color: #353535;
      font-size: 30px;
      font-weight: 600;
      color: #353535;
      line-height: 1; }
    #Feature .sectTitle small {
      display: block;
      line-height: 1;
      font-size: 2px;
      color: #353535;
      text-transform: uppercase;
      font-weight: 600;
      padding-top: 10px; }
  #Feature .sectTitle + p {
    text-align: center;
    font-size: 15px;
    line-height: 2;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #353535; }
  #Feature .funcBox {
    padding: 20px 50px 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #Feature .funcBox .item {
      width: 50%;
      padding: 30px;
      background: rgba(255, 255, 255, 0.9);
      border: #353535 dotted 1px;
      box-sizing: border-box; }
      #Feature .funcBox .item em {
        display: inline-block;
        width: 90px;
        line-height: 20px;
        border: #dc3962 solid 1px;
        color: #dc3962;
        font-size: 13px; }
      #Feature .funcBox .item h3 {
        margin: 0;
        padding: 20px 0;
        color: #dc3962;
        font-size: 20px; }
      #Feature .funcBox .item p {
        font-size: 14px;
        text-align: left; }
      #Feature .funcBox .item.wide {
        width: 100%; }
        #Feature .funcBox .item.wide p {
          text-align: center; }
    #Feature .funcBox .item + .item {
      border-top: 0; }
    #Feature .funcBox .item + .item + .item {
      border-left: 0; }
  #Feature .btnBox {
    padding: 50px 0; }
    #Feature .btnBox a {
      display: inline-block;
      width: 530px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      font-size: 16px;
      font-weight: 600;
      border: #dc3962 solid 2px;
      background: #fff;
      color: #dc3962;
      text-decoration: none;
      transition: all 0.2s ease;
      backface-visibility: hidden; }
    #Feature .btnBox a + a {
      margin-top: 20px; }
    #Feature .btnBox a.pinkbtn {
      background: #dc3962;
      color: #fff; }
      #Feature .btnBox a.pinkbtn:hover {
        background: #fd2c60;
        border-color: #fd2c60; }
    #Feature .btnBox a.whitebtn:hover {
      background: #fd2c60;
      border-color: #fd2c60;
      color: #fff; }
  #Feature .flowBox {
    padding: 0 50px;
    position: relative; }
    #Feature .flowBox:before {
      content: "";
      width: 5px;
      height: 100%;
      background: #353535;
      position: absolute;
      left: 73px;
      top: 0; }
    #Feature .flowBox > .item {
      position: relative;
      padding-bottom: 60px; }
      #Feature .flowBox > .item .num {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        background: #353535;
        color: #fff;
        font-size: 20px;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
      #Feature .flowBox > .item .textBox {
        padding-left: 75px;
        text-align: left;
        display: flex;
        justify-content: space-between; }
        #Feature .flowBox > .item .textBox .text {
          padding-right: 50px; }
          #Feature .flowBox > .item .textBox .text h3 {
            margin: 0;
            padding: 0 0 10px;
            text-align: left;
            font-size: 22px;
            line-height: 50px;
            color: #353535;
            font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            font-weight: 600; }
          #Feature .flowBox > .item .textBox .text p {
            font-size: 14px;
            line-height: 1.5; }
          #Feature .flowBox > .item .textBox .text figure {
            padding-top: 20px;
            padding-bottom: 10px; }
          #Feature .flowBox > .item .textBox .text figure + small {
            display: block;
            font-size: 11px; }
          #Feature .flowBox > .item .textBox .text .subBox {
            margin-top: 20px;
            background: #f9f9f9;
            padding: 20px; }
            #Feature .flowBox > .item .textBox .text .subBox em {
              display: block;
              color: #353535;
              font-weight: 600;
              padding-bottom: 2px; }
        #Feature .flowBox > .item .textBox > figure {
          flex-shrink: 0; }
          #Feature .flowBox > .item .textBox > figure figcaption {
            font-size: 11px;
            padding-top: 5px; }
      #Feature .flowBox > .item .subFlowBox {
        background: #f7f7f7;
        padding: 0 40px;
        margin: 40px 0 0 75px; }
        #Feature .flowBox > .item .subFlowBox .item {
          text-align: left;
          display: flex;
          justify-content: space-between;
          padding: 40px 0;
          border-bottom: #353535 dotted 1px; }
          #Feature .flowBox > .item .subFlowBox .item .text {
            padding-right: 50px; }
            #Feature .flowBox > .item .subFlowBox .item .text h3 {
              text-align: left;
              margin: 0;
              padding: 0;
              color: #dc3962;
              font-size: 20px; }
            #Feature .flowBox > .item .subFlowBox .item .text em {
              display: block;
              font-weight: 600;
              font-size: 15px;
              padding: 20px 0 15px; }
            #Feature .flowBox > .item .subFlowBox .item .text p {
              font-size: 14px; }
            #Feature .flowBox > .item .subFlowBox .item .text .column {
              padding: 20px;
              background: #fff;
              border-radius: 4px;
              width: auto;
              overflow: hidden;
              position: relative;
              margin-top: 20px; }
              #Feature .flowBox > .item .subFlowBox .item .text .column:before {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 4px 0 0 0;
                border-left: #dc3962 solid 2px;
                border-top: #dc3962 solid 2px;
                position: absolute;
                left: 0;
                top: 0; }
              #Feature .flowBox > .item .subFlowBox .item .text .column:after {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 0 4px 0 0;
                border-right: #dc3962 solid 2px;
                border-top: #dc3962 solid 2px;
                position: absolute;
                right: 0;
                top: 0; }
              #Feature .flowBox > .item .subFlowBox .item .text .column figure {
                float: right;
                padding-left: 10px; }
              #Feature .flowBox > .item .subFlowBox .item .text .column em {
                padding: 0;
                font-size: 14px;
                color: #dc3962; }
              #Feature .flowBox > .item .subFlowBox .item .text .column p {
                font-size: 12px;
                color: #dc3962;
                line-height: 1.35; }
                #Feature .flowBox > .item .subFlowBox .item .text .column p:before {
                  content: "";
                  width: 10px;
                  height: 10px;
                  border-radius: 0 0 0 4px;
                  border-left: #dc3962 solid 2px;
                  border-bottom: #dc3962 solid 2px;
                  position: absolute;
                  left: 0;
                  bottom: 0; }
                #Feature .flowBox > .item .subFlowBox .item .text .column p:after {
                  content: "";
                  width: 10px;
                  height: 10px;
                  border-radius: 0 0 4px 0;
                  border-right: #dc3962 solid 2px;
                  border-bottom: #dc3962 solid 2px;
                  position: absolute;
                  right: 0;
                  bottom: 0; }
          #Feature .flowBox > .item .subFlowBox .item > figure {
            flex-shrink: 0;
            width: 290px; }
            #Feature .flowBox > .item .subFlowBox .item > figure figcaption {
              font-size: 11px;
              padding-top: 5px; }
        #Feature .flowBox > .item .subFlowBox .item:last-child {
          border-bottom: 0; }
      #Feature .flowBox > .item .wideColumn {
        background: #fdf5f7;
        padding: 30px;
        margin-left: 75px;
        margin-top: 50px;
        display: flex;
        justify-content: space-between; }
        #Feature .flowBox > .item .wideColumn .text {
          padding-right: 50px;
          text-align: left; }
          #Feature .flowBox > .item .wideColumn .text h3 {
            text-align: left;
            margin: 0;
            padding: 0;
            color: #dc3962;
            font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            font-weight: 600;
            margin-bottom: 20px; }
            #Feature .flowBox > .item .wideColumn .text h3 small {
              display: block;
              font-size: 16px;
              line-height: 1;
              padding-bottom: 5px; }
            #Feature .flowBox > .item .wideColumn .text h3 span {
              display: block;
              font-size: 22px;
              line-height: 1.35; }
          #Feature .flowBox > .item .wideColumn .text em {
            display: block;
            padding-top: 20px;
            font-weight: bold;
            font-size: 15px; }
          #Feature .flowBox > .item .wideColumn .text em + p {
            font-size: 13px; }
        #Feature .flowBox > .item .wideColumn > figure {
          flex-shrink: 0; }
    #Feature .flowBox > .item:last-child {
      background: #fff; }
    #Feature .flowBox > .item.pb0 {
      padding-bottom: 0; }
  #Feature .FeatureFooter {
    background: #1c1c1c; }
    #Feature .FeatureFooter .f-contents {
      padding: 50px 0; }
      #Feature .FeatureFooter .f-contents address {
        color: #fff;
        padding: 30px 0; }
    #Feature .FeatureFooter small {
      display: block;
      font-size: 11px;
      color: #fff;
      padding: 10px 0; }
    #Feature .FeatureFooter p {
      color: #fff; }
    #Feature .FeatureFooter .btnBox {
      padding-bottom: 20px; }
      #Feature .FeatureFooter .btnBox a {
        border-color: #353535;
        color: #353535; }
        #Feature .FeatureFooter .btnBox a:hover {
          background: #1c1c1c;
          color: #fff;
          border-color: #fff; }

@media screen and (max-width: 740px) {
  #Feature {
    padding: 0; }
    #Feature .FeatureTitle .head {
      padding: 0 10px;
      height: 50px; }
      #Feature .FeatureTitle .head p {
        font-size: 14px; }
      #Feature .FeatureTitle .head em {
        top: -2px; }
        #Feature .FeatureTitle .head em img {
          width: 160px;
          height: auto; }
    #Feature .FeatureTitle .title {
      left: 20px;
      top: 80px;
      margin-top: 0px; }
      #Feature .FeatureTitle .title h1 {
        text-align: left; }
        #Feature .FeatureTitle .title h1 span {
          font-size: calc(100vw / 13); }
        #Feature .FeatureTitle .title h1 small {
          font-size: calc(100vw / 40);
          letter-spacing: 1px; }
      #Feature .FeatureTitle .title p {
        padding-top: 10px;
        font-size: calc(100vw / 30); }
    #Feature .FeatureTitle .box {
      width: 100%;
      padding: 20px;
      position: static;
      display: flex;
      justify-content: center;
      align-items: center; }
      #Feature .FeatureTitle .box p {
        text-align: left;
        font-size: 12px;
        padding-top: 0;
        line-height: 1.5;
        letter-spacing: 1px;
        padding-left: 10px; }
    #Feature .sectTitle {
      padding: 40px 0 25px; }
      #Feature .sectTitle span {
        font-size: 20px; }
      #Feature .sectTitle small {
        font-size: 10px; }
    #Feature .sectTitle + p {
      font-size: 12px; }
    #Feature .funcBox {
      padding: 20px 20px 0; }
      #Feature .funcBox .item {
        width: 100%;
        padding: 20px; }
        #Feature .funcBox .item em {
          font-size: 11px; }
        #Feature .funcBox .item h3 {
          padding: 10px 0;
          font-size: 16px; }
        #Feature .funcBox .item p {
          font-size: 12px; }
      #Feature .funcBox .item + .item + .item {
        border-left: #353535 dotted 1px; }
    #Feature .btnBox {
      padding: 20px; }
      #Feature .btnBox a {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 14px; }
    #Feature .flowBox {
      padding: 0 20px; }
      #Feature .flowBox:before {
        content: "";
        width: 4px;
        height: 100%;
        background: #353535;
        position: absolute;
        left: 38px;
        top: 0; }
      #Feature .flowBox > .item {
        position: relative;
        padding-bottom: 30px; }
        #Feature .flowBox > .item .num {
          position: absolute;
          left: 0;
          top: 0;
          width: 40px;
          height: 40px;
          line-height: 40px;
          border-radius: 50%;
          background: #353535;
          color: #fff;
          font-size: 15px;
          font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
        #Feature .flowBox > .item .textBox {
          padding-left: 55px;
          text-align: left;
          display: block; }
          #Feature .flowBox > .item .textBox .text {
            padding-right: 0px; }
            #Feature .flowBox > .item .textBox .text h3 {
              padding: 0;
              font-size: 16px;
              line-height: 40px; }
            #Feature .flowBox > .item .textBox .text p {
              font-size: 13px;
              line-height: 1.5; }
            #Feature .flowBox > .item .textBox .text figure {
              padding-top: 20px;
              padding-bottom: 10px; }
            #Feature .flowBox > .item .textBox .text figure + small {
              display: block;
              font-size: 11px; }
            #Feature .flowBox > .item .textBox .text .subBox {
              margin-top: 10px;
              background: #f9f9f9;
              padding: 10px;
              font-size: 13px; }
              #Feature .flowBox > .item .textBox .text .subBox em {
                display: block;
                color: #353535;
                font-weight: 600;
                padding-bottom: 2px; }
          #Feature .flowBox > .item .textBox > figure {
            padding-top: 20px; }
            #Feature .flowBox > .item .textBox > figure figcaption {
              font-size: 11px;
              padding-top: 5px; }
        #Feature .flowBox > .item .subFlowBox {
          background: #f7f7f7;
          padding: 0 20px;
          margin: 20px 0 0 55px; }
          #Feature .flowBox > .item .subFlowBox .item {
            text-align: left;
            display: block;
            padding: 20px 0;
            border-bottom: #353535 dotted 1px; }
            #Feature .flowBox > .item .subFlowBox .item .text {
              padding-right: 0px; }
              #Feature .flowBox > .item .subFlowBox .item .text h3 {
                text-align: left;
                margin: 0;
                padding: 0;
                color: #dc3962;
                font-size: 16px; }
              #Feature .flowBox > .item .subFlowBox .item .text em {
                display: block;
                font-weight: 600;
                font-size: 13px;
                padding: 10px 0 0px; }
              #Feature .flowBox > .item .subFlowBox .item .text p {
                font-size: 12px; }
              #Feature .flowBox > .item .subFlowBox .item .text .column {
                padding: 15px;
                background: #fff;
                border-radius: 4px;
                width: auto;
                overflow: hidden;
                position: relative;
                margin-top: 20px; }
                #Feature .flowBox > .item .subFlowBox .item .text .column figure {
                  float: right;
                  padding-left: 10px; }
                #Feature .flowBox > .item .subFlowBox .item .text .column em {
                  padding: 0;
                  font-size: 13px;
                  color: #dc3962; }
                #Feature .flowBox > .item .subFlowBox .item .text .column p {
                  font-size: 11px;
                  color: #dc3962;
                  line-height: 1.35; }
            #Feature .flowBox > .item .subFlowBox .item > figure {
              padding-top: 20px;
              flex-shrink: 0;
              width: 100%;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              flex-wrap: wrap; }
              #Feature .flowBox > .item .subFlowBox .item > figure.double img {
                width: 50%; }
              #Feature .flowBox > .item .subFlowBox .item > figure figcaption {
                width: 100%;
                font-size: 11px;
                padding-top: 5px; }
          #Feature .flowBox > .item .subFlowBox .item:last-child {
            border-bottom: 0; }
        #Feature .flowBox > .item .wideColumn {
          background: #fdf5f7;
          padding: 20px;
          margin-left: 55px;
          margin-top: 20px;
          display: block; }
          #Feature .flowBox > .item .wideColumn .text {
            padding-right: 0px; }
            #Feature .flowBox > .item .wideColumn .text h3 {
              text-align: left;
              margin: 0;
              padding: 0;
              color: #dc3962;
              font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
              font-weight: 600;
              margin-bottom: 10px; }
              #Feature .flowBox > .item .wideColumn .text h3 small {
                display: block;
                font-size: 12px;
                line-height: 1;
                padding-bottom: 5px; }
              #Feature .flowBox > .item .wideColumn .text h3 span {
                display: block;
                font-size: 16px;
                line-height: 1.35; }
            #Feature .flowBox > .item .wideColumn .text p {
              font-size: 12px; }
            #Feature .flowBox > .item .wideColumn .text em {
              display: block;
              padding-top: 20px;
              font-weight: bold;
              font-size: 13px; }
            #Feature .flowBox > .item .wideColumn .text em + p {
              font-size: 12px; }
          #Feature .flowBox > .item .wideColumn > figure {
            margin-top: 20px;
            flex-shrink: 0; }
      #Feature .flowBox > .item:last-child {
        background: #fff; }
      #Feature .flowBox > .item.pb0 {
        padding-bottom: 0; }
      #Feature .flowBox .btnBox {
        padding-left: 55px;
        padding-right: 0; }
    #Feature .FeatureFooter .f-contents {
      padding: 20px 0; }
      #Feature .FeatureFooter .f-contents figure img {
        width: 250px; }
      #Feature .FeatureFooter .f-contents address {
        padding: 20px 0;
        font-size: 12px; }
    #Feature .FeatureFooter small {
      font-size: 10px; }
    #Feature .FeatureFooter p {
      color: #fff; }
    #Feature .FeatureFooter .btnBox {
      padding-bottom: 0px; }
      #Feature .FeatureFooter .btnBox a {
        border-color: #353535;
        color: #353535; }
        #Feature .FeatureFooter .btnBox a:hover {
          background: #1c1c1c;
          color: #fff;
          border-color: #fff; } }

/*# sourceMappingURL=special.map */