@import url("./app.css");
@charset "utf-8";
/* CSS Document */


/*スクロールバーが2本出現する原因と修正*/
main {
  overflow-x: unset;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


ページタイトルデザイン共通


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.label {
    display: block;
    font-size: 14px;
    font-size: 0.97222vw;
    margin-top: 24px;
    padding-top: 7.77778vw;
    letter-spacing: 0.15em;
    margin-bottom: 20px;
    
}
.page-ttl__sub {
  display: block;
  font-size: 24px;
  font-size: 1.33333vw;
  margin-top: 24px;
  margin-top: 0.27778vw;
  letter-spacing: 0.08em;
}
@media (max-width: 1279px) {
.companyNav-list {
    -ms-flex-wrap: unset;
    flex-wrap: unset;
}
}
@media (min-width: 751px) {
.page-ttl {
    margin-top: 20px;
    margin-bottom: 1.94444vw;
    max-width: 1140px !important;
}
.page-ttl h1 {
    font-size: 48px;
    font-size: 1.66667vw;
    font-weight: 500;
    font-kerning: normal;
}
.companyNav-list {
    display: flex;
    flex-wrap: wrap;
} 
.companyNav-list li {
    flex-wrap: wrap;
    min-width: 15%;
    margin-right: 0.6%;
    margin-bottom: 7px;
    text-align: center;
} 
.companyNav-list.wide li {
    min-width: 20%;
} 
.companyNav-list__item a {
    font-size: 0.8vw;
    opacity: unset;
    background: #E8EEF7;
    padding: 6px 1px;
    line-height: 180%;
    letter-spacing: 0.1em;
}
.companyNav-list__item.voice a {
    letter-spacing: 0.05em;
}
.companyNav-list__item.-current a, .companyNav-list__item a:hover {
    color: #fff;
    background: #192D4A;
    opacity: unset;
}
}
@media (max-width: 750px) {
.companyNav-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.label {
    font-size: 3.2vw;
}
.page-ttl {
    margin-top: 20px;
    margin-left: 20px;
}
.page-ttl__sub {
    margin-top: 1.06667vw;
    font-size: 3.73333vw;
}
.companyNav-list {
    padding: 0px;
}
.companyNav-ttl {
    background: #E8EEF7;
}
.companyNav-ttl.-active ,.companyNav-ttl,.companyNav-ttl:hover {
  background: #192D4A;
    color: #fff;
}
.companyNav-list__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 50px;
    background: #E8EEF7;
    border: solid 1px #fff;
    justify-content: center;
    align-items: center;
}
.companyNav-list__item.-current a, .companyNav-list__item a:hover {
    opacity: unset;
    color: #fff;
    background: #192D4A;
}
}
.back-btn.c-btn .c-btn__link {
  background: #E8EEF7;
    color: #38393B;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

4185
  Company - メニュー
4378

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 751px) {
  .companyNav-wrap {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 751px) and (min-width: 751px) {
  .companyNav-wrap {
    width: calc(100% - 60px);
    //max-width: 1320px;
    max-width: 1140px !important;
  }
}

@media (min-width: 751px) and (max-width: 750px) {
  .companyNav-wrap {
    width: calc(100% - 48px);
  }
}

@media (max-width: 750px) {
  .companyNav-wrap {
    position: relative;
    margin-bottom: 50px;
  }
}

@media (max-width: 750px) {
  .companyNav-ttl {
    margin: 0;
    padding: 0;
    //background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    font-family: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    //background: #dcdcdc;
    width: 100%;
    height: 50px;
    font-size: 12px;
  }
  .companyNav-ttl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
  }
  .companyNav-ttl::before, .companyNav-ttl::after {
    content: "";
    position: absolute;
    right: 24px;
    width: 1px;
    height: 11px;
    background: #fff;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .companyNav-ttl::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .companyNav-ttl.is-show::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .companyNav-ttl.is-show::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media (min-width: 751px) {
  .companyNav-listWrap {
    display: block !important;
    margin-bottom: 48px;
  }
}

@media (max-width: 750px) {
  .companyNav-listWrap {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 10;
  }
}

.companyNav-list {
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 751px) {
  .companyNav-list {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

@media (max-width: 1279px) {
  .companyNav-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/*
@media (max-width: 750px) {
  .companyNav-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 24px;
    background: #e6e8eb;
  }
}*/

@media (min-width: 751px) {
  .companyNav-list__item {
    margin-right: 5.3%;
  }
}

@media (max-width: 1279px) {
  .companyNav-list__item {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .companyNav-list__item {
    margin-bottom: 0;
  }
}

@media (max-width: 750px) {
  .companyNav-list__item:nth-child(odd) {
    width: 44%;
  }
}

@media (max-width: 750px) {
  .companyNav-list__item:nth-child(even) {
    width: 56%;
  }
}

/*　トンマナで不要になる
.companyNav-list__item a {
  transition: opacity 0.3s;
  font-size: 12px;
}

.companyNav-list__item a:hover {
  opacity: 0.4;
}*/

@media (min-width: 751px) {
  .companyNav-list__item a {
    display: block;
   // padding: 6px 3px;
   // line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .companyNav-list__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 50px;
  }
}
/*　トンマナで不要になる
.companyNav-list__item.-current a {
  opacity: 0.4;
}*/




/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


color-spring  会社概要 A veryCOOL every Life!　移設


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.intro-kvLead::before {
  background: #00306d;
}

.intro-concept::before {
  background: #E3EDF9;
}

.intro-ceoImage__in::before {
  //background: #CFDDEE;
}

.intro-ceoPosition {
  color: #192D4A;
}

.intro-about__itemHead {
  color: #192D4A;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


color-spring  購入までの流れ 移設


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.flow-buyItem__ttl {
  color: #192D4A;
}

.flow-buyItem__lead {
  color: #192D4A;
}

.flow-pointItem__ttl {
  color: #192D4A;
}

.flow-pointItem__lead {
  color: #192D4A;
}

.flow-buyItem.-inversion::before ,.mirai-flowItem.-inversion::before {
  background: #192D4A;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


color-spring  グループ案内 移設


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.group-historyItem__date {
  color: #192D4A;
}

.group-historyItem__line::after {
  background: #192D4A;
}

.group-historyItem__line::before {
  background: #192D4A;
}

.group-historyItem__text {
  color: #192D4A;
}

.group-aboutTable__th {
  color: #192D4A;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


 color-spring  無料セミナー


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 751px) {
.seminar-rsrv__head {
  background: #E3EDF9;
}
}
.rsrvTable__saturday {
  background: #9AA7BA;
}
.rsrvTable__sunday {
  background: #CFDDEE;
}
@media (max-width: 750px){
.rsrvTableWrap {
  margin-bottom: 50px;
}
}

/*　暮らしのWebマガジン FP通信用　ボタンの背景色をうすくする　*/

.category-list__btn {
    background: #F5F7F8;
}
.pagerArrow__link {
    background: #E8EEF6;
    color: #38393B;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


 color-spring    無料会員登録


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (max-width: 750px) {
  .regist-fv__lead {
    color: #192D4A;
  }
}

.regist-fvCount__box.-memberOnly .regist-fvCount__num {
  color: #192D4A;
}

.regist-fvCount__box.-storeOnly .regist-fvCount__num {
  color: #7BA0CD;
}

.regist-publish__box.-no01 {
  background: rgba(206, 206, 179, 0.4);
}

.regist-publish__box.-no02 {
  background: rgba(217, 212, 193, 0.4);
}

.regist-publish__box.-no03 {
  background: rgba(211, 219, 196, 0.4);
}

.regist-suumo__num {
  color: #192D4A;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


 color-spring    スタッフ詳細ページ


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.ComparisonSlider__Handle {
  background: #192D4A;
}

.ComparisonSlider__Handle::before,
.ComparisonSlider__Handle::after {
  background: #192D4A;
}

.staff-profileTable th {
  color: #192D4A;
}

.staffDetail-recoBnrLink::after {
  background: rgba(217, 202, 199, 0.9);
}

/* FP通信の詳細ページで見出しが重なる事の解消として調整　*/

@media (min-width: 751px) {
  .c-postTtlWrap {
    bottom: -100px;
    }
}

/*
  ライフプランニング バナー
ーーーーーーーーーーーーーーーーーー*/
.serviceLife {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
@media (min-width: 751px) {
  .serviceLife {
    margin   : 30px auto;
    max-width: 926px;
    height   : 207px;
  }
}

@media (max-width: 750px) {
  .serviceLife {
    margin: 30px auto;
    height: 162px;
  }
}

.serviceLife__Link {
  position          : relative;
  width             : 100%;
  height            : 100%;
  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;
  color             : #fff;
  letter-spacing    : 0.1em;
  background        : #00316C;
  text-align        : center;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
}

.serviceLife__Title {
  line-height: 1.5;
}

@media (min-width: 751px) {
  .serviceLife__Title {
    font-size: 1.8rem;
  }
}

@media (max-width: 750px) {
  .serviceLife__Title {
    font-size: 1.3rem;
  }
}

.serviceLife__Part {
  font-weight       : bold;
  background        : #63AFCE;
  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;
  letter-spacing    : 0.7em;
  margin            : 8px auto 0;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
}

@media (min-width: 751px) {
  .serviceLife__Part {
    font-size    : 0.9rem;
    border-radius: 16.5px;
    width        : 191px;
    height       : 33px;
  }
}

@media (max-width: 750px) {
  .serviceLife__Part {
    font-size    : 0.7rem;
    width        : 136px;
    height       : 24px;
    border-radius: 11px;
  }
}

.serviceLife__More {
  position: absolute;
}

@media (min-width: 751px) {
  .serviceLife__More {
    right            : 20px;
    bottom           : 20px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
  }
}

@media (max-width: 750px) {
  .serviceLife__More {
    right : 10px;
    bottom: 10px;
  }
}

.serviceLife__More .-text {
  font-size   : 0.8rem;
  font-weight : bold;
  margin-right: 11px;
}

@media (max-width: 750px) {
  .serviceLife__More .-text {
    display: none;
  }
}

.serviceLife__More .-icon {
  max-width: 23px;
  display  : block;
}

/* hoverアニメーション */
.serviceLife__Link:hover {
  background: #63AFCE;
}

.serviceLife__Link:hover .serviceLife__Part {
  background: #fff;
  color     : #63AFCE;
}