@charset "utf-8";


/*  Variables ========================
    .class { color: var(--variables);}
    ==================================
*/

/* :root {

    --closeBlack:    #0a1b33;

    --darkBlue:      #2170a1;
    --Blue:          #3c91cd;

    --Red:           #b71227;

    --lightGrey:     #f0f4f5;
    --blueGrey:      #598eab;
    --lightBlueGrey: #87a9be;
    --LineGrey:      #e9edee;
    --darkGrey:      #303030;
    --Grey:          #515151;
    --phGrey:        #7fa2b3;

    --filter:        rgba(8, 48, 71, 0.28);
    --filterHover:   rgba(33, 112, 185, 0.65);

    --C-B:           cubic-bezier(0.78, 0.07, 0, 1);

    --WideSpace:   14rem;
    --BaseFs:      1.4rem;
    --lTtlFs:      2.4rem;
    --xxlTtlFs:    14rem;

    --spMFs:       1.6rem;
    --spMLFs:      2rem;
    --spNLFs:      2.5rem;
    --spLFs:       3.15rem;

    --spTM:        40px;
    --spBM:        66px;
    --spPH:        240px;

    --secMgn:      248px;
    --sliderH:     549px;

    --sliderW:     calc( 68% - 10px );

    --linkColsPaddingG:   9rem;
    --linkColsPaddingW:   10rem;
    --linkColsPadding:    6rem;

    --JpFont:      'Noto Sans';
    --EnFont:      'Roboto';

    --lightBorder: 1px solid #e9edee;

}

/* USAGE
======================================== */
.inner {
  max-width: 110rem;
  margin-left:  auto;
  margin-right: auto;
}
.innerN {
  max-width: 100rem;
  margin-left:  auto;
  margin-right: auto;
}
.flxBtw {
  display: flex;
  justify-content: space-between;
}
.flxBtw_mb {
  display: flex;
  justify-content: space-between;
}
.flxBtw_ac {
  display: flex;
}
.flxBtw figure a {
  display: block;
  width: 225px;
}
.mAuto {
  margin-left:  auto;
  margin-right: auto;
}

.childWrapper {
  padding: 10rem 1.5vw;
  box-sizing: border-box;
  background-color: #f0f4f5;
}
@media screen and (max-width: 767px) {
  .childWrapper { padding: 0 0 10px 0;}
}
.whiteBox {
  background: #ffffff;
  padding: 8rem 10rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .whiteBox {
    padding: 40px 10px;
  }
}

.list {
  padding: 4rem 1rem 4rem;
  border-bottom: 1px solid #e9edee;
  line-height: 100%;
}
.cMt { margin-top: 10rem;}
.aPos {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform:     translate(-50%,-50%);
  transform:         translate(-50%,-50%);
}
.fPos {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ctr {
  text-align: center;
}


.ttlM {
  font-size: 2rem;
  color: #2170a1;
  line-height: 100%;
  letter-spacing: .05rem;
}
.ttlM_en {
  font-family: 'Roboto';
  font-size: 1.8rem;
  color: #2170a1;
  margin-bottom: .6rem;
  letter-spacing: .16rem;
  font-weight: bold;
}

.sp { display: none;}
.pc { display: block;}

@media screen and (max-width: 767px) {
  .flxBtw_mb { display: block;}
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}