@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
.fixedArea#cv_navi {
  padding: 10px;
  background-color: rgba(11, 51, 136, 0.85);
  transition: transform .3s; }
  @media only screen and (max-width: 768px) {
    .is-stop .fixedArea#cv_navi {
      position: fixed;
      transform: translateY(101%); } }

.SlidePanel {
  padding: 0 20px;
  position: relative; }
  .SlidePanel__box {
    position: relative; }
  .SlidePanel__border {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: calc(100% - 1px);
    margin: auto;
    height: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dddddd;
    transition: .3s; }
    @media only screen and (min-width: 769px) {
      .SlidePanel__border[href]:hover {
        border-color: #282747; } }
    .SlidePanel__border::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      width: calc(100% - 1px);
      margin: auto;
      height: 100%;
      box-sizing: border-box;
      border-radius: 3px;
      background-color: #fff;
      transition: .3s;
      z-index: -1; }
  .SlidePanel__item {
    box-sizing: border-box;
    padding: 30px; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__item {
        padding: 20px; } }
  .SlidePanel__image {
    border: 2px solid #b6c1da; }
  .SlidePanel__text {
    font-size: 1rem;
    line-height: 1.71; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__text {
        font-size: 0.93rem; } }
  .SlidePanel__subText {
    font-size: 1rem;
    font-weight: bold;
    text-align: right;
    color: #282747; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__subText {
        font-size: 0.93rem; } }
  .SlidePanel__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 10px 0;
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__control {
        padding: 0;
        margin: 0; } }
  .SlidePanel__prev, .SlidePanel__next {
    cursor: pointer;
    width: 13px;
    height: 13px;
    border-top: 2px solid #282747;
    border-right: 2px solid #282747; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__prev, .SlidePanel__next {
        position: absolute;
        top: 0;
        bottom: 0;
        padding: 0;
        margin: auto;
        z-index: 200; } }
  .SlidePanel__prev {
    transform: rotate(-135deg); }
    @media only screen and (max-width: 768px) {
      .SlidePanel__prev {
        left: 0; } }
  .SlidePanel__next {
    transform: rotate(45deg);
    right: 0; }
  .SlidePanel__pagination {
    margin: 0 50px; }
    @media only screen and (max-width: 768px) {
      .SlidePanel__pagination {
        margin: 0; } }
    .SlidePanel__pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin: 0 8px;
      border: 1px solid #282747;
      background-color: #fff;
      box-sizing: border-box;
      opacity: 1; }
    .SlidePanel__pagination .swiper-pagination-bullet-active {
      background-color: #282747; }
  @media only screen and (min-width: 769px) {
    .SlidePanel--customC {
      padding: 0; } }
  .SlidePanel--customC .SlidePanel__item {
    padding: 30px 20px; }
    @media only screen and (max-width: 768px) {
      .SlidePanel--customC .SlidePanel__item {
        padding: 15px 20px; } }
  .SlidePanel--customC .SlidePanel__border {
    width: 100%; }
    .SlidePanel--customC .SlidePanel__border::after {
      width: 100%; }
  @media only screen and (min-width: 769px) {
    .SlidePanel--customA {
      padding: 0; } }
  .SlidePanel--customA .SlidePanel__item {
    padding: 25px 30px; }
    @media only screen and (max-width: 768px) {
      .SlidePanel--customA .SlidePanel__item {
        padding: 15px 20px; } }
  .SlidePanel--customA .SlidePanel__border {
    border: none;
    width: 100%; }
    .SlidePanel--customA .SlidePanel__border::after {
      width: 100%; }
  @media only screen and (min-width: 769px) {
    .SlidePanel--customB {
      padding: 0; } }
  .SlidePanel--customB .SlidePanel__border {
    border-color: #fff;
    width: 100%; }
    .SlidePanel--customB .SlidePanel__border::after {
      width: 100%; }

.bgColorBase {
  background-color: #282747; }

.bgColorWhite {
  background-color: #fff; }

.bgColorSax {
  background-color: #e8eef3; }

.bgColorSax2 {
  background-color: #daeefa; }

.Button {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  transition: .3s;
  z-index: 1; }
  .Button[href] {
    color: inherit;
    text-decoration: inherit; }
  .Button::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateX(0) rotate(45deg);
    transition: .3s; }
    @media only screen and (max-width: 768px) {
      .Button::after {
        right: 10px;
        width: 8px;
        height: 8px;
        border-width: 2px; } }
  @media only screen and (min-width: 769px) {
    .Button:hover::after {
      transform: translateX(5px) rotate(45deg); } }
  .Button__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 10px 55px;
    border-radius: 10px;
    background-color: #d91919;
    min-height: 70px; }
    @media only screen and (max-width: 768px) {
      .Button__wrap {
        border-radius: 5px;
        padding: 7px 35px;
        min-height: 50px; } }
  .Button--small .Button__wrap {
    min-height: 64px; }
    @media only screen and (max-width: 768px) {
      .Button--small .Button__wrap {
        min-height: 40px; } }
  .Button--small::after {
    width: 10px;
    height: 10px;
    border-width: 2px; }
    @media only screen and (max-width: 768px) {
      .Button--small::after {
        width: 8px;
        height: 8px; } }
  @media only screen and (max-width: 768px) {
    .Button--spLeft {
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .Button--spLeft .Button__wrap {
        padding-left: 10px;
        padding-right: 25px;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
  .Button--gold .Button__wrap {
    background-color: #9e8e6e; }
  .Button--shadow {
    margin-top: 5px;
    margin-bottom: 5px;
    transform: translateY(-5px); }
    .Button--shadow::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background-color: #a80000;
      transform: translateY(10px);
      transition: .3s;
      z-index: -1; }
      @media only screen and (max-width: 768px) {
        .Button--shadow::before {
          border-radius: 5px;
          transform: translateY(6px); } }
    @media only screen and (min-width: 769px) {
      .Button--shadow:hover {
        transform: translateY(0); } }
    @media only screen and (min-width: 769px) {
      .Button--shadow:hover::before {
        transform: translateY(5px); } }
    .Button--shadow.Button--gold::before {
      background-color: #7a6b4d; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.imgMax {
  width: 100%;
  height: auto; }
  @media only screen and (min-width: 769px) {
    .imgMaxPC {
      width: 100%;
      height: auto; } }

.imgMaxWidth {
  max-width: 100%;
  height: auto; }

.l-column {
  -ms-flex: 1 1 1120px;
      flex: 1 1 1120px;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1120px; }
  @media only screen and (max-width: 768px) {
    .l-column {
      padding: 0 15px; } }

.l-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto; }
  .l-row--middle {
    -ms-flex-align: center;
        align-items: center; }
  .l-row--alignEnd {
    -ms-flex-align: end;
        align-items: flex-end; }
  .l-row--center {
    -ms-flex-pack: center;
        justify-content: center; }
  .l-row--start {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .l-row--noWrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .l-row--re {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }

.l-inner {
  margin: 0 auto;
  padding: 0 20px; }
  @media only screen and (max-width: 768px) {
    .l-inner {
      padding: 0 15px; } }

@media only screen and (min-width: 769px) {
  .l-halfBox {
    width: calc(50% - 20px);
    margin-right: 40px;
    margin-bottom: 40px; }
    .l-halfBox--marginS {
      width: calc(50% - 12.5px);
      margin-right: 25px;
      margin-bottom: 25px; }
    .l-halfBox:nth-child(2n), .l-halfBox:last-child {
      margin-right: 0; }
    .l-halfBox:last-child, .l-halfBox:nth-last-child(2).l-halfBox:nth-child(2n+1) {
      margin-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .l-halfBox {
    width: 100%;
    margin-right: 0; }
    .l-halfBox:not(:last-child) {
      margin-bottom: 15px; }
    .l-halfBox--spHalfColumn {
      width: calc(50% - 7.5px);
      margin-right: 15px;
      margin-bottom: 15px; }
      .l-halfBox--spHalfColumn:nth-child(2n), .l-halfBox--spHalfColumn:last-child {
        margin-right: 0; }
      .l-halfBox--spHalfColumn:last-child, .l-halfBox--spHalfColumn:nth-last-child(2).l-halfBox:nth-child(2n+1) {
        margin-bottom: 0; } }

@media only screen and (min-width: 769px) {
  .l-fifthBox {
    width: calc(20.00% - 20px);
    margin-right: 25px;
    margin-bottom: 20px; }
    .l-fifthBox:nth-child(5n), .l-fifthBox:last-child {
      margin-right: 0; }
    .l-fifthBox:last-child, .l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+1), .l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+2), .l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+3), .l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+4), .l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+1), .l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+2), .l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+3), .l-fifthBox:nth-last-child(4).l-fifthBox:nth-child(5n+1), .l-fifthBox:nth-last-child(4).l-fifthBox:nth-child(5n+2), .l-fifthBox:nth-last-child(5).l-fifthBox:nth-child(5n+1) {
      margin-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .l-fifthBox {
    width: calc(50.00% - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box; }
    .l-fifthBox:nth-child(2n), .l-fifthBox:last-child {
      margin-right: 0; }
    .l-fifthBox:last-child, .l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(2n+1) {
      margin-bottom: 0; } }

.l-mw960px {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto; }

.markYellow {
  color: inherit;
  font-style: inherit;
  font-size: inherit;
  background: linear-gradient(transparent 70%, #fff074 30%); }

.normalText {
  font-size: 1rem; }
  @media only screen and (max-width: 768px) {
    .normalText {
      font-size: 0.86rem; } }

.smallText {
  font-size: 0.86rem; }
  @media only screen and (max-width: 768px) {
    .smallText {
      font-size: 0.79rem; } }

.mediumText {
  font-size: 1.14rem; }
  @media only screen and (max-width: 768px) {
    .mediumText {
      font-size: 1rem; } }

.largeText {
  font-size: 1.29rem; }
  @media only screen and (max-width: 768px) {
    .largeText {
      font-size: 1.14rem; } }

.largeText2 {
  font-size: 1.43rem; }
  @media only screen and (max-width: 768px) {
    .largeText2 {
      font-size: 1.14rem; } }

.largeText3 {
  font-size: 1.57rem; }
  @media only screen and (max-width: 768px) {
    .largeText3 {
      font-size: 1.14rem; } }

.largeText4 {
  font-size: 1.71rem; }
  @media only screen and (max-width: 768px) {
    .largeText4 {
      font-size: 1.14rem; } }

.largeText5 {
  font-size: 1.86rem; }
  @media only screen and (max-width: 768px) {
    .largeText5 {
      font-size: 1.14rem; } }

.exLargeText {
  font-size: 2rem; }
  @media only screen and (max-width: 768px) {
    .exLargeText {
      font-size: 1.29rem; } }

.exLargeText2 {
  font-size: 2.14rem; }
  @media only screen and (max-width: 768px) {
    .exLargeText2 {
      font-size: 1.29rem; } }

.exLargeText3 {
  font-size: 2.26rem; }
  @media only screen and (max-width: 768px) {
    .exLargeText3 {
      font-size: 1.29rem; } }

.exLargeText4 {
  font-size: 2.43rem; }
  @media only screen and (max-width: 768px) {
    .exLargeText4 {
      font-size: 1.29rem; } }

.exLargeText5 {
  font-size: 2.57rem; }
  @media only screen and (max-width: 768px) {
    .exLargeText5 {
      font-size: 1.29rem; } }

.u-center {
  text-align: center; }

@media only screen and (min-width: 769px) {
  .u-centerPC {
    text-align: center; } }

@media only screen and (max-width: 768px) {
  .u-centerSP {
    text-align: center; } }

.u-right {
  text-align: right; }

@media only screen and (min-width: 769px) {
  .u-rightPC {
    text-align: right; } }

@media only screen and (max-width: 768px) {
  .u-rightSP {
    text-align: right; } }

.u-left {
  text-align: left; }

@media only screen and (min-width: 769px) {
  .u-leftPC {
    text-align: left; } }

@media only screen and (max-width: 768px) {
  .u-leftSP {
    text-align: left; } }

.u-fwBold {
  font-weight: bold; }

.u-lsShort {
  letter-spacing: .05em; }

.u-lsNormal {
  letter-spacing: .1em; }

.u-lsLong {
  letter-spacing: .15em; }

.u-lhHighest {
  line-height: 2.5; }

.u-lhHigh {
  line-height: 2.0; }

.u-lhMiddle {
  line-height: 1.75; }

.u-lhLow {
  line-height: 1.5; }

.u-lhZero {
  line-height: 1.0; }

.u-fcBase {
  color: #282747; }

.u-fcYellow {
  color: #fff074; }

.u-fcWhite {
  color: #fff; }

.u-fcDarkGray {
  color: #555; }

.u-fsBiggest {
  font-size: 160%; }

.u-fsBigger {
  font-size: 140%; }

.u-fsBig {
  font-size: 120%; }

.u-fsLittle {
  font-size: 80%; }

.u-fsInherit {
  font-size: inherit; }

.u-ffMincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-ffGothic {
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'YuGothic', 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo, Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.u-ffEnglish {
  font-family: 'Oswald', 'arial', sans-serif; }

.u-ofHidden {
  overflow: hidden; }

.sectionBox {
  margin-top: 100px;
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .sectionBox {
      margin-top: 50px;
      margin-bottom: 50px; } }

.sectionBlock {
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .sectionBlock {
      margin-bottom: 50px; } }

.sectionBlockT {
  margin-top: 100px; }
  @media only screen and (max-width: 768px) {
    .sectionBlockT {
      margin-top: 50px; } }

.sectionSemiBox {
  margin-top: 80px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    .sectionSemiBox {
      margin-top: 40px;
      margin-bottom: 40px; } }

.sectionSemiBlock {
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    .sectionSemiBlock {
      margin-bottom: 40px; } }

.sectionSemiBlockT {
  margin-top: 80px; }
  @media only screen and (max-width: 768px) {
    .sectionSemiBlockT {
      margin-top: 40px; } }

.contentsBox {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .contentsBox {
      margin-top: 30px;
      margin-bottom: 30px; } }

.contentsBlock {
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .contentsBlock {
      margin-bottom: 30px; } }

.contentsSemiBox {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .contentsSemiBox {
      margin-top: 25px;
      margin-bottom: 25px; } }

.contentsSemiBlock {
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .contentsSemiBlock {
      margin-bottom: 25px; } }

.normalBox {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .normalBox {
      margin-top: 15px;
      margin-bottom: 15px; } }

.normalBlock {
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .normalBlock {
      margin-bottom: 15px; } }

.semiBox {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .semiBox {
      margin-top: 15px;
      margin-bottom: 15px; } }

.semiBlock {
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .semiBlock {
      margin-bottom: 15px; } }

.miniBox {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .miniBox {
      margin-top: 10px;
      margin-bottom: 10px; } }

.miniBlock {
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .miniBlock {
      margin-bottom: 10px; } }

.miniBlockR {
  margin-right: 10px; }
  @media only screen and (max-width: 768px) {
    .miniBlockR {
      margin-right: 10px; } }

.miniBlockL {
  margin-left: 10px; }
  @media only screen and (max-width: 768px) {
    .miniBlockL {
      margin-left: 10px; } }

.zeroBox {
  margin-top: 0;
  margin-bottom: 0; }

.zeroBlock {
  margin-bottom: 0; }

.disNone {
  display: none; }

@media only screen and (min-width: 769px) {
  .pcNone {
    display: none; } }

@media only screen and (max-width: 768px) {
  .spNone {
    display: none; } }

.uq-LpDekenTitle {
  background-position: center;
  background-repeat: repeat;
  background-image: url(../images/cp_denken/bg.png); }
  @media only screen and (min-width: 769px) {
    .uq-LpDekenTitle {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }
  .uq-LpDekenTitle__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media only screen and (min-width: 769px) {
      .uq-LpDekenTitle__inner {
        min-height: 450px; } }
  .uq-LpDekenTitle__main {
    margin-right: 10px; }
  .uq-LpDekenTitle__sub {
    -ms-flex-item-align: end;
        align-self: flex-end; }
    @media only screen and (max-width: 768px) {
      .uq-LpDekenTitle__sub {
        margin-top: 10px;
        margin-right: -10px; } }
  @media only screen and (min-width: 769px) {
    .uq-LpDekenTitle__button {
      min-width: 486px; } }
  .uq-LpDekenTitle__button__text {
    font-size: 1.71rem; }
    @media only screen and (max-width: 768px) {
      .uq-LpDekenTitle__button__text {
        font-size: 1rem; } }

.uq-LpDekenLabel {
  font-size: 3.14rem;
  color: #0b3388;
  left: .05em;
  text-align: center;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  @media only screen and (max-width: 768px) {
    .uq-LpDekenLabel {
      line-height: 1.1;
      font-size: 1.86rem; } }
  .uq-LpDekenLabel strong {
    font-size: 7.14rem; }
    @media only screen and (max-width: 768px) {
      .uq-LpDekenLabel strong {
        font-size: 5.71rem; } }
  .uq-LpDekenLabel sup {
    vertical-align: super;
    font-size: 2rem; }
    @media only screen and (max-width: 768px) {
      .uq-LpDekenLabel sup {
        font-size: 1.14rem; } }

.uq-LpDenkenPanel {
  position: relative;
  margin-top: 25px;
  padding-top: 35px;
  border: 4px solid #282747;
  background-color: #f2f2f2; }
  .uq-LpDenkenPanel__head {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: auto;
    transform: translateY(calc(-50% - 2px)); }
    @media all and (-ms-high-contrast: none) {
      .uq-LpDenkenPanel__head {
        transform: translateY(-50%); } }
    .uq-LpDenkenPanel__head__text {
      text-align: center;
      padding: 13px 30px;
      background-color: #282747;
      border-radius: 100px;
      letter-spacing: .1em;
      font-size: 1.29rem;
      font-weight: bold;
      color: #fff; }
      @media only screen and (min-width: 769px) {
        .uq-LpDenkenPanel__head__text {
          min-width: 370px; } }
      @media only screen and (max-width: 768px) {
        .uq-LpDenkenPanel__head__text {
          font-size: 1.14rem;
          padding: 8px 20px; } }
      .uq-LpDenkenPanel__head__text strong {
        font-size: 2rem;
        color: #ffe617; }
        @media only screen and (max-width: 768px) {
          .uq-LpDenkenPanel__head__text strong {
            font-size: 1.29rem; } }
  .uq-LpDenkenPanel__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .uq-LpDenkenPanel__sub {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-right: 10px; }
    @media only screen and (max-width: 768px) {
      .uq-LpDenkenPanel__sub {
        margin-right: 5px;
        max-width: 120px; } }
  .uq-LpDenkenPanel__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .uq-LpDenkenPanel__main__subText {
      border-radius: 5px;
      letter-spacing: .15em;
      padding: .35em .5em;
      font-size: 1.71rem;
      font-weight: bold;
      color: #fff;
      margin-right: 20px;
      background-color: #282747; }
      @media only screen and (max-width: 768px) {
        .uq-LpDenkenPanel__main__subText {
          margin-right: 10px;
          font-size: 1.07rem; } }
    .uq-LpDenkenPanel__main__text {
      position: relative;
      color: #282747;
      font-size: 2.43rem;
      font-weight: bold;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .uq-LpDenkenPanel__main__text {
          font-size: 1.86rem; } }
      .uq-LpDenkenPanel__main__text strong {
        font-size: 6.71rem;
        font-family: 'Oswald', 'arial', sans-serif; }
        @media only screen and (max-width: 768px) {
          .uq-LpDenkenPanel__main__text strong {
            letter-spacing: -.03em;
            font-weight: bold;
            font-size: 4.29rem; } }
      .uq-LpDenkenPanel__main__text--bar::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        margin: auto;
        width: 100%;
        height: 12px;
        background-color: #ffe617;
        z-index: -1; }
  .uq-LpDenkenPanel--customA {
    border-color: #0d3384;
    background-color: #e8eef3; }
    .uq-LpDenkenPanel--customA .uq-LpDenkenPanel__head__text {
      background-color: #0d3384; }
    .uq-LpDenkenPanel--customA .uq-LpDenkenPanel__main__subText {
      background-color: #d91919; }
    .uq-LpDenkenPanel--customA .uq-LpDenkenPanel__main__text {
      color: #d91919; }

.is-stop #cv_navi {
  position: inherit; }

.uq-LpTitle {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/form/img_main.jpg);
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    .uq-LpTitle {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 450px; } }
  @media only screen and (max-width: 768px) {
    .uq-LpTitle {
      background-image: url(../images/form/img_main_sp.jpg); } }
  .uq-LpTitle__inner {
    display: -ms-flexbox;
    display: flex; }
  .uq-LpTitle__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 768px) {
      .uq-LpTitle__item {
        padding: 50px 0; } }
  .uq-LpTitle--typeA {
    background-image: url(../images/form/img_main02.jpg); }
    @media only screen and (max-width: 768px) {
      .uq-LpTitle--typeA {
        background-image: url(../images/form/img_main02_sp.jpg); } }
    @media only screen and (min-width: 769px) {
      .uq-LpTitle--typeA .uq-LpTitle__inner {
        -ms-flex-pack: center;
            justify-content: center; } }

.uq-lpLead {
  line-height: 1.3;
  text-align: center;
  font-weight: 800;
  font-size: 2.57rem;
  color: #0b3388; }
  @media only screen and (max-width: 768px) {
    .uq-lpLead {
      line-height: 1.6;
      font-size: 1.21rem; } }
  .uq-lpLead strong {
    color: #e72c01;
    font-size: 3.86rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpLead strong {
        font-size: 1.71rem; } }
  .uq-lpLead span {
    font-size: 3.14rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpLead span {
        font-size: 1.57rem; } }

.uq-LpVoicePanel {
  border: 4px solid #0b3388;
  border-radius: 3px;
  background-color: #e6eaf3; }
  @media only screen and (min-width: 769px) {
    .uq-LpVoicePanel {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }
  @media only screen and (max-width: 768px) {
    .uq-LpVoicePanel {
      border-width: 2px; } }
  .uq-LpVoicePanel__main {
    padding: 20px 55px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    @media only screen and (max-width: 768px) {
      .uq-LpVoicePanel__main {
        position: relative;
        padding: 20px 15px;
        text-align: center;
        z-index: 1; } }
  @media only screen and (min-width: 769px) {
    .uq-LpVoicePanel__sub {
      -ms-flex: 0 0 320px;
          flex: 0 0 320px; } }
  @media only screen and (max-width: 768px) {
    .uq-LpVoicePanel__sub {
      max-width: 60%;
      margin: 0 auto 20px; } }
  .uq-LpVoicePanel__label {
    display: inline-block;
    padding: .4em 1.5em;
    margin-bottom: 14px;
    letter-spacing: .05em;
    line-height: 1.3;
    border-radius: 100px;
    color: #fff;
    font-size: 1.07rem;
    font-weight: bold;
    background-color: #0b3388; }
    @media only screen and (max-width: 768px) {
      .uq-LpVoicePanel__label {
        font-size: 0.93rem; } }
  .uq-LpVoicePanel__lead {
    color: #0b3388;
    font-size: 1.86rem;
    font-weight: bold;
    line-height: 1.46;
    margin-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      .uq-LpVoicePanel__lead {
        text-align: center;
        line-height: 1.8;
        margin: 10px 0 20px;
        font-size: 1.21rem; } }
  .uq-LpVoicePanel__textBox {
    padding: 24px 30px;
    border-radius: 8px;
    background-color: #fff; }
    @media only screen and (max-width: 768px) {
      .uq-LpVoicePanel__textBox {
        padding: 15px 20px;
        border-radius: 4px; } }
  .uq-LpVoicePanel__text {
    font-size: 1.29rem;
    font-weight: bold;
    line-height: 1.78; }
    @media only screen and (max-width: 768px) {
      .uq-LpVoicePanel__text {
        text-align: left;
        font-size: 0.93rem; } }
  .uq-LpVoicePanel--customA {
    border-color: #006899;
    background-color: #e5f0f5; }
    .uq-LpVoicePanel--customA .uq-LpVoicePanel__label {
      background-color: #006899; }
    .uq-LpVoicePanel--customA .uq-LpVoicePanel__lead {
      color: #006899; }

@media only screen and (min-width: 769px) {
  .uq-LpVoiceBottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; } }

@media only screen and (min-width: 769px) {
  .uq-LpVoiceBottom__sub {
    -ms-flex: 0 0 200px;
        flex: 0 0 200px;
    margin-right: 45px; } }

@media only screen and (max-width: 768px) {
  .uq-LpVoiceBottom__sub {
    max-width: 150px;
    margin: auto; } }

.uq-LpVoiceBottom__text {
  font-weight: bold;
  font-size: 2.57rem;
  line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .uq-LpVoiceBottom__text {
      text-align: center;
      margin-bottom: 10px;
      font-size: 1.36rem; } }

.uq-lpCompanyText {
  color: #0b3388;
  line-height: 1.3;
  text-align: center;
  font-weight: 800;
  font-size: 3.14rem; }
  @media only screen and (max-width: 768px) {
    .uq-lpCompanyText {
      font-size: 1.57rem; } }
  .uq-lpCompanyText strong {
    font-size: 3.14rem;
    color: #e72c01; }
    @media only screen and (max-width: 768px) {
      .uq-lpCompanyText strong {
        font-size: 1.57rem; } }
  .uq-lpCompanyText b {
    font-size: 4.57rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpCompanyText b {
        font-size: 2.26rem; } }
  .uq-lpCompanyText span {
    font-size: 5.71rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpCompanyText span {
        font-size: 3rem; } }
  .uq-lpCompanyText small {
    font-size: 0.86rem; }

.uq-lpTrustText {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 2.57rem; }
  @media only screen and (max-width: 768px) {
    .uq-lpTrustText {
      line-height: 1.5;
      font-size: 1.57rem; } }
  .uq-lpTrustText strong {
    position: relative;
    display: inline-block;
    padding: 0 .3em 0 .5em;
    margin: 0 .4em;
    line-height: 1.0;
    font-size: 3.57rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpTrustText strong {
        font-size: 1.86rem; } }
    .uq-lpTrustText strong::before, .uq-lpTrustText strong::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 2px;
      background-color: #fff; }
    .uq-lpTrustText strong::before {
      left: 0;
      transform: rotate(-20deg); }
    .uq-lpTrustText strong::after {
      right: 0;
      transform: rotate(20deg); }

.uq-LpTrustPanel {
  padding: 40px 60px;
  border-radius: 3px;
  background-color: #fff; }
  @media only screen and (min-width: 769px) {
    .uq-LpTrustPanel {
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (max-width: 768px) {
    .uq-LpTrustPanel {
      padding: 15px 15px; } }
  @media only screen and (min-width: 769px) {
    .uq-LpTrustPanel__sub {
      -ms-flex: 0 0 450px;
          flex: 0 0 450px;
      margin-right: 45px; } }
  @media only screen and (max-width: 768px) {
    .uq-LpTrustPanel__sub {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 769px) {
    .uq-LpTrustPanel__main {
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; } }
  .uq-LpTrustPanel__main__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 14px; }
    @media only screen and (min-width: 769px) {
      .uq-LpTrustPanel__main__head {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }
    @media only screen and (max-width: 768px) {
      .uq-LpTrustPanel__main__head {
        -ms-flex-direction: column;
            flex-direction: column; } }
  @media only screen and (min-width: 769px) {
    .uq-LpTrustPanel__main__body {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; } }
  @media only screen and (max-width: 768px) {
    .uq-LpTrustPanel__main__body {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 769px) {
    .uq-LpTrustPanel__main__foot {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; } }
  .uq-LpTrustPanel__label {
    display: inline-block;
    padding: .4em 1.5em;
    letter-spacing: .05em;
    line-height: 1.3;
    border-radius: 100px;
    color: #fff;
    font-size: 1.07rem;
    font-weight: bold;
    background-color: #282747; }
    @media only screen and (max-width: 768px) {
      .uq-LpTrustPanel__label {
        font-size: 0.93rem;
        margin-bottom: 10px; } }
  .uq-LpTrustPanel__annotation {
    margin-left: 1em;
    font-size: 0.93rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .uq-LpTrustPanel__annotation {
        margin-left: 0;
        font-size: 0.86rem; } }
  .uq-LpTrustPanel__text {
    font-feature-settings: "palt";
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 1.86rem;
    line-height: 1.54; }
    @media only screen and (max-width: 768px) {
      .uq-LpTrustPanel__text {
        font-size: 1.21rem; } }
  .uq-LpTrustPanel__subText {
    font-size: 0.93rem;
    line-height: 1.5; }
    @media only screen and (max-width: 768px) {
      .uq-LpTrustPanel__subText {
        font-size: 0.79rem; } }

.uq-lpCaseText {
  text-align: center;
  color: #0b3388;
  font-size: 3.57rem; }
  @media only screen and (max-width: 768px) {
    .uq-lpCaseText {
      line-height: 1.4;
      font-size: 1.86rem; } }
  .uq-lpCaseText small {
    font-size: 2.57rem; }
    @media only screen and (max-width: 768px) {
      .uq-lpCaseText small {
        font-size: 1.21rem; } }

.uq-LpCasePanel {
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  background-color: #282747; }
  @media only screen and (min-width: 769px) {
    .uq-LpCasePanel {
      height: 160px; } }
  @media only screen and (max-width: 768px) {
    .uq-LpCasePanel {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center; } }
  .uq-LpCasePanel__head {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 0 0 345px;
        flex: 0 0 345px; }
    @media only screen and (max-width: 768px) {
      .uq-LpCasePanel__head {
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        padding: 15px 0; } }
    @media only screen and (min-width: 769px) {
      .uq-LpCasePanel__head::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 60%;
        width: 1px;
        background-color: #fff; } }
    .uq-LpCasePanel__head__main {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 10px; }
    .uq-LpCasePanel__head__sub {
      -ms-flex-item-align: end;
          align-self: flex-end; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__head__sub {
          -ms-flex: 0 0 40%;
              flex: 0 0 40%; } }
    .uq-LpCasePanel__head__label {
      color: #282747;
      font-size: 1.14rem;
      font-weight: bold;
      padding: .5em 1.1em;
      background-color: #d4d4da;
      border-radius: 100px; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__head__label {
          font-size: 0.93rem; } }
    .uq-LpCasePanel__head__text {
      margin: 13px 0 10px;
      font-size: 2rem;
      font-weight: bold;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__head__text {
          font-size: 1.29rem; } }
    .uq-LpCasePanel__head__subText {
      color: #fff;
      font-weight: bold;
      font-size: 1.29rem; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__head__subText {
          font-size: 1.07rem; } }
  .uq-LpCasePanel__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (min-width: 769px) {
      .uq-LpCasePanel__body {
        -ms-flex: 0 0 325px;
            flex: 0 0 325px; } }
    .uq-LpCasePanel__body__subText {
      border-radius: 5px;
      letter-spacing: .15em;
      border: 1px solid #fff;
      padding: .35em .6em;
      font-size: 1.43rem;
      font-weight: bold;
      color: #fff;
      margin-right: 20px; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__body__subText {
          font-size: 1.14rem; } }
    .uq-LpCasePanel__body__text {
      color: #fff;
      font-size: 2.14rem;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__body__text {
          font-size: 1.86rem; } }
      .uq-LpCasePanel__body__text strong {
        font-size: 5rem;
        font-family: 'Oswald', 'arial', sans-serif; }
        @media only screen and (max-width: 768px) {
          .uq-LpCasePanel__body__text strong {
            font-size: 3.57rem; } }
  .uq-LpCasePanel__foot {
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 10px 10px 10px 0;
    background-color: #fff; }
    @media only screen and (max-width: 768px) {
      .uq-LpCasePanel__foot {
        padding: 27px 15px;
        margin: 20px 10px 10px 10px; } }
    .uq-LpCasePanel__foot::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 13px 0 13px 20px;
      border-color: transparent transparent transparent #282747; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__foot::before {
          right: 0;
          bottom: inherit;
          border-width: 16px 10px 0 10px;
          border-color: #282747 transparent transparent transparent; } }
    .uq-LpCasePanel__foot__subText {
      border-radius: 5px;
      letter-spacing: .15em;
      padding: .35em .6em;
      margin-right: 20px;
      font-size: 1.71rem;
      font-weight: bold;
      color: #fff;
      background-color: #282747; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__foot__subText {
          font-size: 1.29rem; } }
    .uq-LpCasePanel__foot__text {
      position: relative;
      color: #282747;
      font-weight: bold;
      font-size: 2.43rem;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__foot__text {
          font-size: 2rem; } }
      .uq-LpCasePanel__foot__text::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        margin: auto;
        width: 100%;
        height: 12px;
        background-color: #fff074;
        z-index: -1; }
      .uq-LpCasePanel__foot__text strong {
        font-family: 'Oswald', 'arial', sans-serif;
        font-size: 6.71rem; }
        @media only screen and (max-width: 768px) {
          .uq-LpCasePanel__foot__text strong {
            font-size: 4.29rem; } }
    .uq-LpCasePanel__foot__balloon {
      position: absolute;
      right: 0;
      top: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 104px;
      height: 104px;
      border-radius: 50%;
      background-color: #e72c01;
      transform: translate(30%, -30%) rotate(45deg); }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__foot__balloon {
          width: 70px;
          height: 70px;
          transform: translate(20px, -20px) rotate(45deg); } }
      .uq-LpCasePanel__foot__balloon::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        bottom: 1px;
        border-width: 20px 8px 0 8px;
        border-color: #e72c01 transparent transparent transparent;
        transform: translateY(100%); }
        @media only screen and (max-width: 768px) {
          .uq-LpCasePanel__foot__balloon::after {
            border-width: 15px 6px 0 6px; } }
    .uq-LpCasePanel__foot__label {
      color: #fff074;
      line-height: 1.1;
      text-align: center;
      font-weight: bold;
      font-size: 1.14rem;
      transform: rotate(-45deg); }
      @media only screen and (max-width: 768px) {
        .uq-LpCasePanel__foot__label {
          font-size: 0.86rem; } }
      .uq-LpCasePanel__foot__label strong {
        font-size: 2.57rem;
        font-family: 'Oswald', 'arial', sans-serif; }
        @media only screen and (max-width: 768px) {
          .uq-LpCasePanel__foot__label strong {
            font-size: 1.43rem; } }
      .uq-LpCasePanel__foot__label small {
        font-size: 2rem;
        font-family: 'Oswald', 'arial', sans-serif; }
        @media only screen and (max-width: 768px) {
          .uq-LpCasePanel__foot__label small {
            font-size: 1.29rem; } }

.uq-lpServiceTitle {
  font-size: 2.86rem;
  font-weight: bold;
  color: #0b3388;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .uq-lpServiceTitle {
      font-size: 1.71rem; } }

.uq-lpServiceText {
  font-weight: bold;
  text-align: center;
  font-size: 1.71rem; }
  @media only screen and (max-width: 768px) {
    .uq-lpServiceText {
      line-height: 1.8;
      font-size: 1.14rem; } }

.uq-lpServiceFlow {
  overflow: hidden; }
  @media only screen and (min-width: 769px) {
    .uq-lpServiceFlow {
      display: -ms-flexbox;
      display: flex;
      background-color: #0b3388;
      height: 160px; } }
  .uq-lpServiceFlow__item {
    position: relative;
    box-sizing: border-box;
    padding: 30px 0 30px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (min-width: 769px) {
      .uq-lpServiceFlow__item {
        -ms-flex: 0 0 16.66%;
            flex: 0 0 16.66%;
        max-width: 16.66%; } }
    @media only screen and (max-width: 768px) {
      .uq-lpServiceFlow__item {
        padding: 10px;
        padding: 30px 15px 0 15px;
        background-color: #0b3388; } }
    .uq-lpServiceFlow__item:nth-child(n+4) {
      color: #fff; }
    .uq-lpServiceFlow__item:first-child {
      padding-top: 20px; }
    .uq-lpServiceFlow__item:last-child {
      padding-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .uq-lpServiceFlow__item::before {
        /*
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 10px 0 10px;
        border-color: #282747 transparent transparent transparent;
        transform: translateY(calc(100% + 5px));*/ } }
    .uq-lpServiceFlow__item:not(:last-child)::before, .uq-lpServiceFlow__item:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 0;
      height: 0;
      margin: auto;
      border-style: solid;
      border-width: 90px 0 90px 25px;
      border-color: transparent transparent transparent #007bff;
      transform: translateX(100%);
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item:not(:last-child)::before, .uq-lpServiceFlow__item:not(:last-child)::after {
          top: inherit;
          left: 50%;
          border-width: 20px 200px 0 200px;
          border-color: #007bff transparent transparent transparent;
          transform: translate(-50%, 100%); } }
    .uq-lpServiceFlow__item:not(:last-child)::before {
      right: 0; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item:not(:last-child)::before {
          border-left-color: #fff; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item:not(:last-child)::before {
          border-top-color: #fff; } }
    @media only screen and (min-width: 769px) {
      .uq-lpServiceFlow__item:not(:last-child)::after {
        right: 3px; } }
    @media only screen and (max-width: 768px) {
      .uq-lpServiceFlow__item:not(:last-child)::after {
        bottom: 2px; } }
    .uq-lpServiceFlow__item--001 {
      background-color: #ced6e7; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item--001:not(:last-child)::after {
          border-left-color: #ced6e7; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item--001:not(:last-child)::after {
          border-top-color: #ced6e7; } }
    .uq-lpServiceFlow__item--002 {
      background-color: #b5c2dc; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item--002:not(:last-child)::after {
          border-left-color: #b5c2dc; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item--002:not(:last-child)::after {
          border-top-color: #b5c2dc; } }
    .uq-lpServiceFlow__item--003 {
      background-color: #9cadcf; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item--003:not(:last-child)::after {
          border-left-color: #9cadcf; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item--003:not(:last-child)::after {
          border-top-color: #9cadcf; } }
    .uq-lpServiceFlow__item--004 {
      background-color: #6b85b8; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item--004:not(:last-child)::after {
          border-left-color: #6b85b8; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item--004:not(:last-child)::after {
          border-top-color: #6b85b8; } }
    .uq-lpServiceFlow__item--005 {
      background-color: #395ca0; }
      @media only screen and (min-width: 769px) {
        .uq-lpServiceFlow__item--005:not(:last-child)::after {
          border-left-color: #395ca0; } }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__item--005:not(:last-child)::after {
          border-top-color: #395ca0; } }
  .uq-lpServiceFlow__label {
    position: relative;
    font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size: 1.57rem;
    letter-spacing: .1em;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      .uq-lpServiceFlow__label {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 1.29rem; } }
    .uq-lpServiceFlow__label::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 80%;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.5); }
    .uq-lpServiceFlow__label span {
      font-size: 1.14rem; }
      @media only screen and (max-width: 768px) {
        .uq-lpServiceFlow__label span {
          font-size: 0.93rem; } }
  .uq-lpServiceFlow__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .uq-lpServiceFlow__text {
    letter-spacing: .05em;
    text-align: center;
    font-size: 1.29rem;
    font-weight: bold;
    line-height: 1.45; }
    @media only screen and (max-width: 768px) {
      .uq-lpServiceFlow__text {
        font-size: 1.07rem; } }

@media only screen and (min-width: 769px) {
  .uq-LpServiceBottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center; } }

.uq-LpServiceBottom__main {
  margin-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    .uq-LpServiceBottom__main {
      margin-bottom: 15px; } }

@media only screen and (min-width: 769px) {
  .uq-LpServiceBottom__sub {
    margin: 0 15px;
    -ms-flex: 0 0 174px;
        flex: 0 0 174px;
    max-width: 174px; } }

@media only screen and (max-width: 768px) {
  .uq-LpServiceBottom__sub {
    margin: auto;
    max-width: 120px; } }

.uq-LpServiceBottom__text {
  font-weight: bold;
  text-align: center;
  line-height: 1.35;
  font-size: 2.14rem; }
  @media only screen and (max-width: 768px) {
    .uq-LpServiceBottom__text {
      line-height: 1.5;
      font-size: 1.14rem; } }
  .uq-LpServiceBottom__text strong {
    font-size: 2.86rem; }
    @media only screen and (max-width: 768px) {
      .uq-LpServiceBottom__text strong {
        font-size: 1.36rem; } }